/* Container utama untuk fleet list */
#fleetContainer {
    overflow-x: auto; /* Skrol mendatar */
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
}

/* --- LOGIK BARU UNTUK LANDSCAPE --- */
@media (orientation: landscape) {
    #fleetContainer {
        /* Bila datar, kita hadkan tinggi kotak supaya tak perlu scroll page jauh ke bawah */
        max-height: 250px; 
        overflow-y: auto; /* Boleh scroll atas-bawah dalam kotak tu sendiri */
        border: 1px solid #1f2937;
        border-radius: 8px;
        padding: 8px;
        background: #0f172a;
    }
}

/* Row untuk Label dan Input */
.aircraft-row, .label-row { 
    display: grid; 
    grid-template-columns: 80px repeat(5, 55px) 35px; 
    gap: 6px; 
    min-width: 400px; 
    align-items: center;
}

.label-row { 
    font-size: 0.55rem; 
    color: #6b7280; 
    font-weight: bold; 
    margin-bottom: 4px; 
    text-align: center; 
}

.aircraft-row { 
    margin-bottom: 8px; 
}

.aircraft-row input { 
    padding: 8px 2px; 
    background: #1f2937; 
    border: 1px solid #374151; 
    border-radius: 5px; 
    color: white; 
    text-align: center; 
    font-size: 0.8rem; 
    width: 100%; 
}

/* Row untuk Total Capacity */
.total-cap-row { 
    display: grid; 
    grid-template-columns: 80px repeat(4, 55px) 55px 35px; 
    gap: 6px; 
    padding: 8px 0; 
    border-top: 1px dashed #374151; 
    margin-top: 5px;
    margin-bottom: 10px; 
    font-family: monospace; 
    font-weight: bold; 
    font-size: 0.8rem; 
    color: #10b981; 
    text-align: center; 
    min-width: 400px; 
}

.btn-add { 
    width: 100%; 
    padding: 12px; 
    background: #2563eb; 
    color: white; 
    border: none; 
    border-radius: 8px; 
    font-weight: bold; 
    font-size: 0.8rem; 
    margin-top: 5px;
    cursor: pointer;
}

.btn-add:active { background: #1d4ed8; }

.btn-del { 
    background: #7f1d1d; 
    color: #f87171; 
    border: none; 
    border-radius: 4px; 
    font-weight: bold; 
    height: 30px;
    cursor: pointer;
}