/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ===== APP LAYOUT ===== */
.app-layout[b-lsewt42ba4] {
    display: flex;
    min-height: 100vh;
}

/* ===== SIDEBAR ===== */
.app-sidebar[b-lsewt42ba4] {
    width: 210px;
    min-width: 210px;
    background: linear-gradient(180deg, var(--sidebar-gradient-start) 0%, var(--sidebar-gradient-end) 100%);
    color: #d9e5f2;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    transition: width 0.2s ease, min-width 0.2s ease;
    z-index: 1040;
}

.app-sidebar.collapsed[b-lsewt42ba4] {
    width: 60px;
    min-width: 60px;
}

.sidebar-brand[b-lsewt42ba4] {
    padding: 0.85rem 0.9rem;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    min-height: 60px;
    display: flex;
    align-items: center;
}

.sidebar-brand a[b-lsewt42ba4] {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.sidebar-brand .brand-button[b-lsewt42ba4] {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: opacity 0.2s ease;
    width: 100%;
}

.sidebar-brand .brand-button:hover[b-lsewt42ba4] {
    opacity: 0.8;
}

.sidebar-brand i[b-lsewt42ba4] {
    font-size: 1.4rem;
    color: var(--accent-color);
}

.sidebar-nav[b-lsewt42ba4] {
    padding: 0.35rem 0;
    flex: 1;
}

.nav-section-header[b-lsewt42ba4] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(217, 229, 242, 0.56);
    padding: 0.65rem 0.9rem 0.15rem;
    font-weight: 600;
    min-height: 1.6rem;
}

.app-sidebar.collapsed .nav-section-header[b-lsewt42ba4] {
    padding: 0.8rem 0 0.25rem;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.04);
    margin-top: 0.25rem;
}

.nav-group[b-lsewt42ba4] {
    border: 0;
    margin: 0;
}
.nav-group > summary[b-lsewt42ba4] {
    list-style: none;
    cursor: pointer;
    user-select: none;
}
.nav-group > summary[b-lsewt42ba4]::-webkit-details-marker { display: none; }
.nav-group > summary[b-lsewt42ba4]::after {
    content: "▸";
    float: right;
    opacity: 0.45;
    font-size: 0.7rem;
    margin-top: 0.15rem;
}
.nav-group[open] > summary[b-lsewt42ba4]::after { content: "▾"; }
.app-sidebar.collapsed .nav-group > summary[b-lsewt42ba4] { display: none; }

.app-sidebar[b-lsewt42ba4]  .nav-link {
    color: rgba(255, 255, 255, 0.82);
    padding: 0.46rem 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.84rem;
    border-radius: 10px;
    margin: 2px 0.5rem;
    transition: all 0.15s;
    text-decoration: none;
}

.app-sidebar[b-lsewt42ba4]  .nav-link:hover {
    color: #ffffff;
    background: rgba(255,255,255,0.12);
}

.app-sidebar[b-lsewt42ba4]  .nav-link.active {
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
    font-weight: 600;
    border-radius: 10px;
    box-shadow: none;
}

.app-sidebar[b-lsewt42ba4]  .nav-link.active i {
    color: #7ec8f0;
    filter: drop-shadow(0 0 3px rgba(126, 200, 240, 0.4));
}

.app-sidebar[b-lsewt42ba4]  .nav-link i {
    font-size: 1rem;
    width: 1.25rem;
    text-align: center;
    flex-shrink: 0;
}

.app-sidebar.collapsed[b-lsewt42ba4]  .nav-link {
    justify-content: center;
    padding: 0.55rem;
    margin: 1px 0.35rem;
}

/* ===== MAIN AREA ===== */
.app-main[b-lsewt42ba4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--bg-color);
    box-shadow: none;
}

/* ===== HEADER ===== */
.app-header[b-lsewt42ba4] {
    min-height: 56px;
    background: var(--header-bg, #ffffff);
    border-bottom: 1px solid var(--header-border, #d8e0ea);
    display: flex;
    align-items: center;
    padding: 0 0.85rem;
    gap: 0.8rem;
    z-index: 1030;
    overflow: visible; /* notification badge must not be clipped */
}

.header-left[b-lsewt42ba4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sidebar-toggle[b-lsewt42ba4] {
    color: var(--header-icon, #3d526a);
    font-size: 1.25rem;
    padding: 0.25rem 0.5rem;
    text-decoration: none;
}

.sidebar-toggle:hover[b-lsewt42ba4],
.sidebar-toggle:focus-visible[b-lsewt42ba4] {
    color: var(--header-icon-hover, #0b2e59);
}

.header-brand[b-lsewt42ba4] {
    font-weight: 700;
    color: var(--text-color, #1a2332);
    text-decoration: none;
    font-size: 1.1rem;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.header-brand:hover[b-lsewt42ba4] {
    opacity: 0.7;
}

.header-center[b-lsewt42ba4] {
    flex: 1;
    max-width: 560px;
    min-width: 0;
}

.global-search[b-lsewt42ba4] {
    position: relative;
    width: 100%;
}

.global-search > .bi-search[b-lsewt42ba4],
.global-search > i.bi-search[b-lsewt42ba4] {
    position: absolute;
    left: 0.85rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted-color, #6c757d);
    font-size: 0.9rem;
    pointer-events: none;
    z-index: 1;
}

.global-search i[b-lsewt42ba4] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted-color, #6c757d);
    font-size: 0.85rem;
}

.global-search input[b-lsewt42ba4],
.global-search .global-search-input[b-lsewt42ba4] {
    width: 100%;
    padding: 0.42rem 3.6rem 0.42rem 2.15rem;
    border: 1px solid var(--input-border, #dee2e6);
    border-radius: 12px;
    font-size: 0.88rem;
    background: var(--surface-bg-muted, #f4f7fb);
    color: var(--input-color, var(--text-color));
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}

.global-search input:focus[b-lsewt42ba4],
.global-search .global-search-input:focus[b-lsewt42ba4] {
    outline: none;
    border-color: var(--accent-color, var(--primary-color));
    background: var(--input-bg, #fff);
    color: var(--input-color, var(--text-color));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-color, var(--primary-color)) 12%, transparent);
}

.global-search-kbd[b-lsewt42ba4] {
    position: absolute;
    right: 0.55rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #6b7c8f;
    background: #e8eef5;
    border: 1px solid #d0dae6;
    border-radius: 6px;
    padding: 0.12rem 0.35rem;
    pointer-events: none;
    line-height: 1.2;
}

/* Kbd hint is only rendered at >=992px (d-none d-lg-inline); reclaim the
   reserved right padding below that so the input isn't squeezed for nothing. */
@media (max-width: 991.98px) {
    .global-search input[b-lsewt42ba4],
    .global-search .global-search-input[b-lsewt42ba4] {
        padding-right: 0.75rem;
    }
}

.global-search:focus-within .global-search-kbd[b-lsewt42ba4] {
    opacity: 0.35;
}

/* Prominent Create control (HCP-style command action) */
.header-create-btn[b-lsewt42ba4] {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    font-weight: 700;
    letter-spacing: 0.01em;
    border-radius: 10px;
    padding: 0.38rem 0.75rem;
    box-shadow: 0 2px 8px rgba(25, 135, 84, 0.28);
}

.header-create-btn:focus-visible[b-lsewt42ba4] {
    box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.28);
}

.header-create-menu[b-lsewt42ba4] {
    min-width: 11.5rem;
}

.search-dropdown-empty[b-lsewt42ba4] {
    padding: 0.75rem 1rem;
    font-size: 0.84rem;
    color: var(--text-muted-color, #6c757d);
}

.global-search-dropdown[b-lsewt42ba4] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 4px;
    background: var(--surface-bg, #fff);
    border: 1px solid var(--border-color, #dee2e6);
    border-radius: 8px;
    box-shadow: var(--shadow-elevated, 0 8px 24px rgba(0,0,0,0.12));
    z-index: 1070;
    max-height: 420px;
    overflow-y: auto;
}

.search-dropdown-category[b-lsewt42ba4] {
    padding: 6px 12px 2px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted-color, #6c757d);
    border-top: 1px solid var(--border-color, #f0f0f0);
}

.search-dropdown-category:first-child[b-lsewt42ba4] {
    border-top: none;
}

.search-dropdown-item[b-lsewt42ba4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 12px;
    text-decoration: none;
    color: var(--text-color, #212529);
    cursor: pointer;
    transition: background 0.1s;
}

.search-dropdown-item:hover[b-lsewt42ba4] {
    background: var(--primary-tint, #f0f4ff);
    color: var(--text-color, #212529);
}

.search-dropdown-item i[b-lsewt42ba4] {
    font-size: 1rem;
    width: 20px;
    text-align: center;
    flex-shrink: 0;
}

.search-dropdown-text[b-lsewt42ba4] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.search-dropdown-title[b-lsewt42ba4] {
    font-size: 0.85rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-dropdown-subtitle[b-lsewt42ba4] {
    font-size: 0.75rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-dropdown-viewall[b-lsewt42ba4] {
    display: block;
    text-align: center;
    padding: 8px 12px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--bs-primary, #0d6efd);
    text-decoration: none;
    border-top: 1px solid #f0f0f0;
    cursor: pointer;
}

.search-dropdown-viewall:hover[b-lsewt42ba4] {
    background: #f0f4ff;
}

.header-right[b-lsewt42ba4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
    /* Badges sit near icon edges; don't clip them */
    overflow: visible;
}

.header-icon[b-lsewt42ba4] {
    color: var(--header-icon, #3d526a);
    font-size: 1.2rem;
    padding: 0.35rem 0.45rem;
    text-decoration: none;
    border-radius: 10px;
    overflow: visible;
    opacity: 1;
}

.header-icon:hover[b-lsewt42ba4],
.header-icon:focus-visible[b-lsewt42ba4] {
    color: var(--header-icon-hover, #0b2e59);
    background: var(--primary-tint, rgba(0, 51, 102, 0.08));
    border-radius: 10px;
}

.header-icon i.bi[b-lsewt42ba4] {
    color: inherit;
    opacity: 1;
}

/* Notification badge — keep fully inside the header (Bootstrap translate-middle was clipped) */
.header-notif-wrap[b-lsewt42ba4] {
    overflow: visible;
}

.header-notif-badge[b-lsewt42ba4] {
    position: absolute;
    top: 1px;
    right: 0;
    /* No vertical translate-middle: that hung half the badge above the header */
    transform: translate(35%, 0);
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1;
    min-width: 1.15rem;
    padding: 0.22em 0.38em;
    z-index: 2;
    pointer-events: none;
}

/* Notification badge pulse */
@keyframes badgePulse-b-lsewt42ba4 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.6); }
    50%      { box-shadow: 0 0 0 4px rgba(220, 53, 69, 0); }
}

.header-icon .badge.bg-danger[b-lsewt42ba4],
.header-notif-badge[b-lsewt42ba4] {
    animation: badgePulse-b-lsewt42ba4 2s ease-in-out infinite;
}

/* ===== CONTENT ===== */
.app-content[b-lsewt42ba4] {
    flex: 1;
    padding: 1rem 1.1rem 1.25rem;
    overflow-y: auto;
    background: var(--bg-color, #eef3f8);
    color: var(--text-color);
}

/* ===== FOOTER ===== */
.app-footer[b-lsewt42ba4] {
    min-height: 40px;
    background: var(--header-bg, #ffffff);
    border-top: 1px solid var(--header-border, #d8e0ea);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.25rem;
    font-size: 0.8rem;
    color: var(--text-muted-color, #5f6f82);
}

.footer-left[b-lsewt42ba4],
.footer-right[b-lsewt42ba4] {
    display: flex;
    align-items: center;
}

.footer-left[b-lsewt42ba4],
.footer-right[b-lsewt42ba4] {
    gap: 0.75rem;
}

.footer-divider[b-lsewt42ba4] {
    width: 1px;
    height: 12px;
    background: #c8d4e0;
}

.footer-status[b-lsewt42ba4] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #1c7c54;
}

.footer-status i[b-lsewt42ba4] {
    font-size: 0.45rem;
}

.footer-right a[b-lsewt42ba4] {
    color: inherit;
    text-decoration: none;
}

.footer-right a:hover[b-lsewt42ba4] {
    text-decoration: underline;
}

/* ===== MOBILE BACKDROP ===== */
.sidebar-backdrop[b-lsewt42ba4] {
    display: none;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .app-sidebar[b-lsewt42ba4] {
        position: fixed;
        left: -240px;
        top: 0;
        height: 100vh;
        transition: left 0.3s ease;
        z-index: 1050;
    }

    .app-sidebar.mobile-open[b-lsewt42ba4] {
        left: 0;
        box-shadow: 4px 0 16px rgba(0,0,0,0.4);
    }

    .app-sidebar.collapsed[b-lsewt42ba4] {
        width: 240px;
        min-width: 240px;
    }

    .sidebar-backdrop[b-lsewt42ba4] {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1045;
    }

    .sidebar-backdrop.visible[b-lsewt42ba4] {
        display: block;
    }

    .header-center[b-lsewt42ba4] {
        max-width: none;
    }

    .app-header[b-lsewt42ba4] {
        gap: 0.4rem;
        padding: 0 0.5rem;
    }

    .header-icon[b-lsewt42ba4] {
        padding: 0.3rem 0.35rem;
    }

    .header-right[b-lsewt42ba4] {
        gap: 0.15rem;
    }
}

/* Reclaim header width on narrow phones: brand text and the page-print
   shortcut are redundant with the sidebar toggle and per-page print actions. */
@media (max-width: 480px) {
    .header-brand[b-lsewt42ba4] {
        display: none;
    }

    .header-icon.no-print[b-lsewt42ba4] {
        display: none;
    }
}

    .app-content[b-lsewt42ba4] {
        padding: 1rem 0.75rem;
    }

    .app-footer[b-lsewt42ba4] {
        flex-wrap: wrap;
        height: auto;
        padding: 0.5rem 0.75rem;
        gap: 0.5rem;
    }

    .footer-left[b-lsewt42ba4],
    .footer-right[b-lsewt42ba4] {
        flex: 1 1 auto;
        justify-content: center;
        flex-wrap: wrap;
    }
}

/* ===== DARK MODE OVERRIDES ===== */
:global(.dark-theme) .app-sidebar[b-lsewt42ba4] {
    background: linear-gradient(180deg, #121c2a 0%, #0d141f 100%);
}

:global(.dark-theme) .sidebar-brand[b-lsewt42ba4] {
    border-color: rgba(255,255,255,0.05);
}

:global(.dark-theme) .app-header[b-lsewt42ba4] {
    background: #1b2330;
    border-color: #2e3948;
}

:global(.dark-theme) .sidebar-toggle[b-lsewt42ba4] {
    color: #8899a6;
}

:global(.dark-theme) .header-brand[b-lsewt42ba4] {
    color: #d4d8e0;
}

:global(.dark-theme) .header-icon[b-lsewt42ba4] {
    color: #8899a6;
}

:global(.dark-theme) .global-search input[b-lsewt42ba4],
:global(.dark-theme) .global-search .global-search-input[b-lsewt42ba4] {
    background: #22252d;
    border-color: #2a2d35;
    color: #d4d8e0;
}

:global(.dark-theme) .global-search input:focus[b-lsewt42ba4],
:global(.dark-theme) .global-search .global-search-input:focus[b-lsewt42ba4] {
    background: #282b33;
    border-color: var(--accent-color);
}

:global(.dark-theme) .global-search-kbd[b-lsewt42ba4] {
    background: #2a2f38;
    border-color: #3a414c;
    color: #9aa8b8;
}

:global(.dark-theme) .header-create-btn[b-lsewt42ba4] {
    --bs-btn-bg: #1f9d5c;
    --bs-btn-border-color: #1f9d5c;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    box-shadow: 0 2px 10px rgba(31, 157, 92, 0.35);
}

:global(.dark-theme) .global-search-dropdown[b-lsewt42ba4] {
    background: #1a1d24;
    border-color: #2a2d35;
    box-shadow: 0 8px 32px rgba(0,0,0,0.5);
}

:global(.dark-theme) .search-dropdown-item[b-lsewt42ba4] {
    color: #d4d8e0;
}

:global(.dark-theme) .search-dropdown-item:hover[b-lsewt42ba4] {
    background: color-mix(in srgb, var(--accent-color) 8%, transparent);
}

:global(.dark-theme) .search-dropdown-category[b-lsewt42ba4] {
    color: #6c7380;
    border-color: #2a2d35;
}

:global(.dark-theme) .app-main[b-lsewt42ba4] {
    background: #121419;
    box-shadow: none;
}

:global(.dark-theme) .app-content[b-lsewt42ba4] {
    background: #111826;
}

:global(.dark-theme) .app-footer[b-lsewt42ba4] {
    background: #1b2330;
    border-color: #2a2d35;
}

/* ===== ERROR UI ===== */
#blazor-error-ui[b-lsewt42ba4] {
    color-scheme: light only;
    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-lsewt42ba4] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* ===== DARK THEME ===== */
/* Reinforce tokens on layout so scoped children inherit readable contrast */
.app-layout.dark-theme[b-lsewt42ba4] {
    --card-bg: #22262e;
    --text-color: #e6edf5;
    --text-muted-color: #a6b6c8;
    --bg-color: #161a21;
    --border-color: #3a4454;
    --primary-color: #5bb3e8;
    --primary-hover: #7ec8f0;
    --primary-fg: #ffffff;
    --btn-primary-bg: #1a6aa5;
    --btn-primary-bg-top: #2580c0;
    --btn-primary-hover-bg: #2d8fd4;
    --btn-primary-fg: #ffffff;
    --link-color: #8fd0f5;
    --icon-accent: #8fd0f5;
    --primary-tint: rgba(91, 179, 232, 0.12);
    --primary-tint-strong: rgba(91, 179, 232, 0.22);
    --header-bg: #1b2330;
    --header-border: #2e3a4c;
    --header-icon: #c5d4e6;
    --header-icon-hover: #ffffff;
    --btn-secondary-fg: #dce8f5;
    --btn-secondary-border: #5a6d84;
    --btn-secondary-bg: #2a313c;
    --btn-secondary-hover-bg: #354050;
    --btn-secondary-hover-fg: #ffffff;
    --input-bg: #1e2430;
    --input-border: #445266;
    --input-color: #e6edf5;
}

.app-layout.dark-theme .app-main[b-lsewt42ba4] {
    background: #1a1d23;
    box-shadow: none;
}

.app-layout.dark-theme .app-sidebar[b-lsewt42ba4] {
    background: linear-gradient(180deg, #121c2a 0%, #0d141f 100%);
}

.app-layout.dark-theme .sidebar-brand[b-lsewt42ba4] {
    border-bottom-color: rgba(255,255,255,0.06);
}

.app-layout.dark-theme .nav-section-header[b-lsewt42ba4] {
    color: #4a5a70;
}

.app-layout.dark-theme .app-sidebar[b-lsewt42ba4]  .nav-link {
    color: rgba(255, 255, 255, 0.82);
}

.app-layout.dark-theme .app-sidebar[b-lsewt42ba4]  .nav-link:hover {
    color: #ffffff;
    background: rgba(255,255,255,0.12);
}

.app-layout.dark-theme .app-sidebar[b-lsewt42ba4]  .nav-link.active {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
    box-shadow: none;
}

.app-layout.dark-theme .app-sidebar[b-lsewt42ba4]  .nav-link.active i {
    color: #7ec8f0;
    filter: drop-shadow(0 0 3px rgba(126,200,240,0.5));
}

.app-layout.dark-theme .app-header[b-lsewt42ba4] {
    background: #1b2330;
    border-bottom-color: #2e3948;
}

.app-layout.dark-theme .header-brand[b-lsewt42ba4] {
    color: #e1e8f0;
}

.app-layout.dark-theme .global-search input[b-lsewt42ba4],
.app-layout.dark-theme .global-search .global-search-input[b-lsewt42ba4] {
    background: #2a2f38;
    border-color: #3a414d;
    color: #e1e8f0;
}

.app-layout.dark-theme .global-search-kbd[b-lsewt42ba4] {
    background: #2a2f38;
    border-color: #3a414c;
    color: #9aa8b8;
}

.app-layout.dark-theme .global-search input[b-lsewt42ba4]::placeholder,
.app-layout.dark-theme .global-search .global-search-input[b-lsewt42ba4]::placeholder {
    color: #6c757d;
}

.app-layout.dark-theme .global-search input:focus[b-lsewt42ba4] {
    background: #2a2f38;
    border-color: var(--accent-color);
}

.app-layout.dark-theme .header-icon[b-lsewt42ba4] {
    color: var(--header-icon, #c5d4e6);
}

.app-layout.dark-theme .header-icon:hover[b-lsewt42ba4],
.app-layout.dark-theme .header-icon:focus-visible[b-lsewt42ba4] {
    color: var(--header-icon-hover, #ffffff);
    background: rgba(255, 255, 255, 0.1);
}

.app-layout.dark-theme .sidebar-toggle[b-lsewt42ba4] {
    color: var(--header-icon, #c5d4e6);
}

.app-layout.dark-theme .app-content[b-lsewt42ba4] {
    color: #e1e8f0;
    background: #111826;
}

.app-layout.dark-theme[b-lsewt42ba4]  .card {
    background: #22262e;
    border-color: #333840;
    color: #e1e8f0;
    border-top: 2px solid transparent;
    border-image: linear-gradient(90deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color) 8%, transparent) 100%) 1;
}

.app-layout.dark-theme[b-lsewt42ba4]  .card-header {
    background: #282d36;
    border-bottom-color: #333840;
    color: #e1e8f0;
}

.app-layout.dark-theme[b-lsewt42ba4]  .form-control,
.app-layout.dark-theme[b-lsewt42ba4]  .form-select {
    background: #2a2f38;
    border-color: #3a414d;
    color: #e1e8f0;
}

.app-layout.dark-theme[b-lsewt42ba4]  .form-control::placeholder {
    color: #8899a6;
    opacity: 1;
}

.app-layout.dark-theme[b-lsewt42ba4]  .form-control:focus,
.app-layout.dark-theme[b-lsewt42ba4]  .form-select:focus {
    background: #2a2f38;
    border-color: var(--accent-color);
    color: #e1e8f0;
}

.app-layout.dark-theme[b-lsewt42ba4]  .form-control:focus::placeholder {
    color: #6c757d;
    opacity: 1;
}

.app-layout.dark-theme[b-lsewt42ba4]  .text-muted {
    color: #9fb0c4 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  h3,
.app-layout.dark-theme[b-lsewt42ba4]  h4,
.app-layout.dark-theme[b-lsewt42ba4]  h5 {
    color: #e1e8f0;
}

.app-layout.dark-theme .app-footer[b-lsewt42ba4] {
    background: #1b2330;
    border-top: 1px solid #2e3948;
    color: #8899a6;
}

.app-layout.dark-theme .app-footer a[b-lsewt42ba4] {
    color: #8899a6 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .btn-outline-secondary,
.app-layout.dark-theme[b-lsewt42ba4]  .btn-light,
.app-layout.dark-theme[b-lsewt42ba4]  .btn-outline-light {
    color: var(--btn-secondary-fg, #dce8f5);
    border-color: var(--btn-secondary-border, #5a6d84);
    background: var(--btn-secondary-bg, #2a313c);
}

.app-layout.dark-theme[b-lsewt42ba4]  .btn-outline-secondary:hover,
.app-layout.dark-theme[b-lsewt42ba4]  .btn-light:hover,
.app-layout.dark-theme[b-lsewt42ba4]  .btn-outline-light:hover {
    color: var(--btn-secondary-hover-fg, #fff);
    background: var(--btn-secondary-hover-bg, #354050);
    border-color: var(--border-strong, #516078);
}

.app-layout.dark-theme[b-lsewt42ba4]  .btn-outline-primary {
    color: var(--primary-color, #5bb3e8);
    border-color: var(--primary-color, #5bb3e8);
    background: transparent;
}

.app-layout.dark-theme[b-lsewt42ba4]  .btn-outline-primary:hover,
.app-layout.dark-theme[b-lsewt42ba4]  .btn-outline-primary:focus,
.app-layout.dark-theme[b-lsewt42ba4]  .btn-outline-primary:active,
.app-layout.dark-theme[b-lsewt42ba4]  .btn-outline-primary.active {
    background-color: var(--primary-color, #5bb3e8);
    border-color: var(--primary-color, #5bb3e8);
    color: #0a1624;
}

/* Deep blue + white — avoid pale cyan fill with white labels */
.app-layout.dark-theme[b-lsewt42ba4]  .btn-primary {
    background: linear-gradient(180deg, #2580c0, #1a6aa5) !important;
    border-color: #1a6aa5 !important;
    color: #ffffff !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .btn-primary:hover,
.app-layout.dark-theme[b-lsewt42ba4]  .btn-primary:focus,
.app-layout.dark-theme[b-lsewt42ba4]  .btn-primary:active,
.app-layout.dark-theme[b-lsewt42ba4]  .btn-primary.active {
    background: linear-gradient(180deg, #3a9adb, #2580c0) !important;
    border-color: #2580c0 !important;
    color: #ffffff !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .modal-content {
    background: #22262e;
    border-color: #333840;
    color: #e1e8f0;
}

/* Dark mode: modal header/footer */
.app-layout.dark-theme[b-lsewt42ba4]  .modal-header {
    background: #282d36;
    border-bottom-color: #333840;
    color: #e1e8f0;
}

.app-layout.dark-theme[b-lsewt42ba4]  .modal-footer {
    background: #282d36;
    border-top-color: #333840;
}

.app-layout.dark-theme[b-lsewt42ba4]  .modal-title {
    color: #e1e8f0;
}

/* Dark mode: card overrides (record summaries/detail panels) */
.app-layout.dark-theme[b-lsewt42ba4]  .card {
    background: #22262e;
    border-color: #333840;
    color: #e1e8f0;
    border-top: 2px solid transparent;
    border-image: linear-gradient(90deg, var(--accent-color) 0%, color-mix(in srgb, var(--accent-color) 8%, transparent) 100%) 1;
}

.app-layout.dark-theme[b-lsewt42ba4]  .card-header {
    background: #282d36;
    border-bottom-color: #333840;
    color: #e1e8f0;
}

.app-layout.dark-theme[b-lsewt42ba4]  .card-footer {
    background: #282d36;
    border-top-color: #333840;
    color: #c8d6e5;
}

.app-layout.dark-theme[b-lsewt42ba4]  .card-body {
    color: #c8d6e5;
}

.app-layout.dark-theme[b-lsewt42ba4]  .card-title {
    color: #e1e8f0;
}

.app-layout.dark-theme[b-lsewt42ba4]  .card-subtitle,
.app-layout.dark-theme[b-lsewt42ba4]  .card-text {
    color: #a8b8c8;
}

/* Dark mode: badge text overrides */
.app-layout.dark-theme[b-lsewt42ba4]  .badge.bg-secondary {
    background-color: #3a414d !important;
    color: #c8d6e5;
}

.app-layout.dark-theme[b-lsewt42ba4]  .badge.bg-light {
    background-color: #2a2f38 !important;
    color: #c8d6e5;
}

.app-layout.dark-theme[b-lsewt42ba4]  .badge.bg-warning,
.app-layout.dark-theme[b-lsewt42ba4]  .bg-warning {
    background-color: #f0b429 !important;
    border-color: #f0b429 !important;
    color: #221700 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .badge.bg-warning.text-dark,
.app-layout.dark-theme[b-lsewt42ba4]  .bg-warning.text-dark,
.app-layout.dark-theme[b-lsewt42ba4]  .badge.bg-warning .text-dark,
.app-layout.dark-theme[b-lsewt42ba4]  .bg-warning .text-dark {
    color: #221700 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .badge.bg-warning-subtle,
.app-layout.dark-theme[b-lsewt42ba4]  .bg-warning-subtle {
    background-color: rgba(240, 180, 41, 0.2) !important;
    border: 1px solid rgba(240, 180, 41, 0.35);
    color: #ffd666 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .badge.bg-warning-subtle.text-warning,
.app-layout.dark-theme[b-lsewt42ba4]  .bg-warning-subtle.text-warning,
.app-layout.dark-theme[b-lsewt42ba4]  .badge.text-warning,
.app-layout.dark-theme[b-lsewt42ba4]  .bg-warning-subtle .text-warning {
    color: #ffd666 !important;
}

/* Dark mode: form controls */
.app-layout.dark-theme[b-lsewt42ba4]  .form-control,
.app-layout.dark-theme[b-lsewt42ba4]  .form-select {
    background-color: #1e2229;
    border-color: #3a414d;
    color: #e1e8f0;
}

.app-layout.dark-theme[b-lsewt42ba4]  .form-control:focus,
.app-layout.dark-theme[b-lsewt42ba4]  .form-select:focus {
    background-color: #1e2229;
    border-color: var(--accent-color);
    color: #e1e8f0;
    box-shadow: 0 0 0 0.2rem rgba(78, 168, 222, 0.15);
}

.app-layout.dark-theme[b-lsewt42ba4]  .form-control::placeholder {
    color: #5a6d80;
}

.app-layout.dark-theme[b-lsewt42ba4]  .form-control:disabled,
.app-layout.dark-theme[b-lsewt42ba4]  .form-select:disabled {
    background-color: #2a2f38;
    color: #5a6d80;
}

.app-layout.dark-theme[b-lsewt42ba4]  .form-check-label {
    color: #c8d6e5;
}

/* Dark mode: detail/summary sticky header */
.app-layout.dark-theme[b-lsewt42ba4]  .sticky-top.bg-white {
    background-color: #1a1d23 !important;
    border-bottom-color: #333840 !important;
}

/* Dark mode: nav-tabs — tab panels and content area */
.app-layout.dark-theme[b-lsewt42ba4]  .nav-tabs {
    border-bottom-color: #333840;
    background: transparent;
}

.app-layout.dark-theme[b-lsewt42ba4]  .nav-tabs .nav-link {
    color: #8899a6;
    background: transparent;
    border-color: transparent;
}

.app-layout.dark-theme[b-lsewt42ba4]  .nav-tabs .nav-link.active {
    background: #22262e;
    border-color: #333840 #333840 #22262e;
    color: #e1e8f0;
}

.app-layout.dark-theme[b-lsewt42ba4]  .nav-tabs .nav-link:hover:not(.active) {
    border-color: #3a414d #3a414d transparent;
    color: #c8d6e5;
    background: #2a2f38;
}

.app-layout.dark-theme[b-lsewt42ba4]  .tab-content {
    background: #22262e;
    color: #c8d6e5;
}

.app-layout.dark-theme[b-lsewt42ba4]  .tab-pane {
    color: #c8d6e5;
}

/* Dark mode: summary/detail info sections */
.app-layout.dark-theme[b-lsewt42ba4]  .row.g-3 label,
.app-layout.dark-theme[b-lsewt42ba4]  .row.g-2 label {
    color: #8899a6;
}

.app-layout.dark-theme[b-lsewt42ba4]  .row.g-3 .fw-semibold,
.app-layout.dark-theme[b-lsewt42ba4]  .row.g-2 .fw-semibold,
.app-layout.dark-theme[b-lsewt42ba4]  .fw-bold {
    color: #e1e8f0;
}

/* Dark mode: small muted text in records */
.app-layout.dark-theme[b-lsewt42ba4]  .text-muted {
    color: #9fb0c4 !important;
}

/* Dark mode: hr dividers */
.app-layout.dark-theme[b-lsewt42ba4]  hr {
    border-color: #333840;
}

/* Dark mode: offcanvas panels */
.app-layout.dark-theme[b-lsewt42ba4]  .offcanvas {
    background: #22262e;
    color: #e1e8f0;
}

.app-layout.dark-theme[b-lsewt42ba4]  .offcanvas-header {
    border-bottom-color: #333840;
}

.app-layout.dark-theme[b-lsewt42ba4]  .offcanvas-title {
    color: #e1e8f0;
}

.app-layout.dark-theme .dropdown-menu[b-lsewt42ba4] {
    background: #22262e;
    border-color: #333840;
}

.app-layout.dark-theme .dropdown-item[b-lsewt42ba4] {
    color: #c8d6e5;
}

.app-layout.dark-theme .dropdown-item:hover[b-lsewt42ba4] {
    background: #2a2f38;
    color: #e1e8f0;
}

.app-layout.dark-theme .dropdown-divider[b-lsewt42ba4] {
    border-color: #333840;
}

.app-layout.dark-theme .dropdown-item-text[b-lsewt42ba4] {
    color: #e1e8f0;
}

/* --- Dark-mode: table & list overrides --- */
.app-layout.dark-theme[b-lsewt42ba4]  .table {
    --bs-table-color: #c8d6e5;
    --bs-table-bg: #22262e;
    --bs-table-hover-color: #e1e8f0;
    --bs-table-hover-bg: #2a2f38;
    --bs-table-striped-color: #c8d6e5;
    --bs-table-striped-bg: #272c34;
    color: #c8d6e5;
}

.app-layout.dark-theme[b-lsewt42ba4]  .table-light {
    --bs-table-color: #c8d6e5;
    --bs-table-bg: #282d36;
    --bs-table-border-color: #333840;
    color: #c8d6e5;
}

.app-layout.dark-theme[b-lsewt42ba4]  .table thead th {
    color: #8899a6;
    border-color: #333840;
}

.app-layout.dark-theme[b-lsewt42ba4]  .table td a {
    color: #6cb4e0;
}

.app-layout.dark-theme[b-lsewt42ba4]  .table td {
    color: #c8d6e5;
}

.app-layout.dark-theme[b-lsewt42ba4]  .table td .fw-semibold,
.app-layout.dark-theme[b-lsewt42ba4]  .table td span {
    color: inherit;
}

.app-layout.dark-theme[b-lsewt42ba4]  .table td small:not(.text-muted) {
    color: #a8b8c8;
}

/* List group */
.app-layout.dark-theme[b-lsewt42ba4]  .list-group-item {
    background: #22262e;
    border-color: #333840;
    color: #c8d6e5;
}

.app-layout.dark-theme[b-lsewt42ba4]  .list-group-item:hover {
    background: #2a2f38;
}

.app-layout.dark-theme[b-lsewt42ba4]  .list-group-item-action {
    color: #c8d6e5;
}

/* Input group */
.app-layout.dark-theme[b-lsewt42ba4]  .input-group-text {
    background: #2a2f38;
    border-color: #3a414d;
    color: #8899a6;
}

/* Links inside content */
.app-layout.dark-theme[b-lsewt42ba4]  .app-content a:not(.btn):not(.nav-link) {
    color: #6cb4e0;
}

/* Page titles, labels, paragraphs */
.app-layout.dark-theme[b-lsewt42ba4]  p:not(.text-muted),
.app-layout.dark-theme[b-lsewt42ba4]  label,
.app-layout.dark-theme[b-lsewt42ba4]  legend {
    color: #e1e8f0;
}

/* Nav tabs */
.app-layout.dark-theme[b-lsewt42ba4]  .nav-tabs {
    border-bottom-color: #333840;
}

.app-layout.dark-theme[b-lsewt42ba4]  .nav-tabs .nav-link {
    color: #8899a6 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .nav-tabs .nav-link.active {
    background: #22262e;
    border-color: #333840 #333840 #22262e;
    color: #e1e8f0 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .nav-tabs .nav-link:hover:not(.active) {
    border-color: #3a414d #3a414d transparent;
    color: #c8d6e5 !important;
}

/* Dark mode: nav-pills (view toggles) */
.app-layout.dark-theme[b-lsewt42ba4]  .nav-pills .nav-link {
    color: #8899a6 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .nav-pills .nav-link.active {
    background: var(--accent-color) !important;
    color: #fff !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .nav-pills .nav-link:hover:not(.active) {
    color: #c8d6e5 !important;
    background: #2a2f38;
}

/* Pagination */
.app-layout.dark-theme[b-lsewt42ba4]  .page-link {
    background: #22262e;
    border-color: #333840;
    color: #c8d6e5;
}

.app-layout.dark-theme[b-lsewt42ba4]  .page-link:hover {
    background: #2a2f38;
    color: #e1e8f0;
}

.app-layout.dark-theme[b-lsewt42ba4]  .page-item.active .page-link {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: #fff;
}

.app-layout.dark-theme[b-lsewt42ba4]  .page-item.disabled .page-link {
    background: #1a1d23;
    color: #5a6d80;
}

/* Alerts */
.app-layout.dark-theme[b-lsewt42ba4]  .alert-info {
    background: rgba(78, 168, 222, 0.12);
    border-color: rgba(78, 168, 222, 0.25);
    color: #8ecae6;
}

.app-layout.dark-theme[b-lsewt42ba4]  .alert-warning {
    background: rgba(255, 193, 7, 0.12);
    border-color: rgba(255, 193, 7, 0.25);
    color: #ffd666;
}

.app-layout.dark-theme[b-lsewt42ba4]  .alert-danger {
    background: rgba(220, 53, 69, 0.12);
    border-color: rgba(220, 53, 69, 0.25);
    color: #f5a3ab;
}

.app-layout.dark-theme[b-lsewt42ba4]  .alert-success {
    background: rgba(25, 135, 84, 0.12);
    border-color: rgba(25, 135, 84, 0.25);
    color: #75d1a3;
}

/* Accordion */
.app-layout.dark-theme[b-lsewt42ba4]  .accordion-item {
    background: #22262e;
    border-color: #333840;
    color: #c8d6e5;
}

.app-layout.dark-theme[b-lsewt42ba4]  .accordion-button {
    background: #282d36;
    color: #e1e8f0;
}

.app-layout.dark-theme[b-lsewt42ba4]  .accordion-button::after {
    filter: invert(0.7);
}

.app-layout.dark-theme[b-lsewt42ba4]  .accordion-button:not(.collapsed) {
    /* use a subtle primary tint for expanded accordion in dark theme for better contrast */
    background: var(--primary-tint-strong);
    color: #cfe9ff;
}

/* General text color inheritance */
.app-layout.dark-theme[b-lsewt42ba4]  .text-body {
    color: #e1e8f0 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .text-dark {
    color: #c8d6e5 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .border {
    border-color: #333840 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .border-bottom {
    border-bottom-color: #333840 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .border-top {
    border-top-color: #333840 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .bg-light {
    background-color: #282d36 !important;
    color: #e1e8f0;
}

.app-layout.dark-theme[b-lsewt42ba4]  .bg-white {
    background-color: #22262e !important;
    color: #e1e8f0;
}

/* Normalize older blue list heroes to the newer neutral workspace header pattern. */
.app-layout[b-lsewt42ba4]  [class*="-command-band-compact"] {
    gap: 0.75rem;
}

.app-layout[b-lsewt42ba4]  [class*="-command-hero"] {
    padding: 0.95rem 1rem !important;
    border-radius: 18px !important;
    border: 1px solid rgba(12, 33, 63, 0.08) !important;
    background: #ffffff !important;
    background-image: none !important;
    color: inherit !important;
    box-shadow: 0 12px 24px rgba(12, 33, 63, 0.05) !important;
}

.app-layout[b-lsewt42ba4]  [class*="-command-hero"] [class*="-eyebrow"] {
    color: var(--primary-color) !important;
    opacity: 1 !important;
    margin-bottom: 0.25rem !important;
}

.app-layout[b-lsewt42ba4]  [class*="-command-hero"] [class*="-command-title"] {
    font-size: clamp(1.2rem, 1.6vw, 1.55rem) !important;
    color: #10233f !important;
}

.app-layout[b-lsewt42ba4]  [class*="-command-hero"] [class*="-command-copy"] {
    max-width: 60rem !important;
    margin-top: 0.2rem !important;
    color: #60728d !important;
    font-size: 0.88rem !important;
}

.app-layout[b-lsewt42ba4]  [class*="-command-hero"] [class*="-command-actions"] {
    align-items: center !important;
    gap: 0.65rem !important;
}

.app-layout[b-lsewt42ba4]  [class*="-detail-hero"],
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] {
    padding: 0.95rem 1rem !important;
    border-radius: 18px !important;
    border: 1px solid rgba(12, 33, 63, 0.08) !important;
    background: #ffffff !important;
    background-image: none !important;
    color: inherit !important;
    box-shadow: 0 12px 24px rgba(12, 33, 63, 0.05) !important;
}

.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] [class*="-eyebrow"],
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] [class*="-eyebrow"] {
    color: var(--primary-color) !important;
    opacity: 1 !important;
    margin-bottom: 0.25rem !important;
}

.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] [class*="-command-title"],
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] [class*="-command-title"],
.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] h3,
.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] h4,
.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] h5,
.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] h6,
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] h3,
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] h4,
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] h5,
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] h6 {
    color: #10233f !important;
}

.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] [class*="-command-copy"],
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] [class*="-command-copy"],
.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] p,
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] p {
    color: #60728d !important;
}

.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] [class*="-detail-actions"],
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] [class*="-detail-actions"],
.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] [class*="-command-actions"],
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] [class*="-command-actions"] {
    align-items: center !important;
    gap: 0.65rem !important;
}

.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] .btn-outline-light,
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] .btn-outline-light,
.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] .btn-light,
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] .btn-light {
    color: #173550 !important;
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(12, 33, 63, 0.12) !important;
    box-shadow: none !important;
}

.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] .btn-outline-light:hover,
.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] .btn-outline-light:focus,
.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] .btn-light:hover,
.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] .btn-light:focus,
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] .btn-outline-light:hover,
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] .btn-outline-light:focus,
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] .btn-light:hover,
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] .btn-light:focus {
    color: #10233f !important;
    background: #ffffff !important;
    border-color: rgba(11, 61, 145, 0.18) !important;
}

.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] .btn-outline-light:disabled,
.app-layout[b-lsewt42ba4]  [class*="-detail-hero"] .btn-light:disabled,
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] .btn-outline-light:disabled,
.app-layout[b-lsewt42ba4]  [class*="-form-hero"] .btn-light:disabled {
    color: #7f92a6 !important;
    background: rgba(245, 249, 253, 0.82) !important;
    border-color: rgba(12, 33, 63, 0.08) !important;
}

.app-layout[b-lsewt42ba4]  [class*="-inline-strip"] {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.7rem !important;
}

.app-layout[b-lsewt42ba4]  [class*="-inline-strip"] > [class*="-signal-card"] {
    min-width: 0;
    padding: 0.75rem 0.85rem !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

.app-layout[b-lsewt42ba4]  [class*="-inline-strip"] > [class*="-signal-card"] [class*="-signal-label"] {
    font-size: 0.72rem !important;
}

.app-layout[b-lsewt42ba4]  [class*="-inline-strip"] > [class*="-signal-card"] [class*="-signal-value"] {
    font-size: 1.15rem !important;
}

.app-layout[b-lsewt42ba4]  [class*="-inline-strip"] > [class*="-signal-card"] [class*="-signal-note"] {
    max-width: none !important;
    font-size: 0.8rem !important;
    line-height: 1.35 !important;
}

@media (max-width: 768px) {
    .app-layout[b-lsewt42ba4]  [class*="-command-hero"] {
        flex-direction: column;
        align-items: flex-start;
    }

    .app-layout[b-lsewt42ba4]  [class*="-detail-hero"],
    .app-layout[b-lsewt42ba4]  [class*="-form-hero"] {
        flex-direction: column;
        align-items: flex-start;
    }

    .app-layout[b-lsewt42ba4]  [class*="-command-hero"] [class*="-command-actions"] {
        justify-content: flex-start !important;
    }

    .app-layout[b-lsewt42ba4]  [class*="-detail-hero"] [class*="-detail-actions"],
    .app-layout[b-lsewt42ba4]  [class*="-form-hero"] [class*="-detail-actions"],
    .app-layout[b-lsewt42ba4]  [class*="-detail-hero"] [class*="-command-actions"],
    .app-layout[b-lsewt42ba4]  [class*="-form-hero"] [class*="-command-actions"] {
        justify-content: flex-start !important;
    }

    .app-layout[b-lsewt42ba4]  [class*="-inline-strip"] {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-command-band"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-band"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-workspace-band"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-list-header"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-filter-bar"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-compact-header"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-control-band"],
.app-layout.dark-theme[b-lsewt42ba4]  .summary-toggle {
    background: #1a2330 !important;
    background-image: none !important;
    border-color: rgba(78, 168, 222, 0.14) !important;
    box-shadow: none !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-signal-card"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-card"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-item"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-summary-item"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-inline-metric"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-metric-card"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-lane-item"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-lane-card"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-focus-card"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-panel"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-summary-pill"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-route-item"],
.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.01)), rgba(26, 29, 35, 0.88) !important;
    border-color: rgba(78, 168, 222, 0.10) !important;
    box-shadow: none !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-signal-card"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-inline-metric"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-item"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-card"] {
    position: relative;
    overflow: hidden;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-signal-card"]::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-inline-metric"]::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-item"]::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-card"]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(78, 168, 222, 0.7), rgba(78, 168, 222, 0.18));
    pointer-events: none;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-signal-card"].primary::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-inline-metric"].primary::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-item"].primary::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-card"].primary::before {
    background: linear-gradient(90deg, rgba(78, 168, 222, 0.78), rgba(78, 168, 222, 0.22));
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-signal-card"].info,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-inline-metric"].info,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-item"].info,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-card"].info {
    background: linear-gradient(180deg, rgba(33, 127, 164, 0.14), rgba(33, 127, 164, 0.03) 42%), rgba(26, 29, 35, 0.9) !important;
    border-color: rgba(33, 127, 164, 0.16) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-signal-card"].info::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-inline-metric"].info::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-item"].info::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-card"].info::before {
    background: linear-gradient(90deg, rgba(43, 176, 214, 0.82), rgba(43, 176, 214, 0.22));
}

.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-hero {
    border-color: rgba(78, 168, 222, 0.14) !important;
    background: linear-gradient(145deg, rgba(29, 34, 42, 0.98), rgba(22, 26, 33, 0.98)) !important;
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.3) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-hero::after {
    background: radial-gradient(circle, rgba(78, 168, 222, 0.12), transparent 70%) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-hero-eyebrow {
    color: #8fc8f2 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-hero-title,
.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-hero-stat-value {
    color: #e1e8f0 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-hero-description,
.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-hero-stat-label,
.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-hero-stat-note {
    color: rgba(225, 232, 240, 0.76) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-chip--neutral,
.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-chip--info,
.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-chip--warning,
.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-chip--danger,
.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-chip--accent,
.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-hero-stat,
.app-layout.dark-theme[b-lsewt42ba4]  .overview-card-link {
    border-color: rgba(78, 168, 222, 0.12) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-chip--neutral,
.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-hero-stat,
.app-layout.dark-theme[b-lsewt42ba4]  .overview-card-link {
    background: rgba(26, 29, 35, 0.84) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-chip--neutral,
.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-chip--info,
.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-chip--accent,
.app-layout.dark-theme[b-lsewt42ba4]  .overview-card-link {
    color: #d7e5f4 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-chip--warning {
    background: rgba(255, 193, 7, 0.18) !important;
    color: #f7d06b !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-chip--danger {
    background: rgba(220, 53, 69, 0.16) !important;
    color: #f1a7b0 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-chip--info {
    background: rgba(78, 168, 222, 0.16) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .dashboard-chip--accent {
    background: rgba(32, 201, 151, 0.16) !important;
    color: #8fe1ca !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-signal-card"].warning,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-inline-metric"].warning,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-item"].warning,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-card"].warning {
    background: linear-gradient(180deg, rgba(201, 138, 11, 0.16), rgba(201, 138, 11, 0.04) 42%), rgba(26, 29, 35, 0.9) !important;
    border-color: rgba(201, 138, 11, 0.18) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-signal-card"].warning::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-inline-metric"].warning::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-item"].warning::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-card"].warning::before {
    background: linear-gradient(90deg, rgba(240, 180, 41, 0.84), rgba(240, 180, 41, 0.24));
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-signal-card"].danger,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-inline-metric"].danger,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-item"].danger,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-card"].danger {
    background: linear-gradient(180deg, rgba(179, 59, 44, 0.18), rgba(179, 59, 44, 0.05) 42%), rgba(26, 29, 35, 0.9) !important;
    border-color: rgba(179, 59, 44, 0.2) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-signal-card"].danger::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-inline-metric"].danger::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-item"].danger::before,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-card"].danger::before {
    background: linear-gradient(90deg, rgba(230, 92, 74, 0.84), rgba(230, 92, 74, 0.24));
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-signal-card"].primary,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-inline-metric"].primary,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-item"].primary,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-card"].primary {
    background: linear-gradient(180deg, rgba(78, 168, 222, 0.14), rgba(78, 168, 222, 0.03) 42%), rgba(26, 29, 35, 0.9) !important;
    border-color: rgba(78, 168, 222, 0.16) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-title"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-value"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-eyebrow"],
.app-layout.dark-theme[b-lsewt42ba4]  .summary-toggle strong {
    color: #e1e8f0 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-copy"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-note"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-label"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-subtitle"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-meta"],
.app-layout.dark-theme[b-lsewt42ba4]  .summary-toggle-copy {
    color: #a8b8c8 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-inline-metric"]:hover,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-watch-item"]:hover,
.app-layout.dark-theme[b-lsewt42ba4]  .summary-toggle:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.036), rgba(255, 255, 255, 0.014)), rgba(31, 36, 43, 0.98) !important;
    border-color: rgba(78, 168, 222, 0.2) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-command-hero"] {
    background: #1a2330 !important;
    background-image: none !important;
    border-color: rgba(78, 168, 222, 0.14) !important;
    box-shadow: none !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-command-hero"] [class*="-command-title"] {
    color: #e1e8f0 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-command-hero"] [class*="-command-copy"] {
    color: #a8b8c8 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-command-hero"] [class*="-eyebrow"] {
    color: #8fc5e6 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] {
    background: #1a2330 !important;
    background-image: none !important;
    border-color: rgba(78, 168, 222, 0.14) !important;
    box-shadow: none !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] [class*="-command-title"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] [class*="-command-title"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] h3,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] h4,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] h5,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] h6,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] h3,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] h4,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] h5,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] h6 {
    color: #e1e8f0 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] [class*="-command-copy"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] [class*="-command-copy"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] p,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] p,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] span,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] span {
    color: #a8b8c8 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] [class*="-eyebrow"],
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] [class*="-eyebrow"] {
    color: #8fc5e6 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] .btn-outline-light,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] .btn-outline-light,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] .btn-light,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] .btn-light {
    color: #dce7f0 !important;
    background: rgba(20, 24, 30, 0.78) !important;
    border-color: rgba(108, 180, 224, 0.18) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] .btn-outline-light:hover,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] .btn-outline-light:focus,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] .btn-light:hover,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] .btn-light:focus,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] .btn-outline-light:hover,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] .btn-outline-light:focus,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] .btn-light:hover,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] .btn-light:focus {
    color: #eef5fb !important;
    background: rgba(31, 36, 43, 0.96) !important;
    border-color: rgba(108, 180, 224, 0.24) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] .btn-outline-light:disabled,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-detail-hero"] .btn-light:disabled,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] .btn-outline-light:disabled,
.app-layout.dark-theme[b-lsewt42ba4]  [class*="-form-hero"] .btn-light:disabled {
    color: #8396a8 !important;
    background: rgba(20, 24, 30, 0.58) !important;
    border-color: rgba(108, 180, 224, 0.1) !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .table thead.table-light,
.app-layout.dark-theme[b-lsewt42ba4]  .table-light,
.app-layout.dark-theme[b-lsewt42ba4]  .table-light th,
.app-layout.dark-theme[b-lsewt42ba4]  .table-light td {
    --bs-table-bg: #282d36;
    --bs-table-color: #d2deea;
    --bs-table-border-color: #333840;
    background-color: #282d36 !important;
    color: #d2deea !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .table-hover tbody tr:hover > * {
    --bs-table-accent-bg: rgba(78, 168, 222, 0.08);
    color: #eef5fb;
}

.app-layout.dark-theme[b-lsewt42ba4]  .badge.bg-success-subtle,
.app-layout.dark-theme[b-lsewt42ba4]  .bg-success-subtle {
    background-color: rgba(25, 135, 84, 0.18) !important;
    border: 1px solid rgba(25, 135, 84, 0.3);
    color: #8fe0b4 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .badge.bg-danger-subtle,
.app-layout.dark-theme[b-lsewt42ba4]  .bg-danger-subtle {
    background-color: rgba(220, 53, 69, 0.18) !important;
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: #f5b0b7 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .badge.bg-info-subtle,
.app-layout.dark-theme[b-lsewt42ba4]  .bg-info-subtle {
    background-color: rgba(13, 202, 240, 0.18) !important;
    border: 1px solid rgba(13, 202, 240, 0.28);
    color: #9ae8f7 !important;
}

.app-layout.dark-theme[b-lsewt42ba4]  .alert-link {
    color: #dff0ff;
}

.app-layout.dark-theme[b-lsewt42ba4]  .btn-group .btn-outline-secondary,
.app-layout.dark-theme[b-lsewt42ba4]  .dropdown-toggle.btn-outline-secondary {
    color: #d5e0eb;
    border-color: #485567;
    background: rgba(31, 37, 46, 0.92);
}

.app-layout.dark-theme[b-lsewt42ba4]  .btn-group .btn-outline-secondary:hover,
.app-layout.dark-theme[b-lsewt42ba4]  .btn-group .btn-outline-secondary:focus,
.app-layout.dark-theme[b-lsewt42ba4]  .dropdown-toggle.btn-outline-secondary:hover,
.app-layout.dark-theme[b-lsewt42ba4]  .dropdown-toggle.btn-outline-secondary:focus {
    color: #ffffff;
    background: #2a313b;
    border-color: #5f6f84;
}

/* Close button (modals, alerts) */
.app-layout.dark-theme[b-lsewt42ba4]  .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-q19gsuq5k6],
.components-reconnect-repeated-attempt-visible[b-q19gsuq5k6],
.components-reconnect-failed-visible[b-q19gsuq5k6],
.components-pause-visible[b-q19gsuq5k6],
.components-resume-failed-visible[b-q19gsuq5k6],
.components-rejoining-animation[b-q19gsuq5k6] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-q19gsuq5k6],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-q19gsuq5k6],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-q19gsuq5k6],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-q19gsuq5k6],
#components-reconnect-modal.components-reconnect-retrying[b-q19gsuq5k6],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-q19gsuq5k6],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-q19gsuq5k6],
#components-reconnect-modal.components-reconnect-failed[b-q19gsuq5k6],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-q19gsuq5k6] {
    display: block;
}


#components-reconnect-modal[b-q19gsuq5k6] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-q19gsuq5k6 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-q19gsuq5k6 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-q19gsuq5k6 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-q19gsuq5k6]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-q19gsuq5k6 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-q19gsuq5k6 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-q19gsuq5k6 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-q19gsuq5k6 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-q19gsuq5k6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-q19gsuq5k6] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-q19gsuq5k6] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-q19gsuq5k6] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-q19gsuq5k6] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-q19gsuq5k6] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-q19gsuq5k6] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-q19gsuq5k6 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-q19gsuq5k6] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-q19gsuq5k6 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Assets.razor.rz.scp.css */
/* Assets page — page-specific styles only.
   Base classes (signal-grid, signal-card, eyebrow, command-band,
   watch-item, inline-strip, detail-band, summary-toggle) live in global app.css. */

/* -- Form band gap override -------------------------------- */

/* -- Command / Detail hero layout -------------------------- */

/* -- Inline-strip signal-card overrides -------------------- */

/* -- Watch grid -------------------------------------------- */

.watch-item.static-item[b-mu16kkqcb1] { cursor: default; }

/* -- Desktop clamp ---------------------------------------- */

/* -- Mobile stack ----------------------------------------- */
@media (max-width: 768px) {.asset-command-hero[b-mu16kkqcb1],
    .asset-detail-hero[b-mu16kkqcb1],
    .summary-toggle[b-mu16kkqcb1] { flex-direction: column; }

    

    

    
    .watch-item[b-mu16kkqcb1]       { flex-direction: column; align-items: flex-start; }
    
    .summary-toggle-copy[b-mu16kkqcb1] { text-align: left; }

    .table-responsive table[b-mu16kkqcb1] { display: block; }
    .table-responsive thead[b-mu16kkqcb1] { display: none; }
    .table-responsive tbody[b-mu16kkqcb1] { display: block; }
    .table-responsive tr[b-mu16kkqcb1] {
        display: block; margin-bottom: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 0.5rem; padding: 0.5rem;
        background: var(--card-bg);
    }
    .table-responsive td[b-mu16kkqcb1] {
        display: flex; justify-content: space-between; align-items: center;
        padding: 0.5rem; border-bottom: 1px solid var(--border-color);
    }
    .table-responsive td:last-child[b-mu16kkqcb1] { border-bottom: none; }
    .table-responsive td[b-mu16kkqcb1]::before {
        content: attr(data-label);
        font-weight: 600; color: var(--text-color); margin-right: 1rem;
    }
}
}
/* /Components/Pages/Calendar.razor.rz.scp.css */
.dispatch-eyebrow[b-tsqcnze9gi] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 0.35rem;
}

.dispatch-copy[b-tsqcnze9gi] {
    font-size: 0.88rem;
    color: #5e7083;
    max-width: 760px;
}

.calendar-section-card[b-tsqcnze9gi] {
    border-radius: 22px;
    overflow: hidden;
}

.calendar-section-header[b-tsqcnze9gi] {
    border-bottom: 1px solid rgba(0, 61, 128, 0.08);
}

.summary-drawer[b-tsqcnze9gi] {
    display: grid;
    gap: 0.65rem;
}

.summary-toggle[b-tsqcnze9gi] {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.7rem 0.9rem;
    border-radius: 14px;
    border: 1px solid rgba(0, 61, 128, 0.08);
    background: linear-gradient(180deg, rgba(246, 250, 255, 0.98), rgba(234, 242, 250, 0.96));
    cursor: pointer;
}

.summary-toggle[b-tsqcnze9gi]::-webkit-details-marker {
    display: none;
}

.summary-toggle-label[b-tsqcnze9gi] {
    display: block;
    margin-bottom: 0.15rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--primary-color);
}

.summary-toggle strong[b-tsqcnze9gi] {
    color: #173550;
}

.summary-toggle-copy[b-tsqcnze9gi] {
    max-width: 34rem;
    font-size: 0.8rem;
    color: #617487;
    text-align: right;
}

.schedule-filter-card[b-tsqcnze9gi] {
    border-radius: 18px;
}

.schedule-filter-toolbar[b-tsqcnze9gi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dispatch-queue-card[b-tsqcnze9gi],
.dispatch-crew-card[b-tsqcnze9gi] {
    overflow: hidden;
}

.dispatch-list-item[b-tsqcnze9gi] {
    transition: background-color 0.15s ease;
}

.dispatch-billing-item[b-tsqcnze9gi] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.dispatch-billing-main[b-tsqcnze9gi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.85rem;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    color: #173550;
}

.dispatch-billing-head[b-tsqcnze9gi] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.dispatch-billing-summary[b-tsqcnze9gi] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 120px;
}

.dispatch-billing-actions[b-tsqcnze9gi] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.dispatch-list-sub[b-tsqcnze9gi] {
    color: #405468;
}

.dispatch-empty-state[b-tsqcnze9gi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 1.2rem;
    color: #708090;
    font-size: 0.9rem;
}

.dispatch-planner-shell[b-tsqcnze9gi] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.8fr);
    gap: 1rem;
}

.dispatch-planner-overview[b-tsqcnze9gi] {
    overflow: hidden;
}

.dispatch-planner-header[b-tsqcnze9gi] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.dispatch-planner-summary[b-tsqcnze9gi] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.dispatch-summary-pill[b-tsqcnze9gi] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 10px 24px rgba(0, 30, 60, 0.04);
    color: #173550;
    font-size: 0.82rem;
    font-weight: 600;
}

.dispatch-route-list[b-tsqcnze9gi] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.dispatch-route-item[b-tsqcnze9gi] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem 0.95rem;
    border-radius: 16px;
    border: 1px solid rgba(0, 61, 128, 0.08);
    background: rgba(255, 255, 255, 0.82);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
    box-shadow: 0 10px 24px rgba(0, 30, 60, 0.04);
}

.dispatch-route-item:hover[b-tsqcnze9gi] {
    transform: translateY(-1px);
    border-color: rgba(0, 61, 128, 0.22);
    box-shadow: 0 12px 26px rgba(0, 30, 60, 0.08);
}

.dispatch-route-main-button[b-tsqcnze9gi] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    flex: 1;
    border: 0;
    background: transparent;
    color: #173550;
    text-align: left;
    padding: 0;
}

@media (min-width: 992px) {.dispatch-copy[b-tsqcnze9gi],
    .calendar-detail-copy[b-tsqcnze9gi] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

.dispatch-route-actions[b-tsqcnze9gi] {
    display: flex;
    align-items: center;
}

.dispatch-route-time[b-tsqcnze9gi] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--primary-color);
}

.dispatch-route-main[b-tsqcnze9gi],
.dispatch-route-meta[b-tsqcnze9gi] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.dispatch-route-main span[b-tsqcnze9gi],
.dispatch-route-meta span[b-tsqcnze9gi] {
    font-size: 0.82rem;
    color: #5e7083;
}

.dispatch-route-meta[b-tsqcnze9gi] {
    align-items: flex-end;
}

.dispatch-planner-empty[b-tsqcnze9gi] {
    justify-content: flex-start;
    padding: 0;
}

.dispatch-lane-grid[b-tsqcnze9gi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.dispatch-lane-card[b-tsqcnze9gi] {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
    padding: 1rem;
    border-radius: 20px;
    border: 1px solid rgba(0, 61, 128, 0.08);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 24px rgba(0, 30, 60, 0.04);
}

.dispatch-lane-card.capacity-open[b-tsqcnze9gi] {
    border-top: 4px solid #003d80;
}

.dispatch-lane-card.capacity-tight[b-tsqcnze9gi] {
    border-top: 4px solid #fd7e14;
}

.dispatch-lane-card.capacity-full[b-tsqcnze9gi] {
    border-top: 4px solid #dc3545;
}

.dispatch-lane-card.capacity-off[b-tsqcnze9gi] {
    border-top: 4px solid #6c757d;
}

.dispatch-lane-header[b-tsqcnze9gi],
.dispatch-lane-section-head[b-tsqcnze9gi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
}

.dispatch-lane-header-actions[b-tsqcnze9gi],
.dispatch-lane-event-actions[b-tsqcnze9gi] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.dispatch-lane-title[b-tsqcnze9gi] {
    font-size: 1rem;
    font-weight: 700;
    color: #173550;
}

.dispatch-lane-subtitle[b-tsqcnze9gi],
.dispatch-lane-metric-label[b-tsqcnze9gi],
.dispatch-lane-empty[b-tsqcnze9gi],
.dispatch-job-suggestion span[b-tsqcnze9gi],
.dispatch-job-suggestion-meta span[b-tsqcnze9gi] {
    font-size: 0.8rem;
    color: #617487;
}

.dispatch-lane-metrics[b-tsqcnze9gi] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.dispatch-lane-metrics > div[b-tsqcnze9gi] {
    padding: 0.75rem 0.8rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 10px 24px rgba(0, 30, 60, 0.04);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.dispatch-lane-metric-value[b-tsqcnze9gi] {
    font-size: 1rem;
    color: #173550;
}

.dispatch-lane-section[b-tsqcnze9gi] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.dispatch-lane-section-title[b-tsqcnze9gi] {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #617487;
}

.dispatch-lane-event[b-tsqcnze9gi],
.dispatch-job-suggestion[b-tsqcnze9gi] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
    width: 100%;
    padding: 0.8rem 0.9rem;
    border-radius: 16px;
    border: 1px solid rgba(0, 61, 128, 0.08);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 10px 24px rgba(0, 30, 60, 0.04);
    color: #173550;
    text-align: left;
}

.dispatch-lane-event-body[b-tsqcnze9gi],
.dispatch-job-suggestion-link[b-tsqcnze9gi] {
    flex: 1;
    min-width: 0;
}

.dispatch-lane-event.current[b-tsqcnze9gi] {
    border-color: rgba(0, 61, 128, 0.18);
    background: rgba(255, 255, 255, 0.92);
}

.dispatch-lane-event span[b-tsqcnze9gi],
.dispatch-lane-event small[b-tsqcnze9gi],
.dispatch-job-suggestion div[b-tsqcnze9gi] {
    display: block;
}

.dispatch-lane-event span[b-tsqcnze9gi],
.dispatch-lane-event small[b-tsqcnze9gi] {
    color: #617487;
    font-size: 0.8rem;
}

.dispatch-job-suggestion-list[b-tsqcnze9gi] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.dispatch-job-suggestion[b-tsqcnze9gi],
.dispatch-job-suggestion-link[b-tsqcnze9gi] {
    text-decoration: none;
}

.dispatch-job-suggestion-link[b-tsqcnze9gi] {
    color: #173550;
}

.dispatch-job-suggestion-meta[b-tsqcnze9gi] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

/* Dark theme overrides moved to global app.css */

@media (max-width: 991.98px) {.schedule-filter-toolbar[b-tsqcnze9gi] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (min-width: 992px) {.dispatch-copy[b-tsqcnze9gi],
    .calendar-command-copy[b-tsqcnze9gi],
    .calendar-detail-copy[b-tsqcnze9gi] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

@media (max-width: 991.98px) {.calendar-detail-signal-grid[b-tsqcnze9gi],
    .dispatch-planner-shell[b-tsqcnze9gi],
    .dispatch-lane-grid[b-tsqcnze9gi] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {.dispatch-planner-header[b-tsqcnze9gi],
    .dispatch-lane-header[b-tsqcnze9gi],
    .dispatch-lane-section-head[b-tsqcnze9gi] {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .dispatch-route-item[b-tsqcnze9gi],
    .dispatch-route-main-button[b-tsqcnze9gi],
    .dispatch-billing-main[b-tsqcnze9gi],
    .dispatch-lane-event[b-tsqcnze9gi],
    .dispatch-job-suggestion[b-tsqcnze9gi],
    .dispatch-lane-header-actions[b-tsqcnze9gi],
    .dispatch-lane-event-actions[b-tsqcnze9gi] {
        flex-direction: column;
        align-items: flex-start;
    }

    .dispatch-route-meta[b-tsqcnze9gi],
    .dispatch-billing-summary[b-tsqcnze9gi],
    .dispatch-job-suggestion-meta[b-tsqcnze9gi] {
        align-items: flex-start;
    }

    .dispatch-lane-metrics[b-tsqcnze9gi] {
        grid-template-columns: 1fr;
    }
}

.dispatch-kpi-toggle[b-tsqcnze9gi] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    border: none;
    background: transparent;
    padding: 0.85rem 1rem;
    text-align: left;
    cursor: pointer;
    color: inherit;
}

.dispatch-kpi-toggle:hover[b-tsqcnze9gi] {
    background: rgba(13, 110, 253, 0.04);
}

.cal-day-interactive[b-tsqcnze9gi] {
    cursor: pointer;
    transition: background 0.12s ease, box-shadow 0.12s ease;
}

.cal-day-interactive:hover[b-tsqcnze9gi] {
    background: rgba(13, 110, 253, 0.08);
    box-shadow: inset 0 0 0 1px rgba(13, 110, 253, 0.25);
}

.cal-day-add[b-tsqcnze9gi] {
    font-size: 0.7rem;
    opacity: 0;
    transition: opacity 0.12s ease;
}

.cal-day-interactive:hover .cal-day-add[b-tsqcnze9gi] {
    opacity: 1;
}
/* /Components/Pages/Companies.razor.rz.scp.css */
/* Companies page — page-specific styles only.
   Base classes (signal-grid, signal-card, eyebrow, command-band,
   watch-item, inline-strip, detail-band, summary-toggle) live in global app.css. */

/* -- Form band gap override -------------------------------- */

/* -- Summary drawer override ------------------------------- */
.summary-drawer[b-2bexa9kan2] { display: grid; gap: 0.75rem; }

.summary-toggle-label[b-2bexa9kan2] {
    display: block;
    margin-bottom: 0.15rem;
    color: #0b3d91;
}
.summary-toggle strong[b-2bexa9kan2] { color: #10233f; }
.summary-toggle-copy[b-2bexa9kan2] { max-width: 34rem; text-align: right; }

/* -- Command / Detail hero layout -------------------------- */

/* -- Inline-strip signal-card overrides -------------------- */

/* -- Watch grid (4-col, same as signal-grid) --------------- */

.watch-item.static-item[b-2bexa9kan2] { cursor: default; }

/* -- Desktop clamp ---------------------------------------- */

/* -- Mobile stack ----------------------------------------- */
@media (max-width: 768px) {.watch-item[b-2bexa9kan2]         { flex-direction: column; align-items: flex-start; }
    

    .table-responsive table[b-2bexa9kan2] { display: block; }
    .table-responsive thead[b-2bexa9kan2] { display: none; }
    .table-responsive tbody[b-2bexa9kan2] { display: block; }
    .table-responsive tr[b-2bexa9kan2] {
        display: block; margin-bottom: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 0.5rem; padding: 0.5rem;
        background: var(--card-bg);
    }
    .table-responsive td[b-2bexa9kan2] {
        display: flex; justify-content: space-between; align-items: center;
        padding: 0.5rem; border-bottom: 1px solid var(--border-color);
    }
    .table-responsive td:last-child[b-2bexa9kan2] { border-bottom: none; }
    .table-responsive td[b-2bexa9kan2]::before {
        content: attr(data-label);
        font-weight: 600; color: var(--text-color); margin-right: 1rem;
    }
}
}
/* /Components/Pages/Customers.razor.rz.scp.css */
/* Customers page — page-specific styles only.
   Base classes (signal-grid, signal-card, eyebrow, command-band,
   watch-item, inline-strip, summary-toggle) live in global app.css. */

table tbody tr[role="button"]:hover[b-n6w75312rt] {
    cursor: pointer;
    background-color: rgba(var(--bs-primary-rgb), 0.04);
}

.nav-tabs .nav-link[b-n6w75312rt] { font-size: 0.875rem; }
.nav-tabs .badge[b-n6w75312rt]    { font-size: 0.7rem; }

/* -- Summary drawer override (grid vs default padding) ----- */
.summary-drawer[b-n6w75312rt] { display: grid; gap: 0.75rem; }

.summary-toggle-label[b-n6w75312rt] {
    display: block;
    margin-bottom: 0.15rem;
    color: #0b3d91;
}

.summary-toggle strong[b-n6w75312rt] { color: #10233f; }

.summary-toggle-copy[b-n6w75312rt] {
    max-width: 34rem;
    text-align: right;
}

/* -- Command hero layout ----------------------------------- */

/* -- Inline-strip signal-card overrides -------------------- */

/* -- Filter bar -------------------------------------------- */

/* -- Watch grid (4-col, same as signal-grid) --------------- */

.watch-item.static-item[b-n6w75312rt] { cursor: default; }

/* -- Desktop clamp ---------------------------------------- */

/* -- Mobile stack ----------------------------------------- */
@media (max-width: 768px) {.watch-item[b-n6w75312rt]          { flex-direction: column; align-items: flex-start; }
    

    .table-responsive table[b-n6w75312rt] { display: block; }
    .table-responsive thead[b-n6w75312rt] { display: none; }
    .table-responsive tbody[b-n6w75312rt] { display: block; }
    .table-responsive tr[b-n6w75312rt] {
        display: block; margin-bottom: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 0.5rem; padding: 0.5rem;
        background: var(--card-bg);
    }
    .table-responsive td[b-n6w75312rt] {
        display: flex; justify-content: space-between; align-items: center;
        padding: 0.5rem; border-bottom: 1px solid var(--border-color);
    }
    .table-responsive td:last-child[b-n6w75312rt] { border-bottom: none; }
    .table-responsive td[b-n6w75312rt]::before {
        content: attr(data-label);
        font-weight: 600; color: var(--text-color); margin-right: 1rem;
    }
}
/* /Components/Pages/Documents.razor.rz.scp.css */
.document-section-card[b-pcw5b4omix] {
    border-radius: 22px;
    overflow: hidden;
}

.document-section-header[b-pcw5b4omix] {
    border-bottom: 1px solid rgba(12, 33, 63, 0.08);
}

@media (max-width: 768px) {.table-responsive table[b-pcw5b4omix] {
        display: block;
    }

    .table-responsive thead[b-pcw5b4omix] {
        display: none;
    }

    .table-responsive tbody[b-pcw5b4omix] {
        display: block;
    }

    .table-responsive tr[b-pcw5b4omix] {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 0.5rem;
        padding: 0.5rem;
        background: var(--card-bg);
    }

    .table-responsive td[b-pcw5b4omix] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem;
        border-bottom: 1px solid var(--border-color);
    }

    .table-responsive td:last-child[b-pcw5b4omix] {
        border-bottom: none;
    }

    .table-responsive td[b-pcw5b4omix]::before {
        content: attr(data-label);
        font-weight: 600;
        color: var(--text-color);
        margin-right: 1rem;
    }
}
/* /Components/Pages/Employees.razor.rz.scp.css */
/* Employees page — page-specific styles only.
   Base classes (signal-grid, signal-card, eyebrow, command-band,
   watch-item, inline-strip, detail-band, summary-toggle) live in global app.css. */

.emp-view-tabs[b-5vbjm9121o] {
    display: inline-flex;
    gap: 0.25rem;
    padding: 0.2rem;
    margin-bottom: 1rem;
    background: color-mix(in srgb, #10233f 6%, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 999px;
}
.emp-view-tabs button[b-5vbjm9121o] {
    border: 0;
    background: transparent;
    color: #4b5d73;
    font-weight: 600;
    font-size: 0.88rem;
    padding: 0.4rem 0.95rem;
    border-radius: 999px;
}
.emp-view-tabs button.active[b-5vbjm9121o] {
    background: #10233f;
    color: #fff;
}
.emp-day-sheet[b-5vbjm9121o] {
    margin-top: 1.25rem;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 16px;
    padding: 0.9rem 1rem 0.6rem;
}
.emp-day-sheet header[b-5vbjm9121o] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}
.emp-day-sheet .eyebrow[b-5vbjm9121o] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--primary-color, #0b3d91);
    font-weight: 700;
}

:global(.app-layout.dark-theme) .emp-view-tabs[b-5vbjm9121o] {
    background: #151c28;
    border-color: #2c3a4f;
}
:global(.app-layout.dark-theme) .emp-view-tabs button[b-5vbjm9121o] { color: #9fb0c6; }
:global(.app-layout.dark-theme) .emp-view-tabs button.active[b-5vbjm9121o] {
    background: #e8eef6;
    color: #10233f;
}
:global(.app-layout.dark-theme) .emp-day-sheet[b-5vbjm9121o],
:global(html.pwa-dark) .emp-day-sheet[b-5vbjm9121o],
:global([data-theme="dark"]) .emp-day-sheet[b-5vbjm9121o] {
    background: var(--card-bg, #1a2332);
    border-color: var(--border-color, #2c3a4f);
    color: var(--text-color, #e8eef6);
}

/* -- Form band gap override -------------------------------- */

/* -- Summary drawer override ------------------------------- */
.summary-drawer[b-5vbjm9121o] { display: grid; gap: 0.75rem; }

.summary-toggle-label[b-5vbjm9121o] {
    display: block;
    margin-bottom: 0.15rem;
    color: #0b3d91;
}
.summary-toggle strong[b-5vbjm9121o] { color: #10233f; }
.summary-toggle-copy[b-5vbjm9121o] { max-width: 34rem; text-align: right; }

/* -- Command / Detail hero layout -------------------------- */

/* -- Inline-strip signal-card overrides -------------------- */

/* -- Watch grid (4-col, same as signal-grid) --------------- */
.employee-watch-grid[b-5vbjm9121o] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.employee-watch-card[b-5vbjm9121o] { grid-column: span 2; border-radius: 22px; }

.employee-watch-head[b-5vbjm9121o] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.7rem;
}

.employee-watch-copy[b-5vbjm9121o] { font-size: 0.88rem; color: #60728d; }

.employee-watch-list[b-5vbjm9121o]        { display: grid; gap: 0.55rem; }
.employee-watch-list.compact[b-5vbjm9121o] { gap: 0.6rem; }

.watch-item.static-item[b-5vbjm9121o] { cursor: default; }

.employee-watch-title[b-5vbjm9121o] { font-weight: 700; color: #10233f; }
.employee-watch-sub[b-5vbjm9121o]   { display: block; margin-top: 0.2rem; color: #60728d; font-size: 0.84rem; }

.employee-watch-meta[b-5vbjm9121o]       { display: grid; justify-items: end; color: #10233f; }
.employee-watch-meta small[b-5vbjm9121o] { color: #6f8098; }

/* -- Desktop clamp ---------------------------------------- */

/* -- Mobile stack ----------------------------------------- */
@media (max-width: 768px) {.employee-command-hero[b-5vbjm9121o],
    .employee-detail-hero[b-5vbjm9121o],
    .summary-toggle[b-5vbjm9121o] { flex-direction: column; }

    

    .signal-grid[b-5vbjm9121o],
    .employee-watch-grid[b-5vbjm9121o] { grid-template-columns: minmax(0, 1fr); }

    .employee-watch-card[b-5vbjm9121o] { grid-column: auto; }
    .watch-item[b-5vbjm9121o]          { flex-direction: column; align-items: flex-start; }
    .employee-watch-meta[b-5vbjm9121o] { justify-items: start; }
    .summary-toggle-copy[b-5vbjm9121o] { text-align: left; }

    .table-responsive table[b-5vbjm9121o] { display: block; }
    .table-responsive thead[b-5vbjm9121o] { display: none; }
    .table-responsive tbody[b-5vbjm9121o] { display: block; }
    .table-responsive tr[b-5vbjm9121o] {
        display: block; margin-bottom: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 0.5rem; padding: 0.5rem;
        background: var(--card-bg);
    }
    .table-responsive td[b-5vbjm9121o] {
        display: flex; justify-content: space-between; align-items: center;
        padding: 0.5rem; border-bottom: 1px solid var(--border-color);
    }
    .table-responsive td:last-child[b-5vbjm9121o] { border-bottom: none; }
    .table-responsive td[b-5vbjm9121o]::before {
        content: attr(data-label);
        font-weight: 600; color: var(--text-color); margin-right: 1rem;
    }
}
}
/* /Components/Pages/Estimates.razor.rz.scp.css */
html[b-uwlqtd8zr7] {
    scroll-behavior: smooth;
}

.estimate-list-archive-button[b-uwlqtd8zr7] {
    padding: 0.45rem 0.75rem;
}

.estimate-filter-bar[b-uwlqtd8zr7] {
    border-radius: 0.95rem;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04) !important;
}

.estimate-filter-bar .card-body[b-uwlqtd8zr7] {
    padding: 0.72rem 0.82rem;
}

.estimate-kanban-column .kanban-column-header[b-uwlqtd8zr7] {
    align-items: flex-start;
}

.kanban-column-header-meta[b-uwlqtd8zr7] {
    font-size: 0.74rem;
    color: var(--text-muted-color, #64748b);
    margin-top: 0.15rem;
}

.estimate-kanban-meta[b-uwlqtd8zr7] {
    font-size: 0.76rem;
    color: var(--text-muted-color, #64748b);
    margin-top: 0.25rem;
}

.estimate-list-cell[b-uwlqtd8zr7] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.estimate-list-cell-end[b-uwlqtd8zr7] {
    align-items: flex-end;
}

.estimate-list-subtitle[b-uwlqtd8zr7] {
    font-size: 0.78rem;
    color: var(--text-muted-color, #64748b);
}

.estimate-followup-grid[b-uwlqtd8zr7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
}

.estimate-followup-card[b-uwlqtd8zr7] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.78rem 0.85rem;
    border-radius: 1rem;
    border: 1px solid var(--border-color, rgba(148, 163, 184, 0.22));
    background: var(--surface-bg, rgba(255, 255, 255, 0.92));
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.estimate-followup-card.queue-sent[b-uwlqtd8zr7] {
    border-top: 4px solid #0d6efd;
}

.estimate-followup-card.queue-expiring[b-uwlqtd8zr7] {
    border-top: 4px solid #fd7e14;
}

.estimate-followup-card.queue-approved[b-uwlqtd8zr7] {
    border-top: 4px solid #198754;
}

.estimate-followup-card.queue-revive[b-uwlqtd8zr7] {
    border-top: 4px solid #6c757d;
}

.estimate-followup-card-header[b-uwlqtd8zr7] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.estimate-followup-card-title[b-uwlqtd8zr7] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--text-color, #0f172a);
}

.estimate-followup-card-copy[b-uwlqtd8zr7],
.estimate-followup-card-note[b-uwlqtd8zr7],
.estimate-followup-queue-hint[b-uwlqtd8zr7],
.estimate-followup-item-note[b-uwlqtd8zr7],
.estimate-followup-empty[b-uwlqtd8zr7],
.estimate-selection-summary[b-uwlqtd8zr7] {
    font-size: 0.8rem;
    color: var(--text-muted-color, #64748b);
}

.estimate-followup-queue-hint[b-uwlqtd8zr7] {
    line-height: 1.4;
    min-height: 2.2rem;
}

.estimate-followup-card-value[b-uwlqtd8zr7] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-color, #0f172a);
}

.estimate-selection-alert[b-uwlqtd8zr7] {
    gap: 1rem;
}

.estimate-line-type-badge[b-uwlqtd8zr7] {
    background: var(--surface-bg-muted, #f4f7fb);
    color: var(--text-color, #173550);
    border: 1px solid var(--border-color, #dce1e8);
}

.estimate-workspace-nav[b-uwlqtd8zr7] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.estimate-workspace-nav-link[b-uwlqtd8zr7] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    border-radius: 10px;
    border: 1px solid rgba(13, 110, 253, 0.18);
    background: rgba(13, 110, 253, 0.06);
    color: #0d3b8e;
    font-size: 0.86rem;
    font-weight: 600;
    text-decoration: none;
}

.estimate-workspace-nav-link:hover[b-uwlqtd8zr7] {
    background: rgba(13, 110, 253, 0.12);
    color: #0a2b66;
}

.estimate-workspace-section[b-uwlqtd8zr7] {
    scroll-margin-top: 5.75rem;
}

@media (max-width: 768px) {.estimate-followup-grid[b-uwlqtd8zr7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    

    

    

    .table-responsive table[b-uwlqtd8zr7] {
        display: block;
    }
    .table-responsive thead[b-uwlqtd8zr7] {
        display: none;
    }
    .table-responsive tbody[b-uwlqtd8zr7] {
        display: block;
    }
    .table-responsive tr[b-uwlqtd8zr7] {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 0.5rem;
        padding: 0.5rem;
        background: var(--card-bg);
    }
    .table-responsive td[b-uwlqtd8zr7] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem;
        border-bottom: 1px solid var(--border-color);
    }
    .table-responsive td:last-child[b-uwlqtd8zr7] {
        border-bottom: none;
    }
    .table-responsive td[b-uwlqtd8zr7]::before {
        content: attr(data-label);
        font-weight: 600;
        color: var(--text-color);
        margin-right: 1rem;
    }

    .estimate-list-cell-end[b-uwlqtd8zr7] {
        align-items: flex-start;
    }
}

@media (max-width: 576px) {.estimate-followup-grid[b-uwlqtd8zr7] {
        grid-template-columns: 1fr;
    }

    

    

    .estimate-workspace-nav[b-uwlqtd8zr7] {
        gap: 0.45rem;
    }

    .estimate-workspace-nav-link[b-uwlqtd8zr7] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Expenses.razor.rz.scp.css */
.expense-section-card[b-g41bp8tx29] {
    border-radius: 22px;
    overflow: hidden;
}

@media (max-width: 768px) {.table-responsive table[b-g41bp8tx29] {
        display: block;
    }
    .table-responsive thead[b-g41bp8tx29] {
        display: none;
    }
    .table-responsive tbody[b-g41bp8tx29] {
        display: block;
    }
    .table-responsive tr[b-g41bp8tx29] {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 0.5rem;
        padding: 0.5rem;
        background: var(--card-bg);
    }
    .table-responsive td[b-g41bp8tx29] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem;
        border-bottom: 1px solid var(--border-color);
    }
    .table-responsive td:last-child[b-g41bp8tx29] {
        border-bottom: none;
    }
    .table-responsive td[b-g41bp8tx29]::before {
        content: attr(data-label);
        font-weight: 600;
        color: var(--text-color);
        margin-right: 1rem;
    }
}
/* /Components/Pages/Financials.razor.rz.scp.css */
.financials-shell[b-dokt9x7j9l] {
    max-width: 1560px;
}

[b-dokt9x7j9l] .finance-eyebrow,
[b-dokt9x7j9l] .finance-panel-eyebrow {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 0.3rem;
}

[b-dokt9x7j9l] .finance-panel {
    overflow: hidden;
}

[b-dokt9x7j9l] .finance-kpi {
    border-left: 4px solid #0b2e59;
    transition: transform .15s ease, box-shadow .15s ease;
}
[b-dokt9x7j9l] .finance-kpi:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1.25rem rgba(11, 46, 89, 0.12) !important;
}
[b-dokt9x7j9l] .finance-kpi-revenue { border-left-color: #198754; }
[b-dokt9x7j9l] .finance-kpi-ar { border-left-color: #ffc107; }
[b-dokt9x7j9l] .finance-kpi-expense { border-left-color: #dc3545; }
[b-dokt9x7j9l] .finance-kpi-profit { border-left-color: #0d6efd; }

[b-dokt9x7j9l] .finance-kpi-value {
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.15;
}
[b-dokt9x7j9l] .finance-kpi-icon {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(11, 46, 89, 0.06);
    font-size: 1.15rem;
}

[b-dokt9x7j9l] .finance-meter {
    height: 6px;
    border-radius: 999px;
    background: rgba(11, 46, 89, 0.08);
    overflow: hidden;
}
[b-dokt9x7j9l] .finance-meter-fill {
    height: 100%;
    border-radius: 999px;
    min-width: 2px;
}
[b-dokt9x7j9l] .finance-meter-fill.ar {
    background: linear-gradient(90deg, #ffd54f, #ffc107);
}

[b-dokt9x7j9l] .finance-split-bar {
    display: flex;
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(11, 46, 89, 0.06);
}
[b-dokt9x7j9l] .finance-split-bar .exp {
    background: linear-gradient(90deg, #ff8a80, #dc3545);
}
[b-dokt9x7j9l] .finance-split-bar .profit {
    background: linear-gradient(90deg, #64b5f6, #0d6efd);
}

[b-dokt9x7j9l] .finance-donut {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: inset 0 0 0 14px #fff, 0 0.25rem 0.75rem rgba(11, 46, 89, 0.08);
}
[b-dokt9x7j9l] .finance-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 0.4rem;
    vertical-align: middle;
}
[b-dokt9x7j9l] .finance-dot.rev { background: #198754; }
[b-dokt9x7j9l] .finance-dot.exp { background: #dc3545; }
[b-dokt9x7j9l] .finance-dot.ar { background: #ffc107; }

[b-dokt9x7j9l] .finance-lane-card {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(11, 46, 89, 0.1);
    border-radius: 0.85rem;
    text-decoration: none;
    color: inherit;
    background: linear-gradient(180deg, #fff, #f8fafc);
    height: 100%;
    transition: border-color .15s ease, box-shadow .15s ease;
}
[b-dokt9x7j9l] a.finance-lane-card:hover {
    border-color: rgba(13, 110, 253, 0.35);
    box-shadow: 0 0.35rem 1rem rgba(13, 110, 253, 0.08);
    color: inherit;
}
[b-dokt9x7j9l] .finance-lane-card.static {
    cursor: default;
}
[b-dokt9x7j9l] .finance-lane-card i {
    font-size: 1.25rem;
    color: var(--primary-color);
    margin-top: 0.1rem;
}

[b-dokt9x7j9l] .finance-feed-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
}

[b-dokt9x7j9l] .finance-feed-head {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

[b-dokt9x7j9l] .finance-feed-copy {
    display: block;
    font-size: 0.82rem;
    color: #607286;
}

[b-dokt9x7j9l] .finance-feed-value {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 0.82rem;
    color: #607286;
}

[b-dokt9x7j9l] .finance-table th {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #607286;
}

[b-dokt9x7j9l] .finance-table td {
    font-size: 0.86rem;
}

/* Remaining dark theme overrides moved to global app.css */

@media (max-width: 575.98px) {[b-dokt9x7j9l] .finance-feed-item,
    [b-dokt9x7j9l] .finance-focus-card {
        flex-direction: column;
        align-items: flex-start;
    }

    [b-dokt9x7j9l] .finance-feed-value {
        align-items: flex-start;
    }
}
/* /Components/Pages/Fleet.razor.rz.scp.css */
/* Fleet page — page-specific styles only.
   Base classes (signal-grid, signal-card, eyebrow, command-band,
   watch-item, inline-strip, detail-band) live in global app.css. */

/* -- Command / Detail hero layout -------------------------- */

/* -- Signal card color overrides (border-top accent) ------- */

/* -- Inline-strip signal-card overrides -------------------- */

/* -- Watch grid -------------------------------------------- */

.watch-item.static-item[b-lahpgvh4vg] { cursor: default; }

/* -- Detail hero ------------------------------------------- */

/* -- Section card ------------------------------------------ */
.fleet-section-card[b-lahpgvh4vg]   { border-radius: 22px; overflow: hidden; }
.fleet-section-header[b-lahpgvh4vg] { border-bottom: 1px solid rgba(12, 33, 63, 0.08); }
.fleet-filter-hint[b-lahpgvh4vg]    { line-height: 1.25; }

/* -- Desktop clamp ---------------------------------------- */

/* -- Mobile stack ----------------------------------------- */
@media (max-width: 768px) {.watch-item[b-lahpgvh4vg]       { flex-direction: column; align-items: flex-start; }
    

    .table-responsive table[b-lahpgvh4vg] { display: block; }
    .table-responsive thead[b-lahpgvh4vg] { display: none; }
    .table-responsive tbody[b-lahpgvh4vg] { display: block; }
    .table-responsive tr[b-lahpgvh4vg] {
        display: block; margin-bottom: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 0.5rem; padding: 0.5rem;
        background: var(--card-bg);
    }
    .table-responsive td[b-lahpgvh4vg] {
        display: flex; justify-content: space-between; align-items: center;
        padding: 0.5rem; border-bottom: 1px solid var(--border-color);
    }
    .table-responsive td:last-child[b-lahpgvh4vg] { border-bottom: none; }
    .table-responsive td[b-lahpgvh4vg]::before {
        content: attr(data-label);
        font-weight: 600; color: var(--text-color); margin-right: 1rem;
    }
}
}
/* /Components/Pages/ForgotPassword.razor.rz.scp.css */
.forgot-page[b-lvjxswdech] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.25rem;
    background:
        radial-gradient(circle at top left, rgba(0, 61, 128, 0.12), transparent 24%),
        radial-gradient(circle at bottom right, rgba(18, 128, 167, 0.1), transparent 22%),
        linear-gradient(180deg, #f4f8fc 0%, #edf3f8 100%);
}

.forgot-shell[b-lvjxswdech] {
    width: min(1080px, 100%);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap: 1rem;
    align-items: stretch;
}

.forgot-panel[b-lvjxswdech] {
    border-radius: 28px;
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 22px 48px rgba(12, 33, 63, 0.08);
}

.forgot-panel-copy[b-lvjxswdech] {
    display: grid;
    gap: 1rem;
    padding: 1.35rem;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.96), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
}

.forgot-copy-block[b-lvjxswdech] {
    display: grid;
    gap: 0.55rem;
}

.forgot-eyebrow[b-lvjxswdech] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.8;
}

.forgot-title[b-lvjxswdech] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.08;
    font-weight: 700;
}

.forgot-copy[b-lvjxswdech] {
    margin: 0;
    max-width: 58ch;
    font-size: 0.95rem;
    line-height: 1.55;
    color: rgba(244, 247, 251, 0.86);
}

.forgot-inline-strip[b-lvjxswdech] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.forgot-signal-card[b-lvjxswdech] {
    flex: 1 1 12rem;
    min-width: 0;
    display: grid;
    gap: 0.22rem;
    padding: 0.82rem 0.9rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(244, 247, 251, 0.1);
}

.forgot-signal-label[b-lvjxswdech] {
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(244, 247, 251, 0.72);
}

.forgot-signal-value[b-lvjxswdech] {
    font-size: 1.08rem;
    color: #fff;
}

.forgot-signal-note[b-lvjxswdech] {
    font-size: 0.8rem;
    line-height: 1.4;
    color: rgba(244, 247, 251, 0.8);
}

.forgot-panel-form[b-lvjxswdech] {
    padding: 1.35rem;
    background: rgba(255, 255, 255, 0.94);
}

.forgot-form-head[b-lvjxswdech] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.forgot-icon-wrap[b-lvjxswdech] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(0, 61, 128, 0.12), rgba(0, 61, 128, 0.05));
    color: #003d80;
    font-size: 1.35rem;
}

.forgot-form-title[b-lvjxswdech] {
    margin: 0 0 0.2rem;
    font-size: 1.35rem;
    font-weight: 700;
    color: #173550;
}

.forgot-form-copy[b-lvjxswdech] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #617487;
}

.forgot-form-grid[b-lvjxswdech] {
    display: grid;
    gap: 0.85rem;
}

.forgot-field[b-lvjxswdech] {
    display: grid;
    gap: 0.32rem;
}

.forgot-form-footer[b-lvjxswdech] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
}

@media (max-width: 991.98px) {.forgot-shell[b-lvjxswdech] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {.forgot-page[b-lvjxswdech] {
        padding: 1rem 0.85rem;
    }

    .forgot-panel-copy[b-lvjxswdech],
    .forgot-panel-form[b-lvjxswdech] {
        padding: 1rem;
    }

    .forgot-form-head[b-lvjxswdech] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Help.razor.rz.scp.css */
.summary-drawer[b-x7id22s8ry] {
    display: grid;
    gap: 0.75rem;
}

.summary-toggle[b-x7id22s8ry] {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    padding: 0.8rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(11, 46, 89, 0.08);
    background: linear-gradient(180deg, rgba(246, 250, 255, 0.98), rgba(234, 242, 250, 0.96));
    cursor: pointer;
}

.summary-toggle[b-x7id22s8ry]::-webkit-details-marker {
    display: none;
}

.summary-toggle-label[b-x7id22s8ry] {
    display: block;
    margin-bottom: 0.15rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0b3d91;
}

.summary-toggle strong[b-x7id22s8ry] {
    color: #10233f;
}

.summary-toggle-copy[b-x7id22s8ry] {
    max-width: 34rem;
    font-size: 0.84rem;
    color: #60728d;
    text-align: right;
}

.help-tab-strip[b-x7id22s8ry] {
    gap: 0.45rem;
}

.help-tab-link[b-x7id22s8ry] {
    border: 1px solid rgba(11, 46, 89, 0.14);
    border-radius: 999px;
    color: #0b2e59;
    font-weight: 600;
    background: #fff;
}

.help-tab-link.active[b-x7id22s8ry] {
    background: #0b2e59;
    color: #fff;
    border-color: #0b2e59;
}

@media (max-width: 991.98px) {.help-command-hero[b-x7id22s8ry],
    .summary-toggle[b-x7id22s8ry] {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {.summary-toggle-copy[b-x7id22s8ry] {
        max-width: none;
        text-align: left;
    }

    .help-tab-strip[b-x7id22s8ry] {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.35rem;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Reimagined dashboard: hero KPI cards + bento layout */

.dashboard[b-iesy335n23] {
    max-width: 1520px;
    display: grid;
    gap: 1.15rem;
}

/* —— Hero KPI cards —— */
.dash-kpi-grid[b-iesy335n23] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.75rem;
}

.dash-kpi-card[b-iesy335n23] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 1rem 1rem 0.9rem;
    border-radius: 14px;
    border: 1px solid var(--border-color, #dce1e8);
    border-left: 4px solid var(--primary-color, #0b2e59);
    background: linear-gradient(180deg, var(--surface-bg, #fff) 0%, var(--surface-bg-soft, #f8fafc) 100%);
    box-shadow: var(--shadow-soft, 0 1px 3px rgba(21, 32, 65, 0.06));
    text-decoration: none;
    color: inherit;
    min-width: 0;
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.dash-kpi-card:hover[b-iesy335n23] {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1.25rem rgba(11, 46, 89, 0.12);
    border-color: color-mix(in srgb, var(--primary-color) 35%, var(--border-color));
    color: inherit;
}

.dash-kpi-card.is-alert[b-iesy335n23] {
    border-left-color: #dc3545;
    background: linear-gradient(180deg, rgba(220, 53, 69, 0.06) 0%, var(--surface-bg, #fff) 100%);
}

.dash-kpi-card.tone-schedule[b-iesy335n23] { border-left-color: #0d6efd; }
.dash-kpi-card.tone-open[b-iesy335n23]     { border-left-color: #6f42c1; }
.dash-kpi-card.tone-bill[b-iesy335n23]     { border-left-color: #20c997; }
.dash-kpi-card.tone-ar[b-iesy335n23]       { border-left-color: #ffc107; }
.dash-kpi-card.tone-overdue[b-iesy335n23]  { border-left-color: #dc3545; }
.dash-kpi-card.tone-pipeline[b-iesy335n23] { border-left-color: #fd7e14; }

.dash-kpi-top[b-iesy335n23] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.dash-kpi-label[b-iesy335n23] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-muted-color, #607286);
}

.dash-kpi-icon[b-iesy335n23] {
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
    background: rgba(11, 46, 89, 0.06);
    color: var(--primary-color, #0b2e59);
}

.dash-kpi-card.tone-schedule .dash-kpi-icon[b-iesy335n23] { background: rgba(13, 110, 253, 0.1); color: #0d6efd; }
.dash-kpi-card.tone-open .dash-kpi-icon[b-iesy335n23]     { background: rgba(111, 66, 193, 0.1); color: #6f42c1; }
.dash-kpi-card.tone-bill .dash-kpi-icon[b-iesy335n23]     { background: rgba(32, 201, 151, 0.12); color: #0f9f78; }
.dash-kpi-card.tone-ar .dash-kpi-icon[b-iesy335n23]       { background: rgba(255, 193, 7, 0.15); color: #b8860b; }
.dash-kpi-card.tone-overdue .dash-kpi-icon[b-iesy335n23]  { background: rgba(220, 53, 69, 0.12); color: #dc3545; }
.dash-kpi-card.tone-pipeline .dash-kpi-icon[b-iesy335n23] { background: rgba(253, 126, 20, 0.12); color: #e8590c; }

.dash-kpi-value[b-iesy335n23] {
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--text-color, #16324f);
}

.dash-kpi-note[b-iesy335n23] {
    font-size: 0.75rem;
    color: var(--text-muted-color, #607286);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-kpi-meter[b-iesy335n23] {
    height: 5px;
    border-radius: 999px;
    background: rgba(11, 46, 89, 0.08);
    overflow: hidden;
    margin-top: 0.35rem;
}

.dash-kpi-meter-fill[b-iesy335n23] {
    height: 100%;
    border-radius: 999px;
    min-width: 2px;
    background: linear-gradient(90deg, #64b5f6, #0d6efd);
}

.dash-kpi-card.tone-bill .dash-kpi-meter-fill[b-iesy335n23]     { background: linear-gradient(90deg, #69f0ae, #20c997); }
.dash-kpi-card.tone-ar .dash-kpi-meter-fill[b-iesy335n23]       { background: linear-gradient(90deg, #ffd54f, #ffc107); }
.dash-kpi-card.tone-overdue .dash-kpi-meter-fill[b-iesy335n23]  { background: linear-gradient(90deg, #ff8a80, #dc3545); }
.dash-kpi-card.tone-pipeline .dash-kpi-meter-fill[b-iesy335n23] { background: linear-gradient(90deg, #ffb74d, #fd7e14); }
.dash-kpi-card.tone-open .dash-kpi-meter-fill[b-iesy335n23]     { background: linear-gradient(90deg, #b39ddb, #6f42c1); }

/* —— Money snapshot band —— */
.dash-money-band[b-iesy335n23] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1rem 1.1rem;
    border-radius: 16px;
    border: 1px solid var(--border-color, #dce1e8);
    background:
        radial-gradient(ellipse 60% 120% at 0% 50%, rgba(13, 110, 253, 0.08), transparent 55%),
        linear-gradient(135deg, var(--surface-bg, #fff) 0%, var(--surface-bg-muted, #f4f7fb) 100%);
    box-shadow: var(--shadow-soft, 0 1px 3px rgba(21, 32, 65, 0.06));
}

.dash-money-lead[b-iesy335n23] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.dash-money-donut[b-iesy335n23] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: inset 0 0 0 12px var(--surface-bg, #fff), 0 0.2rem 0.6rem rgba(11, 46, 89, 0.08);
}

.dash-money-lead-copy[b-iesy335n23] {
    min-width: 0;
}

.dash-money-eyebrow[b-iesy335n23] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--primary-color, #0b2e59);
    margin-bottom: 0.2rem;
}

.dash-money-lead-title[b-iesy335n23] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 750;
    color: var(--text-color, #16324f);
}

.dash-money-lead-sub[b-iesy335n23] {
    margin: 0.15rem 0 0;
    font-size: 0.8rem;
    color: var(--text-muted-color, #607286);
}

.dash-money-stat[b-iesy335n23] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.15rem;
    padding: 0.55rem 0.75rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(12, 33, 63, 0.06);
    text-decoration: none;
    color: inherit;
    min-width: 0;
    transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

a.dash-money-stat:hover[b-iesy335n23] {
    border-color: rgba(13, 110, 253, 0.3);
    box-shadow: 0 0.25rem 0.75rem rgba(13, 110, 253, 0.08);
    color: inherit;
}

.dash-money-stat-label[b-iesy335n23] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-muted-color, #607286);
}

.dash-money-stat-value[b-iesy335n23] {
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--text-color, #16324f);
    line-height: 1.15;
}

.dash-money-stat-value.is-positive[b-iesy335n23] { color: #198754; }
.dash-money-stat-value.is-negative[b-iesy335n23] { color: #dc3545; }
.dash-money-stat-value.is-warn[b-iesy335n23]     { color: #b8860b; }

.dash-money-stat-note[b-iesy335n23] {
    font-size: 0.72rem;
    color: var(--text-muted-color, #607286);
}

.dash-legend[b-iesy335n23] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.45rem;
}

.dash-legend-item[b-iesy335n23] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.72rem;
    color: var(--text-muted-color, #607286);
}

.dash-dot[b-iesy335n23] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.dash-dot.rev[b-iesy335n23]  { background: #198754; }
.dash-dot.exp[b-iesy335n23]  { background: #dc3545; }
.dash-dot.net[b-iesy335n23]  { background: #0d6efd; }

/* —— Tabs —— */
.dashboard-tabs[b-iesy335n23] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    border-bottom: 1px solid var(--border-color, #dce1e8);
    padding-bottom: 0;
}

.dashboard-tab[b-iesy335n23] {
    appearance: none;
    border: none;
    background: transparent;
    color: var(--text-muted-color, #607286);
    font-size: 0.9rem;
    font-weight: 650;
    padding: 0.7rem 1.05rem;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 0.12s ease, background 0.12s ease;
}

.dashboard-tab:hover[b-iesy335n23] {
    color: var(--link-color, var(--primary-color));
    background: var(--primary-tint, rgba(0, 51, 102, 0.06));
}

.dashboard-tab.active[b-iesy335n23] {
    color: var(--link-color, var(--primary-color));
    border-bottom-color: var(--primary-color);
    background: var(--surface-bg, #fff);
}

.dashboard-tab-badge[b-iesy335n23] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: var(--primary-color, #003366);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
}

.dashboard-tab-badge.is-alert[b-iesy335n23] {
    background: #dc3545;
}

/* —— Bento columns —— */
.dashboard-columns[b-iesy335n23] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.dashboard-main-col[b-iesy335n23],
.dashboard-side-col[b-iesy335n23] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

/* —— Panels & lists —— */
.dash-panel[b-iesy335n23] {
    border: 1px solid var(--border-color, #dce1e8);
    border-radius: 16px;
    background: var(--surface-bg, #fff);
    box-shadow: var(--shadow-soft, 0 1px 3px rgba(21, 32, 65, 0.06));
    padding: 1rem 1.05rem 1.05rem;
    min-width: 0;
}

.dash-panel-soft[b-iesy335n23] {
    background: linear-gradient(180deg, var(--surface-bg-muted, #f4f7fb) 0%, var(--surface-bg, #fff) 100%);
}

.dash-panel-accent[b-iesy335n23] {
    border-top: 3px solid var(--primary-color, #0b2e59);
}

.dash-panel-accent.tone-bill[b-iesy335n23]  { border-top-color: #20c997; }
.dash-panel-accent.tone-money[b-iesy335n23] { border-top-color: #ffc107; }
.dash-panel-accent.tone-est[b-iesy335n23]   { border-top-color: #fd7e14; }
.dash-panel-accent.tone-alert[b-iesy335n23] { border-top-color: #dc3545; }

.dash-panel-head[b-iesy335n23] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.dash-panel-title-wrap[b-iesy335n23] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.dash-panel-icon[b-iesy335n23] {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 0.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(11, 46, 89, 0.07);
    color: var(--primary-color, #0b2e59);
    font-size: 0.95rem;
    flex-shrink: 0;
}

.dash-panel-title[b-iesy335n23] {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 750;
    color: var(--text-color, #16324f);
}

.dash-panel-count[b-iesy335n23] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4rem;
    height: 1.4rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: rgba(11, 46, 89, 0.08);
    color: var(--text-color, #16324f);
    font-size: 0.72rem;
    font-weight: 750;
}

.dash-panel-link[b-iesy335n23] {
    font-size: 0.8rem;
    font-weight: 650;
    color: var(--link-color, var(--primary-color));
    text-decoration: none;
    white-space: nowrap;
}

.dash-panel-link:hover[b-iesy335n23] {
    text-decoration: underline;
}

.dash-list[b-iesy335n23] {
    display: grid;
    gap: 0.45rem;
}

.dash-row[b-iesy335n23] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.7rem 0.8rem;
    border-radius: 12px;
    border: 1px solid rgba(12, 33, 63, 0.07);
    background: var(--surface-bg-soft, rgba(255, 255, 255, 0.95));
    text-decoration: none;
    color: inherit;
    min-width: 0;
    transition: border-color 0.12s ease, background 0.12s ease, transform 0.12s ease;
}

.dash-panel-soft .dash-row[b-iesy335n23] {
    background: var(--surface-bg, #fff);
}

.dash-row:hover[b-iesy335n23] {
    border-color: rgba(0, 51, 102, 0.22);
    background: var(--primary-tint, rgba(0, 51, 102, 0.04));
    color: inherit;
    transform: translateX(2px);
}

.dash-row.is-alert[b-iesy335n23] {
    border-color: rgba(220, 53, 69, 0.28);
    background: rgba(220, 53, 69, 0.04);
}

.dash-row-main[b-iesy335n23] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.dash-row-main strong[b-iesy335n23] {
    font-size: 0.92rem;
    color: var(--text-color, #14314d);
}

.dash-row-main span[b-iesy335n23] {
    font-size: 0.82rem;
    color: var(--text-muted-color, #607286);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dash-row-meta[b-iesy335n23] {
    display: grid;
    gap: 0.1rem;
    text-align: right;
    font-size: 0.8rem;
    color: var(--text-muted-color, #607286);
    flex-shrink: 0;
}

.dash-money[b-iesy335n23] {
    font-weight: 700;
    color: var(--text-color, #16324f);
}

.dash-empty[b-iesy335n23] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.95rem 0.4rem;
    color: var(--text-muted-color, #607286);
    font-size: 0.9rem;
}

.dash-empty.quiet[b-iesy335n23] {
    padding: 0.55rem 0.25rem;
}

.dash-empty p[b-iesy335n23] {
    margin: 0;
    width: 100%;
}

.dash-callout[b-iesy335n23] {
    margin: 0 0 0.65rem;
    padding: 0.55rem 0.7rem;
    border-radius: 10px;
    background: rgba(255, 193, 7, 0.15);
    color: #7a5b00;
    font-size: 0.82rem;
    font-weight: 600;
}

.dash-side-summary[b-iesy335n23] {
    margin: 0 0 0.65rem;
    font-size: 0.9rem;
    color: var(--text-color, #16324f);
}

.dash-chip-row[b-iesy335n23] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.dash-chip[b-iesy335n23] {
    display: inline-flex;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    border: 1px solid var(--border-color, #dce1e8);
    background: var(--surface-bg, #fff);
    color: var(--primary-color, #003366);
    font-size: 0.78rem;
    font-weight: 650;
    text-decoration: none;
    transition: background 0.12s ease, border-color 0.12s ease;
}

.dash-chip:hover[b-iesy335n23] {
    background: var(--primary-tint, rgba(0, 51, 102, 0.06));
    border-color: color-mix(in srgb, var(--primary-color) 30%, var(--border-color));
}

.dash-stat-stack[b-iesy335n23] {
    display: grid;
    gap: 0.5rem;
}

.dash-stat[b-iesy335n23] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.75rem;
    padding: 0.6rem 0.2rem;
    border-bottom: 1px solid rgba(12, 33, 63, 0.06);
    font-size: 0.88rem;
}

.dash-stat:last-child[b-iesy335n23] {
    border-bottom: none;
}

.dash-stat span[b-iesy335n23] {
    color: var(--text-muted-color, #607286);
}

.dash-stat strong[b-iesy335n23] {
    color: var(--text-color, #16324f);
    font-size: 1.05rem;
}

/* Quick action tiles under money tab / side */
.dash-quick-grid[b-iesy335n23] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
}

.dash-quick-tile[b-iesy335n23] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.75rem 0.8rem;
    border-radius: 12px;
    border: 1px solid rgba(12, 33, 63, 0.08);
    background: var(--surface-bg, #fff);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

.dash-quick-tile:hover[b-iesy335n23] {
    border-color: rgba(13, 110, 253, 0.3);
    box-shadow: 0 0.25rem 0.75rem rgba(13, 110, 253, 0.08);
    color: inherit;
}

.dash-quick-tile i[b-iesy335n23] {
    font-size: 1.1rem;
    color: var(--primary-color, #0b2e59);
    margin-bottom: 0.15rem;
}

.dash-quick-tile strong[b-iesy335n23] {
    font-size: 0.85rem;
    color: var(--text-color, #16324f);
}

.dash-quick-tile span[b-iesy335n23] {
    font-size: 0.72rem;
    color: var(--text-muted-color, #607286);
}

/* Automation banner */
.dash-automation[b-iesy335n23] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.9rem;
    border-radius: 12px;
    border: 1px solid rgba(13, 110, 253, 0.2);
    background: rgba(13, 110, 253, 0.06);
    color: var(--text-color, #16324f);
    font-size: 0.85rem;
}

.dash-automation i[b-iesy335n23] {
    color: #0d6efd;
    font-size: 1.05rem;
}

/* —— Dark theme —— */
.app-layout.dark-theme .dash-kpi-card[b-iesy335n23],
.app-layout.dark-theme .dash-money-band[b-iesy335n23],
.app-layout.dark-theme .dash-panel[b-iesy335n23],
.app-layout.dark-theme .dash-row[b-iesy335n23],
.app-layout.dark-theme .dash-chip[b-iesy335n23],
.app-layout.dark-theme .dash-money-stat[b-iesy335n23],
.app-layout.dark-theme .dash-quick-tile[b-iesy335n23] {
    background: var(--surface-bg, #22262e) !important;
    border-color: var(--border-color, #3a4454) !important;
    color: var(--text-color, #e6edf5) !important;
    box-shadow: none;
}

.app-layout.dark-theme .dash-kpi-card[b-iesy335n23] {
    background: linear-gradient(180deg, var(--surface-bg, #22262e) 0%, var(--surface-bg-muted, #2a303a) 100%) !important;
}

.app-layout.dark-theme .dash-money-band[b-iesy335n23] {
    background:
        radial-gradient(ellipse 60% 120% at 0% 50%, rgba(13, 110, 253, 0.12), transparent 55%),
        linear-gradient(135deg, var(--surface-bg, #22262e) 0%, var(--surface-bg-muted, #2a303a) 100%) !important;
}

.app-layout.dark-theme .dash-panel-soft[b-iesy335n23] {
    background: linear-gradient(180deg, var(--surface-bg-muted, #2a303a) 0%, var(--surface-bg, #22262e) 100%) !important;
}

.app-layout.dark-theme .dash-money-stat[b-iesy335n23] {
    background: rgba(255, 255, 255, 0.04) !important;
}

.app-layout.dark-theme .dash-money-donut[b-iesy335n23] {
    box-shadow: inset 0 0 0 12px var(--surface-bg, #22262e), 0 0.2rem 0.6rem rgba(0, 0, 0, 0.25);
}

.app-layout.dark-theme .dash-kpi-value[b-iesy335n23],
.app-layout.dark-theme .dash-panel-title[b-iesy335n23],
.app-layout.dark-theme .dash-row-main strong[b-iesy335n23],
.app-layout.dark-theme .dash-money[b-iesy335n23],
.app-layout.dark-theme .dash-stat strong[b-iesy335n23],
.app-layout.dark-theme .dash-money-stat-value[b-iesy335n23],
.app-layout.dark-theme .dash-money-lead-title[b-iesy335n23],
.app-layout.dark-theme .dash-quick-tile strong[b-iesy335n23] {
    color: var(--text-color, #e6edf5) !important;
}

.app-layout.dark-theme .dash-kpi-label[b-iesy335n23],
.app-layout.dark-theme .dash-kpi-note[b-iesy335n23],
.app-layout.dark-theme .dash-row-main span[b-iesy335n23],
.app-layout.dark-theme .dash-row-meta[b-iesy335n23],
.app-layout.dark-theme .dash-stat span[b-iesy335n23],
.app-layout.dark-theme .dash-empty[b-iesy335n23],
.app-layout.dark-theme .dash-money-stat-label[b-iesy335n23],
.app-layout.dark-theme .dash-money-stat-note[b-iesy335n23],
.app-layout.dark-theme .dash-money-lead-sub[b-iesy335n23],
.app-layout.dark-theme .dash-legend-item[b-iesy335n23],
.app-layout.dark-theme .dash-quick-tile span[b-iesy335n23] {
    color: var(--text-muted-color, #a6b6c8) !important;
}

.app-layout.dark-theme .dashboard-tab[b-iesy335n23] {
    color: var(--text-muted-color);
}

.app-layout.dark-theme .dashboard-tab.active[b-iesy335n23] {
    background: var(--surface-bg);
    color: var(--link-color);
}

.app-layout.dark-theme .dash-panel-link[b-iesy335n23],
.app-layout.dark-theme .dash-chip[b-iesy335n23] {
    color: var(--link-color);
}

.app-layout.dark-theme .dash-row:hover[b-iesy335n23] {
    border-color: color-mix(in srgb, var(--primary-color) 45%, var(--border-color));
    background: var(--primary-tint);
}

.app-layout.dark-theme .dash-callout[b-iesy335n23] {
    background: rgba(255, 193, 7, 0.12);
    color: #e6c86a;
}

.app-layout.dark-theme .dash-automation[b-iesy335n23] {
    background: rgba(13, 110, 253, 0.12);
    border-color: rgba(13, 110, 253, 0.3);
    color: var(--text-color, #e6edf5);
}

.app-layout.dark-theme .dash-kpi-icon[b-iesy335n23],
.app-layout.dark-theme .dash-panel-icon[b-iesy335n23] {
    background: rgba(255, 255, 255, 0.06);
}

/* —— Responsive —— */
@media (max-width: 1399.98px) {
    .dash-kpi-grid[b-iesy335n23] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dash-money-band[b-iesy335n23] {
        grid-template-columns: 1fr 1fr;
    }

    .dash-money-lead[b-iesy335n23] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991.98px) {
    .dashboard-columns[b-iesy335n23] {
        grid-template-columns: 1fr;
    }

    .dash-money-band[b-iesy335n23] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .dash-kpi-grid[b-iesy335n23] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dash-kpi-value[b-iesy335n23] {
        font-size: 1.25rem;
    }

    .dash-money-stat-value[b-iesy335n23] {
        font-size: 1.05rem;
    }

    .dash-quick-grid[b-iesy335n23] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Inventory.razor.rz.scp.css */
/* Chrome styles removed after desktop UI cleanup — no remaining class references. */
/* /Components/Pages/InvoiceImport.razor.rz.scp.css */
.summary-drawer[b-60pu4mwqqm] {
    display: grid;
    gap: 0.75rem;
}

.summary-toggle[b-60pu4mwqqm] {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(12, 33, 63, 0.08);
    background: linear-gradient(180deg, rgba(246, 250, 255, 0.98), rgba(234, 242, 250, 0.96));
    cursor: pointer;
}

.summary-toggle[b-60pu4mwqqm]::-webkit-details-marker {
    display: none;
}

.summary-toggle-label[b-60pu4mwqqm] {
    display: block;
    margin-bottom: 0.15rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0b3d91;
}

.summary-toggle strong[b-60pu4mwqqm] {
    color: #10233f;
}

.summary-toggle-copy[b-60pu4mwqqm] {
    max-width: 34rem;
    font-size: 0.84rem;
    color: #60728d;
    text-align: right;
}

.import-upload-card[b-60pu4mwqqm] {
    border-radius: 22px;
}

.import-sticky-bar[b-60pu4mwqqm] {
    position: sticky;
    bottom: 0;
    padding: 0.9rem 1rem;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    border-top: 1px solid rgba(12, 33, 63, 0.08);
    border-radius: 18px 18px 0 0;
    box-shadow: 0 -8px 24px rgba(12, 33, 63, 0.06);
}

@media (max-width: 768px) {.import-sticky-bar[b-60pu4mwqqm] {
        gap: 0.75rem;
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Invoices.razor.rz.scp.css */
/* Invoices page — page-specific styles only.
   Base classes (signal-grid, signal-card, eyebrow, command-band,
   watch-item, inline-strip, detail-band) live in global app.css. */

/* -- Form band override ------------------------------------ */

/* -- Command / Detail hero layout -------------------------- */

/* -- Inline-strip signal-card overrides -------------------- */

/* -- Create summary grid ----------------------------------- */

.invoice-section-card[b-rrmra6a4xh] { border-radius: 22px; overflow: hidden; }

/* -- Desktop clamp ---------------------------------------- */

/* -- Mobile stack ----------------------------------------- */
@media (max-width: 768px) {.table-responsive table[b-rrmra6a4xh] { display: block; }
    .table-responsive thead[b-rrmra6a4xh] { display: none; }
    .table-responsive tbody[b-rrmra6a4xh] { display: block; }
    .table-responsive tr[b-rrmra6a4xh] {
        display: block; margin-bottom: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 0.5rem; padding: 0.5rem;
        background: var(--card-bg);
    }
    .table-responsive td[b-rrmra6a4xh] {
        display: flex; justify-content: space-between; align-items: center;
        padding: 0.5rem; border-bottom: 1px solid var(--border-color);
    }
    .table-responsive td:last-child[b-rrmra6a4xh] { border-bottom: none; }
    .table-responsive td[b-rrmra6a4xh]::before {
        content: attr(data-label);
        font-weight: 600; color: var(--text-color); margin-right: 1rem;
    }
}
/* /Components/Pages/Jobs.razor.rz.scp.css */
html[b-m7hjp4wefb] {
    scroll-behavior: smooth;
}

.jobs-list-header[b-m7hjp4wefb] {
    display: grid;
    gap: 0.85rem;
    padding: 0.95rem 1rem;
    border-radius: 16px;
    border: 1px solid var(--border-color);
    background: var(--surface-bg);
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}

.jobs-list-header-top[b-m7hjp4wefb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.85rem;
}

.jobs-list-eyebrow[b-m7hjp4wefb] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 0.2rem;
}

.jobs-list-actions[b-m7hjp4wefb] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.jobs-list-count[b-m7hjp4wefb] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #4d6177;
}

.jobs-filter-grid[b-m7hjp4wefb] {
    display: grid;
    grid-template-columns: minmax(16rem, 2fr) minmax(10rem, 0.9fr) minmax(10rem, 0.9fr);
    gap: 0.65rem;
    align-items: center;
}

.jobs-search-group[b-m7hjp4wefb] {
    min-width: 0;
}

.jobs-date-inputs[b-m7hjp4wefb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.jobs-date-inputs .form-control[b-m7hjp4wefb] {
    width: 9rem;
}

.jobs-date-sep[b-m7hjp4wefb] {
    font-size: 0.78rem;
    color: #617487;
}

.job-workspace-nav[b-m7hjp4wefb] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.job-workspace-nav-link[b-m7hjp4wefb] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    cursor: pointer;
    appearance: none;
    text-decoration: none;
    color: #4d6177;
    background: var(--surface-bg-muted);
    font-size: 0.84rem;
    font-weight: 600;
}

.job-workspace-zone-copy[b-m7hjp4wefb] {
    color: #5f7185;
    font-size: 0.9rem;
}

.job-workspace-zone-panel[b-m7hjp4wefb] {
    animation: job-workspace-fade-b-m7hjp4wefb 0.18s ease-out;
}

.job-zone-toolbar[b-m7hjp4wefb] {
    position: sticky;
    top: 4.75rem;
    z-index: 4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 16px;
    border: 1px solid var(--border-color);
    background: var(--surface-bg-soft);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 24px rgba(0, 30, 60, 0.06);
}

.job-zone-toolbar-label[b-m7hjp4wefb] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #4d6177;
    white-space: nowrap;
}

.job-zone-toolbar-actions[b-m7hjp4wefb] {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.job-workspace-stack-card[b-m7hjp4wefb] {
    min-height: 100%;
}

.job-workspace-stack-list[b-m7hjp4wefb] {
    display: grid;
    gap: 0.55rem;
    color: #4d6177;
    font-size: 0.92rem;
}

@keyframes job-workspace-fade-b-m7hjp4wefb {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.job-workspace-nav-link:hover[b-m7hjp4wefb],
.job-workspace-nav-link.active[b-m7hjp4wefb] {
    color: #fff;
    background: var(--primary-color);
    border-color: var(--primary-color);
}

@media (max-width: 991.98px) {.jobs-list-header-top[b-m7hjp4wefb],
    .job-workspace-hero[b-m7hjp4wefb] {
        flex-direction: column;
    }

    .jobs-filter-grid[b-m7hjp4wefb] {
        grid-template-columns: 1fr 1fr;
    }

    .jobs-search-group[b-m7hjp4wefb],
    .jobs-filter-toggles[b-m7hjp4wefb],
    .jobs-date-cluster[b-m7hjp4wefb] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {.jobs-filter-grid[b-m7hjp4wefb] {
        grid-template-columns: 1fr;
    }

    .jobs-list-actions[b-m7hjp4wefb],
    .jobs-date-cluster[b-m7hjp4wefb] {
        width: 100%;
        justify-content: flex-start;
    }

    .jobs-date-inputs[b-m7hjp4wefb] {
        width: 100%;
    }

    .jobs-date-inputs .form-control[b-m7hjp4wefb] {
        width: calc(50% - 0.75rem);
        min-width: 0;
    }

    

    .table-responsive table[b-m7hjp4wefb] {
        display: block;
    }
    .table-responsive thead[b-m7hjp4wefb] {
        display: none;
    }
    .table-responsive tbody[b-m7hjp4wefb] {
        display: block;
    }
    .table-responsive tr[b-m7hjp4wefb] {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 0.5rem;
        padding: 0.5rem;
        background: var(--card-bg);
    }
    .table-responsive td[b-m7hjp4wefb] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem;
        border-bottom: 1px solid var(--border-color);
    }
    .table-responsive td:last-child[b-m7hjp4wefb] {
        border-bottom: none;
    }
    .table-responsive td[b-m7hjp4wefb]::before {
        content: attr(data-label);
        font-weight: 600;
        color: var(--text-color);
        margin-right: 1rem;
    }

    

    .job-workspace-nav[b-m7hjp4wefb] {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.25rem;
    }

    .job-zone-toolbar[b-m7hjp4wefb] {
        position: static;
        flex-direction: column;
        align-items: flex-start;
    }

    .job-zone-toolbar-actions[b-m7hjp4wefb] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-kfbx2u5cac] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.25rem;
    background:
        radial-gradient(circle at top left, rgba(0, 61, 128, 0.12), transparent 24%),
        radial-gradient(circle at bottom right, rgba(18, 128, 167, 0.1), transparent 22%),
        linear-gradient(180deg, #f4f8fc 0%, #edf3f8 100%);
}

.login-shell[b-kfbx2u5cac] {
    width: min(1080px, 100%);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap: 1rem;
    align-items: stretch;
}

.login-panel[b-kfbx2u5cac] {
    border-radius: 28px;
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 22px 48px rgba(12, 33, 63, 0.08);
}

.login-panel-copy[b-kfbx2u5cac] {
    display: grid;
    gap: 1rem;
    padding: 1.35rem;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.96), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
}

.login-copy-block[b-kfbx2u5cac] {
    display: grid;
    gap: 0.55rem;
}

.login-eyebrow[b-kfbx2u5cac] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.8;
}

.login-title[b-kfbx2u5cac] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.08;
    font-weight: 700;
}

.login-copy[b-kfbx2u5cac] {
    margin: 0;
    max-width: 58ch;
    font-size: 0.95rem;
    line-height: 1.55;
    color: rgba(244, 247, 251, 0.86);
}

.login-inline-strip[b-kfbx2u5cac] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.login-signal-card[b-kfbx2u5cac] {
    flex: 1 1 12rem;
    min-width: 0;
    display: grid;
    gap: 0.22rem;
    padding: 0.82rem 0.9rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(244, 247, 251, 0.1);
}

.login-signal-label[b-kfbx2u5cac] {
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(244, 247, 251, 0.72);
}

.login-signal-value[b-kfbx2u5cac] {
    font-size: 1.08rem;
    color: #fff;
}

.login-signal-note[b-kfbx2u5cac] {
    font-size: 0.8rem;
    line-height: 1.4;
    color: rgba(244, 247, 251, 0.8);
}

.login-panel-form[b-kfbx2u5cac] {
    padding: 1.35rem;
    background: rgba(255, 255, 255, 0.94);
}

.login-form-head[b-kfbx2u5cac] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.login-icon-wrap[b-kfbx2u5cac] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(0, 61, 128, 0.12), rgba(0, 61, 128, 0.05));
    color: #003d80;
    font-size: 1.35rem;
}

.login-form-title[b-kfbx2u5cac] {
    margin: 0 0 0.2rem;
    font-size: 1.35rem;
    font-weight: 700;
    color: #173550;
}

.login-form-copy[b-kfbx2u5cac] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #617487;
}

.login-form-grid[b-kfbx2u5cac] {
    display: grid;
    gap: 0.85rem;
}

.login-field[b-kfbx2u5cac] {
    display: grid;
    gap: 0.32rem;
}

.login-options-row[b-kfbx2u5cac] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.login-form-footer[b-kfbx2u5cac] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
}

.login-dev-box[b-kfbx2u5cac] {
    padding-top: 0.85rem;
    border-top: 1px solid rgba(12, 33, 63, 0.08);
}

@media (max-width: 991.98px) {.login-shell[b-kfbx2u5cac] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {.login-page[b-kfbx2u5cac] {
        padding: 1rem 0.85rem;
    }

    .login-panel-copy[b-kfbx2u5cac],
    .login-panel-form[b-kfbx2u5cac] {
        padding: 1rem;
    }

    .login-form-head[b-kfbx2u5cac],
    .login-options-row[b-kfbx2u5cac] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/MaterialLists.razor.rz.scp.css */
/* Chrome styles removed after desktop UI cleanup — no remaining class references. */
/* /Components/Pages/MaterialsHub.razor.rz.scp.css */
.materials-hub[b-ky2zlrbrrv] {
    max-width: 1560px;
}

.materials-eyebrow[b-ky2zlrbrrv] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--primary-color, #0b2e59);
    margin-bottom: 0.25rem;
}

.materials-kpi[b-ky2zlrbrrv] {
    transition: transform .15s ease, box-shadow .15s ease;
    border-left: 4px solid #0b2e59;
    color: inherit;
}

.materials-kpi:hover[b-ky2zlrbrrv] {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1.25rem rgba(11, 46, 89, 0.12) !important;
}

.materials-kpi-products[b-ky2zlrbrrv] { border-left-color: #0d6efd; }
.materials-kpi-stock[b-ky2zlrbrrv] { border-left-color: #198754; }
.materials-kpi-low[b-ky2zlrbrrv] { border-left-color: #ffc107; }
.materials-kpi-low.is-alert[b-ky2zlrbrrv] { border-left-color: #dc3545; }
.materials-kpi-lists[b-ky2zlrbrrv] { border-left-color: #6f42c1; }

.materials-kpi-value[b-ky2zlrbrrv] {
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: var(--bs-body-color, #212529);
}

.materials-kpi-icon[b-ky2zlrbrrv] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(11, 46, 89, 0.06);
    font-size: 1.15rem;
    color: #0b2e59;
}

.materials-kind-card[b-ky2zlrbrrv] {
    transition: transform .15s ease, box-shadow .15s ease;
}

.materials-kind-card:hover[b-ky2zlrbrrv] {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1.25rem rgba(11, 46, 89, 0.1) !important;
}

.materials-kind-icon[b-ky2zlrbrrv] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(13, 110, 253, 0.08);
    color: #0d6efd;
}

.materials-workspace-list .list-group-item[b-ky2zlrbrrv] {
    border-color: rgba(0, 0, 0, 0.06);
}

:global(.dark-theme) .materials-kpi-icon[b-ky2zlrbrrv],
:global(.dark-theme) .materials-kind-icon[b-ky2zlrbrrv],
:global(.app-layout.dark-theme) .materials-kpi-icon[b-ky2zlrbrrv],
:global(.app-layout.dark-theme) .materials-kind-icon[b-ky2zlrbrrv] {
    background: rgba(255, 255, 255, 0.08);
    color: #9ec5fe;
}

:global(.dark-theme) .materials-kpi-value[b-ky2zlrbrrv],
:global(.app-layout.dark-theme) .materials-kpi-value[b-ky2zlrbrrv] {
    color: #f2f6fb !important;
}

:global(.dark-theme) .materials-eyebrow[b-ky2zlrbrrv],
:global(.app-layout.dark-theme) .materials-eyebrow[b-ky2zlrbrrv] {
    color: #9fd8f7 !important;
}

:global(.dark-theme) .materials-kind-card[b-ky2zlrbrrv],
:global(.app-layout.dark-theme) .materials-kind-card[b-ky2zlrbrrv] {
    background: #252b35;
    border-color: rgba(143, 208, 245, 0.2);
}

:global(.dark-theme) .materials-kind-card strong[b-ky2zlrbrrv],
:global(.app-layout.dark-theme) .materials-kind-card strong[b-ky2zlrbrrv] {
    color: #f2f6fb !important;
}

:global(.dark-theme) .materials-workspace-list .list-group-item[b-ky2zlrbrrv],
:global(.app-layout.dark-theme) .materials-workspace-list .list-group-item[b-ky2zlrbrrv] {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.08);
    color: #e6edf5;
}
/* /Components/Pages/Notifications.razor.rz.scp.css */
.summary-drawer[b-l0l2egapfu] {
    display: grid;
    gap: 0.75rem;
}

.summary-toggle[b-l0l2egapfu] {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    padding: 0.8rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(11, 46, 89, 0.08);
    background: linear-gradient(180deg, rgba(246, 250, 255, 0.98), rgba(234, 242, 250, 0.96));
    cursor: pointer;
}

.summary-toggle[b-l0l2egapfu]::-webkit-details-marker {
    display: none;
}

.summary-toggle-label[b-l0l2egapfu] {
    display: block;
    margin-bottom: 0.15rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0b3d91;
}

.summary-toggle strong[b-l0l2egapfu] {
    color: #10233f;
}

.summary-toggle-copy[b-l0l2egapfu] {
    max-width: 34rem;
    font-size: 0.84rem;
    color: #60728d;
    text-align: right;
}

.notify-filter-chip.btn-primary[b-l0l2egapfu],
.notify-filter-chip.btn-outline-secondary:hover[b-l0l2egapfu],
.notify-filter-chip.btn-outline-secondary:focus[b-l0l2egapfu] {
    background-color: #0b2e59;
    border-color: #0b2e59;
}

@media (max-width: 991.98px) {.notify-command-hero[b-l0l2egapfu],
    .summary-toggle[b-l0l2egapfu] {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {.summary-toggle-copy[b-l0l2egapfu] {
        max-width: none;
        text-align: left;
    }
}
/* /Components/Pages/PriceBook.razor.rz.scp.css */
.pricebook[b-kqq73ytkbe] {
    max-width: 1560px;
}

.pricebook-mode-toggle .badge[b-kqq73ytkbe] {
    font-weight: 600;
}

.pricebook-item-card[b-kqq73ytkbe],
.pricebook-kit-card[b-kqq73ytkbe] {
    border: 1px solid var(--border-color, #e5eaf0);
    border-radius: 14px;
    background: var(--surface-bg, #fff);
    padding: 0.9rem 0.95rem;
    box-shadow: 0 6px 16px rgba(12, 33, 63, 0.04);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.pricebook-item-card:hover[b-kqq73ytkbe],
.pricebook-kit-card:hover[b-kqq73ytkbe] {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(12, 33, 63, 0.08);
    border-color: rgba(13, 110, 253, 0.28);
}

.pricebook-kind-pill[b-kqq73ytkbe] {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0b2e59;
    background: rgba(11, 46, 89, 0.08);
    border-radius: 999px;
    padding: 0.18rem 0.5rem;
}

.pricebook-item-name[b-kqq73ytkbe],
.pricebook-kit-name[b-kqq73ytkbe] {
    font-weight: 700;
    font-size: 0.98rem;
    color: #1a2b3c;
    line-height: 1.25;
}

.pricebook-item-meta[b-kqq73ytkbe] {
    font-size: 0.78rem;
    color: #6b7c8f;
    min-height: 1.2rem;
    margin-bottom: 0.45rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pricebook-item-price[b-kqq73ytkbe],
.pricebook-kit-total[b-kqq73ytkbe] {
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0b2e59;
}

.pricebook-item-unit[b-kqq73ytkbe] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #6b7c8f;
}

.pricebook-stock-badge[b-kqq73ytkbe] {
    font-size: 0.72rem;
    font-weight: 600;
}

.pricebook-kit-card[b-kqq73ytkbe] {
    border-left: 4px solid #0d6efd;
}

:global(.dark-theme) .pricebook-item-card[b-kqq73ytkbe],
:global(.dark-theme) .pricebook-kit-card[b-kqq73ytkbe],
:global(.app-layout.dark-theme) .pricebook-item-card[b-kqq73ytkbe],
:global(.app-layout.dark-theme) .pricebook-kit-card[b-kqq73ytkbe] {
    background: #252b35;
    border-color: rgba(143, 208, 245, 0.28);
    box-shadow: none;
}

:global(.dark-theme) .pricebook-item-name[b-kqq73ytkbe],
:global(.dark-theme) .pricebook-kit-name[b-kqq73ytkbe],
:global(.app-layout.dark-theme) .pricebook-item-name[b-kqq73ytkbe],
:global(.app-layout.dark-theme) .pricebook-kit-name[b-kqq73ytkbe] {
    color: #f2f6fb !important;
    font-weight: 700;
}

:global(.dark-theme) .pricebook-item-price[b-kqq73ytkbe],
:global(.dark-theme) .pricebook-kit-total[b-kqq73ytkbe],
:global(.app-layout.dark-theme) .pricebook-item-price[b-kqq73ytkbe],
:global(.app-layout.dark-theme) .pricebook-kit-total[b-kqq73ytkbe] {
    color: #9fd8f7 !important;
}

:global(.dark-theme) .pricebook-item-meta[b-kqq73ytkbe],
:global(.dark-theme) .pricebook-item-unit[b-kqq73ytkbe],
:global(.app-layout.dark-theme) .pricebook-item-meta[b-kqq73ytkbe],
:global(.app-layout.dark-theme) .pricebook-item-unit[b-kqq73ytkbe] {
    color: #b8c8d8 !important;
}

:global(.dark-theme) .pricebook-kind-pill[b-kqq73ytkbe],
:global(.app-layout.dark-theme) .pricebook-kind-pill[b-kqq73ytkbe] {
    color: #d4eefc !important;
    background: rgba(91, 179, 232, 0.2) !important;
}
/* /Components/Pages/Products.razor.rz.scp.css */
/* Chrome styles removed after desktop UI cleanup — no remaining class references. */
/* /Components/Pages/QuickNotes.razor.rz.scp.css */
/* QuickNotes – page-specific overrides (base rules live in app.css) */

.quicknote-note-card[b-7vix1h4z8d] {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.quicknote-note-card:hover[b-7vix1h4z8d] {
    transform: translateY(-2px);
    box-shadow: 0 18px 30px rgba(12, 33, 63, 0.12);
}

.quicknote-section-card[b-7vix1h4z8d] {
    border-radius: 22px;
    overflow: hidden;
}

.quicknote-section-header[b-7vix1h4z8d] {
    border-bottom: 1px solid rgba(12, 33, 63, 0.08);
}
/* /Components/Pages/Register.razor.rz.scp.css */
.register-page[b-dvvd0yfwy4] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.25rem;
    background:
        radial-gradient(circle at top left, rgba(0, 61, 128, 0.12), transparent 24%),
        radial-gradient(circle at bottom right, rgba(18, 128, 167, 0.1), transparent 22%),
        linear-gradient(180deg, #f4f8fc 0%, #edf3f8 100%);
}

.register-shell[b-dvvd0yfwy4] {
    width: min(1080px, 100%);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap: 1rem;
    align-items: stretch;
}

.register-panel[b-dvvd0yfwy4] {
    border-radius: 28px;
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 22px 48px rgba(12, 33, 63, 0.08);
}

.register-panel-copy[b-dvvd0yfwy4] {
    display: grid;
    gap: 1rem;
    padding: 1.35rem;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.96), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
}

.register-copy-block[b-dvvd0yfwy4] {
    display: grid;
    gap: 0.55rem;
}

.register-eyebrow[b-dvvd0yfwy4] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.8;
}

.register-title[b-dvvd0yfwy4] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.08;
    font-weight: 700;
}

.register-copy[b-dvvd0yfwy4] {
    margin: 0;
    max-width: 58ch;
    font-size: 0.95rem;
    line-height: 1.55;
    color: rgba(244, 247, 251, 0.86);
}

.register-inline-strip[b-dvvd0yfwy4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.register-signal-card[b-dvvd0yfwy4] {
    flex: 1 1 12rem;
    min-width: 0;
    display: grid;
    gap: 0.22rem;
    padding: 0.82rem 0.9rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(244, 247, 251, 0.1);
}

.register-signal-label[b-dvvd0yfwy4] {
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(244, 247, 251, 0.72);
}

.register-signal-value[b-dvvd0yfwy4] {
    font-size: 1.08rem;
    color: #fff;
}

.register-signal-note[b-dvvd0yfwy4] {
    font-size: 0.8rem;
    line-height: 1.4;
    color: rgba(244, 247, 251, 0.8);
}

.register-panel-form[b-dvvd0yfwy4] {
    padding: 1.35rem;
    background: rgba(255, 255, 255, 0.94);
}

.register-form-head[b-dvvd0yfwy4] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.register-icon-wrap[b-dvvd0yfwy4] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(0, 61, 128, 0.12), rgba(0, 61, 128, 0.05));
    color: #003d80;
    font-size: 1.35rem;
}

.register-form-title[b-dvvd0yfwy4] {
    margin: 0 0 0.2rem;
    font-size: 1.35rem;
    font-weight: 700;
    color: #173550;
}

.register-form-copy[b-dvvd0yfwy4] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #617487;
}

.register-form-grid[b-dvvd0yfwy4] {
    display: grid;
    gap: 0.85rem;
}

.register-field[b-dvvd0yfwy4] {
    display: grid;
    gap: 0.32rem;
}

.register-form-footer[b-dvvd0yfwy4] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
}

@media (max-width: 991.98px) {.register-shell[b-dvvd0yfwy4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {.register-page[b-dvvd0yfwy4] {
        padding: 1rem 0.85rem;
    }

    .register-panel-copy[b-dvvd0yfwy4],
    .register-panel-form[b-dvvd0yfwy4] {
        padding: 1rem;
    }

    .register-form-head[b-dvvd0yfwy4] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Reports.razor.rz.scp.css */
.report-hub[b-v6vtdmtv91] {
    display: grid;
    gap: 0.8rem;
    margin-bottom: 1rem;
}

.report-kpi-card[b-v6vtdmtv91] {
    border-left: 4px solid #0b2e59 !important;
    transition: transform .15s ease, box-shadow .15s ease;
    overflow: hidden;
}
.report-kpi-card:hover[b-v6vtdmtv91] {
    transform: translateY(-2px);
    box-shadow: 0 0.55rem 1.4rem rgba(11, 46, 89, 0.12) !important;
}
.report-kpi-income[b-v6vtdmtv91] { border-left-color: #198754 !important; }
.report-kpi-expense[b-v6vtdmtv91] { border-left-color: #dc3545 !important; }
.report-kpi-net[b-v6vtdmtv91] { border-left-color: #0d6efd !important; }
.report-kpi-ar[b-v6vtdmtv91] { border-left-color: #ffc107 !important; }

.report-kpi-value[b-v6vtdmtv91] {
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.report-margin-meter[b-v6vtdmtv91] {
    height: 6px;
    border-radius: 999px;
    background: rgba(13, 110, 253, 0.12);
    overflow: hidden;
}
.report-margin-fill[b-v6vtdmtv91] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #64b5f6, #0d6efd);
    min-width: 2px;
}

.report-chart-card[b-v6vtdmtv91] {
    background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}

.report-dual-bars[b-v6vtdmtv91] {
    display: flex;
    align-items: flex-end;
    gap: 0.65rem;
    min-height: 180px;
    padding: 0.75rem 0.35rem 0;
    border-radius: 0.75rem;
    background:
        linear-gradient(180deg, transparent 0%, transparent calc(100% - 1px), rgba(11, 46, 89, 0.08) calc(100% - 1px));
}
.report-dual-bar-col[b-v6vtdmtv91] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    cursor: default;
}
.report-dual-bar-pair[b-v6vtdmtv91] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 140px;
}
.report-bar[b-v6vtdmtv91] {
    width: 14px;
    border-radius: 6px 6px 2px 2px;
    min-height: 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: filter .15s ease;
}
.report-dual-bar-col:hover .report-bar[b-v6vtdmtv91] {
    filter: brightness(1.05);
}
.report-bar.income[b-v6vtdmtv91] { background: linear-gradient(180deg, #34d399, #198754); }
.report-bar.expense[b-v6vtdmtv91] { background: linear-gradient(180deg, #fb7185, #dc3545); }
.report-bar-label[b-v6vtdmtv91] {
    font-size: 0.7rem;
    color: #6c757d;
    white-space: nowrap;
    font-weight: 600;
}
.report-bar-sub[b-v6vtdmtv91] {
    font-size: 0.65rem;
    font-weight: 700;
    white-space: nowrap;
}

.report-legend[b-v6vtdmtv91] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-right: 0.35rem;
    vertical-align: middle;
}
.report-legend.income[b-v6vtdmtv91] { background: #198754; }
.report-legend.expense[b-v6vtdmtv91] { background: #dc3545; }

.report-donut[b-v6vtdmtv91] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: inset 0 0 0 16px #fff, 0 0.35rem 1rem rgba(11, 46, 89, 0.1);
}

.report-cat-swatch[b-v6vtdmtv91] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    margin-right: 0.4rem;
    vertical-align: middle;
}

.report-hbar-track[b-v6vtdmtv91] {
    height: 9px;
    background: rgba(11, 46, 89, 0.08);
    border-radius: 999px;
    overflow: hidden;
}
.report-hbar-fill[b-v6vtdmtv91] {
    height: 100%;
    border-radius: 999px;
    min-width: 2px;
}
.report-hbar-fill.income[b-v6vtdmtv91] { background: linear-gradient(90deg, #34d399, #198754); }
.report-hbar-fill.expense[b-v6vtdmtv91] { background: linear-gradient(90deg, #fb7185, #dc3545); }

.report-period-picker[b-v6vtdmtv91] {
    display: grid;
    gap: 0.35rem;
    min-width: 14rem;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.report-period-picker .form-select[b-v6vtdmtv91] {
    border-color: rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.96);
    color: #0b2e59;
}

.report-tab-strip[b-v6vtdmtv91] {
    gap: 0.45rem;
    border-bottom: none;
}

.report-tab-strip .nav-link[b-v6vtdmtv91] {
    border: 1px solid rgba(11, 46, 89, 0.14);
    border-radius: 999px;
    color: #0b2e59;
    font-weight: 600;
    background: #fff;
}

.report-tab-strip .nav-link.active[b-v6vtdmtv91] {
    background: #0b2e59;
    color: #fff;
    border-color: #0b2e59;
}

@media (max-width: 767.98px) {
    .report-period-picker[b-v6vtdmtv91] {
        min-width: 0;
    }

    .report-tab-strip[b-v6vtdmtv91] {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.35rem;
    }

    .report-dual-bars[b-v6vtdmtv91] {
        gap: 0.35rem;
    }

    .report-bar[b-v6vtdmtv91] {
        width: 10px;
    }
}
/* /Components/Pages/Search.razor.rz.scp.css */
.summary-drawer[b-y22eu94c7d] {
    display: grid;
    gap: 0.75rem;
}

.summary-toggle[b-y22eu94c7d] {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    padding: 0.8rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(11, 46, 89, 0.08);
    background: linear-gradient(180deg, rgba(246, 250, 255, 0.98), rgba(234, 242, 250, 0.96));
    cursor: pointer;
}

.summary-toggle[b-y22eu94c7d]::-webkit-details-marker {
    display: none;
}

.summary-toggle-label[b-y22eu94c7d] {
    display: block;
    margin-bottom: 0.15rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0b3d91;
}

.summary-toggle strong[b-y22eu94c7d] {
    color: #10233f;
}

.summary-toggle-copy[b-y22eu94c7d] {
    max-width: 34rem;
    font-size: 0.84rem;
    color: #60728d;
    text-align: right;
}

.search-filter-chip.btn-primary[b-y22eu94c7d],
.search-filter-chip.btn-outline-secondary:hover[b-y22eu94c7d],
.search-filter-chip.btn-outline-secondary:focus[b-y22eu94c7d] {
    background-color: #0b2e59;
    border-color: #0b2e59;
}

@media (max-width: 991.98px) {.search-command-hero[b-y22eu94c7d],
    .summary-toggle[b-y22eu94c7d] {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {.summary-toggle-copy[b-y22eu94c7d] {
        max-width: none;
        text-align: left;
    }
}
/* /Components/Pages/ServiceAgreements.razor.rz.scp.css */
/* Chrome styles removed after desktop UI cleanup — no remaining class references. */
/* /Components/Pages/ServiceHistory.razor.rz.scp.css */
.service-history-eyebrow[b-wievery7vs] {
    font-size: 0.75rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.78;
    margin-bottom: 0.45rem;
}

.service-history-section-card[b-wievery7vs] {
    border-radius: 22px;
    overflow: hidden;
}

.service-history-section-header[b-wievery7vs] {
    border-bottom: 1px solid rgba(12, 33, 63, 0.08);
}

.service-history-section-head[b-wievery7vs] {
    gap: 1rem;
}

@media (max-width: 768px) {.table-responsive table[b-wievery7vs] {
        display: block;
    }

    .table-responsive thead[b-wievery7vs] {
        display: none;
    }

    .table-responsive tbody[b-wievery7vs] {
        display: block;
    }

    .table-responsive tr[b-wievery7vs] {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 0.5rem;
        padding: 0.5rem;
        background: var(--card-bg);
    }

    .table-responsive td[b-wievery7vs] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem;
        border-bottom: 1px solid var(--border-color);
    }

    .table-responsive td:last-child[b-wievery7vs] {
        border-bottom: none;
    }

    .table-responsive td[b-wievery7vs]::before {
        content: attr(data-label);
        font-weight: 600;
        color: var(--text-color);
        margin-right: 1rem;
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-layout[b-o19ush4ylk] {
    display: grid;
    grid-template-columns: 17rem minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.settings-sidebar[b-o19ush4ylk] {
    position: sticky;
    top: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 10px 24px rgba(0, 30, 60, 0.04);
}

.settings-sidebar .nav-link[b-o19ush4ylk] {
    display: flex;
    align-items: center;
    padding: 0.75rem 0.85rem;
    margin-bottom: 0.25rem;
    border-radius: 0.9rem;
    color: #21415d;
    font-weight: 600;
}

.settings-sidebar .nav-link:hover[b-o19ush4ylk] {
    background: rgba(11, 46, 89, 0.06);
    color: #0b2e59;
}

.settings-sidebar .nav-link.active[b-o19ush4ylk] {
    background: #0b2e59;
    color: #fff;
    box-shadow: 0 10px 24px rgba(11, 46, 89, 0.22);
}

.settings-content > .card[b-o19ush4ylk],
.settings-content > .alert[b-o19ush4ylk] {
    border-radius: 1rem;
}

/* Permission matrix column header toggle */

@media (max-width: 991.98px) {.settings-command-band[b-o19ush4ylk],
    .settings-layout[b-o19ush4ylk] {
        grid-template-columns: 1fr;
        display: grid;
    }

    

    

    

    

    .settings-sidebar[b-o19ush4ylk] {
        position: static;
    }
}
/* /Components/Pages/Setup.razor.rz.scp.css */
.setup-page[b-yj00hgu2er] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.25rem;
    background:
        radial-gradient(circle at top left, rgba(0, 61, 128, 0.12), transparent 24%),
        radial-gradient(circle at bottom right, rgba(18, 128, 167, 0.1), transparent 22%),
        linear-gradient(180deg, #f4f8fc 0%, #edf3f8 100%);
}

.setup-shell[b-yj00hgu2er] {
    width: min(1080px, 100%);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap: 1rem;
    align-items: stretch;
}

.setup-panel[b-yj00hgu2er] {
    border-radius: 28px;
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 22px 48px rgba(12, 33, 63, 0.08);
}

.setup-panel-copy[b-yj00hgu2er] {
    display: grid;
    gap: 1rem;
    padding: 1.35rem;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.96), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
}

.setup-copy-block[b-yj00hgu2er] {
    display: grid;
    gap: 0.55rem;
}

.setup-eyebrow[b-yj00hgu2er] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.8;
}

.setup-title[b-yj00hgu2er] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.08;
    font-weight: 700;
}

.setup-copy[b-yj00hgu2er] {
    margin: 0;
    max-width: 58ch;
    font-size: 0.95rem;
    line-height: 1.55;
    color: rgba(244, 247, 251, 0.86);
}

.setup-inline-strip[b-yj00hgu2er] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.setup-signal-card[b-yj00hgu2er] {
    flex: 1 1 12rem;
    min-width: 0;
    display: grid;
    gap: 0.22rem;
    padding: 0.82rem 0.9rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(244, 247, 251, 0.1);
}

.setup-signal-label[b-yj00hgu2er] {
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(244, 247, 251, 0.72);
}

.setup-signal-value[b-yj00hgu2er] {
    font-size: 1.08rem;
    color: #fff;
}

.setup-signal-note[b-yj00hgu2er] {
    font-size: 0.8rem;
    line-height: 1.4;
    color: rgba(244, 247, 251, 0.8);
}

.setup-panel-form[b-yj00hgu2er] {
    padding: 1.35rem;
    background: rgba(255, 255, 255, 0.94);
}

.setup-form-head[b-yj00hgu2er] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.setup-icon-wrap[b-yj00hgu2er] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(0, 61, 128, 0.12), rgba(0, 61, 128, 0.05));
    color: #003d80;
    font-size: 1.35rem;
}

.setup-form-title[b-yj00hgu2er] {
    margin: 0 0 0.2rem;
    font-size: 1.35rem;
    font-weight: 700;
    color: #173550;
}

.setup-form-copy[b-yj00hgu2er] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #617487;
}

.setup-form-grid[b-yj00hgu2er] {
    display: grid;
    gap: 0.85rem;
}

.setup-field[b-yj00hgu2er] {
    display: grid;
    gap: 0.32rem;
}

.setup-form-footer[b-yj00hgu2er] {
    display: grid;
    gap: 0.8rem;
    margin-top: 1rem;
}

.setup-footnote[b-yj00hgu2er] {
    font-size: 0.82rem;
    line-height: 1.45;
    color: #617487;
}

@media (max-width: 991.98px) {.setup-shell[b-yj00hgu2er] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {.setup-page[b-yj00hgu2er] {
        padding: 1rem 0.85rem;
    }

    .setup-panel-copy[b-yj00hgu2er],
    .setup-panel-form[b-yj00hgu2er] {
        padding: 1rem;
    }

    .setup-form-head[b-yj00hgu2er] {
        flex-direction: column;
    }
}
/* /Components/Pages/Sites.razor.rz.scp.css */
/* Chrome styles removed after desktop UI cleanup — no remaining class references. */
/* /Components/Pages/Suppliers.razor.rz.scp.css */
/* Chrome styles removed after desktop UI cleanup — no remaining class references. */
/* /Components/Pages/Templates.razor.rz.scp.css */
/* Chrome styles removed after desktop UI cleanup — no remaining class references. */
/* /Components/Shared/EstimateDetailView.razor.rz.scp.css */
/* HCP-inspired estimate sales surface */

.sales-lifecycle[b-b0f72i32uw] {
    display: flex;
    align-items: stretch;
    gap: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0.65rem 0.75rem;
    margin-bottom: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border-color, #dee2e6);
    background: var(--surface-bg, #fff);
    box-shadow: 0 6px 16px rgba(12, 33, 63, 0.04);
}

.sales-lifecycle-connector[b-b0f72i32uw] {
    width: 1.25rem;
    min-width: 0.75rem;
    height: 2px;
    align-self: center;
    background: #e2e8f0;
    flex-shrink: 0;
}

.sales-lifecycle-connector.is-done[b-b0f72i32uw] {
    background: var(--primary-color, #003366);
}

.sales-lifecycle-step[b-b0f72i32uw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    min-width: 4.5rem;
    padding: 0.35rem 0.4rem;
    border: none;
    background: transparent;
    color: #8a9bb0;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    flex-shrink: 0;
    border-radius: 10px;
    transition: color 0.15s ease, background 0.15s ease;
}

.sales-lifecycle-step:disabled[b-b0f72i32uw] {
    cursor: default;
}

.sales-lifecycle-step:not(:disabled):hover[b-b0f72i32uw] {
    background: rgba(0, 51, 102, 0.06);
    color: var(--primary-color, #003366);
}

.sales-lifecycle-icon[b-b0f72i32uw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #eef2f6;
    color: #8a9bb0;
    font-size: 0.95rem;
}

.sales-lifecycle-step.is-done[b-b0f72i32uw] {
    color: var(--primary-color, #003366);
}

.sales-lifecycle-step.is-done .sales-lifecycle-icon[b-b0f72i32uw] {
    background: rgba(0, 51, 102, 0.12);
    color: var(--primary-color, #003366);
}

.sales-lifecycle-step.is-current[b-b0f72i32uw] {
    color: var(--primary-color, #003366);
}

.sales-lifecycle-step.is-current .sales-lifecycle-icon[b-b0f72i32uw] {
    background: var(--primary-color, #003366);
    color: #fff;
    box-shadow: 0 2px 10px rgba(0, 51, 102, 0.28);
}

.sales-lifecycle-step.is-failed[b-b0f72i32uw] {
    color: #b02a37;
}

.sales-lifecycle-step.is-failed .sales-lifecycle-icon[b-b0f72i32uw] {
    background: rgba(176, 42, 55, 0.12);
    color: #b02a37;
}

.sales-lifecycle-label[b-b0f72i32uw] {
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
}

.sales-command-rail[b-b0f72i32uw] {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 48%);
    border: 1px solid var(--border-color, #e5eaf0) !important;
}

.sales-command-customer-name[b-b0f72i32uw] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a2b3c;
    line-height: 1.25;
}

.sales-command-line[b-b0f72i32uw] {
    font-size: 0.9rem;
    color: #3d4f63;
}

.sales-command-line a[b-b0f72i32uw] {
    color: inherit;
    text-decoration: none;
}

.sales-command-line a:hover[b-b0f72i32uw] {
    color: var(--primary-color, #003366);
    text-decoration: underline;
}

.sales-command-summary[b-b0f72i32uw] {
    font-size: 0.92rem;
    color: #2c3e50;
    white-space: pre-wrap;
    line-height: 1.45;
    max-height: 8rem;
    overflow-y: auto;
}

.proposal-option-card[b-b0f72i32uw] {
    position: relative;
    border: 1px solid var(--border-color, #e5eaf0);
    border-radius: 12px;
    padding: 0.85rem 0.75rem 0.75rem;
    background: var(--surface-bg, #fff);
    min-height: 7.5rem;
    height: 100%;
}

.proposal-option-card.is-recommended[b-b0f72i32uw] {
    border-color: rgba(13, 110, 253, 0.45);
    box-shadow: 0 6px 16px rgba(13, 110, 253, 0.08);
}

.proposal-option-card.is-selected[b-b0f72i32uw] {
    border-color: #198754;
    background: rgba(25, 135, 84, 0.06);
}

.proposal-option-ribbon[b-b0f72i32uw] {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    background: #0d6efd;
    border-radius: 0 12px 0 10px;
    padding: 0.2rem 0.45rem;
}

.proposal-option-accepted[b-b0f72i32uw] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #198754;
    margin-bottom: 0.25rem;
}

.proposal-option-title[b-b0f72i32uw] {
    font-weight: 700;
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
    padding-right: 4rem;
}

.proposal-option-desc[b-b0f72i32uw] {
    font-size: 0.78rem;
    color: #5f7185;
    margin-bottom: 0.45rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.proposal-option-price[b-b0f72i32uw] {
    font-size: 1.2rem;
    font-weight: 800;
    color: #1a2b3c;
    margin-top: 0.35rem;
}

.service-plan-stack[b-b0f72i32uw] {
    display: grid;
    gap: 0.5rem;
}

.service-plan-card[b-b0f72i32uw] {
    display: block;
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--border-color, #e5eaf0);
    border-radius: 10px;
    padding: 0.55rem 0.65rem;
    background: var(--surface-bg-muted, #f7f9fc);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.service-plan-card:hover[b-b0f72i32uw] {
    border-color: rgba(13, 110, 253, 0.35);
    box-shadow: 0 4px 12px rgba(12, 33, 63, 0.06);
    color: inherit;
}

@media (max-width: 991.98px) {
    .sales-lifecycle-step[b-b0f72i32uw] {
        min-width: 3.75rem;
    }
}
/* /Components/Shared/JobDetailView.razor.rz.scp.css */
/* HCP-inspired job lifecycle stepper + command center */

.job-lifecycle[b-mksixlttfx] {
    display: flex;
    align-items: stretch;
    gap: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0.65rem 0.75rem;
    margin-bottom: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border-color, #dee2e6);
    background: var(--surface-bg, #fff);
    box-shadow: 0 6px 16px rgba(12, 33, 63, 0.04);
}

.job-lifecycle-connector[b-mksixlttfx] {
    width: 1.25rem;
    min-width: 0.75rem;
    height: 2px;
    align-self: center;
    background: #e2e8f0;
    flex-shrink: 0;
    transition: background 0.2s ease;
}

.job-lifecycle-connector.is-done[b-mksixlttfx] {
    background: var(--primary-color, #003366);
}

.job-lifecycle-step[b-mksixlttfx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    min-width: 4.5rem;
    padding: 0.35rem 0.4rem;
    border: none;
    background: transparent;
    color: #8a9bb0;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    flex-shrink: 0;
    border-radius: 10px;
    transition: color 0.15s ease, background 0.15s ease;
}

.job-lifecycle-step:disabled[b-mksixlttfx] {
    cursor: default;
}

.job-lifecycle-step:not(:disabled):hover[b-mksixlttfx] {
    background: rgba(0, 51, 102, 0.06);
    color: var(--primary-color, #003366);
}

.job-lifecycle-icon[b-mksixlttfx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #eef2f6;
    color: #8a9bb0;
    font-size: 0.95rem;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.job-lifecycle-step.is-done[b-mksixlttfx] {
    color: var(--primary-color, #003366);
}

.job-lifecycle-step.is-done .job-lifecycle-icon[b-mksixlttfx] {
    background: rgba(0, 51, 102, 0.12);
    color: var(--primary-color, #003366);
}

.job-lifecycle-step.is-current[b-mksixlttfx] {
    color: var(--primary-color, #003366);
}

.job-lifecycle-step.is-current .job-lifecycle-icon[b-mksixlttfx] {
    background: var(--primary-color, #003366);
    color: #fff;
    box-shadow: 0 2px 10px rgba(0, 51, 102, 0.28);
}

.job-lifecycle-step.is-failed[b-mksixlttfx] {
    color: #b02a37;
}

.job-lifecycle-step.is-failed .job-lifecycle-icon[b-mksixlttfx] {
    background: rgba(176, 42, 55, 0.12);
    color: #b02a37;
}

.job-lifecycle-label[b-mksixlttfx] {
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
}

/* Command center */

.job-command-rail[b-mksixlttfx] {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 48%);
    border: 1px solid var(--border-color, #e5eaf0) !important;
}

.job-command-customer-name[b-mksixlttfx] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a2b3c;
    line-height: 1.25;
}

.job-command-line[b-mksixlttfx] {
    font-size: 0.9rem;
    color: #3d4f63;
}

.job-command-line a[b-mksixlttfx] {
    color: inherit;
    text-decoration: none;
}

.job-command-line a:hover[b-mksixlttfx] {
    color: var(--primary-color, #003366);
    text-decoration: underline;
}

.job-command-summary[b-mksixlttfx] {
    font-size: 0.92rem;
    color: #2c3e50;
    white-space: pre-wrap;
    line-height: 1.45;
    max-height: 10rem;
    overflow-y: auto;
}

.service-plan-stack[b-mksixlttfx] {
    display: grid;
    gap: 0.5rem;
}

.service-plan-card[b-mksixlttfx] {
    display: block;
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--border-color, #e5eaf0);
    border-radius: 10px;
    padding: 0.55rem 0.65rem;
    background: var(--surface-bg-muted, #f7f9fc);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.service-plan-card:hover[b-mksixlttfx] {
    border-color: rgba(13, 110, 253, 0.35);
    box-shadow: 0 4px 12px rgba(12, 33, 63, 0.06);
    color: inherit;
}

@media (max-width: 991.98px) {
    .job-lifecycle[b-mksixlttfx] {
        padding: 0.55rem 0.5rem;
    }

    .job-lifecycle-step[b-mksixlttfx] {
        min-width: 3.75rem;
    }

    .job-lifecycle-label[b-mksixlttfx] {
        font-size: 0.68rem;
    }
}

/* Job detail command toolbar — stack title and actions into their own rows
   on mobile so the job number, nav buttons, and action buttons never share
   a single cramped line. */
@media (max-width: 767.98px) {
    .job-detail-toolbar[b-mksixlttfx] {
        flex-wrap: wrap;
        row-gap: 0.5rem;
    }

    .job-detail-toolbar-left[b-mksixlttfx],
    .job-detail-toolbar-right[b-mksixlttfx] {
        flex: 1 1 100%;
        min-width: 0;
    }

    .job-detail-toolbar-right[b-mksixlttfx] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .job-detail-toolbar-title[b-mksixlttfx] {
        font-size: 1.05rem;
    }
}

/* /Components/Shared/LiveCrewBoardView.razor.rz.scp.css */
.live-crew-kpis[b-5y2fs6rj4b] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}
.live-crew-kpi[b-5y2fs6rj4b] {
    background: var(--card-bg, var(--zf-surface, #fff));
    border: 1px solid var(--border-color, var(--zf-border, #e5e7eb));
    border-radius: 14px;
    padding: 0.85rem 1rem;
    box-shadow: var(--zf-shadow, 0 1px 2px rgba(16, 35, 63, 0.06));
}
.live-crew-kpi.is-on[b-5y2fs6rj4b] { border-color: color-mix(in srgb, #0e9f6e 45%, var(--zf-border, #e5e7eb)); }
.live-crew-kpi.is-job[b-5y2fs6rj4b] { border-color: color-mix(in srgb, #1a56db 40%, var(--zf-border, #e5e7eb)); }
.live-crew-kpi .lbl[b-5y2fs6rj4b] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--zf-muted, #6b7280);
    font-weight: 600;
}
.live-crew-kpi .val[b-5y2fs6rj4b] {
    font-size: 1.65rem;
    font-weight: 750;
    line-height: 1.15;
    color: var(--text-color, var(--zf-text, #10233f));
}
.live-crew-kpi .val-time[b-5y2fs6rj4b] { font-size: 1.15rem; padding-top: 0.35rem; }
.live-crew-kpi .hint[b-5y2fs6rj4b] { font-size: 0.75rem; color: var(--zf-muted, #6b7280); }

.live-crew-lanes[b-5y2fs6rj4b] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 1rem;
    align-items: start;
}
.live-crew-lane[b-5y2fs6rj4b] {
    background: var(--surface-bg-muted, var(--zf-surface, #fff));
    border: 1px solid var(--border-color, var(--zf-border, #e5e7eb));
    border-radius: 18px;
    padding: 0.85rem;
    min-height: 12rem;
}
.live-crew-lane.is-duty[b-5y2fs6rj4b] {
    background: var(--surface-bg-muted, var(--zf-surface, #fff));
}
.live-crew-lane header[b-5y2fs6rj4b] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 700;
    font-size: 0.92rem;
    margin-bottom: 0.7rem;
    color: var(--text-color, var(--zf-text, #10233f));
}
.live-crew-lane .count[b-5y2fs6rj4b] {
    margin-left: auto;
    background: #10233f;
    color: #fff;
    border-radius: 999px;
    font-size: 0.72rem;
    padding: 0.12rem 0.5rem;
}
.live-crew-lane.is-duty .count[b-5y2fs6rj4b] { background: #0e9f6e; }
.pulse[b-5y2fs6rj4b] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0e9f6e;
    box-shadow: 0 0 0 0 rgba(14, 159, 110, 0.55);
    animation: live-crew-pulse-b-5y2fs6rj4b 1.8s ease-out infinite;
}
@keyframes live-crew-pulse-b-5y2fs6rj4b {
    0% { box-shadow: 0 0 0 0 rgba(14, 159, 110, 0.5); }
    70% { box-shadow: 0 0 0 8px rgba(14, 159, 110, 0); }
    100% { box-shadow: 0 0 0 0 rgba(14, 159, 110, 0); }
}

.live-crew-card[b-5y2fs6rj4b] {
    background: var(--card-bg, var(--zf-surface, #fff));
    border: 1px solid var(--border-color, var(--zf-border, #e5e7eb));
    border-radius: 14px;
    padding: 0.75rem 0.85rem;
    margin-bottom: 0.65rem;
}
.live-crew-card.on-shift[b-5y2fs6rj4b] { border-left: 4px solid #0e9f6e; }
.live-crew-card.on-job[b-5y2fs6rj4b] { border-left: 4px solid #1a56db; }
.live-crew-card.off[b-5y2fs6rj4b] { border-left: 4px solid #cbd5e1; }
.live-crew-card-top[b-5y2fs6rj4b] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}
.live-crew-avatar[b-5y2fs6rj4b] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: #10233f;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 0.72rem;
    font-weight: 700;
    flex-shrink: 0;
}
.live-crew-card.on-shift .live-crew-avatar[b-5y2fs6rj4b] { background: #0e9f6e; }
.live-crew-card.on-job .live-crew-avatar[b-5y2fs6rj4b] { background: #1a56db; }
.live-crew-id[b-5y2fs6rj4b] { flex: 1; min-width: 0; }
.live-crew-name[b-5y2fs6rj4b] {
    font-weight: 700;
    color: var(--text-color, var(--zf-text, #10233f));
    text-decoration: none;
}
.live-crew-name:hover[b-5y2fs6rj4b] { text-decoration: underline; }
.live-crew-meta[b-5y2fs6rj4b], .live-crew-line[b-5y2fs6rj4b] { font-size: 0.8rem; }
.live-crew-line[b-5y2fs6rj4b] { margin-top: 0.35rem; }
.live-crew-line i[b-5y2fs6rj4b] { margin-right: 0.25rem; }
.muted[b-5y2fs6rj4b] { color: var(--zf-muted, #6b7280); }
.live-crew-flags[b-5y2fs6rj4b] { display: flex; flex-direction: column; align-items: flex-end; gap: 0.25rem; }
.live-crew-actions[b-5y2fs6rj4b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.6rem;
}

.live-crew-teach[b-5y2fs6rj4b] {
    font-size: 0.78rem;
    color: var(--zf-muted, #6b7280);
    margin: -0.35rem 0 0.85rem;
}
.live-crew-empty[b-5y2fs6rj4b], .live-crew-empty-lane[b-5y2fs6rj4b] {
    color: var(--zf-muted, #6b7280);
    font-size: 0.88rem;
    padding: 1rem 0.25rem;
}

.crew-sheet-backdrop[b-5y2fs6rj4b] {
    position: fixed;
    inset: 0;
    background: rgba(16, 35, 63, 0.4);
    z-index: 1040;
    border: 0;
}
.crew-sheet[b-5y2fs6rj4b] {
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(28rem, 100%);
    background: var(--card-bg, var(--zf-surface, #fff));
    color: var(--text-color, var(--zf-text, #10233f));
    z-index: 1041;
    border-radius: 16px 16px 0 0;
    padding: 1rem 1.1rem 1.25rem;
    box-shadow: 0 -8px 30px rgba(16, 35, 63, 0.18);
}
.crew-sheet h2[b-5y2fs6rj4b] { font-size: 1.05rem; font-weight: 700; margin: 0 0 0.2rem; }
.crew-sheet > p[b-5y2fs6rj4b] { color: #6b7280; font-size: 0.85rem; margin: 0 0 0.85rem; }

@media (min-width: 768px) {
    .crew-sheet[b-5y2fs6rj4b] {
        bottom: auto;
        top: 18%;
        border-radius: 16px;
    }
}
@media (max-width: 900px) {
    .live-crew-kpis[b-5y2fs6rj4b] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .live-crew-lanes[b-5y2fs6rj4b] { grid-template-columns: 1fr; }
}

:global(.app-layout.dark-theme) .live-crew-kpi[b-5y2fs6rj4b],
:global(.app-layout.dark-theme) .live-crew-lane[b-5y2fs6rj4b],
:global(.app-layout.dark-theme) .live-crew-card[b-5y2fs6rj4b],
:global(.app-layout.dark-theme) .crew-sheet[b-5y2fs6rj4b],
:global(html.pwa-dark) .live-crew-kpi[b-5y2fs6rj4b],
:global(html.pwa-dark) .live-crew-lane[b-5y2fs6rj4b],
:global(html.pwa-dark) .live-crew-card[b-5y2fs6rj4b],
:global(html.pwa-dark) .crew-sheet[b-5y2fs6rj4b],
:global([data-theme="dark"]) .live-crew-kpi[b-5y2fs6rj4b],
:global([data-theme="dark"]) .live-crew-lane[b-5y2fs6rj4b],
:global([data-theme="dark"]) .live-crew-card[b-5y2fs6rj4b],
:global([data-theme="dark"]) .crew-sheet[b-5y2fs6rj4b] {
    background: var(--card-bg, #1a2332);
    color: var(--text-color, #e8eef6);
    border-color: var(--border-color, #2c3a4f);
}
:global(.app-layout.dark-theme) .live-crew-kpi .val[b-5y2fs6rj4b],
:global(.app-layout.dark-theme) .live-crew-name[b-5y2fs6rj4b],
:global(.app-layout.dark-theme) .live-crew-lane header[b-5y2fs6rj4b],
:global(.app-layout.dark-theme) .crew-sheet h2[b-5y2fs6rj4b],
:global(html.pwa-dark) .live-crew-kpi .val[b-5y2fs6rj4b],
:global(html.pwa-dark) .live-crew-name[b-5y2fs6rj4b],
:global(html.pwa-dark) .live-crew-lane header[b-5y2fs6rj4b],
:global(html.pwa-dark) .crew-sheet h2[b-5y2fs6rj4b],
:global([data-theme="dark"]) .live-crew-kpi .val[b-5y2fs6rj4b],
:global([data-theme="dark"]) .live-crew-name[b-5y2fs6rj4b],
:global([data-theme="dark"]) .live-crew-lane header[b-5y2fs6rj4b],
:global([data-theme="dark"]) .crew-sheet h2[b-5y2fs6rj4b] {
    color: var(--text-color, var(--zf-text, #e8eef6));
}
:global(.app-layout.dark-theme) .live-crew-lane[b-5y2fs6rj4b],
:global(html.pwa-dark) .live-crew-lane[b-5y2fs6rj4b],
:global([data-theme="dark"]) .live-crew-lane[b-5y2fs6rj4b] {
    background: var(--surface-bg-muted, #151c28);
}
/* /Components/Shared/LiveCrewMemberCard.razor.rz.scp.css */
.live-crew-card[b-xb2kki9ode] {
    background: var(--card-bg, var(--zf-surface, #fff));
    border: 1px solid var(--border-color, var(--zf-border, #e5e7eb));
    border-radius: 14px;
    padding: 0.75rem 0.85rem;
    margin-bottom: 0.65rem;
}
.live-crew-card.on-shift[b-xb2kki9ode] { border-left: 4px solid #0e9f6e; }
.live-crew-card.on-job[b-xb2kki9ode] { border-left: 4px solid #1a56db; }
.live-crew-card.off[b-xb2kki9ode] { border-left: 4px solid #cbd5e1; }
.live-crew-card-top[b-xb2kki9ode] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}
.live-crew-avatar[b-xb2kki9ode] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: #10233f;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 0.72rem;
    font-weight: 700;
    flex-shrink: 0;
}
.live-crew-card.on-shift .live-crew-avatar[b-xb2kki9ode] { background: #0e9f6e; }
.live-crew-card.on-job .live-crew-avatar[b-xb2kki9ode] { background: #1a56db; }
.live-crew-id[b-xb2kki9ode] { flex: 1; min-width: 0; }
.live-crew-name[b-xb2kki9ode] {
    font-weight: 700;
    color: var(--text-color, var(--zf-text, #10233f));
    text-decoration: none;
}
.live-crew-name:hover[b-xb2kki9ode] { text-decoration: underline; }
.live-crew-meta[b-xb2kki9ode], .live-crew-line[b-xb2kki9ode] { font-size: 0.8rem; }
.live-crew-line[b-xb2kki9ode] { margin-top: 0.35rem; }
.live-crew-line i[b-xb2kki9ode] { margin-right: 0.25rem; }
.muted[b-xb2kki9ode] { color: var(--zf-muted, #6b7280); }
.live-crew-flags[b-xb2kki9ode] { display: flex; flex-direction: column; align-items: flex-end; gap: 0.25rem; }
.live-crew-actions[b-xb2kki9ode] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.6rem;
}

:global(.app-layout.dark-theme) .live-crew-card[b-xb2kki9ode],
:global(html.pwa-dark) .live-crew-card[b-xb2kki9ode],
:global([data-theme="dark"]) .live-crew-card[b-xb2kki9ode] {
    background: var(--card-bg, #1a2332);
    border-color: var(--border-color, #2c3a4f);
}
:global(.app-layout.dark-theme) .live-crew-name[b-xb2kki9ode],
:global(html.pwa-dark) .live-crew-name[b-xb2kki9ode],
:global([data-theme="dark"]) .live-crew-name[b-xb2kki9ode] {
    color: var(--text-color, var(--zf-text, #e8eef6));
}