/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-v04815fddr] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-v04815fddr] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

app-content[b-v04815fddr],
.app-content[b-v04815fddr] {
    height: 100%;
    min-height: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
}

   

.app-shell[b-v04815fddr] {
    transform: scale(0.95);
    transform-origin: top left;
    width: calc(100% / 0.95);
    height: calc(100% / 0.95);
}

/* /Components/Pages/Aircraft/Aircraft.razor.rz.scp.css */
/* MAIN LAYOUT */
.aircraft-container[b-zb8kxlh9sf] {
    display: flex;
    height: 100vh;
    background-color: #0A1929;
    overflow: hidden;
}

/* LEFT PANEL */
.list-panel[b-zb8kxlh9sf] {
    width: 350px;
    background-color: #0D2238;
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-right: 2px solid #112B45;
    /* THE REAL FIX */
    flex: 0 0 auto;
    min-height: 0;
}

/* HEADER */
.header[b-zb8kxlh9sf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

    .header h2[b-zb8kxlh9sf] {
        color: #A8C7E6;
        margin: 0;
        font-size: 1.2rem;
        font-weight: 600;
    }


.actions button[b-zb8kxlh9sf] {
    padding: 10px 14px;
    background-color: #1E4973;
    border: none;
    border-radius: 6px;
    color: white;
    cursor: pointer;
}

    .actions button:hover[b-zb8kxlh9sf] {
        background-color: #2A5E94;
    }

/* SEARCH BOX */
.search-box[b-zb8kxlh9sf] {
    margin-bottom: 16px;
    background-color: #0D2238;
    border: 1px solid #1F2E45;
    border-radius: 6px;
    padding: 0;
}

.list-panel .search-box[b-zb8kxlh9sf] {
    margin-left: 6px;
    margin-right: 6px;
}

.search-box input[b-zb8kxlh9sf] {
    width: calc(100% - 12px);
    margin-left: 6px;
    margin-right: 6px;
    padding: 10px;
    background-color: #0A1A2F;
    border: 1px solid #1F2E45;
    border-radius: 6px;
    color: #E8F1FF;
    font-size: 0.95rem;
    box-sizing: border-box;
}

    .search-box input[b-zb8kxlh9sf]::placeholder {
        color: #7A8BA3;
    }

    .search-box input:focus[b-zb8kxlh9sf] {
        border-color: #4CC2FF;
        box-shadow: 0 0 6px #4CC2FF55;
        outline: none;
    }

/* AIRCRAFT LIST */
.aircraft-list[b-zb8kxlh9sf] {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 6px;
}

    .aircraft-list li[b-zb8kxlh9sf] {
        padding: 12px;
        margin-bottom: 8px;
        background-color: #112B45;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.2s ease;
    }

        .aircraft-list li:hover[b-zb8kxlh9sf] {
            background-color: #16375A;
        }

        .aircraft-list li.selected[b-zb8kxlh9sf] {
            background-color: #1E4973;
        }

    .aircraft-list .name[b-zb8kxlh9sf] {
        font-weight: bold;
        color: white;
    }

    .aircraft-list .sub[b-zb8kxlh9sf] {
        font-size: 0.9rem;
        color: #A8C7E6;
    }

/* RIGHT PANEL */
.detail-panel[b-zb8kxlh9sf] {
    flex: 1 1 auto;
    padding: 20px;
    background-color: #0D2238;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    min-height: 0;
}

    .detail-panel h3[b-zb8kxlh9sf] {
        color: #A8C7E6;
        margin-bottom: 12px;
    }

    /* FORM LAYOUT */
    .detail-panel form[b-zb8kxlh9sf] {
        display: flex;
        flex-direction: column;
        gap: 14px;
        max-width: 900px;
        height: 100%;
        justify-content: space-between;
    }

/* Group sections */
.form-section[b-zb8kxlh9sf] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 4px;
}

/* Two-column field layout */
.form-row[b-zb8kxlh9sf] {
    flex: 1 1 calc(50% - 12px);
    display: flex;
    flex-direction: column;
    min-width: 220px;
}

    .form-row label[b-zb8kxlh9sf] {
        color: #A8C7E6;
        margin-bottom: 3px;
        font-size: 0.8rem;
        font-weight: 500;
    }

    .form-row input[b-zb8kxlh9sf],
    .form-row select[b-zb8kxlh9sf],
    .form-row textarea[b-zb8kxlh9sf] {
        padding: 6px 8px;
        border-radius: 5px;
        border: none;
        background-color: #112B45;
        color: white;
        font-size: 0.85rem;
        height: 28px;
    }

/* Section titles */
.form-section h4[b-zb8kxlh9sf] {
    width: 100%;
    color: #A8C7E6;
    border-bottom: 1px solid #1E4973;
    padding-bottom: 2px;
    margin-bottom: 4px;
    font-size: 0.9rem;
}

/* Equipment checkbox layout */
.checkbox-group[b-zb8kxlh9sf] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 2px;
}

.checkbox-item[b-zb8kxlh9sf] {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: #112B45;
    border: 1px solid #1F2E45;
    border-radius: 5px;
    padding: 4px 8px;
    color: #A8C7E6;
    cursor: pointer;
    user-select: none;
    transition: 0.15s ease;
    font-size: 0.8rem;
}

    .checkbox-item:hover[b-zb8kxlh9sf] {
        background-color: #16375A;
        border-color: #4CC2FF55;
    }

    .checkbox-item input[type="checkbox"][b-zb8kxlh9sf] {
        width: 14px;
        height: 14px;
        accent-color: #1E4973;
        cursor: pointer;
    }

/* BUTTONS */
button[type="submit"][b-zb8kxlh9sf],
button[type="button"][b-zb8kxlh9sf] {
    padding: 6px 12px;
    background-color: #1E4973;
    border: none;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    margin-right: 6px;
    font-size: 0.85rem;
}

    button[type="submit"]:hover[b-zb8kxlh9sf],
    button[type="button"]:hover[b-zb8kxlh9sf] {
        background-color: #2A5E94;
    }
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.modal-backdrop[b-wfw8jxcdpk] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal[b-wfw8jxcdpk] {
    background: #0A1A2F;
    border: 1px solid #1F2E45;
    padding: 1rem 1.25rem;
    border-radius: 6px;
    width: 320px;
    color: white;
}

.modal-row[b-wfw8jxcdpk] {
    margin-bottom: 0.75rem;
}

.modal-actions[b-wfw8jxcdpk] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

    .modal-actions button[b-wfw8jxcdpk] {
        padding: 6px 12px;
        background: #1E4973;
        border: 1px solid #2A5E94;
        border-radius: 4px;
        color: #A8C7E6;
        cursor: pointer;
    }

        .modal-actions button:hover[b-wfw8jxcdpk] {
            background: #2A5E94;
        }

.error[b-wfw8jxcdpk] {
    color: #FF7043;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
}

.aircraft-list[b-wfw8jxcdpk] {
    overflow-y: auto;
    max-height: 100%;
}

/* /Components/Pages/Instructors/Instructors.razor.rz.scp.css */
/* MAIN LAYOUT */
.instructors-container[b-6q15pjbgrx] {
    display: flex;
    height: 100vh;
    background-color: #0A1929;
    overflow: hidden;
}

/* LEFT PANEL */
.list-panel[b-6q15pjbgrx] {
    width: 350px;
    background-color: #0D2238;
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-right: 2px solid #112B45;
    flex: 0 0 auto;
    min-height: 0;
}

/* HEADER */
.header[b-6q15pjbgrx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

    .header h2[b-6q15pjbgrx] {
        color: #A8C7E6;
        margin: 0;
        font-size: 1.2rem;
        font-weight: 600;
    }

/* HEADER BUTTON */
.actions button[b-6q15pjbgrx] {
    padding: 10px 14px;
    background-color: #1E4973;
    border: none;
    border-radius: 6px;
    color: white;
    cursor: pointer;
    transition: 0.15s ease;
    font-size: 0.9rem;
    font-weight: 400;
}

    .actions button:hover[b-6q15pjbgrx] {
        background-color: #2A5E94;
    }

    .actions button[disabled][b-6q15pjbgrx] {
        opacity: 0.4;
        cursor: not-allowed;
    }

/* SEARCH BOX */
.search-box[b-6q15pjbgrx] {
    margin-bottom: 16px;
    background-color: #0D2238;
    border: 1px solid #1F2E45;
    border-radius: 6px;
    padding: 0;
}

.list-panel .search-box[b-6q15pjbgrx] {
    margin-left: 6px;
    margin-right: 6px;
}

.search-box input[b-6q15pjbgrx] {
    width: calc(100% - 12px);
    margin-left: 6px;
    margin-right: 6px;
    padding: 10px;
    background-color: #0A1A2F;
    border: 1px solid #1F2E45;
    border-radius: 6px;
    color: #E8F1FF;
    font-size: 0.95rem;
    box-sizing: border-box;
}

    .search-box input[b-6q15pjbgrx]::placeholder {
        color: #7A8BA3;
    }

    .search-box input:focus[b-6q15pjbgrx] {
        border-color: #4CC2FF;
        box-shadow: 0 0 6px #4CC2FF55;
        outline: none;
    }

/* INSTRUCTOR LIST */
.instructor-list[b-6q15pjbgrx] {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 6px;
}

    .instructor-list li[b-6q15pjbgrx] {
        padding: 12px;
        margin-bottom: 8px;
        background-color: #112B45;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border: 1px solid #1F2E45;
    }

        .instructor-list li:hover[b-6q15pjbgrx] {
            background-color: #16375A;
        }

        .instructor-list li.selected[b-6q15pjbgrx] {
            background-color: #1E4973;
        }

    .instructor-list .name[b-6q15pjbgrx] {
        font-weight: bold;
        color: white;
    }

    .instructor-list .sub[b-6q15pjbgrx] {
        font-size: 0.9rem;
        color: #A8C7E6;
    }

/* RIGHT PANEL */
.detail-panel[b-6q15pjbgrx] {
    flex: 1 1 auto;
    padding: 20px;
    background-color: #0D2238;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    min-height: 0;
}

    .detail-panel h3[b-6q15pjbgrx] {
        color: #A8C7E6;
        margin-bottom: 12px;
    }

    /* FORM */
    .detail-panel form[b-6q15pjbgrx] {
        display: flex;
        flex-direction: column;
        gap: 14px;
        max-width: 900px;
        height: 100%;
        justify-content: flex-start;
    }

/* FORM ROWS */
.form-row[b-6q15pjbgrx] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .form-row label[b-6q15pjbgrx] {
        margin-bottom: 6px;
        font-size: 0.9rem;
        color: #E8F1FF;
    }

/* INPUTS */
input[b-6q15pjbgrx],
select[b-6q15pjbgrx] {
    background-color: #112B45;
    border: none;
    color: white;
    padding: 6px 8px;
    border-radius: 5px;
    font-size: 0.85rem;
    height: 28px;
}

    input:focus[b-6q15pjbgrx],
    select:focus[b-6q15pjbgrx] {
        border-color: #4CC2FF;
        box-shadow: 0 0 6px #4CC2FF55;
        outline: none;
    }

/* FORM BUTTONS */
button[type="submit"][b-6q15pjbgrx],
button[type="button"][b-6q15pjbgrx] {
    padding: 6px 12px;
    background-color: #1E4973;
    border: none;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    margin-right: 6px;
    font-size: 0.85rem;
}

    button[type="submit"]:hover[b-6q15pjbgrx],
    button[type="button"]:hover[b-6q15pjbgrx] {
        background-color: #2A5E94;
    }
/* /Components/Pages/Maintenance/MX.razor.rz.scp.css */
/* MAIN LAYOUT */
.mx-container[b-w3a0ntmv1n] {
    display: flex;
    height: 100vh;
    background-color: #0A1929;
    overflow: hidden;
}

/* TOP SECTION */
.mx-top[b-w3a0ntmv1n] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

/* LEFT PANEL */
.mx-list-panel[b-w3a0ntmv1n] {
    width: 350px;
    background-color: #0D2238;
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-right: 2px solid #112B45;
    flex: 0 0 auto;
    min-height: 0;
}

.mx-title[b-w3a0ntmv1n] {
    color: #A8C7E6;
    margin-bottom: 12px;
}

/* SEARCH BOX */
.search-box[b-w3a0ntmv1n] {
    margin-bottom: 16px;
    background-color: #0D2238;
    border: 1px solid #1F2E45;
    border-radius: 6px;
    padding: 0;
}

    .search-box input[b-w3a0ntmv1n] {
        width: calc(100% - 12px);
        margin: 6px;
        padding: 10px;
        background-color: #0A1A2F;
        border: 1px solid #1F2E45;
        border-radius: 6px;
        color: #E8F1FF;
        font-size: 0.95rem;
        box-sizing: border-box;
    }

        .search-box input[b-w3a0ntmv1n]::placeholder {
            color: #7A8BA3;
        }

        .search-box input:focus[b-w3a0ntmv1n] {
            border-color: #4CC2FF;
            box-shadow: 0 0 6px #4CC2FF55;
            outline: none;
        }

/* AIRCRAFT LIST */
.mx-aircraft-list[b-w3a0ntmv1n] {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 6px;
}

.mx-aircraft-item[b-w3a0ntmv1n] {
    padding: 12px;
    margin-bottom: 8px;
    background-color: #112B45;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .mx-aircraft-item:hover[b-w3a0ntmv1n] {
        background-color: #16375A;
    }

    .mx-aircraft-item.selected[b-w3a0ntmv1n] {
        background-color: #1E4973;
    }

    .mx-aircraft-item .name[b-w3a0ntmv1n] {
        font-weight: bold;
        color: white;
    }

    .mx-aircraft-item .sub[b-w3a0ntmv1n] {
        font-size: 0.9rem;
        color: #A8C7E6;
    }

/* RIGHT PANEL */
.mx-detail-panel[b-w3a0ntmv1n] {
    flex: 1 1 auto;
    padding: 20px;
    background-color: #0D2238;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

/* RIGHT PANEL TOP */
.mx-detail-top[b-w3a0ntmv1n] {
    height: 60%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    overflow: hidden;
    padding-right: 12px;
    border-bottom: 4px solid #4CC2FF;
}

/* LEFT SIDE OF TOP PANEL */
.mx-top-left[b-w3a0ntmv1n] {
    flex: 0 0 60%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.mx-section-title[b-w3a0ntmv1n] {
    color: #A8C7E6;
    margin-bottom: 12px;
}

.mx-subsection-title[b-w3a0ntmv1n] {
    color: #A8C7E6;
    margin-bottom: 8px;
}

.mx-ac-info[b-w3a0ntmv1n] {
    color: #A8C7E6;
    margin-bottom: 16px;
}

/* SQUAWK LIST */
.mx-open-squawks[b-w3a0ntmv1n] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    flex: 1 1 auto;
    min-height: 0;
    padding-right: 6px;
}

.mx-muted[b-w3a0ntmv1n] {
    color: #A8C7E6;
}

.mx-squawk-item[b-w3a0ntmv1n] {
    background-color: #112B45;
    padding: 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .mx-squawk-item:hover[b-w3a0ntmv1n] {
        background-color: #16375A;
    }

.mx-squawk-desc[b-w3a0ntmv1n] {
    color: white;
    font-weight: bold;
}

.mx-squawk-date[b-w3a0ntmv1n] {
    color: #A8C7E6;
}

/* RIGHT SIDE OF TOP PANEL */
.mx-top-right[b-w3a0ntmv1n] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* FORM ELEMENTS */
.mx-field-label[b-w3a0ntmv1n] {
    color: #A8C7E6;
    margin-bottom: 6px;
    display: block;
}

.mx-input[b-w3a0ntmv1n] {
    width: 100%;
    padding: 8px;
    background-color: #112B45;
    border: none;
    border-radius: 5px;
    color: white;
    margin-bottom: 10px;
    font-size: 0.95rem;
    box-sizing: border-box;
}

.mx-checkbox-label[b-w3a0ntmv1n] {
    color: #A8C7E6;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
}

.mx-button[b-w3a0ntmv1n] {
    padding: 6px 12px;
    background-color: #1E4973;
    border: none;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    margin-top: 6px;
}

    .mx-button:hover[b-w3a0ntmv1n] {
        background-color: #2A5E94;
    }

/* BOTTOM PANEL */
.mx-detail-bottom[b-w3a0ntmv1n] {
    height: 40%;
    overflow-y: auto;
    padding-top: 12px;
    min-width: 0;
}

    .mx-detail-bottom .mx-input[b-w3a0ntmv1n] {
        max-width: 100%;
        box-sizing: border-box;
    }
/* MAINTENANCE PANELS (DERIVED AIRCRAFT INFO) */
.mx-maint-panel[b-w3a0ntmv1n] {
    background-color: #112B45;
    border-radius: 6px;
    padding: 12px 14px;
    margin-bottom: 16px;
    color: #A8C7E6;
    box-shadow: 0 0 6px #00000055;
}

    .mx-maint-panel h4[b-w3a0ntmv1n] {
        color: #A8C7E6;
        margin-bottom: 10px;
        font-size: 1.05rem;
        font-weight: 600;
    }

    .mx-maint-panel div[b-w3a0ntmv1n] {
        margin-bottom: 6px;
        font-size: 0.9rem;
    }

    .mx-maint-panel ul[b-w3a0ntmv1n] {
        margin: 8px 0 0 16px;
        padding: 0;
    }

    .mx-maint-panel li[b-w3a0ntmv1n] {
        margin-bottom: 4px;
        color: #A8C7E6;
    }

/* Make left side scroll cleanly with new content */
.mx-top-left[b-w3a0ntmv1n] {
    overflow-y: auto;
    padding-right: 6px;
}

/* Slight spacing improvement between sections */
.mx-ac-info[b-w3a0ntmv1n] {
    margin-bottom: 20px;
}

.mx-subsection-title[b-w3a0ntmv1n] {
    margin-top: 20px;
}

/* SHRINK THE SLIDEOUT PANEL */
.mx-slideout[b-w3a0ntmv1n] {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 420px; /* ← THIS is the fix */
    background-color: #0D2238;
    box-shadow: -4px 0 12px #00000088;
    display: flex;
    flex-direction: column;
    padding: 20px;
    z-index: 999;
}

/* Keep content inside clean */
.mx-slideout-content[b-w3a0ntmv1n] {
    overflow-y: auto;
}

/* /Components/Pages/Mechanics/Mechanics.razor.rz.scp.css */
/* MAIN LAYOUT */
.mechanics-container[b-uymzmnirdn] {
    display: flex;
    height: 100vh;
    background-color: #0A1929;
    overflow: hidden;
}

/* LEFT PANEL */
.list-panel[b-uymzmnirdn] {
    width: 350px;
    background-color: #0D2238;
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-right: 2px solid #112B45;
    flex: 0 0 auto;
    min-height: 0;
}

/* HEADER */
.header[b-uymzmnirdn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

    .header h2[b-uymzmnirdn] {
        color: #A8C7E6;
        margin: 0;
        font-size: 1.2rem;
        font-weight: 600;
    }

/* HEADER BUTTON */
.actions button[b-uymzmnirdn] {
    padding: 10px 14px;
    background-color: #1E4973;
    border: none;
    border-radius: 6px;
    color: white;
    cursor: pointer;
    transition: 0.15s ease;
    font-size: 0.9rem;
    font-weight: 400;
}

    .actions button:hover[b-uymzmnirdn] {
        background-color: #2A5E94;
    }

    .actions button[disabled][b-uymzmnirdn] {
        opacity: 0.4;
        cursor: not-allowed;
    }

/* SEARCH BOX */
.search-box[b-uymzmnirdn] {
    margin-bottom: 16px;
    background-color: #0D2238;
    border: 1px solid #1F2E45;
    border-radius: 6px;
    padding: 0;
}

.list-panel .search-box[b-uymzmnirdn] {
    margin-left: 6px;
    margin-right: 6px;
}

.search-box input[b-uymzmnirdn] {
    width: calc(100% - 12px);
    margin-left: 6px;
    margin-right: 6px;
    padding: 10px;
    background-color: #0A1A2F;
    border: 1px solid #1F2E45;
    border-radius: 6px;
    color: #E8F1FF;
    font-size: 0.95rem;
    box-sizing: border-box;
}

    .search-box input[b-uymzmnirdn]::placeholder {
        color: #7A8BA3;
    }

    .search-box input:focus[b-uymzmnirdn] {
        border-color: #4CC2FF;
        box-shadow: 0 0 6px #4CC2FF55;
        outline: none;
    }

/* MECHANIC LIST */
.mechanic-list[b-uymzmnirdn] {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 6px;
}

    .mechanic-list li[b-uymzmnirdn] {
        padding: 12px;
        margin-bottom: 8px;
        background-color: #112B45;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border: 1px solid #1F2E45;
    }

        .mechanic-list li:hover[b-uymzmnirdn] {
            background-color: #16375A;
        }

        .mechanic-list li.selected[b-uymzmnirdn] {
            background-color: #1E4973;
        }

    .mechanic-list .name[b-uymzmnirdn] {
        font-weight: bold;
        color: white;
    }

    .mechanic-list .sub[b-uymzmnirdn] {
        font-size: 0.9rem;
        color: #A8C7E6;
    }

/* RIGHT PANEL */
.detail-panel[b-uymzmnirdn] {
    flex: 1 1 auto;
    padding: 20px;
    background-color: #0D2238;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    min-height: 0;
}

    .detail-panel h3[b-uymzmnirdn] {
        color: #A8C7E6;
        margin-bottom: 12px;
    }

    /* FORM */
    .detail-panel form[b-uymzmnirdn] {
        display: flex;
        flex-direction: column;
        gap: 14px;
        max-width: 900px;
        height: 100%;
        justify-content: flex-start;
    }

/* FORM ROWS */
.form-row[b-uymzmnirdn] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .form-row label[b-uymzmnirdn] {
        margin-bottom: 6px;
        font-size: 0.9rem;
        color: #E8F1FF;
    }

/* INPUTS */
input[b-uymzmnirdn],
select[b-uymzmnirdn] {
    background-color: #112B45;
    border: none;
    color: white;
    padding: 6px 8px;
    border-radius: 5px;
    font-size: 0.85rem;
    height: 28px;
}

    input:focus[b-uymzmnirdn],
    select:focus[b-uymzmnirdn] {
        border-color: #4CC2FF;
        box-shadow: 0 0 6px #4CC2FF55;
        outline: none;
    }

/* FORM BUTTONS */
button[type="submit"][b-uymzmnirdn],
button[type="button"][b-uymzmnirdn] {
    padding: 6px 12px;
    background-color: #1E4973;
    border: none;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    margin-right: 6px;
    font-size: 0.85rem;
}

    button[type="submit"]:hover[b-uymzmnirdn],
    button[type="button"]:hover[b-uymzmnirdn] {
        background-color: #2A5E94;
    }
/* /Components/Pages/Reports/Reportpage.razor.rz.scp.css */
.page[b-fd6nmy7lzu] {
    padding: 20px;
    font-family: sans-serif;
}

h2[b-fd6nmy7lzu] {
    margin-bottom: 20px;
}

.top-buttons[b-fd6nmy7lzu] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

    .top-buttons button[b-fd6nmy7lzu] {
        padding: 8px 14px;
        background-color: #2d2d2d;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

        .top-buttons button:hover[b-fd6nmy7lzu] {
            background-color: #444;
        }

.report-container[b-fd6nmy7lzu] {
    margin-top: 20px;
    background: #1e1e1e;
    padding: 20px;
    border-radius: 6px;
    color: #e0e0e0;
}

    .report-container h3[b-fd6nmy7lzu] {
        margin-bottom: 15px;
        border-bottom: 1px solid #444;
        padding-bottom: 6px;
    }

.report-table[b-fd6nmy7lzu] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

    .report-table th[b-fd6nmy7lzu] {
        background-color: #333;
        color: #fff;
        padding: 10px;
        text-align: left;
        border-bottom: 2px solid #555;
    }

    .report-table td[b-fd6nmy7lzu] {
        padding: 8px;
        border-bottom: 1px solid #444;
    }

    .report-table tr:nth-child(even)[b-fd6nmy7lzu] {
        background-color: #2a2a2a;
    }

    .report-table tr:nth-child(odd)[b-fd6nmy7lzu] {
        background-color: #242424;
    }

    .report-table tr:hover[b-fd6nmy7lzu] {
        background-color: #3a3a3a;
    }

.error[b-fd6nmy7lzu] {
    color: #ff6b6b;
    margin-top: 10px;
    font-weight: bold;
}
/* /Components/Pages/Scheduler/Scheduler.razor.rz.scp.css */
/* ===== Top Buttons ===== */
.top-buttons[b-0sjxw5yqd2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .top-buttons button[b-0sjxw5yqd2] {
        padding: 6px 12px;
        background: #4a90e2;
        color: white;
        border: none;
        cursor: pointer;
        font-size: 12px;
        border-radius: 4px;
    }

        .top-buttons button:hover[b-0sjxw5yqd2] {
            background: #3a78c0;
        }

/* ===== Scheduler Layout ===== */
.scheduler-container[b-0sjxw5yqd2] {
    height: calc(100vh - 160px);
    border: 1px solid #444;
    display: flex;
    background-color: #1f2e43;
    color: #fff;
    position: relative;
}

/* ===== Scroll Area ===== */
.scroll-area[b-0sjxw5yqd2] {
    display: flex;
    flex: 1;
    overflow-y: scroll;
    overflow-x: auto;
    position: relative;
}

/* ===== Timeline ===== */
.timeline[b-0sjxw5yqd2] {
    width: 60px;
    border-right: 1px solid #444;
    background-color: #22334a;
}

.timeline-hour[b-0sjxw5yqd2] {
    height: 60px;
    border-bottom: 1px solid #333;
    font-size: 12px;
    text-align: right;
    padding-right: 6px;
    color: #cfd8e3;
}

/* ===== Aircraft Columns ===== */
.aircraft-columns[b-0sjxw5yqd2] {
    flex: 1;
    display: flex;
    gap: 10px;
    padding-right: 10px;
    background-color: #1f2e43;
}

/* ===== Each Aircraft Column ===== */
.aircraft-column[b-0sjxw5yqd2] {
    width: 120px;
    border-right: 1px solid #444;
    position: relative;
    height: 1440px; /* 24 hours * 60px */
    background-color: #24364d;
}

/* ===== Column Header ===== */
.aircraft-header[b-0sjxw5yqd2] {
    text-align: center;
    padding: 4px;
    background: #2e4460;
    color: #fff;
    font-size: 12px;
    position: sticky;
    top: 0;
    z-index: 10;
}

/* ===== Event Block ===== */
.event-sample[b-0sjxw5yqd2] {
    position: absolute;
    left: 2px;
    right: 2px;
    background: #4a90e2;
    color: white;
    padding: 2px;
    border-radius: 4px;
    font-size: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #2c6bb0;
    z-index: 20;
}

    .event-sample:hover[b-0sjxw5yqd2] {
        background: #3a78c0;
    }

/* ===== Drawer ===== */
.drawer[b-0sjxw5yqd2] {
    position: fixed;
    right: 0;
    top: 0;
    width: 320px;
    height: 100%;
    background: #222;
    color: white;
    padding: 20px;
    border-left: 1px solid #444;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .drawer label[b-0sjxw5yqd2] {
        font-size: 12px;
        margin-top: 6px;
    }

    .drawer input[b-0sjxw5yqd2],
    .drawer select[b-0sjxw5yqd2] {
        width: 100%;
        padding: 4px;
        margin-bottom: 4px;
        background: #111;
        color: white;
        border: 1px solid #555;
        font-size: 12px;
    }

    .drawer button[b-0sjxw5yqd2] {
        width: 100%;
        padding: 6px;
        margin-top: 6px;
        background: #4a90e2;
        color: white;
        border: none;
        cursor: pointer;
        font-size: 12px;
        border-radius: 4px;
    }

        .drawer button.delete[b-0sjxw5yqd2] {
            background: #a00;
        }

        .drawer button:hover[b-0sjxw5yqd2] {
            opacity: 0.9;
        }

/* ===== Scrollbar Styling ===== */
.scroll-area[b-0sjxw5yqd2]::-webkit-scrollbar {
    width: 10px;
}

.scroll-area[b-0sjxw5yqd2]::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 5px;
}

.scroll-area[b-0sjxw5yqd2]::-webkit-scrollbar-track {
    background-color: #1f2e43;
}
/* /Components/Pages/Students/Students.razor.rz.scp.css */
/* MAIN LAYOUT */
.students-container[b-rduoznii59] {
    display: flex;
    height: 100vh;
    background-color: #0A1929;
    overflow: hidden;
}

/* LEFT PANEL */
.list-panel[b-rduoznii59] {
    width: 350px;
    background-color: #0D2238;
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-right: 2px solid #112B45;
    flex: 0 0 auto;
    min-height: 0;
}

/* HEADER */
.header[b-rduoznii59] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

    .header h2[b-rduoznii59] {
        color: #A8C7E6;
        margin: 0;
        font-size: 1.2rem;
        font-weight: 600;
    }


/* HEADER BUTTON */
.actions button[b-rduoznii59] {
    padding: 10px 14px;
    background-color: #1E4973;
    border: none;
    border-radius: 6px;
    color: white;
    cursor: pointer;
    transition: 0.15s ease;
    font-size: 0.9rem;
    font-weight: 400;
}

    .actions button:hover[b-rduoznii59] {
        background-color: #2A5E94;
    }

    .actions button[disabled][b-rduoznii59] {
        opacity: 0.4;
        cursor: not-allowed;
    }

/* SEARCH BOX */
.search-box[b-rduoznii59] {
    margin-bottom: 16px;
    background-color: #0D2238;
    border: 1px solid #1F2E45;
    border-radius: 6px;
    padding: 0;
}

.list-panel .search-box[b-rduoznii59] {
    margin-left: 6px;
    margin-right: 6px;
}

.search-box input[b-rduoznii59] {
    width: calc(100% - 12px);
    margin-left: 6px;
    margin-right: 6px;
    padding: 10px;
    background-color: #0A1A2F;
    border: 1px solid #1F2E45;
    border-radius: 6px;
    color: #E8F1FF;
    font-size: 0.95rem;
    box-sizing: border-box;
}

    .search-box input[b-rduoznii59]::placeholder {
        color: #7A8BA3;
    }

    .search-box input:focus[b-rduoznii59] {
        border-color: #4CC2FF;
        box-shadow: 0 0 6px #4CC2FF55;
        outline: none;
    }

/* STUDENT LIST */
.student-list[b-rduoznii59] {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 6px;
}

    .student-list li[b-rduoznii59] {
        padding: 12px;
        margin-bottom: 8px;
        background-color: #112B45;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.2s ease;
        border: 1px solid #1F2E45;
    }

        .student-list li:hover[b-rduoznii59] {
            background-color: #16375A;
        }

        .student-list li.selected[b-rduoznii59] {
            background-color: #1E4973;
        }

    .student-list .name[b-rduoznii59] {
        font-weight: bold;
        color: white;
    }

    .student-list .sub[b-rduoznii59] {
        font-size: 0.9rem;
        color: #A8C7E6;
    }

/* RIGHT PANEL */
.detail-panel[b-rduoznii59] {
    flex: 1 1 auto;
    padding: 20px;
    background-color: #0D2238;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    min-height: 0;
}

    .detail-panel h3[b-rduoznii59] {
        color: #A8C7E6;
        margin-bottom: 12px;
    }

    /* FORM */
    .detail-panel form[b-rduoznii59] {
        display: flex;
        flex-direction: column;
        gap: 14px;
        max-width: 900px;
        height: 100%;
        justify-content: flex-start;
    }

/* FORM ROWS */
.form-row[b-rduoznii59] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .form-row label[b-rduoznii59] {
        margin-bottom: 6px;
        font-size: 0.9rem;
        color: #E8F1FF;
    }

/* INPUTS */
input[b-rduoznii59],
select[b-rduoznii59] {
    background-color: #112B45;
    border: none;
    color: white;
    padding: 6px 8px;
    border-radius: 5px;
    font-size: 0.85rem;
    height: 28px;
}

    input:focus[b-rduoznii59],
    select:focus[b-rduoznii59] {
        border-color: #4CC2FF;
        box-shadow: 0 0 6px #4CC2FF55;
        outline: none;
    }

/* FORM BUTTONS */
button[type="submit"][b-rduoznii59],
button[type="button"][b-rduoznii59] {
    padding: 6px 12px;
    background-color: #1E4973;
    border: none;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    margin-right: 6px;
    font-size: 0.85rem;
}

    button[type="submit"]:hover[b-rduoznii59],
    button[type="button"]:hover[b-rduoznii59] {
        background-color: #2A5E94;
    }
/* /Components/UI/AircraftCard.razor.rz.scp.css */
.aircraft-card[b-ovhgsyhxar] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr auto; /* adjust ratios as needed */
    align-items: center;
    background-color: #0A1A2F;
    color: white;
    padding: 0.75rem 1rem;
    border: 1px solid #1F2E45;
    border-radius: 6px;
    margin-bottom: 0.5rem;
    height: 60px; /* consistent row height */
    white-space: nowrap; /* prevents wrapping */
    overflow: hidden; /* prevents overflow */
}
.aircraft-list[b-ovhgsyhxar] {
    max-height: calc(100vh - 180px); /* adjust depending on header size */
    overflow-y: auto;
    padding-right: 6px; /* prevents scrollbar overlap */
}

/* Status colors */
.status-available[b-ovhgsyhxar] {
    color: #4CAF50; /* green */
    font-weight: 600;
}

.status-inflight[b-ovhgsyhxar] {
    color: #40C4FF; /* sky blue */
    font-weight: 600;
}

.status-scheduled[b-ovhgsyhxar] {
    color: #FFC107; /* amber */
    font-weight: 600;
}

.status-mx[b-ovhgsyhxar] {
    color: #FF7043; /* aviation orange */
    font-weight: 600;
}

.status-unknown[b-ovhgsyhxar] {
    color: #9E9E9E; /* gray */
    font-weight: 600;
}

.hobbs-button button[b-ovhgsyhxar] {
    padding: 6px 12px;
    font-size: 0.85rem;
    background: #1E4973; /* deep aviation blue */
    border: 1px solid #2A5E94;
    border-radius: 4px;
    color: #A8C7E6; /* soft cockpit text */
    cursor: pointer;
    height: 36px;
    white-space: nowrap;
}

    .hobbs-button button:hover[b-ovhgsyhxar] {
        background: #2A5E94;
    }
/* /Components/UI/ModalConfirmation.razor.rz.scp.css */
.modal-overlay[b-t6cpnmknv0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.modal-box[b-t6cpnmknv0] {
    background-color: #1a1a1a;
    border: 1px solid #333;
    padding: 20px 28px;
    border-radius: 8px;
    width: 350px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
    text-align: center;
}

.modal-message[b-t6cpnmknv0] {
    font-size: 1.1rem;
    margin-bottom: 20px;
    color: #e0e0e0;
}

.modal-buttons[b-t6cpnmknv0] {
    display: flex;
    justify-content: space-between;
}

.confirm-btn[b-t6cpnmknv0] {
    background-color: #b71c1c;
    border: none;
    padding: 8px 16px;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.cancel-btn[b-t6cpnmknv0] {
    background-color: #424242;
    border: none;
    padding: 8px 16px;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.confirm-btn:hover[b-t6cpnmknv0] {
    background-color: #d32f2f;
}

.cancel-btn:hover[b-t6cpnmknv0] {
    background-color: #616161;
}
/* /Components/UI/MX/CessnaSkyhawkMaintenanceEditor.razor.rz.scp.css */
.mx-editor[b-dvwjfwte81] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    background: #1e1e1e;
    border-radius: 8px;
    border: 1px solid #333;
    color: #eaeaea;
}

.mx-field[b-dvwjfwte81] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .mx-field label[b-dvwjfwte81] {
        font-size: 0.9rem;
        color: #cfcfcf;
    }

    .mx-field input[b-dvwjfwte81] {
        padding: 6px 10px;
        background: #2a2a2a;
        border: 1px solid #444;
        border-radius: 4px;
        color: #eaeaea;
    }

        .mx-field input:focus[b-dvwjfwte81] {
            outline: none;
            border-color: #6aa0ff;
        }

.mx-save[b-dvwjfwte81] {
    margin-top: 10px;
    padding: 10px 14px;
    background: #3a6df0;
    border: none;
    border-radius: 6px;
    color: white;
    font-weight: 600;
    cursor: pointer;
}

    .mx-save:hover[b-dvwjfwte81] {
        background: #2f56c4;
    }
/* /Components/UI/MX/PiperArrowMaintenanceEditor.razor.rz.scp.css */
.mx-editor[b-opjf47eyg0] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    background: #1e1e1e;
    border-radius: 8px;
    border: 1px solid #333;
    color: #eaeaea;
}

.mx-field[b-opjf47eyg0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .mx-field label[b-opjf47eyg0] {
        font-size: 0.9rem;
        color: #cfcfcf;
    }

    .mx-field input[b-opjf47eyg0] {
        padding: 6px 10px;
        background: #2a2a2a;
        border: 1px solid #444;
        border-radius: 4px;
        color: #eaeaea;
    }

        .mx-field input:focus[b-opjf47eyg0] {
            outline: none;
            border-color: #6aa0ff;
        }

.mx-save[b-opjf47eyg0] {
    margin-top: 10px;
    padding: 10px 14px;
    background: #3a6df0;
    border: none;
    border-radius: 6px;
    color: white;
    font-weight: 600;
    cursor: pointer;
}

    .mx-save:hover[b-opjf47eyg0] {
        background: #2f56c4;
    }
/* /Components/UI/MX/PiperSeminoleMaintenanceEditor.razor.rz.scp.css */
.mx-editor[b-tcougs9b4c] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    background: #1e1e1e;
    border-radius: 8px;
    border: 1px solid #333;
    color: #eaeaea;
}

.mx-field[b-tcougs9b4c] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .mx-field label[b-tcougs9b4c] {
        font-size: 0.9rem;
        color: #cfcfcf;
    }

    .mx-field input[b-tcougs9b4c] {
        padding: 6px 10px;
        background: #2a2a2a;
        border: 1px solid #444;
        border-radius: 4px;
        color: #eaeaea;
    }

        .mx-field input:focus[b-tcougs9b4c] {
            outline: none;
            border-color: #6aa0ff;
        }

.mx-save[b-tcougs9b4c] {
    margin-top: 10px;
    padding: 10px 14px;
    background: #3a6df0;
    border: none;
    border-radius: 6px;
    color: white;
    font-weight: 600;
    cursor: pointer;
}

    .mx-save:hover[b-tcougs9b4c] {
        background: #2f56c4;
    }
/* /Components/UI/MX/RobinsonR44MaintenanceEditor.razor.rz.scp.css */
.mx-editor[b-ouawdlad81] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    background: #1e1e1e;
    border-radius: 8px;
    border: 1px solid #333;
    color: #eaeaea;
}

.mx-field[b-ouawdlad81] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .mx-field label[b-ouawdlad81] {
        font-size: 0.9rem;
        color: #cfcfcf;
    }

    .mx-field input[b-ouawdlad81] {
        padding: 6px 10px;
        background: #2a2a2a;
        border: 1px solid #444;
        border-radius: 4px;
        color: #eaeaea;
    }

        .mx-field input:focus[b-ouawdlad81] {
            outline: none;
            border-color: #6aa0ff;
        }

.mx-save[b-ouawdlad81] {
    margin-top: 10px;
    padding: 10px 14px;
    background: #3a6df0;
    border: none;
    border-radius: 6px;
    color: white;
    font-weight: 600;
    cursor: pointer;
}

    .mx-save:hover[b-ouawdlad81] {
        background: #2f56c4;
    }