.forecast-cell {
    padding: 4px;
    min-width: 140px;
}

.forecast-cell-content {
    border: 2px solid;
    border-radius: 8px;
}

.forecast-cell-flyable {
    border-color: #4caf50;
}

.forecast-cell-nofly {
    border-color: #f44336;
}

.predictions-row {
    display: flex;
    gap: 4px;
    margin-bottom: 4px;
}

.prediction-section {
    flex: 1;
    padding: 2px 4px;
    border-radius: 4px;
    text-align: center;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.rf-section {
    background-color: #e3f2fd;
}

.bn-section {
    background-color: #f3e5f5;
}

.airtime-section {
    background-color: #fff3e0;
    padding: 6px;
    border-radius: 4px;
}

.prediction-label, .duration-label {
    font-size: 0.7em;
    color: #666;
    display: inline-block;    
}

.prediction-icon {
    font-size: 1.2em;
    display: inline-block;
    margin: 0;
}

.icon-yes {
    color: #4caf50;
}

.icon-no {
    color: #f44336;
}

.confidence {
    font-size: 0.7em; 
    color: #666;
    display: inline-block;
}

.airtime-bars {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    height: 60px; /* Reduced from 80px */
    margin-top: 4px;
    padding: 0 2px;
}

.airtime-bar-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 1px;
    min-width: 0;
}

.airtime-bar-visual {
    width: 100%;
    border-radius: 4px 4px 0 0;
    transition: all 0.3s ease;
    min-height: 2px; /* Ensure bars are visible even at 0% */
}

.airtime-bar-visual:hover {
    opacity: 0.8;
}

.airtime-icon {
    font-size: 1em; /* Reduced from 1.2em */
    margin-bottom: 2px;
}

.airtime-label {
    font-size: 0.6em; /* Reduced from 0.65em */
    color: #666;
    margin-top: 1px;
    text-align: center;
    white-space: nowrap;
}

.airtime-percent {
    font-size: 0.65em; /* Reduced from 0.75em */
    font-weight: bold;
    color: #333;
    margin-top: 2px;
}

.bar-veryshort { background-color: #ef5350; }
.bar-short { background-color: #ffa726; }
.bar-medium { background-color: #66bb6a; }
.bar-extended { background-color: #42a5f5; }
.bar-long { background-color: #5e35b1; }

/* Mobile optimizations */
@media screen and (max-width: 768px) {
    .forecast-cell {
        min-width: 100px;
        padding: 2px;
    }
    
    .forecast-cell-content {
        padding: 4px;
    }
    
    .prediction-label {
        font-size: 0.65em;
    }
    
    .prediction-icon {
        font-size: 1em;
    }
    
    .confidence {
        font-size: 0.65em;
    }
    
    .airtime-bars {
        height: 50px;
    }
    
    .airtime-icon {
        font-size: 0.9em;
    }
    
    .airtime-percent {
        font-size: 0.6em;
    }
    
    .airtime-label {
        font-size: 0.5em; /* Reduced from 0.65em */
        color: #666;
        margin-top: 1px;
        text-align: center;
        white-space: nowrap;
    }

    .duration-label {
        display: none;
    }

}