@import '_content/BlazorNW.UI/BlazorNW.UI.fopez26ly5.bundle.scp.css';

/* /Components/Account/Pages/Manage/Email.razor.rz.scp.css */
.card-header[b-gynvn3l7vg] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.card-title[b-gynvn3l7vg] {
    font-size: 1.125rem;
    font-weight: 500;
    color: #1f2937;
}

.card-content[b-gynvn3l7vg] {
    padding: 1.5rem;
    padding-top: 0.5rem;
}

/* Tips/Alert boxes */
.alert[b-gynvn3l7vg] {
    background-color: #f3f4f6;
    border-left: 4px solid #fb923c;
    padding: 1rem;
    margin: 1rem 1.5rem;
    display: flex;
}

.alert-icon[b-gynvn3l7vg] {
    flex-shrink: 0;
}

    .alert-icon svg[b-gynvn3l7vg] {
        height: 1.25rem;
        width: 1.25rem;
        color: #fb923c;
    }

.alert-content[b-gynvn3l7vg] {
    margin-left: 0.75rem;
}

.alert-text[b-gynvn3l7vg] {
    font-size: 0.875rem;
    color: #374151;
}

/* Error alert */
.error-alert[b-gynvn3l7vg] {
    background-color: #fef2f2;
    border-left: 4px solid #f87171;
    padding: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
}

.error-icon[b-gynvn3l7vg] {
    flex-shrink: 0;
}

    .error-icon svg[b-gynvn3l7vg] {
        height: 1.25rem;
        width: 1.25rem;
        color: #ef4444;
    }

.error-content[b-gynvn3l7vg] {
    margin-left: 0.75rem;
}

.error-text[b-gynvn3l7vg] {
    font-size: 0.875rem;
    color: #b91c1c;
}

/* Warning box */
.warning-box[b-gynvn3l7vg] {
    background-color: #fffbeb;
    border-left: 4px solid #fbbf24;
    padding: 1rem;
    height: fit-content;
}

.warning-header[b-gynvn3l7vg] {
    display: flex;
}

.warning-icon[b-gynvn3l7vg] {
    flex-shrink: 0;
}

    .warning-icon svg[b-gynvn3l7vg] {
        height: 1.25rem;
        width: 1.25rem;
        color: #f59e0b;
    }

.warning-content[b-gynvn3l7vg] {
    margin-left: 0.75rem;
}

.warning-title[b-gynvn3l7vg] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #92400e;
}

.warning-body[b-gynvn3l7vg] {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #b45309;
}

.warning-list[b-gynvn3l7vg] {
    list-style-type: disc;
    padding-left: 1.25rem;
    margin-top: 0.25rem;
}

    .warning-list li[b-gynvn3l7vg] {
        margin-bottom: 0.25rem;
    }

.form-grid[b-gynvn3l7vg] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.form-column[b-gynvn3l7vg] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-field[b-gynvn3l7vg] {
    margin-bottom: 0.5rem;
}

/* .form-label / .form-input skin comes from the global anatomy in app.css */

.form-button[b-gynvn3l7vg] {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: #374151;
    color: white;
    border: none;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
}

    .form-button:hover[b-gynvn3l7vg] {
        background-color: #1f2937;
    }

/* Hide error message by default */
.hidden[b-gynvn3l7vg] {
    display: none;
}

/* Responsive layout */
@media (min-width: 768px) {
    .form-grid[b-gynvn3l7vg] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Account/Pages/Settings/AccountSettings.razor.rz.scp.css */
.card-header[b-l8kh044n6w] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.card-title[b-l8kh044n6w] {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--cx-text);
}

/* Alert/Tip box */
.alert[b-l8kh044n6w] {
    background-color: #fff8ed;
    border-left: 4px solid #fb923c;
    padding: 1rem;
    margin: 1rem 1.5rem 0 1.5rem;
    margin-bottom: 1rem;
}

.alert-content[b-l8kh044n6w] {
    display: flex;
}

.alert-icon[b-l8kh044n6w] {
    flex-shrink: 0;
}

    .alert-icon svg[b-l8kh044n6w] {
        height: 1.25rem;
        width: 1.25rem;
        color: #fb923c;
    }

.alert-message[b-l8kh044n6w] {
    margin-left: 0.75rem;
}

.alert-text[b-l8kh044n6w] {
    font-size: 0.875rem;
    color: #c2410c;
}

/* Form */
.card-content[b-l8kh044n6w] {
    padding: 1.5rem;
}

.form-grid[b-l8kh044n6w] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.form-col-2[b-l8kh044n6w] {
    grid-column: span 1;
}

.form-inner-grid[b-l8kh044n6w] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}


.form-checkbox[b-l8kh044n6w] {
    height: 1rem;
    width: 1rem;
    color: #f97316;
    border-radius: 0.25rem;
    border-color: #d1d5db;
}

.checkbox-label[b-l8kh044n6w] {
    margin-left: 0.5rem;
    font-size: 0.875rem;
    color: var(--cx-muted);
}

/* Info sidebar */
.info-sidebar[b-l8kh044n6w] {
    background-color: #f9fafb;
    border-radius: 0.5rem;
    padding: 1rem;
}

.sidebar-title[b-l8kh044n6w] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cx-text);
    margin-bottom: 1rem;
}

.info-item[b-l8kh044n6w] {
    margin-bottom: 0.75rem;
}

.info-label[b-l8kh044n6w] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cx-muted);
}

.info-value[b-l8kh044n6w] {
    display: block;
    font-size: 0.875rem;
    color: var(--cx-text);
}

.cc-emails[b-l8kh044n6w] {
    padding-bottom: 1rem;
}

/* Responsive layout */
@media (min-width: 768px) {
    .form-grid[b-l8kh044n6w] {
        grid-template-columns: 2fr 1fr;
    }

    .form-inner-grid[b-l8kh044n6w] {
        grid-template-columns: repeat(3, 1fr);
    }

    .form-col-span-3[b-l8kh044n6w] {
        grid-column: span 3;
    }
}

/* settings-shell treatment: form card + info card side by side */
.acct-grid[b-l8kh044n6w] {
    display: grid;
    max-width: 1080px;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 16px;
    align-items: start;
}

@media (max-width: 980px) {
    .acct-grid[b-l8kh044n6w] { grid-template-columns: 1fr; }
}
/* /Components/Account/Pages/Settings/AddAttorneyUserModal.razor.rz.scp.css */
.modal-header[b-err4w8zn6v] {
    padding: 15px 20px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-err4w8zn6v] {
    font-size: var(--cx-size-title);
    font-weight: bold;
    color: var(--cx-text);
    margin: 0;
}

.modal-body[b-err4w8zn6v] {
    padding: 20px;
}

.tip-box[b-err4w8zn6v] {
    background-color: #FFF3E0; /* Light orange background */
    border: 1px solid #FFE0B2; /* Slightly darker orange border */
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tip-icon[b-err4w8zn6v] {
    margin-right: 10px;
    color: #FF9800; /* Orange color for icon */
    font-weight: bold;
}

.form-group[b-err4w8zn6v] {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.checkbox-group[b-err4w8zn6v] {
    margin-left: 120px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.modal-footer[b-err4w8zn6v] {
    padding: 15px 20px;
    border-top: 1px solid #e5e5e5;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* Under-field hints for the attorney dialog — the deployment help text and the
   "provider validates this" line (AttorneyBarNumberPolicy). Subtle tier, readable. */
.field-hint[b-err4w8zn6v] {
    margin-top: 4px;
    font-size: var(--cx-size-cap);
    line-height: 1.45;
    color: var(--cx-subtle);
}

.attorney-fields[b-err4w8zn6v] {
    display: flex;
    flex-direction: column;
    gap: var(--app-space-4);
    width: 100%;
}

.attorney-row[b-err4w8zn6v] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--app-space-4);
    width: 100%;
}
/* /Components/Account/Pages/Settings/AddSupportUserModal.razor.rz.scp.css */
.form-modal[b-x2al932pvn] {
    max-height: 90vh;
    overflow: auto;
}

.modal-header[b-x2al932pvn] {
    padding: 15px 20px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-x2al932pvn] {
    font-size: var(--cx-size-title);
    font-weight: bold;
    color: var(--cx-text);
    margin: 0;
}

.modal-body[b-x2al932pvn] {
    padding: 20px;
}

.tip-box[b-x2al932pvn] {
    background-color: #FFF3E0; /* Light orange background */
    border: 1px solid #FFE0B2; /* Slightly darker orange border */
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tip-icon[b-x2al932pvn] {
    display: inline-flex;
    color: var(--bit-clr-pri);
}

.form-group[b-x2al932pvn] {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

[b-x2al932pvn] .checkbox-field {
    margin-bottom: 1rem;
}

.modal-footer[b-x2al932pvn] {
    padding: 15px 20px;
    border-top: 1px solid #e5e5e5;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.modal-fields[b-x2al932pvn]{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* /Components/Account/Pages/Settings/EFileRegistration.razor.rz.scp.css */
/* eFiling Providers — design handoff st-providers.jsx, on cx tokens. */

.ep-sections[b-g48a915s8c] { display: flex; flex-direction: column; gap: 22px; max-width: 860px; }

.ep-h[b-g48a915s8c] {
    /* ink I2+I3: the caption voice — was a private recipe in FAINT text */
    font-family: var(--cx-label-font); font-size: var(--cx-label-size); font-weight: var(--cx-label-weight); letter-spacing: var(--cx-label-track); text-transform: uppercase;
    color: var(--cx-label-color); margin: 0 2px;
}
.ep-h-sub[b-g48a915s8c] { font-size: var(--cx-size-meta); color: var(--cx-muted, #57534e); margin: 3px 2px 10px; }

.ep-row[b-g48a915s8c] {
    display: flex; align-items: center; gap: 14px; width: 100%;
    padding: 15px 18px; border: none; background: transparent; text-align: left;
    font: inherit; cursor: pointer; box-sizing: border-box; transition: background .12s;
}
.ep-row:hover[b-g48a915s8c] { background: var(--cx-panel-alt, #fafaf9); }
.ep-row.static[b-g48a915s8c] { cursor: default; }
.ep-row.static:hover[b-g48a915s8c] { background: transparent; }
.ep-row-wrap + .ep-row-wrap[b-g48a915s8c], .ep-row + .ep-row[b-g48a915s8c] { border-top: 1px solid var(--cx-border-soft, #f1f0ef); }

.ep-tile[b-g48a915s8c] {
    width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0;
    background: var(--cx-pri-soft); border: 1px solid var(--cx-pri-border); color: var(--cx-pri);
    display: inline-flex; align-items: center; justify-content: center;
}
.ep-tile.direct[b-g48a915s8c] { background: var(--cx-panel-alt, #fafaf9); border-color: var(--cx-border, #e7e5e4); color: var(--cx-muted, #57534e); }

.ep-names[b-g48a915s8c] { flex: 1; min-width: 0; }
.ep-names .nm[b-g48a915s8c] { display: block; font-size: var(--cx-size-body); font-weight: 600; color: var(--cx-text, #1c1917); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ep-names .sub[b-g48a915s8c] { display: block; font-size: var(--cx-size-meta); color: var(--cx-muted, #57534e); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ep-nosetup[b-g48a915s8c] { font-size: var(--cx-size-cap); color: var(--cx-subtle); white-space: nowrap; }
.ep-chev[b-g48a915s8c] { display: flex; color: var(--cx-subtle); flex-shrink: 0; transition: transform .15s; }
.ep-chev.open[b-g48a915s8c] { transform: rotate(180deg); }

.ep-body[b-g48a915s8c] { padding: 2px 18px 16px 72px; display: flex; flex-direction: column; gap: 12px; }
.ep-note[b-g48a915s8c] { font-size: var(--cx-size-meta); color: var(--cx-muted, #57534e); line-height: 1.55; }
.ep-meta[b-g48a915s8c] { display: flex; gap: 24px; flex-wrap: wrap; font-size: var(--cx-size-meta); color: var(--cx-muted, #57534e); }
.ep-meta strong[b-g48a915s8c] { color: var(--cx-text, #1c1917); }
.ep-actions[b-g48a915s8c] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ep-mono[b-g48a915s8c] { font-family: var(--cx-mono); font-size: var(--cx-size-cap); }

.ep-banner[b-g48a915s8c] {
    display: flex; gap: 11px; align-items: flex-start; padding: 12px 14px;
    background: var(--cx-amber-soft, #fef3c7); border: 1px solid var(--cx-amber-border, #fde68a);
    border-radius: 10px; font-size: var(--cx-size-meta); color: var(--cx-text, #1c1917); line-height: 1.55;
}
.ep-banner svg[b-g48a915s8c] { flex-shrink: 0; margin-top: 1px; color: var(--cx-amber, #b45309); }

/* The minute after "Resend" (design round Activation Resend Cooldown, cert O9/UA3).
   The band grows a second tier behind an amber hairline; the same line renders standalone
   under the activated row's reset action, where there is no band. */
.ep-banner[b-g48a915s8c] { flex-direction: column; gap: 0; padding: 0; }
.ep-banner-main[b-g48a915s8c] { display: flex; gap: 11px; align-items: flex-start; padding: 12px 14px; }
.ep-banner-tier[b-g48a915s8c], .ep-sent[b-g48a915s8c] {
    display: flex; gap: 9px; align-items: flex-start;
    font-size: var(--cx-size-meta); color: var(--cx-text, #1c1917); line-height: 1.5; text-wrap: pretty;
}
.ep-banner-tier[b-g48a915s8c] { padding: 9px 14px 10px; border-top: 1px solid var(--cx-amber-border, #fde68a); }
.ep-banner-tier.done[b-g48a915s8c], .ep-sent.done[b-g48a915s8c] { font-size: var(--cx-size-cap); color: var(--cx-muted, #57534e); }
.ep-banner-tier svg[b-g48a915s8c], .ep-sent svg[b-g48a915s8c] { flex-shrink: 0; margin-top: 1px; color: var(--cx-green, #15803d); }
.ep-banner-tier svg.lucide-triangle-alert[b-g48a915s8c], .ep-sent svg.lucide-triangle-alert[b-g48a915s8c] { color: var(--cx-amber, #b45309); }
.ep-alive[b-g48a915s8c] { font-size: var(--cx-size-cap); color: var(--cx-subtle, #797571); }
.ep-actions[b-g48a915s8c]  .ep-wait { font-variant-numeric: tabular-nums; }

/* The reset: a quiet text action under the strip, and its line. */
.ep-reset[b-g48a915s8c] { display: flex; flex-direction: column; gap: 9px; }
.ep-quiet[b-g48a915s8c] {
    display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; height: 24px; padding: 0;
    border: none; background: transparent; font: inherit; font-size: var(--cx-size-meta); font-weight: 600;
    color: var(--cx-orange-text, #c2410c); cursor: pointer; font-variant-numeric: tabular-nums;
}
.ep-quiet:disabled[b-g48a915s8c] { color: var(--cx-muted, #57534e); cursor: not-allowed; }
.ep-spin[b-g48a915s8c] {
    width: 12px; height: 12px; border-radius: 999px; display: inline-block;
    border: 2px solid var(--cx-border, #e7e5e4); border-top-color: var(--cx-orange, #ef6a26); animation: ep-spin-b-g48a915s8c .7s linear infinite;
}
@keyframes ep-spin-b-g48a915s8c { to { transform: rotate(360deg); } }

/* The confirmation's second tier: what happens after the email. */
.ep-ask p[b-g48a915s8c] { margin: 0; font-size: var(--cx-size-body); color: var(--cx-text, #1c1917); line-height: 1.6; text-wrap: pretty; }
.ep-ask-next[b-g48a915s8c] { display: flex; gap: 9px; align-items: flex-start; margin-top: 12px !important; font-size: var(--cx-size-meta) !important; color: var(--cx-muted, #57534e) !important; }
.ep-ask-next svg[b-g48a915s8c] { flex-shrink: 0; margin-top: 1px; color: var(--cx-subtle, #797571); }

/* Reduced motion: no ticking — the button names the wait, the line names the end moment. */
.rm-only[b-g48a915s8c] { display: none; }
@media (prefers-reduced-motion: reduce) {
    .rm-only[b-g48a915s8c] { display: inline; }
    .rm-hide[b-g48a915s8c] { display: none; }
    .ep-spin[b-g48a915s8c] { animation: none; }
}

/* register sub-view: form + "what happens next" rail */
.ep-register-grid[b-g48a915s8c] { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; align-items: start; max-width: 980px; }
@media (max-width: 900px) { .ep-register-grid[b-g48a915s8c] { grid-template-columns: 1fr; } }

.ep-steps[b-g48a915s8c] { padding: 18px; }
.ep-steps-title[b-g48a915s8c] { font-size: var(--cx-size-body); font-weight: 700; color: var(--cx-text, #1c1917); margin-bottom: 12px; }
.ep-step[b-g48a915s8c] { display: flex; gap: 11px; align-items: flex-start; font-size: var(--cx-size-cap); color: var(--cx-muted, #57534e); line-height: 1.5; }
.ep-step + .ep-step[b-g48a915s8c] { margin-top: 12px; }
.ep-step strong[b-g48a915s8c] { display: block; font-size: var(--cx-size-meta); color: var(--cx-text, #1c1917); }
.ep-step .n[b-g48a915s8c] {
    width: 22px; height: 22px; border-radius: 999px; flex-shrink: 0;
    background: var(--cx-pri-soft); border: 1px solid var(--cx-pri-border); color: var(--cx-pri-text);
    font-size: var(--cx-size-meta); font-weight: 700; display: inline-flex; align-items: center; justify-content: center;
}
/* /Components/Account/Pages/Settings/ManageEfiling.razor.rz.scp.css */
/* ── Provider Detail (design round "Provider Detail") ────────────────────────
   This page's whole stylesheet. The legacy rules that used to live here styled
   markup that no longer exists (.tabs, .manage-efiling-container, form grids)
   and gave tables hard-coded slate borders — on top of the GLOBAL rules that
   also reach in (design-system.css puts a border+radius+background on every
   .table-wrapper; app.css styles every th with its own border, background and
   cursor:pointer). The table contract below re-states the design inside
   .me-panel with scoped specificity precisely so those globals lose. */

/* ── the table contract: one banded head, soft row borders, nothing doubled ── */
.me-panel .table-wrapper[b-89x104nlnr] {
    border: none;                /* the panel card already draws the box */
    border-radius: 0;
    background: transparent;
    overflow-x: auto;
}

.me-panel table[b-89x104nlnr] {
    width: 100%;
    border-collapse: collapse;
}

.me-panel th[b-89x104nlnr] {
    text-align: left;
    padding: 9px 14px;
    font-family: var(--cx-label-font);
    font-size: var(--cx-size-cap);
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--cx-muted, var(--cx-subtle));
    background: var(--cx-thead-bg, #fafaf9);
    border-bottom: 1px solid var(--cx-border);
    white-space: nowrap;
    cursor: default;             /* app.css says pointer; these heads don't sort */
}

.me-panel td[b-89x104nlnr] {
    padding: 11px 14px;
    border-bottom: 1px solid var(--cx-border-soft, var(--cx-border));
    font-size: var(--cx-size-body);
    color: var(--cx-text);
    vertical-align: middle;
}

/* the last row's border would double against the card edge (or the note strip's
   own top border) — the card closes the box, not the row */
.me-panel tbody tr:last-child td[b-89x104nlnr] {
    border-bottom: none;
}

.me-panel tbody tr[b-89x104nlnr] {
    transition: background .12s;
}

.me-panel tbody tr:hover[b-89x104nlnr] {
    background: var(--cx-bg-alt, #faf9f8);
}

/* identity header */
.me-identity[b-89x104nlnr] { padding: 12px 16px 15px; margin-bottom: 14px; }
.me-id-top[b-89x104nlnr] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.me-id-kind[b-89x104nlnr] { margin-left: auto; font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.me-meta[b-89x104nlnr] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
    column-gap: 20px; row-gap: 12px; margin-top: 13px; padding-top: 13px;
    border-top: 1px solid var(--cx-border-soft, var(--cx-border));
}
.me-cap[b-89x104nlnr] {
    display: block; font-family: var(--cx-label-font); font-size: var(--cx-size-cap); font-weight: 600;
    letter-spacing: .09em; text-transform: uppercase; color: var(--cx-subtle);
}
.me-val[b-89x104nlnr] { display: block; margin-top: 3px; font-size: var(--cx-size-body); font-weight: 600; color: var(--cx-text); overflow-wrap: anywhere; }
.me-val.mono[b-89x104nlnr], .me-mono[b-89x104nlnr] { font-family: var(--cx-mono); font-variant-numeric: tabular-nums; font-size: var(--cx-size-meta); }
.me-mono-sub[b-89x104nlnr] { font-family: var(--cx-mono); font-size: var(--cx-size-cap); color: var(--cx-muted, var(--cx-subtle)); }
.me-you[b-89x104nlnr] { font-weight: 500; color: var(--cx-subtle); }
.me-absent[b-89x104nlnr] { font-size: var(--cx-size-meta); color: var(--cx-subtle); }
.me-lock[b-89x104nlnr] { display: inline-flex; color: var(--cx-subtle); }

/* the picker - the page's title, as a switch */
.me-picker[b-89x104nlnr] { position: relative; display: inline-flex; max-width: 100%; }
.me-picker-btn[b-89x104nlnr] {
    display: inline-flex; align-items: center; gap: 9px; height: 34px; padding: 0 10px 0 8px;
    border-radius: 9px; border: 1px solid transparent; background: transparent; cursor: pointer;
}
.me-picker-btn.open[b-89x104nlnr], .me-picker-btn:hover[b-89x104nlnr] { border-color: var(--cx-border); background: #fff; }
.me-picker-glyph[b-89x104nlnr] {
    width: 24px; height: 24px; border-radius: 7px; flex-shrink: 0; display: inline-flex;
    align-items: center; justify-content: center;
    background: var(--cx-accent-soft, #fff3ec); border: 1px solid var(--cx-accent-border, #f3ceb5);
    color: var(--cx-accent, #ef6a26);
}
.me-picker-title[b-89x104nlnr] { font-size: var(--cx-size-head); font-weight: 700; letter-spacing: -0.3px; color: var(--cx-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.me-picker-pop[b-89x104nlnr] {
    position: absolute; top: 38px; left: 0; width: 340px; max-width: 84vw; background: #fff;
    border: 1px solid var(--cx-border); border-radius: 11px; box-shadow: 0 12px 32px rgba(28,25,23,.14);
    padding: 5px; z-index: 90;
}
.me-picker-row[b-89x104nlnr] {
    display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 9px; border-radius: 8px;
    border: none; background: transparent; text-align: left; cursor: pointer;
}
.me-picker-row:hover[b-89x104nlnr] { background: var(--cx-bg-alt, #f5f5f4); }
.me-picker-row.on[b-89x104nlnr] { background: var(--cx-accent-soft, #fff3ec); }
.me-picker-row-text[b-89x104nlnr] { min-width: 0; flex: 1; }
.me-picker-row-text .n[b-89x104nlnr] { display: block; font-size: var(--cx-size-body); font-weight: 600; color: var(--cx-text); }
.me-picker-sep[b-89x104nlnr] { height: 1px; background: var(--cx-border-soft, var(--cx-border)); margin: 5px 4px; }
.me-picker-add[b-89x104nlnr] {
    display: flex; align-items: center; gap: 9px; height: 32px; padding: 0 9px; border-radius: 7px;
    font-size: var(--cx-size-meta); font-weight: 600; color: var(--cx-accent-text, #c2410c); text-decoration: none;
}
.me-picker-add:hover[b-89x104nlnr] { background: var(--cx-bg-alt, #f5f5f4); }

/* chips - one anatomy, tone fill + border, sentence case */
.me-chip[b-89x104nlnr] {
    display: inline-flex; align-items: center; gap: 5px; height: 20px; padding: 0 8px;
    border-radius: 6px; font-size: var(--cx-size-cap); font-weight: 600; line-height: 1; white-space: nowrap;
    border: 1px solid transparent;
}
.me-chip.green[b-89x104nlnr] { color: #14532d; background: #d8f0e0; border-color: #a3d7b5; }
.me-chip.amber[b-89x104nlnr] { color: #7c4708; background: #fbeed0; border-color: #e9cf95; }
.me-chip.red[b-89x104nlnr] { color: #8c1c1c; background: #fadedd; border-color: #eeb0ad; }
.me-chip.blue[b-89x104nlnr] { color: #1d3fa3; background: #dce8fc; border-color: #b2caf6; }
.me-chip.slate[b-89x104nlnr] { color: #414a56; background: #e6e9ee; border-color: #ccd2da; }

/* the bands - what is true / what it means / what you can do */
.me-band[b-89x104nlnr] {
    display: flex; gap: 11px; align-items: flex-start; padding: 12px 14px; border-radius: 10px;
    border: 1px solid; margin-bottom: 14px;
}
.me-band.amber[b-89x104nlnr] { background: #fbeed0; border-color: #e9cf95; }
.me-band.amber .me-band-ic[b-89x104nlnr] { color: #b45309; }
.me-band.red[b-89x104nlnr] { background: #fadedd; border-color: #eeb0ad; }
.me-band.red .me-band-ic[b-89x104nlnr] { color: #dc2626; }
.me-band-ic[b-89x104nlnr] { flex-shrink: 0; margin-top: 1px; }
.me-band-body[b-89x104nlnr] { min-width: 0; flex: 1; }
.me-band-title[b-89x104nlnr] { font-size: var(--cx-size-body); font-weight: 700; color: var(--cx-text); line-height: 1.4; }
.me-band-text[b-89x104nlnr] { font-size: var(--cx-size-meta); color: var(--cx-muted, var(--cx-text)); line-height: 1.55; margin-top: 3px; }
.me-band-text .mono[b-89x104nlnr] { font-family: var(--cx-mono); font-size: var(--cx-size-cap); }
.me-band-actions[b-89x104nlnr] { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 10px; align-items: center; }
/* The minute after a resend (cert O9): the band's second tier and the alive hint. */
.me-band-note[b-89x104nlnr] { display: flex; gap: 8px; align-items: flex-start; margin-top: 9px; font-size: var(--cx-size-meta); color: var(--cx-text); line-height: 1.5; text-wrap: pretty; }
.me-band-note.done[b-89x104nlnr] { font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.me-band-note svg[b-89x104nlnr] { flex-shrink: 0; margin-top: 1px; color: var(--cx-green, #15803d); }
.me-band-note svg.lucide-triangle-alert[b-89x104nlnr] { color: #b45309; }
.me-band-alive[b-89x104nlnr] { font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.me-band-actions[b-89x104nlnr]  .me-wait { font-variant-numeric: tabular-nums; }
.rm-only[b-89x104nlnr] { display: none; }
@media (prefers-reduced-motion: reduce) { .rm-only[b-89x104nlnr] { display: inline; } .rm-hide[b-89x104nlnr] { display: none; } }
.me-band-input[b-89x104nlnr] { width: 240px; max-width: 100%; }

/* tabs + tab heads + panels */
.me-tabs[b-89x104nlnr] { overflow-x: auto; padding-bottom: 4px; margin-bottom: 16px; }
.me-tabhead[b-89x104nlnr] { display: flex; align-items: flex-end; gap: 14px; margin-bottom: 11px; flex-wrap: wrap; }
.me-tabhead .grow[b-89x104nlnr] { flex: 1 1 260px; min-width: 0; }
.me-tabtitle[b-89x104nlnr] { font-size: var(--cx-size-body); font-weight: 700; letter-spacing: -0.1px; color: var(--cx-text); }
.me-tabsub[b-89x104nlnr] { font-size: var(--cx-size-meta); color: var(--cx-muted, var(--cx-subtle)); line-height: 1.5; margin-top: 5px; max-width: 620px; }
.me-readonly[b-89x104nlnr] { display: inline-flex; align-items: center; gap: 7px; font-size: var(--cx-size-meta); color: var(--cx-subtle); margin-left: auto; }
.me-panel[b-89x104nlnr] { overflow: hidden; margin-bottom: 18px; }
.me-panel-msg[b-89x104nlnr] { padding: 24px 20px; }
.me-note[b-89x104nlnr] {
    display: flex; gap: 8px; align-items: flex-start; padding: 10px 14px;
    border-top: 1px solid var(--cx-border-soft, var(--cx-border)); background: var(--cx-bg-alt, #fafaf9);
    font-size: var(--cx-size-cap); color: var(--cx-subtle); line-height: 1.5;
}

/* per-panel states: skeleton in the table's own shape, message rows, never a page spinner */
.me-skel[b-89x104nlnr] { display: inline-block; height: 11px; border-radius: 4px; background: var(--cx-bg-deep, #e7e5e4); animation: me-pulse-b-89x104nlnr 1.4s ease-in-out infinite; }
.me-skelrows[b-89x104nlnr] { padding: 6px 0; }
.me-skelrow[b-89x104nlnr] { padding: 12px 14px; border-bottom: 1px solid var(--cx-border-soft, var(--cx-border)); }
.me-skelrow:last-child[b-89x104nlnr] { border-bottom: none; }
@keyframes me-pulse-b-89x104nlnr { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
.me-msg[b-89x104nlnr] { display: flex; gap: 10px; align-items: flex-start; justify-content: center; padding: 34px 20px; text-align: left; }
.me-msg > div[b-89x104nlnr] { display: flex; flex-direction: column; gap: 4px; max-width: 420px; }
.me-msg b[b-89x104nlnr] { font-size: var(--cx-size-body); color: var(--cx-text); }
.me-msg span[b-89x104nlnr] { font-size: var(--cx-size-meta); color: var(--cx-muted, var(--cx-subtle)); line-height: 1.55; }
.me-msg.error[b-89x104nlnr] { background: #fdf3f2; }

/* entry (not registered) */
.me-entry[b-89x104nlnr] { padding: 22px; }
.me-entry-title[b-89x104nlnr] { font-size: var(--cx-size-head); font-weight: 700; letter-spacing: -0.2px; color: var(--cx-text); }
.me-entry-body[b-89x104nlnr] { margin: 7px 0 0; font-size: var(--cx-size-body); color: var(--cx-muted, var(--cx-text)); line-height: 1.6; max-width: 560px; }
.me-entry-actions[b-89x104nlnr] { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }

/* firm tab */
.me-firmgrid[b-89x104nlnr] { display: grid; grid-template-columns: minmax(0, 1fr) 268px; gap: 16px; align-items: start; }
.me-formcol[b-89x104nlnr] { display: flex; flex-direction: column; gap: 13px; }
.me-form2[b-89x104nlnr] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.me-form3[b-89x104nlnr] { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 12px; }
.me-readgrid[b-89x104nlnr] { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); column-gap: 24px; row-gap: 16px; }
.me-sidegrid[b-89x104nlnr] { display: flex; flex-direction: column; gap: 11px; }
.me-sidegrid > div[b-89x104nlnr] { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.me-sidegrid > div > span:first-child[b-89x104nlnr] { font-size: var(--cx-size-meta); color: var(--cx-subtle); }
.me-side-note[b-89x104nlnr] {
    display: block; font-size: var(--cx-size-cap); color: var(--cx-subtle); line-height: 1.5;
    margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--cx-border-soft, var(--cx-border));
}

/* one editor shape: the modal */
.me-modal-scrim[b-89x104nlnr] {
    position: fixed; inset: 0; background: rgba(28, 25, 23, .46); display: flex;
    align-items: center; justify-content: center; z-index: 300; padding: 20px;
}
.me-modal[b-89x104nlnr] {
    width: 560px; max-width: 100%; max-height: 92vh; overflow: auto; background: #fff;
    border: 1px solid var(--cx-border); border-radius: 14px; box-shadow: 0 12px 32px rgba(28,25,23,.2);
}
.me-modal-head[b-89x104nlnr] {
    display: flex; align-items: flex-start; gap: 12px; padding: 15px 18px;
    background: var(--cx-bg-alt, #fafaf9); border-bottom: 1px solid var(--cx-border);
}
.me-modal-head .grow[b-89x104nlnr] { flex: 1; min-width: 0; }
.me-modal-head .t[b-89x104nlnr] { font-size: var(--cx-size-body); font-weight: 700; color: var(--cx-text); letter-spacing: -0.1px; }
.me-modal-head .s[b-89x104nlnr] { font-size: var(--cx-size-cap); color: var(--cx-muted, var(--cx-subtle)); margin-top: 2px; }
.me-modal-head .x[b-89x104nlnr] {
    width: 30px; height: 30px; padding: 0; border-radius: 8px; border: none; background: transparent;
    color: var(--cx-muted, var(--cx-subtle)); cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
}
.me-modal-head .x:hover[b-89x104nlnr] { background: var(--cx-bg-deep, #e7e5e4); }
.me-modal-body[b-89x104nlnr] { padding: 18px; }

@media (max-width: 720px) {
    .me-firmgrid[b-89x104nlnr] { grid-template-columns: 1fr; }
    .me-form3[b-89x104nlnr] { grid-template-columns: 1fr 1fr; }
    .me-meta[b-89x104nlnr] { grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); }
    .me-picker-title[b-89x104nlnr] { font-size: var(--cx-size-body); }
}
/* /Components/Account/Pages/Settings/ManageUsers.razor.rz.scp.css */

.table-cell[b-w0k6ynkcm4] {
    padding: 0.75rem;
    font-size: 0.875rem;
    color: var(--cx-text);
}

.users-section[b-w0k6ynkcm4] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    min-height: 90vh;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.section-header[b-w0k6ynkcm4] {
    padding: 2rem;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.section-title[b-w0k6ynkcm4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-title h2[b-w0k6ynkcm4] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--cx-text);
}

.section-actions[b-w0k6ynkcm4] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}


.table-wrapper[b-w0k6ynkcm4] {
    overflow-x: auto;
    flex-grow: 0;
}

.tabs[b-w0k6ynkcm4] {
    display: flex;
    padding: 0 2rem;
}
.tabs-container[b-w0k6ynkcm4] {
    border-bottom: 1px solid #e2e8f0;
}

.table-wrapper th[b-w0k6ynkcm4] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.tab[b-w0k6ynkcm4] {
    padding: 1rem 0;
    margin-right: 2rem;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    font-weight: 500;
    color: var(--cx-muted);
    transition: all 0.2s;
    position: relative;
}

.tab.active[b-w0k6ynkcm4] {
    color: var(--bit-clr-pri);
    border-bottom-color: var(--bit-clr-pri);
}

.tab-count[b-w0k6ynkcm4] {
    background: #f1f5f9;
    color: var(--cx-muted);
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
    margin-left: 0.5rem;
}

.tab.active .tab-count[b-w0k6ynkcm4] {
    background-color: color-mix(in srgb, var(--bit-clr-wrn), var(--mix-color) 80%);
    color: var(--bit-clr-pri);
}

.tab-content[b-w0k6ynkcm4] {
    display: none;
}

.tab-content.active[b-w0k6ynkcm4] {
    display: block;
}


.user-info .user-name[b-w0k6ynkcm4] {
    font-weight: 600;
    color: var(--cx-text);
    margin-bottom: 0.125rem;
}

.user-info .user-email[b-w0k6ynkcm4] {
    color: var(--cx-muted);
    font-size: 0.875rem;
}

.menu-trigger[b-w0k6ynkcm4] {
    width: min-content;
}

.action-td[b-w0k6ynkcm4]{
    width: 1%;
}

.no-items-msg[b-w0k6ynkcm4]{
    text-align: center;

}

@media (min-width: 768px) {
}
/* /Components/Account/Pages/Settings/PasswordSettings.razor.rz.scp.css */
/* Password & Security — settings-shell treatment (PageIntro + PanelCard). */

.pw-hint[b-poh9ltt57g] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    margin-top: 4px;
    line-height: 1.45;
}

.tfa-row[b-poh9ltt57g] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    text-decoration: none;
    color: var(--cx-subtle);
    transition: background .12s;
}

.tfa-row:hover[b-poh9ltt57g] { background: var(--cx-panel-alt, #fafaf9); text-decoration: none; }

.tfa-ic[b-poh9ltt57g] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--cx-pri-soft);
    border: 1px solid var(--cx-pri-border);
    color: var(--cx-pri);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.tfa-text[b-poh9ltt57g] { flex: 1; min-width: 0; }
.tfa-title[b-poh9ltt57g] { display: block; font-size: var(--cx-size-body); font-weight: 600; color: var(--cx-text, #1c1917); }
.tfa-sub[b-poh9ltt57g] { display: block; font-size: var(--cx-size-meta); color: var(--cx-muted, #57534e); margin-top: 1px; }
/* /Components/Account/Pages/Settings/PaymentSettings/Components/GlobalPaymentAccountsSection.razor.rz.scp.css */
/* House accounts section. The card chrome mirrors PaymentCard.razor.css so the
   section lands as a sibling of the firm groups — Blazor CSS isolation means those
   scoped rules can't be borrowed by class name, so they are carried here verbatim.
   Tokens inherited from .pay-page; modal head/body/foot come from the global
   cx-modal-* rules (admin-portal.css). */

.group-card[b-57w2ajdrkv] {
    background: var(--pay-panel, #fff);
    border: 1px solid var(--pay-border, #e7e5e4);
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(28, 25, 23, 0.05);
    overflow: hidden;
}

.group-head[b-57w2ajdrkv] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--pay-border-soft, #efeeed);
}

.group-icon[b-57w2ajdrkv] {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background: var(--pay-chip, #f5f4f1);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pay-text-muted, #57534e);
}

.group-titles[b-57w2ajdrkv] {
    flex: 1;
    min-width: 0;
}

.group-title-row[b-57w2ajdrkv] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.group-title[b-57w2ajdrkv] {
    margin: 0;
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--pay-text, #1c1917);
    letter-spacing: -0.01em;
}

.group-tag[b-57w2ajdrkv] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.03em;
    padding: 2px 7px;
    border-radius: 4px;
    background: var(--pay-pri-soft, #fff7ed);
    color: var(--pay-pri-text, #c2410c);
    border: 1px solid var(--pay-pri-border, #fed7aa);
}

.group-blurb[b-57w2ajdrkv] {
    font-size: var(--cx-size-meta);
    color: var(--pay-text-muted, #57534e);
    margin-top: 3px;
    line-height: 1.45;
}

.group-count[b-57w2ajdrkv] {
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--pay-text-muted, #57534e);
    background: var(--pay-chip, #f5f4f1);
    padding: 3px 10px;
    border-radius: 999px;
    flex-shrink: 0;
    white-space: nowrap;
}

    .group-count.is-empty[b-57w2ajdrkv] {
        color: var(--pay-text-subtle, #a8a29e);
    }

.group-body[b-57w2ajdrkv] {
    padding: 18px;
}

.empty-state[b-57w2ajdrkv] {
    border: 1.5px dashed var(--pay-border, #e7e5e4);
    border-radius: 9px;
    padding: 28px 20px;
    text-align: center;
    background: #fdfdfc;
}

.empty-icon[b-57w2ajdrkv] {
    width: 44px;
    height: 44px;
    border-radius: 11px;
    background: var(--pay-chip, #f5f4f1);
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pay-text-subtle, #a8a29e);
}

.empty-title[b-57w2ajdrkv] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--pay-text, #1c1917);
}

.empty-text[b-57w2ajdrkv] {
    font-size: var(--cx-size-meta);
    color: var(--pay-text-muted, #57534e);
    margin: 4px auto 16px;
    max-width: 400px;
    line-height: 1.5;
}

[b-57w2ajdrkv] .empty-add {
    margin: 0 auto;
}

.group-add[b-57w2ajdrkv] {
    padding: 12px 14px;
    border-top: 1px solid var(--pay-border-soft, #efeeed);
}

[b-57w2ajdrkv] .add-link {
    color: var(--pay-pri-text, #c2410c);
}

/* ── Modal shells (grants + remove). Chrome (cx-modal-*) is global; the accent
   vars and field styles are the Add modal's, carried for the same reason. ── */
.pay-modal[b-57w2ajdrkv] {
    --pay-pri: var(--bit-clr-pri, #f97316);
    --pay-pri-soft: color-mix(in srgb, var(--pay-pri) 9%, #fff);
    --pay-pri-border: color-mix(in srgb, var(--pay-pri) 32%, #fff);
    --pay-pri-text: color-mix(in srgb, var(--pay-pri) 72%, #1c1917);
    --pay-border-soft: #efeeed;
    --pay-header-bg: #fafaf9;
    --pay-text: #1c1917;
    --pay-text-subtle: #a8a29e;
    font-family: var(--cx-font);
}

.footer-note[b-57w2ajdrkv] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--cx-size-cap);
    line-height: 1.4;
    color: var(--pay-text-subtle);
}

.field-block[b-57w2ajdrkv] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.field-label[b-57w2ajdrkv] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--pay-text, #1c1917);
}

/* skeleton shimmer (the section's loading rows) */
.tc-skel-glyph[b-57w2ajdrkv] {
    display: block;
    border-radius: 6px;
    background: #ecebe9;
    background-image: linear-gradient(90deg, #ecebe9 0, #f4f3f1 50%, #ecebe9 100%);
    background-size: 600px 100%;
    animation: tc-shimmer-b-57w2ajdrkv 1.25s linear infinite;
}

@keyframes tc-shimmer-b-57w2ajdrkv {
    0% { background-position: -300px 0; }
    100% { background-position: 300px 0; }
}

@media (prefers-reduced-motion: reduce) {
    .tc-skel-glyph[b-57w2ajdrkv] {
        animation: none;
    }
}

/* The deployment axis: a picker in the section header (one section, one state at a time),
   and the "Not registered here" divider in the grant list. */
.group-head[b-57w2ajdrkv] { flex-wrap: wrap; }
.group-picker[b-57w2ajdrkv] { margin-left: auto; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.picker-label[b-57w2ajdrkv] {
    font-size: var(--cx-size-cap); font-weight: 700; letter-spacing: .09em; text-transform: uppercase;
    color: var(--pay-text-subtle, #a8a29e);
}
.grant-divider[b-57w2ajdrkv] {
    margin-top: 6px; padding: 9px 10px; border-top: 1px solid #eef0f4; border-bottom: 1px solid #eef0f4;
    background: #f4f3f1; font-size: var(--cx-size-cap); font-weight: 700; letter-spacing: .09em; text-transform: uppercase;
    color: #7a8291;
}
/* /Components/Account/Pages/Settings/PaymentSettings/Components/PaymentAttentionPanel.razor.rz.scp.css */

.attention-panel[b-svzi59crkk] {
    background-color: #fff;
    border: 1px solid #fad8a7;
    border-radius: 0.15rem;
    display: flex;
    flex-direction: column;
}

.panel-heading[b-svzi59crkk] {
    background-color: #fad8a7;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #fad8a7;
}

.attention-icon[b-svzi59crkk] {
    display: inline-flex;
    color: #ca8a04;
    margin-right: 0.5rem;
}

.attention-title[b-svzi59crkk] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f0f0f;
}

.panel-body[b-svzi59crkk] {
    padding: 1rem;
}

.attention-text[b-svzi59crkk] {
    font-size: 0.875rem;
    color: #374151;
}

    .attention-text p[b-svzi59crkk] {
        margin: 0;
    }
/* /Components/Account/Pages/Settings/PaymentSettings/Components/PaymentCard.razor.rz.scp.css */
/* Court-system group card. Tokens inherited from .pay-page. */
.group-card[b-wcaovepcpq] {
    background: var(--pay-panel, #fff);
    border: 1px solid var(--pay-border, #e7e5e4);
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(28, 25, 23, 0.05);
    overflow: hidden;
}

/* header */
.group-head[b-wcaovepcpq] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--pay-border-soft, #efeeed);
}

.group-icon[b-wcaovepcpq] {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background: var(--pay-chip, #f5f4f1);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pay-text-muted, #57534e);
}

.group-titles[b-wcaovepcpq] {
    flex: 1;
    min-width: 0;
}

.group-title-row[b-wcaovepcpq] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.group-title[b-wcaovepcpq] {
    margin: 0;
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--pay-text, #1c1917);
    letter-spacing: -0.01em;
}

.group-tag[b-wcaovepcpq] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.03em;
    padding: 2px 7px;
    border-radius: 4px;
    background: var(--pay-sec-soft, #eff6ff);
    color: var(--pay-sec, #2563eb);
    border: 1px solid var(--pay-sec-border, #bfdbfe);
}

.group-blurb[b-wcaovepcpq] {
    font-size: var(--cx-size-meta);
    color: var(--pay-text-muted, #57534e);
    margin-top: 3px;
    line-height: 1.45;
}

.group-link[b-wcaovepcpq] {
    color: var(--pay-pri-text, #c2410c);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

    .group-link:hover[b-wcaovepcpq] {
        text-decoration: underline;
    }

.group-count[b-wcaovepcpq] {
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--pay-text-muted, #57534e);
    background: var(--pay-chip, #f5f4f1);
    padding: 3px 10px;
    border-radius: 999px;
    flex-shrink: 0;
    white-space: nowrap;
}

    .group-count.is-empty[b-wcaovepcpq] {
        color: var(--pay-text-subtle, #a8a29e);
    }

/* empty state */
.group-body[b-wcaovepcpq] {
    padding: 18px;
}

/* Match the provider-permission warning on filing Review. */
.payment-permission-warning[b-wcaovepcpq] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 11px 12px;
    background: var(--cx-amber-soft, #fbeed0);
    border: 1px solid var(--cx-amber-border, #e9cf95);
    border-radius: var(--cx-ctl-r, 6px);
    max-width: 720px;
}

.permission-icon[b-wcaovepcpq] {
    color: var(--cx-amber, #7c4708);
    flex-shrink: 0;
    margin-top: 2px;
}

.permission-body[b-wcaovepcpq] {
    flex: 1 1 300px;
    min-width: 0;
}

.permission-title[b-wcaovepcpq] {
    font-size: 13px;
    font-weight: 700;
    color: var(--cx-text, var(--pay-text, #1c1917));
}

.permission-message[b-wcaovepcpq] {
    font-size: 12px;
    color: var(--cx-muted, var(--pay-text-muted, #57534e));
    line-height: 1.55;
    margin-top: 4px;
    text-wrap: pretty;
}

.empty-state[b-wcaovepcpq] {
    border: 1.5px dashed var(--pay-border, #e7e5e4);
    border-radius: 9px;
    padding: 28px 20px;
    text-align: center;
    background: #fdfdfc;
}

.empty-icon[b-wcaovepcpq] {
    width: 44px;
    height: 44px;
    border-radius: 11px;
    background: var(--pay-chip, #f5f4f1);
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pay-text-subtle, #a8a29e);
}

.empty-title[b-wcaovepcpq] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--pay-text, #1c1917);
}

.empty-text[b-wcaovepcpq] {
    font-size: var(--cx-size-meta);
    color: var(--pay-text-muted, #57534e);
    margin: 4px auto 16px;
    max-width: 360px;
    line-height: 1.5;
}

[b-wcaovepcpq] .empty-add {
    margin: 0 auto;
}

/* add-another footer */
.group-add[b-wcaovepcpq] {
    padding: 12px 14px;
    border-top: 1px solid var(--pay-border-soft, #efeeed);
}

[b-wcaovepcpq] .add-link {
    color: var(--pay-pri-text, #c2410c);
}
/* /Components/Account/Pages/Settings/PaymentSettings/Components/PaymentCardSkeleton.razor.rz.scp.css */
/* Skeleton card — mirrors PaymentCard layout. Tokens inherited from .pay-page. */
.sk-card[b-c4my6lq7we] {
    background: var(--pay-panel, #fff);
    border: 1px solid var(--pay-border, #e7e5e4);
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(28, 25, 23, 0.05);
    overflow: hidden;
}

.sk[b-c4my6lq7we] {
    background: #ecebe9;
    background-image: linear-gradient(90deg, #ecebe9 0, #f4f3f1 50%, #ecebe9 100%);
    background-size: 600px 100%;
    animation: sk-shimmer-b-c4my6lq7we 1.25s linear infinite;
    border-radius: 6px;
}

.sk-head[b-c4my6lq7we] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--pay-border-soft, #efeeed);
}

.sk-icon[b-c4my6lq7we] {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    flex-shrink: 0;
}

.sk-titles[b-c4my6lq7we] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sk-count[b-c4my6lq7we] {
    width: 64px;
    height: 20px;
    border-radius: 999px;
    flex-shrink: 0;
}

.sk-colheads[b-c4my6lq7we] {
    display: grid;
    grid-template-columns: 1.4fr 1fr 0.8fr 1fr auto;
    gap: 12px;
    padding: 12px 18px;
    background: var(--pay-header-bg, #fafaf9);
}

.sk-row[b-c4my6lq7we] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 15px 18px;
    border-top: 1px solid var(--pay-border-soft, #efeeed);
}

.sk-glyph[b-c4my6lq7we] {
    width: 38px;
    height: 26px;
    border-radius: 5px;
    flex-shrink: 0;
}

.sk-rowtext[b-c4my6lq7we] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.sk-pill[b-c4my6lq7we] {
    width: 64px;
    height: 20px;
    border-radius: 999px;
}

@keyframes sk-shimmer-b-c4my6lq7we {
    0% {
        background-position: -300px 0;
    }

    100% {
        background-position: 300px 0;
    }
}
/* /Components/Account/Pages/Settings/PaymentSettings/Components/PaymentMethodsTable.razor.rz.scp.css */
/* ── Account rows — identity lines instead of columns (payment-flow round).
   Tokens inherited from .pay-page. ── */

.method-row[b-kgrgud78zg] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px 18px;
    border-top: 1px solid var(--pay-border-soft, #efeeed);
    transition: background 0.12s;
}

.method-row:hover[b-kgrgud78zg] {
    background: var(--pay-header-bg, #fafaf9);
}

.method-row.is-inactive[b-kgrgud78zg] {
    opacity: 0.62;
}

/* the one neutral glyph frame */
.m-glyph[b-kgrgud78zg] {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background: var(--pay-chip, #f5f5f4);
    border: 1px solid var(--pay-border, #e7e5e4);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pay-text-muted, #57534e);
}

.m-code[b-kgrgud78zg] {
    font-family: var(--cx-mono, ui-monospace, monospace);
    font-size: var(--cx-size-cap);
    font-weight: 500;
    color: var(--pay-text-muted, #57534e);
}

.m-text[b-kgrgud78zg] {
    flex: 1;
    min-width: 0;
}

.m-nick-row[b-kgrgud78zg] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.m-nick[b-kgrgud78zg] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--pay-text, #1c1917);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m-inactive[b-kgrgud78zg] {
    flex-shrink: 0;
    font-size: var(--cx-size-cap);
    color: var(--pay-text-subtle, #a8a29e);
}

.m-ident[b-kgrgud78zg] {
    font-size: var(--cx-size-meta);
    color: var(--pay-text-muted, #57534e);
    margin-top: 2px;
    line-height: 1.45;
    text-wrap: pretty;
}

.m-default[b-kgrgud78zg] {
    flex-shrink: 0;
}

.m-default-pill[b-kgrgud78zg] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    background: var(--cx-pri-soft, #fff5ee);
    color: var(--cx-pri-text, #c2410c);
    border: 1px solid var(--cx-pri-border, #fcd2b4);
}

.m-setdefault[b-kgrgud78zg] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-pri-text, #c2410c);
    font-family: inherit;
    padding: 0;
}

.m-actions[b-kgrgud78zg] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    flex-shrink: 0;
}

.m-icobtn[b-kgrgud78zg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--pay-text-muted, #57534e);
    cursor: pointer;
    transition: background .12s, color .12s, border-color .12s;
}

.m-icobtn:hover[b-kgrgud78zg] {
    background: var(--pay-chip, #f5f5f4);
    color: var(--pay-text, #1c1917);
}

.m-icobtn.danger:hover[b-kgrgud78zg] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
}
/* /Components/Account/Pages/Settings/PaymentSettings/Components/PaymentSettingsHeader.razor.rz.scp.css */
.pay-head[b-uk7y99jvha] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}

.pay-head-text[b-uk7y99jvha] {
    flex: 1;
    min-width: 0;
}

.pay-head-title[b-uk7y99jvha] {
    margin: 0;
    font-size: var(--cx-size-title);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--pay-text, #1c1917);
}

.pay-head-sub[b-uk7y99jvha] {
    margin: 6px 0 0;
    font-size: var(--cx-size-body);
    color: var(--pay-text-muted, #57534e);
    max-width: 600px;
    line-height: 1.5;
}

.pay-head-actions[b-uk7y99jvha] {
    display: flex;
    gap: 9px;
    flex-shrink: 0;
}

.pay-head-loading[b-uk7y99jvha] {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-shrink: 0;
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--pay-text-subtle, #a8a29e);
}

.pay-spin[b-uk7y99jvha] {
    width: 15px;
    height: 15px;
    border-radius: 999px;
    border: 2px solid var(--pay-chip, #f5f4f1);
    border-top-color: var(--pay-pri, #f97316);
    animation: pay-spin-b-uk7y99jvha 0.9s linear infinite;
}

@keyframes pay-spin-b-uk7y99jvha {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Account/Pages/Settings/PaymentSettings/Components/PaymentSettingsInfoBanner.razor.rz.scp.css */
/* Reassurance + construction notices now use the shared <Message> component — no bespoke styles needed. */
/* /Components/Account/Pages/Settings/PaymentSettings/Modals/AddPaymentAccountModal.razor.rz.scp.css */
/* Add Payment Account modal. Accent from the tenant primary (--bit-clr-pri); warm-stone neutrals. */
.pay-modal[b-mh1ynq1r58] {
    --pay-pri: var(--bit-clr-pri, #f97316);
    --pay-pri-soft: color-mix(in srgb, var(--pay-pri) 9%, #fff);
    --pay-pri-border: color-mix(in srgb, var(--pay-pri) 32%, #fff);
    --pay-pri-text: color-mix(in srgb, var(--pay-pri) 72%, #1c1917);
    --pay-border-soft: #efeeed;
    --pay-header-bg: #fafaf9;
    --pay-text: #1c1917;
    --pay-text-subtle: #a8a29e;

    font-family: var(--cx-font);
}

.modal-header[b-mh1ynq1r58] {
    padding: 18px 22px;
    border-bottom: 1px solid var(--pay-border-soft);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header-text[b-mh1ynq1r58] {
    font-size: var(--cx-size-head);
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--pay-text);
}

.modal-body[b-mh1ynq1r58] {
    padding: 20px 22px;
    overflow-y: auto;
    max-height: 70vh;
}

.tip-box[b-mh1ynq1r58] {
    background: var(--pay-pri-soft);
    border: 1px solid var(--pay-pri-border);
    border-radius: 9px;
    padding: 11px 13px;
    margin-bottom: 18px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: var(--cx-size-meta);
    line-height: 1.45;
    color: var(--pay-pri-text);
}

    .tip-box svg[b-mh1ynq1r58] {
        flex-shrink: 0;
        margin-top: 1px;
    }

.modal-fields[b-mh1ynq1r58] {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.modal-footer[b-mh1ynq1r58] {
    padding: 16px 22px;
    border-top: 1px solid var(--pay-border-soft);
    background: var(--pay-header-bg);
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-note[b-mh1ynq1r58] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--cx-size-cap);
    line-height: 1.4;
    color: var(--pay-text-subtle);
}

    .footer-note svg[b-mh1ynq1r58] {
        flex-shrink: 0;
    }

[b-mh1ynq1r58] .checkbox-field {
    margin-bottom: 0;
}

/* ── Field label (for the type picker, which isn't a TextField/Select) ── */
.field-block[b-mh1ynq1r58] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.field-label[b-mh1ynq1r58] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--pay-text, #1c1917);
}

    .field-label .req[b-mh1ynq1r58] {
        color: var(--pay-pri, #f97316);
        margin-left: 3px;
    }

/* ── Type picker — radio cards (Credit Card / eCheck / Waiver) ── */
.type-cards[b-mh1ynq1r58] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.type-card[b-mh1ynq1r58] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    text-align: left;
    width: 100%;
    padding: 13px 14px;
    border-radius: 10px;
    cursor: pointer;
    font-family: inherit;
    background: #fff;
    border: 1.5px solid var(--pay-border, #e7e5e4);
    transition: background 0.12s, border-color 0.12s, box-shadow 0.12s;
}

    .type-card:hover[b-mh1ynq1r58] {
        border-color: #d6d3d1;
    }

    .type-card.sel[b-mh1ynq1r58] {
        background: var(--pay-pri-soft);
        border-color: var(--pay-pri);
        box-shadow: 0 0 0 3px var(--pay-pri-soft);
    }

.tc-icon[b-mh1ynq1r58] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pay-chip, #f5f4f1);
    color: var(--pay-text-muted, #57534e);
    border: 1px solid transparent;
}

.type-card.sel .tc-icon[b-mh1ynq1r58] {
    background: #fff;
    color: var(--pay-pri-text);
    border-color: var(--pay-pri-border);
}

.tc-text[b-mh1ynq1r58] {
    flex: 1;
    min-width: 0;
}

.tc-title[b-mh1ynq1r58] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--pay-text, #1c1917);
}

.tc-desc[b-mh1ynq1r58] {
    font-size: var(--cx-size-cap);
    color: var(--pay-text-muted, #57534e);
    margin-top: 3px;
    line-height: 1.45;
}

.tc-radio[b-mh1ynq1r58] {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    border-radius: 999px;
    border: 1.5px solid #d6d3d1;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.12s, border-color 0.12s;
}

.type-card.sel .tc-radio[b-mh1ynq1r58] {
    background: var(--pay-pri);
    border-color: var(--pay-pri);
}

/* payment-flow round additions */
.tc-code[b-mh1ynq1r58] {
    margin-left: 7px;
    font-family: var(--cx-mono, ui-monospace, monospace);
    font-size: var(--cx-size-cap);
    font-weight: 400;
    color: var(--pay-text-subtle, #a8a29e);
}

.tc-code-glyph[b-mh1ynq1r58] {
    font-family: var(--cx-mono, ui-monospace, monospace);
    font-size: var(--cx-size-cap);
    font-weight: 500;
}

.tc-hint[b-mh1ynq1r58] {
    margin-top: 8px;
    font-size: var(--cx-size-cap);
    color: var(--pay-text-subtle, #a8a29e);
    line-height: 1.5;
    text-wrap: pretty;
}

/* the type list waits for the deployment's answer */
.tc-skel[b-mh1ynq1r58] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border-radius: 10px;
    border: 1.5px solid var(--pay-border, #e7e5e4);
    background: #fff;
}

.tc-skel-glyph[b-mh1ynq1r58],
.tc-skel-lines span[b-mh1ynq1r58] {
    display: block;
    border-radius: 6px;
    background: #ecebe9;
    background-image: linear-gradient(90deg, #ecebe9 0, #f4f3f1 50%, #ecebe9 100%);
    background-size: 600px 100%;
    animation: tc-shimmer-b-mh1ynq1r58 1.25s linear infinite;
}

.tc-skel-glyph[b-mh1ynq1r58] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    flex-shrink: 0;
}

.tc-skel-lines[b-mh1ynq1r58] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.tc-skel-lines span:first-child[b-mh1ynq1r58] {
    width: 34%;
    height: 11px;
}

.tc-skel-lines span:last-child[b-mh1ynq1r58] {
    width: 72%;
    height: 9px;
}

@keyframes tc-shimmer-b-mh1ynq1r58 {
    0% { background-position: -300px 0; }
    100% { background-position: 300px 0; }
}

@media (prefers-reduced-motion: reduce) {
    .tc-skel-glyph[b-mh1ynq1r58],
    .tc-skel-lines span[b-mh1ynq1r58] {
        animation: none;
    }
}
/* /Components/Account/Pages/Settings/PaymentSettings/Modals/CourtsModal.razor.rz.scp.css */
/* Participating-courts modal. Accent from tenant primary; warm-stone neutrals. */
.pay-modal[b-k210wr458o] {
    --pay-pri: var(--bit-clr-pri, #f97316);
    --pay-pri-text: color-mix(in srgb, var(--pay-pri) 72%, #1c1917);
    --pay-border-soft: #efeeed;
    --pay-header-bg: #fafaf9;
    --pay-chip: #f5f4f1;
    --pay-text: #1c1917;
    --pay-text-muted: #57534e;
    --pay-text-subtle: #a8a29e;

    font-family: var(--cx-font);
    display: flex;
    flex-direction: column;
    max-height: 86vh;
}

.modal-header[b-k210wr458o] {
    padding: 18px 22px 16px;
    border-bottom: 1px solid var(--pay-border-soft);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.modal-header-text[b-k210wr458o] {
    font-size: var(--cx-size-head);
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--pay-text);
}

.courts-sub[b-k210wr458o] {
    font-size: var(--cx-size-meta);
    color: var(--pay-text-muted);
    margin-top: 3px;
}

.courts-controls[b-k210wr458o] {
    padding: 14px 22px 12px;
}

.courts-search[b-k210wr458o] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: var(--cx-ctl-h, 32px);
    padding: 0 12px;
    background: var(--pay-chip);
    border-radius: 8px;
    color: var(--pay-text-subtle);
}

    .courts-search input[b-k210wr458o] {
        flex: 1;
        border: none;
        background: transparent;
        outline: none;
        font-family: inherit;
        font-size: var(--cx-size-body);
        color: var(--pay-text);
    }

.courts-list[b-k210wr458o] {
    flex: 1;
    overflow: auto;
    padding: 0 22px 8px;
}

.court-row[b-k210wr458o] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 4px;
    border-top: 1px solid var(--pay-border-soft);
}

.court-icon[b-k210wr458o] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--pay-chip);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pay-text-muted);
}

.court-name[b-k210wr458o] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--pay-text);
}

.courts-empty[b-k210wr458o] {
    padding: 40px 0;
    text-align: center;
    font-size: var(--cx-size-body);
    color: var(--pay-text-subtle);
}

.modal-footer[b-k210wr458o] {
    padding: 14px 22px;
    border-top: 1px solid var(--pay-border-soft);
    background: var(--pay-header-bg);
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-note[b-k210wr458o] {
    flex: 1;
    font-size: var(--cx-size-cap);
    color: var(--pay-text-subtle);
}

/* payment-flow round: the dual-system truth */
.courts-dual-note[b-k210wr458o] {
    margin: 14px 22px 0;
    display: flex;
    gap: 10px;
    padding: 11px 13px;
    border-radius: 9px;
    background: var(--cx-amber-soft, #fffbeb);
    border: 1px solid var(--cx-amber-border, #fde68a);
    font-size: var(--cx-size-meta);
    color: #7c4a09;
    line-height: 1.45;
}

.courts-dual-note svg[b-k210wr458o] {
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--cx-amber, #b45309);
}

.courts-tabs[b-k210wr458o] {
    display: flex;
    gap: 2px;
    padding: 3px;
    background: var(--pay-chip, #f5f5f4);
    border-radius: 9px;
    flex-shrink: 0;
}

.courts-tabs button[b-k210wr458o] {
    height: 30px;
    padding: 0 12px;
    border-radius: 7px;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    border: none;
    background: transparent;
    color: var(--pay-text-muted, #57534e);
}

.courts-tabs button.on[b-k210wr458o] {
    background: #fff;
    color: var(--pay-text, #1c1917);
    box-shadow: 0 1px 2px rgba(28, 25, 23, 0.06);
}

.court-dual[b-k210wr458o] {
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border-radius: 999px;
    flex-shrink: 0;
    font-size: var(--cx-size-cap);
    font-weight: 700;
    background: var(--cx-amber-soft, #fffbeb);
    color: var(--cx-amber, #b45309);
    border: 1px solid var(--cx-amber-border, #fde68a);
}
/* /Components/Account/Pages/Settings/PaymentSettings/Modals/EditPaymentAccountModal.razor.rz.scp.css */
/* Edit Payment Account modal — mirrors the Add modal. Accent from tenant primary; warm-stone neutrals. */
.pay-modal[b-g0evi30zg2] {
    --pay-pri: var(--bit-clr-pri, #f97316);
    --pay-pri-soft: color-mix(in srgb, var(--pay-pri) 9%, #fff);
    --pay-pri-border: color-mix(in srgb, var(--pay-pri) 32%, #fff);
    --pay-pri-text: color-mix(in srgb, var(--pay-pri) 72%, #1c1917);
    --pay-border-soft: #efeeed;
    --pay-header-bg: #fafaf9;
    --pay-text: #1c1917;
    --pay-text-subtle: #a8a29e;

    font-family: var(--cx-font);
}

.modal-header[b-g0evi30zg2] {
    padding: 18px 22px;
    border-bottom: 1px solid var(--pay-border-soft);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header-text[b-g0evi30zg2] {
    font-size: var(--cx-size-head);
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--pay-text);
}

.modal-body[b-g0evi30zg2] {
    padding: 20px 22px;
    overflow-y: auto;
    max-height: 70vh;
}

.tip-box[b-g0evi30zg2] {
    background: var(--pay-pri-soft);
    border: 1px solid var(--pay-pri-border);
    border-radius: 9px;
    padding: 11px 13px;
    margin-bottom: 18px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: var(--cx-size-meta);
    line-height: 1.45;
    color: var(--pay-pri-text);
}

    .tip-box svg[b-g0evi30zg2] {
        flex-shrink: 0;
        margin-top: 1px;
    }

.modal-fields[b-g0evi30zg2] {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.modal-footer[b-g0evi30zg2] {
    padding: 16px 22px;
    border-top: 1px solid var(--pay-border-soft);
    background: var(--pay-header-bg);
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-note[b-g0evi30zg2] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--cx-size-cap);
    line-height: 1.4;
    color: var(--pay-text-subtle);
}

    .footer-note svg[b-g0evi30zg2] {
        flex-shrink: 0;
    }

/* ── Immutable account summary ── */
.edit-summary[b-g0evi30zg2] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border-radius: 10px;
    background: var(--pay-header-bg);
    border: 1px solid var(--pay-border-soft);
    margin-bottom: 18px;
}

.es-glyph[b-g0evi30zg2] {
    width: 40px;
    height: 28px;
    border-radius: 5px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.es-text[b-g0evi30zg2] {
    flex: 1;
    min-width: 0;
}

.es-ident[b-g0evi30zg2] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--pay-text);
    font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

    .es-ident.es-plain[b-g0evi30zg2] {
        font-family: inherit;
    }

.es-sub[b-g0evi30zg2] {
    font-size: var(--cx-size-cap);
    color: var(--pay-text-subtle);
    margin-top: 1px;
}

/* ── Type badge (scoped copy — matches PaymentMethodsTable) ── */
.type-badge[b-g0evi30zg2] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.badge-card[b-g0evi30zg2] {
    background: #f5f4f1;
    color: #57534e;
    border: 1px solid #e7e5e4;
}

.badge-bank[b-g0evi30zg2] {
    background: #eff6ff;
    color: #1e3a8a;
    border: 1px solid #bfdbfe;
}

.badge-waiver[b-g0evi30zg2] {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

/* ── Field label ── */
.field-block[b-g0evi30zg2] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.field-label[b-g0evi30zg2] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--pay-text);
}

/* ── Active / Inactive toggle ── */
.status-toggle[b-g0evi30zg2] {
    display: flex;
    gap: 8px;
}

.st-btn[b-g0evi30zg2] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 13px;
    border-radius: 9px;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--pay-text-subtle);
    background: #fff;
    border: 1.5px solid var(--pay-border-soft);
    transition: background 0.12s, border-color 0.12s, color 0.12s;
}

    .st-btn.st-active[b-g0evi30zg2] {
        background: #f0fdf4;
        border-color: #15803d;
        color: #15803d;
    }

    .st-btn.st-inactive[b-g0evi30zg2] {
        background: #fef2f2;
        border-color: #fca5a5;
        color: #b91c1c;
    }

/* payment-flow round: the neutral summary — one frame for every kind, the
   identity line instead of badge + "No expiry". */
.es-glyph[b-g0evi30zg2] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: var(--pay-chip, #f5f5f4) !important;
    border: 1px solid var(--pay-border, #e7e5e4);
    color: var(--pay-text-muted, #57534e);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.es-code[b-g0evi30zg2] {
    font-family: var(--cx-mono, ui-monospace, monospace);
    font-size: var(--cx-size-cap);
    font-weight: 500;
}

.es-nick[b-g0evi30zg2] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--pay-text, #1c1917);
}

.es-ident[b-g0evi30zg2] {
    font-size: var(--cx-size-cap);
    color: var(--pay-text-muted, #57534e);
    margin-top: 2px;
    line-height: 1.45;
}

/* draw-down: what the court holds, per location (read live, never stored) */
.dd-balances[b-g0evi30zg2] {
    border: 1px solid var(--cx-border);
    border-radius: 8px;
    overflow: hidden;
}

.dd-row[b-g0evi30zg2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: baseline;
    padding: 8px 12px;
    font-size: var(--cx-size-body);
}

.dd-row + .dd-row[b-g0evi30zg2] {
    border-top: 1px solid var(--cx-border);
}

.dd-loc[b-g0evi30zg2] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dd-amt[b-g0evi30zg2] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.dd-min[b-g0evi30zg2] {
    color: var(--cx-subtle);
    font-size: var(--cx-size-cap);
    font-variant-numeric: tabular-nums;
}
/* /Components/Account/Pages/Settings/PaymentSettings/PaymentSettings.razor.rz.scp.css */
/* Payment Settings page. Defines the shared --pay-* design tokens on the page wrapper so every child
   component (header, banner, cards, table) inherits them via the CSS cascade. Accent derives from the
   tenant primary (--bit-clr-pri); neutrals are the app's warm-stone scale. */
.pay-page[b-ie1wplxd0h] {
    --pay-pri: var(--bit-clr-pri, #f97316);
    --pay-pri-soft: color-mix(in srgb, var(--pay-pri) 9%, #fff);
    --pay-pri-border: color-mix(in srgb, var(--pay-pri) 32%, #fff);
    --pay-pri-text: color-mix(in srgb, var(--pay-pri) 72%, #1c1917);
    --pay-bg: #f5f5f4;
    --pay-panel: #fff;
    --pay-header-bg: #fafaf9;
    --pay-border: #e7e5e4;
    --pay-border-soft: #efeeed;
    --pay-chip: #f5f4f1;
    --pay-text: #1c1917;
    --pay-text-muted: #57534e;
    --pay-text-subtle: #a8a29e;
    /* trust / informational blue (constant, not tenant-accent) */
    --pay-sec: #2563eb;
    --pay-sec-soft: #eff6ff;
    --pay-sec-border: #bfdbfe;
    --pay-sec-text: #1e3a8a;

    /* hosted in the settings shell: it provides the page font, background and gutters */
}

.pay-page-inner[b-ie1wplxd0h] {
    max-width: 1000px;
}

.pay-cards[b-ie1wplxd0h] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.blur-background[b-ie1wplxd0h] {
    filter: blur(4px);
    pointer-events: none;
    user-select: none;
    transition: filter 0.2s ease-in-out;
}

    .blur-background[b-ie1wplxd0h]::after {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(2px);
        z-index: 5;
    }

/* the standing fact about what edits can and cannot do */
.pay-standing-note[b-ie1wplxd0h] {
    margin: 16px 2px 0;
    font-size: var(--cx-size-cap);
    color: var(--pay-text-subtle, #a8a29e);
    line-height: 1.55;
    max-width: 620px;
    text-wrap: pretty;
}
/* /Components/Account/Pages/Settings/PaymentSettings/TogaPaymentAccount.razor.rz.scp.css */
/* Payment redirect interstitial + loading overlay.
   Accent ramp derives from the tenant primary (--bit-clr-pri) so it reskins per tenant
   (Nationwide orange / ASAP crimson); neutrals are the app's warm-stone scale (tenant-independent). */
.toga-scope[b-yq33pbw4my] {
    --pay-pri: var(--bit-clr-pri, #f97316);
    --pay-pri-soft: color-mix(in srgb, var(--pay-pri) 9%, #fff);
    --pay-pri-border: color-mix(in srgb, var(--pay-pri) 32%, #fff);
    --pay-pri-text: color-mix(in srgb, var(--pay-pri) 72%, #1c1917);
    --pay-pri-strong: color-mix(in srgb, var(--pay-pri) 82%, #000);
    --pay-panel: #fff;
    --pay-border: #e7e5e4;
    --pay-border-soft: #efeeed;
    --pay-text: #1c1917;
    --pay-text-muted: #57534e;
    --pay-text-subtle: #a8a29e;

    display: flex;
    justify-content: center;
    padding: 46px 30px 60px;
    font-family: var(--cx-font);
}

.setup-card[b-yq33pbw4my] {
    width: 100%;
    max-width: 660px;
    background: var(--pay-panel);
    border: 1px solid var(--pay-border);
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(28, 25, 23, 0.05);
    overflow: hidden;
}

/* head */
.setup-head[b-yq33pbw4my] {
    padding: 34px 38px 26px;
    border-bottom: 1px solid var(--pay-border-soft);
}

.setup-badge[b-yq33pbw4my] {
    width: 50px;
    height: 50px;
    border-radius: 13px;
    background: linear-gradient(135deg, var(--pay-pri), var(--pay-pri-strong));
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    box-shadow: 0 6px 16px var(--pay-pri-soft);
}

.setup-eyebrow[b-yq33pbw4my] {
    font-family: var(--cx-label-font); font-size: var(--cx-label-size); font-weight: var(--cx-label-weight); letter-spacing: var(--cx-label-track);
    text-transform: uppercase; /* ink I2 form; keeps its toned color */
    color: var(--pay-pri-text);
}

.setup-title[b-yq33pbw4my] {
    margin: 8px 0 0;
    font-size: var(--cx-size-title);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--pay-text);
    line-height: 1.15;
}

.setup-intro[b-yq33pbw4my] {
    margin: 12px 0 0;
    font-size: var(--cx-size-body);
    color: var(--pay-text-muted);
    line-height: 1.6;
    max-width: 540px;
}

/* steps */
.setup-steps[b-yq33pbw4my] {
    padding: 26px 38px 4px;
}

.setup-steps-label[b-yq33pbw4my] {
    font-family: var(--cx-label-font); font-size: var(--cx-label-size); font-weight: var(--cx-label-weight); letter-spacing: var(--cx-label-track);
    text-transform: uppercase;
    color: var(--pay-text-subtle);
    margin-bottom: 18px;
}

.setup-step[b-yq33pbw4my] {
    display: flex;
    gap: 14px;
    padding-bottom: 18px;
    position: relative;
}

    .setup-step.is-last[b-yq33pbw4my] {
        padding-bottom: 0;
    }

    .setup-step:not(.is-last)[b-yq33pbw4my]::before {
        content: "";
        position: absolute;
        left: 14px;
        top: 30px;
        bottom: 4px;
        width: 1.5px;
        background: var(--pay-border);
    }

.setup-step-num[b-yq33pbw4my] {
    width: 29px;
    height: 29px;
    border-radius: 999px;
    flex-shrink: 0;
    background: var(--pay-pri-soft);
    border: 1px solid var(--pay-pri-border);
    color: var(--pay-pri-text);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--cx-size-body);
    font-weight: 700;
    z-index: 1;
}

.setup-step-body[b-yq33pbw4my] {
    padding-top: 3px;
}

.setup-step-title[b-yq33pbw4my] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--pay-text);
}

.setup-step-text[b-yq33pbw4my] {
    font-size: var(--cx-size-body);
    color: var(--pay-text-muted);
    margin-top: 2px;
    line-height: 1.5;
}

/* secure note */
.setup-secure[b-yq33pbw4my] {
    margin: 22px 38px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border-radius: 9px;
    background: #fafaf9;
    border: 1px solid var(--pay-border-soft);
    color: var(--pay-text-muted);
    font-size: var(--cx-size-meta);
}

    .setup-secure svg[b-yq33pbw4my] {
        flex-shrink: 0;
    }

.setup-error[b-yq33pbw4my] {
    margin: 18px 38px 0;
    padding: 10px 14px;
    border-radius: 9px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: var(--cx-size-body);
    white-space: pre-line;
}

/* footer */
.setup-footer[b-yq33pbw4my] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 24px 38px 30px;
}

/* loading overlay — its own backdrop blur covers the card behind it */
.toga-overlay[b-yq33pbw4my] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(28, 25, 23, 0.55);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    animation: toga-fade-b-yq33pbw4my 0.25s ease;
}

.toga-bars[b-yq33pbw4my] {
    display: flex;
    align-items: flex-end;
    gap: 9px;
    height: 64px;
    margin-bottom: 30px;
}

    .toga-bars span[b-yq33pbw4my] {
        width: 17px;
        height: 16px;
        border-radius: 5px;
        background: var(--pay-pri);
        animation: toga-bounce-b-yq33pbw4my 1.05s ease-in-out infinite;
    }

        .toga-bars span:nth-child(2)[b-yq33pbw4my] {
            animation-delay: 0.16s;
        }

        .toga-bars span:nth-child(3)[b-yq33pbw4my] {
            animation-delay: 0.32s;
        }

.toga-overlay-title[b-yq33pbw4my] {
    font-size: var(--cx-size-title);
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.01em;
}

.toga-overlay-sub[b-yq33pbw4my] {
    font-size: var(--cx-size-body);
    color: rgba(255, 255, 255, 0.78);
    margin-top: 10px;
    max-width: 420px;
    text-align: center;
    line-height: 1.55;
}

@keyframes toga-fade-b-yq33pbw4my {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes toga-bounce-b-yq33pbw4my {
    0%, 100% {
        height: 16px;
        opacity: 0.55;
    }

    50% {
        height: 56px;
        opacity: 1;
    }
}
/* /Components/Account/Pages/Settings/ProfileSettings.razor.rz.scp.css */

.card-header[b-vxdt4cqywv] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.card-title[b-vxdt4cqywv] {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--cx-text);
}

/* Form */
.form-container[b-vxdt4cqywv] {
    padding: 1.5rem;
}

.form-grid[b-vxdt4cqywv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.form-col-2[b-vxdt4cqywv] {
    grid-column: span 1;
}

.form-inner-grid[b-vxdt4cqywv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.form-field[b-vxdt4cqywv] {
    margin-bottom: 1rem;
}

.form-checkbox-container[b-vxdt4cqywv] {
    display: flex;
    align-items: center;
}

.form-checkbox[b-vxdt4cqywv] {
    height: 1rem;
    width: 1rem;
    color: #f97316;
    border-radius: 0.25rem;
    border-color: #d1d5db;
}

.checkbox-label[b-vxdt4cqywv] {
    margin-left: 0.5rem;
    font-size: 0.875rem;
    color: var(--cx-muted);
}

.form-button[b-vxdt4cqywv] {
    margin-top: 1.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--cx-text);
    color: white;
    border: none;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
}

    .form-button:hover[b-vxdt4cqywv] {
        background-color: var(--cx-text);
    }

/* Info sidebar */
.info-sidebar[b-vxdt4cqywv] {
    background-color: #f9fafb;
    border-radius: 0.5rem;
    padding: 1rem;
}

.sidebar-title[b-vxdt4cqywv] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cx-text);
    margin-bottom: 1rem;
}

.info-item[b-vxdt4cqywv] {
    margin-bottom: 0.75rem;
}

.info-label[b-vxdt4cqywv] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cx-muted);
}

.info-value[b-vxdt4cqywv] {
    display: block;
    font-size: 0.875rem;
    color: var(--cx-text);
}

.info-row[b-vxdt4cqywv] {
    display: flex;
    align-items: center;
}

.info-link[b-vxdt4cqywv] {
    margin-left: 0.5rem;
    font-size: 0.75rem;
    color: var(--bit-clr-sec);
    text-decoration: none;
    cursor: pointer;
}

    .info-link:hover[b-vxdt4cqywv] {
        text-decoration: underline;
    }

.action-links[b-vxdt4cqywv] {
    margin-top: 0.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.attorney-section[b-vxdt4cqywv] {
    margin-top: 1rem;
    background-color: #f9fafb;
    border-radius: 0.5rem;
    padding: 1rem;
}

.attorney-header[b-vxdt4cqywv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.attorney-title[b-vxdt4cqywv] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cx-text);
}

.attorney-controls[b-vxdt4cqywv] {
    display: flex;
    gap: 0.25rem;
}

.attorney-button[b-vxdt4cqywv] {
    color: var(--cx-muted);
    background: none;
    border: none;
    cursor: pointer;
}

    .attorney-button:hover[b-vxdt4cqywv] {
        color: var(--cx-text);
    }

/* Responsive layout */
@media (min-width: 768px) {
    .form-grid[b-vxdt4cqywv] {
        grid-template-columns: 2fr 1fr;
    }

    .form-inner-grid[b-vxdt4cqywv] {
        grid-template-columns: repeat(2, 1fr);
    }

    .form-col-span-2[b-vxdt4cqywv] {
        grid-column: span 2;
    }
}
/* /Components/Account/Pages/Settings/ProviderFilingHistory.razor.rz.scp.css */
/* ── Filings at the provider — functional build on the legacy settings page;
   cx tokens so the page's eventual redesign inherits it cheaply. ── */

.pfh[b-7b89q06jqp] {
    padding: 0;
}

/* the tab head, matching the page's other panels */
.pfh-tabhead[b-7b89q06jqp] {
    margin-bottom: 11px;
}

.pfh-tabtitle[b-7b89q06jqp] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    letter-spacing: -0.1px;
    color: var(--cx-text);
}

.pfh-tabsub[b-7b89q06jqp] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.5;
    margin-top: 5px;
    max-width: 620px;
    text-wrap: pretty;
}

/* one panel card: toolbar → (cap strip) → table → footnote */
.pfh-panel[b-7b89q06jqp] {
    background: #fff;
    border: 1px solid var(--cx-border);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 18px;
}

.pfh-toolbar[b-7b89q06jqp] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    padding: 10px 14px;
    border-bottom: 1px solid var(--cx-border-soft);
}

.pfh-toolbar-right[b-7b89q06jqp] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pfh-count[b-7b89q06jqp] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
}

.pfh-cap[b-7b89q06jqp] {
    padding: 9px 14px;
    background: var(--cx-amber-soft, #fbeed0);
    border-bottom: 1px solid var(--cx-amber-border, #e9cf95);
    font-size: var(--cx-size-cap);
    color: var(--cx-text);
    line-height: 1.5;
}

.pfh-footnote[b-7b89q06jqp] {
    display: block;
    padding: 10px 14px;
    border-top: 1px solid var(--cx-border-soft);
    background: var(--cx-bg-alt, #fafaf9);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.5;
}

.pfh-field[b-7b89q06jqp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
}

.pfh-field.grow[b-7b89q06jqp] {
    flex: 1 1 200px;
    max-width: 300px;
}

.pfh-field input[b-7b89q06jqp] {
    height: var(--cx-ctl-h, 34px);
}

.pfh-error[b-7b89q06jqp] {
    margin: 0;
    padding: 10px 14px;
    border: none;
    border-bottom: 1px solid var(--cx-red-border);
    background: var(--cx-red-soft);
    border-radius: 0;
    font-size: var(--cx-size-meta);
    color: var(--cx-red);
    line-height: 1.5;
}

.pfh-note[b-7b89q06jqp] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    padding: 22px 14px;
    text-align: center;
}

.pfh-skelrows[b-7b89q06jqp] {
    background: #fff;
}

.pfh-skelrow[b-7b89q06jqp] {
    height: 44px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    border-top: 1px solid var(--cx-border-soft);
}

.pfh-skel[b-7b89q06jqp] {
    display: block;
    height: 11px;
    border-radius: 999px;
    background: var(--cx-bg-deep, #eeece9);
}

.pfh-table[b-7b89q06jqp] {
    border: none;
    border-radius: 0;
    overflow-x: auto;
}

.pfh-tr[b-7b89q06jqp] {
    display: grid;
    grid-template-columns: 150px minmax(160px, 1.2fr) minmax(140px, 1fr) 130px 140px auto;
    gap: 10px;
    align-items: center;
    padding: 9px 12px;
    border-top: 1px solid var(--cx-border-soft);
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
}

.pfh-tr:first-child[b-7b89q06jqp] {
    border-top: none;
}

.pfh-thead[b-7b89q06jqp] {
    background: var(--cx-thead-bg, var(--cx-bg-deep));
    font-size: var(--cx-size-cap);
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--cx-muted);
}

.pfh-when[b-7b89q06jqp] {
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
}

.pfh-case[b-7b89q06jqp] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.pfh-case .num[b-7b89q06jqp] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
}

.pfh-case .ttl[b-7b89q06jqp] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pfh-desc[b-7b89q06jqp] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cx-muted);
}

.pfh-status[b-7b89q06jqp] {
    font-weight: 600;
}

.pfh-via[b-7b89q06jqp] {
    color: var(--cx-subtle);
}

.pfh-tr.foreign .pfh-via[b-7b89q06jqp] {
    color: var(--cx-amber);
    font-weight: 600;
}

.pfh-act[b-7b89q06jqp] {
    justify-self: end;
}

.pfh-expand[b-7b89q06jqp] {
    padding: 0 12px 6px;
    border-top: 1px dotted var(--cx-border-soft);
    background: var(--cx-panel-alt, #fafaf9);
}

@media (max-width: 900px) {
    .pfh-tr[b-7b89q06jqp] {
        grid-template-columns: 1fr 1fr;
        row-gap: 4px;
    }

    .pfh-thead[b-7b89q06jqp] {
        display: none;
    }

    .pfh-act[b-7b89q06jqp] {
        justify-self: start;
    }
}
/* /Components/Account/Pages/Settings/ServiceContacts.razor.rz.scp.css */
.main-content[b-aaco451h5o] {
    padding: 1.5rem;
    background-color: #f9fafb;
}

/* Header section */
.header[b-aaco451h5o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.page-title[b-aaco451h5o] {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--cx-text);
}

.refresh-button[b-aaco451h5o] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--cx-muted);
    background: none;
    border: none;
    cursor: pointer;
}

    .refresh-button:hover[b-aaco451h5o] {
        color: #f97316;
    }

.button-icon[b-aaco451h5o] {
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
}

/* Info/Tip box */
.info-box[b-aaco451h5o] {
    background-color: #f3f4f6;
    border-left: 4px solid #fb923c;
    padding: 1rem;
    margin-bottom: 1.5rem;
    border-radius: 0.25rem;
    display: flex;
}

.info-icon[b-aaco451h5o] {
    flex-shrink: 0;
}

    .info-icon svg[b-aaco451h5o] {
        height: 1.25rem;
        width: 1.25rem;
        color: #fb923c;
    }

.info-content[b-aaco451h5o] {
    margin-left: 0.75rem;
}

.info-text[b-aaco451h5o] {
    font-size: 0.875rem;
    color: var(--cx-muted);
}

/* Main layout */
.content-wrapper[b-aaco451h5o] {
    display: flex;
    margin-bottom: 1.5rem;
}

.content-main[b-aaco451h5o] {
    flex: 1;
}

.content-sidebar[b-aaco451h5o] {
    margin-left: 1.5rem;
    width: 20rem;
}

/* Table */
.table-container[b-aaco451h5o] {
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    overflow-x: auto;
}

.data-table[b-aaco451h5o] {
    min-width: 100%;
    border-collapse: collapse;
}

.table-header[b-aaco451h5o] {
    padding: 0.75rem 1rem;
    background-color: var(--cx-thead-bg, #f9fafb);
    text-align: left;
    font-family: var(--cx-label-font); font-size: var(--cx-label-size); font-weight: var(--cx-label-weight);
    color: var(--cx-thead-fg, var(--cx-label-color));
    text-transform: uppercase;
    letter-spacing: var(--cx-label-track);
    border-bottom: 1px solid var(--cx-border, #e5e7eb);
}

.table-cell[b-aaco451h5o] {
    padding: 1rem;
    white-space: nowrap;
    font-size: 0.875rem;
    color: var(--cx-text);
    border-bottom: 1px solid #e5e7eb;
}

.actions-cell[b-aaco451h5o] {
    display: flex;
    gap: 0.75rem;
}

/* Action links */
.action-link[b-aaco451h5o] {
    display: flex;
    align-items: center;
    color: #2563eb;
    text-decoration: none;
}

    .action-link:hover[b-aaco451h5o] {
        color: #1d4ed8;
        text-decoration: underline;
    }

.action-icon[b-aaco451h5o] {
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
}

/* Pagination controls */
.pagination-container[b-aaco451h5o] {
    margin-top: 0.5rem;
    display: flex;
    justify-content: flex-end;
}

.pagination-controls[b-aaco451h5o] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--cx-muted);
}

.pagination-button[b-aaco451h5o] {
    padding: 0.25rem;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
}

    .pagination-button:hover[b-aaco451h5o] {
        color: var(--cx-text);
    }

.pagination-icon[b-aaco451h5o] {
    width: 1.25rem;
    height: 1.25rem;
}

.pagination-text[b-aaco451h5o] {
    font-size: 0.875rem;
}

/* Sidebar */
.sidebar-header[b-aaco451h5o] {
    background-color: #e5e7eb;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem 0.5rem 0 0;
}

.sidebar-title[b-aaco451h5o] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cx-text);
}

.sidebar-content[b-aaco451h5o] {
    background-color: white;
    padding: 1rem;
    border-radius: 0 0 0.5rem 0.5rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.sidebar-text[b-aaco451h5o] {
    font-size: 0.875rem;
    color: var(--cx-muted);
    margin-bottom: 1rem;
}

    .sidebar-text strong[b-aaco451h5o] {
        font-weight: 600;
    }

.sidebar-link[b-aaco451h5o] {
    display: block;
    margin-top: 0.75rem;
    color: #2563eb;
    text-decoration: none;
    font-size: 0.875rem;
}

    .sidebar-link:hover[b-aaco451h5o] {
        color: #1d4ed8;
        text-decoration: underline;
    }

/* Responsive layout */
@media (max-width: 768px) {
    .content-wrapper[b-aaco451h5o] {
        flex-direction: column;
    }

    .content-sidebar[b-aaco451h5o] {
        margin-left: 0;
        margin-top: 1.5rem;
        width: 100%;
    }
}
/* /Components/Account/Pages/Settings/Settings.razor.rz.scp.css */
/* Grouped settings index (mobile screen of the settings shell). */

.index-title[b-somrgdthqw] {
    font-size: var(--cx-size-title);
    font-weight: 800;
    letter-spacing: -.4px;
    color: var(--cx-text, #1c1917);
    margin: 0 0 14px;
}

.index-groups[b-somrgdthqw] { display: flex; flex-direction: column; gap: 18px; }

.index-group-label[b-somrgdthqw] {
    /* ink I2+I3: caption voice — was faint text */
    font-family: var(--cx-label-font); font-size: var(--cx-label-size); font-weight: var(--cx-label-weight); letter-spacing: var(--cx-label-track); text-transform: uppercase;
    color: var(--cx-label-color);
    margin: 0 2px 7px;
}

.index-card[b-somrgdthqw] {
    background: var(--cx-panel, #fff);
    border: 1px solid var(--cx-border, #e7e5e4);
    border-radius: 14px;
    overflow: hidden;
}

.index-row[b-somrgdthqw] {
    display: flex;
    align-items: center;
    gap: 13px;
    width: 100%;
    padding: 13px 16px;
    text-decoration: none;
    box-sizing: border-box;
    transition: background .12s;
}

.index-row:hover[b-somrgdthqw] { background: var(--cx-panel-alt, #fafaf9); text-decoration: none; }
.index-row + .index-row[b-somrgdthqw] { border-top: 1px solid var(--cx-border-soft, #f1f0ef); }

.index-ic[b-somrgdthqw] {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: var(--cx-pri-soft);
    border: 1px solid var(--cx-pri-border);
    color: var(--cx-pri);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.index-text[b-somrgdthqw] { flex: 1; min-width: 0; }
.index-label[b-somrgdthqw] { display: block; font-size: var(--cx-size-body); font-weight: 600; color: var(--cx-text, #1c1917); }
.index-desc[b-somrgdthqw] { display: block; font-size: var(--cx-size-cap); color: var(--cx-muted, #57534e); margin-top: 1px; }
.index-chev[b-somrgdthqw] { display: flex; color: var(--cx-subtle); flex-shrink: 0; }


/* ── the flicker fix: CSS decides on the FIRST frame which face this page has.
   ≤768px: the grouped index (this page's real content). >768px: a quiet
   skeleton beat while OnAfterRender redirects to the first settings page —
   the mobile list is never painted on desktop, whatever the connection. ── */
.index-desktop-beat[b-somrgdthqw] { display: none; }

@media (min-width: 769px) {
    .index-mobile[b-somrgdthqw] { display: none; }
    .index-desktop-beat[b-somrgdthqw] {
        display: flex;
        flex-direction: column;
        gap: 14px;
        padding: 40px;
        max-width: 900px;
        margin: 0 auto;
    }
    .beat-bar[b-somrgdthqw] {
        display: block;
        height: 12px;
        border-radius: 5px;
        background: var(--cx-bg-deep, #e7e5e4);
        animation: index-pulse-b-somrgdthqw 1.4s ease-in-out infinite;
    }
    .beat-bar:nth-child(2)[b-somrgdthqw] { animation-delay: .1s; }
    .beat-bar:nth-child(3)[b-somrgdthqw] { animation-delay: .2s; }
}

@keyframes index-pulse-b-somrgdthqw {
    0%, 100% { opacity: .55; }
    50% { opacity: 1; }
}
/* /Components/Account/Pages/Settings/SettingsLayout.razor.rz.scp.css */
/* Settings shell — grouped sidebar (design handoff st-settingsnav, sidebar variant).
   Colors resolve through the cx tokens (courts-admin.css), which resolve through
   the bit tokens, so the shell follows the app palette. */

.settings-shell[b-haf6evnv96] { display: flex; align-items: stretch; }

.settings-nav[b-haf6evnv96] {
    width: 216px;
    flex-shrink: 0;
    background: var(--cx-panel, #fff);
    border-right: 1px solid var(--cx-border, #e7e5e4);
    padding: 16px 10px 20px;
    box-sizing: border-box;
}

.settings-nav-title[b-haf6evnv96] {
    padding: 2px 12px 8px;
    font-size: var(--cx-size-head);
    font-weight: 800;
    letter-spacing: -.3px;
    color: var(--cx-text, #1c1917);
}

.settings-group[b-haf6evnv96] { margin-bottom: 4px; }

.settings-group-label[b-haf6evnv96] {
    padding: 12px 12px 5px;
    /* ink I2+I3: caption voice — was faint text */
    font-family: var(--cx-label-font); font-size: var(--cx-label-size); font-weight: var(--cx-label-weight); letter-spacing: var(--cx-label-track); text-transform: uppercase;
    color: var(--cx-label-color);
}

.settings-nav-item[b-haf6evnv96] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 36px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: var(--cx-size-body);
    font-weight: 500;
    color: var(--cx-muted, #57534e);
    text-decoration: none;
    box-sizing: border-box;
    margin-bottom: 1px;
}

.settings-nav-item:hover[b-haf6evnv96] {
    background: var(--cx-panel-alt, #f9fafb);
    color: var(--cx-text, #1c1917);
    text-decoration: none;
}

.settings-nav-item.active[b-haf6evnv96] {
    background: var(--cx-pri-soft);
    color: var(--cx-pri-text);
    font-weight: 600;
}

.settings-main[b-haf6evnv96] { flex: 1; min-width: 0; }

/* mobile: no sidebar — the /settings index is the nav; pages get a back bar */
.settings-back[b-haf6evnv96] { display: none; }

@media (max-width: 768px) {
    .settings-nav[b-haf6evnv96] { display: none; }

    .settings-back[b-haf6evnv96] {
        display: flex;
        align-items: center;
        gap: 7px;
        height: 44px;
        padding: 0 14px;
        background: var(--cx-panel, #fff);
        border-bottom: 1px solid var(--cx-border, #e7e5e4);
        color: var(--cx-muted, #57534e);
        font-size: var(--cx-size-body);
        font-weight: 600;
        text-decoration: none;
    }
}
/* /Components/Account/Pages/Settings/UserEditor.razor.rz.scp.css */

.card-header[b-4f7su8h1ny] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.card-title[b-4f7su8h1ny] {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--cx-text);
}

/* Form */
.form-container[b-4f7su8h1ny] {
    padding: 1.5rem;
}

.form-grid[b-4f7su8h1ny] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.form-col-2[b-4f7su8h1ny] {
    grid-column: span 1;
}

.form-inner-grid[b-4f7su8h1ny] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.form-field[b-4f7su8h1ny] {
    margin-bottom: 1rem;
}

.form-checkbox-container[b-4f7su8h1ny] {
    display: flex;
    align-items: center;
}

.form-checkbox[b-4f7su8h1ny] {
    height: 1rem;
    width: 1rem;
    color: #f97316;
    border-radius: 0.25rem;
    border-color: #d1d5db;
}

.checkbox-label[b-4f7su8h1ny] {
    margin-left: 0.5rem;
    font-size: 0.875rem;
    color: var(--cx-muted);
}

.form-button[b-4f7su8h1ny] {
    margin-top: 1.5rem;
    padding: 0.5rem 1rem;
    background-color: var(--cx-text);
    color: white;
    border: none;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
}

    .form-button:hover[b-4f7su8h1ny] {
        background-color: var(--cx-text);
    }

/* Info sidebar */
.info-sidebar[b-4f7su8h1ny] {
    background-color: #f9fafb;
    border-radius: 0.5rem;
    padding: 1rem;
}

.sidebar-title[b-4f7su8h1ny] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cx-text);
    margin-bottom: 1rem;
}

.info-item[b-4f7su8h1ny] {
    margin-bottom: 0.75rem;
}

.info-label[b-4f7su8h1ny] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cx-muted);
}

.info-value[b-4f7su8h1ny] {
    display: block;
    font-size: 0.875rem;
    color: var(--cx-text);
}

.info-row[b-4f7su8h1ny] {
    display: flex;
    align-items: center;
}

.info-link[b-4f7su8h1ny] {
    margin-left: 0.5rem;
    font-size: 0.75rem;
    color: var(--bit-clr-sec);
    text-decoration: none;
    cursor: pointer;
}

    .info-link:hover[b-4f7su8h1ny] {
        text-decoration: underline;
    }

.action-links[b-4f7su8h1ny] {
    margin-top: 0.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.attorney-section[b-4f7su8h1ny] {
    margin-top: 1rem;
    background-color: #f9fafb;
    border-radius: 0.5rem;
    padding: 1rem;
}

.attorney-header[b-4f7su8h1ny] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.attorney-title[b-4f7su8h1ny] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cx-text);
}

.attorney-controls[b-4f7su8h1ny] {
    display: flex;
    gap: 0.25rem;
}

.attorney-button[b-4f7su8h1ny] {
    color: var(--cx-muted);
    background: none;
    border: none;
    cursor: pointer;
}

    .attorney-button:hover[b-4f7su8h1ny] {
        color: var(--cx-text);
    }

/* Responsive layout */
@media (min-width: 768px) {
    .form-grid[b-4f7su8h1ny] {
        grid-template-columns: 2fr 1fr;
    }

    .form-inner-grid[b-4f7su8h1ny] {
        grid-template-columns: repeat(2, 1fr);
    }

    .form-col-span-2[b-4f7su8h1ny] {
        grid-column: span 2;
    }
}
/* /Components/Account/Shared/ActionDots.razor.rz.scp.css */
/* Row overflow menu — the app's current anatomy (filing-detail menu spec):
   ghost 30px trigger, portalled popup, 32px items, danger tone, separators. */

.action-dots[b-xe49wshgbd] {
    width: 30px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--cx-muted, #57534e);
    transition: background .12s, border-color .12s;
}

.action-dots:hover[b-xe49wshgbd],
.action-dots.open[b-xe49wshgbd] {
    background: #fff;
    border-color: var(--cx-border);
}

.actions[b-xe49wshgbd] {
    background: #fff;
    border: 1px solid var(--cx-border);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    z-index: 1000;
    min-width: 208px;
    padding: 5px;
    box-shadow: 0 12px 32px rgba(28, 25, 23, .14);
    position: fixed;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.action-item[b-xe49wshgbd] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    height: 32px;
    padding: 0 9px;
    border: none;
    border-radius: 7px;
    background: transparent;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 500;
    color: var(--cx-text);
    cursor: pointer;
    text-align: left;
    transition: background .1s;
}

.action-item .lbl[b-xe49wshgbd] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.action-item:hover:not(:disabled)[b-xe49wshgbd] {
    background: var(--cx-bg-alt, #f5f5f4);
}

.action-item.danger[b-xe49wshgbd] {
    color: var(--cx-red, #dc2626);
}

.action-item:disabled[b-xe49wshgbd] {
    color: var(--cx-faint, #a8a29e);
    cursor: not-allowed;
}

.action-sep[b-xe49wshgbd] {
    height: 1px;
    background: var(--cx-border-soft, var(--cx-border));
    margin: 5px 4px;
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.layout-container[b-3dc27aibq0] {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    margin-top: 1rem;
}

.content-main[b-3dc27aibq0] {
    flex: 3;
    order: 1;
}

.sidebar-nav[b-3dc27aibq0] {
    flex: 1;
    order: 2;
    min-width: 250px;
}

@media (max-width: 768px) {
    .layout-container[b-3dc27aibq0] {
        flex-direction: column;
        gap: 1rem;
    }

    .content-main[b-3dc27aibq0] {
        order: 1;
    }

    .sidebar-nav[b-3dc27aibq0] {
        order: 2;
    }
}
/* /Components/Account/Shared/ProviderUserAppLink.razor.rz.scp.css */
/* The identity slot under the provider email — one place, four forms, one
   salience ladder: nothing · a quiet line · a quiet line with one toned word ·
   a chip. Nothing is the common case and it renders no element at all. */

.pu-slot[b-iig45w5ayk] { margin-top: 4px; min-width: 0; }

.pu-hint[b-iig45w5ayk] {
    display: inline-flex; max-width: 100%; padding: 0; border: none; background: transparent;
    border-radius: 5px; text-align: left; cursor: pointer; font: inherit; color: inherit;
    transition: background .1s;
}
.pu-hint:hover[b-iig45w5ayk] { background: var(--cx-bg-deep, #f1efec); }
.pu-hint:focus-visible[b-iig45w5ayk] { outline: 2px solid var(--cx-orange, #ef6a26); outline-offset: 2px; }

/* the quiet line: prefix at the readability floor, the identifying values at full contrast */
.pu-line[b-iig45w5ayk] { display: inline-flex; align-items: baseline; gap: 6px; flex-wrap: wrap; max-width: 100%; color: var(--cx-subtle); }
.pu-line > :first-child[b-iig45w5ayk] { align-self: center; flex-shrink: 0; }
.pu-pre[b-iig45w5ayk] { font-size: var(--cx-size-cap); color: var(--cx-subtle); flex-shrink: 0; }
.pu-name[b-iig45w5ayk] { font-size: var(--cx-size-cap); font-weight: 600; color: var(--cx-text); }
.pu-email[b-iig45w5ayk] { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: var(--cx-size-cap); font-weight: 500; color: var(--cx-text); overflow-wrap: anywhere; }
.pu-dot[b-iig45w5ayk] { color: var(--cx-faint, #a8a5a3); font-size: var(--cx-size-cap); }
.pu-status[b-iig45w5ayk] { font-size: var(--cx-size-cap); font-weight: 600; }
.pu-status.amber[b-iig45w5ayk] { color: #b45309; }
.pu-status.red[b-iig45w5ayk] { color: var(--cx-red, #dc2626); }

/* the chip — the one chip anatomy (20px, r6, 12/600), the dot slot taking a glyph */
.pu-chip[b-iig45w5ayk] {
    display: inline-flex; align-items: center; gap: 5px; height: 20px; padding: 0 8px 0 6px;
    border-radius: 6px; font-size: var(--cx-size-cap); font-weight: 600; line-height: 1; white-space: nowrap;
    border: 1px solid transparent;
}
.pu-chip.amber[b-iig45w5ayk] { color: #7c4708; background: #fbeed0; border-color: #e9cf95; }

/* the peek — portalled by actionPortal (fixed, positioned from the trigger's rect) */
.pu-peek[b-iig45w5ayk] {
    position: fixed; top: -9999px; left: -9999px; visibility: hidden; opacity: 0;
    width: 306px; max-width: calc(100vw - 20px); z-index: 1000;
    background: #fff; border: 1px solid var(--cx-border); border-radius: 12px;
    box-shadow: 0 12px 34px rgba(28,25,23,.14), 0 3px 8px rgba(28,25,23,.08);
    overflow: hidden; text-align: left; font-weight: 400; transition: opacity .13s ease;
}
.pu-peek-head[b-iig45w5ayk] {
    display: flex; align-items: center; gap: 8px; padding: 11px 15px;
    background: var(--cx-bg-alt, #fafaf9); border-bottom: 1px solid var(--cx-border); color: var(--cx-muted, var(--cx-subtle));
}
.pu-peek-head.amber[b-iig45w5ayk] { background: #fbeed0; color: #b45309; padding: 13px 15px; }
.pu-peek-title[b-iig45w5ayk] { font-size: var(--cx-size-body); font-weight: 700; color: var(--cx-text); }
.pu-peek-cap[b-iig45w5ayk] {
    font-family: var(--cx-label-font); font-size: var(--cx-size-cap); font-weight: 600;
    letter-spacing: .09em; text-transform: uppercase; color: var(--cx-muted, var(--cx-subtle));
}
.pu-peek-self[b-iig45w5ayk] { margin-left: auto; font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.pu-peek-body[b-iig45w5ayk] { padding: 13px 15px; display: flex; flex-direction: column; gap: 9px; }
.pu-peek-body p[b-iig45w5ayk] { margin: 0; font-size: var(--cx-size-cap); color: var(--cx-muted, var(--cx-text)); line-height: 1.55; }
.pu-peek-rows[b-iig45w5ayk] { padding: 12px 15px; display: flex; flex-direction: column; gap: 10px; }
.pu-peek-row[b-iig45w5ayk] { display: flex; gap: 12px; align-items: baseline; }
.pu-peek-row .k[b-iig45w5ayk] { flex: 0 0 108px; font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.pu-peek-row .v[b-iig45w5ayk] { flex: 1; min-width: 0; font-size: var(--cx-size-body); font-weight: 500; color: var(--cx-text); overflow-wrap: anywhere; }
.pu-peek-row .v.mono[b-iig45w5ayk] { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: var(--cx-size-cap); }
.pu-peek-row .v.diff[b-iig45w5ayk] { font-weight: 700; }
.pu-peek-row .d[b-iig45w5ayk] { flex-shrink: 0; font-size: var(--cx-size-cap); font-weight: 600; color: #b45309; }
.pu-peek-callout[b-iig45w5ayk] {
    display: flex; gap: 8px; align-items: flex-start; padding: 9px 10px; border-radius: 8px;
    font-size: var(--cx-size-cap); color: var(--cx-muted, var(--cx-text)); line-height: 1.5; border: 1px solid;
}
.pu-peek-callout > :first-child[b-iig45w5ayk] { flex-shrink: 0; margin-top: 1px; }
.pu-peek-callout.amber[b-iig45w5ayk] { background: #fbeed0; border-color: #e9cf95; }
.pu-peek-callout.amber > :first-child[b-iig45w5ayk] { color: #b45309; }
.pu-peek-callout.red[b-iig45w5ayk] { background: #fadedd; border-color: #eeb0ad; }
.pu-peek-callout.red > :first-child[b-iig45w5ayk] { color: var(--cx-red, #dc2626); }
.pu-peek-foot[b-iig45w5ayk] {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 15px;
    border-top: 1px solid var(--cx-border-soft, var(--cx-border)); background: var(--cx-bg-alt, #fafaf9);
    font-size: var(--cx-size-cap); color: var(--cx-subtle); line-height: 1.45;
}
.pu-peek-foot > span[b-iig45w5ayk] { flex: 1 1 150px; }
.pu-open[b-iig45w5ayk] {
    display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 11px;
    border: 1px solid var(--cx-border); border-radius: 8px; background: #fff; color: var(--cx-text);
    font: inherit; font-size: var(--cx-size-meta); font-weight: 500; cursor: pointer; white-space: nowrap;
}
.pu-open:hover[b-iig45w5ayk] { background: var(--cx-bg-alt, #f5f5f4); }
/* /Components/Account/Shared/ReAuthModal.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────────────────
   Session-unlock modal — the account-flow v2 kit (au-*) vocabulary rebuilt
   locally, since this component renders inside the Bit modal container, not
   under .au-shell. Same recipes: cx tokens only, 38px inputs, 42px primary
   button, 9/14px radii, caps labels on the --cx-label-* voice, and the
   AuMark badge (its internal class names styled here via ::deep).
   Type scale: 10.5 / 12 / 13 / 15 / 21.
   ───────────────────────────────────────────────────────────────────────── */

.ram[b-y6epty4vjh] {
  --ram-r: 9px;
  --ram-r-lg: 14px;
  --ram-tint: color-mix(in oklab, var(--cx-pri) 5%, var(--cx-panel));
  --ram-tint-bd: color-mix(in oklab, var(--cx-pri) 17%, var(--cx-panel));
  --ram-pri-tx: color-mix(in oklab, var(--cx-pri) 74%, var(--cx-text));
  --ram-ring: 0 0 0 3px color-mix(in oklab, var(--cx-pri) 16%, transparent);
  --ram-e-rise: cubic-bezier(.2, .8, .2, 1);
  --ram-e-snap: cubic-bezier(.2, .9, .3, 1);

  position: relative;
  width: min(92vw, 430px);
  background: var(--cx-panel);
  border-radius: var(--ram-r-lg);
  font-family: var(--cx-font);
  color: var(--cx-text);
  padding: 30px 30px 24px;
}
.ram *[b-y6epty4vjh], .ram *[b-y6epty4vjh]::before, .ram *[b-y6epty4vjh]::after { box-sizing: border-box; }

/* close */
.ram-x[b-y6epty4vjh] {
  position: absolute; top: 14px; right: 14px;
  width: 32px; height: 32px; padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  border: none; border-radius: 8px; background: transparent;
  color: var(--cx-subtle); cursor: pointer;
}
.ram-x:hover[b-y6epty4vjh] { background: var(--cx-panel-alt); color: var(--cx-text); }
.ram-x:focus-visible[b-y6epty4vjh] { outline: 2px solid var(--cx-pri); outline-offset: 2px; }

/* ── head: mark → eyebrow → title → lede (the sign-in page's voice) ────── */
.ram-head[b-y6epty4vjh] { margin-bottom: 20px; }
.ram-markwrap[b-y6epty4vjh] { margin-bottom: 16px; animation: ram-rise-b-y6epty4vjh .42s var(--ram-e-rise) both; }

.ram-cap[b-y6epty4vjh] {
  font-family: var(--cx-label-font);
  font-size: var(--cx-label-size, 10.5px);
  font-weight: var(--cx-label-weight, 600);
  letter-spacing: var(--cx-label-track, .09em);
  text-transform: uppercase;
  color: var(--cx-label-color, var(--cx-muted));
  white-space: nowrap;
}
.ram-rule-row[b-y6epty4vjh] { display: flex; align-items: center; gap: 11px; margin-bottom: 11px; }
.ram-rule-row .rule[b-y6epty4vjh] { flex: 1; height: 1px; background: var(--cx-border-soft); }

.ram-title[b-y6epty4vjh] {
  margin: 0; font-size: var(--cx-size-title); line-height: 1.18; font-weight: 700;
  letter-spacing: -.022em; color: var(--cx-text); text-wrap: pretty;
}
.ram-lede[b-y6epty4vjh] {
  margin: 8px 0 0; font-size: var(--cx-size-body); line-height: 1.55;
  color: var(--cx-muted); text-wrap: pretty;
}

/* ── body ──────────────────────────────────────────────────────────────── */
.ram-body[b-y6epty4vjh] { display: flex; flex-direction: column; gap: 15px; }

/* identity row: whose session is being unlocked (read-only, panel-alt plate) */
.ram-account[b-y6epty4vjh] {
  display: flex; flex-direction: column; gap: 3px;
  padding: 11px 14px; background: var(--cx-panel-alt);
  border: 1px solid var(--cx-border); border-radius: var(--ram-r);
  min-width: 0;
}
.ram-account .mail[b-y6epty4vjh] {
  font-size: var(--cx-size-body); font-weight: 600; color: var(--cx-text);
  letter-spacing: -.01em; overflow-wrap: anywhere;
}

/* field */
.ram-field[b-y6epty4vjh] { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.ram-flabel[b-y6epty4vjh] { font-size: var(--cx-size-cap); font-weight: 600; color: var(--cx-text); }

/* the kit input (38px, 9px radius, primary ring) */
.au-in[b-y6epty4vjh] {
  width: 100%; height: 38px; padding: 0 12px;
  background: var(--cx-panel);
  border: 1px solid var(--cx-border); border-radius: var(--ram-r);
  font-family: inherit; font-size: var(--cx-size-body); font-weight: 500; color: var(--cx-text);
  outline: none;
  transition: border-color .16s var(--ram-e-snap), box-shadow .16s var(--ram-e-snap), background .16s linear;
}
.au-in[b-y6epty4vjh]::placeholder { color: var(--cx-subtle); font-weight: 400; }
.au-in:hover[b-y6epty4vjh] { border-color: var(--cx-faint); }
.au-in:focus[b-y6epty4vjh] { border-color: var(--cx-pri); box-shadow: var(--ram-ring); }
.au-in:disabled[b-y6epty4vjh] { background: var(--cx-panel-alt); color: var(--cx-muted); cursor: not-allowed; }
.au-in.invalid[b-y6epty4vjh] { border-color: var(--cx-red-border); background: var(--cx-red-soft); }
.au-in.invalid:focus[b-y6epty4vjh] {
  border-color: var(--cx-red);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--cx-red) 13%, transparent);
}

/* field-level error — the flow's validation voice */
.ram-fielderr[b-y6epty4vjh] {
  font-size: var(--cx-size-cap); line-height: 1.45; font-weight: 500; color: var(--cx-red);
  animation: ram-rise-b-y6epty4vjh .42s var(--ram-e-rise) both;
}

/* status bands — the flow's au-status recipe */
.ram-status[b-y6epty4vjh] {
  display: flex; gap: 10px; padding: 11px 13px;
  border-radius: var(--ram-r);
  animation: ram-rise-b-y6epty4vjh .42s var(--ram-e-rise) both;
}
.ram-status.err[b-y6epty4vjh] { background: var(--cx-red-soft); border: 1px solid var(--cx-red-border); }
.ram-status.err .ico[b-y6epty4vjh] { color: var(--cx-red); }
.ram-status.ok[b-y6epty4vjh] { background: var(--cx-green-soft); border: 1px solid var(--cx-green-border); }
.ram-status.ok .ico[b-y6epty4vjh] { color: var(--cx-green); }
.ram-status .ico[b-y6epty4vjh] { display: inline-flex; margin-top: 1.5px; flex-shrink: 0; }
.ram-status .txt[b-y6epty4vjh] { font-size: var(--cx-size-body); line-height: 1.55; color: var(--cx-muted); text-wrap: pretty; }

/* ── foot: quiet cancel + the kit's 42px primary ───────────────────────── */
.ram-foot[b-y6epty4vjh] { display: flex; gap: 10px; margin-top: 20px; }

.ram-btn[b-y6epty4vjh] {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 42px; padding: 0 18px;
  border-radius: var(--ram-r);
  font-family: inherit; font-size: var(--cx-size-body); letter-spacing: -.01em;
  cursor: pointer; text-decoration: none;
  transition: background .15s, border-color .15s, box-shadow .15s, transform .1s var(--ram-e-snap);
}
.ram-btn:disabled[b-y6epty4vjh] { cursor: default; opacity: .62; }
.ram-btn:focus-visible[b-y6epty4vjh] { outline: 2px solid var(--cx-pri); outline-offset: 2px; }

.ram-btn.pri[b-y6epty4vjh] {
  flex: 1;
  border: 1px solid var(--cx-pri);
  background: var(--cx-pri); color: var(--cx-panel); font-weight: 600;
  box-shadow: 0 1px 2px color-mix(in oklab, var(--cx-pri) 34%, transparent);
}
.ram-btn.pri:hover:not(:disabled)[b-y6epty4vjh] {
  background: color-mix(in oklab, var(--cx-pri) 86%, var(--cx-text));
  border-color: color-mix(in oklab, var(--cx-pri) 86%, var(--cx-text));
  box-shadow: 0 2px 10px color-mix(in oklab, var(--cx-pri) 22%, transparent);
}
.ram-btn.pri:active:not(:disabled)[b-y6epty4vjh] { transform: translateY(1px) scale(.994); }

.ram-btn.ghost[b-y6epty4vjh] {
  border: 1px solid var(--cx-border);
  background: var(--cx-panel); color: var(--cx-text); font-weight: 500;
}
.ram-btn.ghost:hover:not(:disabled)[b-y6epty4vjh] { background: var(--cx-panel-alt); border-color: var(--cx-subtle); }

/* loading ring on the primary */
.ram-spin[b-y6epty4vjh] {
  width: 15px; height: 15px; flex-shrink: 0;
  border-radius: 999px;
  border: 2px solid color-mix(in oklab, currentColor 30%, transparent);
  border-top-color: currentColor;
  animation: ram-rot-fast-b-y6epty4vjh .7s linear infinite;
}

/* ── AuMark internals (dial + arc + glyph), scoped under the mark wrapper.
     The badge's classes are hardcoded in AuMark.razor; outside .au-shell they
     carry no styles, so the recipes are restated here verbatim. ─────────── */
.ram-markwrap[b-y6epty4vjh]  .au-cmark { position: relative; flex-shrink: 0; }
.ram-markwrap[b-y6epty4vjh]  .au-cmark > svg { position: absolute; inset: 0; }
.ram-markwrap[b-y6epty4vjh]  .au-cmark .ic {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
}
.ram-markwrap[b-y6epty4vjh]  .au-cmark.pri { color: var(--cx-pri); }
.ram-markwrap[b-y6epty4vjh]  .au-cmark.red { color: var(--cx-red); }
.ram-markwrap[b-y6epty4vjh]  .au-cmark.green { color: var(--cx-green); }
.ram-markwrap[b-y6epty4vjh]  .au-cmark .fillc.pri { fill: var(--ram-tint); }
.ram-markwrap[b-y6epty4vjh]  .au-cmark .fillc.red { fill: var(--cx-red-soft); }
.ram-markwrap[b-y6epty4vjh]  .au-cmark .fillc.green { fill: var(--cx-green-soft); }
.ram-markwrap[b-y6epty4vjh]  .au-rot { animation: ram-rot-b-y6epty4vjh 240s linear infinite; }
.ram-markwrap[b-y6epty4vjh]  .au-draw {
  stroke-dasharray: 1; stroke-dashoffset: 1;
  animation: ram-draw-b-y6epty4vjh 3.6s cubic-bezier(.55, 0, .25, 1) .55s forwards;
}
.ram-markwrap[b-y6epty4vjh]  .au-markglyph { animation: ram-glyph-b-y6epty4vjh .38s var(--ram-e-snap) .24s both; }

/* keyframes (ram-prefixed: scoped-CSS keyframes stay global in the bundle,
   so these must not collide with the AuthLayout set) */
@keyframes ram-rise-b-y6epty4vjh { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes ram-rot-b-y6epty4vjh { to { transform: rotate(360deg); } }
@keyframes ram-rot-fast-b-y6epty4vjh { to { transform: rotate(360deg); } }
@keyframes ram-draw-b-y6epty4vjh { to { stroke-dashoffset: 0; } }
@keyframes ram-glyph-b-y6epty4vjh { from { opacity: 0; transform: scale(.62); } to { opacity: 1; transform: scale(1); } }

@media (prefers-reduced-motion: reduce) {
  .ram-markwrap[b-y6epty4vjh],
  .ram-fielderr[b-y6epty4vjh],
  .ram-status[b-y6epty4vjh],
  .ram-markwrap[b-y6epty4vjh]  .au-rot,
  .ram-markwrap[b-y6epty4vjh]  .au-markglyph { animation: none; }
  .ram-markwrap[b-y6epty4vjh]  .au-draw { animation: none; stroke-dashoffset: 0; }
  .ram-btn.pri:active:not(:disabled)[b-y6epty4vjh] { transform: none; }
  .au-in[b-y6epty4vjh], .ram-btn[b-y6epty4vjh] { transition-duration: .01ms; }
}

/* Which deployment is asking: the account box carries a second row naming the filing
   system, and the field carries a hint that this is the provider password, not ours. */
.ram-account .row[b-y6epty4vjh] { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ram-account .row + .row[b-y6epty4vjh] { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--cx-border-soft, var(--cx-border)); }
.ram-hint[b-y6epty4vjh] { font-size: var(--cx-size-cap); line-height: 1.45; color: var(--cx-muted); text-wrap: pretty; }
/* /Components/Account/Shared/StatusMessage.razor.rz.scp.css */
/* AuStatus look, self-contained (cx tokens) so it works under any layout. */
.sm-banner[b-yw9k30lhrv] {
  display: flex; gap: 10px; padding: 11px 13px; border-radius: 9px; margin-bottom: 22px;
  animation: sm-rise-b-yw9k30lhrv .42s cubic-bezier(.2, .8, .2, 1) both;
}
.sm-banner.ok[b-yw9k30lhrv] { background: var(--cx-green-soft); border: 1px solid var(--cx-green-border); }
.sm-banner.ok .ico[b-yw9k30lhrv] { color: var(--cx-green); }
.sm-banner.err[b-yw9k30lhrv] { background: var(--cx-red-soft); border: 1px solid var(--cx-red-border); }
.sm-banner.err .ico[b-yw9k30lhrv] { color: var(--cx-red); }
.sm-banner .ico[b-yw9k30lhrv] { display: inline-flex; margin-top: 1.5px; flex-shrink: 0; }
.sm-banner .txt[b-yw9k30lhrv] { font-size: var(--cx-size-body); line-height: 1.55; color: var(--cx-muted); text-wrap: pretty; }
@keyframes sm-rise-b-yw9k30lhrv { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .sm-banner[b-yw9k30lhrv] { animation: none; } }
/* /Components/Account/Shared/TylerEmailSettings.razor.rz.scp.css */
.tyler-email-settings[b-e0a9248q0b] {
    max-width: 720px;
}

.notification-options[b-e0a9248q0b] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.875rem;
}

.form-actions[b-e0a9248q0b] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .notification-options[b-e0a9248q0b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Admin/CourtDetail.razor.rz.scp.css */
.navigation-path[b-ybcn9smkeg] {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    width: 100%;
    cursor: pointer;
}

.back-button[b-ybcn9smkeg] {
    display: flex;
    color: #f97316;
    margin-right: 0.5rem;
    background: none;
    border: none;
    cursor: pointer;
}

    .back-button:hover[b-ybcn9smkeg] {
        color: #ea580c;
    }

.path-text[b-ybcn9smkeg] {
    font-size: 0.875rem;
    color: var(--bit-clr-fg-sec);
}

/* Main Card */
.main-card[b-ybcn9smkeg] {
    background-color: #ffffff;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e7eb;
    margin-bottom: 1.5rem;
    position: relative;
}

.card-header[b-ybcn9smkeg] {
    border-bottom: 1px solid #e5e7eb;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-title[b-ybcn9smkeg] {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--cx-text);
}

.status-container[b-ybcn9smkeg] {
    display: flex;
    align-items: center;
}

.status-badge[b-ybcn9smkeg] {
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
    display: inline-block;
}

.status-testing[b-ybcn9smkeg] {
    background-color: #fef3c7;
    color: #92400e;
}

.status-active[b-ybcn9smkeg] {
    background-color: #d1fae5;
    color: #065f46;
}

/* Card Sections */
.card-section[b-ybcn9smkeg] {
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

    .card-section:last-child[b-ybcn9smkeg] {
        border-bottom: none;
    }

.section-header[b-ybcn9smkeg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.section-title[b-ybcn9smkeg] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cx-text);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.section-header .section-title[b-ybcn9smkeg] {
    margin-bottom: 0;
}

/* Information Grid */
.info-grid[b-ybcn9smkeg] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    font-size: 0.875rem;
}

.info-row[b-ybcn9smkeg] {
    display: flex;
}

.info-label[b-ybcn9smkeg] {
    color: var(--cx-muted);
    width: 8rem;
}

.info-value[b-ybcn9smkeg] {
    color: var(--cx-text);
}

.info-link[b-ybcn9smkeg] {
    color: #f97316;
    text-decoration: none;
}

    .info-link:hover[b-ybcn9smkeg] {
        color: #ea580c;
    }

.edit-button[b-ybcn9smkeg] {
    display: flex;
    align-items: center;
    color: #f97316;
    background: none;
    border: none;
    cursor: pointer;
}

    .edit-button:hover[b-ybcn9smkeg] {
        color: #ea580c;
    }

    .edit-button i[b-ybcn9smkeg] {
        margin-right: 0.25rem;
    }

.edit-actions[b-ybcn9smkeg] {
    display: flex;
    gap: 0.75rem;
}

.save-button[b-ybcn9smkeg] {
    display: flex;
    align-items: center;
    color: #16a34a;
    background: none;
    border: none;
    cursor: pointer;
}

    .save-button:hover[b-ybcn9smkeg] {
        color: #15803d;
    }

    .save-button i[b-ybcn9smkeg] {
        margin-right: 0.25rem;
    }

.cancel-button[b-ybcn9smkeg] {
    display: flex;
    align-items: center;
    color: #ef4444;
    background: none;
    border: none;
    cursor: pointer;
}

    .cancel-button:hover[b-ybcn9smkeg] {
        color: #dc2626;
    }

    .cancel-button i[b-ybcn9smkeg] {
        margin-right: 0.25rem;
    }

.toggle-button[b-ybcn9smkeg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cx-text);
    text-transform: uppercase;
    margin-bottom: 1rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.download-button[b-ybcn9smkeg] {
    color: #f97316;
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 0.25rem;
}

    .download-button:hover[b-ybcn9smkeg] {
        color: #ea580c;
    }

/* Form Elements */
.credentials-form[b-ybcn9smkeg] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

/* Code Lists Table */
.code-lists-table-container[b-ybcn9smkeg] {
    margin-top: 0.5rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    overflow: hidden;
}

.code-lists-table[b-ybcn9smkeg] {
    min-width: 100%;
    border-collapse: collapse;
}

    .code-lists-table th[b-ybcn9smkeg] {
        padding: 0.75rem 1rem;
        text-align: left;
        font-size: 0.75rem;
        font-weight: 500;
        color: var(--cx-muted);
        text-transform: uppercase;
        background-color: #f9fafb;
        border-bottom: 1px solid #e5e7eb;
    }

    .code-lists-table td[b-ybcn9smkeg] {
        padding: 0.75rem 1rem;
        font-size: 0.875rem;
        border-bottom: 1px solid #e5e7eb;
    }

    .code-lists-table tr:last-child td[b-ybcn9smkeg] {
        border-bottom: none;
    }

.actions-column[b-ybcn9smkeg] {
    text-align: right;
}

.actions-cell[b-ybcn9smkeg] {
    text-align: right;
    white-space: nowrap;
}

.list-name[b-ybcn9smkeg] {
    display: flex;
    align-items: center;
}

    .list-name i[b-ybcn9smkeg] {
        color: var(--cx-subtle);
        margin-right: 0.5rem;
    }

/* Icons (you would need to add your own icon library or font) */
.icon-arrow-left[b-ybcn9smkeg], .icon-refresh[b-ybcn9smkeg], .icon-edit[b-ybcn9smkeg],
.icon-save[b-ybcn9smkeg], .icon-x[b-ybcn9smkeg], .icon-chevron-up[b-ybcn9smkeg],
.icon-chevron-down[b-ybcn9smkeg], .icon-file-text[b-ybcn9smkeg], .icon-download[b-ybcn9smkeg] {
    display: inline-block;
    width: 1em;
    height: 1em;
}

.policy-loader[b-ybcn9smkeg] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(249, 115, 22, 0.25);
    border-top-color: #f97316;
    border-radius: 50%;
    animation: policy-spin-b-ybcn9smkeg 0.6s linear infinite;
    vertical-align: middle;
}

@keyframes policy-spin-b-ybcn9smkeg {
    to { transform: rotate(360deg); }
}

/* /Components/Admin/Courts/CourtEditorModal.razor.rz.scp.css */
/* Court editor — the modal body (chrome comes from CxModal). Control ladder: inputs 32. */

.ced-body[b-5xjg24enje] { padding: 18px; display: flex; flex-direction: column; gap: 20px; overflow-y: auto; max-height: min(560px, calc(100vh - 230px)); }

/* section title voice + rule */
.ced-sect[b-5xjg24enje] { display: flex; align-items: center; gap: 10px; margin-bottom: 11px; }
.ced-sect .t[b-5xjg24enje] {
    font-family: var(--cx-label-font); font-size: var(--cx-label-size); font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track); text-transform: uppercase; color: var(--cx-title-color, var(--cx-slate));
}
.ced-sect .rule[b-5xjg24enje] { flex: 1; height: 1px; background: var(--cx-border-soft); }
.ced-sect .aside[b-5xjg24enje] { font-size: var(--cx-size-cap); color: var(--cx-subtle); }

/* provider cards */
.ced-provcards[b-5xjg24enje] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.ced-provcard[b-5xjg24enje] {
    display: flex; flex-direction: column; align-items: flex-start; gap: 6px; text-align: left;
    padding: 11px 12px; border-radius: 11px; cursor: pointer; background: #fff;
    border: 1px solid var(--cx-border); box-shadow: var(--cx-shadow-card); font-family: inherit;
}
.ced-provcard.on[b-5xjg24enje] { background: var(--int-soft); border-color: var(--int-color); box-shadow: 0 0 0 3px var(--int-soft); }
.ced-provcard .row[b-5xjg24enje] { display: flex; align-items: center; gap: 7px; width: 100%; color: var(--int-color); }
.ced-provcard .dot[b-5xjg24enje] { width: 7px; height: 7px; border-radius: 999px; background: var(--int-color); flex-shrink: 0; }
.ced-provcard .nm[b-5xjg24enje] { font-size: var(--cx-size-body); font-weight: 700; color: var(--cx-text); flex: 1; }
.ced-provcard.on .nm[b-5xjg24enje] { color: var(--int-color); }
.ced-provcard .long[b-5xjg24enje] { font-size: var(--cx-size-cap); color: var(--cx-muted); line-height: 1.35; }
.ced-provcard .auth[b-5xjg24enje] { font-size: var(--cx-size-cap); color: var(--cx-subtle); line-height: 1.35; }
.ced-provhint[b-5xjg24enje] { margin-top: 8px; display: flex; gap: 6px; align-items: flex-start; font-size: var(--cx-size-cap); color: var(--cx-subtle); line-height: 1.45; }

/* notes */
.ced-note[b-5xjg24enje] { display: flex; gap: 9px; padding: 10px 12px; border-radius: 10px; margin-top: 11px; font-size: var(--cx-size-cap); line-height: 1.5; color: var(--cx-muted); text-wrap: pretty; }
.ced-note > :first-child[b-5xjg24enje] { flex-shrink: 0; margin-top: 1px; }
.ced-note.slate[b-5xjg24enje] { background: var(--cx-slate-soft); border: 1px solid var(--cx-slate-border); }
.ced-note.slate > :first-child[b-5xjg24enje] { color: var(--cx-slate); }
.ced-note.amber[b-5xjg24enje] { background: var(--cx-amber-soft); border: 1px solid var(--cx-amber-border); }
.ced-note.amber > :first-child[b-5xjg24enje], .ced-note.amber b[b-5xjg24enje] { color: var(--cx-amber); }
.ced-note.red[b-5xjg24enje] { background: var(--cx-red-soft); border: 1px solid var(--cx-red-border); }
.ced-note.red > :first-child[b-5xjg24enje], .ced-note.red b[b-5xjg24enje] { color: var(--cx-red); }

/* fields */
.ced-grid[b-5xjg24enje] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; }
.ced-field[b-5xjg24enje] { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.ced-field.full[b-5xjg24enje] { grid-column: 1 / -1; }
.ced-field .lbl[b-5xjg24enje] { font-size: var(--cx-size-meta); font-weight: 600; color: var(--cx-text); display: inline-flex; align-items: center; gap: 6px; }
.ced-field .lbl b[b-5xjg24enje] { color: var(--cx-red); font-weight: 600; }
.ced-field .lbl .lockic[b-5xjg24enje] { color: var(--cx-faint); display: inline-flex; }
.ced-field .hint[b-5xjg24enje] { font-size: var(--cx-size-cap); color: var(--cx-subtle); line-height: 1.45; text-wrap: pretty; }
.ced-field .ferr[b-5xjg24enje] { font-size: var(--cx-size-cap); color: var(--cx-red); display: inline-flex; gap: 5px; align-items: center; line-height: 1.4; }

.ced-input[b-5xjg24enje] { width: 100%; height: 32px; padding: 0 10px; background: #fff; border: 1px solid var(--cx-border); border-radius: 8px; font-family: inherit; font-size: var(--cx-size-body); color: var(--cx-text); outline: none; box-sizing: border-box; }
.ced-input.mono[b-5xjg24enje] { font-family: var(--cx-mono); font-size: var(--cx-size-meta); }
.ced-input.err[b-5xjg24enje] { border-color: var(--cx-red); background: #fffcfc; }

.ced-selwrap[b-5xjg24enje] { position: relative; display: block; }
.ced-selwrap select[b-5xjg24enje] { appearance: none; padding-right: 30px; cursor: pointer; }
.ced-selwrap .chev[b-5xjg24enje] { position: absolute; right: 9px; top: 8px; color: var(--cx-subtle); pointer-events: none; }

.ced-pwdwrap[b-5xjg24enje] { position: relative; display: block; }
.ced-pwdwrap input[b-5xjg24enje] { padding-right: 32px; }
.ced-pwdwrap .eye[b-5xjg24enje] { position: absolute; right: 3px; top: 3px; width: 26px; height: 26px; padding: 0; border: none; background: transparent; color: var(--cx-subtle); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }

/* locked values (design: absent-not-disabled gets no field; stamped facts get this) */
.ced-locked[b-5xjg24enje] { min-height: 32px; display: flex; align-items: center; gap: 9px; padding: 4px 10px; background: var(--cx-panel-alt); border: 1px solid var(--cx-border-soft); border-radius: 8px; color: var(--cx-muted); font-size: var(--cx-size-body); flex-wrap: wrap; }
.ced-locked .lock[b-5xjg24enje] { color: var(--cx-faint); display: inline-flex; flex-shrink: 0; }
.ced-locked .tail[b-5xjg24enje] { margin-left: auto; font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.ced-lockednote[b-5xjg24enje] { margin-top: 5px; font-size: var(--cx-size-cap); color: var(--cx-subtle); line-height: 1.45; text-wrap: pretty; }

.ced-smallbtn[b-5xjg24enje] { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 7px; border: 1px solid var(--cx-border); background: #fff; font-size: var(--cx-size-cap); font-weight: 600; color: var(--cx-muted); cursor: pointer; font-family: inherit; }
.ced-smallbtn:hover[b-5xjg24enje] { background: var(--cx-panel-alt); }
.ced-smallbtn.tail[b-5xjg24enje] { margin-left: auto; }

/* capabilities band */
.ced-capband[b-5xjg24enje] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 11px 13px; background: var(--cx-panel-alt); border: 1px solid var(--cx-border-soft); border-radius: 10px; }
.ced-flag[b-5xjg24enje] { display: inline-flex; align-items: center; gap: 6px; height: 20px; padding: 0 9px; border-radius: 6px; font-size: var(--cx-size-cap); font-weight: 600; white-space: nowrap; background: var(--cx-panel-alt); color: var(--cx-subtle); border: 1px solid var(--cx-border); }
.ced-flag.on[b-5xjg24enje] { background: var(--cx-green-soft); color: var(--cx-green); border-color: var(--cx-green-border); }
.ced-flag .udot[b-5xjg24enje] { width: 6px; height: 6px; border-radius: 999px; background: var(--cx-faint); }
.ced-flag .offdash[b-5xjg24enje] { width: 9px; height: 2px; border-radius: 2px; background: var(--cx-faint); }
.ced-capband .cap-note[b-5xjg24enje] { font-size: var(--cx-size-cap); color: var(--cx-subtle); flex: 1 1 220px; min-width: 0; line-height: 1.45; text-wrap: pretty; }

/* availability switches */
.ced-switchcol[b-5xjg24enje] { display: flex; flex-direction: column; gap: 9px; }
.ced-switchrow[b-5xjg24enje] { display: flex; align-items: flex-start; gap: 11px; padding: 11px 13px; border-radius: 10px; background: var(--cx-panel-alt); border: 1px solid var(--cx-border-soft); }
.ced-switchrow.red[b-5xjg24enje] { background: var(--cx-red-soft); border-color: var(--cx-red-border); }
.ced-switchrow .txt[b-5xjg24enje] { flex: 1; min-width: 0; }
.ced-switchrow .l[b-5xjg24enje] { font-size: var(--cx-size-body); font-weight: 600; color: var(--cx-text); }
.ced-switchrow.red .l[b-5xjg24enje], .ced-switchrow.red .d[b-5xjg24enje] { color: var(--cx-red); }
.ced-switchrow .d[b-5xjg24enje] { font-size: var(--cx-size-cap); color: var(--cx-subtle); margin-top: 2px; line-height: 1.45; text-wrap: pretty; }
.ced-switchrow .sw[b-5xjg24enje] { width: 36px; height: 20px; padding: 0; border-radius: 999px; border: none; background: #d9d5d1; cursor: pointer; position: relative; flex-shrink: 0; margin-top: 1px; transition: background .16s; }
.ced-switchrow .sw.on[b-5xjg24enje] { background: var(--cx-pri, #ef6a26); }
.ced-switchrow .sw.red.on[b-5xjg24enje] { background: var(--cx-red-dot); }
.ced-switchrow .sw .knob[b-5xjg24enje] { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 999px; background: #fff; box-shadow: 0 1px 2px rgba(28,25,23,.3); transition: transform .16s; }
.ced-switchrow .sw.on .knob[b-5xjg24enje] { transform: translateX(16px); }

/* foot band */
.ced-foot[b-5xjg24enje] { display: flex; align-items: center; gap: 10px; padding: 12px 18px; background: var(--cx-panel-alt); border-top: 1px solid var(--cx-border); }
.ced-foot .note[b-5xjg24enje] { font-size: var(--cx-size-cap); color: var(--cx-subtle); flex: 1; min-width: 0; line-height: 1.4; display: inline-flex; align-items: center; gap: 6px; }
.ced-foot.danger .note[b-5xjg24enje] { color: var(--cx-red); }
.ced-primary[b-5xjg24enje] {
    display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 15px; border-radius: 8px;
    font-size: var(--cx-size-body); font-weight: 600; color: #fff; cursor: pointer; font-family: inherit;
    background: var(--cx-pri, #ef6a26); border: 1px solid var(--cx-pri, #ef6a26);
}
.ced-primary.off[b-5xjg24enje] { opacity: .55; cursor: not-allowed; }

@media (max-width: 700px) {
    .ced-grid[b-5xjg24enje], .ced-provcards[b-5xjg24enje] { grid-template-columns: 1fr; }
}
/* /Components/Admin/Courts/Courts.razor.rz.scp.css */
/* Courts page — the deployment axis on the Tyler tab. Tokens from courts-admin.css.
   A band per deployment (only when more than one is configured), the capability groups
   unchanged inside it. Deployment is a neutral fact: slate/subtle tier, never a tone. */

.cx-dep-section[b-vy6sg39dvg] { margin-bottom: 22px; }

.cx-dep-band[b-vy6sg39dvg] {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    padding: 9px 13px; margin-bottom: 12px;
    background: #fff; border: 1px solid var(--cx-border); border-radius: 10px;
}
.cx-dep-band .name[b-vy6sg39dvg] { font-size: var(--cx-size-body); font-weight: 700; color: var(--cx-text); letter-spacing: -.1px; }
.cx-dep-band .count[b-vy6sg39dvg] { font-size: var(--cx-size-meta); color: var(--cx-muted); font-variant-numeric: tabular-nums; }
.cx-dep-band .attn[b-vy6sg39dvg] {
    display: inline-flex; align-items: center; gap: 5px; height: 20px; padding: 0 8px; border-radius: 6px;
    background: var(--cx-amber-soft); border: 1px solid var(--cx-amber-border); color: var(--cx-amber);
    font-size: var(--cx-size-cap); font-weight: 600;
}

.cx-dep-body[b-vy6sg39dvg] { padding-left: 13px; border-left: 2px solid var(--cx-border); }

/* Capability group head: the label voice, the count, and (Not stamped yet) a note. */
.cx-group-head[b-vy6sg39dvg] { display: flex; align-items: baseline; gap: 9px; margin: 6px 2px 10px; flex-wrap: wrap; }
.cx-group-head .lbl[b-vy6sg39dvg] {
    font-family: var(--cx-label-font); font-size: var(--cx-label-size); font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track); text-transform: uppercase; color: var(--cx-muted);
}
.cx-group-head .cnt[b-vy6sg39dvg] { font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.cx-group-head .note[b-vy6sg39dvg] { font-size: var(--cx-size-cap); color: var(--cx-subtle); flex: 1 1 220px; min-width: 0; text-wrap: pretty; }

/* The card's second line: a name is Inter, a code is mono; one line, subtle tier. */
.cx-second[b-vy6sg39dvg] {
    display: flex; align-items: baseline; gap: 5px; min-width: 0; margin-top: 2px;
    font-size: var(--cx-size-cap); color: var(--cx-subtle); white-space: nowrap; overflow: hidden;
}
.cx-second i[b-vy6sg39dvg] { font-style: normal; color: var(--cx-faint); }
.cx-second .mono[b-vy6sg39dvg] { overflow: hidden; text-overflow: ellipsis; }
/* /Components/Admin/Courts/CourtsSync.razor.rz.scp.css */
/* Policy Sync page — idle (freshness) · live (run panel) · history. Tokens from courts-admin.css. */

.sy-stack[b-ttsqx5526s] { display: flex; flex-direction: column; gap: 16px; }

.sy-headbtn[b-ttsqx5526s] { border: 1px solid var(--cx-border); background: #fff; height: 34px; display: inline-flex; align-items: center; gap: 7px; }

/* ── Scope bar (the deployment axis) ──
   Page level, because it governs four objects below it. Deployment is a sub-axis of the
   provider: the second control appears under Tyler and vanishes with it. */
.sy-scope[b-ttsqx5526s] {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    padding: 10px 14px; margin-bottom: 16px;
    background: var(--cx-panel-alt); border: 1px solid var(--cx-border); border-radius: 12px;
}
.sy-scope-label[b-ttsqx5526s] {
    font-family: var(--cx-label-font); font-size: var(--cx-label-size); font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track); text-transform: uppercase; color: var(--cx-subtle);
}
.sy-scope-sep[b-ttsqx5526s] { width: 1px; height: 22px; background: var(--cx-border); }
.sy-scope-note[b-ttsqx5526s] { font-size: var(--cx-size-cap); color: var(--cx-subtle); flex: 1 1 180px; min-width: 0; text-wrap: pretty; }

/* ── Breadcrumb (run detail) ── */
.sy-crumb[b-ttsqx5526s] { display: flex; align-items: center; gap: 7px; margin-bottom: 11px; font-size: var(--cx-size-meta); color: var(--cx-muted); }
.sy-crumb a[b-ttsqx5526s] { color: var(--cx-pri, var(--cx-text)); font-weight: 600; text-decoration: none; }
.sy-crumb a:hover[b-ttsqx5526s] { text-decoration: underline; }
.sy-crumb .mono[b-ttsqx5526s] { font-size: var(--cx-size-cap); }

.sy-missing[b-ttsqx5526s] { padding: 28px; text-align: center; font-size: var(--cx-size-body); color: var(--cx-subtle); }

/* ── Bulk cards ── */
.sy-bulk[b-ttsqx5526s] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }
.sy-bulk-card[b-ttsqx5526s] { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.sy-bulk-card.is-live[b-ttsqx5526s] { border-color: var(--cx-blue-border); }
.bulk-main[b-ttsqx5526s] { display: flex; align-items: center; gap: 12px; padding: 14px; }
.sy-tile36[b-ttsqx5526s] {
    width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0;
    background: var(--int-color, var(--cx-slate)); color: #fff;
    display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: var(--cx-size-body);
}
.bulk-id[b-ttsqx5526s] { flex: 1; min-width: 0; }
.bulk-title[b-ttsqx5526s] { font-size: var(--cx-size-body); font-weight: 700; color: var(--cx-text); text-wrap: pretty; }
.bulk-sub[b-ttsqx5526s] { font-size: var(--cx-size-meta); color: var(--cx-muted); font-variant-numeric: tabular-nums; }
.bulk-sub b[b-ttsqx5526s] { color: var(--cx-amber); font-weight: 600; }

.sy-bulk-btn[b-ttsqx5526s] {
    display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 15px;
    border-radius: 8px; font-size: var(--cx-size-body); font-weight: 600; cursor: pointer; border: 1px solid transparent; white-space: nowrap;
}
.sy-bulk-btn:disabled[b-ttsqx5526s] { cursor: not-allowed; }
.sy-bulk-btn.off[b-ttsqx5526s] { background: var(--cx-bg-deep); border-color: var(--cx-border); color: var(--cx-subtle); box-shadow: none; }

/* Quick picks — one deployment at a time, nested under the button they subdivide. */
/* the two sync modes, explained where the buttons are */
.sy-mode[b-ttsqx5526s] {
    padding: 14px 16px;
    margin-bottom: 12px;
}

.sy-mode-head[b-ttsqx5526s] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.sy-mode-title[b-ttsqx5526s] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--cx-subtle);
}

.sy-mode-body[b-ttsqx5526s] {
    margin-top: 10px;
    font-size: var(--cx-size-body);
    line-height: 1.5;
    color: var(--cx-muted);
    max-width: 78ch;
}

.sy-mode-body b[b-ttsqx5526s] {
    color: var(--cx-text);
}

.sy-mode-body.warn[b-ttsqx5526s] {
    padding-left: 10px;
    border-left: 3px solid var(--cx-amber);
}

.bulk-picks[b-ttsqx5526s] { padding: 10px 14px 12px; border-top: 1px solid var(--cx-border-soft); background: var(--cx-panel-alt); }
.bulk-picks-head[b-ttsqx5526s] {
    margin-bottom: 8px;
    font-family: var(--cx-label-font); font-size: var(--cx-label-size); font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track); text-transform: uppercase; color: var(--cx-muted);
}
.bulk-picks-row[b-ttsqx5526s] { display: flex; gap: 8px; flex-wrap: wrap; }
.sy-pick[b-ttsqx5526s] {
    display: inline-flex; align-items: center; gap: 10px; flex: 1 1 210px; min-width: 0; min-height: 44px;
    padding: 8px 12px; border: 1px solid var(--cx-border); border-radius: 10px; background: #fff;
    text-align: left; cursor: pointer; font: inherit;
}
.sy-pick:hover:not(:disabled)[b-ttsqx5526s] { box-shadow: var(--cx-shadow-card); }
.sy-pick:disabled[b-ttsqx5526s] { background: var(--cx-bg-deep); cursor: not-allowed; opacity: .8; }
.sy-pick .pick-id[b-ttsqx5526s] { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.sy-pick .pick-title[b-ttsqx5526s] { font-size: var(--cx-size-meta); font-weight: 600; color: var(--cx-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sy-pick:disabled .pick-title[b-ttsqx5526s] { color: var(--cx-subtle); }
.sy-pick .pick-sub[b-ttsqx5526s] { margin-top: 1px; font-size: var(--cx-size-cap); color: var(--cx-subtle); font-variant-numeric: tabular-nums; }
.sy-pick .pick-sub b[b-ttsqx5526s] { color: var(--cx-amber); font-weight: 600; }
.sy-pick:disabled .pick-sub b[b-ttsqx5526s] { color: var(--cx-subtle); }

.sy-blocked[b-ttsqx5526s] { grid-column: 1 / -1; display: flex; gap: 8px; align-items: flex-start; font-size: var(--cx-size-meta); color: var(--cx-muted); text-wrap: pretty; }

/* ── Needs attention rows ── */
.sy-attn-row[b-ttsqx5526s] { display: flex; align-items: center; gap: 12px; padding: 10px 18px; border-top: 1px solid var(--cx-border-soft); cursor: pointer; }
.sy-attn-row:first-of-type[b-ttsqx5526s] { border-top: none; }
.sy-attn-row .attn-id[b-ttsqx5526s] { min-width: 0; flex: 1; }
.sy-attn-row .nm[b-ttsqx5526s] { font-size: var(--cx-size-body); font-weight: 600; color: var(--cx-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sy-attn-row .why[b-ttsqx5526s] { font-size: var(--cx-size-cap); color: var(--cx-muted); text-wrap: pretty; }
.sy-attn-row .why.bad[b-ttsqx5526s] { color: var(--cx-red); }
.sy-attn-row .open[b-ttsqx5526s] { font-size: var(--cx-size-meta); color: var(--cx-pri, var(--cx-text)); font-weight: 600; white-space: nowrap; }

/* Tyler rows: the disambiguating pair — deployment (a name, Inter) · location code (mono). */
.sy-fresh-row .fr-id .dep[b-ttsqx5526s],
.sy-attn-row .attn-id .dep[b-ttsqx5526s] {
    display: inline-flex; align-items: baseline; gap: 5px; min-width: 0; max-width: 100%;
    margin-top: 1px; font-size: var(--cx-size-cap); color: var(--cx-subtle);
}
.dep > span:first-child[b-ttsqx5526s] { white-space: nowrap; }
.dep i[b-ttsqx5526s] { font-style: normal; color: var(--cx-faint); }
.dep .mono[b-ttsqx5526s] { font-size: var(--cx-size-cap); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ── Freshness table ── */
.sy-fresh-head[b-ttsqx5526s], .sy-fresh-row[b-ttsqx5526s] {
    display: grid;
    grid-template-columns: 26px minmax(180px, 1fr) 128px 176px 190px 24px;
    gap: 12px; align-items: center; padding: 9px 18px;
}
.sy-fresh-head[b-ttsqx5526s] {
    background: var(--cx-thead-bg, var(--cx-panel-alt));
    border-bottom: 1px solid var(--cx-border);
    font-family: var(--cx-label-font); font-size: var(--cx-label-size); font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track); text-transform: uppercase; color: var(--cx-thead-fg, var(--cx-muted));
}
.sy-fresh-row[b-ttsqx5526s] { border-bottom: 1px solid var(--cx-border-soft); cursor: pointer; }
.sy-fresh-row.is-sel[b-ttsqx5526s] { background: var(--cx-pri-soft); }
.sy-fresh-row .fr-id[b-ttsqx5526s] { min-width: 0; }
.sy-fresh-row .nm[b-ttsqx5526s] { font-size: var(--cx-size-body); font-weight: 600; color: var(--cx-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sy-fresh-row .err[b-ttsqx5526s] { font-size: var(--cx-size-cap); color: var(--cx-red); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sy-fresh-row .synced .when[b-ttsqx5526s] { display: block; font-size: var(--cx-size-cap); color: var(--cx-muted); }
.sy-fresh-row .synced .age[b-ttsqx5526s] { font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.sy-fresh-row .synced .age.stale[b-ttsqx5526s] { color: var(--cx-amber); }
.sy-fresh-row .synced .never[b-ttsqx5526s] { font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.sy-fresh-row .r[b-ttsqx5526s] { text-align: right; }

/* A real checkbox: Space toggles it, the label names the court, Shift extends a range. */
.sy-check[b-ttsqx5526s] { width: 16px; height: 16px; margin: 0; accent-color: var(--cx-pri); cursor: pointer; flex-shrink: 0; }
.sy-check:disabled[b-ttsqx5526s] { cursor: not-allowed; }

/* The selection bar — the table's footer in DOM order, sticky by CSS only. */
.sy-selbar[b-ttsqx5526s] {
    position: sticky; bottom: 0; z-index: 3;
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    padding: 12px 18px; background: #fff; border-top: 1px solid var(--cx-border);
    box-shadow: 0 -6px 18px rgba(28, 25, 23, 0.06);
}
.sy-selbar .selbar-id[b-ttsqx5526s] { min-width: 0; flex: 1 1 220px; }
.sy-selbar .selbar-count[b-ttsqx5526s] { font-size: var(--cx-size-body); font-weight: 700; color: var(--cx-text); font-variant-numeric: tabular-nums; }
.sy-selbar .selbar-count .mix[b-ttsqx5526s] { font-weight: 500; color: var(--cx-muted); }
.sy-selbar .selbar-note[b-ttsqx5526s] { margin-top: 2px; font-size: var(--cx-size-cap); color: var(--cx-subtle); text-wrap: pretty; }
.sy-selbar .selbar-note.amber[b-ttsqx5526s] { color: var(--cx-amber); }

/* ── History table ── */
/* Run number + short when share one mono cell — both are the row's identity (R2);
   initiator is the fixed no-wrap track; scope is the cell designed to ellipsize. */
.sy-hist-head[b-ttsqx5526s], .sy-hist-row[b-ttsqx5526s] {
    display: grid;
    grid-template-columns: 170px 64px 150px minmax(0, 1fr) 180px 62px 22px;
    gap: 10px; align-items: center; padding: 9px 18px;
}
.sy-hist-head[b-ttsqx5526s] {
    background: var(--cx-thead-bg, var(--cx-panel-alt));
    border-bottom: 1px solid var(--cx-border);
    font-family: var(--cx-label-font); font-size: var(--cx-label-size); font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track); text-transform: uppercase; color: var(--cx-thead-fg, var(--cx-muted));
}
.sy-hist-head .r[b-ttsqx5526s] { text-align: right; }
.sy-hist-row[b-ttsqx5526s] { border-bottom: 1px solid var(--cx-border-soft); cursor: pointer; }
.sy-hist-row .idcell[b-ttsqx5526s] { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.sy-hist-row .runno[b-ttsqx5526s] { font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.sy-hist-row .when[b-ttsqx5526s] { font-size: var(--cx-size-cap); color: var(--cx-text); }
.sy-by-cell[b-ttsqx5526s] { display: inline-flex; align-items: center; gap: 5px; font-size: var(--cx-size-meta); color: var(--cx-muted); white-space: nowrap; }
.sy-hist-foot[b-ttsqx5526s] { padding: 10px 18px; background: var(--cx-panel-alt); font-size: var(--cx-size-cap); color: var(--cx-subtle); text-wrap: pretty; }
.sy-hist-row .scope[b-ttsqx5526s] { font-size: var(--cx-size-meta); color: var(--cx-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sy-hist-row .outcome[b-ttsqx5526s] { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; font-size: var(--cx-size-meta); font-variant-numeric: tabular-nums; }
.sy-hist-row .outcome b[b-ttsqx5526s] { font-weight: 600; }
.sy-hist-row .outcome .dotsep[b-ttsqx5526s] { color: var(--cx-faint); font-style: normal; }
.sy-hist-row .took[b-ttsqx5526s] { font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.sy-hist-row .r[b-ttsqx5526s] { text-align: right; }

.t-green[b-ttsqx5526s] { color: var(--cx-green); }
.t-amber[b-ttsqx5526s] { color: var(--cx-amber); }
.t-red[b-ttsqx5526s] { color: var(--cx-red); }
.t-muted[b-ttsqx5526s] { color: var(--cx-muted); }

.sy-footbtn[b-ttsqx5526s] { border: 1px solid var(--cx-border); background: #fff; height: 28px; font-size: var(--cx-size-cap); display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; border-radius: 7px; cursor: pointer; }
.sy-footbtn:hover[b-ttsqx5526s] { background: var(--cx-panel-alt); }

/* Narrow (design frame 15): the freshness table keeps every track it has on the desktop
   and scrolls sideways instead of dropping columns — the name track keeps a real minimum,
   the selection bar keeps the count, the primary and Clear. The quick picks stack. */
@media (max-width: 860px) {
    .sy-bulk[b-ttsqx5526s] { grid-template-columns: 1fr; }
    .sy-fresh-scroll[b-ttsqx5526s] { overflow-x: auto; }
    .sy-fresh-head[b-ttsqx5526s], .sy-fresh-row[b-ttsqx5526s] { min-width: 760px; }
    .sy-hist-head[b-ttsqx5526s] { display: none; }
    .sy-hist-row[b-ttsqx5526s] { grid-template-columns: minmax(0, 1fr) auto; }
    .sy-hist-row .scope[b-ttsqx5526s], .sy-hist-row .took[b-ttsqx5526s], .sy-hist-row .r[b-ttsqx5526s] { display: none; }
}
/* /Components/Admin/Courts/SyncRunPanel.razor.rz.scp.css */
/* Run panel — live and frozen share this layout (design S3). Tokens from courts-admin.css. */

.sy-panel[b-44so444xdr] { overflow: hidden; }
.sy-panel.live[b-44so444xdr] { border-color: var(--cx-blue-border); box-shadow: var(--cx-shadow-raise); }

/* ── Head ── */
.sy-head[b-44so444xdr] { padding: 15px 18px; border-bottom: 1px solid var(--cx-border-soft); }
.sy-head-row[b-44so444xdr] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

.sy-tile[b-44so444xdr] {
    width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0;
    background: var(--int-color, var(--cx-slate));
    color: #fff; display: inline-flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: var(--cx-size-cap); letter-spacing: -0.2px;
}

.sy-head-id[b-44so444xdr] { min-width: 0; }
.sy-title[b-44so444xdr] { font-size: var(--cx-size-body); font-weight: 700; color: var(--cx-text); letter-spacing: -0.1px; }
.sy-meta[b-44so444xdr] { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; margin-top: 2px; font-size: var(--cx-size-meta); color: var(--cx-muted); }
.sy-by[b-44so444xdr] { display: inline-flex; align-items: center; gap: 5px; }
.sy-meta .sep[b-44so444xdr] { color: var(--cx-faint); font-size: var(--cx-size-cap); }
.sy-meta .elapsed[b-44so444xdr] { font-size: var(--cx-size-cap); }
.sy-meta .elapsed-word[b-44so444xdr] { font-size: var(--cx-size-meta); color: var(--cx-subtle); }
.sy-meta .nodur[b-44so444xdr] { font-size: var(--cx-size-meta); color: var(--cx-subtle); }

.sy-head-right[b-44so444xdr] { margin-left: auto; display: flex; align-items: center; gap: 9px; }
.runid[b-44so444xdr] { font-size: var(--cx-size-cap); color: var(--cx-subtle); }

/* ── Overall bar + tally ── */
.sy-overall[b-44so444xdr] { margin-top: 13px; }
.sy-bar[b-44so444xdr] { display: flex; height: 8px; border-radius: 999px; overflow: hidden; background: var(--cx-bg-deep); }
.sy-bar .seg[b-44so444xdr] { display: block; height: 100%; }
.sy-bar .seg.ok[b-44so444xdr] { background: var(--cx-green-dot); }
.sy-bar .seg.partial[b-44so444xdr], .sy-bar .seg.interrupted[b-44so444xdr] { background: var(--cx-amber-dot); }
.sy-bar .seg.failed[b-44so444xdr] { background: var(--cx-red-dot); }
.sy-bar .seg.skipped[b-44so444xdr] { background: var(--cx-slate-dot); }
.sy-bar .seg.running[b-44so444xdr] { background: var(--cx-blue-dot); animation: sy-breathe-b-44so444xdr 1.6s ease-in-out infinite; }
@keyframes sy-breathe-b-44so444xdr { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }

.sy-tally[b-44so444xdr] { margin-top: 8px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: var(--cx-size-meta); color: var(--cx-muted); font-variant-numeric: tabular-nums; }
.sy-tally .lead[b-44so444xdr] { color: var(--cx-text); font-weight: 600; }
.sy-tally .lead.muted[b-44so444xdr] { color: var(--cx-muted); }
.sy-tally .sep[b-44so444xdr] { color: var(--cx-faint); }
.sy-tally .t-blue[b-44so444xdr] { color: var(--cx-blue); font-weight: 600; }
.sy-tally .t-red[b-44so444xdr] { color: var(--cx-red); font-weight: 600; }
.sy-tally .t-amber[b-44so444xdr] { color: var(--cx-amber); font-weight: 600; }
.sy-tally .t-muted[b-44so444xdr] { color: var(--cx-muted); font-weight: 500; }
.sy-tally .t-subtle[b-44so444xdr] { color: var(--cx-subtle); font-weight: 500; }

/* ── Notice bands (interrupted / nothing ran) ── */
.sy-band[b-44so444xdr] { display: flex; gap: 9px; padding: 10px 18px; font-size: var(--cx-size-meta); line-height: 1.55; text-wrap: pretty; border-bottom: 1px solid var(--cx-border-soft); }
.sy-band[b-44so444xdr]  svg, .sy-band > :first-child[b-44so444xdr] { flex-shrink: 0; margin-top: 1px; }
.sy-band.amber[b-44so444xdr] { background: var(--cx-amber-soft); border-bottom-color: var(--cx-amber-border); color: var(--cx-amber); }
.sy-band.slate[b-44so444xdr] { background: var(--cx-slate-soft); border-bottom-color: var(--cx-slate-border); color: var(--cx-slate); }

/* ── Group heads ── */
.sy-group[b-44so444xdr] { display: flex; align-items: center; gap: 8px; padding: 8px 18px; background: var(--cx-panel-alt); border-bottom: 1px solid var(--cx-border-soft); }
.sy-group .glabel[b-44so444xdr] {
    font-family: var(--cx-label-font); font-size: var(--cx-label-size); font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track); text-transform: uppercase; color: var(--cx-subtle);
}
.sy-group.blue .glabel[b-44so444xdr] { color: var(--cx-blue); }
.sy-group.red .glabel[b-44so444xdr] { color: var(--cx-red); }
.sy-group .gcount[b-44so444xdr] { font-size: var(--cx-size-cap); color: var(--cx-subtle); }

/* ── Job rows ── */
.sy-job[b-44so444xdr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 132px 172px 78px 26px;
    gap: 12px; align-items: center;
    padding: 10px 18px;
    border-bottom: 1px solid var(--cx-border-soft);
    cursor: pointer;
}
.j-name[b-44so444xdr] { min-width: 0; }
.j-title[b-44so444xdr] { display: flex; align-items: center; gap: 9px; min-width: 0; }
.j-title .nm[b-44so444xdr] { font-size: var(--cx-size-body); font-weight: 600; color: var(--cx-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.j-title .code[b-44so444xdr] { font-size: var(--cx-size-cap); color: var(--cx-subtle); flex-shrink: 0; }
.j-dep[b-44so444xdr] { display: inline-flex; align-items: baseline; gap: 5px; min-width: 0; max-width: 100%; margin-top: 1px; font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.j-dep > span:first-child[b-44so444xdr] { white-space: nowrap; }
.j-dep i[b-44so444xdr] { font-style: normal; color: var(--cx-faint); }
.j-dep .mono[b-44so444xdr] { font-size: var(--cx-size-cap); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.j-reason[b-44so444xdr] { margin-top: 3px; font-size: var(--cx-size-cap); line-height: 1.45; color: var(--cx-muted); text-wrap: pretty; }
.j-reason.bad[b-44so444xdr] { color: var(--cx-red); }

.j-units[b-44so444xdr] { display: flex; align-items: center; gap: 9px; min-width: 0; }
.sy-meter[b-44so444xdr] { width: 80px; height: 5px; border-radius: 999px; background: var(--cx-bg-deep); overflow: hidden; flex-shrink: 0; }
.sy-meter i[b-44so444xdr] { display: block; height: 100%; transition: width .5s ease; }
.sy-meter.blue i[b-44so444xdr] { background: var(--cx-blue-dot); }
.sy-meter.amber i[b-44so444xdr] { background: var(--cx-amber-dot); }
.j-units .frac[b-44so444xdr] { font-size: var(--cx-size-cap); color: var(--cx-muted); white-space: nowrap; }
.j-note[b-44so444xdr] { font-size: var(--cx-size-cap); color: var(--cx-subtle); }

.j-dur[b-44so444xdr] { text-align: right; font-family: var(--cx-mono); font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.j-chev[b-44so444xdr] { text-align: right; display: flex; justify-content: flex-end; }

/* ── Footer ── */
.sy-foot[b-44so444xdr] { display: flex; align-items: center; gap: 10px; padding: 11px 18px; background: var(--cx-panel-alt); flex-wrap: wrap; font-size: var(--cx-size-cap); color: var(--cx-subtle); text-wrap: pretty; }
.sy-foot .foot-actions[b-44so444xdr] { margin-left: auto; display: flex; gap: 8px; }

/* Narrow: rows stack — name+chip, then meter+duration. */
@media (max-width: 760px) {
    .sy-job[b-44so444xdr] { grid-template-columns: minmax(0, 1fr) auto; }
    .j-units[b-44so444xdr] { grid-column: 1; }
    .j-dur[b-44so444xdr] { grid-column: 2; }
    .j-chev[b-44so444xdr] { display: none; }
}
/* /Components/Admin/Courts/SyncStateChip.razor.rz.scp.css */
/* Seven-state sync chip — tone fill + border on the cx tone tokens. */
.sy-chip[b-paiurr60tg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 9px;
    border-radius: 7px;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    white-space: nowrap;
}

.sy-chip.queued[b-paiurr60tg],
.sy-chip.skipped[b-paiurr60tg],
.sy-chip.never[b-paiurr60tg] { color: var(--cx-slate); background: var(--cx-slate-soft); border: 1px solid var(--cx-slate-border); }

.sy-chip.running[b-paiurr60tg] { color: var(--cx-blue); background: var(--cx-blue-soft); border: 1px solid var(--cx-blue-border); }
.sy-chip.ok[b-paiurr60tg] { color: var(--cx-green); background: var(--cx-green-soft); border: 1px solid var(--cx-green-border); }
.sy-chip.failed[b-paiurr60tg] { color: var(--cx-red); background: var(--cx-red-soft); border: 1px solid var(--cx-red-border); }

.sy-chip.partial[b-paiurr60tg],
.sy-chip.interrupted[b-paiurr60tg] { color: var(--cx-amber); background: var(--cx-amber-soft); border: 1px solid var(--cx-amber-border); }

.chip-ic[b-paiurr60tg] { display: inline-flex; flex-shrink: 0; }
.chip-dot[b-paiurr60tg] { width: 6px; height: 6px; border-radius: 999px; background: currentColor; flex-shrink: 0; }
/* /Components/Admin/Courts/TylerLocationConfigPanel.razor.rz.scp.css */
/* Per-location Tyler config — key/value rows on the cx tokens. */
.lc-note[b-bhu88w65we] { padding: 22px; font-size: var(--cx-size-body); color: var(--cx-subtle); }
.lc-foot[b-bhu88w65we] { padding: 10px 20px; background: var(--cx-panel-alt); font-size: var(--cx-size-cap); color: var(--cx-subtle); text-wrap: pretty; }

.lc-row[b-bhu88w65we] { border-bottom: 1px solid var(--cx-border-soft); }
.lc-head[b-bhu88w65we] { display: flex; align-items: center; gap: 10px; padding: 12px 20px 8px; flex-wrap: wrap; }
.lc-id[b-bhu88w65we] { min-width: 0; flex: 1; display: flex; align-items: baseline; gap: 9px; }
.lc-id .nm[b-bhu88w65we] { font-size: var(--cx-size-body); font-weight: 700; color: var(--cx-text); }
.lc-id .code[b-bhu88w65we] { font-size: var(--cx-size-cap); color: var(--cx-subtle); }

.lc-chip[b-bhu88w65we] {
    display: inline-flex; align-items: center; height: 21px; padding: 0 8px; border-radius: 7px;
    font-size: var(--cx-size-cap); font-weight: 600; white-space: nowrap;
    color: var(--cx-subtle); background: var(--cx-slate-soft); border: 1px solid var(--cx-slate-border);
}
.lc-chip.on[b-bhu88w65we] { color: var(--cx-green); background: var(--cx-green-soft); border-color: var(--cx-green-border); }

.lc-toggle[b-bhu88w65we] {
    height: 26px; padding: 0 10px; border-radius: 7px; border: 1px solid var(--cx-border);
    background: #fff; font-size: var(--cx-size-cap); font-weight: 600; color: var(--cx-muted); cursor: pointer;
}
.lc-toggle:hover[b-bhu88w65we] { background: var(--cx-panel-alt); }

.lc-grid[b-bhu88w65we] {
    display: grid; grid-template-columns: minmax(220px, max-content) minmax(0, 1fr);
    column-gap: 18px; row-gap: 3px; padding: 4px 20px 14px;
}
.lc-grid .k[b-bhu88w65we] { font-size: var(--cx-size-cap); color: var(--cx-muted); overflow-wrap: anywhere; }
.lc-grid .v[b-bhu88w65we] { font-size: var(--cx-size-cap); color: var(--cx-text); overflow-wrap: anywhere; }
.lc-grid .v.on[b-bhu88w65we] { color: var(--cx-green); font-weight: 600; }

.lc-empty[b-bhu88w65we] { padding: 4px 20px 14px; font-size: var(--cx-size-cap); color: var(--cx-subtle); }

@media (max-width: 720px) {
    .lc-grid[b-bhu88w65we] { grid-template-columns: 1fr; row-gap: 1px; }
    .lc-grid .v[b-bhu88w65we] { margin-bottom: 6px; }
}
/* /Components/Admin/DesignPreview.razor.rz.scp.css */
.dp-wrap[b-rr5byhkwgz] {
    max-width: 880px;
    margin: 0 auto;
    padding: 40px 32px 120px;
    font-family: var(--cx-font);
    color: var(--cx-text);
}

.dp-h1[b-rr5byhkwgz] {
    font-size: var(--cx-size-title);
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 0;
}

.dp-lede[b-rr5byhkwgz] {
    font-size: var(--cx-size-body);
    color: var(--cx-muted);
    margin: 8px 0 0;
}

.dp-sec[b-rr5byhkwgz] {
    margin-top: 44px;
}

.dp-h2[b-rr5byhkwgz] {
    font-size: var(--cx-size-head);
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dp-tag[b-rr5byhkwgz] {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    font-family: "JetBrains Mono", ui-monospace, monospace;
    color: var(--cx-muted);
    background: #f5f4f1;
    border: 1px solid #e7e5e4;
    padding: 2px 8px;
    border-radius: 999px;
}

.dp-sub[b-rr5byhkwgz] {
    font-size: var(--cx-size-body);
    color: var(--cx-muted);
    margin: 6px 0 0;
}

.dp-row[b-rr5byhkwgz] {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 16px;
    flex-wrap: wrap;
}

.dp-stack[b-rr5byhkwgz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
}
/* /Components/Admin/JTI/DocumentDetails.razor.rz.scp.css */
/* Layout Container */
.page-container[b-bmy5a1699j] {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.page-row[b-bmy5a1699j] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.page-col-full[b-bmy5a1699j] {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
}

.page-col-half[b-bmy5a1699j] {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}

/* Breadcrumb Navigation */
.breadcrumb-nav[b-bmy5a1699j] {
    margin-bottom: 1rem;
}

.breadcrumb-list[b-bmy5a1699j] {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0.75rem 1rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.breadcrumb-item[b-bmy5a1699j] {
    display: flex;
}

.breadcrumb-item + .breadcrumb-item[b-bmy5a1699j]::before {
    content: "/";
    padding: 0 0.5rem;
    color: #6c757d;
}

.breadcrumb-item.active[b-bmy5a1699j] {
    color: #6c757d;
}

.breadcrumb-link[b-bmy5a1699j] {
    color: #0d6efd;
    text-decoration: none;
}

.breadcrumb-link:hover[b-bmy5a1699j] {
    color: #0a58ca;
    text-decoration: underline;
}

/* Card Components */
.detail-card[b-bmy5a1699j] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-bottom: 1.5rem;
}

.detail-card-header[b-bmy5a1699j] {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #dee2e6;
    background-color: rgba(0, 0, 0, 0.03);
}

.detail-card-body[b-bmy5a1699j] {
    padding: 1.25rem;
}

.detail-card-title[b-bmy5a1699j] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
}

.detail-card-title-small[b-bmy5a1699j] {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
}

/* Loading States */
.loading-center[b-bmy5a1699j] {
    text-align: center;
    padding: 2rem 0;
}

.loading-spinner[b-bmy5a1699j] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border: 0.25em solid #f3f3f3;
    border-top: 0.25em solid #007bff;
    border-radius: 50%;
    animation: spin-b-bmy5a1699j 1s linear infinite;
}

@keyframes spin-b-bmy5a1699j {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Alert Components */
.alert[b-bmy5a1699j] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-danger[b-bmy5a1699j] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success[b-bmy5a1699j] {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-warning[b-bmy5a1699j] {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeaa7;
}

/* Tables */
.info-table[b-bmy5a1699j] {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse;
}

.info-table td[b-bmy5a1699j] {
    padding: 0.375rem 0.75rem;
    border-bottom: 1px solid #dee2e6;
    vertical-align: top;
}

.metadata-table[b-bmy5a1699j] {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse;
}

.metadata-table th[b-bmy5a1699j],
.metadata-table td[b-bmy5a1699j] {
    padding: 0.75rem;
    vertical-align: top;
    border-bottom: 1px solid #dee2e6;
}

.metadata-table thead th[b-bmy5a1699j] {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
}

.metadata-table tbody tr:nth-of-type(odd)[b-bmy5a1699j] {
    background-color: rgba(0, 0, 0, 0.025);
}

.metadata-table-container[b-bmy5a1699j] {
    overflow-x: auto;
}

/* Badges */
.status-badge[b-bmy5a1699j] {
    display: inline-block;
    padding: 0.25em 0.5em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    margin-left: 0.5rem;
}

.status-badge-warning[b-bmy5a1699j] {
    color: #212529;
    background-color: #ffc107;
}

.status-badge-danger[b-bmy5a1699j] {
    color: white;
    background-color: #dc3545;
}

.status-badge-secondary[b-bmy5a1699j] {
    color: white;
    background-color: #6c757d;
}

.status-badge-info[b-bmy5a1699j] {
    color: white;
    background-color: #0dcaf0;
}

.status-badge-primary[b-bmy5a1699j] {
    color: white;
    background-color: #0d6efd;
}

/* Badge Collections */
.badge-collection[b-bmy5a1699j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Code Display */
.code-inline[b-bmy5a1699j] {
    padding: 0.2em 0.4em;
    font-size: 87.5%;
    color: #d63384;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.code-block[b-bmy5a1699j] {
    display: block;
    padding: 0.75rem;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.875rem;
    max-height: 400px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-all;
}

.error-text[b-bmy5a1699j] {
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

/* Tab Navigation */
.tab-nav[b-bmy5a1699j] {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dee2e6;
}

.tab-nav-item[b-bmy5a1699j] {
    margin-bottom: -1px;
}

.tab-nav-link[b-bmy5a1699j] {
    display: block;
    padding: 0.5rem 1rem;
    color: #495057;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    cursor: pointer;
}

.tab-nav-link:hover[b-bmy5a1699j] {
    color: #495057;
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}

.tab-nav-link.active[b-bmy5a1699j] {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.tab-content[b-bmy5a1699j] {
    margin-top: 1rem;
}

.tab-pane[b-bmy5a1699j] {
    display: none;
}

.tab-pane.active[b-bmy5a1699j] {
    display: block;
}

/* Copy Button */
.copy-button-container[b-bmy5a1699j] {
    position: relative;
}

.copy-button[b-bmy5a1699j] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    color: #6c757d;
    background-color: transparent;
    border: 1px solid #6c757d;
    border-radius: 0.25rem;
    cursor: pointer;
    z-index: 10;
}

.copy-button:hover[b-bmy5a1699j] {
    color: #495057;
    background-color: #f8f9fa;
    border-color: #adb5bd;
}

/* Utility Classes */
.text-center[b-bmy5a1699j] {
    text-align: center;
}

.text-muted[b-bmy5a1699j] {
    color: #6c757d;
}

.mb-0[b-bmy5a1699j] {
    margin-bottom: 0;
}

.mb-2[b-bmy5a1699j] {
    margin-bottom: 0.5rem;
}

.mb-4[b-bmy5a1699j] {
    margin-bottom: 1.5rem;
}

.mt-2[b-bmy5a1699j] {
    margin-top: 0.5rem;
}

.mt-3[b-bmy5a1699j] {
    margin-top: 1rem;
}

.ms-2[b-bmy5a1699j] {
    margin-left: 0.5rem;
}

.p-3[b-bmy5a1699j] {
    padding: 1rem;
}

.visually-hidden[b-bmy5a1699j] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.small[b-bmy5a1699j] {
    font-size: 0.875em;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-col-half[b-bmy5a1699j] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .breadcrumb-list[b-bmy5a1699j] {
        padding: 0.5rem;
    }

    .detail-card-header[b-bmy5a1699j],
    .detail-card-body[b-bmy5a1699j] {
        padding: 1rem;
    }

    .copy-button[b-bmy5a1699j] {
        position: static;
        margin-bottom: 0.5rem;
        display: block;
        width: auto;
    }

    .copy-button-container[b-bmy5a1699j] {
        position: static;
    }
}

@media (max-width: 576px) {
    .page-container[b-bmy5a1699j] {
        padding: 0 10px;
    }

    .page-row[b-bmy5a1699j] {
        margin: 0 -10px;
    }

    .page-col-full[b-bmy5a1699j],
    .page-col-half[b-bmy5a1699j] {
        padding: 0 10px;
    }

    .badge-collection[b-bmy5a1699j] {
        gap: 0.25rem;
    }

    .info-table td[b-bmy5a1699j] {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }

    .metadata-table th[b-bmy5a1699j],
    .metadata-table td[b-bmy5a1699j] {
        padding: 0.5rem 0.25rem;
        font-size: 0.875rem;
    }
}
/* /Components/Admin/JTI/DocumentList.razor.rz.scp.css */
/* Card Components */
.document-card[b-foxvjedw2k] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.document-card-header[b-foxvjedw2k] {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #dee2e6;
    background-color: rgba(0, 0, 0, 0.03);
}

.document-card-body[b-foxvjedw2k] {
    padding: 1.25rem;
}

.document-card-title[b-foxvjedw2k] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
}

/* Layout */
.flex-row[b-foxvjedw2k] {
    display: flex;
    align-items: center;
}

.flex-col[b-foxvjedw2k] {
    flex: 1;
}

.flex-col-auto[b-foxvjedw2k] {
    flex: 0 0 auto;
}

.grid-row[b-foxvjedw2k] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.75rem;
}

.grid-col-3[b-foxvjedw2k] {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 0.75rem;
}

.grid-row-mb-3[b-foxvjedw2k] {
    margin-bottom: 1rem;
}

/* Form Controls */
.search-input-group[b-foxvjedw2k] {
    display: flex;
    position: relative;
    align-items: stretch;
    width: 100%;
}

.search-input[b-foxvjedw2k] {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem 0 0 0.25rem;
    outline: none;
}

.search-input:focus[b-foxvjedw2k] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.search-button[b-foxvjedw2k] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border: 1px solid #ced4da;
    border-left: 0;
    border-radius: 0 0.25rem 0.25rem 0;
    background-color: transparent;
    cursor: pointer;
}

.search-button:hover[b-foxvjedw2k] {
    background-color: #f8f9fa;
    border-color: #adb5bd;
}

.filter-select[b-foxvjedw2k] {
    width: 100%;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background-color: white;
}

.filter-select:focus[b-foxvjedw2k] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    outline: none;
}

/* Loading and Empty States */
.loading-spinner[b-foxvjedw2k] {
    text-align: center;
    padding: 2rem 0;
}

.spinner[b-foxvjedw2k] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border: 0.25em solid #f3f3f3;
    border-top: 0.25em solid #007bff;
    border-radius: 50%;
    animation: spin-b-foxvjedw2k 1s linear infinite;
}

@keyframes spin-b-foxvjedw2k {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-foxvjedw2k] {
    text-align: center;
    padding: 2rem 0;
}

.empty-icon[b-foxvjedw2k] {
    font-size: 2rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
}

.empty-text[b-foxvjedw2k] {
    color: #6c757d;
    margin: 0;
}

/* Table */
.documents-table-container[b-foxvjedw2k] {
    overflow-x: auto;
}

.documents-table[b-foxvjedw2k] {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse;
}

.documents-table th[b-foxvjedw2k],
.documents-table td[b-foxvjedw2k] {
    padding: 0.75rem;
    vertical-align: top;
    border-bottom: 1px solid #dee2e6;
}

.documents-table thead th[b-foxvjedw2k] {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
}

.documents-table tbody tr:hover[b-foxvjedw2k] {
    background-color: rgba(0, 0, 0, 0.025);
}

/* Badges */
.badge[b-foxvjedw2k] {
    display: inline-block;
    padding: 0.25em 0.5em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge-success[b-foxvjedw2k] {
    color: white;
    background-color: #198754;
}

.badge-secondary[b-foxvjedw2k] {
    color: white;
    background-color: #6c757d;
}

.badge-info[b-foxvjedw2k] {
    color: white;
    background-color: #0dcaf0;
}

.badge-warning[b-foxvjedw2k] {
    color: #212529;
    background-color: #ffc107;
}

/* Buttons */
.btn[b-foxvjedw2k] {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-sm[b-foxvjedw2k] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

.btn-outline-primary[b-foxvjedw2k] {
    color: #0d6efd;
    border-color: #0d6efd;
    background-color: transparent;
}

.btn-outline-primary:hover[b-foxvjedw2k] {
    color: white;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

/* Pagination */
.pagination-nav[b-foxvjedw2k] {
    margin-top: 1rem;
}

.pagination[b-foxvjedw2k] {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pagination-item[b-foxvjedw2k] {
    margin: 0 0.125rem;
}

.pagination-link[b-foxvjedw2k] {
    display: block;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    color: #0d6efd;
    text-decoration: none;
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    cursor: pointer;
}

.pagination-link:hover[b-foxvjedw2k] {
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.pagination-item.active .pagination-link[b-foxvjedw2k] {
    color: white;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.pagination-item.disabled .pagination-link[b-foxvjedw2k] {
    color: #6c757d;
    background-color: white;
    border-color: #dee2e6;
    cursor: not-allowed;
}

/* Utility Classes */
.text-end[b-foxvjedw2k] {
    text-align: right;
}

.text-muted[b-foxvjedw2k] {
    color: #6c757d;
}

.visually-hidden[b-foxvjedw2k] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.mb-0[b-foxvjedw2k] {
    margin-bottom: 0;
}

.mb-2[b-foxvjedw2k] {
    margin-bottom: 0.5rem;
}

.py-4[b-foxvjedw2k] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .grid-col-3[b-foxvjedw2k] {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 576px) {
    .grid-col-3[b-foxvjedw2k] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .flex-row[b-foxvjedw2k] {
        flex-direction: column;
        align-items: stretch;
    }

    .flex-col-auto[b-foxvjedw2k] {
        margin-top: 1rem;
    }
}
/* /Components/Admin/NewCourt.razor.rz.scp.css */
filing-container[b-3thrpru3b0] {
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 1rem;
    padding: 0;
}

.filing-content[b-3thrpru3b0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: fit-content;
    padding: 2rem;
    flex-basis: 70%;
    flex-grow: 1;
}
.buttons-container[b-3thrpru3b0] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1rem;
}
/* /Components/Admin/PdfFidelityTest.razor.rz.scp.css */
:root[b-ha9fh7v7gk] {
    --bg-primary: #0f1117;
    --bg-card: #181a20;
    --bg-card-hover: #1e2028;
    --bg-input: #23262f;
    --border-subtle: #2a2d37;
    --border-accent: #3b82f6;
    --text-primary: #f0f1f3;
    --text-secondary: #8b8fa3;
    --text-muted: #5c5f6e;
    --accent-blue: #3b82f6;
    --accent-green: #22c55e;
    --accent-red: #ef4444;
    --accent-amber: #f59e0b;
    --accent-purple: #a855f7;
    --accent-cyan: #06b6d4;
    --radius: 10px;
    --font-mono: 'Cascadia Code', 'JetBrains Mono', 'Fira Code', monospace;
    --font-sans: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.fidelity-page[b-ha9fh7v7gk] {
    background: var(--bg-primary);
    min-height: 100vh;
    padding: 2rem;
    font-family: var(--font-sans);
    color: var(--text-primary);
}

    .fidelity-page *[b-ha9fh7v7gk] {
        box-sizing: border-box;
    }

.page-header[b-ha9fh7v7gk] {
    max-width: 1800px;
    margin: 0 auto 2rem;
}

    .page-header h1[b-ha9fh7v7gk] {
        font-size: 1.5rem;
        font-weight: 600;
        letter-spacing: -0.02em;
        margin: 0 0 0.25rem;
    }

        .page-header h1 span[b-ha9fh7v7gk] {
            color: var(--accent-blue);
        }

    .page-header p[b-ha9fh7v7gk] {
        color: var(--text-secondary);
        font-size: 0.85rem;
        margin: 0;
    }

.upload-zone[b-ha9fh7v7gk] {
    max-width: 1800px;
    margin: 0 auto 2rem;
    border: 2px dashed var(--border-subtle);
    border-radius: var(--radius);
    padding: 2.5rem;
    text-align: center;
    transition: all 0.2s ease;
    background: var(--bg-card);
    cursor: pointer;
    position: relative;
}

    .upload-zone:hover[b-ha9fh7v7gk], .upload-zone.drag-over[b-ha9fh7v7gk] {
        border-color: var(--accent-blue);
        background: rgba(59, 130, 246, 0.04);
    }

    .upload-zone .upload-icon[b-ha9fh7v7gk] {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

    .upload-zone .upload-text[b-ha9fh7v7gk] {
        font-size: 0.9rem;
        color: var(--text-secondary);
    }

        .upload-zone .upload-text strong[b-ha9fh7v7gk] {
            color: var(--text-primary);
        }

    .upload-zone .upload-hint[b-ha9fh7v7gk] {
        font-size: 0.75rem;
        color: var(--text-muted);
        margin-top: 0.5rem;
    }

    .upload-zone input[type="file"][b-ha9fh7v7gk] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.processing-banner[b-ha9fh7v7gk] {
    max-width: 1800px;
    margin: 0 auto 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius);
    padding: 0.75rem 1rem;
}

.spinner[b-ha9fh7v7gk] {
    width: 18px;
    height: 18px;
    border: 2px solid var(--border-subtle);
    border-top-color: var(--accent-blue);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    flex-shrink: 0;
}

@@keyframes spin {
    to[b-ha9fh7v7gk] {
        transform: rotate(360deg);
    }
}

.processing-text[b-ha9fh7v7gk] {
    font-size: 0.85rem;
    color: var(--text-secondary);
}

    .processing-text strong[b-ha9fh7v7gk] {
        color: var(--text-primary);
    }

.file-history[b-ha9fh7v7gk] {
    max-width: 1800px;
    margin: 0 auto 1.5rem;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.file-chip[b-ha9fh7v7gk] {
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: 6px;
    padding: 0.4rem 0.75rem;
    font-size: 0.78rem;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

    .file-chip:hover[b-ha9fh7v7gk] {
        border-color: var(--accent-blue);
        color: var(--text-primary);
    }

    .file-chip.active[b-ha9fh7v7gk] {
        border-color: var(--accent-blue);
        background: rgba(59, 130, 246, 0.08);
        color: var(--accent-blue);
    }

    .file-chip .chip-dot[b-ha9fh7v7gk] {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--accent-green);
        flex-shrink: 0;
    }

        .file-chip .chip-dot.has-errors[b-ha9fh7v7gk] {
            background: var(--accent-amber);
        }

.comparison-grid[b-ha9fh7v7gk] {
    max-width: 1900px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

.converter-card[b-ha9fh7v7gk] {
    background: var(--bg-card);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.converter-card-header[b-ha9fh7v7gk] {
    padding: 0.75rem;
    border-bottom: 1px solid var(--border-subtle);
}

.converter-header-top[b-ha9fh7v7gk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.35rem;
}

.converter-name[b-ha9fh7v7gk] {
    font-size: 0.82rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.converter-badge[b-ha9fh7v7gk] {
    font-size: 0.65rem;
    font-weight: 500;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.badge-free[b-ha9fh7v7gk] {
    background: rgba(34, 197, 94, 0.12);
    color: var(--accent-green);
}

.badge-paid[b-ha9fh7v7gk] {
    background: rgba(168, 85, 247, 0.12);
    color: var(--accent-purple);
}

.converter-meta[b-ha9fh7v7gk] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.meta-item[b-ha9fh7v7gk] {
    font-size: 0.72rem;
    font-family: var(--font-mono);
    color: var(--text-muted);
}

    .meta-item.success[b-ha9fh7v7gk] {
        color: var(--accent-green);
    }

    .meta-item.error[b-ha9fh7v7gk] {
        color: var(--accent-red);
    }

.converter-pricing[b-ha9fh7v7gk] {
    font-size: 0.7rem;
    color: var(--text-muted);
    line-height: 1.3;
}

.page-count-info[b-ha9fh7v7gk] {
    font-size: 0.72rem;
    font-family: var(--font-mono);
    color: var(--accent-cyan);
    margin-top: 0.25rem;
}

.pdf-preview-area[b-ha9fh7v7gk] {
    flex: 1;
    min-height: 600px;
    position: relative;
    background: var(--bg-input);
}

    .pdf-preview-area iframe[b-ha9fh7v7gk] {
        width: 100%;
        height: 100%;
        min-height: 600px;
        border: none;
        display: block;
    }

.pdf-preview-placeholder[b-ha9fh7v7gk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 600px;
    color: var(--text-muted);
    font-size: 0.85rem;
    gap: 0.5rem;
}

.placeholder-icon[b-ha9fh7v7gk] {
    font-size: 2rem;
}

.error-message[b-ha9fh7v7gk] {
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    color: var(--accent-red);
    font-family: var(--font-mono);
    background: rgba(239, 68, 68, 0.05);
    word-break: break-word;
}

.converter-card-footer[b-ha9fh7v7gk] {
    padding: 0.5rem 0.75rem;
    border-top: 1px solid var(--border-subtle);
}

.download-btn[b-ha9fh7v7gk] {
    display: inline-block;
    font-size: 0.75rem;
    color: var(--accent-blue);
    text-decoration: none;
    font-weight: 500;
}

    .download-btn:hover[b-ha9fh7v7gk] {
        text-decoration: underline;
    }

.card-loading-overlay[b-ha9fh7v7gk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 600px;
    gap: 0.75rem;
}

    .card-loading-overlay .spinner[b-ha9fh7v7gk] {
        width: 28px;
        height: 28px;
    }

    .card-loading-overlay span[b-ha9fh7v7gk] {
        font-size: 0.8rem;
        color: var(--text-secondary);
    }

@media (max-width: 1900px) {
    .comparison-grid[b-ha9fh7v7gk] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1400px) {
    .comparison-grid[b-ha9fh7v7gk] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1100px) {
    .comparison-grid[b-ha9fh7v7gk] {
        grid-template-columns: 1fr;
    }

    .pdf-preview-area[b-ha9fh7v7gk] {
        min-height: 500px;
    }

        .pdf-preview-area iframe[b-ha9fh7v7gk] {
            min-height: 500px;
        }

    .pdf-preview-placeholder[b-ha9fh7v7gk] {
        min-height: 500px;
    }
}
/* /Components/Admin/PolicyUpdateStatus.razor.rz.scp.css */
/* Covers the panel this is placed in — that panel must be positioned (CourtDetail's
   .cx-wrap sets position:relative). z-index matters: without a stacking order any
   positioned content underneath — the per-location detail buttons, a button's own
   busy spinner — painted straight through the scrim and competed with the loader.
   The scrim is deliberately near-opaque so what it covers reads as unavailable
   rather than merely dimmed. */
.update-status-container[b-hb6puygm7o] {
    position: absolute;
    inset: 0;
    z-index: 20;
    background-color: color-mix(in srgb, var(--cx-panel) 92%, transparent);
    backdrop-filter: blur(1px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.loading-container[b-hb6puygm7o] {
    text-align: center;
}

.loading-content[b-hb6puygm7o] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loader-wrapper[b-hb6puygm7o] {
    width: 32px;
    height: 32px;
}

.loader[b-hb6puygm7o] {
    border: 3px solid var(--cx-border);
    border-radius: 50%;
    border-top: 3px solid var(--cx-pri);
    width: 100%;
    height: 100%;
    animation: spin-b-hb6puygm7o 1s linear infinite;
}

.status-text[b-hb6puygm7o] {
    margin-top: 8px;
    font-size: var(--cx-size-body);
    font-weight: 500;
    color: var(--cx-text);
}

.step-indicators[b-hb6puygm7o] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
}

.step-dot[b-hb6puygm7o] {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: var(--cx-border);
}

    .step-dot.active[b-hb6puygm7o] {
        background-color: var(--cx-pri);
            /*#3b82f6;*/
    }

.success-message[b-hb6puygm7o] {
    display: flex;
    align-items: center;
    color: var(--cx-green);
}

.check-icon[b-hb6puygm7o] {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

@keyframes spin-b-hb6puygm7o {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* /Components/CurrentCourt.razor.rz.scp.css */
/* Main container */
.court-selector[b-7arb7fwhw2] {
    position: relative;
    width: 100%;
    max-width: 400px;
}

/* Header styles */
.court-selected-header[b-7arb7fwhw2] {
    display: flex;
    align-items: center;
    padding: 12px;
    cursor: pointer;
    transition: border-color 0.2s;
}

    .court-selected-header:hover[b-7arb7fwhw2] {
        border-color: #93c5fd;
    }

.court-not-selected-header[b-7arb7fwhw2] {
    display: flex;
    align-items: center;
    padding: 0 1rem;
    cursor: pointer;
}

    .court-not-selected-header:hover[b-7arb7fwhw2] {
        border-color: var(--bit-clr-err);
    }

/* Icon styles */
.court-icon[b-7arb7fwhw2] {
    margin-right: 12px;
    color: var(--bit-clr-suc);
}

.court-icon-svg[b-7arb7fwhw2] {
    height: 8px;
    width: 8px;
}

.warning-icon[b-7arb7fwhw2] {
    margin-right: 12px;
    color: var(--bit-clr-err);
    height: 20px;
    height: 20px;
}

.icon[b-7arb7fwhw2] {
    height: 20px;
    width: 20px;
}

/* Text styles */
.court-info[b-7arb7fwhw2] {
    flex: 1;
}

.court-name[b-7arb7fwhw2] {
    font-weight: 600;
    color: var(--bit-clr-fg-pri);
}

.court-jurisdiction[b-7arb7fwhw2] {
    font-size: var(--cx-size-cap);
    color: #6b7280;
}

.no-court-text[b-7arb7fwhw2] {
    font-weight: 600;
    color: var(--bit-clr-err);
}

/* Dropdown arrow */
.dropdown-arrow[b-7arb7fwhw2] {
    margin-left: 8px;
    color: #9ca3af;
    transform: rotate(0deg);
    transition: transform 0.2s;
    height: 20px;
    width: 20px;
}

    .dropdown-arrow.rotate[b-7arb7fwhw2] {
        transform: rotate(180deg);
    }

.dropdown-arrow-warning[b-7arb7fwhw2] {
    margin-left: 8px;
    color: var(--bit-clr-err);
    transform: rotate(0deg);
    transition: transform 0.2s;
    display: flex;
}

    .dropdown-arrow-warning.rotate[b-7arb7fwhw2] {
        transform: rotate(180deg);
    }

/* Dropdown menu */
.dropdown-menu[b-7arb7fwhw2] {
    position: absolute;
    width: 100%;
    margin-top: 4px;
    background-color: var(--bit-clr-bg-pri);
    /*
    border: 1px solid var(--bit-clr-brd-ter);
    */
    border-radius: 4px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    z-index: 10;
}

/* Dropdown header */
.dropdown-header[b-7arb7fwhw2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid var(--bit-clr-brd-dis);
}

.dropdown-title[b-7arb7fwhw2] {
    font-size: var(--cx-size-head);
    font-weight: 600;
    color: var(--bit-clr-fg-pri);
}

.close-button[b-7arb7fwhw2] {
    color: #9ca3af;
    background: none;
    border: none;
    cursor: pointer;
}

    .close-button:hover[b-7arb7fwhw2] {
        color: #4b5563;
    }

/* Search container */
.search-container[b-7arb7fwhw2] {
    position: relative;
    padding: 12px;
    border-bottom: 1px solid var(--bit-clr-brd-dis);
}

.search-icon-container[b-7arb7fwhw2] {
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translateY(-50%);
    pointer-events: none;
}

.search-icon[b-7arb7fwhw2] {
    height: 20px;
    width: 20px;
    color: #9ca3af;
}

.search-input[b-7arb7fwhw2] {
    padding: 8px 16px 8px 40px;
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    outline: none;
}

    .search-input:focus[b-7arb7fwhw2] {
        border-color: #3b82f6;
        box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
    }

/* Court list */
.court-list[b-7arb7fwhw2] {
    max-height: 240px;
    overflow-y: auto;
}

.court-item[b-7arb7fwhw2] {
    display: flex;
    align-items: center;
    padding: 12px;
    cursor: pointer;
}

    .court-item:hover[b-7arb7fwhw2] {
        background-color: var(--bit-clr-bg-sec);
    }

    .court-item.selected[b-7arb7fwhw2] {
        background-color: color-mix(in srgb, var(--bit-clr-pri), var(--mix-color) 80%);
    }

    .court-item.disabled[b-7arb7fwhw2] {
        filter: opacity(40%);
        cursor: unset;
    }

.court-check-icon[b-7arb7fwhw2] {
    margin-right: 12px;
    color: var(--bit-clr-pri);
}

.court-details[b-7arb7fwhw2] {
    flex: 1;
}

.selected-icon[b-7arb7fwhw2] {
    color: #10b981;
}

/* No results */
.no-results[b-7arb7fwhw2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    color: #6b7280;
}

.no-results-icon[b-7arb7fwhw2] {
    height: 48px;
    width: 48px;
    margin-bottom: 12px;
}
/* /Components/Dashboard/CountUp.razor.rz.scp.css */
.count-up[b-d76j28lgy0] {
    font-family: var(--cx-data-font, var(--cx-font));
    font-weight: var(--cx-data-weight, 700);
    letter-spacing: var(--cx-data-track, -.02em);
    font-variant-numeric: tabular-nums;
    line-height: 1;
    color: var(--cx-text);
}
/* /Components/Dashboard/CourtActivityEvent.razor.rz.scp.css */
.event[b-gwjpjfv5ql] { display: grid; grid-template-columns: 32px minmax(0, 1fr); column-gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--cx-border-soft); }
.event.last[b-gwjpjfv5ql] { border-bottom: none; }
.mark[b-gwjpjfv5ql] { width: 32px; height: 32px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; }
.mark.green[b-gwjpjfv5ql] { background: var(--cx-green-soft); color: var(--cx-green); }
.mark.blue[b-gwjpjfv5ql] { background: var(--cx-blue-soft); color: var(--cx-blue); }
.mark.red[b-gwjpjfv5ql] { background: var(--cx-red-soft); color: var(--cx-red); }
.body[b-gwjpjfv5ql] { min-width: 0; }
.name[b-gwjpjfv5ql] { font-size: var(--cx-size-lead); font-weight: 700; color: var(--cx-text); line-height: 1.35; }
.case[b-gwjpjfv5ql] { font-size: var(--cx-size-body); color: var(--cx-muted); line-height: 1.4; margin-top: 1px; text-wrap: pretty; overflow-wrap: anywhere; }
.meta[b-gwjpjfv5ql] { font-size: var(--cx-size-meta); color: var(--cx-subtle); line-height: 1.45; margin-top: 2px; }

/* the arrival moment: the row slides in and its mark glows once */
.event.arrive[b-gwjpjfv5ql] { animation: event-in-b-gwjpjfv5ql .38s cubic-bezier(.2, .8, .2, 1); }
.event.arrive .mark[b-gwjpjfv5ql] { animation: event-glow-b-gwjpjfv5ql .95s ease-out; }
@keyframes event-in-b-gwjpjfv5ql { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
@keyframes event-glow-b-gwjpjfv5ql { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--cx-pri) 55%, transparent); } 100% { box-shadow: 0 0 0 8px transparent; } }
/* /Components/Dashboard/CourtActivityFeed.razor.rz.scp.css */
.today[b-52vb076qm1] { font-size: var(--cx-size-meta); font-weight: 600; color: var(--cx-subtle); }
.quiet[b-52vb076qm1] { margin: 0; padding: 16px 20px 18px; font-size: var(--cx-size-lead); color: var(--cx-muted); line-height: 1.5; text-wrap: pretty; }
.history[b-52vb076qm1] { max-height: 560px; overflow-y: auto; }
.day[b-52vb076qm1] { padding: 8px 20px; background: var(--cx-panel-alt); border-bottom: 1px solid var(--cx-border-soft); font-size: var(--cx-size-meta); font-weight: 600; color: var(--cx-muted); }
.more[b-52vb076qm1] { padding: 8px 12px 10px; border-top: 1px solid var(--cx-border-soft); }

.skeleton[b-52vb076qm1] { padding: 6px 20px 10px; }
.skeleton-row[b-52vb076qm1] { display: grid; grid-template-columns: 32px 1fr; column-gap: 12px; padding: 10px 0; align-items: center; }
/* /Components/Dashboard/CourtReviewNote.razor.rz.scp.css */
.note[b-3s2yjj7hnj] { display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 12px; padding: 17px;
    border-radius: var(--cx-r-surface); background: var(--cx-accent-soft); border: 1px solid var(--cx-accent-border); color: var(--cx-accent-text); }
.note h3[b-3s2yjj7hnj] { margin: 0; font-family: var(--cx-heading-font, var(--cx-font)); font-weight: var(--cx-heading-weight, 700);
    text-transform: var(--cx-heading-transform, none); letter-spacing: var(--cx-heading-track, 0); font-size: var(--cx-size-lead); line-height: 1.35; color: var(--cx-text); }
.note p[b-3s2yjj7hnj] { margin: 5px 0 0; font-size: var(--cx-size-body); color: var(--cx-muted); line-height: 1.5; text-wrap: pretty; }
/* /Components/Dashboard/CourtTurnaround.razor.rz.scp.css */
.aside[b-awu5yzxxuw] { font-size: var(--cx-size-meta); color: var(--cx-subtle); }
.rows[b-awu5yzxxuw] { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(64px, 1fr) auto; column-gap: 14px; row-gap: 17px; align-items: center; padding: 4px 20px 0; }
.court[b-awu5yzxxuw] { font-size: var(--cx-size-lead); color: var(--cx-text); line-height: 1.35; text-wrap: pretty; min-width: 0; }
.track[b-awu5yzxxuw] { height: 8px; border-radius: 999px; background: var(--cx-bg-deep); overflow: hidden; }
.bar[b-awu5yzxxuw] { display: block; height: 100%; border-radius: 999px; background: color-mix(in srgb, var(--cx-pri) 62%, var(--cx-panel)); }
.days[b-awu5yzxxuw] { font-family: var(--cx-mono); font-size: var(--cx-size-meta); color: var(--cx-muted); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.foot[b-awu5yzxxuw] { margin: 18px 0 0; padding: 0 20px 18px; font-size: var(--cx-size-meta); color: var(--cx-subtle); line-height: 1.45; text-wrap: pretty; }
.foot.empty[b-awu5yzxxuw] { margin-top: 4px; color: var(--cx-muted); font-size: var(--cx-size-body); }
/* /Components/Dashboard/FilingIdentityLine.razor.rz.scp.css */
/* Inline by default: values separated by quiet dots, labels hidden.
   Stacked (the queue narrower than 620px — the `filing-queue` container the queue
   declares): a label / value grid. */
.ident[b-mvwsbroeny] { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 7px; row-gap: 2px; margin: 4px 0 0; min-width: 0;
    font-size: var(--cx-size-meta); line-height: 1.45; color: var(--cx-muted); }
.ident dt[b-mvwsbroeny] { display: none; }
.ident dd[b-mvwsbroeny] { margin: 0; font-family: var(--cx-mono); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; min-width: 0; }
.ident dd.text[b-mvwsbroeny] { font-family: inherit; }
.ident dd + dt + dd[b-mvwsbroeny]::before { content: "·"; color: var(--cx-faint); margin-right: 7px; font-family: var(--cx-font); }

@container filing-queue (max-width: 559px) {
    .ident[b-mvwsbroeny] { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; row-gap: 3px; margin-top: 8px; }
    .ident dt[b-mvwsbroeny] { display: block; color: var(--cx-subtle); }
    .ident dd + dt + dd[b-mvwsbroeny]::before { content: none; margin: 0; }
}
/* /Components/Dashboard/FilingQueue.razor.rz.scp.css */
.queue[b-u7o4d86qn2] { container: filing-queue / inline-size; }

.view-all[b-u7o4d86qn2] { display: inline-flex; align-items: center; gap: 6px; font-family: var(--cx-label-font); font-size: var(--cx-size-lead); font-weight: 600; color: var(--cx-accent-text); text-decoration: none; white-space: nowrap; }
.view-all:hover[b-u7o4d86qn2] { color: var(--cx-text); }

.tabs[b-u7o4d86qn2] { display: flex; gap: 23px; padding: 0 20px; border-bottom: 1px solid var(--cx-border); overflow-x: auto; scrollbar-width: none; }
.tabs[b-u7o4d86qn2]::-webkit-scrollbar { display: none; }
.tab[b-u7o4d86qn2] { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 2px; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px;
    background: none; cursor: pointer; font-family: var(--cx-label-font); font-size: var(--cx-size-lead); font-weight: 600; color: var(--cx-muted); white-space: nowrap; }
.tab:hover[b-u7o4d86qn2] { color: var(--cx-text); }
.tab.on[b-u7o4d86qn2] { color: var(--cx-text); border-bottom-color: var(--cx-pri); }
.tab:focus-visible[b-u7o4d86qn2] { outline: 2px solid var(--cx-pri-ring); outline-offset: 2px; }

.toolbar[b-u7o4d86qn2] { display: flex; gap: 10px; padding: 16px 20px; }
.toolbar .cx-search[b-u7o4d86qn2] { flex: 1 1 260px; min-width: 0; }
.toolbar .court[b-u7o4d86qn2] { flex: 0 0 216px; min-width: 0; }

.head[b-u7o4d86qn2] { display: grid; grid-template-columns: minmax(0, 1fr) 176px 108px 76px; column-gap: 16px; padding: 11px 20px;
    background: var(--cx-panel-alt); border-top: 1px solid var(--cx-border-soft); border-bottom: 1px solid var(--cx-border-soft);
    font-family: var(--cx-label-font); font-size: var(--cx-size-meta); font-weight: 600; color: var(--cx-muted); }
.head .right[b-u7o4d86qn2] { text-align: right; }

.empty[b-u7o4d86qn2] { margin: 0; padding: 22px 20px 24px; font-size: var(--cx-size-lead); color: var(--cx-muted); display: flex; align-items: center; gap: 10px; }
.empty[b-u7o4d86qn2]  svg { color: var(--cx-green-dot); flex-shrink: 0; }
.foot[b-u7o4d86qn2] { padding: 16px 20px; border-top: 1px solid var(--cx-border-soft); background: var(--cx-panel-alt); font-size: var(--cx-size-meta); color: var(--cx-subtle); }

.skeleton[b-u7o4d86qn2] { padding: 6px 20px 10px; }
.skeleton-row[b-u7o4d86qn2] { padding: 14px 0; border-bottom: 1px solid var(--cx-border-soft); }
.skeleton-row:last-child[b-u7o4d86qn2] { border-bottom: none; }

@container filing-queue (max-width: 759px) {
    .head[b-u7o4d86qn2] { display: none; }
}
@container filing-queue (max-width: 559px) {
    .tabs[b-u7o4d86qn2] { gap: 20px; padding: 0 16px; }
    .toolbar[b-u7o4d86qn2] { flex-wrap: wrap; padding: 16px; }
    .toolbar .court[b-u7o4d86qn2] { flex: 1 1 100%; }
    .empty[b-u7o4d86qn2], .foot[b-u7o4d86qn2] { padding-left: 16px; padding-right: 16px; }
}
/* /Components/Dashboard/FilingQueueRow.razor.rz.scp.css */
/* ≥ 900   four columns — Case / Filing · Status · Updated · Action
   620–899 status folds under the case block, updated + action stack at the right
   < 620   stacked card-row (the identity line becomes label / value pairs on its own) */
.row[b-bm2b2r6lej] {
    display: grid; grid-template-columns: minmax(0, 1fr) 176px 108px 76px; grid-template-areas: "main status when action";
    column-gap: 16px; row-gap: 8px; align-items: start; padding: 16px 20px;
    border-bottom: 1px solid var(--cx-border-soft); cursor: pointer; transition: background .1s;
}
.row:hover[b-bm2b2r6lej] { background: var(--cx-row-hover); }
.main[b-bm2b2r6lej] { grid-area: main; min-width: 0; }
.status[b-bm2b2r6lej] { grid-area: status; }
.when[b-bm2b2r6lej] { grid-area: when; padding-top: 3px; font-family: var(--cx-mono); font-size: var(--cx-size-meta); color: var(--cx-subtle); white-space: nowrap; }
.action[b-bm2b2r6lej] { grid-area: action; text-align: right; margin-top: -4px; }

.title[b-bm2b2r6lej] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; }
.name[b-bm2b2r6lej] { font-size: var(--cx-size-lead); font-weight: 600; color: var(--cx-text); line-height: 1.35; text-wrap: pretty; min-width: 0; }
.reason[b-bm2b2r6lej] { margin-top: 5px; font-size: var(--cx-size-body); line-height: 1.45; text-wrap: pretty; }
.reason.red[b-bm2b2r6lej] { color: var(--cx-red); }
.reason.blue[b-bm2b2r6lej] { color: var(--cx-blue); }
.reason.amber[b-bm2b2r6lej] { color: var(--cx-amber); }

@container filing-queue (max-width: 759px) {
    .row[b-bm2b2r6lej] { grid-template-columns: minmax(0, 1fr) 104px; grid-template-areas: "main when" "status action"; }
    .when[b-bm2b2r6lej] { text-align: right; }
    .action[b-bm2b2r6lej] { margin-top: 0; }
}
@container filing-queue (max-width: 559px) {
    .row[b-bm2b2r6lej] { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "main main" "status when" "action action"; padding: 16px; }
    .when[b-bm2b2r6lej] { text-align: left; padding-top: 5px; }
    .action[b-bm2b2r6lej] { text-align: left; }
}
/* /Components/Dashboard/FilingVolumeChart.razor.rz.scp.css */
.legend[b-drtoko2uh9] { display: inline-flex; align-items: center; gap: 7px; font-size: var(--cx-size-meta); color: var(--cx-muted); }
.swatch[b-drtoko2uh9] { width: 9px; height: 9px; border-radius: 999px; background: var(--cx-pri); }
.body[b-drtoko2uh9] { padding: 4px 22px 18px; }
.stats[b-drtoko2uh9] { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.total[b-drtoko2uh9] { font-family: var(--cx-data-font, var(--cx-font)); font-weight: var(--cx-data-weight, 700); letter-spacing: var(--cx-data-track, -.02em); font-size: var(--cx-size-figure-md); line-height: 1; color: var(--cx-text); font-variant-numeric: tabular-nums; }
.delta[b-drtoko2uh9] { font-size: var(--cx-size-body); font-weight: 600; color: var(--cx-muted); }
.delta.up[b-drtoko2uh9] { color: var(--cx-green); }

.chart[b-drtoko2uh9] { display: block; width: 100%; height: 106px; overflow: visible; }
.axis[b-drtoko2uh9] { stroke: var(--cx-border); vector-effect: non-scaling-stroke; }
.grid[b-drtoko2uh9] { stroke: var(--cx-border-soft); stroke-dasharray: 3 4; vector-effect: non-scaling-stroke; }
.area[b-drtoko2uh9] { fill: color-mix(in srgb, var(--cx-pri) 14%, transparent); }
.line[b-drtoko2uh9] { fill: none; stroke: var(--cx-pri); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.hit[b-drtoko2uh9] { fill: transparent; }
.hit:hover[b-drtoko2uh9] { fill: color-mix(in srgb, var(--cx-pri) 8%, transparent); }

.axis-labels[b-drtoko2uh9] { display: flex; justify-content: space-between; margin-top: 6px; font-family: var(--cx-mono); font-size: var(--cx-size-meta); color: var(--cx-subtle); }
/* /Components/Dashboard/LiveIndicator.razor.rz.scp.css */
.live[b-wfjjftsd12] { display: inline-flex; align-items: center; gap: 8px; font-size: var(--cx-size-meta); color: var(--cx-subtle); white-space: nowrap; }
.live.on[b-wfjjftsd12] { color: var(--cx-muted); font-weight: 600; }
.dot[b-wfjjftsd12] { width: 8px; height: 8px; border-radius: 999px; background: var(--cx-faint); }
.live.on .dot[b-wfjjftsd12] { background: var(--cx-pri); animation: live-beat-b-wfjjftsd12 1.8s ease-in-out infinite; }
@keyframes live-beat-b-wfjjftsd12 { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.75); } }
/* /Components/Dashboard/WorkloadCard.razor.rz.scp.css */
.card[b-cq71ukmrnu] {
    display: flex; flex-direction: column; align-items: stretch; text-align: left; width: 100%; min-width: 0;
    font: inherit; color: inherit; cursor: pointer;
    background: var(--cx-panel); border: 1px solid var(--cx-border); border-radius: var(--cx-r-surface);
    box-shadow: var(--cx-shadow-card); padding: 18px;
    transition: transform .16s, box-shadow .16s, border-color .16s;
}
.card:hover[b-cq71ukmrnu] { transform: translateY(-1px); box-shadow: var(--cx-shadow-raise); border-color: var(--cx-faint); }
.card:focus-visible[b-cq71ukmrnu] { outline: 2px solid var(--cx-pri-ring); outline-offset: 2px; }
.card.alert[b-cq71ukmrnu] { background: var(--cx-accent-soft); border-color: var(--cx-accent-border); }
.card.alert:hover[b-cq71ukmrnu] { border-color: color-mix(in srgb, var(--cx-pri) 55%, var(--cx-panel)); }
.card.hot[b-cq71ukmrnu] { animation: card-pulse-b-cq71ukmrnu .8s ease-out; border-color: color-mix(in srgb, var(--cx-pri) 50%, var(--cx-panel)); }
@keyframes card-pulse-b-cq71ukmrnu { 0% { box-shadow: 0 0 0 0 var(--cx-pri-ring); } 100% { box-shadow: 0 0 0 6px transparent; } }

.top[b-cq71ukmrnu] { display: flex; align-items: center; gap: 8px; }
.label[b-cq71ukmrnu] { font-family: var(--cx-label-font); font-size: var(--cx-size-lead); font-weight: 600; color: var(--cx-text); min-width: 0; }
.icon[b-cq71ukmrnu] { margin-left: auto; display: inline-flex; color: var(--cx-subtle); }
.card.alert .label[b-cq71ukmrnu], .card.alert .icon[b-cq71ukmrnu], .card.alert .go[b-cq71ukmrnu] { color: var(--cx-accent-text); }

.figure[b-cq71ukmrnu] { display: flex; align-items: flex-end; height: 40px; margin-top: 14px; font-size: var(--cx-size-figure); }
.card.alert .figure[b-cq71ukmrnu] { color: var(--cx-pri); }

.foot[b-cq71ukmrnu] { display: flex; align-items: flex-end; gap: 8px; margin-top: 9px; font-size: var(--cx-size-body); color: var(--cx-muted); line-height: 1.4; }
.foot-text[b-cq71ukmrnu] { min-width: 0; text-wrap: pretty; }
.go[b-cq71ukmrnu] { margin-left: auto; display: inline-flex; color: var(--cx-subtle); transition: transform .16s; }
.card:hover .go[b-cq71ukmrnu] { transform: translateX(3px); }

/* Phone: cards are 2×2 — tighter padding, smaller figure */
@container dashboard (max-width: 759px) {
    .card[b-cq71ukmrnu] { padding: 15px; }
    .figure[b-cq71ukmrnu] { height: 34px; margin-top: 10px; font-size: var(--cx-size-figure-sm); }
}
/* /Components/Dashboard/WorkloadCards.razor.rz.scp.css */
.cards[b-i9kgszap4c] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
@container dashboard (max-width: 759px) { .cards[b-i9kgszap4c] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }

.all-clear[b-i9kgszap4c] { display: inline-flex; align-items: center; gap: 8px; font-family: var(--cx-data-font, var(--cx-font)); font-weight: var(--cx-data-weight, 700); font-size: var(--cx-size-figure-xs); line-height: 1; color: var(--cx-text); }
.all-clear[b-i9kgszap4c]  svg { color: var(--cx-green-dot); }
[b-i9kgszap4c] .count-up.muted { color: var(--cx-subtle); }

.skeleton-card[b-i9kgszap4c] { background: var(--cx-panel); border: 1px solid var(--cx-border); border-radius: var(--cx-r-surface); padding: 18px; display: flex; flex-direction: column; }
.skeleton-label[b-i9kgszap4c] { font-size: var(--cx-size-lead); font-weight: 600; color: var(--cx-muted); }
/* /Components/DocumentUploader.razor.rz.scp.css */
/* Bit's own rules for BitFileUpload, copied here so the uploader keeps its look without Bit's
   stylesheet on every page (the transport still uses bit.blazorui.js). */
[b-sug58p63pr] .bit-upl {
    display:flex;
    flex-flow:column nowrap;
    max-width:calc(var(--bit-spa-scaling-factor)*43.75);
    font-family:var(--bit-tpg-font-family);
}
[b-sug58p63pr] .bit-upl.bit-dis {
    color:var(--bit-clr-fg-dis);
    border-color:var(--bit-clr-brd-dis);
    background-color:var(--bit-clr-bg-dis);
}
[b-sug58p63pr] .bit-upl.bit-dis:hover {
    border-color:var(--bit-clr-brd-dis);
}
[b-sug58p63pr] .bit-upl.bit-dis:active {
    background-color:var(--bit-clr-bg-dis);
}
[b-sug58p63pr] .bit-upl-fi {
    display:none;
}
[b-sug58p63pr] .bit-upl-lbl {
    outline:0;
    display:flex;
    cursor:pointer;
    font-weight:300;
    user-select:none;
    align-items:center;
    font-size:calc(var(--bit-spa-scaling-factor)*2);
    justify-content:center;
    min-height:calc(var(--bit-spa-scaling-factor)*4.5);
    border-radius:calc(var(--bit-spa-scaling-factor)*.5);
    padding:calc(var(--bit-spa-scaling-factor)*.5) calc(var(--bit-spa-scaling-factor)*2);
    color:var(--bit-clr-fg-pri);
    background-color:var(--bit-clr-bg-pri);
    border:var(--bit-shp-brd-width) var(--bit-shp-brd-style) var(--bit-clr-brd-pri);
}
[b-sug58p63pr] .bit-upl-lbl:hover {
    border-color:var(--bit-clr-brd-pri-hover);
}
[b-sug58p63pr] .bit-upl-lbl:active {
    background-color:var(--bit-clr-bg-pri-active);
}
[b-sug58p63pr] .bit-upl-lbl i {
    padding-right:calc(var(--bit-spa-scaling-factor)*.625);
}
[b-sug58p63pr] .bit-upl-fl {
    padding:0;
    margin:0;
}
[b-sug58p63pr] .bit-upl-itm {
    display:flex;
    overflow:hidden;
    font-weight:100;
    align-items:center;
    flex-flow:row nowrap;
    font-size:calc(var(--bit-spa-scaling-factor)*1.75);
    margin-top:calc(var(--bit-spa-scaling-factor)*.375);
    border-radius:calc(var(--bit-spa-scaling-factor)*.625);
    justify-content:space-between;
    color:var(--bit-clr-fg-pri);
    border:var(--bit-shp-brd-width) var(--bit-shp-brd-style) var(--bit-clr-brd-pri);
}
[b-sug58p63pr] .bit-upl-itm:hover {
    border-color:var(--bit-clr-brd-pri-hover);
}
[b-sug58p63pr] .bit-upl-itm .bit-upl-us {
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
[b-sug58p63pr] .bit-upl-uld .bit-upl-us {
    color:var(--bit-clr-suc);
}
[b-sug58p63pr] .bit-upl-fld .bit-upl-us {
    color:var(--bit-clr-err);
}
[b-sug58p63pr] .bit-upl-psd .bit-upl-us {
    color:var(--bit-clr-pri);
}
[b-sug58p63pr] .bit-upl-fic {
    height:100%;
    display:flex;
    cursor:default;
    box-sizing:border-box;
    align-items:flex-start;
    justify-content:center;
    flex-flow:column nowrap;
    width:calc(100% - 40px);
    padding:calc(var(--bit-spa-scaling-factor)*1) calc(var(--bit-spa-scaling-factor)*2);
}
[b-sug58p63pr] .bit-upl-fnc {
    width:100%;
    display:flex;
}
[b-sug58p63pr] .bit-upl-fnc i {
    padding-top:calc(var(--bit-spa-scaling-factor)*1);
}
[b-sug58p63pr] .bit-upl-fn {
    height:100%;
    overflow:hidden;
    white-space:nowrap;
    padding-top:calc(var(--bit-spa-scaling-factor)*1);
    text-overflow:ellipsis;
    width:calc(100% - 32px);
}
[b-sug58p63pr] .bit-upl-fsc {
    width:100%;
    display:flex;
}
[b-sug58p63pr] .bit-upl-fs {
    padding-top:calc(var(--bit-spa-scaling-factor)*1);
    margin-right:calc(var(--bit-spa-scaling-factor)*1);
}
[b-sug58p63pr] .bit-upl-pct {
    padding-top:calc(var(--bit-spa-scaling-factor)*1);
}
[b-sug58p63pr] .bit-upl-pbc {
    width:100%;
    overflow:hidden;
    height:calc(var(--bit-spa-scaling-factor)*.25);
    padding-top:calc(var(--bit-spa-scaling-factor)*1);
    padding-bottom:calc(var(--bit-spa-scaling-factor)*1);
    padding-left:calc(var(--bit-spa-scaling-factor)*.25);
}
[b-sug58p63pr] .bit-upl-pbr {
    height:calc(var(--bit-spa-scaling-factor)*.25);
    transition:width .15s linear 0s;
    background-color:var(--bit-clr-pri);
}
[b-sug58p63pr] .bit-upl-usi {
    height:100%;
    display:flex;
    cursor:pointer;
    width:calc(var(--bit-spa-scaling-factor)*4);
    align-items:center;
    justify-content:center;
}
[b-sug58p63pr] .bit-upl-usi:hover i {
    color:var(--bit-clr-pri);
}
[b-sug58p63pr] .bit-upl-ldg {
    height:100%;
    display:flex;
    width:calc(var(--bit-spa-scaling-factor)*4);
    margin-right:calc(var(--bit-spa-scaling-factor)*.5);
    align-items:center;
    justify-content:center;
}
[b-sug58p63pr] .bit-upl-spn {
    border-radius:50%;
    width:calc(var(--bit-spa-scaling-factor)*2);
    height:calc(var(--bit-spa-scaling-factor)*2);
    border-width:calc(var(--bit-spa-scaling-factor)*.2125);
    border-style:var(--bit-shp-brd-style);
    border-color:var(--bit-clr-brd-sec);
    border-top-color:var(--bit-clr-pri-dark);
    animation:bit-upl-spinner-animation 1.3s linear infinite;
    animation-timing-function:cubic-bezier(0.53, 0.21, 0.29, 0.67);
}

/* Up family — drop zone skin. Everything resolves through the cx tokens
   (courts-admin.css); no hardcoded palette. Anatomy borrows the settled
   form-control skin: 6px radius, 1px border, the same focus ring. */

.up-host[b-sug58p63pr] {
    position: relative;
    min-width: 0;
}

[b-sug58p63pr] .bit-upl {
    max-width: unset;
}

[b-sug58p63pr] .bit-upl-fl {
    padding: 0;
    margin: 0;
}

/* ── the zone ─────────────────────────────────────────────────────────── */

.up-zone[b-sug58p63pr] {
    box-sizing: border-box;
    width: 100%;
    border: 1px dashed var(--cx-input-border);
    border-radius: var(--cx-ctl-r);
    background: var(--cx-panel-alt);
    cursor: pointer;
    outline: none;
    overflow: hidden;
    transition: border-color .12s, background .12s, box-shadow .12s;
}

    .up-zone:hover:not(.up-zone--busy)[b-sug58p63pr] {
        border-color: var(--cx-pri);
        background: var(--cx-pri-soft);
    }

        .up-zone:hover:not(.up-zone--busy) .up-tile[b-sug58p63pr] {
            border-color: var(--cx-pri-border);
            color: var(--cx-pri-text);
        }

    .up-zone:focus-visible[b-sug58p63pr] {
        border-color: var(--cx-pri);
        box-shadow: 0 0 0 var(--cx-ring-w) var(--cx-pri-ring);
    }

/* drag-over: solid orange, soft fill — the zone finally answers the drag */
.up-host.up-drag .up-zone:not(.up-zone--busy)[b-sug58p63pr] {
    border: 1.5px solid var(--cx-pri);
    background: var(--cx-pri-soft);
}

/* error: idle anatomy, red voice */
.up-zone--error[b-sug58p63pr] {
    border-color: var(--cx-red);
}

    .up-zone--error .up-zone-line[b-sug58p63pr],
    .up-zone--error .up-zone-sub[b-sug58p63pr] {
        color: var(--cx-red);
    }

/* ── full size ────────────────────────────────────────────────────────── */

.up-zone--full[b-sug58p63pr] {
    min-height: 148px;
    display: flex;
    flex-direction: column;
}

.up-zone--tight[b-sug58p63pr] {
    min-height: 118px;
}

.up-zone--large[b-sug58p63pr] {
    min-height: 197px;
}

.up-zone-body[b-sug58p63pr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 18px 20px 14px;
    text-align: center;
}

.up-zone-line[b-sug58p63pr] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--cx-text);
    text-wrap: pretty;
}

.up-zone-sub[b-sug58p63pr] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    max-width: 340px;
    line-height: 1.45;
    text-wrap: pretty;
}

/* court facts pinned to a footer strip */
.up-zone-facts[b-sug58p63pr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    border-top: 1px dashed var(--cx-border);
    padding: 8px 14px;
    background: rgba(255, 255, 255, .5);
}

.up-host.up-drag .up-zone-facts[b-sug58p63pr] {
    border-top-color: var(--cx-pri-border);
    background: transparent;
}

/* ── compact size ─────────────────────────────────────────────────────── */

.up-zone--compact[b-sug58p63pr] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
}

    .up-zone--compact .up-zone-line[b-sug58p63pr] {
        font-size: var(--cx-size-meta);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.up-flex[b-sug58p63pr] {
    flex: 1;
}

.up-facts--inline[b-sug58p63pr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
}

/* ── shared bits ──────────────────────────────────────────────────────── */

.up-tile[b-sug58p63pr] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    color: var(--cx-subtle);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color .12s, color .12s;
}

.up-tile--lg[b-sug58p63pr] {
    width: 34px;
    height: 34px;
}

.up-tile--sm[b-sug58p63pr] {
    width: 22px;
    height: 22px;
}

.up-tile--pri[b-sug58p63pr] {
    background: var(--cx-panel);
    border-color: var(--cx-pri-border);
    color: var(--cx-pri-text);
}

.up-tile--error[b-sug58p63pr] {
    background: var(--cx-red-soft);
    border-color: var(--cx-red-border);
    color: var(--cx-red);
}

.up-link[b-sug58p63pr] {
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-pri-text);
    text-decoration: underline;
    text-underline-offset: 2px;
    flex-shrink: 0;
    transition: color .1s;
}

.up-zone:hover .up-link[b-sug58p63pr] {
    color: var(--cx-pri-strong);
}

.up-fact[b-sug58p63pr] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    letter-spacing: .01em;
    color: var(--cx-subtle);
    white-space: nowrap;
}

.up-fact--error[b-sug58p63pr] {
    color: var(--cx-red);
}

.up-facts-dot[b-sug58p63pr] {
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: var(--cx-faint);
    flex-shrink: 0;
}

/* ── busy: the zone becomes the progress surface, same footprint ──────── */

.up-zone--busy[b-sug58p63pr] {
    border-style: solid;
    background: var(--cx-panel);
    cursor: default;
    display: flex;
    flex-direction: row; /* wins over --full's column so the row centers in the zone */
    align-items: center;
    padding: 10px 14px;
}

.up-zone--busy.up-zone--compact[b-sug58p63pr] {
    padding: 6px 10px;
}

.up-busy[b-sug58p63pr] {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-width: 0;
}

.up-busy-main[b-sug58p63pr] {
    min-width: 0;
    flex: 1;
}

.up-busy-name[b-sug58p63pr] {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.up-busy-progress[b-sug58p63pr] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    min-width: 0;
}

.up-busy-count[b-sug58p63pr] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    letter-spacing: .01em;
    color: var(--cx-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.up-bar[b-sug58p63pr] {
    flex: 1 1 60px;
    min-width: 40px;
    height: 3px;
    background: var(--cx-bg-deep);
    border-radius: 3px;
    overflow: hidden;
}

.up-bar-fill[b-sug58p63pr] {
    height: 100%;
    background: var(--cx-pri);
    border-radius: 3px;
    transition: width .18s linear;
}

.up-spin[b-sug58p63pr] {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1.6px solid var(--cx-border);
    border-top-color: var(--cx-pri);
    display: inline-block;
    animation: up-spin-b-sug58p63pr .7s linear infinite;
    flex-shrink: 0;
}

@keyframes up-spin-b-sug58p63pr {
    to {
        transform: rotate(360deg);
    }
}

.up-act[b-sug58p63pr] {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--cx-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    transition: background .1s, color .1s;
}

    .up-act:hover[b-sug58p63pr] {
        background: var(--cx-bg-deep);
        color: var(--cx-text);
    }

/* ── the one error slot ───────────────────────────────────────────────── */

.up-err[b-sug58p63pr] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 7px;
}

.up-err-ic[b-sug58p63pr] {
    color: var(--cx-red);
    display: inline-flex;
    flex-shrink: 0;
    margin-top: 1px;
}

.up-err-text[b-sug58p63pr] {
    font-size: var(--cx-size-cap);
    line-height: 1.45;
    color: var(--cx-red);
    text-wrap: pretty;
}

.up-err-action[b-sug58p63pr] {
    border: none;
    background: none;
    padding: 0;
    font-size: var(--cx-size-cap);
    font-weight: 700;
    font-family: inherit;
    color: var(--cx-red);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

/* ── file-KIND hint (up-kit kind system) — hue on the GLYPH only, tile chrome
   stays neutral; the .up-zone:hover tile rule out-specifies these, so the hint
   yields to orange on hover exactly like the plain glyph. Tokens + role notes
   in courts-admin.css. ── */
.up-tile--kind-doc[b-sug58p63pr] {
    color: var(--up-kind-doc);
}

.up-tile--kind-xls[b-sug58p63pr] {
    color: var(--up-kind-xls);
}

.up-tile--kind-gen[b-sug58p63pr] {
    color: var(--up-kind);
}

/* kind chip — tiny mono badge in the facts strip ("DOCX" / "XLSX" / "XML") */
.up-kind-chip[b-sug58p63pr] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    font-weight: 500;
    letter-spacing: .08em;
    line-height: 15px;
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid transparent;
    white-space: nowrap;
}

.up-kind-chip--doc[b-sug58p63pr] {
    color: var(--up-kind-doc);
    background: var(--up-kind-doc-bg);
    border-color: var(--up-kind-doc-bd);
}

.up-kind-chip--xls[b-sug58p63pr] {
    color: var(--up-kind-xls);
    background: var(--up-kind-xls-bg);
    border-color: var(--up-kind-xls-bd);
}

.up-kind-chip--gen[b-sug58p63pr] {
    color: var(--up-kind);
    background: var(--up-kind-bg);
    border-color: var(--up-kind-bd);
}

/* quiet: a louder state (error) owns the zone's colour — the chip drops its
   fill and reads as one more neutral fact */
.up-kind-chip--quiet[b-sug58p63pr] {
    color: var(--cx-subtle);
    background: transparent;
    border-color: transparent;
}
/* /Components/EFiling/AddDocuments/AddDocuments.razor.rz.scp.css */
/* ── Wizard Documents step — one card list (roots owning attached children on a
   spine), an add composer in a modal, and per-card metadata. cx tokens only. The
   host card (.wz-stepcard.converted) provides 24px padding; full-bleed elements
   pull -24px against it. Cards carry their own 20px interior. ── */

.wzd[b-17i8svqcfn] {
    position: relative;
    container: wzdstep / inline-size;
    font-size: var(--cx-size-body);
    color: var(--cx-text);
}

/* ── card header band ── */
.wzd-head[b-17i8svqcfn] {
    margin: -24px -24px 0;
    padding: 13px 24px;
    border-bottom: 1px solid var(--cx-border-soft);
}

.wzd-headline[b-17i8svqcfn] {
    display: flex;
    align-items: baseline;
    gap: 9px;
    flex-wrap: wrap;
}

/* step heading: the identity's heading voice (owner's proposal, 2026-09-28) */
.wzd-title[b-17i8svqcfn] {
    font-size: var(--cx-size-head);
    font-family: var(--cx-heading-font);
    font-weight: var(--cx-heading-weight);
    text-transform: var(--cx-heading-transform);
    letter-spacing: var(--cx-heading-track);
    line-height: var(--cx-heading-lh);
    color: var(--cx-text);
}

.wzd-count[b-17i8svqcfn] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
}

.wzd-sub[b-17i8svqcfn] {
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    margin-top: 2px;
    text-wrap: pretty;
}

.wzd-errpill[b-17i8svqcfn] {
    display: inline-flex;
    align-items: center;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-red);
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    border-radius: 4px;
    padding: 1px 6px;
    white-space: nowrap;
}

/* ── envelope meter band (Up family, full-bleed under the head) ── */
.wzd-envband[b-17i8svqcfn] {
    margin: 0 -24px;
    padding: 10px 24px 11px;
    border-bottom: 1px solid var(--cx-border);
}

.env--ok[b-17i8svqcfn] {
    background: var(--cx-panel-alt);
}

.env--warn[b-17i8svqcfn] {
    background: var(--cx-amber-soft);
}

.env--error[b-17i8svqcfn] {
    background: var(--cx-red-soft);
}

.env-head[b-17i8svqcfn] {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.env-ic[b-17i8svqcfn] {
    display: inline-flex;
    color: var(--cx-muted);
}

.env--warn .env-ic[b-17i8svqcfn] {
    color: var(--cx-amber);
}

.env--error .env-ic[b-17i8svqcfn] {
    color: var(--cx-red);
}

.env-title[b-17i8svqcfn] {
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-text);
}

.env--error .env-title[b-17i8svqcfn] {
    color: var(--cx-red);
}

.env-bar[b-17i8svqcfn] {
    flex: 1;
    min-width: 90px;
    max-width: 220px;
    height: 3px;
    background: var(--cx-bg-deep);
    border-radius: 3px;
    overflow: hidden;
}

.env-bar-fill[b-17i8svqcfn] {
    height: 100%;
    background: var(--cx-green);
    border-radius: 3px;
    transition: width .18s linear;
}

.env--warn .env-bar-fill[b-17i8svqcfn] {
    background: var(--cx-pri);
}

.env--error .env-bar-fill[b-17i8svqcfn] {
    background: var(--cx-red);
}

.env-count[b-17i8svqcfn] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.env--warn .env-count[b-17i8svqcfn] {
    color: var(--cx-amber);
}

.env--error .env-count[b-17i8svqcfn] {
    color: var(--cx-red);
}

.env-msg[b-17i8svqcfn] {
    font-size: var(--cx-size-meta);
    color: var(--cx-red);
    margin-top: 6px;
    text-wrap: pretty;
}

/* ── cover-sheet soft note ── */
.wzd-covernote[b-17i8svqcfn] {
    padding-top: 14px;
}

/* ── section band head — micro-cap + count + aside ── */
.wzd-band[b-17i8svqcfn] {
    margin: 0 -24px;
    padding: 16px 24px 11px;
    border-top: 1px solid var(--cx-border);
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.wzd-envband + .wzd-band[b-17i8svqcfn],
.wzd-head + .wzd-band[b-17i8svqcfn] {
    border-top: none;
    margin-top: 0;
    padding-top: 16px;
}

.wzd-band .ic[b-17i8svqcfn] {
    display: inline-flex;
    color: var(--cx-slate);
}

.wzd-band h3[b-17i8svqcfn] {
    margin: 0;
    font-family: var(--cx-title-font);
    font-size: var(--cx-title-size);
    font-weight: var(--cx-title-weight);
    letter-spacing: var(--cx-title-track);
    text-transform: uppercase;
    color: var(--cx-title-color); /* I10 section-title voice — owner-ruled, design-ratified */
}

.wzd-band .cnt[b-17i8svqcfn] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
}

.wzd-band .sp[b-17i8svqcfn] {
    flex: 1;
    min-width: 16px;
}

.wzd-band.has-err .ic[b-17i8svqcfn],
.wzd-band.has-err h3[b-17i8svqcfn] {
    color: var(--cx-red);
}

.wzd-aside[b-17i8svqcfn] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

@container wzdstep (max-width: 640px) {
    .wzd-aside[b-17i8svqcfn] {
        display: none;
    }
}

/* ── empty state ── */
.wzd-empty[b-17i8svqcfn] {
    padding: 32px 0 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.wzd-empty .glyph[b-17i8svqcfn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cx-faint);
}

.wzd-empty .copy[b-17i8svqcfn] {
    font-size: var(--cx-size-body);
    color: var(--cx-muted);
    text-align: center;
    line-height: 1.55;
    max-width: 430px;
    text-wrap: pretty;
}

.wzd-empty .copy strong[b-17i8svqcfn] {
    color: var(--cx-text);
}

.wzd-empty .copy strong.bad[b-17i8svqcfn] {
    color: var(--cx-red);
}

/* below-field / revealed error text */
.wzd-ferr[b-17i8svqcfn] {
    font-size: var(--cx-size-meta);
    color: var(--cx-red);
    margin-top: 4px;
    line-height: 1.45;
    text-wrap: pretty;
}

.wzd-ferr.center[b-17i8svqcfn] {
    text-align: center;
    max-width: 430px;
}

.wzd-hint[b-17i8svqcfn] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 4px;
    line-height: 1.45;
    text-wrap: pretty;
}

/* ── the card list — deep background so root cards read as objects ── */
.wzd-list[b-17i8svqcfn] {
    margin: 0 -24px;
    padding: 14px 24px 16px;
    background: var(--cx-bg-deep);
    border-top: 1px solid var(--cx-border);
    border-bottom: 1px solid var(--cx-border);
}

/* ── document card ── */
.wzd-card[b-17i8svqcfn] {
    position: relative;
    min-width: 0;
}

.wzd-list > .wzd-card > .wzd-card-inner[b-17i8svqcfn] {
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    border-radius: 10px;
    box-shadow: var(--cx-shadow-card);
    padding: 20px;
}

.wzd-list > .wzd-card + .wzd-card[b-17i8svqcfn] {
    margin-top: 14px;
}

.wzd-list > .wzd-card.bad > .wzd-card-inner[b-17i8svqcfn] {
    border-color: var(--cx-red-border);
}

.wzd-list > .wzd-card.active > .wzd-card-inner[b-17i8svqcfn] {
    border-color: var(--cx-pri-border);
}

/* attached child card — same anatomy one level in, on a spine */
.wzd-card.nested[b-17i8svqcfn] {
    margin-top: 12px;
    padding-left: 16px;
}

.wzd-spine[b-17i8svqcfn] {
    position: absolute;
    left: 3px;
    top: 0;
    bottom: 0;
    width: 1.5px;
    background: var(--cx-border);
    border-radius: 2px;
}

.wzd-spine.bad[b-17i8svqcfn] {
    background: var(--cx-red-border);
}

.wzd-card.nested > .wzd-card-inner[b-17i8svqcfn] {
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    border-radius: 8px;
    padding: 16px;
}

.wzd-card.nested.bad > .wzd-card-inner[b-17i8svqcfn] {
    background: var(--cx-panel);
    border-color: var(--cx-red-border);
}

/* ── card head band ── */
.wzd-card-head[b-17i8svqcfn] {
    margin: -20px -20px 0;
    padding: 11px 20px 12px;
    background: var(--cx-panel-alt);
    border-bottom: 1px solid var(--cx-border);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.wzd-card.nested .wzd-card-head[b-17i8svqcfn] {
    margin: -16px -16px 0;
    padding: 10px 16px 11px;
    background: transparent;
}

.wzd-card-head.returned[b-17i8svqcfn] {
    background: var(--cx-red-soft);
    border-bottom-color: var(--cx-red-border);
}

.wzd-card-head .hmain[b-17i8svqcfn] {
    flex: 1;
    min-width: 200px;
}

.wzd-card-head .titleline[b-17i8svqcfn] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.wzd-card-head .tile[b-17i8svqcfn] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    flex-shrink: 0;
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cx-subtle);
}

.wzd-card-head .tile.err[b-17i8svqcfn] {
    background: var(--cx-red-soft);
    border-color: var(--cx-red-border);
    color: var(--cx-red);
}

.wzd-card-head .ttl[b-17i8svqcfn] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
    letter-spacing: -0.1px;
    min-width: 0;
    overflow-wrap: anywhere;
    text-wrap: pretty;
}

/* OWNER RULING 2026-08-19: the Lead/Attached tags KEEP their boxed form — the
   I11 qualifier take was tried and reversed ("that was useful"). A scoped
   exception to I11; flow back to the design agent in the next ink round. */
.wzd-tag[b-17i8svqcfn] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cx-subtle);
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    border-radius: 3px;
    padding: 1px 5px;
    white-space: nowrap;
    flex-shrink: 0;
}

.wzd-tag.lead[b-17i8svqcfn] {
    color: var(--cx-text);
    background: var(--cx-panel);
    border-color: var(--cx-input-border);
}

/* fact line — words, not stickers, dotted like the uploader's own fact line */
.wzd-card-head .facts[b-17i8svqcfn] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 4px;
    padding-left: 36px;
}

.wzd-card-head .facts .dot[b-17i8svqcfn] {
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: var(--cx-faint);
    flex-shrink: 0;
}

.wzd-card-head .facts .help[b-17i8svqcfn] {
    cursor: help;
}

.wzd-card-head .facts .nw[b-17i8svqcfn] {
    white-space: nowrap;
}

/* trailing mono figure on a fact (e.g. the court's base fee for the type) */
.wzd-card-head .facts .amt[b-17i8svqcfn] {
    /* ink I5, owner-ratified: amounts in the content face; inherits the facts line size */
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
    margin-left: 4px;
}

/* card status — one line of text, no pill, no shouting */
.wzd-status[b-17i8svqcfn] {
    flex-shrink: 0;
}

.wzd-status .st[b-17i8svqcfn] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: .005em;
}

.wzd-status .st.red[b-17i8svqcfn] { color: var(--cx-red); }
.wzd-status .st.amber[b-17i8svqcfn] { color: var(--cx-amber); }
.wzd-status .st.green[b-17i8svqcfn] { color: var(--cx-green); }
.wzd-status .st.muted[b-17i8svqcfn] { color: var(--cx-muted); }

/* hover-reveal actions */
.wzd-card-head .acts[b-17i8svqcfn] {
    display: flex;
    gap: 3px;
    justify-content: flex-end;
    flex-shrink: 0;
    opacity: .72;
    transition: opacity .12s;
}

.wzd-card:hover .wzd-card-head .acts[b-17i8svqcfn] {
    opacity: 1;
}

.wzd-card-head .act[b-17i8svqcfn] {
    width: 27px;
    height: 27px;
    border-radius: 6px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--cx-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background .1s, color .1s;
}

.wzd-card-head .act:hover[b-17i8svqcfn] {
    background: var(--cx-bg-deep);
    color: var(--cx-text);
}

.wzd-card-head .act.del:hover[b-17i8svqcfn] {
    background: var(--cx-red-soft);
    color: var(--cx-red);
}

.wzd-card-head .act.lock[b-17i8svqcfn] {
    cursor: help;
    color: var(--cx-faint);
}

.wzd-card-head .act.lock:hover[b-17i8svqcfn] {
    background: transparent;
    color: var(--cx-faint);
}

/* ── edit strip — explicit, in place, orange ── */
.wzd-editstrip[b-17i8svqcfn] {
    margin: 0 -20px 4px;
    padding: 14px 20px 15px;
    background: var(--cx-pri-soft);
    border-bottom: 1px solid var(--cx-pri-border);
}

.wzd-card.nested .wzd-editstrip[b-17i8svqcfn] {
    margin: 0 -16px 4px;
    padding: 14px 16px 15px;
}

.wzd-editstrip .es-head[b-17i8svqcfn] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--cx-pri-text);
}

.wzd-editstrip .es-cap[b-17i8svqcfn] {
    font-family: var(--cx-label-font);
    font-size: var(--cx-label-size);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: uppercase;
    color: var(--cx-pri-text); /* toned caption: I2 sanctioned color variation */
}

.wzd-editstrip .es-head .sp[b-17i8svqcfn] {
    flex: 1;
}

.wzd-editstrip .es-grid[b-17i8svqcfn] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 14px 16px;
}

@container wzdstep (max-width: 640px) {
    .wzd-editstrip .es-grid[b-17i8svqcfn] {
        grid-template-columns: 1fr;
    }
}

.wzd-editstrip .es-zone[b-17i8svqcfn] {
    margin-top: 12px;
}

/* ── file area ── */
.wzd-filearea[b-17i8svqcfn] {
    margin: 0 -20px;
    padding: 12px 20px;
    border-bottom: 1px solid var(--cx-border-soft);
}

.wzd-card.nested .wzd-filearea[b-17i8svqcfn] {
    margin: 0 -16px;
    padding: 12px 16px;
}

.wzd-card .wzd-filearea:last-child[b-17i8svqcfn] {
    border-bottom: none;
    padding-bottom: 8px;
}

.wzd-fnote[b-17i8svqcfn] {
    margin-bottom: 9px;
}

.wzd-fnote.below[b-17i8svqcfn] {
    margin-bottom: 0;
    margin-top: 9px;
}

/* error text inside an already-red card — no glyph, no box */
.wzd-courterr[b-17i8svqcfn] {
    margin-top: 9px;
    font-size: var(--cx-size-meta);
    line-height: 1.5;
    color: var(--cx-red);
    text-wrap: pretty;
}

/* ── metadata region ── */
.wzd-meta[b-17i8svqcfn] {
    padding-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.wzd-meta[b-17i8svqcfn]  .form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

@container wzdstep (max-width: 640px) {
    .wzd-meta[b-17i8svqcfn]  .form-row {
        grid-template-columns: 1fr;
    }
}

.wzd-meta[b-17i8svqcfn]  .dps-field {
    min-width: 0;
}

.wzd-meta[b-17i8svqcfn]  .dps-rep {
    max-width: 430px;
}

.wzd-meta[b-17i8svqcfn]  .dps-hint,
.wzd-field .wzd-hint[b-17i8svqcfn] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 4px;
    line-height: 1.45;
    text-wrap: pretty;
}

.wzd-meta[b-17i8svqcfn]  .dps-err {
    font-size: var(--cx-size-meta);
    color: var(--cx-red);
    margin-top: 4px;
    line-height: 1.45;
    text-wrap: pretty;
}

.wzd-field[b-17i8svqcfn] {
    min-width: 0;
}

.wzd-field.narrow[b-17i8svqcfn] {
    max-width: 240px;
}

.wzd-field.grow[b-17i8svqcfn] {
    flex: 1;
    min-width: 0;
}

/* ── carry-forward receipt — quiet, dismissible, never a banner ── */
.wzd-carry[b-17i8svqcfn] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

.wzd-carry svg[b-17i8svqcfn] {
    flex-shrink: 0;
    margin-top: 1.5px;
    color: var(--cx-faint);
}

.wzd-carry b[b-17i8svqcfn] {
    color: var(--cx-muted);
    font-weight: 600;
}

.wzd-link[b-17i8svqcfn] {
    border: none;
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    color: var(--cx-pri-text);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    transition: color .1s;
}

.wzd-link:hover[b-17i8svqcfn] {
    color: var(--cx-pri-strong);
}

/* ── in-card block — full-bleed hairline, plain label (demand, plugins) ── */
.wzd-block[b-17i8svqcfn] {
    margin: 16px -20px 0;
    padding: 15px 20px 2px;
    border-top: 1px solid var(--cx-border-soft);
}

.wzd-meta .wzd-block[b-17i8svqcfn] {
    margin-top: 2px;
}

.wzd-block-label[b-17i8svqcfn] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    color: var(--cx-text);
}

.wzd-block-sub[b-17i8svqcfn] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin: 2px 0 12px;
    text-wrap: pretty;
}

.wzd-block[b-17i8svqcfn]  .plugin-section {
    margin-bottom: 12px;
}

/* ── attach-under region ── */
.wzd-attach[b-17i8svqcfn] {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--cx-border-soft);
}

.wzd-attach-hint[b-17i8svqcfn] {
    display: flex;
    gap: 7px;
    align-items: flex-start;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    text-wrap: pretty;
    margin-bottom: 8px;
}

.wzd-attach-hint svg[b-17i8svqcfn] {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--cx-faint);
}

.wzd-attach.noattach .wzd-attach-hint[b-17i8svqcfn] {
    margin-bottom: 0;
}

.wzd-attach > .wzd-add[b-17i8svqcfn] {
    margin-top: 12px;
}

/* ── add actions — orange glyph, text label; dashed variant for the big affordance ── */
.wzd-addwrap[b-17i8svqcfn] {
    margin-top: 14px;
}

.wzd-add[b-17i8svqcfn] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    height: 30px;
    padding: 0 11px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
    transition: background .1s, border-color .12s, color .1s;
}

.wzd-add .glyph[b-17i8svqcfn] {
    display: inline-flex;
    color: var(--cx-pri);
}

.wzd-add:hover[b-17i8svqcfn] {
    background: var(--cx-pri-soft);
    color: var(--cx-pri-text);
}

.wzd-add.dashed[b-17i8svqcfn] {
    height: 40px;
    justify-content: center;
    border: 1.5px dashed var(--cx-input-border);
}

.wzd-add.dashed:hover[b-17i8svqcfn] {
    border-color: var(--cx-pri-border);
}

.wzd-add.wide[b-17i8svqcfn] {
    width: 100%;
}

/* ── composer modal ── */
.wzd-modal-overlay[b-17i8svqcfn] {
    position: fixed;
    inset: 0;
    z-index: 400;
    background: rgba(28, 25, 23, 0.42);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 6vh 20px 20px;
    overflow-y: auto;
    outline: none;
    animation: cx-fade .12s ease;
}

.wzd-modal[b-17i8svqcfn] {
    width: 720px;
    max-width: 100%;
    min-width: 0;
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    border-radius: 10px;
    box-shadow: var(--cx-shadow-pop);
    padding: 22px;
    animation: cx-pop .16s ease;
}

@media (max-width: 640px) {
    .wzd-modal-overlay[b-17i8svqcfn] {
        padding: 12px;
    }
}

.wzd-composer[b-17i8svqcfn] {
    min-width: 0;
}

.wzd-composer .c-head[b-17i8svqcfn] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.wzd-composer .c-titles[b-17i8svqcfn] {
    flex: 1;
    min-width: 200px;
}

.wzd-composer .c-title[b-17i8svqcfn] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
}

.wzd-composer .c-sub[b-17i8svqcfn] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 2px;
    text-wrap: pretty;
}

.wzd-composer .c-choice[b-17i8svqcfn] {
    margin-bottom: 16px;
}

.wzd-composer .c-parent[b-17i8svqcfn] {
    margin-top: 12px;
    margin-left: 23px;
    padding-left: 15px;
    border-left: 1.5px solid var(--cx-border);
}

.wzd-composer .c-grid[b-17i8svqcfn] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 14px 16px;
}

@media (max-width: 640px) {
    .wzd-composer .c-grid[b-17i8svqcfn] {
        grid-template-columns: 1fr;
    }
}

.wzd-composer .c-note[b-17i8svqcfn] {
    margin-top: 14px;
}

.wzd-composer .c-zone[b-17i8svqcfn] {
    margin-top: 14px;
}

/* group label + radio anatomy (the Case step's radio anatomy) */
.wzd-grouplabel[b-17i8svqcfn] {
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-text);
    margin-bottom: 8px;
}

.wzd-grouplabel.req[b-17i8svqcfn]::after {
    content: " *";
    color: var(--cx-red);
}

.wzd-groupsub[b-17i8svqcfn] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin: -4px 0 9px;
    text-wrap: pretty;
}

.wzd-radios[b-17i8svqcfn] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 2px;
}

.wzd-radios.stack[b-17i8svqcfn] {
    flex-direction: column;
    gap: 9px;
}

.wzd-seg[b-17i8svqcfn] {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
    max-width: 620px;
}

.wzd-seg.off[b-17i8svqcfn] {
    cursor: not-allowed;
    opacity: .55;
}

.wzd-seg input[b-17i8svqcfn] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.wzd-seg .rd[b-17i8svqcfn] {
    width: 15px;
    height: 15px;
    margin-top: 1px;
    border-radius: 999px;
    box-sizing: border-box;
    flex-shrink: 0;
    border: 1.5px solid var(--cx-input-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color .1s;
}

.wzd-seg:hover:not(.off) .rd[b-17i8svqcfn] {
    border-color: var(--cx-subtle);
}

.wzd-seg .rd.on[b-17i8svqcfn] {
    border-color: var(--cx-pri);
}

.wzd-seg .rd.on[b-17i8svqcfn]::after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--cx-pri);
}

.wzd-seg .txt[b-17i8svqcfn] {
    min-width: 0;
}

.wzd-seg .txt .l[b-17i8svqcfn] {
    display: block;
    font-size: var(--cx-size-meta);
    font-weight: 500;
    color: var(--cx-text);
    line-height: 1.35;
}

.wzd-seg .rd.on + .txt .l[b-17i8svqcfn],
.wzd-seg input:checked ~ .txt .l[b-17i8svqcfn] {
    font-weight: 600;
}

.wzd-seg .txt .s[b-17i8svqcfn] {
    display: block;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.45;
    margin-top: 2px;
    text-wrap: pretty;
}

/* ── confirm-remove modal copy (bands come from cx-modal-body/foot) ── */
.wzd[b-17i8svqcfn]  .wzd-confirm-copy {
    margin: 0;
    font-size: var(--cx-size-body);
    color: var(--cx-muted);
    line-height: 1.55;
    text-wrap: pretty;
}

.wzd[b-17i8svqcfn]  .wzd-confirm-copy strong {
    color: var(--cx-text);
}

/* ── skeleton ── */
.wzd-skel[b-17i8svqcfn] {
    display: flex;
    flex-direction: column;
}

.wzd-skel-band[b-17i8svqcfn] {
    margin: 0 -24px;
    padding: 13px 24px;
    background: var(--cx-panel-alt);
    border-bottom: 1px solid var(--cx-border);
}

.wzd-skel-card[b-17i8svqcfn] {
    margin-top: 14px;
    border: 1px solid var(--cx-border);
    border-radius: 9px;
    padding: 16px;
}

.wzd-skel-cardhead[b-17i8svqcfn] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: -16px -16px 14px;
    padding: 11px 16px;
    background: var(--cx-panel-alt);
    border-bottom: 1px solid var(--cx-border);
    border-radius: 9px 9px 0 0;
}

.wzd-skel-cardhead .sp[b-17i8svqcfn] {
    flex: 1;
}

.wzd-skel-grid[b-17i8svqcfn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 16px;
}

@container wzdstep (max-width: 640px) {
    .wzd-skel-grid[b-17i8svqcfn] {
        grid-template-columns: 1fr;
    }
}

.wzd-skel-col[b-17i8svqcfn] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wzd-skel-bar[b-17i8svqcfn] {
    display: block;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--cx-bg-deep) 25%, var(--cx-border-soft) 50%, var(--cx-bg-deep) 75%);
    background-size: 200% 100%;
    animation: wzd-shimmer-b-17i8svqcfn 1.3s linear infinite;
}

.wzd-skel-bar.cap[b-17i8svqcfn] { height: 10px; width: 190px; }
.wzd-skel-bar.tile[b-17i8svqcfn] { width: 26px; height: 26px; border-radius: 6px; }
.wzd-skel-bar.name[b-17i8svqcfn] { height: 11px; width: 196px; }
.wzd-skel-bar.pill[b-17i8svqcfn] { height: 18px; width: 74px; border-radius: 4px; }
.wzd-skel-bar.zone[b-17i8svqcfn] { height: 44px; }
.wzd-skel-bar.lbl[b-17i8svqcfn] { height: 10px; width: 78px; }
.wzd-skel-bar.ctl[b-17i8svqcfn] { height: 34px; }

.wzd-skel-note[b-17i8svqcfn] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 20px;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
}

.wzd-spin[b-17i8svqcfn] {
    color: currentColor;
    animation: wzd-spin-b-17i8svqcfn .9s linear infinite;
    flex-shrink: 0;
}

@keyframes wzd-spin-b-17i8svqcfn {
    to { transform: rotate(360deg); }
}

@keyframes wzd-shimmer-b-17i8svqcfn {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

/* Billing reference on subsequent filings (initiation collects it on the Case step). */
.wzd-billing[b-17i8svqcfn] { max-width: 380px; margin: 0 0 18px; }
.wzd-billingerr[b-17i8svqcfn] {
  margin-top: 6px;
  font-size: var(--cx-size-cap);
  line-height: 1.5;
  font-weight: 500;
  color: var(--cx-red, #dc2626);
}
.wzd-billinghint[b-17i8svqcfn] {
  margin-top: 6px;
  font-size: var(--cx-size-cap);
  line-height: 1.5;
  color: var(--cx-subtle);
}
/* /Components/EFiling/AddDocuments/WordPdfRenditionPanel.razor.rz.scp.css */
/* UpPaired panel — Word row over the generated-PDF slot, joined by a
   "generates" connector rail. cx tokens only. */

.wp2[b-nbow1roxie] {
    border: 1px solid var(--cx-border);
    border-radius: 8px;
    background: var(--cx-panel);
    overflow: hidden;
    min-inline-size: 0;
}

.wp2-word[b-nbow1roxie] {
    padding: 10px;
}

.wp2-rail[b-nbow1roxie] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px 6px 22px;
}

.wp2-rail-line[b-nbow1roxie] {
    width: 1px;
    height: 12px;
    background: var(--cx-border);
    display: inline-block;
}

.wp2-rail-word[b-nbow1roxie] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--cx-subtle);
}

.wp2-pdf[b-nbow1roxie] {
    padding: 10px;
    border-top: 1px solid var(--cx-border-soft);
    background: var(--cx-panel-alt);
}

.wp2--failed .wp2-pdf[b-nbow1roxie] {
    background: var(--cx-red-soft);
}

.wp2-fail-detail[b-nbow1roxie] {
    font-size: var(--cx-size-cap);
    color: var(--cx-red);
    margin-top: 4px;
    margin-left: 34px; /* 24px dense tile + 10px gap → aligns under the row text */
    text-wrap: pretty;
}
/* /Components/EFiling/CaseInformation.razor.rz.scp.css */
/* ── Wizard Case step (round B) — one card, fields flowing continuously, a single
   "Additional options" micro-cap section, court-specific fields behind a dotted
   full-bleed hairline, inline footer. cx tokens only. The host card (.wz-stepcard.converted)
   provides 24px padding; full-bleed elements pull -24px against it (--wzf-pad). ── */

.ci[b-fbwku6bou0] {
    position: relative;
    container: cistep / inline-size;
    font-size: var(--cx-size-body);
    color: var(--cx-text);
}

/* ── card header band ── */
.ci-head[b-fbwku6bou0] {
    margin: -24px -24px 20px;
    padding: 13px 24px;
    border-bottom: 1px solid var(--cx-border-soft);
}

/* step heading: the identity's heading voice (owner's proposal, 2026-09-28) */
.ci-title[b-fbwku6bou0] {
    font-size: var(--cx-size-head);
    font-family: var(--cx-heading-font);
    font-weight: var(--cx-heading-weight);
    text-transform: var(--cx-heading-transform);
    letter-spacing: var(--cx-heading-track);
    line-height: var(--cx-heading-lh);
    color: var(--cx-text);
}

.ci-sub[b-fbwku6bou0] {
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    margin-top: 2px;
}

/* ── context banners ── */
.ci-banners[b-fbwku6bou0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 22px;
}

.ci-alert[b-fbwku6bou0] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 11px 13px;
    border-radius: 10px;
    border: 1px solid var(--cx-border);
    background: var(--cx-panel-alt);
}

.ci-alert .ic[b-fbwku6bou0] {
    display: inline-flex;
    flex-shrink: 0;
    margin-top: 1px;
}

.ci-alert .tt[b-fbwku6bou0] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    line-height: 1.4;
}

.ci-alert .bd[b-fbwku6bou0] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.5;
    margin-top: 2px;
    text-wrap: pretty;
}

.ci-alert .bd a[b-fbwku6bou0] {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ci-alert.info[b-fbwku6bou0] {
    background: var(--cx-blue-soft);
    border-color: var(--cx-blue-border);
}

.ci-alert.info .ic[b-fbwku6bou0],
.ci-alert.info .tt[b-fbwku6bou0] {
    color: var(--cx-blue);
}

.ci-alert.warn[b-fbwku6bou0] {
    background: var(--cx-amber-soft);
    border-color: var(--cx-amber-border);
}

.ci-alert.warn .ic[b-fbwku6bou0],
.ci-alert.warn .tt[b-fbwku6bou0] {
    color: var(--cx-amber);
}

/* ── field flow + grids ──
   vertical rhythm 20px / columns 16px — the slimmer 34px controls read crammed
   at a uniform 16px once hints/errors sit under fields. */
.ci-fields[b-fbwku6bou0] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ci-grid[b-fbwku6bou0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 16px;
}

/* loc row uses the SAME tracks as .ci-grid so its column seams align with every
   other row (the old special 160px zip track broke alignment — user complaint).
   Zip is a normal full column like every other field (wzc-venue: no width cap);
   the cells themselves are rendered by CourtLocationField onto these tracks. */
.ci-loc-grid[b-fbwku6bou0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 16px;
}

@container cistep (min-width: 1100px) {
    .ci-grid[b-fbwku6bou0],
    .ci-loc-grid[b-fbwku6bou0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container cistep (max-width: 560px) {
    .ci-grid[b-fbwku6bou0],
    .ci-loc-grid[b-fbwku6bou0] {
        grid-template-columns: 1fr;
    }
}

.ci-field[b-fbwku6bou0] {
    min-width: 0;
}

/* ── shared-control anatomy (--cx-ctl-* metrics, focus + error rings) now
   lives in the GLOBAL `.form-input` skin (wwwroot/app.css) — do not re-declare
   it here. Only page-specific adjustments below. ── */

/* mono for code-like values: billing code, zip, case numbers, amounts
   (same metrics as the global .form-input.mono variant) */
.ci-field.mono[b-fbwku6bou0]  .form-input,
.ci[b-fbwku6bou0]  .pg-mono .form-input {
    font-family: var(--cx-mono);
    font-size: calc(var(--cx-ctl-fs) - .5px);
    letter-spacing: .01em;
}

/* (auto-resolved location read-only line removed — CourtLocationField's settled
   readout replaced it; its skin lives in CourtLocationField.razor.css) */

/* ── the ONLY section header — tiny icon + micro-cap; tints red when it owns errors ── */
.ci-section[b-fbwku6bou0] {
    margin-top: 24px;
}

.ci-section-head[b-fbwku6bou0] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 15px;
}

.ci-section-head .ic[b-fbwku6bou0] {
    display: inline-flex;
    color: var(--cx-slate);
}

.ci-section-head h3[b-fbwku6bou0] {
    margin: 0;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    letter-spacing: 0.085em;
    text-transform: uppercase;
    color: var(--cx-slate);
}

.ci-section.has-err .ci-section-head .ic[b-fbwku6bou0],
.ci-section.has-err .ci-section-head h3[b-fbwku6bou0] {
    color: var(--cx-red);
}

.ci-errpill[b-fbwku6bou0] {
    display: inline-flex;
    align-items: center;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-red);
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    border-radius: 999px;
    padding: 1px 8px;
}

.ci-empty-note[b-fbwku6bou0] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
}

/* ── checkbox stack + sub-rail (dependent reveals behind a 2px left rule) ── */
.ci-checks[b-fbwku6bou0] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.ci-subrail[b-fbwku6bou0],
.ci[b-fbwku6bou0]  .pg-rail {
    margin-left: 8px;
    margin-top: 8px;
    margin-bottom: 4px;
    padding-left: 16px;
    border-left: 2px solid var(--cx-border);
    display: flex;
    flex-direction: column;
    gap: 8px;
    animation: ci-in-b-fbwku6bou0 .2s ease;
}

/* consequence notice — lives INSIDE the reveal it belongs to */
.ci-notice[b-fbwku6bou0] {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    padding: 9px 11px;
    background: var(--cx-blue-soft);
    border: 1px solid var(--cx-blue-border);
    border-radius: 9px;
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    line-height: 1.5;
    text-wrap: pretty;
}

.ci-notice .ic[b-fbwku6bou0] {
    display: inline-flex;
    color: var(--cx-blue);
    margin-top: 1px;
    flex-shrink: 0;
}

/* ── court-specific fields: quiet full-bleed block, dotted hairline, no badge/tint ── */
.ci-hairline[b-fbwku6bou0] {
    margin: 18px -24px 0;
    padding: 20px 24px 4px;
    border-top: 1px dotted var(--cx-slate-border);
    display: flex;
    flex-direction: column;
    gap: 24px;
    animation: ci-in-b-fbwku6bou0 .2s ease;
}

.ci-hairline.first[b-fbwku6bou0] {
    margin-top: 0;
}

/* plain group label for flat clusters (cross references, premises, plugin groups) */
.ci-group-label[b-fbwku6bou0],
.ci[b-fbwku6bou0]  .pg-label {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
}

.ci-group-label .req[b-fbwku6bou0],
.ci[b-fbwku6bou0]  .pg-label .req {
    color: var(--cx-red);
    margin-left: 4px;
}

.ci-group-sub[b-fbwku6bou0],
.ci[b-fbwku6bou0]  .pg-sub {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    margin-top: 3px;
    line-height: 1.45;
    text-wrap: pretty;
}

.ci-group-label + .ci-grid[b-fbwku6bou0],
.ci-group-sub + .ci-grid[b-fbwku6bou0] {
    margin-top: 9px;
}

.ci-address[b-fbwku6bou0] {
    margin-top: 9px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ── OC plugin flat language (children styled via ::deep) ── */
.ci[b-fbwku6bou0]  .ct-plugins {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ci[b-fbwku6bou0]  .pg {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ci[b-fbwku6bou0]  .pg-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

@container cistep (min-width: 1100px) {
    .ci[b-fbwku6bou0]  .pg-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container cistep (max-width: 560px) {
    .ci[b-fbwku6bou0]  .pg-grid {
        grid-template-columns: 1fr;
    }
}

.ci[b-fbwku6bou0]  .pg-field {
    min-width: 0;
}

.ci[b-fbwku6bou0]  .pg-span {
    grid-column: 1 / -1;
}

.ci[b-fbwku6bou0]  .pg-narrow .form-input {
    max-width: 160px;
}

.ci[b-fbwku6bou0]  .pg-group .pg-checks,
.ci[b-fbwku6bou0]  .pg-group .pg-radio-row,
.ci[b-fbwku6bou0]  .pg-group .pg-address {
    margin-top: 9px;
}

.ci[b-fbwku6bou0]  .pg-checks {
    display: flex;
    flex-direction: column;
    gap: 9px;
    max-width: 760px;
}

.ci[b-fbwku6bou0]  .pg-radio-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 2px;
}

.ci[b-fbwku6bou0]  .pg-check-text {
    font-size: var(--cx-size-body);
    color: var(--cx-text);
    line-height: 1.45;
    margin-bottom: 5px;
}

.ci[b-fbwku6bou0]  .pg-address {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ── initial-load skeleton ── */
.ci-skel[b-fbwku6bou0] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.ci-skel-field[b-fbwku6bou0] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.ci-skel-bar[b-fbwku6bou0] {
    display: block;
    border-radius: var(--cx-ctl-r);
    background: linear-gradient(90deg, var(--cx-bg-deep) 25%, var(--cx-border-soft) 50%, var(--cx-bg-deep) 75%);
    background-size: 200% 100%;
    animation: ci-shimmer-b-fbwku6bou0 1.3s linear infinite;
}

.ci-skel-bar.lbl[b-fbwku6bou0] {
    height: 11px;
    width: 92px;
    border-radius: 4px;
}

.ci-skel-bar.ctl[b-fbwku6bou0] {
    height: var(--cx-ctl-h);
    width: 100%;
}

.ci-skel-bar.cap[b-fbwku6bou0] {
    height: 12px;
    width: 116px;
    border-radius: 4px;
    margin-top: 8px;
}

.ci-skel-note[b-fbwku6bou0] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 4px;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

/* ── cross-system re-route overlay ── */
.ci-overlay[b-fbwku6bou0] {
    position: absolute;
    inset: -24px;
    background: color-mix(in srgb, var(--cx-panel) 72%, transparent);
    border-radius: 14px;
    z-index: 20;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 90px;
    animation: ci-in-b-fbwku6bou0 .15s ease;
}

.ci-overlay-card[b-fbwku6bou0] {
    display: flex;
    gap: 10px;
    align-items: center;
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    border-radius: 11px;
    padding: 12px 16px;
    box-shadow: var(--cx-shadow-raise);
    font-size: var(--cx-size-body);
    color: var(--cx-text);
}

.ci-spin[b-fbwku6bou0] {
    color: var(--cx-subtle);
    animation: ci-spin-b-fbwku6bou0 .9s linear infinite;
    flex-shrink: 0;
}

@keyframes ci-spin-b-fbwku6bou0 {
    to { transform: rotate(360deg); }
}

@keyframes ci-shimmer-b-fbwku6bou0 {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

@keyframes ci-in-b-fbwku6bou0 {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: none; }
}
/* /Components/EFiling/CaseInformationDisplay.razor.rz.scp.css */
.summary-content[b-5uwx2wgsgl] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.section-title[b-5uwx2wgsgl] {
    font-size: 1.125rem;
    font-weight: 500;
    color: #1f2937;
    margin: 0;
}

.detail-title[b-5uwx2wgsgl] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
    margin-bottom: 0.25rem;
    margin-top: 0;
}

.detail-value[b-5uwx2wgsgl] {
    font-size: 0.875rem;
    color: #1f2937;
    margin: 0;
}

.detail-item.horizontal[b-5uwx2wgsgl] {
    display: flex;
    gap: 0.35rem;
}

.detail-item[b-5uwx2wgsgl] {
    margin-bottom: 0.75rem;
}

.detail-value[b-5uwx2wgsgl] {
    margin-top: 0.25rem;
}
/* /Components/EFiling/ConfirmFiling.razor.rz.scp.css */
/* ── Wizard CONFIRM step ────────────────────────────────────────────────────
   The record on screen. cx tokens only — no raw hex.

   READING SCALE — the Review step's, because this page is read and transcribed:
   a field LABEL is findable (11.5/500 at the readability floor, never the faint
   decoration tier), its VALUE dominates (13.5/600), section chrome is the
   uppercase micro-cap. Values being transcribed sit at full text strength.

   The host card (.wz-stepcard.converted) supplies 24px padding; the header,
   section rules, document rows, fee total and footer full-bleed against it
   with -24px margins.

   LAYOUT is container-query driven (the shell provides no JS measurement and
   needs none): at wide card widths the record reads as two column pairs
   (Submission|Case, Fees|What-happens-next) with Documents full width; inside
   a pair the section heads stop bleeding and the pair draws ONE rule across
   the card. */

.cfm[b-fh3t5ejov4] {
    position: relative;
    container: cfmstep / inline-size;
    font-size: var(--cx-size-body);
    color: var(--cx-text);
    min-width: 0;
}

/* ── header — outcome edge, statement left, identifier right ────────────── */

.cfm-top[b-fh3t5ejov4] {
    margin: -24px -24px 0;
}

.cfm-top > .edge[b-fh3t5ejov4] {
    height: 3px;
}

.cfm-top.t-green > .edge[b-fh3t5ejov4] {
    background: var(--cx-green);
}

.cfm-top.t-amber > .edge[b-fh3t5ejov4] {
    background: var(--cx-amber);
}

.cfm-top.t-red > .edge[b-fh3t5ejov4] {
    background: var(--cx-red);
}

.cfm-top > .bar[b-fh3t5ejov4] {
    padding: 17px 24px 18px;
    border-bottom: 1px solid var(--cx-border);
    display: flex;
    gap: 18px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.cfm-top .what[b-fh3t5ejov4] {
    display: flex;
    gap: 12px;
    flex: 1 1 380px;
    min-width: 0;
}

.cfm-top .badge[b-fh3t5ejov4] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cfm-top.t-green .badge[b-fh3t5ejov4] {
    background: var(--cx-green-soft);
    border: 1px solid var(--cx-green-border);
    color: var(--cx-green);
}

.cfm-top.t-amber .badge[b-fh3t5ejov4] {
    background: var(--cx-amber-soft);
    border: 1px solid var(--cx-amber-border);
    color: var(--cx-amber);
}

.cfm-top.t-red .badge[b-fh3t5ejov4] {
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    color: var(--cx-red);
}

.cfm-top .txt[b-fh3t5ejov4] {
    min-width: 0;
}

.cfm-top .head[b-fh3t5ejov4] {
    font-size: var(--cx-size-head);
    font-family: var(--cx-heading-font);
    font-weight: var(--cx-heading-weight);
    text-transform: var(--cx-heading-transform);
    letter-spacing: var(--cx-heading-track);
    line-height: var(--cx-heading-lh);
    color: var(--cx-text);
    text-wrap: pretty;
}

.cfm-top .hsub[b-fh3t5ejov4] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    margin-top: 4px;
    line-height: 1.5;
    text-wrap: pretty;
    max-width: 560px;
}

.cfm-top .stampline[b-fh3t5ejov4] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    margin-top: 4px;
}

.cfm-top .ident[b-fh3t5ejov4] {
    flex: 1 1 280px;
    min-width: 0;
}

.cfm-top .ident .cap[b-fh3t5ejov4] {
    font-family: var(--cx-label-font);
    font-size: var(--cx-label-size);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: uppercase;
    color: var(--cx-label-color);
}

.cfm-top .ident .vline[b-fh3t5ejov4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.cfm-top .ident .val[b-fh3t5ejov4] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-title);
    font-weight: 500;
    color: var(--cx-text);
    letter-spacing: -0.4px;
    min-width: 0;
    overflow-wrap: anywhere;
}

/* An absent identifier is still READ (the note beside it explains it), so it sits
   at the readable floor, not the decoration tier. */
.cfm-top .ident .val.absent[b-fh3t5ejov4] {
    color: var(--cx-subtle);
    font-weight: 400;
}

.cfm-top .ident .note[b-fh3t5ejov4] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 4px;
    text-wrap: pretty;
}

.cfm-top .ident .all[b-fh3t5ejov4] {
    margin-top: 11px;
}

@container cfmstep (min-width: 880px) {
    .cfm-top > .bar[b-fh3t5ejov4] {
        gap: 30px;
    }

    .cfm-top .ident[b-fh3t5ejov4] {
        flex: 0 1 340px;
        padding-left: 30px;
        border-left: 1px solid var(--cx-border-soft);
    }
}

/* ── section head + body — the Review skin, hairline rules (this page is read
   top to bottom; a pure record with heavier boundaries looks ruled rather
   than structured) ── */

.cfm[b-fh3t5ejov4]  .rv-head {
    margin: 14px -24px 0;
    padding: 16px 24px 11px;
    border-top: 1px solid var(--cx-border);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cfm[b-fh3t5ejov4]  .rv-head.first {
    margin-top: 0;
    border-top: none;
    padding-top: 16px;
}

.cfm[b-fh3t5ejov4]  .rv-head .ic {
    display: inline-flex;
    color: var(--cx-slate);
    flex-shrink: 0;
}

.cfm[b-fh3t5ejov4]  .rv-head h3 {
    margin: 0;
    font-family: var(--cx-title-font);
    font-size: var(--cx-title-size);
    font-weight: var(--cx-title-weight);
    letter-spacing: var(--cx-title-track);
    text-transform: uppercase;
    color: var(--cx-title-color); /* I10 section-title voice — owner-ruled, design-ratified */
}

.cfm[b-fh3t5ejov4]  .rv-head .cnt {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
}

.cfm[b-fh3t5ejov4]  .rv-head .sp {
    flex: 1;
    min-width: 12px;
}

.cfm[b-fh3t5ejov4]  .rv-head .aside {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

.cfm[b-fh3t5ejov4]  .rv-sec {
    padding-bottom: 17px;
}

.cfm[b-fh3t5ejov4]  .rv-sec.list {
    padding-bottom: 7px;
}

.cfm[b-fh3t5ejov4]  .cfm-notfiled {
    font-size: var(--cx-size-meta);
    font-weight: 700;
    color: var(--cx-red);
}

/* ── the two-column pairs ───────────────────────────────────────────────── */

.cfm-pair > .col[b-fh3t5ejov4] {
    min-width: 0;
}

@container cfmstep (min-width: 1072px) {
    .cfm-pair[b-fh3t5ejov4] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        margin: 0 -24px;
        padding: 0 24px;
    }

    /* A paired row draws ONE rule across the card, so the two heads under it
       read as one band instead of two segments broken by the column divider. */
    .cfm-pair.rule[b-fh3t5ejov4] {
        margin-top: 14px;
        padding-top: 7px;
        border-top: 1px solid var(--cx-border);
    }

    .cfm-pair > .col:first-child[b-fh3t5ejov4] {
        padding-right: 34px;
    }

    .cfm-pair > .col + .col[b-fh3t5ejov4] {
        padding-left: 34px;
        border-left: 1px solid var(--cx-border-soft);
    }

    /* Inside a pair the heads belong to their column — no bleed, no own rule. */
    .cfm-pair[b-fh3t5ejov4]  .rv-head {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        border-top: none;
    }

    /* The fee total stops bleeding for the same reason. */
    .cfm-pair .cfm-total[b-fh3t5ejov4] {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

/* ── label / value grid, plus the copy affordance ───────────────────────── */

.cfm-kv[b-fh3t5ejov4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
    column-gap: 26px;
    row-gap: 17px;
}

.cfm-kv > .cell[b-fh3t5ejov4] {
    min-width: 0;
}

.cfm-kv > .cell.w8[b-fh3t5ejov4] {
    grid-column: span 2;
}

.cfm-kv > .cell.w12[b-fh3t5ejov4] {
    grid-column: 1 / -1;
}

.cfm-kv .k[b-fh3t5ejov4] {
    font-size: var(--cx-size-meta);
    font-weight: 500;
    color: var(--cx-subtle);
    line-height: 1.35;
}

.cfm-kv .vl[b-fh3t5ejov4] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
    min-width: 0;
}

.cfm-kv .v[b-fh3t5ejov4] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--cx-text);
    line-height: 1.45;
    text-wrap: pretty;
    overflow-wrap: anywhere;
    min-width: 0;
}

.cfm-kv .v.mono[b-fh3t5ejov4] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-body);
}

.cfm-kv .v.empty[b-fh3t5ejov4] {
    color: var(--cx-subtle);
    font-weight: 500;
}

.cfm-kv .s[b-fh3t5ejov4] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    line-height: 1.45;
    margin-top: 3px;
    text-wrap: pretty;
}

/* The clerk message reads as the filer's own words — quoted, not tabulated. */
.cfm-kv .q[b-fh3t5ejov4] {
    font-size: var(--cx-size-body);
    font-weight: 500;
    color: var(--cx-text);
    line-height: 1.5;
    margin-top: 4px;
    padding-left: 11px;
    border-left: 2px solid var(--cx-border);
    text-wrap: pretty;
    max-width: 640px;
}

@container cfmstep (max-width: 560px) {
    .cfm-kv[b-fh3t5ejov4] {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 14px;
    }

    .cfm-kv > .cell.w8[b-fh3t5ejov4],
    .cfm-kv > .cell.w12[b-fh3t5ejov4] {
        grid-column: auto;
    }
}

/* Copy is the page's whole reason for existing, so it's cheap and quiet:
   hidden until the row is hovered or the button focused, always visible in
   the header, at rest on touch. */
.cfm-cp[b-fh3t5ejov4] {
    width: 22px;
    height: 22px;
    border-radius: 5px;
    border: none;
    background: none;
    padding: 0;
    color: var(--cx-subtle);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    transition: opacity .12s, background .1s, color .1s;
}

.cfm-cp:hover[b-fh3t5ejov4] {
    background: var(--cx-bg-deep);
    color: var(--cx-text);
}

.cfm-cp .ok[b-fh3t5ejov4] {
    color: var(--cx-green);
}

.cfm-kv .cell .cfm-cp[b-fh3t5ejov4] {
    opacity: 0;
}

.cfm-kv .cell:hover .cfm-cp[b-fh3t5ejov4],
.cfm-kv .cell .cfm-cp:focus-visible[b-fh3t5ejov4] {
    opacity: 1;
}

@media (hover: none) {
    .cfm-kv .cell .cfm-cp[b-fh3t5ejov4] {
        opacity: .55;
    }
}

/* ── documents — filed or not filed, per document, unmistakably ─────────── */

.cfm-doc[b-fh3t5ejov4] {
    margin: 0 -24px;
    padding: 9px 24px 10px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-bottom: 1px solid var(--cx-border-soft);
    transition: background .1s;
}

.cfm-doc.ind[b-fh3t5ejov4] {
    padding-left: 46px;
}

.cfm-doc.last[b-fh3t5ejov4] {
    border-bottom: none;
}

.cfm-doc:not(.bad):hover[b-fh3t5ejov4] {
    background: var(--cx-row-hover);
}

/* The court's refusal is a band, not a hint: tinted, edged, and carrying the
   court's own words. */
.cfm-doc.bad[b-fh3t5ejov4] {
    background: var(--cx-red-soft);
    border-top: 1px solid var(--cx-red-border);
    border-bottom: 1px solid var(--cx-red-border);
}

.cfm-doc .glyph[b-fh3t5ejov4] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    flex-shrink: 0;
    margin-top: 1px;
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    color: var(--cx-subtle);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cfm-doc.bad .glyph[b-fh3t5ejov4] {
    background: var(--cx-panel);
    border-color: var(--cx-red-border);
    color: var(--cx-red);
}

.cfm-doc .body[b-fh3t5ejov4] {
    flex: 1;
    min-width: 0;
}

.cfm-doc .titleline[b-fh3t5ejov4] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.cfm-doc .titleline .t[b-fh3t5ejov4] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--cx-text);
    line-height: 1.35;
}

.cfm-doc .type[b-fh3t5ejov4] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 2px;
}

.cfm-tag[b-fh3t5ejov4] {
    font-size: var(--cx-size-cap);
    font-weight: 600;
    letter-spacing: .03em;
    color: var(--cx-muted);
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    border-radius: 3px;
    padding: 1.5px 5px;
    white-space: nowrap;
}

.cfm-tag.lead[b-fh3t5ejov4] {
    color: var(--cx-pri-text);
    background: var(--cx-pri-soft);
    border-color: var(--cx-pri-border);
}

.cfm-doc .files[b-fh3t5ejov4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    margin-top: 8px;
    min-width: 0;
}

.cfm-doc .files .size[b-fh3t5ejov4] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
}

.cfm-doc .reason[b-fh3t5ejov4] {
    display: flex;
    gap: 9px;
    margin-top: 9px;
    padding-top: 9px;
    border-top: 1px solid var(--cx-red-border);
}

.cfm-doc .reason .rail[b-fh3t5ejov4] {
    width: 2px;
    border-radius: 2px;
    background: var(--cx-red);
    flex-shrink: 0;
}

.cfm-doc .reason .bd[b-fh3t5ejov4] {
    min-width: 0;
}

.cfm-doc .reason .cap[b-fh3t5ejov4] {
    font-family: var(--cx-label-font);
    font-size: var(--cx-label-size);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: uppercase;
    color: var(--cx-red); /* toned caption: I2 sanctioned color variation */
}

.cfm-doc .reason .ms[b-fh3t5ejov4] {
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
    line-height: 1.5;
    margin-top: 3px;
    text-wrap: pretty;
    max-width: 720px;
}

.cfm-doc .reason .s[b-fh3t5ejov4] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 3px;
}

.cfm-doc .mark[b-fh3t5ejov4] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    font-size: var(--cx-size-meta);
}

.cfm-doc .mark.ok[b-fh3t5ejov4] {
    font-weight: 600;
    color: var(--cx-green);
}

.cfm-doc .mark.bad[b-fh3t5ejov4] {
    font-weight: 700;
    color: var(--cx-red);
}

/* ── fees — every charge line and a total, or an honest absence ─────────── */

.cfm-fee[b-fh3t5ejov4] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 5px 0;
}

.cfm-fee .nm[b-fh3t5ejov4] {
    flex: 1 1 auto;
    min-width: 0;
}

.cfm-fee .nm .t[b-fh3t5ejov4] {
    font-size: var(--cx-size-body);
    color: var(--cx-muted);
    text-wrap: pretty;
}

.cfm-fee .nm .s[b-fh3t5ejov4] {
    display: block;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 2px;
    text-wrap: pretty;
}

.cfm-fee .am[b-fh3t5ejov4],
.cfm-total .am[b-fh3t5ejov4] {
    width: 104px;
    flex-shrink: 0;
    text-align: right;
    /* ink I5, owner-ratified 2026-08-19: amounts in the content face, tabular digits */
    font-size: var(--cx-size-body);
    font-variant-numeric: tabular-nums;
    color: var(--cx-text);
}

.cfm-total[b-fh3t5ejov4] {
    margin: 13px -24px 0;
    padding: 12px 24px 0;
    border-top: 1px solid var(--cx-border);
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

.cfm-total .lbl[b-fh3t5ejov4] {
    flex: 1 1 auto;
    min-width: 0;
}

.cfm-total .lbl .t[b-fh3t5ejov4] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
}

.cfm-total .lbl .s[b-fh3t5ejov4] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-left: 8px;
}

.cfm-total .am[b-fh3t5ejov4] {
    font-size: var(--cx-size-body);
    font-weight: 600;
}

.cfm-feenote[b-fh3t5ejov4] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    line-height: 1.5;
    margin-top: 13px;
    text-wrap: pretty;
    max-width: 640px;
}

.cfm-notice[b-fh3t5ejov4] {
    max-width: 660px;
    padding: 11px 12px;
    background: var(--cx-blue-soft);
    border: 1px solid var(--cx-blue-border);
    border-radius: var(--cx-ctl-r);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.55;
    text-wrap: pretty;
}

.cfm-notice b[b-fh3t5ejov4] {
    color: var(--cx-text);
    font-weight: 600;
}

/* ── what happens next ──────────────────────────────────────────────────── */

.cfm-next[b-fh3t5ejov4] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    max-width: 760px;
}

.cfm-next .it[b-fh3t5ejov4] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.cfm-next .n[b-fh3t5ejov4] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    border-radius: 4px;
    width: 19px;
    height: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.cfm-next .tx[b-fh3t5ejov4] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.55;
    text-wrap: pretty;
}

/* ── actions ────────────────────────────────────────────────────────────── */

.cfm-actions[b-fh3t5ejov4] {
    margin: 20px -24px -24px;
    padding: 16px 24px 20px;
    border-top: 1px solid var(--cx-border);
}

.cfm-actions .btns[b-fh3t5ejov4] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cfm-actions .note[b-fh3t5ejov4] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 12px;
    text-wrap: pretty;
    max-width: 660px;
}

@container cfmstep (max-width: 560px) {
    .cfm-actions .btns[b-fh3t5ejov4] {
        flex-direction: column;
    }

    .cfm-actions .btns[b-fh3t5ejov4]  .btn {
        width: 100%;
        justify-content: center;
    }
}

/* ── loading skeletons ──────────────────────────────────────────────────── */

.cfm-skel-kv[b-fh3t5ejov4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
    column-gap: 26px;
    row-gap: 17px;
}

.cfm-skel-kv .cell[b-fh3t5ejov4] {
    min-width: 0;
}

.cfm-skel-kv .k[b-fh3t5ejov4],
.cfm-skel-kv .v[b-fh3t5ejov4],
.cfm-skel-list .bar[b-fh3t5ejov4],
.cfm-skel-list .sq[b-fh3t5ejov4],
.cfm-skel-fees .bar[b-fh3t5ejov4] {
    display: block;
    height: 10px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--cx-bg-deep) 25%, var(--cx-panel-alt) 37%, var(--cx-bg-deep) 63%);
    background-size: 400% 100%;
    animation: cfm-shimmer-b-fh3t5ejov4 1.4s ease infinite;
}

.cfm-skel-kv .k[b-fh3t5ejov4] {
    width: 68px;
    height: 9px;
    margin-bottom: 7px;
}

.cfm-skel-kv .v[b-fh3t5ejov4] {
    height: 12px;
}

.cfm-skel-list .ln[b-fh3t5ejov4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
}

.cfm-skel-list .sq[b-fh3t5ejov4] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    flex-shrink: 0;
}

.cfm-skel-list .bar[b-fh3t5ejov4] {
    height: 11px;
    max-width: 100%;
}

.cfm-skel-fees .ln[b-fh3t5ejov4] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 7px 0;
}

.cfm-skel-fees .sp[b-fh3t5ejov4] {
    flex: 1;
}

.cfm-skel-fees .bar[b-fh3t5ejov4] {
    max-width: 60%;
}

.cfm-skel-fees .bar.amt[b-fh3t5ejov4] {
    width: 62px;
    flex-shrink: 0;
}

@keyframes cfm-shimmer-b-fh3t5ejov4 {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}
/* /Components/EFiling/CourtEventDisplay.razor.rz.scp.css */
/* Timeline entry (round #65 v3 — fdx-record FdTimeline). The dot rides the
   rail drawn by the parent's .timeline-container (rail center x = 14.5px,
   this row sits inside 32px padding, so the 9px dot starts at -22px).
   Tokens: --fd-* inherit from .fd-page; --cx-* fallbacks keep the row sane
   if it ever renders outside the filing-detail shell. */

.event-item[b-oezuoz9wfx] {
    position: relative;
    margin-bottom: 16px;
}

.event-item:last-child[b-oezuoz9wfx] {
    margin-bottom: 0;
}

/* Neutral moment: hollow dot — panel fill, faint ring (decoration only). */
.event-item[b-oezuoz9wfx]::before {
    content: '';
    position: absolute;
    left: -22px;
    top: 5px;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--fd-panel, var(--cx-panel));
    border: 1.5px solid var(--fd-faint, var(--cx-faint));
    box-sizing: border-box;
    box-shadow: 0 0 0 3px var(--fd-panel, var(--cx-panel));
    z-index: 1;
}

/* Toned moment: solid tone dot, no ring. */
.event-item.tone-green[b-oezuoz9wfx]::before {
    background: var(--fd-green, #15803d);
    border: none;
}

.event-header[b-oezuoz9wfx] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.event-title[b-oezuoz9wfx] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--fd-ink, var(--cx-text));
    letter-spacing: -.005em;
}

.event-stamp[b-oezuoz9wfx] {
    margin-left: auto;
    font-family: var(--fd-mono, "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
    font-variant-numeric: tabular-nums;
    font-size: var(--cx-size-cap);
    color: var(--fd-muted, var(--cx-muted));
    white-space: nowrap;
}

.event-note[b-oezuoz9wfx] {
    margin-top: 4px;
    font-size: var(--cx-size-cap);
    color: var(--fd-muted, var(--cx-muted));
    line-height: 1.55;
    max-width: 70ch;
    text-wrap: pretty;
}
/* /Components/EFiling/CourtInformation.razor.rz.scp.css */
.content-card[b-4i1a9ov98a] {
    padding: 1rem;
}
/* /Components/EFiling/Display/DocumentMetadataDisplay.razor.rz.scp.css */
.metadata-items[b-r4vakr7p5c] {
	border-top: 1px solid #f3f4f6;
}

.detail-grid[b-r4vakr7p5c] {
	padding: 1rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}

.detail-title[b-r4vakr7p5c] {
	font-weight: bold;
	/*
	font-size: 0.875rem;
	font-weight: 500;
	color: rgba(107, 114, 128, 1);
    */
}

.metadata-item-content[b-r4vakr7p5c] {
	display: flex;
	align-items: flex-start;
}

.metadata-item[b-r4vakr7p5c] {
	padding: 1.25rem 1.5rem;
}



/* /Components/EFiling/DocumentMetadata/DebugDocumentMetadata.razor.rz.scp.css */
/* Container styles */
.tooltip-container[b-8uzvpm8k9f] {
    max-width: 24rem;
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e7eb;
    padding: 1rem;
}

.tooltip-content[b-8uzvpm8k9f] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Header styles */
.tooltip-header[b-8uzvpm8k9f] {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 0.5rem;
}

.header-text[b-8uzvpm8k9f] {
    font-weight: 600;
    color: #1f2937;
}

/* Grid layout */
.tooltip-grid[b-8uzvpm8k9f] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0.25rem;
    font-size: 0.875rem;
}

.label[b-8uzvpm8k9f] {
    color: #6b7280;
}

.value[b-8uzvpm8k9f] {
    color: #1f2937;
    grid-column: span 2;
}

/* For labels that need to be on the same row as values */
.tooltip-grid .label + .value[b-8uzvpm8k9f] {
    grid-column: 2 / span 2;
}

/* Badge styles */
.badge[b-8uzvpm8k9f] {
    padding: 0 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    display: inline-block;
    line-height: 1.5;
}

.badge-gray[b-8uzvpm8k9f] {
    background-color: #f3f4f6;
    color: #4b5563;
}

.badge-blue[b-8uzvpm8k9f] {
    background-color: #dbeafe;
    color: #1d4ed8;
}

/* Footer styles */
.tooltip-footer[b-8uzvpm8k9f] {
    padding-top: 0.5rem;
    border-top: 1px solid #e5e7eb;
}

.footer-label[b-8uzvpm8k9f] {
    color: #6b7280;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

/* Tags styles */
.tags-container[b-8uzvpm8k9f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.tag[b-8uzvpm8k9f] {
    padding: 0.25rem 0.5rem;
    background-color: #f3f4f6;
    border-radius: 9999px;
    color: #4b5563;
    font-size: 0.75rem;
}

/* Utility class */
.break-words[b-8uzvpm8k9f] {
    word-break: break-word;
}
/* /Components/EFiling/eServe/AddServiceContacts.razor.rz.scp.css */
/* ── Wizard Serve Information step — one row anatomy for four provenances, a
   serve switch that owns its own named column, an inline add/edit form under the
   list, and the served-on-behalf-of multi-select. cx tokens only. The host card
   (.wz-stepcard.converted) provides 24px padding; full-bleed elements pull -24px
   against it. ── */

.wzs[b-ub91x5kdcw] {
    position: relative;
    container: wzsstep / inline-size;
    font-size: var(--cx-size-body);
    color: var(--cx-text);
}

/* ── card header band ── */
.wzs-head[b-ub91x5kdcw] {
    margin: -24px -24px 0;
    padding: 13px 24px;
    border-bottom: 1px solid var(--cx-border-soft);
}

.wzs-headline[b-ub91x5kdcw] {
    display: flex;
    align-items: baseline;
    gap: 9px;
    flex-wrap: wrap;
}

.wzs-title[b-ub91x5kdcw] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
}

.wzs-count[b-ub91x5kdcw] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
}

.wzs-sub[b-ub91x5kdcw] {
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    margin-top: 2px;
    text-wrap: pretty;
}

.wzs-errpill[b-ub91x5kdcw] {
    display: inline-flex;
    align-items: center;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-red);
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    border-radius: 4px;
    padding: 1px 6px;
    white-space: nowrap;
}

/* ── section band heads — micro-cap + count + aside ── */
.wzs-band[b-ub91x5kdcw] {
    margin: 0 -24px;
    padding: 16px 24px 11px;
    border-top: 1px solid var(--cx-border);
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.wzs-head + .wzs-band[b-ub91x5kdcw] {
    border-top: none;
    margin-top: 0;
    padding-top: 16px;
}

.wzs-band .ic[b-ub91x5kdcw] {
    display: inline-flex;
    color: var(--cx-slate);
}

.wzs-band h3[b-ub91x5kdcw] {
    margin: 0;
    font-family: var(--cx-title-font);
    font-size: var(--cx-title-size);
    font-weight: var(--cx-title-weight);
    letter-spacing: var(--cx-title-track);
    text-transform: uppercase;
    color: var(--cx-title-color); /* I10 section-title voice — owner-ruled, design-ratified */
}

.wzs-band .cnt[b-ub91x5kdcw] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
}

.wzs-band .sp[b-ub91x5kdcw] {
    flex: 1;
    min-width: 16px;
}

.wzs-band.has-err .ic[b-ub91x5kdcw],
.wzs-band.has-err h3[b-ub91x5kdcw] {
    color: var(--cx-red);
}

.wzs-aside[b-ub91x5kdcw] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

@container wzsstep (max-width: 560px) {
    .wzs-aside[b-ub91x5kdcw] {
        display: none;
    }
}

/* ── wrapped CSS-only tooltip — the marks' explanations are sentences, so the
   global nowrap .cx-tip doesn't fit; shows on hover and keyboard focus ── */
.wzs-tipwrap[b-ub91x5kdcw] {
    position: relative;
    outline: none;
}

.wzs-tipwrap[b-ub91x5kdcw]::after {
    content: attr(data-tip);
    position: absolute;
    left: 0;
    bottom: calc(100% + 7px);
    width: 250px;
    background: var(--cx-text, #1c1917);
    color: #fff;
    font-size: var(--cx-size-meta);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    text-transform: none;
    padding: 8px 11px;
    border-radius: 9px;
    box-shadow: var(--cx-shadow-pop);
    white-space: normal;
    text-wrap: pretty;
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s;
    z-index: 80;
}

.wzs-tipwrap:hover[b-ub91x5kdcw]::after,
.wzs-tipwrap:focus-visible[b-ub91x5kdcw]::after {
    opacity: 1;
}

/* right-rim variant: grows leftward so it never clips at the card edge */
.acts .wzs-tipwrap[b-ub91x5kdcw]::after {
    left: auto;
    right: 0;
}

/* ── column header — "Serve" + info tip + bulk link ── */
.wzs-colhead[b-ub91x5kdcw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px 66px;
    column-gap: 12px;
    align-items: center;
    margin: 0 -24px;
    padding: 0 24px 7px;
}

.wzs-colhead .cap[b-ub91x5kdcw] {
    font-family: var(--cx-label-font);
    font-size: var(--cx-label-size);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: uppercase;
    color: var(--cx-label-color);
}

.wzs-colhead .cap.serve[b-ub91x5kdcw] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.wzs-colhead .cap.serve .wzs-tipwrap[b-ub91x5kdcw] {
    display: inline-flex;
    color: var(--cx-faint);
    cursor: help;
}

.wzs-colhead .bulkcell[b-ub91x5kdcw] {
    text-align: right;
}

.wzs-bulk[b-ub91x5kdcw] {
    border: none;
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-subtle);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    white-space: nowrap;
    transition: color .1s;
}

.wzs-bulk:hover[b-ub91x5kdcw] {
    color: var(--cx-text);
}

@container wzsstep (max-width: 560px) {
    .wzs-colhead[b-ub91x5kdcw] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .wzs-colhead .cap.serve[b-ub91x5kdcw] {
        display: none;
    }
}

/* ── rows — identity · switch · actions ── */
.wzs-row[b-ub91x5kdcw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px 66px;
    column-gap: 12px;
    align-items: center;
    margin: 0 -24px;
    padding: 9px 24px;
    border-top: 1px solid var(--cx-border-soft);
    transition: background .1s;
}

.wzs-row:hover[b-ub91x5kdcw] {
    background: var(--cx-panel-alt);
}

.wzs-row .main[b-ub91x5kdcw] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    min-width: 0;
}

.wzs-row .tile[b-ub91x5kdcw] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    flex-shrink: 0;
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cx-subtle);
}

.wzs-row .body[b-ub91x5kdcw] {
    flex: 1;
    min-width: 0;
}

.wzs-row .nameline[b-ub91x5kdcw] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.wzs-row .name[b-ub91x5kdcw] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--cx-text);
    text-wrap: pretty;
}

.wzs-row .name.faint[b-ub91x5kdcw] {
    color: var(--cx-subtle); /* read text: ink I3 floor */
}

/* provenance mark — I11: inline on a row it drops its box, not its height.
   The inline qualifier: sentence case, meta, muted; icon + tooltip stay. */
.wzs-mark[b-ub91x5kdcw] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 18px;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    white-space: nowrap;
    cursor: help;
    transition: color .12s;
}

.wzs-mark:hover[b-ub91x5kdcw],
.wzs-mark:focus-visible[b-ub91x5kdcw] {
    color: var(--cx-text);
}

.wzs-row .emailline[b-ub91x5kdcw] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 2px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wzs-row .emailline.noemail[b-ub91x5kdcw] {
    color: var(--cx-subtle); /* "No email" is a fact the filer reads */
}

/* ── the switch — 38×22, real switch role, disabled without an email ── */
.wzs-sw[b-ub91x5kdcw] {
    width: 38px;
    height: 22px;
    flex-shrink: 0;
    border-radius: 999px;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    border: 1.5px solid var(--cx-input-border);
    background: var(--cx-panel);
    box-shadow: var(--cx-input-edge);
    cursor: pointer;
    transition: background .12s, border-color .12s;
}

.wzs-sw .knob[b-ub91x5kdcw] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    border-radius: 999px;
    background: var(--cx-input-border);
    transition: left .13s ease, background .12s;
}

.wzs-sw.on[b-ub91x5kdcw] {
    border-color: var(--cx-pri);
    background: var(--cx-pri);
}

.wzs-sw.on .knob[b-ub91x5kdcw] {
    left: 17px;
    background: #fff;
}

.wzs-sw:hover:not([aria-disabled="true"])[b-ub91x5kdcw] {
    border-color: var(--cx-pri);
}

.wzs-sw:focus-visible[b-ub91x5kdcw] {
    outline: none;
    box-shadow: 0 0 0 var(--cx-ring-w) var(--cx-pri-ring);
}

.wzs-sw[aria-disabled="true"][b-ub91x5kdcw] {
    cursor: not-allowed;
    opacity: .55;
}

.wzs-row .swcell[b-ub91x5kdcw] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.wzs-row .swtext[b-ub91x5kdcw] {
    display: none;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-muted);
}

.wzs-row .swtext.on[b-ub91x5kdcw] {
    color: var(--cx-text);
}

/* hover-reveal actions; locked rows show the lock affordance instead */
.wzs-row .acts[b-ub91x5kdcw] {
    display: flex;
    gap: 3px;
    justify-content: flex-end;
    opacity: .75;
    transition: opacity .12s;
}

.wzs-row:hover .acts[b-ub91x5kdcw] {
    opacity: 1;
}

.wzs-row .act[b-ub91x5kdcw] {
    width: 27px;
    height: 27px;
    border-radius: 6px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--cx-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    transition: background .1s, color .1s;
}

.wzs-row .act:hover[b-ub91x5kdcw] {
    background: var(--cx-bg-deep);
    color: var(--cx-text);
}

.wzs-row .act.del:hover[b-ub91x5kdcw] {
    background: var(--cx-red-soft);
    color: var(--cx-red);
}

.wzs-row .act.lock[b-ub91x5kdcw] {
    cursor: help;
    color: var(--cx-faint);
}

.wzs-row .act.lock:hover[b-ub91x5kdcw] {
    background: transparent;
    color: var(--cx-faint);
}

/* phone width: identity + actions on the first line, the switch with its own
   words underneath — a 44px touch row */
@container wzsstep (max-width: 560px) {
    .wzs-row[b-ub91x5kdcw] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "main acts"
            "sw sw";
        padding: 11px 24px;
        row-gap: 2px;
    }

    .wzs-row .main[b-ub91x5kdcw] {
        grid-area: main;
    }

    .wzs-row .acts[b-ub91x5kdcw] {
        grid-area: acts;
        align-self: flex-start;
    }

    .wzs-row .swcell[b-ub91x5kdcw] {
        grid-area: sw;
        min-height: 44px;
    }

    .wzs-row .swtext[b-ub91x5kdcw] {
        display: inline;
    }
}

/* below-list message */
.wzs-listmsg[b-ub91x5kdcw] {
    margin: 0 -24px;
    padding: 9px 24px 0;
}

/* ── empty state — same family as Documents ── */
.wzs-empty[b-ub91x5kdcw] {
    padding: 32px 0 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.wzs-empty .glyph[b-ub91x5kdcw] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cx-faint);
}

.wzs-empty .copy[b-ub91x5kdcw] {
    font-size: var(--cx-size-body);
    color: var(--cx-muted);
    text-align: center;
    line-height: 1.55;
    max-width: 420px;
    text-wrap: pretty;
}

.wzs-empty .copy strong[b-ub91x5kdcw] {
    color: var(--cx-text);
}

.wzs-empty .copy strong.bad[b-ub91x5kdcw] {
    color: var(--cx-red);
}

/* below-field / revealed error text + quiet hints */
.wzs-ferr[b-ub91x5kdcw] {
    font-size: var(--cx-size-meta);
    color: var(--cx-red);
    margin-top: 4px;
    line-height: 1.45;
    text-wrap: pretty;
}

.wzs-ferr.center[b-ub91x5kdcw] {
    text-align: center;
    max-width: 430px;
}

.wzs-hint[b-ub91x5kdcw] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 4px;
    line-height: 1.45;
    text-wrap: pretty;
}

/* ── missing court-required contacts — full-bleed red band with restore ── */
.wzs-reqband[b-ub91x5kdcw] {
    margin: 12px -24px 0;
    padding: 12px 24px 13px;
    border-top: 1px solid var(--cx-red-border);
    border-bottom: 1px solid var(--cx-red-border);
    background: var(--cx-red-soft);
    display: flex;
    gap: 9px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.wzs-reqband .alert[b-ub91x5kdcw] {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--cx-red);
}

.wzs-reqband .bd[b-ub91x5kdcw] {
    flex: 1 1 320px;
    min-width: 0;
}

.wzs-reqband .tt[b-ub91x5kdcw] {
    font-size: var(--cx-size-meta);
    font-weight: 700;
    color: var(--cx-red);
}

.wzs-reqband .who[b-ub91x5kdcw] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.5;
    margin-top: 3px;
    text-wrap: pretty;
}

.wzs-reqband .who b[b-ub91x5kdcw] {
    color: var(--cx-text);
}

.wzs-reqband .who .em[b-ub91x5kdcw] {
    color: var(--cx-subtle);
}

.wzs-restore[b-ub91x5kdcw] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 28px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid var(--cx-border);
    background: var(--cx-panel);
    font-family: inherit;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-text);
    cursor: pointer;
    flex-shrink: 0;
    transition: background .1s, border-color .12s;
}

.wzs-restore:hover[b-ub91x5kdcw] {
    background: var(--cx-pri-soft);
    border-color: var(--cx-pri-border);
}

/* ── inline add/edit form — full-bleed strip under the list ── */
.wzs-editor[b-ub91x5kdcw] {
    margin: 14px -24px 0;
    padding: 18px 24px 20px;
    border-top: 1px solid var(--cx-border);
    border-bottom: 1px solid var(--cx-border);
    background: var(--cx-panel-alt);
}

.wzs-editor .ed-head[b-ub91x5kdcw] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.wzs-editor .ed-head .t[b-ub91x5kdcw] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
}

.wzs-editor .ed-head .s[b-ub91x5kdcw] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    text-wrap: pretty;
    flex: 1 1 180px;
    min-width: 0;
}

.wzs-editor .ed-grid[b-ub91x5kdcw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.wzs-editor .ed-grid .wzs-field.org[b-ub91x5kdcw] {
    grid-column: span 2;
}

@container wzsstep (max-width: 640px) {
    .wzs-editor .ed-grid[b-ub91x5kdcw] {
        grid-template-columns: 1fr;
    }

    .wzs-editor .ed-grid .wzs-field.org[b-ub91x5kdcw] {
        grid-column: auto;
    }
}

.wzs-field[b-ub91x5kdcw] {
    min-width: 0;
}

.wzs-field.bad[b-ub91x5kdcw]  .form-input {
    border-color: var(--cx-red);
}

.wzs-editor .ed-note[b-ub91x5kdcw] {
    margin-top: 14px;
}

.wzs-editor .ed-actions[b-ub91x5kdcw] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* ── add action — dashed variant of the family affordance ── */
.wzs-addwrap[b-ub91x5kdcw] {
    margin-top: 14px;
}

.wzs-add[b-ub91x5kdcw] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    height: 30px;
    padding: 0 11px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
    transition: background .1s, border-color .12s, color .1s;
}

.wzs-add .glyph[b-ub91x5kdcw] {
    display: inline-flex;
    color: var(--cx-pri);
}

.wzs-add:hover[b-ub91x5kdcw] {
    background: var(--cx-pri-soft);
    color: var(--cx-pri-text);
}

.wzs-add.dashed[b-ub91x5kdcw] {
    height: 40px;
    justify-content: center;
    border: 1.5px dashed var(--cx-input-border);
}

.wzs-add.dashed:hover[b-ub91x5kdcw] {
    border-color: var(--cx-pri-border);
}

.wzs-add.wide[b-ub91x5kdcw] {
    width: 100%;
}

/* ── served on behalf of ── */
.wzs-behalf[b-ub91x5kdcw] {
    max-width: 520px;
}

.wzs-behalf.bad[b-ub91x5kdcw]  .form-input {
    border-color: var(--cx-red);
}

/* ── confirm modal copy (bands come from cx-modal-body/foot) ── */
.wzs-confirm-copy[b-ub91x5kdcw] {
    margin: 0;
    font-size: var(--cx-size-body);
    color: var(--cx-muted);
    line-height: 1.55;
    text-wrap: pretty;
}

.wzs-confirm-copy strong[b-ub91x5kdcw] {
    color: var(--cx-text);
}

/* ── skeleton ── */
.wzs-skel[b-ub91x5kdcw] {
    display: flex;
    flex-direction: column;
}

.wzs-skel-band[b-ub91x5kdcw] {
    margin: 0 -24px;
    padding: 13px 24px;
    background: var(--cx-panel-alt);
    border-bottom: 1px solid var(--cx-border);
}

.wzs-skel-row[b-ub91x5kdcw] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 -24px;
    padding: 12px 24px;
}

.wzs-skel-row.sep[b-ub91x5kdcw] {
    border-top: 1px solid var(--cx-border-soft);
}

.wzs-skel-col[b-ub91x5kdcw] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.wzs-skel-bar[b-ub91x5kdcw] {
    display: block;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--cx-bg-deep) 25%, var(--cx-border-soft) 50%, var(--cx-bg-deep) 75%);
    background-size: 200% 100%;
    animation: wzs-shimmer-b-ub91x5kdcw 1.3s linear infinite;
}

.wzs-skel-bar.cap[b-ub91x5kdcw] { height: 10px; width: 164px; }
.wzs-skel-bar.tile[b-ub91x5kdcw] { width: 26px; height: 26px; border-radius: 6px; flex-shrink: 0; }
.wzs-skel-bar.name[b-ub91x5kdcw] { height: 10px; }
.wzs-skel-bar.meta[b-ub91x5kdcw] { height: 9px; }
.wzs-skel-bar.sw[b-ub91x5kdcw] { width: 38px; height: 22px; border-radius: 999px; flex-shrink: 0; }

.wzs-skel-note[b-ub91x5kdcw] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 20px;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
}

.wzs-spin[b-ub91x5kdcw] {
    color: var(--cx-subtle);
    animation: wzs-spin-b-ub91x5kdcw .9s linear infinite;
    flex-shrink: 0;
}

@keyframes wzs-spin-b-ub91x5kdcw {
    to { transform: rotate(360deg); }
}

@keyframes wzs-shimmer-b-ub91x5kdcw {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

/* Contact-list pager — the list is rendered ten at a time; counts and selection
   remain whole-list (see PagedContacts). */
/* ── list search + pager ──────────────────────────────────────────────────
   Deliberately identical to the parties step (.wzp-search / .wzp-pager): the two
   steps sit inside the same wizard card and a filer meets both in one sitting, so
   a second dialect of the same control would read as a different application.
   Style isolation is why these are copies rather than shared class names. */
.wzs-search[b-ub91x5kdcw] {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    width: 236px;
    max-width: 100%;
    padding: 0 9px;
    border-radius: var(--cx-ctl-r);
    border: var(--cx-input-bw) solid var(--cx-input-border);
    background: var(--cx-panel);
    box-shadow: var(--cx-input-edge);
    color: var(--cx-subtle);
}

.wzs-search:focus-within[b-ub91x5kdcw] {
    border-color: var(--cx-pri);
    box-shadow: 0 0 0 var(--cx-ring-w) var(--cx-pri-ring);
}

.wzs-search input[b-ub91x5kdcw] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: none;
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
}

.wzs-search input[b-ub91x5kdcw]::placeholder {
    color: var(--cx-placeholder);
}

.wzs-search button[b-ub91x5kdcw] {
    border: none;
    background: none;
    padding: 0;
    color: var(--cx-faint);
    display: inline-flex;
    cursor: pointer;
}

.wzs-search button:hover[b-ub91x5kdcw] {
    color: var(--cx-text);
}

.wzs-pager[b-ub91x5kdcw] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 -24px;
    padding: 9px 24px;
    border-top: 1px solid var(--cx-border-soft);
}

.wzs-pager .range[b-ub91x5kdcw] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
}

.wzs-pager .sp[b-ub91x5kdcw] {
    flex: 1;
}

.wzs-pager .pos[b-ub91x5kdcw] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
}

.wzs-pager .pg[b-ub91x5kdcw] {
    height: 26px;
    min-width: 26px;
    padding: 0 6px;
    border-radius: 6px;
    border: 1px solid var(--cx-border);
    background: var(--cx-panel);
    color: var(--cx-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .1s, color .1s;
}

.wzs-pager .pg:hover:not(:disabled)[b-ub91x5kdcw] {
    background: var(--cx-bg-deep);
    color: var(--cx-text);
}

.wzs-pager .pg:disabled[b-ub91x5kdcw] {
    color: var(--cx-faint);
    cursor: default;
}

.wzs-nomatch[b-ub91x5kdcw] {
    margin: 0 -24px;
    padding: 18px 24px;
    border-top: 1px solid var(--cx-border-soft);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
}

.wzs-nomatch b[b-ub91x5kdcw] {
    color: var(--cx-text);
}

.wzs-link[b-ub91x5kdcw] {
    border: none;
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-pri-text);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    transition: color .1s;
}

.wzs-link:hover[b-ub91x5kdcw] {
    color: var(--cx-pri);
}
/* /Components/EFiling/FilingPage.razor.rz.scp.css */
/* Wizard shell frame — shared anatomy with SubsequentFilingPage.razor.css.
   Left-anchored app frame (cx system), page cap 1840. The wrap is a named size
   container (wzpage): the summary rail keys off CONTENT width, not the viewport. */

.wz-page[b-dcxth8pk6p] {
    padding: 24px 24px 64px;
    min-height: calc(100vh - var(--app-header-height, 56px));
    background: var(--cx-bg, #f9fafb);
    font-family: var(--cx-font, inherit);
    box-sizing: border-box;
}

.wz-wrap[b-dcxth8pk6p] {
    width: 100%;
    max-width: 1840px;
    container: wzpage / inline-size;
}

.wz-strip-slot[b-dcxth8pk6p] {
    margin-bottom: 16px;
}

/* Form column always minmax(0,1fr); the rail column only exists when the rail
   fits — no reserved gaps at any width. */
.wz-grid[b-dcxth8pk6p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.wz-main[b-dcxth8pk6p] {
    min-width: 0;
}

/* ── Form-first rail threshold (constants: WizardLayout, WizardTypes.cs) ──
   RAIL shows when contentWidth ≥ FORM_GOOD_MIN + GRID_GAP + RAIL_MIN
     FORM_GOOD_MIN = 768px  (the 2/3-col field grid's comfortable minimum)
     GRID_GAP      = 16px   (.wz-grid gap)
     RAIL_MIN      = 296px  (rail column fixed width)
   → 768 + 16 + 296 = 1080px. Below it the rail is GONE — no below-the-form
   fallback; the footer's Summary button (.wz-sumbtn) opens WizardDrawer
   instead. Twin literal in SubsequentFilingPage.razor.css — keep in sync. */
.wz-rail[b-dcxth8pk6p] {
    min-width: 0;
    display: none;
}

/* Footer Summary trigger — drawer mode only (narrow content and mobile). Base
   rule must precede the container override so the override wins in cascade. */
.wz-sumbtn[b-dcxth8pk6p] {
    position: relative;
    display: inline-flex;
}

.wz-sumdot[b-dcxth8pk6p] {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--cx-pri);
    border: 2px solid var(--cx-panel, #fff);
    box-sizing: content-box;
    pointer-events: none;
}

@container wzpage (min-width: 1080px) {
    .wz-grid.with-rail[b-dcxth8pk6p] {
        grid-template-columns: minmax(0, 1fr) 296px;
    }

    .wz-grid.with-rail .wz-rail[b-dcxth8pk6p] {
        display: block;
        position: sticky;
        top: 14px;
    }

    .wz-sumbtn[b-dcxth8pk6p] {
        display: none;
    }
}

/* The step card — hosts the legacy step internals unchanged, so it keeps their
   expected column flow (flex column, 1rem gap, 2rem padding). */
.wz-stepcard[b-dcxth8pk6p] {
    background: var(--cx-panel, #fff);
    border: 1px solid var(--cx-border);
    border-radius: 10px;
    box-shadow: var(--cx-shadow-card);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Steps converted to the register contract own their card interior (24px pad,
   full-bleed header/hairlines/footer against it — the step sets --wzf-pad: 24px). */
.wz-stepcard.converted[b-dcxth8pk6p] {
    display: block;
    padding: 24px;
}

@media (max-width: 640px) {
    .wz-page[b-dcxth8pk6p] {
        padding: 16px 15px 52px;
    }

    .wz-stepcard[b-dcxth8pk6p] {
        padding: 1.25rem;
    }

    .wz-stepcard.converted[b-dcxth8pk6p] {
        padding: 24px;
    }
}
/* /Components/EFiling/NewOrder.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────────────────
   New Order / E-File Now — redesigned (no-neworder design translation).
   Tokens-only palette: everything resolves through --cx-* (with fallbacks).
   ───────────────────────────────────────────────────────────────────────── */

.no-page[b-5juqcll775] {
    padding: 22px 28px 32px;
    min-height: calc(100vh - var(--app-header-height, 56px));
    background: var(--cx-bg, #f9fafb);
    font-family: var(--cx-font, inherit);
    box-sizing: border-box;
}

/* shared app-page frame (matches .fs-wrap): left-anchored, never centered — the
   intro starts at the same gutter as Filing Status; the form content caps itself.
   The 1560 cap bounds the form + rail composition; being left-anchored it never
   re-centers the page. */
.no-wrap[b-5juqcll775] {
    width: 100%;
    max-width: 1560px;
}

/* The three width regimes (grid + rail/queue/inline-recents containers) live in
   NewOrderShortcuts.razor.css — the shortcuts component owns the page grid and the
   form renders inside it as ChildContent (keeping this file's scope). Only the
   page wrap's ≥1800 opening stays here, because .no-wrap is this page's markup. */
@media (min-width: 1800px) {
    .no-wrap[b-5juqcll775] {
        max-width: 1720px;
    }
}

.mono[b-5juqcll775] {
    font-family: var(--cx-mono, ui-monospace, monospace);
    font-size: 0.92em;
}

/* ── filing-type cards — native radios wearing card clothes ── */

.no-typecards[b-5juqcll775] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 16px;
}

.no-typecard[b-5juqcll775] {
    position: relative;
    display: flex;
    gap: 13px;
    align-items: flex-start;
    padding: 15px 16px;
    cursor: pointer;
    user-select: none;
    background: var(--cx-panel, #fff);
    border: 1px solid var(--cx-border, #e5e7eb);
    border-radius: 13px;
    box-shadow: var(--cx-shadow-card, 0 1px 2px rgba(28,25,23,.04));
    overflow: hidden;
    transition: border-color .14s, background .14s;
}

.no-typecard[b-5juqcll775]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: transparent;
    transition: background .14s;
}

.no-typecard.on[b-5juqcll775] {
    background: var(--cx-pri-soft, #fdf1e9);
    border-color: var(--cx-pri-border, #f9c5a6);
}

.no-typecard.on[b-5juqcll775]::before {
    background: var(--cx-pri, #ef6a26);
}

.no-typecard .sr-radio[b-5juqcll775] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.no-typecard:has(.sr-radio:focus-visible)[b-5juqcll775] {
    outline: 2px solid var(--cx-pri, #ef6a26);
    outline-offset: 2px;
}

.no-typecard .tile[b-5juqcll775] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--cx-panel-alt, #f9fafb);
    border: 1px solid var(--cx-border-soft, #f0efed);
    color: var(--cx-subtle);
    transition: color .14s, background .14s, border-color .14s;
}

.no-typecard.on .tile[b-5juqcll775] {
    background: var(--cx-panel, #fff);
    border-color: var(--cx-pri-border, #f9c5a6);
    color: var(--cx-pri, #ef6a26);
}

.no-typecard .tc[b-5juqcll775] {
    flex: 1;
    min-width: 0;
}

.no-typecard .tt[b-5juqcll775] {
    display: block;
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text, #1c1917);
    letter-spacing: -0.1px;
}

.no-typecard .td[b-5juqcll775] {
    display: block;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted, #57534e);
    line-height: 1.45;
    margin-top: 2px;
    text-wrap: pretty;
}

.no-typecard .rad[b-5juqcll775] {
    width: 19px;
    height: 19px;
    border-radius: 999px;
    flex-shrink: 0;
    margin-top: 2px;
    box-sizing: border-box;
    border: 1.5px solid var(--cx-border, #e5e7eb);
    background: #fff;
    transition: border .14s;
}

.no-typecard.on .rad[b-5juqcll775] {
    border: 5.5px solid var(--cx-pri, #ef6a26);
}

/* ── serve-only intent switch (Subsequent only) ── */

.no-serve[b-5juqcll775] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 11px 15px;
    margin: -4px 0 16px;
    background: var(--cx-panel, #fff);
    border: 1px solid var(--cx-border, #e5e7eb);
    border-radius: 12px;
    box-shadow: var(--cx-shadow-card, 0 1px 2px rgba(28,25,23,.04));
    transition: background .14s, border-color .14s;
}

.no-serve.on[b-5juqcll775] {
    background: var(--cx-pri-soft, #fdf1e9);
    border-color: var(--cx-pri-border, #f9c5a6);
}

.no-serve .sw[b-5juqcll775] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 34px;
    height: 20px;
    padding: 2px;
    margin-top: 1px;
    border: none;
    border-radius: 999px;
    background: var(--cx-border, #e5e7eb);
    cursor: pointer;
    flex-shrink: 0;
    box-sizing: border-box;
    transition: background .14s;
}

.no-serve.on .sw[b-5juqcll775] {
    background: var(--cx-pri, #ef6a26);
    justify-content: flex-end;
}

.no-serve .sw:focus-visible[b-5juqcll775] {
    outline: 2px solid var(--cx-pri, #ef6a26);
    outline-offset: 2px;
}

.no-serve .sw .knob[b-5juqcll775] {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}

.no-serve .txt[b-5juqcll775] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted, #57534e);
    line-height: 1.5;
    text-wrap: pretty;
}

.no-serve .txt b[b-5juqcll775] {
    font-weight: 700;
    color: var(--cx-text, #1c1917);
}

/* ── panel ── */

.no-panel-wrap[b-5juqcll775] {
    position: relative;
}

.no-panel[b-5juqcll775] {
    background: var(--cx-panel, #fff);
    border: 1px solid var(--cx-border, #e5e7eb);
    border-radius: 14px;
    box-shadow: var(--cx-shadow-card, 0 1px 2px rgba(28,25,23,.04));
    overflow: visible;
}

.no-court-block[b-5juqcll775] {
    padding: 18px 20px 0;
}

.no-flow[b-5juqcll775] {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── labels + hints ── */

.no-label[b-5juqcll775] {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text, #1c1917);
    margin-bottom: 7px;
}

.no-label .req[b-5juqcll775] {
    color: var(--cx-red, #dc2626);
    margin-left: 3px;
}

.no-hint[b-5juqcll775] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.5;
    margin-top: 6px;
    text-wrap: pretty;
}

.no-hint.amber[b-5juqcll775] {
    color: var(--cx-amber, #b45309);
}

/* ── court loading row ── */

.no-court-loading[b-5juqcll775] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--cx-border, #e5e7eb);
    border-radius: 9px;
    background: var(--cx-panel-alt, #f9fafb);
    font-size: var(--cx-size-body);
    color: var(--cx-subtle);
    box-sizing: border-box;
}

/* ── spinner ── */

.no-spin[b-5juqcll775] {
    width: 15px;
    height: 15px;
    border: 2px solid var(--cx-subtle);
    border-top-color: transparent;
    border-radius: 999px;
    display: inline-block;
    animation: no-spin-b-5juqcll775 .7s linear infinite;
    box-sizing: border-box;
    flex-shrink: 0;
}

.no-spin.lg[b-5juqcll775] {
    width: 26px;
    height: 26px;
    border-width: 2.5px;
    border-color: var(--cx-pri, #ef6a26);
    border-top-color: transparent;
}

@keyframes no-spin-b-5juqcll775 {
    to { transform: rotate(360deg); }
}

/* ── alerts (page-scoped NoAlert treatment) ── */

.no-alert[b-5juqcll775] {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    padding: 12px 14px;
    border: 1px solid transparent;
    border-radius: 10px;
}

.no-alert.info[b-5juqcll775]    { background: var(--cx-blue-soft, #eff4fe);  border-color: var(--cx-blue-border, #bfdbfe); }
.no-alert.warning[b-5juqcll775] { background: var(--cx-amber-soft, #f8f0e5); border-color: var(--cx-amber-border, #e8cdaa); }
.no-alert.error[b-5juqcll775]   { background: var(--cx-red-soft, #fcedec);   border-color: var(--cx-red-border, #f4c1be); }

.no-alert .ic[b-5juqcll775] {
    display: inline-flex;
    margin-top: 1px;
    flex-shrink: 0;
}

.no-alert.info .ic[b-5juqcll775],    .no-alert.info .t[b-5juqcll775]    { color: var(--cx-blue, #2563eb); }
.no-alert.warning .ic[b-5juqcll775], .no-alert.warning .t[b-5juqcll775] { color: var(--cx-amber, #b45309); }
.no-alert.error .ic[b-5juqcll775],   .no-alert.error .t[b-5juqcll775]   { color: var(--cx-red, #dc2626); }

.no-alert .bd[b-5juqcll775] {
    flex: 1;
    min-width: 0;
    font-size: var(--cx-size-body);
    line-height: 1.5;
    color: var(--cx-text, #1c1917);
}

.no-alert .t[b-5juqcll775] {
    font-weight: 600;
}

.no-alert .d[b-5juqcll775] {
    color: var(--cx-muted, #57534e);
}

.no-alert .act[b-5juqcll775] {
    margin-top: 9px;
}

/* ── find-the-case row ── */

.no-find-row[b-5juqcll775] {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    flex-wrap: wrap;
}

/* Segmented "Case number / Person / Organization" toggle (Orange County only). */
.no-modes[b-5juqcll775] {
    display: inline-flex;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid var(--cx-border, #e5e7eb);
    border-radius: 9px;
    overflow: hidden;
    background: var(--cx-panel, #fff);
    box-shadow: var(--cx-shadow-card, 0 1px 2px rgba(28,25,23,.04));
    flex-shrink: 0;
}

.no-modes button[b-5juqcll775] {
    margin: 0;
    padding: 0 13px;
    border: none;
    background: var(--cx-panel, #fff);
    cursor: pointer;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 500;
    color: var(--cx-muted, #57534e);
    white-space: nowrap;
    transition: background .12s, color .12s;
}

.no-modes button + button[b-5juqcll775] {
    border-left: 1px solid var(--cx-border-soft, #f0efed);
}

.no-modes button.active[b-5juqcll775] {
    font-weight: 600;
    background: var(--cx-pri-soft, #fdf1e9);
    color: var(--cx-pri-text, #c2410c);
}

.no-modes button:disabled[b-5juqcll775] {
    cursor: default;
    opacity: .6;
}

/* Input(s) + Search are one unit that never splits — if there's not enough room the
   whole group wraps below the toggle (the button never orphans onto its own line). */
.no-find-inputs[b-5juqcll775] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 9px;
    flex: 1 1 320px;
    min-width: min(300px, 100%);
    max-width: 640px;
}

.no-find-inputs[b-5juqcll775]  .form-field {
    flex: 1 1 0;
    min-width: 0;
}

.no-find-inputs[b-5juqcll775]  .no-search-btn {
    flex: 0 0 auto;
    height: 40px;
}

/* ── custom check (serve-only + UD checkbox) ── */

.no-check[b-5juqcll775] {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
    user-select: none;
    position: relative;
}

.no-check input[b-5juqcll775] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.no-check .box[b-5juqcll775] {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
    margin-top: 1px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1.5px solid var(--cx-border, #e5e7eb);
    border-radius: 4px;
    color: #fff;
    transition: background .12s, border-color .12s;
}

.no-check .box svg[b-5juqcll775] {
    opacity: 0;
    transition: opacity .12s;
}

.no-check.checked .box[b-5juqcll775] {
    background: var(--cx-pri, #ef6a26);
    border-color: var(--cx-pri, #ef6a26);
}

.no-check.checked .box svg[b-5juqcll775] {
    opacity: 1;
}

.no-check:has(input:focus-visible) .box[b-5juqcll775] {
    outline: 2px solid var(--cx-pri, #ef6a26);
    outline-offset: 2px;
}

.no-check:has(input:disabled)[b-5juqcll775] {
    cursor: default;
    opacity: .6;
}

.no-check .lbl[b-5juqcll775] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted, #57534e);
    line-height: 1.4;
}

.no-ud-row[b-5juqcll775] {
    margin-top: 11px;
}

.no-check.two-line[b-5juqcll775] {
    max-width: 520px;
}

.no-check.two-line .l1[b-5juqcll775] {
    display: block;
    font-size: var(--cx-size-body);
    color: var(--cx-text, #1c1917);
}

.no-check.two-line .l2[b-5juqcll775] {
    display: block;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.45;
    margin-top: 1px;
    text-wrap: pretty;
}

/* ── results area ── */

.no-results[b-5juqcll775] {
    border-top: 1px solid var(--cx-border-soft, #f0efed);
    min-height: 150px;
}

.no-results-list[b-5juqcll775] {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.no-count[b-5juqcll775] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--cx-faint, #c9c5c2);
}

/* ── result card ── */

.no-case[b-5juqcll775] {
    border: 1px solid var(--cx-border, #e5e7eb);
    border-radius: 11px;
    background: var(--cx-panel, #fff);
    padding: 13px 15px;
    transition: border-color .13s, box-shadow .13s;
}

.no-case:hover[b-5juqcll775] {
    border-color: var(--cx-pri-border, #f9c5a6);
    box-shadow: var(--cx-shadow-raise, 0 4px 16px rgba(28,25,23,.08));
}

/* Inline-actions anatomy (round 4): title/meta block left, actions inline right;
   both wrap onto their own row on narrow cards. No footer row, no hairline. */
.no-case-row[b-5juqcll775] {
    display: flex;
    gap: 10px 14px;
    align-items: center;
    flex-wrap: wrap;
}

.no-case-main[b-5juqcll775] {
    flex: 1 1 300px;
    min-width: 0;
}

.no-case-titlerow[b-5juqcll775] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.no-case-title[b-5juqcll775] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--cx-text, #1c1917);
    line-height: 1.35;
}

.no-case-meta[b-5juqcll775] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-top: 5px;
}

.no-case-meta .item[b-5juqcll775] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--cx-size-cap);
}

.no-case-meta .k[b-5juqcll775] {
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    font-size: var(--cx-size-cap);
    color: var(--cx-faint, #c9c5c2);
}

.no-case-meta .v[b-5juqcll775] {
    color: var(--cx-muted, #57534e);
    font-size: var(--cx-size-cap);
}

.no-case-meta .v.mono[b-5juqcll775] {
    font-family: var(--cx-mono, ui-monospace, monospace);
    font-size: var(--cx-size-cap);
}

.no-case-meta .sep[b-5juqcll775] {
    color: var(--cx-border-soft, #f0efed);
}

.no-badge[b-5juqcll775] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 9px;
    background: var(--cx-amber-soft, #f8f0e5);
    color: var(--cx-amber, #b45309);
    border: 1px solid var(--cx-amber-border, #e8cdaa);
    border-radius: 999px;
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    flex-shrink: 0;
}

/* OC restricted inline confirm */
.no-restrict[b-5juqcll775] {
    margin-top: 12px;
    padding: 11px 13px;
    background: var(--cx-amber-soft, #f8f0e5);
    border: 1px solid var(--cx-amber-border, #e8cdaa);
    border-radius: 9px;
}

.no-restrict .rq1[b-5juqcll775] {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text, #1c1917);
    margin-bottom: 4px;
}

.no-restrict .rq2[b-5juqcll775] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted, #57534e);
    margin-bottom: 10px;
}

.no-restrict .btns[b-5juqcll775] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.no-restrict .denied[b-5juqcll775] {
    font-size: var(--cx-size-meta);
    color: var(--cx-red, #dc2626);
    font-weight: 600;
    display: flex;
    gap: 7px;
    align-items: center;
}

/* per-card inline actions (right of the title/meta block) */
.no-case-actions[b-5juqcll775] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
}

.no-case-actions.gated[b-5juqcll775] {
    opacity: .45;
    pointer-events: none;
}

/* ── skeleton result cards (search loading) ── */

.no-skels[b-5juqcll775] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
}

.no-skel[b-5juqcll775] {
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid var(--cx-border-soft, #f0efed);
    border-radius: 11px;
    padding: 13px 15px;
}

.no-skel .main[b-5juqcll775] {
    flex: 1;
    min-width: 0;
}

.no-shimmer[b-5juqcll775] {
    display: inline-block;
    border-radius: 6px;
    background: linear-gradient(90deg,
        var(--cx-bg-deep, #f1f0ee) 25%,
        var(--cx-border-soft, #f0efed) 50%,
        var(--cx-bg-deep, #f1f0ee) 75%);
    background-size: 720px 100%;
    animation: no-shimmer-b-5juqcll775 1.3s linear infinite;
}

@keyframes no-shimmer-b-5juqcll775 {
    0%   { background-position: -360px 0; }
    100% { background-position: 360px 0; }
}

/* ── empty state ── */

.no-empty[b-5juqcll775] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 42px 26px;
}

.no-empty .glyph[b-5juqcll775] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--cx-panel-alt, #f9fafb);
    border: 1px solid var(--cx-border, #e5e7eb);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cx-subtle);
    margin-bottom: 10px;
}

.no-empty .t[b-5juqcll775] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--cx-text, #1c1917);
}

.no-empty .d[b-5juqcll775] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted, #57534e);
    margin-top: 3px;
    max-width: 380px;
}

/* ── statutory gate panel ── */

.no-gate[b-5juqcll775] {
    padding: 18px 20px;
}

.no-gate-back[b-5juqcll775] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 8px;
    margin: -4px 0 12px -8px;
    border: none;
    background: transparent;
    color: var(--cx-muted, #57534e);
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    border-radius: 7px;
    cursor: pointer;
    transition: background .12s;
}

.no-gate-back:hover[b-5juqcll775] {
    background: var(--cx-panel-alt, #f9fafb);
}

.no-gate-head[b-5juqcll775] {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    margin-bottom: 15px;
}

.no-gate-tile[b-5juqcll775] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--cx-amber-soft, #f8f0e5);
    border: 1px solid var(--cx-amber-border, #e8cdaa);
    color: var(--cx-amber, #b45309);
}

.no-gate-heading[b-5juqcll775] {
    min-width: 0;
}

.no-gate-title[b-5juqcll775] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text, #1c1917);
    letter-spacing: -0.1px;
    line-height: 1.3;
}

.no-gate-sub[b-5juqcll775] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted, #57534e);
    margin-top: 2px;
}

.no-gate-legal[b-5juqcll775] {
    padding: 13px 15px;
    background: var(--cx-panel-alt, #f9fafb);
    border: 1px solid var(--cx-border-soft, #f0efed);
    border-radius: 10px;
    font-size: var(--cx-size-body);
    color: var(--cx-muted, #57534e);
    line-height: 1.6;
    margin-bottom: 15px;
    text-wrap: pretty;
}

.no-gate-q[b-5juqcll775] {
    padding: 14px 15px;
    background: var(--cx-amber-soft, #f8f0e5);
    border: 1px solid var(--cx-amber-border, #e8cdaa);
    border-radius: 10px;
}

.no-gate-q .q[b-5juqcll775] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--cx-text, #1c1917);
    margin-bottom: 11px;
}

.no-gate-q .btns[b-5juqcll775] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

.no-gate-q .note[b-5juqcll775] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    margin-top: 10px;
}

/* ── eFileCA registration gate (round 4) — blocks the form body ── */

.no-reggate[b-5juqcll775] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 38px 26px 40px;
}

.no-reggate .tile[b-5juqcll775] {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: var(--cx-panel-alt, #f9fafb);
    border: 1px solid var(--cx-border, #e5e7eb);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cx-subtle);
    margin-bottom: 12px;
}

.no-reggate .tile.pending[b-5juqcll775] {
    background: var(--cx-amber-soft, #f8f0e5);
    border-color: var(--cx-amber-border, #e8cdaa);
    color: var(--cx-amber, #b45309);
}

.no-reggate .t[b-5juqcll775] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text, #1c1917);
    letter-spacing: -.1px;
}

.no-reggate .d[b-5juqcll775] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted, #57534e);
    line-height: 1.55;
    margin-top: 5px;
    max-width: 430px;
    text-wrap: pretty;
}

.no-reggate .cta[b-5juqcll775] {
    margin-top: 16px;
}

.no-reggate .resend[b-5juqcll775] {
    margin: 13px 0 0;
    padding: 0;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-pri-text, #c2410c);
    cursor: pointer;
}

.no-reggate .resend:hover[b-5juqcll775] {
    text-decoration: underline;
}

.no-reggate .resend:disabled[b-5juqcll775] {
    opacity: .6;
    cursor: default;
    text-decoration: none;
}

/* "REGISTRATION REQUIRED" mark on member-picker options */
.no-regmark[b-5juqcll775] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: .3px;
    color: var(--cx-amber, #b45309);
    flex-shrink: 0;
}

/* shield note under the initiation case-type select (grouped court, gated types) */
.no-initgate-note[b-5juqcll775] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-top: 9px;
    font-size: var(--cx-size-cap);
    color: var(--cx-muted, #57534e);
    line-height: 1.5;
    max-width: 520px;
}

.no-initgate-note .ic[b-5juqcll775] {
    color: var(--cx-amber, #b45309);
    display: inline-flex;
    flex-shrink: 0;
    margin-top: 1px;
}

.no-initgate-note span:last-child[b-5juqcll775] {
    text-wrap: pretty;
}

.no-initgate-note .lnk[b-5juqcll775] {
    font-weight: 600;
    color: var(--cx-pri-text, #c2410c);
    text-decoration: none;
}

.no-initgate-note .lnk:hover[b-5juqcll775] {
    text-decoration: underline;
}

/* ── initiation footer ── */

.no-casetype[b-5juqcll775]  .no-casetype-select {
    max-width: 420px;
}

.no-init-foot[b-5juqcll775] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding-top: 14px;
    border-top: 1px solid var(--cx-border-soft, #f0efed);
}

.no-init-foot .note[b-5juqcll775] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

.no-init-foot .grow[b-5juqcll775] {
    flex: 1;
}

/* ── init overlay ── */

.no-overlay[b-5juqcll775] {
    position: absolute;
    inset: 0;
    z-index: 30;
    background: rgba(255, 255, 255, .86);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    animation: no-fade-b-5juqcll775 .15s ease;
}

@keyframes no-fade-b-5juqcll775 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.no-overlay .in[b-5juqcll775] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
    padding: 24px;
}

.no-overlay .t[b-5juqcll775] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text, #1c1917);
    margin-top: 12px;
}

.no-overlay .d[b-5juqcll775] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted, #57534e);
    max-width: 300px;
}

/* ── mobile ── */

@media (max-width: 640px) {
    .no-page[b-5juqcll775] {
        padding: 16px 14px 28px;
    }

    .no-typecards[b-5juqcll775] {
        grid-template-columns: 1fr;
    }

    .no-find-inputs[b-5juqcll775] {
        flex-wrap: wrap;
        max-width: none;
    }

    .no-find-inputs[b-5juqcll775]  .form-field {
        flex: 1 1 100%;
    }

    .no-find-inputs[b-5juqcll775]  .no-search-btn {
        flex: 1 1 100%;
    }

    /* Toggle becomes a vertical, full-width stack on mobile (dividers run horizontally). */
    .no-modes[b-5juqcll775] {
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    .no-modes button[b-5juqcll775] {
        height: 40px;
        text-align: left;
    }

    .no-modes button + button[b-5juqcll775] {
        border-left: none;
        border-top: 1px solid var(--cx-border-soft, #f0efed);
    }

    .no-casetype[b-5juqcll775]  .no-casetype-select {
        max-width: none;
    }
}

/* Under a protected case's meta: the short "where this came from" line, once. The
   value itself sits in the meta row in mono, like every verbatim court value. */
.no-case-src[b-5juqcll775] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 4px;
    font-size: var(--cx-size-cap);
    line-height: 1.45;
    color: var(--cx-subtle, #797571);
    text-wrap: pretty;
}

.no-case-src > svg[b-5juqcll775] {
    flex-shrink: 0;
    margin-top: 2.5px;
    color: var(--cx-faint, #a8a5a3);
}

/* ── court-closure notice under the court picker (case-context round) ── */
.no-court-block[b-5juqcll775]  .ccn {
    margin-top: 12px;
}
/* /Components/EFiling/NewOrderShortcuts.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────────────────
   New Order shortcuts — the page grid + the three shortcut containers
   (.no-rail slim rail · .no-queue band/pane · .no-recents-inline wide grid).
   Tokens-only palette. The form column inside .no-content is ChildContent and
   keeps NewOrder.razor.css's scope — only the containers are styled here.

   ORDER IS LOAD-BEARING: base (band) rules first, the width-regime media
   queries LAST, so the ≥1800 pane overrides (.no-queue .sections column
   stack) win over the equal-specificity band grid by source order.
   ───────────────────────────────────────────────────────────────────────── */

/* ── grid + container visibility, default regime (<1490 incl. mobile):
   column — form, then the "Waiting on you" BAND. Rail + inline recents hidden. ── */

.no-grid[b-ylslkaunez] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: stretch;
}

.no-content[b-ylslkaunez] {
    max-width: 880px;
    min-width: 0;
}

.no-rail[b-ylslkaunez] {
    display: none;
}

.no-recents-inline[b-ylslkaunez] {
    display: none;
}

.mono[b-ylslkaunez] {
    font-family: var(--cx-mono, ui-monospace, monospace);
    font-size: 0.92em;
}

.no-shimmer[b-ylslkaunez] {
    display: inline-block;
    border-radius: 6px;
    background: linear-gradient(90deg,
        var(--cx-bg-deep, #f1f0ee) 25%,
        var(--cx-border-soft, #f0efed) 50%,
        var(--cx-bg-deep, #f1f0ee) 75%);
    background-size: 720px 100%;
    animation: no-shimmer-b-ylslkaunez 1.3s linear infinite;
}

@keyframes no-shimmer-b-ylslkaunez {
    0%   { background-position: -360px 0; }
    100% { background-position: 360px 0; }
}

/* ── shortcuts rail — slim inline variant ── */

/* section card anatomy (from the exploration kit) */
.no-rail-sec[b-ylslkaunez] {
    background: var(--cx-panel, #fff);
    border: 1px solid var(--cx-border, #e5e7eb);
    border-radius: 13px;
    box-shadow: var(--cx-shadow-card, 0 1px 2px rgba(28,25,23,.04));
    overflow: hidden;
    min-width: 0;
}

.no-rail-head[b-ylslkaunez] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--cx-border-soft, #f0efed);
}

.no-rail-head .ic[b-ylslkaunez] {
    color: var(--cx-subtle);
    display: inline-flex;
    flex-shrink: 0;
}

.no-rail-head .t[b-ylslkaunez] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: .3px;
    color: var(--cx-text, #1c1917);
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-rail-head .hint[b-ylslkaunez] {
    flex-shrink: 0;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-pri-text, #c2410c);
    text-decoration: none;
}

.no-rail-head .hint:hover[b-ylslkaunez] {
    text-decoration: underline;
}

/* "Needs attention · N" count, inside the header title */
.no-rail-head .cnt[b-ylslkaunez] {
    color: var(--cx-subtle);
    font-weight: 600;
}

.no-rail-empty[b-ylslkaunez] {
    padding: 16px 14px;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.55;
    text-wrap: pretty;
}

/* load-failure line (rail + queue) — muted hint text with an inline retry */
.no-rail-fail[b-ylslkaunez] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.55;
    text-wrap: pretty;
}

.no-rail-fail .retry[b-ylslkaunez] {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    color: var(--cx-pri-text, #c2410c);
    cursor: pointer;
}

.no-rail-fail .retry:hover[b-ylslkaunez] {
    text-decoration: underline;
}

/* rows — bordered, chevroned, full-width buttons */
.no-rail-row[b-ylslkaunez] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 10px 14px;
    border: none;
    border-top: 1px solid var(--cx-border-soft, #f0efed);
    border-radius: 0;
    background: transparent;
    text-align: left;
    font-family: inherit;
    cursor: pointer;
    transition: background .12s;
}

.no-rail-row:hover[b-ylslkaunez] {
    background: var(--cx-panel-alt, #f9fafb);
}

.no-rail-row:focus-visible[b-ylslkaunez] {
    outline: 2px solid var(--cx-pri, #ef6a26);
    outline-offset: -2px;
}

.no-rail-row:disabled[b-ylslkaunez] {
    cursor: default;
    opacity: .6;
}

.no-rail-row .body[b-ylslkaunez] {
    flex: 1;
    min-width: 0;
}

.no-rail-row .l1[b-ylslkaunez] {
    display: block;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text, #1c1917);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-rail-row .l2[b-ylslkaunez] {
    display: block;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-rail-row .l2 .mono[b-ylslkaunez] {
    font-size: var(--cx-size-cap);
}

.no-rail-row .chev[b-ylslkaunez] {
    flex-shrink: 0;
    display: inline-flex;
    color: var(--cx-faint, #c9c5c2);
}

/* rejected-row marker */
.no-rail-row .dot[b-ylslkaunez] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--cx-red, #dc2626);
    flex-shrink: 0;
}

/* "What you'll need" checklist */
.no-rail-check[b-ylslkaunez] {
    padding: 10px 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.no-rail-check .it[b-ylslkaunez] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: var(--cx-size-cap);
    color: var(--cx-muted, #57534e);
    line-height: 1.5;
}

.no-rail-check .b[b-ylslkaunez] {
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--cx-faint, #c9c5c2);
    flex-shrink: 0;
    margin-top: 6px;
}

/* ── "Waiting on you" flat queue — band layout is the BASE (default regime);
   the ≥1800 pane override lives in the regime media block at the end. ── */

.no-queue[b-ylslkaunez] {
    min-width: 0;
}

.no-queue .ov[b-ylslkaunez],
.no-recents-inline .ov[b-ylslkaunez] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: .7px;
    /* --cx-subtle, not faint: same tier as table headers (.cx-thead) — faint is for
       decoration (chevrons, dots) and is unreadable as a label against the page bg */
    color: var(--cx-subtle);
    text-transform: uppercase;
    margin-bottom: 14px;
}

.no-queue .sections[b-ylslkaunez] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(430px, 100%), 1fr));
    gap: 18px;
    align-items: start;
}

/* flat section anatomy (NoxFlatSection) */
.no-flat-sec[b-ylslkaunez] {
    background: var(--cx-panel, #fff);
    border: 1px solid var(--cx-border, #e5e7eb);
    border-radius: 13px;
    box-shadow: var(--cx-shadow-card, 0 1px 2px rgba(28,25,23,.04));
    overflow: hidden;
    min-width: 0;
}

.no-flat-head[b-ylslkaunez] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    border-bottom: 1px solid var(--cx-border-soft, #f0efed);
}

.no-flat-head .ic[b-ylslkaunez] {
    color: var(--cx-subtle);
    display: inline-flex;
    flex-shrink: 0;
}

.no-flat-head .t[b-ylslkaunez] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: .2px;
    color: var(--cx-text, #1c1917);
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-flat-head .pill[b-ylslkaunez] {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--cx-panel-alt, #f9fafb);
    border: 1px solid var(--cx-border, #e5e7eb);
    color: var(--cx-muted, #57534e);
    font-size: var(--cx-size-cap);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex-shrink: 0;
}

.no-flat-head .grow[b-ylslkaunez] {
    flex: 1;
}

.no-flat-head .lnk[b-ylslkaunez] {
    flex-shrink: 0;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-pri-text, #c2410c);
    text-decoration: none;
}

.no-flat-head .lnk:hover[b-ylslkaunez] {
    text-decoration: underline;
}

.no-flat-body[b-ylslkaunez] {
    padding: 0 15px;
}

.no-flat-load[b-ylslkaunez] {
    padding: 14px 15px;
}

/* tiny link-buttons (Resume / Open filing / Re-file now) */
.no-lnk-btn[b-ylslkaunez] {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-subtle);
    cursor: pointer;
    white-space: nowrap;
}

.no-lnk-btn.strong[b-ylslkaunez] {
    color: var(--cx-pri-text, #c2410c);
}

.no-lnk-btn:hover[b-ylslkaunez] {
    text-decoration: underline;
}

.no-lnk-btn:focus-visible[b-ylslkaunez] {
    outline: 2px solid var(--cx-pri, #ef6a26);
    outline-offset: 2px;
    border-radius: 4px;
}

.no-lnk-btn:disabled[b-ylslkaunez] {
    cursor: default;
    opacity: .6;
    text-decoration: none;
}

/* rejected row — with the clerk's reason (NoxFlatRejected) */
.no-flat-rej[b-ylslkaunez] {
    padding: 11px 0 12px;
    border-bottom: 1px solid var(--cx-border-soft, #f0efed);
}

.no-flat-rej:last-child[b-ylslkaunez] {
    border-bottom: none;
}

.no-flat-rej .r1[b-ylslkaunez] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.no-flat-rej .dot[b-ylslkaunez] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--cx-red, #dc2626);
    flex-shrink: 0;
}

.no-flat-rej .tt[b-ylslkaunez] {
    flex: 1;
    min-width: 0;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text, #1c1917);
    line-height: 1.35;
}

.no-flat-rej .meta[b-ylslkaunez] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    margin: 3px 0 0 14px;
}

.no-flat-rej .reason[b-ylslkaunez] {
    margin: 6px 0 0 14px;
    font-size: var(--cx-size-cap);
    color: var(--cx-muted, #57534e);
    line-height: 1.5;
    text-wrap: pretty;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.no-flat-rej .acts[b-ylslkaunez] {
    display: flex;
    gap: 14px;
    margin: 7px 0 0 14px;
}

/* draft row (NoxFlatDraft) */
.no-flat-draft[b-ylslkaunez] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--cx-border-soft, #f0efed);
}

.no-flat-draft:last-child[b-ylslkaunez] {
    border-bottom: none;
}

.no-flat-draft .body[b-ylslkaunez] {
    flex: 1;
    min-width: 0;
}

.no-flat-draft .l1[b-ylslkaunez] {
    display: block;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text, #1c1917);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-flat-draft .l2[b-ylslkaunez] {
    display: block;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* recent-case card grid inside the band's flat section */
.no-flat-cards[b-ylslkaunez] {
    padding: 12px 15px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 9px;
}

/* ── recent-case card (shared: band section + wide inline grid) ── */

.no-recent-card[b-ylslkaunez] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    margin: 0;
    padding: 10px 12px;
    text-align: left;
    background: var(--cx-panel, #fff);
    border: 1px solid var(--cx-border-soft, #f0efed);
    border-radius: 11px;
    font-family: inherit;
    cursor: pointer;
    min-width: 0;
    transition: border-color .13s, box-shadow .13s;
}

.no-recent-card:hover[b-ylslkaunez] {
    border-color: var(--cx-pri-border, #f9c5a6);
    box-shadow: var(--cx-shadow-raise, 0 4px 16px rgba(28,25,23,.08));
}

.no-recent-card:focus-visible[b-ylslkaunez] {
    outline: 2px solid var(--cx-pri, #ef6a26);
    outline-offset: 2px;
}

.no-recent-card:disabled[b-ylslkaunez] {
    cursor: default;
    opacity: .6;
}

.no-recent-card .r1[b-ylslkaunez] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.no-recent-card .tt[b-ylslkaunez] {
    flex: 1;
    min-width: 0;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text, #1c1917);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-recent-card .chev[b-ylslkaunez] {
    flex-shrink: 0;
    display: inline-flex;
    color: var(--cx-faint, #c9c5c2);
}

.no-recent-card .r2[b-ylslkaunez] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-recent-card .r2 .mono[b-ylslkaunez] {
    font-size: var(--cx-size-cap);
}

.no-recent-card .r3[b-ylslkaunez] {
    font-size: var(--cx-size-cap);
    color: var(--cx-faint, #c9c5c2);
}

/* ── recents under the form (≥1800 only; display gated in the regime queries) ── */

.no-recents-inline[b-ylslkaunez] {
    margin-top: 20px;
}

.no-recents-inline .ov[b-ylslkaunez] {
    margin-bottom: 10px;
    color: var(--cx-subtle);
}

.no-recents-inline .grid[b-ylslkaunez] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

/* ── width-regime media queries — LAST on purpose (see header). Three regimes
   (round 3): both the slim rail and the flat queue render; these pick one.
   · default/<1490 (incl. mobile): column — form, then the "Waiting on you" band.
   · 1490–1799: two-column grid, slim rail right (880 form + 280 rail + sidebar ≈ 1460
     is why the old 1300 breakpoint squeezed the form). Queue hidden.
   · ≥1800: wide grid (NewOrder's .no-wrap opens to 1720) — flat-queue PANE right,
     recents move under the form; rail hidden, band's recents section hidden. ── */

@media (min-width: 1490px) and (max-width: 1799.98px) {
    .no-grid[b-ylslkaunez] {
        display: grid;
        grid-template-columns: minmax(0, 880px) minmax(280px, 330px);
        gap: 22px;
        align-items: start;
        justify-content: start;
    }

    /* the grid column caps the form at 880 — the inner cap would fight the minmax */
    .no-content[b-ylslkaunez] {
        max-width: none;
    }

    .no-rail[b-ylslkaunez] {
        display: flex;
        flex-direction: column;
        gap: 14px;
        min-width: 0;
    }

    .no-queue[b-ylslkaunez] {
        display: none;
    }
}

@media (min-width: 1800px) {
    .no-grid[b-ylslkaunez] {
        display: grid;
        grid-template-columns: minmax(880px, 1fr) minmax(330px, 380px);
        gap: 48px;
        align-items: start;
        justify-content: start;
    }

    .no-content[b-ylslkaunez] {
        max-width: none;
    }

    /* pane mode: vertical stack in the right column, no recents section
       (recents render under the form instead). Wins over the base band grid
       because this block comes after it — keep it that way. */
    .no-queue .sections[b-ylslkaunez] {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .no-queue-recents[b-ylslkaunez] {
        display: none;
    }

    /* recents-only queue would be an empty pane up here — hide it whole */
    .no-queue.only-recents[b-ylslkaunez] {
        display: none;
    }

    .no-recents-inline[b-ylslkaunez] {
        display: block;
    }
}

/* ── resume acknowledged (design round R2) ── */
.no-rail-row.resuming[b-ylslkaunez] {
    background: var(--cx-pri-soft);
}

.no-opening[b-ylslkaunez] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-pri-text);
    white-space: nowrap;
}

.no-spin-sm[b-ylslkaunez] {
    width: 11px;
    height: 11px;
    border: 2px solid var(--cx-pri);
    border-top-color: transparent;
    border-radius: 999px;
    box-sizing: border-box;
    display: inline-block;
    animation: no-spin-sm-b-ylslkaunez .7s linear infinite;
}

@keyframes no-spin-sm-b-ylslkaunez {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .no-spin-sm[b-ylslkaunez] {
        animation: none;
        border-top-color: currentColor;
        opacity: .55;
    }
}
/* /Components/EFiling/OcEFilingReport.razor.rz.scp.css */
/* Mirrors the relevant rules from OcAuditReports.razor.css so this component,
   rendered as a tab inside that page, looks consistent (CSS isolation does not
   cascade from the parent component). */

.filters-section[b-1md8id1g5c] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.filter-group[b-1md8id1g5c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 150px;
}

.filter-label[b-1md8id1g5c] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.date-input[b-1md8id1g5c] {
    min-width: 160px;
}

input.date-input[b-1md8id1g5c] {
    padding: 0.45rem 0.6rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
}

.reports-card[b-1md8id1g5c] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 2rem;
}

.reports-header[b-1md8id1g5c] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #f3f4f6;
}

    .reports-header h5[b-1md8id1g5c] {
        margin: 0;
        font-size: 1.125rem;
        font-weight: 600;
        color: #1a1a1a;
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

.row-count[b-1md8id1g5c] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b7280;
    text-transform: none;
    letter-spacing: normal;
}

.reports-body[b-1md8id1g5c] {
    padding: 1.5rem;
}

/* Constrain the table inside its own scrollable box so the horizontal scrollbar is always
   visible at the bottom of the box (not at the bottom of a very long page). The sticky
   header keeps column labels in view while scrolling. */
.reports-table-container[b-1md8id1g5c] {
    overflow: auto;
    max-height: 65vh;
    border-top: 1px solid #f3f4f6;
}

.reports-table[b-1md8id1g5c] {
    width: 100%;
    border-collapse: collapse;
}

    .reports-table thead th[b-1md8id1g5c] {
        text-align: left;
        padding: 0.75rem 1rem;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        color: #6b7280;
        letter-spacing: 0.05em;
        background: #ffffff;
        border-bottom: 1px solid #e5e7eb;
        white-space: nowrap;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .reports-table tbody tr[b-1md8id1g5c] {
        border-bottom: 1px solid #f3f4f6;
        transition: background-color 0.15s;
    }

        .reports-table tbody tr:hover[b-1md8id1g5c] {
            background-color: #f9fafb;
        }

    .reports-table tbody td[b-1md8id1g5c] {
        padding: 0.75rem 1rem;
        font-size: 0.875rem;
        color: #374151;
        vertical-align: middle;
    }

        .reports-table tbody td.mono[b-1md8id1g5c] {
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            font-size: 0.8125rem;
            white-space: nowrap;
        }

        .reports-table tbody td.nowrap[b-1md8id1g5c] {
            white-space: nowrap;
        }

        .reports-table tbody td.center[b-1md8id1g5c] {
            text-align: center;
        }

/* Long-text columns: ellipsize by default, expand on hover. Matches OcAuditReports' .case-text. */
.case-text[b-1md8id1g5c] {
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .case-text:hover[b-1md8id1g5c] {
        max-width: none;
        white-space: normal;
    }

.ellipsis-cell[b-1md8id1g5c] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .ellipsis-cell:hover[b-1md8id1g5c] {
        max-width: none;
        white-space: normal;
        word-break: break-all;
    }

.empty-state[b-1md8id1g5c] {
    color: #9ca3af;
    font-size: 0.875rem;
    text-align: center;
    padding: 2rem;
}
/* /Components/EFiling/OC/CasePlugins/AbandonmentPlugin.razor.rz.scp.css */
/* Flat plugin language (wizard Case step round B): structure classes (pg, pg-grid,
   pg-group, pg-label, pg-checks, pg-rail, …) are styled centrally from
   CaseInformation.razor.css via ::deep — nothing plugin-specific remains here. */
/* /Components/EFiling/OC/CasePlugins/CapacityPlugin.razor.rz.scp.css */

.civil-general-plugin > *[b-fgjs4cybhq] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/CompromiseClaimPlugin.razor.rz.scp.css */

.civil-general-plugin > *[b-a5leulrlt9] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/ConservatorshipPlugin.razor.rz.scp.css */

.civil-general-plugin > *[b-g8iie1a8sa] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/Conservatorship_2Plugin.razor.rz.scp.css */

.civil-general-plugin > *[b-snglo9mn3g] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/GeneralPlugin.razor.rz.scp.css */
/* Flat plugin language (wizard Case step round B): structure classes (pg, pg-grid,
   pg-group, pg-label, pg-checks, pg-rail, …) are styled centrally from
   CaseInformation.razor.css via ::deep — nothing plugin-specific remains here. */
/* /Components/EFiling/OC/CasePlugins/GuardianshipPlugin.razor.rz.scp.css */

.civil-general-plugin > *[b-knzgduvllg] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/Guardianship_2Plugin.razor.rz.scp.css */

.civil-general-plugin > *[b-mjb920ft0h] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/HarassmentPlugin.razor.rz.scp.css */
/* Flat plugin language (wizard Case step round B): structure classes (pg, pg-grid,
   pg-group, pg-label, pg-checks, pg-rail, …) are styled centrally from
   CaseInformation.razor.css via ::deep — nothing plugin-specific remains here. */
/* /Components/EFiling/OC/CasePlugins/JudicialReviewPlugin.razor.rz.scp.css */
/* Flat plugin language (wizard Case step round B): structure classes (pg, pg-grid,
   pg-group, pg-label, pg-checks, pg-rail, …) are styled centrally from
   CaseInformation.razor.css via ::deep — nothing plugin-specific remains here. */
/* /Components/EFiling/OC/CasePlugins/LettersPlugin.razor.rz.scp.css */

.civil-general-plugin > *[b-jpilqhfsar] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/OtherPlugin.razor.rz.scp.css */

.civil-general-plugin > *[b-ip8vwydgd7] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/PetitionsPlugin.razor.rz.scp.css */
/* Flat plugin language (wizard Case step round B): structure classes (pg, pg-grid,
   pg-group, pg-label, pg-checks, pg-rail, …) are styled centrally from
   CaseInformation.razor.css via ::deep — nothing plugin-specific remains here. */
/* /Components/EFiling/OC/CasePlugins/RealPropertyPlugin.razor.rz.scp.css */

.civil-general-plugin > *[b-4tahlf38fx] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/RealProperty_2Plugin.razor.rz.scp.css */

.civil-general-plugin > *[b-6kcynus2z6] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/SmallClaimsPlugin.razor.rz.scp.css */
/* Flat plugin language (wizard Case step round B): structure classes (pg, pg-grid,
   pg-group, pg-label, pg-checks, pg-rail, …) are styled centrally from
   CaseInformation.razor.css via ::deep — nothing plugin-specific remains here. */
/* /Components/EFiling/OC/CasePlugins/SmallEstatePlugin.razor.rz.scp.css */

.civil-general-plugin > *[b-epl2cq26gq] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/SmallEstate_2Plugin.razor.rz.scp.css */

.civil-general-plugin > *[b-67chhp8wzn] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/SpousalPropertyPlugin.razor.rz.scp.css */

.civil-general-plugin > *[b-5tsn7w565g] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/TrustPlugin.razor.rz.scp.css */

.civil-general-plugin > *[b-l3atzmndzd] {
	margin-top: 1rem;
}
/* /Components/EFiling/OC/CasePlugins/UnlawfulDetainerPlugin.razor.rz.scp.css */
/* Flat plugin language (wizard Case step round B): structure classes (pg, pg-grid,
   pg-group, pg-label, pg-checks, pg-rail, …) are styled centrally from
   CaseInformation.razor.css via ::deep — nothing plugin-specific remains here. */
/* /Components/EFiling/OC/CasePlugins/VehicleForfeiturePlugin.razor.rz.scp.css */
/* Flat plugin language (wizard Case step round B): structure classes (pg, pg-grid,
   pg-group, pg-label, pg-checks, pg-rail, …) are styled centrally from
   CaseInformation.razor.css via ::deep — nothing plugin-specific remains here. */
/* /Components/EFiling/OC/CaseTypePlugins.razor.rz.scp.css */
[b-eti21kqums] .civil-general-plugin {
	font-size: calc(var(--bit-spa-scaling-factor) * 1.75);
	font-weight: 500;
	color: var(--bit-clr-fg-pri);
}

[b-eti21kqums] .civil-general-plugin .plugin-text {
	font-weight: normal;
	font-size: 0.8rem;
	color: var(--bit-clr-fg-pri);
}
/* /Components/EFiling/OC/DocumentTypePlugins.razor.rz.scp.css */
[b-ta2hj6cyzs] .documents-plugin {
	margin-top: 1rem;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}
/* /Components/EFiling/PartiesInfo/CaseRepresentationMark.razor.rz.scp.css */
/* ── the row signal (see CaseRepresentationMark.razor) ──
   Neutral ink: the court's record, never the app's orange. Sits first in the row's chip
   line; 12px running text, name 600, "(lead)" and "+N" inherit the verb tone. */
.wzp-rep[b-f9rprlagsp] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    height: 18px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    text-align: left;
    white-space: nowrap;
    transition: color .1s;
}

.wzp-rep .n[b-f9rprlagsp] {
    font-weight: 600;
    color: var(--cx-text);
}

.wzp-rep .lead[b-f9rprlagsp] {
    color: inherit;
}

.wzp-rep .more[b-f9rprlagsp] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: inherit;
}

.wzp-rep:hover[b-f9rprlagsp] {
    color: var(--cx-text);
}

.wzp-rep:hover .n[b-f9rprlagsp] {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.wzp-rep.none[b-f9rprlagsp] {
    cursor: default;
}
/* /Components/EFiling/PartiesInfo/CaseRepresentationModal.razor.rz.scp.css */
/* ── the door (see CaseRepresentationModal.razor) — CxModal chrome in the record tone:
   slate, never orange. The host span anchors ::deep into the CxModal wrapper and the
   fragment markup uniformly. ── */
.wzp-repm-host[b-wg2xaj4klm] {
    display: contents;
}

/* ── the door — CxModal chrome in the record tone: slate, never orange ── */
.wzp-repm-host[b-wg2xaj4klm]  .cx-modal.wzp-repmodal {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-height: 90vh;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repmodal .cx-modal-head {
    flex-shrink: 0;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repmodal .cx-modal-head .ico {
    background: var(--cx-slate-soft);
    border-color: var(--cx-slate-border);
    color: var(--cx-slate);
}

/* provenance band — where the record came from and that it is read-only */
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-record {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 9px 20px;
    background: var(--cx-panel-alt);
    border-bottom: 1px solid var(--cx-border);
    flex-shrink: 0;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-record .ic {
    display: inline-flex;
    color: var(--cx-subtle);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-record h4 {
    margin: 0;
    font-family: var(--cx-label-font);
    font-size: var(--cx-label-size);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: uppercase;
    color: var(--cx-label-color);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-record .src {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-record .sp {
    flex: 1;
    min-width: 8px;
}

/* I11: the band HAS room, so this mark keeps its chrome — the one chip
   anatomy: sentence case, 12/600, 20px, r6. */
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-record .ro {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 20px;
    padding: 0 8px;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    line-height: 1;
    color: var(--cx-muted);
    border: 1px solid var(--cx-border);
    background: var(--cx-panel);
    border-radius: 6px;
    white-space: nowrap;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-body {
    padding: 14px 20px 4px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-tools {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-tools .sp {
    flex: 1;
    min-width: 12px;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-note {
    padding-top: 10px;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-empty {
    padding: 22px 0 20px;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-empty b {
    color: var(--cx-text);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-empty .wzp-link {
    margin-left: 4px;
}

/* column captions (party anchor only) — same grid as the attorney rows beneath */
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repcols {
    /* the captions stay put while 45 groups scroll under them */
    position: sticky;
    top: -14px;
    z-index: 1;
    background: var(--cx-panel);
    border-bottom: 1px solid var(--cx-border-soft);
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) 84px;
    column-gap: 12px;
    margin: 12px -20px 0;
    padding: 9px 20px 8px 42px;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repcols span {
    font-family: var(--cx-label-font);
    font-size: var(--cx-label-size);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: uppercase;
    color: var(--cx-label-color);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repcols .r {
    text-align: right;
}

/* one group per party (or per attorney) — full-bleed hairline, pinned = panel-alt */
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg {
    margin: 0 -20px;
    padding: 10px 20px 12px;
    border-top: 1px solid var(--cx-border-soft);
    transition: background .1s;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-tools + .wzp-repg,
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-note + .wzp-repg {
    margin-top: 12px;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg.pin {
    background: var(--cx-panel-alt);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .gh {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .gh .sp {
    flex: 1;
    min-width: 12px;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .gname {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--cx-text);
    text-wrap: pretty;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .gsub {
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    text-wrap: pretty;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .gsub .mono {
    font-family: var(--cx-mono);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .gcnt {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    white-space: nowrap;
}

/* the role reads the same way it does on the step's rows: a tone dot and a word */
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .pill,
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-text);
    white-space: nowrap;
    letter-spacing: .005em;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .pill .dot,
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .pill .dot {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    flex-shrink: 0;
    background: var(--cx-slate-dot);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .pill .dot.tone-blue,   .wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .pill .dot.tone-blue   { background: var(--cx-blue); }
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .pill .dot.tone-red,    .wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .pill .dot.tone-red    { background: var(--cx-red); }
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .pill .dot.tone-amber,  .wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .pill .dot.tone-amber  { background: var(--cx-amber); }
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .pill .dot.tone-green,  .wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .pill .dot.tone-green  { background: var(--cx-green); }
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .pill .dot.tone-violet, .wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .pill .dot.tone-violet { background: #7c3aed; }
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .pill .dot.tone-teal,   .wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .pill .dot.tone-teal   { background: #0d9488; }
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .pill .dot.tone-indigo, .wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .pill .dot.tone-indigo { background: #4f46e5; }
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .pill .dot.tone-pink,   .wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .pill .dot.tone-pink   { background: #db2777; }
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .pill .dot.tone-olive,  .wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .pill .dot.tone-olive  { background: #a16207; }
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repg .pill .dot.tone-slate,  .wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .pill .dot.tone-slate  { background: var(--cx-slate); }

/* rows inside a group */
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repr {
    display: grid;
    align-items: baseline;
    column-gap: 12px;
    row-gap: 1px;
    padding: 4px 0 4px 22px;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repr.atty {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) 84px;
}

/* when the court reports no firm for anyone the column goes, and the caption row with it */
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repr.atty.nofirm,
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repcols.nofirm {
    grid-template-columns: minmax(0, 1fr) 84px;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repr.party {
    grid-template-columns: minmax(0, 1fr) auto;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .rn {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    flex-wrap: wrap;
    min-width: 0;
    font-size: var(--cx-size-body);
    color: var(--cx-text);
    text-wrap: pretty;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .rf {
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .rb {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    text-align: right;
}

/* I11: inline on a 13px nameline there is no room for chrome — the mark
   drops its box, not its height: the inline qualifier. */
.wzp-repm-host[b-wg2xaj4klm]  .wzp-replead {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    white-space: nowrap;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repnone {
    padding: 3px 0 1px 22px;
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    text-wrap: pretty;
}

/* the second band: without counsel / not tied to a party */
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repbare {
    margin-top: 16px;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repbare.tight {
    margin-top: 8px;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repband {
    margin: 0 -20px;
    padding: 9px 20px;
    background: var(--cx-panel-alt);
    border-top: 1px solid var(--cx-border);
    border-bottom: 1px solid var(--cx-border);
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repband h4 {
    margin: 0;
    font-family: var(--cx-label-font);
    font-size: var(--cx-label-size);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: uppercase;
    color: var(--cx-label-color);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repband .cnt {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repband .note {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-sum {
    padding: 14px 0 12px;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

/* footer — the one sentence that separates this record from the filing's own declarations */
.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-foot {
    align-items: center;
    background: var(--cx-panel-alt);
    border-top: 1px solid var(--cx-border);
    flex-shrink: 0;
    flex-wrap: wrap;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-foot .note {
    flex: 1 1 320px;
    min-width: 0;
    font-size: var(--cx-size-meta); /* WZR foot retires into the ink scale (I1) */
    color: var(--cx-muted);
    text-wrap: pretty;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-repm-foot .note b {
    color: var(--cx-text);
    font-weight: 600;
}

/* the door reuses the step's search-box and link anatomy; the rules are scoped per
   component in Blazor, so the modal carries its own copy */
/* search — appears only past the threshold; filters attorneys too */
.wzp-repm-host[b-wg2xaj4klm]  .wzp-search {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    width: 236px;
    max-width: 100%;
    padding: 0 9px;
    border-radius: var(--cx-ctl-r);
    border: var(--cx-input-bw) solid var(--cx-input-border);
    background: var(--cx-panel);
    box-shadow: var(--cx-input-edge);
    color: var(--cx-subtle);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-search:focus-within {
    border-color: var(--cx-pri);
    box-shadow: 0 0 0 var(--cx-ring-w) var(--cx-pri-ring);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-search input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: none;
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-search input::placeholder {
    color: var(--cx-placeholder);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-search button {
    border: none;
    background: none;
    padding: 0;
    color: var(--cx-faint);
    display: inline-flex;
    cursor: pointer;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-search button:hover {
    color: var(--cx-text);
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-link {
    border: none;
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-pri-text);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    transition: color .1s;
}

.wzp-repm-host[b-wg2xaj4klm]  .wzp-link:hover {
    color: var(--cx-pri-strong);
}

@media (max-width: 640px) {
    .wzp-repm-host[b-wg2xaj4klm]  .wzp-repcols {
        display: none;
    }

    .wzp-repm-host[b-wg2xaj4klm]  .wzp-repr.atty,
    .wzp-repm-host[b-wg2xaj4klm]  .wzp-repr.party {
        grid-template-columns: minmax(0, 1fr);
    }

    .wzp-repm-host[b-wg2xaj4klm]  .wzp-repr .rb {
        text-align: left;
    }
}
/* /Components/EFiling/PartiesInfo/PartiesInfo.razor.rz.scp.css */
/* ── Wizard Parties step — two peer populations (parties + attorneys) in one card,
   fixed row columns (nothing stretches on a 2K panel), a required-role checklist
   band, and an in-place editor that never hides the list. cx tokens only. The host
   card (.wz-stepcard.converted) provides 24px padding; full-bleed elements pull
   -24px against it. ── */

.wzp[b-ks2qq2oozx] {
    position: relative;
    container: wzpstep / inline-size;
    font-size: var(--cx-size-body);
    color: var(--cx-text);
}

/* ── card header band ── */
.wzp-head[b-ks2qq2oozx] {
    margin: -24px -24px 0;
    padding: 13px 24px;
    border-bottom: 1px solid var(--cx-border-soft);
}

/* With the card search present the head becomes a row: the title block takes the
   space it needs, the search sits at the end, and both wrap onto their own line
   on a narrow panel rather than crushing the description. */
.wzp-head.with-find[b-ks2qq2oozx] {
    padding: 9px 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.wzp-head.with-find .wzp-headtext[b-ks2qq2oozx] {
    flex: 1 1 300px;
    min-width: 0;
}

/* step heading: the identity's heading voice (owner's proposal, 2026-09-28) */
.wzp-title[b-ks2qq2oozx] {
    font-size: var(--cx-size-head);
    font-family: var(--cx-heading-font);
    font-weight: var(--cx-heading-weight);
    text-transform: var(--cx-heading-transform);
    letter-spacing: var(--cx-heading-track);
    line-height: var(--cx-heading-lh);
    color: var(--cx-text);
}

.wzp-sub[b-ks2qq2oozx] {
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    margin-top: 2px;
    text-wrap: pretty;
}

/* ── filing reference section (OC subsequent) ── */
.wzp-section[b-ks2qq2oozx] {
    margin-top: 18px;
}

.wzp-sechead[b-ks2qq2oozx] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 13px;
}

.wzp-sechead .ic[b-ks2qq2oozx] {
    display: inline-flex;
    color: var(--cx-slate);
}

.wzp-sechead h3[b-ks2qq2oozx] {
    margin: 0;
    font-family: var(--cx-title-font);
    font-size: var(--cx-title-size);
    font-weight: var(--cx-title-weight);
    letter-spacing: var(--cx-title-track);
    text-transform: uppercase;
    color: var(--cx-title-color); /* I10 section-title voice — owner-ruled, design-ratified */
}

.wzp-section.has-err .wzp-sechead .ic[b-ks2qq2oozx],
.wzp-section.has-err .wzp-sechead h3[b-ks2qq2oozx] {
    color: var(--cx-red);
}

.wzp-grid[b-ks2qq2oozx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 16px;
    margin-bottom: 18px;
}

@container wzpstep (min-width: 1100px) {
    .wzp-grid[b-ks2qq2oozx] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container wzpstep (max-width: 560px) {
    .wzp-grid[b-ks2qq2oozx] {
        grid-template-columns: 1fr;
    }
}

.wzp-field[b-ks2qq2oozx] {
    min-width: 0;
}

.wzp-field.mono[b-ks2qq2oozx]  .form-input {
    font-family: var(--cx-mono);
    font-size: calc(var(--cx-ctl-fs) - .5px);
    letter-spacing: .01em;
}

.wzp-ferr[b-ks2qq2oozx] {
    font-size: var(--cx-size-meta);
    color: var(--cx-red);
    margin-top: 4px;
    line-height: 1.45;
    text-wrap: pretty;
}

.wzp-errpill[b-ks2qq2oozx] {
    display: inline-flex;
    align-items: center;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-red);
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    border-radius: 4px;
    padding: 1px 6px;
    white-space: nowrap;
}

/* ── required-role checklist band ── */
.wzp-required[b-ks2qq2oozx] {
    margin: 18px -24px 0;
    padding: 12px 24px 13px;
    border-top: 1px solid var(--cx-border);
    border-bottom: 1px solid var(--cx-border);
    background: var(--cx-panel-alt);
}

.wzp-required.done[b-ks2qq2oozx] {
    background: var(--cx-panel);
}

.wzp-req-head[b-ks2qq2oozx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wzp-required:not(.done) .wzp-req-head[b-ks2qq2oozx] {
    margin-bottom: 10px;
}

.wzp-req-head .ic[b-ks2qq2oozx] {
    display: inline-flex;
    color: var(--cx-slate);
}

.wzp-required.done .wzp-req-head .ic[b-ks2qq2oozx] {
    color: var(--cx-green);
}

.wzp-required.flagged .wzp-req-head .ic[b-ks2qq2oozx] {
    color: var(--cx-red);
}

.wzp-req-head h3[b-ks2qq2oozx] {
    margin: 0;
    font-family: var(--cx-title-font);
    font-size: var(--cx-title-size);
    font-weight: var(--cx-title-weight);
    letter-spacing: var(--cx-title-track);
    text-transform: uppercase;
    color: var(--cx-title-color); /* I10 section-title voice — owner-ruled, design-ratified */
}

.wzp-required.flagged .wzp-req-head h3[b-ks2qq2oozx] {
    color: var(--cx-red);
}

.wzp-req-head .cnt[b-ks2qq2oozx] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
}

.wzp-required.flagged .wzp-req-head .cnt[b-ks2qq2oozx] {
    color: var(--cx-red);
}

.wzp-req-head .sp[b-ks2qq2oozx] {
    flex: 1;
}

.wzp-req-note[b-ks2qq2oozx] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
}

@container wzpstep (max-width: 560px) {
    .wzp-req-note[b-ks2qq2oozx] {
        display: none;
    }
}

.wzp-req-slots[b-ks2qq2oozx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.wzp-slot[b-ks2qq2oozx] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 28px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: var(--cx-size-cap);
    font-family: inherit;
}

.wzp-slot.filled[b-ks2qq2oozx] {
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
}

.wzp-slot.filled .rl[b-ks2qq2oozx] {
    font-weight: 600;
    color: var(--cx-text);
}

.wzp-slot.filled .nm[b-ks2qq2oozx] {
    color: var(--cx-subtle);
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wzp-slot.open[b-ks2qq2oozx] {
    background: var(--cx-panel);
    border: 1px dashed var(--cx-input-border);
    color: var(--cx-muted);
    cursor: pointer;
    transition: border-color .12s, background .12s, color .12s;
}

.wzp-slot.open .rl[b-ks2qq2oozx] {
    font-weight: 600;
}

.wzp-slot.open .nd[b-ks2qq2oozx] {
    color: var(--cx-subtle);
}

.wzp-slot.open:hover[b-ks2qq2oozx] {
    border-color: var(--cx-pri-border);
    background: var(--cx-pri-soft);
    color: var(--cx-pri-text);
}

.wzp-required.flagged .wzp-slot.open[b-ks2qq2oozx] {
    background: var(--cx-red-soft);
    border-color: var(--cx-red-border);
    color: var(--cx-red);
}

.wzp-required.flagged .wzp-slot.open .nd[b-ks2qq2oozx] {
    color: var(--cx-red);
}

/* ── section band heads (parties / attorneys) — micro-cap + count + tools ── */
.wzp-band[b-ks2qq2oozx] {
    margin: 0 -24px;
    padding: 16px 24px 11px;
    border-top: 1px solid var(--cx-border);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.wzp-band.first[b-ks2qq2oozx] {
    border-top: none;
    margin-top: 0;
    padding-top: 18px;
}

/* a band directly following the header band or required band needs no extra gap */
.wzp-head + .wzp-band[b-ks2qq2oozx],
.wzp-required + .wzp-band[b-ks2qq2oozx] {
    margin-top: 0;
}

.wzp-band .ic[b-ks2qq2oozx] {
    display: inline-flex;
    color: var(--cx-slate);
}

.wzp-band h3[b-ks2qq2oozx] {
    margin: 0;
    font-family: var(--cx-title-font);
    font-size: var(--cx-title-size);
    font-weight: var(--cx-title-weight);
    letter-spacing: var(--cx-title-track);
    text-transform: uppercase;
    color: var(--cx-title-color); /* I10 section-title voice — owner-ruled, design-ratified */
}

.wzp-band .cnt[b-ks2qq2oozx] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
}

.wzp-band .sp[b-ks2qq2oozx] {
    flex: 1;
    min-width: 20px;
}

.wzp-band.has-err .ic[b-ks2qq2oozx],
.wzp-band.has-err h3[b-ks2qq2oozx] {
    color: var(--cx-red);
}

/* search — appears only past the threshold; filters attorneys too */
.wzp-search[b-ks2qq2oozx] {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    width: 236px;
    max-width: 100%;
    padding: 0 9px;
    border-radius: var(--cx-ctl-r);
    border: var(--cx-input-bw) solid var(--cx-input-border);
    background: var(--cx-panel);
    box-shadow: var(--cx-input-edge);
    color: var(--cx-subtle);
}

.wzp-search:focus-within[b-ks2qq2oozx] {
    border-color: var(--cx-pri);
    box-shadow: 0 0 0 var(--cx-ring-w) var(--cx-pri-ring);
}

.wzp-search input[b-ks2qq2oozx] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: none;
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
}

.wzp-search input[b-ks2qq2oozx]::placeholder {
    color: var(--cx-placeholder);
}

.wzp-search button[b-ks2qq2oozx] {
    border: none;
    background: none;
    padding: 0;
    color: var(--cx-faint);
    display: inline-flex;
    cursor: pointer;
}

.wzp-search button:hover[b-ks2qq2oozx] {
    color: var(--cx-text);
}

/* ── rows — fixed columns: name/meta/chips · role dot+text · actions ── */
.wzp-row[b-ks2qq2oozx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 132px 74px;
    align-items: center;
    column-gap: 12px;
    row-gap: 8px;
    margin: 0 -24px;
    padding: 10px 24px;
    border-top: 1px solid var(--cx-border-soft);
    transition: background .1s;
}

.wzp-row:hover[b-ks2qq2oozx] {
    background: var(--cx-panel-alt);
}

@container wzpstep (max-width: 560px) {
    .wzp-row[b-ks2qq2oozx] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .wzp-row .pill[b-ks2qq2oozx] {
        grid-column: 2;
        justify-self: end;
    }

    .wzp-row .acts[b-ks2qq2oozx] {
        grid-column: 2;
        justify-self: end;
    }
}

.wzp-row .main[b-ks2qq2oozx] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    min-width: 0;
}

.wzp-row .tile[b-ks2qq2oozx] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    flex-shrink: 0;
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cx-subtle);
}

.wzp-row .body[b-ks2qq2oozx] {
    flex: 1;
    min-width: 0;
}

.wzp-row .nameline[b-ks2qq2oozx] {
    display: flex;
    align-items: baseline;
    gap: 7px;
    flex-wrap: wrap;
}

.wzp-row .name[b-ks2qq2oozx] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--cx-text);
    text-wrap: pretty;
}

.wzp-row .name.faint[b-ks2qq2oozx] {
    color: var(--cx-subtle);
    font-weight: 500;
}

.wzp-row .meta[b-ks2qq2oozx] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 2px;
    line-height: 1.4;
    text-wrap: pretty;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wzp-row .meta .mono[b-ks2qq2oozx] {
    font-family: var(--cx-mono);
}

.wzp-row .chips[b-ks2qq2oozx] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 5px;
}

.wzp-row .chip[b-ks2qq2oozx] {
    display: inline-flex;
    align-items: center;
    height: 16px;
    font-size: var(--cx-size-cap);
    padding: 0 6px;
    border-radius: 4px;
    border: 1px solid var(--cx-border);
    background: var(--cx-panel);
    color: var(--cx-muted);
    white-space: nowrap;
}

.wzp-row .chip.bad[b-ks2qq2oozx] {
    border-color: var(--cx-red-border);
    background: var(--cx-red-soft);
    color: var(--cx-red);
}

.wzp-row .chip.more[b-ks2qq2oozx] {
    border: none;
    background: none;
    padding: 0;
    color: var(--cx-subtle);
    font-size: var(--cx-size-meta);
}

/* role as a word with a tone dot — not a filled pill */
.wzp-row .pill[b-ks2qq2oozx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
    white-space: nowrap;
    letter-spacing: .005em;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wzp-row .pill .dot[b-ks2qq2oozx] {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    flex-shrink: 0;
}

/* semantic anchors — side of the case (RoleTone) */
.wzp-row .pill .dot.tone-blue[b-ks2qq2oozx] { background: var(--cx-blue); }
.wzp-row .pill .dot.tone-red[b-ks2qq2oozx] { background: var(--cx-red); }
.wzp-row .pill .dot.tone-amber[b-ks2qq2oozx] { background: var(--cx-amber); }
.wzp-row .pill .dot.tone-slate[b-ks2qq2oozx] { background: var(--cx-slate); }

/* extra hues — assigned deterministically by the role's position in the court's
   role list (RoleTone cycles through them), chosen to read at 6px on white and
   stay distinct from the anchors and each other. Green reuses the app token;
   the rest have no cx token yet, so they're pinned here. */
.wzp-row .pill .dot.tone-green[b-ks2qq2oozx] { background: var(--cx-green, #16a34a); }
.wzp-row .pill .dot.tone-violet[b-ks2qq2oozx] { background: #7c3aed; }
.wzp-row .pill .dot.tone-teal[b-ks2qq2oozx] { background: #0d9488; }
.wzp-row .pill .dot.tone-indigo[b-ks2qq2oozx] { background: #4f46e5; }
.wzp-row .pill .dot.tone-pink[b-ks2qq2oozx] { background: #db2777; }
.wzp-row .pill .dot.tone-olive[b-ks2qq2oozx] { background: #a16207; }

/* hover-reveal actions */
.wzp-row .acts[b-ks2qq2oozx] {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
    opacity: .75;
    transition: opacity .12s;
}

.wzp-row:hover .acts[b-ks2qq2oozx] {
    opacity: 1;
}

.wzp-row .act[b-ks2qq2oozx] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--cx-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background .1s, color .1s;
}

.wzp-row .act:hover[b-ks2qq2oozx] {
    background: var(--cx-bg-deep);
    color: var(--cx-text);
}

.wzp-row .act.del:hover[b-ks2qq2oozx] {
    background: var(--cx-red-soft);
    color: var(--cx-red);
}

.wzp-row .act.lock[b-ks2qq2oozx] {
    cursor: help;
    color: var(--cx-faint);
}

.wzp-row .act.lock:hover[b-ks2qq2oozx] {
    background: transparent;
    color: var(--cx-faint);
}

/* ── pager — parties only, 10 per page ── */
.wzp-pager[b-ks2qq2oozx] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 -24px;
    padding: 9px 24px;
    border-top: 1px solid var(--cx-border-soft);
}

.wzp-pager .range[b-ks2qq2oozx] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
}

.wzp-pager .sp[b-ks2qq2oozx] {
    flex: 1;
}

.wzp-pager .pos[b-ks2qq2oozx] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    font-variant-numeric: tabular-nums;
}

.wzp-pager .pg[b-ks2qq2oozx] {
    height: 26px;
    min-width: 26px;
    padding: 0 6px;
    border-radius: 6px;
    border: 1px solid var(--cx-border);
    background: var(--cx-panel);
    color: var(--cx-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .1s, color .1s;
}

.wzp-pager .pg:hover:not(:disabled)[b-ks2qq2oozx] {
    background: var(--cx-bg-deep);
    color: var(--cx-text);
}

.wzp-pager .pg:disabled[b-ks2qq2oozx] {
    color: var(--cx-faint);
    cursor: default;
}

/* ── empty / no-match states ── */
.wzp-empty[b-ks2qq2oozx] {
    padding: 34px 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.wzp-empty .glyph[b-ks2qq2oozx] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cx-faint);
}

.wzp-empty .copy[b-ks2qq2oozx] {
    font-size: var(--cx-size-body);
    color: var(--cx-muted);
    text-align: center;
    line-height: 1.55;
    max-width: 380px;
    text-wrap: pretty;
}

.wzp-empty .copy strong[b-ks2qq2oozx] {
    color: var(--cx-text);
}

.wzp-empty .copy strong.bad[b-ks2qq2oozx] {
    color: var(--cx-red);
}

.wzp-nomatch[b-ks2qq2oozx] {
    margin: 0 -24px;
    padding: 18px 24px;
    border-top: 1px solid var(--cx-border-soft);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
}

.wzp-nomatch b[b-ks2qq2oozx] {
    color: var(--cx-text);
}

/* Section-level "no party/attorney matches": lighter than the card-wide answer,
   because it reports a section while the other one still shows rows. */
.wzp-nomatch.tight[b-ks2qq2oozx] {
    padding: 12px 24px;
}

.wzp-link[b-ks2qq2oozx] {
    border: none;
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-pri-text);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    transition: color .1s;
}

.wzp-link:hover[b-ks2qq2oozx] {
    color: var(--cx-pri-strong);
}

/* attorneys empty-state copy */
.wzp-attempty[b-ks2qq2oozx] {
    padding: 4px 0 14px;
}

.wzp-attempty .quiet[b-ks2qq2oozx] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

/* ── add actions — borderless: orange glyph, text label; the action reads,
   the chrome doesn't ── */
.wzp-addbar[b-ks2qq2oozx] {
    margin: 0 -24px;
    padding: 10px 15px 0;
    border-top: 1px solid var(--cx-border-soft);
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.wzp-addbar .hint[b-ks2qq2oozx] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

.wzp-add[b-ks2qq2oozx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 30px;
    padding: 0 9px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
    transition: background .1s;
}

.wzp-add:hover[b-ks2qq2oozx] {
    background: var(--cx-pri-soft);
}

.wzp-add .glyph[b-ks2qq2oozx] {
    display: inline-flex;
    color: var(--cx-pri);
}

/* ── modal overlay (design asModal path) — fixed backdrop, top-aligned editor,
   the page scrolls the overlay ── */
.wzp-modal-overlay[b-ks2qq2oozx] {
    position: fixed;
    inset: 0;
    z-index: 400;
    background: rgba(28, 25, 23, 0.42);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 4vh 20px 20px;
    overflow-y: auto;
    outline: none;
    animation: cx-fade .12s ease;
}

.wzp-modal[b-ks2qq2oozx] {
    width: 860px;
    max-width: 100%;
    min-width: 0;
}

.wzp-modal.atty[b-ks2qq2oozx] {
    width: 780px;
}

@media (max-width: 640px) {
    .wzp-modal-overlay[b-ks2qq2oozx] {
        padding: 12px;
    }

    .wzp[b-ks2qq2oozx]  .wzp-editor {
        max-height: calc(100vh - 24px);
    }
}

/* ── editor shell (SelectParty / SelectAttorney — children, via ::deep) —
   modal chrome: warm header band, scrollable body, sticky panel-alt footer ── */
.wzp[b-ks2qq2oozx]  .wzp-editor {
    display: flex;
    flex-direction: column;
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    border-radius: 10px;
    box-shadow: var(--cx-shadow-pop);
    max-height: calc(96vh - 20px);
    width: 100%;
    min-width: 0;
    animation: cx-pop .16s ease;
}

/* the EditForm's <form> sits between the shell and body/foot — it must pass the
   flex constraint through so the body can shrink and scroll */
.wzp[b-ks2qq2oozx]  .wzp-editor form {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-head {
    padding: 13px 24px;
    background: var(--cx-pri-soft);
    border-bottom: 1px solid var(--cx-pri-border);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-head .tile {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: var(--cx-panel);
    border: 1px solid var(--cx-pri-border);
    color: var(--cx-pri-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-head .tt {
    min-width: 0;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-head .t {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
}

.wzp[b-ks2qq2oozx]  .wzp-ed-head .s {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    margin-top: 1px;
    text-wrap: pretty;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-head .sp {
    flex: 1;
    min-width: 10px;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-x {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: none;
    padding: 4px 8px;
    border-radius: 6px;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-muted);
    cursor: pointer;
    transition: background .1s, color .1s;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-x:hover {
    background: var(--cx-panel);
    color: var(--cx-text);
}

/* inline discard-confirm — replaces the cancel affordance, nothing modal */
.wzp[b-ks2qq2oozx]  .wzp-ed-discard {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-discard .q {
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-text);
}

.wzp[b-ks2qq2oozx]  .wzp-ed-body {
    padding: 16px 24px 18px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-foot {
    padding: 13px 24px;
    border-top: 1px solid var(--cx-border);
    background: var(--cx-panel-alt);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-foot .sp {
    flex: 1;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-foot .note {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-foot .errcount {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-red);
}

/* on-record editor internals */
.wzp[b-ks2qq2oozx]  .wzp-ed-notice {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    padding: 9px 11px;
    background: var(--cx-blue-soft);
    border: 1px solid var(--cx-blue-border);
    border-radius: 9px;
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    line-height: 1.5;
    text-wrap: pretty;
    margin-bottom: 18px;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-cap {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 18px 0 12px;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-cap:first-of-type {
    margin-top: 0;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-cap .ic {
    display: inline-flex;
    color: var(--cx-slate);
}

.wzp[b-ks2qq2oozx]  .wzp-ed-cap span:not(.ic) {
    font-family: var(--cx-label-font);
    font-size: var(--cx-label-size);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: uppercase;
    color: var(--cx-label-color);
}

.wzp[b-ks2qq2oozx]  .wzp-ed-facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    column-gap: 16px;
    row-gap: 10px;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-facts .fr {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0;
    border-bottom: 1px dotted var(--cx-border);
}

.wzp[b-ks2qq2oozx]  .wzp-ed-facts .fl {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
}

.wzp[b-ks2qq2oozx]  .wzp-ed-facts .fv {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
    text-align: right;
    min-width: 0;
    text-wrap: pretty;
}

.wzp[b-ks2qq2oozx]  .wzp-ed-checks {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

/* ── confirm-remove modal copy (bands come from cx-modal-body/foot) ── */
.wzp[b-ks2qq2oozx]  .wzp-confirm-copy {
    margin: 0;
    font-size: var(--cx-size-body);
    color: var(--cx-muted);
    line-height: 1.55;
    text-wrap: pretty;
}

.wzp[b-ks2qq2oozx]  .wzp-confirm-copy strong {
    color: var(--cx-text);
}

/* ── skeleton ── */
.wzp-skel[b-ks2qq2oozx] {
    display: flex;
    flex-direction: column;
}

.wzp-skel-band[b-ks2qq2oozx] {
    margin: 0 -24px;
    padding: 13px 24px;
    background: var(--cx-panel-alt);
    border-bottom: 1px solid var(--cx-border);
}

.wzp-skel-row[b-ks2qq2oozx] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 -24px;
    padding: 12px 24px;
}

.wzp-skel-row.sep[b-ks2qq2oozx] {
    border-top: 1px solid var(--cx-border-soft);
}

.wzp-skel-col[b-ks2qq2oozx] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.wzp-skel-bar[b-ks2qq2oozx] {
    display: block;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--cx-bg-deep) 25%, var(--cx-border-soft) 50%, var(--cx-bg-deep) 75%);
    background-size: 200% 100%;
    animation: wzp-shimmer-b-ks2qq2oozx 1.3s linear infinite;
}

.wzp-skel-bar.cap[b-ks2qq2oozx] { height: 10px; width: 150px; }
.wzp-skel-bar.tile[b-ks2qq2oozx] { width: 26px; height: 26px; border-radius: 6px; }
.wzp-skel-bar.name[b-ks2qq2oozx] { height: 10px; width: 168px; }
.wzp-skel-bar.meta[b-ks2qq2oozx] { height: 9px; width: 104px; }
.wzp-skel-bar.pill[b-ks2qq2oozx] { height: 17px; width: 70px; border-radius: 4px; }

.wzp-skel-note[b-ks2qq2oozx],
.wzp[b-ks2qq2oozx]  .wzp-skel-note {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 20px;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
}

.wzp-spin[b-ks2qq2oozx],
.wzp[b-ks2qq2oozx]  .wzp-spin {
    color: var(--cx-subtle);
    animation: wzp-spin-b-ks2qq2oozx .9s linear infinite;
    flex-shrink: 0;
}

@keyframes wzp-spin-b-ks2qq2oozx {
    to { transform: rotate(360deg); }
}

@keyframes wzp-shimmer-b-ks2qq2oozx {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

/* ── the court's record of who represents whom (subsequent filings, courts that return it) ──
   Two rules: neutral ink is the court's record — nothing here is ever the app's orange, nothing
   here has a save; and a count-and-a-name on the row, the whole map behind a door. */

/* head tools: the front-door button and the card search share the head's end */
.wzp-headtools[b-ks2qq2oozx] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.wzp-repbtn[b-ks2qq2oozx] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    padding: 0 10px;
    border-radius: var(--cx-ctl-r);
    border: 1px solid var(--cx-border);
    background: var(--cx-panel);
    cursor: pointer;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
    white-space: nowrap;
    transition: background .12s, border-color .12s;
}

.wzp-repbtn .ic[b-ks2qq2oozx] {
    display: inline-flex;
    color: var(--cx-subtle);
}

.wzp-repbtn:hover[b-ks2qq2oozx] {
    background: var(--cx-bg-deep);
    border-color: var(--cx-border);
}

/* the chips row hosts the mark; keep its wrap rhythm when the mark and chips share it */
.wzp-row .chips[b-ks2qq2oozx] {
    align-items: center;
    column-gap: 12px;
}


/* Column head for the party and attorney lists — the same grid as .wzp-row, so a
   value sits under its heading. The old portal's table, on our tokens: it is what
   lets a row drop its own labels without becoming a guess. */
.wzp-colhead[b-ks2qq2oozx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 132px 74px;
    align-items: center;
    column-gap: 12px;
    margin: 0 -24px;
    padding: 4px 24px 7px;
    border-bottom: 1px solid var(--cx-border);
    font-family: var(--cx-label-font);
    font-size: var(--cx-label-size);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: uppercase;
    color: var(--cx-label-color);
}

.wzp-colhead .r[b-ks2qq2oozx] {
    text-align: right;
}

/* The head is the separator above the first row, so that row drops its own rule. */
.wzp-colhead + .wzp-row[b-ks2qq2oozx] {
    border-top: none;
}

/* Breathing room: rows were packed tight enough to read as a paragraph. */
.wzp-row[b-ks2qq2oozx] {
    padding-top: 13px;
    padding-bottom: 13px;
}
/* /Components/EFiling/ReviewFiling.razor.rz.scp.css */
/* ── Wizard REVIEW step ─────────────────────────────────────────────────────
   One stylesheet for the whole step: the section components under Review/ are
   DOM descendants of .rvw, so every rule below reaches them through ::deep and
   no subcomponent re-declares a skin. cx tokens only — no raw hex.

   READING SCALE. This page is READ, not filled, so the scale is set for
   scanning: a field LABEL has to be findable (11.5/500 at the readability
   floor, never the faint decoration tier), its VALUE dominates (13.5/600),
   CLUSTER headings carry the structure in sentence case, and UPPERCASE
   micro-caps are reserved for section chrome. --cx-faint is decoration only.

   SPACING is one pattern, not per-section: .rv-head owns the rule and the space
   ABOVE it, .rv-sec owns the space BELOW its content, and a list section's last
   row drops its hairline — so exactly one rule ever separates two sections.

   The host card (.wz-stepcard.converted) supplies 24px padding; full-bleed
   elements pull -24px against it. */

/* FAMILIARITY ROUND 2026-09-24 — Review is read on every filing, so it runs one
   notch above the app floor: 16px body (the old build's), 14px secondary. Scoped
   TOKENS, not literals: every rule below reads the scale, so the whole step moves
   together. No font-size in this file is a literal except the total. */
.rvw[b-78d0ibxv1v] {
    --cx-size-body: 15px;
    --cx-size-meta: 13px;
    --cx-size-head: 18px;
    position: relative;
    container: rvwstep / inline-size;
    font-size: var(--cx-size-body);
    line-height: var(--cx-lh-body);
    color: var(--cx-text);
    min-width: 0;
}

/* ── card header band ───────────────────────────────────────────────────── */

.rvw > .rv-headband[b-78d0ibxv1v] {
    margin: -24px -24px 0;
    padding: 12px 24px;
    border-bottom: 1px solid var(--cx-border);
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

/* The rejection band already sits against the card's top edge, so the header
   stops pulling up under it. */
.rvw[b-78d0ibxv1v]  .rv-reject + .rv-headband {
    margin-top: 0;
}

.rvw > .rv-headband > .t[b-78d0ibxv1v] {
    font-size: var(--cx-size-head);
    font-family: var(--cx-heading-font);
    font-weight: var(--cx-heading-weight);
    text-transform: var(--cx-heading-transform);
    letter-spacing: var(--cx-heading-track);
    line-height: var(--cx-heading-lh);
    color: var(--cx-text);
}

/* ── section head ───────────────────────────────────────────────────────── */

.rvw[b-78d0ibxv1v]  .rv-head {
    margin: 14px -24px 0;
    padding: 16px 24px 11px;
    border-top: 1px solid var(--cx-border);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rvw[b-78d0ibxv1v]  .rv-head.first {
    margin-top: 0;
    border-top: none;
    padding-top: 16px;
}

/* FAMILIARITY ROUND: the read-surface head voice (.cx-sechead) — sentence case at
   head size in ink, icon in the primary colour. Replaces the 11px slate caps, which
   left the page reading as greyscale; the colour marks where each section starts. */
.rvw[b-78d0ibxv1v]  .rv-head .ic {
    display: inline-flex;
    color: var(--cx-accent);
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-head .ic svg {
    width: 17px;
    height: 17px;
}

.rvw[b-78d0ibxv1v]  .rv-head h3 {
    margin: 0;
    font-family: var(--cx-font);
    font-size: var(--cx-size-head);
    font-weight: 700;
    letter-spacing: -.1px;
    line-height: var(--cx-lh-head);
    color: var(--cx-text);
}

/* Counts carry information (how many parties, how big the envelope), so they
   sit at the readability floor — never the faint decoration tier. */
.rvw[b-78d0ibxv1v]  .rv-head .cnt {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
}

.rvw[b-78d0ibxv1v]  .rv-head .sp {
    flex: 1;
    min-width: 12px;
}

.rvw[b-78d0ibxv1v]  .rv-head .aside {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-head .ok {
    color: var(--cx-green);
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-head.has-err .ic,
.rvw[b-78d0ibxv1v]  .rv-head.has-err h3 {
    color: var(--cx-red);
}

.rvw[b-78d0ibxv1v]  .rv-errpill {
    display: inline-flex;
    align-items: center;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-red);
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    border-radius: 4px;
    padding: 1px 6px;
    white-space: nowrap;
}

.rvw[b-78d0ibxv1v]  .rv-edit {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 22px;
    padding: 0 7px;
    border-radius: 5px;
    border: 1px solid var(--cx-border);
    background: var(--cx-panel);
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-muted);
    cursor: pointer;
    flex-shrink: 0;
    transition: color .1s, border-color .1s, background .1s;
}

.rvw[b-78d0ibxv1v]  .rv-edit:hover {
    color: var(--cx-pri-text);
    border-color: var(--cx-pri-border);
    background: var(--cx-pri-soft);
}

/* Every section's bottom breathing room lives here. */
.rvw[b-78d0ibxv1v]  .rv-sec {
    padding-bottom: 17px;
}

.rvw[b-78d0ibxv1v]  .rv-sec.list {
    padding-bottom: 7px;
}

/* ── quiet inline link (expand all, manage roster, show/collapse) ───────── */

.rvw[b-78d0ibxv1v]  .rv-link {
    border: none;
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-muted);
    cursor: pointer;
}

.rvw[b-78d0ibxv1v]  .rv-link:hover {
    color: var(--cx-pri-text);
}

.rvw[b-78d0ibxv1v]  .rv-link.strong {
    font-size: var(--cx-size-meta);
    font-weight: 700;
    color: var(--cx-pri-text);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ── facts: label over value ────────────────────────────────────────────── */
/* SIMPLIFY ROUND: one field pattern for the whole step, ~200px columns. */

.rvw[b-78d0ibxv1v]  .fact-grid {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 14px 32px;
}

.rvw[b-78d0ibxv1v]  .fact-grid > .fact {
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .fact-grid dt {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: var(--cx-lh-meta);
}

.rvw[b-78d0ibxv1v]  .fact-grid dd {
    margin: 3px 0 0;
    font-size: var(--cx-size-body);
    font-weight: 500;
    color: var(--cx-text);
    line-height: var(--cx-lh-body);
    overflow-wrap: anywhere;
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .fact-grid dd.mono {
    font-family: var(--cx-mono);
}

.rvw[b-78d0ibxv1v]  .fact-grid dd.none {
    color: var(--cx-subtle);
}

.rvw[b-78d0ibxv1v]  .fact-grid dd.lines {
    white-space: pre-line;
}

.rvw[b-78d0ibxv1v]  .fact-grid dd.note {
    font-size: var(--cx-size-meta);
    font-weight: 400;
    color: var(--cx-subtle);
}

.rvw[b-78d0ibxv1v]  .fact-grid dd.note.source {
    display: flex;
    gap: 5px;
    align-items: flex-start;
}

.rvw[b-78d0ibxv1v]  .fact-grid dd.note.source svg {
    flex-shrink: 0;
    margin-top: 3px;
}

/* Case: each group its own grid, stretched across the width, a hairline between
   groups (the pre-simplify look, owner's call). */
.rvw[b-78d0ibxv1v]  .case-group .fact-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.rvw[b-78d0ibxv1v]  .case-group + .case-group {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--cx-border-soft);
}

/* A titled group inside a section or an opened row ("Additional case information",
   "Services on this document"): a small bold heading, no rule. */
.rvw[b-78d0ibxv1v]  .fact-heading {
    margin: 24px 0 12px;
    font-size: var(--cx-size-meta);
    font-weight: 700;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .fact-heading .count,
.rvw[b-78d0ibxv1v]  .fact-heading .note {
    margin-left: 8px;
    font-weight: 400;
    color: var(--cx-muted);
}

@container rvwstep (max-width: 640px) {
    .rvw[b-78d0ibxv1v]  .fact-grid,
    .rvw[b-78d0ibxv1v]  .case-group .fact-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }
}

/* ── tables: Parties, Documents ─────────────────────────────────────────── */
/* SIMPLIFY ROUND: a flat table — column names once, plain lines, an opened line's
   detail on white marked by a lightened brand line on the left. */

.rvw[b-78d0ibxv1v] {
    --row-open-line: color-mix(in srgb, var(--cx-pri) 42%, var(--cx-panel));
}

.rvw[b-78d0ibxv1v]  .table-head,
.rvw[b-78d0ibxv1v]  .table-row > .line {
    display: grid;
    grid-template-columns: var(--row-columns);
    column-gap: 20px;
    align-items: center;
    padding: 0 24px;
}

.rvw[b-78d0ibxv1v]  .table-head {
    margin: 0 -24px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--cx-border);
    font-family: var(--cx-label-font);
    font-size: var(--cx-size-meta);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: var(--cx-heading-transform);
    color: var(--cx-muted);
}

.rvw[b-78d0ibxv1v]  .table-head .right {
    text-align: right;
}

.rvw[b-78d0ibxv1v]  .table-row {
    margin: 0 -24px;
    border-bottom: 1px solid var(--cx-border-soft);
}

.rvw[b-78d0ibxv1v]  .table-row:last-child {
    border-bottom: none;
}

.rvw[b-78d0ibxv1v]  .table-row > .line {
    min-height: 54px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.rvw[b-78d0ibxv1v]  .table-row > .line.opens {
    cursor: pointer;
    transition: background .1s;
}

.rvw[b-78d0ibxv1v]  .table-row > .line.opens:hover {
    background: var(--cx-row-hover);
}

.rvw[b-78d0ibxv1v]  .table-row[data-open="1"] > .line.opens:hover {
    background: var(--cx-panel);
}

.rvw[b-78d0ibxv1v]  .table-row .chevron-cell {
    display: inline-flex;
    align-items: center;
}

.rvw[b-78d0ibxv1v]  .table-row .chevron {
    width: 20px;
    height: 24px;
    padding: 0;
    border: none;
    background: none;
    display: inline-flex;
    align-items: center;
    color: var(--cx-subtle);
    cursor: pointer;
}

.rvw[b-78d0ibxv1v]  .table-row .chevron svg {
    transition: transform .12s;
}

.rvw[b-78d0ibxv1v]  .table-row[data-open="1"] > .line .chevron svg {
    transform: rotate(90deg);
}

.rvw[b-78d0ibxv1v]  .table-row .cell {
    min-width: 0;
    color: var(--cx-text);
    overflow-wrap: anywhere;
}

.rvw[b-78d0ibxv1v]  .table-row .cell.none {
    color: var(--cx-subtle);
}

.rvw[b-78d0ibxv1v]  .table-row .cell.party-name,
.rvw[b-78d0ibxv1v]  .table-row .cell.attorney-name {
    font-weight: 600;
}

.rvw[b-78d0ibxv1v]  .table-row:not([data-open="1"]) > .row-detail {
    display: none;
}

.rvw[b-78d0ibxv1v]  .table-row > .row-detail {
    position: relative;
    padding: 14px 24px 20px 64px;
    background: var(--cx-panel);
    border-top: 1px solid var(--cx-border-soft);
}

.rvw[b-78d0ibxv1v]  .table-row > .row-detail::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--row-open-line);
    pointer-events: none;
}

.rvw[b-78d0ibxv1v]  .table-row.child > .row-detail {
    padding-left: 86px;
}

.rvw[b-78d0ibxv1v]  .table-row .row-detail .fact-heading {
    margin: 18px 0 10px;
}

/* Narrow: no column names; each cell drops under the name with its own label. */
@container rvwstep (max-width: 640px) {
    .rvw[b-78d0ibxv1v]  .table-head {
        display: none;
    }

    .rvw[b-78d0ibxv1v]  .table-row > .line {
        grid-template-columns: 20px minmax(0, 1fr);
        row-gap: 6px;
        align-items: start;
        padding: 10px 16px;
    }

    .rvw[b-78d0ibxv1v]  .table-row > .line > :not(.chevron-cell) {
        grid-column: 2;
    }

    .rvw[b-78d0ibxv1v]  .table-row > .line > [data-label] {
        font-size: var(--cx-size-meta);
    }

    .rvw[b-78d0ibxv1v]  .table-row > .line > [data-label]::before {
        content: attr(data-label);
        display: inline-block;
        min-width: 108px;
        color: var(--cx-muted);
    }

    .rvw[b-78d0ibxv1v]  .table-row > .row-detail,
    .rvw[b-78d0ibxv1v]  .table-row.child > .row-detail {
        padding: 0 16px 18px 42px;
    }
}

/* ── tags / chips / role tags ───────────────────────────────────────────── */

/* ── I11: marks inline on Review's dense rows drop their box, not their
   height — the inline qualifier (sentence case, meta, muted). What used to be
   the tone-soft fill survives as text color only. ── */
.rvw[b-78d0ibxv1v]  .rv-chip {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    white-space: nowrap;
    cursor: help;
}

.rvw[b-78d0ibxv1v]  .rv-chip.req {
    color: var(--cx-amber);
}

.rvw[b-78d0ibxv1v]  .rv-tag {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    white-space: nowrap;
}

.rvw[b-78d0ibxv1v]  .rv-tag.lead {
    font-weight: 600;
    color: var(--cx-text);
}

/* ── alternate identities ───────────────────────────────────────────────── */

/* ── documents: the name, and the files the court receives ────────────── */

.rvw[b-78d0ibxv1v]  .document-name {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .document-name .tree {
    display: inline-flex;
    flex-shrink: 0;
    margin-top: 4px;
    color: var(--cx-subtle);
}

.rvw[b-78d0ibxv1v]  .table-row.child .document-name {
    padding-left: 4px;
}

.rvw[b-78d0ibxv1v]  .document-name .text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .document-name .title {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    font-weight: 600;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .document-name .sub {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
}

.rvw[b-78d0ibxv1v]  .security-flag {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 7px;
    border: 1px solid var(--cx-border);
    border-radius: 4px;
    background: var(--cx-panel);
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-text);
    white-space: nowrap;
    cursor: help;
}

.rvw[b-78d0ibxv1v]  .document-files {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .no-file {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-red);
}

@container rvwstep (max-width: 640px) {
    .rvw[b-78d0ibxv1v]  .document-file {
        font-size: var(--cx-size-meta);
    }

    .rvw[b-78d0ibxv1v]  .table-row > .line > .document-files[data-label]::before {
        display: none;
    }
}

/* ── per-document service lines (read-only, inside a document row) ──────── */

.rvw[b-78d0ibxv1v]  .rv-svclines .ln {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 7px 0;
    border-bottom: 1px solid var(--cx-border-soft);
}

.rvw[b-78d0ibxv1v]  .rv-svclines .ln:last-child {
    border-bottom: none;
}

.rvw[b-78d0ibxv1v]  .rv-svclines .n {
    font-size: var(--cx-size-body);
    font-weight: 500;
    color: var(--cx-muted);
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .rv-svclines .rq {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-svclines .sp {
    flex: 1;
    min-width: 12px;
}

.rvw[b-78d0ibxv1v]  .rv-svclines .am {
    /* ink I5 TEST: amounts in the content face, tabular digits — Confirm stays mono for comparison */
    font-variant-numeric: tabular-nums;
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-svclines .am.empty {
    color: var(--cx-subtle);
}

/* ── serve contacts ─────────────────────────────────────────────────────── */

/* ── resolve cards ──────────────────────────────────────────────────────── */

.rvw[b-78d0ibxv1v]  .rv-field {
    max-width: 420px;
}

.rvw[b-78d0ibxv1v]  .rv-field.wide {
    max-width: 640px;
}

.rvw[b-78d0ibxv1v]  .rv-hint {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    line-height: 1.5;
    margin-top: 5px;
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-hint.pad {
    padding: 9px 11px;
}

.rvw[b-78d0ibxv1v]  .rv-ferr {
    font-size: var(--cx-size-meta);
    font-weight: 500;
    color: var(--cx-red);
    line-height: 1.45;
    margin-top: 5px;
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-warn {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 11px 12px;
    background: var(--cx-amber-soft);
    border: 1px solid var(--cx-amber-border);
    border-radius: var(--cx-ctl-r);
    max-width: 720px;
}

.rvw[b-78d0ibxv1v]  .rv-warn .ic {
    color: var(--cx-amber);
    flex-shrink: 0;
    margin-top: 2px;
}

.rvw[b-78d0ibxv1v]  .rv-warn .bd {
    flex: 1 1 300px;
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .rv-warn .tt {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .rv-warn .ms {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.55;
    margin-top: 4px;
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-notice {
    max-width: 640px;
    padding: 11px 12px;
    background: var(--cx-blue-soft);
    border: 1px solid var(--cx-blue-border);
    border-radius: var(--cx-ctl-r);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.55;
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-empty {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    line-height: 1.5;
    text-wrap: pretty;
}

/* ── fee surface ────────────────────────────────────────────────────────── */

.rvw[b-78d0ibxv1v]  .rv-feeerr {
    margin: 0 -24px 14px;
    padding: 12px 24px 13px;
    background: var(--cx-red-soft);
    border-top: 1px solid var(--cx-red-border);
    border-bottom: 1px solid var(--cx-red-border);
    display: flex;
    gap: 10px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.rvw[b-78d0ibxv1v]  .rv-feeerr .ic {
    color: var(--cx-red);
    flex-shrink: 0;
    margin-top: 2px;
}

.rvw[b-78d0ibxv1v]  .rv-feeerr .bd {
    flex: 1 1 340px;
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .rv-feeerr .tt {
    font-size: var(--cx-size-meta);
    font-weight: 700;
    color: var(--cx-red);
}

.rvw[b-78d0ibxv1v]  .rv-feeerr .ms {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.5;
    margin-top: 3px;
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-feeerr .ms .lines {
    margin: 4px 0 6px;
    padding-left: 17px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.rvw[b-78d0ibxv1v]  .rv-feecalc .ln {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 7px 0;
}

.rvw[b-78d0ibxv1v]  .rv-feecalc .sp {
    flex: 1;
}

.rvw[b-78d0ibxv1v]  .rv-feecalc .bar,
.rvw > .rv-skel .cap[b-78d0ibxv1v],
.rvw > .rv-skel .k[b-78d0ibxv1v],
.rvw > .rv-skel .v[b-78d0ibxv1v] {
    display: block;
    height: 10px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--cx-bg-deep) 25%, var(--cx-panel-alt) 37%, var(--cx-bg-deep) 63%);
    background-size: 400% 100%;
    animation: rv-shimmer-b-78d0ibxv1v 1.4s ease infinite;
}

.rvw[b-78d0ibxv1v]  .rv-feecalc .bar.amt {
    width: 62px;
    flex: 0 0 auto;
}

.rvw[b-78d0ibxv1v]  .rv-feecalc .note,
.rvw > .rv-skel .note[b-78d0ibxv1v] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
}

@keyframes rv-shimmer-b-78d0ibxv1v {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

.rvw > .rv-skel[b-78d0ibxv1v] {
    padding: 18px 0 4px;
}

.rvw > .rv-skel .sec[b-78d0ibxv1v] {
    margin-bottom: 22px;
}

.rvw > .rv-skel .cap[b-78d0ibxv1v] {
    width: 84px;
    height: 9px;
    margin-bottom: 12px;
}

.rvw > .rv-skel .grid[b-78d0ibxv1v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    column-gap: 26px;
    row-gap: 15px;
}

.rvw > .rv-skel .k[b-78d0ibxv1v] {
    width: 68px;
    height: 9px;
    margin-bottom: 7px;
}

.rvw > .rv-skel .v[b-78d0ibxv1v] {
    width: 76%;
    height: 12px;
}

.rvw[b-78d0ibxv1v]  .rv-stale {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 12px;
    padding: 7px 10px;
    background: var(--cx-amber-soft);
    border: 1px solid var(--cx-amber-border);
    border-radius: var(--cx-ctl-r);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-stale .rv-spin {
    color: var(--cx-amber);
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-spin {
    animation: rv-spin-b-78d0ibxv1v 1s linear infinite;
    flex-shrink: 0;
}

@keyframes rv-spin-b-78d0ibxv1v {
    to {
        transform: rotate(360deg);
    }
}

/* ── the fee table: Document · Fee name · Fee ──────────────────────────── */

.rvw[b-78d0ibxv1v]  .fee-table {
    --fee-columns: minmax(0, 1fr) minmax(0, 1.5fr) 128px;
    margin: 0 -24px;
}

.rvw[b-78d0ibxv1v]  .fee-head,
.rvw[b-78d0ibxv1v]  .fee-row {
    display: grid;
    grid-template-columns: var(--fee-columns);
    column-gap: 20px;
    align-items: center;
    padding: 0 24px;
}

.rvw[b-78d0ibxv1v]  .fee-head {
    padding-bottom: 9px;
    border-bottom: 1px solid var(--cx-border);
    font-family: var(--cx-label-font);
    font-size: var(--cx-size-meta);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: var(--cx-heading-transform);
    color: var(--cx-muted);
}

.rvw[b-78d0ibxv1v]  .fee-head .right {
    text-align: right;
}

.rvw[b-78d0ibxv1v]  .fee-group + .fee-group {
    border-top: 1px solid var(--cx-border-soft);
}

.rvw[b-78d0ibxv1v]  .fee-row {
    min-height: 42px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.rvw[b-78d0ibxv1v]  .fee-row.add {
    min-height: 34px;
    padding-top: 0;
    padding-bottom: 10px;
}

/* A question from the court (a fee to choose) spans the row. */
.rvw[b-78d0ibxv1v]  .fee-row.wide {
    display: block;
}

.rvw[b-78d0ibxv1v]  .fee-row.wide .rv-envq {
    margin: 4px 0;
}

.rvw[b-78d0ibxv1v]  .fee-row .document {
    min-width: 0;
    color: var(--cx-text);
    overflow-wrap: anywhere;
}

.rvw[b-78d0ibxv1v]  .fee-row .fee {
    min-width: 0;
    color: var(--cx-muted);
}

/* "3 filing parties × $435.00" under an OC first-paper fee charged per party. */
.rvw[b-78d0ibxv1v]  .fee-row .fee .per-party {
    display: block;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
}

.rvw[b-78d0ibxv1v]  .fee-row .amount {
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .fee-row .amount.quiet {
    color: var(--cx-subtle);
}

/* A service on a document: its name, then quantity / amount inputs and remove. */
.rvw[b-78d0ibxv1v]  .fee-row .service {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .fee-row .service-name {
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .fee-row .quantity {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
}

.rvw[b-78d0ibxv1v]  .fee-row .quantity .rv-num {
    width: 58px;
    height: 28px;
}

.rvw[b-78d0ibxv1v]  .fee-row .quantity .rv-num.wide {
    width: 96px;
}

.rvw[b-78d0ibxv1v]  .fee-row .remove {
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 6px;
    background: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--cx-muted);
    cursor: pointer;
}

.rvw[b-78d0ibxv1v]  .fee-row .remove:hover {
    background: var(--cx-red-soft);
    color: var(--cx-red);
}

.rvw[b-78d0ibxv1v]  .fee-row .add-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rvw[b-78d0ibxv1v]  .fee-total {
    display: flex;
    align-items: baseline;
    gap: 16px;
    flex-wrap: wrap;
    margin: 8px 24px 0;
    padding: 14px 0 2px;
    border-top: 1px solid var(--cx-border);
}

.rvw[b-78d0ibxv1v]  .fee-total .label {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--cx-size-head);
    font-weight: 700;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .fee-total .note {
    margin-left: 10px;
    font-size: var(--cx-size-meta);
    font-weight: 400;
    color: var(--cx-muted);
}

.rvw[b-78d0ibxv1v]  .fee-total .amount {
    font-size: var(--cx-size-figure-xs);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .fee-total .amount.stale {
    color: var(--cx-subtle);
}

.rvw[b-78d0ibxv1v]  .fee-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    margin-top: 20px;
}

.rvw[b-78d0ibxv1v]  .fee-actions .rv-accept {
    margin-top: 0;
}

@container rvwstep (max-width: 640px) {
    .rvw[b-78d0ibxv1v]  .fee-head {
        display: none;
    }

    .rvw[b-78d0ibxv1v]  .fee-row {
        grid-template-columns: minmax(0, 1fr) auto;
        row-gap: 2px;
        padding: 8px 24px;
    }

    .rvw[b-78d0ibxv1v]  .fee-row .document {
        grid-column: 1;
        grid-row: 1;
        font-size: var(--cx-size-meta);
        color: var(--cx-muted);
    }

    .rvw[b-78d0ibxv1v]  .fee-row .document:empty {
        display: none;
    }

    .rvw[b-78d0ibxv1v]  .fee-row .fee {
        grid-column: 1;
        color: var(--cx-text);
    }

    .rvw[b-78d0ibxv1v]  .fee-row .amount {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: center;
    }
}

/* ── who's responsible for a flagged fee ─────────────────────────────────
   Attribution, never arithmetic: no amount is ever entered here. Everything is
   text-sized so a service row never becomes a form. */

/* A checkbox-shaped toggle that states BOTH of its states, and a menu button with a
   chevron — at this size a bare word doesn't read as something you can click. */
.rvw[b-78d0ibxv1v]  .rv-mini {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 24px;
    padding: 0 8px 0 6px;
    border: 1px solid var(--cx-border);
    border-radius: 5px;
    background: var(--cx-panel);
    color: var(--cx-muted);
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
    transition: background .1s, border-color .1s, color .1s;
}

.rvw[b-78d0ibxv1v]  .rv-mini:hover {
    background: var(--cx-panel-alt);
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .rv-mini .bx {
    width: 13px;
    height: 13px;
    border-radius: 3px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--cx-input-border-strong);
    background: var(--cx-panel);
    color: var(--cx-panel);
}

.rvw[b-78d0ibxv1v]  .rv-mini.on {
    border-color: var(--cx-green-border);
    background: var(--cx-green-soft);
    color: var(--cx-green);
}

.rvw[b-78d0ibxv1v]  .rv-mini.on:hover {
    background: var(--cx-green-soft);
    border-color: var(--cx-green);
}

.rvw[b-78d0ibxv1v]  .rv-mini.on .bx {
    border-color: var(--cx-green);
    background: var(--cx-green);
}

.rvw[b-78d0ibxv1v]  .rv-mini.pick {
    max-width: 260px;
    padding: 0 6px 0 8px;
    font-weight: 500;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .rv-mini.pick .lb {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rvw[b-78d0ibxv1v]  .rv-mini.pick > svg {
    color: var(--cx-subtle);
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-mini.pick.bad {
    border-color: var(--cx-red);
    color: var(--cx-red);
}

.rvw[b-78d0ibxv1v]  .rv-minimenu {
    position: relative;
    display: inline-block;
}

.rvw[b-78d0ibxv1v]  .rv-menu.mini {
    width: 268px;
    padding: 3px 0;
}

/* The mini menus are built from spans (they live inside a text-sized row), so the
   list wrapper needs the block the div version gets for free. */
.rvw[b-78d0ibxv1v]  .rv-menu.mini .ml {
    display: block;
}

.rvw[b-78d0ibxv1v]  .rv-num {
    height: 30px;
    width: 78px;
    border: var(--cx-input-bw) solid var(--cx-input-border);
    border-radius: var(--cx-ctl-r);
    background: var(--cx-panel);
    box-shadow: var(--cx-input-edge);
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    text-align: right;
    padding: 0 8px;
    color: var(--cx-text);
    outline: none;
}

.rvw[b-78d0ibxv1v]  .rv-num:focus {
    border-color: var(--cx-pri);
    box-shadow: 0 0 0 var(--cx-ring-w) var(--cx-pri-ring);
}

.rvw[b-78d0ibxv1v]  .rv-num.bad {
    border-color: var(--cx-red);
}

.rvw[b-78d0ibxv1v]  .rv-courtline {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 5px 0;
}

.rvw[b-78d0ibxv1v]  .rv-courtline .n {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--cx-size-body);
    color: var(--cx-muted);
    text-wrap: pretty;
}

/* The answered form of a court question: the chosen fee's name, then a sub-line
   naming the document it prices and the way back to the question. */
.rvw[b-78d0ibxv1v]  .rv-courtline .n .sub {
    display: block;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 2px;
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-courtline .sp {
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-courtline .am {
    width: 104px;
    flex-shrink: 0;
    text-align: right;
    /* ink I5 TEST: amounts in the content face, tabular digits — Confirm stays mono for comparison */
    font-variant-numeric: tabular-nums;
    font-size: var(--cx-size-body);
    font-variant-numeric: tabular-nums;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .rv-courtline .am.stale {
    color: var(--cx-subtle);
}

.rvw[b-78d0ibxv1v]  .rv-courtline .pad {
    width: 26px;
    flex-shrink: 0;
}

/* A court charge that is a QUESTION. Unanswered it is unmistakable and blocking —
   amber until submit is attempted, red after; answered it collapses into an ordinary
   rv-courtline whose sub-line names the document and offers Change. */
.rvw[b-78d0ibxv1v]  .rv-envq {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    margin: 9px 0;
    padding: 12px 13px 13px;
    border: 1px solid var(--cx-amber-border);
    border-radius: 8px;
    background: var(--cx-amber-soft);
}

.rvw[b-78d0ibxv1v]  .rv-envq.bad {
    border-color: var(--cx-red-border);
    background: var(--cx-red-soft);
}

.rvw[b-78d0ibxv1v]  .rv-envq > .ic {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--cx-amber);
}

.rvw[b-78d0ibxv1v]  .rv-envq.bad > .ic {
    color: var(--cx-red);
}

.rvw[b-78d0ibxv1v]  .rv-envq .bd {
    flex: 1;
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .rv-envq .tt {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .rv-envq .ms {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.55;
    margin-top: 3px;
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-envq .ms b {
    color: var(--cx-text);
    font-weight: 600;
}

.rvw[b-78d0ibxv1v]  .rv-envq .opts {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;
}

.rvw[b-78d0ibxv1v]  .rv-envq .opt {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 8px 11px;
    border: 1px solid var(--cx-border);
    border-radius: 6px;
    background: var(--cx-panel);
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    transition: border-color .1s, background .1s;
}

.rvw[b-78d0ibxv1v]  .rv-envq .opt:hover {
    border-color: var(--cx-pri-border);
    background: var(--cx-pri-soft);
}

.rvw[b-78d0ibxv1v]  .rv-envq .opt .rd {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1.5px solid var(--cx-input-border-strong);
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-envq .opt .n {
    flex: 1;
    min-width: 0;
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-envq .opt .am {
    /* ink I5 TEST: amounts in the content face, tabular digits — Confirm stays mono for comparison */
    font-variant-numeric: tabular-nums;
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-envq .note {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 8px;
    text-wrap: pretty;
}

/* "Pending" sits in the charge zone's amount column so the answered line lands in
   exactly the same place. It is read, so it is subtle-or-darker, never faint. */
.rvw[b-78d0ibxv1v]  .rv-envq > .am {
    width: 104px;
    flex-shrink: 0;
    text-align: right;
    /* ink I5 TEST: amounts in the content face, tabular digits — Confirm stays mono for comparison */
    font-variant-numeric: tabular-nums;
    font-size: var(--cx-size-body);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--cx-amber);
}

.rvw[b-78d0ibxv1v]  .rv-envq.bad > .am {
    color: var(--cx-red);
}

/* acceptance — a disabled checkbox always says WHY */
.rvw[b-78d0ibxv1v]  .rv-accept {
    margin-top: 14px;
}

.rvw[b-78d0ibxv1v]  .rv-accept .why {
    margin-top: 5px;
    margin-left: 24px;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    line-height: 1.5;
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-accept .why.bad {
    color: var(--cx-red);
}

/* ── add picker ─────────────────────────────────────────────────────────── */

.rvw[b-78d0ibxv1v]  .rv-pickwrap {
    position: relative;
    display: inline-block;
}

.rvw[b-78d0ibxv1v]  .rv-add {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 10px;
    border: 1px dashed var(--cx-border);
    border-radius: var(--cx-ctl-r);
    background: none;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-muted);
    cursor: pointer;
    transition: color .1s, border-color .1s, background .1s;
}

.rvw[b-78d0ibxv1v]  .rv-add:hover {
    color: var(--cx-pri-text);
    border-color: var(--cx-pri-border);
    background: var(--cx-pri-soft);
}

.rvw[b-78d0ibxv1v]  .rv-backdrop {
    position: fixed;
    inset: 0;
    z-index: 69;
}

.rvw[b-78d0ibxv1v]  .rv-menu {
    position: absolute;
    z-index: 70;
    top: calc(100% + 4px);
    left: 0;
    width: 372px;
    max-width: 86vw;
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    border-radius: var(--cx-ctl-r);
    box-shadow: var(--cx-shadow-pop);
    overflow: hidden;
}

.rvw[b-78d0ibxv1v]  .rv-menu .mh {
    padding: 9px 11px 8px;
    border-bottom: 1px solid var(--cx-border-soft);
    background: var(--cx-panel-alt);
}

.rvw[b-78d0ibxv1v]  .rv-menu .mh .cap {
    display: block;
    font-family: var(--cx-label-font);
    font-size: var(--cx-label-size);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: uppercase;
    color: var(--cx-label-color);
}

.rvw[b-78d0ibxv1v]  .rv-menu .mh .s {
    display: block;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 3px;
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-menu .ms {
    padding: 7px 9px;
    border-bottom: 1px solid var(--cx-border-soft);
}

.rvw[b-78d0ibxv1v]  .rv-menu .ms input {
    width: 100%;
    height: 30px;
    padding: 0 9px;
    border: 1px solid var(--cx-border);
    border-radius: var(--cx-ctl-r);
    background: var(--cx-panel);
    font-family: inherit;
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .rv-menu .ms input:focus {
    outline: none;
    border-color: var(--cx-pri-border);
    box-shadow: 0 0 0 3px var(--cx-pri-soft);
}

.rvw[b-78d0ibxv1v]  .rv-menu .ml {
    max-height: 258px;
    overflow-y: auto;
    padding: 3px 0;
}

.rvw[b-78d0ibxv1v]  .rv-menu .mo {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 7px 11px;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
}

.rvw[b-78d0ibxv1v]  .rv-menu .mo:hover:not(.off) {
    background: var(--cx-row-hover);
}

.rvw[b-78d0ibxv1v]  .rv-menu .mo .n {
    flex: 1;
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .rv-menu .mo .n .t {
    display: block;
    font-size: var(--cx-size-meta);
    font-weight: 500;
    color: var(--cx-text);
    line-height: 1.35;
}

.rvw[b-78d0ibxv1v]  .rv-menu .mo .n .s {
    display: block;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    margin-top: 1px;
}

.rvw[b-78d0ibxv1v]  .rv-menu .mo .am {
    /* ink I5 TEST: amounts in the content face, tabular digits — Confirm stays mono for comparison */
    font-variant-numeric: tabular-nums;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-menu .mo.off {
    cursor: default;
}

.rvw[b-78d0ibxv1v]  .rv-menu .mo.off .n .t,
.rvw[b-78d0ibxv1v]  .rv-menu .mo.off .am {
    color: var(--cx-subtle);
}

/* ── disclaimers ────────────────────────────────────────────────────────── */

/* Mounted so the block can report whether this court publishes any; the chrome
   only appears once it says yes. */
.rvw > .rv-offstage[b-78d0ibxv1v] {
    display: none;
}

.rvw[b-78d0ibxv1v]  .rv-disclaimers {
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    border-radius: 8px;
    padding: 14px 16px;
}

.rvw[b-78d0ibxv1v]  .rv-disclaimers .disclaimers-heading {
    display: none;
}

.rvw[b-78d0ibxv1v]  .rv-disclaimers .disclaimer + .disclaimer {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid var(--cx-border);
}

.rvw[b-78d0ibxv1v]  .rv-disclaimers .disclaimer-name {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-disclaimers .disclaimer-text {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.65;
    margin-top: 4px;
    text-wrap: pretty;
}

/* ── court rejection band ───────────────────────────────────────────────── */

.rvw[b-78d0ibxv1v]  .rv-reject {
    background: var(--cx-panel);
    border: 1px solid var(--cx-red-border);
    border-radius: 10px;
    box-shadow: var(--cx-shadow-card);
    overflow: hidden;
    margin: -24px -24px 14px;
}

.rvw[b-78d0ibxv1v]  .rv-reject .shutline {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 18px;
    flex-wrap: wrap;
}

.rvw[b-78d0ibxv1v]  .rv-reject .shutline .t {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .rv-reject .shutline .s {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    flex: 1 1 auto;
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .rv-reject .ic {
    color: var(--cx-red);
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-reject .hd {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    padding: 13px 18px;
    background: var(--cx-red-soft);
    border-bottom: 1px solid var(--cx-red-border);
}

.rvw[b-78d0ibxv1v]  .rv-reject .hd .bd {
    flex: 1;
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .rv-reject .tt {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .rv-reject .ms {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.5;
    margin-top: 3px;
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-reject .collapse {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: none;
    background: none;
    color: var(--cx-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-reject .collapse:hover {
    background: var(--cx-bg-deep);
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .rv-reject .ls {
    padding: 4px 18px 12px;
}

.rvw[b-78d0ibxv1v]  .rv-reject .it {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 9px 0;
}

.rvw[b-78d0ibxv1v]  .rv-reject .it.sep {
    border-bottom: 1px solid var(--cx-border-soft);
}

.rvw[b-78d0ibxv1v]  .rv-reject .ix {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-red);
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    border-radius: 4px;
    width: 19px;
    height: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.rvw[b-78d0ibxv1v]  .rv-reject .tx {
    flex: 1;
    min-width: 0;
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
    line-height: 1.5;
    text-wrap: pretty;
}

/* ── the reused read-only displays (case plugins, document metadata) ────── */
/* They ship their own scoped skin; this only seats them in the review rhythm. */

.rvw[b-78d0ibxv1v]  .rv-legacy {
    font-size: var(--cx-size-body);
}

.rvw[b-78d0ibxv1v]  .rv-legacy .metadata-items {
    border-top: none;
}

.rvw[b-78d0ibxv1v]  .rv-legacy .metadata-item,
.rvw[b-78d0ibxv1v]  .rv-legacy .plugin-doc-item {
    padding: 10px 0;
}

/* The court's own question sets on the Case section (Orange County plugins) read
   as the same two-column facts: label over value, no per-row rules, no block title. */
.rvw[b-78d0ibxv1v]  .case-questions .plugin-block {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 48px;
    max-width: 960px;
    margin: 0;
    padding: 0;
    border: none;
}

.rvw[b-78d0ibxv1v]  .case-questions .plugin-block + .plugin-block {
    margin-top: 18px;
}

.rvw[b-78d0ibxv1v]  .case-questions .plugin-block-title {
    display: none;
}

.rvw[b-78d0ibxv1v]  .case-questions .plugin-field {
    display: block;
    padding: 0;
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .case-questions .plugin-field-label {
    width: auto;
    font-size: var(--cx-size-meta);
    font-weight: 400;
    color: var(--cx-muted);
    line-height: var(--cx-lh-meta);
}

.rvw[b-78d0ibxv1v]  .case-questions .plugin-field-value {
    margin-top: 3px;
    font-size: var(--cx-size-body);
    font-weight: 500;
    color: var(--cx-text);
    line-height: var(--cx-lh-body);
}

@container rvwstep (max-width: 640px) {
    .rvw[b-78d0ibxv1v]  .case-questions .plugin-block {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }
}

/* ── the shared error summary sits above the footer ─────────────────────── */

.rvw[b-78d0ibxv1v]  .wz-errsum {
    margin-top: 20px;
}

/* ── Party responsible for this filing's fees (RvFeeParty) ─────────────────
   Lives inside Payment, above the account. The ordinary shape is a statement to
   confirm — the party in the same row anatomy the Parties step uses; when the
   court refuses a default it becomes an empty required picker. The picker
   extends .rv-menu with a search row, role filters and group captions, because
   the same control has to work on a case with 3 parties and one with 212. */
.rvw[b-78d0ibxv1v]  .rv-feeparty {
    max-width: 560px;
}

.rvw[b-78d0ibxv1v]  .rv-feeparty .rv-lbl {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
    line-height: 1.3;
    margin-bottom: 6px;
}

.rvw[b-78d0ibxv1v]  .rv-feeparty .rv-lbl .req {
    color: var(--cx-red);
}

/* the confirmed-party row */
.rvw[b-78d0ibxv1v]  .rv-fp-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 8px 10px;
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    border-radius: 8px;
}

.rvw[b-78d0ibxv1v]  .rv-fp-glyph {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: .02em;
    color: var(--cx-slate);
    background: var(--cx-slate-soft);
    border: 1px solid var(--cx-slate-border);
}

.rvw[b-78d0ibxv1v]  .rv-fp-glyph.sm {
    width: 22px;
    height: 22px;
    font-size: var(--cx-size-cap);
}

.rvw[b-78d0ibxv1v]  .rv-fp-glyph.blue {
    color: var(--cx-blue);
    background: var(--cx-blue-soft);
    border-color: var(--cx-blue-border);
}

.rvw[b-78d0ibxv1v]  .rv-fp-glyph.red {
    color: var(--cx-red);
    background: var(--cx-red-soft);
    border-color: var(--cx-red-border);
}

.rvw[b-78d0ibxv1v]  .rv-fp-main {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.rvw[b-78d0ibxv1v]  .rv-fp-name {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .rv-fp-only {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    flex-shrink: 0;
}

/* the empty required picker — reads as a field, not a statement */
.rvw[b-78d0ibxv1v]  .rv-minimenu.block {
    display: block;
}

.rvw[b-78d0ibxv1v]  .rv-fp-empty {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: var(--cx-ctl-h, 34px);
    padding: 4px 10px;
    border: var(--cx-input-bw) solid var(--cx-input-border);
    border-radius: var(--cx-ctl-r);
    background: var(--cx-panel);
    box-shadow: var(--cx-input-edge);
    font-family: inherit;
    font-size: var(--cx-size-meta);
    text-align: left;
    color: var(--cx-text);
    cursor: pointer;
    outline: none;
    transition: border-color .12s, box-shadow .12s;
}

.rvw[b-78d0ibxv1v]  .rv-fp-empty[aria-expanded="true"] {
    border-color: var(--cx-pri);
    box-shadow: 0 0 0 var(--cx-ring-w) var(--cx-pri-ring);
}

.rvw[b-78d0ibxv1v]  .rv-fp-empty.bad {
    border-color: var(--cx-red);
}

.rvw[b-78d0ibxv1v]  .rv-fp-empty .ph {
    flex: 1;
    min-width: 0;
    color: var(--cx-placeholder);
}

.rvw[b-78d0ibxv1v]  .rv-fp-empty > svg {
    flex: none;
    color: var(--cx-subtle);
}

.rvw[b-78d0ibxv1v]  .rv-fp-empty .chev {
    transition: transform .12s;
}

.rvw[b-78d0ibxv1v]  .rv-fp-empty .chev.up {
    transform: rotate(180deg);
}

/* Payment: the account, then who pays — whitespace between them, no rule */
.rvw[b-78d0ibxv1v]  .payment-party {
    margin-top: 18px;
}

/* the mini "Change" button carries a chevron; the text keeps its own ellipsis */
.rvw[b-78d0ibxv1v]  .rv-mini.pick .tx {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* the picker — .rv-menu extended */
.rvw[b-78d0ibxv1v]  .rv-menu.fp {
    width: 392px;
    max-width: 92vw;
    z-index: 80;
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp.right {
    left: auto;
    right: 0;
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .msearch {
    display: flex;
    align-items: center;
    gap: 7px;
    height: var(--cx-ctl-h, 34px);
    padding: 0 10px;
    border-bottom: 1px solid var(--cx-border-soft);
    color: var(--cx-subtle);
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .msearch input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: none;
    background: none;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .msearch input::placeholder {
    color: var(--cx-placeholder);
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .msearch .cnt {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .mroles {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    padding: 8px 10px;
    border-bottom: 1px solid var(--cx-border-soft);
    background: var(--cx-panel-alt);
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .mroles button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 22px;
    padding: 0 7px;
    border-radius: 4px;
    border: 1px solid var(--cx-border);
    background: var(--cx-panel);
    color: var(--cx-muted);
    font-family: inherit;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .mroles button .n {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .mroles button.on {
    border-color: var(--cx-pri-border, var(--cx-pri));
    background: var(--cx-pri-soft);
    color: var(--cx-pri-text);
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .mroles button.on .n {
    color: var(--cx-pri-text);
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .ml {
    max-height: 292px;
    overscroll-behavior: contain;
    padding: 0 0 4px;
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .mcap {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 7px 11px 3px;
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .mcap .cap {
    font-family: var(--cx-label-font);
    font-size: var(--cx-label-size);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: uppercase;
    color: var(--cx-label-color);
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .mcap .n {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .mo .ok {
    color: var(--cx-green);
    flex-shrink: 0;
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .mempty,
.rvw[b-78d0ibxv1v]  .rv-menu.fp .mmore {
    padding: 9px 11px;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .mmore {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    padding-bottom: 4px;
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .mempty b {
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .rv-menu.fp .mfoot {
    padding: 7px 11px;
    border-top: 1px solid var(--cx-border-soft);
    background: var(--cx-panel-alt);
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

/* ── the closure band above submit (case-context round) ── */
.rv-closure[b-78d0ibxv1v] {
    margin-top: 18px;
}

.rv-closure:empty[b-78d0ibxv1v] {
    display: none;
}

/* ROUND 2: the add affordance voice (.cx-add) — accent hairline, accent-text label,
   accent icon. It is what the filer can put on this filing, so it carries the accent. */
.rvw[b-78d0ibxv1v]  .rv-add {
    height: 34px;
    border-style: solid;
    border-color: var(--cx-accent-border);
    background: var(--cx-panel);
    color: var(--cx-accent-text);
}

.rvw[b-78d0ibxv1v]  .rv-add:hover {
    background: var(--cx-accent-soft);
    color: var(--cx-accent-text);
}

.rvw[b-78d0ibxv1v]  .rv-add svg {
    color: var(--cx-accent);
}

/* ── the fees hold: waiting on an input above, no skeleton, no spinner ── */
.rvw[b-78d0ibxv1v]  .rv-feehold {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    padding: 12px 0 4px;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.55;
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .rv-feehold-jump {
    border: none;
    background: none;
    padding: 0;
    font: inherit;
    font-weight: 600;
    color: var(--cx-pri-text);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

/* ── the scope note on a subsequent filing's Parties section ── */
.rvw[b-78d0ibxv1v]  .rv-scope {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    line-height: 1.5;
    margin: -2px 0 10px;
    text-wrap: pretty;
}

/* ── flat tables (Being served, New representations): rows that don't open ── */

.rvw[b-78d0ibxv1v]  .flat-table .table-head,
.rvw[b-78d0ibxv1v]  .flat-row {
    display: grid;
    grid-template-columns: var(--row-columns);
    column-gap: 20px;
    align-items: center;
    padding: 0 24px;
}

.rvw[b-78d0ibxv1v]  .flat-row {
    margin: 0 -24px;
    min-height: 54px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--cx-border-soft);
}

.rvw[b-78d0ibxv1v]  .flat-row:last-child {
    border-bottom: none;
}

.rvw[b-78d0ibxv1v]  .flat-row .cell {
    min-width: 0;
    color: var(--cx-text);
    overflow-wrap: anywhere;
}

.rvw[b-78d0ibxv1v]  .flat-row .cell .attorney-name,
.rvw[b-78d0ibxv1v]  .flat-row .cell .recipient-name {
    display: block;
    font-weight: 600;
}

.rvw[b-78d0ibxv1v]  .flat-row .cell .sub {
    display: block;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
}

.rvw[b-78d0ibxv1v]  .served-facts {
    margin-top: 18px;
}

@container rvwstep (max-width: 640px) {
    .rvw[b-78d0ibxv1v]  .flat-table .table-head {
        display: none;
    }

    .rvw[b-78d0ibxv1v]  .flat-row {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 4px;
        padding: 10px 16px;
    }

    .rvw[b-78d0ibxv1v]  .flat-row > [data-label] {
        font-size: var(--cx-size-meta);
    }
}

/* A chosen entry this court refuses (a payment account): the line turns red. */
.rvw[b-78d0ibxv1v]  .rv-fp-row.bad {
    border-color: var(--cx-red);
    background: var(--cx-red-soft);
}

/* A labelled group inside a table (Parties → Attorneys). */
.rvw[b-78d0ibxv1v]  .table-group {
    margin: 0 -24px;
    padding: 18px 24px 8px 64px;
    border-bottom: 1px solid var(--cx-border);
    font-family: var(--cx-label-font);
    font-size: var(--cx-size-meta);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: var(--cx-heading-transform);
    color: var(--cx-muted);
}

.rvw[b-78d0ibxv1v]  .security-flag.record {
    margin-left: 8px;
    vertical-align: 1px;
}

@container rvwstep (max-width: 640px) {
    .rvw[b-78d0ibxv1v]  .table-group {
        padding: 16px 16px 8px 42px;
    }
}

/* ── per-service payers (Tyler): a contained panel under the service line ── */

.rvw[b-78d0ibxv1v]  .fee-row.payers {
    min-height: 0;
    padding-top: 0;
    padding-bottom: 14px;
}

.rvw[b-78d0ibxv1v]  .fee-row.payers > .payers-panel {
    grid-column: 2 / -1;
}

.rvw[b-78d0ibxv1v]  .payers-panel {
    min-width: 0;
    padding: 12px 14px 10px;
    border: 1px solid var(--cx-border);
    border-radius: var(--cx-r-control);
    background: var(--cx-panel);
}

.rvw[b-78d0ibxv1v]  .payers-panel.bad {
    border-color: var(--cx-red-border);
}

.rvw[b-78d0ibxv1v]  .payers-title {
    font-size: var(--cx-size-meta);
    font-weight: 700;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .payers-note {
    margin-top: 2px;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    text-wrap: pretty;
}

.rvw[b-78d0ibxv1v]  .payers-empty {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 12px;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
}

.rvw[b-78d0ibxv1v]  .payers-panel .error {
    color: var(--cx-red);
    font-weight: 600;
}

.rvw[b-78d0ibxv1v]  .payers-panel .error.small {
    display: block;
    margin-top: 4px;
    font-weight: 500;
}

.rvw[b-78d0ibxv1v]  .payers-table {
    margin-top: 10px;
}

.rvw[b-78d0ibxv1v]  .payer-row {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) 120px minmax(0, 1.3fr) 26px;
    column-gap: 14px;
    align-items: center;
    padding: 7px 0;
    border-top: 1px solid var(--cx-border-soft);
}

.rvw[b-78d0ibxv1v]  .payer-row.head {
    padding: 0 0 6px;
    border-top: none;
    font-family: var(--cx-label-font);
    font-size: var(--cx-size-cap);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: var(--cx-heading-transform);
    color: var(--cx-muted);
}

.rvw[b-78d0ibxv1v]  .payer-row .party {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.rvw[b-78d0ibxv1v]  .payer-row .party .party-name {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
}

.rvw[b-78d0ibxv1v]  .payer-row .party .role {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
}

.rvw[b-78d0ibxv1v]  .payer-row .waiver .cb-radio-text {
    font-size: var(--cx-size-meta);
}

.rvw[b-78d0ibxv1v]  .payer-row .charged {
    min-width: 0;
    font-size: var(--cx-size-meta);
}

.rvw[b-78d0ibxv1v]  .payer-row .charged .none {
    color: var(--cx-subtle);
}

.rvw[b-78d0ibxv1v]  .payer-row .charged .rv-minimenu.block {
    max-width: 340px;
}

.rvw[b-78d0ibxv1v]  .payer-select {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 340px;
    height: 32px;
    padding: 0 9px;
    border: var(--cx-input-bw, 1px) solid var(--cx-input-border);
    border-radius: var(--cx-ctl-r);
    background: var(--cx-panel);
    font-family: inherit;
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
    text-align: left;
    cursor: pointer;
}

.rvw[b-78d0ibxv1v]  .payer-select.placeholder {
    color: var(--cx-placeholder);
}

.rvw[b-78d0ibxv1v]  .payer-select.bad {
    border-color: var(--cx-red);
}

.rvw[b-78d0ibxv1v]  .payer-select[aria-expanded="true"] {
    border-color: var(--cx-pri);
    box-shadow: 0 0 0 var(--cx-ring-w) var(--cx-pri-ring);
}

.rvw[b-78d0ibxv1v]  .payer-select .label {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rvw[b-78d0ibxv1v]  .payer-select svg {
    flex-shrink: 0;
    color: var(--cx-subtle);
}

.rvw[b-78d0ibxv1v]  .payer-row .remove {
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 6px;
    background: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cx-muted);
    cursor: pointer;
}

.rvw[b-78d0ibxv1v]  .payer-row .remove:hover {
    background: var(--cx-red-soft);
    color: var(--cx-red);
}

.rvw[b-78d0ibxv1v]  .payers-foot {
    padding-top: 8px;
    border-top: 1px solid var(--cx-border-soft);
}

@container rvwstep (max-width: 640px) {
    .rvw[b-78d0ibxv1v]  .fee-row.payers {
        grid-template-columns: minmax(0, 1fr);
    }

    .rvw[b-78d0ibxv1v]  .fee-row.payers > span:first-child {
        display: none;
    }

    .rvw[b-78d0ibxv1v]  .fee-row.payers > .payers-panel {
        grid-column: 1;
    }

    .rvw[b-78d0ibxv1v]  .payer-row.head {
        display: none;
    }

    .rvw[b-78d0ibxv1v]  .payer-row {
        grid-template-columns: minmax(0, 1fr) 26px;
        row-gap: 6px;
    }

    .rvw[b-78d0ibxv1v]  .payer-row > .party,
    .rvw[b-78d0ibxv1v]  .payer-row > .waiver,
    .rvw[b-78d0ibxv1v]  .payer-row > .charged {
        grid-column: 1;
    }

    .rvw[b-78d0ibxv1v]  .payer-row > .remove {
        grid-column: 2;
        grid-row: 1;
    }
}

.rvw[b-78d0ibxv1v]  .rv-recips {
    max-width: 520px;
}

/* ── on-submission copies switch (case-context round): one row, whole list ── */
.rv-prelim[b-78d0ibxv1v] {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    margin-top: 12px;
    padding: 11px 13px;
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    border-radius: 8px;
}

.rv-prelim[b-78d0ibxv1v]  .st-toggle {
    flex-shrink: 0;
    margin-top: 1px;
}

.rv-prelim .txt[b-78d0ibxv1v] {
    min-width: 0;
}

.rv-prelim .t[b-78d0ibxv1v] {
    display: block;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
}

.rv-prelim .s[b-78d0ibxv1v] {
    display: block;
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    line-height: 1.5;
    margin-top: 3px;
    text-wrap: pretty;
}

/* /Components/EFiling/Review/RvNewReps.razor.rz.scp.css */
/* New representations — scoped extras; the table itself is ReviewFiling's .flat-table. */

.lead[b-rmwrg06reu] {
    margin: 0 0 12px;
    max-width: 760px;
}

.cell.mono[b-rmwrg06reu] {
    font-family: var(--cx-mono);
}

.cell.action[b-rmwrg06reu] {
    display: flex;
    justify-content: flex-end;
    min-width: 0;
}

.flat-row.done .attorney-name[b-rmwrg06reu] {
    color: var(--cx-muted);
}

.state[b-rmwrg06reu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
}

.state .ok[b-rmwrg06reu] {
    color: var(--cx-green);
}

.failure[b-rmwrg06reu] {
    display: flex;
    justify-content: flex-end;
    padding: 0 0 10px;
}

.failure .rv-ferr[b-rmwrg06reu] {
    margin-top: 0;
}

.gate[b-rmwrg06reu] {
    margin-top: 10px;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-red);
}

@container rvwstep (max-width: 640px) {
    .cell.action[b-rmwrg06reu],
    .failure[b-rmwrg06reu] {
        justify-content: flex-start;
    }
}
/* /Components/EFiling/Shared/AttorneyEditor.razor.rz.scp.css */
/* ── Attorney editor internals (wizard Parties round) — same section language as
   the party editor. Scoped here so the editor carries its skin inside the inline
   shell AND the firm-roster picker modal. ── */

.ae[b-tee2s29gt3] {
    container: wzpae / inline-size;
    display: flex;
    flex-direction: column;
    font-size: var(--cx-size-body);
    color: var(--cx-text);
}

.ae-cap[b-tee2s29gt3] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 22px 0 13px;
}

.ae-cap.first[b-tee2s29gt3] {
    margin-top: 0;
}

.ae-cap .ic[b-tee2s29gt3] {
    display: inline-flex;
    color: var(--cx-slate);
}

.ae-cap h4[b-tee2s29gt3] {
    margin: 0;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    letter-spacing: 0.085em;
    text-transform: uppercase;
    color: var(--cx-slate);
}

.ae-cap .sp[b-tee2s29gt3] {
    flex: 1;
    min-width: 12px;
}

.ae-link[b-tee2s29gt3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-pri-text);
    cursor: pointer;
    transition: color .1s;
    text-transform: none;
    letter-spacing: normal;
}

.ae-link:hover[b-tee2s29gt3] {
    color: var(--cx-pri-strong);
}

.ae-link.ul[b-tee2s29gt3] {
    text-decoration: underline;
    text-underline-offset: 2px;
    font-size: var(--cx-size-cap);
}

/* lock note — the name came from the state bar directory */
.ae-lock[b-tee2s29gt3] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    text-transform: none;
    letter-spacing: normal;
    flex-wrap: wrap;
}

.ae-grid[b-tee2s29gt3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

@container wzpae (min-width: 860px) {
    .ae-grid[b-tee2s29gt3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container wzpae (max-width: 480px) {
    .ae-grid[b-tee2s29gt3] {
        grid-template-columns: 1fr;
    }
}

.ae-field[b-tee2s29gt3] {
    min-width: 0;
}

.ae-field.span2[b-tee2s29gt3] {
    grid-column: span 2;
}

@container wzpae (max-width: 480px) {
    .ae-field.span2[b-tee2s29gt3] {
        grid-column: auto;
    }
}

.ae-field.mono[b-tee2s29gt3]  .form-input {
    font-family: var(--cx-mono);
    font-size: calc(var(--cx-ctl-fs) - .5px);
    letter-spacing: .01em;
}

.ae-hint[b-tee2s29gt3] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    margin-top: 4px;
}

.ae-stack[b-tee2s29gt3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* bar number that searches the directory (JTI): an icon button inside the field */
.ae-bar[b-tee2s29gt3] {
    position: relative;
}

.ae-bar[b-tee2s29gt3]  .form-input {
    padding-right: 34px;
}

.ae-barbtn[b-tee2s29gt3] {
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 28px;
    height: calc(var(--cx-ctl-h) - 8px);
    border: none;
    border-radius: 5px;
    background: transparent;
    color: var(--cx-subtle);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ae-barbtn:hover:not(:disabled)[b-tee2s29gt3] {
    color: var(--cx-pri-text);
    background: var(--cx-pri-soft);
}

.ae-barbtn:disabled[b-tee2s29gt3] {
    cursor: default;
}

.ae-spin[b-tee2s29gt3] {
    animation: ae-spin-b-tee2s29gt3 .8s linear infinite;
}

@keyframes ae-spin-b-tee2s29gt3 {
    to { transform: rotate(360deg); }
}
/* /Components/EFiling/Shared/AttorneySearch.razor.rz.scp.css */
/* ── Attorney directory lookup — the search view inside the attorney editor's
   dialog + the wzp row anatomy for results. ── */

.as-view[b-x59kssinai] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* mode switch */
.as-modes[b-x59kssinai] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.as-modes .lbl[b-x59kssinai] {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
}

.as-inputs[b-x59kssinai] {
    display: flex;
    gap: 9px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.as-inputs .grow[b-x59kssinai] {
    flex: 1 1 200px;
    min-width: 0;
}

/* loading skeleton rows */
.as-skel[b-x59kssinai] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.as-skel .bar[b-x59kssinai] {
    display: block;
    height: 46px;
    border-radius: 8px;
    background: linear-gradient(90deg, var(--cx-bg-deep) 25%, var(--cx-border-soft) 50%, var(--cx-bg-deep) 75%);
    background-size: 200% 100%;
    animation: as-shimmer-b-x59kssinai 1.3s linear infinite;
}

@keyframes as-shimmer-b-x59kssinai {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

/* result rows */
.as-results[b-x59kssinai] {
    border: 1px solid var(--cx-border);
    border-radius: 8px;
    overflow: hidden;
    max-height: 380px;
    overflow-y: auto;
}

.as-row[b-x59kssinai] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border: none;
    border-top: 1px solid var(--cx-border-soft);
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    transition: background .1s;
}

.as-row:first-child[b-x59kssinai] {
    border-top: none;
}

.as-row:hover[b-x59kssinai] {
    background: var(--cx-panel-alt);
}

.as-row .tile[b-x59kssinai] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    flex-shrink: 0;
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cx-subtle);
}

.as-row .body[b-x59kssinai] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.as-row .nm[b-x59kssinai] {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
}

.as-row .meta[b-x59kssinai] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.4;
    text-wrap: pretty;
}

.as-row .meta .mono[b-x59kssinai] {
    font-family: var(--cx-mono);
}

.as-row .use[b-x59kssinai] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-pri-text);
    flex-shrink: 0;
}

/* "enter the attorney by hand" — always one click away from the form */
.as-byhand[b-x59kssinai],
.as-link[b-x59kssinai] {
    border: none;
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    color: var(--cx-pri-text);
    cursor: pointer;
}

.as-byhand[b-x59kssinai] {
    align-self: flex-start;
    font-size: var(--cx-size-meta);
}

.as-byhand:hover[b-x59kssinai],
.as-link:hover[b-x59kssinai] {
    color: var(--cx-pri-strong);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* no-match state */
.as-nomatch[b-x59kssinai] {
    border: 1px dashed var(--cx-border);
    border-radius: 8px;
    background: var(--cx-panel-alt);
    padding: 20px 16px;
    text-align: center;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.55;
    text-wrap: pretty;
}

@media (max-width: 640px) {
    .as-inputs[b-x59kssinai] {
        flex-direction: column;
        align-items: stretch;
    }
}

.as-error[b-x59kssinai] {
    border: 1px solid var(--cx-red-border);
    border-radius: 8px;
    background: var(--cx-red-soft);
    padding: 14px 16px;
    font-size: var(--cx-size-meta);
    color: var(--cx-red);
    line-height: 1.55;
}
/* /Components/EFiling/Shared/CourtClosureNotice.razor.rz.scp.css */
/* ── the court-closure notice (case-context round, ctx-kit CtxClosure) ──
   Amber, never red: the court queues filings sent during a closure, so this is
   context, not an error. One shape for every moment; only the copy changes. */

.ccn[b-ikrytsa2va] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px 14px;
    background: var(--cx-amber-soft, #fbeed0);
    border: 1px solid var(--cx-amber-border, #e9cf95);
    border-radius: 9px;
}

.ccn .ic[b-ikrytsa2va] {
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--cx-amber, #7c4708);
    display: inline-flex;
}

.ccn .txt[b-ikrytsa2va] {
    min-width: 0;
}

.ccn .t[b-ikrytsa2va] {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-amber, #7c4708);
    line-height: 1.4;
    text-wrap: pretty;
}

.ccn .b[b-ikrytsa2va] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.5;
    margin-top: 3px;
    text-wrap: pretty;
}

.ccn .f[b-ikrytsa2va] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.45;
    margin-top: 5px;
    text-wrap: pretty;
}
/* /Components/EFiling/Shared/CourtGroupSystemSelector.razor.rz.scp.css */
.cgs-group[b-x0nla30rzh] {
    margin-top: 0.4rem;
    border: 1px solid var(--cx-border, #e7e5e4);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.cgs-option[b-x0nla30rzh] {
    display: flex;
    align-items: center;
    transition: background 0.12s;
}

.cgs-radio[b-x0nla30rzh] {
    flex: 1;
    min-width: 0;
}

.cgs-mark[b-x0nla30rzh] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding-right: 0.95rem;
}

.cgs-option + .cgs-option[b-x0nla30rzh] {
    border-top: 1px solid var(--cx-border-soft, #f0efed);
}

.cgs-option:hover:not(.sel)[b-x0nla30rzh] {
    background: #fafaf9;
}

.cgs-option.sel[b-x0nla30rzh] {
    background: color-mix(in srgb, var(--bit-clr-pri, #f97316) 7%, #fff);
}

/* Make the shared radio fill the whole row so the entire row is the click target. */
.cgs-option[b-x0nla30rzh]  .cb-radio-label {
    width: 100%;
    padding: 0.7rem 0.95rem;
    box-sizing: border-box;
    color: #44403c;
    line-height: 1.4;
    /* the shared Radio label is 1rem (kept for the wizard's statutory radios);
       here the rows must match the app's 13px control text */
    font-size: var(--cx-size-body);
}

.cgs-req[b-x0nla30rzh] {
    color: #dc2626;
    margin-left: 2px;
}
/* /Components/EFiling/Shared/CourtLocationField.razor.rz.scp.css */
/* ── Court location field family (wzc-venue) — presentational skins only.
   Control anatomy (34px / radius / border / focus rings) comes from the GLOBAL
   .form-input skin (app.css) — never re-declared here. The settled readout
   below COMPOSES the --cx-ctl-* tokens (control-shaped, disabled-tier border,
   panel-alt fill, no edge shadow) without forking that skin. ── */

.clf-cell[b-8aftaqsm7f] {
    min-width: 0;
}

/* zip is code-like → mono digits (same metrics as the global .form-input.mono) */
.clf-cell.mono[b-8aftaqsm7f]  .form-input {
    font-family: var(--cx-mono);
    font-size: calc(var(--cx-ctl-fs) - .5px);
    letter-spacing: .01em;
}

/* ── settled readout — the decision made visible: the control's shape,
   read-only, with the outcome and where it came from ── */
.clf-readout[b-8aftaqsm7f] {
    display: flex;
    align-items: center;
    gap: 7px;
    box-sizing: border-box;
    height: var(--cx-ctl-h);
    padding: 0 var(--cx-ctl-px);
    border: var(--cx-input-bw, 1px) solid var(--cx-disabled-border);
    border-radius: var(--cx-ctl-r);
    background: var(--cx-panel-alt);
    font-size: var(--cx-ctl-fs);
    color: var(--cx-text);
}

.clf-readout .ic[b-8aftaqsm7f] {
    display: inline-flex;
    flex: none;
}

.clf-readout .ic.ok[b-8aftaqsm7f] {
    color: var(--cx-green);
}

.clf-readout .ic.warn[b-8aftaqsm7f] {
    color: var(--cx-amber);
}

.clf-name[b-8aftaqsm7f] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--cx-text);
}

.clf-badge[b-8aftaqsm7f] {
    flex: none;
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

/* ── outcome message line — feedback lives in the field's own message slot,
   no tinted bands. Leading 11px icon colored by tone; plain tone has no icon. ── */
.clf-msg[b-8aftaqsm7f] {
    display: flex;
    gap: 5px;
    align-items: flex-start;
    margin-top: 4px;
    font-size: var(--cx-size-cap);
    line-height: 1.45;
    color: var(--cx-muted);
    text-wrap: pretty;
}

.clf-msg.plain[b-8aftaqsm7f] {
    color: var(--cx-subtle);
}

.clf-msg .ic[b-8aftaqsm7f] {
    display: inline-flex;
    flex: none;
    margin-top: 1.5px;
}

.clf-msg.ok .ic[b-8aftaqsm7f] {
    color: var(--cx-green);
}

.clf-msg.warn .ic[b-8aftaqsm7f] {
    color: var(--cx-amber);
}

.clf-msg.busy .ic[b-8aftaqsm7f] {
    color: var(--cx-subtle);
}

.clf-msg .tx[b-8aftaqsm7f] {
    min-width: 0;
}

.clf-spin[b-8aftaqsm7f] {
    animation: clf-spin-b-8aftaqsm7f .8s linear infinite;
}

@keyframes clf-spin-b-8aftaqsm7f {
    to { transform: rotate(360deg); }
}

/* ── browse-only preview (CsVenuePreview) — a quiet aside for the curious:
   the primary path is still "type your zip". Popover wears the select
   family's skin but LIST anatomy: no hover-select, nothing to pick. ── */
.clf-preview[b-8aftaqsm7f] {
    position: relative;
}

.clf-preview-link[b-8aftaqsm7f] {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 0;
    background: transparent;
    padding: 0;
    font-family: inherit;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-pri-text);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

.clf-preview-backdrop[b-8aftaqsm7f] {
    position: fixed;
    inset: 0;
    z-index: 59;
    background: transparent;
}

.clf-preview-pop[b-8aftaqsm7f] {
    position: absolute;
    z-index: 60;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    min-width: 232px;
    background: var(--cx-panel);
    border: 1px solid var(--cx-input-border);
    border-radius: var(--cx-ctl-r);
    box-shadow: 0 10px 24px -10px rgba(28,25,23,.22), 0 2px 5px -2px rgba(28,25,23,.10);
    overflow: hidden;
}

.pv-head[b-8aftaqsm7f] {
    display: flex;
    gap: 7px;
    align-items: flex-start;
    padding: 8px 11px;
    background: var(--cx-panel-alt);
    border-bottom: 1px solid var(--cx-border-soft);
}

.pv-head .ic[b-8aftaqsm7f] {
    display: inline-flex;
    flex: none;
    margin-top: 1px;
    color: var(--cx-subtle);
}

.pv-head .tx[b-8aftaqsm7f] {
    flex: 1;
    min-width: 0;
    font-size: var(--cx-size-cap);
    line-height: 1.45;
    color: var(--cx-muted);
    text-wrap: pretty;
}

.pv-head .x[b-8aftaqsm7f] {
    border: 0;
    background: transparent;
    padding: 2px;
    border-radius: 4px;
    color: var(--cx-subtle);
    cursor: pointer;
    flex: none;
    display: inline-flex;
}

.pv-head .x:hover[b-8aftaqsm7f] {
    color: var(--cx-text);
}

.pv-search[b-8aftaqsm7f] {
    display: flex;
    align-items: center;
    gap: 7px;
    height: var(--cx-ctl-h);
    padding: 0 var(--cx-ctl-px);
    border-bottom: 1px solid var(--cx-border-soft);
    color: var(--cx-subtle);
}

.pv-search input[b-8aftaqsm7f] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: none;
    background: none;
    padding: 0;
    font-family: inherit;
    font-size: calc(var(--cx-ctl-fs) - .5px);
    color: var(--cx-text);
}

.pv-search input[b-8aftaqsm7f]::placeholder {
    color: var(--cx-placeholder, var(--cx-faint));
}

.pv-rows[b-8aftaqsm7f] {
    max-height: 236px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 3px 0;
}

/* rows are information, not options — default cursor, NO hover fill */
.pv-row[b-8aftaqsm7f] {
    display: flex;
    gap: 10px;
    align-items: baseline;
    padding: 5px 12px;
    cursor: default;
}

.pv-row .nm[b-8aftaqsm7f] {
    flex: 1;
    min-width: 0;
    font-size: var(--cx-size-meta);
    line-height: 1.4;
    color: var(--cx-text);
    text-wrap: pretty;
}

.pv-row .zp[b-8aftaqsm7f] {
    flex: none;
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

.pv-empty[b-8aftaqsm7f] {
    padding: 11px 12px;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
}

.pv-empty b[b-8aftaqsm7f] {
    color: var(--cx-text);
}

.pv-foot[b-8aftaqsm7f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 26px;
    padding: 0 12px;
    border-top: 1px solid var(--cx-border-soft);
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}
/* /Components/EFiling/Shared/CourtRecordCard.razor.rz.scp.css */
/* ── the court-record card (case-context round, ctx-kit CtxTip/CtxRecordCard) ──
   CSS-only reveal: hover or keyboard focus on the wrapper. The wrapper carries
   the tab stop so the anchor markup stays the caller's. */

.crc-wrap[b-gvok7p558u] {
    position: relative;
    display: inline-flex;
    max-width: 100%;
    cursor: help;
    outline: none;
}

.crc-card[b-gvok7p558u] {
    position: absolute;
    left: 0;
    bottom: calc(100% + 6px);
    width: 266px;
    background: var(--cx-panel, #fff);
    border: 1px solid var(--cx-border, #e7e5e4);
    border-radius: 9px;
    box-shadow: var(--cx-shadow-pop);
    padding: 9px 11px 10px;
    z-index: 80;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
    white-space: normal;
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s;
}

.crc-wrap:hover .crc-card[b-gvok7p558u],
.crc-wrap:focus-visible .crc-card[b-gvok7p558u],
.crc-wrap:focus-within .crc-card[b-gvok7p558u] {
    opacity: 1;
}

/* right-rim variant: grows leftward so it never clips at the card edge */
.crc-wrap.right .crc-card[b-gvok7p558u] {
    left: auto;
    right: 0;
}

.crc-cap[b-gvok7p558u] {
    display: block;
    font-family: var(--cx-label-font);
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--cx-subtle);
}

.crc-rows[b-gvok7p558u] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 7px;
}

.crc-row[b-gvok7p558u] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.crc-row .ic[b-gvok7p558u] {
    flex-shrink: 0;
    color: var(--cx-faint); /* icon = decoration; the faint tier is allowed here */
    margin-top: 1px;
    display: inline-flex;
}

.crc-row .v[b-gvok7p558u] {
    min-width: 0;
    font-size: var(--cx-size-cap);
    font-weight: 400;
    color: var(--cx-muted);
    line-height: 1.45;
    text-wrap: pretty;
}

.crc-note[b-gvok7p558u] {
    display: block;
    margin-top: 8px;
    padding-top: 7px;
    border-top: 1px dotted var(--cx-border, #e7e5e4);
    font-size: var(--cx-size-cap);
    font-weight: 400;
    color: var(--cx-subtle);
    line-height: 1.45;
    text-wrap: pretty;
}
/* /Components/EFiling/Shared/DocumentFiles.razor.rz.scp.css */
/* A document's files (Review, Confirm). Callers lay out the wrapper. */

/* One button per file: its name, one click to download it. */
.document-file[b-pyx57zvdfv] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    min-width: 0;
    height: 34px;
    padding: 0 9px 0 10px;
    border: 1px solid var(--cx-border);
    border-radius: var(--cx-r-control);
    background: var(--cx-panel);
    font-family: inherit;
    font-size: var(--cx-size-body);
    font-weight: 500;
    color: var(--cx-text);
    cursor: pointer;
    transition: border-color .1s, background .1s;
}

.document-file:hover[b-pyx57zvdfv] {
    border-color: var(--cx-pri-border);
    background: var(--cx-pri-soft);
}

.document-file .icon[b-pyx57zvdfv],
.document-file .download[b-pyx57zvdfv] {
    flex-shrink: 0;
    color: var(--cx-subtle);
}

.document-file:hover .download[b-pyx57zvdfv] {
    color: var(--cx-accent-text);
}

.document-file .file-name[b-pyx57zvdfv] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-file .label[b-pyx57zvdfv] {
    flex-shrink: 0;
    font-family: var(--cx-label-font);
    font-size: var(--cx-size-cap);
    font-weight: var(--cx-label-weight);
    letter-spacing: var(--cx-label-track);
    text-transform: var(--cx-heading-transform);
    color: var(--cx-text);
}

.document-file.pdf[b-pyx57zvdfv] {
    border-color: var(--cx-input-border);
}

/* The Word file: the app's Word colour tells it apart from the PDF. */
.document-file.word[b-pyx57zvdfv],
.document-file.word .label[b-pyx57zvdfv] {
    color: var(--cx-muted);
}

.document-file.word[b-pyx57zvdfv] {
    border-color: color-mix(in srgb, var(--up-kind-doc) 45%, var(--cx-panel));
}

.document-file.word .icon[b-pyx57zvdfv] {
    color: var(--up-kind-doc);
}

.document-file.word:hover[b-pyx57zvdfv] {
    border-color: var(--up-kind-doc);
    background: color-mix(in srgb, var(--up-kind-doc) 7%, var(--cx-panel));
}

.document-file.word:hover .download[b-pyx57zvdfv] {
    color: var(--up-kind-doc);
}

.pair-info[b-pyx57zvdfv] {
    display: inline-flex;
    padding: 4px;
    color: var(--cx-subtle);
    cursor: help;
}
/* /Components/EFiling/Shared/HearingDateField.razor.rz.scp.css */
/* ── the upcoming-hearing-date control (RF-39, wzh-hearing.jsx port) ──
   App control anatomy: cx input tokens on the native date box (the DateField
   convention). The read-back line under a chosen date is the control's whole
   point. */

.hdf[b-vo2141x66w] {
    max-width: 430px;
}

.hdf-lbl[b-vo2141x66w] {
    display: block;
    font-size: var(--cx-size-meta);
    font-weight: 500;
    color: var(--cx-muted);
    margin-bottom: 5px;
}

.hdf-lbl .req[b-vo2141x66w] {
    color: var(--cx-red, #b91c1c);
    margin-left: 2px;
}

.hdf-lbl .opt[b-vo2141x66w] {
    font-size: var(--cx-size-cap);
    font-weight: 400;
    color: var(--cx-subtle);
    margin-left: 6px;
}

.hdf-inwrap[b-vo2141x66w] {
    position: relative;
    max-width: 190px;
}

.hdf-in[b-vo2141x66w] {
    width: 100%;
    height: var(--cx-ctl-h, 34px);
    padding: 0 var(--cx-ctl-px, 9px);
    background: #fff;
    border: 1px solid var(--cx-input-border, #ccc);
    border-radius: var(--cx-ctl-r, 6px);
    font-family: var(--cx-mono);
    font-size: var(--cx-size-body);
    color: var(--cx-text);
    outline: none;
    box-sizing: border-box;
}

.hdf-in[b-vo2141x66w]::-webkit-calendar-picker-indicator {
    opacity: .55;
    cursor: pointer;
}

.hdf-in:hover:not(:focus)[b-vo2141x66w] {
    border-color: var(--cx-input-border-strong, #b8b8b8);
}

.hdf-in:focus[b-vo2141x66w] {
    border-color: var(--cx-pri);
    box-shadow: 0 0 0 var(--cx-ring-w, 3px) var(--cx-pri-ring);
}

.hdf-inwrap.err .hdf-in[b-vo2141x66w] {
    border-color: var(--cx-red, #b91c1c);
}

.hdf-err[b-vo2141x66w] {
    margin-top: 5px;
    font-size: var(--cx-size-meta);
    color: var(--cx-red, #b91c1c);
    line-height: 1.45;
    text-wrap: pretty;
}

.hdf-hint[b-vo2141x66w] {
    margin-top: 5px;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.5;
    text-wrap: pretty;
}

/* the reading back — how a fat-fingered year gets caught */
.hdf-read[b-vo2141x66w] {
    margin-top: 6px;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.5;
    text-wrap: pretty;
}

.hdf-read b[b-vo2141x66w] {
    color: var(--cx-text);
    font-weight: 600;
}

.hdf-read.past[b-vo2141x66w] {
    display: flex;
    gap: 6px;
    align-items: flex-start;
    color: var(--cx-muted);
}

.hdf-read.past svg[b-vo2141x66w] {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--cx-amber, #7c4708);
}
/* /Components/EFiling/Shared/NewCourtInformation.razor.rz.scp.css */
.buttons-container[b-r5cgx2nom8] {
    display: flex;
    justify-content: flex-end; /* 👉 manda los botones a la derecha */
    gap: 0.75rem; /* espacio entre botones */
    margin-top: 1rem;
}
/* /Components/EFiling/Shared/NotificationEmailsInput.razor.rz.scp.css */
/* Additional Notification Recipients — v3 "Picker".

   The local --ne-* names are kept as an alias layer so the rules below read
   unchanged, but every one of them now resolves to a cx token. They used to be
   hardcoded cool greys (#1f2937 / #6b7280 / #9ca3af) with the accent on the
   legacy --bit-clr-pri, which is why this block read as a different generation
   sitting inside a warm-stone page: it was literally a different palette.

   --ne-muted was #9ca3af — around 2.5:1 — and it carries real text here ("(optional)",
   the group micro-caps, the disabled add-manual label), so it maps to the readable
   floor rather than the decoration tier. */

.ne-root[b-tj06264981] {
    --ne-accent: var(--cx-pri);
    --ne-text: var(--cx-text);
    --ne-text-secondary: var(--cx-subtle);
    --ne-text-body: var(--cx-muted);
    --ne-hairline: var(--cx-border-soft);
    --ne-muted: var(--cx-subtle);
    color: var(--ne-text);
}

.ne-label[b-tj06264981] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--ne-text);
    margin-bottom: 0.625rem;
}

.ne-optional[b-tj06264981] {
    font-weight: 400;
    font-size: var(--cx-size-cap);
    color: var(--ne-muted);
    margin-left: 0.5rem;
}

/* ── Recipient rows ─────────────────────────────────────────────── */
.ne-recipients[b-tj06264981] {
    max-width: 480px;
    margin-bottom: 0.25rem;
}

.ne-row[b-tj06264981] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.25rem 0.5rem 0;
    border-bottom: 1px solid var(--ne-hairline);
}

.ne-row-text[b-tj06264981] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    flex: 1;
}

.ne-name[b-tj06264981] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--ne-text);
}

.ne-email[b-tj06264981] {
    font-size: var(--cx-size-cap);
    color: var(--ne-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
}

.ne-email-solo[b-tj06264981] {
    font-size: var(--cx-size-body);
    color: var(--ne-text);
}

.ne-avatar[b-tj06264981] {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--cx-panel-alt);
    color: var(--ne-text-body);
    font-size: var(--cx-size-cap);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.ne-remove[b-tj06264981] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    flex-shrink: 0;
    background: transparent;
    border: none;
    border-radius: 999px;
    color: var(--ne-muted);
    cursor: pointer;
    transition: background 120ms, color 120ms;
}

.ne-remove:hover[b-tj06264981] {
    background: var(--cx-row-hover);
    color: var(--ne-text-body);
}

/* ── Add affordance + menu ──────────────────────────────────────── */
.ne-add-wrap[b-tj06264981] {
    position: relative;
    max-width: 480px;
}

.ne-ghost[b-tj06264981] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.4375rem 0.5rem;
    margin-left: -0.5rem;
    background: transparent;
    border: none;
    border-radius: 0.375rem;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 500;
    color: var(--ne-accent);
    cursor: pointer;
    transition: background 120ms;
}

.ne-ghost:hover[b-tj06264981] {
    background: var(--cx-pri-soft);
}

.ne-backdrop[b-tj06264981] {
    position: fixed;
    inset: 0;
    z-index: 29;
    background: transparent;
}

.ne-panel[b-tj06264981] {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    max-height: calc(100vh - 32px);
    display: flex;
    flex-direction: column;
    width: 400px;
    max-width: 100%;
    z-index: 30;
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    border-radius: 0.5rem;
    box-shadow: var(--cx-shadow-pop);
    overflow: hidden;
}

/* Flip the menu above the button when there isn't room below. */
.ne-panel.ne-up[b-tj06264981] {
    top: auto;
    bottom: calc(100% + 2px);
}

.ne-search[b-tj06264981] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.875rem;
    border-bottom: 1px solid var(--ne-hairline);
    flex-shrink: 0;
}

.ne-list[b-tj06264981] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.ne-search-ic[b-tj06264981] {
    color: var(--ne-muted);
    flex-shrink: 0;
}

.ne-search-input[b-tj06264981] {
    flex: 1;
    height: var(--cx-ctl-h, 32px);
    border: none;
    outline: none;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    color: var(--ne-text);
    background: transparent;
}

.ne-section-head[b-tj06264981] {
    padding: 0.5rem 0.875rem 0.25rem;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ne-muted);
}

.ne-users[b-tj06264981] {
    max-height: 232px;
    overflow-y: auto;
    padding-bottom: 0.25rem;
}

.ne-user[b-tj06264981] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    padding: 0.5rem 0.875rem;
    background: transparent;
    border: none;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
    transition: background 100ms;
}

.ne-user:hover[b-tj06264981] {
    background: var(--cx-row-hover);
}

.ne-user.is-added[b-tj06264981] {
    opacity: 0.85;
}

.ne-check[b-tj06264981] {
    color: var(--ne-accent);
    display: inline-flex;
    flex-shrink: 0;
}

.ne-no-match[b-tj06264981] {
    padding: 0.5rem 0.875rem;
    color: var(--ne-text-secondary);
    font-size: var(--cx-size-cap);
}

.ne-add-manual[b-tj06264981] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    padding: 0.625rem 0.875rem;
    background: transparent;
    border: none;
    border-top: 1px solid var(--ne-hairline);
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 500;
    text-align: left;
    color: var(--ne-accent);
    cursor: pointer;
    box-sizing: border-box;
    transition: background 100ms;
}

.ne-add-manual:hover[b-tj06264981] {
    background: var(--cx-pri-soft);
}

.ne-add-manual.is-disabled[b-tj06264981] {
    color: var(--ne-muted);
    cursor: default;
}

.ne-add-manual.is-disabled:hover[b-tj06264981] {
    background: transparent;
}

.ne-add-manual-text[b-tj06264981] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ne-add-manual-hint[b-tj06264981] {
    font-weight: 400;
    font-size: var(--cx-size-cap);
    flex-shrink: 0;
}

/* ── Documents note ─────────────────────────────────────────────── */
.ne-note[b-tj06264981] {
    margin: 0.625rem 0 0;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: var(--cx-size-cap);
    line-height: 1.45;
    color: var(--ne-text-secondary);
    text-wrap: pretty;
}

.ne-note .ne-ic[b-tj06264981] {
    flex-shrink: 0;
}

/* Shared icon defaults (lucide-style outline). */
.ne-ic[b-tj06264981] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* /Components/EFiling/Shared/PartyEditor.razor.rz.scp.css */
/* ── Party editor internals (wizard Parties round) — micro-cap section breaks,
   the wizard field grid, dependent options behind a rail under their trigger.
   Scoped here so the editor carries its skin everywhere it's reused. ── */

.pe[b-wmug35hdq1] {
    container: wzped / inline-size;
    display: flex;
    flex-direction: column;
    font-size: var(--cx-size-body);
    color: var(--cx-text);
}

/* micro-cap section break */
.pe-cap[b-wmug35hdq1] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 22px 0 13px;
}

.pe-cap.first[b-wmug35hdq1] {
    margin-top: 0;
}

.pe-cap .ic[b-wmug35hdq1] {
    display: inline-flex;
    color: var(--cx-slate);
}

.pe-cap h4[b-wmug35hdq1] {
    margin: 0;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    letter-spacing: 0.085em;
    text-transform: uppercase;
    color: var(--cx-slate);
}

/* field grid — same rhythm as the Case step */
/* Lists not here yet (an editor opened outside the parties step, which warms them). */
.pe-loading[b-wmug35hdq1] {
    gap: 16px;
    padding: 4px 0 8px;
}

.pe-grid[b-wmug35hdq1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

@container wzped (min-width: 860px) {
    .pe-grid[b-wmug35hdq1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container wzped (max-width: 480px) {
    .pe-grid[b-wmug35hdq1] {
        grid-template-columns: 1fr;
    }
}

.pe-field[b-wmug35hdq1] {
    min-width: 0;
}

.pe-field.span[b-wmug35hdq1] {
    grid-column: 1 / -1;
}

/* subtypes — quiet dotted panel */
.pe-dotted[b-wmug35hdq1] {
    border: 1px dashed var(--cx-border);
    border-radius: 8px;
    padding: 13px 14px;
    background: var(--cx-panel-alt);
}

.pe-checkwrap[b-wmug35hdq1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 26px;
}

/* options — checkbox stack; reveals behind a 2px left rule */
.pe-checks[b-wmug35hdq1] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    max-width: 900px;
}

.pe-rail[b-wmug35hdq1] {
    margin-left: 8px;
    margin-top: 8px;
    margin-bottom: 4px;
    padding-left: 16px;
    border-left: 2px solid var(--cx-border);
    display: flex;
    flex-direction: column;
    gap: 12px;
    animation: pe-in-b-wmug35hdq1 .2s ease;
}

.pe-rail-note[b-wmug35hdq1] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.45;
    text-wrap: pretty;
}

.pe-contact[b-wmug35hdq1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* fee waiver application — coupled to this party */
.pe-feedoc[b-wmug35hdq1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pe-feedoc-label[b-wmug35hdq1] {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
}

.pe-feedoc-label .req[b-wmug35hdq1] {
    color: var(--cx-red);
    margin-left: 4px;
}

.pe-feedoc-sub[b-wmug35hdq1] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.45;
    margin-bottom: 5px;
    text-wrap: pretty;
}

/* alternate identities */
.pe-akas[b-wmug35hdq1] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pe-aka[b-wmug35hdq1] {
    border: 1px solid var(--cx-border);
    border-radius: 8px;
    padding: 12px 13px;
    background: var(--cx-panel);
}

/* identity card header — micro-cap + remove. USER OVERRIDE vs design: the remove
   button is a TRASH icon in text color with a neutral hover — never red. */
.pe-aka-head[b-wmug35hdq1] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 11px;
}

.pe-aka-head .cap[b-wmug35hdq1] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--cx-muted);
}

.pe-aka-head .sp[b-wmug35hdq1] {
    flex: 1;
}

.pe-aka-x[b-wmug35hdq1] {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--cx-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background .1s, color .1s;
}

.pe-aka-x:hover[b-wmug35hdq1] {
    background: var(--cx-bg-deep);
    color: var(--cx-text);
}

/* the identity's name field takes the wide column when the grid has room */
@container wzped (min-width: 860px) {
    .pe-field.wide[b-wmug35hdq1] {
        grid-column: span 2;
    }
}

.pe-addaka[b-wmug35hdq1] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px dashed var(--cx-border);
    background: var(--cx-panel-alt);
    border-radius: 8px;
    padding: 11px 12px;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-muted);
    transition: border-color .12s, background .12s, color .12s;
}

.pe-addaka:hover[b-wmug35hdq1] {
    border-color: var(--cx-pri-border);
    background: var(--cx-pri-soft);
    color: var(--cx-pri-text);
}

@keyframes pe-in-b-wmug35hdq1 {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: none; }
}

/* "I am this party" (design round): the checkbox says what the tick will do; the rail holds one
   live line above the fields; the skeleton takes the fields' shape while the provider answers. */
.pe-iam-sub[b-wmug35hdq1] { margin: 4px 0 0 24px; font-size: var(--cx-size-cap); color: var(--cx-subtle); line-height: 1.5; text-wrap: pretty; }
.pe-iam-revert[b-wmug35hdq1] { display: flex; gap: 7px; align-items: flex-start; margin: 6px 0 0 24px; font-size: var(--cx-size-cap); color: var(--cx-subtle); line-height: 1.5; text-wrap: pretty; animation: pe-in-b-wmug35hdq1 .2s ease; }
.pe-iam-revert svg[b-wmug35hdq1] { flex-shrink: 0; margin-top: 1.5px; }
.pe-iam-note[b-wmug35hdq1] { display: flex; gap: 8px; align-items: flex-start; animation: pe-in-b-wmug35hdq1 .2s ease; }
.pe-iam-note.warn[b-wmug35hdq1] { padding: 8px 10px; background: var(--cx-amber-soft); border: 1px solid var(--cx-amber-border); border-radius: 8px; }
.pe-iam-note svg[b-wmug35hdq1] { flex-shrink: 0; margin-top: 1px; }
.pe-iam-note svg.ok[b-wmug35hdq1] { color: var(--cx-green); }
.pe-iam-note svg.warn[b-wmug35hdq1] { color: var(--cx-amber); }
.pe-iam-note .lead[b-wmug35hdq1] { font-size: var(--cx-size-cap); line-height: 1.5; color: var(--cx-text); text-wrap: pretty; }
.pe-iam-note .lead b[b-wmug35hdq1] { font-weight: 600; }
.pe-iam-note .body[b-wmug35hdq1] { font-size: var(--cx-size-cap); line-height: 1.5; color: var(--cx-subtle); margin-top: 2px; text-wrap: pretty; }
.pe-iam-link[b-wmug35hdq1] { display: inline-block; margin-top: 5px; padding: 0; border: 0; background: none; cursor: pointer; font: inherit; font-size: var(--cx-size-cap); font-weight: 600; color: var(--cx-orange-text, #c2410c); }
.pe-iam-link:hover[b-wmug35hdq1] { color: var(--cx-text); }
.pe-fill-spin[b-wmug35hdq1] { width: 12px; height: 12px; flex-shrink: 0; margin-top: 1px; border-radius: 999px; border: 2px solid var(--cx-border); border-top-color: var(--cx-pri, #ef6a26); animation: pe-fill-spin-b-wmug35hdq1 .7s linear infinite; }
@keyframes pe-fill-spin-b-wmug35hdq1 { to { transform: rotate(360deg); } }
.pe-iam-skel[b-wmug35hdq1] { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.pe-iam-skel .row[b-wmug35hdq1] { grid-column: span 6; }
.pe-iam-skel .row.half[b-wmug35hdq1] { grid-column: span 3; }
.pe-iam-skel .row.third[b-wmug35hdq1] { grid-column: span 2; }
.pe-iam-skel .bar[b-wmug35hdq1] { display: block; border-radius: 3px; background: linear-gradient(90deg, var(--cx-bg-deep) 25%, var(--cx-border-soft) 50%, var(--cx-bg-deep) 75%); background-size: 200% 100%; animation: pe-shimmer-b-wmug35hdq1 1.3s linear infinite; }
.pe-iam-skel .bar.lbl[b-wmug35hdq1] { height: 10px; width: 72px; margin-bottom: 11px; }
.pe-iam-skel .bar.val[b-wmug35hdq1] { height: 32px; width: 100%; border-radius: 6px; }
@keyframes pe-shimmer-b-wmug35hdq1 { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.rm-only[b-wmug35hdq1] { display: none; }
@media (prefers-reduced-motion: reduce) {
    .pe-fill-spin[b-wmug35hdq1], .pe-iam-skel .bar[b-wmug35hdq1], .pe-iam-note[b-wmug35hdq1], .pe-iam-revert[b-wmug35hdq1] { animation: none; }
    .pe-iam-skel .bar[b-wmug35hdq1] { background: var(--cx-bg-deep); }
    .rm-only[b-wmug35hdq1] { display: inline; }
    .rm-hide[b-wmug35hdq1] { display: none; }
}
/* /Components/EFiling/Shared/TylerAttorneyPicker.razor.rz.scp.css */
/* ── Firm-roster attorney picker (eFileCA courts) — full-bleed modal bands
   (.cx-modal-*, global) wearing the wizard chrome. Saving here writes to the
   firm's roster at the court, so the edit tab carries a consequence notice. ── */

.tap-modal[b-z73vn0mm11] {
    width: 720px;
    max-width: 100%;
    background-color: var(--cx-panel);
    border-radius: 10px;
    box-shadow: var(--cx-shadow-pop);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    animation: tap-in-b-z73vn0mm11 0.16s ease;
}

@keyframes tap-in-b-z73vn0mm11 {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: none; }
}

.tap-modal[b-z73vn0mm11]  .cx-modal-body {
    overflow-y: auto;
    flex: 1 1 auto;
    min-height: 0;
}

/* In Add/Edit mode the EditForm wraps body + footer, so the form itself needs
   to be a flex column that fills the space between head and the modal bottom. */
.tap-form[b-z73vn0mm11] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

[b-z73vn0mm11] .tap-form {
    overflow-y: auto;
}
/* roster-write consequence — warn tone, lives above the editor */
.tap-warn[b-z73vn0mm11] {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    padding: 9px 11px;
    background: var(--cx-amber-soft);
    border: 1px solid var(--cx-amber-border);
    border-radius: 9px;
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    line-height: 1.5;
    text-wrap: pretty;
}

.tap-warn .ic[b-z73vn0mm11] {
    display: inline-flex;
    color: var(--cx-amber);
    margin-top: 1px;
    flex-shrink: 0;
}

/* loading state */
.tap-loading[b-z73vn0mm11] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

.tap-spin[b-z73vn0mm11] {
    color: var(--cx-subtle);
    animation: tap-spin-b-z73vn0mm11 .9s linear infinite;
    flex-shrink: 0;
}

@keyframes tap-spin-b-z73vn0mm11 {
    to { transform: rotate(360deg); }
}

.tap-skel[b-z73vn0mm11] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tap-skel .bar[b-z73vn0mm11] {
    display: block;
    height: 46px;
    border-radius: 8px;
    background: linear-gradient(90deg, var(--cx-bg-deep) 25%, var(--cx-border-soft) 50%, var(--cx-bg-deep) 75%);
    background-size: 200% 100%;
    animation: tap-shimmer-b-z73vn0mm11 1.3s linear infinite;
}

@keyframes tap-shimmer-b-z73vn0mm11 {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

/* empty roster — the first attorney is a firm-wide event */
.tap-empty[b-z73vn0mm11] {
    border: 1px dashed var(--cx-border);
    border-radius: 8px;
    background: var(--cx-panel-alt);
    padding: 24px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px;
}

.tap-empty .copy[b-z73vn0mm11] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.6;
    text-wrap: pretty;
    max-width: 380px;
    text-align: center;
}

/* roster rows */
.tap-roster[b-z73vn0mm11] {
    border: 1px solid var(--cx-border);
    border-radius: 8px;
    overflow: hidden;
    max-height: 380px;
    overflow-y: auto;
}

.tap-row[b-z73vn0mm11] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border: none;
    border-top: 1px solid var(--cx-border-soft);
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    transition: background .1s;
}

.tap-row:first-child[b-z73vn0mm11] {
    border-top: none;
}

.tap-row:hover[b-z73vn0mm11] {
    background: var(--cx-panel-alt);
}

.tap-row .tile[b-z73vn0mm11] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    flex-shrink: 0;
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cx-subtle);
}

.tap-row .body[b-z73vn0mm11] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tap-row .nm[b-z73vn0mm11] {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
}

.tap-row .meta[b-z73vn0mm11] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.4;
}

.tap-row .meta .mono[b-z73vn0mm11] {
    font-family: var(--cx-mono);
}

.tap-row .use[b-z73vn0mm11] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-pri-text);
    flex-shrink: 0;
}

.tap-error[b-z73vn0mm11] {
    font-size: var(--cx-size-cap);
    color: var(--cx-red);
    line-height: 1.45;
}

.tap-footnote[b-z73vn0mm11] {
    flex: 1;
    min-width: 0;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    text-wrap: pretty;
    text-align: left;
}

/* case-record prefill provenance (new-party representation round) */
.tap-source[b-z73vn0mm11] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.5;
    margin: 8px 0 10px;
    text-wrap: pretty;
}
/* /Components/EFiling/Shared/TylerDisclaimersBlock.razor.rz.scp.css */
.disclaimers-block[b-p0571fnybo] {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.disclaimers-heading[b-p0571fnybo] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--bit-clr-fg-pri);
}

.disclaimers-list[b-p0571fnybo] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.disclaimer-name[b-p0571fnybo] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--bit-clr-fg-pri);
    margin-bottom: 0.125rem;
}

.disclaimer-text[b-p0571fnybo] {
    font-size: 0.8125rem;
    color: var(--bit-clr-fg-sec);
    white-space: pre-wrap;
    line-height: 1.45;
}
/* /Components/EFiling/StructuredAddressEditor.razor.rz.scp.css */
.address-row[b-iv2vj31a6j] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--app-space-4);
    width: 100%;
}

.horizontal-item[b-iv2vj31a6j] {
    min-width: 100px;
    flex-basis: 30%;
    flex-grow: 1;
}

/* Orange County street line: keep Street Number compact and let Street Name
   take the remaining width (it used to be a full-row field). On narrow screens
   the min-width values let the two wrap onto separate lines. */
.street-number-item[b-iv2vj31a6j] {
    flex: 1 1 110px;
    min-width: 90px;
}

.street-name-item[b-iv2vj31a6j] {
    flex: 3 1 180px;
    min-width: 150px;
}
/* /Components/EFiling/SubsequentCaseStep.razor.rz.scp.css */
/* ── Wizard Case step · subsequent filing (wzc-sub.jsx) — one card: a head with
   the escape hatch, the court's record in Review's read register, then the
   filer's own case-level asks behind the step's one section head. cx tokens
   only. The host card (.wz-stepcard.converted) provides 24px padding; full-bleed
   elements pull -24px against it (--wzf-pad). ── */

.csb[b-qkmcxdlext] {
    position: relative;
    container: csbstep / inline-size;
    font-size: var(--cx-size-body);
    color: var(--cx-text);
}

/* ── card header band ── */
.csb-head[b-qkmcxdlext] {
    margin: -24px -24px 0;
    padding: 12px 24px;
    border-bottom: 1px solid var(--cx-border-soft);
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

/* step heading: the identity's heading voice (owner's proposal, 2026-09-28) */
.csb-title[b-qkmcxdlext] {
    font-size: var(--cx-size-head);
    font-family: var(--cx-heading-font);
    font-weight: var(--cx-heading-weight);
    text-transform: var(--cx-heading-transform);
    letter-spacing: var(--cx-heading-track);
    line-height: var(--cx-heading-lh);
    color: var(--cx-text);
}

.csb-sub[b-qkmcxdlext] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    flex: 1 1 auto;
    min-width: 0;
    text-wrap: pretty;
}

/* "Not this case?" — the same quiet chip as Review's Edit: a door, not a button. */
.csb-not[b-qkmcxdlext] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 22px;
    padding: 0 7px;
    border-radius: 5px;
    border: 1px solid var(--cx-border);
    background: var(--cx-panel);
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-muted);
    cursor: pointer;
    flex-shrink: 0;
    transition: color .1s, border-color .1s, background .1s;
}

.csb-not:hover[b-qkmcxdlext] {
    color: var(--cx-pri-text);
    border-color: var(--cx-pri-border);
    background: var(--cx-pri-soft);
}

/* ── 1 · the record — Review's cluster head + KV grid, verbatim ── */
.csb-record[b-qkmcxdlext] {
    padding-top: 20px;
}

.csb .clh[b-qkmcxdlext] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 10px;
    min-width: 0;
}

.csb .clh .t[b-qkmcxdlext] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    color: var(--cx-text);
    letter-spacing: .005em;
    flex-shrink: 0;
}

.csb .clh .s[b-qkmcxdlext] {
    font-size: var(--cx-size-meta);
    color: var(--cx-subtle);
    min-width: 0;
    text-wrap: pretty;
}

.csb .clh .s.stale[b-qkmcxdlext] {
    color: var(--cx-amber);
}

/* Cert S2 — the stale record's advisory: the note tier's form (a 2px tone rule, no box, no
   fill), attached to the record block it qualifies, one weight quieter than a step banner. */
.csb-stale[b-qkmcxdlext] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin: -2px 0 14px;
    padding-left: 11px;
    border-left: 2px solid var(--cx-amber);
    max-width: 660px;
    color: var(--cx-amber);
}

.csb-stale span[b-qkmcxdlext] {
    font-size: var(--cx-size-meta);
    line-height: 1.55;
    color: var(--cx-muted);
    text-wrap: pretty;
}

.csb-stale svg[b-qkmcxdlext] {
    flex-shrink: 0;
    margin-top: 2px;
}

.csb .clh .rule[b-qkmcxdlext] {
    flex: 1;
    min-width: 14px;
    height: 1px;
    background: var(--cx-border);
    align-self: center;
}

.csb[b-qkmcxdlext]  .fact-grid {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--rv-kv-min, 200px), 1fr));
    column-gap: 26px;
    row-gap: 17px;
}

.csb[b-qkmcxdlext]  .fact-grid > .fact {
    min-width: 0;
}

.csb[b-qkmcxdlext]  .fact-grid > .fact.wide {
    grid-column: span 2;
}

.csb[b-qkmcxdlext]  .fact-grid > .fact.full {
    grid-column: 1 / -1;
}

.csb[b-qkmcxdlext]  .fact-grid dt {
    font-size: var(--cx-size-meta);
    font-weight: 500;
    color: var(--cx-subtle);
    line-height: 1.35;
}

.csb[b-qkmcxdlext]  .fact-grid dd {
    margin: 3px 0 0;
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--cx-text);
    line-height: 1.45;
    text-wrap: pretty;
    overflow-wrap: anywhere;
}

.csb[b-qkmcxdlext]  .fact-grid dd.mono {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-body);
}

.csb[b-qkmcxdlext]  .fact-grid dd.none {
    color: var(--cx-subtle);
    font-weight: 500;
}

.csb[b-qkmcxdlext]  .fact-grid dd.note {
    font-size: var(--cx-size-meta);
    font-weight: 400;
    color: var(--cx-subtle);
    line-height: 1.45;
    margin-top: 3px;
    text-wrap: pretty;
}

.csb[b-qkmcxdlext]  .fact-grid dd.note.source {
    display: flex;
    gap: 5px;
    align-items: flex-start;
}

.csb[b-qkmcxdlext]  .fact-grid dd.note.source svg {
    flex-shrink: 0;
    margin-top: 2px;
}

@container csbstep (max-width: 560px) {
    .csb[b-qkmcxdlext]  .fact-grid {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 14px;
    }

    .csb[b-qkmcxdlext]  .fact-grid > .fact.wide,
    .csb[b-qkmcxdlext]  .fact-grid > .fact.full {
        grid-column: auto;
    }
}

/* record skeleton — the same grid rhythm, for the beat before the lists arrive */
.csb-skel[b-qkmcxdlext] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    column-gap: 26px;
    row-gap: 17px;
}

.csb-skel > div[b-qkmcxdlext] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.csb-skel > .w8[b-qkmcxdlext] {
    grid-column: span 2;
}

.csb-bar[b-qkmcxdlext] {
    display: block;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--cx-bg-deep) 25%, var(--cx-border-soft) 50%, var(--cx-bg-deep) 75%);
    background-size: 200% 100%;
    animation: csb-shimmer-b-qkmcxdlext 1.3s linear infinite;
}

.csb-bar.lbl[b-qkmcxdlext] {
    height: 9px;
    width: 68px;
}

.csb-bar.val[b-qkmcxdlext] {
    height: 12px;
    width: 76%;
}

/* ── 2 · the asks — the step's one section head: tiny icon + micro-cap; tints red
   when it owns errors ── */
.csb-section[b-qkmcxdlext] {
    margin-top: 24px;
}

.csb-sechead[b-qkmcxdlext] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.csb-sechead .ic[b-qkmcxdlext] {
    display: inline-flex;
    color: var(--cx-slate);
}

.csb-sechead h3[b-qkmcxdlext] {
    margin: 0;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    letter-spacing: 0.085em;
    text-transform: uppercase;
    color: var(--cx-slate);
}

.csb-sechead .aside[b-qkmcxdlext] {
    margin-left: auto;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

.csb-section.has-err .csb-sechead .ic[b-qkmcxdlext],
.csb-section.has-err .csb-sechead h3[b-qkmcxdlext] {
    color: var(--cx-red);
}

.csb-errpill[b-qkmcxdlext] {
    display: inline-flex;
    align-items: center;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-red);
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    border-radius: 999px;
    padding: 1px 8px;
}

/* the asks are a LIST (owner ruling 2026-08-21): one per row, reading down,
   each at a field's natural width — not cells competing across a grid */
.csb-asks[b-qkmcxdlext] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.csb-field[b-qkmcxdlext] {
    min-width: 0;
    max-width: 430px;
}

.csb-field.mono[b-qkmcxdlext]  .form-input {
    max-width: 260px;
    font-family: var(--cx-mono);
    font-size: calc(var(--cx-ctl-fs) - .5px);
    letter-spacing: .01em;
}

.csb-ferr[b-qkmcxdlext] {
    margin-top: 5px;
    font-size: var(--cx-size-meta);
    color: var(--cx-red);
    line-height: 1.45;
    text-wrap: pretty;
}

.csb-hint[b-qkmcxdlext] {
    margin-top: 5px;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.5;
    text-wrap: pretty;
}

.csb-errsum[b-qkmcxdlext] {
    margin-top: 22px;
}

@keyframes csb-shimmer-b-qkmcxdlext {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .csb-bar[b-qkmcxdlext] {
        animation: none;
        background: var(--cx-bg-deep);
    }
}
/* /Components/EFiling/SubsequentDocumentCard.razor.rz.scp.css */
/* ── Subsequent document card + the court-metadata section family ──────────
   Card anatomy per the Documents-step design: header band, filing-type strip,
   file line, title field, then the court's questions as a continuous sheet of
   framed sections (WzmFrame + inputs — styled here via ::deep; the family
   components carry no own CSS). cx tokens ONLY — zero raw colors. Cards carry
   a 20px interior; full-bleed rows pull -20px against it. */

.wzsd-card[b-tw2tqqd4na] {
    position: relative;
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    border-radius: 10px;
    box-shadow: var(--cx-shadow-raise);
    padding: 20px;
    min-width: 0;
    font-size: var(--cx-size-body);
    color: var(--cx-text);
}

.wzsd-card + .wzsd-card[b-tw2tqqd4na] {
    margin-top: 14px;
}

.wzsd-card.bad[b-tw2tqqd4na] {
    border-color: var(--cx-red-border);
}

/* ── head band ── */
.wzsd-head[b-tw2tqqd4na] {
    margin: -20px -20px 0;
    padding: 11px 20px 12px;
    background: var(--cx-panel-alt);
    border-bottom: 1px solid var(--cx-border);
    border-radius: 9px 9px 0 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    column-gap: 12px;
    align-items: center;
}

.wzsd-head.bad[b-tw2tqqd4na] {
    background: var(--cx-red-soft);
    border-bottom-color: var(--cx-red-border);
}

.wzsd-head .hmain[b-tw2tqqd4na] {
    min-width: 0;
}

.wzsd-head .titleline[b-tw2tqqd4na] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.wzsd-head .tile[b-tw2tqqd4na] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    color: var(--cx-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.wzsd-head .tile.err[b-tw2tqqd4na] {
    color: var(--cx-red);
    border-color: var(--cx-red-border);
}

.wzsd-head .ttl[b-tw2tqqd4na] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
    letter-spacing: -0.1px;
    text-wrap: pretty;
    min-width: 0;
    overflow-wrap: anywhere;
}

.wzsd-head .ttl.faint[b-tw2tqqd4na] {
    color: var(--cx-faint);
}

.wzsd-tag[b-tw2tqqd4na] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cx-text);
    background: var(--cx-panel);
    border: 1px solid var(--cx-input-border);
    border-radius: 3px;
    padding: 1px 5px;
    white-space: nowrap;
}

.wzsd-head .facts[b-tw2tqqd4na] {
    padding-left: 36px;
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    margin-top: 4px;
}

.wzsd-roll[b-tw2tqqd4na] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    flex-wrap: wrap;
}

.wzsd-roll .mono[b-tw2tqqd4na] {
    font-family: var(--cx-mono);
    color: var(--cx-muted);
}

.wzsd-roll .mono.done[b-tw2tqqd4na] {
    color: var(--cx-green);
}

.wzsd-roll .dot[b-tw2tqqd4na],
.wzsd-head .facts .dot[b-tw2tqqd4na] {
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: var(--cx-faint);
}

.wzsd-roll .warn.err[b-tw2tqqd4na] {
    color: var(--cx-red);
    font-weight: 600;
}

.wzsd-roll .warn.amber[b-tw2tqqd4na] {
    color: var(--cx-amber);
    font-weight: 600;
}

.wzsd-status .st[b-tw2tqqd4na] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    white-space: nowrap;
}

.wzsd-status .st.red[b-tw2tqqd4na] { color: var(--cx-red); }
.wzsd-status .st.amber[b-tw2tqqd4na] { color: var(--cx-amber); }
.wzsd-status .st.green[b-tw2tqqd4na] { color: var(--cx-green); }
.wzsd-status .st.quiet[b-tw2tqqd4na] { color: var(--cx-subtle); font-weight: 500; }

.wzsd-head .acts[b-tw2tqqd4na] {
    display: flex;
    gap: 3px;
    justify-content: flex-end;
    flex-shrink: 0;
}

.wzsd-head .act[b-tw2tqqd4na] {
    width: 27px;
    height: 27px;
    border-radius: 6px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--cx-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background .1s, color .1s;
}

.wzsd-head .act:hover[b-tw2tqqd4na] {
    background: var(--cx-bg-deep);
    color: var(--cx-text);
}

.wzsd-head .act.del:hover[b-tw2tqqd4na] {
    background: var(--cx-red-soft);
    color: var(--cx-red);
}

/* ── "Changing this document" strip ── */
.wzsd-strip[b-tw2tqqd4na] {
    margin: 0 -20px 4px;
    padding: 14px 20px 15px;
    background: var(--cx-pri-soft);
    border-bottom: 1px solid var(--cx-pri-border);
}

.wzsd-strip .striphead[b-tw2tqqd4na] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--cx-pri-text);
}

.wzsd-strip .cap[b-tw2tqqd4na] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--cx-pri-text);
}

.wzsd-strip .sp[b-tw2tqqd4na],
.wzsd-head .sp[b-tw2tqqd4na] {
    flex: 1;
    min-width: 8px;
}

.wzsd-strip .stripfield[b-tw2tqqd4na] {
    max-width: 640px;
}

/* ── file area ── */
.wzsd-filearea[b-tw2tqqd4na] {
    margin: 0 -20px;
    padding: 12px 20px;
    border-bottom: 1px solid var(--cx-border-soft);
}

.wzsd-filenotes[b-tw2tqqd4na] {
    margin-top: 9px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.wzsd-scannote[b-tw2tqqd4na] {
    display: flex;
    gap: 7px;
    align-items: flex-start;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

.wzsd-scannote svg[b-tw2tqqd4na] {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--cx-faint);
}

.wzsd-fnote[b-tw2tqqd4na] {
    margin-top: 8px;
}

.wzsd-worduploader[b-tw2tqqd4na] {
    margin-top: 8px;
}

/* ── field furniture (hints / below-field errors) ── */
.wzsd-hint[b-tw2tqqd4na] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.5;
    margin-top: 4px;
    max-width: 86ch;
    text-wrap: pretty;
}

.wzsd-ferr[b-tw2tqqd4na],
.wzms-ferr[b-tw2tqqd4na] {
    font-size: var(--cx-size-cap);
    color: var(--cx-red);
    margin-top: 4px;
    text-wrap: pretty;
}

.wzsd-titlefield[b-tw2tqqd4na] {
    margin-top: 14px;
    max-width: 560px;
}

/* ── metadata region ── */
.wzsd-metanote[b-tw2tqqd4na] {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--cx-border-soft);
    display: flex;
    gap: 7px;
    align-items: flex-start;
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    text-wrap: pretty;
}

.wzsd-metanote svg[b-tw2tqqd4na] {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--cx-faint);
}

.wzsd-metanote b[b-tw2tqqd4na] {
    color: var(--cx-text);
    font-weight: 600;
}

.wzsd-metahead[b-tw2tqqd4na] {
    margin: 14px -20px 0;
    padding: 14px 20px 10px;
    border-top: 1px solid var(--cx-border);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.wzsd-metahead h3[b-tw2tqqd4na] {
    margin: 0;
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--cx-muted);
}

.wzsd-metahead .sp[b-tw2tqqd4na] {
    flex: 1;
    min-width: 8px;
}

.wzsd-metahead .aside[b-tw2tqqd4na] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

.wzsd-metaempty[b-tw2tqqd4na] {
    margin: 0 -20px -20px;
    padding: 16px 20px;
    border-top: 1px solid var(--cx-border-soft);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

/* The sheet of sections runs to the card's bottom edge. */
.wzsd-sections[b-tw2tqqd4na] {
    margin-bottom: -20px;
}

.wzsd-sections > div:last-child[b-tw2tqqd4na]  .wzm-sec {
    border-radius: 0 0 9px 9px;
}

/* ── delete confirm (CxModal interior) — bands come from cx-modal-body/foot ── */
.wzsd-confirm-copy[b-tw2tqqd4na] {
    margin: 0;
    font-size: var(--cx-size-body);
    color: var(--cx-muted);
    line-height: 1.55;
    text-wrap: pretty;
}

.wzsd-confirm-copy strong[b-tw2tqqd4na] {
    color: var(--cx-text);
}

/* ═══ the section frame (WzmFrame) ═══ */

[b-tw2tqqd4na] .wzm-sec {
    position: relative;
    margin: 0 -20px;
    border-top: 1px solid var(--cx-border);
}

[b-tw2tqqd4na] .wzm-sec.err {
    border-top-color: var(--cx-red-border);
}

[b-tw2tqqd4na] .wzm-rail {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--cx-red);
    z-index: 1;
}

[b-tw2tqqd4na] .wzm-sec.blocked .wzm-rail {
    background: var(--cx-amber);
}

[b-tw2tqqd4na] .wzm-sechead {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: start;
    padding: 9px 20px 10px;
    background: var(--cx-panel-alt);
    border-bottom: 1px solid var(--cx-border-soft);
}

[b-tw2tqqd4na] .wzm-sec.err .wzm-sechead {
    background: var(--cx-red-soft);
    border-bottom-color: var(--cx-red-border);
}

[b-tw2tqqd4na] .wzm-titleline {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

[b-tw2tqqd4na] .wzm-glyph {
    color: var(--cx-subtle);
    display: inline-flex;
    flex-shrink: 0;
}

[b-tw2tqqd4na] .wzm-sec.err .wzm-glyph {
    color: var(--cx-red);
}

[b-tw2tqqd4na] .wzm-title {
    margin: 0;
    font-size: var(--cx-size-meta);
    font-weight: 700;
    color: var(--cx-text);
    letter-spacing: -0.005em;
    text-wrap: pretty;
    min-width: 0;
}

[b-tw2tqqd4na] .wzm-sec.err .wzm-title {
    color: var(--cx-red);
}

[b-tw2tqqd4na] .wzm-req {
    color: var(--cx-red);
    padding-left: 2px;
}

[b-tw2tqqd4na] .wzm-desc {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.5;
    margin-top: 3px;
    max-width: 86ch;
    text-wrap: pretty;
}

[b-tw2tqqd4na] .wzm-desc.indent {
    padding-left: 20px;
}

[b-tw2tqqd4na] .wzm-desc.hint {
    margin-top: 0;
    margin-bottom: 8px;
}

[b-tw2tqqd4na] .wzm-headright {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-self: end;
    padding-top: 1px;
}

[b-tw2tqqd4na] .wzm-state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--cx-size-cap);
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
    color: var(--cx-subtle);
}

[b-tw2tqqd4na] .wzm-state.err {
    color: var(--cx-red);
    font-weight: 600;
}

[b-tw2tqqd4na] .wzm-state.blocked {
    color: var(--cx-amber);
    font-weight: 600;
}

[b-tw2tqqd4na] .wzm-state.ok {
    color: var(--cx-muted);
}

[b-tw2tqqd4na] .wzm-state.ok .wzm-check {
    color: var(--cx-green);
}

[b-tw2tqqd4na] .wzm-state.asks {
    color: var(--cx-subtle);
}

[b-tw2tqqd4na] .wzm-state .wzm-sum {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
}

[b-tw2tqqd4na] .wzm-dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--cx-amber);
    display: inline-block;
}

[b-tw2tqqd4na] .wzm-clear {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 24px;
    padding: 0 8px;
    border-radius: 5px;
    border: none;
    background: transparent;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    font-family: inherit;
    color: var(--cx-subtle);
    cursor: pointer;
    transition: color .1s, background .1s;
}

[b-tw2tqqd4na] .wzm-clear:hover {
    color: var(--cx-text);
    background: var(--cx-bg-deep);
}

[b-tw2tqqd4na] .wzm-body {
    padding: 13px 20px 15px;
}

/* Seam collapse: when a full-bleed hairlined row (table / empty row / no-match)
   is the FIRST thing in a section body, the header's border-bottom and the
   child's border-top would sandwich the body's top padding as a blank band
   between two hairlines. Pull the child up over the padding and drop its own
   hairline so the header rule and the content meet cleanly. (Sections whose
   body starts with the toolbar or the single-select hint are unaffected; the
   compact frame has no full-bleed children.) */
[b-tw2tqqd4na] .wzm-body > .wzm-table:first-child,
[b-tw2tqqd4na] .wzm-body > .wzm-emptyrow:first-child,
[b-tw2tqqd4na] .wzm-body > .wzm-nomatch:first-child {
    margin-top: -13px;
    border-top: none;
}

/* Compact frame: the label line IS the header. */
[b-tw2tqqd4na] .wzm-sec.compact {
    padding: 13px 20px 15px;
}

[b-tw2tqqd4na] .wzm-sec.compact.err {
    background: var(--cx-red-soft);
}

[b-tw2tqqd4na] .wzm-cline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: baseline;
    margin-bottom: 3px;
}

[b-tw2tqqd4na] .wzm-cline.roomy {
    margin-bottom: 7px;
}

[b-tw2tqqd4na] .wzm-cline .wzm-title {
    font-weight: 600;
}

/* ── inline errors (the messages the old step computed and never showed) ── */
[b-tw2tqqd4na] .wzm-errs {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-tw2tqqd4na] .wzm-err {
    display: flex;
    gap: 6px;
    align-items: flex-start;
    font-size: var(--cx-size-cap);
    color: var(--cx-red);
    line-height: 1.45;
    text-wrap: pretty;
}

[b-tw2tqqd4na] .wzm-err .wzm-alert {
    flex-shrink: 0;
    margin-top: 1.5px;
}

/* ── unsupported ── */
[b-tw2tqqd4na] .wzm-unsupported {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    padding: 10px 12px;
    background: var(--cx-slate-soft);
    border: 1px solid var(--cx-slate-border);
    border-radius: var(--cx-ctl-r, 7px);
    max-width: 720px;
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    line-height: 1.55;
    text-wrap: pretty;
}

[b-tw2tqqd4na] .wzm-unsupported svg {
    color: var(--cx-slate);
    flex-shrink: 0;
    margin-top: 1px;
}

[b-tw2tqqd4na] .wzm-unsupported b {
    color: var(--cx-text);
    font-weight: 600;
}

/* ── control measures (compact scalars) ── */
[b-tw2tqqd4na] .wzm-ctl.date { max-width: 190px; }
[b-tw2tqqd4na] .wzm-ctl.currency { max-width: 210px; }
[b-tw2tqqd4na] .wzm-ctl.number { max-width: 140px; }
[b-tw2tqqd4na] .wzm-ctl.receipt { max-width: 200px; }
[b-tw2tqqd4na] .wzm-ctl.email { max-width: 380px; }
[b-tw2tqqd4na] .wzm-ctl.textwide { max-width: 720px; }
[b-tw2tqqd4na] .wzm-ctl.codelist { max-width: 440px; }

[b-tw2tqqd4na] .wzm-ctl.mono input,
[b-tw2tqqd4na] .wzm-ctl.receipt input {
    font-family: var(--cx-mono);
}

/* ── tables (pickers, judgments, docrefs, participants) ── */
[b-tw2tqqd4na] .wzm-table {
    margin: 0 -20px;
    border-top: 1px solid var(--cx-border-soft);
}

[b-tw2tqqd4na] .wzm-thead {
    display: grid;
    column-gap: 12px;
    align-items: center;
    padding: 7px 20px;
    border-bottom: 1px solid var(--cx-border-soft);
    background: var(--cx-panel);
}

[b-tw2tqqd4na] .wzm-th {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--cx-subtle);
    min-width: 0;
}

[b-tw2tqqd4na] .wzm-row {
    position: relative;
    display: grid;
    column-gap: 12px;
    align-items: center;
    padding: 8px 20px;
    border-bottom: 1px solid var(--cx-border-soft);
    cursor: pointer;
    transition: background .1s;
}

[b-tw2tqqd4na] .wzm-row.static {
    cursor: default;
}

[b-tw2tqqd4na] .wzm-row:hover {
    background: var(--cx-row-hover);
}

[b-tw2tqqd4na] .wzm-row.on {
    background: var(--cx-panel);
}

[b-tw2tqqd4na] .wzm-row.on::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--cx-pri);
}

/* column tracks */
[b-tw2tqqd4na] .cols-party { grid-template-columns: 24px minmax(0, 1.2fr) 122px minmax(0, 1.5fr); }
[b-tw2tqqd4na] .cols-party-tags { grid-template-columns: 24px minmax(0, 1.2fr) 122px minmax(0, 1.3fr) minmax(0, 0.9fr); }
[b-tw2tqqd4na] .cols-atty { grid-template-columns: 24px minmax(0, 1.3fr) 132px minmax(0, 1.2fr) minmax(0, 1fr); }
[b-tw2tqqd4na] .cols-atty-tags { grid-template-columns: 24px minmax(0, 1.3fr) 122px minmax(0, 1.1fr) minmax(0, 0.9fr) minmax(0, 0.9fr); }
[b-tw2tqqd4na] .cols-judgment { grid-template-columns: 24px minmax(0, 1.5fr) minmax(0, 1.2fr); }
[b-tw2tqqd4na] .cols-docref { grid-template-columns: 24px minmax(0, 1.4fr) 108px minmax(0, 1fr); }
[b-tw2tqqd4na] .cols-newpart { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 64px; }

[b-tw2tqqd4na] .wzm-pick {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[b-tw2tqqd4na] .wzm-pick .checkbox-field,
[b-tw2tqqd4na] .wzm-pick .checkbox-label {
    margin: 0;
    display: inline-flex;
    align-items: center;
}

[b-tw2tqqd4na] .wzm-cell {
    min-width: 0;
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
}

[b-tw2tqqd4na] .wzm-cell.name {
    font-weight: 500;
    text-wrap: pretty;
}

[b-tw2tqqd4na] .wzm-cell.name.sel {
    font-weight: 600;
}

[b-tw2tqqd4na] .wzm-cell.sub {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

[b-tw2tqqd4na] .wzm-cell.ellip,
[b-tw2tqqd4na] .wzm-cell.ellip span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

[b-tw2tqqd4na] .wzm-cell.status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
}

[b-tw2tqqd4na] .wzm-faint {
    color: var(--cx-faint);
    font-size: var(--cx-size-cap);
}

[b-tw2tqqd4na] .wzm-bar {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    font-weight: 400;
}

/* role as a word with one tone dot — never a sticker */
[b-tw2tqqd4na] .wzm-role {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    min-width: 0;
}

[b-tw2tqqd4na] .wzm-role span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-tw2tqqd4na] .wzm-tonedot {
    width: 5px;
    height: 5px;
    border-radius: 999px;
    flex-shrink: 0;
    display: inline-block;
}

[b-tw2tqqd4na] .wzm-tonedot.tone-blue { background: var(--cx-blue); }
[b-tw2tqqd4na] .wzm-tonedot.tone-red { background: var(--cx-red); }
[b-tw2tqqd4na] .wzm-tonedot.tone-green { background: var(--cx-green); }
[b-tw2tqqd4na] .wzm-tonedot.tone-slate { background: var(--cx-slate); }

[b-tw2tqqd4na] .wzm-rowacts {
    display: flex;
    gap: 3px;
    justify-content: flex-end;
}

[b-tw2tqqd4na] .wzm-act {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--cx-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background .1s, color .1s;
}

[b-tw2tqqd4na] .wzm-act:hover {
    background: var(--cx-bg-deep);
    color: var(--cx-text);
}

[b-tw2tqqd4na] .wzm-act.del:hover {
    background: var(--cx-red-soft);
    color: var(--cx-red);
}

/* ── the selected row's court asks (detail block UNDER the row) ── */
[b-tw2tqqd4na] .wzm-rowdetail {
    padding: 11px 20px 13px 46px;
    border-bottom: 1px solid var(--cx-border-soft);
    background: var(--cx-panel);
    cursor: default;
    animation: wzm-in-b-tw2tqqd4na .14s ease;
}

@keyframes wzm-in-b-tw2tqqd4na {
    from { opacity: 0; transform: translateY(-3px); }
    to { opacity: 1; transform: none; }
}

[b-tw2tqqd4na] .wzm-rowdetail-rule {
    border-left: 1.5px solid var(--cx-border);
    padding-left: 15px;
}

[b-tw2tqqd4na] .wzm-microcap {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--cx-subtle);
    margin-bottom: 9px;
}

[b-tw2tqqd4na] .wzm-taggrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 10px 26px;
    max-width: 880px;
}

[b-tw2tqqd4na] .wzm-tag {
    min-width: 0;
}

[b-tw2tqqd4na] .wzm-reveal {
    margin: 8px 0 4px 24px;
    max-width: 420px;
}

[b-tw2tqqd4na] .wzm-reveal.narrow {
    max-width: 300px;
}

[b-tw2tqqd4na] .wzm-sublabel {
    display: block;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-text);
    margin-bottom: 4px;
}

[b-tw2tqqd4na] .wzm-subhint {
    font-weight: 400;
    color: var(--cx-subtle);
    margin-left: 6px;
}

/* ── chips (closed selected row summary) ── */
[b-tw2tqqd4na] .wzm-chipbtn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 7px;
    border-radius: 5px;
    border: none;
    background: transparent;
    cursor: pointer;
    max-width: 100%;
    justify-content: flex-start;
    font-family: inherit;
    transition: background .1s;
}

[b-tw2tqqd4na] .wzm-chipbtn:hover {
    background: var(--cx-bg-deep);
}

[b-tw2tqqd4na] .wzm-chev {
    color: var(--cx-subtle);
    flex-shrink: 0;
    transition: transform .12s;
}

[b-tw2tqqd4na] .wzm-chev.open {
    transform: rotate(90deg);
}

[b-tw2tqqd4na] .wzm-chiplbl {
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-muted);
}

[b-tw2tqqd4na] .wzm-chiplbl.ask {
    color: var(--cx-pri-text);
}

[b-tw2tqqd4na] .wzm-chips {
    display: inline-flex;
    gap: 4px;
    flex-wrap: wrap;
    min-width: 0;
}

[b-tw2tqqd4na] .wzm-chip {
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-muted);
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    border-radius: 4px;
    padding: 1px 6px;
    white-space: nowrap;
}

[b-tw2tqqd4na] .wzm-chip.warn {
    color: var(--cx-amber);
    border-color: var(--cx-amber-border);
    background: var(--cx-amber-soft);
}

/* ── toolbar (search + live count + bulk) ── */
[b-tw2tqqd4na] .wzm-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 11px;
}

[b-tw2tqqd4na] .wzm-search {
    width: 268px;
    max-width: 100%;
}

[b-tw2tqqd4na] .wzm-search .form-field {
    margin: 0;
}

[b-tw2tqqd4na] .wzm-count {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    white-space: nowrap;
}

[b-tw2tqqd4na] .wzm-count.strong {
    color: var(--cx-muted);
}

[b-tw2tqqd4na] .wzm-toolbar .sp,
[b-tw2tqqd4na] .wzm-pager .sp,
[b-tw2tqqd4na] .wzm-nomatch .sp {
    flex: 1;
    min-width: 4px;
}

[b-tw2tqqd4na] .wzm-bulk {
    display: flex;
    align-items: center;
    gap: 4px;
}

[b-tw2tqqd4na] .wzm-textbtn {
    height: 26px;
    padding: 0 9px;
    border-radius: 5px;
    border: none;
    background: transparent;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    font-family: inherit;
    color: var(--cx-muted);
    cursor: pointer;
    transition: color .1s, background .1s;
}

[b-tw2tqqd4na] .wzm-textbtn:hover:not(:disabled) {
    color: var(--cx-text);
    background: var(--cx-bg-deep);
}

[b-tw2tqqd4na] .wzm-textbtn:disabled {
    color: var(--cx-faint);
    cursor: default;
}

[b-tw2tqqd4na] .wzm-onehint {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    margin-bottom: 9px;
}

/* ── no-match + pager + empty row ── */
[b-tw2tqqd4na] .wzm-nomatch {
    margin: 0 -20px;
    padding: 20px 20px;
    border-top: 1px solid var(--cx-border-soft);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
}

[b-tw2tqqd4na] .wzm-nomatch b {
    color: var(--cx-text);
}

[b-tw2tqqd4na] .wzm-linkbtn {
    border: none;
    background: none;
    padding: 0;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    font-family: inherit;
    color: var(--cx-pri-text);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    transition: color .1s;
}

[b-tw2tqqd4na] .wzm-linkbtn:hover {
    color: var(--cx-pri-strong);
}

[b-tw2tqqd4na] .wzm-pager {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 -20px;
    padding: 9px 20px 0;
    flex-wrap: wrap;
}

[b-tw2tqqd4na] .wzm-pgbtn {
    height: 26px;
    min-width: 26px;
    padding: 0 6px;
    border-radius: 6px;
    border: 1px solid var(--cx-border);
    background: var(--cx-panel);
    color: var(--cx-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color .1s;
}

[b-tw2tqqd4na] .wzm-pgbtn:hover:not(:disabled) {
    border-color: var(--cx-input-border-strong);
}

[b-tw2tqqd4na] .wzm-pgbtn:disabled {
    color: var(--cx-faint);
    cursor: default;
}

[b-tw2tqqd4na] .wzm-emptyrow {
    margin: 0 -20px;
    padding: 16px 20px;
    border-top: 1px solid var(--cx-border-soft);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

/* ── in-section add button (orange glyph + black label) ── */
[b-tw2tqqd4na] .wzm-addwrap {
    margin-top: 10px;
}

[b-tw2tqqd4na] .wzm-add {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 30px;
    padding: 0 9px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    font-family: inherit;
    color: var(--cx-text);
    transition: background .1s, color .1s;
}

[b-tw2tqqd4na] .wzm-add .glyph {
    display: inline-flex;
    color: var(--cx-pri);
}

[b-tw2tqqd4na] .wzm-add:hover {
    background: var(--cx-pri-soft);
    color: var(--cx-pri-text);
}

/* ── address / contact hosts ── */
[b-tw2tqqd4na] .wzm-address {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 640px;
}

[b-tw2tqqd4na] .wzm-boolrow {
    max-width: 86ch;
}

/* ── the new-participant modal (scrim, top-anchored, own scroll) ── */
[b-tw2tqqd4na] .wzm-overlay {
    position: fixed;
    inset: 0;
    z-index: 400;
    /* Scrim derived from the ink token — no raw color literals in this family. */
    background: color-mix(in oklab, var(--cx-text) 42%, transparent);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 4vh 20px 20px;
    overflow-y: auto;
    outline: none;
    animation: wzm-fade-b-tw2tqqd4na .12s ease;
    cursor: default;
}

@keyframes wzm-fade-b-tw2tqqd4na {
    from { opacity: 0; }
    to { opacity: 1; }
}

[b-tw2tqqd4na] .wzm-modal {
    width: 780px;
    max-width: 100%;
    min-width: 0;
    border: 1px solid var(--cx-border);
    border-radius: 10px;
    overflow: hidden;
    background: var(--cx-panel);
    box-shadow: var(--cx-shadow-pop);
    animation: wzm-pop-b-tw2tqqd4na .16s ease;
}

@keyframes wzm-pop-b-tw2tqqd4na {
    from { opacity: 0; transform: translateY(8px) scale(.98); }
    to { opacity: 1; transform: none; }
}

[b-tw2tqqd4na] .wzm-modal form {
    display: flex;
    flex-direction: column;
    max-height: calc(96vh - 20px);
}

[b-tw2tqqd4na] .wzm-modal-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    background: var(--cx-pri-soft);
    border-bottom: 1px solid var(--cx-pri-border);
    flex-shrink: 0;
}

[b-tw2tqqd4na] .wzm-modal-tile {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: var(--cx-panel);
    border: 1px solid var(--cx-pri-border);
    color: var(--cx-pri-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

[b-tw2tqqd4na] .wzm-modal-headcopy {
    min-width: 0;
}

[b-tw2tqqd4na] .wzm-modal-title {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
}

[b-tw2tqqd4na] .wzm-modal-sub {
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    margin-top: 1px;
    text-wrap: pretty;
}

[b-tw2tqqd4na] .wzm-modal-sub b {
    color: var(--cx-text);
    font-weight: 600;
}

[b-tw2tqqd4na] .wzm-modal-head .sp,
[b-tw2tqqd4na] .wzm-modal-foot .sp {
    flex: 1;
    min-width: 10px;
}

[b-tw2tqqd4na] .wzm-modal-body {
    padding: 16px 18px 6px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

[b-tw2tqqd4na] .wzm-modal-foot {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 18px;
    border-top: 1px solid var(--cx-border);
    background: var(--cx-panel-alt);
    flex-wrap: wrap;
    flex-shrink: 0;
}

[b-tw2tqqd4na] .wzm-modal-problems {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-red);
}

/* ── narrow container: tables stack (pick column + everything else under the
   name), heads hide, header right slot wraps under the title ── */
@container wzmstep (max-width: 640px) {
    [b-tw2tqqd4na] .wzm-thead {
        display: none;
    }

    [b-tw2tqqd4na] .wzm-row {
        grid-template-columns: auto minmax(0, 1fr);
        row-gap: 3px;
        align-items: start;
    }

    [b-tw2tqqd4na] .wzm-row > :first-child {
        grid-row: 1 / span 5;
    }

    [b-tw2tqqd4na] .wzm-row > :not(:first-child) {
        grid-column: 2;
    }

    [b-tw2tqqd4na] .cols-newpart {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    [b-tw2tqqd4na] .cols-newpart > :first-child {
        grid-row: auto;
    }

    [b-tw2tqqd4na] .cols-newpart > :not(:first-child) {
        grid-column: auto;
    }

    [b-tw2tqqd4na] .wzm-sechead,
    [b-tw2tqqd4na] .wzm-cline {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    [b-tw2tqqd4na] .wzm-headright {
        justify-self: start;
    }

    [b-tw2tqqd4na] .wzm-rowdetail {
        padding-left: 20px;
    }

    [b-tw2tqqd4na] .wzm-taggrid {
        grid-template-columns: minmax(0, 1fr);
    }

    .wzsd-head[b-tw2tqqd4na] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .wzsd-status[b-tw2tqqd4na] {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
        margin-top: 4px;
        padding-left: 36px;
    }
}
/* /Components/EFiling/SubsequentDocumentsStep.razor.rz.scp.css */
/* ── Subsequent Documents step — converted step chrome ─────────────────────
   The host card (.wz-stepcard.converted) provides 24px padding; full-bleed
   elements pull -24px against it. The document cards live on a bg-deep tray.
   cx tokens only. The step is the family's size container (wzmstep) — the
   card CSS keys its narrow behavior off it. */

.wzms[b-o7tf7tjmfz] {
    position: relative;
    container: wzmstep / inline-size;
    font-size: var(--cx-size-body);
    color: var(--cx-text);
}

/* ── card header band ── */
.wzms-head[b-o7tf7tjmfz] {
    margin: -24px -24px 0;
    padding: 13px 24px;
    border-bottom: 1px solid var(--cx-border-soft);
}

.wzms-headline[b-o7tf7tjmfz] {
    display: flex;
    align-items: baseline;
    gap: 9px;
    flex-wrap: wrap;
}

/* step heading: the identity's heading voice (owner's proposal, 2026-09-28) */
.wzms-title[b-o7tf7tjmfz] {
    font-size: var(--cx-size-head);
    font-family: var(--cx-heading-font);
    font-weight: var(--cx-heading-weight);
    text-transform: var(--cx-heading-transform);
    letter-spacing: var(--cx-heading-track);
    line-height: var(--cx-heading-lh);
    color: var(--cx-text);
}

.wzms-count[b-o7tf7tjmfz] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-faint);
}

.wzms-sub[b-o7tf7tjmfz] {
    font-size: var(--cx-size-cap);
    color: var(--cx-muted);
    margin-top: 2px;
    text-wrap: pretty;
}

.wzms-errpill[b-o7tf7tjmfz] {
    display: inline-flex;
    align-items: center;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-red);
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    border-radius: 4px;
    padding: 1px 6px;
    white-space: nowrap;
}

/* ── loading ── */
.wzms-loading[b-o7tf7tjmfz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 48px 0;
    color: var(--cx-muted);
    font-size: var(--cx-size-body);
}

.wzms-spinner[b-o7tf7tjmfz] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2.5px solid var(--cx-border);
    border-top-color: var(--cx-pri);
    animation: wzms-rot-b-o7tf7tjmfz .9s linear infinite;
    flex-shrink: 0;
    box-sizing: border-box;
}

@keyframes wzms-rot-b-o7tf7tjmfz {
    to { transform: rotate(360deg); }
}

/* ── page-level facts (billing + target complaint) ── */
.wzms-grid[b-o7tf7tjmfz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: 14px 16px;
    margin-top: 16px;
}

.wzms-field[b-o7tf7tjmfz] {
    min-width: 0;
}

.wzms-field[b-o7tf7tjmfz]  .form-field {
    margin: 0;
}

.wzms-field[b-o7tf7tjmfz]  input {
    font-family: var(--cx-mono);
}

.wzms-field.wide[b-o7tf7tjmfz]  input {
    font-family: inherit;
}

.wzms-hint[b-o7tf7tjmfz] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.5;
    margin-top: 4px;
    text-wrap: pretty;
}

.wzms-ferr[b-o7tf7tjmfz] {
    font-size: var(--cx-size-cap);
    color: var(--cx-red);
    margin-top: 4px;
    text-wrap: pretty;
}

/* ── section head ── */
.wzms-band[b-o7tf7tjmfz] {
    margin: 16px -24px 0;
    padding: 14px 24px 10px;
    border-top: 1px solid var(--cx-border);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.wzms-band h3[b-o7tf7tjmfz] {
    margin: 0;
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--cx-muted);
}

.wzms-band .sp[b-o7tf7tjmfz] {
    flex: 1;
    min-width: 8px;
}

/* ── the document tray ── */
.wzms-tray[b-o7tf7tjmfz] {
    margin: 0 -24px;
    padding: 14px 24px 16px;
    background: var(--cx-bg-deep);
    border-top: 1px solid var(--cx-border);
    border-bottom: 1px solid var(--cx-border);
}

/* ── add another document ── */
.wzms-addwrap[b-o7tf7tjmfz] {
    margin-top: 14px;
}

.wzms-add[b-o7tf7tjmfz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 30px;
    padding: 0 9px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    font-family: inherit;
    color: var(--cx-text);
    transition: background .1s, color .1s;
}

.wzms-add .glyph[b-o7tf7tjmfz] {
    display: inline-flex;
    color: var(--cx-pri);
}

.wzms-add:hover[b-o7tf7tjmfz] {
    background: var(--cx-pri-soft);
    color: var(--cx-pri-text);
}

/* ── safety-net error band (host validation failed after the gate passed) ── */
.wzms-netband[b-o7tf7tjmfz] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 20px;
    padding: 12px 14px;
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    border-radius: 8px;
    color: var(--cx-red);
}

.wzms-netband .ic[b-o7tf7tjmfz] {
    display: inline-flex;
    flex-shrink: 0;
    margin-top: 1px;
}

.wzms-netband .tt[b-o7tf7tjmfz] {
    font-size: var(--cx-size-meta);
    font-weight: 700;
    color: var(--cx-red);
}

.wzms-netband .msg[b-o7tf7tjmfz] {
    font-size: var(--cx-size-cap);
    color: var(--cx-text);
    margin-top: 4px;
    text-wrap: pretty;
}

/* ── narrow ── */
@container wzmstep (max-width: 640px) {
    .wzms-grid[b-o7tf7tjmfz] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/EFiling/SubsequentFilingPage.razor.rz.scp.css */
/* Wizard shell frame — shared anatomy with FilingPage.razor.css. Left-anchored app
   frame (cx system), page cap 1840. The wrap is a named size container (wzpage):
   the summary rail keys off CONTENT width, not the viewport. */

.wz-page[b-6zqfdpqipz] {
    padding: 24px 24px 64px;
    min-height: calc(100vh - var(--app-header-height, 56px));
    background: var(--cx-bg, #f9fafb);
    font-family: var(--cx-font, inherit);
    box-sizing: border-box;
}

.wz-wrap[b-6zqfdpqipz] {
    width: 100%;
    max-width: 1840px;
    container: wzpage / inline-size;
}

.wz-strip-slot[b-6zqfdpqipz] {
    margin-bottom: 16px;
}

.wz-grid[b-6zqfdpqipz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.wz-main[b-6zqfdpqipz] {
    min-width: 0;
}

/* ── Form-first rail threshold (constants: WizardLayout, WizardTypes.cs) ──
   RAIL shows when contentWidth ≥ FORM_GOOD_MIN + GRID_GAP + RAIL_MIN
     FORM_GOOD_MIN = 768px  (the 2/3-col field grid's comfortable minimum)
     GRID_GAP      = 16px   (.wz-grid gap)
     RAIL_MIN      = 296px  (rail column fixed width)
   → 768 + 16 + 296 = 1080px. Below it the rail is GONE — no below-the-form
   fallback; the footer's Summary button (.wz-sumbtn) opens WizardDrawer
   instead. Twin literal in FilingPage.razor.css — keep in sync. */
.wz-rail[b-6zqfdpqipz] {
    min-width: 0;
    display: none;
}

/* Footer Summary trigger — drawer mode only (narrow content and mobile). Base
   rule must precede the container override so the override wins in cascade. */
.wz-sumbtn[b-6zqfdpqipz] {
    position: relative;
    display: inline-flex;
}

.wz-sumdot[b-6zqfdpqipz] {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--cx-pri);
    border: 2px solid var(--cx-panel, #fff);
    box-sizing: content-box;
    pointer-events: none;
}

@container wzpage (min-width: 1080px) {
    .wz-grid.with-rail[b-6zqfdpqipz] {
        grid-template-columns: minmax(0, 1fr) 296px;
    }

    .wz-grid.with-rail .wz-rail[b-6zqfdpqipz] {
        display: block;
        position: sticky;
        top: 14px;
    }

    .wz-sumbtn[b-6zqfdpqipz] {
        display: none;
    }
}

/* The step card — hosts the legacy step internals unchanged. */
.wz-stepcard[b-6zqfdpqipz] {
    background: var(--cx-panel, #fff);
    border: 1px solid var(--cx-border);
    border-radius: 10px;
    box-shadow: var(--cx-shadow-card);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Steps converted to the register contract own their card interior (24px pad,
   full-bleed header\hairlines\footer against it — the step sets --wzf-pad: 24px). */
.wz-stepcard.converted[b-6zqfdpqipz] {
    display: block;
    padding: 24px;
}

/* loading affordance (page load / documents load / fee calculation) */
.wz-loading[b-6zqfdpqipz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 48px 0;
    color: var(--cx-muted);
    font-size: var(--cx-size-body);
}

.wz-spinner[b-6zqfdpqipz] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2.5px solid var(--cx-border);
    border-top-color: var(--cx-pri);
    animation: wz-rot-b-6zqfdpqipz .9s linear infinite;
    flex-shrink: 0;
    box-sizing: border-box;
}

@keyframes wz-rot-b-6zqfdpqipz {
    to { transform: rotate(360deg); }
}

/* ── Documents-gate banner on Review — standalone alert card above the step.
   Shown when the Documents gate would block but was bypassed (step-jump / draft
   resume); the matching guards refuse fees + submit. cx tokens only. ── */
.wz-gateband[b-6zqfdpqipz] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 16px;
    padding: 12px 16px;
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    border-radius: 10px;
    color: var(--cx-red);
}

.wz-gateband .ic[b-6zqfdpqipz] {
    display: inline-flex;
    flex-shrink: 0;
    margin-top: 1px;
}

.wz-gateband .tt[b-6zqfdpqipz] {
    font-size: var(--cx-size-meta);
    font-weight: 700;
    color: var(--cx-red);
}

.wz-gateband .lnk[b-6zqfdpqipz] {
    border: none;
    background: none;
    padding: 0;
    margin-top: 4px;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    font-family: inherit;
    color: var(--cx-red);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

.notification-recipients[b-6zqfdpqipz] {
    margin-top: 1.75rem;
}

@media (max-width: 640px) {
    .wz-page[b-6zqfdpqipz] {
        padding: 16px 15px 52px;
    }

    .wz-stepcard[b-6zqfdpqipz] {
        padding: 1.25rem;
    }

    .wz-stepcard.converted[b-6zqfdpqipz] {
        padding: 24px;
    }
}
/* /Components/EFiling/Test/TestCourtDocumentMetadata.razor.rz.scp.css */
.container[b-m1n0bcg6u5] {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    min-height: 100vh;
}

.header[b-m1n0bcg6u5] {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 20px 30px;
}

    .header h1[b-m1n0bcg6u5] {
        font-size: var(--cx-size-title);
        font-weight: 600;
        color: #333;
        margin-bottom: 5px;
    }

    .header p[b-m1n0bcg6u5] {
        color: #666;
        font-size: var(--cx-size-body);
    }

.controls[b-m1n0bcg6u5] {
    padding: 20px 30px;
    background: #fafafa;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.filter-group[b-m1n0bcg6u5] {
    display: flex;
    gap: 15px;
    align-items: center;
    flex: 1;
}

.filter-item[b-m1n0bcg6u5] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .filter-item label[b-m1n0bcg6u5] {
        font-size: var(--cx-size-cap);
        color: #666;
        font-weight: 500;
    }

    .filter-item select[b-m1n0bcg6u5], .filter-item input[b-m1n0bcg6u5] {
        padding: 8px 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: var(--cx-size-body);
        min-width: 150px;
    }

    .filter-item input[b-m1n0bcg6u5] {
        min-width: 200px;
    }

        .filter-item select:focus[b-m1n0bcg6u5], .filter-item input:focus[b-m1n0bcg6u5] {
            outline: none;
            border-color: #007acc;
        }

.button-group[b-m1n0bcg6u5] {
    display: flex;
    gap: 10px;
}

.btn[b-m1n0bcg6u5] {
    padding: 8px 16px;
    border: 1px solid #ddd;
    background: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: var(--cx-size-body);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

    .btn:hover[b-m1n0bcg6u5] {
        background: #f5f5f5;
    }

.btn-primary[b-m1n0bcg6u5] {
    background: #007acc;
    color: white;
    border-color: #007acc;
}

    .btn-primary:hover[b-m1n0bcg6u5] {
        background: #005a9e;
    }

.stats[b-m1n0bcg6u5] {
    padding: 20px 30px;
    background: white;
    border-bottom: 1px solid #ddd;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
}

.stat-item[b-m1n0bcg6u5] {
    text-align: center;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
}

    .stat-item h3[b-m1n0bcg6u5] {
        font-size: var(--cx-size-title);
        font-weight: 600;
        margin-bottom: 5px;
    }

    .stat-item p[b-m1n0bcg6u5] {
        color: #666;
        font-size: var(--cx-size-body);
    }

.stat-implemented h3[b-m1n0bcg6u5] {
    color: #28a745;
}

.stat-missing h3[b-m1n0bcg6u5] {
    color: #dc3545;
}

.stat-total h3[b-m1n0bcg6u5] {
    color: #007acc;
}

.content[b-m1n0bcg6u5] {
    padding: 30px;
}

.table-container[b-m1n0bcg6u5] {
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

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

    .table th[b-m1n0bcg6u5], .table td[b-m1n0bcg6u5] {
        padding: 12px;
        text-align: left;
        border-bottom: 1px solid #eee;
    }

    .table th[b-m1n0bcg6u5] {
        background: #f8f9fa;
        font-weight: 600;
        color: #333;
        font-size: var(--cx-size-body);
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .table td[b-m1n0bcg6u5] {
        font-size: var(--cx-size-body);
    }

    .table tbody tr:hover[b-m1n0bcg6u5] {
        background: #f8f9fa;
    }

.status-badge[b-m1n0bcg6u5] {
    padding: 4px 8px;
    border-radius: 3px;
    font-size: var(--cx-size-cap);
    font-weight: 500;
    text-transform: uppercase;
}

.status-implemented[b-m1n0bcg6u5] {
    background: #d4edda;
    color: #155724;
}

.status-missing[b-m1n0bcg6u5] {
    background: #f8d7da;
    color: #721c24;
}

.code-cell[b-m1n0bcg6u5] {
    font-family: 'Courier New', monospace;
    font-weight: 600;
    background: #f8f9fa;
    padding: 6px 8px;
    border-radius: 3px;
    display: inline-block;
}

.document-count[b-m1n0bcg6u5] {
    color: #666;
    font-size: var(--cx-size-cap);
}

.required-indicator[b-m1n0bcg6u5] {
    color: #dc3545;
    font-weight: bold;
}

.loading[b-m1n0bcg6u5] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
}

.spinner[b-m1n0bcg6u5] {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #007acc;
    border-radius: 50%;
    animation: spin-b-m1n0bcg6u5 1s linear infinite;
}

@keyframes spin-b-m1n0bcg6u5 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.empty-state[b-m1n0bcg6u5] {
    text-align: center;
    padding: 60px 20px;
    color: #666;
}

    .empty-state h3[b-m1n0bcg6u5] {
        font-size: var(--cx-size-head);
        margin-bottom: 10px;
        color: #333;
    }

@media (max-width: 768px) {
    .controls[b-m1n0bcg6u5] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-group[b-m1n0bcg6u5] {
        flex-direction: column;
        align-items: stretch;
    }

    .table-container[b-m1n0bcg6u5] {
        overflow-x: auto;
    }

    .table[b-m1n0bcg6u5] {
        min-width: 700px;
    }
}

.chevron-container[b-m1n0bcg6u5] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.chevron-icon[b-m1n0bcg6u5] {
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
    cursor: pointer;
}

.chevron-svg[b-m1n0bcg6u5] {
    width: 1rem;
    height: 1rem;
    color: #9ca3af;
}


.metadata-container[b-m1n0bcg6u5] {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

    .metadata-container.collapsed[b-m1n0bcg6u5] {
        max-height: 0;
    }

    .metadata-container.expanded[b-m1n0bcg6u5] {
        max-height: 100vh;
    }

.metadata-display-row[b-m1n0bcg6u5] {
    padding: 0;
}

.detail-content[b-m1n0bcg6u5] {
    padding: 20px;
    background: #f8f9fa;
    border-left: 3px solid #007acc;
}

.detail-grid[b-m1n0bcg6u5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.detail-section[b-m1n0bcg6u5] {
    background: white;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

    .detail-section h4[b-m1n0bcg6u5] {
        font-size: var(--cx-size-body);
        font-weight: 600;
        color: #333;
        margin-bottom: 10px;
        border-bottom: 1px solid #e9ecef;
        padding-bottom: 5px;
    }

.detail-field[b-m1n0bcg6u5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: var(--cx-size-body);
}

    .detail-field:last-child[b-m1n0bcg6u5] {
        margin-bottom: 0;
    }

.detail-label[b-m1n0bcg6u5] {
    color: #666;
    font-weight: 500;
    min-width: 80px;
}

.detail-value[b-m1n0bcg6u5] {
    color: #333;
    text-align: right;
    flex: 1;
    margin-left: 10px;
}

    .detail-value.code[b-m1n0bcg6u5] {
        font-family: 'Courier New', monospace;
        background: #e9ecef;
        padding: 2px 6px;
        border-radius: 3px;
        font-size: var(--cx-size-cap);
    }

    .detail-value.empty[b-m1n0bcg6u5] {
        color: #999;
        font-style: italic;
    }

.json-preview[b-m1n0bcg6u5] {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    font-size: var(--cx-size-cap);
    max-height: 120px;
    overflow-y: auto;
    white-space: pre-wrap;
    color: #666;
}

.status-badge[b-m1n0bcg6u5] {
    padding: 4px 8px;
    border-radius: 3px;
    font-size: var(--cx-size-cap);
    font-weight: 500;
    text-transform: uppercase;
}

.status-implemented[b-m1n0bcg6u5] {
    background: #d4edda;
    color: #155724;
}

.status-missing[b-m1n0bcg6u5] {
    background: #f8d7da;
    color: #721c24;
}

/* /Components/EFiling/Test/TestUncopiedDocuments.razor.rz.scp.css */
.container[b-kzhjz7fprc] {
	max-width: 1200px;
	margin: 0 auto;
	background: white;
	min-height: 100vh;
}

.header[b-kzhjz7fprc] {
	background: #fff;
	border-bottom: 1px solid #ddd;
	padding: 20px 30px;
}

	.header h1[b-kzhjz7fprc] {
		font-size: var(--cx-size-title);
		font-weight: 600;
		color: #333;
		margin-bottom: 5px;
	}

	.header p[b-kzhjz7fprc] {
		color: #666;
		font-size: var(--cx-size-body);
	}

.controls[b-kzhjz7fprc] {
	padding: 20px 30px;
	background: #fafafa;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.search-container[b-kzhjz7fprc] {
	flex: 1;
	max-width: 400px;
}

	.search-container input[b-kzhjz7fprc] {
		width: 100%;
		padding: 8px 12px;
		border: 1px solid #ddd;
		border-radius: 4px;
		font-size: var(--cx-size-body);
	}

		.search-container input:focus[b-kzhjz7fprc] {
			outline: none;
			border-color: #007acc;
		}

.button-group[b-kzhjz7fprc] {
	display: flex;
	gap: 10px;
}

.btn[b-kzhjz7fprc] {
	padding: 8px 16px;
	border: 1px solid #ddd;
	background: white;
	border-radius: 4px;
	cursor: pointer;
	font-size: var(--cx-size-body);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

	.btn:hover[b-kzhjz7fprc] {
		background: #f5f5f5;
	}

.btn-primary[b-kzhjz7fprc] {
	background: #007acc;
	color: white;
	border-color: #007acc;
}

	.btn-primary:hover[b-kzhjz7fprc] {
		background: #005a9e;
	}

.btn-success[b-kzhjz7fprc] {
	background: #28a745;
	color: white;
	border-color: #28a745;
}

	.btn-success:hover[b-kzhjz7fprc] {
		background: #1e7e34;
	}

.btn-danger[b-kzhjz7fprc] {
	background: #dc3545;
	color: white;
	border-color: #dc3545;
}

	.btn-danger:hover[b-kzhjz7fprc] {
		background: #c82333;
	}

.stats[b-kzhjz7fprc] {
	padding: 20px 30px;
	background: white;
	border-bottom: 1px solid #ddd;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
}

.stat-item[b-kzhjz7fprc] {
	text-align: center;
	padding: 15px;
	border: 1px solid #eee;
	border-radius: 4px;
}

	.stat-item h3[b-kzhjz7fprc] {
		font-size: var(--cx-size-title);
		font-weight: 600;
		color: #333;
		margin-bottom: 5px;
	}

	.stat-item p[b-kzhjz7fprc] {
		color: #666;
		font-size: var(--cx-size-body);
	}

.content[b-kzhjz7fprc] {
	padding: 30px;
}

.filing-item[b-kzhjz7fprc] {
	background: white;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 20px;
	overflow: hidden;
}

.filing-header[b-kzhjz7fprc] {
	background: #f8f9fa;
	padding: 15px 20px;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.filing-title[b-kzhjz7fprc] {
	font-size: var(--cx-size-head);
	font-weight: 600;
	color: #333;
}

.filing-date[b-kzhjz7fprc] {
	font-size: var(--cx-size-body);
	color: #666;
}

.status-badge[b-kzhjz7fprc] {
	padding: 4px 8px;
	border-radius: 3px;
	font-size: var(--cx-size-cap);
	font-weight: 500;
	text-transform: uppercase;
	background: #dc3545;
	color: white;
}

.filing-body[b-kzhjz7fprc] {
	padding: 20px;
}

.issue-section[b-kzhjz7fprc] {
	margin-bottom: 20px;
}

	.issue-section:last-child[b-kzhjz7fprc] {
		margin-bottom: 0;
	}

.issue-title[b-kzhjz7fprc] {
	font-size: var(--cx-size-body);
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

.document-list[b-kzhjz7fprc] {
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 4px;
	padding: 15px;
}

.document-item[b-kzhjz7fprc] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 0;
	border-bottom: 1px solid #e9ecef;
}

	.document-item:last-child[b-kzhjz7fprc] {
		border-bottom: none;
	}

.document-name[b-kzhjz7fprc] {
	font-size: var(--cx-size-body);
	color: #333;
}

.document-status[b-kzhjz7fprc] {
	padding: 2px 6px;
	border-radius: 3px;
	font-size: var(--cx-size-cap);
	font-weight: 500;
	text-transform: uppercase;
}

.status-temporal[b-kzhjz7fprc] {
	background: #ffc107;
	color: #212529;
}

.status-missing[b-kzhjz7fprc] {
	background: #dc3545;
	color: white;
}

.filing-actions[b-kzhjz7fprc] {
	display: flex;
	gap: 10px;
	padding-top: 15px;
	border-top: 1px solid #e9ecef;
}

.empty-state[b-kzhjz7fprc] {
	text-align: center;
	padding: 60px 20px;
	color: #666;
}

	.empty-state h3[b-kzhjz7fprc] {
		font-size: var(--cx-size-head);
		margin-bottom: 10px;
		color: #333;
	}

.loading[b-kzhjz7fprc] {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px;
}

.spinner[b-kzhjz7fprc] {
	width: 20px;
	height: 20px;
	border: 2px solid #f3f3f3;
	border-top: 2px solid #007acc;
	border-radius: 50%;
	animation: spin-b-kzhjz7fprc 1s linear infinite;
}

@keyframes spin-b-kzhjz7fprc {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

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

.modal-content[b-kzhjz7fprc] {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	padding: 30px;
	border-radius: 4px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	max-width: 500px;
	width: 90%;
}

.modal h3[b-kzhjz7fprc] {
	margin-bottom: 15px;
	font-size: var(--cx-size-head);
	color: #333;
}

.modal-buttons[b-kzhjz7fprc] {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	margin-top: 20px;
}

.close[b-kzhjz7fprc] {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: var(--cx-size-title);
	cursor: pointer;
	color: #666;
}

	.close:hover[b-kzhjz7fprc] {
		color: #333;
	}

@media (max-width: 768px) {
	.controls[b-kzhjz7fprc] {
		flex-direction: column;
		align-items: stretch;
	}

	.filing-header[b-kzhjz7fprc] {
		flex-direction: column;
		gap: 10px;
		text-align: left;
	}

	.filing-actions[b-kzhjz7fprc] {
		flex-direction: column;
	}

	.stats[b-kzhjz7fprc] {
		grid-template-columns: 1fr;
	}
}
/* /Components/EFiling/Wizard/DraftAssemblyShell.razor.rz.scp.css */
/* ── Wizard shell while a draft assembles — shared anatomy with FilingPage.razor.css
   (twin literal; keep in sync): left-anchored frame, page cap 1840, the wrap a named
   size container so the rail keys off CONTENT width (≥ 1080px). ── */

.wz-page[b-gvfhivmyq6] {
    padding: 24px 24px 64px;
    min-height: calc(100vh - var(--app-header-height, 56px));
    background: var(--cx-bg, #f9fafb);
    font-family: var(--cx-font, inherit);
    box-sizing: border-box;
}

.wz-wrap[b-gvfhivmyq6] {
    width: 100%;
    max-width: 1840px;
    container: wzpage / inline-size;
}

.wz-strip-slot[b-gvfhivmyq6] {
    margin-bottom: 16px;
}

.wz-grid[b-gvfhivmyq6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.wz-main[b-gvfhivmyq6] {
    min-width: 0;
}

.wz-rail[b-gvfhivmyq6] {
    min-width: 0;
    display: none;
}

@container wzpage (min-width: 1080px) {
    .wz-grid.with-rail[b-gvfhivmyq6] {
        grid-template-columns: minmax(0, 1fr) 296px;
    }

    .wz-grid.with-rail .wz-rail[b-gvfhivmyq6] {
        display: block;
        position: sticky;
        top: 14px;
    }
}

@media (max-width: 640px) {
    .wz-page[b-gvfhivmyq6] {
        padding: 16px 15px 52px;
    }
}

/* ── the cards (dr-kit DrAssembling / DrFailure) ── */
.dra-card[b-gvfhivmyq6] {
    background: var(--cx-panel, #fff);
    border: 1px solid var(--cx-border);
    border-radius: 10px;
    box-shadow: var(--cx-shadow-card);
    overflow: hidden;
}

.dra-card.pad[b-gvfhivmyq6] {
    padding: 17px 19px;
}

.dra-cap[b-gvfhivmyq6] {
    font-family: var(--cx-label-font);
    font-size: var(--cx-label-size, 10.5px);
    font-weight: var(--cx-label-weight, 600);
    letter-spacing: var(--cx-label-track, .09em);
    text-transform: uppercase;
    color: var(--cx-muted);
}

.dra-cap.small[b-gvfhivmyq6] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

.dra-title[b-gvfhivmyq6] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
    letter-spacing: -0.15px;
    margin: 7px 0 3px;
}

.dra-sub[b-gvfhivmyq6] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.55;
    max-width: 460px;
    text-wrap: pretty;
}

.dra-stages[b-gvfhivmyq6] {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--cx-border-soft, var(--cx-border));
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.dra-howfar .stages[b-gvfhivmyq6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 9px;
}

.dra-stage[b-gvfhivmyq6] {
    display: grid;
    grid-template-columns: 15px minmax(0, 1fr);
    column-gap: 9px;
    align-items: center;
}

.dra-stage .g[b-gvfhivmyq6] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.dra-stage .t[b-gvfhivmyq6] {
    font-size: var(--cx-size-meta);
    line-height: 1.45;
    text-wrap: pretty;
    color: var(--cx-subtle);
}

.dra-stage.done .g[b-gvfhivmyq6] { color: var(--cx-green); }
.dra-stage.done .t[b-gvfhivmyq6] { color: var(--cx-muted); }
.dra-stage.run .t[b-gvfhivmyq6] { color: var(--cx-text); font-weight: 600; }
.dra-stage.fail .g[b-gvfhivmyq6] { color: var(--cx-red); }
.dra-stage.fail .t[b-gvfhivmyq6] { color: var(--cx-red); font-weight: 600; }

.dra-stage .dot[b-gvfhivmyq6] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    border: 1.5px solid var(--cx-border);
    box-sizing: border-box;
}

.dra-stage .spin[b-gvfhivmyq6] {
    width: 13px;
    height: 13px;
    border: 2px solid var(--cx-pri);
    border-top-color: transparent;
    border-radius: 999px;
    box-sizing: border-box;
    animation: dra-spin-b-gvfhivmyq6 .7s linear infinite;
}

@keyframes dra-spin-b-gvfhivmyq6 {
    to { transform: rotate(360deg); }
}

/* failure */
.dra-fail-head[b-gvfhivmyq6] {
    padding: 17px 19px;
    display: flex;
    gap: 13px;
    align-items: flex-start;
}

.dra-fail-head .glyph[b-gvfhivmyq6] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    flex-shrink: 0;
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    color: var(--cx-red);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dra-fail-head .txt[b-gvfhivmyq6] {
    min-width: 0;
}

.dra-fail-head .h[b-gvfhivmyq6] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
    letter-spacing: -0.15px;
    text-wrap: pretty;
}

.dra-fail-head .b[b-gvfhivmyq6] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.55;
    margin-top: 5px;
    max-width: 520px;
    text-wrap: pretty;
}

.dra-fail-head .safe[b-gvfhivmyq6] {
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
    line-height: 1.55;
    margin-top: 7px;
    max-width: 520px;
    text-wrap: pretty;
}

.dra-howfar[b-gvfhivmyq6] {
    padding: 13px 19px;
    background: var(--cx-panel-alt, #fafaf9);
    border-top: 1px solid var(--cx-border-soft, var(--cx-border));
}

.dra-actions[b-gvfhivmyq6] {
    padding: 13px 19px;
    border-top: 1px solid var(--cx-border);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.dra-actions .sp[b-gvfhivmyq6] {
    flex: 1;
}

.dra-again[b-gvfhivmyq6] {
    padding: 11px 19px;
    border-top: 1px dotted var(--cx-border);
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    line-height: 1.55;
    text-wrap: pretty;
}

/* slow is words, not a colour (R6) */
.dra-slow[b-gvfhivmyq6] {
    margin-top: 13px;
    padding-top: 12px;
    border-top: 1px dotted var(--cx-border);
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.dra-slow .t[b-gvfhivmyq6] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted);
    flex: 1 1 260px;
    min-width: 0;
    text-wrap: pretty;
}

.dra-slow .s[b-gvfhivmyq6] {
    color: var(--cx-subtle);
}

/* the submitted card: neutral chrome — a verdict, not a disappointment (R9) */
.dra-fail-head .glyph.neutral[b-gvfhivmyq6] {
    background: var(--cx-panel-alt, #fafaf9);
    border-color: var(--cx-border);
    color: var(--cx-muted);
}

.dra-fail-head .mono[b-gvfhivmyq6] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-text);
}

@media (prefers-reduced-motion: reduce) {
    .dra-stage .spin[b-gvfhivmyq6] {
        animation: none;
        border-top-color: currentColor;
        opacity: .55;
    }
}
/* /Components/EFiling/Wizard/WizardDrawer.razor.rz.scp.css */
/* Fixed right-side drawer. Sits under the wizard shell modals (.cx-modal-scrim is
   z 100) so an exit/delete prompt always wins the stack. Backdrop uses the global
   cx-fade keyframes; the panel slides in with a local transform keyframe. */

.wzd[b-tns7xf5efm] {
    position: fixed;
    inset: 0;
    z-index: 90;
}

.wzd-back[b-tns7xf5efm] {
    position: absolute;
    inset: 0;
    background: rgba(28, 25, 23, .34);
    animation: cx-fade .14s ease;
}

.wzd-panel[b-tns7xf5efm] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(356px, 92vw);
    background: var(--cx-bg, #f9fafb);
    border-left: 1px solid var(--cx-border);
    box-shadow: var(--cx-shadow-pop);
    display: flex;
    flex-direction: column;
    outline: none;
    animation: wzd-in-b-tns7xf5efm .16s ease;
}

@keyframes wzd-in-b-tns7xf5efm {
    from { opacity: .4; transform: translateX(14px); }
    to { opacity: 1; transform: none; }
}

.wzd-head[b-tns7xf5efm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 13px;
    border-bottom: 1px solid var(--cx-border);
    background: var(--cx-panel, #fff);
    flex-shrink: 0;
}

.wzd-title[b-tns7xf5efm] {
    font-size: var(--cx-size-meta);
    font-weight: 700;
    color: var(--cx-text);
}

.wzd-close[b-tns7xf5efm] {
    border: none;
    background: transparent;
    padding: 4px;
    border-radius: 4px;
    color: var(--cx-subtle);
    display: inline-flex;
    cursor: pointer;
    transition: background .12s, color .12s;
}

.wzd-close:hover[b-tns7xf5efm] {
    background: var(--cx-bg);
    color: var(--cx-text);
}

/* Scrollable body on the page background so the summary card reads as a card
   here exactly like it does in the rail. */
.wzd-body[b-tns7xf5efm] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 13px;
    background: var(--cx-bg, #f9fafb);
}
/* /Components/EFiling/Wizard/WizardFooter.razor.rz.scp.css */
/* Two-cluster footer. Card variant = its own card below the step; inline variant =
   solid top rule, full-bleed inside a step card (host sets --wzf-pad to its padding). */

.wzf.card[b-o6lm8b2kzk] {
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    border-radius: 10px;
    box-shadow: var(--cx-shadow-card);
    padding: 14px var(--wzf-pad, 24px);
    margin-top: 14px;
}

.wzf.inline[b-o6lm8b2kzk] {
    border-top: 1px solid var(--cx-border);
    margin: 22px calc(-1 * var(--wzf-pad, 24px)) calc(-1 * var(--wzf-pad, 24px));
    padding: 16px var(--wzf-pad, 24px) calc(var(--wzf-pad, 24px) - 6px);
}

.row[b-o6lm8b2kzk] {
    display: flex;
    align-items: center;
    gap: 10px 24px;
    flex-wrap: wrap;
}

.draft[b-o6lm8b2kzk] {
    display: flex;
    align-items: center;
    gap: 4px 10px;
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: wrap;
}

.actions[b-o6lm8b2kzk] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.hint[b-o6lm8b2kzk] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    text-align: right;
    margin-top: 8px;
}

/* Invisible for the first 3 s of a busy primary action, then fades in (see BusyNote). */
.busy-note[b-o6lm8b2kzk] {
    animation: busy-note-in-b-o6lm8b2kzk 0.4s ease 3s both;
}

@keyframes busy-note-in-b-o6lm8b2kzk {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ── save-state text: [glyph] [label] [· detail / action] ── */
.st[b-o6lm8b2kzk] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: var(--cx-size-meta);
    min-height: 20px;
    color: var(--cx-subtle);
    margin-left: 4px;
}

.st-pending[b-o6lm8b2kzk] { color: var(--cx-muted); }
.st-saving[b-o6lm8b2kzk] { color: var(--cx-muted); }
.st-saved[b-o6lm8b2kzk] { color: var(--cx-muted); }
.st-error[b-o6lm8b2kzk] { color: var(--cx-red); }
.st-conflict[b-o6lm8b2kzk] { color: var(--cx-amber); }

.sl[b-o6lm8b2kzk] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    white-space: nowrap;
}

.st-error .w[b-o6lm8b2kzk],
.st-conflict .w[b-o6lm8b2kzk] {
    font-weight: 600;
}

.st .w[b-o6lm8b2kzk] {
    font-weight: 500;
}

.when[b-o6lm8b2kzk] { color: var(--cx-subtle); }
.rel[b-o6lm8b2kzk] { color: var(--cx-faint); }

.dot[b-o6lm8b2kzk] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    box-sizing: border-box;
    flex-shrink: 0;
}

.dot.filled[b-o6lm8b2kzk] { background: var(--cx-faint); }
.dot.amber[b-o6lm8b2kzk] { background: var(--cx-amber); }
.dot.ring[b-o6lm8b2kzk] { border: 1.5px solid var(--cx-faint); }

.spin[b-o6lm8b2kzk] {
    animation: cx-spin-b-o6lm8b2kzk .9s linear infinite;
    flex-shrink: 0;
}

@keyframes cx-spin-b-o6lm8b2kzk {
    to { transform: rotate(360deg); }
}

/* inline action (Retry / Review changes) */
.lact[b-o6lm8b2kzk] {
    border: none;
    background: transparent;
    padding: 0;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

/* wrapping hover detail (the global .cx-tip is nowrap — too small for this copy) */
.tipbox[b-o6lm8b2kzk] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    width: 260px;
    background: var(--cx-text);
    color: #fff;
    font-size: var(--cx-size-cap);
    font-weight: 400;
    line-height: 1.5;
    padding: 8px 11px;
    border-radius: 9px;
    box-shadow: var(--cx-shadow-pop);
    z-index: 40;
    opacity: 0;
    visibility: hidden;
    transition: opacity .12s;
    pointer-events: none;
}

.st:hover .tipbox[b-o6lm8b2kzk] {
    opacity: 1;
    visibility: visible;
}

/* The More menu: draft housekeeping (Summary · Save draft · Delete draft) folded
   out of the permanent footer. The save STATE stays in the open beside it. */
.more-wrap[b-o6lm8b2kzk] {
    position: relative;
    display: inline-flex;
}

.more-menu[b-o6lm8b2kzk] {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 0;
    z-index: 40;
    min-width: 190px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 6px;
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    border-radius: var(--cx-r-surface, 10px);
    box-shadow: var(--cx-shadow-pop);
}

/* Every item reads as one full-width row, whatever the host passed in for Summary. */
.more-menu[b-o6lm8b2kzk]  button {
    width: 100%;
    justify-content: flex-start;
}

.more-menu > span[b-o6lm8b2kzk] {
    display: block;
}

/* Wrapper that only carries the UX probe's Submit marker; takes no box of its own. */
.primary-wrap[b-o6lm8b2kzk] {
    display: contents;
}
/* /Components/EFiling/Wizard/WizardHeader.razor.rz.scp.css */
.wzh[b-uhabcbaajs] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.tx[b-uhabcbaajs] {
    flex: 1 1 300px;
    min-width: 0;
}

.wzh h1[b-uhabcbaajs] {
    margin: 0;
    font-size: var(--cx-size-title);
    font-family: var(--cx-heading-font);
    font-weight: var(--cx-heading-weight);
    text-transform: var(--cx-heading-transform);
    letter-spacing: var(--cx-heading-track);
    line-height: var(--cx-heading-lh);
    color: var(--cx-text);
}

.sub[b-uhabcbaajs] {
    margin-top: 5px;
    font-size: var(--cx-size-body);
    color: var(--cx-muted);
    line-height: 1.5;
}

.sub .mono[b-uhabcbaajs] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    color: var(--cx-text);
}

.eyebrow[b-uhabcbaajs] { margin-bottom: 10px; }
.acts[b-uhabcbaajs] { margin-left: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
/* /Components/EFiling/Wizard/WizardModals.razor.rz.scp.css */
/* Wizard-shell modal slimming (wz-kit v2): radius 10 on the shared CxModal card.
   Scoped via the .wzm wrapper — the global .cx-modal anatomy stays untouched. */
.wzm[b-nmlavs41wm]  .cx-modal {
    border-radius: 10px;
}

.wzm-copy[b-nmlavs41wm] {
    margin: 0;
    font-size: var(--cx-size-body);
    color: var(--cx-muted);
    line-height: 1.55;
}
/* /Components/EFiling/Wizard/WizardStrip.razor.rz.scp.css */
/* Docket strip — cx tokens only. The shell is a size container so the focused
   (glyph-only) and mobile variants respond to the CONTENT column, not the viewport. */

.wzs-shell[b-c9tflcm7np] {
    container: wzstrip / inline-size;
}

/* identity 2026-09 (owner's proposal): numbered circles on a thin connector — the current
   step filled in the primary, done steps soft-tinted with a tick, upcoming ones hollow. */
.wzs-strip[b-c9tflcm7np] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 4px 2px;
}

.wzs-seg[b-c9tflcm7np] {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 6px 8px;
    border: none;
    background: transparent;
    font-family: var(--cx-label-font);
    text-align: left;
    cursor: pointer;
}

/* the connector: a hairline from this step to the next, primary once the step is done */
.link[b-c9tflcm7np] {
    flex: 1 1 24px;
    min-width: 16px;
    height: 1px;
    margin: 0 4px 0 10px;
    background: var(--cx-border);
}
.wzs-seg.done .link[b-c9tflcm7np] { background: var(--cx-accent); }

.wzs-seg.cur[b-c9tflcm7np] { cursor: default; }
.wzs-seg.locked[b-c9tflcm7np] { cursor: not-allowed; }
.wzs-seg.done:hover .lbl[b-c9tflcm7np],
.wzs-seg.ahead:hover .lbl[b-c9tflcm7np] { color: var(--cx-text); }

/* glyph — the numbered circle */
.g[b-c9tflcm7np] {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-sizing: border-box;
    font-family: var(--cx-label-font);
    font-size: var(--cx-size-meta);
    font-weight: 700;
    border: 1px solid var(--cx-border);
    background: var(--cx-panel);
    color: var(--cx-subtle);
}

.done .g[b-c9tflcm7np] {
    background: var(--cx-accent-soft);
    border-color: var(--cx-accent-border);
    color: var(--cx-accent-text);
}

.cur .g[b-c9tflcm7np],
.cur-g[b-c9tflcm7np] {
    background: var(--cx-accent-strong);
    border-color: var(--cx-accent-strong);
    color: var(--cx-on-accent, #fff);
}

.ahead .g[b-c9tflcm7np] {
    background: var(--cx-panel);
    border-color: var(--cx-accent-border);
    color: var(--cx-accent-text);
}

.locked .g[b-c9tflcm7np] {
    background: var(--cx-panel);
    border-color: var(--cx-border);
    color: var(--cx-faint);
}

.err .g[b-c9tflcm7np] {
    background: var(--cx-red-soft);
    border-color: var(--cx-red-border);
    color: var(--cx-red);
}

/* label */
.lbl[b-c9tflcm7np] {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-subtle);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.done .lbl[b-c9tflcm7np],
.ahead .lbl[b-c9tflcm7np] { color: var(--cx-muted); }

.cur .lbl[b-c9tflcm7np] {
    font-weight: 700;
    color: var(--cx-accent-text);
}

.locked .lbl[b-c9tflcm7np] { color: var(--cx-faint); }
.err .lbl[b-c9tflcm7np] { color: var(--cx-red); }

/* the bottom accent bar of the old strip is gone — the filled circle carries "current" */

/* Focused mode — not enough track for every label: the current segment keeps its
   label whole, the rest reduce to their glyph (the tooltip carries the name).
   Thresholds ≈ steps × 168px, per step count. */
@container wzstrip (max-width: 840px) {
    .wzs-strip.n5 .wzs-seg:not(.cur) .lbl[b-c9tflcm7np] { display: none; }
    .wzs-strip.n5 .wzs-seg:not(.cur)[b-c9tflcm7np] { flex: 0 0 auto; padding: 6px 4px; }
    .wzs-strip.n5 .wzs-seg.cur[b-c9tflcm7np] { flex: 2.4 1 0; }
}

@container wzstrip (max-width: 672px) {
    .wzs-strip.n4 .wzs-seg:not(.cur) .lbl[b-c9tflcm7np] { display: none; }
    .wzs-strip.n4 .wzs-seg:not(.cur)[b-c9tflcm7np] { flex: 0 0 auto; padding: 6px 4px; }
    .wzs-strip.n4 .wzs-seg.cur[b-c9tflcm7np] { flex: 2.4 1 0; }
}

/* Mobile card — current label + n/N + slim segment meter */
.wzs-mobile[b-c9tflcm7np] {
    display: none;
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    border-radius: 8px;
    box-shadow: var(--cx-shadow-card);
    padding: 11px 13px;
}

.mh[b-c9tflcm7np] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.mlbl[b-c9tflcm7np] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mn[b-c9tflcm7np] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

.meter[b-c9tflcm7np] {
    display: flex;
    gap: 4px;
    margin-top: 10px;
}

.meter button[b-c9tflcm7np] {
    flex: 1;
    height: 3px;
    border-radius: 999px;
    border: none;
    padding: 0;
    cursor: pointer;
    background: var(--cx-bg-deep);
}

.meter button[aria-disabled="true"][b-c9tflcm7np] {
    cursor: default;
}

.meter .m-err[b-c9tflcm7np] { background: var(--cx-red); }
.meter .m-cur[b-c9tflcm7np] { background: var(--cx-pri); }
.meter .m-done[b-c9tflcm7np] { background: var(--cx-green); }
.meter .m-reach[b-c9tflcm7np] { background: var(--cx-faint); }
.meter .m-lock[b-c9tflcm7np] { background: var(--cx-bg-deep); }

@container wzstrip (max-width: 560px) {
    .wzs-strip[b-c9tflcm7np] { display: none; }
    .wzs-mobile[b-c9tflcm7np] { display: block; }
}
/* /Components/EFiling/Wizard/WizardSummary.razor.rz.scp.css */
/* The ONE summary card (wz-summary). The HOST decides where this content lives:
   the side rail when it fits (form-first threshold, see WizardLayout), otherwise
   inside WizardDrawer via the footer's Summary button. cx tokens only. */

.wzs[b-u1trys3933] {
    background: var(--cx-panel);
    border: 1px solid var(--cx-border);
    border-radius: 8px;
    box-shadow: var(--cx-shadow-card);
    overflow: hidden;
}

/* ── identity header ── */
.id[b-u1trys3933] {
    padding: 12px 13px 13px;
}

.ov[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--cx-subtle);
}

.court[b-u1trys3933] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-text);
    line-height: 1.35;
    margin-top: 6px;
    text-wrap: pretty;
}

.idsep[b-u1trys3933] {
    margin-top: 9px;
    padding-top: 9px;
    border-top: 1px dotted var(--cx-border);
}

.numrow[b-u1trys3933] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.num[b-u1trys3933] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-meta);
    font-weight: 500;
    color: var(--cx-text);
}

.copy[b-u1trys3933] {
    border: none;
    background: transparent;
    padding: 2px;
    border-radius: 4px;
    color: var(--cx-faint);
    display: inline-flex;
    cursor: pointer;
    transition: color .12s;
}

.copy:hover[b-u1trys3933] {
    color: var(--cx-text);
}

.assigned[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

.ttl[b-u1trys3933] {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
    line-height: 1.4;
    margin-top: 5px;
    text-wrap: pretty;
}

.ttl.empty[b-u1trys3933] {
    color: var(--cx-faint);
}

/* ── sections ── */
.sec[b-u1trys3933] {
    border-top: 1px solid var(--cx-border);
}

.shead[b-u1trys3933] {
    width: 100%;
    border: none;
    background: transparent;
    font-family: inherit;
    padding: 8px 13px;
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    text-align: left;
    transition: background .1s;
    box-sizing: border-box;
}

.shead:hover[b-u1trys3933] {
    background: var(--cx-panel-alt);
}

.shead:hover .slbl[b-u1trys3933] {
    color: var(--cx-text);
}

.shead.cur[b-u1trys3933] {
    background: var(--cx-pri-soft);
}

.shead.cur .slbl[b-u1trys3933] {
    color: var(--cx-text);
}

.shead.plain[b-u1trys3933] {
    cursor: default;
}

.shead.plain:hover[b-u1trys3933] {
    background: transparent;
}

.shead.plain:hover .slbl[b-u1trys3933] {
    color: var(--cx-subtle);
}

.slbl[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--cx-subtle);
    transition: color .1s;
}

.scount[b-u1trys3933] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-faint);
}

.sp[b-u1trys3933] {
    flex: 1;
}

.chev[b-u1trys3933] {
    color: var(--cx-faint);
    flex-shrink: 0;
}

/* completeness marks */
.mk-left[b-u1trys3933] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

.mk-err[b-u1trys3933] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--cx-size-cap);
    font-weight: 700;
    font-family: var(--cx-mono);
    color: var(--cx-red);
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    border-radius: 4px;
    padding: 0 5px;
    height: 16px;
    box-sizing: border-box;
}

.sbody[b-u1trys3933] {
    padding: 0 13px 11px;
}

/* fact rows */
.fr[b-u1trys3933] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 0;
    align-items: baseline;
}

.fl[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    flex-shrink: 0;
}

.fv[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-text);
    text-align: right;
    min-width: 0;
    overflow-wrap: anywhere;
    text-wrap: pretty;
}

.fv.empty[b-u1trys3933] {
    font-weight: 400;
    color: var(--cx-faint);
}

.fv.mono[b-u1trys3933] {
    font-family: var(--cx-mono);
}

/* party rows */
.pr[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    color: var(--cx-text);
    padding: 3px 0;
    line-height: 1.4;
    text-wrap: pretty;
}

.prole[b-u1trys3933] {
    color: var(--cx-subtle);
}

.more[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    margin-top: 3px;
}

.quiet[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}

/* serve information rows — switched-on contacts (name over email) + on-behalf-of */
.svc-row[b-u1trys3933] {
    padding: 3px 0;
    min-width: 0;
}

.svcn[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    color: var(--cx-text);
    line-height: 1.35;
    text-wrap: pretty;
}

.svce[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.svc-behalf[b-u1trys3933] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dotted var(--cx-border);
}

.svc-behalf .bl[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--cx-subtle);
}

.svc-behalf .bv[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    color: var(--cx-text);
    line-height: 1.4;
    margin-top: 3px;
    text-wrap: pretty;
}

.svc-behalf .bv.empty[b-u1trys3933] {
    color: var(--cx-faint);
}

/* document rows */
.dr[b-u1trys3933] {
    display: flex;
    gap: 7px;
    align-items: baseline;
    padding: 3px 0;
}

/* attached document (travels inside the filing above it) — quiet spine indent */
.dr.child[b-u1trys3933] {
    position: relative;
    padding-left: 14px;
}

.dr.child[b-u1trys3933]::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 2px;
    bottom: 2px;
    width: 1.5px;
    background: var(--cx-border);
    border-radius: 2px;
}

.dr.child .dnm[b-u1trys3933] {
    color: var(--cx-subtle);
}

.dal[b-u1trys3933] {
    flex-shrink: 0;
    position: relative;
    top: 1px;
}

.dnm[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    color: var(--cx-text);
    line-height: 1.4;
    min-width: 0;
    text-wrap: pretty;
}

.dnm.bad[b-u1trys3933] {
    color: var(--cx-red);
}

.dlead[b-u1trys3933] {
    color: var(--cx-subtle);
}

/* presence note — one quiet integration line inside its section */
.note[b-u1trys3933] {
    display: flex;
    gap: 6px;
    align-items: flex-start;
    margin-top: 9px;
    padding-top: 8px;
    border-top: 1px dotted var(--cx-border);
}

.ni[b-u1trys3933] {
    color: var(--cx-faint);
    flex-shrink: 0;
    margin-top: 1.5px;
}

.note span[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    line-height: 1.4;
    text-wrap: pretty;
}

/* Cert S2 — the stale-case marker: the same note tier, amber. */
.note.amber .ni[b-u1trys3933],
.note.amber span[b-u1trys3933] {
    color: var(--cx-amber);
}

/* ── fee band ── */
.fee[b-u1trys3933] {
    border-top: 1px solid var(--cx-border);
    background: var(--cx-panel-alt);
    padding: 10px 13px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.feelbl[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    font-weight: 600;
    color: var(--cx-muted);
}

.feeval[b-u1trys3933] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--cx-text);
}

.feequiet[b-u1trys3933] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
}
/* /Components/EFiling/Wizard/WzErrorSummary.razor.rz.scp.css */
/* ── invalid-submit error summary — sits with the footer's primary action ── */
.wz-errsum[b-7qmmedujcb] {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    margin-top: 22px;
    padding: 12px 14px;
    background: var(--cx-red-soft);
    border: 1px solid var(--cx-red-border);
    border-radius: 10px;
}

.wz-errsum .ic[b-7qmmedujcb] {
    display: inline-flex;
    color: var(--cx-red);
    margin-top: 1px;
    flex-shrink: 0;
}

.wz-errsum .tt[b-7qmmedujcb] {
    font-size: var(--cx-size-body);
    font-weight: 700;
    color: var(--cx-red);
}

.wz-errsum .links[b-7qmmedujcb] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin-top: 7px;
}

.wz-errsum .links button[b-7qmmedujcb] {
    border: none;
    background: transparent;
    padding: 0;
    font-family: inherit;
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-red);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}
/* /Components/eServe/EServeNotificationPage.razor.rz.scp.css */
.eserve-viewer-layout[b-9lhulda6zv] {
    display: flex;
    height: 100vh;
    background: #1f2937;
    position: relative;
}

.eserve-pdf-section[b-9lhulda6zv] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.eserve-pdf-controls[b-9lhulda6zv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1.5rem;
    background: #374151;
    border-bottom: 1px solid #4b5563;
}

.eserve-controls-group[b-9lhulda6zv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.eserve-control-btn[b-9lhulda6zv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: transparent;
    border: 1px solid #4b5563;
    border-radius: 6px;
    color: #e5e7eb;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 40px;
    height: 40px;
}

    .eserve-control-btn:hover[b-9lhulda6zv] {
        background: #4b5563;
        border-color: #6b7280;
    }

    .eserve-control-btn svg[b-9lhulda6zv] {
        width: 20px;
        height: 20px;
        stroke-width: 2;
    }

.eserve-control-btn-toggle[b-9lhulda6zv] {
    padding: 0.5rem 1rem;
    min-width: auto;
}

    .eserve-control-btn-toggle span[b-9lhulda6zv] {
        font-size: 0.875rem;
        font-weight: 500;
    }

.eserve-page-indicator[b-9lhulda6zv] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem 1rem;
    background: #1f2937;
    border: 1px solid #4b5563;
    border-radius: 6px;
    color: #e5e7eb;
    font-size: 0.875rem;
    font-weight: 500;
    min-width: 80px;
    justify-content: center;
}

.eserve-current-page[b-9lhulda6zv] {
    color: white;
}

.eserve-page-separator[b-9lhulda6zv] {
    color: #6b7280;
}

.eserve-zoom-level[b-9lhulda6zv] {
    padding: 0.5rem 0.75rem;
    background: #1f2937;
    border: 1px solid #4b5563;
    border-radius: 6px;
    color: #e5e7eb;
    font-size: 0.875rem;
    font-weight: 500;
    min-width: 60px;
    text-align: center;
}

.eserve-pdf-container[b-9lhulda6zv] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    padding: 2rem;
    background: #1f2937;
}

.eserve-pdf-placeholder[b-9lhulda6zv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 800px;
    aspect-ratio: 8.5 / 11;
    background: white;
    border-radius: 4px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.eserve-pdf-icon[b-9lhulda6zv] {
    width: 64px;
    height: 64px;
    color: #9ca3af;
    margin-bottom: 1rem;
}

.eserve-pdf-placeholder p[b-9lhulda6zv] {
    color: #6b7280;
    font-size: 1.125rem;
    margin: 0.5rem 0;
}

.eserve-pdf-filename[b-9lhulda6zv] {
    color: #9ca3af !important;
    font-size: 0.875rem !important;
}

/* ============================================
           Document Sidebar (Keep existing style)
           ============================================ */

.eserve-doc-sidebar[b-9lhulda6zv] {
    width: 380px;
    background: #ffffff;
    border-left: 1px solid #e5e7eb;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.eserve-sidebar-header[b-9lhulda6zv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e4e4e7;
    background: #ffffff;
}

    .eserve-sidebar-header h3[b-9lhulda6zv] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
        color: #09090b;
    }

.eserve-sidebar-close[b-9lhulda6zv] {
    display: none;
    background: transparent;
    border: none;
    padding: 0.5rem;
    cursor: pointer;
    color: #71717a;
}

    .eserve-sidebar-close:hover[b-9lhulda6zv] {
        color: #18181b;
    }

    .eserve-sidebar-close svg[b-9lhulda6zv] {
        width: 20px;
        height: 20px;
    }

.eserve-doc-list[b-9lhulda6zv] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem;
}

.eserve-doc-item[b-9lhulda6zv] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid transparent;
    border-radius: 8px;
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    background: white;
}

    .eserve-doc-item:hover[b-9lhulda6zv] {
        background: #fafafa;
        border-color: #e4e4e7;
    }

.eserve-doc-item-active[b-9lhulda6zv] {
    background: #fafafa;
    border-color: #e4e4e7;
}

.eserve-doc-icon[b-9lhulda6zv] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fef2f2;
    border-radius: 6px;
    color: #dc2626;
}

.eserve-doc-item-active .eserve-doc-icon[b-9lhulda6zv] {
    background: #f0f9ff;
    color: #0284c7;
}

.eserve-doc-icon svg[b-9lhulda6zv] {
    width: 20px;
    height: 20px;
}

.eserve-doc-info[b-9lhulda6zv] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    overflow: hidden;
}

.eserve-doc-type[b-9lhulda6zv] {
    font-weight: 500;
    color: #09090b;
    font-size: 0.875rem;
    line-height: 1.25;
}

.eserve-doc-filename[b-9lhulda6zv] {
    font-size: 0.75rem;
    color: #71717a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
}

.eserve-doc-meta[b-9lhulda6zv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.25rem;
    flex-wrap: wrap;
}

.eserve-doc-badge[b-9lhulda6zv] {
    display: inline-flex;
    align-items: center;
    padding: 0 0.5rem;
    border-radius: 4px;
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 1.25rem;
    border: 1px solid;
}

.eserve-doc-badge-success[b-9lhulda6zv] {
    background: #f0fdf4;
    color: #15803d;
    border-color: #bbf7d0;
}

.eserve-doc-badge-warning[b-9lhulda6zv] {
    background: #fffbeb;
    color: #b45309;
    border-color: #fde68a;
}

.eserve-doc-views[b-9lhulda6zv] {
    font-size: 0.6875rem;
    color: #a1a1aa;
}

/* ============================================
           Scroll Indicator
           ============================================ */

.eserve-scroll-indicator[b-9lhulda6zv] {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

    .eserve-scroll-indicator.visible[b-9lhulda6zv] {
        opacity: 1;
        pointer-events: auto;
    }

    .eserve-scroll-indicator.hidden[b-9lhulda6zv] {
        opacity: 0;
        pointer-events: none;
    }

.eserve-scroll-btn[b-9lhulda6zv] {
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: #18181b;
    color: #fafafa;
    border: 1px solid #27272a;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    transition: all 0.2s ease;
    pointer-events: auto;
    font-weight: 500;
    font-size: 0.875rem;
}

    .eserve-scroll-btn:hover[b-9lhulda6zv] {
        background: #09090b;
        transform: translateY(-2px);
        box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    }

    .eserve-scroll-btn svg[b-9lhulda6zv] {
        width: 16px;
        height: 16px;
        animation: bounce-b-9lhulda6zv 2s infinite;
    }

@keyframes bounce-b-9lhulda6zv {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(4px);
    }
}

/* ============================================
           Details Section - True shadcn Aesthetic
           ============================================ */

.eserve-details-section[b-9lhulda6zv] {
    background: #fafafa;
    padding: 4rem 0;
}

.eserve-container[b-9lhulda6zv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* shadcn Card - Clean, minimal, subtle */
.eserve-card[b-9lhulda6zv] {
    background: #ffffff;
    border: 1px solid #e4e4e7;
    border-radius: 12px;
    margin-bottom: 2rem;
    overflow: hidden;
}

.eserve-card-header[b-9lhulda6zv] {
    padding: 1.5rem;
    border-bottom: 1px solid #e4e4e7;
}

    .eserve-card-header h2[b-9lhulda6zv] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
        color: #09090b;
        letter-spacing: -0.025em;
    }

    .eserve-card-header p[b-9lhulda6zv] {
        margin: 0.25rem 0 0 0;
        font-size: 0.875rem;
        color: #71717a;
    }

.eserve-card-content[b-9lhulda6zv] {
    padding: 1.5rem;
}

/* Section Headers - shadcn style */
.eserve-section-header[b-9lhulda6zv] {
    margin-bottom: 1.5rem;
}

.eserve-section-title[b-9lhulda6zv] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #09090b;
    margin: 0 0 0.25rem 0;
    letter-spacing: -0.025em;
}

.eserve-section-description[b-9lhulda6zv] {
    font-size: 0.875rem;
    color: #71717a;
    margin: 0;
}

/* Info Grid - Clean layout */
.eserve-info-grid[b-9lhulda6zv] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

.eserve-info-section[b-9lhulda6zv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .eserve-info-section h5[b-9lhulda6zv] {
        margin: 0;
        font-size: 0.875rem;
        font-weight: 600;
        color: #09090b;
    }

.eserve-info-table[b-9lhulda6zv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.eserve-info-row[b-9lhulda6zv] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f4f4f5;
}

    .eserve-info-row:last-child[b-9lhulda6zv] {
        border-bottom: none;
    }

.eserve-info-label[b-9lhulda6zv] {
    font-size: 0.875rem;
    color: #71717a;
    flex-shrink: 0;
}

.eserve-info-value[b-9lhulda6zv] {
    font-size: 0.875rem;
    color: #09090b;
    text-align: right;
    font-weight: 500;
}

/* Table - Clean shadcn style */
.eserve-table-wrapper[b-9lhulda6zv] {
    border: 1px solid #e4e4e7;
    border-radius: 8px;
    overflow: hidden;
}

.eserve-table[b-9lhulda6zv] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

    .eserve-table thead[b-9lhulda6zv] {
        background: #fafafa;
        border-bottom: 1px solid #e4e4e7;
    }

    .eserve-table th[b-9lhulda6zv] {
        padding: 0.75rem 1rem;
        text-align: left;
        font-weight: 500;
        color: #71717a;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .eserve-table td[b-9lhulda6zv] {
        padding: 1rem;
        border-bottom: 1px solid #f4f4f5;
        color: #09090b;
    }

    .eserve-table tbody tr:hover[b-9lhulda6zv] {
        background: #fafafa;
    }

    .eserve-table tbody tr:last-child td[b-9lhulda6zv] {
        border-bottom: none;
    }

/* Alert/Notice - shadcn style */
.eserve-alert[b-9lhulda6zv] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid;
    font-size: 0.875rem;
    line-height: 1.5;
}

.eserve-alert-warning[b-9lhulda6zv] {
    background: #fffbeb;
    border-color: #fde68a;
    color: #78350f;
}

.eserve-alert-icon[b-9lhulda6zv] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #f59e0b;
}

.eserve-alert-content h5[b-9lhulda6zv] {
    margin: 0 0 0.25rem 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #78350f;
}

.eserve-alert-content p[b-9lhulda6zv] {
    margin: 0;
    color: #78350f;
}

/* Badge - shadcn minimal style */
.eserve-badge[b-9lhulda6zv] {
    display: inline-flex;
    align-items: center;
    padding: 0 0.625rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.5rem;
    border: 1px solid;
}

.eserve-badge-success[b-9lhulda6zv] {
    background: #f0fdf4;
    color: #15803d;
    border-color: #bbf7d0;
}

.eserve-badge-warning[b-9lhulda6zv] {
    background: #fffbeb;
    color: #b45309;
    border-color: #fde68a;
}

/* Button - shadcn style */
.eserve-button[b-9lhulda6zv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 6px;
    border: 1px solid;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.15s ease;
    line-height: 1.25rem;
}

.eserve-button-outline[b-9lhulda6zv] {
    background: #ffffff;
    color: #09090b;
    border-color: #e4e4e7;
}

    .eserve-button-outline:hover[b-9lhulda6zv] {
        background: #fafafa;
    }

.eserve-button svg[b-9lhulda6zv] {
    width: 16px;
    height: 16px;
}

.eserve-actions[b-9lhulda6zv] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

/* Icons */
.eserve-icon[b-9lhulda6zv] {
    width: 20px;
    height: 20px;
    stroke-width: 2;
    flex-shrink: 0;
}

/* ============================================
           Responsive Design
           ============================================ */

@media (max-width: 1024px) {
    .eserve-doc-sidebar[b-9lhulda6zv] {
        position: fixed;
        right: 0;
        top: 0;
        height: 100vh;
        z-index: 1000;
        transform: translateX(100%);
        box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
    }

        .eserve-doc-sidebar.eserve-sidebar-open[b-9lhulda6zv] {
            transform: translateX(0);
        }

    .eserve-sidebar-close[b-9lhulda6zv] {
        display: block;
    }

    .eserve-info-grid[b-9lhulda6zv] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .eserve-viewer-layout[b-9lhulda6zv] {
        height: 60vh;
    }

    .eserve-details-section[b-9lhulda6zv] {
        padding: 2rem 0;
    }

    .eserve-container[b-9lhulda6zv] {
        padding: 0 1rem;
    }

    .eserve-card-header[b-9lhulda6zv],
    .eserve-card-content[b-9lhulda6zv] {
        padding: 1rem;
    }

    .eserve-info-row[b-9lhulda6zv] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .eserve-info-value[b-9lhulda6zv] {
        text-align: left;
    }
}

@media print {
    .eserve-viewer-layout[b-9lhulda6zv],
    .eserve-scroll-indicator[b-9lhulda6zv],
    .eserve-actions[b-9lhulda6zv] {
        display: none;
    }
}
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────────────────
   Account flow (design round #62, v2 revision) — the au-* system, mapped
   onto the app's cx tokens (courts-admin.css :root). Neutrals/panels/
   borders/text are the SAME tokens the interior ships; only primary-derived
   values are computed here, as color-mix() of var(--cx-pri) (the mock's
   recipes, verbatim). The label voice binds to the app's --cx-label-*
   tokens (D46: Figtree 600 / .09em / 10.5px). Pages are STATIC SSR: every
   state that isn't a server re-render is CSS.
   Page-content selectors ride ::deep; layout-own markup is plain-scoped.
   ───────────────────────────────────────────────────────────────────────── */

.au-shell[b-ig8vr6umu4] {
  /* mock CX → app token, by role */
  --au-panel: var(--cx-panel);
  --au-alt: var(--cx-panel-alt);
  --au-bg: var(--cx-bg);
  --au-bd: var(--cx-border);
  --au-bd-strong: var(--cx-faint);
  --au-hair: var(--cx-border-soft);
  --au-ink: var(--cx-text);
  --au-text: var(--cx-text);
  --au-muted: var(--cx-muted);
  --au-subtle: var(--cx-muted); /* deliberate: both map to muted — the 4.5:1 floor */
  --au-faint: var(--cx-faint);
  --au-red: var(--cx-red);
  --au-red-sf: var(--cx-red-soft);
  --au-red-bd: var(--cx-red-border);
  --au-green: var(--cx-green);
  --au-green-sf: var(--cx-green-soft);
  --au-green-bd: var(--cx-green-border);
  --au-r: 9px;
  --au-r-lg: 14px;
  --au-mono: var(--cx-mono);
  /* primary derivations — the mock's color-mix recipes verbatim */
  --au-pri-tx: color-mix(in oklab, var(--cx-pri) 74%, var(--au-ink));
  --au-pri-lt: color-mix(in oklab, var(--cx-pri) 52%, var(--au-panel));
  --au-tint: color-mix(in oklab, var(--cx-pri) 5%, var(--au-panel));
  --au-tint-bd: color-mix(in oklab, var(--cx-pri) 17%, var(--au-panel));
  --au-pri-bd: color-mix(in oklab, var(--cx-pri) 34%, var(--au-panel));
  --au-ring: 0 0 0 3px color-mix(in oklab, var(--cx-pri) 16%, transparent);
  /* on-plate tones (v2): both plates sit on the saturated primary gradient */
  --au-on: #fff;
  --au-on-mu: color-mix(in oklab, #fff 82%, var(--cx-pri));
  --au-line: color-mix(in oklab, #fff 34%, transparent);
  --au-art: #fff;

  /* motion tokens (v3) — verbatim */
  --au-e-rise: cubic-bezier(.2, .8, .2, 1);
  --au-e-instr: cubic-bezier(.55, 0, .25, 1);
  --au-e-snap: cubic-bezier(.2, .9, .3, 1);
  --au-t-fast: .16s;
  --au-t-1: .42s;
  --au-t-2: .62s;
  --au-step: 52ms;

  position: fixed;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(400px, 44%, 1000px);
  /* v2: the form column reads as the app's white panel, not the stone bg */
  background: var(--au-panel);
  font-family: var(--cx-font);
  color: var(--au-text);
  overflow: hidden;
}
.au-shell *[b-ig8vr6umu4], .au-shell *[b-ig8vr6umu4]::before, .au-shell *[b-ig8vr6umu4]::after { box-sizing: border-box; }

.au-main[b-ig8vr6umu4] { min-width: 0; overflow: auto; display: flex; grid-column: 1; grid-row: 1; }
.au-inner[b-ig8vr6umu4] {
  margin: auto; width: 100%;
  max-width: clamp(500px, 30vw, 640px);
  padding: clamp(46px, 6vh, 80px) clamp(40px, 4.5vw, 90px);
}
/* wide pages (register) opt in by carrying .au-wide on their root */
.au-inner:has(.au-wide)[b-ig8vr6umu4] { max-width: clamp(660px, 46vw, 1100px); }

/* ── the documents plate (v2 production face — au-plate-float) ─────────── */
.auf[b-ig8vr6umu4] {
  position: relative; overflow: hidden; isolation: isolate; color: #fff;
  background: linear-gradient(155deg, var(--cx-pri), color-mix(in oklab, var(--cx-pri) 58%, var(--au-ink)));
}
/* plus-grid texture */
.auf[b-ig8vr6umu4]::before {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
/* top-right radial glow */
.auf[b-ig8vr6umu4]::after {
  content: ""; position: absolute; width: min(500px, 70%); aspect-ratio: 1;
  top: -10%; right: -10%; border-radius: 50%; z-index: 1; pointer-events: none;
  background: radial-gradient(circle, rgba(255, 255, 255, .12) 0%, transparent 65%);
}
.auf-full[b-ig8vr6umu4] {
  grid-column: 2; grid-row: 1;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: clamp(36px, 4vw, 76px);
}
.auf-band[b-ig8vr6umu4] { display: none; }
.auf-doc[b-ig8vr6umu4] {
  position: absolute; z-index: 1; border-radius: 10px;
  background: rgba(255, 255, 255, var(--o, .07)); border: 1px solid rgba(255, 255, 255, .08);
  animation: auf-float-b-ig8vr6umu4 var(--dur, 14s) ease-in-out var(--del, 0s) infinite;
}
.auf-doc.lined[b-ig8vr6umu4]::before {
  content: ""; position: absolute; top: 20%; left: 14%; right: 14%; height: 3px;
  border-radius: 2px; background: rgba(255, 255, 255, .08);
  box-shadow: 0 12px 0 rgba(255, 255, 255, .06), 0 24px 0 rgba(255, 255, 255, .04), 0 36px 0 rgba(255, 255, 255, .03);
}
@keyframes auf-float-b-ig8vr6umu4 {
  0%, 100% { transform: translate(0, 0) rotate(var(--rot, 0deg)); }
  50% { transform: translate(var(--tx, 8px), var(--ty, -12px)) rotate(calc(var(--rot, 0deg) + var(--spin, 2deg))); }
}
.auf-brand[b-ig8vr6umu4] {
  position: relative; z-index: 2; display: flex; flex-direction: column;
  align-items: center; text-align: center; color: #fff; max-width: 360px;
}
/* the rounded primary logo tile (auf-box / au-logobox — one recipe) */
.auf-box[b-ig8vr6umu4], .au-logobox[b-ig8vr6umu4] {
  display: grid; place-items: center;
  background: color-mix(in oklab, var(--cx-pri) 62%, var(--au-ink));
  border: 1px solid color-mix(in oklab, #fff 26%, transparent);
  box-shadow: 0 18px 40px -22px rgba(28, 25, 23, .6);
}
.auf-full .auf-box[b-ig8vr6umu4] { width: clamp(78px, 7.4vw, 112px); aspect-ratio: 1; border-radius: clamp(16px, 1.5vw, 24px); margin-bottom: 18px; }
.auf-band .auf-box[b-ig8vr6umu4] { position: relative; z-index: 2; width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0; }
/* the tenant mark: an <img> of Theme.LogoOnPrimaryUrl — the same per-tenant white mark
   the topbar's brand tile uses. (The mock's --logo-url silhouette flattened colored
   logos into a blank rectangle — deliberate app deviation, kept from round 1.) */
.auf-mark[b-ig8vr6umu4] { width: 60%; aspect-ratio: 1; object-fit: contain; }
.auf-name[b-ig8vr6umu4] { font-size: clamp(26px, 2.3vw, 32px); font-weight: 800; letter-spacing: -.5px; text-shadow: 0 2px 12px rgba(0, 0, 0, .2); }
.auf-name .w2[b-ig8vr6umu4] { opacity: .75; font-weight: 400; }
.auf-band .auf-name[b-ig8vr6umu4] { position: relative; z-index: 2; font-size: var(--cx-size-title); }
.auf-tag[b-ig8vr6umu4] { margin: 12px 0 0; font-size: clamp(14px, 1.1vw, 16px); line-height: 1.6; opacity: .92; }
.auf-foot[b-ig8vr6umu4] {
  position: absolute; left: 0; right: 0; bottom: 20px; z-index: 2; text-align: center;
  font-size: var(--cx-size-cap); color: color-mix(in oklab, #fff 80%, var(--cx-pri));
}

/* ── the instrument plate (DEV-ONLY variant) ───────────────────────────── */
.au-plate[b-ig8vr6umu4] {
  position: relative; overflow: hidden; isolation: isolate;
  /* v2 kit .au-plate: the saturated primary gradient, no more ink-mix flat */
  background: linear-gradient(158deg, color-mix(in oklab, var(--cx-pri) 88%, #fff) 0%, var(--cx-pri) 44%, color-mix(in oklab, var(--cx-pri) 74%, var(--au-ink)) 100%);
  color: var(--au-on);
}
.au-plate-full[b-ig8vr6umu4] {
  grid-column: 2; grid-row: 1;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: clamp(26px, 3vw, 64px);
}
.au-band[b-ig8vr6umu4] { display: none; }

.au-fine[b-ig8vr6umu4], .au-coarse[b-ig8vr6umu4] { position: absolute; inset: 0; pointer-events: none; }
.au-fine[b-ig8vr6umu4] {
  background-image: linear-gradient(var(--au-line) 1px, transparent 1px), linear-gradient(90deg, var(--au-line) 1px, transparent 1px);
  background-size: 44px 44px; background-position: -1px -1px; opacity: .6;
  animation: au-fade-b-ig8vr6umu4 .9s linear .06s both;
  -webkit-mask-image: radial-gradient(115% 92% at 50% 12%, #000 18%, transparent 82%);
  mask-image: radial-gradient(115% 92% at 50% 12%, #000 18%, transparent 82%);
}
.au-coarse[b-ig8vr6umu4] {
  background-image: linear-gradient(var(--au-line) 1px, transparent 1px), linear-gradient(90deg, var(--au-line) 1px, transparent 1px);
  background-size: 220px 220px; background-position: -1px -1px; opacity: .5;
  animation: au-fade-b-ig8vr6umu4 .9s linear .2s both;
}
.au-wash[b-ig8vr6umu4] {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(58% 44% at 8% 104%, color-mix(in oklab, var(--au-ink) 22%, transparent), transparent 70%),
    radial-gradient(48% 36% at 98% -4%, color-mix(in oklab, #fff 20%, transparent), transparent 68%);
}
.au-scan[b-ig8vr6umu4] {
  position: absolute; left: 0; right: 0; top: 0; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in oklab, #fff 60%, transparent), transparent);
  animation: au-scan-b-ig8vr6umu4 13s cubic-bezier(.45, 0, .55, 1) infinite;
}

.au-lockup[b-ig8vr6umu4] {
  position: relative; z-index: 2; display: flex; flex-direction: column;
  align-items: center; text-align: center; max-width: 560px;
}
.au-dial[b-ig8vr6umu4] { position: relative; width: clamp(258px, 29vw, 640px); aspect-ratio: 1; margin-bottom: clamp(6px, .8vw, 18px); }
.au-dial-host[b-ig8vr6umu4] { position: absolute; inset: 0; color: var(--au-art); }
.au-dial-svg[b-ig8vr6umu4] { display: block; overflow: visible; width: 100%; height: 100%; }
.au-hair[b-ig8vr6umu4] { fill: none; stroke: currentColor; stroke-width: 1; vector-effect: non-scaling-stroke; }
/* the logo tile at the dial's centre (v2: dial noMark + au-logobox). The wrapper
   carries the centering translate so au-pop's scale keyframes compose cleanly. */
.au-dial-boxwrap[b-ig8vr6umu4] { position: absolute; left: 52%; top: 45%; transform: translate(-50%, -50%); }
.au-dial-box[b-ig8vr6umu4] { width: clamp(76px, 8.4vw, 158px); aspect-ratio: 1; border-radius: clamp(16px, 1.6vw, 30px); }
.au-wordmark[b-ig8vr6umu4] { font-size: clamp(24px, 2.4vw, 40px); line-height: 1.05; letter-spacing: -.03em; color: var(--au-on); white-space: nowrap; }
.au-wordmark .w1[b-ig8vr6umu4] { font-weight: 600; }
.au-wordmark .w2[b-ig8vr6umu4] { font-weight: 300; opacity: .62; }
.au-lede[b-ig8vr6umu4] { margin: clamp(11px, 1.1vw, 20px) 0 0; font-size: clamp(13.5px, 1vw, 17px); line-height: 1.6; color: var(--au-on-mu); max-width: 34ch; text-wrap: pretty; }
.au-copyright[b-ig8vr6umu4] { position: absolute; left: 0; right: 0; bottom: clamp(18px, 2vw, 30px); text-align: center; font-size: var(--cx-size-cap); color: var(--au-on-mu); }
/* declared resolution of the opacity-vs-fill-both conflict: the OUTER carries .au-en
   (rise to opacity 1); the .72 lives on this inner span, composing to a final .72. */
.au-copyright .txt[b-ig8vr6umu4] { opacity: .72; }

/* mobile band pieces (dial variant) */
.au-band-art[b-ig8vr6umu4] { position: absolute; right: 8px; top: -56px; width: 190px; opacity: .5; pointer-events: none; z-index: 1; }
.au-band-art .au-dial-host[b-ig8vr6umu4] { position: relative; inset: auto; width: 100%; aspect-ratio: 1; }
.au-band-box[b-ig8vr6umu4] { width: 50px; height: 50px; border-radius: 13px; flex-shrink: 0; position: relative; z-index: 2; }
.au-band-name[b-ig8vr6umu4] { position: relative; z-index: 2; font-size: var(--cx-size-title); letter-spacing: -.03em; color: var(--au-on); }
.au-band-name .w1[b-ig8vr6umu4] { font-weight: 600; }
.au-band-name .w2[b-ig8vr6umu4] { font-weight: 300; opacity: .62; }

/* ── DEV-ONLY floating plate switch ────────────────────────────────────── */
.au-devswitch[b-ig8vr6umu4] {
  position: fixed; left: 14px; bottom: 14px; z-index: 50;
  display: inline-flex; gap: 2px; padding: 3px;
  background: rgba(28, 25, 23, .82); border-radius: 999px; box-shadow: var(--cx-shadow-pop);
}
.au-devswitch a[b-ig8vr6umu4] {
  font-family: var(--cx-label-font); font-size: var(--cx-size-cap); font-weight: 600; line-height: 1;
  letter-spacing: .06em; text-transform: uppercase; color: rgba(255, 255, 255, .72);
  text-decoration: none; padding: 5px 10px; border-radius: 999px;
}
.au-devswitch a.on[b-ig8vr6umu4] { background: var(--cx-pri); color: #fff; }

/* ── plate/badge animation vocabulary (keyframes stay in this bundle) ─── */
@keyframes au-scan-b-ig8vr6umu4 { 0% { transform: translateY(-4vh); opacity: 0; } 8% { opacity: .85; } 92% { opacity: .85; } 100% { transform: translateY(104vh); opacity: 0; } }
@keyframes au-draw-b-ig8vr6umu4 { to { stroke-dashoffset: 0; } }
@keyframes au-rot-b-ig8vr6umu4 { to { transform: rotate(360deg); } }
@keyframes au-rise-b-ig8vr6umu4 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes au-bar-b-ig8vr6umu4 { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes au-send-b-ig8vr6umu4 {
  0% { transform: translate(30px, 352px); opacity: 0; } 12% { opacity: .9; }
  25% { transform: translate(45px, 334px); } 50% { transform: translate(57px, 314px); }
  75% { transform: translate(70px, 291px); } 86% { opacity: .9; }
  100% { transform: translate(85px, 267px); opacity: 0; }
}
@keyframes au-beat-b-ig8vr6umu4 { 0%, 100% { opacity: .35; transform: scale(.8); } 50% { opacity: 1; transform: scale(1); } }
/* motion round (v3) */
@keyframes au-fade-b-ig8vr6umu4 { from { opacity: 0; } to { opacity: 1; } }
@keyframes au-pop-b-ig8vr6umu4 { 0% { opacity: 0; transform: scale(.72); } 62% { opacity: 1; transform: scale(1.05); } 100% { transform: scale(1); } }
@keyframes au-tick-b-ig8vr6umu4 { from { opacity: 0; transform: rotate(42deg) scale(.35); } to { opacity: 1; transform: rotate(42deg) scale(1); } }
@keyframes au-arm-b-ig8vr6umu4 { from { border-color: var(--au-bd); } to { border-color: var(--au-pri-bd); } }
@keyframes au-glyph-b-ig8vr6umu4 { from { opacity: 0; transform: scale(.62); } to { opacity: 1; transform: scale(1); } }
@keyframes au-target-b-ig8vr6umu4 { 0% { box-shadow: 0 0 0 0 color-mix(in oklab, var(--cx-pri) 45%, transparent); } 72% { box-shadow: 0 0 0 9px color-mix(in oklab, var(--cx-pri) 0%, transparent); } 100% { box-shadow: 0 0 0 0 transparent; } }

/* dual-scoped: these classes appear both in the layout's own plate markup AND inside
   page content (the AuMark badge), which carries no layout scope attribute */
.au-draw[b-ig8vr6umu4], .au-shell[b-ig8vr6umu4]  .au-draw { stroke-dasharray: 1; stroke-dashoffset: 1; animation: au-draw-b-ig8vr6umu4 3.6s var(--au-e-instr) .55s forwards; }
.au-rot[b-ig8vr6umu4], .au-shell[b-ig8vr6umu4]  .au-rot { animation: au-rot-b-ig8vr6umu4 240s linear infinite; }
.au-shell[b-ig8vr6umu4]  .au-hair { fill: none; stroke: currentColor; stroke-width: 1; vector-effect: non-scaling-stroke; }
.au-shell[b-ig8vr6umu4]  .au-dial-svg { display: block; overflow: visible; width: 100%; height: 100%; }
.au-packet[b-ig8vr6umu4] { animation: au-send-b-ig8vr6umu4 7s cubic-bezier(.42, 0, .58, 1) 1.1s infinite both; }
.au-beat[b-ig8vr6umu4] { transform-box: fill-box; transform-origin: center; animation: au-beat-b-ig8vr6umu4 3.4s ease-in-out 1.4s infinite; }
.au-shell[b-ig8vr6umu4]  .au-rise { animation: au-rise-b-ig8vr6umu4 var(--au-t-1) var(--au-e-rise) both; }
.au-shell[b-ig8vr6umu4]  .au-bar { height: 100%; background: var(--cx-pri); transform-origin: left; animation: au-bar-b-ig8vr6umu4 1.8s cubic-bezier(.4, 0, .2, 1) forwards; }

/* ── motion round (v3): entrance primitives + posted-arrival choreography ── */
.au-en[b-ig8vr6umu4], .au-shell[b-ig8vr6umu4]  .au-en { animation: au-rise-b-ig8vr6umu4 var(--au-t-1) var(--au-e-rise) var(--d, 0s) both; }
.au-pop[b-ig8vr6umu4], .au-shell[b-ig8vr6umu4]  .au-pop { animation: au-pop-b-ig8vr6umu4 .34s var(--au-e-snap) var(--d, 0s) both; }
.au-dial-in[b-ig8vr6umu4] { animation: au-fade-b-ig8vr6umu4 .9s linear .05s both; }
.au-shell[b-ig8vr6umu4]  .au-count { animation: au-pop-b-ig8vr6umu4 .32s var(--au-e-snap) .14s both; }
.au-shell[b-ig8vr6umu4]  .au-errlist > li { animation: au-rise-b-ig8vr6umu4 .34s var(--au-e-rise) both; }
.au-shell[b-ig8vr6umu4]  .au-errlist > li:nth-child(1) { animation-delay: .2s; }
.au-shell[b-ig8vr6umu4]  .au-errlist > li:nth-child(2) { animation-delay: .26s; }
.au-shell[b-ig8vr6umu4]  .au-errlist > li:nth-child(3) { animation-delay: .32s; }
.au-shell[b-ig8vr6umu4]  .au-errlist > li:nth-child(4) { animation-delay: .38s; }
.au-shell[b-ig8vr6umu4]  .au-errlist > li:nth-child(n+5) { animation-delay: .44s; }
.au-shell[b-ig8vr6umu4]  .au-in:target { animation: au-target-b-ig8vr6umu4 1.1s var(--au-e-instr) 1; }
.au-shell[b-ig8vr6umu4]  .au-markglyph { animation: au-glyph-b-ig8vr6umu4 .38s var(--au-e-snap) .24s both; }
/* capped nth-child form stagger — child K = d0 + (K-1) steps, 9+ share the cap */
.au-shell[b-ig8vr6umu4]  .au-stagger > * { animation: au-rise-b-ig8vr6umu4 var(--au-t-1) var(--au-e-rise) both; }
.au-shell[b-ig8vr6umu4]  .au-stagger > *:nth-child(1) { animation-delay: var(--d0, .22s); }
.au-shell[b-ig8vr6umu4]  .au-stagger > *:nth-child(2) { animation-delay: calc(var(--d0, .22s) + 1 * var(--au-step)); }
.au-shell[b-ig8vr6umu4]  .au-stagger > *:nth-child(3) { animation-delay: calc(var(--d0, .22s) + 2 * var(--au-step)); }
.au-shell[b-ig8vr6umu4]  .au-stagger > *:nth-child(4) { animation-delay: calc(var(--d0, .22s) + 3 * var(--au-step)); }
.au-shell[b-ig8vr6umu4]  .au-stagger > *:nth-child(5) { animation-delay: calc(var(--d0, .22s) + 4 * var(--au-step)); }
.au-shell[b-ig8vr6umu4]  .au-stagger > *:nth-child(6) { animation-delay: calc(var(--d0, .22s) + 5 * var(--au-step)); }
.au-shell[b-ig8vr6umu4]  .au-stagger > *:nth-child(7) { animation-delay: calc(var(--d0, .22s) + 6 * var(--au-step)); }
.au-shell[b-ig8vr6umu4]  .au-stagger > *:nth-child(8) { animation-delay: calc(var(--d0, .22s) + 7 * var(--au-step)); }
.au-shell[b-ig8vr6umu4]  .au-stagger > *:nth-child(n+9) { animation-delay: calc(var(--d0, .22s) + 8 * var(--au-step)); }

/* ── shared atoms (page content — ::deep) ──────────────────────────────── */
/* the label voice (D46): every caps label binds to the app's --cx-label-* tokens */
.au-shell[b-ig8vr6umu4]  .au-cap {
  font-family: var(--cx-label-font);
  font-size: var(--cx-label-size, 10.5px);
  font-weight: var(--cx-label-weight, 600);
  letter-spacing: var(--cx-label-track, .09em);
  text-transform: uppercase;
  color: var(--cx-label-color, var(--au-muted));
  white-space: nowrap;
}
.au-shell[b-ig8vr6umu4]  .au-rule-row { display: flex; align-items: center; gap: 11px; }
.au-shell[b-ig8vr6umu4]  .au-rule-row .note { font-size: var(--cx-size-cap); color: var(--au-muted); }
.au-shell[b-ig8vr6umu4]  .au-rule-row.pri .au-cap { color: var(--au-pri-tx); }
.au-shell[b-ig8vr6umu4]  .au-mono { font-family: var(--au-mono); font-variant-numeric: tabular-nums; }
.au-shell[b-ig8vr6umu4]  .au-a { color: var(--au-pri-tx); font-weight: 600; text-decoration: none; transition: color .14s; cursor: pointer; }
.au-shell[b-ig8vr6umu4]  .au-a:hover { color: var(--au-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.au-shell[b-ig8vr6umu4]  .au-a.q { color: var(--au-muted); font-weight: 500; }
.au-shell[b-ig8vr6umu4]  .au-a.q:hover { color: var(--au-ink); }

/* page head — v2 scale: the interior's quieter headline, not the marketing one */
.au-shell[b-ig8vr6umu4]  .au-head { margin-bottom: 26px; }
.au-shell[b-ig8vr6umu4]  .au-head .au-rule-row { margin-bottom: 13px; }
.au-shell[b-ig8vr6umu4]  .au-head h1 { margin: 0; font-size: clamp(21px, 1.4vw, 25px); line-height: 1.18; font-weight: 700; letter-spacing: -.022em; color: var(--au-text); text-wrap: pretty; }
.au-shell[b-ig8vr6umu4]  .au-head .lede { margin: 8px 0 0; font-size: var(--cx-size-body); line-height: 1.55; color: var(--au-muted); max-width: 60ch; text-wrap: pretty; }

/* mono chip */
.au-shell[b-ig8vr6umu4]  .au-chip {
  font-family: var(--au-mono); font-variant-numeric: tabular-nums;
  display: inline-flex; align-items: center; gap: 9px; font-size: var(--cx-size-body); color: var(--au-text);
  background: var(--au-tint); border-radius: var(--au-r); padding: 4px 9px; overflow-wrap: anywhere;
}
.au-shell[b-ig8vr6umu4]  .au-chip.block { display: flex; padding: 13px 14px; }
.au-shell[b-ig8vr6umu4]  .au-chip .ico { color: var(--au-subtle); display: inline-flex; flex-shrink: 0; }

/* status banner (cookie / one-shot messages) — see also StatusMessage.razor.css */
.au-shell[b-ig8vr6umu4]  .au-status { display: flex; gap: 10px; padding: 11px 13px; border-radius: var(--au-r); margin-bottom: 22px; }
.au-shell[b-ig8vr6umu4]  .au-status.ok { background: var(--au-green-sf); border: 1px solid var(--au-green-bd); }
.au-shell[b-ig8vr6umu4]  .au-status.ok .ico { color: var(--au-green); }
.au-shell[b-ig8vr6umu4]  .au-status.err { background: var(--au-red-sf); border: 1px solid var(--au-red-bd); }
.au-shell[b-ig8vr6umu4]  .au-status.err .ico { color: var(--au-red); }
.au-shell[b-ig8vr6umu4]  .au-status.info { background: var(--au-tint); border: 1px solid var(--au-tint-bd); }
.au-shell[b-ig8vr6umu4]  .au-status.info .ico { color: var(--au-pri-tx); }
.au-shell[b-ig8vr6umu4]  .au-status .ico { display: inline-flex; margin-top: 1.5px; flex-shrink: 0; }
.au-shell[b-ig8vr6umu4]  .au-status .txt { font-size: var(--cx-size-body); line-height: 1.55; color: var(--au-muted); text-wrap: pretty; }

/* forms: sections, grids, fields */
.au-shell[b-ig8vr6umu4]  .au-section { margin: 30px 0 14px; }
.au-shell[b-ig8vr6umu4]  .au-form { display: flex; flex-direction: column; gap: 17px; }
.au-shell[b-ig8vr6umu4]  .au-stack { display: flex; flex-direction: column; gap: 15px; }
.au-shell[b-ig8vr6umu4]  .au-grid { display: grid; gap: 15px; align-items: start; }
.au-shell[b-ig8vr6umu4]  .au-grid.g2 { grid-template-columns: 1fr 1fr; }
.au-shell[b-ig8vr6umu4]  .au-grid.g3 { grid-template-columns: 1fr 1fr 1fr; }
.au-shell[b-ig8vr6umu4]  .au-grid.gaddr { grid-template-columns: 1.6fr 1fr 1fr; }
.au-shell[b-ig8vr6umu4]  .au-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.au-shell[b-ig8vr6umu4]  .au-flabel { display: flex; align-items: baseline; gap: 8px; }
.au-shell[b-ig8vr6umu4]  .au-flabel label { font-size: var(--cx-size-meta); font-weight: 600; color: var(--au-text); }
.au-shell[b-ig8vr6umu4]  .au-flabel .opt { font-size: var(--cx-size-cap); font-weight: 500; color: var(--au-subtle); }
.au-shell[b-ig8vr6umu4]  .au-flabel .sp { flex: 1; }
.au-shell[b-ig8vr6umu4]  .au-flabel .aside { font-size: var(--cx-size-meta); }
/* Aside link that follows its input in the DOM (so Tab goes input → input)
   but sits in the label row visually. */
.au-shell[b-ig8vr6umu4]  .au-field-aside { position: relative; }
.au-shell[b-ig8vr6umu4]  .au-field-aside .au-aside-lift { position: absolute; top: 0; right: 0; font-size: var(--cx-size-meta); }
.au-shell[b-ig8vr6umu4]  .au-hint { font-size: var(--cx-size-cap); line-height: 1.5; color: var(--au-subtle); }
.au-shell[b-ig8vr6umu4]  .validation-message {
  display: flex; align-items: flex-start; gap: 6px; font-size: var(--cx-size-cap); line-height: 1.45;
  color: var(--au-red); font-weight: 500;
  animation: au-rise-b-ig8vr6umu4 var(--au-t-1) var(--au-e-rise) both; /* the au-en entrance, no delay */
}

/* inputs at the app's scale (v2: 38px, stepping to 42px at 2K) */
.au-shell[b-ig8vr6umu4]  .au-in {
  width: 100%; height: 38px; padding: 0 12px; background: var(--au-panel);
  border: 1px solid var(--au-bd); border-radius: var(--au-r);
  font-family: inherit; font-size: var(--cx-size-body); font-weight: 500; color: var(--au-text);
  outline: none;
  transition: border-color var(--au-t-fast) var(--au-e-snap), box-shadow var(--au-t-fast) var(--au-e-snap), background var(--au-t-fast) linear;
}
.au-shell[b-ig8vr6umu4]  .au-in::placeholder { color: var(--au-subtle); font-weight: 400; }
.au-shell[b-ig8vr6umu4]  .au-in:hover { border-color: var(--au-bd-strong); }
.au-shell[b-ig8vr6umu4]  .au-in:focus { border-color: var(--cx-pri); box-shadow: var(--au-ring); }
.au-shell[b-ig8vr6umu4]  .au-in[aria-invalid="true"],
.au-shell[b-ig8vr6umu4]  .au-in.invalid { border-color: var(--au-red-bd); background: var(--au-red-sf); }
.au-shell[b-ig8vr6umu4]  .au-in[aria-invalid="true"]:focus,
.au-shell[b-ig8vr6umu4]  .au-in.invalid:focus { border-color: var(--au-red); box-shadow: 0 0 0 3px color-mix(in oklab, var(--au-red) 13%, transparent); }
.au-shell[b-ig8vr6umu4]  .au-in.mono { font-family: var(--au-mono); letter-spacing: .02em; }
.au-shell[b-ig8vr6umu4]  select.au-in { appearance: none; -webkit-appearance: none; padding-right: 34px; cursor: pointer; }
.au-shell[b-ig8vr6umu4]  .au-selwrap { position: relative; }
.au-shell[b-ig8vr6umu4]  .au-selwrap .chev { position: absolute; right: 12px; top: 12px; color: var(--au-subtle); pointer-events: none; display: inline-flex; }

/* buttons (v2: 42px, resting primary shadow) */
.au-shell[b-ig8vr6umu4]  .au-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; height: 42px; padding: 0 18px;
  border: 1px solid var(--cx-pri); border-radius: var(--au-r);
  background: var(--cx-pri); color: var(--au-panel);
  font-family: inherit; font-size: var(--cx-size-body); font-weight: 600; letter-spacing: -.01em;
  cursor: pointer; text-decoration: none;
  box-shadow: 0 1px 2px color-mix(in oklab, var(--cx-pri) 34%, transparent);
  transition: background .15s, border-color .15s, box-shadow .15s, transform .1s var(--au-e-snap);
}
.au-shell[b-ig8vr6umu4]  .au-btn svg { transition: transform .2s var(--au-e-rise); }
.au-shell[b-ig8vr6umu4]  .au-btn:hover svg { transform: translateX(3px); }
.au-shell[b-ig8vr6umu4]  .au-btn:hover {
  background: color-mix(in oklab, var(--cx-pri) 86%, var(--au-ink));
  border-color: color-mix(in oklab, var(--cx-pri) 86%, var(--au-ink));
  box-shadow: 0 2px 10px color-mix(in oklab, var(--cx-pri) 22%, transparent);
}
.au-shell[b-ig8vr6umu4]  .au-btn:active { transform: translateY(1px) scale(.994); }
.au-shell[b-ig8vr6umu4]  .au-btn.ghost { background: var(--au-panel); color: var(--au-text); border-color: var(--au-bd); box-shadow: var(--cx-shadow-card); font-weight: 500; width: auto; }
.au-shell[b-ig8vr6umu4]  .au-btn.ghost:hover { background: var(--au-alt); border-color: var(--au-subtle); box-shadow: none; transform: translateY(-1px); }
.au-shell[b-ig8vr6umu4]  .au-btn.sm { height: 36px; font-size: var(--cx-size-body); width: auto; padding: 0 15px; }
.au-shell[b-ig8vr6umu4]  .au-btn:focus-visible,
.au-shell[b-ig8vr6umu4]  .au-in:focus-visible { outline: 2px solid var(--cx-pri); outline-offset: 2px; }

/* checkbox */
.au-shell[b-ig8vr6umu4]  .au-ck { display: flex; align-items: center; gap: 10px; cursor: pointer; min-height: 44px; user-select: none; }
.au-shell[b-ig8vr6umu4]  .au-ck input {
  appearance: none; -webkit-appearance: none; width: 18px; height: 18px; margin: 0;
  border: 1px solid var(--au-bd-strong); border-radius: 5px; background: var(--au-panel);
  position: relative; flex-shrink: 0; cursor: pointer;
  transition: background .14s var(--au-e-snap), border-color .14s var(--au-e-snap);
}
.au-shell[b-ig8vr6umu4]  .au-ck:hover input { border-color: var(--au-pri-bd); }
.au-shell[b-ig8vr6umu4]  .au-ck input:checked { background: var(--cx-pri); border-color: var(--cx-pri); }
.au-shell[b-ig8vr6umu4]  .au-ck input:checked::after {
  content: ""; position: absolute; left: 5.5px; top: 2px; width: 5px; height: 9px;
  border: solid var(--au-panel); border-width: 0 2px 2px 0; transform: rotate(42deg);
  animation: au-tick-b-ig8vr6umu4 .2s var(--au-e-snap) both;
}
.au-shell[b-ig8vr6umu4]  .au-ck input:focus-visible { outline: 2px solid var(--cx-pri); outline-offset: 2px; }
.au-shell[b-ig8vr6umu4]  .au-ck .lbl { font-size: var(--cx-size-body); color: var(--au-text); font-weight: 500; }
.au-shell[b-ig8vr6umu4]  .au-ck-hint { font-size: var(--cx-size-cap); color: var(--au-subtle); margin: -5px 0 0 28px; line-height: 1.5; }

/* the account-type decision plates */
.au-shell[b-ig8vr6umu4]  .au-choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
/* Register: an Individual has no firm — the firm-name field leaves with the choice (static form, so CSS). */
.au-shell[b-ig8vr6umu4]  form:has(#acct-individual:checked) .au-firm-field { display: none; }
.au-shell[b-ig8vr6umu4]  .au-choice { position: relative; display: block; cursor: pointer; }
.au-shell[b-ig8vr6umu4]  .au-choice input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.au-shell[b-ig8vr6umu4]  .au-cb {
  display: flex; gap: 11px; padding: 14px 15px; border: 1px solid var(--au-bd);
  border-radius: var(--au-r-lg); background: var(--au-panel); height: 100%;
  transition: border-color .15s, background .15s, box-shadow .15s, transform .18s var(--au-e-snap);
}
.au-shell[b-ig8vr6umu4]  .au-choice:hover .au-cb { border-color: var(--au-pri-bd); transform: translateY(-1px); }
.au-shell[b-ig8vr6umu4]  .au-choice input:checked + .au-cb { transform: none; }
.au-shell[b-ig8vr6umu4]  .au-choice input:checked + .au-cb { border-color: var(--cx-pri); background: var(--au-tint); box-shadow: inset 0 0 0 1px var(--cx-pri); }
.au-shell[b-ig8vr6umu4]  .au-choice input:focus-visible + .au-cb { outline: 2px solid var(--cx-pri); outline-offset: 2px; }
.au-shell[b-ig8vr6umu4]  .au-ring {
  width: 18px; height: 18px; border-radius: 999px; border: 1px solid var(--au-bd-strong);
  background: var(--au-panel); flex-shrink: 0; margin-top: 1px; position: relative; transition: border-color .15s;
}
.au-shell[b-ig8vr6umu4]  .au-choice input:checked + .au-cb .au-ring { border-color: var(--cx-pri); }
.au-shell[b-ig8vr6umu4]  .au-ring::after { content: ""; position: absolute; inset: 4px; border-radius: 999px; background: var(--cx-pri); opacity: 0; transition: opacity .15s; }
.au-shell[b-ig8vr6umu4]  .au-choice input:checked + .au-cb .au-ring::after { opacity: 1; animation: au-pop-b-ig8vr6umu4 .28s var(--au-e-snap) both; }
.au-shell[b-ig8vr6umu4]  .au-cb .t { display: block; font-size: var(--cx-size-body); font-weight: 600; color: var(--au-text); }
.au-shell[b-ig8vr6umu4]  .au-cb .d { display: block; font-size: var(--cx-size-cap); line-height: 1.5; color: var(--au-muted); margin-top: 3px; text-wrap: pretty; }

/* the 6-cell OTP: decorative cells behind ONE input */
.au-shell[b-ig8vr6umu4]  .au-cw {
  --au-cell: 48px; --au-gap: 10px;
  position: relative; width: calc(6 * var(--au-cell) + 5 * var(--au-gap)); max-width: 100%;
  height: 58px; overflow: clip; overflow-clip-margin: 0; border-radius: var(--au-r-lg);
}
.au-shell[b-ig8vr6umu4]  .au-cells { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(6, var(--au-cell)); gap: var(--au-gap); }
.au-shell[b-ig8vr6umu4]  .au-cell { border: 1px solid var(--au-bd); border-radius: var(--au-r); background: var(--au-panel); transition: border-color var(--au-t-fast) var(--au-e-snap), box-shadow .22s var(--au-e-snap); }
/* the arm cascade: cells light left-to-right when the field takes focus */
.au-shell[b-ig8vr6umu4]  .au-cw:focus-within .au-cell { animation: au-arm-b-ig8vr6umu4 .3s var(--au-e-snap) both; }
.au-shell[b-ig8vr6umu4]  .au-cw:focus-within .au-cell:nth-child(2) { animation-delay: 40ms; }
.au-shell[b-ig8vr6umu4]  .au-cw:focus-within .au-cell:nth-child(3) { animation-delay: 80ms; }
.au-shell[b-ig8vr6umu4]  .au-cw:focus-within .au-cell:nth-child(4) { animation-delay: 120ms; }
.au-shell[b-ig8vr6umu4]  .au-cw:focus-within .au-cell:nth-child(5) { animation-delay: 160ms; }
.au-shell[b-ig8vr6umu4]  .au-cw:focus-within .au-cell:nth-child(6) { animation-delay: 200ms; }
.au-shell[b-ig8vr6umu4]  .au-code {
  position: absolute; left: 0; top: 0; height: 100%;
  width: calc(100% + var(--au-cell) + var(--au-gap));
  padding: 0 0 0 calc((var(--au-cell) - .6em) / 2);
  background: transparent; border: 0; outline: none; text-align: left;
  font-family: var(--au-mono); font-size: var(--cx-size-title); font-weight: 500; color: var(--au-text);
  letter-spacing: calc(var(--au-cell) + var(--au-gap) - .6em); caret-color: var(--cx-pri);
}
.au-shell[b-ig8vr6umu4]  .au-cw:focus-within .au-cell { border-color: var(--au-pri-bd); }
.au-shell[b-ig8vr6umu4]  .au-cw:focus-within .au-cell:first-child { border-color: var(--cx-pri); box-shadow: inset 0 0 0 2px color-mix(in oklab, var(--cx-pri) 32%, transparent); }
.au-shell[b-ig8vr6umu4]  .au-cw.invalid .au-cell { border-color: var(--au-red-bd); background: var(--au-red-sf); }

/* password rules card (v2: the panel-alt surface) */
.au-shell[b-ig8vr6umu4]  .au-rules { background: var(--au-alt); border: 1px solid var(--au-bd); border-radius: var(--au-r-lg); padding: 12px 14px 13px; }
.au-shell[b-ig8vr6umu4]  .au-rules .au-rule-row { margin-bottom: 10px; }
.au-shell[b-ig8vr6umu4]  .au-rules ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.au-shell[b-ig8vr6umu4]  .au-rules li { display: flex; align-items: flex-start; gap: 9px; font-size: var(--cx-size-body); line-height: 1.45; color: var(--au-muted); }
.au-shell[b-ig8vr6umu4]  .au-dot { display: inline-flex; width: 5px; height: 5px; border-radius: 999px; background: var(--cx-pri); margin-top: 5.5px; flex-shrink: 0; }
.au-shell[b-ig8vr6umu4]  .au-dot.red { background: var(--au-red); }

/* bullet lists (expectations) */
.au-shell[b-ig8vr6umu4]  .au-points { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.au-shell[b-ig8vr6umu4]  .au-points li { display: flex; align-items: flex-start; gap: 9px; font-size: var(--cx-size-body); line-height: 1.5; color: var(--au-muted); }
.au-shell[b-ig8vr6umu4]  .au-points .au-dot { margin-top: 6px; }

/* counted error summary */
.au-shell[b-ig8vr6umu4]  .au-errors { border: 1px solid var(--au-red-bd); background: var(--au-red-sf); border-radius: var(--au-r); padding: 14px 16px 15px; margin-bottom: 26px; }
.au-shell[b-ig8vr6umu4]  .au-errors .head { display: flex; align-items: center; gap: 10px; }
.au-shell[b-ig8vr6umu4]  .au-errors .head.roomy { margin-bottom: 10px; }
.au-shell[b-ig8vr6umu4]  .au-errors .n {
  font-family: var(--au-mono); display: inline-flex; align-items: center; justify-content: center;
  min-width: 21px; height: 21px; padding: 0 6px; border-radius: 6px; background: var(--au-red);
  color: var(--au-panel); font-size: var(--cx-size-cap); font-weight: 500;
}
.au-shell[b-ig8vr6umu4]  .au-errors .t { font-size: var(--cx-size-body); font-weight: 700; color: var(--au-red); letter-spacing: -.01em; }
.au-shell[b-ig8vr6umu4]  .au-errors ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 5px; }
.au-shell[b-ig8vr6umu4]  .au-errors li { display: flex; align-items: flex-start; gap: 8px; font-size: var(--cx-size-body); line-height: 1.45; color: var(--au-text); }
.au-shell[b-ig8vr6umu4]  .au-errors li .au-dot { width: 4px; height: 4px; margin-top: 6px; }
.au-shell[b-ig8vr6umu4]  .au-errors li a { color: var(--au-text); }
.au-shell[b-ig8vr6umu4]  .au-errors li .m { color: var(--au-muted); }
.au-shell[b-ig8vr6umu4]  .au-errors .one { font-size: var(--cx-size-body); line-height: 1.5; color: var(--au-text); margin-top: 8px; }

/* quiet link row + aside + foot */
.au-shell[b-ig8vr6umu4]  .au-links { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 22px; font-size: var(--cx-size-body); color: var(--au-muted); }
/* v2: the aside sits on the panel-alt surface, no shadow, no corner ticks */
.au-shell[b-ig8vr6umu4]  .au-aside {
  position: relative; display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  padding: 15px 17px; background: var(--au-alt); border: 1px solid var(--au-bd);
  border-radius: var(--au-r-lg); margin-top: 26px;
}
.au-shell[b-ig8vr6umu4]  .au-aside .body { flex: 1 1 230px; min-width: 0; }
.au-shell[b-ig8vr6umu4]  .au-aside .body .au-rule-row { margin-bottom: 8px; }
.au-shell[b-ig8vr6umu4]  .au-aside .t { font-size: var(--cx-size-body); font-weight: 600; color: var(--au-text); letter-spacing: -.01em; margin-bottom: 3px; }
.au-shell[b-ig8vr6umu4]  .au-aside .d { font-size: var(--cx-size-meta); line-height: 1.55; color: var(--au-muted); text-wrap: pretty; }
/* v2: the foot loses the hairline — just space, then the tenant line */
.au-shell[b-ig8vr6umu4]  .au-foot { margin-top: 34px; display: flex; flex-direction: column; gap: 12px; }
.au-shell[b-ig8vr6umu4]  .au-foot .line { font-size: var(--cx-size-body); color: var(--au-muted); line-height: 1.65; text-wrap: pretty; }
.au-shell[b-ig8vr6umu4]  .au-foot .tenant { font-family: var(--au-mono); font-size: var(--cx-size-cap); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--au-muted); }

/* confirmation composition (terminal states) — v2 scale */
.au-shell[b-ig8vr6umu4]  .au-confirm h1 { margin: 20px 0 0; font-size: clamp(21px, 1.4vw, 25px); line-height: 1.2; font-weight: 700; letter-spacing: -.022em; text-wrap: pretty; }
.au-shell[b-ig8vr6umu4]  .au-confirm .au-rule-row.eyebrow { margin: 20px 0 11px; }
.au-shell[b-ig8vr6umu4]  .au-confirm .au-rule-row.eyebrow + h1 { margin-top: 0; }
.au-shell[b-ig8vr6umu4]  .au-confirm .lede { margin: 8px 0 0; font-size: var(--cx-size-body); line-height: 1.55; color: var(--au-muted); max-width: 60ch; text-wrap: pretty; }
.au-shell[b-ig8vr6umu4]  .au-confirm .foot { margin-top: 30px; font-size: var(--cx-size-body); color: var(--au-subtle); line-height: 1.6; max-width: 56ch; text-wrap: pretty; }
.au-shell[b-ig8vr6umu4]  .au-cmark { position: relative; flex-shrink: 0; }
/* child combinator, not descendant: only the DIAL svg is absolutely stretched — the
   icon's svg inside .ic must stay in flow so the flex centering can hold it. */
.au-shell[b-ig8vr6umu4]  .au-cmark > svg { position: absolute; inset: 0; }
.au-shell[b-ig8vr6umu4]  .au-cmark .ic { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.au-shell[b-ig8vr6umu4]  .au-cmark.pri { color: var(--cx-pri); }
.au-shell[b-ig8vr6umu4]  .au-cmark.green { color: var(--au-green); }
.au-shell[b-ig8vr6umu4]  .au-cmark.red { color: var(--au-red); }
.au-shell[b-ig8vr6umu4]  .au-cmark .fillc.pri { fill: var(--au-tint); }
.au-shell[b-ig8vr6umu4]  .au-cmark .fillc.green { fill: var(--au-green-sf); }
.au-shell[b-ig8vr6umu4]  .au-cmark .fillc.red { fill: var(--au-red-sf); }
.au-shell[b-ig8vr6umu4]  .au-progress { height: 3px; border-radius: 999px; background: var(--au-tint); overflow: hidden; }
.au-shell[b-ig8vr6umu4]  .au-progress-cap { font-family: var(--au-mono); font-size: var(--cx-size-cap); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--au-subtle); margin-top: 11px; }

/* ── responsive ────────────────────────────────────────────────────────── */
@media (max-width: 1080px) {
  .au-shell[b-ig8vr6umu4] { grid-template-columns: minmax(0, 1fr) clamp(280px, 36%, 420px); }
  .au-inner[b-ig8vr6umu4] { padding: 40px 30px 50px; }
}
@media (max-width: 720px) {
  .au-shell[b-ig8vr6umu4] { display: flex; flex-direction: column; }
  .au-plate-full[b-ig8vr6umu4], .auf-full[b-ig8vr6umu4] { display: none; }
  .au-band[b-ig8vr6umu4] { display: flex; height: 128px; flex-shrink: 0; align-items: center; gap: 14px; padding: 0 22px; }
  .auf-band[b-ig8vr6umu4] { display: flex; height: 128px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: flex-start; gap: 14px; padding: 0 22px; }
  .au-main[b-ig8vr6umu4] { flex: 1; min-height: 0; }
  .au-inner[b-ig8vr6umu4] { margin: auto; max-width: none; padding: 30px 22px 40px; }
  .au-shell[b-ig8vr6umu4]  .au-grid.g2, .au-shell[b-ig8vr6umu4]  .au-grid.g3, .au-shell[b-ig8vr6umu4]  .au-grid.gaddr { grid-template-columns: 1fr; }
  .au-shell[b-ig8vr6umu4]  .au-choice-grid { grid-template-columns: 1fr; }
  .au-shell[b-ig8vr6umu4]  .au-head { margin-bottom: 22px; }
  .au-shell[b-ig8vr6umu4]  .au-head h1 { font-size: var(--cx-size-title); }
  .au-shell[b-ig8vr6umu4]  .au-confirm h1 { font-size: var(--cx-size-title); }
  .au-shell[b-ig8vr6umu4]  .au-cw { --au-cell: 44px; --au-gap: 8px; }
  .au-shell[b-ig8vr6umu4]  .au-aside { padding: 14px 15px; }
}
/* 2K and up: the whole surface steps up a size rather than floating in the middle
   (v2 lg tier: 42px inputs / 46px buttons) */
@media (min-width: 1680px) {
  .au-shell[b-ig8vr6umu4]  .au-in { height: 42px; font-size: var(--cx-size-body); padding: 0 13px; }
  .au-shell[b-ig8vr6umu4]  .au-btn { height: 46px; font-size: var(--cx-size-body); }
  .au-shell[b-ig8vr6umu4]  .au-btn.sm { height: 38px; font-size: var(--cx-size-body); }
  .au-shell[b-ig8vr6umu4]  .au-ck input { width: 19px; height: 19px; }
  .au-shell[b-ig8vr6umu4]  .au-ck .lbl { font-size: var(--cx-size-body); }
  .au-shell[b-ig8vr6umu4]  .au-cb { padding: 16px 18px; }
  /* app extension (kept from round 1): body copy steps with the controls */
  .au-shell[b-ig8vr6umu4]  .au-head .lede, .au-shell[b-ig8vr6umu4]  .au-confirm .lede { font-size: var(--cx-size-body); }
}
/* motion round (v3): the REPLACEMENT reduced-motion block — instant instruments,
   entrances degrade to a 0.2s fade, focus pulse becomes a static outline. */
@media (prefers-reduced-motion: reduce) {
  .au-scan[b-ig8vr6umu4], .au-rot[b-ig8vr6umu4], .au-draw[b-ig8vr6umu4], .au-packet[b-ig8vr6umu4], .au-beat[b-ig8vr6umu4],
  .au-fine[b-ig8vr6umu4], .au-coarse[b-ig8vr6umu4], .au-dial-in[b-ig8vr6umu4], .au-pop[b-ig8vr6umu4], .auf-doc[b-ig8vr6umu4],
  .au-shell[b-ig8vr6umu4]  .au-rot, .au-shell[b-ig8vr6umu4]  .au-draw,
  .au-shell[b-ig8vr6umu4]  .au-pop, .au-shell[b-ig8vr6umu4]  .au-count, .au-shell[b-ig8vr6umu4]  .au-markglyph,
  .au-shell[b-ig8vr6umu4]  .au-stagger > *, .au-shell[b-ig8vr6umu4]  .au-errlist > li,
  .au-shell[b-ig8vr6umu4]  .au-choice input:checked + .au-cb .au-ring::after,
  .au-shell[b-ig8vr6umu4]  .au-cw:focus-within .au-cell,
  .au-shell[b-ig8vr6umu4]  .au-ck input:checked::after { animation: none; }
  .au-draw[b-ig8vr6umu4], .au-shell[b-ig8vr6umu4]  .au-draw { stroke-dashoffset: 0; }
  .au-packet[b-ig8vr6umu4] { opacity: 0; }
  .au-en[b-ig8vr6umu4], .au-shell[b-ig8vr6umu4]  .au-en, .au-shell[b-ig8vr6umu4]  .au-rise,
  .au-shell[b-ig8vr6umu4]  .validation-message { animation: au-fade-b-ig8vr6umu4 .2s linear both; }
  .au-shell[b-ig8vr6umu4]  .au-in:target { animation: none; outline: 2px solid var(--cx-pri); outline-offset: 2px; }
  .au-shell[b-ig8vr6umu4]  .au-btn:hover svg, .au-shell[b-ig8vr6umu4]  .au-choice:hover .au-cb,
  .au-shell[b-ig8vr6umu4]  .au-btn.ghost:hover, .au-shell[b-ig8vr6umu4]  .au-btn:active { transform: none; }
  .au-shell[b-ig8vr6umu4]  .au-in, .au-shell[b-ig8vr6umu4]  .au-cell, .au-shell[b-ig8vr6umu4]  .au-btn,
  .au-shell[b-ig8vr6umu4]  .au-btn svg, .au-shell[b-ig8vr6umu4]  .au-cb, .au-shell[b-ig8vr6umu4]  .au-ck input { transition-duration: .01ms; }
  /* app-side retention (declared): the confirm progress bar is motion too */
  .au-shell[b-ig8vr6umu4]  .au-bar { animation: none; transform: none; }
}

#blazor-error-ui[b-ig8vr6umu4] {
  background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed;
  width: 100%; z-index: 1000;
}
#blazor-error-ui .dismiss[b-ig8vr6umu4] { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }
/* /Components/Layout/Header.razor.rz.scp.css */
/* Header — identity round 2026-09. White for every tenant; the tenant colour is the 3px
   rule across the top (.cx-appbar, courts-admin.css) and the avatar. */

.app-header[b-yse862bhwj] {
    height: var(--app-header-height, 56px);
    background: #fff;
    border-bottom: 1px solid var(--sh-border, #e6e8ec);
    color: var(--sh-text, #0e1116);
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0 20px 0 28px;
    flex-shrink: 0;
    position: relative;
    box-sizing: border-box;
}

.header-btn[b-yse862bhwj] {
    width: 34px; height: 34px;
    display: inline-flex; align-items: center; justify-content: center;
    background: transparent; border: none; border-radius: 8px;
    color: var(--sh-muted, #2b313d); cursor: pointer; flex-shrink: 0; padding: 0;
}
.header-btn:hover[b-yse862bhwj] { background: var(--sh-hover, #f7f8fa); color: var(--sh-text); }

/* hamburger only on mobile */
.hamburger-btn[b-yse862bhwj] { display: none; }
@media (max-width: 768px) {
    .app-header[b-yse862bhwj] { padding: 0 10px 0 8px; }
    .hamburger-btn[b-yse862bhwj] { display: inline-flex; }
    .header-crumbs .crumb.root[b-yse862bhwj], .header-crumbs .crumb-sep:first-of-type[b-yse862bhwj] { display: none; }
    .user-btn .user-id[b-yse862bhwj] { display: none; }
}

.header-env[b-yse862bhwj] {
    font-family: var(--cx-label-font); font-size: var(--cx-size-cap); font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
    padding: 4px 10px; border: 1px solid var(--cx-accent-border); border-radius: 4px;
    color: var(--cx-accent-text); background: var(--cx-accent-soft);
    flex-shrink: 0; white-space: nowrap;
}

.header-spacer[b-yse862bhwj] { flex: 1; min-width: 0; }

/* ── breadcrumbs: "Workspace / page", the trail from BreadcrumbService ── */
.header-crumbs[b-yse862bhwj] { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: var(--cx-size-body); }
.header-crumbs .crumb[b-yse862bhwj] {
    color: var(--sh-subtle, #5c6470); white-space: nowrap;
    max-width: 220px; overflow: hidden; text-overflow: ellipsis; text-decoration: none;
}
.header-crumbs a.crumb:hover[b-yse862bhwj] { color: var(--sh-text); text-decoration: none; }
.header-crumbs .crumb.current[b-yse862bhwj] { color: var(--sh-text); font-weight: 600; max-width: 320px; }
.header-crumbs .crumb-sep[b-yse862bhwj] { color: var(--sh-faint, #7f7f7f); flex-shrink: 0; }

/* ── user menu (avatar → dropdown with Personal Settings + Log out) ── */
.header-user[b-yse862bhwj] { position: relative; flex-shrink: 0; }
.user-btn[b-yse862bhwj] {
    display: inline-flex; align-items: center; gap: 10px; height: 40px;
    padding: 3px 6px 3px 12px; border: none; border-radius: 9px;
    background: transparent; font: inherit; cursor: pointer; color: var(--sh-text);
}
.user-btn:hover[b-yse862bhwj], .user-btn[aria-expanded="true"][b-yse862bhwj] { background: var(--sh-hover, #f7f8fa); }
.user-btn .user-id[b-yse862bhwj] { text-align: right; line-height: 1.3; min-width: 0; }
.user-btn .user-name[b-yse862bhwj] { display: block; font-size: var(--cx-size-meta); font-weight: 600; color: var(--sh-text); white-space: nowrap; }
.user-btn .user-email[b-yse862bhwj] { display: block; font-size: var(--cx-size-cap); color: var(--sh-subtle); white-space: nowrap; }
.user-btn .user-avatar[b-yse862bhwj] { width: 34px; height: 34px; font-size: var(--cx-size-meta); }

.user-avatar[b-yse862bhwj] {
    width: 32px; height: 32px; border-radius: 999px;
    background: var(--cx-accent-strong, var(--bit-clr-pri)); color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-family: var(--cx-label-font); font-size: var(--cx-size-cap); font-weight: 700; letter-spacing: .3px; flex-shrink: 0;
}

.user-menu[b-yse862bhwj] {
    position: absolute; top: 42px; right: 0; width: 236px;
    background: #fff; border: 1px solid var(--sh-border, #e6e8ec); border-radius: var(--cx-r-surface, 12px);
    box-shadow: var(--cx-shadow-pop);
    padding: 6px; z-index: 120;
}
.user-menu-head[b-yse862bhwj] {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 10px 10px; border-bottom: 1px solid var(--sh-border-soft, #eff1f4); margin-bottom: 5px;
}
.user-menu-head .user-avatar[b-yse862bhwj] { width: 34px; height: 34px; }
.user-meta[b-yse862bhwj] { min-width: 0; line-height: 1.3; }
.user-meta .user-name[b-yse862bhwj] { font-size: var(--cx-size-meta); font-weight: 600; color: var(--sh-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-meta .user-email[b-yse862bhwj] { font-size: var(--cx-size-cap); color: var(--sh-subtle); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.user-menu-item[b-yse862bhwj] {
    display: flex; align-items: center; gap: 10px; width: 100%;
    padding: 8px 10px; border: none; border-radius: 8px;
    background: transparent; color: var(--sh-text);
    font: inherit; font-size: var(--cx-size-body); font-weight: 500; cursor: pointer;
    text-align: left; text-decoration: none; box-sizing: border-box;
}
.user-menu-item:hover[b-yse862bhwj] { background: var(--sh-hover, #f7f8fa); }
.user-menu-item svg[b-yse862bhwj] { color: var(--sh-muted); }
.user-menu-item.danger[b-yse862bhwj] { color: var(--sh-danger); }
.user-menu-item.danger svg[b-yse862bhwj] { color: var(--sh-danger); }
.user-menu-sep[b-yse862bhwj] { height: 1px; background: var(--sh-border-soft, #eff1f4); margin: 5px 8px; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
[b-84hprb8e9s] *, *[b-84hprb8e9s] {
    box-sizing: border-box;
}

.app[b-84hprb8e9s] {
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    /* Shell tokens — resolve through the app's REAL tokens (tokens.css / Bit / tenant brand);
       the fallbacks only matter before the token sheets load. */
    --sh-bg: var(--bit-clr-bg-sec, #f7f8fa);
    --sh-panel: var(--bit-clr-bg-pri, #fff);
    --sh-text: var(--cx-text, #0e1116);
    --sh-muted: var(--cx-muted, #2b313d);
    --sh-subtle: var(--cx-subtle, #5c6470);
    --sh-faint: var(--cx-faint, #7f7f7f);
    --sh-border: var(--cx-border, #e6e8ec);
    --sh-border-soft: var(--cx-border-soft, #eff1f4);
    --sh-hover: var(--cx-row-hover, #f9fafb);
    --sh-danger: var(--cx-red, #8c1c1c);
    --sh-pri-soft: var(--cx-accent-soft);
    --sh-pri-ink: var(--cx-accent-text);
}

/* sidebar | (header over content) */
.app-shell[b-84hprb8e9s] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    position: relative;
}
.hamburger-toggle[b-84hprb8e9s] { display: none; }

.app-main[b-84hprb8e9s] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.app-content[b-84hprb8e9s] {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
    background: var(--sh-bg);
}

.main-content[b-84hprb8e9s] {
    width: 100%;
    padding: 1rem;
}

/* mobile: the sidebar is a drawer opened by the header's hamburger (checkbox) */
@media (max-width: 768px) {
    [b-84hprb8e9s] .app-shell > .hamburger-toggle:checked ~ .sidebar {
        display: flex;
        position: absolute;
        top: 0; left: 0; bottom: 0;
        z-index: 101;
        width: 82%; max-width: 300px;
        box-shadow: 0 12px 34px rgba(14, 17, 22, .24);
    }
}

@media (max-width: 1000px) {
    .main-content[b-84hprb8e9s] { padding: 1rem 0.5rem; }
}

#blazor-error-ui[b-84hprb8e9s] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-84hprb8e9s] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu - Copia.razor.rz.scp.css */
.navbar-toggler[b-jpy2p18u8w] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-jpy2p18u8w] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-jpy2p18u8w] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-jpy2p18u8w] {
    font-size: 1.1rem;
}

.bi[b-jpy2p18u8w] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-jpy2p18u8w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-jpy2p18u8w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-jpy2p18u8w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-jpy2p18u8w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-jpy2p18u8w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-jpy2p18u8w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-jpy2p18u8w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-jpy2p18u8w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-jpy2p18u8w] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-jpy2p18u8w] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-jpy2p18u8w] {
        padding-bottom: 1rem;
    }

    .nav-item[b-jpy2p18u8w]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-jpy2p18u8w]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-jpy2p18u8w]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-jpy2p18u8w] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-jpy2p18u8w] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-jpy2p18u8w] {
        display: none;
    }

    .nav-scrollable[b-jpy2p18u8w] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Sidebar — identity round 2026-09. Full-height white rail: brand, workspace card, New
   filing, the sections, firm settings and the collapse toggle. Shell tokens (--sh-*) come
   from MainLayout.razor.css. */

.sidebar[b-b98fejyisb] {
    width: 240px;
    background: var(--sh-panel, #fff);
    border-right: 1px solid var(--sh-border, #e6e8ec);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    transition: width .18s ease;
}

/* ── brand: the tenant mark on its primary tile + the tenant name, the product label under ── */
.brand[b-b98fejyisb] { display: flex; flex-direction: column; gap: 8px; padding: 20px 18px 0; text-decoration: none; color: inherit; }
.brand-row[b-b98fejyisb] { display: flex; align-items: center; gap: 10px; min-width: 0; }
/* the tenant's own wordmark (Nationwide) replaces the tile + name when expanded */
.brand-wordmark[b-b98fejyisb] { display: block; width: 176px; max-width: 100%; height: auto; }
.brand-row.mark-only[b-b98fejyisb] { display: none; }
.brand-mark[b-b98fejyisb] {
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: 34px; height: 34px; border-radius: 9px; background: var(--cx-accent-strong, var(--bit-clr-pri));
}
.brand-mark img[b-b98fejyisb] { width: 18px; height: 18px; display: block; }
.brand-name[b-b98fejyisb] { font-family: var(--cx-heading-font, var(--cx-label-font)); font-size: var(--cx-size-head); font-weight: var(--cx-heading-weight); letter-spacing: .01em; text-transform: var(--cx-heading-transform); color: var(--sh-text); line-height: 1.15; min-width: 0; }
.brand-label[b-b98fejyisb] {
    font-family: var(--cx-label-font); font-size: 8px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
    color: var(--sh-faint, #7f7f7f); padding-left: 2px;
}

/* ── workspace card ── */
.workspace[b-b98fejyisb] {
    display: flex; align-items: center; gap: 10px; margin: 18px 16px 0; padding: 10px 12px;
    border: 1px solid var(--sh-border, #e6e8ec); border-radius: 8px; background: var(--sh-bg, #f7f8fa); position: relative;
}
.workspace-tile[b-b98fejyisb] { width: 30px; height: 30px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; background: #eceef2; color: var(--sh-subtle, #5c6470); flex-shrink: 0; }
.workspace-text[b-b98fejyisb] { display: flex; flex-direction: column; min-width: 0; }
.workspace-text strong[b-b98fejyisb] { font-family: var(--cx-label-font); font-size: var(--cx-size-meta); font-weight: 700; color: var(--sh-text); line-height: 1.3; overflow-wrap: anywhere; }
.workspace-text small[b-b98fejyisb] { font-size: var(--cx-size-cap); color: var(--sh-subtle, #5c6470); }

/* ── New filing ── */
.new-filing[b-b98fejyisb] { margin: 14px 16px 0; position: relative; }

/* ── sections + items ── */
.sidebar-nav[b-b98fejyisb] { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 6px 0 12px; }

.nav-section[b-b98fejyisb] { margin-top: 14px; }
.nav-section-head[b-b98fejyisb] {
    display: flex; align-items: center; gap: 6px; height: 24px;
    width: calc(100% - 32px); margin: 0 16px 4px; padding: 0;
    background: none; border: none; cursor: pointer;
    font-family: var(--cx-label-font); font-size: var(--cx-label-size, 12px); font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase; color: var(--sh-faint, #7f7f7f);
}
.nav-section-head:hover[b-b98fejyisb] { color: var(--sh-muted); }
.nav-section-head .nav-section-chev[b-b98fejyisb] { margin-left: auto; display: flex; transition: transform .15s; }
.nav-section.closed .nav-section-head .nav-section-chev[b-b98fejyisb] { transform: rotate(-90deg); }
.nav-section.closed .nav-item[b-b98fejyisb] { display: none; }

.nav-item[b-b98fejyisb] {
    display: flex; align-items: center; gap: 10px;
    height: 38px; width: calc(100% - 20px); margin: 1px 10px; padding: 0 12px;
    border-radius: 8px; border: none; background: transparent;
    color: var(--sh-subtle, #5c6470);
    font-family: var(--cx-label-font); font-size: var(--cx-size-body); font-weight: 600;
    cursor: pointer; position: relative; text-align: left; text-decoration: none;
}
.nav-item:hover[b-b98fejyisb] { background: var(--sh-hover, #f7f8fa); color: var(--sh-text); }
.nav-item .nav-label[b-b98fejyisb] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* identity: soft primary fill + an inset 3px primary bar */
.nav-item.active[b-b98fejyisb] { background: var(--sh-pri-soft); color: var(--sh-pri-ink); font-weight: 700; box-shadow: inset 3px 0 0 var(--bit-clr-pri); }
.nav-count[b-b98fejyisb] { display: inline-flex; margin-left: auto; }

/* ── footer + collapse toggle ── */
.sidebar-footer[b-b98fejyisb] { border-top: 1px solid var(--sh-border-soft, #eff1f4); padding: 8px 0 6px; flex-shrink: 0; }
.sidebar-toggle[b-b98fejyisb] {
    display: flex; align-items: center; gap: 10px; height: 40px; width: 100%;
    padding: 0 22px; border: none; border-top: 1px solid var(--sh-border-soft, #eff1f4);
    background: transparent; color: var(--sh-subtle, #5c6470);
    font: inherit; font-size: var(--cx-size-meta); font-weight: 500; cursor: pointer; position: relative;
}
.sidebar-toggle:hover[b-b98fejyisb] { color: var(--sh-text); background: var(--sh-hover); }

/* ── collapsed rail (64px): mark, initials tile, icon button, icons with tooltips ── */
.sidebar.collapsed[b-b98fejyisb] { width: 64px; }
.sidebar.collapsed .brand[b-b98fejyisb] { align-items: center; padding: 18px 0 0; }
.sidebar.collapsed .brand-name[b-b98fejyisb], .sidebar.collapsed .brand-label[b-b98fejyisb] { display: none; }
.sidebar.collapsed .brand-wordmark[b-b98fejyisb] { display: none; }
.sidebar.collapsed .brand-row.mark-only[b-b98fejyisb] { display: flex; }
.sidebar.collapsed .workspace[b-b98fejyisb] { margin: 14px 15px 0; padding: 0; border: none; background: none; justify-content: center; }
.sidebar.collapsed .workspace-text[b-b98fejyisb] { display: none; }
.sidebar.collapsed .new-filing[b-b98fejyisb] { margin: 12px 12px 0; }
.sidebar.collapsed .new-filing[b-b98fejyisb]  .btn { padding: 0; width: 40px; }
.sidebar.collapsed .new-filing[b-b98fejyisb]  .btn .label { display: none; }
.sidebar.collapsed .sidebar-nav[b-b98fejyisb] { overflow: visible; }
.sidebar.collapsed .nav-item[b-b98fejyisb] { width: 44px; margin: 2px 10px; justify-content: center; padding: 0; }
.sidebar.collapsed .nav-item .nav-label[b-b98fejyisb], .sidebar.collapsed .nav-count[b-b98fejyisb] { display: none; }
.nav-dot[b-b98fejyisb] { display: none; }
.sidebar.collapsed .nav-item .nav-dot[b-b98fejyisb] { display: block; position: absolute; top: 7px; right: 9px; width: 7px; height: 7px; border-radius: 999px; background: var(--bit-clr-pri); }
.sidebar.collapsed .nav-section[b-b98fejyisb] { margin-top: 6px; }
.sidebar.collapsed .nav-section-head[b-b98fejyisb] {
    height: 0; margin: 9px 14px 8px; padding: 0; border-top: 1px solid var(--sh-border, #e6e8ec);
    width: calc(100% - 28px); pointer-events: none; overflow: hidden;
}
.sidebar.collapsed .nav-section-head span[b-b98fejyisb], .sidebar.collapsed .nav-section-head .nav-section-chev[b-b98fejyisb] { display: none; }
.sidebar.collapsed .sidebar-toggle[b-b98fejyisb] { justify-content: center; padding: 0; }
.sidebar.collapsed .sidebar-toggle span[b-b98fejyisb] { display: none; }

/* CSS-only tooltips on the collapsed rail */
.sidebar.collapsed [data-tip][b-b98fejyisb]::after {
    content: attr(data-tip);
    position: absolute; left: calc(100% + 10px); top: 50%; transform: translateY(-50%);
    background: var(--sh-text, #0e1116); color: #fff; font-family: var(--cx-font); font-size: var(--cx-size-meta); font-weight: 500;
    padding: 5px 10px; border-radius: 6px; white-space: nowrap;
    opacity: 0; pointer-events: none; transition: opacity .12s; z-index: 60;
}
.sidebar.collapsed [data-tip]:hover[b-b98fejyisb]::after { opacity: 1; }

/* ── mobile: hidden by default; the hamburger opens it as a drawer (MainLayout). Collapse
   is a desktop concept — the drawer always renders expanded. ── */
@media (max-width: 768px) {
    .sidebar[b-b98fejyisb] { display: none; }
    .sidebar-toggle[b-b98fejyisb] { display: none; }
    .sidebar.collapsed .brand[b-b98fejyisb] { align-items: stretch; padding: 20px 18px 0; }
    .sidebar.collapsed .brand-name[b-b98fejyisb], .sidebar.collapsed .brand-label[b-b98fejyisb] { display: block; }
    .sidebar.collapsed .brand-wordmark[b-b98fejyisb] { display: block; }
    .sidebar.collapsed .brand-row.mark-only[b-b98fejyisb] { display: none; }
    .sidebar.collapsed .workspace[b-b98fejyisb] { margin: 18px 16px 0; padding: 10px 12px; border: 1px solid var(--sh-border); background: var(--sh-bg); justify-content: flex-start; }
    .sidebar.collapsed .workspace-text[b-b98fejyisb] { display: flex; }
    .sidebar.collapsed .new-filing[b-b98fejyisb] { margin: 14px 16px 0; }
    .sidebar.collapsed .new-filing[b-b98fejyisb]  .btn { padding: 0 14px; width: 100%; }
    .sidebar.collapsed .new-filing[b-b98fejyisb]  .btn .label { display: inline-flex; }
    .sidebar.collapsed .nav-item[b-b98fejyisb] { width: calc(100% - 20px); margin: 1px 10px; justify-content: flex-start; padding: 0 12px; }
    .sidebar.collapsed .nav-item .nav-label[b-b98fejyisb], .sidebar.collapsed .nav-count[b-b98fejyisb] { display: inline-flex; }
    .sidebar.collapsed .nav-item .nav-dot[b-b98fejyisb] { display: none; }
    .sidebar.collapsed .nav-section[b-b98fejyisb] { margin-top: 14px; }
    .sidebar.collapsed .nav-section-head[b-b98fejyisb] { height: 24px; margin: 0 16px 4px; border-top: none; width: calc(100% - 32px); pointer-events: auto; overflow: visible; }
    .sidebar.collapsed .nav-section-head span[b-b98fejyisb], .sidebar.collapsed .nav-section-head .nav-section-chev[b-b98fejyisb] { display: flex; }
    .sidebar.collapsed [data-tip][b-b98fejyisb]::after { display: none; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-zmrafllqw1],
.components-reconnect-repeated-attempt-visible[b-zmrafllqw1],
.components-reconnect-failed-visible[b-zmrafllqw1],
.components-pause-visible[b-zmrafllqw1],
.components-resume-failed-visible[b-zmrafllqw1],
.components-rejoining-animation[b-zmrafllqw1] {
	display: none;
}

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


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

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

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

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

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

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

	100% {
		opacity: 1;
	}
}

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

	100% {
		opacity: 0;
	}
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-zmrafllqw1 {
	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/ModalCloseButton.razor.rz.scp.css */
.modal-close-btn[b-u9atkzgw5i] {
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background: #fff;
    border: 1px solid #e7e5e4;
    color: #57534e;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

    .modal-close-btn:hover[b-u9atkzgw5i] {
        background: #fafaf9;
        color: #1c1917;
        border-color: #d6d3d1;
    }
/* /Components/NumberField.razor.rz.scp.css */
.form-field[b-ozzha5xvyg] {
    margin-bottom: 1rem;
}

/* width cap is a NumberField layout trait; the skin (border/focus/disabled)
   comes from the global `.form-input` anatomy in app.css. */
.form-input[b-ozzha5xvyg] {
    max-width: 28rem;
}

/* .form-hint styling comes from the global FORMS block in app.css */
/* /Components/Pages/CourtDirectory.razor.rz.scp.css */
/* Court directory — layout only; type and color come from the global tokens. Class names are
   court-specific on purpose: generic ones (.grid, .card) collide with global rules in app.css. */
.directory[b-hjpdbg6yqg] { container: directory / inline-size; font-family: var(--cx-font); color: var(--cx-text); }
.wrap[b-hjpdbg6yqg] { padding: 30px 32px 56px; max-width: 1600px; }
@container directory (min-width: 1200px) { .wrap[b-hjpdbg6yqg] { padding: 36px 42px 56px; } }
@container directory (max-width: 619px) { .wrap[b-hjpdbg6yqg] { padding: 23px 16px 48px; } }

.court-grid[b-hjpdbg6yqg] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 8px; }
@container directory (max-width: 1099px) { .court-grid[b-hjpdbg6yqg] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container directory (max-width: 699px) { .court-grid[b-hjpdbg6yqg] { grid-template-columns: minmax(0, 1fr); } }

.court-profile[b-hjpdbg6yqg] { display: flex; flex-direction: column; padding: 22px 24px 24px; height: 100%; }
.court-name[b-hjpdbg6yqg] { margin: 10px 0 0; font-size: var(--cx-size-head); font-family: var(--cx-heading-font); font-weight: var(--cx-heading-weight); text-transform: var(--cx-heading-transform); letter-spacing: var(--cx-heading-track); line-height: var(--cx-heading-lh); color: var(--cx-text); }
.court-full[b-hjpdbg6yqg] { margin: 6px 0 0; font-size: var(--cx-size-body); color: var(--cx-muted); }

.court-facts[b-hjpdbg6yqg] { margin: 16px 0 0; }
.court-facts .fact[b-hjpdbg6yqg] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--cx-border); }
.court-facts dt[b-hjpdbg6yqg] { font-size: var(--cx-size-meta); color: var(--cx-subtle); }
.court-facts dd[b-hjpdbg6yqg] { margin: 0; font-size: var(--cx-size-meta); font-weight: 600; color: var(--cx-text); text-align: right; }
.court-facts .none[b-hjpdbg6yqg] { font-weight: 400; color: var(--cx-subtle); }

.court-note[b-hjpdbg6yqg] { margin: 14px 0 18px; font-size: var(--cx-size-cap); color: var(--cx-subtle); line-height: 1.5; text-wrap: pretty; }
.court-action[b-hjpdbg6yqg] { margin-top: auto; }

.court-skeleton[b-hjpdbg6yqg] { background: var(--cx-panel); border: 1px solid var(--cx-border); border-radius: var(--cx-r-surface); padding: 22px 24px; display: flex; flex-direction: column; }
/* /Components/Pages/DailyFeesReports.razor.rz.scp.css */
/* Fees & reports — layout only. Type, color, controls and tables come from the global
   tokens (courts-admin.css / app.css) and the shared components. */
.fees[b-lfbwtxke78] { container: fees / inline-size; font-family: var(--cx-font); color: var(--cx-text); }
.wrap[b-lfbwtxke78] { padding: 30px 32px 56px; max-width: 1600px; }
@container fees (min-width: 1200px) { .wrap[b-lfbwtxke78] { padding: 36px 42px 56px; } }
@container fees (max-width: 619px) { .wrap[b-lfbwtxke78] { padding: 23px 16px 48px; } }

.scope-row[b-lfbwtxke78] { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; flex-wrap: wrap; }

.summary[b-lfbwtxke78] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 12px 0 24px; }
@container fees (max-width: 759px) { .summary[b-lfbwtxke78] { grid-template-columns: minmax(0, 1fr); } }
.stat[b-lfbwtxke78] { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px 16px; background: var(--cx-panel); border: 1px solid var(--cx-border); border-radius: var(--cx-r-surface); box-shadow: var(--cx-shadow-card); }
.stat-label[b-lfbwtxke78] { font-family: var(--cx-label-font); font-weight: var(--cx-label-weight); font-size: var(--cx-size-meta); color: var(--cx-label-color); text-transform: uppercase; letter-spacing: .04em; }
.stat-value[b-lfbwtxke78] { font-size: var(--cx-size-figure-sm); line-height: 1.15; margin-top: 2px; }
.stat-foot[b-lfbwtxke78] { font-size: var(--cx-size-cap); color: var(--cx-subtle); }
.t-ok[b-lfbwtxke78] { color: var(--cx-green); }
.t-warn[b-lfbwtxke78] { color: var(--cx-amber); }

.filters[b-lfbwtxke78] { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; margin: 0 0 22px; }
.filter[b-lfbwtxke78] { min-width: 180px; flex: 0 1 220px; }

.lower[b-lfbwtxke78] { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 22px; align-items: start; }
@container fees (max-width: 1099px) { .lower[b-lfbwtxke78] { grid-template-columns: minmax(0, 1fr); } }

.table-scroll[b-lfbwtxke78] { overflow-x: auto; }
.cx-table[b-lfbwtxke78] { width: 100%; border-collapse: collapse; font-size: var(--cx-size-body); }
.cx-table th[b-lfbwtxke78] { text-align: left; font-family: var(--cx-label-font); font-weight: var(--cx-label-weight); font-size: var(--cx-size-cap); color: var(--cx-label-color); text-transform: uppercase; letter-spacing: .04em; padding: 10px 16px; border-bottom: 1px solid var(--cx-border); white-space: nowrap; }
.cx-table td[b-lfbwtxke78] { padding: 11px 16px; border-bottom: 1px solid var(--cx-border); vertical-align: middle; }
.cx-table tbody tr:last-child td[b-lfbwtxke78] { border-bottom: 0; }
.cx-table tbody tr:hover td[b-lfbwtxke78] { background: var(--cx-row-hover); }
.cx-table tfoot td[b-lfbwtxke78] { font-family: var(--cx-data-font); font-weight: var(--cx-data-weight); border-top: 1px solid var(--cx-border); border-bottom: 0; }
.cx-table .num[b-lfbwtxke78] { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cx-table .act[b-lfbwtxke78] { text-align: right; width: 1%; white-space: nowrap; }
.cx-table .mono[b-lfbwtxke78] { font-family: var(--cx-mono); font-size: var(--cx-size-meta); }
.cx-table .day[b-lfbwtxke78] { font-family: var(--cx-data-font); font-weight: var(--cx-data-weight); white-space: nowrap; }
.cx-table .case[b-lfbwtxke78] { max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cx-table a[b-lfbwtxke78] { color: var(--cx-text); text-decoration: underline; text-decoration-color: var(--cx-border); text-underline-offset: 3px; }
.est[b-lfbwtxke78] { margin-left: 6px; font-size: var(--cx-size-cap); color: var(--cx-subtle); }

.breakdown-facts[b-lfbwtxke78] { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--cx-border); font-size: var(--cx-size-meta); color: var(--cx-text); }
.breakdown-facts b[b-lfbwtxke78] { font-family: var(--cx-label-font); font-weight: var(--cx-label-weight); color: var(--cx-label-color); margin-right: 4px; }

.muted[b-lfbwtxke78] { color: var(--cx-subtle); }
.pad[b-lfbwtxke78] { padding: 18px 16px; margin: 0; }
.aside-text[b-lfbwtxke78] { margin: 0 0 14px; font-size: var(--cx-size-body); color: var(--cx-subtle); line-height: 1.5; text-wrap: pretty; }
.sr-only[b-lfbwtxke78] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* Dashboard — page layout only. Every zone is its own component with its own stylesheet;
   this file owns the frame, the zone grid and the width tiers (container queries on the
   page, so the layout follows the content width, not the viewport). */

.dashboard[b-b8r6xn1750] { container: dashboard / inline-size; font-family: var(--cx-font); color: var(--cx-text); }

/* Padding lives on the inner wrap (a container query cannot restyle its own container).
   Left-anchored, never centered; content stops growing at 1600px. */
/* Centered on wide screens like the owner's proposal (max 1600px, margin auto). Note: an
   exception to the left-anchored page frame — only the dashboard does this. */
.wrap[b-b8r6xn1750] { padding: 30px 32px 56px; max-width: 1600px; margin-inline: auto; }
@container dashboard (min-width: 1200px) { .wrap[b-b8r6xn1750] { padding: 36px 42px 56px; } }
@container dashboard (max-width: 619px) { .wrap[b-b8r6xn1750] { padding: 23px 16px 48px; } }

.wrap[b-b8r6xn1750]  .cx-intro { margin-bottom: 18px; }
.load-notice[b-b8r6xn1750] { margin: -6px 0 12px; font-size: var(--cx-size-cap); color: var(--cx-muted); }

/* zone spacing: kicker → cards → queue/rail → kicker → performance */
.wrap[b-b8r6xn1750]  .kicker-row { margin-bottom: 14px; }
.main[b-b8r6xn1750] { display: grid; grid-template-columns: minmax(0, 1fr) 315px; gap: 22px; align-items: start; margin-top: 24px; }
.rail[b-b8r6xn1750] { display: flex; flex-direction: column; gap: 17px; min-width: 0; }
.main[b-b8r6xn1750] +  .kicker-row { margin-top: 28px; }
.performance[b-b8r6xn1750] { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 22px; align-items: stretch; }

/* width tiers */
@container dashboard (max-width: 1149px) { .main[b-b8r6xn1750] { grid-template-columns: minmax(0, 1fr) 280px; } }
@container dashboard (max-width: 899px) {
    .main[b-b8r6xn1750] { grid-template-columns: minmax(0, 1fr); }
    /* the rail drops under the queue: activity | note side by side */
    .rail[b-b8r6xn1750] { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 20px; }
}
@container dashboard (max-width: 759px) { .performance[b-b8r6xn1750] { grid-template-columns: minmax(0, 1fr); } }
@container dashboard (max-width: 619px) {
    .main[b-b8r6xn1750] { gap: 16px; }
    .rail[b-b8r6xn1750] { display: flex; }
    .performance[b-b8r6xn1750] { gap: 16px; }
}

/* skeletons the page draws itself (the components draw their own) */
.chart-skel[b-b8r6xn1750] { padding: 4px 22px 20px; }
/* /Components/Pages/FaqItem.razor.rz.scp.css */
* FAQ Items */
.faq-list[b-poga33zee0] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.faq-item[b-poga33zee0] {
    border: 1px solid var(--gray-200);
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease;
}

    .faq-item:hover[b-poga33zee0] {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }

.faq-question[b-poga33zee0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background-color: var(--gray-50);
    cursor: pointer;
}

.faq-question-content[b-poga33zee0] {
    font-weight: 500;
    display: flex;
    align-items: center;
}

.question-icon[b-poga33zee0] {
    margin-right: 0.75rem;
    padding: 0.375rem;
    border-radius: 50%;
    background-color: var(--gray-100);
    color: var(--gray-500);
    transition: all 0.2s ease;
}

.question-icon-active[b-poga33zee0] {
    margin-right: 0.75rem;
    padding: 0.375rem;
    border-radius: 50%;
    background-color: var(--indigo-100);
    color: var(--indigo-600);
    transition: all 0.2s ease;
}

.chevron[b-poga33zee0] {
    padding: 0.375rem;
    border-radius: 50%;
    background-color: var(--gray-100);
    color: var(--gray-500);
    transition: all 0.2s ease;
}

.chevron-active[b-poga33zee0] {
    padding: 0.375rem;
    border-radius: 50%;
    background-color: var(--indigo-100);
    color: var(--indigo-600);
    transform: rotate(90deg);
    transition: all 0.2s ease;
}

.faq-answer[b-poga33zee0] {
    padding: 1rem;
    color: var(--gray-600);
    background-color: var(--white);
    border-top: 1px solid var(--gray-100);
}
/* /Components/Pages/OcAuditReports.razor.rz.scp.css */
.page-container[b-r4mcnn4tpe] {
    padding: 2rem;
    margin: 0 auto;
}

.page-header[b-r4mcnn4tpe] {
    margin-bottom: 2rem;
}

    .page-header h3[b-r4mcnn4tpe] {
        font-size: 1.75rem;
        font-weight: 600;
        color: #1a1a1a;
        margin: 0;
    }

/* Filters */
.filters-section[b-r4mcnn4tpe] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.filter-group[b-r4mcnn4tpe] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 150px;
}

.filter-label[b-r4mcnn4tpe] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

/* Reports card */
.reports-card[b-r4mcnn4tpe] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 2rem;
}

.reports-header[b-r4mcnn4tpe] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #f3f4f6;
}

    .reports-header h5[b-r4mcnn4tpe] {
        margin: 0;
        font-size: 1.125rem;
        font-weight: 600;
        color: #1a1a1a;
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

.row-count[b-r4mcnn4tpe] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b7280;
    text-transform: none;
    letter-spacing: normal;
}

.reports-body[b-r4mcnn4tpe] {
    padding: 1.5rem;
}

.reports-table-container[b-r4mcnn4tpe] {
    overflow-x: auto;
}

.reports-table[b-r4mcnn4tpe] {
    width: 100%;
    border-collapse: collapse;
}

    .reports-table thead th[b-r4mcnn4tpe] {
        text-align: left;
        padding: 0.75rem 1rem;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        color: #6b7280;
        letter-spacing: 0.05em;
        border-bottom: 1px solid #f3f4f6;
        white-space: nowrap;
    }

        .reports-table thead th.num[b-r4mcnn4tpe] {
            text-align: right;
        }

    .reports-table tbody tr[b-r4mcnn4tpe] {
        border-bottom: 1px solid #f3f4f6;
        transition: background-color 0.15s;
    }

        .reports-table tbody tr:hover[b-r4mcnn4tpe] {
            background-color: #f9fafb;
        }

        .reports-table tbody tr.selected-row[b-r4mcnn4tpe] {
            background-color: #eff6ff;
        }

    .reports-table tbody td[b-r4mcnn4tpe] {
        padding: 1rem;
        font-size: 0.875rem;
        color: #374151;
    }

        .reports-table tbody td.num[b-r4mcnn4tpe] {
            text-align: right;
            font-variant-numeric: tabular-nums;
        }

        .reports-table tbody td.mono[b-r4mcnn4tpe] {
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            font-size: 0.8125rem;
        }

.amount-success[b-r4mcnn4tpe] {
    color: #10b981;
    font-weight: 600;
}

.actions-cell[b-r4mcnn4tpe] {
    white-space: nowrap;
    display: flex;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.loading-text[b-r4mcnn4tpe] {
    color: #6b7280;
    font-size: 0.875rem;
}

.empty-state[b-r4mcnn4tpe] {
    color: #9ca3af;
    font-size: 0.875rem;
    text-align: center;
    padding: 2rem;
}

/* Details card */
.details-card[b-r4mcnn4tpe] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 2rem;
}

.details-header[b-r4mcnn4tpe] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #f3f4f6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

    .details-header h5[b-r4mcnn4tpe] {
        margin: 0;
        font-size: 1.125rem;
        font-weight: 600;
        color: #1a1a1a;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        flex-wrap: wrap;
    }

.btn-close[b-r4mcnn4tpe] {
    padding: 0.5rem 1rem;
    background: transparent;
    color: #6b7280;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

    .btn-close:hover[b-r4mcnn4tpe] {
        background: #f9fafb;
        border-color: #d1d5db;
    }

.details-body[b-r4mcnn4tpe] {
    padding: 1.5rem;
}

.details-info[b-r4mcnn4tpe] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f9fafb;
    border-radius: 8px;
}

.info-item[b-r4mcnn4tpe] {
    font-size: 0.875rem;
    color: #374151;
}

    .info-item strong[b-r4mcnn4tpe] {
        color: #1a1a1a;
        margin-right: 0.5rem;
    }

.details-actions[b-r4mcnn4tpe] {
    margin-left: auto;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Per case-type section */
.section-block[b-r4mcnn4tpe] {
    margin-bottom: 1.5rem;
    border: 1px solid #f3f4f6;
    border-radius: 8px;
    overflow: hidden;
}

.section-block-header[b-r4mcnn4tpe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.875rem 1rem;
    background: #f9fafb;
    border-bottom: 1px solid #f3f4f6;
    flex-wrap: wrap;
}

    .section-block-header h6[b-r4mcnn4tpe] {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        color: #1a1a1a;
    }

.section-totals[b-r4mcnn4tpe] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.details-table-container[b-r4mcnn4tpe] {
    overflow-x: auto;
}

.details-table[b-r4mcnn4tpe] {
    width: 100%;
    border-collapse: collapse;
}

    .details-table thead th[b-r4mcnn4tpe] {
        text-align: left;
        padding: 0.75rem 1rem;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        color: #6b7280;
        letter-spacing: 0.05em;
        border-bottom: 1px solid #f3f4f6;
        white-space: nowrap;
    }

        .details-table thead th.num[b-r4mcnn4tpe] {
            text-align: right;
        }

    .details-table tbody tr[b-r4mcnn4tpe] {
        border-bottom: 1px solid #f3f4f6;
    }

        .details-table tbody tr.row-rejected[b-r4mcnn4tpe] {
            background-color: #fef2f2;
        }

        .details-table tbody tr.row-unsettled[b-r4mcnn4tpe] {
            background-color: #fffbeb;
        }

        .details-table tbody tr.reason-row[b-r4mcnn4tpe] {
            background-color: #fef2f2;
            border-bottom: 1px solid #fecaca;
        }

    .details-table tbody td[b-r4mcnn4tpe] {
        padding: 0.875rem 1rem;
        font-size: 0.875rem;
        color: #374151;
    }

        .details-table tbody td.num[b-r4mcnn4tpe] {
            text-align: right;
            font-variant-numeric: tabular-nums;
        }

        .details-table tbody td.mono[b-r4mcnn4tpe] {
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            font-size: 0.8125rem;
        }

.reason-cell[b-r4mcnn4tpe] {
    font-size: 0.8125rem;
    color: #991b1b;
    padding: 0.5rem 1rem !important;
}

.case-text[b-r4mcnn4tpe] {
    max-width: 220px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .case-text:hover[b-r4mcnn4tpe] {
        max-width: none;
        white-space: normal;
    }

@media (max-width: 768px) {
    .page-container[b-r4mcnn4tpe] {
        padding: 1rem;
    }

    .filters-section[b-r4mcnn4tpe] {
        flex-direction: column;
    }

    .filter-group[b-r4mcnn4tpe] {
        width: 100%;
    }

    .actions-cell[b-r4mcnn4tpe] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/RecordingStatusList.razor.rz.scp.css */
/* Global styles */
.min-h-screen[b-7hqgsdh2ui] {
    min-height: 100vh;
}

.bg-gray-light[b-7hqgsdh2ui] {
    background-color: #f9fafb;
}

.container[b-7hqgsdh2ui] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Header styles */
.header[b-7hqgsdh2ui] {
    background-color: white;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 1rem;
}

.header-content[b-7hqgsdh2ui] {
    display: flex;
    justify-content: space-between;
}

.header-left[b-7hqgsdh2ui] {
    display: flex;
    align-items: center;
}

.logo[b-7hqgsdh2ui] {
    font-size: 1.25rem;
    font-weight: bold;
    color: #111827;
}

.main-nav[b-7hqgsdh2ui] {
    margin-left: 2rem;
    display: flex;
    gap: 1rem;
}

.nav-link[b-7hqgsdh2ui] {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
    text-decoration: none;
}

    .nav-link.active[b-7hqgsdh2ui] {
        color: #4f46e5;
        border-bottom: 2px solid #4f46e5;
    }

.header-right[b-7hqgsdh2ui] {
    display: flex;
    align-items: center;
}

.court-badge[b-7hqgsdh2ui] {
    padding: 0.25rem 0.75rem;
    background-color: #d1fae5;
    color: #065f46;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
}

/* Main content styles */
.main-content[b-7hqgsdh2ui] {
    padding: 1rem;
}

.page-title[b-7hqgsdh2ui] {
    font-size: 1.5rem;
    font-weight: bold;
    color: #111827;
    margin-bottom: 1.5rem;
}

/* Card styles */
.card[b-7hqgsdh2ui] {
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
    padding: 1.5rem;
}

.card-title[b-7hqgsdh2ui] {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

/* Stats grid */
.stats-grid[b-7hqgsdh2ui] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .stats-grid[b-7hqgsdh2ui] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.stat-card[b-7hqgsdh2ui] {
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
}

.stat-primary[b-7hqgsdh2ui] {
    background-color: color-mix(in srgb, var(--bit-clr-pri), white 80%);
}

.stat-success[b-7hqgsdh2ui] {
    background-color: color-mix(in srgb, var(--bit-clr-suc), white 80%);
}

.stat-warning[b-7hqgsdh2ui] {
    background-color: color-mix(in srgb, var(--bit-clr-wrn), white 80%);
}

.stat-severe-warning[b-7hqgsdh2ui] {
    background-color: color-mix(in srgb, var(--bit-clr-swr), white 80%);
}

.stat-error[b-7hqgsdh2ui] {
    background-color: color-mix(in srgb, var(--bit-clr-err), white 80%);
}

.stat-info[b-7hqgsdh2ui] {
    background-color: color-mix(in srgb, var(--bit-clr-inf), white 80%);
}

.stat-icon-container[b-7hqgsdh2ui] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    border-radius: 0.375rem;
}

.primary[b-7hqgsdh2ui] {
    background-color: var(--bit-clr-pri);
}

.success[b-7hqgsdh2ui] {
    background-color: var(--bit-clr-suc);
}

.warning[b-7hqgsdh2ui] {
    background-color: var(--bit-clr-wrn);
}

.severe-warning[b-7hqgsdh2ui] {
    background-color: var(--bit-clr-swr);
}

.error[b-7hqgsdh2ui] {
    background-color: var(--bit-clr-err);
}

.info[b-7hqgsdh2ui] {
    background-color: var(--bit-clr-inf);
}

.stat-content[b-7hqgsdh2ui] {
    margin-left: 1rem;
}

.stat-label[b-7hqgsdh2ui] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
}

.stat-value[b-7hqgsdh2ui] {
    font-size: 1.5rem;
    font-weight: 600;
}

/* Filter grid */
.filter-grid[b-7hqgsdh2ui] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .filter-grid[b-7hqgsdh2ui] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Search container */
.search-container[b-7hqgsdh2ui] {
    position: relative;
}

.search-icon-wrapper[b-7hqgsdh2ui] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding-left: 0.75rem;
    display: flex;
    align-items: center;
    pointer-events: none;
}

.search-icon[b-7hqgsdh2ui] {
    height: 1.25rem;
    width: 1.25rem;
    color: #9ca3af;
}

.search-input[b-7hqgsdh2ui] {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem 0.5rem 2.5rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    font-size: 0.875rem;
}

    .search-input:focus[b-7hqgsdh2ui] {
        outline: none;
        border-color: #4f46e5;
        box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.25);
    }

/* Date range */
.date-range[b-7hqgsdh2ui] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .date-input:focus[b-7hqgsdh2ui] {
        outline: none;
        border-color: #4f46e5;
        box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.25);
    }

/* Status filter */
.status-filter[b-7hqgsdh2ui] {
    display: flex;
    gap: 1rem;
}

.select-input[b-7hqgsdh2ui] {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    font-size: 0.875rem;
    background-color: white;
}

    .select-input:focus[b-7hqgsdh2ui] {
        outline: none;
        border-color: #4f46e5;
        box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.25);
    }

/* Buttons */
.btn[b-7hqgsdh2ui] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
}

    .btn:disabled[b-7hqgsdh2ui] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.btn-icon[b-7hqgsdh2ui] {
    height: 1rem;
    width: 1rem;
    margin-right: 0.5rem;
}

.btn-icon-inline[b-7hqgsdh2ui] {
    height: 1rem;
    width: 1rem;
    margin-right: 0.25rem;
    display: inline-block;
    vertical-align: text-bottom;
}

.btn-primary[b-7hqgsdh2ui] {
    background-color: #4f46e5;
    color: white;
    border: 1px solid transparent;
}

    .btn-primary:hover:not(:disabled)[b-7hqgsdh2ui] {
        background-color: #4338ca;
    }

.btn-secondary[b-7hqgsdh2ui] {
    background-color: white;
    color: #374151;
    border: 1px solid #d1d5db;
}

    .btn-secondary:hover:not(:disabled)[b-7hqgsdh2ui] {
        background-color: #f9fafb;
    }

.btn-outline-primary[b-7hqgsdh2ui] {
    background-color: #eef2ff;
    color: #4f46e5;
    border: none;
}

    .btn-outline-primary:hover:not(:disabled)[b-7hqgsdh2ui] {
        background-color: #e0e7ff;
    }

.btn-outline-danger[b-7hqgsdh2ui] {
    background-color: #fee2e2;
    color: #b91c1c;
    border: none;
}

    .btn-outline-danger:hover:not(:disabled)[b-7hqgsdh2ui] {
        background-color: #fecaca;
    }

/* Selected bar */
.selected-bar[b-7hqgsdh2ui] {
    background-color: #eef2ff;
    border: 1px solid #e0e7ff;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.selected-count[b-7hqgsdh2ui] {
    font-weight: 500;
    color: #4338ca;
}

.selected-actions[b-7hqgsdh2ui] {
    display: flex;
    gap: 0.75rem;
}

/* Table styles */
.table-container[b-7hqgsdh2ui] {
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.data-table[b-7hqgsdh2ui] {
    min-width: 100%;
    border-collapse: collapse;
}

    .data-table th[b-7hqgsdh2ui] {
        padding: 0.75rem 1.5rem;
        text-align: left;
        font-size: 0.75rem;
        font-weight: 500;
        color: #6b7280;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        background-color: #f9fafb;
    }

    .data-table td[b-7hqgsdh2ui] {
        padding: 1rem 1.5rem;
        white-space: nowrap;
    }

.checkbox[b-7hqgsdh2ui] {
    height: 1rem;
    width: 1rem;
    color: #4f46e5;
    border: 1px solid #d1d5db;
    border-radius: 0.25rem;
}

.expand-button[b-7hqgsdh2ui] {
    color: #9ca3af;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

    .expand-button:hover[b-7hqgsdh2ui] {
        color: #6b7280;
    }

.expand-icon[b-7hqgsdh2ui] {
    height: 1.25rem;
    width: 1.25rem;
}

.cell-case-number[b-7hqgsdh2ui] {
    font-weight: 500;
    color: #111827;
}

.cell-text[b-7hqgsdh2ui] {
    color: #6b7280;
}

.status-badge[b-7hqgsdh2ui] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-accepted[b-7hqgsdh2ui] {
    background-color: #d1fae5;
    color: #065f46;
}

.status-review[b-7hqgsdh2ui] {
    background-color: #fef3c7;
    color: #92400e;
}

/* Row styles */
.row-even[b-7hqgsdh2ui] {
    background-color: white;
}

    .row-even:hover[b-7hqgsdh2ui] {
        background-color: #f9fafb;
    }

.row-odd[b-7hqgsdh2ui] {
    background-color: #f9fafb;
}

    .row-odd:hover[b-7hqgsdh2ui] {
        background-color: #f3f4f6;
    }

/* Expanded row */
.expanded-row[b-7hqgsdh2ui] {
    background-color: #eef2ff;
}

.expanded-content[b-7hqgsdh2ui] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    padding: 1rem 0;
}

.detail-heading[b-7hqgsdh2ui] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
}

.detail-list[b-7hqgsdh2ui] {
    margin-top: 0.5rem;
}

.detail-item[b-7hqgsdh2ui] {
    margin-top: 0.25rem;
}

.detail-term[b-7hqgsdh2ui] {
    display: inline;
    font-weight: 500;
    color: #6b7280;
}

.detail-desc[b-7hqgsdh2ui] {
    display: inline;
    margin-left: 0.25rem;
    color: #111827;
}

.action-buttons[b-7hqgsdh2ui] {
    margin-top: 0.5rem;
    display: flex;
    gap: 0.5rem;
}

/* Helper classes */
.sr-only[b-7hqgsdh2ui] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
/* /Components/Pages/Reports.razor.rz.scp.css */
.container[b-t1weyo1iry] {
    max-width: unset;
}

.header[b-t1weyo1iry] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.header-title[b-t1weyo1iry] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--bit-clr-fg-pri);
}

.content-card[b-t1weyo1iry] {
    padding: 1rem;
}

[b-t1weyo1iry] .form-container {
    display: flex;
    align-items: end;
    gap: 1rem;
}

.logo[b-t1weyo1iry] {
    height: 24px;
    gap: 0.75rem;
}

.table-container[b-t1weyo1iry] {
    font-size: var(--cx-size-cap);
    padding-bottom: 1rem;
}

.error-message[b-t1weyo1iry]{
    text-align: center;
}

[b-t1weyo1iry] .form-item {
    min-width: 300px;
}
/* /Components/RequireCourtSelection.razor.rz.scp.css */
.court-selection-container[b-zh8gxe7wc4] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 2rem;
    background-color: #f9fafb;
}

.court-selection-card[b-zh8gxe7wc4] {
    max-width: 32rem;
    width: 100%;
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.court-selection-header[b-zh8gxe7wc4] {
    padding: 1.5rem;
    background-color: #eff6ff;
    border-bottom: 1px solid #dbeafe;
    display: flex;
    justify-content: center;
}

.court-icon[b-zh8gxe7wc4] {
    width: 8rem;
    height: 8rem;
    color: #1d4ed8;
}

.court-selection-content[b-zh8gxe7wc4] {
    padding: 1.5rem;
    text-align: center;
}

.court-selection-title[b-zh8gxe7wc4] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
}

.court-selection-description[b-zh8gxe7wc4] {
    margin-top: 0.5rem;
    color: #4b5563;
}

.court-selection-note[b-zh8gxe7wc4] {
    margin-top: 1rem;
    font-size: 0.875rem;
    color: #6b7280;
}
/* /Components/Shared/ChangeEmailModal.razor.rz.scp.css */
/* "Confirmation link sent" success state (design: st-profile ChangeEmailModal). */

.sent-panel[b-ri6unxau2b] {
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
}

.sent-ic[b-ri6unxau2b] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: var(--cx-green-soft, #f0fdf4);
    border: 1px solid var(--cx-green-border, #bbf7d0);
    color: var(--cx-green, #15803d);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sent-title[b-ri6unxau2b] { font-size: var(--cx-size-body); font-weight: 700; color: var(--cx-text, #1c1917); margin-top: 4px; }

.sent-text[b-ri6unxau2b] {
    font-size: var(--cx-size-meta);
    color: var(--cx-muted, #57534e);
    line-height: 1.55;
    max-width: 330px;
}

.sent-text .mono[b-ri6unxau2b] { font-family: var(--cx-mono, Consolas, monospace); font-size: var(--cx-size-cap); }
/* /Components/Shared/DropdownMenu.razor.rz.scp.css */
/* Dropdown Menu Styles - shadcn/ui inspired */

/* Trigger Button */
.dropdown-trigger[b-pixjer04qg] {
    padding: 8px 16px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    cursor: pointer;
    font-size: var(--cx-size-body);
    transition: background-color 0.2s;
    font-family: inherit;
}

    .dropdown-trigger:hover[b-pixjer04qg] {
        background: #f9fafb;
    }

/* Dropdown Content */
.dropdown-content[b-pixjer04qg] {
    min-width: 8rem;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 4px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    animation: dropdown-in-b-pixjer04qg 0.15s ease;
    max-height: 400px;
    overflow-y: auto;
}

@keyframes dropdown-in-b-pixjer04qg {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Dropdown Item */
.dropdown-item[b-pixjer04qg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    font-size: var(--cx-size-body);
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    color: #18181b;
    text-decoration: none;
    position: relative;
    user-select: none;
}

    .dropdown-item:hover:not(.disabled)[b-pixjer04qg] {
        background: #f4f4f5;
        outline: none;
    }

    .dropdown-item.disabled[b-pixjer04qg] {
        pointer-events: none;
        opacity: 0.5;
        cursor: default;
    }

.dropdown-item-icon[b-pixjer04qg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

    .dropdown-item-icon svg[b-pixjer04qg] {
        width: 16px;
        height: 16px;
    }

/* Dropdown Label */
.dropdown-label[b-pixjer04qg] {
    padding: 6px 8px;
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: #18181b;
}

/* Dropdown Separator */
.dropdown-separator[b-pixjer04qg] {
    height: 1px;
    background: #e5e7eb;
    margin: 4px -4px;
}

/* Dropdown Shortcut */
.dropdown-shortcut[b-pixjer04qg] {
    margin-left: auto;
    font-size: var(--cx-size-cap);
    color: #71717a;
    letter-spacing: 0.05em;
}

/* Submenu Styles */
.dropdown-submenu[b-pixjer04qg] {
    position: relative;
}

    .dropdown-submenu > .dropdown-item[b-pixjer04qg]::after {
        content: '';
        width: 16px;
        height: 16px;
        margin-left: auto;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>') no-repeat center;
        background-size: contain;
        flex-shrink: 0;
    }

.dropdown-submenu-content[b-pixjer04qg] {
    position: absolute;
    top: 0;
    left: calc(100% + 4px);
    min-width: 8rem;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 4px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    animation: dropdown-in-b-pixjer04qg 0.15s ease;
    z-index: 51;
}

/* Checkbox Item */
.dropdown-checkbox-item[b-pixjer04qg] {
    padding-left: 32px;
}

    .dropdown-checkbox-item .dropdown-item-indicator[b-pixjer04qg] {
        position: absolute;
        left: 8px;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .dropdown-checkbox-item .dropdown-item-indicator svg[b-pixjer04qg] {
            width: 16px;
            height: 16px;
        }

/* Radio Item */
.dropdown-radio-item[b-pixjer04qg] {
    padding-left: 32px;
}

    .dropdown-radio-item .dropdown-item-indicator[b-pixjer04qg] {
        position: absolute;
        left: 8px;
        width: 14px;
        height: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .dropdown-radio-item .dropdown-item-indicator svg[b-pixjer04qg] {
            width: 14px;
            height: 14px;
        }

/* Popover */
.popover-content[b-pixjer04qg] {
    background: transparent;
}

/* Scrollbar Styling (optional) */
.dropdown-content[b-pixjer04qg]::-webkit-scrollbar {
    width: 8px;
}

.dropdown-content[b-pixjer04qg]::-webkit-scrollbar-track {
    background: transparent;
}

.dropdown-content[b-pixjer04qg]::-webkit-scrollbar-thumb {
    background: #e5e7eb;
    border-radius: 4px;
}

    .dropdown-content[b-pixjer04qg]::-webkit-scrollbar-thumb:hover {
        background: #d1d5db;
    }
/* /Components/Shared/EmptyTableRow.razor.rz.scp.css */
.etr td[b-95n3aifcw2] {
    padding: 0;
    border-bottom: none;
}

.etr-inner[b-95n3aifcw2] {
    padding: 30px 20px;
    text-align: center;
    font-size: var(--cx-size-meta);
    color: var(--cx-muted, #57534e);
    line-height: 1.55;
    max-width: 460px;
    margin: 0;
    text-wrap: pretty;
}
/* /Components/Shared/OCUDCaseNotFoundModal.razor.rz.scp.css */
.confirm-container[b-h1l6472xph] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 30px 25px;
    max-width: 500px;
}

.btn-container[b-h1l6472xph] {
    margin-top: 20px;
    display: flex;
    justify-content: end;
    gap: 8px;
}

.modal-message[b-h1l6472xph] {
    font-size: 0.875rem;
    color: var(--bit-clr-fg-pri);
}
/* /Components/Shared/SectionKicker.razor.rz.scp.css */
.kicker-row[b-uq1rjr50nf] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; min-height: 24px; }
.kicker-aside[b-uq1rjr50nf] { font-size: var(--cx-size-meta); color: var(--cx-subtle); display: inline-flex; align-items: center; gap: 8px; }
/* /Components/Shared/Spinner.razor.rz.scp.css */
.spinner[b-tj1tints33] {
    display: inline-flex;
    color: var(--cx-subtle);
}

.spinner.centered[b-tj1tints33] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 32px 0;
    box-sizing: border-box;
}

.cx-spin[b-tj1tints33] {
    display: inline-flex;
}
/* /Components/Shared/UploadedFileRow.razor.rz.scp.css */
/* Canonical uploaded-file row — cx tokens only. */

.ufr[b-pa9eh81d1p] {
    border: 1px solid var(--cx-border);
    border-radius: var(--cx-ctl-r);
    background: var(--cx-panel);
    padding: 8px 10px;
    min-width: 0;
    transition: background .1s, border-color .12s;
}

.ufr--dense[b-pa9eh81d1p] {
    padding: 7px 9px;
}

.ufr--bare[b-pa9eh81d1p] {
    border: none;
    background: transparent;
    padding: 0;
}

.ufr--error[b-pa9eh81d1p] {
    border-color: var(--cx-red-border);
    background: var(--cx-red-soft);
}

.ufr--bare.ufr--error[b-pa9eh81d1p] {
    background: transparent;
}

.ufr-line[b-pa9eh81d1p] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ufr-tile[b-pa9eh81d1p] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: var(--cx-panel-alt);
    border: 1px solid var(--cx-border);
    color: var(--cx-subtle);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ufr--dense .ufr-tile[b-pa9eh81d1p] {
    width: 24px;
    height: 24px;
}

.ufr-tile--ok[b-pa9eh81d1p] {
    background: var(--cx-green-soft);
    border-color: var(--cx-green-border);
    color: var(--cx-green);
}

.ufr-tile--error[b-pa9eh81d1p] {
    background: var(--cx-red-soft);
    border-color: var(--cx-red-border);
    color: var(--cx-red);
}

.ufr-main[b-pa9eh81d1p] {
    min-width: 0;
    flex: 1;
}

.ufr-head[b-pa9eh81d1p] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.ufr-name[b-pa9eh81d1p] {
    font-size: var(--cx-size-meta);
    font-weight: 600;
    color: var(--cx-text);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.ufr--error .ufr-name[b-pa9eh81d1p] {
    color: var(--cx-red);
}

.ufr-bytes[b-pa9eh81d1p] {
    font-family: var(--cx-mono);
    font-size: var(--cx-size-cap);
    letter-spacing: .01em;
    color: var(--cx-subtle);
    white-space: nowrap;
}

.ufr-tag[b-pa9eh81d1p] {
    font-size: var(--cx-size-cap);
    line-height: 16px;
    padding: 0 6px;
    border-radius: 4px;
    border: 1px solid var(--cx-border);
    background: var(--cx-panel-alt);
    color: var(--cx-muted);
    white-space: nowrap;
}

.ufr-sub[b-pa9eh81d1p] {
    font-size: var(--cx-size-cap);
    color: var(--cx-subtle);
    margin-top: 2px;
    text-wrap: pretty;
}

.ufr--error .ufr-sub[b-pa9eh81d1p] {
    color: var(--cx-red);
}

/* hover-reveal action set */
.ufr-acts[b-pa9eh81d1p] {
    display: flex;
    align-items: center;
    gap: 3px;
    flex-shrink: 0;
    opacity: .7;
    transition: opacity .12s;
}

.ufr:hover .ufr-acts[b-pa9eh81d1p],
.ufr:focus-within .ufr-acts[b-pa9eh81d1p] {
    opacity: 1;
}

.ufr-act[b-pa9eh81d1p] {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--cx-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
    transition: background .1s, color .1s;
}

    .ufr-act:hover[b-pa9eh81d1p] {
        background: var(--cx-bg-deep);
        color: var(--cx-text);
    }

.ufr-act--danger:hover[b-pa9eh81d1p] {
    background: var(--cx-red-soft);
    color: var(--cx-red);
}

.ufr-retry[b-pa9eh81d1p] {
    border: none;
    background: none;
    padding: 0 6px;
    font-size: var(--cx-size-cap);
    font-weight: 600;
    font-family: inherit;
    color: var(--cx-pri-text);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: color .1s;
}

    .ufr-retry:hover[b-pa9eh81d1p] {
        color: var(--cx-pri-strong);
    }

.ufr-spin[b-pa9eh81d1p] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1.6px solid var(--cx-border);
    border-top-color: var(--cx-pri);
    display: inline-block;
    animation: ufr-spin-b-pa9eh81d1p .7s linear infinite;
}

@keyframes ufr-spin-b-pa9eh81d1p {
    to {
        transform: rotate(360deg);
    }
}

/* ── file-KIND hint — hue on the glyph only when no state tone owns the tile
   (tokens + role notes in courts-admin.css) ── */
.ufr-tile--kind-doc[b-pa9eh81d1p] {
    color: var(--up-kind-doc);
}

.ufr-tile--kind-xls[b-pa9eh81d1p] {
    color: var(--up-kind-xls);
}

.ufr-tile--kind-gen[b-pa9eh81d1p] {
    color: var(--up-kind);
}
/* /Components/Shared/UploadGate.razor.rz.scp.css */
/* Disabled-zone anatomy of the Up family: dashed off-tone border, off fill,
   ban tile, quiet label + reason. Tight full-zone height (118px). */

.upg[b-jmgc75uogk] {
    box-sizing: border-box;
    width: 100%;
    min-height: 118px;
    border: 1px dashed var(--cx-disabled-border);
    border-radius: var(--cx-ctl-r);
    background: var(--cx-disabled-bg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 18px 20px;
    text-align: center;
}

.upg-tile[b-jmgc75uogk] {
    width: 34px;
    height: 34px;
    border-radius: 6px;
    background: var(--cx-disabled-bg);
    border: 1px solid var(--cx-disabled-border);
    color: var(--cx-faint);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.upg-label[b-jmgc75uogk] {
    font-size: var(--cx-size-body);
    font-weight: 600;
    color: var(--cx-faint);
    text-wrap: pretty;
}

.upg-sub[b-jmgc75uogk] {
    font-size: var(--cx-size-cap);
    color: var(--cx-faint);
    max-width: 340px;
    line-height: 1.45;
    text-wrap: pretty;
}
/* /Components/Shared/UploadNote.razor.rz.scp.css */
/* Advisory note — Up family message language, cx tokens only. */

.upn[b-4rl77lsjqq] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 9px 11px;
    border-radius: var(--cx-ctl-r);
    border: 1px solid var(--cx-slate-border);
    background: var(--cx-slate-soft);
    min-width: 0;
}

.upn--warn[b-4rl77lsjqq] {
    border-color: var(--cx-amber-border);
    background: var(--cx-amber-soft);
}

.upn-ic[b-4rl77lsjqq] {
    color: var(--cx-slate);
    display: inline-flex;
    flex-shrink: 0;
    margin-top: 1px;
}

.upn--warn .upn-ic[b-4rl77lsjqq] {
    color: var(--cx-amber);
}

.upn-body[b-4rl77lsjqq] {
    font-size: var(--cx-size-cap);
    line-height: 1.5;
    color: var(--cx-muted);
    text-wrap: pretty;
    min-width: 0;
}

.upn--warn .upn-body[b-4rl77lsjqq] {
    color: var(--cx-amber);
}

.upn-action[b-4rl77lsjqq] {
    border: none;
    background: none;
    padding: 0;
    font-size: var(--cx-size-cap);
    font-weight: 700;
    font-family: inherit;
    color: var(--cx-pri-text);
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

.upn--warn .upn-action[b-4rl77lsjqq] {
    color: var(--cx-amber);
}
/* /Components/Shared/VerifyEmailModal.razor.rz.scp.css */
.confirm-container[b-kkwn5xnqf7] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 30px 25px;
}

.btn-container[b-kkwn5xnqf7] {
    margin-top: 20px;
    display: flex;
    justify-content: end;
    gap: 8px;
}

.party-details[b-kkwn5xnqf7] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 10px 14px;
    background: #f7f7f7;
    border-radius: 6px;
    border: 1px solid #eee;
}

.party-name[b-kkwn5xnqf7] {
    font-weight: 600;
    font-size: 0.78rem;
    color: var(--bit-clr-fg-pri);
}

.party-role[b-kkwn5xnqf7] {
    font-size: 0.65rem;
    color: var(--bit-clr-fg-sec);
}