@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ── Spinner — centred overlay ── */
.spinnerClass[b-qswdow35nx] {
    width:      180px;
    height:     180px;
    position:   absolute;
    inset:      0;
    margin:     auto;
    max-width:  100%;
    max-height: 100%;
    overflow:   auto;
    z-index:    9999;
}

/* ── Main content area ── */
.main-content[b-qswdow35nx] {
    padding-top: 0;
}
/* /Components/Layout/MainNavigationBar.razor.rz.scp.css */
/* ── Nav bar wrapper ──
   Col 1: SfMenu  — left, fills available space
   Col 2: nav-brand (title + logo) — pinned right
── */
.MainMenuWrapper[b-2ntbt9hkxg] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1.25rem;
    padding: 4px 8px;
    padding-top: 9px;
    background: black;
    border-radius: 10px;
    border: 1px solid #4a4a4a;
    box-shadow: 0 6px 10px rgba(4, 12, 50, 0.45);
}



/* ── Brand block (title + logo, right side) ── */
.nav-brand[b-2ntbt9hkxg] {
    display:     flex;
    align-items: center;
    gap:         0.6rem;
    white-space: nowrap;
}

/* ── Title label ── */
.nav-title[b-2ntbt9hkxg] {
    font-size: 1rem;
    color: #21a9d3;
    letter-spacing: 0.02em;
}

/* ── Logo image ── */
.logoImage[b-2ntbt9hkxg] {
    margin-left: 2rem;
    padding-bottom: 3px;
    padding-top: 0px;
    width:   30px;
    height:  33px;
}
/* /Components/Layout/PageHeaderDisplay.razor.rz.scp.css */
/* ── Top band ── */
.header[b-8ewctsebqp] {
    position: relative;
    display: flex;
    align-items: center;
    height: 52px;
}


headerTitle[b-8ewctsebqp] {
    padding-left: 1rem;
    color: white
}

logoImage[b-8ewctsebqp] {
    max-height: 48px;
    height: auto;
}

/* ── Nav bar wrapper ──
   Col 1: SfMenu  — left, fills available space
   Col 2: nav-brand (title + logo) — pinned right
── */
.header[b-8ewctsebqp] {
    
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 2rem;
    padding: 6px 16px;

    background: linear-gradient(90deg, #4a4a4a 0%, #14b8a6 60%, #5eead4 100%);
    /*border-radius: 10px;*/
    box-shadow: 0 3px 14px rgba(4, 12, 50, 0.45);
    color: white;
}



/* /Components/Pages/Patients/PatientList.razor.rz.scp.css */
.FitGridOnPage[b-mwrzmqmicp] {
    width: 100% !important;
    height: calc(87vh) !important;
}

/* Selected Row */
[b-mwrzmqmicp] .e-grid td.e-selectionbackground {
    background-color: #cfe2ff;
}

/* Alternate rows */
[b-mwrzmqmicp] .e-grid .e-altrow {
    background-color: #f8f9fa;
}




/* /Components/Pages/Surgeries/SurgeryAddEdit.razor.rz.scp.css */
/* ── Dialog chrome ─────────────────────────────────────────────────────── */
[b-aapdjttfry] .surgery-dialog .e-dlg-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-aapdjttfry] .surgery-dialog .e-dlg-content {
    padding: 0; /* the tab control provides its own padding */
    overflow: hidden;
}

[b-aapdjttfry] .surgery-dialog .e-footer-content {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--e-border-color, #dee2e6);
}

/* ── Dirty indicator ───────────────────────────────────────────────────── */
.dirty-indicator[b-aapdjttfry] {
    color: var(--e-warning, #f0ad4e);
    font-size: 1rem;
    line-height: 1;
}

/* ── Tab content area ──────────────────────────────────────────────────── */
[b-aapdjttfry] .surgery-dialog .e-tab-content {
    padding: 1rem;
    overflow-y: auto;
    max-height: calc(80vh - 130px);
}

/* ── Labels ────────────────────────────────────────────────────────────── */
.sf-label[b-aapdjttfry] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--e-label-color, #495057);
    margin-bottom: 0.25rem;
}

    .sf-label .required[b-aapdjttfry] {
        color: var(--e-danger, #d32f2f);
    }

/* ── Read-only numeric box ─────────────────────────────────────────────── */
[b-aapdjttfry] .e-readonly .e-control-wrapper {
    background: var(--e-disabled-bg, #f5f5f5);
}

/* ── Grid inside tab ───────────────────────────────────────────────────── */
[b-aapdjttfry] .surgery-dialog .e-grid {
    font-size: 0.8125rem;
}

    [b-aapdjttfry] .surgery-dialog .e-grid .e-headercell {
        background: var(--e-grid-header-bg, #f8f9fa);
    }

/* ── Dialog title ──────────────────────────────────────────────────────── */
.dialog-title[b-aapdjttfry] {
    font-weight: 600;
    font-size: 1rem;
}


.validation-error[b-aapdjttfry] {
    font-weight: 500;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}
/* /Components/Pages/Surgeries/SurgeryList.razor.rz.scp.css */
.FitGridOnPage[b-8b9rkcbmaf] {
    width: 100% !important;
    height: calc(87vh) !important;
}

/* Selected Row */
[b-8b9rkcbmaf] .e-grid td.e-selectionbackground {
    background-color: #cfe2ff;
}

/* Alternate rows */
[b-8b9rkcbmaf] .e-grid .e-altrow {
    background-color: #f8f9fa;
}
/* /Components/Pages/Surgeries/Tabs/PerioperativeTab.razor.rz.scp.css */
/* ── Section cards ───────────────────────────────────────────────────────── */
.section-card[b-lzh303y75m] {
    border: 1px solid var(--sf-border-color, #e0e0e0);
    border-radius: 6px;
    padding: .5rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    margin-bottom: 1rem;
}

/* Scrollable content area for tabs */
.tab-scroll-content[b-lzh303y75m] {
    max-height: 73vh;
    overflow: auto;
}


/* /Components/Pages/Surgeries/Tabs/Postoperative/PostoperativeTab.razor.rz.scp.css */
/* PostoperativeAddEdit.razor.css */

/* ── Section cards ───────────────────────────────────────────────────────── */
.section-card[b-36dabuhh2g] {
    border: 1px solid var(--sf-border-color, #e0e0e0);
    border-radius: 6px;
    padding: .5rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    margin-bottom: 1rem;
}

/* Scrollable content area for tabs */
.tab-scroll-content[b-36dabuhh2g] {
    max-height: 73vh;
    overflow: auto;
}

/* ── Progression grid wrapper ────────────────────────────────────────────── */
.progression-grid-wrapper[b-36dabuhh2g] {
    border-top: 1px dashed var(--sf-border-color, #d0d0d0);
    padding-top: .875rem;
}

.progression-grid .e-gridheader[b-36dabuhh2g] {
    background-color: var(--sf-primary-lightest, #f0f7ff);
}

/* When checkbox acts as a header as well */
[b-36dabuhh2g] .bold-checkbox.e-checkbox-wrapper .e-label {
    font-weight: 600;
}

/* Selected Row */
[b-36dabuhh2g] .e-grid td.e-selectionbackground {
    background-color: #cfe2ff;
}

/* Alternate rows */
[b-36dabuhh2g] .e-grid .e-altrow {
    background-color: #f8f9fa;
}

/* /Components/Pages/Surgeries/Tabs/Postoperative/Progressions.razor.rz.scp.css */
/* Selected Row */
[b-ho3robduaz] .e-grid td.e-selectionbackground {
    background-color: #cfe2ff;
}

/* Alternate rows */
[b-ho3robduaz] .e-grid .e-altrow {
    background-color: #f8f9fa;
}



/* /Components/Pages/Surgeries/Tabs/SurgeryTab.razor.rz.scp.css */
.FitGridOnPage[b-xesrx2uw77] {
    width: 100% !important;
    height: calc(87vh) !important;
}

/* Selected Row */
[b-xesrx2uw77] .e-grid td.e-selectionbackground {
    background-color: #cfe2ff;
}

/* Alternate rows */
[b-xesrx2uw77] .e-grid .e-altrow {
    background-color: #f8f9fa;
}

/* Scrollable content area for tabs */
.tab-scroll-content[b-xesrx2uw77] {
    max-height: 73vh;
    overflow: auto;
}

/* ── Section cards ───────────────────────────────────────────────────────── */
.section-card[b-xesrx2uw77] {
    border: 1px solid var(--sf-border-color, #e0e0e0);
    border-radius: 6px;
    padding: .5rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    margin-bottom: 1rem;
}