/* /Components/Layout/DepartmentList.razor.rz.scp.css */
.dl-grid[b-kiyjv8sjs6] { margin-bottom: 8px; }
.dl-card[b-kiyjv8sjs6] { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; text-align: left; cursor: pointer; border: 1px solid var(--au-line); transition: border-color var(--au-t-fast), box-shadow var(--au-t-fast); }
.dl-card:hover[b-kiyjv8sjs6], .dl-card:focus-visible[b-kiyjv8sjs6] { border-color: var(--au-orange); box-shadow: 0 2px 8px rgba(24, 23, 28, 0.08); }
.dl-name[b-kiyjv8sjs6] { font-weight: 600; font-size: 14px; }
.dl-modules[b-kiyjv8sjs6] { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
/* /Components/Layout/FeedbackWidget.razor.rz.scp.css */
/* QA feedback (ADO #802): bottom right, just above the release badge; the panel unfolds upwards from there. */
.fb-launch[b-vf3gkwcfvn] { position: fixed; right: 14px; bottom: 38px; z-index: 30; display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 999px; border: 1px solid var(--au-line); background: #fff; color: var(--au-ink); font-size: 12px; font-weight: 600; box-shadow: 0 6px 18px -8px rgba(24, 23, 28, .35); cursor: pointer; }
.fb-launch:hover[b-vf3gkwcfvn] { border-color: var(--au-ink-4); }
.fb-launch-dot[b-vf3gkwcfvn] { width: 8px; height: 8px; border-radius: 50%; background: var(--au-orange, #F26B3A); }
.fb-panel[b-vf3gkwcfvn] { position: fixed; right: 14px; bottom: 38px; z-index: 45; width: 420px; max-width: calc(100vw - 28px); max-height: calc(100vh - 60px); display: flex; flex-direction: column; background: #fff; border: 1px solid var(--au-line); border-radius: 14px; box-shadow: 0 24px 60px -20px rgba(24, 23, 28, .45); }
.fb-head[b-vf3gkwcfvn] { display: flex; gap: 12px; justify-content: space-between; align-items: flex-start; padding: 16px 18px 12px; border-bottom: 1px solid var(--au-line-soft, #F1F1F6); }
.fb-title[b-vf3gkwcfvn] { font-size: 15px; font-weight: 600; }
.fb-close[b-vf3gkwcfvn] { border: 0; background: transparent; font-size: 20px; line-height: 1; color: var(--au-ink-3); cursor: pointer; padding: 2px 4px; }
.fb-body[b-vf3gkwcfvn] { padding: 4px 18px 12px; overflow: auto; }
.fb-seg[b-vf3gkwcfvn] { margin-top: 12px; }
.fb-page[b-vf3gkwcfvn] { margin-top: 6px; font-family: var(--au-mono); font-size: 11.5px; color: var(--au-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fb-context[b-vf3gkwcfvn] { margin-top: 12px; font-size: 12px; color: var(--au-ink-2); }
.fb-context summary[b-vf3gkwcfvn] { cursor: pointer; font-weight: 600; }
.fb-context dl[b-vf3gkwcfvn] { display: grid; grid-template-columns: max-content 1fr; gap: 3px 10px; margin: 8px 0 0; }
.fb-context dt[b-vf3gkwcfvn] { color: var(--au-ink-3); }
.fb-context dd[b-vf3gkwcfvn] { margin: 0; overflow-wrap: anywhere; white-space: pre-line; }
.fb-foot[b-vf3gkwcfvn] { padding: 12px 18px; border-top: 1px solid var(--au-line-soft, #F1F1F6); display: flex; justify-content: flex-end; gap: 9px; }
@media (max-width: 600px) { .fb-panel[b-vf3gkwcfvn] { left: 14px; right: 14px; width: auto; } }
.fb-privacy[b-vf3gkwcfvn] { margin: 14px 0 0; font-size: 11.5px; line-height: 1.5; color: var(--au-ink-3); }
.fb-consent[b-vf3gkwcfvn] { display: flex; gap: 8px; align-items: flex-start; margin-top: 10px; font-size: 12px; color: var(--au-ink-2); cursor: pointer; }
.fb-consent input[b-vf3gkwcfvn] { margin-top: 2px; }
.fb-consent a[b-vf3gkwcfvn] { color: var(--au-orange-ink); font-weight: 600; text-decoration: underline; }
/* /Components/Layout/LaunchLayout.razor.rz.scp.css */
/* Compact header of the launch layout: logo and wordmark over the channel's gradient rule. */
.ln-head[b-v5k341c92y] { position: relative; display: flex; align-items: center; height: 56px; padding: 0 20px; background: #fff; box-shadow: 0 1px 3px rgba(24, 23, 28, .06); }
.ln-head[b-v5k341c92y]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 3px; background: var(--au-gradient-rule); }
.ln-main[b-v5k341c92y] { min-height: calc(100vh - 56px); }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-pl6aeg97ec] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-pl6aeg97ec] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ModuleQuote.razor.rz.scp.css */
/* "Get your quote" dialog (ADO #801), the same frame as Module Roadmap's. */
.qr-backdrop[b-ry1ssbbasy] { position: fixed; inset: 0; z-index: 40; background: rgba(24, 23, 28, .38); }
.qr-modal[b-ry1ssbbasy] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 50; width: 520px; max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); overflow: auto; background: #fff; border-radius: 14px; box-shadow: 0 24px 60px -20px rgba(24, 23, 28, .45); }
.qr-modal-head[b-ry1ssbbasy] { padding: 20px 22px 14px; border-bottom: 1px solid var(--au-line-soft, #F1F1F6); }
.qr-modal-title[b-ry1ssbbasy] { font-size: 17px; font-weight: 600; }
.qr-modal-body[b-ry1ssbbasy] { padding: 6px 22px 14px; }
.qr-modal-foot[b-ry1ssbbasy] { padding: 14px 22px; border-top: 1px solid var(--au-line-soft, #F1F1F6); display: flex; justify-content: flex-end; gap: 9px; }
/* /Components/Layout/PendingChangeBar.razor.rz.scp.css */
.pcb[b-s6yg5da4sg] { padding: 14px 18px; margin-bottom: 16px; border-left: 3px solid var(--au-orange); background: var(--au-orange-bg-soft); }
.pcb-head[b-s6yg5da4sg] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pcb-dot[b-s6yg5da4sg] { width: 8px; height: 8px; border-radius: 100px; background: var(--au-orange); flex: none; }
.pcb-text[b-s6yg5da4sg] { flex: 1 1 320px; min-width: 0; }
.pcb-title[b-s6yg5da4sg] { font-size: 13px; font-weight: 600; }
.pcb-sub[b-s6yg5da4sg] { font-size: 11.5px; color: var(--au-ink-2); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pcb-note[b-s6yg5da4sg] { font-size: 11.5px; color: var(--au-ink-2); margin-top: 8px; }
.pcb-diff[b-s6yg5da4sg] { margin-top: 12px; background: #fff; border-radius: 8px; }
.pcb-from[b-s6yg5da4sg] { color: var(--au-ink-3); text-decoration: line-through; }
.pcb-to[b-s6yg5da4sg] { color: var(--au-orange-ink); font-weight: 600; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-80calr0h3p],
.components-reconnect-repeated-attempt-visible[b-80calr0h3p],
.components-reconnect-failed-visible[b-80calr0h3p],
.components-pause-visible[b-80calr0h3p],
.components-resume-failed-visible[b-80calr0h3p],
.components-rejoining-animation[b-80calr0h3p] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-80calr0h3p {
    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/Layout/TenantMark.razor.rz.scp.css */
.tm[b-89jok36cd2] { display: inline-flex; align-items: center; justify-content: center; flex: none; height: var(--tm); border-radius: 8px; overflow: hidden; }
.tm-initials[b-89jok36cd2] { width: var(--tm); color: #fff; font-weight: 600; font-size: calc(var(--tm) * 0.4); letter-spacing: 0.02em; }
/* Logos are drawn for white backgrounds; the frame keeps them readable in the dark theme too. */
.tm-logo[b-89jok36cd2] { min-width: var(--tm); max-width: calc(var(--tm) * 3); padding: 3px; background: #fff; border: 1px solid var(--au-line); }
.tm-logo img[b-89jok36cd2] { height: 100%; width: auto; max-width: 100%; object-fit: contain; display: block; }
/* /Components/Pages/Finance/FinanceDashboardPage.razor.rz.scp.css */
/* Finance dashboard widget bodies (handoff 2026-10-31 widget dashboards §4): the frame is AuWidget's; these fill its body. */
.fd-muted[b-aeswp4s3oh] { color: #8A8993; }
.fd-strong[b-aeswp4s3oh] { font-weight: 600; }
.fd-grow[b-aeswp4s3oh] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fd-good[b-aeswp4s3oh] { color: var(--au-success); font-weight: 600; }
.fd-bad[b-aeswp4s3oh] { color: var(--au-error); font-weight: 600; }
.fd-num[b-aeswp4s3oh] { text-align: right; font-variant-numeric: tabular-nums; }
.fd-key[b-aeswp4s3oh] { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin: 0 5px 0 10px; }
.fd-key:first-child[b-aeswp4s3oh] { margin-left: 0; }

.fd-kpi[b-aeswp4s3oh] { display: flex; align-items: flex-end; gap: 12px; height: 100%; }
.fd-kpi-figure[b-aeswp4s3oh] { flex: 1; min-width: 0; }
.fd-kpi-value[b-aeswp4s3oh] { font-size: 20px; font-weight: 700; letter-spacing: -0.3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.fd-kpi-delta[b-aeswp4s3oh] { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fd-kpi .fd-spark[b-aeswp4s3oh] { width: 32%; height: 34px; flex: none; }
.fd-kpi-tall[b-aeswp4s3oh] { flex-direction: column; align-items: stretch; }
.fd-kpi-tall .fd-kpi-value[b-aeswp4s3oh] { font-size: 28px; }
.fd-kpi-tall .fd-spark[b-aeswp4s3oh] { width: 100%; flex: 1; min-height: 30px; }
@container (max-width: 200px) { .fd-kpi .fd-spark[b-aeswp4s3oh] { display: none; } }

.fd-legend[b-aeswp4s3oh] { font-size: 10.5px; color: #6B6A72; margin-bottom: 4px; }
.fd-bars[b-aeswp4s3oh] { flex: 1; min-height: 0; display: flex; align-items: stretch; gap: 3px; }
.fd-col[b-aeswp4s3oh] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fd-col-bars[b-aeswp4s3oh] { flex: 1; display: flex; align-items: flex-end; gap: 1px; }
.fd-col-bars span[b-aeswp4s3oh] { flex: 1; border-radius: 3px 3px 0 0; min-height: 1px; }
.fd-col-label[b-aeswp4s3oh] { font-size: 9.5px; color: #8A8993; height: 14px; white-space: nowrap; overflow: visible; }
.fd-commission[b-aeswp4s3oh] { display: flex; gap: 3px; height: 8px; margin-top: 4px; }
.fd-commission span[b-aeswp4s3oh] { flex: 1; border-radius: 2px; background: #FF6A00; }

.fd-line[b-aeswp4s3oh] { flex: 1; min-height: 0; width: 100%; }
.fd-line-labels[b-aeswp4s3oh] { display: flex; justify-content: space-between; font-size: 9.5px; color: #8A8993; height: 14px; }

.fd-donut-wrap[b-aeswp4s3oh] { flex: 1; min-height: 0; display: flex; align-items: center; gap: 14px; }
.fd-donut[b-aeswp4s3oh] { width: min(130px, 46%); aspect-ratio: 1; border-radius: 50%; flex: none; -webkit-mask: radial-gradient(circle, transparent 54%, #000 55%); mask: radial-gradient(circle, transparent 54%, #000 55%); }
.fd-donut-legend[b-aeswp4s3oh] { list-style: none; margin: 0; padding: 0; flex: 1; min-width: 0; font-size: 11.5px; }
.fd-donut-legend li[b-aeswp4s3oh] { display: flex; align-items: center; gap: 2px; padding: 3px 0; }

.fd-rank[b-aeswp4s3oh] { padding: 4px 0; font-size: 11.5px; }
.fd-row[b-aeswp4s3oh] { display: flex; align-items: center; gap: 10px; }
.fd-rank-bar[b-aeswp4s3oh] { height: 5px; border-radius: 3px; background: var(--au-line-soft); margin-top: 4px; }
.fd-rank-bar span[b-aeswp4s3oh] { display: block; height: 100%; border-radius: 3px; background: #FF6A00; }

.fd-table[b-aeswp4s3oh] { width: 100%; border-collapse: collapse; font-size: 11.5px; table-layout: fixed; }
.fd-table th[b-aeswp4s3oh] { text-align: left; font-size: 10.5px; font-weight: 600; color: #8A8993; padding: 0 6px 4px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fd-table td[b-aeswp4s3oh] { height: 30px; padding: 0 6px 0 0; border-top: 1px solid var(--au-line-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fd-table th.fd-num[b-aeswp4s3oh], .fd-table td.fd-num[b-aeswp4s3oh] { padding-right: 0; padding-left: 6px; }

.fd-cal[b-aeswp4s3oh] { flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-auto-rows: minmax(0, 1fr); gap: 4px; }
.fd-cal-head[b-aeswp4s3oh] { font-size: 10px; font-weight: 600; color: #8A8993; text-align: center; align-self: end; }
.fd-cal-day[b-aeswp4s3oh] { border: 1px solid transparent; border-radius: 7px; background: #FBFBFD; padding: 3px 5px; text-align: left; font: inherit; display: flex; flex-direction: column; justify-content: space-between; min-height: 0; cursor: pointer; color: var(--au-ink); }
.fd-cal-day:disabled[b-aeswp4s3oh] { cursor: default; }
.fd-cal-num[b-aeswp4s3oh] { font-size: 10.5px; color: #8A8993; }
.fd-cal-amt[b-aeswp4s3oh] { font-size: 11px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fd-ok[b-aeswp4s3oh] { background: #F3FAF6; }
.fd-wait[b-aeswp4s3oh] { background: #F5F8FD; }
.fd-late[b-aeswp4s3oh] { background: #FEF5F5; }
.fd-today[b-aeswp4s3oh] { border-color: #FF6A00; background: #FFF7F0; }
.fd-out[b-aeswp4s3oh] { visibility: hidden; }

/* Edit mode (handoff §6): the dark bar above the grid, the drawers and the confirmations. Desktop only (≥ 960 px). */
.fd-edit-narrow[b-aeswp4s3oh] { display: none; }
@media (max-width: 959px) { .fd-edit-wide[b-aeswp4s3oh] { display: none; } .fd-edit-narrow[b-aeswp4s3oh] { display: inline-flex; } }
.fd-editbar[b-aeswp4s3oh] { position: sticky; top: 8px; z-index: 20; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: #18171C; color: #fff; border-radius: 12px; padding: 10px 14px; margin-bottom: 12px; font-size: 12.5px; }
.fd-editbar-hint[b-aeswp4s3oh] { color: #B0AFA9; font-size: 11.5px; }
.fd-editbar button[b-aeswp4s3oh] { border-radius: 8px; padding: 6px 12px; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.2); background: transparent; color: #fff; }
.fd-editbar .fd-editbar-add[b-aeswp4s3oh] { background: #FF6A00; border-color: #FF6A00; }
.fd-editbar .fd-editbar-done[b-aeswp4s3oh] { background: #fff; color: #18171C; border-color: #fff; }
.fd-editbar button:disabled[b-aeswp4s3oh] { opacity: 0.6; cursor: default; }
.fd-backdrop[b-aeswp4s3oh] { position: fixed; inset: 0; z-index: 60; background: rgba(24, 23, 28, 0.25); }
.fd-drawer[b-aeswp4s3oh] { position: fixed; top: 0; right: 0; bottom: 0; z-index: 61; width: min(400px, 100vw); background: #fff; box-shadow: -18px 0 40px -16px rgba(24, 23, 28, 0.35); padding: 18px; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; }
.fd-drawer-narrow[b-aeswp4s3oh] { width: min(360px, 100vw); }
.fd-drawer-head[b-aeswp4s3oh] { display: flex; align-items: flex-start; gap: 10px; }
.fd-drawer-group[b-aeswp4s3oh] { font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; color: #8A8993; margin-top: 6px; }
.fd-drawer-row[b-aeswp4s3oh] { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--au-line-soft); font-size: 12px; }
.fd-drawer-foot[b-aeswp4s3oh] { display: flex; justify-content: flex-end; gap: 8px; margin-top: auto; padding-top: 12px; }
.fd-placed[b-aeswp4s3oh] { font-size: 10.5px; color: var(--au-success); margin-top: 2px; }
.fd-thumb[b-aeswp4s3oh] { width: 44px; height: 32px; border-radius: 7px; background: #F4F4F7; border: 1px solid var(--au-line); flex: none; position: relative; }
.fd-thumb[b-aeswp4s3oh]::after { content: ""; position: absolute; inset: 8px; border-radius: 3px; }
.fd-thumb-kpi[b-aeswp4s3oh]::after { inset: 10px 18px 10px 6px; background: #FF6A00; }
.fd-thumb-chart[b-aeswp4s3oh]::after { background: linear-gradient(to top, #FFC9A3 0 60%, transparent 60%); }
.fd-thumb-list[b-aeswp4s3oh]::after { background: repeating-linear-gradient(#D9D8E0 0 2px, transparent 2px 6px); }
.fd-thumb-calendar[b-aeswp4s3oh]::after { background: repeating-linear-gradient(90deg, #D9D8E0 0 3px, transparent 3px 6px); }
.fd-dialog[b-aeswp4s3oh] { position: fixed; z-index: 61; left: 50%; top: 30%; transform: translateX(-50%); width: min(420px, calc(100vw - 32px)); background: #fff; border-radius: 14px; box-shadow: 0 18px 40px -16px rgba(24, 23, 28, 0.35); padding: 20px; }

/* Template mode (story #932, handoff §7): the violet banner with the role's start page. */
.fd-template-banner[b-aeswp4s3oh] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; padding: 10px 14px; border-radius: 12px; font-size: 12.5px;
  background: var(--template-banner-bg); border: 1px solid var(--template-banner-line); color: var(--template-banner-ink); font-weight: 600; }
.fd-template-start[b-aeswp4s3oh] { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; cursor: pointer; }
.fd-indev[b-aeswp4s3oh] { font-size: 10.5px; color: var(--partial-ink); margin-top: 2px; }
.fd-sub td:first-child[b-aeswp4s3oh] { padding-left: 18px; font-weight: 400; color: #6B6A72; }
.fd-expand[b-aeswp4s3oh] { border: 0; background: none; padding: 0 4px 0 0; font: inherit; color: #8A8993; cursor: pointer; }
.fd-quote[b-aeswp4s3oh] { font-size: 11.5px; font-weight: 600; }
/* /Components/Pages/Finance/TerminalSummary.razor.rz.scp.css */
.ms-tools[b-iexq62m9eb] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.ms-range[b-iexq62m9eb] { margin-left: 6px; }
.ms-export[b-iexq62m9eb] { display: flex; align-items: center; gap: 6px; }
.ms-kpis[b-iexq62m9eb] { margin-bottom: 16px; }
.ms-cols[b-iexq62m9eb] { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px; margin-bottom: 16px; }
.ms-card[b-iexq62m9eb] { padding: 16px 18px; }
.ms-card-head[b-iexq62m9eb] { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.ms-table-card[b-iexq62m9eb] { padding: 16px 0 0; overflow: hidden; }
.ms-table-card .ms-card-head[b-iexq62m9eb] { padding: 0 18px; }

.ms-brand[b-iexq62m9eb] { display: grid; grid-template-columns: 110px 1fr 40px 100px; gap: 10px; align-items: center; font-size: 12.5px; padding: 5px 0; }
.ms-brand-name[b-iexq62m9eb] { font-weight: 600; }
.ms-bar[b-iexq62m9eb] { height: 8px; background: var(--au-bg-hover); border-radius: 100px; overflow: hidden; }
.ms-bar span[b-iexq62m9eb] { display: block; height: 100%; background: var(--au-orange); border-radius: 100px; }
.ms-brand-n[b-iexq62m9eb] { text-align: right; color: var(--au-ink-2); }
.ms-brand-v[b-iexq62m9eb] { text-align: right; }

.ms-days[b-iexq62m9eb] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; height: 160px; align-items: end; }
.ms-day[b-iexq62m9eb] { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; height: 100%; }
.ms-day-v[b-iexq62m9eb] { font-size: 10px; color: var(--au-ink-3); }
.ms-day-bar[b-iexq62m9eb] { width: 70%; background: var(--au-orange-bg); border-radius: 6px 6px 2px 2px; min-height: 2px; }
.ms-day-on[b-iexq62m9eb] { background: var(--au-orange); }
.ms-day-l[b-iexq62m9eb] { font-size: 11px; color: var(--au-ink-3); }
.ms-day-today[b-iexq62m9eb] { color: var(--au-ink); font-weight: 600; }

.ms-num[b-iexq62m9eb] { text-align: right; white-space: nowrap; }
.ms-neg[b-iexq62m9eb] { color: var(--au-error); }
.ms-strong[b-iexq62m9eb] { font-weight: 600; }
.ms-total td[b-iexq62m9eb] { background: var(--au-bg-subtle); font-weight: 700; }
/* /Components/Pages/FrontOffice/MpdJournal.razor.rz.scp.css */
.mj-tools[b-z7uwwyy04u] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.mj-search[b-z7uwwyy04u] { max-width: 280px; }
.mj-day[b-z7uwwyy04u] { display: flex; align-items: center; gap: 6px; }
.mj-card[b-z7uwwyy04u] { padding: 0; overflow: hidden; }
.mj-head[b-z7uwwyy04u] { padding: 14px 18px; border-bottom: 1px solid var(--au-line-soft); }
.mj-num[b-z7uwwyy04u] { text-align: right; white-space: nowrap; }
.mj-neg[b-z7uwwyy04u] { color: var(--au-error); }
.mj-slow[b-z7uwwyy04u] { color: var(--au-warning); }
.mj-muted[b-z7uwwyy04u] { color: var(--au-ink-3); font-size: 11px; }
.mj-row[b-z7uwwyy04u] { cursor: pointer; }
.mj-row-on[b-z7uwwyy04u] { background: var(--au-orange-bg-soft); }
.mj-empty[b-z7uwwyy04u] { text-align: center; color: var(--au-ink-3); padding: 28px 16px; }
.mj-route[b-z7uwwyy04u] { display: inline-block; font-size: 10.5px; font-weight: 600; padding: 2px 8px; border-radius: 6px; }
.mj-route-lan[b-z7uwwyy04u] { background: var(--au-info-bg); color: var(--au-info); }
.mj-route-cloud[b-z7uwwyy04u] { background: var(--au-purple-bg); color: var(--au-purple-ink); }
.mj-pill[b-z7uwwyy04u] { display: inline-block; font-size: 10.5px; font-weight: 600; padding: 2px 9px; border-radius: 100px; white-space: nowrap; }
.mj-pill-ok[b-z7uwwyy04u] { background: var(--au-success-bg); color: var(--au-success); }
.mj-pill-warn[b-z7uwwyy04u] { background: var(--au-warning-bg); color: var(--au-warning); }
.mj-pill-bad[b-z7uwwyy04u] { background: var(--au-error-bg); color: var(--au-error); }
.mj-pill-muted[b-z7uwwyy04u] { background: var(--au-bg-field); color: var(--au-ink-2); }

.mj-backdrop[b-z7uwwyy04u] { position: fixed; inset: 0; z-index: 40; background: rgba(24, 23, 28, .38); }
.mj-modal[b-z7uwwyy04u] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 50; width: 640px; max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); overflow: auto; background: #fff; border-radius: 14px; box-shadow: 0 24px 60px -20px rgba(24, 23, 28, .45); }
.mj-modal-head[b-z7uwwyy04u] { padding: 20px 22px 14px; border-bottom: 1px solid var(--au-line-soft); }
.mj-modal-title[b-z7uwwyy04u] { font-size: 17px; font-weight: 600; }
.mj-modal-body[b-z7uwwyy04u] { padding: 16px 22px; }
.mj-modal-foot[b-z7uwwyy04u] { padding: 14px 22px; border-top: 1px solid var(--au-line-soft); display: flex; justify-content: flex-end; }
.mj-facts[b-z7uwwyy04u] { display: grid; grid-template-columns: 130px 1fr; gap: 7px 14px; margin: 0 0 16px; font-size: 12.5px; }
.mj-facts dt[b-z7uwwyy04u] { color: var(--au-ink-2); }
.mj-facts dd[b-z7uwwyy04u] { margin: 0; }
.mj-receipts[b-z7uwwyy04u] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.mj-receipt[b-z7uwwyy04u] { border: 1px solid var(--au-line); border-radius: 10px; padding: 10px 12px; }
.mj-receipt-head[b-z7uwwyy04u] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.mj-receipt-text[b-z7uwwyy04u] { margin: 0; font-family: var(--au-mono); font-size: 11px; line-height: 1.45; white-space: pre-wrap; color: var(--au-ink); }
/* Detail from the SMS (contract §3.6): events for everyone, the raw exchanges for 934 staff. */
.mj-detail-head[b-z7uwwyy04u] { margin-top: 16px; }
.mj-events[b-z7uwwyy04u] { margin: 6px 0 0; padding-left: 18px; font-size: 12px; color: var(--au-ink-2); }
.mj-events li[b-z7uwwyy04u] { margin: 2px 0; }
.mj-exchanges[b-z7uwwyy04u] { margin-top: 14px; font-size: 12px; }
.mj-exchanges summary[b-z7uwwyy04u] { cursor: pointer; font-weight: 600; }
.mj-exchange[b-z7uwwyy04u] { margin-top: 10px; }
.mj-exchange .au-mono[b-z7uwwyy04u] { font-size: 11px; color: var(--au-ink-2); }
/* /Components/Pages/Home.razor.rz.scp.css */
.hm-section[b-33awp58pjj] { margin-top: 24px; }
.hm-head[b-33awp58pjj] { margin-bottom: 10px; }
.hm-hint[b-33awp58pjj] { margin: -4px 0 10px; }
.hm-grid[b-33awp58pjj] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.hm-card[b-33awp58pjj] { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; border: 1px solid var(--au-line); min-width: 0; }
.hm-card-head[b-33awp58pjj] { display: flex; align-items: center; gap: 8px; width: 100%; }
.hm-name[b-33awp58pjj] { font-weight: 600; font-size: 14px; color: var(--au-ink); text-decoration: none; }
a.hm-name:hover[b-33awp58pjj], a.hm-name:focus-visible[b-33awp58pjj] { color: var(--au-orange); }
.hm-desc[b-33awp58pjj] { margin: 0; }
.hm-links[b-33awp58pjj] { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 4px; }
.hm-link[b-33awp58pjj] { font-size: var(--au-fs-small); color: var(--au-ink-3); text-decoration: none; }
.hm-link:hover[b-33awp58pjj], .hm-link:focus-visible[b-33awp58pjj] { color: var(--au-orange); text-decoration: underline; }
.hm-pick[b-33awp58pjj] { text-align: left; cursor: pointer; transition: border-color var(--au-t-fast), box-shadow var(--au-t-fast); }
.hm-pick:hover[b-33awp58pjj], .hm-pick:focus-visible[b-33awp58pjj] { border-color: var(--au-orange); box-shadow: 0 2px 8px rgba(24, 23, 28, 0.08); }
.hm-tenant[b-33awp58pjj] { flex-direction: row; align-items: center; gap: 12px; }
.hm-tenant-text[b-33awp58pjj] { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.hm-global[b-33awp58pjj] { display: flex; flex-direction: column; gap: 10px; }
.hm-global-row[b-33awp58pjj] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; }
.hm-global-name[b-33awp58pjj] { font-weight: 600; font-size: 13px; min-width: 160px; display: inline-flex; align-items: center; gap: 8px; }
/* Module icons (story #917): beside the name, never instead of it. */
.hm-card-head[b-33awp58pjj]  .au-module-icon { flex: none; margin: -6px 2px -6px -6px; }
.hm-global-name[b-33awp58pjj]  .au-module-icon { flex: none; margin: -3px 0; }
/* /Components/Pages/Launch.razor.rz.scp.css */
/* Launch URL page (story #610): one card, centred, brand from the channel. */
.ln-page[b-sbetg1fcer] { display: flex; justify-content: center; padding: 28px 16px 60px; }
.ln-card[b-sbetg1fcer] { width: 100%; max-width: 560px; padding: 24px 26px; }
.ln-caption[b-sbetg1fcer] { font-size: 9.5px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; color: var(--au-ink-3); }
.ln-actions[b-sbetg1fcer] { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 18px; }
/* /Components/Pages/Loyalty.razor.rz.scp.css */
/* Loyalty page (story 585, handoff 2026-09-25 section 10). Scoped. */
[b-21rohahm74] .au-crumb { font-size: var(--au-fs-caption); color: var(--au-ink-3); margin-bottom: 6px; }
[b-21rohahm74] .au-pick-row { display: flex; align-items: center; gap: 14px; width: 100%; text-align: left; background: transparent; border: 0; border-bottom: 1px solid var(--au-line-soft); padding: 12px 16px; cursor: pointer; }
[b-21rohahm74] .au-pick-row:hover { background: var(--au-bg-subtle); }
[b-21rohahm74] .ly-filter { display: flex; align-items: center; gap: 14px; padding: 14px 18px; flex-wrap: wrap; }
[b-21rohahm74] .ly-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
[b-21rohahm74] .ly-row3 { display: grid; grid-template-columns: 1.6fr 1fr; gap: 14px; }
[b-21rohahm74] .ly-big { font-size: 34px; font-weight: 700; letter-spacing: -1.5px; margin-top: 8px; line-height: 1.1; }
[b-21rohahm74] .ly-line { display: flex; justify-content: space-between; align-items: baseline; font-size: var(--au-fs-cell); margin-top: 12px; }
[b-21rohahm74] .ly-track { height: 6px; border-radius: 100px; background: var(--au-line-soft); overflow: hidden; margin-top: 6px; }
[b-21rohahm74] .ly-fill { height: 100%; border-radius: 100px; }
[b-21rohahm74] .ly-fill-earn { background: #12B5A6; }
[b-21rohahm74] .ly-fill-redeem { background: #7A5AF8; }
[b-21rohahm74] .ly-fill-orange { background: #FF6A00; }
[b-21rohahm74] .ly-legend { display: flex; gap: 14px; }
[b-21rohahm74] .ly-legend span { display: inline-flex; align-items: center; gap: 6px; }
[b-21rohahm74] .ly-dot { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
[b-21rohahm74] .ly-chart { display: flex; align-items: flex-end; gap: 8px; height: 160px; }
[b-21rohahm74] .ly-col { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100%; }
[b-21rohahm74] .ly-bars { flex: 1; display: flex; align-items: flex-end; gap: 3px; width: 100%; }
[b-21rohahm74] .ly-bar { flex: 1; border-radius: 4px 4px 0 0; min-height: 2px; display: block; }
[b-21rohahm74] .ly-day { font-size: 9.5px; color: var(--au-ink-3); margin-top: 4px; }
@media (max-width: 1100px) { [b-21rohahm74] .ly-grid3 { grid-template-columns: 1fr; } [b-21rohahm74] .ly-row3 { grid-template-columns: 1fr; } }
/* /Components/Pages/Profile.razor.rz.scp.css */
/* Profile (story 579). Scoped so it cannot collide with page styles added elsewhere. */
[b-20606xfmua] .au-kv { display: grid; grid-template-columns: 150px 1fr; gap: 6px 14px; margin: 0; font-size: var(--au-fs-cell); }
[b-20606xfmua] .au-kv dt { color: var(--au-ink-2); }
[b-20606xfmua] .au-kv dd { margin: 0; }
[b-20606xfmua] .au-service { border-top: 1px solid var(--au-line); padding-top: 16px; }
/* /Components/Pages/Settings/Channels.razor.rz.scp.css */
/* Channels (story 594). Scoped. */
[b-uj905q7udc] .ch-tokens { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
[b-uj905q7udc] .ch-swatch { display: inline-block; width: 14px; height: 14px; border-radius: 4px; margin-right: 4px; border: 1px solid var(--au-line); vertical-align: middle; }
[b-uj905q7udc] .ch-preview { border: 1px solid var(--au-line); border-radius: 12px; padding: 14px 16px; background: var(--au-bg-field); }
[b-uj905q7udc] .ch-strip { height: 4px; border-radius: 100px; background: linear-gradient(90deg, var(--p-accent) 0%, var(--p-b2) 42%, var(--p-b3) 72%, var(--p-b4) 100%); }
[b-uj905q7udc] .ch-dot { width: 8px; height: 8px; border-radius: 100px; background: var(--p-accent); display: inline-block; }
[b-uj905q7udc] .ch-nav { background: var(--p-wash); color: var(--p-text); border-radius: 8px; padding: 5px 10px; font-size: 12px; font-weight: 600; }
[b-uj905q7udc] .ch-link { color: var(--p-text); font-size: 12px; font-weight: 600; }
[b-uj905q7udc] .ch-pill { background: var(--p-wash); color: var(--p-text); border-radius: 100px; padding: 2px 9px; font-size: 10px; font-weight: 600; }
[b-uj905q7udc] .ch-dns { display: grid; grid-template-columns: auto auto 1fr auto; gap: 4px 12px; align-items: baseline; font-size: 12px; }
[b-uj905q7udc] .ch-break { word-break: break-all; }
[b-uj905q7udc] .ch-problem { color: var(--au-red, #B42318); }
/* /Components/Pages/Settings/Feedback.razor.rz.scp.css */
/* Global Settings › Feedback (ADO #802). */
.fa-row[b-htktb293zm] { cursor: pointer; }
.fa-row:hover td[b-htktb293zm], .fa-row-open td[b-htktb293zm] { background: var(--au-bg-hover); }
.fa-page[b-htktb293zm] { font-family: var(--au-mono); font-size: 11.5px; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fa-detail > td[b-htktb293zm] { background: var(--au-bg-field, #FAFAFC); padding: 16px 20px 20px; }
.fa-detail-grid[b-htktb293zm] { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 28px; }
.fa-text[b-htktb293zm] { margin: 6px 0 0; white-space: pre-line; overflow-wrap: anywhere; }
.fa-actions[b-htktb293zm] { display: flex; gap: 9px; margin-top: 14px; flex-wrap: wrap; }
.fa-context[b-htktb293zm] { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; margin: 0; font-size: 12px; }
.fa-context dt[b-htktb293zm] { color: var(--au-ink-3); }
.fa-context dd[b-htktb293zm] { margin: 0; overflow-wrap: anywhere; white-space: pre-line; color: var(--au-ink-2); }
@media (max-width: 900px) { .fa-detail-grid[b-htktb293zm] { grid-template-columns: 1fr; } }
.fa-link[b-htktb293zm] { color: var(--au-orange-ink); font-weight: 600; overflow-wrap: anywhere; }
.fa-link:hover[b-htktb293zm] { text-decoration: underline; }
/* /Components/Pages/Settings/JunoImport.razor.rz.scp.css */
.ji-head[b-rfddk4ttkr] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.ji-tenant[b-rfddk4ttkr] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ji-pick[b-rfddk4ttkr] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ji-pick .au-inp[b-rfddk4ttkr] { max-width: 260px; }
.ji-dept[b-rfddk4ttkr] { max-width: 220px; }
.ji-channel[b-rfddk4ttkr] { max-width: 200px; }
.au-cell-actions[b-rfddk4ttkr] { white-space: nowrap; text-align: right; }
/* /Components/Pages/Settings/ModuleReleases.razor.rz.scp.css */
/* Module Releases (design handoff 2026-10-17). Two columns, wrapping under ~900px; accent from the channel tokens. */
.mr-cols[b-pkevfvbg4j] { display: flex; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
.mr-modules[b-pkevfvbg4j] { flex: 0 0 270px; padding: 0; overflow: hidden; }
.mr-main[b-pkevfvbg4j] { flex: 1 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.mr-card-head[b-pkevfvbg4j] { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--au-line-soft, #F1F1F6); }

.mr-module[b-pkevfvbg4j] { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; width: 100%; text-align: left; border: 0; border-left: 3px solid transparent; background: transparent; padding: 11px 15px; cursor: pointer; border-bottom: 1px solid var(--au-line-soft, #F1F1F6); }
.mr-module:hover[b-pkevfvbg4j] { background: var(--au-bg-subtle); }
.mr-module-on[b-pkevfvbg4j] { border-left-color: var(--au-orange); background: var(--au-orange-bg-soft, #FFFBF7); }
.mr-module-name[b-pkevfvbg4j] { font-size: 13px; font-weight: 600; }
.mr-module-ver[b-pkevfvbg4j] { font-size: 12px; color: var(--au-ink-2); text-align: right; }
.mr-module-kind[b-pkevfvbg4j] { font-size: 11px; color: var(--au-ink-3); }
.mr-module .mr-pill[b-pkevfvbg4j] { justify-self: end; }

.mr-head[b-pkevfvbg4j] { display: flex; align-items: flex-start; gap: 14px; flex-wrap: wrap; }
.mr-head > div:first-child[b-pkevfvbg4j] { flex: 1 1 auto; }
.mr-module-title[b-pkevfvbg4j] { font-size: 17px; font-weight: 600; }
.mr-shown[b-pkevfvbg4j] { margin-top: 4px; text-transform: none; letter-spacing: 0; font-size: 11.5px; font-weight: 500; }

.mr-kpis[b-pkevfvbg4j] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; }
.mr-kpi[b-pkevfvbg4j] { padding: 14px 16px; }
.mr-kpi-value[b-pkevfvbg4j] { font-size: 20px; font-weight: 700; margin-top: 6px; }

.mr-row[b-pkevfvbg4j] { display: flex; gap: 16px; align-items: flex-start; flex-wrap: wrap; }
.mr-versions[b-pkevfvbg4j] { flex: 0 0 340px; padding: 0; overflow: hidden; }
.mr-detail[b-pkevfvbg4j] { flex: 1 1 320px; min-width: 0; padding: 0 18px 18px; }
.mr-detail .mr-card-head[b-pkevfvbg4j] { padding-left: 0; padding-right: 0; }
.mr-detail-ver[b-pkevfvbg4j] { font-size: 22px; font-weight: 600; }
.mr-meta[b-pkevfvbg4j] { font-size: 11.5px; color: var(--au-ink-2); margin-top: 8px; }
.mr-actions[b-pkevfvbg4j] { display: flex; gap: 9px; align-items: center; flex-wrap: wrap; margin-top: 14px; }
.mr-notes-head[b-pkevfvbg4j] { display: flex; align-items: center; gap: 8px; margin-top: 18px; padding-bottom: 6px; border-bottom: 1px solid var(--au-line-soft, #F1F1F6); }
.mr-notes[b-pkevfvbg4j] { margin: 10px 0 0; padding-left: 18px; font-size: 12.5px; line-height: 1.6; }
.mr-notes-edit[b-pkevfvbg4j] { margin-top: 10px; width: 100%; box-sizing: border-box; }
.mr-table tbody tr.mr-vrow[b-pkevfvbg4j] { cursor: pointer; }
.mr-table tbody tr.mr-vrow-on[b-pkevfvbg4j] { background: var(--au-orange-bg-soft, #FFFBF7); box-shadow: inset 3px 0 0 var(--au-orange); }
.mr-ver[b-pkevfvbg4j] { font-size: 13px; font-weight: 600; }
.mr-fleet[b-pkevfvbg4j] { padding: 0; overflow: hidden; }

/* pills: status colours never change per brand */
.mr-pill[b-pkevfvbg4j] { display: inline-block; font-size: 10.5px; font-weight: 600; padding: 2px 9px; border-radius: 100px; white-space: nowrap; }
.mr-pill-neutral[b-pkevfvbg4j] { background: #F0EFEC; color: #6B6B67; }
.mr-pill-muted[b-pkevfvbg4j] { color: #9A9994; }
.mr-pill-success[b-pkevfvbg4j] { background: #E6F5EC; color: #2D7A4F; }
.mr-pill-warning[b-pkevfvbg4j] { background: #FEF3E0; color: #B07300; }
.mr-pill-danger[b-pkevfvbg4j] { background: #FDECEC; color: #C03B3B; }
.mr-pill-info[b-pkevfvbg4j] { background: #EBF1FB; color: #2256A6; }

/* modal */
.mr-backdrop[b-pkevfvbg4j] { position: fixed; inset: 0; z-index: 40; background: rgba(24, 23, 28, .38); }
.mr-modal[b-pkevfvbg4j] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 50; width: 560px; max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); overflow: auto; background: #fff; border-radius: 14px; box-shadow: 0 24px 60px -20px rgba(24, 23, 28, .45); }
.mr-modal-head[b-pkevfvbg4j] { padding: 20px 22px 14px; border-bottom: 1px solid var(--au-line-soft, #F1F1F6); }
.mr-modal-body[b-pkevfvbg4j] { padding: 6px 22px 14px; }
.mr-modal-foot[b-pkevfvbg4j] { padding: 14px 22px; border-top: 1px solid var(--au-line-soft, #F1F1F6); display: flex; justify-content: flex-end; gap: 9px; }
.mr-toast[b-pkevfvbg4j] { bottom: 22px; }
/* /Components/Pages/Settings/ModuleRoadmap.razor.rz.scp.css */
/* Module Roadmap (story #761). One table, sections as switches, stage as a segmented control; accent from the channel tokens. */
.rm-kpis[b-72pz2b5kyt] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-top: 16px; }
.rm-kpi[b-72pz2b5kyt] { padding: 14px 16px; }
.rm-kpi-value[b-72pz2b5kyt] { font-size: 20px; font-weight: 700; margin-top: 6px; }

.rm-filters[b-72pz2b5kyt] { display: flex; gap: 8px; flex-wrap: wrap; margin: 16px 0 12px; }
.rm-chip[b-72pz2b5kyt] { border: 1px solid var(--au-line, #E3E3EA); background: #fff; border-radius: 100px; padding: 5px 12px; font-size: 12px; font-weight: 600; color: var(--au-ink-2); cursor: pointer; }
.rm-chip:hover[b-72pz2b5kyt] { background: var(--au-bg-subtle); }
.rm-chip-on[b-72pz2b5kyt] { background: var(--au-ink, #18171C); color: #fff; border-color: var(--au-ink, #18171C); }

.rm-card[b-72pz2b5kyt] { padding: 0; overflow: auto; }
.rm-table[b-72pz2b5kyt] { width: 100%; }
.rm-table th[b-72pz2b5kyt] { white-space: nowrap; }
.rm-th-section[b-72pz2b5kyt] { text-align: center; }
.rm-group td[b-72pz2b5kyt] { background: var(--au-bg-subtle); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--au-ink-3); padding: 8px 16px; }
.rm-row td[b-72pz2b5kyt] { vertical-align: top; padding-top: 12px; padding-bottom: 12px; }
.rm-row-planned td[b-72pz2b5kyt] { opacity: .78; }

.rm-module[b-72pz2b5kyt] { min-width: 220px; }
.rm-name[b-72pz2b5kyt] { border: 0; background: transparent; padding: 0; font: inherit; font-size: 13.5px; font-weight: 600; color: var(--au-ink); text-align: left; cursor: pointer; }
.rm-name:hover:not(:disabled)[b-72pz2b5kyt] { text-decoration: underline dotted; }
.rm-name:disabled[b-72pz2b5kyt] { cursor: default; }
.rm-key[b-72pz2b5kyt] { font-size: 11px; color: var(--au-ink-3); margin-top: 3px; display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.rm-rename[b-72pz2b5kyt] { width: 100%; max-width: 260px; box-sizing: border-box; }
.rm-rename-actions[b-72pz2b5kyt] { display: flex; gap: 6px; margin-top: 6px; }

.rm-seg[b-72pz2b5kyt] { display: inline-flex; border: 1px solid var(--au-line, #E3E3EA); border-radius: 8px; overflow: hidden; }
.rm-seg-btn[b-72pz2b5kyt] { white-space: nowrap; border: 0; background: #fff; padding: 5px 10px; font-size: 11.5px; font-weight: 600; color: var(--au-ink-2); cursor: pointer; border-right: 1px solid var(--au-line, #E3E3EA); }
.rm-seg-btn:last-child[b-72pz2b5kyt] { border-right: 0; }
.rm-seg-btn:hover:not(:disabled)[b-72pz2b5kyt] { background: var(--au-bg-subtle); }
.rm-seg-btn:disabled[b-72pz2b5kyt] { cursor: default; color: var(--au-ink-3); }
.rm-seg-on[b-72pz2b5kyt], .rm-seg-on:disabled[b-72pz2b5kyt] { background: var(--au-orange-bg-soft, #FFFBF7); color: var(--au-orange); }

.rm-td-section[b-72pz2b5kyt] { text-align: center; min-width: 92px; }
.rm-switch[b-72pz2b5kyt] { width: 34px; height: 20px; border-radius: 100px; border: 0; position: relative; padding: 0; cursor: pointer; vertical-align: middle; }
.rm-switch-on[b-72pz2b5kyt] { background: var(--au-teal); }
.rm-switch-off[b-72pz2b5kyt] { background: #E3E3EA; }
.rm-switch:disabled[b-72pz2b5kyt] { cursor: default; opacity: .7; }
.rm-knob[b-72pz2b5kyt] { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 100px; background: #fff; box-shadow: 0 1px 2px rgba(24, 23, 28, .2); }
.rm-switch-on .rm-knob[b-72pz2b5kyt] { left: auto; right: 2px; }
.rm-state[b-72pz2b5kyt] { font-size: 10.5px; font-weight: 600; margin-top: 4px; }
.rm-state-built[b-72pz2b5kyt] { color: #2D7A4F; }
.rm-state-todo[b-72pz2b5kyt] { color: #B07300; }

.rm-kind[b-72pz2b5kyt] { border: 1px solid var(--au-line, #E3E3EA); background: #fff; border-radius: 6px; padding: 4px 9px; font-size: 11.5px; font-weight: 600; color: var(--au-ink-2); cursor: pointer; white-space: nowrap; }
.rm-kind:disabled[b-72pz2b5kyt] { cursor: default; }

.rm-note[b-72pz2b5kyt] { min-width: 200px; max-width: 320px; }
.rm-note-btn[b-72pz2b5kyt] { border: 0; background: transparent; padding: 0; font: inherit; font-size: 12px; color: var(--au-ink-2); text-align: left; cursor: pointer; white-space: pre-wrap; }
.rm-note-btn:disabled[b-72pz2b5kyt] { cursor: default; }
.rm-note-empty[b-72pz2b5kyt] { color: var(--au-ink-3); font-style: italic; }
.rm-note-edit[b-72pz2b5kyt] { width: 100%; box-sizing: border-box; }
.rm-actions[b-72pz2b5kyt] { white-space: nowrap; }
.rm-empty[b-72pz2b5kyt] { text-align: center; color: var(--au-ink-3); padding: 28px 16px; }

.rm-pill[b-72pz2b5kyt] { display: inline-block; font-size: 10px; font-weight: 600; padding: 1px 8px; border-radius: 100px; white-space: nowrap; }
.rm-pill-neutral[b-72pz2b5kyt] { background: #F0EFEC; color: #6B6B67; }

/* modal */
.rm-backdrop[b-72pz2b5kyt] { position: fixed; inset: 0; z-index: 40; background: rgba(24, 23, 28, .38); }
.rm-modal[b-72pz2b5kyt] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 50; width: 520px; max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); overflow: auto; background: #fff; border-radius: 14px; box-shadow: 0 24px 60px -20px rgba(24, 23, 28, .45); }
.rm-modal-head[b-72pz2b5kyt] { padding: 20px 22px 14px; border-bottom: 1px solid var(--au-line-soft, #F1F1F6); }
.rm-modal-title[b-72pz2b5kyt] { font-size: 17px; font-weight: 600; }
.rm-modal-body[b-72pz2b5kyt] { padding: 6px 22px 14px; }
.rm-modal-foot[b-72pz2b5kyt] { padding: 14px 22px; border-top: 1px solid var(--au-line-soft, #F1F1F6); display: flex; justify-content: flex-end; gap: 9px; }
.rm-sections[b-72pz2b5kyt] { display: flex; gap: 14px; flex-wrap: wrap; }
.rm-section-opt[b-72pz2b5kyt] { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; }
.rm-toast[b-72pz2b5kyt] { bottom: 22px; }
/* /Components/Pages/Settings/MyCompany.razor.rz.scp.css */
/* Setup › My Company (story #916); Aurora tokens only. */
.co-grid[b-p67vv4otmv] { display: grid; grid-template-columns: 3fr 2fr; gap: 16px; align-items: start; }
@media (max-width: 1100px) { .co-grid[b-p67vv4otmv] { grid-template-columns: 1fr; } }
.co-kv[b-p67vv4otmv] { display: grid; grid-template-columns: 180px 1fr; gap: 8px 16px; margin: 0; }
.co-kv[b-p67vv4otmv]  dt, .co-kv dt[b-p67vv4otmv] { color: var(--au-ink-3); }
.co-kv[b-p67vv4otmv]  dd, .co-kv dd[b-p67vv4otmv] { margin: 0; }
.co-currency[b-p67vv4otmv] { font-family: ui-monospace, Menlo, monospace; font-size: 28px; font-weight: 700; margin: 4px 0; }
.co-address[b-p67vv4otmv] { padding: 10px 0; border-bottom: 1px solid var(--au-line-soft); }
.co-address:last-child[b-p67vv4otmv] { border-bottom: 0; }
/* /Components/Pages/Settings/ServiceAssignment.razor.rz.scp.css */
/* Service assignment (design handoff 2026-09-27). Brand colours come from the channel tokens, never hard-coded. */
.sa-page[b-3phh87imfo] { padding-bottom: 110px; }

.sa-head[b-3phh87imfo] { display: flex; align-items: flex-start; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; }
.sa-head-text[b-3phh87imfo] { flex: 1 1 420px; min-width: 0; }
.sa-views[b-3phh87imfo] { display: flex; gap: 6px; flex: none; background: #fff; border: 1px solid var(--au-line); border-radius: 10px; padding: 3px; }
.sa-view[b-3phh87imfo] { border: 0; border-radius: 8px; padding: 8px 14px; font-size: 12px; font-weight: 600; min-height: 36px; cursor: pointer; background: transparent; color: var(--au-ink-2); }
.sa-view[aria-selected="true"][b-3phh87imfo] { background: var(--au-orange-bg); color: var(--au-orange-ink); }

.sa-card[b-3phh87imfo] { overflow: hidden; padding: 0; }
.sa-card-head[b-3phh87imfo] { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--au-line-soft, #F1F1F6); flex-wrap: wrap; }
.sa-muted[b-3phh87imfo] { font-size: 11.5px; color: var(--au-ink-2); }
.sa-search[b-3phh87imfo] { width: 260px; min-height: 38px; max-width: 100%; }

.sa-table tbody tr.sa-row[b-3phh87imfo] { cursor: pointer; }
.sa-table tbody tr.sa-row:hover[b-3phh87imfo] { background: var(--au-bg-subtle); }
.sa-table td[b-3phh87imfo] { vertical-align: top; }
.sa-ref[b-3phh87imfo] { font-size: 12px; }
.sa-count[b-3phh87imfo] { font-size: 15px; font-weight: 700; }
.sa-count-total[b-3phh87imfo] { font-size: 11.5px; font-weight: 500; color: var(--au-ink-3); }
.sa-draft[b-3phh87imfo] { font-size: 10.5px; font-weight: 600; color: var(--au-orange-ink); margin-top: 4px; }
.sa-areas[b-3phh87imfo] { display: flex; flex-direction: column; gap: 7px; max-width: 360px; }
.sa-area[b-3phh87imfo] { display: grid; grid-template-columns: 118px minmax(60px, 1fr) 42px; align-items: center; gap: 10px; }
.sa-area-name[b-3phh87imfo] { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--au-ink-2); white-space: nowrap; }
.sa-dot[b-3phh87imfo] { width: 6px; height: 6px; border-radius: 100px; flex: none; display: inline-block; }
.sa-bar[b-3phh87imfo] { display: block; height: 5px; border-radius: 100px; background: var(--au-line-soft, #F1F1F6); overflow: hidden; }
.sa-bar-fill[b-3phh87imfo] { display: block; height: 5px; border-radius: 100px; }
.sa-area-count[b-3phh87imfo] { font-size: 10.5px; color: var(--au-ink-2); text-align: right; }
.sa-off[b-3phh87imfo] { font-size: 11px; color: var(--au-ink-3); margin-top: 9px; }
.sa-manage[b-3phh87imfo] { text-align: right; font-size: 12px; font-weight: 600; color: var(--au-orange-ink); white-space: nowrap; }

/* filter pills: active = ink fill */
.sa-only[b-3phh87imfo] { border: 1px solid var(--au-line); background: #fff; color: var(--au-ink-2); border-radius: 100px; padding: 6px 13px; font-size: 11.5px; font-weight: 600; min-height: 34px; cursor: pointer; }
.sa-only[aria-pressed="true"][b-3phh87imfo] { background: var(--au-ink); border-color: var(--au-ink); color: #fff; }

/* matrix */
.sa-matrix-wrap[b-3phh87imfo] { overflow: auto; max-height: 620px; }
.sa-matrix[b-3phh87imfo] { width: 100%; min-width: 760px; border-collapse: separate; border-spacing: 0; }
.sa-matrix th[b-3phh87imfo] { background: var(--au-bg-head, #FBFBFD); border-bottom: 1px solid var(--au-line); }
.sa-m-corner[b-3phh87imfo] { position: sticky; top: 0; left: 0; z-index: 3; text-align: left; padding: 12px 18px; font-size: 9.5px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--au-ink-3); min-width: 240px; }
.sa-m-dept[b-3phh87imfo] { position: sticky; top: 0; z-index: 2; padding: 10px 12px; text-align: center; min-width: 130px; }
.sa-m-dept-name[b-3phh87imfo] { font-size: 12px; font-weight: 600; color: var(--au-ink); }
.sa-m-dept-count[b-3phh87imfo] { font-size: 10.5px; font-weight: 500; color: var(--au-ink-3); margin-top: 3px; }
.sa-m-first[b-3phh87imfo] { position: sticky; left: 0; z-index: 1; background: #fff; padding: 10px 18px; border-bottom: 1px solid var(--au-line-soft, #F1F1F6); font-size: 12.5px; }
.sa-m-grouphead[b-3phh87imfo] { background: var(--au-bg-group, #F7F7FA); padding: 6px 12px; border-bottom: 1px solid var(--au-line-soft, #F1F1F6); }
.sa-m-first.sa-m-grouphead[b-3phh87imfo] { padding: 9px 18px; }
.sa-m-center[b-3phh87imfo] { text-align: center; padding: 8px 12px; border-bottom: 1px solid var(--au-line-soft, #F1F1F6); }
.sa-m-row:hover td[b-3phh87imfo] { background: var(--au-bg-subtle); }
.sa-m-changed[b-3phh87imfo] { background: #FFF7F0; }
.sa-m-row:hover td.sa-m-changed[b-3phh87imfo] { background: #FFF7F0; }

/* side panel */
.sa-backdrop[b-3phh87imfo] { position: fixed; inset: 0; z-index: 40; background: rgba(24, 23, 28, .28); }
.sa-panel[b-3phh87imfo] { position: fixed; top: 0; right: 0; bottom: 0; z-index: 50; width: 540px; max-width: 100vw; background: #fff; box-shadow: -24px 0 60px -20px rgba(24, 23, 28, .35); display: flex; flex-direction: column; }
.sa-panel-head[b-3phh87imfo] { padding: 20px 22px 16px; border-bottom: 1px solid var(--au-line-soft, #F1F1F6); }
.sa-caption[b-3phh87imfo] { font-size: 9.5px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; color: var(--au-ink-3); }
.sa-panel-title[b-3phh87imfo] { font-size: 17px; font-weight: 600; margin-top: 5px; }
.sa-close[b-3phh87imfo] { flex: none; border: 1px solid var(--au-line); background: #fff; border-radius: 8px; width: 32px; height: 32px; font-size: 13px; color: var(--au-ink-2); cursor: pointer; }
.sa-copy[b-3phh87imfo] { border: 1px solid var(--au-line); background: #fff; border-radius: 8px; padding: 5px 10px; font-size: 11.5px; font-weight: 500; min-height: 30px; cursor: pointer; }
.sa-copy:hover[b-3phh87imfo] { background: var(--au-bg-hover); }
.sa-panel-body[b-3phh87imfo] { flex: 1 1 auto; overflow-y: auto; padding: 6px 22px 20px; }
.sa-nohits[b-3phh87imfo] { padding: 30px 0; font-size: 12.5px; color: var(--au-ink-2); }
.sa-group[b-3phh87imfo] { padding-top: 16px; }
.sa-group-head[b-3phh87imfo] { display: flex; align-items: center; gap: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--au-line-soft, #F1F1F6); }
.sa-group-caption[b-3phh87imfo] { display: inline-flex; align-items: center; gap: 7px; font-size: 9.5px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; color: var(--au-ink-2); }
.sa-item[b-3phh87imfo] { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--au-bg-group, #F7F7FA); font-size: 12.5px; }
.sa-change[b-3phh87imfo] { font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 100px; background: var(--au-orange-bg); color: var(--au-orange-ink); white-space: nowrap; }
.sa-panel-foot[b-3phh87imfo] { padding: 14px 22px; border-top: 1px solid var(--au-line-soft, #F1F1F6); background: var(--au-bg-head, #FBFBFD); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* switches: two variants, teal on, grey off */
.sa-switch[b-3phh87imfo] { width: 38px; height: 22px; border-radius: 100px; border: 0; position: relative; padding: 0; flex: none; cursor: pointer; vertical-align: middle; }
.sa-switch-sm[b-3phh87imfo] { width: 34px; height: 20px; }
.sa-switch-on[b-3phh87imfo] { background: var(--au-teal); }
.sa-switch-off[b-3phh87imfo] { background: #E3E3EA; }
.sa-switch:disabled[b-3phh87imfo] { cursor: default; opacity: .7; }
.sa-knob[b-3phh87imfo] { position: absolute; top: 2px; width: 18px; height: 18px; border-radius: 100px; background: #fff; box-shadow: 0 1px 2px rgba(24, 23, 28, .2); }
.sa-switch-sm .sa-knob[b-3phh87imfo] { width: 16px; height: 16px; }
.sa-switch-on .sa-knob[b-3phh87imfo] { right: 2px; }
.sa-switch-off .sa-knob[b-3phh87imfo] { left: 2px; }

/* save bar and toast */
.sa-savebar[b-3phh87imfo], .sa-toast[b-3phh87imfo] { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 60; background: var(--au-ink); color: #fff; border-radius: 12px; box-shadow: 0 18px 40px -16px rgba(24, 23, 28, .55); max-width: calc(100vw - 32px); }
.sa-savebar[b-3phh87imfo] { display: flex; align-items: center; gap: 14px; padding: 10px 12px 10px 18px; font-size: 12.5px; flex-wrap: wrap; }
.sa-toast[b-3phh87imfo] { padding: 12px 18px; font-size: 12.5px; z-index: 61; }
.sa-discard[b-3phh87imfo] { border: 0; background: transparent; color: var(--au-ink-3); font-size: 12px; font-weight: 600; padding: 8px 10px; min-height: 36px; cursor: pointer; }
.sa-save[b-3phh87imfo] { border: 0; background: var(--au-orange); color: #fff; border-radius: 9px; font-size: 12px; font-weight: 600; padding: 8px 16px; min-height: 36px; cursor: pointer; }
.sa-save:disabled[b-3phh87imfo], .sa-discard:disabled[b-3phh87imfo] { opacity: .6; cursor: default; }

/* module in pilot (Module Roadmap, D-86) */
.sa-pilot[b-3phh87imfo] { display: inline-block; margin-left: 8px; font-size: 10px; font-weight: 600; padding: 1px 7px; border-radius: 100px; background: #FEF3E0; color: #B07300; vertical-align: middle; }
/* /Components/Pages/Settings/ServicesInUse.razor.rz.scp.css */
/* Services in Use (934 staff). One list of services by area; a row opens the tenants and departments that use it. */
.su-kpis[b-9pt3s0ohmw] { margin-top: 16px; }
.su-tools[b-9pt3s0ohmw] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 16px 0 12px; }
.su-search[b-9pt3s0ohmw] { width: 280px; max-width: 100%; }

.su-card[b-9pt3s0ohmw] { padding: 0; overflow: hidden; }
.su-group[b-9pt3s0ohmw] { display: flex; align-items: center; gap: 8px; background: var(--au-bg-subtle); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--au-ink-3); padding: 8px 16px; }
.su-dot[b-9pt3s0ohmw] { width: 7px; height: 7px; border-radius: 50%; }

.su-row[b-9pt3s0ohmw] { display: grid; grid-template-columns: 18px 1fr auto; gap: 8px; align-items: center; width: 100%; border: 0; border-top: 1px solid var(--au-line, #E3E3EA); background: #fff; padding: 12px 16px; font: inherit; text-align: left; cursor: pointer; }
.su-row:hover:not(:disabled)[b-9pt3s0ohmw] { background: var(--au-bg-subtle); }
.su-row:disabled[b-9pt3s0ohmw] { cursor: default; }
.su-chev[b-9pt3s0ohmw] { color: var(--au-ink-3); font-size: 12px; }
.su-name[b-9pt3s0ohmw] { display: inline-flex; gap: 8px; align-items: center; font-size: 13.5px; font-weight: 600; color: var(--au-ink); }
.su-count[b-9pt3s0ohmw] { font-size: 12.5px; color: var(--au-ink-2); white-space: nowrap; }

.su-tenants[b-9pt3s0ohmw] { padding: 4px 16px 12px 42px; background: #fff; }
.su-tenant[b-9pt3s0ohmw] { padding: 8px 0; border-top: 1px dashed var(--au-line, #E3E3EA); }
.su-tenant:first-child[b-9pt3s0ohmw] { border-top: 0; }
.su-tenant-head[b-9pt3s0ohmw] { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
.su-tenant-name[b-9pt3s0ohmw] { font-weight: 600; font-size: 13px; color: var(--au-ink); text-decoration: none; }
.su-tenant-name:hover[b-9pt3s0ohmw] { text-decoration: underline; }
.su-of[b-9pt3s0ohmw] { margin-left: auto; }
.su-depts[b-9pt3s0ohmw] { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.su-dept[b-9pt3s0ohmw] { border: 1px solid var(--au-line, #E3E3EA); border-radius: 100px; padding: 3px 10px; font-size: 12px; color: var(--au-ink-2); text-decoration: none; background: #fff; }
.su-dept:hover[b-9pt3s0ohmw] { background: var(--au-bg-subtle); color: var(--au-ink); }

@media (max-width: 640px) {
    .su-row[b-9pt3s0ohmw] { grid-template-columns: 18px 1fr; }
    .su-count[b-9pt3s0ohmw] { grid-column: 2; white-space: normal; }
    .su-tenants[b-9pt3s0ohmw] { padding-left: 16px; }
    .su-of[b-9pt3s0ohmw] { margin-left: 0; }
}
/* /Components/Pages/Settlement/BookingDigestPanel.razor.rz.scp.css */
/* Daily booking e-mail (ADO 942, brief §3, §4). */
.bd-form[b-ocxdkj9sx6] { border: 0; padding: 0; margin: 0; min-width: 0; }
.bd-row[b-ocxdkj9sx6] { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-end; }
.bd-row label[b-ocxdkj9sx6], .bd-row > div[b-ocxdkj9sx6] { display: flex; flex-direction: column; gap: 4px; }
.bd-check[b-ocxdkj9sx6] { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 6px; font-size: 12.5px; cursor: pointer; margin-right: 12px; }
.bd-chips[b-ocxdkj9sx6] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 4px; }
.bd-chip[b-ocxdkj9sx6] { display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--au-line); border-radius: 100px; padding: 3px 4px 3px 10px; font-size: 12px; background: #fff; }
.bd-chip:not(:has(.bd-chip-x))[b-ocxdkj9sx6] { padding-right: 10px; }
.bd-chip-off[b-ocxdkj9sx6] { border-style: dashed; color: #8A8993; }
.bd-chip-x[b-ocxdkj9sx6] { border: 0; background: none; cursor: pointer; color: #8A8993; font-size: 13px; line-height: 1; padding: 0 4px; }
.bd-add[b-ocxdkj9sx6] { width: 220px; }
.bd-actions[b-ocxdkj9sx6] { display: flex; align-items: center; gap: 8px; }
.bd-backdrop[b-ocxdkj9sx6] { position: fixed; inset: 0; z-index: 60; background: rgba(24, 23, 28, 0.25); }
.bd-backdrop-top[b-ocxdkj9sx6] { z-index: 62; }
.bd-dialog[b-ocxdkj9sx6] { position: fixed; z-index: 61; left: 50%; top: 18%; transform: translateX(-50%); width: min(480px, calc(100vw - 32px)); background: #fff; border-radius: 14px;
  box-shadow: 0 18px 40px -16px rgba(24, 23, 28, 0.35); padding: 20px; display: flex; flex-direction: column; }
.bd-dialog-foot[b-ocxdkj9sx6] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
.bd-preview[b-ocxdkj9sx6] { z-index: 63; top: 4vh; width: min(900px, calc(100vw - 32px)); height: 88vh; gap: 10px; }
.bd-frame[b-ocxdkj9sx6] { flex: 1; width: 100%; border: 1px solid var(--au-line); border-radius: 8px; background: #fff; }
/* /Components/Pages/Settlement/SettlementFrame.razor.rz.scp.css */
/* Settlement module pages (epic #788): shared layout bits; Aurora tokens only. */
.st-page[b-ss5v8y2nso]  .au-crumb { font-size: var(--au-fs-caption); color: var(--au-ink-3); margin-bottom: 6px; }
.st-page[b-ss5v8y2nso]  .au-pick-row { display: flex; align-items: center; gap: 14px; width: 100%; text-align: left; background: transparent; border: 0; border-bottom: 1px solid var(--au-line-soft); padding: 12px 16px; cursor: pointer; }
.st-page[b-ss5v8y2nso]  .au-pick-row:hover { background: var(--au-bg-subtle); }
.st-page[b-ss5v8y2nso]  .au-chip { display: inline-flex; align-items: center; gap: 6px; margin: 0 8px 6px 0; }
.st-page[b-ss5v8y2nso]  .st-picks { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.st-page[b-ss5v8y2nso]  .st-detail { background: var(--au-bg-subtle); }
.st-page[b-ss5v8y2nso]  .st-kv { display: grid; grid-template-columns: 200px 1fr; gap: 6px 16px; }
.st-page[b-ss5v8y2nso]  .st-payout { border-top: 1px solid var(--au-line-soft); }
.st-page[b-ss5v8y2nso]  .st-payout-seg { display: inline-flex; margin-top: 10px; }
.st-page[b-ss5v8y2nso]  .st-preview td { padding: 4px 8px; }
.st-page[b-ss5v8y2nso]  .st-delay { max-width: 120px; }
.st-page[b-ss5v8y2nso]  .st-send { gap: 10px; align-items: center; }
.st-page[b-ss5v8y2nso]  .st-pick { width: 32px; text-align: center; }
.st-page[b-ss5v8y2nso]  .st-rcpt { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; white-space: nowrap; }
.st-page[b-ss5v8y2nso]  .st-rcpt-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; }
.st-page[b-ss5v8y2nso]  .st-rcpt-form .au-inp { width: 100%; margin-top: 4px; }
.st-page[b-ss5v8y2nso]  .st-blocked td:not(.st-pick) { color: var(--au-ink-3); }
.st-page[b-ss5v8y2nso]  .st-num { text-align: right; font-family: ui-monospace, Menlo, monospace; white-space: nowrap; }
.st-page[b-ss5v8y2nso]  .st-bad { color: var(--au-error); }
.st-page[b-ss5v8y2nso]  .st-good { color: var(--au-success); }
.st-page[b-ss5v8y2nso]  .st-cols { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; align-items: start; }
@media (max-width: 1100px) { .st-page[b-ss5v8y2nso]  .st-cols { grid-template-columns: 1fr; } }
.st-page[b-ss5v8y2nso]  .st-cal { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.st-page[b-ss5v8y2nso]  .st-cal-head { font-size: 9.5px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--au-ink-3); padding: 0 4px; }
.st-page[b-ss5v8y2nso]  .st-cal-day { min-height: 78px; border: 1px solid var(--au-line-soft); border-radius: 10px; padding: 6px 8px; display: flex; flex-direction: column; gap: 3px; background: transparent; text-align: left; cursor: default; }
.st-page[b-ss5v8y2nso]  .st-cal-day.st-has { cursor: pointer; }
.st-page[b-ss5v8y2nso]  .st-cal-day.st-ok { background: #E6F5EC; border-color: #cfe9da; }
.st-page[b-ss5v8y2nso]  .st-cal-day.st-wait { background: #EBF1FB; border-color: #d6e2f6; }
.st-page[b-ss5v8y2nso]  .st-cal-day.st-late { background: #FDECEC; border-color: #f6d3d3; }
.st-page[b-ss5v8y2nso]  .st-cal-day.st-today { outline: 2px solid var(--au-accent, #FF6A00); outline-offset: -2px; }
.st-page[b-ss5v8y2nso]  .st-cal-day.st-out { visibility: hidden; }
.st-page[b-ss5v8y2nso]  .st-cal-num { font-size: 11px; color: var(--au-ink-3); }
.st-page[b-ss5v8y2nso]  .st-cal-amt { font-family: ui-monospace, Menlo, monospace; font-size: 12px; font-weight: 600; }
.st-page[b-ss5v8y2nso]  .st-cal-sub { font-size: 10.5px; color: var(--au-ink-2); }
.st-page[b-ss5v8y2nso]  .st-att { display: flex; gap: 10px; align-items: flex-start; padding: 12px 16px; border-bottom: 1px solid var(--au-line-soft); }
.st-page[b-ss5v8y2nso]  .st-att:last-child { border-bottom: 0; }
.st-page[b-ss5v8y2nso]  .st-cols-even { grid-template-columns: 3fr 2fr; }
.st-page[b-ss5v8y2nso]  .st-dash-filters .au-inp { width: auto; min-width: 150px; }
.st-page[b-ss5v8y2nso]  .st-kpi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.st-page[b-ss5v8y2nso]  .st-kpi { padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.st-page[b-ss5v8y2nso]  .st-kpi-value { font-family: ui-monospace, Menlo, monospace; font-size: 20px; font-weight: 700; color: var(--au-ink); }
.st-page[b-ss5v8y2nso]  .st-warn { color: #B07300; }
.st-page[b-ss5v8y2nso]  .st-chart { position: relative; display: flex; align-items: stretch; gap: 3px; height: 200px; }
.st-page[b-ss5v8y2nso]  .st-chart-msc { height: 160px; }
.st-page[b-ss5v8y2nso]  .st-chart-col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; }
.st-page[b-ss5v8y2nso]  .st-chart-bars { position: relative; flex: 1; display: flex; align-items: flex-end; justify-content: center; gap: 1px; }
.st-page[b-ss5v8y2nso]  .st-chart-bars > span { display: block; width: 45%; max-width: 14px; border-radius: 2px 2px 0 0; }
.st-page[b-ss5v8y2nso]  .st-chart-gross { background: #F9C9A4; }
.st-page[b-ss5v8y2nso]  .st-chart-net { background: var(--au-accent, #FF6A00); }
.st-page[b-ss5v8y2nso]  .st-chart-msc .st-chart-bars > span { width: 70%; max-width: 22px; }
.st-page[b-ss5v8y2nso]  .st-chart-hot { background: #F0A93B; }
.st-page[b-ss5v8y2nso]  .st-chart-bars > .st-chart-dot { position: absolute; left: 50%; width: 6px; height: 6px; margin: 0 0 -3px -3px; border-radius: 50%; background: var(--au-ink); }
.st-page[b-ss5v8y2nso]  .st-chart-label { height: 18px; font-size: 10px; color: var(--au-ink-3); text-align: center; white-space: nowrap; overflow: visible; }
.st-page[b-ss5v8y2nso]  .st-chart-avg { position: absolute; left: 0; right: 0; border-top: 1.5px dashed var(--au-ink); opacity: .55; z-index: 1; pointer-events: none; }
.st-page[b-ss5v8y2nso]  .st-key { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin: 0 4px 0 10px; vertical-align: -1px; }
.st-page[b-ss5v8y2nso]  .st-key-gross { background: #F9C9A4; }
.st-page[b-ss5v8y2nso]  .st-key-net { background: var(--au-accent, #FF6A00); }
.st-page[b-ss5v8y2nso]  .st-key-dot { background: var(--au-ink); border-radius: 50%; width: 7px; height: 7px; }
.st-page[b-ss5v8y2nso]  .st-donuts { display: flex; gap: 24px; }
.st-page[b-ss5v8y2nso]  .st-donuts > div { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.st-page[b-ss5v8y2nso]  .st-donut { width: 120px; height: 120px; border-radius: 50%; -webkit-mask: radial-gradient(circle, transparent 36px, #000 37px); mask: radial-gradient(circle, transparent 36px, #000 37px); }
.st-page[b-ss5v8y2nso]  .st-swatch { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 8px; }
.st-page[b-ss5v8y2nso]  .st-dearer td { background: #FEF3E0; }
.st-page[b-ss5v8y2nso]  .st-sub td { font-size: 13px; color: var(--au-text-secondary, #5B6472); }
.st-page[b-ss5v8y2nso]  .st-sub td:first-child { padding-left: 40px; }
.st-page[b-ss5v8y2nso]  .st-expand { border: 0; background: none; padding: 0 6px 0 0; cursor: pointer; color: inherit; font: inherit; width: 18px; }
.st-page[b-ss5v8y2nso]  .st-rank { padding: 8px 0; border-bottom: 1px solid var(--au-line-soft); }
.st-page[b-ss5v8y2nso]  .st-rank:last-child { border-bottom: 0; }
.st-page[b-ss5v8y2nso]  .st-rank-row { display: flex; align-items: center; gap: 12px; }
.st-page[b-ss5v8y2nso]  .st-rank .st-bar { margin-top: 6px; }
.st-page[b-ss5v8y2nso]  .st-strip { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.st-page[b-ss5v8y2nso]  .st-strip-day { border: 1px solid var(--au-line-soft); border-radius: 10px; padding: 8px; display: flex; flex-direction: column; gap: 3px; min-height: 72px; }
.st-page[b-ss5v8y2nso]  .st-strip-day.st-has { background: #EBF1FB; border-color: #d6e2f6; }
@media (max-width: 1100px) { .st-page[b-ss5v8y2nso]  .st-strip { grid-template-columns: repeat(4, 1fr); } .st-page[b-ss5v8y2nso]  .st-cols-even { grid-template-columns: 1fr; } }
.st-page[b-ss5v8y2nso]  .st-bar { height: 6px; border-radius: 3px; background: var(--au-line-soft); position: relative; min-width: 80px; }
.st-page[b-ss5v8y2nso]  .st-bar > span { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; background: var(--au-accent, #FF6A00); }
.st-page[b-ss5v8y2nso]  .st-bar.st-bar-ink > span { background: var(--au-ink-3); }
/* /Components/Pages/TenantSettings/Gateway.razor.rz.scp.css */
/* Juno Gateway service page (story 580, handoff 2026-09-22). Scoped to the page. */
[b-74721rbqdo] .au-crumb { font-size: var(--au-fs-caption); color: var(--au-ink-3); margin-bottom: 6px; }
[b-74721rbqdo] .au-pick-row { display: flex; align-items: center; gap: 14px; width: 100%; text-align: left; background: transparent; border: 0; border-bottom: 1px solid var(--au-line-soft); padding: 12px 16px; cursor: pointer; }
[b-74721rbqdo] .au-pick-row:hover { background: var(--au-bg-subtle); }
[b-74721rbqdo] .au-link { background: none; border: 0; padding: 0; color: var(--au-orange-deep, #C2560A); font-size: var(--au-fs-small); font-weight: 600; cursor: pointer; }
[b-74721rbqdo] .gw-band { display: flex; align-items: flex-start; gap: 12px; padding: 14px 18px; border: 1px solid var(--au-line); border-radius: 12px; background: var(--au-bg-field); margin-top: 8px; }
[b-74721rbqdo] .gw-dot { width: 10px; height: 10px; border-radius: 100px; margin-top: 5px; flex: none; }
[b-74721rbqdo] .gw-band-ok .gw-dot { background: #12B5A6; }
[b-74721rbqdo] .gw-band-bad .gw-dot { background: #E06B6B; }
[b-74721rbqdo] .gw-band-title { font-size: 17px; font-weight: 600; }
[b-74721rbqdo] .gw-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 14px; }
[b-74721rbqdo] .gw-kpi-value { font-size: 44px; font-weight: 700; letter-spacing: -2px; margin-top: 8px; }
[b-74721rbqdo] .gw-bar { height: 8px; background: var(--au-line-soft); border-radius: 100px; overflow: hidden; margin-top: 8px; }
[b-74721rbqdo] .gw-bar-thin { height: 5px; margin-top: 5px; }
[b-74721rbqdo] .gw-bar-fill { height: 100%; background: #12B5A6; border-radius: 100px; }
[b-74721rbqdo] .gw-bar-juno { background: #E06B6B; }
[b-74721rbqdo] .gw-bar-card { background: #F0A93B; }
[b-74721rbqdo] .gw-reason { padding: 9px 0; border-bottom: 1px solid var(--au-line-soft); }
[b-74721rbqdo] .gw-reason:last-child { border-bottom: 0; }
[b-74721rbqdo] .gw-setting { display: flex; gap: 18px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--au-line-soft); }
[b-74721rbqdo] .gw-setting:last-child { border-bottom: 0; }
[b-74721rbqdo] .gw-setting-text { flex: 1; min-width: 0; }
[b-74721rbqdo] .gw-setting-value { flex: none; width: 300px; }
[b-74721rbqdo] .gw-value { justify-content: space-between; font-family: var(--au-mono); }
[b-74721rbqdo] .gw-activity { display: flex; gap: 14px; align-items: flex-start; padding: 12px 16px; border-bottom: 1px solid var(--au-line-soft); }
[b-74721rbqdo] .gw-activity-when { flex: none; width: 110px; }
@media (max-width: 860px) { [b-74721rbqdo] .gw-setting { flex-direction: column; } [b-74721rbqdo] .gw-setting-value { width: 100%; } }

/* Add forms and copy panel (story #888) */
.gw-form[b-74721rbqdo] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px 14px; }
.gw-source[b-74721rbqdo] { display: flex; gap: 8px; align-items: baseline; width: 100%; padding: 8px 10px; border: 0; border-top: 1px solid var(--au-line); background: transparent; text-align: left; cursor: pointer; }
.gw-source:hover[b-74721rbqdo] { background: var(--au-bg-page); }
.gw-copy-row[b-74721rbqdo] { display: flex; gap: 10px; align-items: baseline; padding: 6px 0; border-top: 1px solid var(--au-line); }
.gw-thumb[b-74721rbqdo] { word-break: break-all; }
/* /Components/Pages/TenantSettings/MpdSettings.razor.rz.scp.css */
/* Tenant Settings · MPD / TIM Server (design handoff 2026-10-17). Accent from the channel tokens; status colours fixed. */
.mp-srv[b-o36kk9cdus] { display: flex; align-items: center; gap: 10px; padding: 8px 14px; border: 1px solid var(--au-line); border-radius: 10px; background: #fff; }
.mp-srv-state[b-o36kk9cdus] { font-size: 13px; font-weight: 600; }
.mp-srv-note[b-o36kk9cdus] { font-size: 11px; color: var(--au-ink-2); }
.mp-dot[b-o36kk9cdus] { display: inline-block; width: 8px; height: 8px; border-radius: 100px; flex: none; vertical-align: middle; }
.mp-dot-ok[b-o36kk9cdus] { background: var(--au-teal); }
.mp-dot-warn[b-o36kk9cdus] { background: #F0A93B; }
.mp-dot-bad[b-o36kk9cdus] { background: #E06B6B; }
.mp-dot-off[b-o36kk9cdus] { background: var(--au-ink-disabled); }

.mp-badge[b-o36kk9cdus] { display: inline-block; margin-left: 6px; font-size: 10px; font-weight: 600; padding: 1px 7px; border-radius: 100px; }
.mp-badge-bad[b-o36kk9cdus] { background: var(--au-error-bg); color: var(--au-error); }
.mp-badge-neutral[b-o36kk9cdus] { background: var(--au-neutral-bg); color: var(--au-neutral-ink); }
.mp-badge-accent[b-o36kk9cdus] { background: var(--au-orange-bg); color: var(--au-orange-ink); }

.mp-kpis[b-o36kk9cdus] { margin-bottom: 16px; }
.mp-cols[b-o36kk9cdus] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; margin-bottom: 16px; }
.mp-card[b-o36kk9cdus] { padding: 16px 18px; margin-bottom: 16px; }
.mp-cols > .mp-card[b-o36kk9cdus] { margin-bottom: 0; }
.mp-card-head[b-o36kk9cdus] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.mp-card-head .au-section-title[b-o36kk9cdus] { flex: 0 1 auto; }
.mp-note[b-o36kk9cdus] { margin: -4px 0 12px; }
.mp-pad[b-o36kk9cdus] { padding: 14px; }
.mp-none[b-o36kk9cdus] { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }

.mp-facts[b-o36kk9cdus] { display: grid; grid-template-columns: 150px 1fr; gap: 8px 14px; margin: 0; font-size: 12.5px; }
.mp-facts dt[b-o36kk9cdus] { color: var(--au-ink-2); }
.mp-facts dd[b-o36kk9cdus] { margin: 0; min-width: 0; overflow-wrap: anywhere; }

.mp-actions[b-o36kk9cdus] { display: flex; flex-direction: column; gap: 8px; }
.mp-action[b-o36kk9cdus] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; border: 1px solid var(--au-line); background: #fff; border-radius: 9px; padding: 9px 12px; cursor: pointer; }
.mp-action:hover:not(:disabled)[b-o36kk9cdus] { background: var(--au-bg-hover); }
.mp-action:disabled[b-o36kk9cdus] { opacity: .5; cursor: default; }
.mp-action-name[b-o36kk9cdus] { font-size: 12.5px; font-weight: 600; color: var(--au-ink); }
.mp-action-danger .mp-action-name[b-o36kk9cdus] { color: var(--au-error); }
.mp-action-note[b-o36kk9cdus] { font-size: 11px; color: var(--au-ink-3); }

.mp-pill[b-o36kk9cdus] { display: inline-block; font-size: 10.5px; font-weight: 600; padding: 2px 9px; border-radius: 100px; white-space: nowrap; }
.mp-pill-ok[b-o36kk9cdus] { background: var(--au-success-bg); color: var(--au-success); }
.mp-pill-warn[b-o36kk9cdus] { background: var(--au-warning-bg); color: var(--au-warning); }
.mp-pill-bad[b-o36kk9cdus] { background: var(--au-error-bg); color: var(--au-error); }
.mp-pill-info[b-o36kk9cdus] { background: var(--au-info-bg); color: var(--au-info); }
.mp-route-pill[b-o36kk9cdus] { display: inline-block; font-size: 10.5px; font-weight: 600; padding: 2px 8px; border-radius: 6px; white-space: nowrap; }
.mp-route-lan[b-o36kk9cdus] { background: var(--au-info-bg); color: var(--au-info); }
.mp-route-cloud[b-o36kk9cdus] { background: var(--au-purple-bg); color: var(--au-purple-ink); }
.mp-warn[b-o36kk9cdus] { color: var(--au-warning); }
.mp-bad[b-o36kk9cdus] { color: var(--au-error); }
.mp-muted[b-o36kk9cdus] { color: var(--au-ink-3); }
.mp-accent[b-o36kk9cdus] { color: var(--au-orange-ink); }

/* master / detail */
.mp-md[b-o36kk9cdus] { display: flex; gap: 16px; align-items: flex-start; flex-wrap: wrap; }
.mp-md-inner[b-o36kk9cdus] { margin-top: 0; }
.mp-list[b-o36kk9cdus] { flex: 0 0 270px; padding: 0; overflow: hidden; }
.mp-list .mp-card-head[b-o36kk9cdus] { padding: 14px 16px 0; }
.mp-detail[b-o36kk9cdus] { flex: 1 1 420px; min-width: 0; }
.mp-list-item[b-o36kk9cdus] { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; width: 100%; text-align: left; border: 0; border-left: 3px solid transparent; border-top: 1px solid var(--au-line-soft); background: transparent; padding: 10px 14px; cursor: pointer; }
.mp-list-item:hover[b-o36kk9cdus] { background: var(--au-bg-subtle); }
.mp-list-on[b-o36kk9cdus] { border-left-color: var(--au-orange); background: var(--au-orange-bg-soft); }
.mp-list-name[b-o36kk9cdus] { font-size: 13px; font-weight: 600; grid-column: 1; }
.mp-list-sub[b-o36kk9cdus] { font-size: 11px; color: var(--au-ink-3); grid-column: 1; }
.mp-list-meta[b-o36kk9cdus] { font-size: 11px; color: var(--au-ink-3); grid-column: 2; grid-row: 1 / span 2; align-self: center; text-align: right; }

/* fields */
.mp-grid[b-o36kk9cdus] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px 16px; }
.mp-field[b-o36kk9cdus] { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.mp-wide[b-o36kk9cdus] { grid-column: 1 / -1; }
.mp-lbl[b-o36kk9cdus] { font-size: 11px; font-weight: 600; color: var(--au-ink-2); }
.mp-inp[b-o36kk9cdus] { width: 100%; box-sizing: border-box; }
.mp-inp:disabled[b-o36kk9cdus] { background: var(--au-bg-field-locked); color: var(--au-ink); }
.mp-inp-changed[b-o36kk9cdus], .mp-inp-changed:disabled[b-o36kk9cdus] { border-color: var(--au-orange); background: #FFF7F0; }
.mp-changed[b-o36kk9cdus] { font-weight: 600; color: var(--au-orange-ink); margin-left: 4px; }
.mp-tag[b-o36kk9cdus] { font-size: 10px; font-weight: 600; color: var(--au-ink-3); background: var(--au-neutral-bg); border-radius: 100px; padding: 1px 7px; margin-left: 4px; }
.mp-secret[b-o36kk9cdus] { display: flex; gap: 8px; align-items: center; }
.mp-cred[b-o36kk9cdus] { display: grid; gap: 8px; }
.mp-cred-actions[b-o36kk9cdus] { display: flex; gap: 8px; }
.mp-missing[b-o36kk9cdus] { display: inline-flex; min-height: 34px; align-items: center; }
.mp-toggle-row[b-o36kk9cdus] { display: flex; gap: 10px; align-items: center; min-height: 36px; }

.mp-route[b-o36kk9cdus] { margin: 14px 0 10px; display: flex; flex-direction: column; gap: 6px; }
.mp-route-opts[b-o36kk9cdus] { display: flex; gap: 10px; flex-wrap: wrap; }
.mp-route-opt[b-o36kk9cdus] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; border: 1px solid var(--au-line); background: #fff; border-radius: 9px; padding: 9px 14px; min-width: 180px; cursor: pointer; text-align: left; font-size: 12.5px; }
.mp-route-opt span[b-o36kk9cdus] { font-size: 11px; color: var(--au-ink-3); }
.mp-route-on[b-o36kk9cdus] { border-color: var(--au-orange); background: #FFF7F0; }
.mp-route-opt:disabled[b-o36kk9cdus] { cursor: default; }

/* updates */
.mp-version[b-o36kk9cdus] { font-size: 22px; font-weight: 700; margin: 6px 0 4px; }
.mp-notes[b-o36kk9cdus] { margin: 4px 0 14px; padding-left: 18px; font-size: 12.5px; line-height: 1.6; }
.mp-up-row[b-o36kk9cdus] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; border-top: 1px solid var(--au-line-soft); padding-top: 14px; }
.mp-window[b-o36kk9cdus] { max-width: 260px; }

/* logs */
.mp-log-tools[b-o36kk9cdus] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.mp-search[b-o36kk9cdus] { max-width: 280px; margin-left: auto; }
.mp-logs[b-o36kk9cdus] { padding: 0; overflow: hidden; }
.mp-log[b-o36kk9cdus] { display: grid; grid-template-columns: 14px 130px 52px 260px 1fr; gap: 10px; width: 100%; text-align: left; border: 0; border-top: 1px solid var(--au-line-soft); background: transparent; padding: 8px 14px; font-size: 12px; cursor: pointer; }
.mp-log:disabled[b-o36kk9cdus] { cursor: default; color: inherit; }
.mp-log-error[b-o36kk9cdus] { background: #FEF7F7; }
.mp-log-time[b-o36kk9cdus], .mp-log-src[b-o36kk9cdus] { font-size: 11px; color: var(--au-ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp-log-level[b-o36kk9cdus] { font-size: 10.5px; font-weight: 700; }
.mp-lv-debug[b-o36kk9cdus] { color: var(--au-ink-3); }
.mp-lv-info[b-o36kk9cdus] { color: var(--au-info); }
.mp-lv-warn[b-o36kk9cdus] { color: var(--au-warning); }
.mp-lv-error[b-o36kk9cdus] { color: var(--au-error); }
.mp-log-chev[b-o36kk9cdus] { color: var(--au-ink-3); font-size: 9px; }
.mp-log-detail[b-o36kk9cdus] { margin: 0; padding: 10px 14px 12px 48px; font-size: 11px; background: var(--au-bg-subtle); white-space: pre-wrap; font-family: var(--au-mono); color: var(--au-ink-2); }

/* registration modal */
.mp-backdrop[b-o36kk9cdus] { position: fixed; inset: 0; z-index: 40; background: rgba(24, 23, 28, .38); }
.mp-modal[b-o36kk9cdus] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 50; width: 560px; max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); overflow: auto; background: #fff; border-radius: 14px; box-shadow: 0 24px 60px -20px rgba(24, 23, 28, .45); }
.mp-modal-head[b-o36kk9cdus] { padding: 20px 22px 14px; border-bottom: 1px solid var(--au-line-soft); }
.mp-modal-title[b-o36kk9cdus] { font-size: 17px; font-weight: 600; }
.mp-modal-body[b-o36kk9cdus] { padding: 16px 22px; }
.mp-modal-foot[b-o36kk9cdus] { padding: 14px 22px; border-top: 1px solid var(--au-line-soft); display: flex; justify-content: flex-end; gap: 9px; flex-wrap: wrap; }
.mp-code-box[b-o36kk9cdus] { border: 2px solid var(--au-orange); border-radius: 12px; padding: 14px 18px; margin-bottom: 16px; }
.mp-code[b-o36kk9cdus] { font-size: 24px; font-weight: 700; letter-spacing: 2px; margin: 6px 0 4px; }

@media (max-width: 700px) {
    .mp-list[b-o36kk9cdus] { flex-basis: 100%; }
    .mp-log[b-o36kk9cdus] { grid-template-columns: 14px 1fr; }
    .mp-log-level[b-o36kk9cdus], .mp-log-src[b-o36kk9cdus] { display: none; }
}

/* Tenant › department › server: one card per server serving the header's department. */
.mp-servers[b-o36kk9cdus] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin: 4px 0 16px; }
.mp-server[b-o36kk9cdus] { display: grid; gap: 4px; text-align: left; border: 1px solid var(--au-line); border-radius: 12px; background: #fff; padding: 12px 14px; font: inherit; cursor: pointer; }
.mp-server:hover:not(:disabled)[b-o36kk9cdus] { background: var(--au-bg-subtle); }
.mp-server-on[b-o36kk9cdus] { border-color: var(--au-ink); box-shadow: 0 0 0 1px var(--au-ink) inset; }
.mp-server-top[b-o36kk9cdus] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.mp-server-name[b-o36kk9cdus] { font-size: 13.5px; font-weight: 600; color: var(--au-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp-server-sub[b-o36kk9cdus] { font-size: 12px; color: var(--au-ink-2); }
.mp-server-meta[b-o36kk9cdus] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 11px; color: var(--au-ink-3); }
.mp-server-pending[b-o36kk9cdus] { color: #B07300; background: #FEF3E0; border-radius: 100px; padding: 1px 7px; font-weight: 600; }
.mp-server-add[b-o36kk9cdus] { place-content: center; text-align: center; border-style: dashed; color: var(--au-ink-2); font-weight: 600; font-size: 13px; }
.mp-mode[b-o36kk9cdus] { margin-left: auto; flex: none; font-size: 10.5px; font-weight: 600; border-radius: 100px; padding: 1px 8px; background: var(--au-neutral-bg); color: var(--au-ink-2); }
.mp-mode-mpd-kiosk[b-o36kk9cdus], .mp-mode-tim-kiosk[b-o36kk9cdus] { background: #EEF1FD; color: #3A4FB8; }
.mp-mode-tim-server[b-o36kk9cdus] { background: #F3EEFD; color: #6E56CF; }
.mp-shared[b-o36kk9cdus] { color: var(--au-ink-2); }

.mp-reg-form[b-o36kk9cdus] { display: grid; gap: 14px; }
.mp-seg[b-o36kk9cdus] { display: inline-flex; flex-wrap: wrap; border: 1px solid var(--au-line); border-radius: 8px; overflow: hidden; }
.mp-seg-btn[b-o36kk9cdus] { border: 0; border-right: 1px solid var(--au-line); background: #fff; padding: 6px 12px; font-size: 12px; font-weight: 600; color: var(--au-ink-2); cursor: pointer; }
.mp-seg-btn:last-child[b-o36kk9cdus] { border-right: 0; }
.mp-seg-on[b-o36kk9cdus] { background: var(--au-ink); color: #fff; }
.mp-checks[b-o36kk9cdus] { display: grid; gap: 6px; }
.mp-check[b-o36kk9cdus] { display: flex; gap: 8px; align-items: center; font-size: 13px; }
.mp-served-pms[b-o36kk9cdus] { max-width: 180px; }
.mp-brand-actions[b-o36kk9cdus] { display: flex; gap: 4px; flex-wrap: nowrap; }
.mp-brand-pick[b-o36kk9cdus] { max-width: 280px; }