/* /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;
}

[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;
}

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

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

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

[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: #ffffff;
    border-bottom: 1px solid #d8e0ea;
    display: flex;
    align-items: center;
    padding: 0 0.85rem;
    gap: 0.8rem;
    z-index: 1030;
}

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

.sidebar-toggle[b-lsewt42ba4] {
    color: #495057;
    font-size: 1.25rem;
    padding: 0.25rem 0.5rem;
    text-decoration: none;
}

.header-brand[b-lsewt42ba4] {
    font-weight: 700;
    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: 460px;
}

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

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

.global-search input[b-lsewt42ba4] {
    width: 100%;
    padding: 0.34rem 0.7rem 0.34rem 2rem;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    font-size: 0.84rem;
    background: #f4f7fb;
    transition: border-color 0.15s, background 0.15s;
}

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

.global-search-dropdown[b-lsewt42ba4] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 4px;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 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: #6c757d;
    border-top: 1px solid #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: #212529;
    cursor: pointer;
    transition: background 0.1s;
}

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

.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;
}

.header-icon[b-lsewt42ba4] {
    color: #495057;
    font-size: 1.15rem;
    padding: 0.35rem 0.45rem;
    text-decoration: none;
    border-radius: 10px;
}

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

/* 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] {
    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: #eef3f8;
}

/* ===== FOOTER ===== */
.app-footer[b-lsewt42ba4] {
    min-height: 40px;
    background: #ffffff;
    border-top: 1px solid #d8e0ea;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.25rem;
    font-size: 0.8rem;
    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-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] {
    background: #22252d;
    border-color: #2a2d35;
    color: #d4d8e0;
}

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

: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 ===== */
/* CSS variable overrides cascade to all elements using var() */
.app-layout.dark-theme[b-lsewt42ba4] {
    --card-bg: #22262e;
    --text-color: #e1e8f0;
    --bg-color: #1a1d23;
    --border-color: #333840;
    --primary-tint: rgba(78, 168, 222, 0.08);
    --primary-tint-strong: rgba(78, 168, 222, 0.16);
}

.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[b-lsewt42ba4]  .nav-link {
    color: rgba(255, 255, 255, 0.82);
}

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

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

.app-layout.dark-theme[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 .sidebar-toggle[b-lsewt42ba4] {
    color: #c8d6e5;
}

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

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

.app-layout.dark-theme .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: #c8d6e5;
}

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

.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 {
    color: #c8d6e5;
    border-color: #3a414d;
}

.app-layout.dark-theme[b-lsewt42ba4]  .btn-outline-primary {
    color: var(--accent-color);
    border-color: var(--accent-color);
}

.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(--accent-color);
    border-color: var(--accent-color);
    color: #fff;
}

.app-layout.dark-theme[b-lsewt42ba4]  .btn-primary {
    background: linear-gradient(180deg, var(--accent-hover), #2a6f9e);
    border-color: #2a6f9e;
    color: #fff;
}

.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, var(--accent-color), var(--accent-hover));
    border-color: var(--accent-hover);
    color: #fff;
}

.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 -------------------------------- */
.asset-form-band[b-mu16kkqcb1] { gap: 0.6rem; }

/* -- Command / Detail hero layout -------------------------- */
.asset-command-hero[b-mu16kkqcb1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.22);
}

.asset-detail-hero[b-mu16kkqcb1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(8, 35, 84, 0.98), rgba(11, 61, 145, 0.92));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.2);
}

.asset-form-hero[b-mu16kkqcb1] {
    background: linear-gradient(135deg, rgba(8, 35, 84, 0.98), rgba(18, 128, 167, 0.88));
}

.asset-command-title[b-mu16kkqcb1] {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.asset-command-copy[b-mu16kkqcb1] {
    max-width: 52ch;
    margin-top: 0.35rem;
    font-size: 0.92rem;
    color: rgba(244, 247, 251, 0.86);
}

.asset-command-actions[b-mu16kkqcb1] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.85rem;
}

.asset-detail-actions[b-mu16kkqcb1] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* -- Inline-strip signal-card overrides -------------------- */
.inline-strip .signal-card[b-mu16kkqcb1] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 12px;
    box-shadow: none;
}
.inline-strip .signal-label[b-mu16kkqcb1] { font-size: 0.7rem; }
.inline-strip .signal-value[b-mu16kkqcb1] { font-size: clamp(1rem, 1.5vw, 1.2rem); }

.signal-note[b-mu16kkqcb1] {
    color: #5d6f89;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}
.inline-strip .signal-note[b-mu16kkqcb1] {
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.35;
}

/* -- Watch grid -------------------------------------------- */
.asset-watch-grid[b-mu16kkqcb1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.asset-watch-card[b-mu16kkqcb1] { grid-column: span 2; border-radius: 22px; }

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

.asset-watch-copy[b-mu16kkqcb1] { font-size: 0.88rem; color: #60728d; }

.asset-watch-list[b-mu16kkqcb1]        { display: grid; gap: 0.55rem; }
.asset-watch-list.compact[b-mu16kkqcb1] { gap: 0.6rem; }

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

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

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

/* -- Desktop clamp ---------------------------------------- */
@media (min-width: 992px) {
    .asset-command-copy[b-mu16kkqcb1] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .asset-detail-hero p[b-mu16kkqcb1] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

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

    .asset-command-actions[b-mu16kkqcb1],
    .asset-detail-actions[b-mu16kkqcb1] { justify-content: flex-start; }

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

    .asset-watch-card[b-mu16kkqcb1] { grid-column: auto; }
    .watch-item[b-mu16kkqcb1]       { flex-direction: column; align-items: flex-start; }
    .asset-watch-meta[b-mu16kkqcb1] { justify-items: 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 */
.calendar-command-band[b-tsqcnze9gi],
.dispatch-command-band[b-tsqcnze9gi] {
    display: grid;
    gap: 0.65rem;
}

.calendar-command-band[b-tsqcnze9gi] {
    background: #ffffff;
    background-image: none;
    border: 1px solid rgba(0, 61, 128, 0.1);
    border-radius: 16px;
    padding: 0.8rem 0.9rem;
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}

.calendar-command-hero[b-tsqcnze9gi],
.dispatch-command-header[b-tsqcnze9gi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.calendar-command-title[b-tsqcnze9gi] {
    margin: 0 0 0.35rem;
    font-size: clamp(1.3rem, 1.8vw, 1.75rem);
    font-weight: 700;
    color: #173550;
}

.calendar-command-copy[b-tsqcnze9gi] {
    max-width: 64ch;
    font-size: 0.88rem;
    color: #5e7083;
}

.calendar-command-actions[b-tsqcnze9gi],
.dispatch-command-actions[b-tsqcnze9gi] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.dispatch-command-band[b-tsqcnze9gi] {
    background: #ffffff;
    background-image: none;
    border: 1px solid rgba(0, 61, 128, 0.1);
    border-radius: 16px;
    padding: 0.8rem 0.9rem;
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}

.dispatch-command-band-compact[b-tsqcnze9gi] {
    gap: 0.6rem;
}

.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-detail-band[b-tsqcnze9gi] {
    display: grid;
    gap: 0.7rem;
}

.calendar-detail-hero[b-tsqcnze9gi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.92rem 1.1rem;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(78, 168, 222, 0.22), transparent 28%),
        linear-gradient(135deg, rgba(0, 61, 128, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 40px rgba(8, 35, 84, 0.18);
}

.calendar-detail-title[b-tsqcnze9gi] {
    margin: 0 0 0.35rem;
    font-size: clamp(1.3rem, 1.8vw, 1.75rem);
    font-weight: 700;
}

.calendar-detail-copy[b-tsqcnze9gi] {
    max-width: 64ch;
    font-size: 0.88rem;
    color: rgba(244, 247, 251, 0.88);
}

.calendar-detail-actions[b-tsqcnze9gi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: flex-end;
}

.calendar-detail-actions .btn-outline-light[b-tsqcnze9gi] {
    color: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.52);
    background: rgba(255, 255, 255, 0.08);
}

.calendar-detail-actions .btn-outline-light:disabled[b-tsqcnze9gi],
.calendar-detail-actions .btn-outline-light.disabled[b-tsqcnze9gi] {
    color: rgba(244, 247, 251, 0.78);
    border-color: rgba(244, 247, 251, 0.34);
    background: rgba(8, 35, 84, 0.24);
    opacity: 1;
}

.calendar-detail-actions .btn-outline-light:not(:disabled):not(.disabled)[b-tsqcnze9gi] {
    box-shadow: inset 0 0 0 1px rgba(244, 247, 251, 0.04);
}

.calendar-detail-actions .btn-light[b-tsqcnze9gi] {
    color: #082354;
    background: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.9);
    box-shadow: 0 10px 24px rgba(8, 35, 84, 0.16);
}

.calendar-detail-actions .btn-light:disabled[b-tsqcnze9gi],
.calendar-detail-actions .btn-light.disabled[b-tsqcnze9gi] {
    color: rgba(8, 35, 84, 0.6);
    background: rgba(244, 247, 251, 0.72);
    border-color: rgba(244, 247, 251, 0.5);
    opacity: 1;
}

.calendar-detail-signal-grid[b-tsqcnze9gi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.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);
}

.dispatch-inline-strip[b-tsqcnze9gi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.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;
}

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

.dispatch-watch-card[b-tsqcnze9gi] {
    border-radius: 16px;
}

.dispatch-watch-head[b-tsqcnze9gi] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.7rem;
}

.dispatch-watch-eyebrow[b-tsqcnze9gi] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 0.35rem;
}

.dispatch-watch-copy[b-tsqcnze9gi] {
    font-size: 0.88rem;
    color: #617487;
}

.dispatch-watch-list[b-tsqcnze9gi] {
    display: grid;
    gap: 0.55rem;
}

.dispatch-watch-list.compact[b-tsqcnze9gi] {
    gap: 0.65rem;
}

.dispatch-watch-item[b-tsqcnze9gi] {
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem 0.85rem;
    border-radius: 16px;
    border: 1px solid rgba(12, 33, 63, 0.08);
    background: linear-gradient(180deg, rgba(244, 247, 251, 0.95), rgba(234, 240, 247, 0.95));
}

.dispatch-watch-item strong[b-tsqcnze9gi] {
    color: #10233f;
}

.dispatch-watch-item span[b-tsqcnze9gi] {
    color: #617487;
    font-size: 0.84rem;
}

.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-metrics-grid[b-tsqcnze9gi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.dispatch-metric-card[b-tsqcnze9gi] {
    padding: 0.68rem 0.8rem;
    border-radius: 12px;
    background: #f8fbfe;
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    border-top: 4px solid #003d80;
}

.dispatch-inline-strip .dispatch-metric-card[b-tsqcnze9gi] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 12px;
    box-shadow: none;
}

.dispatch-inline-strip .dispatch-metric-label[b-tsqcnze9gi] {
    font-size: 0.7rem;
}

.dispatch-inline-strip .dispatch-metric-value[b-tsqcnze9gi] {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.dispatch-inline-strip .dispatch-metric-note[b-tsqcnze9gi] {
    font-size: 0.78rem;
    line-height: 1.35;
}

.dispatch-metric-label[b-tsqcnze9gi] {
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #617487;
}

.dispatch-metric-value[b-tsqcnze9gi] {
    font-size: 1.25rem;
    line-height: 1.1;
    color: #173550;
}

.dispatch-metric-note[b-tsqcnze9gi] {
    font-size: 0.8rem;
    color: #617487;
}

.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) {
    .dispatch-watch-grid[b-tsqcnze9gi] {
        grid-template-columns: minmax(0, 1fr);
    }

    .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-command-hero[b-tsqcnze9gi],
    .calendar-detail-hero[b-tsqcnze9gi],
    .dispatch-command-header[b-tsqcnze9gi] {
        flex-direction: column;
    }

    .calendar-command-actions[b-tsqcnze9gi],
    .calendar-detail-actions[b-tsqcnze9gi] {
        justify-content: flex-start;
    }

    .dispatch-command-actions[b-tsqcnze9gi] {
        justify-content: flex-start;
    }

    .calendar-detail-signal-grid[b-tsqcnze9gi],
    .dispatch-planner-shell[b-tsqcnze9gi],
    .dispatch-lane-grid[b-tsqcnze9gi] {
        grid-template-columns: 1fr;
    }

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

@media (max-width: 575.98px) {
    .calendar-command-band[b-tsqcnze9gi],
    .dispatch-command-band[b-tsqcnze9gi] {
        padding: 0.75rem 0.8rem;
    }

    .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-metrics-grid[b-tsqcnze9gi] {
        grid-template-columns: 1fr;
    }
}
/* /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 -------------------------------- */
.company-form-band[b-2bexa9kan2] { gap: 0.6rem; }

/* -- 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 -------------------------- */
.company-command-hero[b-2bexa9kan2] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.22);
}

.company-detail-hero[b-2bexa9kan2] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(8, 35, 84, 0.98), rgba(11, 61, 145, 0.92));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.2);
}

.company-form-hero[b-2bexa9kan2] {
    background: linear-gradient(135deg, rgba(8, 35, 84, 0.98), rgba(18, 128, 167, 0.88));
}

.company-command-title[b-2bexa9kan2] {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.company-command-copy[b-2bexa9kan2] {
    max-width: 60ch;
    margin-top: 0.35rem;
    font-size: 0.88rem;
    color: rgba(244, 247, 251, 0.86);
}

.company-command-actions[b-2bexa9kan2] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.85rem;
}

.company-detail-actions[b-2bexa9kan2] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* -- Inline-strip signal-card overrides -------------------- */
.inline-strip .signal-card[b-2bexa9kan2] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.58rem 0.7rem;
    border-radius: 14px;
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}
.inline-strip .signal-label[b-2bexa9kan2] { font-size: 0.7rem; }
.inline-strip .signal-value[b-2bexa9kan2] { font-size: clamp(0.98rem, 1.4vw, 1.12rem); }

.signal-note[b-2bexa9kan2] {
    color: #5d6f89;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}
.inline-strip .signal-note[b-2bexa9kan2] {
    max-width: none;
    font-size: 0.76rem;
    line-height: 1.3;
}

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

.company-watch-card[b-2bexa9kan2] { grid-column: span 2; border-radius: 22px; }

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

.company-watch-copy[b-2bexa9kan2] { font-size: 0.88rem; color: #60728d; }

.company-watch-list[b-2bexa9kan2]        { display: grid; gap: 0.55rem; }
.company-watch-list.compact[b-2bexa9kan2] { gap: 0.6rem; }

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

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

.company-watch-meta[b-2bexa9kan2]       { display: grid; justify-items: end; color: #10233f; }
.company-watch-meta small[b-2bexa9kan2] { color: #6f8098; }

/* -- Desktop clamp ---------------------------------------- */
@media (min-width: 992px) {
    .company-command-copy[b-2bexa9kan2] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

/* -- Mobile stack ----------------------------------------- */
@media (max-width: 768px) {
    .company-command-hero[b-2bexa9kan2]   { flex-direction: column; }
    .company-detail-hero[b-2bexa9kan2]    { flex-direction: column; }
    .company-command-actions[b-2bexa9kan2] { justify-content: flex-start; }
    .company-detail-actions[b-2bexa9kan2]  { justify-content: flex-start; }

    .signal-grid[b-2bexa9kan2],
    .company-watch-grid[b-2bexa9kan2] { grid-template-columns: minmax(0, 1fr); }

    .company-watch-card[b-2bexa9kan2] { grid-column: auto; }
    .watch-item[b-2bexa9kan2]         { flex-direction: column; align-items: flex-start; }
    .company-watch-meta[b-2bexa9kan2] { justify-items: 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 ----------------------------------- */
.customer-command-hero[b-n6w75312rt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.customer-command-title[b-n6w75312rt] {
    margin: 0 0 0.4rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #173550;
}

.customer-command-copy[b-n6w75312rt] {
    color: #5e7083;
    max-width: 780px;
    font-size: 0.92rem;
}

.customer-command-actions[b-n6w75312rt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.customer-context-drawer[b-n6w75312rt] { margin-top: 0.1rem; }

/* -- Inline-strip signal-card overrides -------------------- */
.inline-strip .signal-card[b-n6w75312rt] {
    flex: 1 1 11rem;
    min-width: 0;
    border-radius: 14px;
    padding: 0.62rem 0.75rem;
    box-shadow: 0 8px 18px rgba(0, 30, 60, 0.04);
}
.inline-strip .signal-label[b-n6w75312rt] { font-size: 0.7rem; }
.inline-strip .signal-value[b-n6w75312rt] { font-size: clamp(1rem, 1.5vw, 1.2rem); }

.signal-note[b-n6w75312rt] {
    color: #5d6f89;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}
.inline-strip .signal-note[b-n6w75312rt] {
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.35;
}

/* -- Filter bar -------------------------------------------- */
.customers-filter-bar[b-n6w75312rt] {
    display: grid;
    grid-template-columns: minmax(18rem, 2fr) minmax(11rem, 0.9fr) auto;
    gap: 0.65rem;
    align-items: center;
    padding: 0.7rem 0.8rem;
    border-radius: 14px;
    border: 1px solid rgba(12, 33, 63, 0.08);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}
.customers-type-filter[b-n6w75312rt]  { min-width: 0; }
.customers-filter-count[b-n6w75312rt] { text-align: right; white-space: nowrap; }

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

.customer-watch-card[b-n6w75312rt] {
    grid-column: span 2;
    border-radius: 22px;
}

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

.customer-watch-copy[b-n6w75312rt] { font-size: 0.88rem; color: #60728d; }

.customer-watch-list[b-n6w75312rt]        { display: grid; gap: 0.55rem; }
.customer-watch-list.compact[b-n6w75312rt] { gap: 0.6rem; }

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

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

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

/* -- Desktop clamp ---------------------------------------- */
@media (min-width: 992px) {
    .customer-command-copy[b-n6w75312rt] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

/* -- Mobile stack ----------------------------------------- */
@media (max-width: 768px) {
    .customers-list-header-top[b-n6w75312rt] { flex-direction: column; }
    .customer-command-hero[b-n6w75312rt]     { flex-direction: column; }
    .customer-command-actions[b-n6w75312rt]   { justify-content: flex-start; }

    .customers-filter-bar[b-n6w75312rt],
    .customer-watch-grid[b-n6w75312rt] { grid-template-columns: minmax(0, 1fr); }

    .customers-filter-count[b-n6w75312rt] { text-align: left; }

    .customer-watch-card[b-n6w75312rt] { grid-column: auto; }
    .watch-item[b-n6w75312rt]          { flex-direction: column; align-items: flex-start; }
    .customer-watch-meta[b-n6w75312rt] { justify-items: 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-command-band[b-pcw5b4omix] {
    display: grid;
    gap: 0.85rem;
}

.document-command-hero[b-pcw5b4omix] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.22);
}

.document-eyebrow[b-pcw5b4omix] {
    font-size: 0.75rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.78;
    margin-bottom: 0.45rem;
}

.document-command-title[b-pcw5b4omix] {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.document-command-copy[b-pcw5b4omix] {
    max-width: 52ch;
    margin-top: 0.35rem;
    font-size: 0.92rem;
    color: rgba(244, 247, 251, 0.86);
}

.document-command-actions[b-pcw5b4omix] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.85rem;
}

.document-signal-grid[b-pcw5b4omix],
.document-detail-signal-grid[b-pcw5b4omix] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.document-inline-strip[b-pcw5b4omix] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.document-inline-strip .document-signal-card[b-pcw5b4omix] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 14px;
    background: #f8fbfe;
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: none !important;
}

.document-inline-strip .document-signal-label[b-pcw5b4omix] {
    font-size: 0.7rem;
}

.document-inline-strip .document-signal-value[b-pcw5b4omix] {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.document-inline-strip .document-signal-note[b-pcw5b4omix] {
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.35;
}

.document-signal-card[b-pcw5b4omix] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border-radius: 12px;
    background: #f8fbfe;
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: none !important;
}

.document-signal-card.primary[b-pcw5b4omix] {
    border-top: 4px solid #003d80;
}

.document-signal-card.info[b-pcw5b4omix] {
    border-top: 4px solid #1280a7;
}

.document-signal-card.warning[b-pcw5b4omix] {
    border-top: 4px solid #fd7e14;
}

.document-signal-card.danger[b-pcw5b4omix] {
    border-top: 4px solid #dc3545;
}

.document-signal-label[b-pcw5b4omix] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #4b5c74;
}

.document-signal-value[b-pcw5b4omix] {
    font-size: clamp(1.25rem, 1.8vw, 1.7rem);
    line-height: 1.1;
    color: #173550;
}

.document-signal-note[b-pcw5b4omix] {
    color: #617487;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}

.document-detail-band[b-pcw5b4omix] {
    display: grid;
    gap: 0.7rem;
}

.document-detail-hero[b-pcw5b4omix] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(78, 168, 222, 0.22), transparent 28%),
        linear-gradient(135deg, rgba(0, 61, 128, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.2);
}

.document-detail-actions[b-pcw5b4omix] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.65rem;
}

.document-detail-actions .btn-outline-light[b-pcw5b4omix] {
    color: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.52);
    background: rgba(255, 255, 255, 0.08);
}

.document-detail-actions .btn-outline-light:disabled[b-pcw5b4omix],
.document-detail-actions .btn-outline-light.disabled[b-pcw5b4omix] {
    color: rgba(244, 247, 251, 0.78);
    border-color: rgba(244, 247, 251, 0.34);
    background: rgba(8, 35, 84, 0.24);
    opacity: 1;
}

.document-detail-actions .btn-outline-light:not(:disabled):not(.disabled)[b-pcw5b4omix] {
    box-shadow: inset 0 0 0 1px rgba(244, 247, 251, 0.04);
}

.document-detail-actions .btn-light[b-pcw5b4omix] {
    color: #082354;
    background: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.9);
    box-shadow: 0 10px 24px rgba(8, 35, 84, 0.16);
}

.document-detail-actions .btn-light:disabled[b-pcw5b4omix],
.document-detail-actions .btn-light.disabled[b-pcw5b4omix] {
    color: rgba(8, 35, 84, 0.6);
    background: rgba(244, 247, 251, 0.72);
    border-color: rgba(244, 247, 251, 0.5);
    opacity: 1;
}

.document-detail-signal-grid[b-pcw5b4omix] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.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 (min-width: 992px) {
    .document-command-copy[b-pcw5b4omix],
    .document-detail-hero p[b-pcw5b4omix] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    .document-command-hero[b-pcw5b4omix] {
        flex-direction: column;
    }

    .document-detail-hero[b-pcw5b4omix] {
        flex-direction: column;
    }

    .document-command-actions[b-pcw5b4omix] {
        justify-content: flex-start;
    }

    .document-detail-actions[b-pcw5b4omix] {
        justify-content: flex-start;
    }

    .document-signal-grid[b-pcw5b4omix],
    .document-detail-signal-grid[b-pcw5b4omix] {
        grid-template-columns: minmax(0, 1fr);
    }

    .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. */

/* -- Form band gap override -------------------------------- */
.employee-form-band[b-5vbjm9121o] { gap: 0.6rem; }

/* -- 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 -------------------------- */
.employee-command-hero[b-5vbjm9121o] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 16px;
    background: #ffffff;
    color: #173550;
    border: 1px solid rgba(0, 61, 128, 0.1);
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}

.employee-detail-hero[b-5vbjm9121o] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 16px;
    background: #ffffff;
    color: #173550;
    border: 1px solid rgba(0, 61, 128, 0.1);
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}

.employee-form-hero[b-5vbjm9121o] { background: #ffffff; }

.employee-command-title[b-5vbjm9121o] {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.employee-command-copy[b-5vbjm9121o] {
    max-width: 52ch;
    margin-top: 0.35rem;
    font-size: 0.92rem;
    color: #617487;
}

.employee-command-actions[b-5vbjm9121o] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.85rem;
}

.employee-detail-actions[b-5vbjm9121o] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* -- Inline-strip signal-card overrides -------------------- */
.inline-strip .signal-card[b-5vbjm9121o] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 12px;
    box-shadow: none;
}
.inline-strip .signal-label[b-5vbjm9121o] { font-size: 0.7rem; }
.inline-strip .signal-value[b-5vbjm9121o] { font-size: clamp(1rem, 1.5vw, 1.2rem); }

.signal-note[b-5vbjm9121o] {
    color: #5d6f89;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}
.inline-strip .signal-note[b-5vbjm9121o] {
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.35;
}

/* -- 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 ---------------------------------------- */
@media (min-width: 992px) {
    .employee-command-copy[b-5vbjm9121o] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

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

    .employee-command-actions[b-5vbjm9121o],
    .employee-detail-actions[b-5vbjm9121o] { justify-content: flex-start; }

    .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-workspace-band[b-uwlqtd8zr7] {
    margin-bottom: 0.85rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid var(--border-color, rgba(13, 110, 253, 0.18));
    background: var(--surface-bg, #ffffff);
    background-image: none;
    color: var(--text-color, #173550);
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}

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

.estimate-workspace-eyebrow[b-uwlqtd8zr7] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.78;
    margin-bottom: 0.25rem;
}

.estimate-workspace-title[b-uwlqtd8zr7] {
    font-size: clamp(1.2rem, 1.6vw, 1.55rem);
    font-weight: 700;
    color: var(--text-color, #173550);
    margin: 0;
}

.estimate-workspace-copy[b-uwlqtd8zr7] {
    max-width: 52ch;
    margin-top: 0.25rem;
    font-size: 0.92rem;
    color: var(--text-muted-color, #617487);
}

@media (min-width: 992px) {
    .estimate-workspace-copy[b-uwlqtd8zr7] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .estimate-pipeline-stage-note[b-uwlqtd8zr7],
    .estimate-workspace-metric-note[b-uwlqtd8zr7],
    .estimate-followup-summary-copy[b-uwlqtd8zr7] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

.estimate-workspace-actions[b-uwlqtd8zr7] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.estimate-list-workspace-band[b-uwlqtd8zr7] {
    margin-bottom: 1rem;
}

.estimate-workspace-band-compact[b-uwlqtd8zr7] {
    padding: 0.78rem 0.9rem;
    border-radius: 1rem;
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}

.estimate-workspace-band-compact .estimate-workspace-copy[b-uwlqtd8zr7] {
    max-width: 46ch;
    font-size: 0.88rem;
}

.estimate-list-workspace-actions[b-uwlqtd8zr7] {
    align-items: center;
}

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

.estimate-list-workspace-metrics[b-uwlqtd8zr7] {
    margin-top: 0.8rem;
}

.estimate-workspace-metrics-compact[b-uwlqtd8zr7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.7rem;
}

.estimate-workspace-metrics-compact .estimate-workspace-metric-card[b-uwlqtd8zr7] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 12px;
    box-shadow: none;
}

.estimate-workspace-metrics-compact .estimate-workspace-metric-label[b-uwlqtd8zr7] {
    font-size: 0.69rem;
}

.estimate-workspace-metrics-compact .estimate-workspace-metric-value[b-uwlqtd8zr7] {
    font-size: 1.02rem;
}

.estimate-workspace-metrics-compact .estimate-workspace-metric-note[b-uwlqtd8zr7] {
    font-size: 0.77rem;
}

.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-stage-drawer[b-uwlqtd8zr7] {
    margin-top: 0.7rem;
    padding: 0.72rem 0.82rem;
    border-radius: 0.95rem;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.15));
    background: var(--surface-bg-soft, rgba(255, 255, 255, 0.08));
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.estimate-stage-summary[b-uwlqtd8zr7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.estimate-stage-summary[b-uwlqtd8zr7]::-webkit-details-marker {
    display: none;
}

.estimate-stage-summary[b-uwlqtd8zr7]::after {
    content: '+';
    flex: 0 0 auto;
    width: 1.8rem;
    height: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.1);
    color: #f4f7fb;
    font-size: 1rem;
    font-weight: 700;
}

.estimate-stage-drawer[open] .estimate-stage-summary[b-uwlqtd8zr7] {
    margin-bottom: 0.72rem;
}

.estimate-stage-drawer[open] .estimate-stage-summary[b-uwlqtd8zr7]::after {
    content: '-';
}

.estimate-stage-summary-text[b-uwlqtd8zr7] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.estimate-stage-summary-label[b-uwlqtd8zr7] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted-color, rgba(244, 247, 251, 0.78));
}

.estimate-stage-summary-title[b-uwlqtd8zr7] {
    font-size: 0.96rem;
    font-weight: 700;
    color: var(--text-color, #f4f7fb);
}

.estimate-stage-summary-copy[b-uwlqtd8zr7],
.estimate-stage-summary-meta[b-uwlqtd8zr7] {
    font-size: 0.8rem;
    color: var(--text-muted-color, rgba(244, 247, 251, 0.7));
}

.estimate-stage-summary-meta[b-uwlqtd8zr7] {
    white-space: nowrap;
}

.estimate-pipeline-stage-strip[b-uwlqtd8zr7] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.65rem;
}

.estimate-pipeline-stage-card[b-uwlqtd8zr7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-start;
    padding: 0.72rem 0.8rem;
    border-radius: 0.9rem;
    border: 1px solid var(--border-color, rgba(148, 163, 184, 0.22));
    background: var(--surface-bg-soft, rgba(255, 255, 255, 0.86));
    color: var(--text-color, #0f172a);
    text-align: left;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.estimate-pipeline-stage-card:hover[b-uwlqtd8zr7] {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
    border-color: rgba(13, 59, 142, 0.28);
}

.estimate-pipeline-stage-card.active[b-uwlqtd8zr7] {
    border-color: rgba(13, 59, 142, 0.85);
    background: linear-gradient(180deg, rgba(13, 59, 142, 0.12), rgba(255, 255, 255, 0.92));
    box-shadow: inset 0 0 0 1px rgba(13, 59, 142, 0.18);
}

.estimate-pipeline-stage-card.pipeline-draft[b-uwlqtd8zr7] {
    border-top: 4px solid #64748b;
}

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

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

.estimate-pipeline-stage-card.pipeline-rejected[b-uwlqtd8zr7] {
    border-top: 4px solid #dc3545;
}

.estimate-pipeline-stage-card.pipeline-expired[b-uwlqtd8zr7] {
    border-top: 4px solid #fd7e14;
}

.estimate-pipeline-stage-label[b-uwlqtd8zr7] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted-color, #334155);
}

.estimate-pipeline-stage-value[b-uwlqtd8zr7] {
    font-size: 1.12rem;
    line-height: 1.1;
}

.estimate-pipeline-stage-note[b-uwlqtd8zr7] {
    font-size: 0.78rem;
    line-height: 1.35;
    color: var(--text-muted-color, #64748b);
}

.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-drawer[b-uwlqtd8zr7] {
    margin-bottom: 0.8rem;
    padding: 0.72rem 0.82rem;
    border-radius: 0.95rem;
    border: 1px solid var(--border-color, rgba(148, 163, 184, 0.2));
    background: var(--surface-bg-soft, rgba(255, 255, 255, 0.78));
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.estimate-followup-summary[b-uwlqtd8zr7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.estimate-followup-summary[b-uwlqtd8zr7]::-webkit-details-marker {
    display: none;
}

.estimate-followup-summary[b-uwlqtd8zr7]::after {
    content: '+';
    flex: 0 0 auto;
    width: 1.8rem;
    height: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(13, 59, 142, 0.16);
    background: rgba(13, 110, 253, 0.06);
    color: #0d3b8e;
    font-size: 1rem;
    font-weight: 700;
}

.estimate-followup-drawer[open] .estimate-followup-summary[b-uwlqtd8zr7] {
    margin-bottom: 0.72rem;
}

.estimate-followup-drawer[open] .estimate-followup-summary[b-uwlqtd8zr7]::after {
    content: '-';
}

.estimate-followup-summary-text[b-uwlqtd8zr7] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.estimate-followup-summary-label[b-uwlqtd8zr7] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted-color, #0d3b8e);
}

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

.estimate-followup-summary-copy[b-uwlqtd8zr7],
.estimate-followup-summary-meta[b-uwlqtd8zr7] {
    font-size: 0.8rem;
    color: var(--text-muted-color, #64748b);
}

.estimate-followup-summary-meta[b-uwlqtd8zr7] {
    white-space: nowrap;
}

.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-followup-list[b-uwlqtd8zr7] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.estimate-followup-item[b-uwlqtd8zr7] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    align-items: flex-start;
    padding: 0.65rem 0.75rem;
    border-radius: 0.8rem;
    border: 1px solid var(--border-color, rgba(148, 163, 184, 0.2));
    background: var(--surface-bg-muted, rgba(248, 250, 252, 0.96));
    color: var(--text-color, #0f172a);
    text-align: left;
}

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

.estimate-followup-item-actions[b-uwlqtd8zr7] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

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

.estimate-workspace-metrics[b-uwlqtd8zr7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.8rem;
}

.estimate-workspace-metric-card[b-uwlqtd8zr7] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border-radius: 12px;
    background: var(--surface-bg-muted, #f8fbfe);
    border: 1px solid var(--border-color, rgba(0, 61, 128, 0.08));
    box-shadow: none;
}

.estimate-workspace-metric-card:nth-child(1)[b-uwlqtd8zr7] {
    border-top: 4px solid #003d80;
}

.estimate-workspace-metric-card:nth-child(2)[b-uwlqtd8zr7] {
    border-top: 4px solid #1280a7;
}

.estimate-workspace-metric-card:nth-child(3)[b-uwlqtd8zr7] {
    border-top: 4px solid #fd7e14;
}

.estimate-workspace-metric-card:nth-child(4)[b-uwlqtd8zr7] {
    border-top: 4px solid #198754;
}

.estimate-workspace-metric-label[b-uwlqtd8zr7] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted-color, #4b5c74);
}

.estimate-workspace-metric-value[b-uwlqtd8zr7] {
    font-size: clamp(1.2rem, 1.8vw, 1.6rem);
    line-height: 1.1;
    font-weight: 700;
    color: var(--text-color, #173550);
}

.estimate-workspace-metric-note[b-uwlqtd8zr7] {
    color: var(--text-muted-color, #617487);
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}

.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-workspace-band[b-uwlqtd8zr7] {
        padding: 1rem;
    }

    .estimate-workspace-hero[b-uwlqtd8zr7] {
        flex-direction: column;
    }

    .estimate-workspace-actions[b-uwlqtd8zr7] {
        width: 100%;
        justify-content: flex-start;
    }

    .estimate-workspace-metrics[b-uwlqtd8zr7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .estimate-pipeline-stage-strip[b-uwlqtd8zr7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .estimate-followup-summary[b-uwlqtd8zr7] {
        align-items: flex-start;
    }

    .estimate-stage-summary[b-uwlqtd8zr7] {
        align-items: flex-start;
    }

    .estimate-stage-summary-meta[b-uwlqtd8zr7],
    .estimate-followup-summary-meta[b-uwlqtd8zr7] {
        white-space: normal;
    }

    .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-workspace-metrics[b-uwlqtd8zr7] {
        grid-template-columns: 1fr;
    }

    .estimate-pipeline-stage-strip[b-uwlqtd8zr7] {
        grid-template-columns: 1fr;
    }

    .estimate-followup-grid[b-uwlqtd8zr7] {
        grid-template-columns: 1fr;
    }

    .estimate-followup-summary[b-uwlqtd8zr7] {
        flex-wrap: wrap;
    }

    .estimate-stage-summary[b-uwlqtd8zr7] {
        flex-wrap: wrap;
    }

    .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-command-band[b-g41bp8tx29] {
    display: grid;
    gap: 0.85rem;
}

.expense-command-hero[b-g41bp8tx29],
.expense-detail-hero[b-g41bp8tx29] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 24px;
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.22);
}

.expense-command-hero[b-g41bp8tx29] {
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.95), rgba(8, 35, 84, 0.96));
}

.expense-detail-band[b-g41bp8tx29] {
    display: grid;
    gap: 0.7rem;
}

.expense-detail-hero[b-g41bp8tx29] {
    background:
        radial-gradient(circle at top right, rgba(78, 168, 222, 0.22), transparent 28%),
        linear-gradient(135deg, rgba(0, 61, 128, 0.95), rgba(8, 35, 84, 0.96));
}

.expense-form-hero[b-g41bp8tx29] {
    background:
        radial-gradient(circle at top right, rgba(245, 166, 35, 0.2), transparent 28%),
        linear-gradient(135deg, rgba(0, 61, 128, 0.95), rgba(8, 35, 84, 0.96));
}

.expense-eyebrow[b-g41bp8tx29] {
    font-size: 0.75rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.78;
    margin-bottom: 0.45rem;
}

.expense-command-title[b-g41bp8tx29] {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.expense-command-copy[b-g41bp8tx29] {
    max-width: 52ch;
    margin-top: 0.35rem;
    font-size: 0.92rem;
    color: rgba(244, 247, 251, 0.86);
}

.expense-command-actions[b-g41bp8tx29],
.expense-detail-actions[b-g41bp8tx29] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.75rem;
}

.expense-command-actions .btn-outline-light[b-g41bp8tx29],
.expense-detail-actions .btn-outline-light[b-g41bp8tx29] {
    color: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.52);
    background: rgba(255, 255, 255, 0.08);
}

.expense-command-actions .btn-outline-light:disabled[b-g41bp8tx29],
.expense-command-actions .btn-outline-light.disabled[b-g41bp8tx29],
.expense-detail-actions .btn-outline-light:disabled[b-g41bp8tx29],
.expense-detail-actions .btn-outline-light.disabled[b-g41bp8tx29] {
    color: rgba(244, 247, 251, 0.78);
    border-color: rgba(244, 247, 251, 0.34);
    background: rgba(8, 35, 84, 0.24);
    opacity: 1;
}

.expense-command-actions .btn-outline-light:not(:disabled):not(.disabled)[b-g41bp8tx29],
.expense-detail-actions .btn-outline-light:not(:disabled):not(.disabled)[b-g41bp8tx29] {
    box-shadow: inset 0 0 0 1px rgba(244, 247, 251, 0.04);
}

.expense-command-actions .btn-light[b-g41bp8tx29],
.expense-detail-actions .btn-light[b-g41bp8tx29] {
    color: #082354;
    background: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.9);
    box-shadow: 0 10px 24px rgba(8, 35, 84, 0.16);
}

.expense-command-actions .btn-light:disabled[b-g41bp8tx29],
.expense-command-actions .btn-light.disabled[b-g41bp8tx29],
.expense-detail-actions .btn-light:disabled[b-g41bp8tx29],
.expense-detail-actions .btn-light.disabled[b-g41bp8tx29] {
    color: rgba(8, 35, 84, 0.6);
    background: rgba(244, 247, 251, 0.72);
    border-color: rgba(244, 247, 251, 0.5);
    opacity: 1;
}

.expense-signal-grid[b-g41bp8tx29],
.expense-detail-signal-grid[b-g41bp8tx29] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.expense-inline-strip[b-g41bp8tx29] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.expense-inline-strip .expense-signal-card[b-g41bp8tx29] {
    flex: 1 1 11rem;
    min-width: 0;
    border-radius: 14px;
    padding: 0.62rem 0.75rem;
    box-shadow: 0 8px 18px rgba(0, 30, 60, 0.04);
}

.expense-inline-strip .expense-signal-label[b-g41bp8tx29] {
    font-size: 0.7rem;
}

.expense-inline-strip .expense-signal-value[b-g41bp8tx29] {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.expense-inline-strip .expense-signal-note[b-g41bp8tx29] {
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.35;
}

.expense-signal-card[b-g41bp8tx29] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 10px 24px rgba(0, 30, 60, 0.04);
}

.expense-signal-card.primary[b-g41bp8tx29] {
    border-top: 4px solid #003d80;
}

.expense-signal-card.info[b-g41bp8tx29] {
    border-top: 4px solid #1280a7;
}

.expense-signal-card.warning[b-g41bp8tx29] {
    border-top: 4px solid #fd7e14;
}

.expense-signal-card.danger[b-g41bp8tx29] {
    border-top: 4px solid #dc3545;
}

.expense-signal-label[b-g41bp8tx29] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #4b5c74;
}

.expense-signal-value[b-g41bp8tx29] {
    font-size: clamp(1.2rem, 1.8vw, 1.6rem);
    line-height: 1.1;
    color: #173550;
}

.expense-signal-note[b-g41bp8tx29] {
    color: #617487;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}

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

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

@media (max-width: 768px) {
    .expense-command-hero[b-g41bp8tx29],
    .expense-detail-hero[b-g41bp8tx29] {
        flex-direction: column;
    }

    .expense-command-actions[b-g41bp8tx29],
    .expense-detail-actions[b-g41bp8tx29] {
        justify-content: flex-start;
    }

    .expense-signal-grid[b-g41bp8tx29],
    .expense-detail-signal-grid[b-g41bp8tx29] {
        grid-template-columns: minmax(0, 1fr);
    }

    .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-compact-header {
    display: grid;
    gap: 0.8rem;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(0, 61, 128, 0.1);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 249, 252, 0.96));
    box-shadow: 0 12px 24px rgba(0, 30, 60, 0.05);
}

[b-dokt9x7j9l] .finance-compact-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.85rem;
}

[b-dokt9x7j9l] .finance-command-band {
    background:
        radial-gradient(circle at top right, rgba(35, 126, 99, 0.16), transparent 28%),
        linear-gradient(135deg, rgba(0, 61, 128, 0.08), rgba(0, 61, 128, 0.02));
    border: 1px solid rgba(0, 61, 128, 0.1);
    border-radius: 24px;
    padding: 1.25rem;
}

[b-dokt9x7j9l] .finance-command-hero {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

[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-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #173550;
    margin-bottom: 0.4rem;
}

[b-dokt9x7j9l] .finance-title.compact {
    font-size: clamp(1.2rem, 1.7vw, 1.45rem);
    margin-bottom: 0.25rem;
}

[b-dokt9x7j9l] .finance-copy {
    max-width: 760px;
    color: #5d7185;
}

[b-dokt9x7j9l] .finance-copy.compact {
    max-width: 62rem;
    font-size: 0.88rem;
}

[b-dokt9x7j9l] .finance-eyebrow.compact {
    margin-bottom: 0.2rem;
}

[b-dokt9x7j9l] .finance-command-actions {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
}

[b-dokt9x7j9l] .finance-command-actions.compact {
    align-items: center;
}

[b-dokt9x7j9l] .finance-inline-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
}

[b-dokt9x7j9l] .finance-inline-metric {
    display: grid;
    gap: 0.15rem;
    padding: 0.75rem 0.85rem;
    border-radius: 14px;
    border: 1px solid rgba(0, 61, 128, 0.08);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 8px 18px rgba(0, 30, 60, 0.04);
    text-decoration: none;
}

[b-dokt9x7j9l] .finance-inline-metric:hover {
    background: #fff;
    border-color: rgba(0, 61, 128, 0.2);
}

[b-dokt9x7j9l] .finance-inline-label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #607286;
}

[b-dokt9x7j9l] .finance-inline-value {
    font-size: 1.2rem;
    line-height: 1.1;
    color: #173550;
}

[b-dokt9x7j9l] .finance-inline-note {
    font-size: 0.8rem;
    color: #607286;
}

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

[b-dokt9x7j9l] .finance-lane-item {
    width: 100%;
    display: grid;
    gap: 0.15rem;
    text-align: left;
    padding: 0.8rem 0.9rem;
    border-radius: 14px;
    border: 1px solid rgba(0, 61, 128, 0.08);
    background: rgba(0, 61, 128, 0.04);
    color: #173550;
}

[b-dokt9x7j9l] button.finance-lane-item {
    cursor: pointer;
}

[b-dokt9x7j9l] .finance-lane-item.static-item {
    cursor: default;
}

[b-dokt9x7j9l] .finance-lane-item:hover {
    background: rgba(0, 61, 128, 0.08);
    border-color: rgba(0, 61, 128, 0.16);
}

[b-dokt9x7j9l] .finance-lane-title {
    font-size: 0.84rem;
    font-weight: 700;
}

[b-dokt9x7j9l] .finance-lane-copy {
    font-size: 0.8rem;
    color: #607286;
}

[b-dokt9x7j9l] .finance-signal-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

[b-dokt9x7j9l] .finance-signal-card {
    border-radius: 18px;
    padding: 0.95rem 1rem;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 12px 26px rgba(0, 30, 60, 0.05);
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
}

[b-dokt9x7j9l] .finance-signal-card.success {
    border-top: 4px solid #198754;
}

[b-dokt9x7j9l] .finance-signal-card.warning {
    border-top: 4px solid #fd7e14;
}

[b-dokt9x7j9l] .finance-signal-card.danger {
    border-top: 4px solid #dc3545;
}

[b-dokt9x7j9l] .finance-signal-card.primary {
    border-top: 4px solid #003d80;
}

[b-dokt9x7j9l] .finance-signal-label {
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #607286;
}

[b-dokt9x7j9l] .finance-signal-value {
    font-size: 1.45rem;
    line-height: 1.1;
    color: #173550;
}

[b-dokt9x7j9l] .finance-signal-note {
    font-size: 0.84rem;
    color: #607286;
}

[b-dokt9x7j9l] .finance-focus-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

[b-dokt9x7j9l] .finance-focus-card {
    width: 100%;
    border: 1px solid rgba(0, 61, 128, 0.1);
    border-radius: 20px;
    padding: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 252, 0.98));
    box-shadow: 0 16px 30px rgba(0, 30, 60, 0.06);
    display: flex;
    align-items: center;
    gap: 0.9rem;
    text-align: left;
    color: #173550;
}

[b-dokt9x7j9l] button.finance-focus-card {
    cursor: pointer;
}

[b-dokt9x7j9l] .finance-focus-card.static-card {
    cursor: default;
}

[b-dokt9x7j9l] .finance-focus-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex-shrink: 0;
}

[b-dokt9x7j9l] .finance-focus-icon.invoices {
    background: rgba(0, 61, 128, 0.1);
    color: var(--primary-color);
}

[b-dokt9x7j9l] .finance-focus-icon.expenses {
    background: rgba(220, 53, 69, 0.12);
    color: #dc3545;
}

[b-dokt9x7j9l] .finance-focus-icon.payments {
    background: rgba(25, 135, 84, 0.12);
    color: #198754;
}

[b-dokt9x7j9l] .finance-focus-body {
    flex: 1;
    min-width: 0;
}

[b-dokt9x7j9l] .finance-focus-title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.15rem;
}

[b-dokt9x7j9l] .finance-focus-copy {
    font-size: 0.84rem;
    color: #607286;
}

[b-dokt9x7j9l] .finance-focus-arrow {
    font-size: 1.35rem;
    color: #607286;
}

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

[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: 991.98px) {
    [b-dokt9x7j9l] .finance-compact-top,
    [b-dokt9x7j9l] .finance-command-hero {
        flex-direction: column;
    }

    [b-dokt9x7j9l] .finance-inline-strip,
    [b-dokt9x7j9l] .finance-lane-strip,
    [b-dokt9x7j9l] .finance-signal-grid,
    [b-dokt9x7j9l] .finance-focus-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    [b-dokt9x7j9l] .finance-inline-strip,
    [b-dokt9x7j9l] .finance-lane-strip,
    [b-dokt9x7j9l] .finance-signal-grid,
    [b-dokt9x7j9l] .finance-focus-grid {
        grid-template-columns: 1fr;
    }

    [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 -------------------------- */
.fleet-command-hero[b-lahpgvh4vg] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.22);
}

.fleet-command-title[b-lahpgvh4vg] {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.fleet-command-copy[b-lahpgvh4vg] {
    max-width: 52ch;
    margin-top: 0.35rem;
    font-size: 0.92rem;
    color: rgba(244, 247, 251, 0.86);
}

.fleet-command-actions[b-lahpgvh4vg] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.85rem;
}

/* -- Signal card color overrides (border-top accent) ------- */
.signal-card.primary[b-lahpgvh4vg] { border-top: 4px solid #003d80; }
.signal-card.info[b-lahpgvh4vg]    { border-top: 4px solid #1280a7; }
.signal-card.warning[b-lahpgvh4vg] { border-top: 4px solid #fd7e14; }
.signal-card.danger[b-lahpgvh4vg]  { border-top: 4px solid #dc3545; }

.signal-note[b-lahpgvh4vg] {
    color: #617487;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}

/* -- Inline-strip signal-card overrides -------------------- */
.inline-strip .signal-card[b-lahpgvh4vg] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 12px;
    box-shadow: none;
}
.inline-strip .signal-label[b-lahpgvh4vg] { font-size: 0.7rem; }
.inline-strip .signal-value[b-lahpgvh4vg] { font-size: clamp(1rem, 1.5vw, 1.2rem); }
.inline-strip .signal-note[b-lahpgvh4vg]  { max-width: none; font-size: 0.78rem; line-height: 1.35; }

/* -- Watch grid -------------------------------------------- */
.fleet-watch-grid[b-lahpgvh4vg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.fleet-watch-card[b-lahpgvh4vg] { grid-column: span 2; border-radius: 22px; }

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

.fleet-watch-copy[b-lahpgvh4vg] { font-size: 0.88rem; color: #60728d; }

.fleet-watch-list[b-lahpgvh4vg]        { display: grid; gap: 0.55rem; }
.fleet-watch-list.compact[b-lahpgvh4vg] { gap: 0.6rem; }

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

.fleet-watch-title[b-lahpgvh4vg] { font-weight: 700; color: #173550; }
.fleet-watch-sub[b-lahpgvh4vg]   { display: block; margin-top: 0.2rem; color: #617487; font-size: 0.8rem; }

.fleet-watch-meta[b-lahpgvh4vg]       { display: flex; flex-direction: column; align-items: flex-end; color: #617487; font-size: 0.8rem; }
.fleet-watch-meta small[b-lahpgvh4vg] { color: #617487; }

/* -- Detail hero ------------------------------------------- */
.fleet-detail-hero[b-lahpgvh4vg] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(78, 168, 222, 0.22), transparent 28%),
        linear-gradient(135deg, rgba(0, 61, 128, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.2);
}

.fleet-form-hero[b-lahpgvh4vg] {
    background:
        radial-gradient(circle at top right, rgba(245, 166, 35, 0.2), transparent 28%),
        linear-gradient(135deg, rgba(0, 61, 128, 0.95), rgba(8, 35, 84, 0.96));
}

.fleet-detail-actions[b-lahpgvh4vg] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.65rem;
}

.fleet-detail-actions .btn-outline-light[b-lahpgvh4vg] {
    color: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.52);
    background: rgba(255, 255, 255, 0.08);
}

.fleet-detail-actions .btn-outline-light:disabled[b-lahpgvh4vg],
.fleet-detail-actions .btn-outline-light.disabled[b-lahpgvh4vg] {
    color: rgba(244, 247, 251, 0.78);
    border-color: rgba(244, 247, 251, 0.34);
    background: rgba(8, 35, 84, 0.24);
    opacity: 1;
}

.fleet-detail-actions .btn-outline-light:not(:disabled):not(.disabled)[b-lahpgvh4vg] {
    box-shadow: inset 0 0 0 1px rgba(244, 247, 251, 0.04);
}

.fleet-detail-actions .btn-light[b-lahpgvh4vg] {
    color: #082354;
    background: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.9);
    box-shadow: 0 10px 24px rgba(8, 35, 84, 0.16);
}

.fleet-detail-actions .btn-light:disabled[b-lahpgvh4vg],
.fleet-detail-actions .btn-light.disabled[b-lahpgvh4vg] {
    color: rgba(8, 35, 84, 0.6);
    background: rgba(244, 247, 251, 0.72);
    border-color: rgba(244, 247, 251, 0.5);
    opacity: 1;
}

/* -- 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 ---------------------------------------- */
@media (min-width: 992px) {
    .fleet-command-copy[b-lahpgvh4vg],
    .fleet-detail-hero p[b-lahpgvh4vg] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

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

    .fleet-command-actions[b-lahpgvh4vg],
    .fleet-detail-actions[b-lahpgvh4vg] { justify-content: flex-start; }

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

    .fleet-watch-card[b-lahpgvh4vg] { grid-column: auto; }
    .watch-item[b-lahpgvh4vg]       { flex-direction: column; align-items: flex-start; }
    .fleet-watch-meta[b-lahpgvh4vg] { justify-items: 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 */
.help-workspace[b-x7id22s8ry] {
    display: grid;
    gap: 1rem;
}

.help-command-band[b-x7id22s8ry] {
    display: grid;
    gap: 0.6rem;
}

.help-command-band-compact[b-x7id22s8ry] {
    gap: 0.6rem;
}

.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-command-hero[b-x7id22s8ry] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, #0b2e59 0%, #114a84 55%, #e2edf8 100%);
    color: #f7fbff;
    box-shadow: 0 20px 45px rgba(11, 46, 89, 0.18);
}

.help-command-copy[b-x7id22s8ry] {
    max-width: 44rem;
}

.help-eyebrow[b-x7id22s8ry] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #d7ebff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.help-command-title[b-x7id22s8ry] {
    margin: 0.35rem 0 0.4rem;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.help-command-copy p[b-x7id22s8ry] {
    margin: 0;
    color: rgba(247, 251, 255, 0.9);
}

.help-command-actions[b-x7id22s8ry] {
    display: flex;
    align-items: center;
}

.help-command-buttons[b-x7id22s8ry] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.help-command-buttons .btn-primary[b-x7id22s8ry],
.help-command-buttons .btn-outline-primary:hover[b-x7id22s8ry],
.help-command-buttons .btn-outline-primary:focus[b-x7id22s8ry] {
    background-color: #0b2e59;
    border-color: #0b2e59;
}

.help-command-buttons .btn-outline-primary[b-x7id22s8ry] {
    color: #f7fbff;
    border-color: rgba(247, 251, 255, 0.55);
    background: rgba(255, 255, 255, 0.1);
}

.help-command-buttons .btn-outline-primary:disabled[b-x7id22s8ry],
.help-command-buttons .btn-outline-primary.disabled[b-x7id22s8ry] {
    color: rgba(247, 251, 255, 0.8);
    border-color: rgba(247, 251, 255, 0.38);
    background: rgba(8, 35, 84, 0.22);
    opacity: 1;
}

.help-command-buttons .btn-outline-primary:not(:disabled):not(.disabled)[b-x7id22s8ry] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.help-signal-grid[b-x7id22s8ry],
.help-watch-grid[b-x7id22s8ry] {
    display: grid;
    gap: 0.9rem;
}

.help-inline-strip[b-x7id22s8ry] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.help-signal-grid[b-x7id22s8ry] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.help-watch-grid[b-x7id22s8ry] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.help-signal-card[b-x7id22s8ry],
.help-watch-card[b-x7id22s8ry] {
    padding: 1.05rem 1.15rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 10px 24px rgba(0, 30, 60, 0.04);
}

.help-signal-card[b-x7id22s8ry] {
    display: grid;
    gap: 0.35rem;
}

.help-inline-strip .help-signal-card[b-x7id22s8ry] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 14px;
    box-shadow: 0 8px 18px rgba(0, 30, 60, 0.04);
}

.help-signal-label[b-x7id22s8ry] {
    color: #617487;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.help-signal-card strong[b-x7id22s8ry] {
    font-size: 1.55rem;
    line-height: 1.1;
    color: #173550;
}

.help-inline-strip .help-signal-label[b-x7id22s8ry] {
    font-size: 0.7rem;
}

.help-inline-strip .help-signal-card strong[b-x7id22s8ry] {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.help-signal-card small[b-x7id22s8ry] {
    color: #617487;
}

.help-inline-strip .help-signal-card small[b-x7id22s8ry] {
    font-size: 0.78rem;
    line-height: 1.35;
}

.help-signal-card.tone-primary[b-x7id22s8ry] {
    border-top: 4px solid #003d80;
}

.help-signal-card.tone-success[b-x7id22s8ry] {
    border-top: 4px solid #198754;
}

.help-signal-card.tone-amber[b-x7id22s8ry] {
    border-top: 4px solid #fd7e14;
}

.help-signal-card.tone-slate[b-x7id22s8ry] {
    border-top: 4px solid #6c757d;
}

.help-watch-head[b-x7id22s8ry] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.help-watch-head h5[b-x7id22s8ry] {
    margin: 0;
    font-size: 1rem;
    color: #173550;
}

.help-watch-head span[b-x7id22s8ry] {
    color: #617487;
    font-size: 0.82rem;
}

.help-watch-card ul[b-x7id22s8ry] {
    margin: 0;
    padding-left: 1.1rem;
    color: #617487;
}

.help-watch-card li + li[b-x7id22s8ry] {
    margin-top: 0.55rem;
}

.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;
    }

    .help-command-buttons[b-x7id22s8ry] {
        justify-content: flex-start;
    }

    .help-signal-grid[b-x7id22s8ry] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .help-command-hero[b-x7id22s8ry] {
        padding: 0.95rem 1rem;
    }

    .help-command-title[b-x7id22s8ry] {
        font-size: 1.45rem;
    }

    .help-signal-grid[b-x7id22s8ry],
    .help-watch-grid[b-x7id22s8ry] {
        grid-template-columns: 1fr;
    }

    .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 */
.dashboard[b-iesy335n23] {
    max-width: 1600px;
    display: grid;
    gap: 1.15rem;
}

.dashboard-hero[b-iesy335n23] {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    padding: 1.2rem;
    border: 1px solid var(--border-color, #dce1e8);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(78, 168, 222, 0.16), transparent 28%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 252, 0.96));
    box-shadow: 0 20px 44px rgba(12, 33, 63, 0.08);
}

.dashboard-hero[b-iesy335n23]::after {
    content: "";
    position: absolute;
    inset: auto -8% -38% auto;
    width: 320px;
    height: 320px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(0, 51, 102, 0.08), transparent 70%);
    pointer-events: none;
}

.dashboard-hero-main[b-iesy335n23] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, 1fr);
    gap: 1rem;
    align-items: start;
}

.dashboard-hero-copy[b-iesy335n23] {
    display: grid;
    gap: 0.35rem;
}

.dashboard-hero-eyebrow[b-iesy335n23] {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--primary-color, #003366);
}

.dashboard-hero-title[b-iesy335n23] {
    margin: 0;
    font-size: clamp(1.55rem, 2.2vw, 2.25rem);
    font-weight: 800;
    line-height: 1.05;
    color: #15324d;
}

.dashboard-hero-description[b-iesy335n23] {
    max-width: 62rem;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #5f7286;
}

.dashboard-hero-actions[b-iesy335n23] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.75rem;
    justify-items: end;
}

.dashboard-hero-action-row[b-iesy335n23] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.dashboard-hero .btn-outline-secondary[b-iesy335n23] {
    color: #204160;
    border-color: rgba(0, 51, 102, 0.18);
    background: rgba(255, 255, 255, 0.86);
    font-weight: 700;
}

.dashboard-hero .btn-outline-secondary:hover[b-iesy335n23],
.dashboard-hero .btn-outline-secondary:focus-visible[b-iesy335n23] {
    color: #15324d;
    border-color: rgba(0, 51, 102, 0.32);
    background: rgba(235, 243, 251, 0.98);
}

.dashboard-chip-row[b-iesy335n23] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.dashboard-chip[b-iesy335n23] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 36px;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

.dashboard-chip--neutral[b-iesy335n23] {
    color: #486177;
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(12, 33, 63, 0.08);
}

.dashboard-chip--info[b-iesy335n23] {
    color: #0d4f78;
    background: rgba(78, 168, 222, 0.16);
    border-color: rgba(78, 168, 222, 0.22);
}

.dashboard-chip--warning[b-iesy335n23] {
    color: #7a4e08;
    background: rgba(255, 193, 7, 0.18);
    border-color: rgba(255, 193, 7, 0.24);
}

.dashboard-chip--danger[b-iesy335n23] {
    color: #8a2430;
    background: rgba(220, 53, 69, 0.14);
    border-color: rgba(220, 53, 69, 0.2);
}

.dashboard-chip--accent[b-iesy335n23] {
    color: #0f5d57;
    background: rgba(32, 201, 151, 0.16);
    border-color: rgba(32, 201, 151, 0.2);
}

.dashboard-hero-stats[b-iesy335n23] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.dashboard-hero-stat[b-iesy335n23] {
    display: grid;
    gap: 0.18rem;
    padding: 0.9rem 0.95rem;
    border-radius: 18px;
    border: 1px solid rgba(12, 33, 63, 0.08);
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(12, 33, 63, 0.05);
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.dashboard-hero-stat:hover[b-iesy335n23] {
    transform: translateY(-1px);
    border-color: rgba(0, 51, 102, 0.18);
    box-shadow: 0 14px 28px rgba(12, 33, 63, 0.08);
}

.dashboard-hero-stat-label[b-iesy335n23] {
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #607286;
}

.dashboard-hero-stat-value[b-iesy335n23] {
    font-size: 1.28rem;
    line-height: 1.05;
    color: #16324f;
}

.dashboard-hero-stat-note[b-iesy335n23] {
    font-size: 0.82rem;
    color: #607286;
}

.dashboard-grid[b-iesy335n23] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
}

.overview-card[b-iesy335n23] {
    grid-column: span 4;
    display: grid;
    gap: 0.9rem;
    align-content: start;
    padding: 1rem;
    border: 1px solid var(--border-color, #dce1e8);
    border-radius: 22px;
    background: var(--surface-bg, #ffffff);
    box-shadow: 0 14px 32px rgba(12, 33, 63, 0.06);
    min-width: 0;
}

.overview-card--wide[b-iesy335n23] {
    grid-column: span 8;
}

.overview-card-head[b-iesy335n23] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.8rem;
}

.overview-card-heading[b-iesy335n23] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
}

.overview-card-icon[b-iesy335n23] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    font-size: 1.05rem;
    color: var(--primary-color, #003366);
    background: rgba(0, 51, 102, 0.08);
    flex: 0 0 auto;
}

.overview-card-kicker[b-iesy335n23] {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #607286;
}

.overview-card-title[b-iesy335n23] {
    margin: 0.15rem 0 0;
    font-size: 1.04rem;
    font-weight: 750;
    color: #16324f;
}

.overview-card-link[b-iesy335n23] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0.4rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 51, 102, 0.12);
    background: var(--surface-bg-muted, #f4f7fb);
    color: var(--primary-color, #003366);
    font-size: 0.77rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.overview-card-value[b-iesy335n23] {
    font-size: 1.45rem;
    line-height: 1.05;
    color: #102843;
}

.overview-card-note[b-iesy335n23] {
    margin: -0.25rem 0 0;
    font-size: 0.9rem;
    line-height: 1.55;
    color: #617487;
}

.overview-mini-grid[b-iesy335n23] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

.overview-mini-stat[b-iesy335n23] {
    display: grid;
    gap: 0.2rem;
    padding: 0.72rem 0.78rem;
    border-radius: 16px;
    border: 1px solid rgba(12, 33, 63, 0.06);
    background: var(--surface-bg-muted, #f4f7fb);
}

.overview-mini-stat span[b-iesy335n23] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #607286;
}

.overview-mini-stat strong[b-iesy335n23] {
    font-size: 1rem;
    line-height: 1.05;
    color: #16324f;
}

.overview-list[b-iesy335n23] {
    display: grid;
    gap: 0.55rem;
}

.overview-list-item[b-iesy335n23] {
    display: grid;
    gap: 0.2rem;
    padding: 0.78rem 0.85rem;
    border-radius: 16px;
    border: 1px solid rgba(12, 33, 63, 0.08);
    background: var(--surface-bg-soft, rgba(255, 255, 255, 0.88));
    text-decoration: none;
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
    min-width: 0;
}

.overview-list-item:hover[b-iesy335n23] {
    transform: translateY(-1px);
    border-color: rgba(0, 51, 102, 0.18);
    background: rgba(245, 249, 253, 0.98);
}

.overview-list-item strong[b-iesy335n23] {
    color: #14314d;
}

.overview-list-item span[b-iesy335n23] {
    color: #607286;
    font-size: 0.84rem;
    line-height: 1.45;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.overview-empty[b-iesy335n23] {
    padding: 0.9rem;
    border-radius: 16px;
    border: 1px dashed rgba(12, 33, 63, 0.14);
    background: var(--surface-bg-muted, #f4f7fb);
    font-size: 0.86rem;
    color: #617487;
}

.overview-list--activity[b-iesy335n23] {
    gap: 0.6rem;
}

.overview-list-item--activity[b-iesy335n23] {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.7rem;
}

.overview-activity-icon[b-iesy335n23] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    color: var(--primary-color, #003366);
    background: rgba(0, 51, 102, 0.08);
    flex: 0 0 auto;
}

.overview-activity-copy[b-iesy335n23] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.overview-activity-copy span[b-iesy335n23] {
    -webkit-line-clamp: 1;
}

.overview-card--dispatch .overview-card-icon[b-iesy335n23],
.overview-card--jobs .overview-card-icon[b-iesy335n23],
.overview-card--financials .overview-card-icon[b-iesy335n23],
.overview-card--estimates .overview-card-icon[b-iesy335n23],
.overview-card--agreements .overview-card-icon[b-iesy335n23],
.overview-card--assets .overview-card-icon[b-iesy335n23],
.overview-card--inventory .overview-card-icon[b-iesy335n23],
.overview-card--team .overview-card-icon[b-iesy335n23],
.overview-card--notes .overview-card-icon[b-iesy335n23],
.overview-card--activity .overview-card-icon[b-iesy335n23] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.overview-card--dispatch[b-iesy335n23] {
    border-top: 4px solid #003366;
}

.overview-card--dispatch .overview-card-icon[b-iesy335n23],
.overview-card--activity .overview-activity-icon[b-iesy335n23],
.overview-card--activity .overview-card-icon[b-iesy335n23] {
    background: rgba(0, 51, 102, 0.1);
    color: #003366;
}

.overview-card--jobs[b-iesy335n23] {
    border-top: 4px solid #0b5ed7;
}

.overview-card--jobs .overview-card-icon[b-iesy335n23] {
    background: rgba(11, 94, 215, 0.1);
    color: #0b5ed7;
}

.overview-card--financials[b-iesy335n23] {
    border-top: 4px solid #198754;
}

.overview-card--financials .overview-card-icon[b-iesy335n23] {
    background: rgba(25, 135, 84, 0.12);
    color: #198754;
}

.overview-card--estimates[b-iesy335n23] {
    border-top: 4px solid #0d6efd;
}

.overview-card--estimates .overview-card-icon[b-iesy335n23] {
    background: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
}

.overview-card--agreements[b-iesy335n23] {
    border-top: 4px solid #20a4a0;
}

.overview-card--agreements .overview-card-icon[b-iesy335n23] {
    background: rgba(32, 164, 160, 0.12);
    color: #0f7774;
}

.overview-card--assets[b-iesy335n23] {
    border-top: 4px solid #fd7e14;
}

.overview-card--assets .overview-card-icon[b-iesy335n23] {
    background: rgba(253, 126, 20, 0.12);
    color: #d86a10;
}

.overview-card--inventory[b-iesy335n23] {
    border-top: 4px solid #dc3545;
}

.overview-card--inventory .overview-card-icon[b-iesy335n23] {
    background: rgba(220, 53, 69, 0.12);
    color: #b52b39;
}

.overview-card--team[b-iesy335n23] {
    border-top: 4px solid #6f42c1;
}

.overview-card--team .overview-card-icon[b-iesy335n23] {
    background: rgba(111, 66, 193, 0.12);
    color: #5c34a5;
}

.overview-card--notes[b-iesy335n23] {
    border-top: 4px solid #6c757d;
}

.overview-card--notes .overview-card-icon[b-iesy335n23] {
    background: rgba(108, 117, 125, 0.14);
    color: #495057;
}

.overview-card--activity[b-iesy335n23] {
    border-top: 4px solid #003366;
}

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

    .dashboard-hero-actions[b-iesy335n23] {
        justify-items: start;
    }

    .dashboard-hero-action-row[b-iesy335n23] {
        justify-content: flex-start;
    }
}

@media (max-width: 1199.98px) {
    .dashboard-hero-stats[b-iesy335n23] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-card[b-iesy335n23],
    .overview-card--wide[b-iesy335n23] {
        grid-column: span 6;
    }
}

@media (max-width: 767.98px) {
    .dashboard-hero[b-iesy335n23] {
        padding: 1rem;
        border-radius: 20px;
    }

    .dashboard-hero-title[b-iesy335n23] {
        font-size: 1.55rem;
    }

    .dashboard-hero-stats[b-iesy335n23],
    .overview-mini-grid[b-iesy335n23] {
        grid-template-columns: 1fr;
    }

    .dashboard-grid[b-iesy335n23] {
        grid-template-columns: 1fr;
    }

    .overview-card[b-iesy335n23],
    .overview-card--wide[b-iesy335n23] {
        grid-column: 1 / -1;
    }

    .overview-card-head[b-iesy335n23] {
        flex-direction: column;
        align-items: stretch;
    }

    .overview-card-link[b-iesy335n23] {
        width: fit-content;
    }
}
/* /Components/Pages/Inventory.razor.rz.scp.css */
 .inventory-command-band[b-xaal53wlbv] {
    background:
        radial-gradient(circle at top right, rgba(255, 193, 7, 0.18), transparent 28%),
        linear-gradient(135deg, rgba(0, 61, 128, 0.07), rgba(0, 61, 128, 0.01));
    border: 1px solid rgba(0, 61, 128, 0.1);
    border-radius: 22px;
    padding: 0.95rem;
}

.inventory-command-band-compact[b-xaal53wlbv],
.inventory-detail-band[b-xaal53wlbv],
.inventory-form-band[b-xaal53wlbv] {
    padding: 0.8rem 0.9rem;
    border-radius: 18px;
}

.inventory-detail-band[b-xaal53wlbv],
.inventory-form-band[b-xaal53wlbv] {
    display: grid;
    gap: 0.6rem;
}

.inventory-detail-band[b-xaal53wlbv] {
    background: linear-gradient(180deg, rgba(246, 250, 255, 0.98), rgba(234, 242, 250, 0.96));
    border: 1px solid rgba(0, 61, 128, 0.1);
}

.inventory-form-band[b-xaal53wlbv] {
    background:
        radial-gradient(circle at top right, rgba(255, 193, 7, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(246, 250, 255, 0.98), rgba(234, 242, 250, 0.96));
    border: 1px solid rgba(0, 61, 128, 0.1);
}

.inventory-command-hero[b-xaal53wlbv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.inventory-detail-hero[b-xaal53wlbv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

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

.inventory-command-title[b-xaal53wlbv] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #173550;
    margin-bottom: 0.4rem;
}

.inventory-command-copy[b-xaal53wlbv],
.inventory-watch-copy[b-xaal53wlbv] {
    color: #5e7083;
    max-width: 780px;
}

.inventory-command-copy[b-xaal53wlbv] {
    font-size: 0.92rem;
}

.inventory-command-actions[b-xaal53wlbv] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.inventory-signal-grid[b-xaal53wlbv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.inventory-inline-strip[b-xaal53wlbv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.inventory-inline-strip .inventory-signal-card[b-xaal53wlbv] {
    flex: 1 1 11rem;
    min-width: 0;
    border-radius: 12px;
    padding: 0.62rem 0.75rem;
    box-shadow: none !important;
}

.inventory-inline-strip .inventory-signal-label[b-xaal53wlbv] {
    font-size: 0.7rem;
}

.inventory-inline-strip .inventory-signal-value[b-xaal53wlbv] {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.inventory-inline-strip .inventory-signal-note[b-xaal53wlbv] {
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.35;
}

.inventory-signal-card[b-xaal53wlbv] {
    padding: 0.8rem 0.9rem;
    border-radius: 14px;
    background: #f8fbfe;
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.inventory-signal-card.primary[b-xaal53wlbv] {
    border-top: 4px solid #003d80;
}

.inventory-signal-card.danger[b-xaal53wlbv] {
    border-top: 4px solid #dc3545;
}

.inventory-signal-card.warning[b-xaal53wlbv] {
    border-top: 4px solid #fd7e14;
}

.inventory-signal-card.success[b-xaal53wlbv] {
    border-top: 4px solid #198754;
}

.inventory-signal-label[b-xaal53wlbv] {
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #617487;
}

.inventory-signal-value[b-xaal53wlbv] {
    font-size: 1.25rem;
    line-height: 1.1;
    color: #173550;
}

.inventory-signal-note[b-xaal53wlbv] {
    font-size: 0.82rem;
    color: #617487;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}

.inventory-watch-grid[b-xaal53wlbv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.inventory-watch-card[b-xaal53wlbv] {
    overflow: hidden;
}

.inventory-watch-head[b-xaal53wlbv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.inventory-watch-list[b-xaal53wlbv] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.inventory-watch-list.compact[b-xaal53wlbv] {
    gap: 0.55rem;
}

.inventory-watch-item[b-xaal53wlbv] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.72rem 0.82rem;
    border-radius: 15px;
    border: 1px solid rgba(0, 61, 128, 0.1);
    background: rgba(255, 255, 255, 0.88);
    color: #173550;
    text-align: left;
}

button.inventory-watch-item[b-xaal53wlbv] {
    cursor: pointer;
}

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

.inventory-watch-title[b-xaal53wlbv] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #173550;
}

.inventory-watch-sub[b-xaal53wlbv] {
    display: block;
    font-size: 0.8rem;
    color: #617487;
}

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

.inventory-watch-meta[b-xaal53wlbv] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #617487;
    font-size: 0.8rem;
}

.inventory-watch-meta strong[b-xaal53wlbv] {
    font-size: 1rem;
    color: #173550;
}

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

@media (max-width: 768px) {
    .inventory-command-hero[b-xaal53wlbv] {
        flex-direction: column;
    }

    .inventory-detail-hero[b-xaal53wlbv] {
        flex-direction: column;
    }

    .inventory-signal-grid[b-xaal53wlbv],
    .inventory-watch-grid[b-xaal53wlbv] {
        grid-template-columns: 1fr;
    }

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

    .inventory-watch-item[b-xaal53wlbv] {
        flex-direction: column;
        align-items: flex-start;
    }

    .inventory-watch-meta[b-xaal53wlbv] {
        align-items: flex-start;
    }
}
/* /Components/Pages/InvoiceImport.razor.rz.scp.css */
.import-command-band[b-60pu4mwqqm] {
    display: grid;
    gap: 0.85rem;
}

.import-command-band-compact[b-60pu4mwqqm] {
    gap: 0.6rem;
}

.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-command-hero[b-60pu4mwqqm] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.22);
}

.import-eyebrow[b-60pu4mwqqm] {
    font-size: 0.75rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.78;
    margin-bottom: 0.45rem;
}

.import-command-title[b-60pu4mwqqm] {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.import-command-copy[b-60pu4mwqqm] {
    max-width: 52ch;
    margin-top: 0.35rem;
    font-size: 0.92rem;
    color: rgba(244, 247, 251, 0.86);
}

.import-command-actions[b-60pu4mwqqm] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.85rem;
}

.import-signal-grid[b-60pu4mwqqm],
.import-watch-grid[b-60pu4mwqqm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.import-inline-strip[b-60pu4mwqqm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.import-signal-card[b-60pu4mwqqm] {
    display: grid;
    gap: 0.2rem;
    padding: 0.85rem 0.95rem;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid rgba(12, 33, 63, 0.08);
    box-shadow: 0 16px 32px rgba(12, 33, 63, 0.08);
}

.import-inline-strip .import-signal-card[b-60pu4mwqqm] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 14px;
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}

.import-signal-card.primary[b-60pu4mwqqm] {
    background: linear-gradient(180deg, rgba(11, 61, 145, 0.08), rgba(11, 61, 145, 0.02));
}

.import-signal-card.info[b-60pu4mwqqm] {
    background: linear-gradient(180deg, rgba(18, 128, 167, 0.1), rgba(18, 128, 167, 0.03));
}

.import-signal-card.warning[b-60pu4mwqqm] {
    background: linear-gradient(180deg, rgba(201, 138, 11, 0.13), rgba(201, 138, 11, 0.04));
}

.import-signal-card.danger[b-60pu4mwqqm] {
    background: linear-gradient(180deg, rgba(179, 59, 44, 0.13), rgba(179, 59, 44, 0.04));
}

.import-signal-label[b-60pu4mwqqm] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #4b5c74;
}

.import-signal-value[b-60pu4mwqqm] {
    font-size: clamp(1.25rem, 1.8vw, 1.7rem);
    line-height: 1.1;
    color: #10233f;
}

.import-inline-strip .import-signal-label[b-60pu4mwqqm] {
    font-size: 0.7rem;
}

.import-inline-strip .import-signal-value[b-60pu4mwqqm] {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.import-signal-note[b-60pu4mwqqm] {
    color: #5d6f89;
    font-size: 0.84rem;
}

.import-inline-strip .import-signal-note[b-60pu4mwqqm] {
    font-size: 0.78rem;
    line-height: 1.35;
}

.import-watch-card[b-60pu4mwqqm] {
    grid-column: span 2;
    border-radius: 22px;
}

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

.import-watch-copy[b-60pu4mwqqm] {
    font-size: 0.88rem;
    color: #60728d;
}

.import-watch-list[b-60pu4mwqqm] {
    display: grid;
    gap: 0.55rem;
}

.import-watch-list.compact[b-60pu4mwqqm] {
    gap: 0.6rem;
}

.import-watch-item[b-60pu4mwqqm] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0.85rem;
    border-radius: 16px;
    border: 1px solid rgba(12, 33, 63, 0.08);
    background: linear-gradient(180deg, rgba(244, 247, 251, 0.95), rgba(234, 240, 247, 0.95));
    text-align: left;
}

.import-watch-title[b-60pu4mwqqm] {
    font-weight: 700;
    color: #10233f;
}

.import-watch-sub[b-60pu4mwqqm] {
    display: block;
    margin-top: 0.2rem;
    color: #60728d;
    font-size: 0.84rem;
}

@media (min-width: 992px) {
    .import-command-copy[b-60pu4mwqqm] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

.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-command-hero[b-60pu4mwqqm] {
        flex-direction: column;
    }

    .import-command-actions[b-60pu4mwqqm] {
        justify-content: flex-start;
    }

    .import-signal-grid[b-60pu4mwqqm],
    .import-watch-grid[b-60pu4mwqqm] {
        grid-template-columns: minmax(0, 1fr);
    }

    .import-watch-card[b-60pu4mwqqm] {
        grid-column: auto;
    }

    .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 ------------------------------------ */
.invoice-form-band[b-rrmra6a4xh] { display: grid; gap: 0.6rem; }

/* -- Command / Detail hero layout -------------------------- */
.invoice-command-hero[b-rrmra6a4xh],
.invoice-detail-hero[b-rrmra6a4xh] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 16px;
}

.invoice-command-hero[b-rrmra6a4xh] {
    background: #ffffff;
    color: #173550;
    border: 1px solid rgba(0, 61, 128, 0.1);
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}

.invoice-command-hero-compact[b-rrmra6a4xh],
.invoice-form-hero-compact[b-rrmra6a4xh] {
    padding: 0.8rem 0.95rem;
    border-radius: 16px;
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}

.invoice-detail-hero[b-rrmra6a4xh] {
    color: #f4f7fb;
    background:
        radial-gradient(circle at top right, rgba(78, 168, 222, 0.22), transparent 28%),
        linear-gradient(135deg, rgba(0, 61, 128, 0.95), rgba(8, 35, 84, 0.96));
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.22);
}

.invoice-form-hero[b-rrmra6a4xh] {
    background: #ffffff;
    color: #173550;
    border: 1px solid rgba(0, 61, 128, 0.1);
}

.invoice-command-title[b-rrmra6a4xh] {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.invoice-command-copy[b-rrmra6a4xh] {
    max-width: 52ch;
    margin-top: 0.35rem;
    font-size: 0.92rem;
    color: #617487;
}

.invoice-detail-hero .invoice-command-copy[b-rrmra6a4xh] {
    color: rgba(244, 247, 251, 0.86);
}

.invoice-command-actions[b-rrmra6a4xh],
.invoice-detail-actions[b-rrmra6a4xh] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.75rem;
}

.invoice-command-actions .btn-outline-light[b-rrmra6a4xh],
.invoice-detail-actions .btn-outline-light[b-rrmra6a4xh] {
    color: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.52);
    background: rgba(255, 255, 255, 0.08);
}

.invoice-command-actions .btn-outline-light:disabled[b-rrmra6a4xh],
.invoice-command-actions .btn-outline-light.disabled[b-rrmra6a4xh],
.invoice-detail-actions .btn-outline-light:disabled[b-rrmra6a4xh],
.invoice-detail-actions .btn-outline-light.disabled[b-rrmra6a4xh] {
    color: rgba(244, 247, 251, 0.78);
    border-color: rgba(244, 247, 251, 0.34);
    background: rgba(8, 35, 84, 0.24);
    opacity: 1;
}

.invoice-command-actions .btn-outline-light:not(:disabled):not(.disabled)[b-rrmra6a4xh],
.invoice-detail-actions .btn-outline-light:not(:disabled):not(.disabled)[b-rrmra6a4xh] {
    box-shadow: inset 0 0 0 1px rgba(244, 247, 251, 0.04);
}

.invoice-command-actions .btn-light[b-rrmra6a4xh],
.invoice-detail-actions .btn-light[b-rrmra6a4xh] {
    color: #082354;
    background: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.9);
    box-shadow: 0 10px 24px rgba(8, 35, 84, 0.16);
}

.invoice-command-actions .btn-light:disabled[b-rrmra6a4xh],
.invoice-command-actions .btn-light.disabled[b-rrmra6a4xh],
.invoice-detail-actions .btn-light:disabled[b-rrmra6a4xh],
.invoice-detail-actions .btn-light.disabled[b-rrmra6a4xh] {
    color: rgba(8, 35, 84, 0.6);
    background: rgba(244, 247, 251, 0.72);
    border-color: rgba(244, 247, 251, 0.5);
    opacity: 1;
}

.invoice-hero-switch[b-rrmra6a4xh] {
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(244, 247, 251, 0.18);
    border-radius: 999px;
    background: rgba(244, 247, 251, 0.08);
}

/* -- Inline-strip signal-card overrides -------------------- */
.inline-strip .signal-card[b-rrmra6a4xh],
.invoice-create-summary-compact .invoice-create-pill[b-rrmra6a4xh] {
    flex: 1 1 11rem;
    min-width: 0;
    border-radius: 12px;
    padding: 0.62rem 0.75rem;
    box-shadow: none;
}
.inline-strip .signal-label[b-rrmra6a4xh],
.invoice-create-summary-compact .invoice-create-pill-label[b-rrmra6a4xh] { font-size: 0.7rem; }
.inline-strip .signal-value[b-rrmra6a4xh],
.invoice-create-summary-compact .invoice-create-pill-value[b-rrmra6a4xh] { font-size: clamp(1rem, 1.5vw, 1.2rem); }

.signal-note[b-rrmra6a4xh] {
    color: #617487;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}
.inline-strip .signal-note[b-rrmra6a4xh],
.invoice-create-summary-compact .invoice-create-pill-note[b-rrmra6a4xh] {
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.35;
}

/* -- Create summary grid ----------------------------------- */
.invoice-create-summary[b-rrmra6a4xh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.invoice-create-summary-compact[b-rrmra6a4xh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.invoice-create-pill[b-rrmra6a4xh] {
    display: grid;
    gap: 0.2rem;
    align-content: start;
    padding: 0.7rem 0.8rem;
    border-radius: 12px;
    background: #f8fbfe;
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: none;
}

.invoice-create-pill-label[b-rrmra6a4xh] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #4b5c74;
}

.invoice-create-pill-value[b-rrmra6a4xh] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    color: #173550;
}

.invoice-create-pill-note[b-rrmra6a4xh] {
    font-size: 0.8rem;
    line-height: 1.35;
    color: #617487;
    text-wrap: pretty;
}

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

/* -- Desktop clamp ---------------------------------------- */
@media (min-width: 992px) {
    .invoice-command-copy[b-rrmra6a4xh],
    .invoice-detail-hero p[b-rrmra6a4xh] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 1;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

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

    .invoice-command-hero-compact[b-rrmra6a4xh],
    .invoice-form-hero-compact[b-rrmra6a4xh] { padding: 0.75rem 0.85rem; }

    .invoice-command-actions[b-rrmra6a4xh],
    .invoice-detail-actions[b-rrmra6a4xh] { justify-content: flex-start; }

    .signal-grid[b-rrmra6a4xh],
    .invoice-create-summary[b-rrmra6a4xh] { grid-template-columns: minmax(0, 1fr); }

    .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-copy[b-m7hjp4wefb] {
    color: #5f7185;
    max-width: 52rem;
    font-size: 0.9rem;
}

.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-filter-toggles[b-m7hjp4wefb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    grid-column: 1 / -1;
}

.jobs-date-cluster[b-m7hjp4wefb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    grid-column: 1 / -1;
    flex-wrap: wrap;
}

.jobs-date-drawer[b-m7hjp4wefb] {
    display: grid;
    gap: 0.4rem;
}

.jobs-date-drawer-toggle[b-m7hjp4wefb] {
    list-style: none;
    padding: 0.42rem 0.68rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 61, 128, 0.12);
    background: rgba(0, 61, 128, 0.05);
    color: #4d6177;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.jobs-date-drawer-toggle[b-m7hjp4wefb]::-webkit-details-marker {
    display: none;
}

.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;
}

.jobs-date-presets[b-m7hjp4wefb] {
    flex-wrap: wrap;
}

.job-workspace-band[b-m7hjp4wefb] {
    background: var(--surface-bg);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 0.95rem 1rem;
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}

.job-workspace-band-compact[b-m7hjp4wefb] {
    padding: 0.8rem 0.9rem;
}

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

.job-workspace-hero[b-m7hjp4wefb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

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

.job-workspace-copy[b-m7hjp4wefb] {
    color: #5f7185;
    max-width: 760px;
}

@media (min-width: 992px) {
    .job-workspace-copy[b-m7hjp4wefb] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

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

.job-workspace-metrics[b-m7hjp4wefb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.job-workspace-inline-strip[b-m7hjp4wefb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.job-workspace-metric-card[b-m7hjp4wefb] {
    padding: 0.95rem 1rem;
    border-radius: 12px;
    background: var(--surface-bg-muted);
    border: 1px solid var(--border-color);
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.job-workspace-inline-strip .job-workspace-metric-card[b-m7hjp4wefb] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 12px;
    box-shadow: none;
}

.job-workspace-metric-label[b-m7hjp4wefb] {
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #617487;
}

.job-workspace-inline-strip .job-workspace-metric-label[b-m7hjp4wefb] {
    font-size: 0.7rem;
}

.job-workspace-metric-value[b-m7hjp4wefb] {
    font-size: 1.35rem;
    line-height: 1.1;
    color: #173550;
}

.job-workspace-inline-strip .job-workspace-metric-value[b-m7hjp4wefb] {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.job-workspace-metric-note[b-m7hjp4wefb] {
    font-size: 0.84rem;
    color: #617487;
}

.job-workspace-inline-strip .job-workspace-metric-note[b-m7hjp4wefb] {
    font-size: 0.78rem;
    line-height: 1.35;
}

.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;
    }

    .job-workspace-metrics[b-m7hjp4wefb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@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;
    }

    .jobs-filter-toggles[b-m7hjp4wefb] {
        gap: 0.75rem;
    }

    .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-metrics[b-m7hjp4wefb] {
        grid-template-columns: 1fr;
    }

    .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 */
.material-workspace[b-rcdpiraq4u] {
    display: grid;
    gap: 0.8rem;
}

.material-form-band[b-rcdpiraq4u] {
    gap: 0.6rem;
}

.material-command-copy[b-rcdpiraq4u] {
    max-width: 44rem;
}

.material-command-copy h5[b-rcdpiraq4u] {
    margin: 0.25rem 0 0.45rem;
    font-size: 1.45rem;
    font-weight: 700;
}

.material-command-copy p[b-rcdpiraq4u] {
    margin: 0;
    font-size: 0.92rem;
    color: rgba(247, 251, 255, 0.9);
}

.material-command-actions[b-rcdpiraq4u] {
    display: flex;
    align-items: center;
}

.material-command-buttons[b-rcdpiraq4u] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.material-command-toggle[b-rcdpiraq4u] {
    display: flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(247, 251, 255, 0.28);
    background: rgba(255, 255, 255, 0.08);
    color: #f7fbff;
}

.material-command-toggle .form-check-input[b-rcdpiraq4u] {
    margin-top: 0;
}

.material-command-toggle .form-check-label[b-rcdpiraq4u] {
    color: inherit;
}

.material-command-buttons .btn-primary[b-rcdpiraq4u],
.material-command-buttons .btn-outline-primary:hover[b-rcdpiraq4u],
.material-command-buttons .btn-outline-primary:focus[b-rcdpiraq4u] {
    background-color: #0b2e59;
    border-color: #0b2e59;
}

.material-command-buttons .btn-outline-primary[b-rcdpiraq4u] {
    color: #f7fbff;
    border-color: rgba(247, 251, 255, 0.55);
    background: rgba(255, 255, 255, 0.1);
}

.material-command-buttons .btn-outline-primary:disabled[b-rcdpiraq4u],
.material-command-buttons .btn-outline-primary.disabled[b-rcdpiraq4u] {
    color: rgba(247, 251, 255, 0.8);
    border-color: rgba(247, 251, 255, 0.38);
    background: rgba(8, 35, 84, 0.22);
    opacity: 1;
}

.material-command-buttons .btn-outline-primary:not(:disabled):not(.disabled)[b-rcdpiraq4u] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.material-detail-hero[b-rcdpiraq4u] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #0b2e59 0%, #114a84 50%, #1c6ba8 100%);
    color: #f7fbff;
    box-shadow: 0 22px 48px rgba(11, 46, 89, 0.16);
}

.material-form-hero[b-rcdpiraq4u] {
    background: linear-gradient(135deg, #0b2e59 0%, #114a84 45%, #2a7ab2 100%);
}

.material-detail-hero h5[b-rcdpiraq4u] {
    margin: 0.25rem 0 0.45rem;
    font-size: 1.45rem;
    font-weight: 700;
}

.material-detail-hero p[b-rcdpiraq4u] {
    margin: 0;
    font-size: 0.92rem;
    color: rgba(247, 251, 255, 0.9);
    max-width: 44rem;
}

.material-detail-actions[b-rcdpiraq4u] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.5rem;
}

.material-detail-actions .btn-outline-primary[b-rcdpiraq4u] {
    color: #f7fbff;
    border-color: rgba(247, 251, 255, 0.55);
    background: rgba(255, 255, 255, 0.1);
}

.material-detail-actions .btn-outline-primary:disabled[b-rcdpiraq4u],
.material-detail-actions .btn-outline-primary.disabled[b-rcdpiraq4u] {
    color: rgba(247, 251, 255, 0.8);
    border-color: rgba(247, 251, 255, 0.38);
    background: rgba(8, 35, 84, 0.22);
    opacity: 1;
}

.material-detail-actions .btn-outline-primary:not(:disabled):not(.disabled)[b-rcdpiraq4u] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.material-detail-actions .btn-outline-primary:hover[b-rcdpiraq4u],
.material-detail-actions .btn-outline-primary:focus[b-rcdpiraq4u] {
    background-color: #0b2e59;
    border-color: #0b2e59;
}

.material-detail-signal-grid[b-rcdpiraq4u] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

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

@media (max-width: 767.98px) {
    .table-responsive table thead[b-rcdpiraq4u] {
        display: none;
    }

    .table-responsive table[b-rcdpiraq4u],
    .table-responsive tbody[b-rcdpiraq4u],
    .table-responsive tr[b-rcdpiraq4u],
    .table-responsive td[b-rcdpiraq4u] {
        display: block;
        width: 100%;
    }

    .table-responsive tr[b-rcdpiraq4u] {
        margin-bottom: 0.8rem;
        border: 1px solid rgba(11, 46, 89, 0.08);
        border-radius: 0.85rem;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 10px 20px rgba(15, 23, 42, 0.04);
    }

    .table-responsive td[data-label][b-rcdpiraq4u] {
        display: grid;
        grid-template-columns: 7rem minmax(0, 1fr);
        gap: 0.75rem;
        align-items: start;
        padding: 0.7rem 0.9rem;
        text-align: left !important;
    }

    .table-responsive td[data-label][b-rcdpiraq4u]::before {
        content: attr(data-label);
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #516173;
    }
}

@media (max-width: 991.98px) {
    .material-detail-hero[b-rcdpiraq4u] {
        flex-direction: column;
    }

    .material-command-buttons[b-rcdpiraq4u] {
        justify-content: flex-start;
    }

    .material-detail-actions[b-rcdpiraq4u] {
        justify-content: flex-start;
    }

    .material-detail-signal-grid[b-rcdpiraq4u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .material-command-copy h5[b-rcdpiraq4u] {
        font-size: 1.45rem;
    }

    .material-detail-hero h5[b-rcdpiraq4u] {
        font-size: 1.45rem;
    }

    .material-detail-signal-grid[b-rcdpiraq4u] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Notifications.razor.rz.scp.css */
.notify-workspace[b-l0l2egapfu] {
    display: grid;
    gap: 1rem;
}

.notify-command-band[b-l0l2egapfu] {
    display: grid;
    gap: 0.6rem;
}

.notify-command-band-compact[b-l0l2egapfu] {
    gap: 0.6rem;
}

.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-command-hero[b-l0l2egapfu] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, #0b2e59 0%, #114a84 55%, #e2edf8 100%);
    color: #f7fbff;
    box-shadow: 0 20px 45px rgba(11, 46, 89, 0.18);
}

.notify-command-copy[b-l0l2egapfu] {
    max-width: 42rem;
}

.notify-eyebrow[b-l0l2egapfu] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #d7ebff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.notify-command-title[b-l0l2egapfu] {
    margin: 0.35rem 0 0.4rem;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.notify-command-copy p[b-l0l2egapfu] {
    margin: 0;
    color: rgba(247, 251, 255, 0.9);
}

.notify-command-actions[b-l0l2egapfu] {
    display: grid;
    gap: 0.75rem;
    justify-items: end;
}

.notify-command-meta[b-l0l2egapfu] {
    color: rgba(247, 251, 255, 0.8);
    font-size: 0.85rem;
}

.notify-command-buttons[b-l0l2egapfu] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

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

.notify-command-buttons .btn-outline-primary[b-l0l2egapfu] {
    color: #f7fbff;
    border-color: rgba(247, 251, 255, 0.55);
    background: rgba(255, 255, 255, 0.1);
}

.notify-command-buttons .btn-outline-primary:disabled[b-l0l2egapfu],
.notify-command-buttons .btn-outline-primary.disabled[b-l0l2egapfu] {
    color: rgba(247, 251, 255, 0.8);
    border-color: rgba(247, 251, 255, 0.38);
    background: rgba(8, 35, 84, 0.22);
    opacity: 1;
}

.notify-command-buttons .btn-outline-primary:not(:disabled):not(.disabled)[b-l0l2egapfu] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.notify-signal-grid[b-l0l2egapfu],
.notify-watch-grid[b-l0l2egapfu] {
    display: grid;
    gap: 0.9rem;
}

.notify-inline-strip[b-l0l2egapfu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.notify-signal-grid[b-l0l2egapfu] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.notify-watch-grid[b-l0l2egapfu] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.notify-signal-card[b-l0l2egapfu],
.notify-watch-card[b-l0l2egapfu] {
    padding: 1.05rem 1.15rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 10px 24px rgba(0, 30, 60, 0.04);
}

.notify-signal-card[b-l0l2egapfu] {
    display: grid;
    gap: 0.35rem;
}

.notify-inline-strip .notify-signal-card[b-l0l2egapfu] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 14px;
    box-shadow: 0 8px 18px rgba(0, 30, 60, 0.04);
}

.notify-signal-label[b-l0l2egapfu] {
    color: #617487;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.notify-signal-card strong[b-l0l2egapfu] {
    font-size: 1.55rem;
    line-height: 1.1;
    color: #173550;
}

.notify-inline-strip .notify-signal-label[b-l0l2egapfu] {
    font-size: 0.7rem;
}

.notify-inline-strip .notify-signal-card strong[b-l0l2egapfu] {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.notify-signal-card small[b-l0l2egapfu] {
    color: #617487;
}

.notify-inline-strip .notify-signal-card small[b-l0l2egapfu] {
    font-size: 0.78rem;
    line-height: 1.35;
}

.notify-signal-card.tone-danger[b-l0l2egapfu] {
    border-top: 4px solid #dc3545;
}

.notify-signal-card.tone-amber[b-l0l2egapfu] {
    border-top: 4px solid #fd7e14;
}

.notify-signal-card.tone-primary[b-l0l2egapfu] {
    border-top: 4px solid #003d80;
}

.notify-signal-card.tone-slate[b-l0l2egapfu] {
    border-top: 4px solid #6c757d;
}

.notify-watch-head[b-l0l2egapfu] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.notify-watch-head h5[b-l0l2egapfu] {
    margin: 0;
    font-size: 1rem;
    color: #173550;
}

.notify-watch-head span[b-l0l2egapfu] {
    color: #617487;
    font-size: 0.82rem;
}

.notify-watch-card ul[b-l0l2egapfu] {
    margin: 0;
    padding-left: 1.1rem;
    color: #617487;
}

.notify-watch-card li + li[b-l0l2egapfu] {
    margin-top: 0.55rem;
}

.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;
    }

    .notify-command-actions[b-l0l2egapfu] {
        justify-items: start;
    }

    .notify-command-buttons[b-l0l2egapfu] {
        justify-content: flex-start;
    }

    .notify-signal-grid[b-l0l2egapfu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .notify-command-hero[b-l0l2egapfu] {
        padding: 0.95rem 1rem;
    }

    .notify-command-title[b-l0l2egapfu] {
        font-size: 1.45rem;
    }

    .notify-signal-grid[b-l0l2egapfu],
    .notify-watch-grid[b-l0l2egapfu] {
        grid-template-columns: 1fr;
    }

    .summary-toggle-copy[b-l0l2egapfu] {
        max-width: none;
        text-align: left;
    }
}
/* /Components/Pages/Products.razor.rz.scp.css */
/* Products – page-specific overrides (base rules live in app.css) */

.product-form-band[b-4d1ks0928q] {
    gap: 0.6rem;
}

.product-command-hero[b-4d1ks0928q] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.22);
}

.product-command-title[b-4d1ks0928q] {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.product-command-copy[b-4d1ks0928q] {
    max-width: 52ch;
    margin-top: 0.35rem;
    font-size: 0.92rem;
    color: rgba(244, 247, 251, 0.86);
}

.product-command-actions[b-4d1ks0928q],
.product-detail-actions[b-4d1ks0928q] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.75rem;
}

.product-signal-note[b-4d1ks0928q] {
    color: #5d6f89;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}

.product-detail-hero[b-4d1ks0928q] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(8, 35, 84, 0.98), rgba(11, 61, 145, 0.92));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.2);
}

.product-form-hero[b-4d1ks0928q] {
    background: linear-gradient(135deg, rgba(8, 35, 84, 0.98), rgba(18, 128, 167, 0.88));
}

.product-detail-actions .btn-outline-light[b-4d1ks0928q] {
    color: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.52);
    background: rgba(255, 255, 255, 0.08);
}

.product-detail-actions .btn-light[b-4d1ks0928q] {
    color: #082354;
    background: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.9);
    box-shadow: 0 10px 24px rgba(8, 35, 84, 0.16);
}

.inline-strip .product-signal-note[b-4d1ks0928q] {
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.35;
}

@media (min-width: 992px) {
    .product-command-copy[b-4d1ks0928q],
    .product-detail-hero p[b-4d1ks0928q] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}
/* /Components/Pages/QuickNotes.razor.rz.scp.css */
/* QuickNotes – page-specific overrides (base rules live in app.css) */

.quicknote-command-hero[b-7vix1h4z8d] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.22);
}

.quicknote-command-title[b-7vix1h4z8d] {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.quicknote-command-copy[b-7vix1h4z8d] {
    max-width: 52ch;
    margin-top: 0.35rem;
    font-size: 0.92rem;
    color: rgba(244, 247, 251, 0.86);
}

.quicknote-command-actions[b-7vix1h4z8d] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.85rem;
}

.quicknote-signal-note[b-7vix1h4z8d] {
    color: #617487;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}

.inline-strip .quicknote-signal-note[b-7vix1h4z8d] {
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.35;
}

.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-detail-hero[b-7vix1h4z8d] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(78, 168, 222, 0.22), transparent 28%),
        linear-gradient(135deg, rgba(0, 61, 128, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.2);
}

.quicknote-detail-actions[b-7vix1h4z8d] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.65rem;
}

.quicknote-detail-actions .btn-outline-light[b-7vix1h4z8d] {
    color: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.52);
    background: rgba(255, 255, 255, 0.08);
}

.quicknote-detail-actions .btn-outline-light:disabled[b-7vix1h4z8d],
.quicknote-detail-actions .btn-outline-light.disabled[b-7vix1h4z8d] {
    color: rgba(244, 247, 251, 0.78);
    border-color: rgba(244, 247, 251, 0.34);
    background: rgba(8, 35, 84, 0.24);
    opacity: 1;
}

.quicknote-detail-actions .btn-outline-light:not(:disabled):not(.disabled)[b-7vix1h4z8d] {
    box-shadow: inset 0 0 0 1px rgba(244, 247, 251, 0.04);
}

.quicknote-detail-actions .btn-light[b-7vix1h4z8d] {
    color: #082354;
    background: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.9);
    box-shadow: 0 10px 24px rgba(8, 35, 84, 0.16);
}

.quicknote-detail-actions .btn-light:disabled[b-7vix1h4z8d],
.quicknote-detail-actions .btn-light.disabled[b-7vix1h4z8d] {
    color: rgba(8, 35, 84, 0.6);
    background: rgba(244, 247, 251, 0.72);
    border-color: rgba(244, 247, 251, 0.5);
    opacity: 1;
}

.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);
}

@media (min-width: 992px) {
    .quicknote-command-copy[b-7vix1h4z8d],
    .quicknote-detail-hero p[b-7vix1h4z8d] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    .quicknote-command-hero[b-7vix1h4z8d],
    .quicknote-detail-hero[b-7vix1h4z8d] {
        flex-direction: column;
    }

    .quicknote-command-actions[b-7vix1h4z8d],
    .quicknote-detail-actions[b-7vix1h4z8d] {
        justify-content: flex-start;
    }

    .quicknote-watch-item[b-7vix1h4z8d] {
        flex-direction: column;
        align-items: flex-start;
    }

    .quicknote-watch-meta[b-7vix1h4z8d] {
        justify-items: start;
    }
}
/* /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: 1rem;
    margin-bottom: 1rem;
}

.report-command-copy[b-v6vtdmtv91] {
    max-width: 42rem;
}

.report-command-copy h4[b-v6vtdmtv91] {
    margin: 0.35rem 0 0.65rem;
    font-size: 1.8rem;
    font-weight: 700;
}

.report-command-copy p[b-v6vtdmtv91] {
    margin: 0;
    max-width: 38rem;
    color: rgba(246, 251, 255, 0.88);
}

.command-band-compact .report-command-copy p[b-v6vtdmtv91] {
    max-width: 44ch;
    font-size: 0.9rem;
}

.report-command-actions[b-v6vtdmtv91] {
    display: grid;
    gap: 0.85rem;
    justify-items: end;
    min-width: 18rem;
}

.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-command-buttons[b-v6vtdmtv91] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.report-command-buttons .btn-primary[b-v6vtdmtv91],
.report-command-buttons .btn-outline-primary:hover[b-v6vtdmtv91],
.report-command-buttons .btn-outline-primary:focus[b-v6vtdmtv91] {
    background-color: #0b2e59;
    border-color: #0b2e59;
}

.report-command-buttons .btn-outline-primary[b-v6vtdmtv91] {
    color: #f6fbff;
    border-color: rgba(246, 251, 255, 0.5);
    background: rgba(255, 255, 255, 0.1);
}

.report-command-buttons .btn-outline-primary:disabled[b-v6vtdmtv91],
.report-command-buttons .btn-outline-primary.disabled[b-v6vtdmtv91] {
    color: rgba(246, 251, 255, 0.8);
    border-color: rgba(246, 251, 255, 0.36);
    background: rgba(8, 35, 84, 0.22);
    opacity: 1;
}

.report-command-buttons .btn-outline-primary:not(:disabled):not(.disabled)[b-v6vtdmtv91] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.report-watch-grid[b-v6vtdmtv91] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.report-watch-card[b-v6vtdmtv91] {
    border-radius: 1rem;
    padding: 1.05rem 1.15rem;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 10px 24px rgba(0, 30, 60, 0.04);
}

.report-watch-head[b-v6vtdmtv91] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.report-watch-head h5[b-v6vtdmtv91] {
    margin: 0;
    font-size: 1rem;
    color: #173550;
}

.report-watch-head span[b-v6vtdmtv91] {
    color: #617487;
    font-size: 0.82rem;
}

.report-watch-card ul[b-v6vtdmtv91] {
    margin: 0;
    padding-left: 1.1rem;
    color: #617487;
}

.report-watch-card li + li[b-v6vtdmtv91] {
    margin-top: 0.55rem;
}

.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;
}

.report-summary-drawer[b-v6vtdmtv91] {
    display: grid;
    gap: 0.7rem;
}

.report-summary-toggle[b-v6vtdmtv91] {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.95rem;
    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;
}

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

.report-summary-label[b-v6vtdmtv91] {
    display: block;
    margin-bottom: 0.12rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0b2e59;
}

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

.report-summary-copy[b-v6vtdmtv91] {
    max-width: 34rem;
    font-size: 0.84rem;
    color: #617487;
    text-align: right;
}

.report-summary-grid[b-v6vtdmtv91] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.report-summary-item[b-v6vtdmtv91] {
    flex: 1 1 12rem;
    min-width: 0;
    padding: 0.72rem 0.8rem;
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 8px 18px rgba(0, 30, 60, 0.04);
}

.report-summary-item span[b-v6vtdmtv91] {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #617487;
}

.report-summary-item p[b-v6vtdmtv91] {
    margin: 0;
    font-size: 0.84rem;
    color: #21415d;
    line-height: 1.4;
}

@media (max-width: 991.98px) {
    .report-command-actions[b-v6vtdmtv91] {
        justify-items: stretch;
    }

    .report-command-buttons[b-v6vtdmtv91] {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .report-command-copy h4[b-v6vtdmtv91] {
        font-size: 1.45rem;
    }

    .report-watch-grid[b-v6vtdmtv91] {
        grid-template-columns: 1fr;
    }

    .report-period-picker[b-v6vtdmtv91] {
        min-width: 0;
    }

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

    .report-summary-toggle[b-v6vtdmtv91] {
        flex-direction: column;
        align-items: flex-start;
    }

    .report-summary-copy[b-v6vtdmtv91] {
        text-align: left;
    }
}
/* /Components/Pages/Search.razor.rz.scp.css */
.search-workspace[b-y22eu94c7d] {
    display: grid;
    gap: 1rem;
}

.search-command-band[b-y22eu94c7d] {
    display: grid;
    gap: 0.6rem;
}

.search-command-band-compact[b-y22eu94c7d] {
    gap: 0.6rem;
}

.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-command-hero[b-y22eu94c7d] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, #0b2e59 0%, #114a84 55%, #e2edf8 100%);
    color: #f7fbff;
    box-shadow: 0 20px 45px rgba(11, 46, 89, 0.18);
}

.search-command-copy[b-y22eu94c7d] {
    max-width: 44rem;
}

.search-eyebrow[b-y22eu94c7d] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #d7ebff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.search-command-title[b-y22eu94c7d] {
    margin: 0.35rem 0 0.4rem;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.search-command-copy p[b-y22eu94c7d] {
    margin: 0;
    color: rgba(247, 251, 255, 0.9);
}

.search-command-actions[b-y22eu94c7d] {
    display: grid;
    gap: 0.75rem;
    justify-items: end;
}

.search-command-buttons[b-y22eu94c7d] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.search-command-buttons .btn-primary[b-y22eu94c7d],
.search-command-buttons .btn-outline-primary:hover[b-y22eu94c7d],
.search-command-buttons .btn-outline-primary:focus[b-y22eu94c7d] {
    background-color: #0b2e59;
    border-color: #0b2e59;
}

.search-command-buttons .btn-outline-primary[b-y22eu94c7d] {
    color: #f7fbff;
    border-color: rgba(247, 251, 255, 0.55);
    background: rgba(255, 255, 255, 0.1);
}

.search-command-buttons .btn-outline-primary:disabled[b-y22eu94c7d],
.search-command-buttons .btn-outline-primary.disabled[b-y22eu94c7d] {
    color: rgba(247, 251, 255, 0.8);
    border-color: rgba(247, 251, 255, 0.38);
    background: rgba(8, 35, 84, 0.22);
    opacity: 1;
}

.search-command-buttons .btn-outline-primary:not(:disabled):not(.disabled)[b-y22eu94c7d] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.search-signal-grid[b-y22eu94c7d],
.search-watch-grid[b-y22eu94c7d] {
    display: grid;
    gap: 0.9rem;
}

.search-inline-strip[b-y22eu94c7d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.search-signal-grid[b-y22eu94c7d] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.search-watch-grid[b-y22eu94c7d] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.search-signal-card[b-y22eu94c7d],
.search-watch-card[b-y22eu94c7d] {
    padding: 1.05rem 1.15rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid rgba(11, 46, 89, 0.08);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.search-signal-card[b-y22eu94c7d] {
    display: grid;
    gap: 0.35rem;
}

.search-inline-strip .search-signal-card[b-y22eu94c7d] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 14px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.search-signal-label[b-y22eu94c7d] {
    color: #516173;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.search-signal-card strong[b-y22eu94c7d] {
    font-size: 1.55rem;
    line-height: 1.1;
    color: #0f172a;
}

.search-inline-strip .search-signal-label[b-y22eu94c7d] {
    font-size: 0.7rem;
}

.search-inline-strip .search-signal-card strong[b-y22eu94c7d] {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.search-signal-card small[b-y22eu94c7d] {
    color: #516173;
}

.search-inline-strip .search-signal-card small[b-y22eu94c7d] {
    font-size: 0.78rem;
    line-height: 1.35;
}

.search-signal-card.tone-primary[b-y22eu94c7d] {
    background: linear-gradient(180deg, #eef5fb 0%, #ffffff 100%);
}

.search-signal-card.tone-success[b-y22eu94c7d] {
    background: linear-gradient(180deg, #f3fbf5 0%, #ffffff 100%);
}

.search-signal-card.tone-amber[b-y22eu94c7d] {
    background: linear-gradient(180deg, #fff8eb 0%, #ffffff 100%);
}

.search-signal-card.tone-slate[b-y22eu94c7d] {
    background: linear-gradient(180deg, #f5f7fa 0%, #ffffff 100%);
}

.search-watch-head[b-y22eu94c7d] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.search-watch-head h5[b-y22eu94c7d] {
    margin: 0;
    font-size: 1rem;
    color: #0f172a;
}

.search-watch-head span[b-y22eu94c7d] {
    color: #516173;
    font-size: 0.82rem;
}

.search-watch-card ul[b-y22eu94c7d] {
    margin: 0;
    padding-left: 1.1rem;
    color: #334155;
}

.search-watch-card li + li[b-y22eu94c7d] {
    margin-top: 0.55rem;
}

.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;
    }

    .search-command-actions[b-y22eu94c7d] {
        justify-items: start;
    }

    .search-command-buttons[b-y22eu94c7d] {
        justify-content: flex-start;
    }

    .search-signal-grid[b-y22eu94c7d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .search-command-hero[b-y22eu94c7d] {
        padding: 0.95rem 1rem;
    }

    .search-command-title[b-y22eu94c7d] {
        font-size: 1.45rem;
    }

    .search-signal-grid[b-y22eu94c7d],
    .search-watch-grid[b-y22eu94c7d] {
        grid-template-columns: 1fr;
    }

    .summary-toggle-copy[b-y22eu94c7d] {
        max-width: none;
        text-align: left;
    }
}
/* /Components/Pages/ServiceAgreements.razor.rz.scp.css */
.agreement-command-band[b-38je48ci5r] {
    display: grid;
    gap: 1.25rem;
}

.agreement-command-band-compact[b-38je48ci5r],
.agreement-form-band[b-38je48ci5r] {
    gap: 0.6rem;
}

.agreement-command-hero[b-38je48ci5r] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.22);
}

.agreement-eyebrow[b-38je48ci5r] {
    font-size: 0.75rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.78;
    margin-bottom: 0.45rem;
}

.agreement-command-title[b-38je48ci5r] {
    margin: 0;
    font-size: clamp(1.5rem, 2vw, 2.1rem);
    font-weight: 700;
}

.agreement-command-copy[b-38je48ci5r] {
    max-width: 60ch;
    margin-top: 0.6rem;
    color: rgba(244, 247, 251, 0.86);
}

.agreement-command-actions[b-38je48ci5r] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.85rem;
}

.agreement-signal-grid[b-38je48ci5r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.agreement-signal-card[b-38je48ci5r] {
    display: grid;
    gap: 0.3rem;
    padding: 0.9rem 1rem;
    border-radius: 12px;
    background: #f8fbfe;
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: none !important;
}

.agreement-signal-card.primary[b-38je48ci5r] {
    border-top: 4px solid #003d80;
}

.agreement-signal-card.info[b-38je48ci5r] {
    border-top: 4px solid #1280a7;
}

.agreement-signal-card.warning[b-38je48ci5r] {
    border-top: 4px solid #fd7e14;
}

.agreement-signal-card.danger[b-38je48ci5r] {
    border-top: 4px solid #dc3545;
}

.agreement-signal-label[b-38je48ci5r] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #4b5c74;
}

.agreement-signal-value[b-38je48ci5r] {
    font-size: clamp(1.4rem, 2vw, 1.9rem);
    line-height: 1.1;
    color: #173550;
}

.agreement-signal-note[b-38je48ci5r] {
    color: #617487;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}

.agreement-detail-band[b-38je48ci5r] {
    display: grid;
    gap: 0.7rem;
}

.agreement-detail-hero[b-38je48ci5r] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(8, 35, 84, 0.98), rgba(11, 61, 145, 0.92));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.2);
}

.agreement-form-hero[b-38je48ci5r] {
    background: linear-gradient(135deg, rgba(8, 35, 84, 0.98), rgba(18, 128, 167, 0.88));
}

.agreement-detail-actions[b-38je48ci5r] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.75rem;
}

.agreement-detail-actions .btn-outline-light[b-38je48ci5r] {
    color: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.52);
    background: rgba(255, 255, 255, 0.08);
}

.agreement-detail-actions .btn-light[b-38je48ci5r] {
    color: #082354;
    background: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.9);
    box-shadow: 0 10px 24px rgba(8, 35, 84, 0.16);
}

.agreement-detail-signal-grid[b-38je48ci5r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.agreement-inline-strip[b-38je48ci5r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.agreement-inline-strip .agreement-signal-card[b-38je48ci5r] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 14px;
    background: #f8fbfe;
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: none !important;
}

.agreement-inline-strip .agreement-signal-label[b-38je48ci5r] {
    font-size: 0.7rem;
}

.agreement-inline-strip .agreement-signal-value[b-38je48ci5r] {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.agreement-inline-strip .agreement-signal-note[b-38je48ci5r] {
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.35;
}

@media (max-width: 768px) {
    .agreement-command-hero[b-38je48ci5r],
    .agreement-detail-hero[b-38je48ci5r] {
        flex-direction: column;
    }

    .agreement-command-actions[b-38je48ci5r],
    .agreement-detail-actions[b-38je48ci5r] {
        justify-content: flex-start;
    }

    .agreement-signal-grid[b-38je48ci5r],
    .agreement-detail-signal-grid[b-38je48ci5r] {
        grid-template-columns: minmax(0, 1fr);
    }

    .table-responsive table[b-38je48ci5r] { display: block; }
    .table-responsive thead[b-38je48ci5r] { display: none; }
    .table-responsive tbody[b-38je48ci5r] { display: block; }
    .table-responsive tr[b-38je48ci5r] { display: block; margin-bottom: 1rem; border: 1px solid var(--border-color); border-radius: .5rem; padding: .5rem; background: var(--card-bg); }
    .table-responsive td[b-38je48ci5r] { display: flex; justify-content: space-between; align-items: center; padding: .5rem; border-bottom: 1px solid var(--border-color); }
    .table-responsive td:last-child[b-38je48ci5r] { border-bottom: none; }
    .table-responsive td[b-38je48ci5r]::before { content: attr(data-label); font-weight: 600; color: var(--text-color); margin-right: 1rem; }
}
/* /Components/Pages/ServiceHistory.razor.rz.scp.css */
.service-history-command-band[b-wievery7vs] {
    display: grid;
    gap: 0.85rem;
}

.service-history-command-band-compact[b-wievery7vs] {
    gap: 0.6rem;
}

.service-history-command-hero[b-wievery7vs] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.22);
}

.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-command-title[b-wievery7vs] {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.service-history-command-copy[b-wievery7vs] {
    max-width: 52ch;
    margin-top: 0.35rem;
    font-size: 0.92rem;
    color: rgba(244, 247, 251, 0.86);
}

.service-history-command-actions[b-wievery7vs] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.85rem;
}

.service-history-signal-grid[b-wievery7vs] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.service-history-signal-card[b-wievery7vs] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 10px 24px rgba(0, 30, 60, 0.04);
}

.service-history-signal-card.primary[b-wievery7vs] {
    border-top: 4px solid #003d80;
}

.service-history-signal-card.info[b-wievery7vs] {
    border-top: 4px solid #1280a7;
}

.service-history-signal-card.warning[b-wievery7vs] {
    border-top: 4px solid #fd7e14;
}

.service-history-signal-card.danger[b-wievery7vs] {
    border-top: 4px solid #dc3545;
}

.service-history-signal-label[b-wievery7vs] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #4b5c74;
}

.service-history-signal-value[b-wievery7vs] {
    font-size: clamp(1.25rem, 1.8vw, 1.7rem);
    line-height: 1.1;
    color: #173550;
}

.service-history-signal-note[b-wievery7vs] {
    color: #617487;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}

.service-history-detail-band[b-wievery7vs] {
    display: grid;
    gap: 0.7rem;
}

.service-history-detail-hero[b-wievery7vs] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(78, 168, 222, 0.22), transparent 28%),
        linear-gradient(135deg, rgba(0, 61, 128, 0.94), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.2);
}

.service-history-form-hero[b-wievery7vs] {
    background:
        radial-gradient(circle at top right, rgba(245, 166, 35, 0.2), transparent 28%),
        linear-gradient(135deg, rgba(0, 61, 128, 0.94), rgba(8, 35, 84, 0.96));
}

.service-history-detail-actions[b-wievery7vs] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.65rem;
}

.service-history-detail-actions .btn-outline-light[b-wievery7vs] {
    color: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.52);
    background: rgba(255, 255, 255, 0.08);
}

.service-history-detail-actions .btn-outline-light:disabled[b-wievery7vs],
.service-history-detail-actions .btn-outline-light.disabled[b-wievery7vs] {
    color: rgba(244, 247, 251, 0.78);
    border-color: rgba(244, 247, 251, 0.34);
    background: rgba(8, 35, 84, 0.24);
    opacity: 1;
}

.service-history-detail-actions .btn-outline-light:not(:disabled):not(.disabled)[b-wievery7vs] {
    box-shadow: inset 0 0 0 1px rgba(244, 247, 251, 0.04);
}

.service-history-detail-actions .btn-light[b-wievery7vs] {
    color: #082354;
    background: #f4f7fb;
    border-color: rgba(244, 247, 251, 0.9);
    box-shadow: 0 10px 24px rgba(8, 35, 84, 0.16);
}

.service-history-detail-actions .btn-light:disabled[b-wievery7vs],
.service-history-detail-actions .btn-light.disabled[b-wievery7vs] {
    color: rgba(8, 35, 84, 0.6);
    background: rgba(244, 247, 251, 0.72);
    border-color: rgba(244, 247, 251, 0.5);
    opacity: 1;
}

.service-history-detail-signal-grid[b-wievery7vs] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.service-history-inline-strip[b-wievery7vs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.service-history-inline-strip .service-history-signal-card[b-wievery7vs] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 14px;
    box-shadow: 0 8px 18px rgba(12, 33, 63, 0.04);
}

.service-history-inline-strip .service-history-signal-label[b-wievery7vs] {
    font-size: 0.7rem;
}

.service-history-inline-strip .service-history-signal-value[b-wievery7vs] {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.service-history-inline-strip .service-history-signal-note[b-wievery7vs] {
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.35;
}

.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 (min-width: 992px) {
    .service-history-command-copy[b-wievery7vs],
    .service-history-detail-hero p[b-wievery7vs] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    .service-history-command-hero[b-wievery7vs] {
        flex-direction: column;
    }

    .service-history-detail-hero[b-wievery7vs] {
        flex-direction: column;
    }

    .service-history-command-actions[b-wievery7vs] {
        justify-content: flex-start;
    }

    .service-history-detail-actions[b-wievery7vs] {
        justify-content: flex-start;
    }

    .service-history-signal-grid[b-wievery7vs],
    .service-history-detail-signal-grid[b-wievery7vs] {
        grid-template-columns: minmax(0, 1fr);
    }

    .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-workspace[b-o19ush4ylk] {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
}

.settings-command-band[b-o19ush4ylk] {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.2rem 1.3rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #0b2e59 0%, #124a86 55%, #e1ecf7 100%);
    color: #f7fbff;
    box-shadow: 0 22px 48px rgba(11, 46, 89, 0.18);
}

.settings-command-band-compact[b-o19ush4ylk] {
    padding: 0.95rem 1.05rem;
    border-radius: 1rem;
    box-shadow: 0 14px 32px rgba(11, 46, 89, 0.16);
}

.settings-command-copy[b-o19ush4ylk] {
    max-width: 44rem;
}

.settings-eyebrow[b-o19ush4ylk] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #d7ebff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.settings-command-copy h4[b-o19ush4ylk] {
    margin: 0.35rem 0 0.65rem;
    font-size: 1.8rem;
    font-weight: 700;
}

.settings-command-copy p[b-o19ush4ylk] {
    margin: 0;
    max-width: 39rem;
    color: rgba(247, 251, 255, 0.9);
}

.settings-command-band-compact .settings-command-copy p[b-o19ush4ylk] {
    max-width: 44ch;
    font-size: 0.9rem;
}

.settings-command-actions[b-o19ush4ylk] {
    display: flex;
    align-items: center;
}

.settings-command-buttons[b-o19ush4ylk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.settings-command-buttons .btn-primary[b-o19ush4ylk],
.settings-command-buttons .btn-outline-primary:hover[b-o19ush4ylk],
.settings-command-buttons .btn-outline-primary:focus[b-o19ush4ylk] {
    background-color: #0b2e59;
    border-color: #0b2e59;
}

.settings-command-buttons .btn-outline-primary[b-o19ush4ylk] {
    color: #f7fbff;
    border-color: rgba(247, 251, 255, 0.55);
    background: rgba(255, 255, 255, 0.1);
}

.settings-command-buttons .btn-outline-primary:disabled[b-o19ush4ylk],
.settings-command-buttons .btn-outline-primary.disabled[b-o19ush4ylk] {
    color: rgba(247, 251, 255, 0.8);
    border-color: rgba(247, 251, 255, 0.38);
    background: rgba(8, 35, 84, 0.22);
    opacity: 1;
}

.settings-command-buttons .btn-outline-primary:not(:disabled):not(.disabled)[b-o19ush4ylk] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.settings-signal-grid[b-o19ush4ylk] {
    display: grid;
    gap: 0.9rem;
}

.settings-signal-grid[b-o19ush4ylk] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.settings-inline-strip[b-o19ush4ylk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.settings-inline-strip .settings-signal-card[b-o19ush4ylk] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.68rem 0.78rem;
    border-radius: 0.9rem;
}

.settings-inline-strip .settings-signal-card strong[b-o19ush4ylk] {
    font-size: clamp(1.05rem, 1.5vw, 1.2rem);
}

.settings-inline-strip .settings-signal-card small[b-o19ush4ylk] {
    font-size: 0.78rem;
    line-height: 1.35;
}

.settings-signal-card[b-o19ush4ylk] {
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(0, 61, 128, 0.08);
    box-shadow: 0 10px 24px rgba(0, 30, 60, 0.04);
}

.settings-signal-card[b-o19ush4ylk] {
    display: grid;
    gap: 0.35rem;
}

.settings-signal-label[b-o19ush4ylk] {
    color: #617487;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.settings-signal-card strong[b-o19ush4ylk] {
    font-size: 1.35rem;
    line-height: 1.1;
    color: #173550;
}

.settings-signal-card small[b-o19ush4ylk] {
    color: #617487;
}

.settings-signal-card.tone-primary[b-o19ush4ylk] {
    border-top: 4px solid #003d80;
}

.settings-signal-card.tone-success[b-o19ush4ylk] {
    border-top: 4px solid #198754;
}

.settings-signal-card.tone-amber[b-o19ush4ylk] {
    border-top: 4px solid #fd7e14;
}

.settings-signal-card.tone-slate[b-o19ush4ylk] {
    border-top: 4px solid #6c757d;
}

.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 */
.column-header-clickable[b-o19ush4ylk] {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.15s ease;
}

.column-header-clickable:hover[b-o19ush4ylk] {
    background-color: rgba(0, 51, 102, 0.1) !important;
}

.column-header-clickable:active[b-o19ush4ylk] {
    background-color: rgba(0, 51, 102, 0.2) !important;
}

@media (max-width: 991.98px) {
    .settings-command-band[b-o19ush4ylk],
    .settings-layout[b-o19ush4ylk] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .settings-command-band[b-o19ush4ylk] {
        gap: 1rem;
    }

    .settings-command-actions[b-o19ush4ylk] {
        justify-content: flex-start;
    }

    .settings-command-buttons[b-o19ush4ylk] {
        justify-content: flex-start;
    }

    .settings-signal-grid[b-o19ush4ylk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .settings-sidebar[b-o19ush4ylk] {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .settings-command-band[b-o19ush4ylk] {
        padding: 1.15rem;
    }

    .settings-command-copy h4[b-o19ush4ylk] {
        font-size: 1.45rem;
    }

    .settings-signal-grid[b-o19ush4ylk],
    .settings-summary-strip[b-o19ush4ylk] {
        grid-template-columns: 1fr;
    }

    .settings-summary-toggle[b-o19ush4ylk] {
        flex-direction: column;
        align-items: flex-start;
    }

    .settings-summary-copy[b-o19ush4ylk] {
        text-align: left;
    }
}
/* /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 */
/* Sites – page-specific overrides (base rules live in app.css) */

.site-form-band[b-k5rwdg29pq] {
    gap: 0.6rem;
}

.site-command-hero[b-k5rwdg29pq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.22);
}

.site-command-title[b-k5rwdg29pq] {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.site-command-copy[b-k5rwdg29pq] {
    max-width: 60ch;
    margin-top: 0.35rem;
    font-size: 0.88rem;
    color: rgba(244, 247, 251, 0.86);
}

.site-command-actions[b-k5rwdg29pq] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.85rem;
}

.site-detail-hero[b-k5rwdg29pq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(8, 35, 84, 0.98), rgba(11, 61, 145, 0.92));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.2);
}

.site-form-hero[b-k5rwdg29pq] {
    background: linear-gradient(135deg, rgba(8, 35, 84, 0.98), rgba(18, 128, 167, 0.88));
}

.site-detail-actions[b-k5rwdg29pq] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.75rem;
}

.inline-strip .site-signal-note[b-k5rwdg29pq] {
    max-width: none;
    font-size: 0.76rem;
    line-height: 1.3;
}

.site-signal-note[b-k5rwdg29pq] {
    color: #5d6f89;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}

@media (max-width: 768px) {
    .site-command-hero[b-k5rwdg29pq],
    .site-detail-hero[b-k5rwdg29pq] {
        flex-direction: column;
    }

    .site-command-actions[b-k5rwdg29pq],
    .site-detail-actions[b-k5rwdg29pq] {
        justify-content: flex-start;
    }

    .table-responsive table[b-k5rwdg29pq] { display: block; }
    .table-responsive thead[b-k5rwdg29pq] { display: none; }
    .table-responsive tbody[b-k5rwdg29pq] { display: block; }
    .table-responsive tr[b-k5rwdg29pq] { display: block; margin-bottom: 1rem; border: 1px solid var(--border-color); border-radius: .5rem; padding: .5rem; background: var(--card-bg); }
    .table-responsive td[b-k5rwdg29pq] { display: flex; justify-content: space-between; align-items: center; padding: .5rem; border-bottom: 1px solid var(--border-color); }
    .table-responsive td:last-child[b-k5rwdg29pq] { border-bottom: none; }
    .table-responsive td[b-k5rwdg29pq]::before { content: attr(data-label); font-weight: 600; color: var(--text-color); margin-right: 1rem; }
}
/* /Components/Pages/Suppliers.razor.rz.scp.css */
.supplier-command-band[b-3h9ii8x1rq] {
    display: grid;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.supplier-command-band-compact[b-3h9ii8x1rq] {
    gap: 0.6rem;
}

.supplier-command-hero[b-3h9ii8x1rq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(11, 61, 145, 0.95), rgba(8, 35, 84, 0.96));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.22);
}

.supplier-eyebrow[b-3h9ii8x1rq] {
    font-size: 0.75rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.78;
    margin-bottom: 0.45rem;
}

.supplier-command-title[b-3h9ii8x1rq] {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.85rem);
    font-weight: 700;
}

.supplier-command-copy[b-3h9ii8x1rq] {
    max-width: 52ch;
    margin-top: 0.35rem;
    font-size: 0.92rem;
    color: rgba(244, 247, 251, 0.86);
}

.supplier-command-actions[b-3h9ii8x1rq] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.85rem;
}

.supplier-signal-grid[b-3h9ii8x1rq],
.supplier-watch-grid[b-3h9ii8x1rq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.supplier-inline-strip[b-3h9ii8x1rq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.supplier-inline-strip .supplier-signal-card[b-3h9ii8x1rq] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.62rem 0.75rem;
    border-radius: 12px;
    box-shadow: none !important;
}

.supplier-inline-strip .supplier-signal-label[b-3h9ii8x1rq] {
    font-size: 0.7rem;
}

.supplier-inline-strip .supplier-signal-value[b-3h9ii8x1rq] {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.supplier-inline-strip .supplier-signal-note[b-3h9ii8x1rq] {
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.35;
}

.supplier-signal-card[b-3h9ii8x1rq] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border-radius: 14px;
    background: #f8fbfe;
    border: 1px solid rgba(12, 33, 63, 0.08);
    box-shadow: none !important;
}

.supplier-signal-card.primary[b-3h9ii8x1rq] {
    background: #f8fbfe;
}

.supplier-signal-card.info[b-3h9ii8x1rq] {
    background: #f8fbfe;
}

.supplier-signal-card.warning[b-3h9ii8x1rq] {
    background: #f8fbfe;
}

.supplier-signal-card.danger[b-3h9ii8x1rq] {
    background: #f8fbfe;
}

.supplier-signal-label[b-3h9ii8x1rq] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #4b5c74;
}

.supplier-signal-value[b-3h9ii8x1rq] {
    font-size: clamp(1.25rem, 1.8vw, 1.7rem);
    line-height: 1.1;
    color: #10233f;
}

.supplier-signal-note[b-3h9ii8x1rq] {
    color: #5d6f89;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}

.supplier-watch-card[b-3h9ii8x1rq] {
    grid-column: span 2;
    border-radius: 22px;
}

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

.supplier-watch-copy[b-3h9ii8x1rq] {
    font-size: 0.88rem;
    color: #60728d;
}

.supplier-watch-list[b-3h9ii8x1rq] {
    display: grid;
    gap: 0.55rem;
}

.supplier-watch-list.compact[b-3h9ii8x1rq] {
    gap: 0.6rem;
}

.supplier-watch-item[b-3h9ii8x1rq] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0.85rem;
    border-radius: 16px;
    border: 1px solid rgba(12, 33, 63, 0.08);
    background: linear-gradient(180deg, rgba(244, 247, 251, 0.95), rgba(234, 240, 247, 0.95));
    text-align: left;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

button.supplier-watch-item[b-3h9ii8x1rq] {
    cursor: pointer;
}

button.supplier-watch-item:hover[b-3h9ii8x1rq],
button.supplier-watch-item:focus-visible[b-3h9ii8x1rq] {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(12, 33, 63, 0.12);
    border-color: rgba(11, 61, 145, 0.28);
}

.supplier-watch-item.static-item[b-3h9ii8x1rq] {
    cursor: default;
}

.supplier-watch-title[b-3h9ii8x1rq] {
    font-weight: 700;
    color: #10233f;
}

.supplier-watch-sub[b-3h9ii8x1rq] {
    display: block;
    margin-top: 0.2rem;
    color: #60728d;
    font-size: 0.84rem;
}

.supplier-watch-meta[b-3h9ii8x1rq] {
    display: grid;
    justify-items: end;
    color: #10233f;
}

.supplier-watch-meta small[b-3h9ii8x1rq] {
    color: #6f8098;
}

.supplier-detail-band[b-3h9ii8x1rq] {
    display: grid;
    gap: 0.7rem;
}

.supplier-detail-hero[b-3h9ii8x1rq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(8, 35, 84, 0.98), rgba(11, 61, 145, 0.92));
    color: #f4f7fb;
    box-shadow: 0 20px 45px rgba(8, 35, 84, 0.2);
}

.supplier-form-hero[b-3h9ii8x1rq] {
    background: linear-gradient(135deg, rgba(8, 35, 84, 0.98), rgba(18, 128, 167, 0.88));
}

.supplier-detail-actions[b-3h9ii8x1rq] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.75rem;
}

.supplier-detail-signal-grid[b-3h9ii8x1rq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 992px) {
    .supplier-command-copy[b-3h9ii8x1rq],
    .supplier-detail-hero p[b-3h9ii8x1rq] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    .supplier-command-hero[b-3h9ii8x1rq] {
        flex-direction: column;
    }

    .supplier-detail-hero[b-3h9ii8x1rq] {
        flex-direction: column;
    }

    .supplier-command-actions[b-3h9ii8x1rq] {
        justify-content: flex-start;
    }

    .supplier-detail-actions[b-3h9ii8x1rq] {
        justify-content: flex-start;
    }

    .supplier-signal-grid[b-3h9ii8x1rq],
    .supplier-watch-grid[b-3h9ii8x1rq],
    .supplier-detail-signal-grid[b-3h9ii8x1rq] {
        grid-template-columns: minmax(0, 1fr);
    }

    .supplier-watch-card[b-3h9ii8x1rq] {
        grid-column: auto;
    }

    .supplier-watch-item[b-3h9ii8x1rq] {
        flex-direction: column;
        align-items: flex-start;
    }

    .supplier-watch-meta[b-3h9ii8x1rq] {
        justify-items: start;
    }

    .table-responsive table[b-3h9ii8x1rq] { display: block; }
    .table-responsive thead[b-3h9ii8x1rq] { display: none; }
    .table-responsive tbody[b-3h9ii8x1rq] { display: block; }
    .table-responsive tr[b-3h9ii8x1rq] { display: block; margin-bottom: 1rem; border: 1px solid var(--border-color); border-radius: .5rem; padding: .5rem; background: var(--card-bg); }
    .table-responsive td[b-3h9ii8x1rq] { display: flex; justify-content: space-between; align-items: center; padding: .5rem; border-bottom: 1px solid var(--border-color); }
    .table-responsive td:last-child[b-3h9ii8x1rq] { border-bottom: none; }
    .table-responsive td[b-3h9ii8x1rq]::before { content: attr(data-label); font-weight: 600; color: var(--text-color); margin-right: 1rem; }
}
/* /Components/Pages/Templates.razor.rz.scp.css */
.template-workspace[b-m5md197y52] {
    display: grid;
    gap: 1rem;
}

.template-command-band[b-m5md197y52] {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #0b2e59 0%, #114a84 55%, #e2edf8 100%);
    color: #f7fbff;
    box-shadow: 0 22px 48px rgba(11, 46, 89, 0.18);
}

.template-command-band-compact[b-m5md197y52] {
    padding: 0.95rem 1.05rem;
    border-radius: 1rem;
    box-shadow: 0 14px 32px rgba(11, 46, 89, 0.16);
}

.template-command-copy[b-m5md197y52] {
    max-width: 42rem;
}

.template-eyebrow[b-m5md197y52] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #d7ebff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.template-command-copy h5[b-m5md197y52] {
    margin: 0.35rem 0 0.65rem;
    font-size: 1.7rem;
    font-weight: 700;
}

.template-command-copy p[b-m5md197y52] {
    margin: 0;
    color: rgba(247, 251, 255, 0.9);
}

.template-command-band-compact .template-command-copy p[b-m5md197y52] {
    max-width: 44ch;
    font-size: 0.9rem;
}

.template-command-actions[b-m5md197y52] {
    display: flex;
    align-items: center;
}

.template-command-buttons[b-m5md197y52] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.template-command-buttons .btn-primary[b-m5md197y52],
.template-command-buttons .btn-outline-primary:hover[b-m5md197y52],
.template-command-buttons .btn-outline-primary:focus[b-m5md197y52] {
    background-color: #0b2e59;
    border-color: #0b2e59;
}

.template-command-buttons .btn-outline-primary[b-m5md197y52] {
    color: #f7fbff;
    border-color: rgba(247, 251, 255, 0.55);
    background: rgba(255, 255, 255, 0.1);
}

.template-command-buttons .btn-outline-primary:disabled[b-m5md197y52],
.template-command-buttons .btn-outline-primary.disabled[b-m5md197y52] {
    color: rgba(247, 251, 255, 0.8);
    border-color: rgba(247, 251, 255, 0.38);
    background: rgba(8, 35, 84, 0.22);
    opacity: 1;
}

.template-command-buttons .btn-outline-primary:not(:disabled):not(.disabled)[b-m5md197y52] {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.template-signal-grid[b-m5md197y52],
    display: grid;
    gap: 0.9rem;[b-m5md197y52]
}

.template-inline-strip[b-m5md197y52] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.template-inline-strip .template-signal-card[b-m5md197y52] {
    flex: 1 1 11rem;
    min-width: 0;
    padding: 0.68rem 0.78rem;
    border-radius: 0.9rem;
}

.template-inline-strip .template-signal-card strong[b-m5md197y52] {
    font-size: clamp(1.05rem, 1.5vw, 1.25rem);
}

.template-inline-strip .template-signal-card small[b-m5md197y52] {
    max-width: none;
    font-size: 0.78rem;
    line-height: 1.35;
}

.template-signal-grid[b-m5md197y52] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.template-signal-card[b-m5md197y52] {
    padding: 0.8rem 0.9rem;
    border-radius: 12px;
    background: #f8fbfe;
    border: 1px solid rgba(11, 46, 89, 0.08);
    box-shadow: none !important;
}

.template-signal-card[b-m5md197y52] {
    display: grid;
    gap: 0.35rem;
}

.template-signal-label[b-m5md197y52] {
    color: #516173;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.template-signal-card strong[b-m5md197y52] {
    font-size: 1.55rem;
    line-height: 1.1;
    color: #0f172a;
}

.template-signal-card small[b-m5md197y52] {
    color: #516173;
    font-size: 0.84rem;
    line-height: 1.45;
    max-width: 24ch;
    text-wrap: pretty;
}

@media (max-width: 767.98px) {
    .template-command-band[b-m5md197y52] {
        flex-direction: column;
    }

    .template-command-actions[b-m5md197y52],
    .template-command-buttons[b-m5md197y52] {
        justify-content: flex-start;
    }

    .template-signal-grid[b-m5md197y52] {
        grid-template-columns: 1fr;
    }

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

    .table-responsive table[b-m5md197y52],
    .table-responsive tbody[b-m5md197y52],
    .table-responsive tr[b-m5md197y52],
    .table-responsive td[b-m5md197y52] {
        display: block;
        width: 100%;
    }

    .table-responsive tr[b-m5md197y52] {
        margin-bottom: 0.8rem;
        border: 1px solid rgba(11, 46, 89, 0.08);
        border-radius: 0.85rem;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 10px 20px rgba(15, 23, 42, 0.04);
    }

    .table-responsive td[data-label][b-m5md197y52] {
        display: grid;
        grid-template-columns: 7rem minmax(0, 1fr);
        gap: 0.75rem;
        align-items: start;
        padding: 0.7rem 0.9rem;
        text-align: left !important;
    }

    .table-responsive td[data-label][b-m5md197y52]::before {
        content: attr(data-label);
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #516173;
    }
}

@media (max-width: 991.98px) {
    .template-command-band[b-m5md197y52] {
        flex-direction: column;
    }

    .template-command-buttons[b-m5md197y52] {
        justify-content: flex-start;
    }

    .template-signal-grid[b-m5md197y52] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .template-command-band[b-m5md197y52] {
        padding: 1.15rem;
    }

    .template-command-copy h5[b-m5md197y52] {
        font-size: 1.45rem;
    }

    .template-signal-grid[b-m5md197y52] {
        grid-template-columns: 1fr;
    }
}