/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-shell[b-u8cpm4uw3k] { min-height:100vh; display:grid; place-items:center; padding:1rem; background:linear-gradient(135deg,#03142d,#0b3566); }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.platform-shell[b-iles8ndms7] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    background: #f4f6f9;
    transition: grid-template-columns 0.2s ease;
}

.platform-shell.sidebar-collapsed[b-iles8ndms7] {
    grid-template-columns: 76px minmax(0, 1fr);
}

.platform-sidebar[b-iles8ndms7] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 1.25rem;
    background: linear-gradient(180deg, var(--brand-secondary, #0b3566) 0%, var(--brand-primary, #061b3a) 55%, var(--brand-primary, #03142d) 100%);
    color: #ffffff;
    border-right: 1px solid rgba(214, 154, 20, 0.35);
    transition: padding 0.2s ease;
}

.platform-brand[b-iles8ndms7] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.platform-logo[b-iles8ndms7] {
    width: 72px;
    height: 72px;
    object-fit: contain;
    flex-shrink: 0;
    transition: width 0.2s ease, height 0.2s ease;
}

.platform-name[b-iles8ndms7] {
    min-width: 0;
    white-space: nowrap;
    opacity: 1;
    transition: opacity 0.15s ease;
}

.platform-name > div[b-iles8ndms7] {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.platform-name span[b-iles8ndms7] {
    display: block;
    margin-top: 0.25rem;
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.78rem;
    line-height: 1.25;
}

.platform-sidebar-footer[b-iles8ndms7] {
    margin-top: auto;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    font-size: 0.8rem;
    white-space: nowrap;
    opacity: 1;
    transition: opacity 0.15s ease;
}

.platform-sidebar-footer div[b-iles8ndms7] {
    font-weight: 700;
}

.platform-sidebar-footer span[b-iles8ndms7] {
    display: block;
    margin-top: 0.25rem;
    color: rgba(255, 255, 255, 0.65);
}

.platform-main[b-iles8ndms7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.platform-header[b-iles8ndms7] {
    min-height: 74px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) minmax(220px, auto);
    align-items: center;
    gap: 1rem;
    padding: 1rem 2rem;
    background: #ffffff;
    border-bottom: 1px solid #d9dee7;
    box-shadow: 0 2px 8px rgba(16, 24, 40, 0.05);
}

.sidebar-toggle[b-iles8ndms7] {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #061b3a;
    background: #ffffff;
    border: 1px solid #cfd6df;
    border-radius: 0.4rem;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.sidebar-toggle:hover[b-iles8ndms7] {
    background: #f1f4f8;
    border-color: #9ba8b8;
}

.sidebar-toggle:focus-visible[b-iles8ndms7] {
    outline: 3px solid rgba(37, 99, 235, 0.3);
    outline-offset: 2px;
}

.platform-page-title[b-iles8ndms7] {
    min-width: 0;
    color: #111827;
    font-size: 1.35rem;
    font-weight: 700;
    text-align: center;
}

.platform-header-spacer[b-iles8ndms7] {
    width: 40px;
    height: 40px;
}

.platform-content[b-iles8ndms7] {
    flex: 1;
    min-width: 0;
    padding: 1.5rem;
}

.platform-shell.sidebar-collapsed .platform-sidebar[b-iles8ndms7] {
    padding-right: 0.65rem;
    padding-left: 0.65rem;
}

.platform-shell.sidebar-collapsed .platform-brand[b-iles8ndms7] {
    justify-content: center;
    gap: 0;
}

.platform-shell.sidebar-collapsed .platform-logo[b-iles8ndms7] {
    width: 52px;
    height: 52px;
}

.platform-shell.sidebar-collapsed .platform-name[b-iles8ndms7],
.platform-shell.sidebar-collapsed .platform-sidebar-footer[b-iles8ndms7] {
    width: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

/* Styles applied inside the child NavMenu component. */
[b-iles8ndms7] .platform-navigation {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

[b-iles8ndms7] .platform-nav-link {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
    padding: 0.65rem 0.75rem;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    border-radius: 0.4rem;
    text-decoration: none;
    white-space: nowrap;
}

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

[b-iles8ndms7] .platform-nav-link.active {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
    box-shadow: inset 3px 0 0 var(--brand-accent, #d69a14);
}

[b-iles8ndms7] .platform-nav-icon {
    width: 24px;
    flex: 0 0 24px;
    font-size: 1.15rem;
    text-align: center;
}

[b-iles8ndms7] .platform-nav-label {
    overflow: hidden;
    text-overflow: ellipsis;
}

.platform-shell.sidebar-collapsed[b-iles8ndms7]  .platform-navigation {
    align-items: center;
}

.platform-shell.sidebar-collapsed[b-iles8ndms7]  .platform-nav-link {
    width: 48px;
    justify-content: center;
    gap: 0;
    padding-right: 0;
    padding-left: 0;
}

.platform-shell.sidebar-collapsed[b-iles8ndms7]  .platform-nav-link.active {
    box-shadow: inset 3px 0 0 var(--brand-accent, #d69a14);
}

.platform-shell.sidebar-collapsed[b-iles8ndms7]  .platform-nav-label {
    display: none;
}

#blazor-error-ui[b-iles8ndms7] {
    background: #fff3cd;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

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

@media (max-width: 900px) {
    .platform-shell[b-iles8ndms7],
    .platform-shell.sidebar-collapsed[b-iles8ndms7] {
        grid-template-columns: 1fr;
    }

    .platform-sidebar[b-iles8ndms7],
    .platform-shell.sidebar-collapsed .platform-sidebar[b-iles8ndms7] {
        min-height: auto;
        padding: 0.75rem 1rem;
    }

    .platform-brand[b-iles8ndms7],
    .platform-shell.sidebar-collapsed .platform-brand[b-iles8ndms7] {
        justify-content: flex-start;
        gap: 0.75rem;
        padding-bottom: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .platform-shell.sidebar-collapsed .platform-logo[b-iles8ndms7] {
        width: 52px;
        height: 52px;
    }

    .platform-shell.sidebar-collapsed .platform-name[b-iles8ndms7] {
        width: auto;
        opacity: 1;
        pointer-events: auto;
    }

    .platform-sidebar-footer[b-iles8ndms7] {
        display: none;
    }

    .platform-shell.sidebar-collapsed[b-iles8ndms7]  .platform-navigation {
        align-items: stretch;
    }

    .platform-shell.sidebar-collapsed[b-iles8ndms7]  .platform-nav-link {
        width: auto;
        justify-content: flex-start;
        gap: 0.8rem;
        padding: 0.65rem 0.75rem;
    }

    .platform-shell.sidebar-collapsed[b-iles8ndms7]  .platform-nav-label {
        display: inline;
    }

    .platform-header[b-iles8ndms7] {
        grid-template-columns: 44px minmax(0, 1fr) minmax(220px, auto);
        padding: 0.75rem 1rem;
    }

    .platform-page-title[b-iles8ndms7] {
        font-size: 1.05rem;
    }

    .platform-content[b-iles8ndms7] {
        padding: 1rem;
    }
}

.platform-user-menu[b-iles8ndms7] { display:flex; align-items:center; justify-content:flex-end; gap:.8rem; min-width:220px; font-size:.8rem; }
.platform-user-menu > div[b-iles8ndms7] { display:flex; flex-direction:column; text-align:right; line-height:1.2; }
.platform-user-menu span[b-iles8ndms7] { color:#667085; }
.logout-button[b-iles8ndms7] { padding:.4rem .65rem; border:1px solid #cfd6df; border-radius:.35rem; background:#fff; color:#344054; font-weight:700; cursor:pointer; }
.logout-button:hover[b-iles8ndms7] { background:#f1f4f8; }

.pwa-action-button[b-iles8ndms7] {
    padding: .4rem .65rem;
    border: 1px solid #cfd6df;
    border-radius: .35rem;
    background: #fff;
    color: #344054;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

.pwa-action-button:hover[b-iles8ndms7] {
    background: #f1f4f8;
}

.platform-live-status.is-offline[b-iles8ndms7] {
    background: #fff7ed;
    color: #9a3412;
}

.platform-live-status.is-offline .live-status-dot[b-iles8ndms7] {
    background: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .14);
}

.pwa-update-notice[b-iles8ndms7] {
    color: #92400e;
    font-weight: 700;
}

@media (max-width: 700px) {
    .platform-header[b-iles8ndms7] {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: .65rem;
    }

    .platform-page-title[b-iles8ndms7] {
        text-align: left;
    }

    .platform-user-menu[b-iles8ndms7] {
        grid-column: 1 / -1;
        min-width: 0;
        width: 100%;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .platform-user-menu > div[b-iles8ndms7] {
        margin-right: auto;
        text-align: left;
    }

    .platform-live-status[b-iles8ndms7] {
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: .45rem .75rem;
    }
}

@media print {
    .platform-shell[b-iles8ndms7],
    .platform-shell.sidebar-collapsed[b-iles8ndms7] {
        display: block;
        min-height: auto;
        background: #fff;
    }

    .platform-sidebar[b-iles8ndms7],
    .platform-header[b-iles8ndms7],
    .platform-live-status[b-iles8ndms7],
    #blazor-error-ui[b-iles8ndms7],
    .pwa-action-button[b-iles8ndms7],
    button[b-iles8ndms7],
    select[b-iles8ndms7],
    input[type="search"][b-iles8ndms7],
    input[type="file"][b-iles8ndms7],
    .no-print[b-iles8ndms7] {
        display: none !important;
    }

    .platform-main[b-iles8ndms7],
    .platform-content[b-iles8ndms7] {
        display: block;
        padding: 0;
        margin: 0;
        background: #fff;
    }

    body[b-iles8ndms7] {
        background: #fff !important;
        color: #000;
        font-size: 10pt;
    }

    a[b-iles8ndms7] {
        color: #000;
        text-decoration: none;
    }

    table[b-iles8ndms7] {
        width: 100% !important;
        border-collapse: collapse;
        page-break-inside: auto;
    }

    tr[b-iles8ndms7] {
        page-break-inside: avoid;
        page-break-after: auto;
    }

    thead[b-iles8ndms7] {
        display: table-header-group;
    }

    .card[b-iles8ndms7],
    .dashboard-card[b-iles8ndms7],
    .board-panel[b-iles8ndms7] {
        box-shadow: none !important;
        break-inside: avoid;
    }
}


/* RMS-000015A: print branding and final shell refinement */
.print-branding[b-iles8ndms7],
.print-footer[b-iles8ndms7] {
    display: none;
}

@media print {
    @page {
        size: auto;
        margin: 0.55in;
    }

    .platform-shell[b-iles8ndms7],
    .platform-shell.sidebar-collapsed[b-iles8ndms7] {
        display: block;
        min-height: auto;
        background: #ffffff;
    }

    .platform-sidebar[b-iles8ndms7],
    .platform-header[b-iles8ndms7],
    .platform-live-status[b-iles8ndms7],
    #blazor-error-ui[b-iles8ndms7],
    .no-print[b-iles8ndms7],
    button[b-iles8ndms7],
    .btn[b-iles8ndms7],
    input[b-iles8ndms7],
    select[b-iles8ndms7],
    textarea[b-iles8ndms7] {
        display: none !important;
    }

    .platform-main[b-iles8ndms7],
    .platform-content[b-iles8ndms7] {
        display: block;
        width: 100%;
        min-width: 0;
        padding: 0;
        margin: 0;
        background: #ffffff;
    }

    .print-branding[b-iles8ndms7] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        margin: 0 0 0.35in;
        padding: 0 0 0.15in;
        border-bottom: 1px solid #98a2b3;
        color: #101828;
    }

    .print-branding-main[b-iles8ndms7] {
        display: flex;
        align-items: center;
        gap: 0.12in;
    }

    .print-branding img[b-iles8ndms7] {
        width: 0.55in;
        height: 0.55in;
        object-fit: contain;
    }

    .print-branding strong[b-iles8ndms7],
    .print-branding span[b-iles8ndms7] {
        display: block;
    }

    .print-branding strong[b-iles8ndms7] {
        font-size: 13pt;
    }

    .print-branding span[b-iles8ndms7],
    .print-generated[b-iles8ndms7],
    .print-footer[b-iles8ndms7] {
        font-size: 8.5pt;
        color: #475467;
    }

    .print-footer[b-iles8ndms7] {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        margin-top: 0.3in;
        padding-top: 0.12in;
        border-top: 1px solid #d0d5dd;
    }

    table[b-iles8ndms7] {
        width: 100% !important;
        border-collapse: collapse !important;
    }

    thead[b-iles8ndms7] {
        display: table-header-group;
    }

    tr[b-iles8ndms7],
    article[b-iles8ndms7],
    .card[b-iles8ndms7],
    .notification-card[b-iles8ndms7],
    .metric-card[b-iles8ndms7],
    .dashboard-panel[b-iles8ndms7] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    a[b-iles8ndms7] {
        color: #000000 !important;
        text-decoration: none !important;
    }

    *[b-iles8ndms7] {
        box-shadow: none !important;
        text-shadow: none !important;
    }
}

.feedback-action-button[b-iles8ndms7] {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 900px) {
    .platform-shell[b-iles8ndms7], .platform-shell.sidebar-collapsed[b-iles8ndms7] { grid-template-columns: 1fr; }
    .platform-sidebar[b-iles8ndms7] { position: fixed; inset: 0 auto 0 0; width: min(86vw, 340px); min-height: 100vh; z-index: 1200; overflow-y: auto; padding: 1rem; box-shadow: 1rem 0 2.5rem rgba(0,0,0,.3); transform: translateX(0); transition: transform .2s ease; }
    .platform-shell.sidebar-collapsed .platform-sidebar[b-iles8ndms7] { transform: translateX(-105%); padding: 1rem; }
    .platform-main[b-iles8ndms7] { min-width: 0; }
    .platform-header[b-iles8ndms7] { min-height: 58px; grid-template-columns: 42px minmax(0,1fr); padding: .55rem .7rem; gap: .5rem; }
    .platform-page-title[b-iles8ndms7] { text-align:left; font-size:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .platform-user-menu[b-iles8ndms7] { grid-column:1/-1; width:100%; justify-content:flex-end; flex-wrap:wrap; gap:.35rem; }
    .platform-user-identity[b-iles8ndms7] { display:none; }
    .platform-content[b-iles8ndms7] { padding:.55rem; }
    .platform-live-status[b-iles8ndms7] { font-size:.62rem; gap:.35rem; overflow-x:auto; white-space:nowrap; padding:.35rem .55rem; }
    .platform-sidebar-footer[b-iles8ndms7] { display:none; }
    .platform-brand[b-iles8ndms7], .platform-shell.sidebar-collapsed .platform-brand[b-iles8ndms7] { justify-content:flex-start; gap:.75rem; }
    .platform-shell.sidebar-collapsed .platform-name[b-iles8ndms7] { width:auto; opacity:1; pointer-events:auto; }
    .platform-shell.sidebar-collapsed[b-iles8ndms7]  .platform-nav-label { display:inline; }
    .platform-shell.sidebar-collapsed[b-iles8ndms7]  .platform-nav-link { width:auto; justify-content:flex-start; gap:.8rem; padding:.65rem .75rem; }
}


/* RMS-000026F5.6B board refresh status */
.rms-board-live-indicator[b-iles8ndms7] { display:inline-flex; align-items:center; gap:.3rem; }
.rms-board-live-indicator .live-status-dot[b-iles8ndms7] { width:.42rem; height:.42rem; box-shadow:none; }
.rms-last-refreshed[b-iles8ndms7] { white-space:nowrap; }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.platform-navigation[b-9ai0nil38g] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.platform-nav-link[b-9ai0nil38g] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 46px;
    padding: 0.7rem 0.85rem;
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

    .platform-nav-link:hover[b-9ai0nil38g] {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.12);
    }

    .platform-nav-link.active[b-9ai0nil38g] {
        color: #ffffff;
        background: rgba(214, 154, 20, 0.18);
        border-color: rgba(214, 154, 20, 0.48);
    }

.platform-nav-icon[b-9ai0nil38g] {
    width: 1.5rem;
    flex-shrink: 0;
    text-align: center;
    font-size: 1.1rem;
}

@media (max-width: 900px) {
    .platform-navigation[b-9ai0nil38g] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .platform-navigation[b-9ai0nil38g] {
        grid-template-columns: 1fr;
    }
}

.platform-nav-group[b-9ai0nil38g] { color:inherit; }
.platform-nav-group > summary[b-9ai0nil38g] { cursor:pointer; padding:.65rem .8rem; font-weight:700; list-style:none; border-radius:.4rem; }
.platform-nav-group > summary:hover[b-9ai0nil38g] { background:rgba(255,255,255,.12); }
.platform-nav-group > summary[b-9ai0nil38g]::before { content:'▸'; display:inline-block; width:1.4rem; }
.platform-nav-group[open] > summary[b-9ai0nil38g]::before { content:'▾'; }
.platform-nav-group .platform-nav-link[b-9ai0nil38g] { padding-left:1.8rem; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-3vumjgocdc],
.components-reconnect-repeated-attempt-visible[b-3vumjgocdc],
.components-reconnect-failed-visible[b-3vumjgocdc],
.components-pause-visible[b-3vumjgocdc],
.components-resume-failed-visible[b-3vumjgocdc],
.components-rejoining-animation[b-3vumjgocdc] {
    display: none;
}

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


#components-reconnect-modal[b-3vumjgocdc] {
    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-3vumjgocdc 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-3vumjgocdc {
    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/Account/InitialSetup.razor.rz.scp.css */
.setup-card[b-f8747v92oc] { width:min(480px,calc(100vw - 2rem)); padding:2rem; background:#fff; border:1px solid #d9dee7; border-radius:.75rem; box-shadow:0 16px 40px rgba(16,24,40,.14); }
.setup-logo[b-f8747v92oc] { display:block; width:96px; height:96px; object-fit:contain; margin:0 auto 1rem; }
h1[b-f8747v92oc] { margin:0; text-align:center; color:#061b3a; font-size:1.55rem; }
p[b-f8747v92oc] { text-align:center; color:#667085; }
form[b-f8747v92oc] { display:grid; gap:.65rem; margin-top:1.5rem; }
label[b-f8747v92oc] { font-weight:700; color:#344054; }
input[b-f8747v92oc] { min-height:44px; padding:.65rem .75rem; border:1px solid #cfd6df; border-radius:.4rem; }
button[b-f8747v92oc] { min-height:44px; margin-top:.5rem; border:0; border-radius:.4rem; background:#0b3566; color:#fff; font-weight:700; }
.setup-error[b-f8747v92oc] { padding:.75rem; background:#fee4e2; color:#b42318; border-radius:.4rem; }
.password-help[b-f8747v92oc] { margin:.25rem 0 0; text-align:left; font-size:.85rem; }
/* /Components/Pages/Account/Login.razor.rz.scp.css */
.login-card[b-7cu2yz72ro] { width:min(440px,calc(100vw - 2rem)); padding:2rem; background:#fff; border:1px solid #d9dee7; border-radius:.75rem; box-shadow:0 16px 40px rgba(16,24,40,.14); }
.login-logo[b-7cu2yz72ro] { display:block; width:96px; height:96px; object-fit:contain; margin:0 auto 1rem; }
h1[b-7cu2yz72ro] { margin:0; text-align:center; color:#061b3a; font-size:1.55rem; }
p[b-7cu2yz72ro] { text-align:center; color:#667085; }
form[b-7cu2yz72ro] { display:grid; gap:.65rem; margin-top:1.5rem; }
label[b-7cu2yz72ro] { font-weight:700; color:#344054; }
input[b-7cu2yz72ro] { min-height:44px; padding:.65rem .75rem; border:1px solid #cfd6df; border-radius:.4rem; }
button[b-7cu2yz72ro] { min-height:44px; margin-top:.5rem; border:0; border-radius:.4rem; background:#0b3566; color:#fff; font-weight:700; }
.login-error[b-7cu2yz72ro] { padding:.75rem; background:#fee4e2; color:#b42318; border-radius:.4rem; }

.install-mobile-link[b-7cu2yz72ro] {
    display: block;
    margin-top: 1rem;
    text-align: center;
    color: #0b3d73;
    font-weight: 600;
    text-decoration: none;
}

.install-mobile-link:hover[b-7cu2yz72ro],
.install-mobile-link:focus[b-7cu2yz72ro] {
    text-decoration: underline;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.operations-dashboard[b-v2nhfg6p44] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.dashboard-heading[b-v2nhfg6p44] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.dashboard-eyebrow[b-v2nhfg6p44] {
    margin-bottom: 0.25rem;
    color: #0b3566;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
}

.dashboard-heading h1[b-v2nhfg6p44] {
    margin: 0;
    color: #111827;
    font-size: 1.7rem;
}

.dashboard-heading p[b-v2nhfg6p44] {
    margin: 0.35rem 0 0;
    color: #667085;
}

.primary-action[b-v2nhfg6p44] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1rem;
    color: #ffffff;
    background: #0b3566;
    border: 1px solid #0b3566;
    border-radius: 0.45rem;
    font-weight: 700;
    text-decoration: none;
}

.primary-action:hover[b-v2nhfg6p44] {
    background: #061b3a;
}

.dashboard-state[b-v2nhfg6p44] {
    padding: 2rem;
    color: #475467;
    background: #ffffff;
    border: 1px solid #d9dee7;
    border-radius: 0.65rem;
    text-align: center;
}

.dashboard-error[b-v2nhfg6p44] {
    color: #991b1b;
    background: #fff7f7;
    border-color: #fecaca;
}

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

.metric-card[b-v2nhfg6p44] {
    position: relative;
    overflow: hidden;
    min-width: 0;
    padding: 1rem 1.1rem;
    background: #ffffff;
    border: 1px solid #d9dee7;
    border-radius: 0.65rem;
    box-shadow: 0 3px 10px rgba(16, 24, 40, 0.05);
}

.metric-card[b-v2nhfg6p44]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
}

.metric-restock[b-v2nhfg6p44]::before { background: #15803d; }
.metric-cpo[b-v2nhfg6p44]::before { background: #b42318; }
.metric-verification[b-v2nhfg6p44]::before { background: #d69a14; }
.metric-completed[b-v2nhfg6p44]::before { background: #0b5f9e; }

.metric-label[b-v2nhfg6p44],
.metric-detail[b-v2nhfg6p44] {
    display: block;
}

.metric-label[b-v2nhfg6p44] {
    color: #475467;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.metric-card strong[b-v2nhfg6p44] {
    display: block;
    margin: 0.3rem 0;
    color: #101828;
    font-size: 1.85rem;
    line-height: 1;
}

.metric-detail[b-v2nhfg6p44] {
    overflow: hidden;
    color: #667085;
    font-size: 0.8rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dashboard-grid[b-v2nhfg6p44] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.8fr);
    gap: 1rem;
}

.dashboard-panel[b-v2nhfg6p44] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d9dee7;
    border-radius: 0.65rem;
    box-shadow: 0 3px 10px rgba(16, 24, 40, 0.05);
}

.panel-header[b-v2nhfg6p44] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #e4e7ec;
}

.panel-header h2[b-v2nhfg6p44] {
    margin: 0;
    color: #111827;
    font-size: 1.05rem;
}

.panel-header p[b-v2nhfg6p44] {
    margin: 0.25rem 0 0;
    color: #667085;
    font-size: 0.82rem;
}

.panel-badge[b-v2nhfg6p44],
.assignment-count[b-v2nhfg6p44] {
    flex-shrink: 0;
    padding: 0.3rem 0.55rem;
    color: #0b3566;
    background: #edf4fb;
    border: 1px solid #c7d7ea;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 800;
}

.stage-list[b-v2nhfg6p44],
.assignment-list[b-v2nhfg6p44] {
    padding: 0.75rem 1rem 0.9rem;
}

.stage-row[b-v2nhfg6p44] {
    display: grid;
    grid-template-columns: minmax(190px, 1.35fr) minmax(100px, 1fr) 32px;
    align-items: center;
    gap: 0.75rem;
    min-height: 39px;
    border-bottom: 1px solid #eef1f5;
}

.stage-row:last-child[b-v2nhfg6p44],
.assignment-row:last-child[b-v2nhfg6p44] {
    border-bottom: 0;
}

.stage-name[b-v2nhfg6p44] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    color: #344054;
    font-size: 0.84rem;
}

.stage-name span:last-child[b-v2nhfg6p44] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.stage-dot[b-v2nhfg6p44] {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border-radius: 50%;
}

.stage-red[b-v2nhfg6p44] { background: #dc2626; }
.stage-yellow[b-v2nhfg6p44] { background: #eab308; }
.stage-green[b-v2nhfg6p44] { background: #16a34a; }

.stage-meter[b-v2nhfg6p44] {
    height: 8px;
    overflow: hidden;
    background: #edf0f4;
    border-radius: 999px;
}

.stage-meter span[b-v2nhfg6p44] {
    display: block;
    height: 100%;
    background: #0b3566;
    border-radius: inherit;
}

.stage-row > strong[b-v2nhfg6p44] {
    color: #111827;
    text-align: right;
}

.assignment-row[b-v2nhfg6p44] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid #eef1f5;
}

.assignment-row div[b-v2nhfg6p44] {
    min-width: 0;
}

.assignment-row strong[b-v2nhfg6p44],
.assignment-row span[b-v2nhfg6p44] {
    display: block;
}

.assignment-row strong[b-v2nhfg6p44] {
    overflow: hidden;
    color: #344054;
    font-size: 0.88rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.assignment-row div span[b-v2nhfg6p44] {
    margin-top: 0.2rem;
    color: #667085;
    font-size: 0.76rem;
}

.panel-empty[b-v2nhfg6p44] {
    padding: 1.5rem 1rem;
    color: #667085;
    text-align: center;
}

.secondary-link[b-v2nhfg6p44] {
    color: #0b3566;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.secondary-link:hover[b-v2nhfg6p44] {
    text-decoration: underline;
}

.recent-table-wrapper[b-v2nhfg6p44] {
    overflow-x: auto;
}

.recent-table[b-v2nhfg6p44] {
    width: 100%;
    border-collapse: collapse;
}

.recent-table th[b-v2nhfg6p44],
.recent-table td[b-v2nhfg6p44] {
    max-width: 230px;
    padding: 0.65rem 0.8rem;
    overflow: hidden;
    text-align: left;
    border-bottom: 1px solid #e4e7ec;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.recent-table th[b-v2nhfg6p44] {
    color: #475467;
    background: #f8fafc;
    font-size: 0.73rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.recent-table td[b-v2nhfg6p44] {
    color: #344054;
    font-size: 0.82rem;
}

.recent-table a[b-v2nhfg6p44] {
    color: #0b3566;
    font-weight: 700;
}

.status-pill[b-v2nhfg6p44] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
}

.status-red[b-v2nhfg6p44] { color: #991b1b; background: #fee2e2; border-color: #fecaca; }
.status-yellow[b-v2nhfg6p44] { color: #854d0e; background: #fef9c3; border-color: #fde68a; }
.status-green[b-v2nhfg6p44] { color: #166534; background: #dcfce7; border-color: #bbf7d0; }
.status-neutral[b-v2nhfg6p44] { color: #475467; background: #f2f4f7; border-color: #e4e7ec; }

@media (max-width: 1100px) {
    .metric-grid[b-v2nhfg6p44] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 700px) {
    .dashboard-heading[b-v2nhfg6p44] {
        align-items: stretch;
        flex-direction: column;
    }

    .primary-action[b-v2nhfg6p44] {
        width: 100%;
    }

    .metric-grid[b-v2nhfg6p44] {
        grid-template-columns: 1fr;
    }

    .stage-row[b-v2nhfg6p44] {
        grid-template-columns: minmax(0, 1fr) 32px;
    }

    .stage-meter[b-v2nhfg6p44] {
        display: none;
    }
}

.metric-cycle[b-v2nhfg6p44] { border-top-color: #7c3aed; }
.metric-photo[b-v2nhfg6p44] { border-top-color: #0891b2; }
.metric-import[b-v2nhfg6p44] { border-top-color: #2563eb; }
.metric-backlog[b-v2nhfg6p44] { border-top-color: #ea580c; }

.trend-chart[b-v2nhfg6p44] { min-height: 210px; display: grid; grid-template-columns: repeat(7, minmax(34px, 1fr)); align-items: end; gap: .75rem; padding: 1rem .25rem 0; }
.trend-column[b-v2nhfg6p44] { min-width: 0; display: grid; grid-template-rows: 22px 150px 24px; gap: .35rem; align-items: end; text-align: center; }
.trend-value[b-v2nhfg6p44] { font-size: .8rem; font-weight: 700; color: #334155; }
.trend-track[b-v2nhfg6p44] { height: 150px; display: flex; align-items: end; overflow: hidden; border-radius: .35rem .35rem 0 0; background: #eef2f7; }
.trend-track span[b-v2nhfg6p44] { width: 100%; min-height: 0; display: block; background: linear-gradient(180deg, #2563eb, #0b3566); border-radius: .35rem .35rem 0 0; }
.trend-label[b-v2nhfg6p44] { font-size: .75rem; color: #64748b; }

.analytics-table-wrapper[b-v2nhfg6p44] { overflow-x: auto; }
.analytics-table[b-v2nhfg6p44] { width: 100%; border-collapse: collapse; font-size: .84rem; }
.analytics-table th[b-v2nhfg6p44], .analytics-table td[b-v2nhfg6p44] { padding: .65rem .55rem; border-bottom: 1px solid #e5e7eb; text-align: left; white-space: nowrap; }
.analytics-table th[b-v2nhfg6p44] { color: #475569; font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; }
.analytics-table td:first-child[b-v2nhfg6p44] { max-width: 220px; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }

.compliance-summary[b-v2nhfg6p44] { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 1.5rem; padding: .5rem 0; }
.compliance-ring[b-v2nhfg6p44] { --compliance: 0; width: 132px; height: 132px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient(circle at center, #fff 55%, transparent 57%), conic-gradient(#0891b2 calc(var(--compliance) * 1%), #e5e7eb 0); }
.compliance-ring strong[b-v2nhfg6p44] { font-size: 1.45rem; color: #0f172a; }
.compliance-ring span[b-v2nhfg6p44] { font-size: .75rem; color: #64748b; }
.compliance-details[b-v2nhfg6p44], .import-summary[b-v2nhfg6p44] { display: grid; gap: .75rem; }
.compliance-details div[b-v2nhfg6p44], .import-summary div[b-v2nhfg6p44] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem .8rem; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: .45rem; }
.compliance-details span[b-v2nhfg6p44], .import-summary span[b-v2nhfg6p44] { color: #64748b; font-size: .82rem; }
.compliance-details strong[b-v2nhfg6p44], .import-summary strong[b-v2nhfg6p44] { color: #0f172a; font-size: 1.05rem; }

@media (max-width: 760px) {
    .trend-chart[b-v2nhfg6p44] { gap: .35rem; }
    .compliance-summary[b-v2nhfg6p44] { grid-template-columns: 1fr; justify-items: center; }
    .compliance-details[b-v2nhfg6p44] { width: 100%; }
}


.command-grid[b-v2nhfg6p44] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.75fr);
    gap: 1rem;
}

.attention-badge[b-v2nhfg6p44] {
    color: #9a3412;
    background: #fff7ed;
    border-color: #fed7aa;
}

.attention-clear[b-v2nhfg6p44] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1.25rem;
    color: #166534;
    background: #f0fdf4;
}

.attention-clear span[b-v2nhfg6p44] {
    color: #4b5563;
    font-size: 0.85rem;
}

.attention-list[b-v2nhfg6p44],
.live-feed[b-v2nhfg6p44] {
    max-height: 340px;
    overflow-y: auto;
}

.attention-row[b-v2nhfg6p44],
.feed-row[b-v2nhfg6p44] {
    display: grid;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    color: inherit;
    border-bottom: 1px solid #eef1f5;
    text-decoration: none;
}

.attention-row[b-v2nhfg6p44] {
    grid-template-columns: 10px minmax(0, 1fr) auto;
}

.attention-row:hover[b-v2nhfg6p44],
.feed-row:hover[b-v2nhfg6p44] {
    background: #f8fafc;
}

.attention-severity[b-v2nhfg6p44] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.severity-critical[b-v2nhfg6p44] { background: #dc2626; }
.severity-warning[b-v2nhfg6p44] { background: #d97706; }
.severity-notice[b-v2nhfg6p44] { background: #2563eb; }

.attention-copy[b-v2nhfg6p44],
.feed-copy[b-v2nhfg6p44] {
    min-width: 0;
}

.attention-copy strong[b-v2nhfg6p44],
.attention-copy small[b-v2nhfg6p44],
.feed-copy strong[b-v2nhfg6p44],
.feed-copy small[b-v2nhfg6p44] {
    display: block;
}

.attention-copy strong[b-v2nhfg6p44],
.feed-copy strong[b-v2nhfg6p44] {
    overflow: hidden;
    color: #1f2937;
    font-size: 0.88rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.attention-copy small[b-v2nhfg6p44],
.feed-copy small[b-v2nhfg6p44],
.attention-age[b-v2nhfg6p44],
.feed-row time[b-v2nhfg6p44] {
    color: #667085;
    font-size: 0.76rem;
}

.queue-summary[b-v2nhfg6p44] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.queue-summary a[b-v2nhfg6p44] {
    display: flex;
    min-height: 92px;
    flex-direction: column;
    justify-content: center;
    padding: 0.9rem 1rem;
    color: #475467;
    border-right: 1px solid #eef1f5;
    border-bottom: 1px solid #eef1f5;
    text-decoration: none;
}

.queue-summary a:hover[b-v2nhfg6p44] { background: #f8fafc; }
.queue-summary strong[b-v2nhfg6p44] { margin-top: 0.2rem; color: #101828; font-size: 1.55rem; }
.queue-summary span[b-v2nhfg6p44] { font-size: 0.8rem; font-weight: 700; }

.live-indicator[b-v2nhfg6p44] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #166534;
    font-size: 0.76rem;
    font-weight: 800;
}

.live-indicator span[b-v2nhfg6p44] {
    width: 8px;
    height: 8px;
    background: #22c55e;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.feed-row[b-v2nhfg6p44] {
    grid-template-columns: 32px minmax(0, 1fr) auto;
}

.feed-icon[b-v2nhfg6p44] {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #0b3566;
    background: #edf4fb;
    border: 1px solid #c7d7ea;
    border-radius: 50%;
    font-size: 0.78rem;
    font-weight: 900;
}

.metric-cycle[b-v2nhfg6p44]::before { background: #7c3aed; }
.metric-photo[b-v2nhfg6p44]::before { background: #0891b2; }
.metric-import[b-v2nhfg6p44]::before { background: #2563eb; }
.metric-backlog[b-v2nhfg6p44]::before { background: #ea580c; }

@media (max-width: 1050px) {
    .command-grid[b-v2nhfg6p44] { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .queue-summary[b-v2nhfg6p44] { grid-template-columns: 1fr; }
    .attention-row[b-v2nhfg6p44] { grid-template-columns: 10px minmax(0, 1fr); }
    .attention-age[b-v2nhfg6p44] { display: none; }
}

.dashboard-heading-actions[b-v2nhfg6p44] {
    display: flex;
    align-items: end;
    gap: 0.75rem;
}

.company-filter[b-v2nhfg6p44] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 220px;
    color: #475467;
    font-size: 0.75rem;
    font-weight: 700;
}

.company-filter select[b-v2nhfg6p44] {
    min-height: 40px;
    padding: 0.55rem 2rem 0.55rem 0.7rem;
    color: #101828;
    background: #ffffff;
    border: 1px solid #cfd6e0;
    border-radius: 0.45rem;
}

.metric-intown[b-v2nhfg6p44]::before { background: #2563eb; }
.metric-week[b-v2nhfg6p44]::before { background: #0369a1; }
.metric-month[b-v2nhfg6p44]::before { background: #4338ca; }
.metric-cycle[b-v2nhfg6p44]::before { background: #7c3aed; }
.metric-import[b-v2nhfg6p44]::before { background: #15803d; }
.metric-duplicate[b-v2nhfg6p44]::before { background: #d69a14; }
.metric-error[b-v2nhfg6p44]::before { background: #b42318; }
.metric-backlog[b-v2nhfg6p44]::before { background: #667085; }

.timing-summary[b-v2nhfg6p44],
.import-results[b-v2nhfg6p44] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1rem;
}

.timing-summary > div[b-v2nhfg6p44],
.import-results > div[b-v2nhfg6p44] {
    padding: 0.9rem;
    background: #f8fafc;
    border: 1px solid #e4e7ec;
    border-radius: 0.55rem;
}

.timing-summary span[b-v2nhfg6p44],
.import-results span[b-v2nhfg6p44] {
    display: block;
    color: #667085;
    font-size: 0.76rem;
    font-weight: 700;
}

.timing-summary strong[b-v2nhfg6p44],
.import-results strong[b-v2nhfg6p44] {
    display: block;
    margin-top: 0.3rem;
    color: #101828;
    font-size: 1.35rem;
}

.result-success[b-v2nhfg6p44] { border-left: 4px solid #15803d !important; }
.result-duplicate[b-v2nhfg6p44] { border-left: 4px solid #d69a14 !important; }
.result-error[b-v2nhfg6p44] { border-left: 4px solid #b42318 !important; }

@media (max-width: 900px) {
    .dashboard-heading[b-v2nhfg6p44],
    .dashboard-heading-actions[b-v2nhfg6p44] {
        align-items: stretch;
        flex-direction: column;
    }

    .company-filter[b-v2nhfg6p44] {
        min-width: 0;
    }

    .timing-summary[b-v2nhfg6p44],
    .import-results[b-v2nhfg6p44] {
        grid-template-columns: 1fr;
    }
}

/* RMS-000010C — operational progression layout */
.operations-health[b-v2nhfg6p44] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
    background: #ffffff;
    border: 1px solid #d9dee7;
    border-left-width: 6px;
    border-radius: 0.65rem;
    box-shadow: 0 3px 10px rgba(16, 24, 40, 0.05);
}

.health-icon[b-v2nhfg6p44] {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(22, 163, 74, 0.12);
}

.health-copy[b-v2nhfg6p44] {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: baseline;
    gap: 0.45rem 0.75rem;
    min-width: 0;
}

.health-copy span[b-v2nhfg6p44] {
    color: #475467;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.health-copy strong[b-v2nhfg6p44] {
    color: #101828;
    font-size: 1rem;
}

.health-copy small[b-v2nhfg6p44] {
    overflow: hidden;
    color: #667085;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.health-healthy[b-v2nhfg6p44] { border-left-color: #16a34a; }
.health-healthy .health-icon[b-v2nhfg6p44] { background: #16a34a; box-shadow: 0 0 0 5px rgba(22, 163, 74, 0.12); }
.health-attention[b-v2nhfg6p44] { border-left-color: #d69a14; }
.health-attention .health-icon[b-v2nhfg6p44] { background: #d69a14; box-shadow: 0 0 0 5px rgba(214, 154, 20, 0.14); }
.health-critical[b-v2nhfg6p44] { border-left-color: #dc2626; }
.health-critical .health-icon[b-v2nhfg6p44] { background: #dc2626; box-shadow: 0 0 0 5px rgba(220, 38, 38, 0.12); }

.metric-section[b-v2nhfg6p44] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.metric-section-heading > div[b-v2nhfg6p44],
.live-operations-heading[b-v2nhfg6p44] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.metric-section-heading h2[b-v2nhfg6p44],
.live-operations-heading h2[b-v2nhfg6p44] {
    margin: 0;
    color: #111827;
    font-size: 1rem;
}

.metric-section-heading p[b-v2nhfg6p44],
.live-operations-heading p[b-v2nhfg6p44] {
    margin: 0.12rem 0 0;
    color: #667085;
    font-size: 0.8rem;
}

.section-step[b-v2nhfg6p44] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #0b3566;
    border-radius: 50%;
    font-size: 0.78rem;
    font-weight: 800;
}

.metric-grid-five[b-v2nhfg6p44] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.metric-grid-four[b-v2nhfg6p44] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.metric-stage-time[b-v2nhfg6p44]::before { background: #7c3aed; }
.metric-manager-time[b-v2nhfg6p44]::before { background: #0f766e; }

.live-operations-heading[b-v2nhfg6p44] {
    margin-top: 0.1rem;
}

@media (max-width: 1450px) {
    .metric-grid-five[b-v2nhfg6p44] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1050px) {
    .metric-grid-five[b-v2nhfg6p44],
    .metric-grid-four[b-v2nhfg6p44] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .health-copy[b-v2nhfg6p44] { grid-template-columns: auto auto; }
    .health-copy small[b-v2nhfg6p44] { grid-column: 1 / -1; white-space: normal; }
}

@media (max-width: 700px) {
    .metric-grid-five[b-v2nhfg6p44],
    .metric-grid-four[b-v2nhfg6p44] { grid-template-columns: 1fr; }
}


/* RMS-000015C employee dashboard refinement */
.metric-grid-three[b-v2nhfg6p44] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.employee-work-panel[b-v2nhfg6p44],
.employee-quick-actions[b-v2nhfg6p44] {
    margin-bottom: 1rem;
}

.employee-refresh-action[b-v2nhfg6p44] {
    width: 100%;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1rem;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.employee-refresh-action:hover[b-v2nhfg6p44],
.employee-refresh-action:focus-visible[b-v2nhfg6p44] {
    background: rgba(15, 58, 111, 0.06);
}

@media (max-width: 900px) {
    .metric-grid-three[b-v2nhfg6p44] {
        grid-template-columns: 1fr;
    }
}

/* RMS-000015D compact command-center refinement */
.dashboard-heading-actions[b-v2nhfg6p44] { display:flex; align-items:flex-end; gap:.65rem; flex-wrap:wrap; }
.analytics-action[b-v2nhfg6p44] { min-height:40px; display:inline-flex; align-items:center; justify-content:center; padding:.62rem .9rem; color:#0b3566; background:#fff; border:1px solid #9bb4d1; border-radius:.45rem; font-weight:700; text-decoration:none; }
.analytics-action:hover[b-v2nhfg6p44] { background:#edf4fb; }
.metric-section[b-v2nhfg6p44] { display:flex; flex-direction:column; gap:.45rem; }
.metric-section-heading h2[b-v2nhfg6p44], .live-operations-heading h2[b-v2nhfg6p44] { font-size:1rem; }
.metric-section-heading p[b-v2nhfg6p44], .live-operations-heading p[b-v2nhfg6p44] { margin-top:.1rem; font-size:.75rem; }
.metric-card[b-v2nhfg6p44] { padding:.68rem .85rem; border-radius:.55rem; }
.metric-card strong[b-v2nhfg6p44] { margin:.18rem 0; font-size:1.5rem; }
.metric-label[b-v2nhfg6p44] { font-size:.7rem; }
.metric-detail[b-v2nhfg6p44] { font-size:.72rem; }
.operations-health[b-v2nhfg6p44] { min-height:auto; padding:.65rem .85rem; }
.command-grid .panel-header[b-v2nhfg6p44] { padding:.65rem .8rem; }
.command-grid .panel-header h2[b-v2nhfg6p44] { font-size:.95rem; }
.command-grid .panel-header p[b-v2nhfg6p44] { font-size:.75rem; }
.command-grid .attention-row[b-v2nhfg6p44] { min-height:48px; }
.command-grid .queue-summary a[b-v2nhfg6p44] { min-height:58px; padding:.65rem .8rem; }
.dashboard-actions-panel[b-v2nhfg6p44] { display:flex; justify-content:flex-end; gap:.7rem; flex-wrap:wrap; padding-top:.15rem; }
@media (max-width: 900px) { .dashboard-heading[b-v2nhfg6p44] { align-items:flex-start; } .dashboard-heading-actions[b-v2nhfg6p44] { width:100%; } }
/* /Components/Pages/ImportCenter.razor.rz.scp.css */
.import-center-page[b-5790t42985] { display:grid; gap:1rem; color:#172033; }
.import-center-heading[b-5790t42985] { display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; }
.import-center-heading h1[b-5790t42985] { margin:.15rem 0; font-size:1.7rem; }
.import-center-heading p[b-5790t42985] { margin:0; color:#667085; }
.import-center-eyebrow[b-5790t42985] { font-size:.72rem; font-weight:800; letter-spacing:.09em; color:#0b3566; }
.company-filter[b-5790t42985] { display:grid; gap:.25rem; min-width:15rem; font-size:.75rem; font-weight:700; }
.company-filter select[b-5790t42985] { min-height:2.4rem; border:1px solid #b8c2cf; border-radius:.45rem; padding:.45rem .65rem; background:#fff; }
.import-state[b-5790t42985] { padding:1rem; border:1px solid #cbd5e1; border-radius:.6rem; background:#fff; }
.import-error[b-5790t42985] { border-color:#fecaca; background:#fff1f2; color:#b42318; }
.import-status-strip[b-5790t42985] { display:grid; grid-template-columns:1.15fr repeat(3,1fr); border:1px solid #cbd5e1; border-radius:.7rem; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.05); overflow:hidden; }
.import-status-strip > div[b-5790t42985] { display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:.55rem; padding:.85rem 1rem; border-right:1px solid #e5e7eb; }
.import-status-strip > div:last-child[b-5790t42985] { border-right:0; }
.import-status-strip strong[b-5790t42985] { font-size:1rem; }
.import-status-strip small[b-5790t42985] { grid-column:2; color:#667085; }
.status-dot[b-5790t42985] { width:.7rem; height:.7rem; border-radius:50%; grid-row:1 / span 2; }
.status-dot.running[b-5790t42985] { background:#16a34a; box-shadow:0 0 0 .22rem rgba(22,163,74,.13); }
.status-dot.warning[b-5790t42985] { background:#d69a14; box-shadow:0 0 0 .22rem rgba(214,154,20,.13); }
.import-metric-grid[b-5790t42985] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }
.import-metric[b-5790t42985] { display:grid; gap:.3rem; min-height:7.2rem; padding:1rem; border:1px solid #dbe2ea; border-left:.28rem solid; border-radius:.65rem; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.05); }
.import-metric span[b-5790t42985] { font-size:.72rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.import-metric strong[b-5790t42985] { font-size:1.8rem; line-height:1; }
.import-metric small[b-5790t42985] { color:#667085; }
.import-metric.success[b-5790t42985] { border-left-color:#198754; } .import-metric.duplicate[b-5790t42985] { border-left-color:#d69a14; } .import-metric.error[b-5790t42985] { border-left-color:#dc3545; } .import-metric.total[b-5790t42985] { border-left-color:#0d6efd; }
.import-grid[b-5790t42985] { display:grid; grid-template-columns:1.2fr .8fr; gap:1rem; }
.import-panel[b-5790t42985] { border:1px solid #dbe2ea; border-radius:.7rem; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.05); overflow:hidden; }
.import-panel > header[b-5790t42985] { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.9rem 1rem; border-bottom:1px solid #e5e7eb; }
.import-panel h2[b-5790t42985] { margin:0; font-size:1rem; } .import-panel header p[b-5790t42985] { margin:.2rem 0 0; font-size:.8rem; color:#667085; }
.folder-list[b-5790t42985] { padding:.9rem 1rem; display:grid; gap:.8rem; }
.company-folders[b-5790t42985] { border:1px solid #e5e7eb; border-radius:.55rem; padding:.8rem; }
.company-folders h3[b-5790t42985] { margin:0 0 .6rem; font-size:.9rem; }
.company-folders dl[b-5790t42985] { margin:0; display:grid; gap:.45rem; }
.company-folders dl div[b-5790t42985] { display:grid; grid-template-columns:6rem minmax(0,1fr); gap:.65rem; }
.company-folders dt[b-5790t42985] { font-size:.75rem; color:#667085; } .company-folders dd[b-5790t42985] { margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.78rem; }
.result-bars[b-5790t42985] { padding:1rem; display:grid; gap:.85rem; }
.result-bars > div[b-5790t42985] { display:grid; grid-template-columns:5rem minmax(0,1fr) 2rem; align-items:center; gap:.65rem; font-size:.78rem; }
.result-bars > div > div[b-5790t42985] { height:.55rem; border-radius:999px; background:#eef2f6; overflow:hidden; }
.result-bars i[b-5790t42985] { display:block; height:100%; border-radius:999px; }
.bar-success[b-5790t42985] { background:#198754; } .bar-duplicate[b-5790t42985] { background:#d69a14; } .bar-error[b-5790t42985] { background:#dc3545; }
.live-badge[b-5790t42985] { display:inline-flex; align-items:center; gap:.35rem; font-size:.75rem; font-weight:700; color:#15803d; }
.live-badge span[b-5790t42985] { width:.55rem; height:.55rem; border-radius:50%; background:#22c55e; }
.import-table-wrap[b-5790t42985] { overflow:auto; }
.import-table[b-5790t42985] { width:100%; border-collapse:collapse; font-size:.78rem; }
.import-table th[b-5790t42985], .import-table td[b-5790t42985] { padding:.65rem .75rem; border-bottom:1px solid #e5e7eb; text-align:left; vertical-align:middle; }
.import-table th[b-5790t42985] { position:sticky; top:0; background:#f8fafc; color:#475467; font-size:.7rem; letter-spacing:.04em; text-transform:uppercase; }
.import-table td:nth-child(2)[b-5790t42985], .import-table td:last-child[b-5790t42985] { max-width:18rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.status-badge[b-5790t42985] { display:inline-block; min-width:4.8rem; padding:.25rem .45rem; border-radius:999px; text-align:center; font-size:.7rem; font-weight:800; }
.status-success[b-5790t42985] { background:#dcfce7; color:#166534; } .status-duplicate[b-5790t42985] { background:#fef3c7; color:#92400e; } .status-error[b-5790t42985] { background:#fee2e2; color:#991b1b; }
.panel-empty[b-5790t42985] { padding:1rem; color:#667085; }
@media (max-width:1000px) { .import-metric-grid[b-5790t42985] { grid-template-columns:repeat(2,1fr); } .import-grid[b-5790t42985] { grid-template-columns:1fr; } }
@media (max-width:700px) { .import-center-heading[b-5790t42985] { align-items:stretch; flex-direction:column; } .company-filter[b-5790t42985] { min-width:0; } .import-status-strip[b-5790t42985] { grid-template-columns:1fr 1fr; } .import-status-strip > div[b-5790t42985] { border-bottom:1px solid #e5e7eb; } .import-metric-grid[b-5790t42985] { grid-template-columns:1fr; } }
.import-operation-message[b-5790t42985] { padding:.7rem .9rem; border:1px solid; border-radius:.55rem; font-size:.82rem; font-weight:700; }
.operation-success[b-5790t42985] { border-color:#86efac; background:#f0fdf4; color:#166534; }
.operation-error[b-5790t42985] { border-color:#fecaca; background:#fff1f2; color:#991b1b; }
.import-control-bar[b-5790t42985] { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.8rem 1rem; border:1px solid #cbd5e1; border-radius:.7rem; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.05); }
.import-control-actions[b-5790t42985] { display:flex; flex-wrap:wrap; gap:.55rem; }
.import-action[b-5790t42985] { min-height:2.25rem; padding:.45rem .8rem; border:1px solid #aeb9c7; border-radius:.45rem; background:#fff; color:#243247; font-size:.77rem; font-weight:800; cursor:pointer; }
.import-action:hover:not(:disabled)[b-5790t42985] { background:#f3f6f9; }
.import-action:disabled[b-5790t42985] { opacity:.55; cursor:not-allowed; }
.import-action.primary[b-5790t42985] { border-color:#0b4f91; background:#0b4f91; color:#fff; }
.import-action.warning[b-5790t42985] { border-color:#d69a14; background:#fffaf0; color:#7a5200; }
.import-control-status[b-5790t42985] { display:grid; grid-template-columns:auto auto; align-items:center; column-gap:.5rem; min-width:12rem; }
.import-control-status small[b-5790t42985] { grid-column:2; color:#667085; font-size:.7rem; }
.company-folder-heading[b-5790t42985] { display:flex; justify-content:space-between; align-items:center; gap:.75rem; margin-bottom:.6rem; }
.company-folder-heading h3[b-5790t42985] { margin:0; }
.folder-health[b-5790t42985] { padding:.2rem .5rem; border-radius:999px; font-size:.68rem; font-weight:800; }
.folder-health.healthy[b-5790t42985] { background:#dcfce7; color:#166534; }
.folder-health.attention[b-5790t42985] { background:#fef3c7; color:#92400e; }
.folder-dot[b-5790t42985] { display:inline-block; width:.5rem; height:.5rem; margin-right:.4rem; border-radius:50%; vertical-align:middle; }
.folder-dot.healthy[b-5790t42985] { background:#16a34a; }
.folder-dot.attention[b-5790t42985] { background:#dc3545; }
.company-folders dd b[b-5790t42985] { margin-left:.45rem; color:#475467; font-size:.68rem; font-weight:800; }
.import-log-filters[b-5790t42985] { display:grid; grid-template-columns:11rem minmax(15rem,1fr) auto auto; align-items:end; gap:.65rem; padding:.8rem 1rem; border-bottom:1px solid #e5e7eb; background:#f8fafc; }
.import-log-filters label[b-5790t42985] { display:grid; gap:.25rem; font-size:.7rem; font-weight:800; color:#475467; }
.import-log-filters select[b-5790t42985], .import-log-filters input[b-5790t42985] { min-height:2.25rem; border:1px solid #b8c2cf; border-radius:.4rem; padding:.4rem .6rem; background:#fff; font-size:.78rem; }
.filter-count[b-5790t42985] { align-self:center; color:#667085; font-size:.72rem; font-weight:700; white-space:nowrap; }
@media (max-width:850px) { .import-control-bar[b-5790t42985] { align-items:stretch; flex-direction:column; } .import-control-status[b-5790t42985] { min-width:0; } .import-log-filters[b-5790t42985] { grid-template-columns:1fr 1fr; } }
@media (max-width:600px) { .import-log-filters[b-5790t42985] { grid-template-columns:1fr; } }
/* /Components/Pages/JsonCreator.razor.rz.scp.css */
.json-creator-page[b-sphzuoyt19] {
    display: grid;
    gap: 1rem;
}

.json-creator-heading[b-sphzuoyt19],
.creator-panel[b-sphzuoyt19],
.record-toolbar[b-sphzuoyt19],
.validation-panel[b-sphzuoyt19] {
    background: #fff;
    border: 1px solid #d9e1ea;
    border-radius: .75rem;
}

.json-creator-heading[b-sphzuoyt19] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
}

.json-creator-eyebrow[b-sphzuoyt19] {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    color: #52677d;
}

.json-creator-heading h1[b-sphzuoyt19],
.creator-panel h2[b-sphzuoyt19] {
    margin: .1rem 0;
}

.json-creator-heading p[b-sphzuoyt19],
.creator-panel header p[b-sphzuoyt19] {
    margin: .2rem 0 0;
    color: #607286;
}

.heading-actions[b-sphzuoyt19],
.record-toolbar[b-sphzuoyt19] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.creator-action[b-sphzuoyt19] {
    border: 1px solid #9dadbd;
    background: #f7f9fb;
    color: #1e2f40;
    border-radius: .45rem;
    padding: .5rem .8rem;
    font-weight: 700;
    cursor: pointer;
}

.creator-action.primary[b-sphzuoyt19] {
    background: #0b3566;
    color: #fff;
    border-color: #0b3566;
}

.creator-action.danger[b-sphzuoyt19] {
    color: #8a1f1f;
    border-color: #d9abab;
    background: #fff7f7;
}

.validation-panel[b-sphzuoyt19] {
    padding: .8rem 1rem;
}

.validation-panel.error[b-sphzuoyt19] {
    border-color: #e2a4a4;
    background: #fff5f5;
    color: #762020;
}

.validation-panel.success[b-sphzuoyt19] {
    border-color: #a9ceb4;
    background: #f3fbf5;
    color: #245f34;
}

.validation-panel ul[b-sphzuoyt19] {
    margin: .45rem 0 0 1.25rem;
}

.creator-panel header[b-sphzuoyt19] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: .85rem 1rem;
    border-bottom: 1px solid #e4e9ef;
}

.form-grid[b-sphzuoyt19] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem 1rem;
    padding: 1rem;
}

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

.form-grid label[b-sphzuoyt19] {
    display: grid;
    gap: .28rem;
    font-weight: 700;
    color: #2c3f52;
}

.form-grid label span[b-sphzuoyt19] {
    font-size: .82rem;
}

.form-grid input[b-sphzuoyt19],
.form-grid select[b-sphzuoyt19] {
    width: 100%;
    min-height: 2.35rem;
    border: 1px solid #bac6d2;
    border-radius: .4rem;
    padding: .42rem .55rem;
    background: #fff;
    color: #1b2a39;
}

.form-grid small[b-sphzuoyt19] {
    color: #718294;
    font-weight: 500;
}

.wide-field[b-sphzuoyt19] {
    grid-column: span 2;
}

.checkbox-field[b-sphzuoyt19] {
    display: flex !important;
    align-items: center;
    align-self: end;
    min-height: 2.35rem;
    gap: .45rem !important;
}

.checkbox-field input[b-sphzuoyt19] {
    width: auto;
    min-height: auto;
}

.record-toolbar[b-sphzuoyt19] {
    justify-content: space-between;
    padding: .7rem 1rem;
}

.record-toolbar > div[b-sphzuoyt19] {
    display: flex;
    gap: .6rem;
    align-items: baseline;
}

.record-toolbar span[b-sphzuoyt19] {
    color: #718294;
    font-size: .84rem;
}

.preview-panel pre[b-sphzuoyt19] {
    margin: 0;
    max-height: 34rem;
    overflow: auto;
    padding: 1rem;
    background: #101923;
    color: #f4f7fa;
    border-radius: 0 0 .75rem .75rem;
    white-space: pre-wrap;
}

@media (max-width: 900px) {
    .json-creator-heading[b-sphzuoyt19] {
        display: grid;
    }

    .heading-actions[b-sphzuoyt19] {
        flex-wrap: wrap;
    }

    .form-grid[b-sphzuoyt19],
    .batch-grid[b-sphzuoyt19] {
        grid-template-columns: 1fr;
    }

    .wide-field[b-sphzuoyt19] {
        grid-column: span 1;
    }
}
/* /Components/Pages/PerformanceAnalytics.razor.rz.scp.css */
.operations-dashboard[b-3otu67ppt2] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.dashboard-heading[b-3otu67ppt2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.dashboard-eyebrow[b-3otu67ppt2] {
    margin-bottom: 0.25rem;
    color: #0b3566;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
}

.dashboard-heading h1[b-3otu67ppt2] {
    margin: 0;
    color: #111827;
    font-size: 1.7rem;
}

.dashboard-heading p[b-3otu67ppt2] {
    margin: 0.35rem 0 0;
    color: #667085;
}

.primary-action[b-3otu67ppt2] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1rem;
    color: #ffffff;
    background: #0b3566;
    border: 1px solid #0b3566;
    border-radius: 0.45rem;
    font-weight: 700;
    text-decoration: none;
}

.primary-action:hover[b-3otu67ppt2] {
    background: #061b3a;
}

.dashboard-state[b-3otu67ppt2] {
    padding: 2rem;
    color: #475467;
    background: #ffffff;
    border: 1px solid #d9dee7;
    border-radius: 0.65rem;
    text-align: center;
}

.dashboard-error[b-3otu67ppt2] {
    color: #991b1b;
    background: #fff7f7;
    border-color: #fecaca;
}

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

.metric-card[b-3otu67ppt2] {
    position: relative;
    overflow: hidden;
    min-width: 0;
    padding: 1rem 1.1rem;
    background: #ffffff;
    border: 1px solid #d9dee7;
    border-radius: 0.65rem;
    box-shadow: 0 3px 10px rgba(16, 24, 40, 0.05);
}

.metric-card[b-3otu67ppt2]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
}

.metric-restock[b-3otu67ppt2]::before { background: #15803d; }
.metric-cpo[b-3otu67ppt2]::before { background: #b42318; }
.metric-verification[b-3otu67ppt2]::before { background: #d69a14; }
.metric-completed[b-3otu67ppt2]::before { background: #0b5f9e; }

.metric-label[b-3otu67ppt2],
.metric-detail[b-3otu67ppt2] {
    display: block;
}

.metric-label[b-3otu67ppt2] {
    color: #475467;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.metric-card strong[b-3otu67ppt2] {
    display: block;
    margin: 0.3rem 0;
    color: #101828;
    font-size: 1.85rem;
    line-height: 1;
}

.metric-detail[b-3otu67ppt2] {
    overflow: hidden;
    color: #667085;
    font-size: 0.8rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dashboard-grid[b-3otu67ppt2] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.8fr);
    gap: 1rem;
}

.dashboard-panel[b-3otu67ppt2] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d9dee7;
    border-radius: 0.65rem;
    box-shadow: 0 3px 10px rgba(16, 24, 40, 0.05);
}

.panel-header[b-3otu67ppt2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #e4e7ec;
}

.panel-header h2[b-3otu67ppt2] {
    margin: 0;
    color: #111827;
    font-size: 1.05rem;
}

.panel-header p[b-3otu67ppt2] {
    margin: 0.25rem 0 0;
    color: #667085;
    font-size: 0.82rem;
}

.panel-badge[b-3otu67ppt2],
.assignment-count[b-3otu67ppt2] {
    flex-shrink: 0;
    padding: 0.3rem 0.55rem;
    color: #0b3566;
    background: #edf4fb;
    border: 1px solid #c7d7ea;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 800;
}

.stage-list[b-3otu67ppt2],
.assignment-list[b-3otu67ppt2] {
    padding: 0.75rem 1rem 0.9rem;
}

.stage-row[b-3otu67ppt2] {
    display: grid;
    grid-template-columns: minmax(190px, 1.35fr) minmax(100px, 1fr) 32px;
    align-items: center;
    gap: 0.75rem;
    min-height: 39px;
    border-bottom: 1px solid #eef1f5;
}

.stage-row:last-child[b-3otu67ppt2],
.assignment-row:last-child[b-3otu67ppt2] {
    border-bottom: 0;
}

.stage-name[b-3otu67ppt2] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    color: #344054;
    font-size: 0.84rem;
}

.stage-name span:last-child[b-3otu67ppt2] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.stage-dot[b-3otu67ppt2] {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border-radius: 50%;
}

.stage-red[b-3otu67ppt2] { background: #dc2626; }
.stage-yellow[b-3otu67ppt2] { background: #eab308; }
.stage-green[b-3otu67ppt2] { background: #16a34a; }

.stage-meter[b-3otu67ppt2] {
    height: 8px;
    overflow: hidden;
    background: #edf0f4;
    border-radius: 999px;
}

.stage-meter span[b-3otu67ppt2] {
    display: block;
    height: 100%;
    background: #0b3566;
    border-radius: inherit;
}

.stage-row > strong[b-3otu67ppt2] {
    color: #111827;
    text-align: right;
}

.assignment-row[b-3otu67ppt2] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid #eef1f5;
}

.assignment-row div[b-3otu67ppt2] {
    min-width: 0;
}

.assignment-row strong[b-3otu67ppt2],
.assignment-row span[b-3otu67ppt2] {
    display: block;
}

.assignment-row strong[b-3otu67ppt2] {
    overflow: hidden;
    color: #344054;
    font-size: 0.88rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.assignment-row div span[b-3otu67ppt2] {
    margin-top: 0.2rem;
    color: #667085;
    font-size: 0.76rem;
}

.panel-empty[b-3otu67ppt2] {
    padding: 1.5rem 1rem;
    color: #667085;
    text-align: center;
}

.secondary-link[b-3otu67ppt2] {
    color: #0b3566;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.secondary-link:hover[b-3otu67ppt2] {
    text-decoration: underline;
}

.recent-table-wrapper[b-3otu67ppt2] {
    overflow-x: auto;
}

.recent-table[b-3otu67ppt2] {
    width: 100%;
    border-collapse: collapse;
}

.recent-table th[b-3otu67ppt2],
.recent-table td[b-3otu67ppt2] {
    max-width: 230px;
    padding: 0.65rem 0.8rem;
    overflow: hidden;
    text-align: left;
    border-bottom: 1px solid #e4e7ec;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.recent-table th[b-3otu67ppt2] {
    color: #475467;
    background: #f8fafc;
    font-size: 0.73rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.recent-table td[b-3otu67ppt2] {
    color: #344054;
    font-size: 0.82rem;
}

.recent-table a[b-3otu67ppt2] {
    color: #0b3566;
    font-weight: 700;
}

.status-pill[b-3otu67ppt2] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
}

.status-red[b-3otu67ppt2] { color: #991b1b; background: #fee2e2; border-color: #fecaca; }
.status-yellow[b-3otu67ppt2] { color: #854d0e; background: #fef9c3; border-color: #fde68a; }
.status-green[b-3otu67ppt2] { color: #166534; background: #dcfce7; border-color: #bbf7d0; }
.status-neutral[b-3otu67ppt2] { color: #475467; background: #f2f4f7; border-color: #e4e7ec; }

@media (max-width: 1100px) {
    .metric-grid[b-3otu67ppt2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 700px) {
    .dashboard-heading[b-3otu67ppt2] {
        align-items: stretch;
        flex-direction: column;
    }

    .primary-action[b-3otu67ppt2] {
        width: 100%;
    }

    .metric-grid[b-3otu67ppt2] {
        grid-template-columns: 1fr;
    }

    .stage-row[b-3otu67ppt2] {
        grid-template-columns: minmax(0, 1fr) 32px;
    }

    .stage-meter[b-3otu67ppt2] {
        display: none;
    }
}

.metric-cycle[b-3otu67ppt2] { border-top-color: #7c3aed; }
.metric-photo[b-3otu67ppt2] { border-top-color: #0891b2; }
.metric-import[b-3otu67ppt2] { border-top-color: #2563eb; }
.metric-backlog[b-3otu67ppt2] { border-top-color: #ea580c; }

.trend-chart[b-3otu67ppt2] { min-height: 210px; display: grid; grid-template-columns: repeat(7, minmax(34px, 1fr)); align-items: end; gap: .75rem; padding: 1rem .25rem 0; }
.trend-column[b-3otu67ppt2] { min-width: 0; display: grid; grid-template-rows: 22px 150px 24px; gap: .35rem; align-items: end; text-align: center; }
.trend-value[b-3otu67ppt2] { font-size: .8rem; font-weight: 700; color: #334155; }
.trend-track[b-3otu67ppt2] { height: 150px; display: flex; align-items: end; overflow: hidden; border-radius: .35rem .35rem 0 0; background: #eef2f7; }
.trend-track span[b-3otu67ppt2] { width: 100%; min-height: 0; display: block; background: linear-gradient(180deg, #2563eb, #0b3566); border-radius: .35rem .35rem 0 0; }
.trend-label[b-3otu67ppt2] { font-size: .75rem; color: #64748b; }

.analytics-table-wrapper[b-3otu67ppt2] { overflow-x: auto; }
.analytics-table[b-3otu67ppt2] { width: 100%; border-collapse: collapse; font-size: .84rem; }
.analytics-table th[b-3otu67ppt2], .analytics-table td[b-3otu67ppt2] { padding: .65rem .55rem; border-bottom: 1px solid #e5e7eb; text-align: left; white-space: nowrap; }
.analytics-table th[b-3otu67ppt2] { color: #475569; font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; }
.analytics-table td:first-child[b-3otu67ppt2] { max-width: 220px; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }

.compliance-summary[b-3otu67ppt2] { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 1.5rem; padding: .5rem 0; }
.compliance-ring[b-3otu67ppt2] { --compliance: 0; width: 132px; height: 132px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient(circle at center, #fff 55%, transparent 57%), conic-gradient(#0891b2 calc(var(--compliance) * 1%), #e5e7eb 0); }
.compliance-ring strong[b-3otu67ppt2] { font-size: 1.45rem; color: #0f172a; }
.compliance-ring span[b-3otu67ppt2] { font-size: .75rem; color: #64748b; }
.compliance-details[b-3otu67ppt2], .import-summary[b-3otu67ppt2] { display: grid; gap: .75rem; }
.compliance-details div[b-3otu67ppt2], .import-summary div[b-3otu67ppt2] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem .8rem; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: .45rem; }
.compliance-details span[b-3otu67ppt2], .import-summary span[b-3otu67ppt2] { color: #64748b; font-size: .82rem; }
.compliance-details strong[b-3otu67ppt2], .import-summary strong[b-3otu67ppt2] { color: #0f172a; font-size: 1.05rem; }

@media (max-width: 760px) {
    .trend-chart[b-3otu67ppt2] { gap: .35rem; }
    .compliance-summary[b-3otu67ppt2] { grid-template-columns: 1fr; justify-items: center; }
    .compliance-details[b-3otu67ppt2] { width: 100%; }
}


.command-grid[b-3otu67ppt2] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.75fr);
    gap: 1rem;
}

.attention-badge[b-3otu67ppt2] {
    color: #9a3412;
    background: #fff7ed;
    border-color: #fed7aa;
}

.attention-clear[b-3otu67ppt2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1.25rem;
    color: #166534;
    background: #f0fdf4;
}

.attention-clear span[b-3otu67ppt2] {
    color: #4b5563;
    font-size: 0.85rem;
}

.attention-list[b-3otu67ppt2],
.live-feed[b-3otu67ppt2] {
    max-height: 340px;
    overflow-y: auto;
}

.attention-row[b-3otu67ppt2],
.feed-row[b-3otu67ppt2] {
    display: grid;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    color: inherit;
    border-bottom: 1px solid #eef1f5;
    text-decoration: none;
}

.attention-row[b-3otu67ppt2] {
    grid-template-columns: 10px minmax(0, 1fr) auto;
}

.attention-row:hover[b-3otu67ppt2],
.feed-row:hover[b-3otu67ppt2] {
    background: #f8fafc;
}

.attention-severity[b-3otu67ppt2] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.severity-critical[b-3otu67ppt2] { background: #dc2626; }
.severity-warning[b-3otu67ppt2] { background: #d97706; }
.severity-notice[b-3otu67ppt2] { background: #2563eb; }

.attention-copy[b-3otu67ppt2],
.feed-copy[b-3otu67ppt2] {
    min-width: 0;
}

.attention-copy strong[b-3otu67ppt2],
.attention-copy small[b-3otu67ppt2],
.feed-copy strong[b-3otu67ppt2],
.feed-copy small[b-3otu67ppt2] {
    display: block;
}

.attention-copy strong[b-3otu67ppt2],
.feed-copy strong[b-3otu67ppt2] {
    overflow: hidden;
    color: #1f2937;
    font-size: 0.88rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.attention-copy small[b-3otu67ppt2],
.feed-copy small[b-3otu67ppt2],
.attention-age[b-3otu67ppt2],
.feed-row time[b-3otu67ppt2] {
    color: #667085;
    font-size: 0.76rem;
}

.queue-summary[b-3otu67ppt2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.queue-summary a[b-3otu67ppt2] {
    display: flex;
    min-height: 92px;
    flex-direction: column;
    justify-content: center;
    padding: 0.9rem 1rem;
    color: #475467;
    border-right: 1px solid #eef1f5;
    border-bottom: 1px solid #eef1f5;
    text-decoration: none;
}

.queue-summary a:hover[b-3otu67ppt2] { background: #f8fafc; }
.queue-summary strong[b-3otu67ppt2] { margin-top: 0.2rem; color: #101828; font-size: 1.55rem; }
.queue-summary span[b-3otu67ppt2] { font-size: 0.8rem; font-weight: 700; }

.live-indicator[b-3otu67ppt2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #166534;
    font-size: 0.76rem;
    font-weight: 800;
}

.live-indicator span[b-3otu67ppt2] {
    width: 8px;
    height: 8px;
    background: #22c55e;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.feed-row[b-3otu67ppt2] {
    grid-template-columns: 32px minmax(0, 1fr) auto;
}

.feed-icon[b-3otu67ppt2] {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #0b3566;
    background: #edf4fb;
    border: 1px solid #c7d7ea;
    border-radius: 50%;
    font-size: 0.78rem;
    font-weight: 900;
}

.metric-cycle[b-3otu67ppt2]::before { background: #7c3aed; }
.metric-photo[b-3otu67ppt2]::before { background: #0891b2; }
.metric-import[b-3otu67ppt2]::before { background: #2563eb; }
.metric-backlog[b-3otu67ppt2]::before { background: #ea580c; }

@media (max-width: 1050px) {
    .command-grid[b-3otu67ppt2] { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .queue-summary[b-3otu67ppt2] { grid-template-columns: 1fr; }
    .attention-row[b-3otu67ppt2] { grid-template-columns: 10px minmax(0, 1fr); }
    .attention-age[b-3otu67ppt2] { display: none; }
}

.dashboard-heading-actions[b-3otu67ppt2] {
    display: flex;
    align-items: end;
    gap: 0.75rem;
}

.company-filter[b-3otu67ppt2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 220px;
    color: #475467;
    font-size: 0.75rem;
    font-weight: 700;
}

.company-filter select[b-3otu67ppt2] {
    min-height: 40px;
    padding: 0.55rem 2rem 0.55rem 0.7rem;
    color: #101828;
    background: #ffffff;
    border: 1px solid #cfd6e0;
    border-radius: 0.45rem;
}

.metric-intown[b-3otu67ppt2]::before { background: #2563eb; }
.metric-week[b-3otu67ppt2]::before { background: #0369a1; }
.metric-month[b-3otu67ppt2]::before { background: #4338ca; }
.metric-cycle[b-3otu67ppt2]::before { background: #7c3aed; }
.metric-import[b-3otu67ppt2]::before { background: #15803d; }
.metric-duplicate[b-3otu67ppt2]::before { background: #d69a14; }
.metric-error[b-3otu67ppt2]::before { background: #b42318; }
.metric-backlog[b-3otu67ppt2]::before { background: #667085; }

.timing-summary[b-3otu67ppt2],
.import-results[b-3otu67ppt2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1rem;
}

.timing-summary > div[b-3otu67ppt2],
.import-results > div[b-3otu67ppt2] {
    padding: 0.9rem;
    background: #f8fafc;
    border: 1px solid #e4e7ec;
    border-radius: 0.55rem;
}

.timing-summary span[b-3otu67ppt2],
.import-results span[b-3otu67ppt2] {
    display: block;
    color: #667085;
    font-size: 0.76rem;
    font-weight: 700;
}

.timing-summary strong[b-3otu67ppt2],
.import-results strong[b-3otu67ppt2] {
    display: block;
    margin-top: 0.3rem;
    color: #101828;
    font-size: 1.35rem;
}

.result-success[b-3otu67ppt2] { border-left: 4px solid #15803d !important; }
.result-duplicate[b-3otu67ppt2] { border-left: 4px solid #d69a14 !important; }
.result-error[b-3otu67ppt2] { border-left: 4px solid #b42318 !important; }

@media (max-width: 900px) {
    .dashboard-heading[b-3otu67ppt2],
    .dashboard-heading-actions[b-3otu67ppt2] {
        align-items: stretch;
        flex-direction: column;
    }

    .company-filter[b-3otu67ppt2] {
        min-width: 0;
    }

    .timing-summary[b-3otu67ppt2],
    .import-results[b-3otu67ppt2] {
        grid-template-columns: 1fr;
    }
}

/* RMS-000010C — operational progression layout */
.operations-health[b-3otu67ppt2] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
    background: #ffffff;
    border: 1px solid #d9dee7;
    border-left-width: 6px;
    border-radius: 0.65rem;
    box-shadow: 0 3px 10px rgba(16, 24, 40, 0.05);
}

.health-icon[b-3otu67ppt2] {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(22, 163, 74, 0.12);
}

.health-copy[b-3otu67ppt2] {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: baseline;
    gap: 0.45rem 0.75rem;
    min-width: 0;
}

.health-copy span[b-3otu67ppt2] {
    color: #475467;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.health-copy strong[b-3otu67ppt2] {
    color: #101828;
    font-size: 1rem;
}

.health-copy small[b-3otu67ppt2] {
    overflow: hidden;
    color: #667085;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.health-healthy[b-3otu67ppt2] { border-left-color: #16a34a; }
.health-healthy .health-icon[b-3otu67ppt2] { background: #16a34a; box-shadow: 0 0 0 5px rgba(22, 163, 74, 0.12); }
.health-attention[b-3otu67ppt2] { border-left-color: #d69a14; }
.health-attention .health-icon[b-3otu67ppt2] { background: #d69a14; box-shadow: 0 0 0 5px rgba(214, 154, 20, 0.14); }
.health-critical[b-3otu67ppt2] { border-left-color: #dc2626; }
.health-critical .health-icon[b-3otu67ppt2] { background: #dc2626; box-shadow: 0 0 0 5px rgba(220, 38, 38, 0.12); }

.metric-section[b-3otu67ppt2] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.metric-section-heading > div[b-3otu67ppt2],
.live-operations-heading[b-3otu67ppt2] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.metric-section-heading h2[b-3otu67ppt2],
.live-operations-heading h2[b-3otu67ppt2] {
    margin: 0;
    color: #111827;
    font-size: 1rem;
}

.metric-section-heading p[b-3otu67ppt2],
.live-operations-heading p[b-3otu67ppt2] {
    margin: 0.12rem 0 0;
    color: #667085;
    font-size: 0.8rem;
}

.section-step[b-3otu67ppt2] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #0b3566;
    border-radius: 50%;
    font-size: 0.78rem;
    font-weight: 800;
}

.metric-grid-five[b-3otu67ppt2] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.metric-grid-four[b-3otu67ppt2] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.metric-stage-time[b-3otu67ppt2]::before { background: #7c3aed; }
.metric-manager-time[b-3otu67ppt2]::before { background: #0f766e; }

.live-operations-heading[b-3otu67ppt2] {
    margin-top: 0.1rem;
}

@media (max-width: 1450px) {
    .metric-grid-five[b-3otu67ppt2] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1050px) {
    .metric-grid-five[b-3otu67ppt2],
    .metric-grid-four[b-3otu67ppt2] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .health-copy[b-3otu67ppt2] { grid-template-columns: auto auto; }
    .health-copy small[b-3otu67ppt2] { grid-column: 1 / -1; white-space: normal; }
}

@media (max-width: 700px) {
    .metric-grid-five[b-3otu67ppt2],
    .metric-grid-four[b-3otu67ppt2] { grid-template-columns: 1fr; }
}


/* RMS-000015C employee dashboard refinement */
.metric-grid-three[b-3otu67ppt2] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.employee-work-panel[b-3otu67ppt2],
.employee-quick-actions[b-3otu67ppt2] {
    margin-bottom: 1rem;
}

.employee-refresh-action[b-3otu67ppt2] {
    width: 100%;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1rem;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.employee-refresh-action:hover[b-3otu67ppt2],
.employee-refresh-action:focus-visible[b-3otu67ppt2] {
    background: rgba(15, 58, 111, 0.06);
}

@media (max-width: 900px) {
    .metric-grid-three[b-3otu67ppt2] {
        grid-template-columns: 1fr;
    }
}

.performance-analytics-page .analytics-intro[b-3otu67ppt2] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.85rem; }
.analytics-intro > div[b-3otu67ppt2] { padding:.9rem 1rem; background:#fff; border:1px solid #d9dee7; border-radius:.65rem; }
.analytics-intro strong[b-3otu67ppt2], .analytics-intro span[b-3otu67ppt2] { display:block; }
.analytics-intro strong[b-3otu67ppt2] { color:#101828; font-size:1.45rem; }
.analytics-intro span[b-3otu67ppt2] { margin-top:.2rem; color:#667085; font-size:.78rem; }
@media (max-width: 900px) { .performance-analytics-page .analytics-intro[b-3otu67ppt2] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* /Components/Pages/ProductionReadiness.razor.rz.scp.css */
.readiness-page[b-qo6qflp071] { display: grid; gap: 1rem; }
.page-header span[b-qo6qflp071] { font-size: .75rem; font-weight: 800; letter-spacing: .14em; color: #5d6b7a; }
.page-header h1[b-qo6qflp071] { margin: .25rem 0; }
.page-header p[b-qo6qflp071] { margin: 0; color: #5d6b7a; }
.summary[b-qo6qflp071] { display:flex; justify-content:space-between; align-items:center; gap:1rem; border-radius:14px; padding:1rem 1.25rem; border:1px solid #ccd5df; background:#f7f9fb; }
.summary div[b-qo6qflp071] { display:grid; gap:.15rem; }
.summary span[b-qo6qflp071] { font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
.summary strong[b-qo6qflp071] { font-size:1.35rem; }
.summary.ready[b-qo6qflp071] { background:#eaf8ef; border-color:#75c28d; }
.summary.warning[b-qo6qflp071] { background:#fff8df; border-color:#d5aa36; }
.summary.failed[b-qo6qflp071] { background:#fdecec; border-color:#d46a6a; }
.check-grid[b-qo6qflp071] { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:.8rem; }
.check-card[b-qo6qflp071], .readiness-grid article[b-qo6qflp071] { border:1px solid #d5dde6; border-radius:12px; background:#fff; padding:1rem; box-shadow:0 2px 8px rgba(21,42,64,.06); }
.check-card h2[b-qo6qflp071] { font-size:1rem; margin:0; }
.check-card p[b-qo6qflp071] { color:#5d6b7a; margin:.5rem 0 0; font-size:.9rem; }
.check-title[b-qo6qflp071] { display:flex; align-items:center; gap:.5rem; }
.status-dot[b-qo6qflp071] { width:.65rem; height:.65rem; border-radius:50%; background:#7d8995; }
.check-card.passed .status-dot[b-qo6qflp071] { background:#21864a; }
.check-card.warning .status-dot[b-qo6qflp071] { background:#cc9100; }
.check-card.failed .status-dot[b-qo6qflp071] { background:#c73434; }
.check-card.passed > strong[b-qo6qflp071] { color:#21864a; }
.check-card.warning > strong[b-qo6qflp071] { color:#a46f00; }
.check-card.failed > strong[b-qo6qflp071] { color:#c73434; }
.readiness-grid[b-qo6qflp071] { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:1rem; }
.readiness-grid article:first-child[b-qo6qflp071] { grid-row:span 2; }
.readiness-grid h2[b-qo6qflp071] { margin-top:0; }
.readiness-grid label[b-qo6qflp071] { display:flex; align-items:flex-start; gap:.55rem; margin:.65rem 0; }
.readiness-grid input[b-qo6qflp071] { margin-top:.2rem; }
.readiness-grid li[b-qo6qflp071] { margin:.45rem 0; }
.primary-button[b-qo6qflp071] { border:0; border-radius:8px; padding:.7rem 1rem; font-weight:800; background:#0b4a82; color:white; cursor:pointer; }
.primary-button:disabled[b-qo6qflp071] { opacity:.65; cursor:not-allowed; }
@media (max-width:700px){ .summary[b-qo6qflp071]{align-items:stretch;flex-direction:column}.summary button[b-qo6qflp071]{width:100%} }