/* _content/Aperture.WebApp/Components/Common/HorizontalPicker.razor.rz.scp.css */
/* ==========================================
   HorizontalPicker — Enterprise component
   ========================================== */

.horizontal-picker[b-y4lbpozckb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.25rem 0.5rem;
}

/* ── Prev / Next buttons ─────────────────── */

.horizontal-picker-btn[b-y4lbpozckb] {
    white-space: nowrap;
    background-color: var(--mj-col-teal);
    color: white;
    margin: 0;
    border-color: var(--mj-col-teal);
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

    .horizontal-picker-btn:hover:not(:disabled)[b-y4lbpozckb],
    .horizontal-picker-btn:focus-visible:not(:disabled)[b-y4lbpozckb] {
        background-color: var(--mj-col-raspberry);
        border-color: var(--mj-col-raspberry);
        color: white;
    }

    /* Suppress Bootstrap's blue active flash */
    .horizontal-picker-btn:active:not(:disabled)[b-y4lbpozckb] {
        background-color: var(--mj-col-teal) !important;
        border-color: var(--mj-col-teal) !important;
        color: white !important;
        box-shadow: none !important;
    }

    /* Kill Bootstrap's blue focus ring on mouse click */
    .horizontal-picker-btn:focus[b-y4lbpozckb] {
        box-shadow: none !important;
        outline: none !important;
    }

    .horizontal-picker-btn:focus-visible[b-y4lbpozckb] {
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.35) !important;
        outline: none !important;
    }

    .horizontal-picker-btn:disabled[b-y4lbpozckb] {
        opacity: 0.45;
        cursor: not-allowed;
    }

/* ── Dropdown wrapper ────────────────────── */

.horizontal-picker-dropdown[b-y4lbpozckb] {
    position: relative;
    margin: 0;
}

/* ── Toggle button ───────────────────────── */

.horizontal-picker-toggle[b-y4lbpozckb] {
    min-width: 150px;
    font-weight: 600;
    background-color: var(--mj-col-teal);
    border-color: var(--mj-col-teal);
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

    .horizontal-picker-toggle:hover[b-y4lbpozckb],
    .horizontal-picker-toggle:focus-visible[b-y4lbpozckb] {
        background-color: var(--mj-col-raspberry);
        border-color: var(--mj-col-raspberry);
        color: white;
    }

    /* Suppress Bootstrap's blue active flash */
    .horizontal-picker-toggle:active[b-y4lbpozckb] {
        background-color: var(--mj-col-teal) !important;
        border-color: var(--mj-col-teal) !important;
        color: white !important;
        box-shadow: none !important;
    }

    /* Kill Bootstrap's blue focus ring on mouse click */
    .horizontal-picker-toggle:focus[b-y4lbpozckb] {
        box-shadow: none !important;
        outline: none !important;
    }

    .horizontal-picker-toggle:focus-visible[b-y4lbpozckb] {
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.35) !important;
        outline: none !important;
    }

/* ── Invisible backdrop (click-outside) ──── */

.hp-backdrop[b-y4lbpozckb] {
    position: fixed;
    inset: 0;
    z-index: 1049;
    background: transparent;
    cursor: default;
}

/* ── Dropdown menu ───────────────────────── */

.horizontal-picker-menu[b-y4lbpozckb] {
    position: absolute;
    z-index: 1050;
    padding: 0;
    overflow: hidden;
    border-radius: 0.75rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #fff;
    /* Keep the full menu (header + list + footer + border) inside the viewport */
    display: flex;
    flex-direction: column;
    max-height: calc(100dvh - 120px);
}

/* ── Sticky header with filter ───────────── */

.hp-menu-header[b-y4lbpozckb] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
    padding: 0.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.hp-filter[b-y4lbpozckb] {
    font-size: 0.85rem;
}

    .hp-filter:focus[b-y4lbpozckb] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.18);
    }

.hp-menu-meta[b-y4lbpozckb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.35rem;
    gap: 0.75rem;
}

.hp-menu-actions[b-y4lbpozckb] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

/* ── Scrollable item list ────────────────── */

.hp-items[b-y4lbpozckb] {
    /* flex: allows this section to grow up to its max-height and shrink
       when the menu's viewport cap kicks in, keeping header/footer visible */
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.hp-item[b-y4lbpozckb] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color 0.1s ease;
}

/* Keyboard-highlighted row */
[b-y4lbpozckb] .hp-item.hp-highlight {
    outline: 2px solid rgba(41, 142, 165, 0.4);
    outline-offset: -2px;
    background-color: rgba(41, 142, 165, 0.10);
}

/* Current selection */
[b-y4lbpozckb] .hp-item.active {
    background-color: var(--mj-col-teal);
    color: white;
}

/* Hover — but not the active item (keep contrast) */
[b-y4lbpozckb] .hp-item:hover:not(.active) {
    background-color: rgba(41, 142, 165, 0.08);
    color: inherit;
}

/* When highlight + active overlap */
[b-y4lbpozckb] .hp-item.active.hp-highlight {
    outline-color: rgba(255, 255, 255, 0.5);
    background-color: var(--mj-col-teal);
    color: white;
}

/* ── Search match highlight ──────────────── */

.hp-mark[b-y4lbpozckb] {
    background-color: rgba(200, 207, 103, 0.55);
    padding: 0 2px;
    border-radius: 3px;
}

/* ── Sticky footer tips ──────────────────── */

.hp-menu-footer[b-y4lbpozckb] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: #fff;
    padding: 0.35rem 0.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}

.hp-tip[b-y4lbpozckb] {
    white-space: nowrap;
}

    .hp-tip kbd[b-y4lbpozckb] {
        display: inline-block;
        padding: 0.1em 0.35em;
        font-size: 0.8em;
        font-family: inherit;
        line-height: 1;
        color: #555;
        background: #f0f0f0;
        border: 1px solid #ccc;
        border-radius: 3px;
        box-shadow: inset 0 -1px 0 #bbb;
    }

/* ── Scrollbar (Chromium) ────────────────── */

.hp-items[b-y4lbpozckb]::-webkit-scrollbar {
    width: 8px;
}

.hp-items[b-y4lbpozckb]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.22);
    border-radius: 4px;
}

.hp-items[b-y4lbpozckb]::-webkit-scrollbar-track {
    background: transparent;
}
/* _content/Aperture.WebApp/Components/Common/PagerComponent.razor.rz.scp.css */
/* =============================================
   Pager nav wrapper
   ============================================= */
.pager-nav[b-8kyut5udib] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem 1rem;
    padding: 0.75rem 0.25rem 0.25rem;
}

/* =============================================
   Summary text  ("Showing 1–50 of 237")
   ============================================= */
.pager-summary[b-8kyut5udib] {
    font-size: 0.82rem;
    color: rgba(58, 56, 52, 0.6);
    white-space: nowrap;
    flex-shrink: 0;
}

    .pager-summary strong[b-8kyut5udib] {
        color: var(--mj-col-charcoal);
        font-weight: 700;
    }

/* =============================================
   Button list
   ============================================= */
.pager-list[b-8kyut5udib] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* =============================================
   Base button
   ============================================= */
.pager-btn[b-8kyut5udib] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    height: 2.1rem;
    padding: 0 0.45rem;
    border: 1px solid rgba(58, 56, 52, 0.18);
    border-radius: 0.55rem;
    background: #ffffff;
    color: var(--mj-col-charcoal);
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.12s ease;
    -webkit-user-select: none;
    user-select: none;
}

    .pager-btn:hover:not(.disabled):not(.pager-number-active)[b-8kyut5udib] {
        background-color: rgba(41, 142, 165, 0.08);
        border-color: rgba(41, 142, 165, 0.35);
        color: var(--mj-col-teal);
        transform: translateY(-1px);
    }

    .pager-btn:focus[b-8kyut5udib],
    .pager-btn:focus-visible[b-8kyut5udib] {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.22);
        border-color: rgba(41, 142, 165, 0.55);
    }

    .pager-btn.disabled[b-8kyut5udib],
    .pager-btn:disabled[b-8kyut5udib] {
        opacity: 0.35;
        cursor: not-allowed;
        pointer-events: none;
    }

/* =============================================
   Active / current page button
   ============================================= */
.pager-number-active[b-8kyut5udib] {
    background-color: var(--mj-col-teal) !important;
    border-color: var(--mj-col-teal) !important;
    color: #ffffff !important;
    font-weight: 800;
    cursor: default;
    pointer-events: none;
}

/* =============================================
   Edge buttons (First / Prev / Next / Last)
   ============================================= */
.pager-edge[b-8kyut5udib] {
    font-size: 0.78rem;
}

/* =============================================
   Ellipsis
   ============================================= */
.pager-ellipsis[b-8kyut5udib] {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    min-width: 1.6rem;
    height: 2.1rem;
    padding-bottom: 0.3rem;
    color: rgba(58, 56, 52, 0.4);
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}

/* =============================================
   Responsive: stack summary above list on small screens
   ============================================= */
@media (max-width: 575.98px) {
    .pager-nav[b-8kyut5udib] {
        flex-direction: column;
        align-items: center;
    }

    .pager-summary[b-8kyut5udib] {
        text-align: center;
    }
}
/* _content/Aperture.WebApp/Components/Layout/AdminSideNavMenu.razor.rz.scp.css */
/* ─── Hide the manual collapse/expand button ──────────────────────────────── */

.sidebar-vertical .btn[b-uncqfsqhhk],
.sidebar-vertical .mb-3.btn[b-uncqfsqhhk] {
    display: none !important;
}

/* ─── Pin button — floats top-right, visible when expanded or pinned ────────── */

.sidebar-pin-btn[b-uncqfsqhhk] {
    position: absolute;
    top: 18px;
    right: 10px;
    z-index: 2;
    background: transparent;
    border: none;
    padding: 5px 6px;
    border-radius: 5px;
    color: rgba(58, 56, 52, 0.45);
    font-size: 0.95rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

.sidebar-vertical:hover .sidebar-pin-btn[b-uncqfsqhhk],
body.sidebar-pinned .sidebar-pin-btn[b-uncqfsqhhk] {
    opacity: 1;
    pointer-events: auto;
}

.sidebar-pin-btn:hover[b-uncqfsqhhk] {
    background-color: rgba(41, 142, 165, 0.1);
    color: var(--mj-col-teal);
}

body.sidebar-pinned .sidebar-pin-btn[b-uncqfsqhhk] {
    color: var(--mj-col-teal);
}

/* ─── Sidebar shell ───────────────────────────────────────────────────────────
   Fixed full-height, always narrow (75px). Expands to 280px on hover.          */

.sidebar-vertical[b-uncqfsqhhk],
.sidebar-vertical.collapsed[b-uncqfsqhhk] {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100vh !important;
    z-index: 1035;
    width: 75px !important;
    background-color: #ffffff !important;
    color: var(--mj-col-charcoal);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
    transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    flex-shrink: 0;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.06);
}

.sidebar-vertical:hover[b-uncqfsqhhk],
.sidebar-vertical.collapsed:hover[b-uncqfsqhhk] {
    width: 280px !important;
    overflow: visible;
    transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

/* ─── Logo area — ::before = icon (visible when collapsed)
                  ::after  = full logo (fades in when expanded)               */

.sidebar-vertical[b-uncqfsqhhk]::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 100%;
    height: 70px;
    background-image: url('/images/Aperture_Icon_Reversed_Color_RGB.svg');
    background-size: 36px 36px;
    background-repeat: no-repeat;
    background-position: center center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    opacity: 1;
    transition: opacity 0.1s ease;
}

.sidebar-vertical[b-uncqfsqhhk]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-image: url('/images/Aperture%20Logo_2025_Tagline_Color_RGB.svg');
    background-size: auto 58px;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease 0s;
}

/* Crossfade: icon out → logo in */
.sidebar-vertical:hover[b-uncqfsqhhk]::before,
.sidebar-vertical.collapsed:hover[b-uncqfsqhhk]::before {
    opacity: 0;
    transition: opacity 0.1s ease 0s;
}

.sidebar-vertical:hover[b-uncqfsqhhk]::after,
.sidebar-vertical.collapsed:hover[b-uncqfsqhhk]::after {
    opacity: 1;
    transition: opacity 0.18s ease 0.06s;
}

/* ─── Remove p-3 padding so nav items span the full width ──────────────────── */

.sidebar-vertical .p-3[b-uncqfsqhhk] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0.5rem !important;
    width: 100%;
    box-sizing: border-box;
}

/* Ensure the nav list and every item fill the full sidebar width */
.sidebar-vertical ul.nav[b-uncqfsqhhk] {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

.sidebar-vertical .nav-item[b-uncqfsqhhk] {
    width: 100%;
    list-style: none;
}

/* Button variant (dropdown trigger) needs explicit block/width to match <a> links */
.sidebar-vertical button.nav-link[b-uncqfsqhhk] {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    appearance: none;
    -webkit-appearance: none;
}

/* ─── Nav links ──────────────────────────────────────────────────────────────*/

.sidebar-vertical[b-uncqfsqhhk]  .nav-link {
    color: var(--mj-col-charcoal) !important;
    background-color: transparent !important;
    padding: 0.72rem 0 !important;
    border-radius: 0;
    margin-bottom: 0;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0;
    font-weight: 600;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
    transition: background-color 0.18s ease, color 0.18s ease,
                padding 0.22s cubic-bezier(0.4, 0, 0.2, 1),
                gap      0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Fixed square box — every icon occupies exactly 22×22px */
.sidebar-vertical[b-uncqfsqhhk]  .nav-link > i.bi {
    font-size: 1.1rem;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    flex-grow: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mj-col-charcoal);
}

.sidebar-vertical[b-uncqfsqhhk]  .nav-link:hover,
.sidebar-vertical[b-uncqfsqhhk]  .nav-link:focus {
    background-color: rgba(41, 142, 165, 0.08) !important;
    color: var(--mj-col-teal) !important;
    font-weight: 700;
}

.sidebar-vertical[b-uncqfsqhhk]  .nav-link:hover > i.bi,
.sidebar-vertical[b-uncqfsqhhk]  .nav-link:focus > i.bi {
    color: var(--mj-col-teal);
}

/* Expanded: align icon left edge with logo's background-position: 1.1rem */
.sidebar-vertical:hover[b-uncqfsqhhk]  .nav-link,
.sidebar-vertical.collapsed:hover[b-uncqfsqhhk]  .nav-link {
    padding: 0.65rem 0 0.65rem 1.1rem !important;
    justify-content: flex-start !important;
    text-align: left;
    gap: 0.75rem;
}

/* ─── Active nav link ─────────────────────────────────────────────────────── */

.sidebar-vertical[b-uncqfsqhhk]  .nav-link.active,
.sidebar-vertical[b-uncqfsqhhk]  .nav-link[aria-current="page"] {
    background-color: var(--mj-col-teal) !important;
    color: #ffffff !important;
    font-weight: 700;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.sidebar-vertical[b-uncqfsqhhk]  .nav-link.active > i.bi,
.sidebar-vertical[b-uncqfsqhhk]  .nav-link[aria-current="page"] > i.bi {
    color: #ffffff !important;
}

.sidebar-vertical:hover[b-uncqfsqhhk]  .nav-link.active,
.sidebar-vertical:hover[b-uncqfsqhhk]  .nav-link[aria-current="page"],
.sidebar-vertical.collapsed:hover[b-uncqfsqhhk]  .nav-link.active,
.sidebar-vertical.collapsed:hover[b-uncqfsqhhk]  .nav-link[aria-current="page"] {
    justify-content: flex-start !important;
}

/* ─── Link labels — fade + slide in on expand ─────────────────────────────── */

.sidebar-vertical[b-uncqfsqhhk]  .link-label {
    min-width: 0;
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    white-space: nowrap;
    display: inline-block;
    flex-shrink: 1;
    transition: opacity 0.08s ease 0s,
                max-width 0.12s ease 0s;
}

.sidebar-vertical:hover[b-uncqfsqhhk]  .link-label,
.sidebar-vertical.collapsed:hover[b-uncqfsqhhk]  .link-label {
    opacity: 1;
    max-width: 200px;
    transition: opacity  0.18s ease  0.1s,
                max-width 0.22s cubic-bezier(0.4, 0, 0.2, 1) 0.05s;
}

/* ─── Dropdown caret — hidden when narrow ─────────────────────────────────── */

.sidebar-vertical .dropdown-toggle[b-uncqfsqhhk]::after {
    display: none;
}

.sidebar-vertical:hover .dropdown-toggle[b-uncqfsqhhk]::after,
.sidebar-vertical.collapsed:hover .dropdown-toggle[b-uncqfsqhhk]::after {
    display: inline-block;
    margin-left: auto;
    margin-right: 0.75rem;
    color: var(--mj-col-charcoal);
}

/* ─── Dropdown (OTHER SERVICES) ──────────────────────────────────────────── */

.sidebar-vertical:not(:hover) .dropdown-menu[b-uncqfsqhhk] {
    display: none !important;
}

.sidebar-vertical:hover .dropdown-menu.show[b-uncqfsqhhk] {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 0;
    padding: 0.35rem 0;
    font-size: 0.85rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    width: 280px !important;
    min-width: 280px !important;
    left: 0 !important;
}

.sidebar-vertical:hover .dropdown-menu.show .nav-link[b-uncqfsqhhk] {
    color: var(--mj-col-charcoal) !important;
    border-radius: 0;
    justify-content: flex-start !important;
    padding: 0.5rem 0 0.5rem 1.1rem !important;
    gap: 0.5rem;
}

.sidebar-vertical:hover .dropdown-menu.show .nav-link:hover[b-uncqfsqhhk] {
    background-color: rgba(41, 142, 165, 0.08) !important;
    color: var(--mj-col-teal) !important;
}

.dropdown-toggle[b-uncqfsqhhk] {
    box-shadow: none;
    border: none;
}

/* ─── Nav item dividers ───────────────────────────────────────────────────── */

.sidebar-vertical .nav-item[b-uncqfsqhhk] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.sidebar-vertical .nav-item:last-child[b-uncqfsqhhk] {
    border-bottom: none;
}

/* ─── MJ Companies logo — crossfades collapsed ↔ expanded ────────────────── */

.sidebar-mj-logo[b-uncqfsqhhk] {
    position: relative;
    margin-top: auto;
    flex-shrink: 0;
    width: 100%;
    height: 70px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* Collapsed: small standard mark centred in 75px */
.sidebar-mj-logo[b-uncqfsqhhk]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/images/MJ_Standard_Color_RGB.svg');
    background-size: 42px auto;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    transition: opacity 0.1s ease 0s;
}

/* Expanded: full "THE MJ COMPANIES" horizontal logo */
.sidebar-mj-logo[b-uncqfsqhhk]::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/images/The%20MJ%20Companies%20Logo_2025_Horizontal_Color_RGB.svg');
    background-size: auto 38px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    transition: opacity 0.15s ease 0s;
}

/* Crossfade on hover */
.sidebar-vertical:hover .sidebar-mj-logo[b-uncqfsqhhk]::before,
.sidebar-vertical.collapsed:hover .sidebar-mj-logo[b-uncqfsqhhk]::before {
    opacity: 0;
    transition: opacity 0.1s ease 0s;
}

.sidebar-vertical:hover .sidebar-mj-logo[b-uncqfsqhhk]::after,
.sidebar-vertical.collapsed:hover .sidebar-mj-logo[b-uncqfsqhhk]::after {
    opacity: 1;
    transition: opacity 0.2s ease 0.1s;
}

/* ─── Responsive — mobile ─────────────────────────────────────────────────── */

@media (max-width: 767.98px) {
    /* Sidebar is full nav width but slides off-screen by default on mobile */
    .sidebar-vertical[b-uncqfsqhhk],
    .sidebar-vertical.collapsed[b-uncqfsqhhk] {
        width: 280px !important;
        transform: translateX(-100%);
        transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1) 0s,
                    width 0s;
        top: 0 !important;
    }

    /* Keep width stable on hover — no secondary expansion */
    .sidebar-vertical:hover[b-uncqfsqhhk],
    .sidebar-vertical.collapsed:hover[b-uncqfsqhhk] {
        width: 280px !important;
        overflow: hidden;
    }
}
/* _content/Aperture.WebApp/Components/Layout/AnalyticsSideNavMenu.razor.rz.scp.css */
/* ─── Sidebar shell — mirrors AdminSideNavMenu pattern ───────────────────────
   Fixed full-height, collapses to 75px, expands to 280px on hover.             */

.sidebar-vertical[b-o5mw4eg082] {
    --expanded-sidebar-size: 280px;
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100vh !important;
    z-index: 1035;
    width: 75px !important;
    background-color: #ffffff !important;
    color: var(--mj-col-charcoal);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
    transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    flex-shrink: 0;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.06);
}

.sidebar-vertical:hover[b-o5mw4eg082] {
    width: var(--expanded-sidebar-size) !important;
    overflow: visible;
    transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

/* ─── Logo area — same crossfade pattern as admin sidebar ──────────────────── */

.sidebar-vertical[b-o5mw4eg082]::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 100%;
    height: 70px;
    background-image: url('/images/Aperture_Icon_Reversed_Color_RGB.svg');
    background-size: 36px 36px;
    background-repeat: no-repeat;
    background-position: center center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    opacity: 1;
    transition: opacity 0.1s ease;
}

.sidebar-vertical[b-o5mw4eg082]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-image: url('/images/Aperture%20Logo_2025_Tagline_Color_RGB.svg');
    background-size: auto 58px;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease 0s;
}

.sidebar-vertical:hover[b-o5mw4eg082]::before {
    opacity: 0;
    transition: opacity 0.1s ease 0s;
}

.sidebar-vertical:hover[b-o5mw4eg082]::after {
    opacity: 1;
    transition: opacity 0.18s ease 0.06s;
}

/* ─── Pin button — floats top-right, visible when expanded or pinned ────────── */

.sidebar-pin-btn[b-o5mw4eg082] {
    position: absolute;
    top: 18px;
    right: 10px;
    z-index: 2;
    background: transparent;
    border: none;
    padding: 5px 6px;
    border-radius: 5px;
    color: rgba(58, 56, 52, 0.45);
    font-size: 0.95rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

.sidebar-vertical:hover .sidebar-pin-btn[b-o5mw4eg082],
body.sidebar-pinned .sidebar-pin-btn[b-o5mw4eg082] {
    opacity: 1;
    pointer-events: auto;
}

.sidebar-pin-btn:hover[b-o5mw4eg082] {
    background-color: rgba(41, 142, 165, 0.1);
    color: var(--mj-col-teal);
}

body.sidebar-pinned .sidebar-pin-btn[b-o5mw4eg082] {
    color: var(--mj-col-teal);
}

/* ─── Collapsed initials — visible when narrow, hidden on expand ────────────── */

.sidebar-collapsed-initials[b-o5mw4eg082] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 0;
    flex-shrink: 0;
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.08s ease 0s;
}

.sidebar-vertical:hover .sidebar-collapsed-initials[b-o5mw4eg082] {
    opacity: 0;
    pointer-events: none;
    max-height: 0;
    padding: 0;
    overflow: hidden;
    transition: opacity 0.08s ease 0s, max-height 0.08s ease 0s, padding 0.08s ease 0s;
}

.sidebar-initial[b-o5mw4eg082] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-shrink: 0;
    cursor: default;
}

.sidebar-initial-company[b-o5mw4eg082] {
    background-color: var(--mj-col-teal);
    color: #ffffff;
    font-size: 1rem;
}

.sidebar-initial-report[b-o5mw4eg082] {
    background-color: rgba(41, 142, 165, 0.12);
    color: var(--mj-col-teal);
    border: 1.5px solid rgba(41, 142, 165, 0.3);
    font-size: 0.85rem;
}

/* ─── Content area — invisible when narrow, fades in on expand ─────────────── */

.sidebar-vertical .p-1[b-o5mw4eg082] {
    padding: 0 !important;
    overflow: hidden;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.08s ease 0s;
}

.sidebar-vertical:hover .p-1[b-o5mw4eg082] {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.15rem 0 0 !important;
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.18s ease 0.1s;
}

/* ─── Divider between company filter and menu groups ───────────────────────── */

.sidebar-divider[b-o5mw4eg082] {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.06);
    margin: 0.25rem 1rem;
}

/* ─── Nav links ────────────────────────────────────────────────────────────── */

.sidebar-vertical .nav-link[b-o5mw4eg082] {
    color: var(--mj-col-charcoal) !important;
    background-color: transparent !important;
    padding: 0.6rem 1rem !important;
    font-size: 0.85rem;
    font-weight: 600;
    border-radius: 0;
    white-space: nowrap;
    transition: background-color 0.18s ease, color 0.18s ease;
}

    .sidebar-vertical .nav-link:hover[b-o5mw4eg082] {
        background-color: rgba(41, 142, 165, 0.08) !important;
        color: var(--mj-col-teal) !important;
    }

/* ─── Alert inside sidebar ──────────────────────────────────────────────────── */

.sidebar-vertical .alert-info[b-o5mw4eg082] {
    background-color: rgba(41, 142, 165, 0.08);
    border-color: rgba(41, 142, 165, 0.2);
    color: var(--mj-col-charcoal);
    font-size: 0.82rem;
}

.sidebar-vertical .alert-danger[b-o5mw4eg082] {
    background-color: rgba(211, 76, 65, 0.08);
    border-color: rgba(211, 76, 65, 0.25);
    color: var(--mj-col-coral);
    font-size: 0.82rem;
}

/* ─── MJ Companies logo — crossfades collapsed ↔ expanded ────────────────── */

.sidebar-mj-logo[b-o5mw4eg082] {
    position: relative;
    margin-top: auto;
    flex-shrink: 0;
    width: 100%;
    height: 70px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.sidebar-mj-logo[b-o5mw4eg082]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/images/MJ_Standard_Color_RGB.svg');
    background-size: 42px auto;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    transition: opacity 0.1s ease 0s;
}

.sidebar-mj-logo[b-o5mw4eg082]::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/images/The%20MJ%20Companies%20Logo_2025_Horizontal_Color_RGB.svg');
    background-size: auto 38px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    transition: opacity 0.15s ease 0s;
}

.sidebar-vertical:hover .sidebar-mj-logo[b-o5mw4eg082]::before {
    opacity: 0;
    transition: opacity 0.1s ease 0s;
}

.sidebar-vertical:hover .sidebar-mj-logo[b-o5mw4eg082]::after {
    opacity: 1;
    transition: opacity 0.2s ease 0.1s;
}

/* ─── Responsive — mobile ─────────────────────────────────────────────────── */

@media (max-width: 767.98px) {
    /* Sidebar is full-width but slides off-screen by default on mobile */
    .sidebar-vertical[b-o5mw4eg082] {
        width: 280px !important;
        transform: translateX(-100%);
        transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1) 0s,
                    width 0s;
        /* Prevent hover expanding on touch devices */
        top: 0 !important;
    }

    /* Keep width at 280px on hover — don't double-expand */
    .sidebar-vertical:hover[b-o5mw4eg082] {
        width: 280px !important;
        overflow: hidden;
    }
}
/* _content/Aperture.WebApp/Components/Layout/BusinessIntelligenceSideNavMenu.razor.rz.scp.css */
/* ─── Pin button — floats top-right, visible when expanded or pinned ────────── */

.sidebar-pin-btn[b-nwhm8n2t8l] {
    position: absolute;
    top: 18px;
    right: 10px;
    z-index: 2;
    background: transparent;
    border: none;
    padding: 5px 6px;
    border-radius: 5px;
    color: rgba(58, 56, 52, 0.45);
    font-size: 0.95rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

.sidebar-vertical:hover .sidebar-pin-btn[b-nwhm8n2t8l],
body.sidebar-pinned .sidebar-pin-btn[b-nwhm8n2t8l] {
    opacity: 1;
    pointer-events: auto;
}

.sidebar-pin-btn:hover[b-nwhm8n2t8l] {
    background-color: rgba(41, 142, 165, 0.1);
    color: var(--mj-col-teal);
}

body.sidebar-pinned .sidebar-pin-btn[b-nwhm8n2t8l] {
    color: var(--mj-col-teal);
}

/* ─── Sidebar shell — mirrors AnalyticsSideNavMenu pattern ───────────────────
   Fixed full-height, collapses to 75px, expands to 280px on hover.             */

.sidebar-vertical[b-nwhm8n2t8l] {
    --expanded-sidebar-size: 280px;
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100vh !important;
    z-index: 1035;
    width: 75px !important;
    background-color: #ffffff !important;
    color: var(--mj-col-charcoal);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
    transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    flex-shrink: 0;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.06);
}

.sidebar-vertical:hover[b-nwhm8n2t8l] {
    width: var(--expanded-sidebar-size) !important;
    overflow: visible;
    transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

/* ─── Logo area ─────────────────────────────────────────────────────────────── */

.sidebar-vertical[b-nwhm8n2t8l]::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 100%;
    height: 70px;
    background-image: url('/images/Aperture_Icon_Reversed_Color_RGB.svg');
    background-size: 36px 36px;
    background-repeat: no-repeat;
    background-position: center center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    opacity: 1;
    transition: opacity 0.1s ease;
}

.sidebar-vertical[b-nwhm8n2t8l]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-image: url('/images/Aperture%20Logo_2025_Tagline_Color_RGB.svg');
    background-size: auto 58px;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease 0s;
}

.sidebar-vertical:hover[b-nwhm8n2t8l]::before {
    opacity: 0;
    transition: opacity 0.1s ease 0s;
}

.sidebar-vertical:hover[b-nwhm8n2t8l]::after {
    opacity: 1;
    transition: opacity 0.18s ease 0.06s;
}

/* ─── Content area ──────────────────────────────────────────────────────────── */

.sidebar-vertical .p-1[b-nwhm8n2t8l] {
    padding: 0 !important;
    overflow: hidden;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.08s ease 0s;
}

.sidebar-vertical:hover .p-1[b-nwhm8n2t8l] {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5rem 0 !important;
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.18s ease 0.1s;
}

/* ─── Nav links ─────────────────────────────────────────────────────────────── */

.sidebar-vertical .nav-link[b-nwhm8n2t8l] {
    color: var(--mj-col-charcoal) !important;
    background-color: transparent !important;
    padding: 0.6rem 1rem !important;
    font-size: 0.85rem;
    font-weight: 600;
    border-radius: 0;
    white-space: nowrap;
    transition: background-color 0.18s ease, color 0.18s ease;
}

    .sidebar-vertical .nav-link:hover[b-nwhm8n2t8l] {
        background-color: rgba(41, 142, 165, 0.08) !important;
        color: var(--mj-col-teal) !important;
    }

/* ─── Alert inside sidebar ──────────────────────────────────────────────────── */

.sidebar-vertical .alert-info[b-nwhm8n2t8l] {
    background-color: rgba(41, 142, 165, 0.08);
    border-color: rgba(41, 142, 165, 0.2);
    color: var(--mj-col-charcoal);
    font-size: 0.82rem;
}

.sidebar-vertical .alert-danger[b-nwhm8n2t8l] {
    background-color: rgba(211, 76, 65, 0.08);
    border-color: rgba(211, 76, 65, 0.25);
    color: var(--mj-col-coral);
    font-size: 0.82rem;
}

/* ─── MJ Companies logo ─────────────────────────────────────────────────────── */

.sidebar-mj-logo[b-nwhm8n2t8l] {
    position: relative;
    margin-top: auto;
    flex-shrink: 0;
    width: 100%;
    height: 70px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.sidebar-mj-logo[b-nwhm8n2t8l]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/images/MJ_Standard_Color_RGB.svg');
    background-size: 42px auto;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    transition: opacity 0.1s ease 0s;
}

.sidebar-mj-logo[b-nwhm8n2t8l]::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/images/The%20MJ%20Companies%20Logo_2025_Horizontal_Color_RGB.svg');
    background-size: auto 38px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    transition: opacity 0.15s ease 0s;
}

.sidebar-vertical:hover .sidebar-mj-logo[b-nwhm8n2t8l]::before {
    opacity: 0;
    transition: opacity 0.1s ease 0s;
}

.sidebar-vertical:hover .sidebar-mj-logo[b-nwhm8n2t8l]::after {
    opacity: 1;
    transition: opacity 0.2s ease 0.1s;
}

/* ─── Responsive — mobile ─────────────────────────────────────────────────── */

@media (max-width: 767.98px) {
    /* Sidebar is full nav width but slides off-screen by default on mobile */
    .sidebar-vertical[b-nwhm8n2t8l] {
        width: 280px !important;
        transform: translateX(-100%);
        transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1) 0s,
                    width 0s;
        top: 0 !important;
    }

    /* Keep width stable on hover */
    .sidebar-vertical:hover[b-nwhm8n2t8l] {
        width: 280px !important;
        overflow: hidden;
    }
}
/* _content/Aperture.WebApp/Components/Layout/Controls/Analytics_ClientFilterSelectionComponent.razor.rz.scp.css */
/* ─── Company filter wrapper ──────────────────────────────────────────────── */

.dropdown-root-component[b-nokwv0rdmr] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    width: 100%;
    overflow: visible;
}

/* ─── Trigger button ──────────────────────────────────────────────────────── */

.company-filter-button[b-nokwv0rdmr] {
    width: 100%;
    background-color: rgba(41, 142, 165, 0.08);
    color: var(--mj-col-teal);
    font-weight: 600;
    border-radius: 0.5rem;
    border: 1px solid rgba(41, 142, 165, 0.2);
    font-size: 0.85rem;
    padding: 0.4rem 0.75rem;
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

    .company-filter-button:hover[b-nokwv0rdmr] {
        background-color: rgba(41, 142, 165, 0.15);
        border-color: rgba(41, 142, 165, 0.35);
        color: var(--mj-col-teal);
    }

    .company-filter-button:focus[b-nokwv0rdmr] {
        box-shadow: none;
        outline: none;
    }

    .company-filter-button span[b-nokwv0rdmr] {
        display: inline-block;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
        font-size: 0.85rem;
        text-transform: uppercase;
    }

/* ─── Dropdown list (static, non-floating) ───────────────────────────────── */

.company-list[b-nokwv0rdmr] {
    position: static !important;
    float: none !important;
    transform: none !important;
    width: 100% !important;
    margin-top: 4px;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    padding: 0.25rem 0;
    max-height: min(42vh, 360px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--mj-col-teal) transparent;
}

    .company-list[b-nokwv0rdmr]::-webkit-scrollbar {
        width: 4px;
    }

    .company-list[b-nokwv0rdmr]::-webkit-scrollbar-thumb {
        background-color: var(--mj-col-teal);
        border-radius: 4px;
    }

    .company-list .dropdown-item[b-nokwv0rdmr] {
        background: transparent;
        color: var(--mj-col-charcoal);
        border-radius: 0.35rem;
        margin: 2px 4px;
        padding: 0.4rem 0.75rem;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
        font-size: 0.85rem;
        font-weight: 600;
        text-transform: uppercase;
        transition: background-color 0.15s ease, color 0.15s ease;
    }

        .company-list .dropdown-item:hover[b-nokwv0rdmr],
        .company-list .dropdown-item:focus[b-nokwv0rdmr] {
            background-color: rgba(41, 142, 165, 0.1);
            color: var(--mj-col-teal);
        }

        .company-list .dropdown-item:active[b-nokwv0rdmr] {
            background-color: rgba(153, 53, 102, 0.1);
            color: var(--mj-col-raspberry);
        }
/* _content/Aperture.WebApp/Components/Layout/Controls/Analytics_SingleDropdownMenuComponent.razor.rz.scp.css */
/* ─── Group container ─────────────────────────────────────────────────────── */

.analytics-menu[b-11z073nryp] {
    background-color: transparent;
}

/* ─── Level 1: Group button ───────────────────────────────────────────────── */

.primary-menu[b-11z073nryp] {
    background-color: transparent;
    color: var(--mj-col-charcoal);
    font-weight: 700;
    border-radius: 0;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.65rem 1.1rem;
    width: 100%;
    text-align: left;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    transition: background-color 0.18s ease, color 0.18s ease;
}

    .primary-menu:hover[b-11z073nryp] {
        background-color: rgba(41, 142, 165, 0.08);
        color: var(--mj-col-teal);
    }

    .primary-menu:focus[b-11z073nryp] {
        box-shadow: none;
        outline: none;
    }

    .primary-menu[aria-expanded="true"][b-11z073nryp] {
        background-color: rgba(41, 142, 165, 0.08);
        color: var(--mj-col-teal);
    }

.primary-menu-expanded[b-11z073nryp] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* ─── Submenu animation ───────────────────────────────────────────────────── */

.submenu[b-11z073nryp] {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-4px);
    transition: max-height 180ms ease, opacity 180ms ease, transform 180ms ease;
}

    .submenu.open[b-11z073nryp] {
        max-height: 900px;
        opacity: 1;
        transform: translateY(0);
    }

@media (prefers-reduced-motion: reduce) {
    .submenu[b-11z073nryp] {
        transition: none;
        transform: none;
    }
}

/* ─── Level 2: Dashboard items ────────────────────────────────────────────── */

.secondary-menu-item[b-11z073nryp] {
    background-color: transparent;
    color: var(--mj-col-charcoal);
    border: none;
    border-left: 2px solid rgba(41, 142, 165, 0.2);
    margin-left: 1.1rem;
    padding: 0;
}

.secondary-menu-btn[b-11z073nryp] {
    color: var(--mj-col-charcoal);
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 1.3;
    display: block;
    width: 100%;
    padding: 0.4rem 0.75rem;
    border-radius: 0;
    white-space: normal;
    text-align: left;
    transition: background-color 0.18s ease, color 0.18s ease;
}

    .secondary-menu-btn:hover[b-11z073nryp] {
        background-color: rgba(41, 142, 165, 0.08);
        color: var(--mj-col-teal);
    }

    .secondary-menu-btn:focus[b-11z073nryp] {
        box-shadow: 0 0 0 0.15rem rgba(41, 142, 165, 0.25);
        outline: none;
    }

/* ─── Active dashboard highlight ─────────────────────────────────────────── */

.secondary-menu-item.is-active[b-11z073nryp] {
    border-left: 3px solid var(--mj-col-teal);
}

    .secondary-menu-item.is-active .secondary-menu-btn[b-11z073nryp] {
        background-color: rgba(41, 142, 165, 0.1);
        color: var(--mj-col-teal);
        font-weight: 700;
    }

/* ─── Labels ──────────────────────────────────────────────────────────────── */

.menu-label[b-11z073nryp] {
    display: block;
    width: 100%;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.menu-label-group[b-11z073nryp] {
    margin-right: 0.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu-label-report[b-11z073nryp] {
    padding-right: 0.5rem;
}
/* _content/Aperture.WebApp/Components/Layout/Controls/LoginDisplay.razor.rz.scp.css */
/* ─── Dropdown wrapper ───────────────────────────────────────────────────── */

.profile-dropdown[b-tzrn3dxpby] {
    position: relative;     /* anchors the dropdown-menu absolutely */
    align-self: stretch;    /* fills full navbar height — no hover gap */
    display: flex;
    align-items: center;
    padding-right: 1.25rem;
    overflow: visible;      /* never clip the menu */
}

/* ─── Profile picture trigger ────────────────────────────────────────────── */

.profile-trigger[b-tzrn3dxpby] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    outline: none;
    transition: box-shadow 0.18s ease;
}

    .profile-trigger:focus-visible[b-tzrn3dxpby] {
        box-shadow: 0 0 0 3px rgba(41, 142, 165, 0.35);
    }

.profile-avatar[b-tzrn3dxpby] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(41, 142, 165, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    display: block;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

/* Fallback icon when no picture available */
.profile-avatar-placeholder[b-tzrn3dxpby] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(41, 142, 165, 0.1);
    border: 2px solid rgba(41, 142, 165, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mj-col-teal);
    font-size: 1.25rem;
}

/* Hover highlight on the trigger */
.profile-dropdown:hover .profile-avatar[b-tzrn3dxpby] {
    border-color: var(--mj-col-teal);
    box-shadow: 0 0 0 3px rgba(41, 142, 165, 0.18);
}

/* ─── Open dropdown on hover — visibility+opacity with hide-delay ────────── */
/* Always keep menu in DOM flow (display:block), use opacity/visibility so a
   short delay prevents closing during cursor transit from avatar to menu.    */

.profile-menu[b-tzrn3dxpby] {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.09);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
    border-radius: 0.5rem;
    padding: 0.35rem 0;
    min-width: 210px;
    /* Pin to the right edge, directly below the navbar (no gap) */
    right: 0 !important;
    left: auto !important;
    top: 100% !important;
    transform: none !important;
    display: block !important;          /* always in DOM — visibility handles hide */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    /* Delay hiding by 200ms — time for mouse to cross the navbar-to-menu gap */
    transition: opacity 0.12s ease 0s, visibility 0s linear 0.2s;
}

/* Desktop (≥576px): open on hover only — not clickable */
@media (min-width: 576px) {
    .profile-dropdown:hover .profile-menu[b-tzrn3dxpby] {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity 0.12s ease;
    }
}

/* Mobile (<576px): open via JS-toggled .profile-open class on click */
@media (max-width: 575.98px) {
    .profile-dropdown.profile-open .profile-menu[b-tzrn3dxpby] {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity 0.12s ease;
    }

    /* Indicate the avatar is tappable on mobile */
    .profile-trigger[b-tzrn3dxpby] {
        cursor: pointer;
    }

    /* Match profile picture size to the 30px Aperture hamburger icon */
    .profile-dropdown[b-tzrn3dxpby] {
        padding-right: 0.5rem;
    }

    .profile-avatar[b-tzrn3dxpby] {
        width: 30px;
        height: 30px;
    }

    .profile-avatar-placeholder[b-tzrn3dxpby] {
        width: 30px;
        height: 30px;
        font-size: 0.95rem;
    }
}

/* ─── Name header inside menu ────────────────────────────────────────────── */

.profile-menu-header[b-tzrn3dxpby] {
    padding: 0.6rem 1rem 0.45rem;
}

.profile-menu-name[b-tzrn3dxpby] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--mj-col-charcoal);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/* ─── Dividers ───────────────────────────────────────────────────────────── */

.dropdown-divider[b-tzrn3dxpby] {
    margin: 0.25rem 0;
    border-color: rgba(0, 0, 0, 0.06);
}

/* ─── Dropdown items ─────────────────────────────────────────────────────── */

.dropdown-item[b-tzrn3dxpby],
[b-tzrn3dxpby] .dropdown-item {
    color: var(--mj-col-charcoal);
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.45rem 1rem;
    transition: background-color 0.15s ease, color 0.15s ease;
    display: flex;
    align-items: center;
}

    .dropdown-item:hover[b-tzrn3dxpby],
    .dropdown-item:focus[b-tzrn3dxpby],
    [b-tzrn3dxpby] .dropdown-item:hover,
    [b-tzrn3dxpby] .dropdown-item:focus {
        background-color: rgba(41, 142, 165, 0.08) !important;
        color: var(--mj-col-teal) !important;
    }

    .dropdown-item:active[b-tzrn3dxpby],
    [b-tzrn3dxpby] .dropdown-item:active {
        background-color: rgba(41, 142, 165, 0.14) !important;
        color: var(--mj-col-teal) !important;
    }

    .dropdown-item[aria-current="page"][b-tzrn3dxpby],
    [b-tzrn3dxpby] .dropdown-item[aria-current="page"] {
        background-color: rgba(41, 142, 165, 0.1) !important;
        color: var(--mj-col-teal) !important;
        font-weight: 600;
    }

/* Log out item uses coral/danger */
.dropdown-item.text-danger:hover[b-tzrn3dxpby],
[b-tzrn3dxpby] .dropdown-item.text-danger:hover {
    background-color: rgba(211, 76, 65, 0.07) !important;
    color: var(--mj-col-coral) !important;
}

/* ─── Unread messages badge ──────────────────────────────────────────────── */

.badge[b-tzrn3dxpby] {
    background-color: var(--mj-col-raspberry);
    color: #ffffff;
    font-size: 0.65rem;
    padding: 0.2em 0.5em;
    border-radius: 999px;
    vertical-align: middle;
}

/* ─── Log-in button (unauthenticated) ────────────────────────────────────── */

.login-btn[b-tzrn3dxpby] {
    color: #ffffff;
    background-color: var(--mj-col-teal);
    border-color: var(--mj-col-teal);
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.88rem;
    padding: 0.35rem 1.1rem;
    margin-right: 1.25rem;
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

    .login-btn:hover[b-tzrn3dxpby],
    .login-btn:focus[b-tzrn3dxpby] {
        background-color: #217a8e;
        border-color: #217a8e;
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.25);
    }
/* _content/Aperture.WebApp/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-1zr830rp66] {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Prevent overflow */
}

main[b-1zr830rp66] {
    flex-grow: 1;
    overflow: auto;
    background-color: var(--global-white-bg);
    min-height: 0; /* Important to avoid overflow */
}

.layout[b-1zr830rp66] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .layout > .d-flex[b-1zr830rp66] {
        flex-grow: 1;
        min-height: 0; /* Prevent overflow from children */
    }

footer[b-1zr830rp66] {
    padding: 0 !important;
    flex-shrink: 0; /* Prevent footer from shrinking */
}

.sidebar[b-1zr830rp66] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-1zr830rp66] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-1zr830rp66]  a, .top-row[b-1zr830rp66]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-1zr830rp66]  a:hover, .top-row[b-1zr830rp66]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-1zr830rp66]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-1zr830rp66] {
        justify-content: space-between;
    }

        .top-row[b-1zr830rp66]  a, .top-row[b-1zr830rp66]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-1zr830rp66] {
        flex-direction: row;
    }

    .sidebar[b-1zr830rp66] {
        width: 250px;
        position: sticky;
        top: 0;
    }

    .top-row[b-1zr830rp66] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-1zr830rp66]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-1zr830rp66], article[b-1zr830rp66] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-1zr830rp66] {
    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-1zr830rp66] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.side-nav[b-1zr830rp66] {
    flex: 0 0 18%;
    max-width: 280px;
    min-width: 160px;
    background-color: #f8f9fa;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/Aperture.WebApp/Components/Layout/MessageNavMenu.razor.rz.scp.css */
.sidebar-vertical[b-ppschrbkl0] {
    width: 300px;
    background-color: var(--mj-col-charcoal);
    color: #fff;
    transition: width 0.3s ease;
}

.sidebar-vertical.collapsed[b-ppschrbkl0] {
        width: 75px;
}

.sidebar-vertical .nav-link[b-ppschrbkl0] {
    padding-left: 1rem;
}

    .sidebar-vertical.collapsed .link-label[b-ppschrbkl0] {
        display: none;
    }

    .sidebar-vertical.collapsed .nav-link[b-ppschrbkl0] {
        padding-left: 0.5rem;
        justify-content: center;
        text-align: center;
    }



.link-label[b-ppschrbkl0] {
    transition: opacity 0.2s ease;
}

.sidebar-vertical.collapsed .link-label[b-ppschrbkl0] {
    display: none;
}

.dropdown-menu.show[b-ppschrbkl0] {
    background-color: var(--mj-col-charcoal);
    border: none;
    padding-left:1rem; 
    font-size: 0.8rem;
}

.dropdown-toggle[b-ppschrbkl0] {
    box-shadow: none;
    border: none;
}


/* Helps in-flow dropdown behave nicely inside a scrolling sidebar */
.sidebar-vertical[b-ppschrbkl0] {
    overflow-x: hidden;
}



/* On small screens the expanded sidebar overlays content so labels are never clipped */
@media (max-width: 768px) {
    .sidebar-vertical:not(.collapsed)[b-ppschrbkl0] {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 250px;
        z-index: 1040;
        box-shadow: 4px 0 20px rgba(0, 0, 0, 0.35);
    }

    .sidebar-vertical.collapsed[b-ppschrbkl0] {
        width: 60px;
    }
}
/* _content/Aperture.WebApp/Components/Layout/TopNavBar.razor.rz.scp.css */
/* ─── Top navbar shell ───────────────────────────────────────────────────── */

nav.navbar.sticky-top[b-1jwt7egs4m] {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    z-index: 1030;
    padding-top: 0;
    padding-bottom: 0;
    height: 70px;
    overflow: visible;
}

/* ─── Container — single nowrap flex row, fills 70px, zero padding ───────── */

.container-fluid[b-1jwt7egs4m] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;       /* prevent items from ever wrapping */
    align-items: stretch !important;
    height: 70px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
}

/* ─── Nav links ──────────────────────────────────────────────────────────── */

/* Nav-items row grows to fill the space between the brand icon and profile.
   justify-content: center keeps the links centred on desktop.               */
nav.navbar.sticky-top .navbar-nav[b-1jwt7egs4m] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    height: 70px;
    margin: 0 !important;
    flex: 1 1 0;
    justify-content: center;
    overflow: visible;
}

nav.navbar.sticky-top .navbar-nav .nav-item[b-1jwt7egs4m] {
    display: flex;
    align-items: stretch;
    flex-shrink: 0;
}

/* ::deep pierces the NavLink component boundary */
nav.navbar.sticky-top .navbar-nav[b-1jwt7egs4m]  .nav-link {
    color: var(--mj-col-charcoal) !important;
    font-weight: 600;
    font-size: clamp(0.78rem, 1vw + 0.15rem, 0.9rem) !important;
    font-family: 'Century Gothic', 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: 0.04em;
    padding: 0 1.1rem;
    display: flex !important;
    align-items: center !important;
    align-self: stretch;
    white-space: nowrap;
    box-shadow: inset 0 -3px 0 0 transparent;
    border-bottom: none;
    transition: color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

nav.navbar.sticky-top .navbar-nav[b-1jwt7egs4m]  .nav-link:hover,
nav.navbar.sticky-top .navbar-nav[b-1jwt7egs4m]  .nav-link:focus {
    color: var(--mj-col-teal) !important;
    background-color: rgba(41, 142, 165, 0.06) !important;
    box-shadow: inset 0 -3px 0 0 var(--mj-col-teal);
}

nav.navbar.sticky-top .navbar-nav[b-1jwt7egs4m]  .nav-link[aria-current="page"] {
    color: var(--mj-col-teal) !important;
    background-color: rgba(41, 142, 165, 0.08) !important;
    box-shadow: inset 0 -3px 0 0 var(--mj-col-teal);
    font-weight: 700;
}

/* Thin separators between nav items */
nav.navbar.sticky-top .navbar-nav .nav-item + .nav-item[b-1jwt7egs4m]::before {
    content: "";
    display: block;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.08);
    align-self: stretch;
    margin: 18px 0;
    flex-shrink: 0;
}

/* ─── Right side: profile area — never shrinks, always visible ───────────── */

.ms-auto[b-1jwt7egs4m] {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;   /* profile picture is always reachable */
    padding-right: 0.25rem;
    height: 70px;
    overflow: visible;
}

/* ─── Aperture sidebar toggle — mobile only (d-sm-none hides on ≥576px) ──── */

.sidebar-hamburger[b-1jwt7egs4m] {
    background: transparent;
    border: none;
    padding: 0 0.5rem;
    height: 70px;
    flex-shrink: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

    .sidebar-hamburger:hover[b-1jwt7egs4m],
    .sidebar-hamburger:focus[b-1jwt7egs4m] {
        background-color: rgba(41, 142, 165, 0.08);
        outline: none;
        box-shadow: none;
    }

    .sidebar-hamburger img[b-1jwt7egs4m] {
        display: block;
        flex-shrink: 0;
    }

/* ─── Mobile — shrink nav links so profile picture is never pushed off-screen */

@media (max-width: 575.98px) {
    /* Nav list fills remaining space between hamburger and profile;
       space-evenly spreads links to use all available whitespace        */
    nav.navbar.sticky-top .navbar-nav[b-1jwt7egs4m] {
        flex: 1 1 0;
        min-width: 0;
        overflow: hidden;
        justify-content: space-evenly;
    }

    /* Each item can shrink but tries to share space equally */
    nav.navbar.sticky-top .navbar-nav .nav-item[b-1jwt7egs4m] {
        flex: 1 1 0;
        min-width: 0;
        overflow: hidden;
        display: flex;
        align-items: stretch;
        justify-content: center;
    }

    /* Larger font + centred text + ellipsis for very narrow screens */
    nav.navbar.sticky-top .navbar-nav[b-1jwt7egs4m]  .nav-link {
        padding: 0 0.3rem !important;
        font-size: clamp(0.65rem, 2.6vw, 0.82rem) !important;
        letter-spacing: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        justify-content: center !important;
    }

    /* Separators scale down on mobile */
    nav.navbar.sticky-top .navbar-nav .nav-item + .nav-item[b-1jwt7egs4m]::before {
        margin: 22px 0;
    }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/APIPowerBIWorkspace.Razor.rz.scp.css */
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Client/ClientHub.razor.rz.scp.css */
/* ClientHub.razor.css (scoped) */

.ap-clienthub[b-yedaz9sv30] {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    /* Palette */
    --mj-col-charcoal: #3A3834;
    --mj-col-charcoal-contrast: #484642;
    --mj-col-gray: #F4F4F4;
    --mj-col-raspberry: #993566;
    --mj-col-teal: #298EA5;
    --mj-col-lime: #C8CF67;
    --mj-col-coral: #D34C41;
    --mj-col-soft-teal: #D3E7EC;
    --global-white-bg: #f5f5f5;
    /* Tokens */
    --ap-border: rgba(58, 56, 52, 0.12);
    --ap-border-strong: rgba(58, 56, 52, 0.18);
    --ap-text-muted: rgba(58, 56, 52, 0.78);
    --ap-shadow-md: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.12);
    --ap-shadow-sm: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
    --ap-ring: rgba(41, 142, 165, 0.35);
}

    /* =========================
   LINKS
   ========================= */

    .ap-clienthub a[b-yedaz9sv30],
    .ap-clienthub .nav-link[b-yedaz9sv30],
    .ap-clienthub[b-yedaz9sv30]  .breadcrumb a {
        color: var(--mj-col-teal);
        text-decoration: none;
    }

        .ap-clienthub a:hover[b-yedaz9sv30],
        .ap-clienthub .nav-link:hover[b-yedaz9sv30],
        .ap-clienthub[b-yedaz9sv30]  .breadcrumb a:hover {
            color: var(--mj-col-raspberry);
            text-decoration: underline;
            text-underline-offset: 3px;
        }

[b-yedaz9sv30] .ap-breadcrumb ::deep .breadcrumb {
    margin-bottom: 0.5rem;
}

/* =========================
   SURFACE (ERROR CARD)
   ========================= */

.ap-surface[b-yedaz9sv30] {
    border: 1px solid var(--ap-border);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.92);
}

/* =========================
   HERO (SINGLE BRAND COLOR)
   ========================= */

.ap-hero[b-yedaz9sv30] {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    border: 1px solid var(--ap-border);
    background: linear-gradient( 135deg, rgba(41, 142, 165, 0.18), rgba(41, 142, 165, 0.05) );
}

    .ap-hero[b-yedaz9sv30]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient( 900px 320px at 10% -10%, rgba(41, 142, 165, 0.28), transparent 65% ), radial-gradient( 850px 300px at 95% 0%, rgba(41, 142, 165, 0.18), transparent 65% ), radial-gradient( 700px 260px at 60% 120%, rgba(41, 142, 165, 0.20), transparent 70% );
    }

    .ap-hero[b-yedaz9sv30]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 4px;
        width: 100%;
        background: var(--mj-col-teal);
        pointer-events: none;
    }

    .ap-hero .card-body[b-yedaz9sv30] {
        position: relative;
        z-index: 1;
    }

.ap-eyebrow[b-yedaz9sv30] {
    letter-spacing: 0.12em;
    color: rgba(41, 142, 165, 0.85);
    font-weight: 700;
}

.ap-client-title[b-yedaz9sv30] {
    font-size: clamp(1rem, 1.6vw, 1.25rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase;
    margin-bottom: 0 !important;
    line-height: 1 !important;
    color: var(--mj-col-raspberry) !important;
    border-left: 3px solid var(--mj-col-raspberry);
    padding-left: 0.65rem;
}

.ap-subtitle[b-yedaz9sv30] {
    color: var(--ap-text-muted);
    max-width: 72ch;
}

/* Identity pills */
.ap-pill[b-yedaz9sv30] {
    border-radius: 999px;
    border: 1px solid var(--ap-border);
    background: rgba(255, 255, 255, 0.72);
    color: var(--mj-col-charcoal);
}

/* Logo */
.ap-client-logo[b-yedaz9sv30] {
    width: 92px;
    height: 92px;
    object-fit: contain;
    border-color: var(--ap-border) !important;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.06);
}

.ap-client-logo-fallback[b-yedaz9sv30] {
    width: 92px;
    height: 92px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--mj-col-charcoal);
    border-color: var(--ap-border) !important;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.06);
    font-size: 1.35rem;
}

/* =========================
   HERO META
   ========================= */

.ap-hero-meta[b-yedaz9sv30] {
    border-top: 1px solid rgba(255, 255, 255, 0.55);
    padding-top: 0.75rem;
}

.ap-meta[b-yedaz9sv30] {
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 0.75rem 0.9rem;
}

.ap-meta-label[b-yedaz9sv30] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(58, 56, 52, 0.70);
}

.ap-meta-value[b-yedaz9sv30] {
    font-size: 1.05rem;
    font-weight: 900;
    color: var(--mj-col-charcoal);
    margin-top: 0.1rem;
}

.ap-meta-sub[b-yedaz9sv30] {
    font-size: 0.88rem;
    color: var(--ap-text-muted);
    margin-top: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =========================
   HERO BUTTONS (GLASS)
   ========================= */

.ap-btn-glass[b-yedaz9sv30],
.ap-btn-glass-strong[b-yedaz9sv30] {
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.ap-btn-glass[b-yedaz9sv30] {
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.65);
    color: var(--mj-col-charcoal);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 0.45rem 1rem rgba(0, 0, 0, 0.06);
}

    .ap-btn-glass:hover[b-yedaz9sv30],
    .ap-btn-glass:focus[b-yedaz9sv30] {
        background: rgba(255, 255, 255, 0.75);
        border-color: rgba(255, 255, 255, 0.90);
        color: var(--mj-col-charcoal);
    }

.ap-btn-glass-strong[b-yedaz9sv30] {
    background: rgba(41, 142, 165, 0.18);
    border: 1px solid rgba(41, 142, 165, 0.35);
    color: var(--mj-col-charcoal);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 0.45rem 1rem rgba(0, 0, 0, 0.06);
}

    .ap-btn-glass-strong:hover[b-yedaz9sv30],
    .ap-btn-glass-strong:focus[b-yedaz9sv30] {
        background: rgba(41, 142, 165, 0.30);
        border-color: rgba(41, 142, 165, 0.55);
        color: var(--mj-col-charcoal);
    }

/* Disabled small button used in governance when analytics not enabled */
.ap-btn-disabled[b-yedaz9sv30] {
    border: 1px solid rgba(58, 56, 52, 0.18);
    background: rgba(244, 244, 244, 0.75);
    color: rgba(58, 56, 52, 0.65);
}


/* =========================
   BRAND BUTTONS
   ========================= */

.ap-btn-teal[b-yedaz9sv30] {
    background-color: var(--mj-col-teal);
    border-color: var(--mj-col-teal);
    color: #ffffff;
}

    .ap-btn-teal:hover[b-yedaz9sv30],
    .ap-btn-teal:focus[b-yedaz9sv30] {
        background-color: rgba(41, 142, 165, 0.88);
        border-color: rgba(41, 142, 165, 0.88);
        color: #ffffff;
    }

/* =========================
   SUMMARY STRIP (GLASS)
   ========================= */

.ap-summary[b-yedaz9sv30] {
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.42);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.08);
    padding: 1rem;
}

/* KPI cards */
.ap-kpi[b-yedaz9sv30] {
    border: 1px solid rgba(58, 56, 52, 0.10);
    border-radius: 0.9rem;
    background: rgba(244, 244, 244, 0.50);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 0.9rem 1rem;
}

.ap-kpi-label[b-yedaz9sv30] {
    font-size: 0.8rem;
    color: rgba(58, 56, 52, 0.70);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 800;
}

.ap-kpi-value[b-yedaz9sv30] {
    font-size: 2.1rem;
    font-weight: 900;
    line-height: 1.0;
    color: var(--mj-col-charcoal);
    margin-top: 0.25rem;
}

.ap-kpi-help[b-yedaz9sv30] {
    font-size: 0.9rem;
    color: var(--ap-text-muted);
    margin-top: 0.25rem;
}

/* Governance note */
.ap-governance[b-yedaz9sv30] {
    border-left: 4px solid var(--mj-col-teal);
    border-radius: 0.9rem;
    background: rgba(211, 231, 236, 0.42);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 0.9rem 1rem;
    max-width: 420px;
}

.ap-governance-text[b-yedaz9sv30] {
    color: var(--ap-text-muted);
    font-size: 0.9rem;
}

/* =========================
   BADGES
   ========================= */

.ap-badge-teal[b-yedaz9sv30] {
    background-color: var(--mj-col-teal);
    color: #ffffff;
}

.ap-badge-raspberry[b-yedaz9sv30] {
    background-color: var(--mj-col-raspberry);
    color: #ffffff;
}

.ap-badge-charcoal[b-yedaz9sv30] {
    background-color: var(--mj-col-charcoal);
    color: #ffffff;
}

.ap-badge-lime[b-yedaz9sv30] {
    background-color: var(--mj-col-lime);
    color: var(--mj-col-charcoal);
    border: 1px solid rgba(58, 56, 52, 0.18);
}

.ap-badge-disabled[b-yedaz9sv30] {
    background: rgba(58, 56, 52, 0.14);
    color: var(--mj-col-charcoal);
    border: 1px solid rgba(58, 56, 52, 0.18);
}

/* =========================
   TILES (LINKED CARDS)
   ========================= */

/* HARD stop underlines and blue behavior on linked cards */
.ap-clienthub a.ap-tile-link[b-yedaz9sv30],
.ap-clienthub a.ap-tile-link:link[b-yedaz9sv30],
.ap-clienthub a.ap-tile-link:visited[b-yedaz9sv30],
.ap-clienthub a.ap-tile-link:hover[b-yedaz9sv30],
.ap-clienthub a.ap-tile-link:focus[b-yedaz9sv30],
.ap-clienthub a.ap-tile-link:active[b-yedaz9sv30] {
    text-decoration: none !important;
    color: inherit !important;
}

    /* Underline can propagate to children; neutralize everything inside the tile link */
    .ap-clienthub a.ap-tile-link *[b-yedaz9sv30],
    .ap-clienthub a.ap-tile-link:hover *[b-yedaz9sv30],
    .ap-clienthub a.ap-tile-link:focus *[b-yedaz9sv30],
    .ap-clienthub a.ap-tile-link:active *[b-yedaz9sv30] {
        text-decoration: none !important;
    }

.ap-tile-link[b-yedaz9sv30] {
    display: block;
}

.ap-tile[b-yedaz9sv30] {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    border: 1px solid var(--ap-border);
    background: #ffffff;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

    /* Animated accent bar */
    .ap-tile[b-yedaz9sv30]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 5px;
        width: 100%;
        transform: scaleX(0.72);
        transform-origin: left;
        transition: transform 180ms ease;
    }

/* Accent colors */
.ap-tile-raspberry[b-yedaz9sv30]::before {
    background: var(--mj-col-raspberry);
}

.ap-tile-teal[b-yedaz9sv30]::before {
    background: var(--mj-col-teal);
}

.ap-tile-charcoal[b-yedaz9sv30]::before {
    background: var(--mj-col-charcoal);
}

.ap-tile-lime[b-yedaz9sv30]::before {
    background: var(--mj-col-lime);
}

/* Disabled tile */
.ap-tile-disabled[b-yedaz9sv30] {
    background: rgba(244, 244, 244, 0.70);
    border: 1px solid var(--ap-border);
    opacity: 0.82;
}

    .ap-tile-disabled[b-yedaz9sv30]::before {
        background: rgba(58, 56, 52, 0.22) !important;
        transform: scaleX(1);
    }

    .ap-tile-disabled:hover[b-yedaz9sv30] {
        transform: none;
        box-shadow: none;
        border-color: var(--ap-border);
    }

.ap-tile:hover[b-yedaz9sv30]::before {
    transform: scaleX(1);
}

.ap-tile:hover[b-yedaz9sv30] {
    transform: translateY(-4px);
    box-shadow: var(--ap-shadow-md);
    border-color: var(--ap-border-strong);
}

.ap-tile:active[b-yedaz9sv30] {
    transform: translateY(-1px);
    box-shadow: var(--ap-shadow-sm);
}

.ap-tile-link:focus-visible .ap-tile[b-yedaz9sv30] {
    outline: 3px solid var(--ap-ring);
    outline-offset: 3px;
}

/* Tile title: TEAL -> RASPBERRY on hover */
.ap-tile-title[b-yedaz9sv30] {
    color: var(--mj-col-teal);
    transition: color 140ms ease;
}

.ap-tile:hover .ap-tile-title[b-yedaz9sv30] {
    color: var(--mj-col-raspberry);
}

/* Tile descriptions */
.tile-description[b-yedaz9sv30] {
    color: rgba(58, 56, 52, 0.75);
}

/* Tile CTA + arrow */
.ap-tile-cta[b-yedaz9sv30] {
    color: var(--mj-col-charcoal-contrast);
    transition: color 140ms ease;
}

.ap-tile:hover .ap-tile-cta[b-yedaz9sv30] {
    color: var(--mj-col-raspberry);
}

.ap-tile-cta-disabled[b-yedaz9sv30] {
    color: rgba(58, 56, 52, 0.65);
}

.ap-arrow[b-yedaz9sv30] {
    font-weight: 900;
    color: var(--mj-col-charcoal-contrast);
    opacity: 0.55;
    transform: translateX(0);
    transition: transform 160ms ease, opacity 160ms ease;
}

.ap-tile:hover .ap-arrow[b-yedaz9sv30] {
    opacity: 0.9;
    transform: translateX(8px);
}

.ap-arrow-disabled[b-yedaz9sv30] {
    opacity: 0.30;
    transform: translateX(0);
}

/* =========================
   RESPONSIVENESS BEHAVIOR
   ========================= */

@media (max-width: 575.98px) {
    .ap-client-logo[b-yedaz9sv30],
    .ap-client-logo-fallback[b-yedaz9sv30] {
        width: 76px;
        height: 76px;
    }

    .ap-hero[b-yedaz9sv30],
    .ap-summary[b-yedaz9sv30],
    .ap-tile[b-yedaz9sv30] {
        border-radius: 0.85rem;
    }

    .ap-meta-sub[b-yedaz9sv30] {
        white-space: normal;
    }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Client/CreateClient.razor.rz.scp.css */
.container-fluid[b-32cga8tkwf] {
    padding: 1.25rem !important;
}

.create-client-form-shell[b-32cga8tkwf] {
    max-width: 1200px;
    padding: 0 1.25rem 1.25rem;
}

.validation-summary-shell[b-32cga8tkwf] {
    margin-bottom: 1rem;
}

    .validation-summary-shell:empty[b-32cga8tkwf] {
        display: none;
    }

.clients-breadcrumb-nav[b-32cga8tkwf] {
    padding: 0.15rem 0.1rem;
}

[b-32cga8tkwf] .clients-breadcrumb-nav .breadcrumb-item a {
    text-decoration: none;
}

    [b-32cga8tkwf] .clients-breadcrumb-nav .breadcrumb-item a:hover {
        text-decoration: underline;
    }

.admin-form-section[b-32cga8tkwf] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid #d9dee3;
    border-radius: 14px;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.admin-form-section-header[b-32cga8tkwf] {
    padding: 1rem 1.25rem;
    background: linear-gradient(90deg, var(--mj-col-soft-teal) 0%, #f7fbfc 100%);
    border-bottom: 1px solid #dde3e8;
}

.admin-form-section-title[b-32cga8tkwf] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    letter-spacing: 0.02rem;
}

.admin-form-section-subtitle[b-32cga8tkwf] {
    color: #5f6b76;
    font-size: 0.95rem;
}

.admin-form-section-body[b-32cga8tkwf] {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
}

.form-field-card[b-32cga8tkwf] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .form-field-card:hover[b-32cga8tkwf] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.form-field-header[b-32cga8tkwf] {
    margin-bottom: 0.75rem;
}

.admin-field-label[b-32cga8tkwf] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.15rem;
}

.admin-field-hint[b-32cga8tkwf] {
    font-size: 0.88rem;
    color: #6c7883;
}

.admin-add-client-form[b-32cga8tkwf] {
    min-height: 44px;
    border-radius: 10px;
}

    .admin-add-client-form:focus[b-32cga8tkwf] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.15);
    }

.scope-status-banner[b-32cga8tkwf] {
    border-radius: 10px;
    padding: 0.85rem 1rem;
    border: 1px solid transparent;
}

.scope-status-banner-internal[b-32cga8tkwf] {
    background: rgba(41, 142, 165, 0.10);
    border-color: rgba(41, 142, 165, 0.25);
}

.scope-status-banner-external[b-32cga8tkwf] {
    background: rgba(211, 76, 65, 0.08);
    border-color: rgba(211, 76, 65, 0.22);
}

.scope-status-title[b-32cga8tkwf] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.2rem;
}

.scope-status-text[b-32cga8tkwf] {
    color: #5f6b76;
    font-size: 0.92rem;
    line-height: 1.4;
}

.service-toggle-list[b-32cga8tkwf] {
    align-items: stretch;
}

.service-toggle-item[b-32cga8tkwf] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    min-height: 100%;
}

    .service-toggle-item:hover[b-32cga8tkwf] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.12);
        transform: translateY(-1px);
    }

.service-toggle-item-active[b-32cga8tkwf] {
    border-color: var(--mj-col-teal);
    box-shadow: 0 0.35rem 0.9rem rgba(41, 142, 165, 0.14);
}

.service-toggle-item-disabled[b-32cga8tkwf] {
    background: #f6f7f8;
    border-style: dashed;
    opacity: 0.82;
}

    .service-toggle-item-disabled .service-switch-name[b-32cga8tkwf],
    .service-toggle-item-disabled .service-switch-description[b-32cga8tkwf],
    .service-toggle-item-disabled .service-switch-label[b-32cga8tkwf] {
        color: #7a858f;
    }

.service-toggle-top[b-32cga8tkwf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.service-switch-row[b-32cga8tkwf] {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding-top: 0.25rem;
}

.service-switch[b-32cga8tkwf] {
    cursor: pointer;
    flex-shrink: 0;
}

    .service-switch:focus[b-32cga8tkwf] {
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.2);
        border-color: var(--mj-col-teal);
    }

    .service-switch:checked[b-32cga8tkwf] {
        background-color: var(--mj-col-teal);
        border-color: var(--mj-col-teal);
    }

.service-switch-label[b-32cga8tkwf] {
    margin-left: 0.65rem;
    cursor: pointer;
    color: var(--mj-col-charcoal);
    font-weight: 600;
}

.service-switch-name[b-32cga8tkwf] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    line-height: 1.2;
}

.service-switch-description[b-32cga8tkwf] {
    color: #66727d;
    font-size: 0.9rem;
    margin-top: 0.25rem;
    line-height: 1.35;
}

.service-restriction-note[b-32cga8tkwf] {
    font-size: 0.87rem;
    color: #7a858f;
    padding-top: 0.25rem;
    border-top: 1px solid #e3e7ea;
}

.configuration-summary-panel[b-32cga8tkwf] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafb 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.configuration-summary-header[b-32cga8tkwf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.configuration-summary-title[b-32cga8tkwf] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
}

.configuration-summary-body[b-32cga8tkwf] {
    color: #5f6b76;
    line-height: 1.45;
}

.admin-form-actions[b-32cga8tkwf] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.25rem 0 0 0.1rem;
}

@media (max-width: 767.98px) {
    .admin-form-section-header[b-32cga8tkwf],
    .admin-form-section-body[b-32cga8tkwf] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .service-toggle-top[b-32cga8tkwf],
    .configuration-summary-header[b-32cga8tkwf],
    .admin-form-actions[b-32cga8tkwf] {
        flex-direction: column;
        align-items: flex-start;
    }

        .admin-form-actions .btn[b-32cga8tkwf] {
            width: 100%;
        }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Client/EditClient.razor.rz.scp.css */
.container-fluid[b-hui96n3qb4] {
    padding: 1.25rem !important;
}

.create-client-form-shell[b-hui96n3qb4] {
    max-width: 1200px;
    padding: 0 1.25rem 1.25rem;
}

.validation-summary-shell[b-hui96n3qb4] {
    margin-bottom: 1rem;
}

    .validation-summary-shell:empty[b-hui96n3qb4] {
        display: none;
    }

.clients-breadcrumb-nav[b-hui96n3qb4] {
    padding: 0.15rem 0.1rem;
}

[b-hui96n3qb4] .clients-breadcrumb-nav .breadcrumb-item a {
    text-decoration: none;
}

    [b-hui96n3qb4] .clients-breadcrumb-nav .breadcrumb-item a:hover {
        text-decoration: underline;
    }

.admin-form-section[b-hui96n3qb4] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid #d9dee3;
    border-radius: 14px;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.admin-form-section-header[b-hui96n3qb4] {
    padding: 1rem 1.25rem;
    background: linear-gradient(90deg, var(--mj-col-soft-teal) 0%, #f7fbfc 100%);
    border-bottom: 1px solid #dde3e8;
}

.admin-form-section-title[b-hui96n3qb4] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    letter-spacing: 0.02rem;
}

.admin-form-section-subtitle[b-hui96n3qb4] {
    color: #5f6b76;
    font-size: 0.95rem;
}

.admin-form-section-body[b-hui96n3qb4] {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
}

.form-field-card[b-hui96n3qb4] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .form-field-card:hover[b-hui96n3qb4] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.form-field-header[b-hui96n3qb4] {
    margin-bottom: 0.75rem;
}

.admin-field-label[b-hui96n3qb4] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.15rem;
}

.admin-field-hint[b-hui96n3qb4] {
    font-size: 0.88rem;
    color: #6c7883;
}

.admin-add-client-form[b-hui96n3qb4] {
    min-height: 44px;
    border-radius: 10px;
}

    .admin-add-client-form:focus[b-hui96n3qb4] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.15);
    }

.admin-readonly-field[b-hui96n3qb4] {
    background: #f8fafb;
    color: #5f6b76;
    cursor: not-allowed;
}

.scope-status-banner[b-hui96n3qb4] {
    border-radius: 10px;
    padding: 0.85rem 1rem;
    border: 1px solid transparent;
}

.scope-status-banner-internal[b-hui96n3qb4] {
    background: rgba(41, 142, 165, 0.10);
    border-color: rgba(41, 142, 165, 0.25);
}

.scope-status-banner-external[b-hui96n3qb4] {
    background: rgba(211, 76, 65, 0.08);
    border-color: rgba(211, 76, 65, 0.22);
}

.scope-status-title[b-hui96n3qb4] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.2rem;
}

.scope-status-text[b-hui96n3qb4] {
    color: #5f6b76;
    font-size: 0.92rem;
    line-height: 1.4;
}

.service-toggle-stack[b-hui96n3qb4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.service-toggle-row[b-hui96n3qb4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e3e7ea;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
}

.service-toggle-copy[b-hui96n3qb4] {
    flex: 1;
    min-width: 0;
}

.service-toggle-top[b-hui96n3qb4] {
    display: flex;
    align-items: center;
    margin: 0;
    padding-top: 0.1rem;
    flex-shrink: 0;
}

.service-switch[b-hui96n3qb4] {
    width: 3rem;
    height: 1.5rem;
    cursor: pointer;
}

    .service-switch:focus[b-hui96n3qb4] {
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.2);
        border-color: var(--mj-col-teal);
    }

    .service-switch:checked[b-hui96n3qb4] {
        background-color: var(--mj-col-teal);
        border-color: var(--mj-col-teal);
    }

.service-switch-label[b-hui96n3qb4] {
    margin-left: 0.65rem;
    cursor: pointer;
    color: var(--mj-col-charcoal);
    font-weight: 600;
}

.service-switch-name[b-hui96n3qb4] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    line-height: 1.2;
}

.service-switch-description[b-hui96n3qb4] {
    color: #66727d;
    font-size: 0.9rem;
    margin-top: 0.25rem;
    line-height: 1.35;
}

.service-restriction-note[b-hui96n3qb4] {
    font-size: 0.87rem;
    color: #7a858f;
    padding-top: 0.25rem;
    border-top: 1px solid #e3e7ea;
}

.configuration-summary-panel[b-hui96n3qb4] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafb 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.configuration-summary-header[b-hui96n3qb4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.configuration-summary-title[b-hui96n3qb4] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
}

.configuration-summary-body[b-hui96n3qb4] {
    color: #5f6b76;
    line-height: 1.45;
}

.admin-form-actions[b-hui96n3qb4] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.25rem 0 0 0.1rem;
}

@media (max-width: 767.98px) {
    .admin-form-section-header[b-hui96n3qb4],
    .admin-form-section-body[b-hui96n3qb4] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .service-toggle-row[b-hui96n3qb4],
    .configuration-summary-header[b-hui96n3qb4],
    .admin-form-actions[b-hui96n3qb4] {
        flex-direction: column;
        align-items: flex-start;
    }

    .service-toggle-top[b-hui96n3qb4] {
        width: 100%;
    }

    .admin-form-actions .btn[b-hui96n3qb4] {
        width: 100%;
    }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Client/ViewClients.razor.rz.scp.css */
.view-clients-page[b-pbrksp6kwi] {
    background-color: transparent;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

/* ─── Page header toolbar ────────────────────────────────────────────────── */

.page-toolbar[b-pbrksp6kwi] {
    background: #ffffff;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
    padding: 0;
    margin-bottom: 1.25rem;
    align-items: center;
}

.page-toolbar > [class*="col"][b-pbrksp6kwi] {
    padding: 0.75rem 0.75rem;
    margin-top: 0 !important;
}

/* ─── Search input ───────────────────────────────────────────────────────── */

[b-pbrksp6kwi] .form-control {
    border: 1.5px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 0 !important;
    padding: 0.3rem 2.4rem 0.3rem 0.85rem !important;
    background-color: #f8f9fa !important;
    color: var(--mj-col-charcoal);
    font-size: 0.88rem;
    box-shadow: none !important;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

[b-pbrksp6kwi] .form-control:focus {
    border-color: var(--mj-col-raspberry) !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 0.15rem rgba(153, 53, 102, 0.15) !important;
    outline: none;
}

[b-pbrksp6kwi] .form-control::placeholder {
    color: #adb5bd;
    font-style: normal;
}

/* ─── Create New button ──────────────────────────────────────────────────── */

.create-client-btn[b-pbrksp6kwi],
[b-pbrksp6kwi] .create-client-btn {
    min-width: 130px;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 0 !important;
    padding: 0.3rem 1.1rem;
    font-size: 0.88rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    background-color: var(--mj-col-raspberry) !important;
    border-color: var(--mj-col-raspberry) !important;
    color: #ffffff !important;
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

.create-client-btn:hover[b-pbrksp6kwi],
[b-pbrksp6kwi] .create-client-btn:hover {
    background-color: #7d2b54 !important;
    border-color: #7d2b54 !important;
}

/* ─── Reset sort button ──────────────────────────────────────────────────── */

.reset-sort-btn[b-pbrksp6kwi] {
    border-radius: 999px;
    font-weight: 700;
    padding: 0.4rem 1rem;
    color: var(--mj-col-teal);
    background-color: transparent;
    border: 1px solid rgba(41, 142, 165, 0.3);
    font-size: 0.82rem;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.15s ease;
}

    .reset-sort-btn:hover[b-pbrksp6kwi] {
        color: #ffffff;
        border-color: var(--mj-col-teal);
        background-color: var(--mj-col-teal);
        transform: translateY(-1px);
    }

    .reset-sort-btn:focus[b-pbrksp6kwi],
    .reset-sort-btn:focus-visible[b-pbrksp6kwi] {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.25);
    }

/* Remove Bootstrap's negative row margins so the accordion aligns flush with
   the toolbar, and zero the col padding — keeps all four sides at the page's
   1.25rem inset with no extra gutter drift */
.view-clients-page > .row:not(.page-toolbar)[b-pbrksp6kwi] {
    margin-left: 0;
    margin-right: 0;
}

.view-clients-page > .row:not(.page-toolbar) > .col-12[b-pbrksp6kwi] {
    padding-left: 0;
    padding-right: 0;
}

/* ─── Reset-sort row ──────────────────────────────────────────────────────── */
/* Bootstrap mt-3 mb-2 adds 1.5rem of margin even when the row is empty       *
 * (no active sort). That makes the gap above the accordion ~2.75rem while    *
 * the sides are 1.25rem. Zero the row margins so spacing is consistent;      *
 * the toolbar's own margin-bottom: 1.25rem provides the only gap.            */
.view-clients-page > .row.mt-3.mb-2[b-pbrksp6kwi] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ─── Table / list shell ─────────────────────────────────────────────────── */

.client-accordion[b-pbrksp6kwi] {
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.07);
}

/* ─── Column header row ──────────────────────────────────────────────────── */

.client-list-header-card[b-pbrksp6kwi] {
    border: none;
    margin-bottom: 0;
    background: #ffffff;
    border-bottom: 2px solid var(--mj-col-teal);
}

.client-list-header[b-pbrksp6kwi] {
    min-height: 52px;
    background-color: #ffffff;
    color: var(--mj-col-charcoal);
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

@media (min-width: 768px) {
    .client-list-header[b-pbrksp6kwi] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

.showClientHeader[b-pbrksp6kwi] {
    display: flex;
    align-items: center;
}

/* ─── Sort header buttons ────────────────────────────────────────────────── */

.sort-header-btn[b-pbrksp6kwi] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.6rem 0.35rem 0;
    border: none;
    background: transparent;
    color: #6c757d;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-radius: 0.5rem;
    transition: background-color 0.18s ease, color 0.18s ease;
}

    .sort-header-btn:hover[b-pbrksp6kwi] {
        background-color: rgba(41, 142, 165, 0.1);
        color: var(--mj-col-teal);
    }

    .sort-header-btn:focus[b-pbrksp6kwi],
    .sort-header-btn:focus-visible[b-pbrksp6kwi] {
        outline: none;
        color: var(--mj-col-teal);
        background-color: rgba(41, 142, 165, 0.1);
        box-shadow: 0 0 0 0.18rem rgba(41, 142, 165, 0.2);
    }

.sort-header-btn-active[b-pbrksp6kwi] {
    background-color: rgba(41, 142, 165, 0.12);
    color: var(--mj-col-teal);
    box-shadow: inset 0 0 0 1px rgba(41, 142, 165, 0.25);
}

.sort-header-label[b-pbrksp6kwi] {
    white-space: nowrap;
    letter-spacing: 0.08em;
}

.sort-priority-badge[b-pbrksp6kwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 800;
    background-color: var(--mj-col-teal);
    color: #ffffff;
    line-height: 1;
}

.sort-header-icon[b-pbrksp6kwi] {
    font-size: 0.9rem;
    line-height: 1;
    color: var(--mj-col-teal);
    opacity: 0.7;
}

/* ─── Sort hint bar ──────────────────────────────────────────────────────── */

.sort-hint-row[b-pbrksp6kwi] {
    background-color: #f8f9fa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sort-hint-text[b-pbrksp6kwi] {
    color: #6c757d;
    font-size: 0.78rem;
}

/* ─── Empty state ────────────────────────────────────────────────────────── */

.empty-state-panel[b-pbrksp6kwi] {
    margin-top: 0.75rem;
    padding: 2.5rem 1.5rem;
    border: 1.5px dashed rgba(41, 142, 165, 0.22);
    border-radius: 1rem;
    background-color: rgba(41, 142, 165, 0.025);
    text-align: center;
    color: var(--mj-col-charcoal);
}

.empty-state-icon[b-pbrksp6kwi] {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0.75rem;
    color: var(--mj-col-teal);
    opacity: 0.55;
}

.empty-state-title[b-pbrksp6kwi] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.35rem;
    color: var(--mj-col-charcoal);
}

.empty-state-text[b-pbrksp6kwi] {
    color: #6c757d;
    font-size: 0.88rem;
}

/* ─── Toolbar column override — align at md (768px) ─────────────────────── */

@media (min-width: 768px) {
    .page-toolbar > .col-12.col-xl-auto[b-pbrksp6kwi] {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    .page-toolbar > .col-12.col-xl[b-pbrksp6kwi] {
        flex: 1 1 0% !important;
        width: auto !important;
        max-width: none !important;
    }

    .page-toolbar > .col-12.col-xl-auto:last-child[b-pbrksp6kwi] {
        margin-left: 0;
        display: flex;
        justify-content: flex-end;
    }
}

/* ─── Responsive ─────────────────────────────────────────────────────────── */

@media (max-width: 767.98px) {
    .page-toolbar[b-pbrksp6kwi] {
        align-items: stretch;
    }

    .create-client-btn[b-pbrksp6kwi] {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .client-list-header[b-pbrksp6kwi] {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .showClientHeader[b-pbrksp6kwi] {
        justify-content: flex-start;
        flex: unset !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .sort-header-btn[b-pbrksp6kwi] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Common/Generic_DropdownComponent.razor.rz.scp.css */
.selected-True[b-elolie91xk] {
    background-color: var(--mj-col-teal);
    color: var(--global-white-bg)
}

.comboBoxInputDropdownSingleSelection[b-elolie91xk] {
    border: none;
}

.dropdown-menu.show[b-elolie91xk] {
    border: none;
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Common/Generic_FilteredMultiSelection.razor.rz.scp.css */
#dropdownMenuButtonRole[b-igutp8tp6o] {
    background-color: #ffffff;
    border: 1px solid var(--bs-dropdown-border-color);
    color: var(--bs-dropdown-color) !important;
    padding: 0.5rem 1rem;
    border: 1px solid;
    border-radius: 0.25rem;
    border-color: #ced4da;
    cursor: pointer;
}

    #dropdownMenuButtonRole:focus[b-igutp8tp6o] {
        border-color: #86b7fe;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    }


.form-check-input:checked[b-igutp8tp6o] {
    background-color: var(--mj-col-teal);
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Common/Generic_SearchComponent.razor.rz.scp.css */
.form-control[b-x01dnb09id] {
    background-color: var(--global-white-bg) !important;
}

    .form-control:focus[b-x01dnb09id] {
        box-shadow: 0.1em 0.1em 0.1em 0.20rem var(--mj-col-teal) !important;
    }
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Common/MultiSelectionDropdownComponent.razor.rz.scp.css */

.multiSelectDropdown:checked[b-exopua68ht] {
    background-color: var(--mj-col-teal);
    color: var(--color-white);
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Common/RolesDropdownSingleSelectionComponent.razor.rz.scp.css */
#roleSelectionDropdown[b-iqcptmo5be] {
    border: solid 1px;
    border-color: #ced4da;
}

.roleInputBox[b-iqcptmo5be] {
    border: none;
    background-color: #ffffff
}


#role-filter[b-iqcptmo5be] {
    border: none;
    background-color: #ffffff;
    box-shadow: none;
}

#roleSelectionDropdown > .btn.dropdown-toggle[b-iqcptmo5be] {
    color: var(--mj-col-teal);
    background-color: var(--mj-col-gray);
    box-shadow: 0 0 0 0.1rem var(--mj-col-teal);
}

    #roleSelectionDropdown > .btn.dropdown-toggle:hover[b-iqcptmo5be] {
        background-color: var(--mj-col-teal);
        color: var(--mj-col-gray);
    }

/* Default badge style */
.rolesUserCount[b-iqcptmo5be] {
    background-color: var(--mj-col-raspberry) !important;
    color: var(--global-white-bg);
    border: none;
    margin: 0 0.25em 0 1em;
}

/* When a item is actively clicked */
.dropDownRoleSelect:active[b-iqcptmo5be] {
    background-color: var(--mj-col-raspberry) !important;
    color: var(--global-white-bg);
}

    /* Badge inside a clicked item */
    .dropDownRoleSelect:active .rolesUserCount[b-iqcptmo5be] {
        background-color: var(--global-white-bg) !important;
        color: var(--mj-col-raspberry) !important;
    }

/* When item is hovered */
.dropDownRoleSelect:hover[b-iqcptmo5be] {
    background-color: var(--mj-col-teal) !important;
    color: var(--global-white-bg) !important;
}

    /* Badge inside a hovered item */
    .dropDownRoleSelect:hover .rolesUserCount[b-iqcptmo5be] {
        background-color: var(--global-white-bg) !important;
        color: var(--mj-col-teal) !important;
    }

/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Common/String_SingleSelectionDropdownComponent.razor.rz.scp.css */
.dropdown-item:hover[b-6xvgnaqwm0] {
    background-color: var(--mj-col-teal);
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--global-white-bg);
    border-radius: 8px;
}

.dropdown-item:focus[b-6xvgnaqwm0] {
    background-color: var(--mj-col-teal);
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--global-white-bg);
    border-radius: 8px;
}

.dropdown-item:focus-visible[b-6xvgnaqwm0] {
    background-color: var(--mj-col-teal);
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--global-white-bg);
    border-radius: 8px;
}


.active[b-6xvgnaqwm0] {
    background-color: var(--mj-col-teal);
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 8px;
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Common/String_TextAutocompleteComponent.razor.rz.scp.css */
.list-group-item:hover[b-w23bwyvcgp] {
    background-color: var(--mj-col-teal);
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--global-white-bg);
    border-radius: 8px;
}

.list-group-item:focus[b-w23bwyvcgp] {
    background-color: var(--mj-col-teal);
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--global-white-bg);
    border-radius: 8px;
}

.list-group-item:focus-visible[b-w23bwyvcgp] {
    background-color: var(--mj-col-teal);
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--global-white-bg);
    border-radius: 8px;
}

/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Controls/ClientCardComponent.razor.rz.scp.css */
.accordion-item[b-jr16au39qn] {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

header div button[b-jr16au39qn] {
    background-color: #ffffff;
}

/* ─── Expanded accordion body ────────────────────────────────────────────── */

.card-body[b-jr16au39qn] {
    background-color: #ffffff;
    padding: 1.25rem 1.5rem 1rem;
}

/* Each metadata row as a clean label → value pair */
.card-body p[b-jr16au39qn] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0;
    padding: 0.5rem 0;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.4;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    color: #4a5260;           /* softer than full charcoal */
}

.card-body p:last-child[b-jr16au39qn] {
    border-bottom: none;
    padding-bottom: 0;
}

/* Label (the <strong> tag) */
.card-body p strong[b-jr16au39qn] {
    flex-shrink: 0;
    min-width: 145px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #8a95a0;           /* soft muted label */
}

.card.text-start[b-jr16au39qn] {
    border: 0;
}

.accordion-body[b-jr16au39qn] {
    border-radius: 0.5rem;
}

/* Accordion header — same weight/size whether collapsed or expanded.
   Padding matches the header row's px-2 / px-md-3 so columns align.  */
.accordion-button.flex-grow-1.text-start.collapsed[b-jr16au39qn],
.accordion-button.flex-grow-1.text-start[b-jr16au39qn] {
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.65rem 0.5rem !important;
}

@media (min-width: 768px) {
    .accordion-button.flex-grow-1.text-start.collapsed[b-jr16au39qn],
    .accordion-button.flex-grow-1.text-start[b-jr16au39qn] {
        padding: 0.65rem 1rem !important;
    }
}

/* Container inside accordion-button: must fill the button's flex width
   and zero Bootstrap's default horizontal padding to match header offset */
.accordion-button .container-fluid[b-jr16au39qn] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: 1 1 0;    /* grow to fill the button, don't let the caret shrink it */
    min-width: 0;
    width: 100%;
}

/* Hide Bootstrap's built-in chevron caret — it takes 1.25rem of flex space
   and shifts all columns right of column-1 away from their header positions */
.accordion-button.flex-grow-1.text-start[b-jr16au39qn]::after,
.accordion-button.flex-grow-1.text-start.collapsed[b-jr16au39qn]::after {
    display: none !important;
}

/* Data columns: always left-aligned, matching the left edge of each sort header button */
.accordion-button .col-12[b-jr16au39qn] {
    text-align: left;
}

.adminCentralCard[b-jr16au39qn] {
    background-color: #ffffff;
}

.adminCentralCardFooter[b-jr16au39qn] {
    background-color: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.custom-dropdown-menu[b-jr16au39qn] {
    width: 250px;
    max-height: 100px;
    overflow-y: scroll;
}

.accordion-button[b-jr16au39qn] {
    border: none;
    box-shadow: none;
}

    .accordion-button:focus[b-jr16au39qn] {
        box-shadow: none;
        outline: none;
    }

    .accordion-button[aria-expanded="true"][b-jr16au39qn] {
        background-color: rgba(41, 142, 165, 0.05);
        color: var(--mj-col-charcoal);
        border: none;
        border-left: 3px solid var(--mj-col-teal);
    }

.admin-user-btn-group[b-jr16au39qn] {
    min-width: 200px;
    max-width: 350px;
}

.admin-user-delete-btn[b-jr16au39qn] {
    display: inline-block;
    max-width: 10em;
    padding: 0.5rem 1rem;
    background-color: var(--global-white-bg);
    color: var(--mj-col-coral);
    border: 1px solid var(--mj-col-coral);
    border-radius: 0.375rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

    .admin-user-delete-btn:hover[b-jr16au39qn] {
        background-color: var(--mj-col-coral);
        border-color: var(--mj-col-coral);
        color: var(--global-white-bg);
        text-decoration: none;
    }

    .admin-user-delete-btn:active[b-jr16au39qn],
    .admin-user-edit-btn.active[b-jr16au39qn] {
        background-color: var(--mj-col-coral);
        border-color: var(--mj-col-coral);
        color: var(--global-white-bg);
    }

    .admin-user-delete-btn:focus[b-jr16au39qn] {
        outline: none;
        box-shadow: 0 0 0 0.25rem var(--mj-col-coral);
    }

    .admin-user-delete-btn:disabled[b-jr16au39qn],
    .admin-user-delete-btn[disabled][b-jr16au39qn],
    .admin-user-delete-btn.disabled[b-jr16au39qn] {
        background-color: #ccc;
        border-color: #ccc;
        color: #666;
        pointer-events: none;
        opacity: 0.65;
    }

/* Footer layout */

.client-card-footer[b-jr16au39qn] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
}

.client-card-footer-left[b-jr16au39qn],
.client-card-footer-right[b-jr16au39qn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.client-card-footer-right[b-jr16au39qn] {
    justify-content: flex-end;
}

.client-card-footer-center[b-jr16au39qn] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Normal buttons */

.footer-icon-btn[b-jr16au39qn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    transition: transform 0.15s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

    .footer-icon-btn:hover[b-jr16au39qn] {
        transform: translateY(-1px);
    }

/* NavLink rendered anchors: must use ::deep */

[b-jr16au39qn] .footer-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

    [b-jr16au39qn] .footer-icon-link:hover,
    [b-jr16au39qn] .footer-icon-link:focus,
    [b-jr16au39qn] .footer-icon-link:active,
    [b-jr16au39qn] .footer-icon-link:visited {
        text-decoration: none;
    }

    [b-jr16au39qn] .footer-icon-link:hover {
        transform: translateY(-1px);
    }

/* Center premium navigation */

[b-jr16au39qn] .client-page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-width: 190px;
    padding: 0.6rem 1.25rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.88rem;
    letter-spacing: 0.03em;
    line-height: 1;
    background-color: var(--mj-col-teal);
    color: #ffffff;
    border: none;
    box-shadow: 0 2px 10px rgba(41, 142, 165, 0.28);
    transition: transform 0.18s ease, box-shadow 0.22s ease, background-color 0.2s ease;
}

    [b-jr16au39qn] .client-page-link:hover {
        background-color: #217a8e;
        color: #ffffff;
        text-decoration: none;
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(41, 142, 165, 0.38);
    }

    [b-jr16au39qn] .client-page-link:focus,
    [b-jr16au39qn] .client-page-link:focus-visible {
        outline: none;
        color: #ffffff;
        text-decoration: none;
        box-shadow: 0 0 0 0.25rem rgba(41, 142, 165, 0.3);
    }

    [b-jr16au39qn] .client-page-link:active,
    [b-jr16au39qn] .client-page-link:visited {
        text-decoration: none;
        color: #ffffff;
    }

[b-jr16au39qn] .client-page-link-icon {
    font-size: 1.1rem;
    line-height: 1;
}

[b-jr16au39qn] .client-page-link-text {
    white-space: nowrap;
}

/* Responsive */

@media (max-width: 767.98px) {
    .client-card-footer[b-jr16au39qn] {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .client-card-footer-left[b-jr16au39qn],
    .client-card-footer-center[b-jr16au39qn],
    .client-card-footer-right[b-jr16au39qn] {
        justify-content: center;
    }

    [b-jr16au39qn] .client-page-link {
        width: 100%;
        max-width: 320px;
    }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Controls/DashboardCardComponent.razor.rz.scp.css */
.accordion-item[b-9z0dzhv6qp] {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

header div button[b-9z0dzhv6qp] {
    background-color: #ffffff;
}

/* ─── Expanded accordion body ────────────────────────────────────────────── */

.card-body[b-9z0dzhv6qp] {
    background-color: #ffffff;
    padding: 1.25rem 1.5rem 1rem;
}

/* Each metadata row as a clean label → value pair */
.card-body p[b-9z0dzhv6qp] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0;
    padding: 0.5rem 0;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.4;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    color: #4a5260;
}

.card-body p:last-child[b-9z0dzhv6qp] {
    border-bottom: none;
    padding-bottom: 0;
}

/* Label (the <strong> tag) */
.card-body p strong[b-9z0dzhv6qp] {
    flex-shrink: 0;
    min-width: 145px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #8a95a0;
}

.card.text-start[b-9z0dzhv6qp] {
    border: 0;
}

.accordion-body[b-9z0dzhv6qp] {
    border-radius: 0.5rem;
}

/* Accordion header — consistent weight/size whether collapsed or expanded */
.accordion-button.flex-grow-1.text-start.collapsed[b-9z0dzhv6qp],
.accordion-button.flex-grow-1.text-start[b-9z0dzhv6qp] {
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.65rem 0.5rem !important;
}

@media (min-width: 768px) {
    .accordion-button.flex-grow-1.text-start.collapsed[b-9z0dzhv6qp],
    .accordion-button.flex-grow-1.text-start[b-9z0dzhv6qp] {
        padding: 0.65rem 1rem !important;
    }
}

/* Container inside accordion-button: must fill the button's flex width
   and zero Bootstrap's default horizontal padding to match header offset */
.accordion-button .container-fluid[b-9z0dzhv6qp] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
}

/* Hide Bootstrap's chevron caret — it takes 1.25rem of flex space
   and shifts columns right of column-1 away from their header positions */
.accordion-button.flex-grow-1.text-start[b-9z0dzhv6qp]::after,
.accordion-button.flex-grow-1.text-start.collapsed[b-9z0dzhv6qp]::after {
    display: none !important;
}

/* Data columns: always left-aligned */
.accordion-button .col-12[b-9z0dzhv6qp] {
    text-align: left;
}

.featureBadge[b-9z0dzhv6qp] {
    background-color: var(--mj-col-coral);
    color: white;
}

.adminCentralCard[b-9z0dzhv6qp] {
    background-color: #ffffff;
}

/* ─── Business Intelligence dashboard visual differentiation ─────────────── */
/*
 * A left-edge accent stripe in amber signals a BI row at a glance,
 * without disrupting the information density of the table layout.
 *
 */
.adminCentralCard--bi[b-9z0dzhv6qp] {
    border-left: 3px solid #d97706 !important;
    background: linear-gradient(90deg, rgba(254, 243, 199, 0.35) 0%, #ffffff 80px) !important;
}

.adminCentralCard--bi .accordion-button.flex-grow-1.text-start.collapsed[b-9z0dzhv6qp],
.adminCentralCard--bi .accordion-button.flex-grow-1.text-start[b-9z0dzhv6qp] {
    background: linear-gradient(90deg, rgba(254, 243, 199, 0.3) 0%, #ffffff 120px) !important;
}

.adminCentralCard--bi .accordion-button[aria-expanded="true"][b-9z0dzhv6qp] {
    background: linear-gradient(90deg, rgba(254, 243, 199, 0.5) 0%, rgba(254, 243, 199, 0.08) 120px) !important;
    border-left: 3px solid #d97706 !important;
    color: var(--mj-col-charcoal);
}

/* Compact pill badge shown inline with the alias text */
.bi-type-badge[b-9z0dzhv6qp] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.45rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.4;
    white-space: nowrap;
    background-color: #fef3c7;
    color: #92400e;
    border: 1px solid rgba(217, 119, 6, 0.4);
    vertical-align: middle;
    transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

.adminCentralCard--bi .accordion-button:hover .bi-type-badge[b-9z0dzhv6qp] {
    background-color: #fde68a;
    box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.2);
}

/* Alias wrapper so badge sits inline next to the text without wrapping */
.dashboard-alias-wrap[b-9z0dzhv6qp] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.2rem;
}

/* Inline badge shown in the expanded detail body */
.bi-detail-badge[b-9z0dzhv6qp] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    background-color: #fef3c7;
    color: #92400e;
    border: 1px solid rgba(217, 119, 6, 0.35);
    letter-spacing: 0.02em;
    line-height: 1.4;
}

.adminCentralCardFooter[b-9z0dzhv6qp] {
    background-color: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* ─── Footer: 3-column grid — left spacer | centred button | right spacer ──── */

.dashboard-card-footer[b-9z0dzhv6qp] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
}

.dashboard-card-footer-left[b-9z0dzhv6qp],
.dashboard-card-footer-right[b-9z0dzhv6qp] {
    display: flex;
    align-items: center;
}

.dashboard-card-footer-right[b-9z0dzhv6qp] {
    justify-content: flex-end;
}

.dashboard-card-footer-center[b-9z0dzhv6qp] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ─── Manage Dashboard pill button ───────────────────────────────────────── */

[b-9z0dzhv6qp] .manage-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-width: 200px;
    padding: 0.6rem 1.25rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.88rem;
    letter-spacing: 0.03em;
    line-height: 1;
    background-color: var(--mj-col-teal);
    color: #ffffff;
    border: none;
    box-shadow: 0 2px 10px rgba(41, 142, 165, 0.28);
    transition: transform 0.18s ease, box-shadow 0.22s ease, background-color 0.2s ease;
}

    [b-9z0dzhv6qp] .manage-link:hover {
        background-color: #217a8e;
        color: #ffffff;
        text-decoration: none;
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(41, 142, 165, 0.38);
    }

    [b-9z0dzhv6qp] .manage-link:focus,
    [b-9z0dzhv6qp] .manage-link:focus-visible {
        outline: none;
        color: #ffffff;
        text-decoration: none;
        box-shadow: 0 0 0 0.25rem rgba(41, 142, 165, 0.3);
    }

    [b-9z0dzhv6qp] .manage-link:active,
    [b-9z0dzhv6qp] .manage-link:visited {
        text-decoration: none;
        color: #ffffff;
    }

[b-9z0dzhv6qp] .manage-link-icon {
    font-size: 1.1rem;
    line-height: 1;
}

[b-9z0dzhv6qp] .manage-link-text {
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .dashboard-card-footer[b-9z0dzhv6qp] {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .dashboard-card-footer-left[b-9z0dzhv6qp],
    .dashboard-card-footer-center[b-9z0dzhv6qp],
    .dashboard-card-footer-right[b-9z0dzhv6qp] {
        justify-content: center;
    }

    [b-9z0dzhv6qp] .manage-link {
        width: 100%;
        max-width: 320px;
    }
}

.custom-dropdown-menu[b-9z0dzhv6qp] {
    width: 250px;
    max-height: 100px;
    overflow-y: scroll;
}

.accordion-button[b-9z0dzhv6qp] {
    border: none;
    box-shadow: none;
}

    .accordion-button:focus[b-9z0dzhv6qp] {
        box-shadow: none;
        outline: none;
    }

    .accordion-button[aria-expanded="true"][b-9z0dzhv6qp] {
        background-color: rgba(41, 142, 165, 0.05);
        color: var(--mj-col-charcoal);
        border: none;
        border-left: 3px solid var(--mj-col-teal);
    }

/* ─── Delete icon button ─────────────────────────────────────────────────── */

.card-delete-btn[b-9z0dzhv6qp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    border: 1.5px solid rgba(211, 76, 65, 0.35);
    background: transparent;
    color: var(--mj-col-coral);
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease;
}

    .card-delete-btn:hover[b-9z0dzhv6qp] {
        background-color: var(--mj-col-coral);
        border-color: var(--mj-col-coral);
        color: #ffffff;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(211, 76, 65, 0.3);
    }

    .card-delete-btn:focus[b-9z0dzhv6qp],
    .card-delete-btn:focus-visible[b-9z0dzhv6qp] {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(211, 76, 65, 0.25);
    }

    .card-delete-btn:active[b-9z0dzhv6qp] {
        transform: translateY(0);
        box-shadow: none;
    }
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Controls/FeatureCardComponent.razor.rz.scp.css */
.accordion-item[b-jtke2w4ygy] {
    border: 2px solid #e5e5e5;
}

.card-body[b-jtke2w4ygy], header div button[b-jtke2w4ygy] {
    background-color: #f5f5f5;
}

.card.text-start[b-jtke2w4ygy] {
    border: 0;
}

.accordion-body[b-jtke2w4ygy] {
    border-radius: 0.5rem; /* for rounded corners */
}

.accordion-button.flex-grow-1.text-start.collapsed[b-jtke2w4ygy] {
    font-weight: normal;
    font-size: inherit;
    /* normal size of header text when is collapsed */
}

.accordion-button.flex-grow-1.text-start[b-jtke2w4ygy] {
    font-weight: bold;
    font-size: 1.25em;
    /* increased text when is expanded */
}

.featureBadge[b-jtke2w4ygy] {
    background-color: var(--mj-col-coral);
    color: white
}

.adminCentralCard[b-jtke2w4ygy] {
    background-color: var(--mj-col-charcoal-contrast);
}

.adminCentralCardFooter[b-jtke2w4ygy] {
    background-color: var(--mj-col-charcoal-contrast);
}

.custom-dropdown-menu[b-jtke2w4ygy] {
    width: 250px;
    max-height: 100px;
    overflow-y: scroll;
}

.accordion-button[b-jtke2w4ygy] {
    border: none;
    box-shadow: none;
}

    .accordion-button:focus[b-jtke2w4ygy] {
        box-shadow: none;
        outline: none;
    }

    .accordion-button[aria-expanded="true"][b-jtke2w4ygy] {
        background-color: var(--mj-col-charcoal-contrast);
        color: var(--mj-col-lime);
        border: none;
    }

.admin-user-btn-group[b-jtke2w4ygy] {
    min-width: 200px;
    max-width: 350px;
}


.user-action-button[b-jtke2w4ygy] {
    display: inline-block;
    max-width: 10em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    padding: 0.375rem 0.75rem;
}


.admin-user-delete-btn[b-jtke2w4ygy] {
    display: inline-block;
    max-width: 10em;
    padding: 0.5rem 1rem;
    background-color: var(--global-white-bg);
    color: var(--mj-col-coral);
    border: 1px solid var(--mj-col-coral);
    border-radius: 0.375rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

    /* Hover */
    .admin-user-delete-btn:hover[b-jtke2w4ygy] {
        background-color: var(--mj-col-coral);
        border-color: var(--mj-col-coral);
        color: var(--global-white-bg);
        text-decoration: none;
    }

    /* Active (click down) */
    .admin-user-delete-btn:active[b-jtke2w4ygy],
    .admin-user-edit-btn.active[b-jtke2w4ygy] {
        background-color: var(--mj-col-coral);
        border-color: var(--mj-col-coral);
        color: var(--global-white-bg);
    }

    /* Focus (keyboard nav) */
    .admin-user-delete-btn:focus[b-jtke2w4ygy] {
        outline: none;
        box-shadow: 0 0 0 0.25rem var(--mj-col-coral);
    }

    /* Disabled */
    .admin-user-delete-btn:disabled[b-jtke2w4ygy],
    .admin-user-delete-btn[disabled][b-jtke2w4ygy],
    .admin-user-delete-btn.disabled[b-jtke2w4ygy] {
        background-color: #ccc;
        border-color: #ccc;
        color: #666;
        pointer-events: none;
        opacity: 0.65;
    }
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Controls/RoleCardComponent.razor.rz.scp.css */
.accordion-item[b-2ehk5s7664] {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

header div button[b-2ehk5s7664] {
    background-color: #ffffff;
}

/* ─── Expanded accordion body ────────────────────────────────────────────── */

.card-body[b-2ehk5s7664] {
    background-color: #ffffff;
    padding: 1.25rem 1.5rem 1rem;
}

/* Each metadata row as a clean label → value pair */
.card-body p[b-2ehk5s7664] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0;
    padding: 0.5rem 0;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.4;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    color: #4a5260;
}

.card-body p:last-child[b-2ehk5s7664] {
    border-bottom: none;
    padding-bottom: 0;
}

/* Label (the <strong> tag) */
.card-body p strong[b-2ehk5s7664] {
    flex-shrink: 0;
    min-width: 145px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #8a95a0;
}

.card.text-start[b-2ehk5s7664] {
    border: 0;
}

.accordion-body[b-2ehk5s7664] {
    border-radius: 0.5rem;
}

/* Accordion header — consistent weight/size whether collapsed or expanded */
.accordion-button.flex-grow-1.text-start.collapsed[b-2ehk5s7664],
.accordion-button.flex-grow-1.text-start[b-2ehk5s7664] {
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.65rem 0.5rem !important;
}

@media (min-width: 768px) {
    .accordion-button.flex-grow-1.text-start.collapsed[b-2ehk5s7664],
    .accordion-button.flex-grow-1.text-start[b-2ehk5s7664] {
        padding: 0.65rem 1rem !important;
    }
}

/* Container inside accordion-button: must fill the button's flex width
   and zero Bootstrap's default horizontal padding to match header offset */
.accordion-button .container-fluid[b-2ehk5s7664] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
}

/* Hide Bootstrap's chevron caret — it takes 1.25rem of flex space
   and shifts columns right of column-1 away from their header positions */
.accordion-button.flex-grow-1.text-start[b-2ehk5s7664]::after,
.accordion-button.flex-grow-1.text-start.collapsed[b-2ehk5s7664]::after {
    display: none !important;
}

/* Data columns: always left-aligned */
.accordion-button .col-12[b-2ehk5s7664] {
    text-align: left;
}

.featureBadge[b-2ehk5s7664] {
    background-color: var(--mj-col-coral);
    color: white;
}

.adminCentralCard[b-2ehk5s7664] {
    background-color: #ffffff;
}

.adminCentralCardFooter[b-2ehk5s7664] {
    background-color: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* ─── Footer: 3-column grid — left spacer | centred button | right spacer ──── */

.role-card-footer[b-2ehk5s7664] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
}

.role-card-footer-left[b-2ehk5s7664],
.role-card-footer-right[b-2ehk5s7664] {
    display: flex;
    align-items: center;
}

.role-card-footer-right[b-2ehk5s7664] {
    justify-content: flex-end;
}

.role-card-footer-center[b-2ehk5s7664] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ─── Manage Role pill button ─────────────────────────────────────────────── */

[b-2ehk5s7664] .manage-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-width: 180px;
    padding: 0.6rem 1.25rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.88rem;
    letter-spacing: 0.03em;
    line-height: 1;
    background-color: var(--mj-col-teal);
    color: #ffffff;
    border: none;
    box-shadow: 0 2px 10px rgba(41, 142, 165, 0.28);
    transition: transform 0.18s ease, box-shadow 0.22s ease, background-color 0.2s ease;
}

    [b-2ehk5s7664] .manage-link:hover {
        background-color: #217a8e;
        color: #ffffff;
        text-decoration: none;
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(41, 142, 165, 0.38);
    }

    [b-2ehk5s7664] .manage-link:focus,
    [b-2ehk5s7664] .manage-link:focus-visible {
        outline: none;
        color: #ffffff;
        text-decoration: none;
        box-shadow: 0 0 0 0.25rem rgba(41, 142, 165, 0.3);
    }

    [b-2ehk5s7664] .manage-link:active,
    [b-2ehk5s7664] .manage-link:visited {
        text-decoration: none;
        color: #ffffff;
    }

[b-2ehk5s7664] .manage-link-icon {
    font-size: 1.1rem;
    line-height: 1;
}

[b-2ehk5s7664] .manage-link-text {
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .role-card-footer[b-2ehk5s7664] {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .role-card-footer-left[b-2ehk5s7664],
    .role-card-footer-center[b-2ehk5s7664],
    .role-card-footer-right[b-2ehk5s7664] {
        justify-content: center;
    }

    [b-2ehk5s7664] .manage-link {
        width: 100%;
        max-width: 320px;
    }
}

.custom-dropdown-menu[b-2ehk5s7664] {
    width: 250px;
    max-height: 100px;
    overflow-y: scroll;
}

.accordion-button[b-2ehk5s7664] {
    border: none;
    box-shadow: none;
}

    .accordion-button:focus[b-2ehk5s7664] {
        box-shadow: none;
        outline: none;
    }

    .accordion-button[aria-expanded="true"][b-2ehk5s7664] {
        background-color: rgba(41, 142, 165, 0.05);
        color: var(--mj-col-charcoal);
        border: none;
        border-left: 3px solid var(--mj-col-teal);
    }

.admin-user-btn-group[b-2ehk5s7664] {
    min-width: 200px;
    max-width: 350px;
}

.user-action-button[b-2ehk5s7664] {
    display: inline-block;
    max-width: 10em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    padding: 0.375rem 0.75rem;
}

.admin-user-delete-btn[b-2ehk5s7664] {
    display: inline-block;
    max-width: 10em;
    padding: 0.5rem 1rem;
    background-color: var(--global-white-bg);
    color: var(--mj-col-coral);
    border: 1px solid var(--mj-col-coral);
    border-radius: 0.375rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

    .admin-user-delete-btn:hover[b-2ehk5s7664] {
        background-color: var(--mj-col-coral);
        border-color: var(--mj-col-coral);
        color: var(--global-white-bg);
        text-decoration: none;
    }

    .admin-user-delete-btn:active[b-2ehk5s7664],
    .admin-user-edit-btn.active[b-2ehk5s7664] {
        background-color: var(--mj-col-coral);
        border-color: var(--mj-col-coral);
        color: var(--global-white-bg);
    }

    .admin-user-delete-btn:focus[b-2ehk5s7664] {
        outline: none;
        box-shadow: 0 0 0 0.25rem var(--mj-col-coral);
    }

    .admin-user-delete-btn:disabled[b-2ehk5s7664],
    .admin-user-delete-btn[disabled][b-2ehk5s7664],
    .admin-user-delete-btn.disabled[b-2ehk5s7664] {
        background-color: #ccc;
        border-color: #ccc;
        color: #666;
        pointer-events: none;
        opacity: 0.65;
    }
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Controls/Role_SearchFeatureToAssignComponent.razor.rz.scp.css */
.form-check-input:checked[b-kmbq84ct9n] {
    background-color: var(--mj-col-teal) !important;
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Controls/UserCardComponent.razor.rz.scp.css */
.accordion-item[b-6lt5woqcxt] {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

header div button[b-6lt5woqcxt] {
    background-color: #ffffff;
}

/* ─── Expanded accordion body ────────────────────────────────────────────── */

.card-body[b-6lt5woqcxt] {
    background-color: #ffffff;
    padding: 1.25rem 1.5rem 1rem;
}

/* Each metadata row as a clean label → value pair */
.card-body p[b-6lt5woqcxt] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0;
    padding: 0.5rem 0;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.4;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    color: #4a5260;
}

.card-body p:last-child[b-6lt5woqcxt] {
    border-bottom: none;
    padding-bottom: 0;
}

/* Label (the <strong> tag) */
.card-body p strong[b-6lt5woqcxt] {
    flex-shrink: 0;
    min-width: 145px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #8a95a0;
}

.card.text-start[b-6lt5woqcxt] {
    border: 0;
}

.accordion-body[b-6lt5woqcxt] {
    border-radius: 0.5rem;
}

/* Accordion header — consistent weight/size whether collapsed or expanded */
.accordion-button.flex-grow-1.text-start.collapsed[b-6lt5woqcxt],
.accordion-button.flex-grow-1.text-start[b-6lt5woqcxt] {
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.65rem 0.5rem !important;
}

@media (min-width: 768px) {
    .accordion-button.flex-grow-1.text-start.collapsed[b-6lt5woqcxt],
    .accordion-button.flex-grow-1.text-start[b-6lt5woqcxt] {
        padding: 0.65rem 1rem !important;
    }
}

/* Container inside accordion-button: must fill the button's flex width
   and zero Bootstrap's default horizontal padding to match header offset */
.accordion-button .container-fluid[b-6lt5woqcxt] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
}

/* Hide Bootstrap's chevron caret — it takes 1.25rem of flex space
   and shifts columns right of column-1 away from their header positions */
.accordion-button.flex-grow-1.text-start[b-6lt5woqcxt]::after,
.accordion-button.flex-grow-1.text-start.collapsed[b-6lt5woqcxt]::after {
    display: none !important;
}

/* Data columns: always left-aligned */
.accordion-button .col-12[b-6lt5woqcxt] {
    text-align: left;
}

.adminCentralCard[b-6lt5woqcxt] {
    background-color: #ffffff;
}

.adminCentralCardFooter[b-6lt5woqcxt] {
    background-color: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* ─── Footer: 3-column grid — left spacer | centred button | right spacer ──── */

.user-card-footer[b-6lt5woqcxt] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
}

.user-card-footer-left[b-6lt5woqcxt],
.user-card-footer-right[b-6lt5woqcxt] {
    display: flex;
    align-items: center;
}

.user-card-footer-right[b-6lt5woqcxt] {
    justify-content: flex-end;
}

.user-card-footer-center[b-6lt5woqcxt] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ─── Manage User pill button ─────────────────────────────────────────────── */

[b-6lt5woqcxt] .manage-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-width: 180px;
    padding: 0.6rem 1.25rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.88rem;
    letter-spacing: 0.03em;
    line-height: 1;
    background-color: var(--mj-col-teal);
    color: #ffffff;
    border: none;
    box-shadow: 0 2px 10px rgba(41, 142, 165, 0.28);
    transition: transform 0.18s ease, box-shadow 0.22s ease, background-color 0.2s ease;
}

    [b-6lt5woqcxt] .manage-link:hover {
        background-color: #217a8e;
        color: #ffffff;
        text-decoration: none;
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(41, 142, 165, 0.38);
    }

    [b-6lt5woqcxt] .manage-link:focus,
    [b-6lt5woqcxt] .manage-link:focus-visible {
        outline: none;
        color: #ffffff;
        text-decoration: none;
        box-shadow: 0 0 0 0.25rem rgba(41, 142, 165, 0.3);
    }

    [b-6lt5woqcxt] .manage-link:active,
    [b-6lt5woqcxt] .manage-link:visited {
        text-decoration: none;
        color: #ffffff;
    }

[b-6lt5woqcxt] .manage-link-icon {
    font-size: 1.1rem;
    line-height: 1;
}

[b-6lt5woqcxt] .manage-link-text {
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .user-card-footer[b-6lt5woqcxt] {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .user-card-footer-left[b-6lt5woqcxt],
    .user-card-footer-center[b-6lt5woqcxt],
    .user-card-footer-right[b-6lt5woqcxt] {
        justify-content: center;
    }

    [b-6lt5woqcxt] .manage-link {
        width: 100%;
        max-width: 320px;
    }
}

.custom-dropdown-menu[b-6lt5woqcxt] {
    width: 250px;
    max-height: 100px;
    overflow-y: scroll;
}

.accordion-button[b-6lt5woqcxt] {
    border: none;
    box-shadow: none;
}

    .accordion-button:focus[b-6lt5woqcxt] {
        box-shadow: none;
        outline: none;
    }

    .accordion-button[aria-expanded="true"][b-6lt5woqcxt] {
        background-color: rgba(41, 142, 165, 0.05);
        color: var(--mj-col-charcoal);
        border: none;
        border-left: 3px solid var(--mj-col-teal);
    }

/* ─── Delete icon button ─────────────────────────────────────────────────── */

.card-delete-btn[b-6lt5woqcxt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    border: 1.5px solid rgba(211, 76, 65, 0.35);
    background: transparent;
    color: var(--mj-col-coral);
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease;
}

    .card-delete-btn:hover[b-6lt5woqcxt] {
        background-color: var(--mj-col-coral);
        border-color: var(--mj-col-coral);
        color: #ffffff;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(211, 76, 65, 0.3);
    }

    .card-delete-btn:focus[b-6lt5woqcxt],
    .card-delete-btn:focus-visible[b-6lt5woqcxt] {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(211, 76, 65, 0.25);
    }

    .card-delete-btn:active[b-6lt5woqcxt] {
        transform: translateY(0);
        box-shadow: none;
    }
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Dashboard/CreateBIDashboard.razor.rz.scp.css */
/* ─── Shell ──────────────────────────────────────────────────────────────── */
.container-fluid[b-znm3qdlepc] {
    padding: 1.25rem !important;
}

.create-dashboard-form-shell[b-znm3qdlepc] {
    max-width: 1280px;
    padding: 0 1.25rem 1.25rem;
}

.validation-summary-shell[b-znm3qdlepc] {
    margin-bottom: 1rem;
}

    .validation-summary-shell:empty[b-znm3qdlepc] {
        display: none;
    }


/* ─── BI badge row ───────────────────────────────────────────────────────── */
.bi-badge-row[b-znm3qdlepc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.bi-scope-badge[b-znm3qdlepc] {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(90deg, rgba(41, 142, 165, 0.15) 0%, rgba(41, 142, 165, 0.06) 100%);
    border: 1px solid rgba(41, 142, 165, 0.35);
    color: var(--mj-col-teal, #298ea5);
    font-weight: 700;
    font-size: 0.88rem;
    border-radius: 999px;
    padding: 0.3rem 0.85rem;
    letter-spacing: 0.01rem;
    white-space: nowrap;
}

.bi-scope-badge-sub[b-znm3qdlepc] {
    color: #6c7883;
    font-size: 0.85rem;
    line-height: 1.35;
}


/* ─── Restricted-access notice ───────────────────────────────────────────── */
.bi-restricted-notice[b-znm3qdlepc] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 1.5rem 1.75rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #fff8e1 0%, #fffde7 100%);
    border-color: #f9a825;
}

.bi-restricted-icon[b-znm3qdlepc] {
    font-size: 2.25rem;
    color: #f57f17;
    flex-shrink: 0;
    line-height: 1;
    margin-top: 0.1rem;
}

.bi-restricted-body[b-znm3qdlepc] {
    display: flex;
    flex-direction: column;
}

.bi-restricted-title[b-znm3qdlepc] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #5d3a00;
    margin-bottom: 0.4rem;
}

.bi-restricted-text[b-znm3qdlepc] {
    color: #6d4c00;
    font-size: 0.95rem;
    line-height: 1.5;
}


/* ─── Breadcrumb ─────────────────────────────────────────────────────────── */
.dashboards-breadcrumb-nav[b-znm3qdlepc] {
    padding: 0.15rem 0.1rem;
}

[b-znm3qdlepc] .dashboards-breadcrumb-nav .breadcrumb-item a {
    text-decoration: none;
}

    [b-znm3qdlepc] .dashboards-breadcrumb-nav .breadcrumb-item a:hover {
        text-decoration: underline;
    }


/* ─── Form sections ──────────────────────────────────────────────────────── */
.admin-form-section[b-znm3qdlepc] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid #d9dee3;
    border-radius: 14px;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.admin-form-section-header[b-znm3qdlepc] {
    padding: 1rem 1.25rem;
    background: linear-gradient(90deg, var(--mj-col-soft-teal) 0%, #f7fbfc 100%);
    border-bottom: 1px solid #dde3e8;
}

.admin-form-section-title[b-znm3qdlepc] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    letter-spacing: 0.02rem;
}

.admin-form-section-subtitle[b-znm3qdlepc] {
    color: #5f6b76;
    font-size: 0.95rem;
}

.admin-form-section-body[b-znm3qdlepc] {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
}


/* ─── Client context panel ───────────────────────────────────────────────── */
.client-context-panel[b-znm3qdlepc] {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfc 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.context-metric-card[b-znm3qdlepc] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .context-metric-card:hover[b-znm3qdlepc] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.context-metric-label[b-znm3qdlepc] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #6c7883;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    margin-bottom: 0.3rem;
}

.context-metric-value[b-znm3qdlepc] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    line-height: 1.3;
    word-break: break-word;
}

.bi-type-value[b-znm3qdlepc] {
    color: var(--mj-col-teal, #298ea5);
}

/* BI-specific context banner */
.context-banner[b-znm3qdlepc] {
    border-radius: 10px;
    padding: 0.85rem 1rem;
    border: 1px solid transparent;
    margin-top: 1rem;
}

.context-banner-bi[b-znm3qdlepc] {
    background: linear-gradient(90deg, rgba(41, 142, 165, 0.09) 0%, rgba(41, 142, 165, 0.03) 100%);
    border-color: rgba(41, 142, 165, 0.28);
}

.context-banner-title[b-znm3qdlepc] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.2rem;
}

.context-banner-text[b-znm3qdlepc] {
    color: #5f6b76;
    font-size: 0.92rem;
    line-height: 1.4;
}


/* ─── Form field cards ───────────────────────────────────────────────────── */
.form-field-card[b-znm3qdlepc] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    height: 100%;
}

    .form-field-card:hover[b-znm3qdlepc] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.form-field-header[b-znm3qdlepc] {
    margin-bottom: 0.75rem;
}

.admin-field-label[b-znm3qdlepc] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.15rem;
}

.admin-field-hint[b-znm3qdlepc] {
    font-size: 0.88rem;
    color: #6c7883;
    line-height: 1.35;
}

.admin-create-dashboard-form[b-znm3qdlepc] {
    min-height: 44px;
    border-radius: 10px;
}

    .admin-create-dashboard-form:focus[b-znm3qdlepc] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.15);
    }

.dashboard-description-box[b-znm3qdlepc] {
    min-height: 120px;
    resize: vertical;
}

.readonly-field[b-znm3qdlepc] {
    background-color: #f5f7f9;
    color: #5f6b76;
    opacity: 1;
}


/* ─── Assignment summary ─────────────────────────────────────────────────── */
.configuration-summary-panel[b-znm3qdlepc] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafb 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.configuration-summary-header[b-znm3qdlepc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.configuration-summary-title[b-znm3qdlepc] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
}

.configuration-summary-body[b-znm3qdlepc] {
    color: #5f6b76;
    line-height: 1.45;
}


/* ─── Action area ────────────────────────────────────────────────────────── */
.dashboard-action-grid[b-znm3qdlepc] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dashboard-action-btn[b-znm3qdlepc] {
    min-width: 180px;
}

.save-warning-shell[b-znm3qdlepc] {
    margin-bottom: 0.75rem;
    padding-left: 0.1rem;
}

.admin-form-actions[b-znm3qdlepc] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.25rem 0 0 0.1rem;
}


/* ─── Modals ─────────────────────────────────────────────────────────────── */
:deep(.modal-content)[b-znm3qdlepc] {
    border-radius: 14px;
    border: 1px solid #d9dee3;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.dashboard-modal-header[b-znm3qdlepc] {
    background: linear-gradient(90deg, var(--mj-col-soft-teal) 0%, #f7fbfc 100%);
    border-bottom: 1px solid #dde3e8;
    align-items: flex-start;
    padding: 1rem 1.25rem;
}

.dashboard-modal-subtitle[b-znm3qdlepc] {
    color: #5f6b76;
    font-size: 0.92rem;
    line-height: 1.4;
}

.dashboard-modal-footer[b-znm3qdlepc] {
    border-top: 1px solid #dde3e8;
    background: #fcfcfc;
    padding: 0.9rem 1.25rem;
}

.preview-alert-shell[b-znm3qdlepc] {
    margin-bottom: 1rem;
}

.preview-frame-shell[b-znm3qdlepc] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafb 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.preview-report-container[b-znm3qdlepc] {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e4e8ec;
}


/* ─── Pages modal ────────────────────────────────────────────────────────── */
.pages-modal-header-shell[b-znm3qdlepc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
    flex-wrap: wrap;
}

.assignment-toolbar[b-znm3qdlepc] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.assignment-card[b-znm3qdlepc] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    overflow: hidden;
}

.assignment-card-header[b-znm3qdlepc] {
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #dde3e8;
    background: #f8fafb;
}

.assignment-card-title-wrap[b-znm3qdlepc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.assignment-card-title[b-znm3qdlepc] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--mj-col-charcoal);
}

.assignment-card-body[b-znm3qdlepc] {
    padding: 0;
    min-height: 320px;
    background: #fff;
}

.assignment-list[b-znm3qdlepc] {
    margin-bottom: 0;
}

.assignment-list-item[b-znm3qdlepc] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    border: 0;
    border-bottom: 1px solid #eef1f4;
}

    .assignment-list-item:last-child[b-znm3qdlepc] {
        border-bottom: 0;
    }

.assignment-icon-btn[b-znm3qdlepc] {
    border: 0;
    background: transparent;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .assignment-icon-btn:hover[b-znm3qdlepc] {
        transform: translateY(-1px);
    }

.assignment-icon-btn-add[b-znm3qdlepc] {
    color: #198754;
}

    .assignment-icon-btn-add:hover[b-znm3qdlepc] {
        background: rgba(25, 135, 84, 0.10);
    }

.assignment-icon-btn-remove[b-znm3qdlepc] {
    color: #dc3545;
}

    .assignment-icon-btn-remove:hover[b-znm3qdlepc] {
        background: rgba(220, 53, 69, 0.10);
    }

.assignment-page-name[b-znm3qdlepc] {
    color: var(--mj-col-charcoal);
    font-weight: 600;
    word-break: break-word;
    line-height: 1.35;
}

.empty-state-panel[b-znm3qdlepc] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    padding: 1.25rem;
    text-align: center;
    color: #5f6b76;
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
}

.empty-state-panel-danger[b-znm3qdlepc] {
    color: #842029;
    background: rgba(248, 215, 218, 0.45);
}


/* ─── Toast links ────────────────────────────────────────────────────────── */
:deep(.toast-body a)[b-znm3qdlepc] {
    color: #fff;
    text-decoration: underline;
}

:deep(.toast-body a:hover)[b-znm3qdlepc] {
    color: #fff;
    opacity: 0.9;
}


/* ─── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 991.98px) {

    .assignment-card-body[b-znm3qdlepc],
    .empty-state-panel[b-znm3qdlepc] {
        min-height: 220px;
    }
}

@media (max-width: 767.98px) {

    .admin-form-section-header[b-znm3qdlepc],
    .admin-form-section-body[b-znm3qdlepc],
    .dashboard-modal-header[b-znm3qdlepc],
    .dashboard-modal-footer[b-znm3qdlepc] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .configuration-summary-header[b-znm3qdlepc],
    .admin-form-actions[b-znm3qdlepc],
    .dashboard-action-grid[b-znm3qdlepc],
    .assignment-toolbar[b-znm3qdlepc],
    .pages-modal-header-shell[b-znm3qdlepc] {
        flex-direction: column;
        align-items: stretch;
    }

        .admin-form-actions .btn[b-znm3qdlepc],
        .dashboard-action-grid .btn[b-znm3qdlepc],
        .assignment-toolbar .btn[b-znm3qdlepc] {
            width: 100%;
        }

    .assignment-card-title-wrap[b-znm3qdlepc] {
        align-items: flex-start;
        flex-direction: row;
    }

    .bi-badge-row[b-znm3qdlepc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
    }

    .bi-restricted-notice[b-znm3qdlepc] {
        flex-direction: column;
        gap: 0.75rem;
    }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Dashboard/CreateDashboard.razor.rz.scp.css */
.container-fluid[b-iu4xjx7k2a] {
    padding: 1.25rem !important;
}

.create-dashboard-form-shell[b-iu4xjx7k2a] {
    max-width: 1280px;
    padding: 0 1.25rem 1.25rem;
}

.validation-summary-shell[b-iu4xjx7k2a] {
    margin-bottom: 1rem;
}

    .validation-summary-shell:empty[b-iu4xjx7k2a] {
        display: none;
    }


.dashboards-breadcrumb-nav[b-iu4xjx7k2a] {
    padding: 0.15rem 0.1rem;
}

[b-iu4xjx7k2a] .dashboards-breadcrumb-nav .breadcrumb-item a {
    text-decoration: none;
}

    [b-iu4xjx7k2a] .dashboards-breadcrumb-nav .breadcrumb-item a:hover {
        text-decoration: underline;
    }

.admin-form-section[b-iu4xjx7k2a] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid #d9dee3;
    border-radius: 14px;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.admin-form-section-header[b-iu4xjx7k2a] {
    padding: 1rem 1.25rem;
    background: linear-gradient(90deg, var(--mj-col-soft-teal) 0%, #f7fbfc 100%);
    border-bottom: 1px solid #dde3e8;
}

.admin-form-section-title[b-iu4xjx7k2a] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    letter-spacing: 0.02rem;
}

.admin-form-section-subtitle[b-iu4xjx7k2a] {
    color: #5f6b76;
    font-size: 0.95rem;
}

.admin-form-section-body[b-iu4xjx7k2a] {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
}

.client-context-panel[b-iu4xjx7k2a] {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfc 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.context-metric-card[b-iu4xjx7k2a] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .context-metric-card:hover[b-iu4xjx7k2a] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.context-metric-label[b-iu4xjx7k2a] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #6c7883;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    margin-bottom: 0.3rem;
}

.context-metric-value[b-iu4xjx7k2a] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    line-height: 1.3;
    word-break: break-word;
}

.context-banner[b-iu4xjx7k2a] {
    border-radius: 10px;
    padding: 0.85rem 1rem;
    border: 1px solid transparent;
    margin-top: 1rem;
}

.context-banner-internal[b-iu4xjx7k2a] {
    background: rgba(41, 142, 165, 0.10);
    border-color: rgba(41, 142, 165, 0.25);
}

.context-banner-external[b-iu4xjx7k2a] {
    background: rgba(211, 76, 65, 0.08);
    border-color: rgba(211, 76, 65, 0.22);
}

.context-banner-title[b-iu4xjx7k2a] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.2rem;
}

.context-banner-text[b-iu4xjx7k2a] {
    color: #5f6b76;
    font-size: 0.92rem;
    line-height: 1.4;
}

.form-field-card[b-iu4xjx7k2a] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    height: 100%;
}

    .form-field-card:hover[b-iu4xjx7k2a] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.form-field-header[b-iu4xjx7k2a] {
    margin-bottom: 0.75rem;
}

.admin-field-label[b-iu4xjx7k2a] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.15rem;
}

.admin-field-hint[b-iu4xjx7k2a] {
    font-size: 0.88rem;
    color: #6c7883;
    line-height: 1.35;
}

.admin-create-dashboard-form[b-iu4xjx7k2a] {
    min-height: 44px;
    border-radius: 10px;
}

    .admin-create-dashboard-form:focus[b-iu4xjx7k2a] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.15);
    }

.dashboard-description-box[b-iu4xjx7k2a] {
    min-height: 120px;
    resize: vertical;
}

.readonly-field[b-iu4xjx7k2a] {
    background-color: #f5f7f9;
    color: #5f6b76;
    opacity: 1;
}

.configuration-summary-panel[b-iu4xjx7k2a] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafb 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.configuration-summary-header[b-iu4xjx7k2a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.configuration-summary-title[b-iu4xjx7k2a] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
}

.configuration-summary-body[b-iu4xjx7k2a] {
    color: #5f6b76;
    line-height: 1.45;
}

.dashboard-action-grid[b-iu4xjx7k2a] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dashboard-action-btn[b-iu4xjx7k2a] {
    min-width: 180px;
}

.save-warning-shell[b-iu4xjx7k2a] {
    margin-bottom: 0.75rem;
    padding-left: 0.1rem;
}

.admin-form-actions[b-iu4xjx7k2a] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.25rem 0 0 0.1rem;
}

/* Modal polish */
:deep(.modal-content)[b-iu4xjx7k2a] {
    border-radius: 14px;
    border: 1px solid #d9dee3;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.dashboard-modal-header[b-iu4xjx7k2a] {
    background: linear-gradient(90deg, var(--mj-col-soft-teal) 0%, #f7fbfc 100%);
    border-bottom: 1px solid #dde3e8;
    align-items: flex-start;
    padding: 1rem 1.25rem;
}

.dashboard-modal-subtitle[b-iu4xjx7k2a] {
    color: #5f6b76;
    font-size: 0.92rem;
    line-height: 1.4;
}

.dashboard-modal-footer[b-iu4xjx7k2a] {
    border-top: 1px solid #dde3e8;
    background: #fcfcfc;
    padding: 0.9rem 1.25rem;
}

.preview-alert-shell[b-iu4xjx7k2a] {
    margin-bottom: 1rem;
}

.preview-frame-shell[b-iu4xjx7k2a] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafb 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.preview-report-container[b-iu4xjx7k2a] {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e4e8ec;
}

/* Pages modal */
.pages-modal-header-shell[b-iu4xjx7k2a] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
    flex-wrap: wrap;
}

.assignment-toolbar[b-iu4xjx7k2a] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.assignment-card[b-iu4xjx7k2a] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    overflow: hidden;
}

.assignment-card-header[b-iu4xjx7k2a] {
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #dde3e8;
    background: #f8fafb;
}

.assignment-card-title-wrap[b-iu4xjx7k2a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.assignment-card-title[b-iu4xjx7k2a] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--mj-col-charcoal);
}

.assignment-card-body[b-iu4xjx7k2a] {
    padding: 0;
    min-height: 320px;
    background: #fff;
}

.assignment-list[b-iu4xjx7k2a] {
    margin-bottom: 0;
}

.assignment-list-item[b-iu4xjx7k2a] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    border: 0;
    border-bottom: 1px solid #eef1f4;
}

    .assignment-list-item:last-child[b-iu4xjx7k2a] {
        border-bottom: 0;
    }

.assignment-icon-btn[b-iu4xjx7k2a] {
    border: 0;
    background: transparent;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .assignment-icon-btn:hover[b-iu4xjx7k2a] {
        transform: translateY(-1px);
    }

.assignment-icon-btn-add[b-iu4xjx7k2a] {
    color: #198754;
}

    .assignment-icon-btn-add:hover[b-iu4xjx7k2a] {
        background: rgba(25, 135, 84, 0.10);
    }

.assignment-icon-btn-remove[b-iu4xjx7k2a] {
    color: #dc3545;
}

    .assignment-icon-btn-remove:hover[b-iu4xjx7k2a] {
        background: rgba(220, 53, 69, 0.10);
    }

.assignment-page-name[b-iu4xjx7k2a] {
    color: var(--mj-col-charcoal);
    font-weight: 600;
    word-break: break-word;
    line-height: 1.35;
}

.empty-state-panel[b-iu4xjx7k2a] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    padding: 1.25rem;
    text-align: center;
    color: #5f6b76;
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
}

.empty-state-panel-danger[b-iu4xjx7k2a] {
    color: #842029;
    background: rgba(248, 215, 218, 0.45);
}


:deep(.toast-body a)[b-iu4xjx7k2a] {
    color: #fff;
    text-decoration: underline;
}

:deep(.toast-body a:hover)[b-iu4xjx7k2a] {
    color: #fff;
    opacity: 0.9;
}

/* Responsive */
@media (max-width: 991.98px) {
    .assignment-card-body[b-iu4xjx7k2a],
    .empty-state-panel[b-iu4xjx7k2a] {
        min-height: 220px;
    }
}

@media (max-width: 767.98px) {
    .admin-form-section-header[b-iu4xjx7k2a],
    .admin-form-section-body[b-iu4xjx7k2a],
    .dashboard-modal-header[b-iu4xjx7k2a],
    .dashboard-modal-footer[b-iu4xjx7k2a] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .configuration-summary-header[b-iu4xjx7k2a],
    .admin-form-actions[b-iu4xjx7k2a],
    .dashboard-action-grid[b-iu4xjx7k2a],
    .assignment-toolbar[b-iu4xjx7k2a],
    .pages-modal-header-shell[b-iu4xjx7k2a] {
        flex-direction: column;
        align-items: stretch;
    }

        .admin-form-actions .btn[b-iu4xjx7k2a],
        .dashboard-action-grid .btn[b-iu4xjx7k2a],
        .assignment-toolbar .btn[b-iu4xjx7k2a] {
            width: 100%;
        }

    .assignment-card-title-wrap[b-iu4xjx7k2a] {
        align-items: flex-start;
    }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Dashboard/EditDashboard.razor.rz.scp.css */
/* ─── Page container — uniform inset matching the list pages ─────────────── */
.container-fluid[b-gqrdrjf6ed] {
    padding: 1.25rem !important;
}

.edit-dashboard-form-shell[b-gqrdrjf6ed] {
    max-width: 1280px;
    padding: 0 1.25rem 1.25rem;
}

.validation-summary-shell[b-gqrdrjf6ed] {
    margin-bottom: 1rem;
}

    .validation-summary-shell:empty[b-gqrdrjf6ed] {
        display: none;
    }

.dashboards-breadcrumb-nav[b-gqrdrjf6ed] {
    padding: 0.15rem 0.1rem;
}

[b-gqrdrjf6ed] .dashboards-breadcrumb-nav .breadcrumb-item a {
    text-decoration: none;
}

    [b-gqrdrjf6ed] .dashboards-breadcrumb-nav .breadcrumb-item a:hover {
        text-decoration: underline;
    }

.admin-form-section[b-gqrdrjf6ed] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid #d9dee3;
    border-radius: 14px;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.admin-form-section-header[b-gqrdrjf6ed] {
    padding: 1rem 1.25rem;
    background: linear-gradient(90deg, var(--mj-col-soft-teal) 0%, #f7fbfc 100%);
    border-bottom: 1px solid #dde3e8;
}

.admin-form-section-title[b-gqrdrjf6ed] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    letter-spacing: 0.02rem;
}

.admin-form-section-subtitle[b-gqrdrjf6ed] {
    color: #5f6b76;
    font-size: 0.95rem;
}

.admin-form-section-body[b-gqrdrjf6ed] {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
}

.client-context-panel[b-gqrdrjf6ed] {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfc 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.context-metric-card[b-gqrdrjf6ed] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .context-metric-card:hover[b-gqrdrjf6ed] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.context-metric-label[b-gqrdrjf6ed] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #6c7883;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    margin-bottom: 0.3rem;
}

.context-metric-value[b-gqrdrjf6ed] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    line-height: 1.3;
    word-break: break-word;
}

.context-banner[b-gqrdrjf6ed] {
    border-radius: 10px;
    padding: 0.85rem 1rem;
    border: 1px solid transparent;
    margin-top: 1rem;
}

.context-banner-internal[b-gqrdrjf6ed] {
    background: rgba(41, 142, 165, 0.10);
    border-color: rgba(41, 142, 165, 0.25);
}

.context-banner-external[b-gqrdrjf6ed] {
    background: rgba(211, 76, 65, 0.08);
    border-color: rgba(211, 76, 65, 0.22);
}

.context-banner-title[b-gqrdrjf6ed] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.2rem;
}

.context-banner-text[b-gqrdrjf6ed] {
    color: #5f6b76;
    font-size: 0.92rem;
    line-height: 1.4;
}

.form-field-card[b-gqrdrjf6ed] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    height: 100%;
}

    .form-field-card:hover[b-gqrdrjf6ed] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.form-field-header[b-gqrdrjf6ed] {
    margin-bottom: 0.75rem;
}

.admin-field-label[b-gqrdrjf6ed] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.15rem;
}

.admin-field-hint[b-gqrdrjf6ed] {
    font-size: 0.88rem;
    color: #6c7883;
    line-height: 1.35;
}

.admin-create-dashboard-form[b-gqrdrjf6ed] {
    min-height: 44px;
    border-radius: 10px;
}

    .admin-create-dashboard-form:focus[b-gqrdrjf6ed] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.15);
    }

.dashboard-description-box[b-gqrdrjf6ed] {
    min-height: 120px;
    resize: vertical;
}

.readonly-field[b-gqrdrjf6ed] {
    background-color: #f5f7f9;
    color: #5f6b76;
    opacity: 1;
}

.configuration-summary-panel[b-gqrdrjf6ed] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafb 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.configuration-summary-header[b-gqrdrjf6ed] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.configuration-summary-title[b-gqrdrjf6ed] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
}

.configuration-summary-body[b-gqrdrjf6ed] {
    color: #5f6b76;
    line-height: 1.45;
}

.dashboard-action-grid[b-gqrdrjf6ed] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dashboard-action-btn[b-gqrdrjf6ed] {
    min-width: 180px;
}

.save-warning-shell[b-gqrdrjf6ed] {
    margin-bottom: 0.75rem;
    padding-left: 0.1rem;
}

.admin-form-actions[b-gqrdrjf6ed] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.25rem 0 0 0.1rem;
}

/* Modal polish */
:deep(.modal-content)[b-gqrdrjf6ed] {
    border-radius: 14px;
    border: 1px solid #d9dee3;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.dashboard-modal-header[b-gqrdrjf6ed] {
    background: linear-gradient(90deg, var(--mj-col-soft-teal) 0%, #f7fbfc 100%);
    border-bottom: 1px solid #dde3e8;
    align-items: flex-start;
    padding: 1rem 1.25rem;
}

.dashboard-modal-subtitle[b-gqrdrjf6ed] {
    color: #5f6b76;
    font-size: 0.92rem;
    line-height: 1.4;
}

.dashboard-modal-footer[b-gqrdrjf6ed] {
    border-top: 1px solid #dde3e8;
    background: #fcfcfc;
    padding: 0.9rem 1.25rem;
}

.preview-alert-shell[b-gqrdrjf6ed] {
    margin-bottom: 1rem;
}

.preview-frame-shell[b-gqrdrjf6ed] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafb 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.preview-report-container[b-gqrdrjf6ed] {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e4e8ec;
}

/* Pages modal */
.pages-modal-header-shell[b-gqrdrjf6ed] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
    flex-wrap: wrap;
}

.assignment-toolbar[b-gqrdrjf6ed] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.assignment-card[b-gqrdrjf6ed] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    overflow: hidden;
}

.assignment-card-header[b-gqrdrjf6ed] {
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #dde3e8;
    background: #f8fafb;
}

.assignment-card-title-wrap[b-gqrdrjf6ed] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.assignment-card-title[b-gqrdrjf6ed] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--mj-col-charcoal);
}

.assignment-card-body[b-gqrdrjf6ed] {
    padding: 0;
    min-height: 320px;
    background: #fff;
}

.assignment-list[b-gqrdrjf6ed] {
    margin-bottom: 0;
}

.assignment-list-item[b-gqrdrjf6ed] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    border: 0;
    border-bottom: 1px solid #eef1f4;
}

    .assignment-list-item:last-child[b-gqrdrjf6ed] {
        border-bottom: 0;
    }

.assignment-icon-btn[b-gqrdrjf6ed] {
    border: 0;
    background: transparent;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .assignment-icon-btn:hover[b-gqrdrjf6ed] {
        transform: translateY(-1px);
    }

.assignment-icon-btn-add[b-gqrdrjf6ed] {
    color: #198754;
}

    .assignment-icon-btn-add:hover[b-gqrdrjf6ed] {
        background: rgba(25, 135, 84, 0.10);
    }

.assignment-icon-btn-remove[b-gqrdrjf6ed] {
    color: #dc3545;
}

    .assignment-icon-btn-remove:hover[b-gqrdrjf6ed] {
        background: rgba(220, 53, 69, 0.10);
    }

.assignment-page-name[b-gqrdrjf6ed] {
    color: var(--mj-col-charcoal);
    font-weight: 600;
    word-break: break-word;
    line-height: 1.35;
}

.empty-state-panel[b-gqrdrjf6ed] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    padding: 1.25rem;
    text-align: center;
    color: #5f6b76;
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
}

.empty-state-panel-danger[b-gqrdrjf6ed] {
    color: #842029;
    background: rgba(248, 215, 218, 0.45);
}

:deep(.toast-body a)[b-gqrdrjf6ed] {
    color: #fff;
    text-decoration: underline;
}

:deep(.toast-body a:hover)[b-gqrdrjf6ed] {
    color: #fff;
    opacity: 0.9;
}

/* Responsive */
@media (max-width: 991.98px) {
    .assignment-card-body[b-gqrdrjf6ed],
    .empty-state-panel[b-gqrdrjf6ed] {
        min-height: 220px;
    }
}

@media (max-width: 767.98px) {
    .admin-form-section-header[b-gqrdrjf6ed],
    .admin-form-section-body[b-gqrdrjf6ed],
    .dashboard-modal-header[b-gqrdrjf6ed],
    .dashboard-modal-footer[b-gqrdrjf6ed] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .configuration-summary-header[b-gqrdrjf6ed],
    .admin-form-actions[b-gqrdrjf6ed],
    .dashboard-action-grid[b-gqrdrjf6ed],
    .assignment-toolbar[b-gqrdrjf6ed],
    .pages-modal-header-shell[b-gqrdrjf6ed] {
        flex-direction: column;
        align-items: stretch;
    }

        .admin-form-actions .btn[b-gqrdrjf6ed],
        .dashboard-action-grid .btn[b-gqrdrjf6ed],
        .assignment-toolbar .btn[b-gqrdrjf6ed] {
            width: 100%;
        }

    .assignment-card-title-wrap[b-gqrdrjf6ed] {
        align-items: flex-start;
    }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Dashboard/ViewDashboards.razor.rz.scp.css */
.view-dashboards-page[b-ozx8pib5gx] {
    background-color: transparent;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

/* ─── Pager bar ──────────────────────────────────────────────────────────── */

.pager-bar[b-ozx8pib5gx] {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0 0.25rem;
}

/* ─── Page header toolbar ────────────────────────────────────────────────── */

.page-toolbar[b-ozx8pib5gx] {
    background: #ffffff;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
    padding: 0;
    margin-bottom: 1.25rem;
    align-items: center;
}

.page-toolbar > [class*="col"][b-ozx8pib5gx] {
    padding: 0.75rem 0.75rem;
    margin-top: 0 !important;
}

/* Search input */
[b-ozx8pib5gx] .form-control {
    border: 1.5px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 0 !important;
    padding: 0.3rem 2.4rem 0.3rem 0.85rem !important;
    background-color: #f8f9fa !important;
    color: var(--mj-col-charcoal);
    font-size: 0.88rem;
    box-shadow: none !important;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

[b-ozx8pib5gx] .form-control:focus {
    border-color: var(--mj-col-raspberry) !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 0.15rem rgba(153, 53, 102, 0.15) !important;
    outline: none;
}

[b-ozx8pib5gx] .form-control::placeholder {
    color: #adb5bd;
    font-style: normal;
}

/* ── Create New dropdown trigger ───────────────────────────────────────── */
.create-new-dropdown[b-ozx8pib5gx] {
    min-width: 148px;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 3px !important;
    padding: 0.3rem 1.1rem;
    font-size: 0.88rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background-color: var(--mj-col-raspberry) !important;
    border-color: var(--mj-col-raspberry) !important;
    color: #ffffff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
    transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

    .create-new-dropdown:hover[b-ozx8pib5gx],
    .create-new-dropdown:focus[b-ozx8pib5gx],
    .create-new-dropdown.show[b-ozx8pib5gx] {
        background-color: #7d2b54 !important;
        border-color: #7d2b54 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;
    }

    .create-new-dropdown[b-ozx8pib5gx]::after {
        margin-left: 0.55em;
        vertical-align: 0.18em;
        opacity: 0.85;
    }

/* ── Dropdown panel ─────────────────────────────────────────────────────── */
.create-new-dropdown-menu[b-ozx8pib5gx] {
    min-width: 240px;
    padding: 0.45rem 0;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 4px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.13), 0 1px 4px rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
}

/* ── Shared item layout ─────────────────────────────────────────────────── */
.create-new-item[b-ozx8pib5gx] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.6rem 1rem;
    transition: background-color 0.14s ease;
}

    .create-new-item:active[b-ozx8pib5gx] {
        background-color: transparent;
    }

.create-new-item-icon[b-ozx8pib5gx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 6px;
    flex-shrink: 0;
    font-size: 1.05rem;
    transition: background-color 0.14s ease;
}

.create-new-item-body[b-ozx8pib5gx] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    line-height: 1;
}

.create-new-item-label[b-ozx8pib5gx] {
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.create-new-item-sub[b-ozx8pib5gx] {
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    opacity: 0.68;
}

/* ── Analytics item ─────────────────────────────────────────────────────── */
.create-new-item--analytics .create-new-item-icon[b-ozx8pib5gx] {
    background-color: rgba(41, 142, 165, 0.12);
    color: var(--mj-col-teal, #298ea5);
}

.create-new-item--analytics .create-new-item-label[b-ozx8pib5gx] {
    color: var(--mj-col-teal, #298ea5);
}

.create-new-item--analytics .create-new-item-sub[b-ozx8pib5gx] {
    color: #374151;
}

.create-new-item--analytics:hover[b-ozx8pib5gx] {
    background-color: rgba(41, 142, 165, 0.07);
}

    .create-new-item--analytics:hover .create-new-item-icon[b-ozx8pib5gx] {
        background-color: rgba(41, 142, 165, 0.18);
    }

/* ── Business Intelligence item ─────────────────────────────────────────── */
.create-new-item--bi .create-new-item-icon[b-ozx8pib5gx] {
    background-color: #fef3c7;
    color: #d97706;
}

.create-new-item--bi .create-new-item-label[b-ozx8pib5gx] {
    color: #92400e;
}

.create-new-item--bi .create-new-item-sub[b-ozx8pib5gx] {
    color: #374151;
}

.create-new-item--bi:hover[b-ozx8pib5gx] {
    background-color: #fffbeb;
}

    .create-new-item--bi:hover .create-new-item-icon[b-ozx8pib5gx] {
        background-color: #fde68a;
    }

/* ── Disabled item (wrong type for this client) ─────────────────────────── */
.create-new-item.disabled[b-ozx8pib5gx] {
    cursor: not-allowed;
    opacity: 0.42;
    pointer-events: none;
}

.create-new-item.disabled .create-new-item-icon[b-ozx8pib5gx] {
    background-color: rgba(156, 163, 175, 0.15);
    color: #9ca3af;
}

.create-new-item.disabled .create-new-item-label[b-ozx8pib5gx] {
    color: #9ca3af;
}

.create-new-item.disabled .create-new-item-sub[b-ozx8pib5gx] {
    color: #9ca3af;
}

/* ── Divider ────────────────────────────────────────────────────────────── */
.create-new-divider[b-ozx8pib5gx] {
    margin: 0.3rem 1rem;
    border-color: rgba(0, 0, 0, 0.07);
}

/* Zero Bootstrap's negative row margins + col gutter so accordion aligns flush */
.view-dashboards-page > .row:not(.page-toolbar)[b-ozx8pib5gx] {
    margin-left: 0;
    margin-right: 0;
}

.view-dashboards-page > .row:not(.page-toolbar) > .col-12[b-ozx8pib5gx] {
    padding-left: 0;
    padding-right: 0;
}

/* ─── Table / list shell ─────────────────────────────────────────────────── */

.dashboards-accordion[b-ozx8pib5gx] {
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04);
    border: none;
}

.dashboards-list-header-card[b-ozx8pib5gx] {
    border: none;
    margin-bottom: 0;
    background: #ffffff;
    border-bottom: 2px solid var(--mj-col-teal);
}

.dashboards-list-header[b-ozx8pib5gx] {
    min-height: 52px;
    background-color: #ffffff;
    color: var(--mj-col-charcoal);
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

@media (min-width: 768px) {
    .dashboards-list-header[b-ozx8pib5gx] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

.showDashboardHeader[b-ozx8pib5gx] {
    display: flex;
    align-items: center;
}

.col-header-label[b-ozx8pib5gx] {
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6c757d;
    padding: 0.35rem 0;
    white-space: nowrap;
}

/* ─── Sort header buttons ────────────────────────────────────────────────── */

.sort-header-btn[b-ozx8pib5gx] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.6rem 0.35rem 0;
    border: none;
    background: transparent;
    color: #6c757d;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-radius: 0.5rem;
    transition: background-color 0.18s ease, color 0.18s ease;
}

    .sort-header-btn:hover[b-ozx8pib5gx] {
        background-color: rgba(41, 142, 165, 0.1);
        color: var(--mj-col-teal);
    }

    .sort-header-btn:focus[b-ozx8pib5gx],
    .sort-header-btn:focus-visible[b-ozx8pib5gx] {
        outline: none;
        color: var(--mj-col-teal);
        background-color: rgba(41, 142, 165, 0.1);
        box-shadow: 0 0 0 0.18rem rgba(41, 142, 165, 0.2);
    }

.sort-header-btn-active[b-ozx8pib5gx] {
    background-color: rgba(41, 142, 165, 0.12);
    color: var(--mj-col-teal);
    box-shadow: inset 0 0 0 1px rgba(41, 142, 165, 0.25);
}

.sort-header-label[b-ozx8pib5gx] {
    white-space: nowrap;
    letter-spacing: 0.08em;
}

.sort-priority-badge[b-ozx8pib5gx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 800;
    background-color: var(--mj-col-teal);
    color: #ffffff;
    line-height: 1;
}

.sort-header-icon[b-ozx8pib5gx] {
    font-size: 0.9rem;
    line-height: 1;
    color: var(--mj-col-teal);
    opacity: 0.7;
}

/* ─── Sort hint bar ──────────────────────────────────────────────────────── */

.sort-hint-row[b-ozx8pib5gx] {
    background-color: #f8f9fa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sort-hint-text[b-ozx8pib5gx] {
    color: #6c757d;
    font-size: 0.78rem;
}

/* ─── Empty state ────────────────────────────────────────────────────────── */

.empty-state-panel[b-ozx8pib5gx] {
    margin-top: 0.75rem;
    padding: 2.5rem 1.5rem;
    border: 1.5px dashed rgba(41, 142, 165, 0.22);
    border-radius: 1rem;
    background-color: rgba(41, 142, 165, 0.025);
    text-align: center;
    color: var(--mj-col-charcoal);
}

.empty-state-icon[b-ozx8pib5gx] {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0.75rem;
    color: var(--mj-col-teal);
    opacity: 0.55;
}

.empty-state-title[b-ozx8pib5gx] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.35rem;
    color: var(--mj-col-charcoal);
}

.empty-state-text[b-ozx8pib5gx] {
    color: #6c757d;
    font-size: 0.88rem;
}

@media (min-width: 768px) {
    .page-toolbar > .col-12.col-xl-auto[b-ozx8pib5gx] {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    .page-toolbar > .col-12.col-xl[b-ozx8pib5gx] {
        flex: 1 1 0% !important;
        width: auto !important;
        max-width: none !important;
    }

    .page-toolbar > .col-12.col-xl-auto:last-child[b-ozx8pib5gx] {
        margin-left: 0;
        display: flex;
        justify-content: flex-end;
    }
}

@media (max-width: 767.98px) {
    .page-toolbar[b-ozx8pib5gx] {
        align-items: stretch;
    }

    .create-dashboard-btn-group[b-ozx8pib5gx] {
        width: 100%;
    }

    .create-dashboard-btn[b-ozx8pib5gx],
    .create-bi-dashboard-btn[b-ozx8pib5gx] {
        flex: 1 1 0%;
        min-width: 0;
        width: auto;
    }
}

@media (max-width: 767.98px) {
    .dashboards-list-header[b-ozx8pib5gx] {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .showDashboardHeader[b-ozx8pib5gx] {
        justify-content: flex-start;
        flex: unset !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/FeatureFileUpload.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   Upload Dashboards — Scoped Styles
   ═══════════════════════════════════════════════════ */

.upload-shell[b-0hpz85ak03] {
    max-width: 1440px;
    padding: 1.5rem 2rem 2rem;
    background-color: var(--global-white-bg);
    min-height: 100%;
}

/* ── Header ────────────────────────────────────────── */

.upload-header[b-0hpz85ak03] {
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--mj-col-soft-teal);
    margin-bottom: 1.25rem;
}

.upload-subtitle[b-0hpz85ak03] {
    color: var(--mj-col-teal);
    font-size: 0.95rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin: 0.35rem 0 0;
}

/* ── Controls Panel ────────────────────────────────── */

.upload-controls-panel[b-0hpz85ak03] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 0.75rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}

.upload-controls-row[b-0hpz85ak03] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.upload-file-group[b-0hpz85ak03] {
    flex: 1 1 320px;
    min-width: 0;
}

.upload-switch-group[b-0hpz85ak03] {
    flex: 0 0 auto;
    padding-top: 0.1rem;
}

.upload-field-label[b-0hpz85ak03] {
    display: block;
    font-size: 0.82rem;
    font-weight: 700;
    color: #6c7883;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    margin-bottom: 0.4rem;
}

[b-0hpz85ak03] .upload-file-input {
    border-radius: 10px;
    min-height: 44px;
}

    [b-0hpz85ak03] .upload-file-input:focus {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.15);
    }

.upload-switch[b-0hpz85ak03] {
    margin-top: 0.35rem;
}

    [b-0hpz85ak03] .upload-switch .form-check-input:checked {
        background-color: var(--mj-col-teal);
        border-color: var(--mj-col-teal);
    }

/* ── Schema Details ────────────────────────────────── */

.upload-schema-details[b-0hpz85ak03] {
    margin-top: 1rem;
    border-top: 1px solid #f0f0f0;
    padding-top: 0.75rem;
}

.upload-schema-summary[b-0hpz85ak03] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--mj-col-teal);
    cursor: pointer;
    user-select: none;
    list-style: none;
}

    .upload-schema-summary[b-0hpz85ak03]::-webkit-details-marker {
        display: none;
    }

    .upload-schema-summary[b-0hpz85ak03]::before {
        content: "▸ ";
    }

    .upload-schema-details[open] > .upload-schema-summary[b-0hpz85ak03]::before {
        content: "▾ ";
    }

.upload-schema-body[b-0hpz85ak03] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding-top: 0.65rem;
}

.upload-schema-col[b-0hpz85ak03] {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 1rem;
    background-color: #eee;
    color: #666;
    letter-spacing: 0.02em;
}

.upload-schema-col-accent[b-0hpz85ak03] {
    background-color: var(--mj-col-soft-teal);
    color: var(--mj-col-teal);
}

/* ── Spinner ───────────────────────────────────────── */

.upload-spinner-shell[b-0hpz85ak03] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 2rem 0;
}

.upload-spinner-text[b-0hpz85ak03] {
    color: #6c7883;
    font-size: 0.92rem;
    font-weight: 500;
}

/* ── Summary Badges ────────────────────────────────── */

.upload-summary-bar[b-0hpz85ak03] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.upload-summary-badge[b-0hpz85ak03] {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.3rem 0.75rem;
    border-radius: 1rem;
    letter-spacing: 0.02em;
}

.upload-badge-total[b-0hpz85ak03] {
    background-color: rgba(58, 56, 52, 0.1);
    color: var(--mj-col-charcoal);
}

.upload-badge-ready[b-0hpz85ak03] {
    background-color: var(--mj-col-soft-teal);
    color: var(--mj-col-teal);
}

.upload-badge-error[b-0hpz85ak03] {
    background-color: rgba(211, 76, 65, 0.12);
    color: var(--mj-col-coral);
}

.upload-badge-success[b-0hpz85ak03] {
    background-color: rgba(200, 207, 103, 0.3);
    color: #4e5510;
}

.upload-badge-failed[b-0hpz85ak03] {
    background-color: rgba(153, 53, 102, 0.12);
    color: var(--mj-col-raspberry);
}

/* ── Table Panel ───────────────────────────────────── */

.upload-table-panel[b-0hpz85ak03] {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 0.75rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.upload-table-scroll[b-0hpz85ak03] {
    max-height: 560px;
    overflow: auto;
}

[b-0hpz85ak03] .upload-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.88rem;
}

    [b-0hpz85ak03] .upload-table thead {
        position: sticky;
        top: 0;
        z-index: 2;
    }

    [b-0hpz85ak03] .upload-table th {
        background: linear-gradient(90deg, var(--mj-col-soft-teal) 0%, #f7fbfc 100%);
        color: var(--mj-col-charcoal);
        font-weight: 700;
        font-size: 0.82rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        padding: 0.7rem 0.75rem;
        border-bottom: 2px solid rgba(41, 142, 165, 0.2);
        white-space: nowrap;
    }

    [b-0hpz85ak03] .upload-table td {
        padding: 0.55rem 0.75rem;
        border-bottom: 1px solid #f0f0f0;
        vertical-align: middle;
        color: var(--mj-col-charcoal);
    }

    [b-0hpz85ak03] .upload-table tbody tr {
        transition: background-color 0.15s ease;
    }

    [b-0hpz85ak03] .upload-table tbody tr:hover {
        background-color: rgba(41, 142, 165, 0.04);
    }

    [b-0hpz85ak03] .upload-table tbody tr:last-child td {
        border-bottom: none;
    }

.upload-th-row[b-0hpz85ak03] {
    width: 3rem;
    text-align: center;
}

.upload-th-status[b-0hpz85ak03] {
    min-width: 160px;
}

.upload-td-row[b-0hpz85ak03] {
    text-align: center;
    font-weight: 700;
    color: #888;
}

.upload-td-alias[b-0hpz85ak03] {
    font-weight: 600;
}

.upload-td-guid[b-0hpz85ak03] {
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 0.8rem;
    color: #5f6b76;
    word-break: break-all;
}

/* ── Page Pills ────────────────────────────────────── */

.upload-td-pages[b-0hpz85ak03] {
    max-width: 280px;
}

.upload-page-pills[b-0hpz85ak03] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.upload-page-pill[b-0hpz85ak03] {
    display: inline-block;
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 0.74rem;
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    border-radius: 0.75rem;
    background-color: rgba(58, 56, 52, 0.07);
    color: var(--mj-col-charcoal);
    white-space: nowrap;
    cursor: default;
    transition: background-color 0.15s ease;
}

    .upload-page-pill:hover[b-0hpz85ak03] {
        background-color: var(--mj-col-soft-teal);
        color: var(--mj-col-teal);
    }

/* ── Row States ────────────────────────────────────── */

[b-0hpz85ak03] .upload-row-invalid {
    background-color: rgba(211, 76, 65, 0.05);
}

    [b-0hpz85ak03] .upload-row-invalid:hover {
        background-color: rgba(211, 76, 65, 0.09) !important;
    }

.upload-td-status[b-0hpz85ak03] {
    font-size: 0.82rem;
    font-weight: 600;
}

.upload-status-success[b-0hpz85ak03] {
    color: var(--mj-col-teal);
}

.upload-status-fail[b-0hpz85ak03] {
    color: var(--mj-col-coral);
}

.upload-status-ready[b-0hpz85ak03] {
    color: #888;
}

.upload-status-error[b-0hpz85ak03] {
    color: var(--mj-col-coral);
}

/* ── Action Bar ────────────────────────────────────── */

.upload-action-bar[b-0hpz85ak03] {
    padding: 1rem 0 0.5rem;
}

.upload-submit-btn[b-0hpz85ak03] {
    padding: 0.5rem 1.75rem;
    font-size: 0.92rem;
}

/* ── Alerts ────────────────────────────────────────── */

.upload-alert[b-0hpz85ak03] {
    border-radius: 0.75rem;
    margin-top: 1rem;
}

.upload-error-list[b-0hpz85ak03] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

    .upload-error-list li[b-0hpz85ak03] {
        font-size: 0.88rem;
        padding: 0.15rem 0;
    }

/* ── Responsive ────────────────────────────────────── */

@media (max-width: 767.98px) {
    .upload-shell[b-0hpz85ak03] {
        padding: 1rem;
    }

    .upload-controls-row[b-0hpz85ak03] {
        flex-direction: column;
        gap: 1rem;
    }

    .upload-td-pages[b-0hpz85ak03] {
        max-width: 180px;
    }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/MainAdmin.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   Admin Central — Executive Dashboard
   ═══════════════════════════════════════════════════ */

.ac-dashboard[b-p2dqkw0p77] {
    padding: 1.5rem 2rem 2rem;
    background-color: var(--global-white-bg);
    min-height: 100%;
    overflow-y: auto;
}

/* ── Header ────────────────────────────────────────── */

.ac-header[b-p2dqkw0p77] {
    padding-bottom: 1.25rem;
    border-bottom: 2px solid var(--mj-col-soft-teal);
    margin-bottom: 1.5rem;
}

.ac-subtitle[b-p2dqkw0p77] {
    color: var(--mj-col-teal);
    font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.ac-timestamp[b-p2dqkw0p77] {
    color: #888;
    font-size: 0.85rem;
    font-weight: 500;
}

/* ── KPI Metric Cards ──────────────────────────────── */

.ac-metrics-row[b-p2dqkw0p77] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 1199.98px) {
    .ac-metrics-row[b-p2dqkw0p77] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767.98px) {
    .ac-metrics-row[b-p2dqkw0p77] {
        grid-template-columns: repeat(2, 1fr);
    }

    .ac-dashboard[b-p2dqkw0p77] {
        padding: 1rem;
    }
}

.ac-metric-card[b-p2dqkw0p77] {
    background: #ffffff;
    border-radius: 0.75rem;
    padding: 1.5rem 1rem;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.04);
    transition: transform 200ms ease, box-shadow 200ms ease;
}

    .ac-metric-card:hover[b-p2dqkw0p77] {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    }

.ac-metric-icon[b-p2dqkw0p77] {
    width: 3rem;
    height: 3rem;
    border-radius: 0.625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}

.ac-icon-teal[b-p2dqkw0p77] {
    background-color: var(--mj-col-soft-teal);
    color: var(--mj-col-teal);
}

.ac-icon-raspberry[b-p2dqkw0p77] {
    background-color: rgba(153, 53, 102, 0.12);
    color: var(--mj-col-raspberry);
}

.ac-icon-charcoal[b-p2dqkw0p77] {
    background-color: rgba(58, 56, 52, 0.1);
    color: var(--mj-col-charcoal);
}

.ac-icon-lime[b-p2dqkw0p77] {
    background-color: rgba(200, 207, 103, 0.25);
    color: #6b7016;
}

.ac-metric-value[b-p2dqkw0p77] {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--mj-col-charcoal);
    line-height: 1.1;
}

.ac-metric-label[b-p2dqkw0p77] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 0.25rem;
}

.ac-metric-sub[b-p2dqkw0p77] {
    margin-top: 0.75rem;
}

/* ── Badges ────────────────────────────────────────── */

.ac-badge[b-p2dqkw0p77] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: 1rem;
    letter-spacing: 0.02em;
}

.ac-badge-teal[b-p2dqkw0p77] {
    background-color: var(--mj-col-soft-teal);
    color: var(--mj-col-teal);
}

.ac-badge-charcoal[b-p2dqkw0p77] {
    background-color: rgba(58, 56, 52, 0.1);
    color: var(--mj-col-charcoal);
}

.ac-badge-muted[b-p2dqkw0p77] {
    background-color: #eee;
    color: #888;
}

/* ── Panels ────────────────────────────────────────── */

.ac-panel[b-p2dqkw0p77] {
    background: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.04);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ac-panel-header[b-p2dqkw0p77] {
    padding: 1rem 1.25rem;
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--mj-col-charcoal);
    border-bottom: 1px solid #f0f0f0;
    background-color: #fafafa;
    flex-shrink: 0;
}

.ac-panel-header-teal[b-p2dqkw0p77] {
    background-color: var(--mj-col-soft-teal);
    color: var(--mj-col-teal);
    border-bottom-color: rgba(41, 142, 165, 0.2);
}

.ac-panel-header-raspberry[b-p2dqkw0p77] {
    background-color: rgba(153, 53, 102, 0.08);
    color: var(--mj-col-raspberry);
    border-bottom-color: rgba(153, 53, 102, 0.15);
}

.ac-panel-body[b-p2dqkw0p77] {
    padding: 1.25rem;
    flex: 1;
}

/* ── Stat Rows ─────────────────────────────────────── */

.ac-stat-row[b-p2dqkw0p77] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f5f5f5;
}

    .ac-stat-row:last-child[b-p2dqkw0p77] {
        border-bottom: none;
    }

.ac-stat-label[b-p2dqkw0p77] {
    color: #666;
    font-size: 0.9rem;
}

.ac-stat-value[b-p2dqkw0p77] {
    color: var(--mj-col-charcoal);
    font-size: 0.9rem;
}

/* ── Progress Bars ─────────────────────────────────── */

.ac-progress[b-p2dqkw0p77] {
    height: 0.5rem;
    border-radius: 0.25rem;
    background-color: #eee;
}

.ac-progress-teal[b-p2dqkw0p77] {
    background-color: var(--mj-col-teal);
    border-radius: 0.25rem;
    transition: width 600ms ease;
}

.ac-progress-raspberry[b-p2dqkw0p77] {
    background-color: var(--mj-col-raspberry);
    border-radius: 0.25rem;
    transition: width 600ms ease;
}

/* ── Recent Clients List ───────────────────────────── */

.ac-recent-list[b-p2dqkw0p77] {
    display: flex;
    flex-direction: column;
}

.ac-recent-item[b-p2dqkw0p77] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0;
    border-bottom: 1px solid #f5f5f5;
}

    .ac-recent-item:last-child[b-p2dqkw0p77] {
        border-bottom: none;
    }

.ac-recent-indicator[b-p2dqkw0p77] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--mj-col-teal);
    flex-shrink: 0;
}

.ac-recent-content[b-p2dqkw0p77] {
    flex: 1;
    min-width: 0;
}

.ac-recent-name[b-p2dqkw0p77] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--mj-col-charcoal);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ac-recent-meta[b-p2dqkw0p77] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.15rem;
}

.ac-scope-tag[b-p2dqkw0p77] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.1rem 0.45rem;
    border-radius: 0.25rem;
    background-color: rgba(153, 53, 102, 0.1);
    color: var(--mj-col-raspberry);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ac-recent-date[b-p2dqkw0p77] {
    font-size: 0.75rem;
    color: #999;
}

.ac-analytics-flag[b-p2dqkw0p77] {
    color: var(--mj-col-teal);
    font-size: 0.9rem;
    flex-shrink: 0;
}

/* ── Scope Distribution Grid ──────────────────────── */

.ac-scope-grid[b-p2dqkw0p77] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1.25rem;
}

.ac-scope-item[b-p2dqkw0p77] {
    text-align: center;
}

.ac-scope-count[b-p2dqkw0p77] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--mj-col-charcoal);
    line-height: 1.2;
}

.ac-scope-name[b-p2dqkw0p77] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.25rem;
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Modals/DeleteDashboardConfirmationModal.razor.rz.scp.css */
.aperture-modal[b-0pymvqzxis] {
    background-color: rgba(0, 0, 0, 0.18);
}

.aperture-modal-backdrop[b-0pymvqzxis] {
    background-color: rgba(58, 56, 52, 0.45);
}

.aperture-delete-modal[b-0pymvqzxis] {
    border: none;
    border-radius: 1rem;
    overflow: hidden;
    background: var(--global-white-bg);
    box-shadow: 0 1.5rem 3rem rgba(58, 56, 52, 0.18);
}

.aperture-delete-modal__header[b-0pymvqzxis] {
    background: linear-gradient( 135deg, var(--mj-col-charcoal) 0%, var(--mj-col-charcoal-contrast) 100% );
    color: white;
    padding: 1.25rem 1.5rem 1rem 1.5rem;
}

.aperture-delete-modal__subtitle[b-0pymvqzxis] {
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.95rem;
}

.aperture-delete-modal__body[b-0pymvqzxis] {
    padding: 1.5rem;
    background-color: var(--global-white-bg);
}

.aperture-delete-modal__icon[b-0pymvqzxis] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mj-col-coral);
    color: white;
    font-size: 1.25rem;
    flex-shrink: 0;
    box-shadow: 0 0.4rem 1rem rgba(211, 76, 65, 0.35);
}

.aperture-delete-modal__alert[b-0pymvqzxis] {
    background-color: rgba(211, 76, 65, 0.08);
    border: 1px solid rgba(211, 76, 65, 0.2);
    color: var(--mj-col-charcoal);
    border-radius: 0.85rem;
}

    .aperture-delete-modal__alert i[b-0pymvqzxis] {
        color: var(--mj-col-coral);
    }

.aperture-delete-modal__card[b-0pymvqzxis] {
    border: 1px solid rgba(58, 56, 52, 0.08);
    border-radius: 0.85rem;
    background-color: white;
}

.aperture-delete-modal__label[b-0pymvqzxis] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mj-col-teal);
    margin-bottom: 0.35rem;
}

.aperture-delete-modal__value[b-0pymvqzxis] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--mj-col-charcoal);
    word-break: break-word;
}

.aperture-delete-modal__value--muted[b-0pymvqzxis] {
    font-weight: 500;
    color: var(--mj-col-charcoal-contrast);
}

.aperture-delete-modal__progress[b-0pymvqzxis] {
    background-color: var(--mj-col-soft-teal);
    border: 1px solid rgba(41, 142, 165, 0.22);
    color: var(--mj-col-charcoal);
    border-radius: 0.85rem;
    padding: 0.9rem 1rem;
}

.aperture-delete-modal__delete-btn[b-0pymvqzxis] {
    background-color: var(--mj-col-coral);
    border-color: var(--mj-col-coral);
    color: white;
    font-weight: 600;
    min-width: 10rem;
}

    .aperture-delete-modal__delete-btn:hover[b-0pymvqzxis],
    .aperture-delete-modal__delete-btn:focus[b-0pymvqzxis] {
        background-color: #bc3f36;
        border-color: #bc3f36;
        color: white;
    }

    .aperture-delete-modal__delete-btn:disabled[b-0pymvqzxis] {
        background-color: var(--mj-col-coral);
        border-color: var(--mj-col-coral);
        opacity: 0.7;
        color: white;
    }
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Role/CreateRoleForClient.razor.rz.scp.css */
.container-fluid[b-9qldwz6zck] {
    padding: 1.25rem !important;
}

.create-role-form-shell[b-9qldwz6zck] {
    max-width: 1200px;
    padding: 0 1.25rem 1.25rem;
}

.validation-summary-shell[b-9qldwz6zck] {
    margin-bottom: 1rem;
}

    .validation-summary-shell:empty[b-9qldwz6zck] {
        display: none;
    }

.roles-breadcrumb-nav[b-9qldwz6zck] {
    padding: 0.15rem 0.1rem;
}

[b-9qldwz6zck] .roles-breadcrumb-nav .breadcrumb-item a {
    text-decoration: none;
}

    [b-9qldwz6zck] .roles-breadcrumb-nav .breadcrumb-item a:hover {
        text-decoration: underline;
    }

.admin-form-section[b-9qldwz6zck] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid #d9dee3;
    border-radius: 14px;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.admin-form-section-header[b-9qldwz6zck] {
    padding: 1rem 1.25rem;
    background: linear-gradient(90deg, var(--mj-col-soft-teal) 0%, #f7fbfc 100%);
    border-bottom: 1px solid #dde3e8;
}

.admin-form-section-title[b-9qldwz6zck] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    letter-spacing: 0.02rem;
}

.admin-form-section-subtitle[b-9qldwz6zck] {
    color: #5f6b76;
    font-size: 0.95rem;
}

.admin-form-section-body[b-9qldwz6zck] {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
}

.client-context-panel[b-9qldwz6zck] {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfc 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.context-metric-card[b-9qldwz6zck] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .context-metric-card:hover[b-9qldwz6zck] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.context-metric-label[b-9qldwz6zck] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #6c7883;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    margin-bottom: 0.3rem;
}

.context-metric-value[b-9qldwz6zck] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    line-height: 1.3;
    word-break: break-word;
}

.context-banner[b-9qldwz6zck] {
    border-radius: 10px;
    padding: 0.85rem 1rem;
    border: 1px solid transparent;
    margin-top: 1rem;
}

.context-banner-internal[b-9qldwz6zck] {
    background: rgba(41, 142, 165, 0.10);
    border-color: rgba(41, 142, 165, 0.25);
}

.context-banner-external[b-9qldwz6zck] {
    background: rgba(211, 76, 65, 0.08);
    border-color: rgba(211, 76, 65, 0.22);
}

.context-banner-title[b-9qldwz6zck] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.2rem;
}

.context-banner-text[b-9qldwz6zck] {
    color: #5f6b76;
    font-size: 0.92rem;
    line-height: 1.4;
}

.form-field-card[b-9qldwz6zck] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .form-field-card:hover[b-9qldwz6zck] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.form-field-header[b-9qldwz6zck] {
    margin-bottom: 0.75rem;
}

.admin-field-label[b-9qldwz6zck] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.15rem;
}

.admin-field-hint[b-9qldwz6zck] {
    font-size: 0.88rem;
    color: #6c7883;
}

.admin-add-role-form[b-9qldwz6zck] {
    min-height: 44px;
    border-radius: 10px;
}

    .admin-add-role-form:focus[b-9qldwz6zck] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.15);
    }

.readonly-field[b-9qldwz6zck] {
    background-color: #f5f7f9;
    color: #5f6b76;
    opacity: 1;
}

.service-toggle-list[b-9qldwz6zck] {
    align-items: stretch;
}

.service-toggle-item[b-9qldwz6zck] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    min-height: 100%;
}

    .service-toggle-item:hover[b-9qldwz6zck] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.12);
        transform: translateY(-1px);
    }

.service-toggle-item-active[b-9qldwz6zck] {
    border-color: var(--mj-col-teal);
    box-shadow: 0 0.35rem 0.9rem rgba(41, 142, 165, 0.14);
}

.service-toggle-top[b-9qldwz6zck] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.service-switch-row[b-9qldwz6zck] {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding-top: 0.25rem;
}

.service-switch[b-9qldwz6zck] {
    cursor: pointer;
    flex-shrink: 0;
}

    .service-switch:focus[b-9qldwz6zck] {
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.2);
        border-color: var(--mj-col-teal);
    }

    .service-switch:checked[b-9qldwz6zck] {
        background-color: var(--mj-col-teal);
        border-color: var(--mj-col-teal);
    }

.service-switch-label[b-9qldwz6zck] {
    margin-left: 0.65rem;
    cursor: pointer;
    color: var(--mj-col-charcoal);
    font-weight: 600;
}

.service-switch-name[b-9qldwz6zck] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    line-height: 1.2;
}

.service-switch-description[b-9qldwz6zck] {
    color: #66727d;
    font-size: 0.9rem;
    margin-top: 0.25rem;
    line-height: 1.35;
}

.configuration-summary-panel[b-9qldwz6zck] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafb 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.configuration-summary-header[b-9qldwz6zck] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.configuration-summary-title[b-9qldwz6zck] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
}

.configuration-summary-body[b-9qldwz6zck] {
    color: #5f6b76;
    line-height: 1.45;
}

.admin-form-actions[b-9qldwz6zck] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.25rem 0 0 0.1rem;
}

@media (max-width: 767.98px) {
    .admin-form-section-header[b-9qldwz6zck],
    .admin-form-section-body[b-9qldwz6zck] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .service-toggle-top[b-9qldwz6zck],
    .configuration-summary-header[b-9qldwz6zck],
    .admin-form-actions[b-9qldwz6zck] {
        flex-direction: column;
        align-items: flex-start;
    }

        .admin-form-actions .btn[b-9qldwz6zck] {
            width: 100%;
        }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Role/EditRoleForClient.razor.rz.scp.css */
/* ─── Page container — uniform inset matching the list pages ─────────────── */
.container-fluid[b-mzjle9rogq] {
    padding: 1.25rem !important;
}

.create-role-form-shell[b-mzjle9rogq] {
    max-width: 1200px;
    padding: 0 1.25rem 1.25rem;
}

.validation-summary-shell[b-mzjle9rogq] {
    margin-bottom: 1rem;
}

    .validation-summary-shell:empty[b-mzjle9rogq] {
        display: none;
    }

.roles-breadcrumb-nav[b-mzjle9rogq] {
    padding: 0.15rem 0.1rem;
}

[b-mzjle9rogq] .roles-breadcrumb-nav .breadcrumb-item a {
    text-decoration: none;
}

    [b-mzjle9rogq] .roles-breadcrumb-nav .breadcrumb-item a:hover {
        text-decoration: underline;
    }

.admin-form-section[b-mzjle9rogq] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid #d9dee3;
    border-radius: 14px;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.admin-form-section-header[b-mzjle9rogq] {
    padding: 1rem 1.25rem;
    background: linear-gradient(90deg, var(--mj-col-soft-teal) 0%, #f7fbfc 100%);
    border-bottom: 1px solid #dde3e8;
}

.admin-form-section-title[b-mzjle9rogq] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    letter-spacing: 0.02rem;
}

.admin-form-section-subtitle[b-mzjle9rogq] {
    color: #5f6b76;
    font-size: 0.95rem;
}

.admin-form-section-body[b-mzjle9rogq] {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
}

.client-context-panel[b-mzjle9rogq] {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfc 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.context-metric-card[b-mzjle9rogq] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .context-metric-card:hover[b-mzjle9rogq] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.context-metric-label[b-mzjle9rogq] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #6c7883;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    margin-bottom: 0.3rem;
}

.context-metric-value[b-mzjle9rogq] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    line-height: 1.3;
    word-break: break-word;
}

.context-banner[b-mzjle9rogq] {
    border-radius: 10px;
    padding: 0.85rem 1rem;
    border: 1px solid transparent;
    margin-top: 1rem;
}

.context-banner-internal[b-mzjle9rogq] {
    background: rgba(41, 142, 165, 0.10);
    border-color: rgba(41, 142, 165, 0.25);
}

.context-banner-external[b-mzjle9rogq] {
    background: rgba(211, 76, 65, 0.08);
    border-color: rgba(211, 76, 65, 0.22);
}

.context-banner-title[b-mzjle9rogq] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.2rem;
}

.context-banner-text[b-mzjle9rogq] {
    color: #5f6b76;
    font-size: 0.92rem;
    line-height: 1.4;
}

.form-field-card[b-mzjle9rogq] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .form-field-card:hover[b-mzjle9rogq] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.form-field-header[b-mzjle9rogq] {
    margin-bottom: 0.75rem;
}

.admin-field-label[b-mzjle9rogq] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.15rem;
}

.admin-field-hint[b-mzjle9rogq] {
    font-size: 0.88rem;
    color: #6c7883;
}

.admin-add-role-form[b-mzjle9rogq] {
    min-height: 44px;
    border-radius: 10px;
}

    .admin-add-role-form:focus[b-mzjle9rogq] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.15);
    }

.readonly-field[b-mzjle9rogq] {
    background-color: #f5f7f9;
    color: #5f6b76;
    opacity: 1;
}

.service-toggle-list[b-mzjle9rogq] {
    align-items: stretch;
}

.service-toggle-item[b-mzjle9rogq] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    min-height: 100%;
}

    .service-toggle-item:hover[b-mzjle9rogq] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.12);
        transform: translateY(-1px);
    }

.service-toggle-item-active[b-mzjle9rogq] {
    border-color: var(--mj-col-teal);
    box-shadow: 0 0.35rem 0.9rem rgba(41, 142, 165, 0.14);
}

.service-toggle-top[b-mzjle9rogq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.service-switch-row[b-mzjle9rogq] {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding-top: 0.25rem;
}

.service-switch[b-mzjle9rogq] {
    cursor: pointer;
    flex-shrink: 0;
}

    .service-switch:focus[b-mzjle9rogq] {
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.2);
        border-color: var(--mj-col-teal);
    }

    .service-switch:checked[b-mzjle9rogq] {
        background-color: var(--mj-col-teal);
        border-color: var(--mj-col-teal);
    }

.service-switch-label[b-mzjle9rogq] {
    margin-left: 0.65rem;
    cursor: pointer;
    color: var(--mj-col-charcoal);
    font-weight: 600;
}

.service-switch-name[b-mzjle9rogq] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    line-height: 1.2;
}

.service-switch-description[b-mzjle9rogq] {
    color: #66727d;
    font-size: 0.9rem;
    margin-top: 0.25rem;
    line-height: 1.35;
}

.configuration-summary-panel[b-mzjle9rogq] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafb 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.configuration-summary-header[b-mzjle9rogq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.configuration-summary-title[b-mzjle9rogq] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
}

.configuration-summary-body[b-mzjle9rogq] {
    color: #5f6b76;
    line-height: 1.45;
}

.admin-form-actions[b-mzjle9rogq] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.25rem 0 0 0.1rem;
}

@media (max-width: 767.98px) {
    .admin-form-section-header[b-mzjle9rogq],
    .admin-form-section-body[b-mzjle9rogq] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .service-toggle-top[b-mzjle9rogq],
    .configuration-summary-header[b-mzjle9rogq],
    .admin-form-actions[b-mzjle9rogq] {
        flex-direction: column;
        align-items: flex-start;
    }

        .admin-form-actions .btn[b-mzjle9rogq] {
            width: 100%;
        }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/Role/ViewRolesByClient.razor.rz.scp.css */
.view-roles-page[b-y0y3yxn2t0] {
    background-color: transparent;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

/* ─── Page header toolbar ────────────────────────────────────────────────── */

.page-toolbar[b-y0y3yxn2t0] {
    background: #ffffff;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
    padding: 0;
    margin-bottom: 1.25rem;
    align-items: center;
}

.page-toolbar > [class*="col"][b-y0y3yxn2t0] {
    padding: 0.75rem 0.75rem;
    margin-top: 0 !important;
}

.view-roles-page > .row.mt-3[b-y0y3yxn2t0] {
    margin-top: 0 !important;
}

.view-roles-page > .row.mb-2[b-y0y3yxn2t0] {
    margin-bottom: 0 !important;
}

/* ─── Search input ───────────────────────────────────────────────────────── */

[b-y0y3yxn2t0] .form-control {
    border: 1.5px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 0 !important;
    padding: 0.3rem 2.4rem 0.3rem 0.85rem !important;
    background-color: #f8f9fa !important;
    color: var(--mj-col-charcoal);
    font-size: 0.88rem;
    box-shadow: none !important;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

[b-y0y3yxn2t0] .form-control:focus {
    border-color: var(--mj-col-raspberry) !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 0.15rem rgba(153, 53, 102, 0.15) !important;
    outline: none;
}

[b-y0y3yxn2t0] .form-control::placeholder {
    color: #adb5bd;
    font-style: normal;
}

/* ─── Create New button ──────────────────────────────────────────────────── */

.create-role-btn[b-y0y3yxn2t0],
[b-y0y3yxn2t0] .create-role-btn {
    min-width: 130px;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 0 !important;
    padding: 0.3rem 1.1rem;
    font-size: 0.88rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    background-color: var(--mj-col-raspberry) !important;
    border-color: var(--mj-col-raspberry) !important;
    color: #ffffff !important;
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

.create-role-btn:hover[b-y0y3yxn2t0],
[b-y0y3yxn2t0] .create-role-btn:hover {
    background-color: #7d2b54 !important;
    border-color: #7d2b54 !important;
}

/* ─── Reset sort button ──────────────────────────────────────────────────── */

.reset-sort-btn[b-y0y3yxn2t0] {
    border-radius: 999px;
    font-weight: 700;
    padding: 0.4rem 1rem;
    color: var(--mj-col-teal);
    background-color: transparent;
    border: 1px solid rgba(41, 142, 165, 0.3);
    font-size: 0.82rem;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.15s ease;
}

    .reset-sort-btn:hover[b-y0y3yxn2t0] {
        color: #ffffff;
        border-color: var(--mj-col-teal);
        background-color: var(--mj-col-teal);
        transform: translateY(-1px);
    }

    .reset-sort-btn:focus[b-y0y3yxn2t0],
    .reset-sort-btn:focus-visible[b-y0y3yxn2t0] {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.25);
    }

.view-roles-page > .row:not(.page-toolbar)[b-y0y3yxn2t0] {
    margin-left: 0;
    margin-right: 0;
}

.view-roles-page > .row:not(.page-toolbar) > .col-12[b-y0y3yxn2t0] {
    padding-left: 0;
    padding-right: 0;
}

/* ─── Table / list shell ─────────────────────────────────────────────────── */

.roles-accordion[b-y0y3yxn2t0] {
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.07);
}

/* ─── Column header row ──────────────────────────────────────────────────── */

.roles-list-header-card[b-y0y3yxn2t0] {
    border: none;
    margin-bottom: 0;
    background: #ffffff;
    border-bottom: 2px solid var(--mj-col-teal);
}

.roles-list-header[b-y0y3yxn2t0] {
    min-height: 52px;
    background-color: #ffffff;
    color: var(--mj-col-charcoal);
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

@media (min-width: 768px) {
    .roles-list-header[b-y0y3yxn2t0] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

.showRoleHeader[b-y0y3yxn2t0] {
    display: flex;
    align-items: center;
}

@media (min-width: 576px) {
    .showRoleHeader[b-y0y3yxn2t0] {
        flex: 0 0 auto !important;
        width: 50% !important;
        max-width: 50% !important;
        display: flex !important;
    }
}

@media (min-width: 768px) {
    .showRoleHeader[b-y0y3yxn2t0] {
        flex: 0 0 auto !important;
        width: 25% !important;
        max-width: 25% !important;
        display: flex !important;
    }
}

/* ─── Sort header buttons ────────────────────────────────────────────────── */

.sort-header-btn[b-y0y3yxn2t0] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.6rem 0.35rem 0;
    border: none;
    background: transparent;
    color: #6c757d;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-radius: 0.5rem;
    transition: background-color 0.18s ease, color 0.18s ease;
}

    .sort-header-btn:hover[b-y0y3yxn2t0] {
        background-color: rgba(41, 142, 165, 0.1);
        color: var(--mj-col-teal);
    }

    .sort-header-btn:focus[b-y0y3yxn2t0],
    .sort-header-btn:focus-visible[b-y0y3yxn2t0] {
        outline: none;
        color: var(--mj-col-teal);
        background-color: rgba(41, 142, 165, 0.1);
        box-shadow: 0 0 0 0.18rem rgba(41, 142, 165, 0.2);
    }

.sort-header-btn-active[b-y0y3yxn2t0] {
    background-color: rgba(41, 142, 165, 0.12);
    color: var(--mj-col-teal);
    box-shadow: inset 0 0 0 1px rgba(41, 142, 165, 0.25);
}

.sort-header-label[b-y0y3yxn2t0] {
    white-space: nowrap;
    letter-spacing: 0.08em;
}

.sort-priority-badge[b-y0y3yxn2t0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 800;
    background-color: var(--mj-col-teal);
    color: #ffffff;
    line-height: 1;
}

.sort-header-icon[b-y0y3yxn2t0] {
    font-size: 0.9rem;
    line-height: 1;
    color: var(--mj-col-teal);
    opacity: 0.7;
}

/* ─── Sort hint bar ──────────────────────────────────────────────────────── */

.sort-hint-row[b-y0y3yxn2t0] {
    background-color: #f8f9fa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sort-hint-text[b-y0y3yxn2t0] {
    color: #6c757d;
    font-size: 0.78rem;
}

/* ─── Empty state ────────────────────────────────────────────────────────── */

.empty-state-panel[b-y0y3yxn2t0] {
    margin-top: 0.75rem;
    padding: 2.5rem 1.5rem;
    border: 1.5px dashed rgba(41, 142, 165, 0.22);
    border-radius: 1rem;
    background-color: rgba(41, 142, 165, 0.025);
    text-align: center;
    color: var(--mj-col-charcoal);
}

.empty-state-icon[b-y0y3yxn2t0] {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0.75rem;
    color: var(--mj-col-teal);
    opacity: 0.55;
}

.empty-state-title[b-y0y3yxn2t0] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.35rem;
    color: var(--mj-col-charcoal);
}

.empty-state-text[b-y0y3yxn2t0] {
    color: #6c757d;
    font-size: 0.88rem;
}

@media (min-width: 768px) {
    .page-toolbar > .col-12.col-xl-auto[b-y0y3yxn2t0] {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    .page-toolbar > .col-12.col-xl[b-y0y3yxn2t0] {
        flex: 1 1 0% !important;
        width: auto !important;
        max-width: none !important;
    }

    .page-toolbar > .col-12.col-xl-auto:last-child[b-y0y3yxn2t0] {
        margin-left: 0;
        display: flex;
        justify-content: flex-end;
    }
}

@media (max-width: 767.98px) {
    .page-toolbar[b-y0y3yxn2t0] {
        align-items: stretch;
    }

    .create-role-btn[b-y0y3yxn2t0] {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .roles-list-header[b-y0y3yxn2t0] {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .showRoleHeader[b-y0y3yxn2t0] {
        justify-content: flex-start;
        flex: unset !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .sort-header-btn[b-y0y3yxn2t0] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/User/CreateUserForClient.razor.rz.scp.css */
.container-fluid[b-3h8u2i8ozq] {
    padding: 1.25rem !important;
}

.create-user-form-shell[b-3h8u2i8ozq] {
    max-width: 1200px;
    padding: 0 1.25rem 1.25rem;
}

.validation-summary-shell[b-3h8u2i8ozq] {
    margin-bottom: 1rem;
}

    .validation-summary-shell:empty[b-3h8u2i8ozq] {
        display: none;
    }

.users-breadcrumb-nav[b-3h8u2i8ozq] {
    padding: 0.15rem 0.1rem;
}

[b-3h8u2i8ozq] .users-breadcrumb-nav .breadcrumb-item a {
    text-decoration: none;
}

    [b-3h8u2i8ozq] .users-breadcrumb-nav .breadcrumb-item a:hover {
        text-decoration: underline;
    }

.admin-form-section[b-3h8u2i8ozq] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid #d9dee3;
    border-radius: 14px;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.admin-form-section-header[b-3h8u2i8ozq] {
    padding: 1rem 1.25rem;
    background: linear-gradient(90deg, var(--mj-col-soft-teal) 0%, #f7fbfc 100%);
    border-bottom: 1px solid #dde3e8;
}

.admin-form-section-title[b-3h8u2i8ozq] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    letter-spacing: 0.02rem;
}

.admin-form-section-subtitle[b-3h8u2i8ozq] {
    color: #5f6b76;
    font-size: 0.95rem;
}

.admin-form-section-body[b-3h8u2i8ozq] {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
}

.client-context-panel[b-3h8u2i8ozq] {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfc 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.context-metric-card[b-3h8u2i8ozq] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .context-metric-card:hover[b-3h8u2i8ozq] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.context-metric-label[b-3h8u2i8ozq] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #6c7883;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    margin-bottom: 0.3rem;
}

.context-metric-value[b-3h8u2i8ozq] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    line-height: 1.3;
    word-break: break-word;
}

.context-banner[b-3h8u2i8ozq] {
    border-radius: 10px;
    padding: 0.85rem 1rem;
    border: 1px solid transparent;
    margin-top: 1rem;
}

.context-banner-internal[b-3h8u2i8ozq] {
    background: rgba(41, 142, 165, 0.10);
    border-color: rgba(41, 142, 165, 0.25);
}

.context-banner-external[b-3h8u2i8ozq] {
    background: rgba(211, 76, 65, 0.08);
    border-color: rgba(211, 76, 65, 0.22);
}

.context-banner-title[b-3h8u2i8ozq] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.2rem;
}

.context-banner-text[b-3h8u2i8ozq] {
    color: #5f6b76;
    font-size: 0.92rem;
    line-height: 1.4;
}

.form-field-card[b-3h8u2i8ozq] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .form-field-card:hover[b-3h8u2i8ozq] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.form-field-header[b-3h8u2i8ozq] {
    margin-bottom: 0.75rem;
}

.admin-field-label[b-3h8u2i8ozq] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.15rem;
}

.admin-field-hint[b-3h8u2i8ozq] {
    font-size: 0.88rem;
    color: #6c7883;
}

.admin-add-user-form[b-3h8u2i8ozq] {
    min-height: 44px;
    border-radius: 10px;
}

    .admin-add-user-form:focus[b-3h8u2i8ozq] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.15);
    }

.readonly-field[b-3h8u2i8ozq] {
    background-color: #f5f7f9;
    color: #5f6b76;
    opacity: 1;
}

.admin-form-actions[b-3h8u2i8ozq] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.25rem 0 0 0.1rem;
}

@media (max-width: 767.98px) {
    .admin-form-section-header[b-3h8u2i8ozq],
    .admin-form-section-body[b-3h8u2i8ozq] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .admin-form-actions[b-3h8u2i8ozq] {
        flex-direction: column;
        align-items: flex-start;
    }

        .admin-form-actions .btn[b-3h8u2i8ozq] {
            width: 100%;
        }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/User/EditUserForClient.razor.rz.scp.css */
/* ─── Page container — uniform inset matching the list pages ─────────────── */
.container-fluid[b-5i28t64rqy] {
    padding: 1.25rem !important;
}

.edit-user-form-shell[b-5i28t64rqy] {
    max-width: 1200px;
    padding: 0 1.25rem 1.25rem;
}

.validation-summary-shell[b-5i28t64rqy] {
    margin-bottom: 1rem;
}

    .validation-summary-shell:empty[b-5i28t64rqy] {
        display: none;
    }

.users-breadcrumb-nav[b-5i28t64rqy] {
    padding: 0.15rem 0.1rem;
}

[b-5i28t64rqy] .users-breadcrumb-nav .breadcrumb-item a {
    text-decoration: none;
}

    [b-5i28t64rqy] .users-breadcrumb-nav .breadcrumb-item a:hover {
        text-decoration: underline;
    }

.admin-form-section[b-5i28t64rqy] {
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid #d9dee3;
    border-radius: 14px;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.admin-form-section-header[b-5i28t64rqy] {
    padding: 1rem 1.25rem;
    background: linear-gradient(90deg, var(--mj-col-soft-teal) 0%, #f7fbfc 100%);
    border-bottom: 1px solid #dde3e8;
}

.admin-form-section-title[b-5i28t64rqy] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    letter-spacing: 0.02rem;
}

.admin-form-section-subtitle[b-5i28t64rqy] {
    color: #5f6b76;
    font-size: 0.95rem;
}

.admin-form-section-body[b-5i28t64rqy] {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
}

.client-context-panel[b-5i28t64rqy] {
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfc 100%);
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
}

.context-metric-card[b-5i28t64rqy] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .context-metric-card:hover[b-5i28t64rqy] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.context-metric-label[b-5i28t64rqy] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #6c7883;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    margin-bottom: 0.3rem;
}

.context-metric-value[b-5i28t64rqy] {
    color: var(--mj-col-charcoal);
    font-weight: 700;
    line-height: 1.3;
    word-break: break-word;
}

.context-banner[b-5i28t64rqy] {
    border-radius: 10px;
    padding: 0.85rem 1rem;
    border: 1px solid transparent;
    margin-top: 1rem;
}

.context-banner-internal[b-5i28t64rqy] {
    background: rgba(41, 142, 165, 0.10);
    border-color: rgba(41, 142, 165, 0.25);
}

.context-banner-external[b-5i28t64rqy] {
    background: rgba(211, 76, 65, 0.08);
    border-color: rgba(211, 76, 65, 0.22);
}

.context-banner-title[b-5i28t64rqy] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.2rem;
}

.context-banner-text[b-5i28t64rqy] {
    color: #5f6b76;
    font-size: 0.92rem;
    line-height: 1.4;
}

.form-field-card[b-5i28t64rqy] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 12px;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .form-field-card:hover[b-5i28t64rqy] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0.3rem 0.8rem rgba(41, 142, 165, 0.08);
    }

.form-field-header[b-5i28t64rqy] {
    margin-bottom: 0.75rem;
}

.admin-field-label[b-5i28t64rqy] {
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.15rem;
}

.admin-field-hint[b-5i28t64rqy] {
    font-size: 0.88rem;
    color: #6c7883;
}

.admin-edit-user-form[b-5i28t64rqy] {
    min-height: 44px;
    border-radius: 10px;
}

    .admin-edit-user-form:focus[b-5i28t64rqy] {
        border-color: var(--mj-col-teal);
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.15);
    }

.readonly-field[b-5i28t64rqy] {
    background-color: #f5f7f9;
    color: #5f6b76;
    opacity: 1;
}

.admin-form-actions[b-5i28t64rqy] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.25rem 0 0 0.1rem;
}

@media (max-width: 767.98px) {
    .admin-form-section-header[b-5i28t64rqy],
    .admin-form-section-body[b-5i28t64rqy] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .admin-form-actions[b-5i28t64rqy] {
        flex-direction: column;
        align-items: flex-start;
    }

        .admin-form-actions .btn[b-5i28t64rqy] {
            width: 100%;
        }
}
/* _content/Aperture.WebApp/Components/Pages/AdminCenter/User/ViewUsersByClient.razor.rz.scp.css */
.view-users-page[b-6y17i5yl01] {
    background-color: transparent;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

/* ─── Page header toolbar ────────────────────────────────────────────────── */

.page-toolbar[b-6y17i5yl01] {
    background: #ffffff;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
    padding: 0;
    margin-bottom: 1.25rem;
    align-items: center;
}

.page-toolbar > [class*="col"][b-6y17i5yl01] {
    padding: 0.75rem 0.75rem;
    margin-top: 0 !important;
}

/* Search input */
[b-6y17i5yl01] .form-control {
    border: 1.5px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 0 !important;
    padding: 0.3rem 2.4rem 0.3rem 0.85rem !important;
    background-color: #f8f9fa !important;
    color: var(--mj-col-charcoal);
    font-size: 0.88rem;
    box-shadow: none !important;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

[b-6y17i5yl01] .form-control:focus {
    border-color: var(--mj-col-raspberry) !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 0.15rem rgba(153, 53, 102, 0.15) !important;
    outline: none;
}

[b-6y17i5yl01] .form-control::placeholder {
    color: #adb5bd;
    font-style: normal;
}

/* Create New button */
.create-user-btn[b-6y17i5yl01],
[b-6y17i5yl01] .create-user-btn {
    min-width: 130px;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 0 !important;
    padding: 0.3rem 1.1rem;
    font-size: 0.88rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    background-color: var(--mj-col-raspberry) !important;
    border-color: var(--mj-col-raspberry) !important;
    color: #ffffff !important;
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

.create-user-btn:hover[b-6y17i5yl01],
[b-6y17i5yl01] .create-user-btn:hover {
    background-color: #7d2b54 !important;
    border-color: #7d2b54 !important;
}

/* Zero Bootstrap's negative row margins + col gutter so accordion aligns flush */
.view-users-page > .row:not(.page-toolbar)[b-6y17i5yl01] {
    margin-left: 0;
    margin-right: 0;
}

.view-users-page > .row:not(.page-toolbar) > .col-12[b-6y17i5yl01] {
    padding-left: 0;
    padding-right: 0;
}

/* ─── Table / list shell ─────────────────────────────────────────────────── */

.users-accordion[b-6y17i5yl01] {
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.users-list-header-card[b-6y17i5yl01] {
    border: none;
    margin-bottom: 0;
    background: #ffffff;
    border-bottom: 2px solid var(--mj-col-teal);
}

.users-list-header[b-6y17i5yl01] {
    min-height: 52px;
    background-color: #ffffff;
    color: var(--mj-col-charcoal);
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

@media (min-width: 768px) {
    .users-list-header[b-6y17i5yl01] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

.showUserHeader[b-6y17i5yl01] {
    display: flex;
    align-items: center;
}

@media (min-width: 576px) {
    .showUserHeader[b-6y17i5yl01] {
        flex: 0 0 auto !important;
        width: 25% !important;
        max-width: 25% !important;
        display: flex !important;
    }
}

.col-header-label[b-6y17i5yl01] {
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6c757d;
    padding: 0.35rem 0;
    white-space: nowrap;
}

/* ─── Empty state ────────────────────────────────────────────────────────── */

.empty-state-panel[b-6y17i5yl01] {
    margin-top: 0.75rem;
    padding: 2.5rem 1.5rem;
    border: 1.5px dashed rgba(41, 142, 165, 0.22);
    border-radius: 1rem;
    background-color: rgba(41, 142, 165, 0.025);
    text-align: center;
    color: var(--mj-col-charcoal);
}

.empty-state-icon[b-6y17i5yl01] {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0.75rem;
    color: var(--mj-col-teal);
    opacity: 0.55;
}

.empty-state-title[b-6y17i5yl01] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.35rem;
    color: var(--mj-col-charcoal);
}

.empty-state-text[b-6y17i5yl01] {
    color: #6c757d;
    font-size: 0.88rem;
}

@media (min-width: 768px) {
    .page-toolbar > .col-12.col-xl-auto[b-6y17i5yl01] {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    .page-toolbar > .col-12.col-xl[b-6y17i5yl01] {
        flex: 1 1 0% !important;
        width: auto !important;
        max-width: none !important;
    }

    .page-toolbar > .col-12.col-xl-auto:last-child[b-6y17i5yl01] {
        margin-left: 0;
        display: flex;
        justify-content: flex-end;
    }
}

@media (max-width: 767.98px) {
    .page-toolbar[b-6y17i5yl01] {
        align-items: stretch;
    }

    .create-user-btn[b-6y17i5yl01] {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .users-list-header[b-6y17i5yl01] {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .showUserHeader[b-6y17i5yl01] {
        justify-content: flex-start;
        flex: unset !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ─── Existing styles preserved below ───────────────────────────────────── */

[b-6y17i5yl01] .users-breadcrumb-nav .breadcrumb-item a {
    text-decoration: none;
}

    [b-6y17i5yl01] .users-breadcrumb-nav .breadcrumb-item a:hover {
        text-decoration: underline;
    }


.aperture-modal[b-6y17i5yl01] {
    background-color: rgba(0, 0, 0, 0.18);
}

.aperture-modal-backdrop[b-6y17i5yl01] {
    background-color: rgba(58, 56, 52, 0.45);
}

.aperture-delete-modal[b-6y17i5yl01] {
    border: none;
    border-radius: 1rem;
    overflow: hidden;
    background: var(--global-white-bg);
    box-shadow: 0 1.5rem 3rem rgba(58, 56, 52, 0.18);
}

.aperture-delete-modal__header[b-6y17i5yl01] {
    background: linear-gradient( 135deg, var(--mj-col-charcoal) 0%, var(--mj-col-charcoal-contrast) 100% );
    color: white;
    padding: 1.25rem 1.5rem 1rem 1.5rem;
}

.aperture-delete-modal__subtitle[b-6y17i5yl01] {
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.95rem;
}

.aperture-delete-modal__body[b-6y17i5yl01] {
    padding: 1.5rem;
    background-color: var(--global-white-bg);
}

.aperture-delete-modal__icon[b-6y17i5yl01] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mj-col-coral);
    color: white;
    font-size: 1.25rem;
    flex-shrink: 0;
    box-shadow: 0 0.4rem 1rem rgba(211, 76, 65, 0.35);
}

.aperture-delete-modal__alert[b-6y17i5yl01] {
    background-color: rgba(211, 76, 65, 0.08);
    border: 1px solid rgba(211, 76, 65, 0.2);
    color: var(--mj-col-charcoal);
    border-radius: 0.85rem;
}

    .aperture-delete-modal__alert i[b-6y17i5yl01] {
        color: var(--mj-col-coral);
    }

.aperture-delete-modal__card[b-6y17i5yl01] {
    border: 1px solid rgba(58, 56, 52, 0.08);
    border-radius: 0.85rem;
    background-color: white;
}

.aperture-delete-modal__label[b-6y17i5yl01] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mj-col-teal);
    margin-bottom: 0.35rem;
}

.aperture-delete-modal__value[b-6y17i5yl01] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--mj-col-charcoal);
    word-break: break-word;
}

.aperture-delete-modal__value--muted[b-6y17i5yl01] {
    font-weight: 500;
    color: var(--mj-col-charcoal-contrast);
}

.aperture-delete-modal__progress[b-6y17i5yl01] {
    background-color: var(--mj-col-soft-teal);
    border: 1px solid rgba(41, 142, 165, 0.22);
    color: var(--mj-col-charcoal);
    border-radius: 0.85rem;
    padding: 0.9rem 1rem;
}

.aperture-delete-modal__delete-btn[b-6y17i5yl01] {
    background-color: var(--mj-col-coral);
    border-color: var(--mj-col-coral);
    color: white;
    font-weight: 600;
    min-width: 9rem;
}

    .aperture-delete-modal__delete-btn:hover[b-6y17i5yl01],
    .aperture-delete-modal__delete-btn:focus[b-6y17i5yl01] {
        background-color: #bc3f36;
        border-color: #bc3f36;
        color: white;
    }

    .aperture-delete-modal__delete-btn:disabled[b-6y17i5yl01] {
        background-color: var(--mj-col-coral);
        border-color: var(--mj-col-coral);
        opacity: 0.7;
        color: white;
    }


.aperture-user-delete-dialog[b-6y17i5yl01] {
    max-width: 36rem;
}
/* _content/Aperture.WebApp/Components/Pages/Analytics.razor.rz.scp.css */
/* Page wrapper fills the <main> flex container */
.analytics-page[b-diyebovru0] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

/* Top row layout */
.analytics-toprow[b-diyebovru0] {
    flex-shrink: 0;
    position: relative;
}

.analytics-toprow-left[b-diyebovru0] {
    flex: 1 1 0;
}

.analytics-toprow-right[b-diyebovru0] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
}

/* Raspberry presentation button */
[b-diyebovru0] .btn-presentation {
    color: var(--mj-col-raspberry);
    border-color: var(--mj-col-raspberry);
    background-color: transparent;
}

[b-diyebovru0] .btn-presentation:hover:not(:disabled) {
    background-color: var(--mj-col-raspberry);
    border-color: var(--mj-col-raspberry);
    color: #fff;
}

[b-diyebovru0] .btn-presentation:disabled {
    opacity: 0.5;
}

/* Body area grows to fill remaining height below the top-row */
.analytics-body[b-diyebovru0] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

/* Parent establishes the box to fill */
.pbi-host[b-diyebovru0] {
    position: relative;
    min-height: 200px;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.02);
}

/* Child fills the parent exactly */
#reportContainer.pbi-fill[b-diyebovru0] {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

/* Make the SDK iframe fill the container */
#reportContainer iframe[b-diyebovru0] {
    width: 100% !important;
    height: 100% !important;
    border: 0;
    display: block;
}

/* Smooth fade on re-embeds (supports both class patterns) */
.pbi-report[b-diyebovru0] {
    transition: opacity 160ms ease, filter 160ms ease;
    opacity: 1;
    filter: none;
}

    .pbi-report.is-fading[b-diyebovru0],
    #reportContainer.is-fading[b-diyebovru0] {
        opacity: 0.15;
        filter: blur(2px);
        pointer-events: none;
    }

/* Overlay that blocks interaction during embed */
.pbi-overlay[b-diyebovru0] {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    background: rgba(10, 10, 10, 0.25);
}

.pbi-overlay-card[b-diyebovru0] {
    width: min(720px, 92%);
    border-radius: 18px;
    padding: 18px 18px 14px 18px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.35);
}

/* Shimmer blocks */
.pbi-shimmer[b-diyebovru0] {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    margin-bottom: 10px;
}

    .pbi-shimmer[b-diyebovru0]::after {
        content: "";
        position: absolute;
        inset: 0;
        transform: translateX(-100%);
        background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.14) 50%, rgba(255,255,255,0) 100% );
        animation: pbiShimmer-b-diyebovru0 1.1s infinite;
    }

@keyframes pbiShimmer-b-diyebovru0 {
    100% {
        transform: translateX(100%);
    }
}

.pbi-shimmer-title[b-diyebovru0] {
    height: 18px;
    width: 52%;
}

.pbi-shimmer-row[b-diyebovru0] {
    height: 12px;
    width: 100%;
}

    .pbi-shimmer-row.short[b-diyebovru0] {
        width: 68%;
    }

.pbi-overlay-footer[b-diyebovru0] {
    display: flex;
    align-items: center;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.92);
    font-weight: 600;
}
/* _content/Aperture.WebApp/Components/Pages/AnalyticsPresentation.razor.rz.scp.css */
/* =========================================
   ANALYTICS PRESENTATION - SCOPED CSS (LIGHT MODE)
   - Dark stage background + premium glass topbar
   - White "report card" with depth
   - True footer HUD space reserved (no overlay)
   ========================================= */

:host[b-le862n724w] {
    display: block;
    height: 100%;
}

/* Full screen shell */
.presentation-shell[b-le862n724w] {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    /* layered radial gradients for subtle depth and interest on dark background */
    background: radial-gradient(1400px 700px at 50% 0%, rgba(99, 102, 241, 0.18) 0%, rgba(99, 102, 241, 0.00) 55%), radial-gradient(900px 500px at 10% 100%, rgba(16, 185, 129, 0.10) 0%, rgba(16, 185, 129, 0.00) 55%), #0b1220;
    overflow: hidden;
    z-index: 0;
}

/* Topbar */
.presentation-topbar[b-le862n724w] {
    position: relative;
    z-index: 300;
    overflow: visible;
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    column-gap: 0.5rem;
    background: rgba(15, 23, 42, 0.68);
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    min-height: 56px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
    transition: transform 180ms ease, opacity 180ms ease;
    backdrop-filter: blur(10px);
}

/* Auto-hide behavior toggled by JS */
.presentation-shell.pm-topbar-hidden .presentation-topbar[b-le862n724w] {
    transform: translateY(-110%);
    opacity: 0;
    pointer-events: none;
}

/* Title label */
.presentation-title[b-le862n724w] {
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 650;
    letter-spacing: 0.2px;
    justify-self: start;
}

/* Page counter (topbar) */
.presentation-counter[b-le862n724w] {
    min-width: 64px;
    text-align: right;
    opacity: 1;
    color: rgba(255, 255, 255, 0.82);
    font-variant-numeric: tabular-nums;
}

/* Buttons: high-contrast */
.presentation-right .btn[b-le862n724w] {
    border-radius: 12px;
}

.presentation-topbar .btn[b-le862n724w] {
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.18); /* high-contrast borders for visibility */
    color: rgba(255, 255, 255, 0.92);
    font-weight: 600;
}

    .presentation-topbar .btn:hover[b-le862n724w] {
        background: rgba(255, 255, 255, 0.16);
        border-color: rgba(255, 255, 255, 0.28);
        color: #ffffff;
    }

    .presentation-topbar .btn:focus[b-le862n724w],
    .presentation-topbar .btn:focus-visible[b-le862n724w] {
        box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.45); /* subtle focus ring for accessibility */
        outline: none;
    }

/* Body fill */
.presentation-body[b-le862n724w] {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 14px;
    overflow: hidden;
}

/* Topbar picker host: allows expanded picker menu to overflow above report */
.presentation-picker-slot[b-le862n724w] {
    position: relative;
    z-index: 320;
    overflow: visible;
    min-width: 0;
    justify-self: center;
}

.presentation-right[b-le862n724w] {
    justify-self: end;
}

    /* Ensure child picker content is not clipped by the topbar flex container */
    .presentation-picker-slot :deep(*)[b-le862n724w] {
        overflow: visible;
    }

    /* If the HorizontalPicker uses a dropdown/menu element, keep it above the report */
    .presentation-picker-slot :deep(.dropdown-menu)[b-le862n724w],
    .presentation-picker-slot :deep(.picker-dropdown)[b-le862n724w],
    .presentation-picker-slot :deep(.horizontal-picker-dropdown)[b-le862n724w],
    .presentation-picker-slot :deep(.horizontal-picker-menu)[b-le862n724w] {
        position: absolute;
        z-index: 1000;
    }

/* PowerBI host: white card stage */
.pbi-host-present[b-le862n724w] {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.10); /* subtle border to crisp edges on light backgrounds */
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.40), 0 2px 12px rgba(0, 0, 0, 0.22); /* deeper shadow for more "pop" on dark background */
    /* Footer HUD space */
    --pm-footer-height: 64px;
    padding-bottom: var(--pm-footer-height);
}

/* Report container fills host, except for footer space */
.pbi-report-present[b-le862n724w],
#reportContainer.pbi-report-present[b-le862n724w] {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: calc(100% - var(--pm-footer-height)); /* reserve space for footer HUD */
    min-height: 0 !important;
}

/* =========================================
   Footer HUD (JS-injected) - scoped deep rules
   Even if JS sets inline layout, this keeps the style consistent.
   ========================================= */

:deep(.pm-footer)[b-le862n724w] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--pm-footer-height);
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    background: rgba(15, 23, 42, 0.55); /* semi-transparent dark background */
    border-top: 1px solid rgba(255, 255, 255, 0.10); /* high-contrast border for visibility */
    backdrop-filter: blur(10px);
    pointer-events: none;
}

:deep(.pm-footer-left)[b-le862n724w],
:deep(.pm-footer-center)[b-le862n724w],
:deep(.pm-footer-right)[b-le862n724w] {
    display: flex;
    align-items: center;
}

:deep(.pm-footer-left)[b-le862n724w],
:deep(.pm-footer-right)[b-le862n724w] {
    flex: 0 0 auto;
}

:deep(.pm-footer-center)[b-le862n724w] {
    flex: 1 1 auto;
    justify-content: center;
    gap: 10px;
}

/* logo placeholders */
:deep(.pm-footer-logo)[b-le862n724w] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14); /* high-contrast borders for visibility */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

:deep(.pm-footer-logo img)[b-le862n724w] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* pager + clock chips */
:deep(.pm-chip)[b-le862n724w] {
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.2px;
    font-variant-numeric: tabular-nums; /* ensures stable width for numbers */
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.14); /* high-contrast borders for visibility */
    box-shadow: none;
    color: rgba(255, 255, 255, 0.92);
    white-space: nowrap;
}

/* =========================================
   Footer HUD counter chip (Blazor-rendered)
   position: absolute inside presentation-shell (inset:0) so left:50%
   is exactly 50vw — the same centre as the topbar 1fr/auto/1fr grid.
   bottom: 14px body-padding + 30px (half of 60px footer) = 44px
   ========================================= */

.pm-hud-counter[b-le862n724w] {
    position: absolute;
    bottom: 26px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 65;
    pointer-events: none;
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.2px;
    font-variant-numeric: tabular-nums;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(15, 23, 42, 0.14);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
    color: rgba(15, 23, 42, 0.85);
    white-space: nowrap;
}

/* =========================================
   Overlay over the report
   ========================================= */

.pbi-overlay[b-le862n724w] {
    position: absolute;
    inset: 0;
    z-index: 80;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.58); /* light veil */
    backdrop-filter: blur(6px);
    opacity: 1;
    transition: opacity 180ms ease;
}

    .pbi-overlay.d-none[b-le862n724w] {
        opacity: 0;
        pointer-events: none;
    }
/* Overlay card */
.pbi-overlay-card[b-le862n724w] {
    background: rgba(255, 255, 255, 0.92); /* crisp white card */
    border-radius: 14px;
    padding: 18px 24px;
    min-width: 280px;
    border: 1px solid rgba(15, 23, 42, 0.10); /* subtle border for depth */
    box-shadow: 0 18px 55px rgba(15, 23, 42, 0.14); /* soft shadow for elevation */
    color: rgba(15, 23, 42, 0.80); /* dark text for readability */
}
/* Shimmer */
.pbi-shimmer[b-le862n724w] {
    background: linear-gradient( 90deg, rgba(15, 23, 42, 0.05) 0%, rgba(99, 102, 241, 0.14) 50%, rgba(15, 23, 42, 0.05) 100% ); /* subtle highlight on dark bg */
    background-size: 200% 100%;
    animation: shimmer-b-le862n724w 1.2s infinite linear; /* smooth, continuous shimmer */
    border-radius: 6px;
    margin-bottom: 8px;
}

.pbi-shimmer-title[b-le862n724w] {
    height: 16px;
    width: 60%;
}

.pbi-shimmer-row[b-le862n724w] {
    height: 10px;
    width: 100%;
}

    .pbi-shimmer-row.short[b-le862n724w] {
        width: 70%;
    }

/* Shimmer animation: moves the gradient from right to left */
@keyframes shimmer-b-le862n724w {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}
/* _content/Aperture.WebApp/Components/Pages/BusinessIntelligence.razor.rz.scp.css */
/* Page wrapper fills the <main> flex container */
.bi-page[b-ixaz7pnoos] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

/* Body area grows to fill remaining height below the top-row */
.bi-body[b-ixaz7pnoos] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

/* Parent establishes the box to fill */
.pbi-host[b-ixaz7pnoos] {
    position: relative;
    min-height: 200px;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.02);
}

/* Child fills the parent exactly */
#reportContainer.pbi-fill[b-ixaz7pnoos] {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

/* Make the SDK iframe fill the container */
#reportContainer iframe[b-ixaz7pnoos] {
    width: 100% !important;
    height: 100% !important;
    border: 0;
    display: block;
}

/* Smooth fade on re-embeds */
.pbi-report[b-ixaz7pnoos] {
    transition: opacity 160ms ease, filter 160ms ease;
    opacity: 1;
    filter: none;
}

    .pbi-report.is-fading[b-ixaz7pnoos],
    #reportContainer.is-fading[b-ixaz7pnoos] {
        opacity: 0.15;
        filter: blur(2px);
        pointer-events: none;
    }

/* Overlay that blocks interaction during embed */
.pbi-overlay[b-ixaz7pnoos] {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    background: rgba(10, 10, 10, 0.25);
}

.pbi-overlay-card[b-ixaz7pnoos] {
    width: min(720px, 92%);
    border-radius: 18px;
    padding: 18px 18px 14px 18px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.35);
}

/* Shimmer blocks */
.pbi-shimmer[b-ixaz7pnoos] {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    margin-bottom: 10px;
}

    .pbi-shimmer[b-ixaz7pnoos]::after {
        content: "";
        position: absolute;
        inset: 0;
        transform: translateX(-100%);
        background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.14) 50%, rgba(255,255,255,0) 100% );
        animation: pbiShimmer-b-ixaz7pnoos 1.1s infinite;
    }

@keyframes pbiShimmer-b-ixaz7pnoos {
    100% {
        transform: translateX(100%);
    }
}

.pbi-shimmer-title[b-ixaz7pnoos] {
    height: 18px;
    width: 52%;
}

.pbi-shimmer-row[b-ixaz7pnoos] {
    height: 12px;
    width: 100%;
}

    .pbi-shimmer-row.short[b-ixaz7pnoos] {
        width: 68%;
    }

.pbi-overlay-footer[b-ixaz7pnoos] {
    display: flex;
    align-items: center;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.92);
    font-weight: 600;
}
/* _content/Aperture.WebApp/Components/Pages/Common/NotImplementedPage.razor.rz.scp.css */
.ni-container[b-38hpsngcbc] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--global-white-bg);
    padding: 2rem;
}

.ni-card[b-38hpsngcbc] {
    background: white;
    border-radius: 16px;
    padding: 3rem;
    max-width: 520px;
    width: 100%;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border-top: 6px solid var(--mj-col-teal);
}

.ni-icon[b-38hpsngcbc] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.ni-title[b-38hpsngcbc] {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.5rem;
}

.ni-subtitle[b-38hpsngcbc] {
    color: var(--mj-col-charcoal-contrast);
    margin-bottom: 1.5rem;
}

.ni-divider[b-38hpsngcbc] {
    height: 2px;
    width: 60px;
    margin: 1rem auto;
    background: var(--mj-col-lime);
    border-radius: 2px;
}

.ni-description[b-38hpsngcbc] {
    font-size: 0.95rem;
    color: var(--mj-col-charcoal-contrast);
    margin-bottom: 2rem;
}

.ni-actions[b-38hpsngcbc] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

[b-38hpsngcbc] .ni-btn-primary {
    background: var(--mj-col-teal);
    color: white;
    border: 3px solid transparent;
    border-radius: 8px;
    padding: 0.6rem 1.4rem;
    cursor: pointer;
    transition: 0.2s ease;
}

    [b-38hpsngcbc] .ni-btn-primary:hover {
        color: var(--mj-col-teal);
        background: var(--global-white-bg);
        border-color: var(--mj-col-teal);
        border-radius: 8px;
    }
/* _content/Aperture.WebApp/Components/Pages/Common/RestrictedAccessNotice.razor.rz.scp.css */
.ra-container[b-686m6jx9xi] {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--global-white-bg);
    padding: 2rem;
}

.ra-card[b-686m6jx9xi] {
    background: #ffffff;
    border-radius: 16px;
    padding: 3rem 3rem 2.5rem;
    max-width: 480px;
    width: 100%;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border-top: 6px solid var(--mj-col-raspberry);
}

.ra-icon-ring[b-686m6jx9xi] {
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 auto 1.25rem;
    border-radius: 50%;
    background-color: rgba(153, 53, 102, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ra-icon[b-686m6jx9xi] {
    font-size: 2rem;
    color: var(--mj-col-raspberry);
}

.ra-title[b-686m6jx9xi] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--mj-col-charcoal);
    margin-bottom: 0.5rem;
}

.ra-divider[b-686m6jx9xi] {
    height: 2px;
    width: 60px;
    margin: 1rem auto;
    background: var(--mj-col-lime);
    border-radius: 2px;
}

.ra-message[b-686m6jx9xi] {
    font-size: 1rem;
    color: var(--mj-col-charcoal-contrast);
    line-height: 1.6;
    margin-bottom: 1.25rem;
}

.ra-hint[b-686m6jx9xi] {
    font-size: 0.85rem;
    color: #888;
    margin-bottom: 0;
}
/* _content/Aperture.WebApp/Components/Pages/Home.razor.rz.scp.css */
/* ─── Outer shell: flex column filling full viewport height ─────────────── */
.home-shell[b-5wrgmcq0vj] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ─── Content area: fills remaining height ───────────────────────────────── */
.home-content[b-5wrgmcq0vj] {
    flex: 1 1 0;
    min-height: 0;
}

.home-content .row[b-5wrgmcq0vj] {
    height: 100%;
    margin: 0;
    flex-direction: column;
    background-image: url('/images/MJ_Office_Exterior.jpg');
    background-size: cover;
    background-position: center;
}

@media (max-width: 767.98px) {
    .home-content .row[b-5wrgmcq0vj] {
        flex-direction: column;
    }

    /* Hide the empty photo strip on mobile — right panel fills full height */
    .home-content .left-col[b-5wrgmcq0vj] {
        display: none;
    }

    .home-content .right-col[b-5wrgmcq0vj] {
        flex: 1 1 auto;
        min-height: 0;
    }

    /* Scale logo down so it fits alongside buttons without scrolling */
    .right-aperture-logo[b-5wrgmcq0vj] {
        max-height: 180px;
    }

    /* Slightly narrower button group to give breathing room */
    .home-btn-group[b-5wrgmcq0vj] {
        width: 88%;
    }
}

.left-col[b-5wrgmcq0vj],
.right-col[b-5wrgmcq0vj] {
    padding: 0;
}

/* ─── Left panel: transparent — shows row background image ───────────────── */
.left-col[b-5wrgmcq0vj] {
    position: relative;
}

/* ─── Right panel: blurred photo bleed ───────────────────────────────────── */
.right-col[b-5wrgmcq0vj] {
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

/* Transparent pseudo-element — row background shows through */
.right-col[b-5wrgmcq0vj]::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
}

/* Dark overlay to deepen background and make white logo readable */
.right-col[b-5wrgmcq0vj]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 0;
}

/* ─── Main content block (logo + buttons) ─────────────────────────────────── */
.right-content[b-5wrgmcq0vj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 100%;
    padding: 2.5rem 1.75rem 1rem;
    position: relative;
    z-index: 1;
}

/* ─── Aperture logo ──────────────────────────────────────────────────────── */
.right-aperture-logo[b-5wrgmcq0vj] {
    max-width: 95%;
    max-height: 340px;
    width: auto;
    object-fit: contain;
    display: block;
}

/* ─── Button group ───────────────────────────────────────────────────────── */
.home-btn-group[b-5wrgmcq0vj] {
    width: 85%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.85rem;
    position: relative;
    z-index: 1;
}

[b-5wrgmcq0vj] .home-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.85rem 1.5rem;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.18s ease, border-color 0.18s ease,
                color 0.18s ease, transform 0.12s ease;
    cursor: pointer;
    white-space: nowrap;
}

[b-5wrgmcq0vj] .home-btn:hover {
    transform: translateY(-1px);
}

/* LOGIN: frosted glass light */
[b-5wrgmcq0vj] .home-btn-primary {
    background-color: rgba(255, 255, 255, 0.88);
    color: var(--mj-col-charcoal);
    border: 2px solid rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

[b-5wrgmcq0vj] .home-btn-primary:hover {
    background-color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
    color: var(--mj-col-charcoal);
}

/* REQUEST ACCESS: frosted glass dark */
[b-5wrgmcq0vj] .home-btn-secondary {
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

[b-5wrgmcq0vj] .home-btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.8);
    color: #ffffff;
}

/* ─── Footer ─────────────────────────────────────────────────────────────── */
.right-footer[b-5wrgmcq0vj] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem 1.5rem;
    position: relative;
    z-index: 1;
}

.right-footer-links[b-5wrgmcq0vj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.right-footer-link[b-5wrgmcq0vj] {
    font-size: 0.72rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    letter-spacing: 0.03em;
    transition: color 0.15s ease;
}

.right-footer-link:hover[b-5wrgmcq0vj] {
    color: rgba(255, 255, 255, 1);
    text-decoration: underline;
}

.right-footer-sep[b-5wrgmcq0vj] {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.3);
}

.right-mj-logo[b-5wrgmcq0vj] {
    max-width: 80%;
    max-height: 64px;
    object-fit: contain;
    opacity: 0.65;
    display: block;
}
/* _content/Aperture.WebApp/Components/Pages/MessageCenter/Messages.razor.rz.scp.css */
/* ─── Page container ─────────────────────────────────────────────────────── */

.message-central-page[b-9j84pwmpfd] {
    background-color: transparent;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

/* ─── Page header toolbar ────────────────────────────────────────────────── */

.page-toolbar[b-9j84pwmpfd] {
    background: #ffffff;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
    padding: 0;
    margin-bottom: 1.25rem;
    align-items: center;
}

.page-toolbar > [class*="col"][b-9j84pwmpfd] {
    padding: 0.75rem 0.75rem;
    margin-top: 0 !important;
}

/* ─── Toolbar: compose toggle button (matches create-* btn style) ────────── */

.compose-toggle-btn[b-9j84pwmpfd] {
    min-width: 170px;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 0 !important;
    padding: 0.3rem 1.1rem;
    font-size: 0.88rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    background-color: var(--mj-col-raspberry) !important;
    border-color: var(--mj-col-raspberry) !important;
    color: #ffffff !important;
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

    .compose-toggle-btn:hover[b-9j84pwmpfd] {
        background-color: #7d2b54 !important;
        border-color: #7d2b54 !important;
    }

/* ─── Reset sort button ──────────────────────────────────────────────────── */

.reset-sort-btn[b-9j84pwmpfd] {
    border-radius: 999px;
    font-weight: 700;
    padding: 0.4rem 1rem;
    color: var(--mj-col-teal);
    background-color: transparent;
    border: 1px solid rgba(41, 142, 165, 0.3);
    font-size: 0.82rem;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.15s ease;
}

    .reset-sort-btn:hover[b-9j84pwmpfd] {
        color: #ffffff;
        border-color: var(--mj-col-teal);
        background-color: var(--mj-col-teal);
        transform: translateY(-1px);
    }

    .reset-sort-btn:focus[b-9j84pwmpfd],
    .reset-sort-btn:focus-visible[b-9j84pwmpfd] {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.25);
    }

/* ─── Row margin/padding zero (match other admin pages) ─────────────────── */

.message-central-page > .row:not(.page-toolbar)[b-9j84pwmpfd] {
    margin-left: 0;
    margin-right: 0;
}

.message-central-page > .row:not(.page-toolbar) > .col-12[b-9j84pwmpfd] {
    padding-left: 0;
    padding-right: 0;
}

/* ─── Compose panel (collapsible, CSS grid trick) ────────────────────────── */

.compose-panel[b-9j84pwmpfd] {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows 0.28s ease, margin-bottom 0.28s ease, border-color 0.18s ease;
    margin-bottom: 0;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}

.compose-panel-open[b-9j84pwmpfd] {
    grid-template-rows: 1fr;
    margin-bottom: 1.25rem;
}

.compose-panel > *[b-9j84pwmpfd] {
    min-height: 0;
    overflow: hidden;
}

.compose-form-inner[b-9j84pwmpfd] {
    padding: 1.25rem;
}

.compose-field-group[b-9j84pwmpfd] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.compose-label[b-9j84pwmpfd] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.compose-input[b-9j84pwmpfd] {
    border: 1.5px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 0 !important;
    padding: 0.3rem 0.85rem !important;
    background-color: #f8f9fa !important;
    color: var(--mj-col-charcoal);
    font-size: 0.88rem;
    box-shadow: none !important;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
    width: 100%;
    outline: none;
    font-family: inherit;
}

    .compose-input[b-9j84pwmpfd]::placeholder {
        color: #adb5bd;
        font-style: normal;
    }

    .compose-input:focus[b-9j84pwmpfd] {
        border-color: var(--mj-col-teal) !important;
        background-color: #ffffff !important;
        box-shadow: 0 0 0 0.15rem rgba(41, 142, 165, 0.15) !important;
    }

    .compose-input:disabled[b-9j84pwmpfd] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.compose-textarea[b-9j84pwmpfd] {
    resize: vertical;
    min-height: 6rem;
    line-height: 1.55;
}

.compose-actions[b-9j84pwmpfd] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 0.25rem;
}

/* ─── Compose send button ────────────────────────────────────────────────── */

.compose-send-btn[b-9j84pwmpfd] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 1.35rem;
    font-weight: 600;
    font-size: 0.88rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border-radius: 0 !important;
    background-color: var(--mj-col-teal) !important;
    border-color: var(--mj-col-teal) !important;
    color: #ffffff !important;
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.15s ease;
}

    .compose-send-btn:hover:not(:disabled)[b-9j84pwmpfd] {
        background-color: #217a8e !important;
        border-color: #217a8e !important;
        transform: translateY(-1px);
    }

    .compose-send-btn:focus[b-9j84pwmpfd],
    .compose-send-btn:focus-visible[b-9j84pwmpfd] {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(41, 142, 165, 0.3) !important;
    }

    .compose-send-btn:disabled[b-9j84pwmpfd] {
        opacity: 0.6;
        cursor: not-allowed;
    }

/* ─── Messages table shell ───────────────────────────────────────────────── */

.messages-table-shell[b-9j84pwmpfd] {
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.messages-list-header-card[b-9j84pwmpfd] {
    border: none;
    margin-bottom: 0;
    background: #ffffff;
}

/* ─── Table ──────────────────────────────────────────────────────────────── */

.message-table[b-9j84pwmpfd] {
    color: var(--mj-col-charcoal);
    margin-bottom: 0;
}

    .message-table thead th[b-9j84pwmpfd] {
        background-color: #ffffff;
        color: var(--mj-col-charcoal);
        vertical-align: middle;
        border-bottom: 2px solid var(--mj-col-teal) !important;
        padding: 0.4rem 0.5rem;
    }

    .message-table tbody tr td[b-9j84pwmpfd] {
        vertical-align: middle;
        border-color: rgba(0, 0, 0, 0.05);
        padding: 0.65rem 0.75rem;
    }

/* ─── Sort header buttons ────────────────────────────────────────────────── */

.sort-header-btn[b-9j84pwmpfd] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.6rem 0.35rem 0;
    border: none;
    background: transparent;
    color: #6c757d;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-radius: 0.5rem;
    transition: background-color 0.18s ease, color 0.18s ease;
}

    .sort-header-btn:hover[b-9j84pwmpfd] {
        background-color: rgba(41, 142, 165, 0.1);
        color: var(--mj-col-teal);
    }

    .sort-header-btn:focus[b-9j84pwmpfd],
    .sort-header-btn:focus-visible[b-9j84pwmpfd] {
        outline: none;
        color: var(--mj-col-teal);
        background-color: rgba(41, 142, 165, 0.1);
        box-shadow: 0 0 0 0.18rem rgba(41, 142, 165, 0.2);
    }

.sort-header-btn-active[b-9j84pwmpfd] {
    background-color: rgba(41, 142, 165, 0.12);
    color: var(--mj-col-teal);
    box-shadow: inset 0 0 0 1px rgba(41, 142, 165, 0.25);
}

.sort-header-label[b-9j84pwmpfd] {
    white-space: nowrap;
    letter-spacing: 0.08em;
}

.sort-priority-badge[b-9j84pwmpfd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 800;
    background-color: var(--mj-col-teal);
    color: #ffffff;
    line-height: 1;
}

.sort-header-icon[b-9j84pwmpfd] {
    font-size: 0.9rem;
    line-height: 1;
    color: var(--mj-col-teal);
    opacity: 0.7;
}

/* ─── Sort hint row ──────────────────────────────────────────────────────── */

.sort-hint-row td[b-9j84pwmpfd] {
    background-color: #f8f9fa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    padding: 0.4rem 0.75rem;
}

.sort-hint-text[b-9j84pwmpfd] {
    color: #6c757d;
    font-size: 0.78rem;
}

/* ─── Message rows ───────────────────────────────────────────────────────── */

.message-row[b-9j84pwmpfd] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

    .message-row:hover[b-9j84pwmpfd] {
        background-color: rgba(41, 142, 165, 0.04) !important;
    }

    .message-row.message-row-expanded[b-9j84pwmpfd] {
        background-color: rgba(41, 142, 165, 0.06) !important;
        border-left: 3px solid var(--mj-col-teal);
    }

.message-body-cell[b-9j84pwmpfd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.message-expand-icon[b-9j84pwmpfd] {
    font-size: 0.85rem;
    color: #6c757d;
    opacity: 0.6;
    flex-shrink: 0;
    transition: opacity 0.15s ease;
}

.message-row:hover .message-expand-icon[b-9j84pwmpfd] {
    opacity: 1;
}

/* ─── Expanded row detail ────────────────────────────────────────────────── */

.message-expanded-row td[b-9j84pwmpfd] {
    background-color: var(--mj-col-soft-teal);
    border-top: none !important;
    padding: 0 !important;
    border-color: rgba(41, 142, 165, 0.12) !important;
}

.message-expanded-body[b-9j84pwmpfd] {
    padding: 1rem 1.25rem;
    border-left: 3px solid var(--mj-col-teal);
    margin: 0.35rem 0.75rem 0.5rem 0.75rem;
    border-radius: 0 0.5rem 0.5rem 0;
    background-color: #ffffff;
}

.message-expanded-meta[b-9j84pwmpfd] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 0.65rem;
}

.message-expanded-text[b-9j84pwmpfd] {
    margin: 0;
    white-space: pre-wrap;
    line-height: 1.6;
    color: var(--mj-col-charcoal);
    font-size: 0.92rem;
}

/* ─── Empty state ────────────────────────────────────────────────────────── */

.empty-state-panel[b-9j84pwmpfd] {
    padding: 2.5rem 1.5rem;
    text-align: center;
    color: var(--mj-col-charcoal);
}

.empty-state-icon[b-9j84pwmpfd] {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0.75rem;
    color: var(--mj-col-teal);
    opacity: 0.55;
}

.empty-state-title[b-9j84pwmpfd] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.35rem;
    color: var(--mj-col-charcoal);
}

.empty-state-text[b-9j84pwmpfd] {
    color: #6c757d;
    font-size: 0.88rem;
}

/* ─── Responsive ─────────────────────────────────────────────────────────── */

@media (min-width: 768px) {
    .page-toolbar > .col-12.col-lg-auto[b-9j84pwmpfd] {
        flex: 0 0 auto !important;
        width: auto !important;
    }

    .page-toolbar > .col-12.col-lg[b-9j84pwmpfd] {
        flex: 1 1 0% !important;
    }
}

@media (max-width: 767.98px) {
    .page-toolbar[b-9j84pwmpfd] {
        align-items: stretch;
    }

    .compose-toggle-btn[b-9j84pwmpfd] {
        width: 100%;
    }
}
/* _content/Aperture.WebApp/Components/Pages/Profile.razor.rz.scp.css */
.edit-button[b-za95fus55d] {
    color: var(--mj-col-raspberry);
    fill: var(--mj-col-raspberry);
    border: none;
    background: none;
}

.edit-button:hover[b-za95fus55d] {
    color: var(--mj-col-charcoal);
}

.edit-button:active
.edit-button:after
.edit-button:visited
.edit-button:focus[b-za95fus55d] {
    border: none;
    box-shadow: none;
}
/* _content/Aperture.WebApp/Components/Pages/SignUp.razor.rz.scp.css */
/* ─── Outer shell ────────────────────────────────────────────────────────── */
.signup-shell[b-n3ughv1hfc] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: var(--global-white-bg);
    position: relative;
    overflow: hidden;
}

/* Gray plus-sign grid over white background */
.signup-shell[b-n3ughv1hfc]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/images/Plus%20sign%20grid_2025_3K_Gray.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.05;
    filter: invert(1);
    pointer-events: none;
    z-index: 0;
}

.signup-main[b-n3ughv1hfc] {
    position: relative;
    z-index: 1;
}

/* ─── Top nav — mirrors landing page & real TopNavBar ────────────────────── */
.signup-topbar[b-n3ughv1hfc] {
    height: 70px;
    flex-shrink: 0;
    background-color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    padding: 0 1.25rem;
    display: flex;
    align-items: center;
    z-index: 10;
}

.signup-topbar-logo[b-n3ughv1hfc] {
    height: 36px;
    width: 36px;
    object-fit: contain;
}

.signup-topbar-contact[b-n3ughv1hfc] {
    margin-left: auto;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--mj-col-teal);
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.18s ease;
}

.signup-topbar-contact:hover[b-n3ughv1hfc] {
    color: var(--mj-col-raspberry);
}

/* ─── Main area ──────────────────────────────────────────────────────────── */
.signup-main[b-n3ughv1hfc] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
}

/* ─── Card ───────────────────────────────────────────────────────────────── */
.signup-card[b-n3ughv1hfc] {
    width: 100%;
    max-width: 480px;
    background: #ffffff;
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.09);
    overflow: hidden;
}

/* ─── Card header: teal ──────────────────────────────────────────────────── */
.signup-card-header[b-n3ughv1hfc] {
    background: var(--mj-col-teal);
    padding: 1.75rem 2rem;
}

.signup-title[b-n3ughv1hfc] {
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.3rem;
    letter-spacing: 0.02em;
}

.signup-subtitle[b-n3ughv1hfc] {
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.875rem;
    margin-bottom: 0;
}

/* ─── Card body ──────────────────────────────────────────────────────────── */
.signup-card-body[b-n3ughv1hfc] {
    padding: 1.75rem 2rem 2rem;
}

/* ─── Form fields ────────────────────────────────────────────────────────── */
.signup-field[b-n3ughv1hfc] {
    margin-bottom: 1.25rem;
}

.signup-label[b-n3ughv1hfc] {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--mj-col-charcoal);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.4rem;
}

.signup-input[b-n3ughv1hfc] {
    border-radius: 0 !important;
    border-color: rgba(58, 56, 52, 0.2) !important;
    font-size: 0.9rem;
    color: var(--mj-col-charcoal);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.signup-input:focus[b-n3ughv1hfc] {
    border-color: var(--mj-col-teal) !important;
    box-shadow: 0 0 0 3px rgba(41, 142, 165, 0.12) !important;
    outline: none;
}

.signup-captcha-hint[b-n3ughv1hfc] {
    font-size: 0.78rem;
    color: #999;
    margin-top: 0.4rem;
}

/* ─── Actions ────────────────────────────────────────────────────────────── */
.signup-actions[b-n3ughv1hfc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.signup-btn[b-n3ughv1hfc] {
    width: 100%;
    text-align: center;
    justify-content: center;
}