/* /Components/AccountManagement/CompanyTouchpointsPanel.razor.rz.scp.css */
.company-touchpoints-panel__backdrop[b-30cw6hnrap] {
    align-items: center;
    background: var(--cv-band-bg);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1.5rem;
    position: fixed;
    z-index: 1050;
}

.company-touchpoints-panel__shell[b-30cw6hnrap] {
    max-height: calc(100vh - 3rem);
    max-width: 980px;
    width: min(980px, 100%);
}

.company-touchpoints-panel__dialog[b-30cw6hnrap] {
    max-height: calc(100vh - 3rem);
}

.company-touchpoints-panel__content[b-30cw6hnrap] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: calc(100vh - 14rem);
    overflow: auto;
}

.company-touchpoints-panel__loading[b-30cw6hnrap] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 260px;
}

.company-touchpoints-panel__summary[b-30cw6hnrap] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.company-touchpoints-panel__eyebrow[b-30cw6hnrap] {
    color: var(--cv-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 0 0 0.35rem;
    text-transform: uppercase;
}

.company-touchpoints-panel__company-name[b-30cw6hnrap] {
    margin: 0;
}

.company-touchpoints-panel__company-owner[b-30cw6hnrap] {
    align-items: center;
    color: var(--cv-text-muted);
    display: inline-flex;
    font-size: 0.92rem;
    font-weight: 600;
    gap: 0.4rem;
    margin-top: 0.45rem;
}

.company-touchpoints-panel__supporting-text[b-30cw6hnrap] {
    color: var(--cv-text-muted);
    margin: 0.5rem 0 0;
}

.company-touchpoints-panel__count[b-30cw6hnrap] {
    align-self: flex-start;
    background: var(--status-in-progress-bg);
    border-radius: 999px;
    color: var(--cv-primary);
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 0.45rem 0.85rem;
    white-space: nowrap;
}

.company-touchpoints-panel__toolbar[b-30cw6hnrap] {
    align-items: start;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.company-touchpoints-panel__filters[b-30cw6hnrap] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: minmax(10rem, 0.8fr) minmax(10rem, 0.8fr) minmax(14rem, 1.4fr);
}

.company-touchpoints-panel__filter-field[b-30cw6hnrap] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.company-touchpoints-panel__filter-field .form-label[b-30cw6hnrap] {
    color: var(--cv-text-muted);
    font-size: 0.85rem;
    font-weight: 700;
    margin: 0;
}

.company-touchpoints-panel__empty-state[b-30cw6hnrap] {
    align-items: center;
    border: 1px dashed var(--cv-hover-border);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    justify-content: center;
    min-height: 260px;
    padding: 2rem 1.5rem;
    text-align: center;
}

.company-touchpoints-panel__empty-state h4[b-30cw6hnrap],
.company-touchpoints-panel__empty-state p[b-30cw6hnrap] {
    margin: 0;
}

.company-touchpoints-panel__empty-icon[b-30cw6hnrap] {
    align-items: center;
    background: var(--cv-surface-sunken);
    border-radius: 50%;
    color: var(--cv-text-muted);
    display: inline-flex;
    font-size: 1.75rem;
    height: 4rem;
    justify-content: center;
    width: 4rem;
}

.company-touchpoints-panel__list[b-30cw6hnrap] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.company-touchpoints-panel__item[b-30cw6hnrap] {
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem 1.1rem;
}

.company-touchpoints-panel__item-header[b-30cw6hnrap] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.company-touchpoints-panel__type[b-30cw6hnrap] {
    align-items: flex-start;
    display: flex;
    gap: 0.85rem;
}

.company-touchpoints-panel__type-icon[b-30cw6hnrap] {
    align-items: center;
    background: var(--status-in-progress-bg);
    border-radius: 0.85rem;
    color: var(--cv-primary);
    display: inline-flex;
    font-size: 1rem;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.company-touchpoints-panel__type-label[b-30cw6hnrap] {
    color: var(--cv-text-muted);
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 700;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.company-touchpoints-panel__item-title[b-30cw6hnrap] {
    margin: 0;
}

.company-touchpoints-panel__item-date[b-30cw6hnrap] {
    color: var(--cv-text-muted);
    font-size: 0.88rem;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

.company-touchpoints-panel__item-actions[b-30cw6hnrap] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 0.35rem;
    justify-content: flex-end;
    white-space: nowrap;
}

.company-touchpoints-panel__item-actions[b-30cw6hnrap]  .cv-icon-button {
    margin: 0;
}

.company-touchpoints-panel__meta[b-30cw6hnrap] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
}

.company-touchpoints-panel__meta-item[b-30cw6hnrap] {
    align-items: center;
    color: var(--cv-text-muted);
    display: inline-flex;
    font-size: 0.9rem;
    gap: 0.35rem;
}

.company-touchpoints-panel__tags[b-30cw6hnrap] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.company-touchpoints-panel__tag[b-30cw6hnrap] {
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
    border-radius: 999px;
    color: var(--cv-text-muted);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.25rem 0.6rem;
}

.company-touchpoints-panel__notes[b-30cw6hnrap] {
    background: var(--cv-surface);
    border-radius: 0.85rem;
    color: var(--cv-text);
    line-height: 1.55;
    padding: 0.9rem 1rem;
    white-space: pre-wrap;
}

@media (max-width: 768px) {
    .company-touchpoints-panel__backdrop[b-30cw6hnrap] {
        padding: 0.75rem;
    }

    .company-touchpoints-panel__content[b-30cw6hnrap] {
        max-height: calc(100vh - 10rem);
    }

    .company-touchpoints-panel__summary[b-30cw6hnrap],
    .company-touchpoints-panel__toolbar[b-30cw6hnrap],
    .company-touchpoints-panel__filters[b-30cw6hnrap],
    .company-touchpoints-panel__item-header[b-30cw6hnrap] {
        display: flex;
        flex-direction: column;
    }

    .company-touchpoints-panel__count[b-30cw6hnrap] {
        align-self: flex-start;
    }

    .company-touchpoints-panel__item-date[b-30cw6hnrap] {
        text-align: left;
    }
}
/* /Components/AccountManagement/LogTouchpointModal.razor.rz.scp.css */
.log-touchpoint-modal__tag-editor[b-zv395yey77] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.log-touchpoint-modal__tag-chips[b-zv395yey77] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.log-touchpoint-modal__tag-chip[b-zv395yey77] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid var(--cv-border);
    border-radius: 999px;
    background: var(--status-in-progress-bg);
    color: var(--cv-tone-support-text);
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.2;
}

.log-touchpoint-modal__tag-chip:hover[b-zv395yey77],
.log-touchpoint-modal__tag-chip:focus-visible[b-zv395yey77] {
    border-color: var(--cv-border);
    background: var(--status-in-progress-bg);
}

.log-touchpoint-modal__tag-chip:disabled[b-zv395yey77] {
    cursor: not-allowed;
    opacity: 0.7;
}
/* /Components/Account/Pages/LoginWith2fa.razor.rz.scp.css */
/* Label-first, like every other field on the sign-in pages (.account-form__label in brand.css). */
.login-with-2fa__otp-label[b-vf4y0lp49x] {
    display: block;
    color: var(--cv-text);
    font-size: 0.875rem;
    font-weight: 600;
}
/* /Components/Account/Shared/AccountFormCheckbox.razor.rz.scp.css */
/* A static-safe checkbox for static SSR Identity forms. The real checkbox stays in the form post; only its look is on the Corvue tokens. */
.account-form-checkbox[b-mnt2v4u2ya] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    min-height: var(--cv-touch-target);
    color: var(--cv-text);
}

.account-form-checkbox__input[b-mnt2v4u2ya] {
    flex: 0 0 auto;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    accent-color: var(--cv-tone-secondary-bg);
    cursor: pointer;
}

.account-form-checkbox__input:focus-visible[b-mnt2v4u2ya] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.account-form-checkbox__input:disabled[b-mnt2v4u2ya] {
    cursor: not-allowed;
    opacity: 0.65;
}

.account-form-checkbox__label[b-mnt2v4u2ya] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.4;
    cursor: pointer;
}
/* /Components/Account/Shared/AccountFormSwitch.razor.rz.scp.css */
/* A static-safe switch for static SSR Identity forms (CvSwitch needs an interactive circuit). It
   mirrors the CvSwitch look on the Corvue tokens; the real checkbox stays in the form post. */
.account-form-switch-root[b-o5ik9io4sw] {
    display: flex;
}

.account-form-switch[b-o5ik9io4sw] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    min-height: var(--cv-touch-target);
    margin: 0;
    color: var(--cv-text);
    cursor: pointer;
    user-select: none;
}

.account-form-switch__input[b-o5ik9io4sw] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.account-form-switch__track[b-o5ik9io4sw] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    width: 2.5rem;
    height: 1.5rem;
    padding: 0.1875rem;
    border: var(--cv-border-width) solid var(--cv-border-strong);
    border-radius: var(--cv-radius-round);
    background: var(--cv-surface-sunken);
    transition: background-color var(--cv-motion-fast) var(--cv-ease-out), border-color var(--cv-motion-fast) var(--cv-ease-out);
}

.account-form-switch__thumb[b-o5ik9io4sw] {
    width: 1rem;
    height: 1rem;
    border-radius: var(--cv-radius-round);
    background: var(--cv-text-muted);
    transition: transform var(--cv-motion-fast) var(--cv-ease-out), background-color var(--cv-motion-fast) var(--cv-ease-out);
}

.account-form-switch__input:checked + .account-form-switch__track[b-o5ik9io4sw] {
    border-color: var(--cv-tone-secondary-bg);
    background: var(--cv-tone-secondary-bg);
}

.account-form-switch__input:checked + .account-form-switch__track .account-form-switch__thumb[b-o5ik9io4sw] {
    background: var(--cv-tone-secondary-fg);
    transform: translateX(1rem);
}

.account-form-switch__input:focus-visible + .account-form-switch__track[b-o5ik9io4sw] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.account-form-switch__input:disabled + .account-form-switch__track[b-o5ik9io4sw],
.account-form-switch__input:disabled ~ .account-form-switch__label[b-o5ik9io4sw] {
    cursor: not-allowed;
    opacity: 0.65;
}

.account-form-switch__label[b-o5ik9io4sw] {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.4;
}
/* /Components/Account/Shared/AccountOtpCodeInput.razor.rz.scp.css */
/* Six single-digit boxes, grouped three and three, on the Corvue tokens. js/app.js
   (corvueUi.setupOtpCodeInput) moves focus, spreads a pasted or autofilled code across the boxes and
   keeps the hidden field in step; it toggles --filled, so keep that class name. */
.login-with-2fa__otp[b-bmn49xcggy] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
}

.login-with-2fa__otp-input[b-bmn49xcggy] {
    width: 3rem;
    height: 3.25rem;
    padding: 0;
    border: var(--cv-border-width) solid var(--cv-border-strong);
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface);
    color: var(--cv-text);
    caret-color: var(--cv-support);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 1.375rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    text-align: center;
    appearance: textfield;
    transition: border-color var(--cv-motion-fast) var(--cv-ease-out), background-color var(--cv-motion-fast) var(--cv-ease-out);
}

/* A small gap after the third digit, the way authenticator apps show the code. */
.login-with-2fa__otp-input[id$="-digit-4"][b-bmn49xcggy] {
    margin-left: 0.5rem;
}

.login-with-2fa__otp-input:hover[b-bmn49xcggy] {
    border-color: var(--cv-hover-border);
}

.login-with-2fa__otp-input:focus[b-bmn49xcggy] {
    outline: none;
}

.login-with-2fa__otp-input:focus-visible[b-bmn49xcggy] {
    border-color: var(--cv-focus-color);
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.login-with-2fa__otp-input--filled[b-bmn49xcggy] {
    border-color: var(--cv-border-strong);
    background: var(--cv-surface-sunken);
}

.login-with-2fa__otp-input:disabled[b-bmn49xcggy] {
    background: var(--cv-surface-sunken);
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 420px) {
    .login-with-2fa__otp[b-bmn49xcggy] {
        gap: 0.375rem;
    }

    .login-with-2fa__otp-input[b-bmn49xcggy] {
        width: clamp(2.25rem, 11vw, 3rem);
        height: clamp(2.5rem, 12.5vw, 3.25rem);
        font-size: 1.125rem;
    }

    .login-with-2fa__otp-input[id$="-digit-4"][b-bmn49xcggy] {
        margin-left: 0.25rem;
    }
}
/* /Components/Auth/LoginAnnouncementPanel.razor.rz.scp.css */
/* Staff login news, as the body of the navy brand panel (frame rules: LoginBrandPanel.razor.css). The news
   leads: the panel's display scale for the title and body copy in the band's text colours. The SuperAdmin's
   validated colour pair (--login-news-bg / --login-news-text, from LoginAnnouncementPresentation) marks the
   badge; a missing or invalid value falls back to the band tokens. Base rules: brand.css. */

/* The badge: the announcement's own colour pair, as a chip. */
.login-announcement-panel__badge[b-3q486gvz9h] {
    align-self: flex-start;
    margin: 0;
    padding: 0.25rem 0.5rem;
    border: none;
    border-radius: var(--cv-radius-chip);
    background: var(--login-news-bg, var(--cv-band-eyebrow));
    color: var(--login-news-text, var(--cv-primary));
    font-size: var(--cv-label-size);
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.3;
    text-transform: uppercase;
}

/* Without a badge, the band's lime eyebrow. */
.login-announcement-panel__eyebrow[b-3q486gvz9h] {
    color: var(--cv-band-eyebrow);
    font-size: var(--cv-label-size);
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.3;
    text-transform: uppercase;
}

.login-announcement-panel__title[b-3q486gvz9h] {
    max-width: 16ch;
    margin: 0;
    color: inherit;
    font-size: clamp(1.875rem, 2.8vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.08;
    text-wrap: balance;
}

.login-announcement-panel__subtitle[b-3q486gvz9h] {
    max-width: 34rem;
    margin: 0;
    color: inherit;
    font-size: 1.0625rem;
    line-height: 1.6;
    opacity: 0.88;
}

.login-announcement-panel__image[b-3q486gvz9h] {
    width: 100%;
    max-width: 30rem;
    max-height: 220px;
    margin: 0;
    object-fit: contain;
    border: var(--cv-border-width) solid var(--cv-band-line);
    border-radius: var(--cv-radius-card);
    background: rgba(255, 255, 255, 0.06);
}

.login-announcement-panel__body[b-3q486gvz9h] {
    max-width: 34rem;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: none;
    color: var(--cv-band-muted);
    font-size: 0.96875rem;
    line-height: 1.65;
}

.login-announcement-panel__body[b-3q486gvz9h]  p,
.login-announcement-panel__body[b-3q486gvz9h]  ul,
.login-announcement-panel__body[b-3q486gvz9h]  ol {
    margin-bottom: 0.85rem;
    color: inherit;
}

.login-announcement-panel__body[b-3q486gvz9h]  p:last-child,
.login-announcement-panel__body[b-3q486gvz9h]  ul:last-child,
.login-announcement-panel__body[b-3q486gvz9h]  ol:last-child {
    margin-bottom: 0;
}

.login-announcement-panel__body[b-3q486gvz9h]  a {
    color: var(--cv-band-text);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.login-announcement-panel__body[b-3q486gvz9h]  strong {
    color: var(--cv-band-text);
    font-weight: 700;
}

.login-announcement-panel__link[b-3q486gvz9h] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    padding-bottom: 0.15rem;
    border-bottom: var(--cv-border-width) solid currentColor;
    color: var(--cv-band-text);
    font-weight: 700;
    text-decoration: none;
}

.login-announcement-panel__link:hover[b-3q486gvz9h] {
    color: var(--cv-band-eyebrow);
}

.login-announcement-panel__link:focus-visible[b-3q486gvz9h] {
    outline: 2px solid #68CAE5;
    outline-offset: var(--cv-focus-offset);
}

/* Below 900px the news follows the form as a compact band. */
@media (max-width: 899.98px) {
    .login-announcement-panel__title[b-3q486gvz9h] {
        font-size: 1.5rem;
    }
}
/* /Components/Auth/LoginBrandFigure.razor.rz.scp.css */
/* The brand panel's figure. It always sits on a dark field (the navy band, or a tenant colour with its
   contrast colour), so the staff mark uses the palette fills and an outline in --cv-band-line, and the
   portal bars use currentColor. Flat fills only: no gradients, glows or shadows. */
.login-brand-figure[b-bavqeyq2lf] {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.login-brand-figure__seg--teal[b-bavqeyq2lf] {
    fill: var(--cv-secondary);
}

.login-brand-figure__seg--teal-deep[b-bavqeyq2lf] {
    fill: var(--cv-support);
}

.login-brand-figure__seg--lime[b-bavqeyq2lf] {
    fill: var(--cv-accent);
}

.login-brand-figure__seg--lime-deep[b-bavqeyq2lf] {
    fill: color-mix(in srgb, var(--cv-accent) 76%, var(--cv-band-bg));
}

.login-brand-figure__core[b-bavqeyq2lf] {
    fill: none;
    stroke: var(--cv-band-text);
    stroke-width: 2;
    stroke-linejoin: miter;
    vector-effect: non-scaling-stroke;
    opacity: 0.85;
}

.login-brand-figure__bar[b-bavqeyq2lf] {
    fill: currentColor;
    opacity: 0.12;
}

.login-brand-figure__bar--strong[b-bavqeyq2lf] {
    opacity: 0.24;
}

/* One settle on load: the blocks rise into place in turn, then the core outline draws. Motion is opt-in,
   so a reduced-motion setting (or a browser without the query) gets the finished figure straight away. */
@media (prefers-reduced-motion: no-preference) {
    .login-brand-figure__seg[b-bavqeyq2lf] {
        animation: login-brand-figure-settle-b-bavqeyq2lf 560ms var(--cv-ease-out) both;
        transform-box: fill-box;
    }

    .login-brand-figure__seg:nth-child(2)[b-bavqeyq2lf] { animation-delay: 60ms; }
    .login-brand-figure__seg:nth-child(3)[b-bavqeyq2lf] { animation-delay: 110ms; }
    .login-brand-figure__seg:nth-child(4)[b-bavqeyq2lf] { animation-delay: 160ms; }
    .login-brand-figure__seg:nth-child(5)[b-bavqeyq2lf] { animation-delay: 210ms; }
    .login-brand-figure__seg:nth-child(6)[b-bavqeyq2lf] { animation-delay: 260ms; }
    .login-brand-figure__seg:nth-child(7)[b-bavqeyq2lf] { animation-delay: 310ms; }

    .login-brand-figure__core[b-bavqeyq2lf] {
        stroke-dasharray: 1;
        animation: login-brand-figure-draw-b-bavqeyq2lf 900ms var(--cv-ease-in-out) 360ms both;
    }

    .login-brand-figure__bar[b-bavqeyq2lf] {
        animation: login-brand-figure-slide-b-bavqeyq2lf 520ms var(--cv-ease-out) both;
        transform-box: fill-box;
    }

    .login-brand-figure__bar:nth-child(2)[b-bavqeyq2lf] { animation-delay: 70ms; }
    .login-brand-figure__bar:nth-child(3)[b-bavqeyq2lf] { animation-delay: 140ms; }
    .login-brand-figure__bar:nth-child(4)[b-bavqeyq2lf] { animation-delay: 210ms; }
    .login-brand-figure__bar:nth-child(5)[b-bavqeyq2lf] { animation-delay: 280ms; }
}

@keyframes login-brand-figure-settle-b-bavqeyq2lf {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes login-brand-figure-draw-b-bavqeyq2lf {
    from {
        stroke-dashoffset: 1;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes login-brand-figure-slide-b-bavqeyq2lf {
    from {
        transform: translateX(24px);
    }

    to {
        transform: none;
    }
}
/* /Components/Auth/LoginBrandPanel.razor.rz.scp.css */
/* The brand side of the sign-in split: a flat colour field that fills the column LoginShell gives it.
   Corvue navy (--cv-band-bg, as the dashboard's band) for staff; a portal host uses the tenant's primary
   colour with the contrast colour LoginShell works out. Text and rules follow currentColor, so they suit
   whichever pair is in use. The figure sits in the bottom corner, behind nothing: the copy column keeps
   clear of it. LoginShell hides this panel below 900px. */
.login-brand-panel[b-aj8904vz7y] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    padding: clamp(2rem, 4.5vw, 3.5rem);
    overflow: hidden;
    /* Its own stacking context: the figure paints behind the copy (z-index -1) but above this background,
       and the platform logo's lighten blend reads this background. */
    isolation: isolate;
    background: var(--cv-band-bg);
    color: var(--cv-band-text);
    /* The hub band's focus colour, readable on navy. */
    --cv-focus-color: #68CAE5;
}

.login-brand-panel--portal[b-aj8904vz7y] {
    background: var(--login-brand-primary);
    color: var(--login-brand-contrast);
}

.login-brand-panel__content[b-aj8904vz7y] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--cv-space-6);
    max-width: 30rem;
}

/* The eyebrow: lime small caps on navy, as on the dashboard band. On a tenant colour it follows the text. */
.login-brand-panel__badge[b-aj8904vz7y] {
    color: var(--cv-band-eyebrow);
    font-size: var(--cv-label-size);
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.3;
    text-transform: uppercase;
}

.login-brand-panel--portal .login-brand-panel__badge[b-aj8904vz7y] {
    color: inherit;
    opacity: 0.85;
}

.login-brand-panel__logo[b-aj8904vz7y] {
    width: auto;
    max-width: min(210px, 70%);
    height: auto;
    max-height: 72px;
    border-radius: var(--cv-radius-control);
    object-fit: contain;
    align-self: flex-start;
}

/* corvue_blue.png is the logo on its own navy field. A little contrast takes that field to black, and the
   lighten blend then drops it into the band, so only the mark and wordmark show, in either theme. The
   negative margin lines the cropped mark up with the copy's left edge. */
.login-brand-panel__logo--platform[b-aj8904vz7y] {
    width: 11rem;
    max-width: none;
    height: 5rem;
    max-height: none;
    margin: -0.5rem 0 -0.5rem -3.4rem;
    border-radius: 0;
    object-fit: cover;
    object-position: center;
    filter: contrast(1.3);
    mix-blend-mode: lighten;
}

/* The eyebrow sits just above the headline, a step down from the logo. */
.login-brand-panel__logo + .login-brand-panel__badge[b-aj8904vz7y] {
    margin-top: clamp(0rem, 7vh, 4rem);
}

.login-brand-panel__copy[b-aj8904vz7y] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-4);
    margin-top: calc(var(--cv-space-3) - var(--cv-space-6));
}

.login-brand-panel__heading[b-aj8904vz7y] {
    max-width: 14ch;
    margin: 0;
    color: inherit;
    font-size: clamp(2rem, 3.1vw, 2.875rem);
    font-weight: 700;
    letter-spacing: -0.022em;
    line-height: 1.05;
    text-wrap: balance;
}

.login-brand-panel__description[b-aj8904vz7y] {
    max-width: 30rem;
    margin: 0;
    /* inherit, so brand.css's dark-theme paragraph colour never reaches the coloured field. */
    color: inherit;
    font-size: 1.0625rem;
    line-height: 1.6;
    opacity: 0.88;
}

.login-brand-panel__hero[b-aj8904vz7y] {
    overflow: hidden;
    border: var(--cv-border-width) solid color-mix(in srgb, currentColor 20%, transparent);
    border-radius: var(--cv-radius-card);
}

.login-brand-panel__hero img[b-aj8904vz7y] {
    display: block;
    width: 100%;
    max-height: 220px;
    object-fit: cover;
}

/* Highlights: hairline-ruled rows with a small square marker, the logo's block shape. */
.login-brand-panel__features[b-aj8904vz7y] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: var(--cv-border-width) solid color-mix(in srgb, currentColor 16%, transparent);
}

.login-brand-panel__feature[b-aj8904vz7y] {
    display: flex;
    align-items: baseline;
    gap: 0.875rem;
    padding: 0.8125rem 0;
    border-top: var(--cv-border-width) solid color-mix(in srgb, currentColor 16%, transparent);
    font-size: 0.9375rem;
    line-height: 1.5;
}

.login-brand-panel__feature[b-aj8904vz7y]::before {
    content: '';
    flex: 0 0 auto;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 1px;
    background: var(--cv-band-eyebrow);
    transform: translateY(-0.0625rem);
}

.login-brand-panel--portal .login-brand-panel__feature[b-aj8904vz7y]::before {
    background: currentColor;
    opacity: 0.7;
}


/* The figure: bottom right, bleeding off both edges, sized by the viewport height so a short window keeps
   it clear of the copy. */
.login-brand-panel__figure[b-aj8904vz7y] {
    position: absolute;
    right: clamp(-2.5rem, -2vw, -1rem);
    bottom: clamp(-3.5rem, -4vh, -1.5rem);
    z-index: -1;
    width: clamp(11rem, 34vh, 24rem);
    pointer-events: none;
}

.login-brand-panel--portal .login-brand-panel__figure[b-aj8904vz7y] {
    right: clamp(-3rem, -3vw, -1.5rem);
    bottom: clamp(2rem, 6vh, 4rem);
    width: clamp(10rem, 34vh, 20rem);
}

/* A short window (a landscape laptop at high zoom): the figure steps back so it never meets the copy. */
@media (max-height: 640px) {
    .login-brand-panel__figure[b-aj8904vz7y] {
        opacity: 0.35;
    }
}

/* ── Content mode: the staff login news as the panel's body (LoginAnnouncementPanel) ── */

.login-brand-panel__body[b-aj8904vz7y] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-4);
    max-width: 34rem;
}

.login-brand-panel__logo + .login-brand-panel__body[b-aj8904vz7y] {
    margin-top: clamp(0rem, 7vh, 4rem);
}

/* The news leads, so the figure is smaller and stepped back: a quiet signature, never under the copy's
   contrast. */
.login-brand-panel--content .login-brand-panel__figure[b-aj8904vz7y] {
    width: clamp(9rem, 26vh, 17rem);
    opacity: 0.32;
}

/* Below 900px the news follows the form as a compact band: the form column carries the logo there, and
   the figure is left out. */
@media (max-width: 899.98px) {
    .login-brand-panel--content[b-aj8904vz7y] {
        height: auto;
        min-height: 0;
        padding: var(--cv-space-6) var(--cv-space-4);
    }

    .login-brand-panel--content .login-brand-panel__logo[b-aj8904vz7y],
    .login-brand-panel--content .login-brand-panel__figure[b-aj8904vz7y] {
        display: none;
    }

    .login-brand-panel__logo + .login-brand-panel__body[b-aj8904vz7y] {
        margin-top: 0;
    }
}
/* /Components/Auth/LoginFormPanel.razor.rz.scp.css */
/* The sign-in column: label-first and left-aligned, straight on the shell's --cv-surface (no inner card).
   The shell sets the column width and padding. */
.login-form-panel[b-xnkaw1q75i] {
    display: flex;
    flex-direction: column;
    padding: 0;
    background: transparent;
}

.login-form-panel__brand[b-xnkaw1q75i] {
    display: flex;
    margin-bottom: var(--cv-space-6);
}

/* A tenant's own logo on a portal host is shown whole, whatever its shape. The Corvue logo uses the
   shared .cv-auth-brand__logo tile instead (brand.css). */
.login-form-panel__logo[b-xnkaw1q75i] {
    width: auto;
    max-width: 180px;
    height: auto;
    max-height: 56px;
    object-fit: contain;
}

.login-form-panel__logo-fallback[b-xnkaw1q75i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: var(--cv-radius-control);
    background: var(--login-brand-primary);
    color: var(--login-brand-contrast);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.login-form-panel__header[b-xnkaw1q75i] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cv-space-2);
    margin-bottom: var(--cv-space-6);
}

.login-form-panel__eyebrow[b-xnkaw1q75i] {
    color: var(--cv-text-muted);
    font-size: var(--cv-label-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    line-height: 1.3;
    text-transform: uppercase;
}

.login-form-panel__title[b-xnkaw1q75i] {
    margin: 0;
    color: var(--cv-text);
    font-size: clamp(1.625rem, 2.3vw, 1.875rem);
    font-weight: 700;
    letter-spacing: -0.018em;
    line-height: 1.15;
    text-wrap: balance;
}

.login-form-panel__subtitle[b-xnkaw1q75i] {
    max-width: 30rem;
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.9375rem;
    line-height: 1.55;
}

/* The portal's address, in the utility face: the one thing a customer should check before typing a
   password. */
.login-form-panel__domain-pill[b-xnkaw1q75i] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 100%;
    margin-top: var(--cv-space-1);
    padding: 0.25rem 0.625rem;
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 0.8125rem;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.login-form-panel__domain-pill i[b-xnkaw1q75i] {
    color: var(--cv-text-muted);
}

.login-form-panel__info-panel[b-xnkaw1q75i] {
    margin-bottom: var(--cv-space-5);
    padding: 0.875rem 1rem;
    border: var(--cv-border-width) solid var(--cv-border);
    border-left: var(--cv-rule-width) solid var(--login-brand-primary);
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface-sunken);
}

.login-form-panel__info-title[b-xnkaw1q75i] {
    margin-bottom: 0.375rem;
    color: var(--cv-text-muted);
    font-size: var(--cv-label-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    line-height: 1.3;
    text-transform: uppercase;
}

.login-form-panel__info-body[b-xnkaw1q75i] {
    margin: 0;
    color: var(--cv-text);
    line-height: 1.6;
    white-space: pre-line;
}

/* The page's controls (alerts, the status message, the provider buttons, the divider and the form) stack
   on one rhythm, so an error never sits flush against the first field. */
.login-form-panel__body[b-xnkaw1q75i] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-4);
}

.login-form-panel__body[b-xnkaw1q75i]  .auth-divider {
    margin: var(--cv-space-1) 0;
}

/* Access help: under the controls, after a hairline. */
.login-form-panel__help[b-xnkaw1q75i] {
    margin-top: var(--cv-space-6);
    padding-top: var(--cv-space-5);
    border-top: var(--cv-border-width) solid var(--cv-border-subtle);
}

.login-form-panel__support-links[b-xnkaw1q75i] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
    font-size: 0.9375rem;
}

.login-form-panel__support-links a[b-xnkaw1q75i] {
    display: inline-flex;
    align-items: center;
    gap: 0.4375rem;
    border-radius: var(--cv-radius-chip);
    color: var(--cv-tone-secondary-text);
    font-weight: 600;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.login-form-panel__support-links a i[b-xnkaw1q75i] {
    color: var(--cv-text-muted);
}

.login-form-panel__support-links a:hover[b-xnkaw1q75i] {
    text-decoration: underline;
}

.login-form-panel__support-links a:focus-visible[b-xnkaw1q75i] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

@media (max-width: 767.98px) {
    .login-form-panel__brand[b-xnkaw1q75i],
    .login-form-panel__header[b-xnkaw1q75i] {
        margin-bottom: var(--cv-space-5);
    }
}
/* /Components/Auth/LoginShell.razor.rz.scp.css */
/* The sign-in frame on the platform style: a full-height split with no outer card. The form column is a
   plain --cv-surface; the brand column is a flat colour field (LoginBrandPanel.razor.css) or a login
   announcement (LoginAnnouncementPanel.razor.css). No gradients, blobs or shadows.

   --login-brand-* come from LoginShell.BuildStyle (the tenant's colours on a portal host). Staff
   sign-in uses the Corvue tokens and does not read them. */
.login-shell[b-vlh34wq1hp] {
    --login-brand-primary: var(--cv-support);
    --login-brand-primary-rgb: 30, 120, 154;
    --login-brand-contrast: #FFFFFF;
    --login-brand-accent: var(--cv-primary);

    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 100vh;
    min-height: 100svh;
    background: var(--cv-surface);
    color: var(--cv-text);
}

/* ── The form column ── */

.login-shell__main[b-vlh34wq1hp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cv-space-6);
    min-width: 0;
    padding: clamp(2.5rem, 8vh, 5rem) var(--cv-space-4) var(--cv-space-6);
}

.login-shell__form[b-vlh34wq1hp] {
    width: 100%;
    max-width: 26rem;
    margin-block: auto;
}

.login-shell__footer[b-vlh34wq1hp] {
    font-size: 0.8125rem;
}

/* ── The brand column ── */

.login-shell__aside[b-vlh34wq1hp] {
    min-width: 0;
}

/* From 900px: brand column on the left, held in view while a long form column scrolls. */
@media (min-width: 900px) {
    .login-shell:not(.login-shell--single)[b-vlh34wq1hp] {
        grid-template-columns: minmax(22rem, 0.92fr) minmax(0, 1fr);
    }

    .login-shell:not(.login-shell--single) .login-shell__aside[b-vlh34wq1hp] {
        grid-row: 1;
        grid-column: 1;
        position: sticky;
        top: 0;
        height: 100vh;
        height: 100svh;
        overflow-y: auto;
    }

    .login-shell:not(.login-shell--single) .login-shell__main[b-vlh34wq1hp] {
        grid-row: 1;
        grid-column: 2;
        padding-inline: clamp(1.5rem, 5vw, 4.5rem);
    }

    /* The brand panel shows the logo, so the form column does not repeat it. */
    .login-shell--branded[b-vlh34wq1hp]  .login-form-panel__brand {
        display: none;
    }
}

@media (min-width: 1440px) {
    .login-shell:not(.login-shell--single)[b-vlh34wq1hp] {
        grid-template-columns: minmax(22rem, 44rem) minmax(0, 1fr);
    }
}

/* Below 900px the brand panel hides (the form column carries the logo); an announcement stays, after the
   form. A portal host keeps a thin rule in the tenant's colour at the top of the page. */
@media (max-width: 899.98px) {
    .login-shell__aside--brand[b-vlh34wq1hp] {
        display: none;
    }

    .login-shell--portal .login-shell__main[b-vlh34wq1hp] {
        border-top: 4px solid var(--login-brand-primary);
    }
}

@media (max-width: 575.98px) {
    .login-shell__main[b-vlh34wq1hp] {
        padding-top: var(--cv-space-6);
    }

    .login-shell__form[b-vlh34wq1hp] {
        margin-block: 0 auto;
    }
}

/* ── The form column's controls on a portal host take the tenant's colour ── */

[b-vlh34wq1hp] .login-form-panel .cv-button--filled.cv-button--primary {
    min-height: var(--cv-control-height-lg);
}

.login-shell--portal[b-vlh34wq1hp]  .login-form-panel .cv-button--filled.cv-button--primary {
    background-color: var(--login-brand-primary);
    color: var(--login-brand-contrast);
}

.login-shell--portal[b-vlh34wq1hp]  .login-form-panel .cv-button--filled.cv-button--primary:hover,
.login-shell--portal[b-vlh34wq1hp]  .login-form-panel .cv-button--filled.cv-button--primary:focus-visible {
    background-color: color-mix(in srgb, var(--login-brand-primary) 84%, var(--cv-primary));
}

.login-shell--portal[b-vlh34wq1hp]  .login-form-panel .cv-button--outlined.cv-button--secondary,
.login-shell--portal[b-vlh34wq1hp]  .login-form-panel .cv-button--text.cv-button--secondary {
    color: color-mix(in srgb, var(--login-brand-primary) 78%, var(--cv-text));
}

.login-shell--portal[b-vlh34wq1hp]  .login-form-panel .cv-button--outlined.cv-button--secondary {
    border-color: rgba(var(--login-brand-primary-rgb), 0.32);
}

.login-shell--portal[b-vlh34wq1hp]  .login-form-panel .cv-button--outlined.cv-button--neutral {
    border-color: rgba(var(--login-brand-primary-rgb), 0.28);
    color: color-mix(in srgb, var(--login-brand-primary) 72%, var(--cv-text));
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Styles merged into wwwroot/css/brand.css */
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Styles merged into wwwroot/css/brand.css */
/* /Components/Layout/PortalLayout.razor.rz.scp.css */
.portal-shell__nav-toggle[b-f7raggg4oa],
.portal-shell__nav-close[b-f7raggg4oa] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--surface-topbar);
    color: inherit;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
}

.portal-shell__nav-backdrop[b-f7raggg4oa] {
    display: none;
}

/* Expandable sidebar group. A native <details>, so it discloses with no JS and no Blazor
   interactivity — this layout renders as static SSR. */
.nav-group[b-f7raggg4oa] {
    display: block;
}

.nav-group__summary[b-f7raggg4oa] {
    cursor: pointer;
    list-style: none;
    user-select: none;
}

/* Hide both marker implementations; the chevron below is drawn instead. */
.nav-group__summary[b-f7raggg4oa]::-webkit-details-marker {
    display: none;
}

.nav-group__summary[b-f7raggg4oa]::marker {
    content: "";
}

.nav-group__summary[b-f7raggg4oa]::after {
    content: "\F282"; /* bi-chevron-down */
    font-family: "bootstrap-icons";
    margin-left: auto;
    font-size: 0.75rem;
    opacity: 0.7;
    transition: transform 0.15s ease;
    transform: rotate(-90deg);
}

.nav-group[open] > .nav-group__summary[b-f7raggg4oa]::after {
    transform: rotate(0deg);
}

.nav-group__children[b-f7raggg4oa] {
    margin-left: 0.85rem;
    padding-left: 0.5rem;
    border-left: 1px solid rgba(104, 176, 168, 0.35);
}

@media (max-width: 640px) {
    .portal-shell__nav-toggle[b-f7raggg4oa] {
        display: inline-flex;
        position: fixed;
        top: 10px;
        left: 12px;
        z-index: 1102;
    }

    .portal-shell__nav-close[b-f7raggg4oa] {
        display: inline-flex;
        margin-left: auto;
        background: transparent;
        border-color: transparent;
    }

    .sidebar[b-f7raggg4oa] {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 272px;
        max-width: 85vw;
        z-index: 1101;
        overflow-y: auto;
        transform: translateX(-100%);
        transition: transform 0.2s ease;
    }

    .sidebar--open[b-f7raggg4oa] {
        transform: translateX(0);
    }

    .portal-shell__nav-backdrop[b-f7raggg4oa] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1100;
        background: rgba(13, 23, 51, 0.5);
    }

    main[b-f7raggg4oa] {
        padding-top: 56px;
    }
}

@media (min-width: 641px) {
    .sidebar[b-f7raggg4oa] {
        transform: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
/* Styles merged into wwwroot/css/brand.css */
/* /Components/Pages/AccountManagement/CompanyAccountManagementTab.razor.rz.scp.css */
/*
    Company Account Management tab. Cards, buttons, badges and the empty state are the shared wrappers;
    what is left here is the value lines, the inline save feedback, the quick-action row and the recent
    activity list.
*/

.company-am-tab__value[b-ljtdsinffq] {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--cv-text);
}

.company-am-tab__label[b-ljtdsinffq] {
    color: var(--cv-text-muted);
    margin: 0 0 var(--cv-space-1);
}

.company-am-tab__error[b-ljtdsinffq] {
    margin-top: var(--cv-space-2);
    font-size: 0.875rem;
    color: var(--cv-attention-danger-text);
}

.company-am-tab__actions[b-ljtdsinffq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-2);
    margin-top: var(--cv-space-4);
    padding-top: var(--cv-space-3);
    border-top: var(--cv-border-width) solid var(--cv-border-subtle);
}

.company-am-tab__activity[b-ljtdsinffq] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.company-am-tab__activity-row[b-ljtdsinffq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--cv-space-2) var(--cv-space-3);
    padding: var(--cv-row-pad);
    border-bottom: var(--cv-border-width) solid var(--cv-border-subtle);
}

.company-am-tab__activity-row:last-child[b-ljtdsinffq] {
    border-bottom: 0;
}

.company-am-tab__activity-row:hover[b-ljtdsinffq] {
    background: var(--cv-surface-hover);
}

.company-am-tab__activity-main[b-ljtdsinffq] {
    min-width: 0;
    flex: 1 1 12rem;
}

.company-am-tab__activity-title[b-ljtdsinffq] {
    display: block;
    font-weight: 500;
    color: var(--cv-text);
    overflow-wrap: anywhere;
}

a.company-am-tab__activity-title[b-ljtdsinffq] {
    text-decoration: none;
}

a.company-am-tab__activity-title:hover[b-ljtdsinffq] {
    text-decoration: underline;
}

.company-am-tab__activity-aside[b-ljtdsinffq] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-2);
}
/* /Components/Pages/AccountManagement/ReviewDetail.razor.rz.scp.css */
.account-management-review-detail[b-u203snz9hw] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.account-management-review-detail__state-card[b-u203snz9hw],
.account-management-review-detail__message-card[b-u203snz9hw] {
    max-width: 72rem;
}

.account-management-review-detail__state-message[b-u203snz9hw] {
    margin: 0;
}

.account-management-review-detail__stats-grid[b-u203snz9hw] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.account-management-review-detail__tabs[b-u203snz9hw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.account-management-review-detail__tab[b-u203snz9hw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 999px;
    background: var(--cv-surface);
    color: var(--cv-text);
    font-weight: 600;
}

.account-management-review-detail__tab--active[b-u203snz9hw] {
    background: var(--cv-primary);
    border-color: var(--cv-primary);
    color: var(--cv-surface);
}

.account-management-review-detail__tab-badge[b-u203snz9hw] {
    min-width: 1.5rem;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: var(--cv-surface-hover);
    font-size: 0.78rem;
    text-align: center;
}

.account-management-review-detail__form-grid[b-u203snz9hw] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.account-management-review-detail__content-grid[b-u203snz9hw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 1rem;
}

.account-management-review-detail__touchpoint-filter-bar[b-u203snz9hw] {
    margin-bottom: 1rem;
}

.account-management-review-detail__touchpoint-filters[b-u203snz9hw] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.account-management-review-detail__content-card[b-u203snz9hw] {
    height: 100%;
}

.account-management-review-detail__field[b-u203snz9hw] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.account-management-review-detail__field--wide[b-u203snz9hw] {
    grid-column: 1 / -1;
}

.account-management-review-detail__label[b-u203snz9hw],
.account-management-review-detail__lookup[b-u203snz9hw]  .form-label {
    margin-bottom: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cv-text-muted);
}

.account-management-review-detail__lookup[b-u203snz9hw] {
    margin-bottom: 0;
}

.account-management-review-detail__select[b-u203snz9hw] {
    margin-bottom: 0;
}

.account-management-review-detail__select[b-u203snz9hw]  .mud-input-control {
    margin: 0;
}

.account-management-review-detail__helper[b-u203snz9hw] {
    margin: 0;
    min-height: 1.2rem;
    font-size: 0.8rem;
    color: var(--cv-text-muted);
}

.account-management-review-detail__helper--generated[b-u203snz9hw] {
    margin-top: 0.35rem;
}

.account-management-review-detail__rich-text-preview[b-u203snz9hw] {
    min-height: 10rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 0.75rem;
    background: var(--cv-surface-hover);
}

.account-management-review-detail__rich-text-preview > :last-child[b-u203snz9hw] {
    margin-bottom: 0;
}

.account-management-review-detail__empty-copy[b-u203snz9hw] {
    margin: 0;
    color: var(--cv-text-muted);
}

.account-management-review-detail__action-form[b-u203snz9hw],
.account-management-review-detail__linked-items[b-u203snz9hw],
.account-management-review-detail__suggestions[b-u203snz9hw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.account-management-review-detail__suggestions-header[b-u203snz9hw],
.account-management-review-detail__linked-item[b-u203snz9hw],
.account-management-review-detail__suggestion-card[b-u203snz9hw] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 0.9rem;
    background: var(--cv-surface-hover);
}

.account-management-review-detail__touchpoint-card[b-u203snz9hw] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 0.9rem;
    background: var(--cv-surface-hover);
}

.account-management-review-detail__touchpoint-tags[b-u203snz9hw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.55rem;
}

.account-management-review-detail__touchpoint-notes[b-u203snz9hw] {
    margin: 0.75rem 0 0;
    white-space: pre-wrap;
}

.account-management-review-detail__suggestion-card[b-u203snz9hw],
.account-management-review-detail__linked-item[b-u203snz9hw] {
    align-items: flex-start;
}

.account-management-review-detail__suggestion-header[b-u203snz9hw],
.account-management-review-detail__linked-item-title[b-u203snz9hw] {
    font-weight: 700;
}

.account-management-review-detail__linked-item-meta[b-u203snz9hw],
.account-management-review-detail__suggestion-meta[b-u203snz9hw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: var(--cv-text-muted);
    font-size: 0.85rem;
}

.account-management-review-detail__priority[b-u203snz9hw] {
    text-transform: capitalize;
    color: var(--cv-text-muted);
}

.account-management-review-detail__suggestion-rationale[b-u203snz9hw] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--cv-text-muted);
}

.account-management-review-detail__suggestion-copy[b-u203snz9hw] {
    margin: 0;
}

.account-management-review-detail__suggestion-group[b-u203snz9hw] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.account-management-review-detail__suggestion-group + .account-management-review-detail__suggestion-group[b-u203snz9hw] {
    margin-top: 1rem;
}

.account-management-review-detail__suggestion-group-header[b-u203snz9hw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.account-management-review-detail__suggestion-group--priority .account-management-review-detail__suggestion-group-title[b-u203snz9hw] {
    color: var(--cv-attention-danger-text);
}

.account-management-review-detail__suggestion-group-title[b-u203snz9hw] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.account-management-review-detail__suggestion-group-count[b-u203snz9hw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.25rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: var(--cv-surface-hover);
    color: var(--cv-text);
    font-size: 0.75rem;
}

.account-management-review-detail__suggestion-card[b-u203snz9hw] {
    position: relative;
    padding-left: 1.1rem;
}

.account-management-review-detail__suggestion-card[b-u203snz9hw]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6rem;
    bottom: 0.6rem;
    width: 4px;
    border-radius: 4px;
    background: var(--cv-surface-hover);
}

.account-management-review-detail__suggestion-card--urgent[b-u203snz9hw]::before {
    background: var(--status-at-risk-bg);
}

.account-management-review-detail__suggestion-card--high[b-u203snz9hw]::before {
    background: var(--status-needs-attention-bg);
}

.account-management-review-detail__suggestion-card--normal[b-u203snz9hw]::before {
    background: var(--cv-surface-hover);
}

.account-management-review-detail__suggestion-card--low[b-u203snz9hw]::before {
    background: var(--cv-surface-hover);
}

.account-management-review-detail__badge[b-u203snz9hw] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
}

.account-management-review-detail__badge--urgent[b-u203snz9hw] {
    background: var(--status-at-risk-bg);
    color: var(--cv-attention-danger-text);
}

.account-management-review-detail__badge--high[b-u203snz9hw] {
    background: var(--status-needs-attention-bg);
    color: var(--cv-attention-warning-text);
}

.account-management-review-detail__badge--normal[b-u203snz9hw],
.account-management-review-detail__badge--low[b-u203snz9hw],
.account-management-review-detail__badge--status[b-u203snz9hw] {
    background: var(--cv-surface-hover);
    color: var(--cv-text-muted);
}

.account-management-review-detail__linked-item-actions[b-u203snz9hw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.account-management-review-detail__linked-item-main[b-u203snz9hw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.account-management-review-detail__linked-item-title-row[b-u203snz9hw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
}

.account-management-review-detail__linked-item-copy[b-u203snz9hw] {
    color: var(--cv-text-muted);
}

.account-management-review-detail__card-actions[b-u203snz9hw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.account-management-review-detail__card-actions--inline[b-u203snz9hw] {
    margin-top: 0;
    justify-content: flex-start;
}

.account-management-review-detail__upload[b-u203snz9hw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

@media (max-width: 1199.98px) {
    .account-management-review-detail__form-grid[b-u203snz9hw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.account-management-review-detail__actions[b-u203snz9hw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1.5rem;
}

@media (max-width: 767.98px) {
    .account-management-review-detail__form-grid[b-u203snz9hw] {
        grid-template-columns: 1fr;
    }

    .account-management-review-detail__actions[b-u203snz9hw] {
        justify-content: stretch;
    }

    .account-management-review-detail__actions[b-u203snz9hw]  .cv-button {
        width: 100%;
    }

    .account-management-review-detail__suggestions-header[b-u203snz9hw],
    .account-management-review-detail__linked-item[b-u203snz9hw],
    .account-management-review-detail__suggestion-card[b-u203snz9hw] {
        flex-direction: column;
    }

    .account-management-review-detail__linked-item-actions[b-u203snz9hw] {
        justify-content: stretch;
    }
}
/* /Components/Pages/AccountManagement/Reviews.razor.rz.scp.css */
.business-reviews-page[b-0juzh09ym1] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.business-reviews-page__stats-grid[b-0juzh09ym1] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.business-reviews-page__loading-shell[b-0juzh09ym1] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 280px;
}

.business-reviews-page__tag-list[b-0juzh09ym1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.business-reviews-page__tag-pill[b-0juzh09ym1] {
    align-items: center;
    appearance: none;
    background: var(--status-needs-attention-bg);
    border: 1px solid var(--status-needs-attention);
    border-radius: 999px;
    color: var(--cv-text);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    gap: 0.5rem;
    padding: 0.5rem 0.85rem;
    text-align: left;
}

.business-reviews-page__tag-meta[b-0juzh09ym1] {
    color: var(--cv-text-muted);
    font-size: 0.82rem;
}

.business-reviews-page__filter-grid[b-0juzh09ym1] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.business-reviews-page__filter-actions[b-0juzh09ym1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.business-reviews-page__filter-chip[b-0juzh09ym1] {
    align-items: center;
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
    border-radius: 999px;
    color: var(--cv-text-muted);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.42rem 0.72rem;
}

.business-reviews-page__table-link[b-0juzh09ym1] {
    color: var(--cv-primary);
    font-weight: 700;
    text-decoration: none;
}

.business-reviews-page__empty-state[b-0juzh09ym1] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    justify-content: center;
    min-height: 240px;
    text-align: center;
}

.business-reviews-page__empty-icon[b-0juzh09ym1] {
    align-items: center;
    background: var(--status-in-progress-bg);
    border-radius: 50%;
    color: var(--cv-primary);
    display: inline-flex;
    font-size: 2rem;
    height: 4.5rem;
    justify-content: center;
    width: 4.5rem;
}
/* /Components/Pages/AccountManagement/Schedule.razor.rz.scp.css */
.account-management-schedule[b-208cg9mxth] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.account-management-schedule__message-copy[b-208cg9mxth] {
    margin: 0;
}

.account-management-schedule__loading-shell[b-208cg9mxth] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 280px;
}

.account-management-schedule__stats-grid[b-208cg9mxth] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.account-management-schedule__filter-grid[b-208cg9mxth] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
}

.account-management-schedule__filter-field[b-208cg9mxth] {
    min-width: 0;
}

.account-management-schedule[b-208cg9mxth]  .account-management-schedule__filter-bar .cv-filter-bar__content {
    flex: 1 1 100%;
}

.account-management-schedule__filter-actions[b-208cg9mxth] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table {
    min-height: 60vh;
}

.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table-card {
    --planner-card-header-height: 4.75rem;
    --planner-sticky-top: 4rem;
    overflow: visible;
}

.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table-card .cv-card__header {
    background: var(--surface-raised, var(--cv-surface));
    position: sticky;
    top: var(--planner-sticky-top);
    z-index: 18;
}

.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table-card .cv-card__body {
    padding-top: 0;
}

.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table .cv-table {
    overflow: visible;
}

.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table .cv-table__table {
    min-width: max-content;
}

.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table .cv-table__scroll {
    overflow: visible;
}

.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table th {
    background: var(--mud-palette-background-grey, var(--cv-surface-sunken));
    position: sticky;
    top: calc(var(--planner-sticky-top) + var(--planner-card-header-height));
    z-index: 16;
}

.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table td,
.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table th {
    vertical-align: middle;
}

.account-management-schedule__sticky-column[b-208cg9mxth] {
    background: var(--surface-raised, var(--cv-surface));
    left: 0;
    min-width: 250px;
    position: sticky;
    z-index: 6;
}

.account-management-schedule__sticky-column--header[b-208cg9mxth] {
    background: var(--mud-palette-background-grey, var(--cv-surface-sunken));
    z-index: 17;
}

.account-management-schedule__company-cell[b-208cg9mxth] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.account-management-schedule__company-actions[b-208cg9mxth] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.account-management-schedule__company-link[b-208cg9mxth] {
    color: var(--cv-primary);
    font-weight: 700;
    text-decoration: none;
}

.account-management-schedule__company-meta[b-208cg9mxth] {
    align-items: center;
    color: var(--cv-text-muted);
    display: inline-flex;
    font-size: 0.85rem;
    gap: 0.35rem;
}

.account-management-schedule__control-header[b-208cg9mxth],
.account-management-schedule__control-cell[b-208cg9mxth] {
    min-width: 13rem;
    width: 13rem;
}

.account-management-schedule__summary-header[b-208cg9mxth],
.account-management-schedule__summary-cell[b-208cg9mxth] {
    min-width: 10rem;
    width: 10rem;
}

.account-management-schedule__summary-stack[b-208cg9mxth] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.account-management-schedule__summary-support[b-208cg9mxth] {
    color: var(--cv-text-muted);
    font-size: 0.82rem;
}

.account-management-schedule__month-header[b-208cg9mxth] {
    min-width: 80px;
    text-align: center;
}

.account-management-schedule__month-year[b-208cg9mxth] {
    color: var(--cv-text-muted);
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    margin-top: 0.15rem;
}

.account-management-schedule__month-cell[b-208cg9mxth] {
    text-align: center;
}

.account-management-schedule__review-stack[b-208cg9mxth] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: center;
}

.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table .account-management-schedule__row-select,
.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table .account-management-schedule__row-select .mud-input-control,
.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table .account-management-schedule__row-select .mud-input-control-input-container,
.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table .account-management-schedule__row-select .mud-input,
.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table .account-management-schedule__row-select .mud-input-root,
.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table .account-management-schedule__row-select .mud-select {
    width: 100%;
}

.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table .account-management-schedule__review-button {
    min-height: 2rem;
    min-width: 2rem;
    padding: 0;
}

.account-management-schedule[b-208cg9mxth]  .account-management-schedule__table .account-management-schedule__review-button .mud-button-label {
    align-items: center;
    display: flex;
    font-size: 0.78rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.account-management-schedule__empty-state[b-208cg9mxth] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    justify-content: center;
    min-height: 240px;
    text-align: center;
}

.account-management-schedule__empty-icon[b-208cg9mxth] {
    align-items: center;
    background: var(--status-in-progress-bg);
    border-radius: 50%;
    color: var(--cv-primary);
    display: inline-flex;
    font-size: 2rem;
    height: 4.5rem;
    justify-content: center;
    width: 4.5rem;
}

@media (max-width: 767.98px) {
    .account-management-schedule__filter-actions[b-208cg9mxth] {
        justify-content: flex-start;
    }

    .account-management-schedule[b-208cg9mxth]  .account-management-schedule__table-card .cv-card__header,
    .account-management-schedule[b-208cg9mxth]  .account-management-schedule__table th {
        position: static;
    }
}

@media (max-width: 991.98px) {
    .account-management-schedule__filter-grid[b-208cg9mxth] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .account-management-schedule__filter-grid[b-208cg9mxth] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/Actions.razor.rz.scp.css */
/* Action queue.

   The layout rule that matters: with the default (lean) column set the table must fit its
   container at normal desktop widths without any horizontal scrolling. That is enforced
   structurally by `table-layout: fixed` — the table can never be wider than its container, so
   long titles, company names and owner lists ellipsis inside their cell instead of pushing the
   row out. Horizontal scrolling is reintroduced deliberately, and only where it is wanted: below
   1100px, and whenever the user has opted into optional columns. */

.actions-page[b-pyslb7c72g] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
    max-width: none;
    margin: 0;
    /* The page itself never scrolls sideways; containment happens inside the table shell. */
    min-width: 0;
    overflow-x: clip;
}

.actions-page--full-width[b-pyslb7c72g],
.actions-page[b-pyslb7c72g]  .actions-page__form-card,
.actions-page[b-pyslb7c72g]  .actions-page__columns-card,
.actions-page[b-pyslb7c72g]  .actions-page__queue-card {
    width: 100%;
    max-width: none;
}

/* The header's search field needs room: let the actions block take up to 46rem. */
.actions-page[b-pyslb7c72g]  .cv-page-header__actions {
    flex: 0 1 min(100%, 46rem);
}

.actions-page__header-actions[b-pyslb7c72g] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
}

.actions-page__header-search[b-pyslb7c72g] {
    flex: 1 1 20rem;
    min-width: 14rem;
}

/* ── Create form ─────────────────────────────────────────────────── */

.actions-page__form-grid[b-pyslb7c72g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.actions-page__field[b-pyslb7c72g] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.actions-page__field--wide[b-pyslb7c72g] {
    grid-column: 1 / -1;
}

.actions-page__field-label[b-pyslb7c72g] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--cv-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.045em;
}

.actions-page__editor-shell[b-pyslb7c72g],
.actions-page__company-shell[b-pyslb7c72g],
.actions-page__assignee-picker[b-pyslb7c72g] {
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface);
    padding: 0.75rem;
}

.actions-page__field-helper[b-pyslb7c72g] {
    margin: 0.5rem 0 0;
    color: var(--cv-text-muted);
    font-size: 0.875rem;
}

.actions-page__segmented-group[b-pyslb7c72g],
.actions-page__form-actions[b-pyslb7c72g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.actions-page__form-actions[b-pyslb7c72g] {
    justify-content: flex-end;
}

/* ── Saved-view tabs ─────────────────────────────────────────────── */

.actions-page__saved-views[b-pyslb7c72g] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    overflow-x: auto;
    border-bottom: 1px solid var(--cv-border);
}

.actions-page__saved-view[b-pyslb7c72g] {
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--cv-text-muted);
    font-weight: 700;
    padding: 0.75rem 0.875rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    cursor: pointer;
}

.actions-page__saved-view:disabled[b-pyslb7c72g] {
    cursor: default;
    opacity: 0.65;
}

.actions-page__saved-view:hover:not(:disabled)[b-pyslb7c72g],
.actions-page__saved-view.is-active[b-pyslb7c72g] {
    color: var(--cv-primary);
    border-bottom-color: var(--cv-primary);
}

.actions-page__saved-view-count[b-pyslb7c72g] {
    display: inline-grid;
    place-items: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.35rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: inherit;
    font-size: 0.75rem;
}

/* ── Filter bar ──────────────────────────────────────────────────── */

.actions-page__filter-grid[b-pyslb7c72g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.75rem;
    align-items: end;
    width: 100%;
}

.actions-page__filter-field[b-pyslb7c72g] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.actions-page__filter-actions[b-pyslb7c72g] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: var(--cv-text-muted);
    font-weight: 600;
}

.actions-page__filter-note[b-pyslb7c72g] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0.75rem 0 0;
    color: var(--cv-text-muted);
    font-size: 0.85rem;
}

.actions-page__active-filters[b-pyslb7c72g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.75rem;
}

.actions-page__active-filter[b-pyslb7c72g] {
    display: inline-flex;
    align-items: center;
    border-radius: var(--cv-radius-chip);
    padding: 0.22rem 0.6rem;
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.78rem;
    font-weight: 700;
}

.actions-page__bulk-bar[b-pyslb7c72g] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 0.75rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
}

.actions-page__bulk-count[b-pyslb7c72g] {
    font-weight: 700;
    color: var(--cv-text);
}

.actions-page__loading-shell[b-pyslb7c72g] {
    min-height: 18rem;
    display: grid;
    place-items: center;
    text-align: center;
}

/* ── Table ───────────────────────────────────────────────────────── */

.actions-page__table-shell[b-pyslb7c72g] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 1rem;
    border-radius: var(--cv-radius-card);
    overflow: hidden;
}

.actions-page__table-shell.is-reloading[b-pyslb7c72g] {
    opacity: 0.6;
    transition: opacity 0.15s ease;
}

/* The scroll boundary lives on CvTable's own wrapper, so any overflow stays inside the card
   rather than escaping to the page. */
.actions-page__table-shell[b-pyslb7c72g]  .cv-table__scroll {
    overflow-x: auto;
    max-width: 100%;
}

/* Fixed layout is what makes the no-horizontal-scroll guarantee structural rather than a
   hopeful set of max-widths: the table resolves to exactly its container width and cell content
   is clipped, never allowed to widen a column. */
.actions-page__table-shell[b-pyslb7c72g]  .cv-table__table {
    width: 100%;
    table-layout: fixed;
}

.actions-page__table-shell[b-pyslb7c72g]  .cv-table__table th {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
    background: var(--cv-surface-sunken);
    padding: 0.75rem;
    vertical-align: middle;
    text-align: left;
}

.actions-page__table-shell[b-pyslb7c72g]  .cv-table__table td {
    vertical-align: middle;
    padding: 0.7rem 0.75rem;
    overflow: hidden;
}

.actions-page__table-shell[b-pyslb7c72g]  .cv-table__table tbody tr {
    border-top: 1px solid var(--cv-border-subtle);
}

.actions-page__table-shell[b-pyslb7c72g]  .cv-table__table tbody tr:hover {
    background: var(--cv-surface-hover);
}

/* Column widths. Never applied to <th>/<td> as flex or grid containers — layout inside a cell
   always happens in an inner wrapper (.actions-page__cell-inline, .actions-page__action-main). */
.actions-page__table-shell[b-pyslb7c72g]  .actions-page__col-select {
    width: 2.75rem;
}

.actions-page__table-shell[b-pyslb7c72g]  .actions-page__col-company {
    width: 16%;
}

.actions-page__table-shell[b-pyslb7c72g]  .actions-page__col-owner {
    width: 13%;
}

.actions-page__table-shell[b-pyslb7c72g]  .actions-page__col-due {
    width: 8.5rem;
}

.actions-page__table-shell[b-pyslb7c72g]  .actions-page__col-status {
    width: 7.5rem;
}

.actions-page__table-shell[b-pyslb7c72g]  .actions-page__col-priority {
    width: 7rem;
}

.actions-page__table-shell[b-pyslb7c72g]  .actions-page__col-source {
    width: 11rem;
}

.actions-page__table-shell[b-pyslb7c72g]  .actions-page__col-ticket {
    width: 9.5rem;
}

.actions-page__table-shell[b-pyslb7c72g]  .actions-page__col-activity {
    width: 8rem;
}

.actions-page__table-shell[b-pyslb7c72g]  .actions-page__col-menu {
    width: 8rem;
    text-align: right;
}

.actions-page__cell-inline[b-pyslb7c72g] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
}

.actions-page__cell-inline--end[b-pyslb7c72g] {
    justify-content: flex-end;
}

.actions-page__action-main[b-pyslb7c72g] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.actions-page__action-heading[b-pyslb7c72g] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.actions-page__action-title[b-pyslb7c72g] {
    display: block;
    min-width: 0;
    color: var(--cv-text);
    font-weight: 800;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.actions-page__action-title:hover[b-pyslb7c72g],
.actions-page__ticket-link:hover[b-pyslb7c72g] {
    color: var(--cv-primary);
    text-decoration: underline;
}

.actions-page__action-description[b-pyslb7c72g] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.85rem;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.actions-page__secondary[b-pyslb7c72g] {
    color: var(--cv-text-muted);
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* The scope glyph must never be the thing that gets clipped, so the truncation that
   .actions-page__secondary applies to the whole cell moves onto the name text instead. */
.actions-page__responsibility[b-pyslb7c72g] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    max-width: 100%;
}

.actions-page__responsibility-text[b-pyslb7c72g] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.actions-page__scope-icon[b-pyslb7c72g] {
    flex: 0 0 auto;
    font-size: 0.85rem;
    line-height: 1;
}

/* Shape carries the state; colour only reinforces it. */
.actions-page__scope-icon--private[b-pyslb7c72g] {
    color: var(--cv-text-muted);
}

.actions-page__scope-icon--tenant[b-pyslb7c72g] {
    color: var(--cv-primary);
}

.actions-page__scope-icon--users[b-pyslb7c72g] {
    color: var(--cv-support);
}

.actions-page__priority-dot[b-pyslb7c72g] {
    flex: 0 0 auto;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: var(--cv-radius-round);
    background: color-mix(in srgb, var(--cv-text-muted) 55%, transparent);
}

.actions-page__priority-dot--urgent[b-pyslb7c72g] {
    background: var(--cv-attention-danger);
}

.actions-page__priority-dot--high[b-pyslb7c72g] {
    background: var(--cv-attention-warning);
}

.actions-page__priority-dot--normal[b-pyslb7c72g] {
    background: var(--cv-primary);
}

.actions-page__priority-dot--low[b-pyslb7c72g] {
    background: color-mix(in srgb, var(--cv-text-muted) 55%, transparent);
}

.actions-page__source-pill[b-pyslb7c72g],
.actions-page__source-link[b-pyslb7c72g],
.actions-page__ticket-link[b-pyslb7c72g],
.actions-page__ticket-state[b-pyslb7c72g],
.actions-page__status[b-pyslb7c72g],
.actions-page__badge[b-pyslb7c72g] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    border-radius: var(--cv-radius-chip);
    padding: 0.28rem 0.58rem;
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.actions-page__source-pill[b-pyslb7c72g],
.actions-page__source-link[b-pyslb7c72g] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
}

.actions-page__source-link:hover[b-pyslb7c72g] {
    color: var(--cv-primary);
    text-decoration: underline;
}

/* Status and ticket pills use the --status-* background and text pairs, which switch with the
   theme, so they stay legible in both. */
.actions-page__ticket-link[b-pyslb7c72g],
.actions-page__status--success[b-pyslb7c72g] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.actions-page__ticket-state[b-pyslb7c72g],
.actions-page__status--primary[b-pyslb7c72g],
.actions-page__badge--secondary[b-pyslb7c72g] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
}

.actions-page__ticket-state--queued[b-pyslb7c72g],
.actions-page__status--warning[b-pyslb7c72g],
.actions-page__badge--warning[b-pyslb7c72g] {
    background: var(--status-needs-attention-bg);
    color: var(--status-needs-attention-text);
}

.actions-page__ticket-state--failed[b-pyslb7c72g],
.actions-page__badge--danger[b-pyslb7c72g] {
    background: var(--status-at-risk-bg);
    color: var(--status-at-risk-text);
}

.actions-page__pager[b-pyslb7c72g] {
    margin-top: 1rem;
}

.actions-page[b-pyslb7c72g]  .actions-page__form-card,
.actions-page[b-pyslb7c72g]  .actions-page__columns-card,
.actions-page[b-pyslb7c72g]  .actions-page__queue-card {
    overflow: visible;
}

.actions-page[b-pyslb7c72g]  .actions-page__queue-card .cv-card__body {
    padding: 1rem;
    min-width: 0;
}

/* Optional columns are opt-in, so the cost of turning them on is opt-in too: the table gets a
   minimum width and the shell scrolls, rather than squeezing seven-plus columns into the same
   space and making every one of them unreadable. */
.actions-page__table-shell--wide[b-pyslb7c72g]  .cv-table__table {
    min-width: 72rem;
}

/* ── Responsive ──────────────────────────────────────────────────── */

@media (max-width: 1099.98px) {
    .actions-page__header-actions[b-pyslb7c72g] {
        justify-content: stretch;
    }

    .actions-page__header-search[b-pyslb7c72g] {
        flex-basis: 100%;
        min-width: 100%;
    }

    /* Below this width even the lean column set cannot stay readable, so the table is given a
       minimum width and scrolls inside its shell. The page body still does not scroll. */
    .actions-page__table-shell[b-pyslb7c72g]  .cv-table__table {
        min-width: 56rem;
    }
}

@media (max-width: 767.98px) {
    .actions-page__filter-grid[b-pyslb7c72g] {
        grid-template-columns: 1fr;
    }

    .actions-page__filter-actions[b-pyslb7c72g] {
        justify-content: flex-start;
    }

    .actions-page__bulk-bar[b-pyslb7c72g] {
        flex-direction: column;
        align-items: stretch;
    }

    .actions-page[b-pyslb7c72g]  .actions-page__queue-card .cv-card__body {
        padding: 0.75rem;
    }
}
/* /Components/Pages/Actions/ActionDetail.razor.rz.scp.css */
.action-detail-page[b-mtttzmrc20] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
    width: 100%;
}

.action-detail-page__loading[b-mtttzmrc20] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 320px;
}

.action-detail-page__layout[b-mtttzmrc20] {
    align-items: start;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
}

.action-detail-page__main[b-mtttzmrc20],
.action-detail-page__side[b-mtttzmrc20] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

.action-detail-page__header-actions[b-mtttzmrc20],
.action-detail-page__button-row[b-mtttzmrc20],
.action-detail-page__quick-actions[b-mtttzmrc20],
.action-detail-page__segmented[b-mtttzmrc20],
.action-detail-page__people-list[b-mtttzmrc20] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.action-detail-page__button-row--end[b-mtttzmrc20] {
    justify-content: flex-end;
}

.action-detail-page__form-grid[b-mtttzmrc20] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.action-detail-page__field[b-mtttzmrc20] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.action-detail-page__field--wide[b-mtttzmrc20] {
    grid-column: 1 / -1;
}

.action-detail-page__label[b-mtttzmrc20] {
    color: var(--cv-text);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.action-detail-page__editor-shell[b-mtttzmrc20],
.action-detail-page__note-box[b-mtttzmrc20] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.action-detail-page__rich-text[b-mtttzmrc20] {
    color: var(--cv-text);
    line-height: 1.7;
}

.action-detail-page__muted[b-mtttzmrc20] {
    color: var(--cv-text-muted);
    margin: 0;
}

.action-detail-page__timeline[b-mtttzmrc20] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.25rem;
    position: relative;
}

.action-detail-page__timeline[b-mtttzmrc20]::before {
    background: var(--cv-border);
    bottom: 0.5rem;
    content: "";
    left: 1.2rem;
    position: absolute;
    top: 0.5rem;
    width: 2px;
}

.action-detail-page__timeline-item[b-mtttzmrc20] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    position: relative;
}

.action-detail-page__timeline-icon[b-mtttzmrc20] {
    align-items: center;
    background: var(--cv-primary);
    border: 3px solid var(--cv-surface);
    border-radius: 999px;
    color: var(--cv-tone-primary-fg);
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    position: relative;
    width: 2.5rem;
    z-index: 1;
}

.action-detail-page__timeline-icon--system[b-mtttzmrc20] {
    background: var(--cv-text-muted);
}

.action-detail-page__timeline-card[b-mtttzmrc20] {
    background: var(--cv-surface);
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    padding: 1rem;
}

.action-detail-page__timeline-top[b-mtttzmrc20] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.action-detail-page__timeline-top div[b-mtttzmrc20] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.action-detail-page__timeline-top span[b-mtttzmrc20] {
    color: var(--cv-text-muted);
    font-size: 0.82rem;
}

.action-detail-page__timeline-body[b-mtttzmrc20] {
    color: var(--cv-text);
    line-height: 1.6;
    margin-top: 0.75rem;
}

.action-detail-page__timeline-body p[b-mtttzmrc20] {
    margin: 0;
}

.action-detail-page__meta-list[b-mtttzmrc20] {
    display: grid;
    gap: 0.9rem;
    margin: 0;
}

.action-detail-page__meta-list div[b-mtttzmrc20] {
    display: grid;
    gap: 0.25rem;
}

.action-detail-page__meta-list dt[b-mtttzmrc20] {
    color: var(--cv-text-muted);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.action-detail-page__meta-list dd[b-mtttzmrc20] {
    color: var(--cv-text);
    margin: 0;
}

.action-detail-page__file-list[b-mtttzmrc20] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.action-detail-page__file-row[b-mtttzmrc20] {
    align-items: center;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-control);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.75rem;
}

.action-detail-page__file-main[b-mtttzmrc20] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    min-width: 0;
}

.action-detail-page__file-main > i[b-mtttzmrc20] {
    font-size: 1.35rem;
}

.action-detail-page__file-main div[b-mtttzmrc20] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.action-detail-page__file-main strong[b-mtttzmrc20] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.action-detail-page__file-main span[b-mtttzmrc20] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
}

.action-detail-page__file-actions[b-mtttzmrc20] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0.25rem;
}

.action-detail-page[b-mtttzmrc20]  .cv-card {
    max-width: none;
    width: 100%;
}

@media (max-width: 991.98px) {
    .action-detail-page__layout[b-mtttzmrc20] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .action-detail-page__timeline-top[b-mtttzmrc20] {
        flex-direction: column;
    }

    .action-detail-page__file-row[b-mtttzmrc20] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Analytics/EngagementSummary.razor.rz.scp.css */
.engagement-summary__chart--small[b-zm5ecf44vs] {
    height: 140px;
}

.engagement-summary__chart--large[b-zm5ecf44vs] {
    height: 280px;
}
/* /Components/Pages/Calendar/Calendar.razor.rz.scp.css */
.calendar-page[b-tejp6bftav] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.calendar-page__header-actions[b-tejp6bftav] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
}

.calendar-page__view-toggle[b-tejp6bftav],
.calendar-page__month-nav[b-tejp6bftav] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.calendar-page__month-label[b-tejp6bftav] {
    min-width: 9rem;
    font-size: 1.05rem;
    font-weight: 700;
    text-align: right;
    color: var(--cv-text);
}

.calendar-page__share-status[b-tejp6bftav] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
}

.calendar-page__share-status[b-tejp6bftav] {
    margin-left: 0.4rem;
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

/* The header is a navy band (CvPageHeader Variant="Band"), so the "On" chip takes the band eyebrow lime. */
.cv-page-header--band .calendar-page__share-status[b-tejp6bftav] {
    background: var(--cv-band-line);
    color: var(--cv-band-eyebrow);
}

.calendar-page__panel-card[b-tejp6bftav],
.calendar-page__calendar-card[b-tejp6bftav] {
    margin-bottom: 0;
}

.calendar-page__card-section + .calendar-page__card-section[b-tejp6bftav] {
    margin-top: 1rem;
}

.calendar-page__people-list[b-tejp6bftav],
.calendar-page__legend-items[b-tejp6bftav] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.calendar-page__legend-items[b-tejp6bftav] {
    row-gap: 0.5rem;
}

.calendar-page__legend-entry[b-tejp6bftav] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.9rem;
    color: var(--cv-text-muted);
}

.calendar-page__legend-dot[b-tejp6bftav] {
    width: 0.75rem;
    height: 0.75rem;
    display: inline-flex;
    border-radius: 999px;
    background: var(--calendar-page-legend-colour, var(--cv-secondary));
}

.calendar-page__loading[b-tejp6bftav] {
    min-height: 20rem;
}

.calendar-page__event-popup-details[b-tejp6bftav] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.calendar-page__event-popup-row[b-tejp6bftav] {
    display: grid;
    gap: 0.35rem;
}

.calendar-page__event-popup-label[b-tejp6bftav] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cv-text-muted);
}

.calendar-page__event-popup-description[b-tejp6bftav] {
    margin: 1rem 0 0;
    color: var(--cv-text-muted);
    white-space: pre-wrap;
}

[b-tejp6bftav] .calendar-page__person-button {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.65rem;
}

[b-tejp6bftav] .calendar-page__person-button .mud-button-label {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

[b-tejp6bftav] .calendar-page__person-button .calendar-page__user-avatar {
    width: 1.45rem;
    height: 1.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    background: var(--calendar-page-user-colour, var(--cv-secondary));
    color: var(--cv-surface);
}

[b-tejp6bftav] .calendar-page__person-button.cv-button--filled .calendar-page__user-avatar {
    background: var(--cv-surface);
    color: var(--calendar-page-user-colour, var(--cv-secondary));
}

[b-tejp6bftav] .calendar-page__person-button .calendar-page__user-name {
    color: inherit;
}

@media (max-width: 768px) {
    .calendar-page__header-actions[b-tejp6bftav] {
        justify-content: flex-start;
    }

    .calendar-page__month-label[b-tejp6bftav] {
        min-width: auto;
        width: 100%;
        text-align: left;
    }
}
/* /Components/Pages/Companies.razor.rz.scp.css */
.companies-page[b-vli4v9bnj4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.companies-page__section[b-vli4v9bnj4] {
    display: block;
}


.companies-page__filter-primary[b-vli4v9bnj4] {
    flex: 1 1 24rem;
    min-width: min(100%, 20rem);
}

.companies-page__search-field[b-vli4v9bnj4] {
    width: 100%;
}

.companies-page__filter-meta[b-vli4v9bnj4] {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.companies-page__filter-chip[b-vli4v9bnj4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
}

.companies-page__filter-chip i[b-vli4v9bnj4] {
    color: var(--cv-tone-support-text);
}

.companies-page__filter-chip--context[b-vli4v9bnj4] {
    background: var(--status-satisfactory-bg);
}

.companies-page__filter-chip--context i[b-vli4v9bnj4] {
    color: var(--cv-tone-accent-text);
}

.companies-page__filter-chip--search[b-vli4v9bnj4] {
    background: var(--status-in-progress-bg);
}

.companies-page__results-meta[b-vli4v9bnj4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.companies-page__results-summary[b-vli4v9bnj4] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.95rem;
}

.companies-page__page-pill[b-vli4v9bnj4] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.85rem;
    font-weight: 700;
}

.companies-page__grid[b-vli4v9bnj4] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 21rem), 21rem));
    align-items: stretch;
    justify-content: start;
}

.companies-page__card-cell[b-vli4v9bnj4] {
    display: flex;
    min-width: 0;
}

.companies-page__card-cell[b-vli4v9bnj4]  .company-card {
    width: 100%;
    height: 100%;
}

.companies-page__card-cell[b-vli4v9bnj4]  .company-card__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.companies-page__card-cell[b-vli4v9bnj4]  .company-card__metric:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.companies-page__card-cell[b-vli4v9bnj4]  .company-card__footer--cta-only {
    justify-content: flex-end;
}

.companies-page__empty-card[b-vli4v9bnj4] {
    margin-top: 0.5rem;
}

.companies-page__empty-copy[b-vli4v9bnj4] {
    margin: 0;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.companies-page__pager[b-vli4v9bnj4] {
    margin-top: 1.5rem;
}

@media (max-width: 767.98px) {
    .companies-page__filter-chip[b-vli4v9bnj4],
    .companies-page__page-pill[b-vli4v9bnj4] {
        width: 100%;
        justify-content: center;
    }

    .companies-page__results-meta[b-vli4v9bnj4] {
        align-items: stretch;
    }

    .companies-page__grid[b-vli4v9bnj4] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/CompanyDetail.razor.rz.scp.css */
/* The company page shell: the status line under the header and the tab panel. The tab strip is CvTabs. */

.company-detail__meta[b-t92r0a33mr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-2);
    margin: calc(-1 * var(--cv-space-2)) 0 var(--cv-gap-section);
    padding: 0;
    list-style: none;
}

.company-detail__meta > li[b-t92r0a33mr] {
    display: inline-flex;
}

.company-detail__panel[b-t92r0a33mr] {
    min-width: 0;
}
/* /Components/Pages/CompanySettings/CompanySettingsTab.razor.rz.scp.css */
/*
    Company Agreements tab (CompanySettingsTab). Cards, tiles, the filter bar, table, pager, badges and the
    dialog are the shared wrappers; what is left here is the billing status block, a few column widths, the
    muted inactive and cancelled rows, and the backdrop the inline detail dialog sits on.
*/

.company-agreements-tab[b-4o2pir816y] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-gap-section);
}

.company-agreements-tab__billing-status[b-4o2pir816y] {
    height: 100%;
    padding: var(--cv-space-3) var(--cv-space-4);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
}

.company-agreements-tab__billing-status > .cv-label[b-4o2pir816y] {
    color: var(--cv-text-muted);
}

.company-agreements-tab__header-actions[b-4o2pir816y] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-2);
}

.company-agreements-tab__select-col[b-4o2pir816y] {
    width: 3rem;
}

.company-agreements-tab__action-col[b-4o2pir816y] {
    width: 3.5rem;
}

.company-agreements-tab__row--inactive td[b-4o2pir816y] {
    color: var(--cv-text-muted);
}

.company-agreements-tab__freshness[b-4o2pir816y] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--cv-space-1);
    margin-top: var(--cv-space-2);
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
}

.company-agreements-tab__backdrop[b-4o2pir816y] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cv-space-4);
    background: color-mix(in srgb, var(--cv-band-bg) 55%, transparent);
    z-index: 1100;
}

.company-agreements-tab__dialog-shell[b-4o2pir816y] {
    width: min(960px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
}

.company-agreements-tab__subheading[b-4o2pir816y] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--cv-text);
    margin-bottom: var(--cv-space-2);
}

.company-agreements-tab__notes[b-4o2pir816y] {
    padding: var(--cv-space-2) var(--cv-space-3);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    font-size: 0.875rem;
    white-space: pre-wrap;
}

.company-agreements-tab__additions-head[b-4o2pir816y] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--cv-space-2);
    padding-bottom: var(--cv-space-2);
    margin-bottom: var(--cv-space-3);
    border-bottom: var(--cv-border-width) solid var(--cv-border-subtle);
}

.company-agreements-tab__additions-head .company-agreements-tab__subheading[b-4o2pir816y] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-2);
}

.company-agreements-tab__addition--cancelled td[b-4o2pir816y] {
    color: var(--cv-text-muted);
    text-decoration: line-through;
}
/* /Components/Pages/Company/CompanyAnalyticsTab.razor.rz.scp.css */
/*
    Company Customer Analytics tab. The tiles, cards, badges, alerts and empty states are the shared
    wrappers; what is left here is the snapshot intro, the link rows, the chart frame and the domain list.
*/

.company-analytics-tab__intro[b-304avx0hr1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--cv-space-3);
    margin-bottom: var(--cv-gap-stack);
}

.company-analytics-tab__heading[b-304avx0hr1] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--cv-text);
    margin: 0 0 var(--cv-space-1);
}

.company-analytics-tab__freshness[b-304avx0hr1] {
    display: inline-flex;
    align-items: center;
    gap: var(--cv-space-1);
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
}

.company-analytics-tab__links[b-304avx0hr1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-3);
    margin: var(--cv-space-2) 0;
    font-size: 0.875rem;
}

.company-analytics-tab__figure[b-304avx0hr1] {
    font-size: 1.5rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--cv-text);
}

.company-analytics-tab__drivers[b-304avx0hr1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-2);
    margin-top: var(--cv-space-3);
}

.company-analytics-tab__chart[b-304avx0hr1] {
    position: relative;
    height: 280px;
}

.company-analytics-tab__domains[b-304avx0hr1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-2);
    list-style: none;
    padding: 0;
    margin: 0 0 var(--cv-space-3);
}

.company-analytics-tab__domains li[b-304avx0hr1] {
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    padding: 0.125rem var(--cv-space-2);
}

.company-analytics-tab__domains code[b-304avx0hr1] {
    color: var(--cv-text);
    word-break: break-all;
}
/* /Components/Pages/Company/CompanyCheckCentralTab.razor.rz.scp.css */
/*
    Staff company CheckCentral tab. The tiles, table, badges and empty state are the shared pieces
    (CvTileGrid, CvStatCard, CvTable, CvStatusBadge, CvEmptyState). What is left here is this tab's own
    toolbar and the right-aligned Open link column.
*/

.company-checkcentral-tab__toolbar[b-lnst3oz6zs] {
    display: flex;
    justify-content: flex-end;
    margin: 0.75rem 0;
}

.company-checkcentral-tab__actions[b-lnst3oz6zs] {
    text-align: right;
    white-space: nowrap;
}
/* /Components/Pages/Company/CompanyConfigTab.razor.rz.scp.css */
/* Staff company Settings tab: the company domains card's add row and Microsoft 365 suggestions. */

.company-config-tab__add[b-gbd8wfl23x] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

/* The field takes the row; the Add button keeps its own width and wraps under it on a phone. */
.company-config-tab__add[b-gbd8wfl23x]  .company-config-tab__add-field {
    flex: 1 1 16rem;
    min-width: 0;
}

.company-config-tab__suggestions[b-gbd8wfl23x] {
    border-top: 1px solid var(--cv-border);
    padding-top: 1rem;
}

.company-config-tab__suggestions-head[b-gbd8wfl23x] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.company-config-tab__subheading[b-gbd8wfl23x] {
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
}
/* /Components/Pages/Company/CompanyContactsTab.razor.rz.scp.css */
/* The company page's Contacts tab: flat contact cards (the /companies card pattern: one real link whose
   ::before covers the card, the favourite star a sibling above it) and the list view's cells. */

.company-contacts__grid[b-n3hzo1e2v1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: var(--cv-gap-grid);
    margin: 0;
    padding: 0;
    list-style: none;
}

.company-contacts__card[b-n3hzo1e2v1] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-2);
    min-width: 0;
    padding: var(--cv-space-4);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    transition: border-color var(--cv-motion-fast) var(--cv-ease-out);
}

.company-contacts__card:hover[b-n3hzo1e2v1],
.company-contacts__card:focus-within[b-n3hzo1e2v1] {
    border-color: var(--cv-hover-border);
}

.company-contacts__card-head[b-n3hzo1e2v1] {
    display: flex;
    align-items: flex-start;
    gap: var(--cv-space-3);
}

.company-contacts__avatar[b-n3hzo1e2v1] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--cv-radius-round);
    background: var(--cv-surface-sunken);
    border: var(--cv-border-width) solid var(--cv-border);
    color: var(--cv-text-muted);
    font-size: 0.8125rem;
    font-weight: 700;
}

.company-contacts__card-titles[b-n3hzo1e2v1] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.company-contacts__card-link[b-n3hzo1e2v1] {
    color: var(--cv-text);
    font-weight: 700;
    text-decoration: none;
    overflow-wrap: anywhere;
}

/* The whole card is the link's click target. */
.company-contacts__card-link[b-n3hzo1e2v1]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--cv-radius-card);
}

.company-contacts__card-link:focus-visible[b-n3hzo1e2v1] {
    outline: none;
}

.company-contacts__card-link:focus-visible[b-n3hzo1e2v1]::before {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.company-contacts__card-title[b-n3hzo1e2v1] {
    color: var(--cv-text-muted);
    font-size: 0.8125rem;
}

/* The star sits above the link's overlay so it stays clickable. */
.company-contacts__card[b-n3hzo1e2v1]  .company-contacts__favourite {
    position: relative;
    z-index: 1;
}

.company-contacts__badges[b-n3hzo1e2v1],
.company-contacts__badge-list[b-n3hzo1e2v1] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--cv-space-1);
}

.company-contacts__badge-list:empty[b-n3hzo1e2v1] {
    display: none;
}

.company-contacts__facts[b-n3hzo1e2v1] {
    display: grid;
    gap: var(--cv-space-1);
    margin: 0;
}

.company-contacts__facts > div[b-n3hzo1e2v1] {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    gap: var(--cv-space-2);
    font-size: 0.8125rem;
}

.company-contacts__facts dt[b-n3hzo1e2v1] {
    color: var(--cv-text-muted);
    font-size: var(--cv-label-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    line-height: 1.6;
    text-transform: uppercase;
}

.company-contacts__facts dd[b-n3hzo1e2v1] {
    margin: 0;
    color: var(--cv-text);
    overflow-wrap: anywhere;
}

.company-contacts__name[b-n3hzo1e2v1] {
    margin-right: var(--cv-space-2);
    color: var(--cv-text);
    font-weight: 600;
    text-decoration: none;
}

.company-contacts__name:hover[b-n3hzo1e2v1] {
    text-decoration: underline;
}

.company-contacts__favourite-cell[b-n3hzo1e2v1] {
    width: 2.5rem;
}

.company-contacts__count[b-n3hzo1e2v1] {
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Company/CompanyContractsTab.razor.rz.scp.css */
/* The Contracts tab: tabular figures and a plain contract-number link. */
.company-contracts__number[b-s0aarcrcth] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.company-contracts__figure[b-s0aarcrcth] {
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Company/CompanyCoveTab.razor.rz.scp.css */
/* Staff company Cove tab. The table frame and row hover are CvTable's own; these are the cells. */

.company-cove-tab__toolbar[b-b5h9udbhrs] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.75rem;
}

.company-cove-tab__devices[b-b5h9udbhrs] {
    margin-top: 1rem;
}

.company-cove-tab__devices[b-b5h9udbhrs]  th {
    white-space: nowrap;
}

.company-cove-tab__devices[b-b5h9udbhrs]  td {
    vertical-align: top;
}

.company-cove-tab__device-name[b-b5h9udbhrs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
    font-weight: 600;
    color: var(--cv-text);
}

.company-cove-tab__device-link[b-b5h9udbhrs] {
    color: inherit;
    text-decoration: none;
}

.company-cove-tab__device-link:hover[b-b5h9udbhrs] {
    text-decoration: underline;
}

.company-cove-tab__computer-name[b-b5h9udbhrs] {
    font-weight: 600;
}

.company-cove-tab__meta-text[b-b5h9udbhrs] {
    margin-top: 0.15rem;
}

.company-cove-tab__datasources[b-b5h9udbhrs] {
    display: inline-block;
    max-width: 26rem;
    line-height: 1.35;
}

.company-cove-tab__date-cell[b-b5h9udbhrs] {
    white-space: nowrap;
}
/* /Components/Pages/Company/CompanyDattoRmmTab.razor.rz.scp.css */
/*
    Staff company Datto RMM tab. The tiles, device name cell, expandable rows and detail panel are the
    shared pieces (CvTileGrid, RmmDeviceNameCell, CvDetailRow, RmmDeviceDetailPanel and the Cv detail
    wrappers), which the customer portal's device view renders too. What is left here is this tab's own
    toolbar and the raw device class under the friendly type.
*/

.company-datto-tab__toolbar[b-apec6tymg5] {
    display: flex;
    justify-content: flex-end;
    margin: 0.75rem 0;
}

.company-datto-tab__raw[b-apec6tymg5] {
    font-size: 0.75rem;
    color: var(--cv-text-muted);
    overflow-wrap: anywhere;
}
/* /Components/Pages/Company/CompanyDomotzTab.razor.rz.scp.css */
/*
    Staff company Domotz tab. The tiles, device name cell (with its orphan badge slot), expandable rows
    and detail panel are the shared pieces (CvTileGrid, RmmDeviceNameCell, CvDetailRow,
    RmmDeviceDetailPanel and the Cv detail wrappers). What is left here is this tab's own toolbar and the
    IP address cell.
*/

.company-domotz-tab__toolbar[b-d8qp65o819] {
    display: flex;
    justify-content: flex-end;
    margin: 0.75rem 0;
}

.company-domotz-tab__code[b-d8qp65o819] {
    font-size: 0.8125rem;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Company/CompanyHuntressTab.razor.rz.scp.css */
/*
    Staff company Huntress tab. The tiles, agent name cell (with its orphan badge slot), expandable rows,
    detail panel, tables and empty states are the shared pieces. What is left here is this tab's own
    toolbar.
*/

.company-huntress-tab__toolbar[b-rcbvdu66gn] {
    display: flex;
    justify-content: flex-end;
    margin: 0.75rem 0;
}
/* /Components/Pages/Company/CompanyInitiativesTab.razor.rz.scp.css */
/* Staff company Initiatives tab: the files block under the initiatives table. */

.company-initiatives-tab__files[b-sodb4tv6yu] {
    border-top: 1px solid var(--cv-border);
    margin-top: 1.5rem;
    padding-top: 1.5rem;
}
/* /Components/Pages/Company/CompanyITGlueTab.razor.rz.scp.css */
/* Staff company IT Glue tab: the line of reporting notes between the tiles and the table. */

.company-itglue-tab__notes[b-5gk9k1h90s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0.75rem 0 1rem;
}
/* /Components/Pages/Company/CompanyM365Tab.razor.rz.scp.css */
/*
    Company Microsoft 365 tab. Tiles, tables, pagers, badges, alerts and empty states are the shared
    wrappers, and the sub-tabs are the shared modern-tabs pattern; what is left here is the tenant line,
    the sub-tab panel heads and the licence disclosure rows.
*/

.company-m365-tab__tenant[b-id12kj70z2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-1);
    margin: var(--cv-gap-stack) 0;
}

.company-m365-tab__panel[b-id12kj70z2] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-gap-stack);
}

.company-m365-tab__panel-head[b-id12kj70z2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--cv-space-2) var(--cv-space-3);
}

.company-m365-tab__panel-title[b-id12kj70z2] {
    display: inline;
    margin: 0 var(--cv-space-2) 0 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--cv-text);
}

.company-m365-tab__licences[b-id12kj70z2] {
    list-style: none;
    margin: 0;
    padding: 0;
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    overflow: hidden;
}

.company-m365-tab__licence + .company-m365-tab__licence[b-id12kj70z2] {
    border-top: var(--cv-border-width) solid var(--cv-border-subtle);
}

.company-m365-tab__licence-toggle[b-id12kj70z2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-2) var(--cv-space-3);
    width: 100%;
    padding: var(--cv-row-pad);
    border: 0;
    background: transparent;
    color: var(--cv-text);
    text-align: left;
    cursor: pointer;
}

.company-m365-tab__licence-toggle:hover[b-id12kj70z2] {
    background: var(--cv-surface-hover);
}

.company-m365-tab__licence-toggle:focus-visible[b-id12kj70z2] {
    outline: var(--cv-focus-ring);
    outline-offset: calc(var(--cv-focus-offset) * -1);
}

.company-m365-tab__chevron[b-id12kj70z2] {
    color: var(--cv-text-muted);
}

.company-m365-tab__licence-name[b-id12kj70z2] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--cv-space-2);
    flex: 1 1 14rem;
    min-width: 0;
}

.company-m365-tab__licence-figures[b-id12kj70z2] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-1) var(--cv-space-3);
}

.company-m365-tab__upcoming[b-id12kj70z2] {
    color: var(--cv-attention-danger-text);
}

.company-m365-tab__licence-detail[b-id12kj70z2] {
    padding: var(--cv-space-2) var(--cv-space-3) var(--cv-space-3);
    background: var(--cv-surface-sunken);
}
/* /Components/Pages/Company/CompanyNCentralTab.razor.rz.scp.css */
/*
    Staff company N-central tab. The tiles, device name cell (with its orphan badge slot), expandable
    rows and detail panel are the shared pieces (CvTileGrid, RmmDeviceNameCell, CvDetailRow,
    RmmDeviceDetailPanel and the Cv detail wrappers), which the customer portal's device view renders
    too. What is left here is this tab's own toolbar and the raw device class under the friendly type.
*/

.company-ncentral-tab__toolbar[b-pocspr1jub] {
    display: flex;
    justify-content: flex-end;
    margin: 0.75rem 0;
}

.company-ncentral-tab__raw[b-pocspr1jub] {
    font-size: 0.75rem;
    color: var(--cv-text-muted);
    overflow-wrap: anywhere;
}
/* /Components/Pages/Company/CompanyOverviewTab.razor.rz.scp.css */
/* The company Overview tab: the search and board toolbar, and the search results. The pods are CvPods and the
   board is CvDropBoard; their hover and action overlay rules are global ("Drag & Drop" in brand.css). */

.company-overview__toolbar[b-b6jzkqjvkd] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--cv-space-3);
    margin-bottom: var(--cv-gap-stack);
}

.company-overview__search[b-b6jzkqjvkd] {
    display: flex;
    flex: 1 1 28rem;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--cv-space-2);
    min-width: 0;
}

.company-overview__search[b-b6jzkqjvkd]  .company-detail__company-search {
    flex: 1 1 16rem;
    min-width: 0;
}

.company-overview__board-actions[b-b6jzkqjvkd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-2);
}

.company-overview__add-pod[b-b6jzkqjvkd] {
    position: relative;
}

.company-overview__results[b-b6jzkqjvkd] {
    margin-bottom: var(--cv-gap-section);
}

.company-overview__none[b-b6jzkqjvkd] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.875rem;
}

.company-overview__result-list[b-b6jzkqjvkd],
.company-overview__note-list[b-b6jzkqjvkd] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.company-overview__note[b-b6jzkqjvkd] {
    padding: var(--cv-row-pad);
    border-left: var(--cv-rule-width) solid var(--cv-border-strong);
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
}

.company-overview__note-meta[b-b6jzkqjvkd] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--cv-space-2);
    color: var(--cv-text-muted);
    font-size: 0.75rem;
}

.company-overview__note-body[b-b6jzkqjvkd] {
    margin-top: var(--cv-space-1);
    color: var(--cv-text);
    font-size: 0.875rem;
    overflow-wrap: anywhere;
}

.company-overview__note-body[b-b6jzkqjvkd]  p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .company-overview__board-actions[b-b6jzkqjvkd] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Components/Pages/Company/CompanyPowerDmarcTab.razor.rz.scp.css */
/*
    Staff company PowerDMARC tab. The tiles, section tabs, filter bar, tables and badges are the shared
    pieces (CvTileGrid, CvStatCard, CvTabs, CvFilterBar, CvTable, CvStatusBadge). What is left here is
    the spacing between the account tiles, the section tabs and the hosted service tiles and filters.
*/

.company-powerdmarc-tab__spacer[b-aildbcpi38] {
    margin-top: 0.75rem;
}
/* /Components/Pages/Company/CompanyReportInboxTab.razor.rz.scp.css */
.company-report-inbox[b-mepzwgutmk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.company-report-inbox__heading[b-mepzwgutmk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

.company-report-inbox__company-name[b-mepzwgutmk] {
    font-size: 1.05rem;
}

.company-report-inbox__card-actions[b-mepzwgutmk],
.company-report-inbox__row-actions[b-mepzwgutmk],
.company-report-inbox__filter-actions[b-mepzwgutmk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.company-report-inbox__filter-actions[b-mepzwgutmk] {
    justify-content: flex-end;
}

/* The address is a machine token: monospace so a mistyped character is visible. */
.company-report-inbox__address[b-mepzwgutmk] {
    font-family: var(--bs-font-monospace, monospace);
    font-size: 0.85rem;
    word-break: break-all;
}

.company-report-inbox__address--archived[b-mepzwgutmk] {
    text-decoration: line-through;
    opacity: 0.65;
}

.company-report-inbox__address-empty[b-mepzwgutmk] {
    opacity: 0.6;
}

.company-report-inbox__managed-hint[b-mepzwgutmk] {
    font-size: 0.85rem;
}

.company-report-inbox__filter-grid[b-mepzwgutmk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    width: 100%;
}

.company-report-inbox__filter-field--search[b-mepzwgutmk] {
    grid-column: span 2;
}

/* Left-aligned, per docs/ui.md 464: a cell carrying a badge is not a numeric column. */
.company-report-inbox__attachments-cell[b-mepzwgutmk] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.company-report-inbox__result-count[b-mepzwgutmk] {
    font-size: 0.85rem;
    opacity: 0.75;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .company-report-inbox__filter-field--search[b-mepzwgutmk] {
        grid-column: span 1;
    }
}
/* /Components/Pages/Company/CompanySmileBackTab.razor.rz.scp.css */
/*
    Staff company SmileBack tab. The tiles, tables, badges and empty states are the shared pieces
    (CvTileGrid, CvStatCard, CvTable, CvStatusBadge, CvEmptyState). What is left here is this tab's own
    toolbar.
*/

.company-smileback-tab__toolbar[b-sxdc3m61ae] {
    display: flex;
    justify-content: flex-end;
    margin: 0.75rem 0;
}
/* /Components/Pages/Company/CompanyThreatLockerTab.razor.rz.scp.css */
/*
    Staff company ThreatLocker tab. The tiles, device name cell (with its orphan badge slot), expandable
    rows and detail panel are the shared pieces (CvTileGrid, RmmDeviceNameCell, CvDetailRow,
    RmmDeviceDetailPanel and the Cv detail wrappers). What is left here is this tab's own toolbar.
*/

.company-threatlocker-tab__toolbar[b-ofap33dkmy] {
    display: flex;
    justify-content: flex-end;
    margin: 0.75rem 0;
}
/* /Components/Pages/Company/CompanyTicketNotesTab.razor.rz.scp.css */
/* Staff company Ticket notes tab: the filter row and the scrolling list of notes. */

.company-ticket-notes-tab__filter-grid[b-jvn2df2dki] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.75rem;
    width: 100%;
}

.company-ticket-notes-tab__list[b-jvn2df2dki] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    max-height: 600px;
    overflow-y: auto;
}

.company-ticket-notes-tab__item[b-jvn2df2dki] {
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--cv-border);
}

.company-ticket-notes-tab__item:last-child[b-jvn2df2dki] {
    border-bottom: 0;
}

.company-ticket-notes-tab__item-head[b-jvn2df2dki] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.25rem 0.75rem;
    margin-bottom: 0.25rem;
}

.company-ticket-notes-tab__item-meta[b-jvn2df2dki] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem;
}

.company-ticket-notes-tab__ticket[b-jvn2df2dki] {
    font-size: 0.8125rem;
}
/* /Components/Pages/Connect/SecuritySnapshotConnect.razor.rz.scp.css */
.secsnap-connect__logo[b-j9nn4kp9ji] {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.secsnap-connect__logo img[b-j9nn4kp9ji] {
    max-height: 56px;
    max-width: 220px;
    object-fit: contain;
}

.secsnap-connect__heading[b-j9nn4kp9ji] {
    font-size: 1rem;
    font-weight: 600;
    margin: 1.25rem 0 0.5rem;
}

.secsnap-connect__permissions[b-j9nn4kp9ji] {
    padding-left: 1.25rem;
    margin-bottom: 0.5rem;
}

.secsnap-connect__permissions li[b-j9nn4kp9ji] {
    margin-bottom: 0.25rem;
}

.secsnap-connect__permission-name[b-j9nn4kp9ji] {
    color: var(--text-muted, #6c757d);
    font-size: 0.85em;
}

.secsnap-connect__note[b-j9nn4kp9ji],
.secsnap-connect__expiry[b-j9nn4kp9ji],
.secsnap-connect__attribution[b-j9nn4kp9ji] {
    color: var(--text-muted, #6c757d);
    font-size: 0.9rem;
}

.secsnap-connect__form[b-j9nn4kp9ji] {
    margin-top: 1.25rem;
}

.secsnap-connect__form button[b-j9nn4kp9ji] {
    width: 100%;
}
/* /Components/Pages/Contacts.razor.rz.scp.css */
.contacts-page[b-o87f5pdw60] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.contacts-page__loading[b-o87f5pdw60] {
    padding: 2.5rem 0 1rem;
}

.contacts-page__card[b-o87f5pdw60] {
    margin-bottom: 0;
}


.contacts-page__filter-grid[b-o87f5pdw60] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 1rem;
    align-items: start;
}

.contacts-page__filter-field[b-o87f5pdw60] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.contacts-page__filter-field--search[b-o87f5pdw60] {
    grid-column: 1;
}

.contacts-page__filter-field--company[b-o87f5pdw60] {
    grid-column: 2;
}

.contacts-page__filter-field--toggle[b-o87f5pdw60] {
    grid-column: 3;
    align-self: end;
    padding-bottom: 0.25rem;
}

.contacts-page__filter-meta[b-o87f5pdw60] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.contacts-page__search-field[b-o87f5pdw60] {
    width: 100%;
}

.contacts-page__field-label[b-o87f5pdw60] {
    display: inline-flex;
    margin-bottom: 0.35rem;
    color: var(--cv-text-muted);
    font-size: 0.85rem;
    font-weight: 700;
}

.contacts-page__company-search[b-o87f5pdw60] {
    width: 100%;
}

.contacts-page__company-control[b-o87f5pdw60] {
    align-items: stretch;
}

.contacts-page__company-prefix[b-o87f5pdw60] {
    background: var(--cv-surface-sunken);
    border-color: var(--cv-border);
    color: var(--cv-support);
}

.contacts-page__company-input[b-o87f5pdw60] {
    min-height: 3rem;
    border-color: var(--cv-border);
    background: var(--cv-surface);
    color: var(--cv-text);
}

.contacts-page__company-input:focus[b-o87f5pdw60] {
    border-color: var(--cv-secondary);
    box-shadow: none;
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.contacts-page__company-clear[b-o87f5pdw60] {
    border-left: 1px solid var(--cv-border);
    border-radius: 0 var(--cv-radius-control) var(--cv-radius-control) 0;
}

.contacts-page__filter-chip[b-o87f5pdw60] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
}

.contacts-page__filter-chip i[b-o87f5pdw60] {
    color: var(--cv-text-muted);
}

.contacts-page__filter-chip--favourites i[b-o87f5pdw60] {
    color: var(--cv-attention-warning);
}

.contacts-page__company-dropdown[b-o87f5pdw60] {
    max-height: 18rem;
    overflow-y: auto;
    z-index: 1050;
    margin-top: 0.35rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    box-shadow: var(--cv-elevation-overlay);
}

.contacts-page__company-option[b-o87f5pdw60] {
    padding: 0.75rem 0.95rem;
    color: var(--cv-text);
}

.contacts-page__company-option:hover[b-o87f5pdw60],
.contacts-page__company-option:focus[b-o87f5pdw60] {
    background: var(--cv-surface-hover);
}

.contacts-page__company-option-row[b-o87f5pdw60] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.contacts-page__company-option-text[b-o87f5pdw60] {
    min-width: 0;
    font-weight: 600;
}

.contacts-page__favorite-marker[b-o87f5pdw60] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cv-attention-warning);
}

.contacts-page__company-hint[b-o87f5pdw60] {
    color: var(--cv-text-muted);
}

.contacts-page__results-meta[b-o87f5pdw60] {
    margin-bottom: 1rem;
}

.contacts-page__results-summary[b-o87f5pdw60] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.95rem;
}

.contacts-page__table[b-o87f5pdw60]  .cv-table__table th {
    white-space: nowrap;
}

.contacts-page__table[b-o87f5pdw60]  .cv-table__table td {
    vertical-align: middle;
}

.contacts-page__icon-column[b-o87f5pdw60] {
    width: 3.5rem;
    text-align: center;
}

.contacts-page__sort-button[b-o87f5pdw60] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 700;
}

.contacts-page__row[b-o87f5pdw60] {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.contacts-page__table[b-o87f5pdw60]  .cv-table__table tbody tr.contacts-page__row:hover {
    background: var(--cv-surface-hover);
}

.contacts-page__favorite-button[b-o87f5pdw60] {
    margin: 0 auto;
}

.contacts-page__user-cell[b-o87f5pdw60] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.contacts-page__avatar[b-o87f5pdw60] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: var(--cv-radius-round);
    background: var(--cv-tone-primary-bg);
    color: var(--cv-tone-primary-fg);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.contacts-page__user-name[b-o87f5pdw60] {
    font-weight: 700;
    color: var(--cv-text);
}

.contacts-page__text-link[b-o87f5pdw60] {
    color: var(--cv-support);
    text-decoration: none;
}

.contacts-page__text-link:hover[b-o87f5pdw60] {
    color: var(--cv-support);
    text-decoration: underline;
}

.contacts-page__muted[b-o87f5pdw60] {
    color: var(--cv-text-muted);
}

.contacts-page__pager-shell[b-o87f5pdw60] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 1rem;
}

.contacts-page__page-jump[b-o87f5pdw60] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.contacts-page__page-button[b-o87f5pdw60] {
    min-width: 2.5rem;
}

.contacts-page__empty-state[b-o87f5pdw60] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 0.5rem;
    text-align: center;
}

.contacts-page__empty-state--inline[b-o87f5pdw60] {
    padding: 1rem 0.5rem;
}

.contacts-page__empty-state h3[b-o87f5pdw60] {
    margin: 0;
    color: var(--cv-text);
    font-size: 1.2rem;
}

.contacts-page__empty-state p[b-o87f5pdw60] {
    margin: 0;
    max-width: 34rem;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.contacts-page__empty-icon[b-o87f5pdw60] {
    display: inline-flex;
    color: var(--cv-text-muted);
    font-size: 2rem;
    line-height: 1;
}

.contacts-page__inline-loading[b-o87f5pdw60] {
    padding: 1rem 0;
}

[data-bs-theme="dark"] .contacts-page__company-input[b-o87f5pdw60]::placeholder {
    color: var(--cv-text-muted);
}

[data-bs-theme="dark"] .contacts-page[b-o87f5pdw60]  .cv-checkbox__helper-text,
[data-bs-theme="dark"] .contacts-page[b-o87f5pdw60]  .mud-input-helper-text,
[data-bs-theme="dark"] .contacts-page[b-o87f5pdw60]  .mud-input-label,
[data-bs-theme="dark"] .contacts-page[b-o87f5pdw60]  .mud-typography-body1,
[data-bs-theme="dark"] .contacts-page[b-o87f5pdw60]  .mud-input-slot,
[data-bs-theme="dark"] .contacts-page[b-o87f5pdw60]  .mud-input > input {
    color: var(--cv-text);
}

@media (max-width: 767.98px) {
    .contacts-page__filter-grid[b-o87f5pdw60] {
        grid-template-columns: 1fr;
    }

    .contacts-page__filter-field--search[b-o87f5pdw60],
    .contacts-page__filter-field--company[b-o87f5pdw60],
    .contacts-page__filter-field--toggle[b-o87f5pdw60] {
        grid-column: 1;
    }

    .contacts-page__filter-field--toggle[b-o87f5pdw60] {
        align-self: start;
        padding-bottom: 0;
    }

    .contacts-page__filter-chip[b-o87f5pdw60],
    .contacts-page__page-jump[b-o87f5pdw60] {
        width: 100%;
        justify-content: center;
    }

    .contacts-page__page-jump[b-o87f5pdw60]  .cv-button {
        flex: 1 1 calc(33.333% - 0.5rem);
    }

    .contacts-page__results-summary[b-o87f5pdw60] {
        text-align: center;
    }
}
/* /Components/Pages/Contracts/ContractApprovals.razor.rz.scp.css */
.contract-approvals-page[b-mlb6k7ftfp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contract-approvals-page__actions[b-mlb6k7ftfp] {
    flex-wrap: wrap;
}

.contract-approvals-page[b-mlb6k7ftfp]  table td {
    vertical-align: middle;
}

@media (max-width: 991.98px) {
    .contract-approvals-page__actions[b-mlb6k7ftfp] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/Contracts/ContractDetail.razor.rz.scp.css */
.contract-detail-page__timeline[b-1wrzyiqnjj] {
    margin-top: 0.25rem;
}

.contract-detail-page__timeline-item[b-1wrzyiqnjj] {
    border-color: var(--cv-border) !important;
    box-shadow: none;
}

.contract-detail-page__timeline-badge[b-1wrzyiqnjj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    min-height: 2.5rem;
    border-radius: 999px;
}

.contract-detail-page__timeline-note[b-1wrzyiqnjj] {
    padding: 0.85rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 1rem;
    background: var(--cv-surface-sunken);
}

.contract-detail-page__modal-backdrop[b-1wrzyiqnjj] {
    background: var(--cv-surface-hover);
}

.contract-detail-page__grant-grid[b-1wrzyiqnjj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 0.75rem;
}

.contract-detail-page__grant-item[b-1wrzyiqnjj] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.85rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 1rem;
    background: var(--cv-surface-sunken);
}

.contract-detail-page__grant-item .form-check-input[b-1wrzyiqnjj] {
    margin-top: 0.15rem;
}

.contract-detail-page__version-compare[b-1wrzyiqnjj] {
    padding: 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 1rem;
    background: var(--cv-surface-sunken);
}

.contract-detail-page__comment--decision[b-1wrzyiqnjj] {
    border-inline-start-width: 3px;
}

.contract-detail-page__comment--approved[b-1wrzyiqnjj] {
    border-color: var(--status-satisfactory);
}

.contract-detail-page__comment--rejected[b-1wrzyiqnjj] {
    border-color: var(--cv-attention-danger);
}
/* /Components/Pages/Contracts/ContractEditor.razor.rz.scp.css */
.contract-editor__workspace-card[b-f14e0vlamx] {
    border-color: var(--cv-hover-border);
}

/* The enable toggle is a CvSwitch, so it renders inside a child component and needs ::deep. */
.contract-editor__section-header-actions[b-f14e0vlamx]  .contract-editor__header-switch {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.2rem 0.75rem;
    border: 1px solid var(--cv-hover-border);
    border-radius: 999px;
    background: var(--cv-surface);
}

.contract-editor__execution-summary-card[b-f14e0vlamx] {
    border-color: var(--cv-hover-border);
}

.contract-editor__execution-summary-list[b-f14e0vlamx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 0.85rem;
}

.contract-editor__execution-summary-item[b-f14e0vlamx] {
    padding: 0.95rem 1rem;
    border: 1px solid var(--cv-hover-border);
    border-radius: 0.9rem;
    background: var(--cv-surface);
}

.contract-editor__execution-summary-title[b-f14e0vlamx] {
    color: var(--cv-text);
    font-size: 0.95rem;
    font-weight: 700;
}

.contract-editor__execution-summary-meta[b-f14e0vlamx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    color: var(--cv-text-muted);
    font-size: 0.82rem;
}

.contract-editor__preview-surface[b-f14e0vlamx] {
    max-height: 24rem;
    overflow: auto;
    padding: 0.9rem;
    border: 1px solid var(--cv-hover-border);
    border-radius: 0.85rem;
    background: var(--cv-surface);
}

.contract-editor__preview-surface :deep(p:last-child)[b-f14e0vlamx] {
    margin-bottom: 0;
}

.contract-editor__preview-surface :deep(table)[b-f14e0vlamx] {
    width: 100%;
    border-collapse: collapse;
    margin: 0.75rem 0;
    font-size: 0.85rem;
}

.contract-editor__preview-surface :deep(th)[b-f14e0vlamx] {
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--cv-hover-border);
    background: var(--cv-surface-sunken);
    text-align: left;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.contract-editor__preview-surface :deep(td)[b-f14e0vlamx] {
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--cv-hover-border);
    vertical-align: top;
}

.contract-editor__preview-surface :deep(blockquote)[b-f14e0vlamx] {
    margin: 0.75rem 0;
    padding: 0.75rem 0.9rem;
    border-left: 4px solid var(--cv-hover-border);
    background: var(--cv-surface-sunken);
}

.contract-editor__pricing-preview-list[b-f14e0vlamx] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.contract-editor__pricing-preview-item[b-f14e0vlamx] {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--cv-hover-border);
}

.contract-editor__pricing-preview-item:last-child[b-f14e0vlamx] {
    padding-bottom: 0;
    border-bottom: 0;
}
/* /Components/Pages/Contracts/ContractEmailTemplates.razor.rz.scp.css */
.contract-email-templates-page[b-hi4gd6jszz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contract-email-templates-page__card[b-hi4gd6jszz] {
    overflow: hidden;
}

.contract-email-templates-page[b-hi4gd6jszz]  table td {
    vertical-align: top;
}
/* /Components/Pages/Contracts/ContractList.razor.rz.scp.css */
.contracts-page[b-cyotk4usja] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contracts-page__search-field[b-cyotk4usja] {
    flex: 1 1 22rem;
    min-width: min(100%, 22rem);
}

.contracts-page__filter-select[b-cyotk4usja] {
    min-width: 11rem;
    border-radius: 0.9rem;
}

.contracts-page[b-cyotk4usja]  .cv-filter-bar {
    align-items: end;
}

.contracts-page[b-cyotk4usja]  table td {
    vertical-align: middle;
}

.contracts-page[b-cyotk4usja]  table a {
    font-weight: 600;
    text-decoration: none;
}

.contracts-page[b-cyotk4usja]  table a:hover {
    text-decoration: underline;
}

@media (max-width: 767.98px) {
    .contracts-page__filter-select[b-cyotk4usja] {
        width: 100%;
    }
}
/* /Components/Pages/Contracts/ContractPreview.razor.rz.scp.css */
.contract-preview-page[b-uky6ky3gtm] {
    min-height: 100vh;
    background:
        radial-gradient(circle at top right, rgba(43, 163, 197, 0.12), transparent 28%),
        linear-gradient(180deg, #f5f8fc 0%, #eef3f8 100%);
}

.contract-preview-toolbar[b-uky6ky3gtm] {
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(13, 23, 51, 0.92);
    backdrop-filter: blur(14px);
}

.contract-preview-toolbar__inner[b-uky6ky3gtm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    max-width: 72rem;
    margin: 0 auto;
    padding: 0.85rem 1.25rem;
}

.contract-preview-toolbar__group[b-uky6ky3gtm] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.contract-preview-toolbar__eyebrow[b-uky6ky3gtm] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.contract-preview-toolbar__pill[b-uky6ky3gtm] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 700;
}

.contract-preview-toolbar__hint[b-uky6ky3gtm] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.85rem;
}

.contract-preview-shell[b-uky6ky3gtm] {
    max-width: 72rem;
    margin: 0 auto;
    padding: 1.5rem 1.25rem 2.5rem;
}

[b-uky6ky3gtm] .contract-preview-state {
    min-height: 50vh;
}

[b-uky6ky3gtm] .contract-preview-header {
    margin-bottom: 1.25rem;
}

[b-uky6ky3gtm] .contract-preview-intro-alert {
    margin-bottom: 1.25rem;
}

[b-uky6ky3gtm] .contract-preview-summary-card {
    margin-bottom: 1.25rem;
}

.contract-preview-summary[b-uky6ky3gtm] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.85rem;
}

.contract-preview-summary__item[b-uky6ky3gtm] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    padding: 1rem 1.1rem;
    border: 1px solid #e0e8f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9fd 100%);
}

.contract-preview-summary__item strong[b-uky6ky3gtm] {
    color: #0d1733;
    font-size: 1rem;
}

.contract-preview-summary__item--highlight[b-uky6ky3gtm] {
    background: linear-gradient(180deg, #0d1733 0%, #18274f 100%);
    box-shadow: 0 18px 32px rgba(13, 23, 51, 0.18);
}

.contract-preview-summary__item--highlight strong[b-uky6ky3gtm],
.contract-preview-summary__item--highlight .contract-preview-summary__label[b-uky6ky3gtm],
.contract-preview-summary__item--highlight .contract-preview-summary__meta[b-uky6ky3gtm] {
    color: #ffffff;
}

.contract-preview-summary__label[b-uky6ky3gtm] {
    color: #6a7894;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contract-preview-summary__meta[b-uky6ky3gtm] {
    color: #6f82a4;
    font-size: 0.82rem;
}

.contract-preview-document[b-uky6ky3gtm] {
    margin-bottom: 1.25rem;
    /* A4 pages are a fixed 210mm wide, so narrow viewports scroll the document rather than
       squashing the shell. */
    overflow-x: auto;
}

.contract-preview-view-toggle[b-uky6ky3gtm] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

@media print {
    .contract-preview-toolbar[b-uky6ky3gtm] {
        display: none !important;
    }

    .contract-preview-page[b-uky6ky3gtm] {
        background: #ffffff;
    }

    .contract-preview-shell[b-uky6ky3gtm] {
        max-width: none;
        padding: 0;
    }

    .contract-preview-header[b-uky6ky3gtm],
    .contract-preview-summary-card[b-uky6ky3gtm] {
        display: none !important;
    }

    /* Scroll containers clip across page boundaries when printed. */
    .contract-preview-document[b-uky6ky3gtm] {
        margin-bottom: 0;
        overflow-x: visible;
    }
}

@media (max-width: 991.98px) {
    .contract-preview-summary[b-uky6ky3gtm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .contract-preview-toolbar__inner[b-uky6ky3gtm] {
        flex-direction: column;
        align-items: flex-start;
    }

    .contract-preview-summary[b-uky6ky3gtm] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Contracts/ContractPrintView.razor.rz.scp.css */
.contract-print-page[b-ztxi9itl3a] {
    background: #ffffff;
    min-height: 100vh;
    padding: 1.25rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #1a1a2e;
    line-height: 1.6;
}

[b-ztxi9itl3a] .contract-print-page__state {
    min-height: 40vh;
}

@media print {
    .contract-print-page[b-ztxi9itl3a] {
        padding: 0;
    }
}
/* /Components/Pages/Contracts/ContractPublicView.razor.rz.scp.css */
.contract-public-page[b-x65tujg0yw] {
    min-height: 100vh;
    background:
        radial-gradient(circle at top right, rgba(43, 163, 197, 0.12), transparent 30%),
        linear-gradient(180deg, #f4f8fc 0%, #eef3f8 100%);
    padding: 1.5rem 1rem 2.75rem;
}

.contract-public-page__shell[b-x65tujg0yw] {
    max-width: 56.25rem; /* 900px */
    margin: 0 auto;
}

[b-x65tujg0yw] .contract-public-page__state {
    min-height: 60vh;
}

[b-x65tujg0yw] .contract-public-page__hero-card,
[b-x65tujg0yw] .contract-public-page__section-card {
    margin-bottom: 1.25rem;
}

/* ── Hero ─────────────────────────────────────────────────────────── */

.contract-public-page__hero[b-x65tujg0yw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.contract-public-page__hero-main[b-x65tujg0yw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.contract-public-page__hero-logo[b-x65tujg0yw] {
    max-height: 4.25rem;
    max-width: 10rem;
    object-fit: contain;
    flex-shrink: 0;
}

.contract-public-page__hero-copy[b-x65tujg0yw] {
    min-width: 0;
}

.contract-public-page__eyebrow[b-x65tujg0yw] {
    margin-bottom: 0.4rem;
    color: #1e789a;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.contract-public-page__title[b-x65tujg0yw] {
    margin: 0;
    color: #0d1733;
    font-size: clamp(1.8rem, 2.4vw, 2.45rem);
    font-weight: 800;
    line-height: 1.1;
}

.contract-public-page__subtitle[b-x65tujg0yw] {
    margin: 0.75rem 0 0;
    color: #4f6280;
    font-size: 1rem;
    line-height: 1.7;
}

.contract-public-page__support[b-x65tujg0yw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem 1rem;
    margin-top: 0.95rem;
    color: #4f6280;
    font-size: 0.92rem;
}

.contract-public-page__support a[b-x65tujg0yw] {
    color: #1e789a;
    font-weight: 600;
    text-decoration: none;
}

.contract-public-page__support a:hover[b-x65tujg0yw] {
    text-decoration: underline;
}

/* ── Summary tiles ────────────────────────────────────────────────── */

.contract-public-page__hero-summary[b-x65tujg0yw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    min-width: min(100%, 21rem);
}

.contract-public-page__summary-tile[b-x65tujg0yw] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dfe8f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f6f9fd 100%);
}

.contract-public-page__summary-tile span[b-x65tujg0yw] {
    color: #6a7894;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contract-public-page__summary-tile strong[b-x65tujg0yw] {
    color: #0d1733;
    font-size: 1.05rem;
}

.contract-public-page__summary-tile--highlight[b-x65tujg0yw] {
    background: linear-gradient(180deg, #0d1733 0%, #18274f 100%);
    box-shadow: 0 18px 32px rgba(13, 23, 51, 0.18);
}

.contract-public-page__summary-tile--highlight span[b-x65tujg0yw],
.contract-public-page__summary-tile--highlight strong[b-x65tujg0yw],
.contract-public-page__summary-tile--highlight em[b-x65tujg0yw] {
    color: #ffffff;
}

.contract-public-page__summary-tile em[b-x65tujg0yw] {
    font-style: normal;
    font-size: 0.82rem;
    opacity: 0.85;
}

/* ── Alerts ───────────────────────────────────────────────────────── */

[b-x65tujg0yw] .contract-public-page__alert {
    margin-bottom: 1rem;
}

[b-x65tujg0yw] .contract-public-page__inline-alert {
    margin-bottom: 1rem;
}

.contract-public-page__alert-layout[b-x65tujg0yw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

/* ── Execution parties ──────────────────────────────────────────────── */

.contract-public-page__signatory-list[b-x65tujg0yw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 0.9rem;
}

.contract-public-page__signatory-card[b-x65tujg0yw] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid #dfe8f2;
    border-radius: 1rem;
    background: #ffffff;
}

.contract-public-page__signatory-card--signed[b-x65tujg0yw] {
    border-color: #b9e3c8;
    background: linear-gradient(180deg, #f8fff9 0%, #f1fbf3 100%);
}

.contract-public-page__signatory-card-header[b-x65tujg0yw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.contract-public-page__signatory-name[b-x65tujg0yw] {
    color: #0d1733;
    font-weight: 700;
}

.contract-public-page__signatory-meta[b-x65tujg0yw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.8rem;
    margin-top: 0.25rem;
    color: #6a7894;
    font-size: 0.82rem;
}

.contract-public-page__signatory-detail[b-x65tujg0yw] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.contract-public-page__signatory-detail span[b-x65tujg0yw] {
    color: #6a7894;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contract-public-page__signatory-detail strong[b-x65tujg0yw] {
    color: #33435c;
    font-size: 0.92rem;
}

/* ── Document sections ────────────────────────────────────────────── */

.contract-public-page__doc-section[b-x65tujg0yw] {
    margin-bottom: 1.75rem;
}

.contract-public-page__doc-section:last-child[b-x65tujg0yw] {
    margin-bottom: 0;
}

.contract-public-page__section-heading[b-x65tujg0yw] {
    margin: 0 0 0.85rem;
    color: #0d1733;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
}

.contract-public-page__section-number[b-x65tujg0yw] {
    color: #1e789a;
    margin-right: 0.35rem;
}

.contract-public-page__rich-text[b-x65tujg0yw] {
    color: #33435c;
    line-height: 1.75;
}

.contract-public-page__rich-text p[b-x65tujg0yw] {
    margin: 0 0 0.75rem;
}

.contract-public-page__rich-text ul[b-x65tujg0yw],
.contract-public-page__rich-text ol[b-x65tujg0yw] {
    margin: 0 0 0.75rem;
    padding-left: 1.5rem;
}

/* ── Pricing tables ───────────────────────────────────────────────── */

.contract-public-page__pricing-table[b-x65tujg0yw] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0.5rem;
    font-size: 0.92rem;
}

.contract-public-page__pricing-table th[b-x65tujg0yw] {
    padding: 0.65rem 0.75rem;
    border-bottom: 2px solid #d4dce8;
    color: #4f6280;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: left;
}

.contract-public-page__pricing-table td[b-x65tujg0yw] {
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #e8eef5;
    color: #33435c;
    vertical-align: top;
}

.contract-public-page__pricing-table tfoot td[b-x65tujg0yw] {
    border-bottom: none;
    border-top: 2px solid #d4dce8;
    padding-top: 0.75rem;
}

.contract-public-page__item-desc[b-x65tujg0yw] {
    display: block;
    color: #6a7894;
    font-size: 0.84rem;
    margin-top: 0.2rem;
}

/* ── Pricing summary ──────────────────────────────────────────────── */

.contract-public-page__summary-table[b-x65tujg0yw] {
    width: 100%;
    max-width: 28rem;
    margin-left: auto;
    border-collapse: collapse;
}

.contract-public-page__summary-table td[b-x65tujg0yw] {
    padding: 0.55rem 0.75rem;
    color: #33435c;
}

.contract-public-page__summary-total-row td[b-x65tujg0yw] {
    border-top: 2px solid #d4dce8;
    padding-top: 0.75rem;
    font-size: 1.05rem;
}

/* ── Accept / sign ────────────────────────────────────────────────── */

.contract-public-page__accept-grid[b-x65tujg0yw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.contract-public-page__field-card[b-x65tujg0yw] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.contract-public-page__field-label[b-x65tujg0yw] {
    color: #6a7894;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contract-public-page__field-help[b-x65tujg0yw] {
    color: #6f7f99;
    font-size: 0.83rem;
}

.contract-public-page__input[b-x65tujg0yw] {
    width: 100%;
    min-height: 3rem;
    padding: 0.8rem 0.95rem;
    border: 1px solid #dbe4ef;
    border-radius: 0.95rem;
    background: #ffffff;
    color: #0d1733;
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.contract-public-page__input:focus[b-x65tujg0yw] {
    border-color: #2ba3c5;
    box-shadow: 0 0 0 4px rgba(43, 163, 197, 0.12);
}

.contract-public-page__consent-row[b-x65tujg0yw] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid #dbe4ef;
    border-radius: 0.95rem;
    background: #f9fbfe;
    cursor: pointer;
}

.contract-public-page__consent-row input[type="checkbox"][b-x65tujg0yw] {
    flex-shrink: 0;
    width: 1.15rem;
    height: 1.15rem;
    margin-top: 0.15rem;
    accent-color: #1e789a;
    cursor: pointer;
}

.contract-public-page__consent-label[b-x65tujg0yw] {
    color: #33435c;
    font-size: 0.92rem;
    line-height: 1.5;
}

/* ── Signature pad ────────────────────────────────────────────────── */

.contract-public-page__signature-card[b-x65tujg0yw] {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #dbe4ef;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f7fafe 100%);
}

.contract-public-page__signature-toolbar[b-x65tujg0yw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.contract-public-page__signature-help[b-x65tujg0yw],
.contract-public-page__signature-caption[b-x65tujg0yw] {
    margin: 0;
    color: #61708a;
    font-size: 0.88rem;
    line-height: 1.6;
}

.contract-public-page__signature-actions[b-x65tujg0yw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.contract-public-page__signature-canvas-shell[b-x65tujg0yw] {
    position: relative;
    min-height: 12rem;
    border: 1px dashed #b9ccdf;
    border-radius: 1rem;
    background: #ffffff;
    overflow: hidden;
}

.contract-public-page__signature-canvas[b-x65tujg0yw] {
    width: 100%;
    height: 12rem;
    touch-action: none;
    cursor: crosshair;
}

.contract-public-page__signature-placeholder[b-x65tujg0yw] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: rgba(93, 107, 141, 0.65);
    pointer-events: none;
}

[b-x65tujg0yw] .contract-public-page__signature-clear {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}

.contract-public-page__typed-signature[b-x65tujg0yw] {
    min-height: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border: 1px solid #dbe4ef;
    border-radius: 1rem;
    background: #ffffff;
    text-align: center;
}

.contract-public-page__typed-signature-name[b-x65tujg0yw] {
    color: #1a1a6e;
    font-family: "Dancing Script", "Brush Script MT", "Segoe Script", cursive;
    font-size: clamp(2.1rem, 4vw, 3rem);
}

.contract-public-page__typed-signature-placeholder[b-x65tujg0yw] {
    color: #6f7f99;
}

/* ── Signed evidence ──────────────────────────────────────────────── */

.contract-public-page__signed-evidence[b-x65tujg0yw] {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    flex-wrap: wrap;
}

.contract-public-page__signed-details[b-x65tujg0yw] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    flex: 1 1 auto;
    min-width: 14rem;
}

.contract-public-page__signed-item[b-x65tujg0yw] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.contract-public-page__signed-signature[b-x65tujg0yw] {
    flex-shrink: 0;
}

.contract-public-page__signed-signature-frame[b-x65tujg0yw] {
    padding: 0.75rem;
    border: 1px solid #dbe4ef;
    border-radius: 1rem;
    background: #ffffff;
}

.contract-public-page__signed-signature-image[b-x65tujg0yw] {
    max-width: 14rem;
    max-height: 6rem;
    object-fit: contain;
}

/* ── Comments ─────────────────────────────────────────────────────── */

.contract-public-page__comment-thread[b-x65tujg0yw] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.contract-public-page__comment[b-x65tujg0yw] {
    display: flex;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid #e2ebf5;
    border-radius: 1rem;
    background: #ffffff;
}

.contract-public-page__comment--staff[b-x65tujg0yw] {
    background: #f8fbff;
}

.contract-public-page__avatar-shell[b-x65tujg0yw] {
    flex-shrink: 0;
}

.contract-public-page__avatar[b-x65tujg0yw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    background: #5d6b8d;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 800;
}

.contract-public-page__avatar--staff[b-x65tujg0yw] {
    background: #1e789a;
}

.contract-public-page__comment-body[b-x65tujg0yw] {
    min-width: 0;
    flex: 1 1 auto;
}

.contract-public-page__comment-meta[b-x65tujg0yw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.contract-public-page__comment-author[b-x65tujg0yw] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.contract-public-page__staff-pill[b-x65tujg0yw] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: #dff5fb;
    color: #1e789a;
    font-size: 0.72rem;
    font-weight: 700;
}

.contract-public-page__comment-time[b-x65tujg0yw] {
    color: #6f7f99;
    font-size: 0.8rem;
}

.contract-public-page__comment-text[b-x65tujg0yw] {
    margin: 0.55rem 0 0;
    color: #33435c;
    line-height: 1.7;
    white-space: pre-wrap;
}

.contract-public-page__empty-state[b-x65tujg0yw] {
    padding: 1rem 1.1rem;
    border: 1px dashed #c7d7e8;
    border-radius: 1rem;
    background: #f8fbff;
    color: #61708a;
    margin-bottom: 1rem;
}

.contract-public-page__comment-form[b-x65tujg0yw] {
    padding-top: 0.25rem;
    border-top: 1px solid #e5edf6;
}

.contract-public-page__comment-author-row[b-x65tujg0yw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
    margin-bottom: 0.85rem;
}

.contract-public-page__comment-input-row[b-x65tujg0yw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.contract-public-page__input--comment[b-x65tujg0yw] {
    flex: 1 1 auto;
}

/* ── Responsive ───────────────────────────────────────────────────── */

@media (max-width: 991.98px) {
    .contract-public-page__hero-summary[b-x65tujg0yw] {
        min-width: 100%;
    }

    .contract-public-page__accept-grid[b-x65tujg0yw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .contract-public-page[b-x65tujg0yw] {
        padding-inline: 0.75rem;
    }

    .contract-public-page__hero-main[b-x65tujg0yw] {
        flex-direction: column;
        align-items: flex-start;
    }

    .contract-public-page__hero-summary[b-x65tujg0yw] {
        grid-template-columns: 1fr;
    }

    .contract-public-page__alert-layout[b-x65tujg0yw],
    .contract-public-page__signature-toolbar[b-x65tujg0yw],
    .contract-public-page__comment-input-row[b-x65tujg0yw],
    .contract-public-page__comment-meta[b-x65tujg0yw],
    .contract-public-page__comment-author-row[b-x65tujg0yw] {
        flex-direction: column;
        align-items: flex-start;
    }

    .contract-public-page__comment-author-row[b-x65tujg0yw] {
        grid-template-columns: 1fr;
    }

    .contract-public-page__comment[b-x65tujg0yw] {
        flex-direction: column;
    }

    .contract-public-page__signed-evidence[b-x65tujg0yw] {
        flex-direction: column;
    }
}

/* ── Print ────────────────────────────────────────────────────────── */

@media print {
    .contract-public-page[b-x65tujg0yw] {
        background: #ffffff;
        padding: 0;
    }

    .contract-public-page__shell[b-x65tujg0yw] {
        max-width: 100%;
    }

    .contract-public-page__signature-card[b-x65tujg0yw],
    .contract-public-page__comment-form[b-x65tujg0yw] {
        display: none;
    }
}
/* /Components/Pages/Contracts/ContractRenewals.razor.rz.scp.css */
.contract-renewals-page[b-da67678ydm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contract-renewals-page[b-da67678ydm]  table td {
    vertical-align: middle;
}

.contract-renewals-page[b-da67678ydm]  .modern-tabs {
    margin-bottom: 0.5rem;
}

.contract-renewals-page[b-da67678ydm]  .cv-pager {
    margin-top: 0.5rem;
}
/* /Components/Pages/Contracts/ContractSections.razor.rz.scp.css */
.contract-sections-page[b-7kuz9bbn9j] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.contract-sections-page__summary[b-7kuz9bbn9j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.contract-sections-page__summary-card[b-7kuz9bbn9j] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 0.95rem;
    background: var(--cv-surface);
    box-shadow: none;
}

.contract-sections-page__summary-label[b-7kuz9bbn9j] {
    font-size: 0.74rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.contract-sections-page__summary-value[b-7kuz9bbn9j] {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--cv-text);
}

.contract-sections-page__summary-meta[b-7kuz9bbn9j] {
    font-size: 0.82rem;
    color: var(--cv-text-muted);
}

.contract-sections-page__filter-primary[b-7kuz9bbn9j] {
    min-width: min(22rem, 100%);
}

.contract-sections-page__filter-select[b-7kuz9bbn9j] {
    min-width: 14rem;
}

.contract-sections-page__grid[b-7kuz9bbn9j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 0.95rem;
}

.contract-sections-page__empty-state[b-7kuz9bbn9j] {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
    padding: 1rem;
    border-radius: 0.9rem;
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
}

.contract-sections-page__empty-state i[b-7kuz9bbn9j] {
    font-size: 1.2rem;
    color: var(--cv-text-muted);
}

.contract-sections-page__empty-state strong[b-7kuz9bbn9j],
.contract-sections-page__empty-state p[b-7kuz9bbn9j] {
    display: block;
    margin: 0;
}

.contract-sections-page__empty-state p[b-7kuz9bbn9j] {
    margin-top: 0.2rem;
}

[b-7kuz9bbn9j] .contract-sections-page__card {
    overflow: hidden;
}

[b-7kuz9bbn9j] .contract-sections-page__filter-bar {
    margin-bottom: 1rem;
}

@media (max-width: 767.98px) {
    .contract-sections-page__filter-select[b-7kuz9bbn9j],
    .contract-sections-page__filter-primary[b-7kuz9bbn9j] {
        min-width: 100%;
    }
}
/* /Components/Pages/Contracts/ContractTemplatePreview.razor.rz.scp.css */
.contract-template-preview-page[b-c5i99a4y6f] {
    min-height: 100vh;
    background:
        radial-gradient(circle at top right, rgba(43, 163, 197, 0.12), transparent 28%),
        linear-gradient(180deg, #f5f8fc 0%, #eef3f8 100%);
}

.contract-template-preview-toolbar[b-c5i99a4y6f] {
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(13, 23, 51, 0.92);
    backdrop-filter: blur(14px);
}

.contract-template-preview-toolbar__inner[b-c5i99a4y6f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    max-width: 72rem;
    margin: 0 auto;
    padding: 0.85rem 1.25rem;
}

.contract-template-preview-toolbar__group[b-c5i99a4y6f] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.contract-template-preview-toolbar__eyebrow[b-c5i99a4y6f] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.contract-template-preview-toolbar__pill[b-c5i99a4y6f] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 700;
}

.contract-template-preview-toolbar__hint[b-c5i99a4y6f] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.85rem;
}

.contract-template-preview-shell[b-c5i99a4y6f] {
    max-width: 72rem;
    margin: 0 auto;
    padding: 1.5rem 1.25rem 2.5rem;
}

[b-c5i99a4y6f] .contract-template-preview-state {
    min-height: 50vh;
}

[b-c5i99a4y6f] .contract-template-preview-header {
    margin-bottom: 1.25rem;
}

[b-c5i99a4y6f] .contract-template-preview-intro-alert {
    margin-bottom: 1.25rem;
}

.contract-template-preview-document[b-c5i99a4y6f] {
    margin-bottom: 1.25rem;
    /* A4 pages are a fixed 210mm wide, so narrow viewports scroll the document rather than
       squashing the shell. */
    overflow-x: auto;
}

@media print {
    .contract-template-preview-toolbar[b-c5i99a4y6f] {
        display: none !important;
    }

    .contract-template-preview-page[b-c5i99a4y6f] {
        background: #ffffff;
    }

    .contract-template-preview-shell[b-c5i99a4y6f] {
        max-width: none;
        padding: 0;
    }

    /* The header class lands on a child component, so it needs ::deep to be reached from here. */
    [b-c5i99a4y6f] .contract-template-preview-header {
        display: none !important;
    }

    /* Scroll containers clip across page boundaries when printed. */
    .contract-template-preview-document[b-c5i99a4y6f] {
        margin-bottom: 0;
        overflow-x: visible;
    }
}

@media (max-width: 767.98px) {
    .contract-template-preview-toolbar__inner[b-c5i99a4y6f] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Contracts/ContractTemplates.razor.rz.scp.css */
.contract-templates-page[b-b23pocrvv4] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.contract-templates-page__filter-primary[b-b23pocrvv4] {
    min-width: min(22rem, 100%);
}

.contract-templates-page__filter-select[b-b23pocrvv4] {
    min-width: 14rem;
}

.contract-templates-page__template-lineup[b-b23pocrvv4] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin-top: 0.4rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--cv-border);
}

.contract-templates-page__template-lineup-meta[b-b23pocrvv4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.82rem;
    color: var(--cv-text-muted);
}

.contract-templates-page__template-chip-list[b-b23pocrvv4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.contract-templates-page__template-chip[b-b23pocrvv4] {
    display: inline-flex;
    align-items: center;
    padding: 0.32rem 0.6rem;
    border-radius: 999px;
    background: var(--cv-surface-sunken);
    color: var(--cv-tone-support-text);
    font-size: 0.8rem;
    line-height: 1.2;
}

.contract-templates-page__template-chip--disabled[b-b23pocrvv4] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
}

.contract-templates-page__template-chip--more[b-b23pocrvv4] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
}

.contract-templates-page__template-empty[b-b23pocrvv4] {
    margin-top: 0.4rem;
}

.contract-templates-page__composer-shell[b-b23pocrvv4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-top: 0.25rem;
}

.contract-templates-page__composer-header h6[b-b23pocrvv4] {
    margin: 0 0 0.2rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--cv-text);
}

.contract-templates-page__composer-header p[b-b23pocrvv4] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.9rem;
}

[b-b23pocrvv4] .contract-templates-page__filter-bar {
    margin-bottom: 0;
}

[b-b23pocrvv4] .contract-templates-page__template-card {
    height: 100%;
}

[b-b23pocrvv4] .contract-templates-page__empty-card {
    border: 1px dashed var(--cv-border);
}

@media (max-width: 767.98px) {
    .contract-templates-page__filter-select[b-b23pocrvv4],
    .contract-templates-page__filter-primary[b-b23pocrvv4] {
        min-width: 100%;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/*
    The dashboard: page layout only. Every surface is a wrapper (CvStickyHeader, CvPageHeader, CvKpiStrip, a
    grid CvDropBoard of dense CvPods, CvCompactRow, CvTable); this file sets the 12px rhythm between them,
    tightens the band, styles the arrange tray and controls, and the favourites table's own cells. Tokens
    only.

    The board's grid and breakpoints belong to CvDropBoard (css/corvue-ui.css, "CvDropBoard grid"): 12
    columns from 68rem of board width, two to 40rem, then one. Each pod's span is its saved width.
*/

.dash3[b-g12oo0m8cu] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-3);
    padding-bottom: var(--cv-space-6);
}

/* ── Header: the band, tightened so the figures and the queue sit above the fold on a laptop ── */

.dash3[b-g12oo0m8cu]  .cv-page-header.dash3__header {
    margin: 0;
    padding: var(--cv-space-5) var(--cv-space-6);
}

.dash3[b-g12oo0m8cu]  .dash3__header .cv-page-header__eyebrow {
    margin-bottom: var(--cv-space-1);
}

.dash3[b-g12oo0m8cu]  .dash3__header .cv-page-header__text h1 {
    font-size: clamp(1.5rem, 2.1vw, 1.875rem);
}

.dash3[b-g12oo0m8cu]  .dash3__header .cv-page-header__text p {
    margin-top: var(--cv-space-1);
    font-size: 0.9375rem;
    font-variant-numeric: tabular-nums;
}

.dash3[b-g12oo0m8cu]  .dash3__kbd {
    margin-left: var(--cv-space-2);
}

/* ── Arrange mode: the tray of hidden pods ── */

.dash3__tray[b-g12oo0m8cu] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-2);
    padding: var(--cv-space-3) var(--cv-space-4);
    border: var(--cv-border-width) dashed var(--cv-border-strong);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
}

.dash3__tray-head[b-g12oo0m8cu] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--cv-space-1) var(--cv-space-3);
}

.dash3__tray-title[b-g12oo0m8cu] {
    display: inline-flex;
    align-items: center;
    gap: var(--cv-space-2);
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--cv-text);
}

.dash3__tray-hint[b-g12oo0m8cu] {
    font-size: 0.75rem;
    color: var(--cv-text-muted);
}

.dash3__tray-list[b-g12oo0m8cu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-2);
}

.dash3__tray-label[b-g12oo0m8cu] {
    font-size: var(--cv-label-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.dash3__tray .dash3__quiet[b-g12oo0m8cu] {
    padding: 0;
}

/* Each pod's arrange controls: the width step, move earlier / later and hide, always visible while
   arranging (RevealHeaderActions is off then). */
.dash3__arrange[b-g12oo0m8cu] {
    display: inline-flex;
    align-items: center;
    gap: var(--cv-space-1);
}

.dash3__arrange[b-g12oo0m8cu]  .dash3__width {
    min-width: 2.75rem;
    font-variant-numeric: tabular-nums;
}

/* ── Pod contents ── */

.dash3__rows[b-g12oo0m8cu] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dash3__subhead[b-g12oo0m8cu] {
    margin: var(--cv-space-2) var(--cv-space-3) var(--cv-space-1);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.dash3__subhead:first-child[b-g12oo0m8cu] {
    margin-top: var(--cv-space-1);
}

/* The Calendar pod while a wider range loads: skeleton lines under the range control. */
.dash3__calendar-loading[b-g12oo0m8cu] {
    display: grid;
    gap: var(--cv-space-2);
    padding: var(--cv-space-2) var(--cv-space-3);
}

.dash3__quiet[b-g12oo0m8cu],
.dash3__filter-empty[b-g12oo0m8cu] {
    margin: 0;
    padding: var(--cv-space-2) var(--cv-space-3);
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
}

.dash3__link-button[b-g12oo0m8cu] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--cv-tone-secondary-text);
    font-size: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 3px;
    transition: text-decoration-color var(--cv-motion-fast) var(--cv-ease-out);
}

.dash3__link-button:hover[b-g12oo0m8cu] {
    text-decoration-color: currentColor;
}

.dash3__link-button:focus-visible[b-g12oo0m8cu],
.dash3__head-link:focus-visible[b-g12oo0m8cu],
.dash3__foot-link:focus-visible[b-g12oo0m8cu],
.dash3__company-link:focus-visible[b-g12oo0m8cu] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
    border-radius: var(--cv-radius-chip);
}

.dash3__head-link[b-g12oo0m8cu],
.dash3__foot-link[b-g12oo0m8cu] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cv-tone-secondary-text);
    text-decoration: none;
}

.dash3__head-link:hover[b-g12oo0m8cu],
.dash3__foot-link:hover[b-g12oo0m8cu] {
    color: var(--cv-tone-secondary-text);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.dash3__source-failure[b-g12oo0m8cu] {
    display: inline-flex;
    align-items: center;
    gap: var(--cv-space-1);
    color: var(--cv-text);
}

.dash3__source-failure[b-g12oo0m8cu]::before {
    content: "";
    width: 0.4375rem;
    height: 0.4375rem;
    margin-right: var(--cv-space-1);
    border-radius: var(--cv-radius-round);
    background: var(--cv-severity-critical);
}

/* A queue source the role may not read: named in the foot, never counted as clear. */
.dash3__source-denied[b-g12oo0m8cu] {
    display: inline-flex;
    align-items: center;
    gap: var(--cv-space-1);
    color: var(--cv-text-muted);
}

.dash3__hint[b-g12oo0m8cu] {
    margin-left: auto;
}

.dash3__bar[b-g12oo0m8cu] {
    padding: var(--cv-space-1) var(--cv-space-3) var(--cv-space-2);
}

.dash3__subhead-meta[b-g12oo0m8cu] {
    margin-left: var(--cv-space-1);
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: none;
    font-variant-numeric: tabular-nums;
}

.dash3__focus-note[b-g12oo0m8cu] {
    display: inline-flex;
    align-items: center;
    gap: var(--cv-space-1);
    color: var(--cv-text-muted);
}

/* The "Show integrations" switch beside the severity filter in the Needs you head. */
.dash3__integrations-switch[b-g12oo0m8cu] {
    display: inline-flex;
    align-items: center;
    gap: var(--cv-space-1);
    margin-inline-start: var(--cv-space-2);
    color: var(--cv-text-muted);
    white-space: nowrap;
}

/* ── Favourites: a dense table inside the pod's frame ── */

.dash3[b-g12oo0m8cu]  .dash3__favourites .cv-table.dash3__table {
    border: 0;
    border-radius: 0;
    background: transparent;
}

.dash3[b-g12oo0m8cu]  .dash3__favourites .dash3__table th {
    padding: var(--cv-space-1) var(--cv-space-2);
    background: transparent;
    font-size: 0.6875rem;
    letter-spacing: 0.08em;
}

.dash3[b-g12oo0m8cu]  .dash3__favourites .dash3__table td {
    padding: 0 var(--cv-space-2);
    height: var(--cv-row-height-dense);
    vertical-align: middle;
    font-size: 0.8125rem;
}

.dash3[b-g12oo0m8cu]  .dash3__favourites .dash3__col-num {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
    color: var(--cv-text-muted);
}

.dash3[b-g12oo0m8cu]  .dash3__favourites th.dash3__col-num {
    text-align: right;
}

.dash3[b-g12oo0m8cu]  .dash3__favourites .dash3__col-star {
    width: 2rem;
    padding-right: 0;
}

.dash3[b-g12oo0m8cu]  .dash3__favourites .dash3__company {
    overflow: hidden;
    max-width: 0;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dash3__company-link[b-g12oo0m8cu] {
    font-weight: 600;
    color: var(--cv-text);
    text-decoration: none;
}

.dash3__company-link:hover[b-g12oo0m8cu] {
    color: var(--cv-text);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.dash3__company-id[b-g12oo0m8cu] {
    margin-left: var(--cv-space-2);
    font-size: 0.75rem;
    color: var(--cv-text-muted);
}

.dash3__load[b-g12oo0m8cu] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--cv-space-2);
    min-width: 6rem;
}

.dash3__load-bar[b-g12oo0m8cu] {
    overflow: hidden;
    width: 3rem;
    height: 0.25rem;
    border-radius: var(--cv-radius-round);
    background: var(--cv-border-subtle);
}

.dash3__load-fill[b-g12oo0m8cu] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--cv-support);
    transition: width var(--cv-motion-slow) var(--cv-ease-out);
}

/* The star is the state: muted when off, the accent text colour when on. */
.dash3[b-g12oo0m8cu]  .dash3__favourites .dash3__star {
    color: var(--cv-text-muted);
}

.dash3[b-g12oo0m8cu]  .dash3__favourites .dash3__star--on {
    color: var(--cv-severity-warning);
}

/* Narrow pod (a third, or any pod on a phone): drop the columns that matter least. */
@container cv-lane (max-width: 30rem) {
    .dash3[b-g12oo0m8cu]  .dash3__favourites .dash3__col-wide {
        display: none;
    }

    .dash3__load-bar[b-g12oo0m8cu] {
        display: none;
    }

    .dash3__load[b-g12oo0m8cu] {
        min-width: 0;
    }
}

/* ── Phones: a compact band; the board is already one column ── */

@media (max-width: 767.98px) {
    .dash3[b-g12oo0m8cu]  .cv-page-header.dash3__header {
        padding: var(--cv-space-4);
    }

    .dash3[b-g12oo0m8cu]  .dash3__search-label,
    .dash3[b-g12oo0m8cu]  .dash3__header .dash3__kbd {
        display: none;
    }

    .dash3__hint[b-g12oo0m8cu] {
        display: none;
    }

    .dash3__tray-hint[b-g12oo0m8cu] {
        display: none;
    }
}

@media (hover: none) {
    .dash3__hint[b-g12oo0m8cu] {
        display: none;
    }
}

/* ── A "Needs you" row's detail (rendered inside CvCompactRow's detail region) ── */

.dash3__detail[b-g12oo0m8cu] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-2);
    min-width: 0;
}

.dash3__detail[b-g12oo0m8cu]  .dash3__facts {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--cv-space-2) var(--cv-space-5);
}

.dash3__detail-text[b-g12oo0m8cu] {
    margin: 0;
    max-width: 68ch;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--cv-text);
    overflow-wrap: anywhere;
}

.dash3__detail-actions[b-g12oo0m8cu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-2);
}

.dash3__detail-label[b-g12oo0m8cu] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cv-text-muted);
}

.dash3__detail-note[b-g12oo0m8cu] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--cv-text-muted);
}

.dash3__reassign[b-g12oo0m8cu] {
    align-items: flex-end;
}

.dash3__reassign[b-g12oo0m8cu]  .dash3__reassign-select {
    flex: 0 1 16rem;
    min-width: 12rem;
    margin: 0;
}
/* /Components/Pages/Devices/Devices.razor.rz.scp.css */
.devices-page[b-gxc3pgyvbo] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.devices-page__loading[b-gxc3pgyvbo] {
    padding: 2.5rem 0 1rem;
}

.devices-page__card[b-gxc3pgyvbo],
.devices-page__state-card[b-gxc3pgyvbo] {
    margin-bottom: 0;
}

.devices-page__section-actions[b-gxc3pgyvbo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.devices-page__filter-primary[b-gxc3pgyvbo] {
    flex: 1 1 24rem;
    min-width: min(100%, 22rem);
}

.devices-page__search-field[b-gxc3pgyvbo] {
    width: 100%;
}

.devices-page__filter-meta[b-gxc3pgyvbo] {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.devices-page__filter-chip[b-gxc3pgyvbo] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
}

.devices-page__filter-chip i[b-gxc3pgyvbo] {
    color: var(--cv-text-muted);
}

.devices-page__filter-groups[b-gxc3pgyvbo] {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    gap: 0.85rem;
}

.devices-page__filter-group[b-gxc3pgyvbo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.devices-page__filter-group-label[b-gxc3pgyvbo] {
    color: var(--cv-text-muted);
    font-size: 0.9rem;
    font-weight: 700;
}

.devices-page__selection-chip-list[b-gxc3pgyvbo] {
    display: flex;
    flex: 1 1 0;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.devices-page__selection-chip[b-gxc3pgyvbo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface);
    color: var(--cv-text);
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.2;
    transition: all 0.15s ease;
}

.devices-page__selection-chip:hover[b-gxc3pgyvbo] {
    border-color: var(--cv-hover-border);
    color: var(--cv-support);
}

.devices-page__selection-chip--active[b-gxc3pgyvbo] {
    border-color: var(--cv-support);
    background: color-mix(in srgb, var(--cv-support) 12%, transparent);
    color: var(--cv-tone-secondary-text);
}

.devices-page__selection-chip:focus-visible[b-gxc3pgyvbo] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.devices-page__panel-grid[b-gxc3pgyvbo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.devices-page__panel-card[b-gxc3pgyvbo] {
    height: 100%;
}

.devices-page__checkbox-grid[b-gxc3pgyvbo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 0.75rem 1rem;
}

.devices-page__checkbox-item[b-gxc3pgyvbo] {
    min-width: 0;
}

.devices-page__checkbox[b-gxc3pgyvbo] {
    height: 100%;
}

.devices-page__results-meta[b-gxc3pgyvbo] {
    margin-bottom: 1rem;
}

.devices-page__results-summary[b-gxc3pgyvbo] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.95rem;
}

.devices-page__table[b-gxc3pgyvbo]  .cv-table__table th {
    white-space: nowrap;
}

.devices-page__table[b-gxc3pgyvbo]  .cv-table__table td {
    vertical-align: middle;
}

.devices-page__row[b-gxc3pgyvbo] {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.devices-page__table[b-gxc3pgyvbo]  .cv-table__table tbody tr.devices-page__row:hover {
    background: var(--cv-surface-hover);
}

.devices-page__device-name[b-gxc3pgyvbo] {
    font-weight: 700;
    color: var(--cv-text);
}

.devices-page__status-badge[b-gxc3pgyvbo],
.devices-page__type-badge[b-gxc3pgyvbo] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.28rem 0.65rem;
    border-radius: var(--cv-radius-chip);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.devices-page__type-badge[b-gxc3pgyvbo] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    border: var(--cv-border-width) solid var(--cv-border);
}

.devices-page__integration-icons[b-gxc3pgyvbo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    min-height: 1rem;
}

.devices-page__integration-icons img[b-gxc3pgyvbo],
.devices-page__integration-icons i[b-gxc3pgyvbo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.devices-page__warranty--expired[b-gxc3pgyvbo] {
    color: var(--cv-attention-danger-text);
    font-weight: 700;
}

.devices-page__warranty--warning[b-gxc3pgyvbo] {
    color: var(--cv-attention-warning-text);
    font-weight: 700;
}

.devices-page__pager-shell[b-gxc3pgyvbo] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 1rem;
}

.devices-page__page-jump[b-gxc3pgyvbo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.devices-page__page-button[b-gxc3pgyvbo] {
    min-width: 2.5rem;
}

.devices-page__empty-state[b-gxc3pgyvbo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
    padding: 1.5rem 0.5rem;
}

.devices-page__empty-state--inline[b-gxc3pgyvbo] {
    padding: 1rem 0.5rem;
}

.devices-page__empty-state h3[b-gxc3pgyvbo] {
    margin: 0;
    color: var(--cv-text);
    font-size: 1.2rem;
}

.devices-page__empty-state p[b-gxc3pgyvbo],
.devices-page__state-message p[b-gxc3pgyvbo] {
    margin: 0;
    max-width: 34rem;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.devices-page__empty-icon[b-gxc3pgyvbo] {
    display: inline-flex;
    color: var(--cv-text-muted);
    font-size: 2rem;
    line-height: 1;
}

.devices-page__inline-loading[b-gxc3pgyvbo] {
    padding: 1rem 0;
}

@media (max-width: 767.98px) {
    .devices-page__section-actions[b-gxc3pgyvbo],
    .devices-page__page-jump[b-gxc3pgyvbo] {
        justify-content: stretch;
    }

    .devices-page__section-actions[b-gxc3pgyvbo]  .cv-button,
    .devices-page__page-jump[b-gxc3pgyvbo]  .cv-button {
        width: 100%;
    }

    .devices-page__filter-chip[b-gxc3pgyvbo] {
        width: 100%;
        justify-content: center;
    }

    .devices-page__filter-group[b-gxc3pgyvbo] {
        align-items: stretch;
    }

    .devices-page__selection-chip-list[b-gxc3pgyvbo] {
        width: 100%;
    }

    .devices-page__results-summary[b-gxc3pgyvbo] {
        text-align: center;
    }
}
/* /Components/Pages/FeedbackPage.razor.rz.scp.css */
.feedback-page[b-ft45grzds1] {
    min-height: 100vh;
    background: var(--cv-surface-sunken);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.feedback-container[b-ft45grzds1] {
    width: 100%;
    max-width: 480px;
}

.feedback-card[b-ft45grzds1] {
    background: var(--cv-surface);
    color: var(--cv-text);
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    padding: 2rem;
}

.feedback-icon[b-ft45grzds1] {
    margin-bottom: 1rem;
}

.rating-buttons[b-ft45grzds1] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.rating-btn[b-ft45grzds1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border: 2px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    color: var(--cv-text);
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
    font-size: 1rem;
}

.feedback-face[b-ft45grzds1] {
    display: block;
    user-select: none;
    pointer-events: none;
}

.feedback-face-option[b-ft45grzds1] {
    width: 72px;
    height: 72px;
}

.feedback-face-summary[b-ft45grzds1] {
    width: 112px;
    height: 112px;
    margin: 0 auto;
}

.rating-btn-positive:hover[b-ft45grzds1],
.rating-btn-positive.active[b-ft45grzds1] {
    border-color: var(--cv-tone-success-line);
    background-color: var(--cv-surface-sunken);
    color: var(--cv-tone-success-text);
}

.rating-btn-neutral:hover[b-ft45grzds1],
.rating-btn-neutral.active[b-ft45grzds1] {
    border-color: var(--cv-tone-warning-line);
    background-color: var(--cv-surface-sunken);
    color: var(--cv-tone-warning-text);
}

.rating-btn-negative:hover[b-ft45grzds1],
.rating-btn-negative.active[b-ft45grzds1] {
    border-color: var(--cv-tone-danger-line);
    background-color: var(--cv-surface-sunken);
    color: var(--cv-tone-danger-text);
}

.feedback-form[b-ft45grzds1] {
    animation: fadeIn-b-ft45grzds1 0.3s ease;
}

@keyframes fadeIn-b-ft45grzds1 {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/IntegrationsPage.razor.rz.scp.css */
.integrations-page[b-ov0eu0qod1] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.integrations-page__loading-shell[b-ov0eu0qod1] {
    display: flex;
    justify-content: center;
    padding: 3rem 0;
}

.integrations-page__gate-card[b-ov0eu0qod1],
.integrations-page__banner-card[b-ov0eu0qod1],
.integrations-page__empty-card[b-ov0eu0qod1] {
    width: 100%;
}

.integrations-page__gate-actions[b-ov0eu0qod1],
.integrations-page__empty-actions[b-ov0eu0qod1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.integrations-page__notification-list[b-ov0eu0qod1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.integrations-page__notification-item[b-ov0eu0qod1] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    color: inherit;
    text-decoration: none;
    background: var(--cv-surface);
}

.integrations-page__notification-item:hover[b-ov0eu0qod1] {
    border-color: var(--cv-hover-border);
    background: var(--cv-surface-hover);
}

.integrations-page__notification-title[b-ov0eu0qod1] {
    font-weight: 700;
    color: var(--cv-text);
}

.integrations-page__notification-message[b-ov0eu0qod1],
.integrations-page__error-text[b-ov0eu0qod1] {
    margin: 0;
    color: var(--cv-text-muted);
}

.integrations-page__stats-grid[b-ov0eu0qod1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.integrations-page__filter-bar[b-ov0eu0qod1] {
    width: 100%;
}

.integrations-page__search-field[b-ov0eu0qod1] {
    min-width: min(100%, 28rem);
}

.integrations-page__group-count[b-ov0eu0qod1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 7rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.85rem;
    font-weight: 600;
}

.integrations-page__grid[b-ov0eu0qod1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
    gap: 1rem;
}

.integrations-page__tile-grid[b-ov0eu0qod1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
    gap: 0.75rem;
}
/* /Components/Pages/Integrations/CheckCentralReport.razor.rz.scp.css */
/*
 * The CheckCentral report is built from the Cv* wrappers (page header, stat tiles, cards, tables, status
 * badges and distribution bars). Only the few pieces below are its own, and they use the --cv-* tokens, so
 * both themes work without overrides.
 */

.checkcentral-report__company-heat-row + .checkcentral-report__company-heat-row[b-4gszyroqh3] {
    margin-top: var(--cv-space-4);
}

/* A failing check: a flat card with the danger rule, not a tinted gradient. */
.checkcentral-report__failure-card[b-4gszyroqh3] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-3);
    height: 100%;
    padding: var(--cv-space-4);
    border: var(--cv-border-width) solid var(--cv-border);
    border-left: var(--cv-rule-width) solid var(--cv-attention-danger);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
}

.checkcentral-report__failure-title[b-4gszyroqh3] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--cv-text);
}

.checkcentral-report__failure-meta[b-4gszyroqh3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    color: var(--cv-text-muted);
    font-size: 0.84rem;
}
/* /Components/Pages/Integrations/M365Settings.razor.rz.scp.css */
/*
 * The Connect dialog's CvDialog sits inside a plain form that the browser posts to the verified start, so the
 * form must not collapse the dialog card: its box is dropped and the card fills the overlay shell.
 */
.m365-connect-form[b-0z8kmpc5xs] {
    display: contents;
}
/* /Components/Pages/NoteTypesSettings.razor.rz.scp.css */
.note-types-settings-page[b-1o0fd0ndwi] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.note-types-settings-page__message-card[b-1o0fd0ndwi],
.note-types-settings-page__section[b-1o0fd0ndwi],
.note-types-settings-page__card[b-1o0fd0ndwi] {
    width: 100%;
}

.note-types-settings-page__message-text[b-1o0fd0ndwi] {
    margin: 0;
}

.note-types-settings-page__layout[b-1o0fd0ndwi] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    align-items: start;
}

.note-types-settings-page__form-grid[b-1o0fd0ndwi] {
    display: grid;
    gap: 1rem;
}

.note-types-settings-page__form-actions[b-1o0fd0ndwi] {
    margin-top: 1.25rem;
    display: flex;
    justify-content: flex-start;
}

.note-types-settings-page__table[b-1o0fd0ndwi] {
    margin-top: 0.25rem;
}

.note-types-settings-page__name-cell[b-1o0fd0ndwi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    min-height: 2.25rem;
}

.note-types-settings-page__name[b-1o0fd0ndwi] {
    font-weight: 600;
    color: var(--cv-text);
}

.note-types-settings-page__status[b-1o0fd0ndwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.8rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.note-types-settings-page__status--active[b-1o0fd0ndwi] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.note-types-settings-page__status--inactive[b-1o0fd0ndwi] {
    background: var(--cv-surface-hover);
    color: var(--cv-text-muted);
}

.note-types-settings-page__radio-option[b-1o0fd0ndwi] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 2.25rem;
    cursor: pointer;
    color: var(--cv-text);
}

.note-types-settings-page__radio[b-1o0fd0ndwi] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--cv-secondary);
}

.note-types-settings-page__radio:disabled[b-1o0fd0ndwi] {
    cursor: not-allowed;
}

.note-types-settings-page__radio-text[b-1o0fd0ndwi] {
    font-size: 0.92rem;
    font-weight: 600;
}

.note-types-settings-page__active-checkbox[b-1o0fd0ndwi] {
    min-width: 12rem;
}

.note-types-settings-page__refreshing[b-1o0fd0ndwi] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 991.98px) {
    .note-types-settings-page__layout[b-1o0fd0ndwi] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .note-types-settings-page__form-actions[b-1o0fd0ndwi] {
        justify-content: stretch;
    }

    .note-types-settings-page__form-actions[b-1o0fd0ndwi]  .cv-button {
        width: 100%;
    }

    .note-types-settings-page__active-checkbox[b-1o0fd0ndwi] {
        min-width: 0;
    }
}
/* /Components/Pages/Notifications.razor.rz.scp.css */
.notifications-page[b-22tnllouxg] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.notifications-page__feedback-shell[b-22tnllouxg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
}

.notifications-page__card[b-22tnllouxg] {
    overflow: hidden;
}

.notifications-page__section--compact[b-22tnllouxg] {
    margin-bottom: 0;
}

.notifications-page__filter-bar[b-22tnllouxg] {
    margin-bottom: 1.25rem;
}

.notifications-page__filter-layout[b-22tnllouxg] {
    display: grid;
    gap: 1rem;
}

.notifications-page__search-field[b-22tnllouxg] {
    max-width: 34rem;
}

.notifications-page__filter-meta[b-22tnllouxg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.notifications-page__filter-chip[b-22tnllouxg] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.875rem;
    font-weight: 600;
}

.notifications-page__filter-chip--warning[b-22tnllouxg] {
    background: var(--status-needs-attention-bg);
    color: var(--status-needs-attention-text);
}

.notifications-page__loading-shell[b-22tnllouxg] {
    padding: 2rem 0;
}

.notifications-page__results-meta[b-22tnllouxg] {
    margin-bottom: 0.875rem;
}

.notifications-page__results-summary[b-22tnllouxg] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.95rem;
}

.notifications-page__table[b-22tnllouxg] {
    border: 1px solid var(--cv-border);
}

.notifications-page__row[b-22tnllouxg] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.notifications-page__row:hover[b-22tnllouxg] {
    background: var(--cv-surface-hover);
}

.notifications-page__row--unread[b-22tnllouxg] {
    background: color-mix(in srgb, var(--cv-support) 6%, transparent);
}

/* Severity draws a 3px left rule, the CvTable row-rule pattern. */
.notifications-page__row--danger[b-22tnllouxg] {
    box-shadow: inset var(--cv-rule-width) 0 0 0 var(--cv-attention-danger);
}

.notifications-page__row--warning[b-22tnllouxg] {
    box-shadow: inset var(--cv-rule-width) 0 0 0 var(--cv-attention-warning);
}

.notifications-page__row--primary[b-22tnllouxg] {
    box-shadow: inset var(--cv-rule-width) 0 0 0 var(--cv-support);
}

.notifications-page__notification-main[b-22tnllouxg] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

/* A tinted glyph, not a chip. */
.notifications-page__severity-shell[b-22tnllouxg] {
    width: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.1rem;
    line-height: 1.4;
}

.notifications-page__severity-shell--primary[b-22tnllouxg] {
    color: var(--cv-support);
}

.notifications-page__severity-shell--warning[b-22tnllouxg] {
    color: var(--cv-attention-warning-text);
}

.notifications-page__severity-shell--danger[b-22tnllouxg] {
    color: var(--cv-attention-danger-text);
}

.notifications-page__notification-text[b-22tnllouxg] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.notifications-page__row-top[b-22tnllouxg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.625rem;
}

.notifications-page__unread-pill[b-22tnllouxg] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.6rem;
    border-radius: var(--cv-radius-chip);
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
    font-size: 0.72rem;
    font-weight: 700;
}

.notifications-page__title-link[b-22tnllouxg] {
    color: var(--cv-text);
    text-decoration: none;
    font-weight: 700;
    line-height: 1.4;
}

.notifications-page__title-link:hover[b-22tnllouxg] {
    color: var(--cv-support);
    text-decoration: underline;
}

.notifications-page__summary[b-22tnllouxg] {
    margin: 0;
    color: var(--cv-text-muted);
    line-height: 1.5;
}

.notifications-page__time-block[b-22tnllouxg] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    color: var(--cv-text);
    font-weight: 600;
}

.notifications-page__time-block small[b-22tnllouxg] {
    color: var(--cv-text-muted);
    font-size: 0.75rem;
}

.notifications-page__pager[b-22tnllouxg] {
    margin-top: 1rem;
}

.notifications-page__empty-state[b-22tnllouxg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem 1.5rem;
    text-align: center;
    border: 1px dashed var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: transparent;
}

.notifications-page__empty-state h3[b-22tnllouxg] {
    margin: 0;
    font-size: 1.15rem;
}

.notifications-page__empty-state p[b-22tnllouxg] {
    margin: 0;
    max-width: 34rem;
    color: var(--cv-text-muted);
}

.notifications-page__empty-icon[b-22tnllouxg] {
    display: inline-flex;
    color: var(--cv-text-muted);
    font-size: 2rem;
    line-height: 1;
}

.notifications-page__empty-actions[b-22tnllouxg] {
    margin-top: 0.5rem;
}

@media (max-width: 767.98px) {
    .notifications-page__feedback-shell[b-22tnllouxg] {
        flex-direction: column;
        align-items: stretch;
    }

    .notifications-page__notification-main[b-22tnllouxg] {
        gap: 0.75rem;
    }
}
/* /Components/Pages/Opportunities.razor.rz.scp.css */
.opportunities-page[b-0fjavwr276] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.opportunities-page__loading[b-0fjavwr276] {
    min-height: 18rem;
}

.opportunities-page__feedback-shell[b-0fjavwr276] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
}

.opportunities-page__stage-grid[b-0fjavwr276] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: var(--cv-gap-grid);
}

/* Stage tiles are filter buttons: flat, the hover changes the border, the active stage takes a
   support border and a 3px top rule. */
.opportunities-page__stage-tile[b-0fjavwr276] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    align-items: flex-start;
    justify-content: center;
    min-height: 8.5rem;
    width: 100%;
    padding: 1rem 1.1rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    text-align: left;
    transition: border-color 0.18s ease;
}

.opportunities-page__stage-tile:hover[b-0fjavwr276] {
    border-color: var(--cv-hover-border);
}

.opportunities-page__stage-tile:focus-visible[b-0fjavwr276] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.opportunities-page__stage-tile--active[b-0fjavwr276] {
    border-color: var(--cv-support);
    background: var(--cv-surface-sunken);
    box-shadow: inset 0 var(--cv-rule-width) 0 var(--cv-support);
}

.opportunities-page__stage-value[b-0fjavwr276] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--cv-text);
    font-variant-numeric: tabular-nums;
}

.opportunities-page__stage-name[b-0fjavwr276] {
    font-size: 0.98rem;
    font-weight: 600;
    color: var(--cv-text);
}

.opportunities-page__stage-hint[b-0fjavwr276] {
    font-size: 0.83rem;
    color: var(--cv-text-muted);
}

.opportunities-page__filter-layout[b-0fjavwr276] {
    display: grid;
    gap: 1rem;
}

.opportunities-page__filter-primary[b-0fjavwr276],
.opportunities-page__filter-selects[b-0fjavwr276],
.opportunities-page__filter-meta[b-0fjavwr276],
.opportunities-page__filter-actions[b-0fjavwr276] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    align-items: flex-start;
}

.opportunities-page__filter-primary[b-0fjavwr276] {
    width: 100%;
}

.opportunities-page__filter-selects > *[b-0fjavwr276] {
    flex: 1 1 14rem;
    min-width: 12rem;
}

.opportunities-page__filter-chip[b-0fjavwr276] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.8rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.88rem;
    font-weight: 500;
}

.opportunities-page__filter-chip i[b-0fjavwr276] {
    color: var(--cv-text-muted);
}

.opportunities-page__status-section[b-0fjavwr276] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.opportunities-page__status-label[b-0fjavwr276] {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--cv-text);
}

.opportunities-page__status-buttons[b-0fjavwr276] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.opportunities-page__results-meta[b-0fjavwr276] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.opportunities-page__results-summary[b-0fjavwr276],
.opportunities-page__single-page-summary[b-0fjavwr276] {
    margin: 0;
    color: var(--cv-text-muted);
}

.opportunities-page__page-pill[b-0fjavwr276] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.84rem;
    font-weight: 600;
}

.opportunities-page__row[b-0fjavwr276] {
    cursor: pointer;
    transition: background-color 0.18s ease;
}

.opportunities-page__row:hover[b-0fjavwr276] {
    background: var(--cv-surface-hover);
}

.opportunities-page__name-cell[b-0fjavwr276] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.opportunities-page__name[b-0fjavwr276] {
    font-weight: 700;
    color: var(--cv-text);
}

.opportunities-page__currency[b-0fjavwr276] {
    font-weight: 700;
    color: var(--cv-text);
}

.opportunities-page__currency--weighted[b-0fjavwr276] {
    color: var(--cv-tone-accent-text);
}

.opportunities-page__muted[b-0fjavwr276] {
    color: var(--cv-text-muted);
}

.opportunities-page__close-date[b-0fjavwr276] {
    color: var(--cv-text);
}

.opportunities-page__close-date--soon[b-0fjavwr276] {
    color: var(--cv-attention-warning-text);
    font-weight: 600;
}

.opportunities-page__close-date--overdue[b-0fjavwr276] {
    color: var(--cv-attention-danger-text);
    font-weight: 700;
}

.opportunities-page__pager-shell[b-0fjavwr276] {
    margin-top: 1rem;
}

.opportunities-page__empty-state[b-0fjavwr276] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    min-height: 18rem;
    text-align: center;
}

.opportunities-page__empty-icon[b-0fjavwr276] {
    display: inline-flex;
    color: var(--cv-text-muted);
    font-size: 2rem;
    line-height: 1;
}

.opportunities-page__empty-state h3[b-0fjavwr276] {
    margin: 0;
    color: var(--cv-text);
}

.opportunities-page__empty-state p[b-0fjavwr276] {
    max-width: 34rem;
    margin: 0;
    color: var(--cv-text-muted);
}

.opportunities-page__empty-actions[b-0fjavwr276] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 0.4rem;
}

@media (max-width: 991.98px) {
    .opportunities-page__feedback-shell[b-0fjavwr276],
    .opportunities-page__results-meta[b-0fjavwr276] {
        align-items: stretch;
    }
}

@media (max-width: 767.98px) {
    .opportunities-page__stage-grid[b-0fjavwr276] {
        grid-template-columns: 1fr;
    }

    .opportunities-page__filter-selects > *[b-0fjavwr276] {
        min-width: 100%;
    }
}
/* /Components/Pages/Portal/NewTicket.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   NewTicket page — enterprise service catalogue intake
   ══════════════════════════════════════════════════════════ */

.new-ticket-page[b-tw5ns5j76t] {
    /* ── Design tokens ── */
    --nt-primary: #0D1733;
    --nt-secondary: #2BA3C5;
    --nt-accent: #A2D339;
    --nt-support: #1E789A;
    --nt-soft-neutral: #68B0A8;
    --nt-muted: #6b7280;
    --nt-muted-light: #9ca3af;
    --nt-border: rgba(13, 23, 51, 0.05);
    --nt-border-soft: rgba(13, 23, 51, 0.04);
    --nt-surface: #fff;
    --nt-soft-surface: #fafbfc;
    --nt-shadow-sm: 0 0.15rem 0.6rem rgba(13, 23, 51, 0.025);
    --nt-radius-sm: 0.55rem;
    --nt-radius-md: 0.75rem;
    --nt-radius-lg: 0.9rem;
    --nt-required: #dc3545;
    --nt-focus-ring: rgba(43, 163, 197, 0.5);
}

/* ── Page wrapper ── */
.new-ticket-page[b-tw5ns5j76t] {
    display: flex;
    flex-direction: column;
}

/* ── Two-panel layout — max-width keeps wide screens focused ── */
.new-ticket-page__layout[b-tw5ns5j76t] {
    display: flex;
    gap: 1.35rem;
    align-items: flex-start;
    max-width: 1040px;
}

/* ── Left selector — feels like a catalogue browser ── */
.new-ticket-page__selector[b-tw5ns5j76t] {
    width: 380px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0.85rem;
    max-height: calc(100vh - 2rem);
    border: 1px solid rgba(13, 23, 51, 0.05);
    border-radius: 0.9rem;
    background: #fafbfc;
    box-shadow: 0 0.15rem 0.6rem rgba(13, 23, 51, 0.025);
    overflow: hidden;
}

.new-ticket-page__selector-header[b-tw5ns5j76t] {
    padding: 1.05rem 1.05rem 0.75rem;
    border-bottom: 1px solid rgba(13, 23, 51, 0.05);
    background: #fff;
    flex-shrink: 0;
}

.new-ticket-page__selector-title[b-tw5ns5j76t] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #0d1733;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.75rem;
}

.new-ticket-page__search[b-tw5ns5j76t] { position: relative; }

.new-ticket-page__search-icon[b-tw5ns5j76t] {
    position: absolute;
    left: 0.7rem;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: 0.8rem;
    pointer-events: none;
}

.new-ticket-page__search-input[b-tw5ns5j76t] {
    padding-left: 2.1rem;
    padding-right: 2rem;
    border-radius: 0.65rem;
    border-color: rgba(13, 23, 51, 0.08);
    font-size: 0.82rem;
    height: 2.3rem;
    background: rgba(248, 250, 253, 0.4);
}

.new-ticket-page__search-input:focus[b-tw5ns5j76t] {
    border-color: rgba(43, 163, 197, 0.5);
    box-shadow: 0 0 0 0.12rem rgba(43, 163, 197, 0.08);
    background: #fff;
}

.new-ticket-page__search-clear[b-tw5ns5j76t] {
    position: absolute;
    right: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #9ca3af;
    font-size: 0.65rem;
    padding: 0.25rem 0.45rem;
    border-radius: 0.35rem;
    cursor: pointer;
    line-height: 1;
}

.new-ticket-page__search-clear:hover[b-tw5ns5j76t] {
    background: rgba(13, 23, 51, 0.06);
    color: #0d1733;
}

/* ── Selector list (scrollable) ── */
.new-ticket-page__selector-list[b-tw5ns5j76t] {
    overflow-y: auto;
    flex: 1;
    padding: 0.4rem 0.65rem 0.7rem;
    background: #fafbfc;
}

/* ── Category header — clean divider, quiet uppercase ── */
.new-ticket-page__category-header[b-tw5ns5j76t] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.6rem 0.4rem 0.3rem;
    margin-top: 0.15rem;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #9ca3af;
    border-top: 1px solid rgba(13, 23, 51, 0.04);
}

.new-ticket-page__category-header:first-child[b-tw5ns5j76t] {
    border-top: none;
    margin-top: 0;
}

.new-ticket-page__category-count[b-tw5ns5j76t] {
    margin-left: auto;
    font-size: 0.64rem;
    font-weight: 600;
    color: #b0b7c3;
    background: rgba(13, 23, 51, 0.03);
    padding: 0.08rem 0.4rem;
    border-radius: 99px;
    min-width: 1.2rem;
    text-align: center;
}

/* ── Request type item — real catalogue row, card-like ── */
.new-ticket-page__type-item[b-tw5ns5j76t] {
    display: flex;
    align-items: flex-start;
    width: 100%;
    gap: 0.5rem;
    padding: 0.7rem 0.75rem;
    margin-bottom: 0.18rem;
    border: 1px solid rgba(13, 23, 51, 0.04);
    border-radius: 0.55rem;
    background: #fff;
    color: #0d1733;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 0.1rem 0.3rem rgba(13, 23, 51, 0.015);
    transition: background 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease, transform 0.1s ease;
}

.new-ticket-page__type-item:hover:not(:disabled)[b-tw5ns5j76t] {
    background: #fff;
    border-color: rgba(43, 163, 197, 0.15);
    box-shadow: 0 0.15rem 0.5rem rgba(13, 23, 51, 0.04);
}

.new-ticket-page__type-item:focus-visible[b-tw5ns5j76t] {
    outline: 2px solid rgba(43, 163, 197, 0.5);
    outline-offset: -2px;
}

.new-ticket-page__type-item:disabled[b-tw5ns5j76t] {
    opacity: 0.55;
    cursor: not-allowed;
}

.new-ticket-page__type-item--selected[b-tw5ns5j76t] {
    background: rgba(43, 163, 197, 0.04);
    border-color: rgba(43, 163, 197, 0.25);
    border-left: 3px solid #2BA3C5;
    padding-left: calc(0.75rem - 2px);
    border-radius: 0.4rem 0.55rem 0.55rem 0.4rem;
    box-shadow: 0 0.15rem 0.4rem rgba(43, 163, 197, 0.06);
}

.new-ticket-page__type-item--selected:hover[b-tw5ns5j76t] {
    background: rgba(43, 163, 197, 0.06);
    border-color: rgba(43, 163, 197, 0.3);
}

.new-ticket-page__type-item-main[b-tw5ns5j76t] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.new-ticket-page__type-item-name[b-tw5ns5j76t] {
    font-size: 0.85rem;
    font-weight: 650;
    line-height: 1.25;
    color: #0d1733;
}

.new-ticket-page__type-item--selected .new-ticket-page__type-item-name[b-tw5ns5j76t] {
    color: #0d1733;
    font-weight: 700;
}

.new-ticket-page__type-item-chips[b-tw5ns5j76t] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.new-ticket-page__type-item-desc[b-tw5ns5j76t] {
    font-size: 0.73rem;
    color: #848c98;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.new-ticket-page__type-item-chevron[b-tw5ns5j76t] {
    flex-shrink: 0;
    margin-top: 0.35rem;
    font-size: 0.65rem;
    color: #c4cad4;
    transition: color 0.1s ease, transform 0.15s ease;
}

.new-ticket-page__type-item:hover .new-ticket-page__type-item-chevron[b-tw5ns5j76t] {
    color: #9ca3af;
    transform: translateX(2px);
}

.new-ticket-page__type-item--selected .new-ticket-page__type-item-chevron[b-tw5ns5j76t] {
    color: #2BA3C5;
    transform: translateX(2px);
}

/* ── Chips — tiny, muted, non-intrusive ── */
.new-ticket-page__chip[b-tw5ns5j76t] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    font-size: 0.58rem;
    font-weight: 600;
    padding: 0.04rem 0.35rem;
    border-radius: 99px;
    line-height: 1.55;
    background: rgba(13, 23, 51, 0.035);
    color: #7c8798;
}

.new-ticket-page__chip i[b-tw5ns5j76t] {
    font-size: 0.5rem;
}

.new-ticket-page__chip--pinned[b-tw5ns5j76t] {
    background: rgba(245, 158, 11, 0.08);
    color: #b45309;
}

/* ── Empty search result ── */
.new-ticket-page__selector-empty[b-tw5ns5j76t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    padding: 1.75rem 1rem;
    color: #b0b7c3;
    font-size: 0.82rem;
}

.new-ticket-page__selector-empty i[b-tw5ns5j76t] {
    font-size: 1.35rem;
}

.new-ticket-page__selector-empty p[b-tw5ns5j76t] {
    margin: 0;
    color: inherit;
}

/* ── Right detail panel ── */
.new-ticket-page__detail[b-tw5ns5j76t] {
    flex: 1;
    min-width: 0;
    min-height: 480px;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    border: 1px solid rgba(13, 23, 51, 0.05);
    border-radius: 0.9rem;
    background: #fff;
    box-shadow: 0 0.15rem 0.6rem rgba(13, 23, 51, 0.025);
    padding: 1.1rem;
}

/* ── Empty state ── */
.new-ticket-page__empty-state[b-tw5ns5j76t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: 1;
    padding: 2.5rem 2rem;
    background: linear-gradient(180deg, rgba(43, 163, 197, 0.02) 0%, transparent 45%);
    border-radius: 0.6rem;
}

.new-ticket-page__empty-icon[b-tw5ns5j76t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background: linear-gradient(135deg, rgba(43, 163, 197, 0.08), rgba(30, 120, 154, 0.04));
    border: 1px solid rgba(43, 163, 197, 0.12);
    border-radius: 0.85rem;
    color: #2BA3C5;
    font-size: 1.25rem;
    margin-bottom: 0.9rem;
}

.new-ticket-page__empty-title[b-tw5ns5j76t] {
    font-size: 1rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 0.3rem;
}

.new-ticket-page__empty-text[b-tw5ns5j76t] {
    font-size: 0.84rem;
    color: #6b7280;
    max-width: 24rem;
    margin-bottom: 1rem;
}

.new-ticket-page__empty-benefits[b-tw5ns5j76t] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.new-ticket-page__empty-benefits li[b-tw5ns5j76t] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.78rem;
    color: #6b7280;
}

.new-ticket-page__empty-benefits li i[b-tw5ns5j76t] {
    font-size: 0.8rem;
    color: #68B0A8;
    width: 1.1rem;
    text-align: center;
}

/* ── Form header ── */
.new-ticket-page__form-header[b-tw5ns5j76t] {
    border: 1px solid rgba(13, 23, 51, 0.05);
    border-radius: 0.75rem;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0.15rem 0.4rem rgba(13, 23, 51, 0.02);
}

.new-ticket-page__form-header-top[b-tw5ns5j76t] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
}

.new-ticket-page__form-header-title[b-tw5ns5j76t] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0d1733;
    margin-bottom: 0.35rem;
}

.new-ticket-page__form-header-meta[b-tw5ns5j76t] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    font-size: 0.75rem;
    color: #6b7280;
}

.new-ticket-page__form-header-desc[b-tw5ns5j76t] {
    font-size: 0.8rem;
    color: #6b7280;
    padding: 0 1rem 0.75rem;
    margin-top: -0.1rem;
    border-top: 1px solid rgba(13, 23, 51, 0.04);
    padding-top: 0.65rem;
    line-height: 1.4;
}

.new-ticket-page__meta-item[b-tw5ns5j76t] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.72rem;
    color: #6b7280;
}

.new-ticket-page__meta-item--category[b-tw5ns5j76t] {
    background: rgba(13, 23, 51, 0.03);
    padding: 0.1rem 0.5rem;
    border-radius: 99px;
    font-weight: 600;
    color: #526077;
}

.new-ticket-page__meta-item--feature[b-tw5ns5j76t] {
    color: #1e789a;
    font-weight: 600;
}

/* ── Form shell ── */
.new-ticket-page__form-shell[b-tw5ns5j76t] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.new-ticket-page__definition-note[b-tw5ns5j76t] {
    padding: 0.75rem 0.95rem;
    border: 1px solid rgba(13, 23, 51, 0.05);
    border-radius: 0.65rem;
    background: rgba(248, 250, 253, 0.4);
    font-size: 0.82rem;
    color: #4b5563;
    line-height: 1.45;
}

.new-ticket-page__definition-note :last-child[b-tw5ns5j76t] { margin-bottom: 0; }

.new-ticket-page__dynamic-form[b-tw5ns5j76t] {
    display: flex;
    flex-direction: column;
}

/* ── Section blocks (attachments / signature) ── */
.new-ticket-page__section[b-tw5ns5j76t] {
    border: 1px solid rgba(13, 23, 51, 0.06);
    border-radius: 0.7rem;
    background: #fff;
    overflow: hidden;
}

.new-ticket-page__section-header[b-tw5ns5j76t] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.9rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #374151;
    background: rgba(248, 250, 253, 0.45);
    border-bottom: 1px solid rgba(13, 23, 51, 0.04);
}

.new-ticket-page__section-header i[b-tw5ns5j76t] {
    font-size: 0.82rem;
    color: #1e789a;
}

.new-ticket-page__section-body[b-tw5ns5j76t] {
    padding: 0.8rem 0.9rem;
}

.new-ticket-page__signature-reason[b-tw5ns5j76t] {
    font-size: 0.78rem;
    color: #6b7280;
    margin-bottom: 0.65rem;
}

/* ── Scoped utility classes (replacing Bootstrap utilities) ── */
.new-ticket-page__required-marker[b-tw5ns5j76t] {
    color: #dc3545;
    font-weight: 700;
}

.new-ticket-page__section-label[b-tw5ns5j76t] {
    font-weight: 650;
    margin-bottom: 0.35rem;
    color: #0d1733;
    font-size: 0.875rem;
}

.new-ticket-page__section-help[b-tw5ns5j76t] {
    font-size: 0.78rem;
    color: #6b7280;
    margin-top: 0.5rem;
}

.new-ticket-page__submit-spinner[b-tw5ns5j76t] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 0.15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: new-ticket-page-spin-b-tw5ns5j76t 0.6s linear infinite;
    margin-right: 0.5rem;
    vertical-align: -0.125em;
}

@keyframes new-ticket-page-spin-b-tw5ns5j76t {
    to { transform: rotate(360deg); }
}

/* ── Sticky submit bar ── */
.new-ticket-page__submit-bar[b-tw5ns5j76t] {
    position: sticky;
    bottom: -0.15rem;
    z-index: 10;
    padding-top: 0.5rem;
}

.new-ticket-page__submit-bar-inner[b-tw5ns5j76t] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.95rem;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(13, 23, 51, 0.05);
    border-radius: 0.75rem;
    box-shadow: 0 0.1rem 0.4rem rgba(13, 23, 51, 0.025);
}

/* ── Responsive ── */
@media (max-width: 991.98px) {
    .new-ticket-page__layout[b-tw5ns5j76t] {
        flex-direction: column;
    }

    .new-ticket-page__selector[b-tw5ns5j76t] {
        width: 100%;
        position: static;
        max-height: none;
        border-radius: 0.85rem;
    }

    .new-ticket-page__selector-list[b-tw5ns5j76t] {
        max-height: 320px;
    }

    .new-ticket-page__detail[b-tw5ns5j76t] {
        min-height: 0;
    }

    .new-ticket-page__empty-state[b-tw5ns5j76t] {
        padding: 2rem 1.25rem;
    }
}

@media (max-width: 575.98px) {
    .new-ticket-page__selector-list[b-tw5ns5j76t] {
        max-height: 240px;
    }

    .new-ticket-page__form-header-top[b-tw5ns5j76t] {
        flex-direction: column;
    }

    .new-ticket-page__submit-bar-inner[b-tw5ns5j76t] {
        flex-direction: column-reverse;
        gap: 0.45rem;
    }

    .new-ticket-page__submit-bar-inner .btn[b-tw5ns5j76t] {
        width: 100%;
    }

    .new-ticket-page__selector-header[b-tw5ns5j76t] {
        padding: 0.75rem 0.8rem;
    }

    .new-ticket-page__type-item[b-tw5ns5j76t] {
        padding: 0.5rem 0.55rem;
    }

    .new-ticket-page__detail[b-tw5ns5j76t] {
        padding: 0.8rem;
    }
}
/* /Components/Pages/Portal/ServiceRequests.razor.rz.scp.css */
.service-requests-page[b-tfn6hefp3a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.service-requests-page__status-alert[b-tfn6hefp3a] {
    margin-bottom: 0;
}

.service-requests-page__access-note[b-tfn6hefp3a] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(255, 193, 7, 0.28);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 248, 225, 0.98), rgba(255, 255, 255, 1));
}

.service-requests-page__access-icon[b-tfn6hefp3a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.85rem;
    background: rgba(255, 193, 7, 0.18);
    color: #7a5300;
    font-size: 1.05rem;
    flex-shrink: 0;
}

.service-requests-page__empty-card[b-tfn6hefp3a] {
    border-radius: 1.25rem;
}

.service-requests-page__layout[b-tfn6hefp3a] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1.12fr) minmax(22rem, 0.88fr);
    align-items: start;
}

.service-requests-page__catalogue-panel[b-tfn6hefp3a],
.service-requests-page__detail-panel[b-tfn6hefp3a] {
    border-radius: 1.25rem;
    overflow: hidden;
}

.service-requests-page__catalogue-body[b-tfn6hefp3a] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.service-requests-page__group[b-tfn6hefp3a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.service-requests-page__group-header[b-tfn6hefp3a] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.service-requests-page__group-icon[b-tfn6hefp3a],
.service-requests-page__request-icon[b-tfn6hefp3a],
.service-requests-page__detail-placeholder-icon[b-tfn6hefp3a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
}

.service-requests-page__group-icon[b-tfn6hefp3a] {
    width: 3rem;
    height: 3rem;
    background: rgba(43, 163, 197, 0.14);
    color: #1e789a;
    font-size: 1.1rem;
}

.service-requests-page__group-copy[b-tfn6hefp3a] {
    min-width: 0;
}

.service-requests-page__catalog-grid[b-tfn6hefp3a] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
}

.service-requests-page__catalog-card[b-tfn6hefp3a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 100%;
    padding: 1.1rem;
    border: 1px solid rgba(13, 23, 51, 0.08);
    border-radius: 1.1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.95));
    box-shadow: 0 0.55rem 1.35rem rgba(13, 23, 51, 0.06);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.service-requests-page__catalog-card:hover[b-tfn6hefp3a] {
    transform: translateY(-1px);
    border-color: rgba(43, 163, 197, 0.24);
    box-shadow: 0 0.8rem 1.6rem rgba(13, 23, 51, 0.09);
}

.service-requests-page__catalog-card--selected[b-tfn6hefp3a] {
    border-color: rgba(43, 163, 197, 0.42);
    box-shadow: 0 0 0 0.2rem rgba(43, 163, 197, 0.12), 0 0.9rem 1.8rem rgba(13, 23, 51, 0.08);
}

.service-requests-page__catalog-card-head[b-tfn6hefp3a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
}

.service-requests-page__request-icon[b-tfn6hefp3a] {
    width: 3.15rem;
    height: 3.15rem;
    background: rgba(13, 23, 51, 0.06);
    color: #0d1733;
    font-size: 1.2rem;
}

.service-requests-page__catalog-card-body[b-tfn6hefp3a] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 1rem;
}

.service-requests-page__open-button[b-tfn6hefp3a] {
    margin-top: auto;
    border-radius: 0.95rem;
    padding: 0.8rem 1rem;
    font-weight: 600;
}

.service-requests-page__detail-panel[b-tfn6hefp3a] {
    position: sticky;
    top: 1rem;
}

.service-requests-page__detail-panel--active[b-tfn6hefp3a] {
    box-shadow: 0 1rem 2rem rgba(13, 23, 51, 0.08) !important;
}

.service-requests-page__detail-body[b-tfn6hefp3a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.service-requests-page__detail-placeholder[b-tfn6hefp3a] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9rem;
    min-height: 18rem;
    justify-content: center;
    padding: 1.25rem 0.35rem;
}

.service-requests-page__detail-placeholder-icon[b-tfn6hefp3a] {
    width: 3.4rem;
    height: 3.4rem;
    background: rgba(13, 23, 51, 0.06);
    color: #1e789a;
    font-size: 1.3rem;
}

.service-requests-page__definition-note[b-tfn6hefp3a],
.service-requests-page__supplement-card[b-tfn6hefp3a] {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(13, 23, 51, 0.08);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0.45rem 1.2rem rgba(13, 23, 51, 0.05);
}

.service-requests-page__definition-note :last-child[b-tfn6hefp3a] {
    margin-bottom: 0;
}

.service-requests-page__dynamic-form[b-tfn6hefp3a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.service-requests-page__form-actions[b-tfn6hefp3a] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.35rem;
}

@media (max-width: 1199.98px) {
    .service-requests-page__layout[b-tfn6hefp3a] {
        grid-template-columns: 1fr;
    }

    .service-requests-page__detail-panel[b-tfn6hefp3a] {
        position: static;
    }
}

@media (max-width: 575.98px) {
    .service-requests-page__catalog-grid[b-tfn6hefp3a] {
        grid-template-columns: 1fr;
    }

    .service-requests-page__form-actions[b-tfn6hefp3a] {
        justify-content: stretch;
    }

    .service-requests-page__form-actions .btn[b-tfn6hefp3a] {
        width: 100%;
    }
}
/* /Components/Pages/Portal/TicketDetail.razor.rz.scp.css */
.portal-ticket-detail__summary-list dt[b-suanvaiqdv] {
    color: var(--bs-secondary-color);
    font-weight: 600;
}

.portal-ticket-detail__summary-list dd[b-suanvaiqdv] {
    margin-bottom: 0.75rem;
}
/* /Components/Pages/Portal/Tickets.razor.rz.scp.css */
.portal-tickets-page__table-card[b-y49e4fpzxc] {
    margin-bottom: 1.5rem;
}

.portal-tickets-page__filter-grid[b-y49e4fpzxc] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.portal-tickets-page__filter-actions[b-y49e4fpzxc] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.portal-tickets-page__filter-chip[b-y49e4fpzxc] {
    background: rgba(var(--bs-secondary-rgb), 0.12);
    border: 1px solid rgba(var(--bs-secondary-rgb), 0.2);
    border-radius: 999px;
    color: rgba(var(--bs-dark-rgb), 0.76);
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.4rem 0.85rem;
}

.portal-tickets-page__closed-toggle[b-y49e4fpzxc] {
    margin-right: 0.25rem;
}

.portal-tickets-page__sort-button[b-y49e4fpzxc] {
    align-items: center;
    appearance: none;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 700;
    gap: 0.35rem;
    padding: 0;
}

.portal-tickets-page__sort-button:hover[b-y49e4fpzxc],
.portal-tickets-page__sort-button--active[b-y49e4fpzxc] {
    color: rgba(var(--bs-primary-rgb), 1);
}

.portal-tickets-page__sort-button:focus-visible[b-y49e4fpzxc] {
    border-radius: 0.35rem;
    outline: 2px solid rgba(var(--bs-primary-rgb), 0.35);
    outline-offset: 3px;
}

.portal-tickets-page__sort-icons[b-y49e4fpzxc] {
    display: inline-flex;
    flex-direction: column;
    gap: 0.05rem;
    line-height: 0.65;
}

.portal-tickets-page__sort-icon[b-y49e4fpzxc] {
    color: rgba(var(--bs-dark-rgb), 0.55);
    font-size: 0.7rem;
}

.portal-tickets-page__sort-button:hover .portal-tickets-page__sort-icon[b-y49e4fpzxc],
.portal-tickets-page__sort-icon--active[b-y49e4fpzxc] {
    color: inherit;
}

.portal-tickets-page__row td[b-y49e4fpzxc] {
    vertical-align: top;
}

.portal-tickets-page__ticket-cell[b-y49e4fpzxc],
.portal-tickets-page__assignee-cell[b-y49e4fpzxc] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.portal-tickets-page__subject-link[b-y49e4fpzxc] {
    color: rgba(var(--bs-dark-rgb), 0.92);
    font-weight: 600;
    text-decoration: none;
}

.portal-tickets-page__subject-link:hover[b-y49e4fpzxc] {
    color: rgba(var(--bs-primary-rgb), 1);
    text-decoration: underline;
}

.portal-tickets-page__ticket-meta[b-y49e4fpzxc] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.portal-tickets-page__ticket-summary[b-y49e4fpzxc],
.portal-tickets-page__assignee-meta[b-y49e4fpzxc],
.portal-tickets-page__muted[b-y49e4fpzxc] {
    color: rgba(var(--bs-dark-rgb), 0.62);
}

.portal-tickets-page__ticket-summary[b-y49e4fpzxc] {
    font-size: 0.9rem;
    margin: 0;
}

.portal-tickets-page__assignee-meta[b-y49e4fpzxc] {
    font-size: 0.85rem;
}

.portal-tickets-page__priority-badge[b-y49e4fpzxc] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.25rem 0.7rem;
}

.portal-tickets-page__priority-badge--critical[b-y49e4fpzxc] {
    background: rgba(var(--bs-danger-rgb), 0.12);
    color: rgba(var(--bs-danger-rgb), 1);
}

.portal-tickets-page__priority-badge--high[b-y49e4fpzxc] {
    background: rgba(var(--bs-warning-rgb), 0.18);
    color: rgba(122, 78, 0, 1);
}

.portal-tickets-page__priority-badge--normal[b-y49e4fpzxc] {
    background: rgba(var(--bs-info-rgb), 0.14);
    color: rgba(var(--bs-info-rgb), 1);
}

.portal-tickets-page__priority-badge--low[b-y49e4fpzxc] {
    background: rgba(var(--bs-secondary-rgb), 0.14);
    color: rgba(var(--bs-secondary-rgb), 1);
}

.portal-tickets-page__empty-state[b-y49e4fpzxc] {
    align-items: center;
    border: 1px dashed rgba(var(--bs-secondary-rgb), 0.35);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    justify-content: center;
    min-height: 220px;
    padding: 2rem 1.5rem;
    text-align: center;
}

.portal-tickets-page__empty-state h3[b-y49e4fpzxc],
.portal-tickets-page__empty-state p[b-y49e4fpzxc] {
    margin: 0;
}

.portal-tickets-page__empty-icon[b-y49e4fpzxc] {
    align-items: center;
    background: rgba(var(--bs-primary-rgb), 0.08);
    border-radius: 1rem;
    color: rgba(var(--bs-primary-rgb), 1);
    display: inline-flex;
    font-size: 1.75rem;
    height: 4rem;
    justify-content: center;
    width: 4rem;
}

@media (max-width: 767.98px) {
    .portal-tickets-page__filter-actions[b-y49e4fpzxc] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/ProjectDetail.razor.rz.scp.css */
.project-detail-page[b-laibd1x7by] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.project-detail-page__loading[b-laibd1x7by] {
    padding: 2.5rem 0 1rem;
}
/* /Components/Pages/Projects.razor.rz.scp.css */
.projects-page[b-y7caf5roij] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.projects-page__loading[b-y7caf5roij] {
    padding: 2.5rem 0 1rem;
}

.projects-page__card[b-y7caf5roij] {
    margin-bottom: 0;
}

.projects-page__dashboard-grid[b-y7caf5roij] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
}

.projects-page__dashboard-note[b-y7caf5roij] {
    margin: 1rem 0 0;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.projects-page__filter-primary[b-y7caf5roij] {
    flex: 1 1 24rem;
    min-width: min(100%, 22rem);
}

.projects-page__search-field[b-y7caf5roij] {
    width: 100%;
}

.projects-page__filter-meta[b-y7caf5roij] {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.projects-page__filter-chip[b-y7caf5roij] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
}

.projects-page__filter-chip i[b-y7caf5roij] {
    color: var(--cv-text-muted);
}

.projects-page__section[b-y7caf5roij] {
    display: block;
}

.projects-page__status-chip-row[b-y7caf5roij] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.projects-page__status-chip-label[b-y7caf5roij] {
    color: var(--cv-text-muted);
    font-size: 0.9rem;
    font-weight: 700;
}

.projects-page__selection-chip-list[b-y7caf5roij] {
    display: flex;
    flex: 1 1 0;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.projects-page__selection-chip[b-y7caf5roij] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface);
    color: var(--cv-text);
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.2;
    transition: all 0.15s ease;
}

.projects-page__selection-chip:hover[b-y7caf5roij] {
    border-color: var(--cv-hover-border);
    color: var(--cv-support);
}

.projects-page__selection-chip--active[b-y7caf5roij] {
    border-color: var(--cv-support);
    background: color-mix(in srgb, var(--cv-support) 12%, transparent);
    color: var(--cv-tone-secondary-text);
}

.projects-page__selection-chip:focus-visible[b-y7caf5roij] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.projects-page__results-meta[b-y7caf5roij] {
    margin-bottom: 1rem;
}

.projects-page__results-summary[b-y7caf5roij] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.95rem;
}

.projects-page__table[b-y7caf5roij]  .cv-table__table th {
    white-space: nowrap;
}

.projects-page__table[b-y7caf5roij]  .cv-table__table td {
    vertical-align: middle;
}

.projects-page__project-cell[b-y7caf5roij] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.projects-page__project-title[b-y7caf5roij] {
    font-weight: 700;
    color: var(--cv-text);
}

.projects-page__project-link[b-y7caf5roij] {
    text-decoration: none;
    transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.projects-page__project-link:hover[b-y7caf5roij],
.projects-page__project-link:focus-visible[b-y7caf5roij] {
    color: var(--cv-support);
    text-decoration: underline;
    text-underline-offset: 0.18rem;
}

.projects-page__meta-chip[b-y7caf5roij] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.35rem 0.7rem;
    border-radius: var(--cv-radius-chip);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: normal;
    word-break: break-word;
}

.projects-page__meta-chip--status-active[b-y7caf5roij] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.projects-page__meta-chip--status-planned[b-y7caf5roij] {
    background: var(--status-needs-attention-bg);
    color: var(--status-needs-attention-text);
}

.projects-page__meta-chip--status-closed[b-y7caf5roij] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    border: var(--cv-border-width) solid var(--cv-border);
}

.projects-page__meta-chip--manager[b-y7caf5roij] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    border: var(--cv-border-width) solid var(--cv-border);
}

.projects-page__meta-chip--muted[b-y7caf5roij] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    border: var(--cv-border-width) solid var(--cv-border);
}

.projects-page__psa-id[b-y7caf5roij] {
    color: var(--cv-text-muted);
}

.projects-page__empty-state[b-y7caf5roij] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
    padding: 1.5rem 0.5rem;
}

.projects-page__empty-state h3[b-y7caf5roij] {
    margin: 0;
    color: var(--cv-text);
    font-size: 1.2rem;
}

.projects-page__empty-state p[b-y7caf5roij] {
    margin: 0;
    max-width: 34rem;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.projects-page__empty-icon[b-y7caf5roij] {
    display: inline-flex;
    color: var(--cv-text-muted);
    font-size: 2rem;
    line-height: 1;
}

@media (max-width: 767.98px) {
    .projects-page__filter-chip[b-y7caf5roij] {
        width: 100%;
        justify-content: center;
    }

    .projects-page__status-chip-row[b-y7caf5roij] {
        align-items: stretch;
    }

    .projects-page__selection-chip-list[b-y7caf5roij] {
        width: 100%;
    }

    .projects-page__results-summary[b-y7caf5roij] {
        text-align: center;
    }
}
/* /Components/Pages/QuotePreview.razor.rz.scp.css */
.quote-preview-page[b-9zsq4fwuy0] {
    min-height: 100vh;
    background:
        radial-gradient(circle at top right, rgba(43, 163, 197, 0.12), transparent 28%),
        linear-gradient(180deg, #f5f8fc 0%, #eef3f8 100%);
}

.quote-preview-toolbar[b-9zsq4fwuy0] {
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(13, 23, 51, 0.92);
    backdrop-filter: blur(14px);
}

.quote-preview-toolbar__inner[b-9zsq4fwuy0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    max-width: 72rem;
    margin: 0 auto;
    padding: 0.85rem 1.25rem;
}

.quote-preview-toolbar__group[b-9zsq4fwuy0] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.quote-preview-toolbar__eyebrow[b-9zsq4fwuy0] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.quote-preview-toolbar__pill[b-9zsq4fwuy0] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 700;
}

.quote-preview-toolbar__hint[b-9zsq4fwuy0] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.85rem;
}

.quote-preview-shell[b-9zsq4fwuy0] {
    max-width: 72rem;
    margin: 0 auto;
    padding: 1.5rem 1.25rem 2.5rem;
}

[b-9zsq4fwuy0] .quote-preview-state {
    min-height: 50vh;
}

[b-9zsq4fwuy0] .quote-preview-header {
    margin-bottom: 1.25rem;
}

[b-9zsq4fwuy0] .quote-preview-summary-card {
    margin-bottom: 1.25rem;
}

.quote-preview-summary[b-9zsq4fwuy0] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.85rem;
}

.quote-preview-summary__item[b-9zsq4fwuy0] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    padding: 1rem 1.1rem;
    border: 1px solid #e0e8f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9fd 100%);
}

.quote-preview-summary__item strong[b-9zsq4fwuy0] {
    color: #0d1733;
    font-size: 1rem;
}

.quote-preview-summary__item--highlight[b-9zsq4fwuy0] {
    background: linear-gradient(180deg, #0d1733 0%, #18274f 100%);
    box-shadow: 0 18px 32px rgba(13, 23, 51, 0.18);
}

.quote-preview-summary__item--highlight strong[b-9zsq4fwuy0],
.quote-preview-summary__item--highlight .quote-preview-summary__label[b-9zsq4fwuy0],
.quote-preview-summary__item--highlight .quote-preview-summary__meta[b-9zsq4fwuy0] {
    color: #ffffff;
}

.quote-preview-summary__label[b-9zsq4fwuy0] {
    color: #6a7894;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.quote-preview-summary__meta[b-9zsq4fwuy0] {
    color: #6f82a4;
    font-size: 0.82rem;
}

.quote-preview-document[b-9zsq4fwuy0] {
    margin-bottom: 1.25rem;
}

[b-9zsq4fwuy0] .quote-preview-notes {
    margin-top: 1.25rem;
}

.quote-preview-notes__content[b-9zsq4fwuy0] {
    color: #4a5361;
    white-space: pre-wrap;
    line-height: 1.7;
}

@media print {
    .quote-preview-toolbar[b-9zsq4fwuy0] {
        display: none !important;
    }

    .quote-preview-page[b-9zsq4fwuy0] {
        background: #ffffff;
    }

    .quote-preview-shell[b-9zsq4fwuy0] {
        max-width: none;
        padding: 0;
    }

    .quote-preview-header[b-9zsq4fwuy0],
    .quote-preview-summary-card[b-9zsq4fwuy0],
    .quote-preview-notes[b-9zsq4fwuy0] {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    .quote-preview-summary[b-9zsq4fwuy0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .quote-preview-toolbar__inner[b-9zsq4fwuy0] {
        flex-direction: column;
        align-items: flex-start;
    }

    .quote-preview-summary[b-9zsq4fwuy0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/QuotePrintView.razor.rz.scp.css */
.quote-print-page[b-hb3jkvynu1] {
    background: #ffffff;
    min-height: 100vh;
    padding: 1.25rem;
}

.quote-print-page__shell[b-hb3jkvynu1] {
    max-width: 72rem;
    margin: 0 auto;
}

[b-hb3jkvynu1] .quote-print-page__state {
    min-height: 40vh;
}

[b-hb3jkvynu1] .quote-print-page__acceptance-card {
    margin-top: 1.25rem;
}

.quote-print-page__acceptance-grid[b-hb3jkvynu1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem);
    gap: 1.25rem;
    align-items: start;
}

.quote-print-page__acceptance-details[b-hb3jkvynu1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.quote-print-page__acceptance-item[b-hb3jkvynu1] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.quote-print-page__acceptance-item strong[b-hb3jkvynu1] {
    color: #0d1733;
}

.quote-print-page__acceptance-item p[b-hb3jkvynu1] {
    margin: 0;
    color: #44526c;
    line-height: 1.7;
    white-space: pre-wrap;
}

.quote-print-page__acceptance-label[b-hb3jkvynu1] {
    color: #6a7894;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.quote-print-page__signature-panel[b-hb3jkvynu1] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.quote-print-page__signature-frame[b-hb3jkvynu1] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 11rem;
    padding: 1rem;
    border: 1px solid #dbe4ef;
    border-radius: 1rem;
    background: #fbfdff;
}

.quote-print-page__signature-image[b-hb3jkvynu1] {
    max-width: 100%;
    max-height: 9rem;
    object-fit: contain;
}

@media print {
    .quote-print-page[b-hb3jkvynu1] {
        padding: 0;
    }

    .quote-print-page__shell[b-hb3jkvynu1] {
        max-width: none;
    }

    [b-hb3jkvynu1] .quote-print-page__acceptance-card,
    .quote-print-page__acceptance-grid[b-hb3jkvynu1],
    .quote-print-page__signature-panel[b-hb3jkvynu1],
    .quote-print-page__signature-frame[b-hb3jkvynu1] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

@media (max-width: 767.98px) {
    .quote-print-page__acceptance-grid[b-hb3jkvynu1] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/QuotePublicView.razor.rz.scp.css */
.quote-public-page[b-t1ai0qo92q] {
    min-height: 100vh;
    background:
        radial-gradient(circle at top right, rgba(43, 163, 197, 0.12), transparent 30%),
        linear-gradient(180deg, #f4f8fc 0%, #eef3f8 100%);
    padding: 1.5rem 1rem 2.75rem;
}

.quote-public-page__shell[b-t1ai0qo92q] {
    max-width: 72rem;
    margin: 0 auto;
}

[b-t1ai0qo92q] .quote-public-page__state {
    min-height: 60vh;
}

[b-t1ai0qo92q] .quote-public-page__hero-card,
[b-t1ai0qo92q] .quote-public-page__section-card {
    margin-bottom: 1.25rem;
}

.quote-public-page__hero[b-t1ai0qo92q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.quote-public-page__hero-main[b-t1ai0qo92q] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.quote-public-page__hero-logo[b-t1ai0qo92q] {
    max-height: 4.25rem;
    max-width: 10rem;
    object-fit: contain;
    flex-shrink: 0;
}

.quote-public-page__hero-copy[b-t1ai0qo92q] {
    min-width: 0;
}

.quote-public-page__eyebrow[b-t1ai0qo92q] {
    margin-bottom: 0.4rem;
    color: #1e789a;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.quote-public-page__title[b-t1ai0qo92q] {
    margin: 0;
    color: #0d1733;
    font-size: clamp(1.8rem, 2.4vw, 2.45rem);
    font-weight: 800;
    line-height: 1.1;
}

.quote-public-page__subtitle[b-t1ai0qo92q] {
    margin: 0.75rem 0 0;
    color: #4f6280;
    font-size: 1rem;
    line-height: 1.7;
}

.quote-public-page__support[b-t1ai0qo92q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem 1rem;
    margin-top: 0.95rem;
    color: #4f6280;
    font-size: 0.92rem;
}

.quote-public-page__support a[b-t1ai0qo92q] {
    color: #1e789a;
    font-weight: 600;
    text-decoration: none;
}

.quote-public-page__support a:hover[b-t1ai0qo92q] {
    text-decoration: underline;
}

.quote-public-page__hero-summary[b-t1ai0qo92q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    min-width: min(100%, 21rem);
}

.quote-public-page__summary-tile[b-t1ai0qo92q] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dfe8f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f6f9fd 100%);
}

.quote-public-page__summary-tile span[b-t1ai0qo92q] {
    color: #6a7894;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.quote-public-page__summary-tile strong[b-t1ai0qo92q] {
    color: #0d1733;
    font-size: 1.05rem;
}

.quote-public-page__summary-tile--highlight[b-t1ai0qo92q] {
    background: linear-gradient(180deg, #0d1733 0%, #18274f 100%);
    box-shadow: 0 18px 32px rgba(13, 23, 51, 0.18);
}

.quote-public-page__summary-tile--highlight span[b-t1ai0qo92q],
.quote-public-page__summary-tile--highlight strong[b-t1ai0qo92q],
.quote-public-page__summary-tile--highlight em[b-t1ai0qo92q] {
    color: #ffffff;
}

.quote-public-page__summary-tile em[b-t1ai0qo92q] {
    font-style: normal;
    font-size: 0.82rem;
    opacity: 0.85;
}

[b-t1ai0qo92q] .quote-public-page__alert {
    margin-bottom: 1rem;
}

[b-t1ai0qo92q] .quote-public-page__inline-alert {
    margin-bottom: 1rem;
}

.quote-public-page__alert-layout[b-t1ai0qo92q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.quote-public-page__document[b-t1ai0qo92q] {
    margin-bottom: 1.25rem;
}

.quote-public-page__accept-grid[b-t1ai0qo92q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.quote-public-page__field-card[b-t1ai0qo92q] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.quote-public-page__field-label[b-t1ai0qo92q] {
    color: #6a7894;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.quote-public-page__field-help[b-t1ai0qo92q] {
    color: #6f7f99;
    font-size: 0.83rem;
}

.quote-public-page__readonly[b-t1ai0qo92q],
.quote-public-page__input[b-t1ai0qo92q] {
    width: 100%;
    min-height: 3rem;
    padding: 0.8rem 0.95rem;
    border: 1px solid #dbe4ef;
    border-radius: 0.95rem;
    background: #f9fbfe;
    color: #0d1733;
    font-size: 0.95rem;
}

.quote-public-page__input[b-t1ai0qo92q] {
    background: #ffffff;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.quote-public-page__input:focus[b-t1ai0qo92q] {
    border-color: #2ba3c5;
    box-shadow: 0 0 0 4px rgba(43, 163, 197, 0.12);
}

.quote-public-page__signature-card[b-t1ai0qo92q] {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #dbe4ef;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f7fafe 100%);
}

.quote-public-page__signature-toolbar[b-t1ai0qo92q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.quote-public-page__signature-help[b-t1ai0qo92q],
.quote-public-page__signature-caption[b-t1ai0qo92q] {
    margin: 0;
    color: #61708a;
    font-size: 0.88rem;
    line-height: 1.6;
}

.quote-public-page__signature-actions[b-t1ai0qo92q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.quote-public-page__signature-canvas-shell[b-t1ai0qo92q] {
    position: relative;
    min-height: 12rem;
    border: 1px dashed #b9ccdf;
    border-radius: 1rem;
    background: #ffffff;
    overflow: hidden;
}

.quote-public-page__signature-canvas[b-t1ai0qo92q] {
    width: 100%;
    height: 12rem;
    touch-action: none;
    cursor: crosshair;
}

.quote-public-page__signature-placeholder[b-t1ai0qo92q] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: rgba(93, 107, 141, 0.65);
    pointer-events: none;
}

[b-t1ai0qo92q] .quote-public-page__signature-clear {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}

.quote-public-page__typed-signature[b-t1ai0qo92q] {
    min-height: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border: 1px solid #dbe4ef;
    border-radius: 1rem;
    background: #ffffff;
    text-align: center;
}

.quote-public-page__typed-signature-name[b-t1ai0qo92q] {
    color: #1a1a6e;
    font-family: "Dancing Script", "Brush Script MT", "Segoe Script", cursive;
    font-size: clamp(2.1rem, 4vw, 3rem);
}

.quote-public-page__typed-signature-placeholder[b-t1ai0qo92q] {
    color: #6f7f99;
}

.quote-public-page__acceptance-note[b-t1ai0qo92q] {
    margin: 0 0 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid #dbe4ef;
    border-radius: 0.95rem;
    background: #f9fbfe;
    color: #45546f;
    font-size: 0.9rem;
    line-height: 1.6;
}

.quote-public-page__comment-thread[b-t1ai0qo92q] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.quote-public-page__comment[b-t1ai0qo92q] {
    display: flex;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid #e2ebf5;
    border-radius: 1rem;
    background: #ffffff;
}

.quote-public-page__comment--staff[b-t1ai0qo92q] {
    background: #f8fbff;
}

.quote-public-page__avatar-shell[b-t1ai0qo92q] {
    flex-shrink: 0;
}

.quote-public-page__avatar[b-t1ai0qo92q],
.quote-public-page__owner-photo--placeholder[b-t1ai0qo92q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    background: #5d6b8d;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 800;
}

.quote-public-page__avatar--staff[b-t1ai0qo92q] {
    background: #1e789a;
}

.quote-public-page__avatar-image[b-t1ai0qo92q],
.quote-public-page__owner-photo[b-t1ai0qo92q] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    object-fit: cover;
}

.quote-public-page__comment-body[b-t1ai0qo92q] {
    min-width: 0;
    flex: 1 1 auto;
}

.quote-public-page__comment-meta[b-t1ai0qo92q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.quote-public-page__comment-author[b-t1ai0qo92q] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.quote-public-page__staff-pill[b-t1ai0qo92q] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: #dff5fb;
    color: #1e789a;
    font-size: 0.72rem;
    font-weight: 700;
}

.quote-public-page__comment-time[b-t1ai0qo92q],
.quote-public-page__comment-email[b-t1ai0qo92q] {
    color: #6f7f99;
    font-size: 0.8rem;
}

.quote-public-page__comment-text[b-t1ai0qo92q] {
    margin: 0.55rem 0 0;
    color: #33435c;
    line-height: 1.7;
    white-space: pre-wrap;
}

.quote-public-page__empty-state[b-t1ai0qo92q] {
    padding: 1rem 1.1rem;
    border: 1px dashed #c7d7e8;
    border-radius: 1rem;
    background: #f8fbff;
    color: #61708a;
    margin-bottom: 1rem;
}

.quote-public-page__owner-panel[b-t1ai0qo92q] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dfe8f2;
    border-radius: 1rem;
    background: #f9fbfe;
}

.quote-public-page__owner-panel strong[b-t1ai0qo92q] {
    display: block;
    color: #0d1733;
}

.quote-public-page__comment-form[b-t1ai0qo92q] {
    padding-top: 0.25rem;
    border-top: 1px solid #e5edf6;
}

.quote-public-page__comment-author-row[b-t1ai0qo92q] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 0.85rem;
}

.quote-public-page__comment-input-row[b-t1ai0qo92q] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.quote-public-page__input--comment[b-t1ai0qo92q] {
    flex: 1 1 auto;
}

@media (max-width: 991.98px) {
    .quote-public-page__hero-summary[b-t1ai0qo92q] {
        min-width: 100%;
    }

    .quote-public-page__accept-grid[b-t1ai0qo92q] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .quote-public-page[b-t1ai0qo92q] {
        padding-inline: 0.75rem;
    }

    .quote-public-page__hero-main[b-t1ai0qo92q] {
        flex-direction: column;
        align-items: flex-start;
    }

    .quote-public-page__hero-summary[b-t1ai0qo92q] {
        grid-template-columns: 1fr;
    }

    .quote-public-page__alert-layout[b-t1ai0qo92q],
    .quote-public-page__signature-toolbar[b-t1ai0qo92q],
    .quote-public-page__comment-input-row[b-t1ai0qo92q],
    .quote-public-page__comment-meta[b-t1ai0qo92q] {
        flex-direction: column;
        align-items: flex-start;
    }

    .quote-public-page__comment[b-t1ai0qo92q] {
        flex-direction: column;
    }
}
/* /Components/Pages/ReportInbox/ReportInboxBrowser.razor.rz.scp.css */
.report-inbox-page[b-d70q7w3tcw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.report-inbox-page__header-actions[b-d70q7w3tcw] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem;
}

.report-inbox-page__header-search[b-d70q7w3tcw] {
    min-width: 16rem;
}

/* Deliberately named for this page. The legacy toolbar/select selectors were removed from
   brand.css and a source guard fails the build if any of them reappears. */
.report-inbox-page__filter-grid[b-d70q7w3tcw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.75rem 1rem;
    align-items: end;
}

.report-inbox-page__filter-field[b-d70q7w3tcw] {
    min-width: 0;
}

.report-inbox-page__filter-field--switch[b-d70q7w3tcw] {
    display: flex;
    align-items: center;
    padding-bottom: 0.35rem;
}

.report-inbox-page__filter-actions[b-d70q7w3tcw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

.report-inbox-page__result-count[b-d70q7w3tcw] {
    font-size: 0.85rem;
    color: var(--bs-secondary-color, #6c757d);
    white-space: nowrap;
}

.report-inbox-page__loading-shell[b-d70q7w3tcw] {
    display: flex;
    justify-content: center;
    padding: 2.5rem 0;
}

/* Reloading dims the existing table rather than unmounting it, so a filter change never collapses
   the page height and never loses the reader's place. */
.report-inbox-page__table-shell[b-d70q7w3tcw] {
    overflow-x: auto;
    transition: opacity 120ms ease-in-out;
}

.report-inbox-page__table-shell.is-reloading[b-d70q7w3tcw] {
    opacity: 0.55;
    pointer-events: none;
}

.report-inbox-page__cell-inline[b-d70q7w3tcw] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

/* The Attachments cell is a right-aligned numeric column whose sort header is right-aligned to
   match (docs/ui.md 462-468), so its inline badge row runs to the end rather than the start. */
.report-inbox-page__cell-inline--end[b-d70q7w3tcw] {
    justify-content: flex-end;
}

.report-inbox-page__col-received[b-d70q7w3tcw] {
    white-space: nowrap;
}

.report-inbox-page__col-subject[b-d70q7w3tcw] {
    max-width: 28rem;
}

.report-inbox-page__col-sender[b-d70q7w3tcw] {
    max-width: 16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-inbox-page__col-attachments[b-d70q7w3tcw] {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.report-inbox-page__pager[b-d70q7w3tcw] {
    margin-top: 0.75rem;
}
/* /Components/Pages/ReportInbox/ReportInboxMessageDetail.razor.rz.scp.css */
.report-inbox-detail[b-t2amvhm6ba] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.report-inbox-detail__loading-shell[b-t2amvhm6ba] {
    padding: 2rem 0;
}

.report-inbox-detail__definitions[b-t2amvhm6ba] {
    display: grid;
    grid-template-columns: minmax(8rem, max-content) 1fr;
    gap: 0.4rem 1.25rem;
    margin: 0;
}

.report-inbox-detail__definitions dt[b-t2amvhm6ba] {
    font-weight: 600;
    color: var(--bs-secondary-color, #6c757d);
}

.report-inbox-detail__definitions dd[b-t2amvhm6ba] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.report-inbox-detail__inline[b-t2amvhm6ba] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

/* A wide email table scrolls inside its own container rather than breaking the page. */
.report-inbox-detail__html-body[b-t2amvhm6ba] {
    overflow-x: auto;
    max-width: 100%;
}

.report-inbox-detail__html-body table[b-t2amvhm6ba] {
    max-width: none;
}

.report-inbox-detail__text-body[b-t2amvhm6ba] {
    overflow-x: auto;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.report-inbox-detail__file-cell[b-t2amvhm6ba] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
}

.report-inbox-detail__file-name[b-t2amvhm6ba] {
    overflow-wrap: anywhere;
}

.report-inbox-detail__thumbnail[b-t2amvhm6ba] {
    max-width: 100%;
    max-height: 8rem;
    width: auto;
    height: auto;
    border-radius: 0.375rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
}

.report-inbox-detail__hash[b-t2amvhm6ba] {
    font-size: 0.85em;
    overflow-wrap: anywhere;
}

.report-inbox-detail__muted[b-t2amvhm6ba] {
    color: var(--bs-secondary-color, #6c757d);
}

/* Separated from the stored-attachment table above it so the two never read as one list. */
.report-inbox-detail__rejected[b-t2amvhm6ba] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.report-inbox-detail__rejected-summary[b-t2amvhm6ba] {
    margin: 0;
    padding-left: 1.1rem;
}

.report-inbox-detail__rejected-summary li + li[b-t2amvhm6ba] {
    margin-top: 0.2rem;
}

.report-inbox-detail__rejected-table[b-t2amvhm6ba] {
    overflow-x: auto;
}
/* /Components/Pages/Reports.razor.rz.scp.css */
.reports-page[b-eh3qfo40nw] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
}

.reports-page__header-actions[b-eh3qfo40nw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.reports-page__stats-grid[b-eh3qfo40nw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1rem;
}

.reports-page__card[b-eh3qfo40nw],
.reports-page__section[b-eh3qfo40nw] {
    margin-bottom: 0;
}

.reports-page__filter-bar[b-eh3qfo40nw] {
    gap: 1rem;
}

.reports-page__filter-grid[b-eh3qfo40nw] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) repeat(2, minmax(12rem, 1fr));
    gap: 1rem;
    width: 100%;
}

.reports-page__filter-meta[b-eh3qfo40nw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.reports-page__filter-chip[b-eh3qfo40nw] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.75rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.8rem;
    font-weight: 600;
}

.reports-page__filter-chip i[b-eh3qfo40nw] {
    color: var(--cv-text-muted);
}

.reports-page__loading[b-eh3qfo40nw] {
    padding: 1rem 0;
}

.reports-page__empty-state[b-eh3qfo40nw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2.5rem 1rem;
    text-align: center;
}

.reports-page__empty-icon[b-eh3qfo40nw] {
    display: inline-flex;
    color: var(--cv-text-muted);
    font-size: 2rem;
    line-height: 1;
}

.reports-page__empty-state h3[b-eh3qfo40nw] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.reports-page__empty-state p[b-eh3qfo40nw] {
    margin: 0;
    max-width: 36rem;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.reports-page__table[b-eh3qfo40nw] {
    margin-top: 0.5rem;
}

.reports-page__table-shell[b-eh3qfo40nw] {
    margin-top: 0.5rem;
}

.reports-page__table-shell[b-eh3qfo40nw]  .cv-table__scroll {
    max-height: min(34rem, 65vh);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.reports-page__table-shell[b-eh3qfo40nw]  thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.reports-page__report-cell[b-eh3qfo40nw] {
    display: flex;
    align-items: center;
    min-height: 2.5rem;
}

.reports-page__report-cell--stacked[b-eh3qfo40nw] {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.15rem;
}

.reports-page__report-cell--stacked span:last-child[b-eh3qfo40nw] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    line-height: 1.4;
}

.reports-page__report-link[b-eh3qfo40nw] {
    color: var(--cv-text);
    font-weight: 700;
    text-decoration: none;
}

.reports-page__report-link:hover[b-eh3qfo40nw],
.reports-page__report-link:focus[b-eh3qfo40nw] {
    text-decoration: underline;
}

.reports-page__badge[b-eh3qfo40nw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5.5rem;
    padding: 0.3rem 0.7rem;
    border-radius: var(--cv-radius-chip);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.reports-page__badge--info[b-eh3qfo40nw] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.reports-page__badge--primary[b-eh3qfo40nw] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    box-shadow: inset 0 0 0 1px var(--cv-border);
}

.reports-page__badge--success[b-eh3qfo40nw] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.reports-page__badge--warning[b-eh3qfo40nw] {
    background: var(--status-needs-attention-bg);
    color: var(--status-needs-attention-text);
}

.reports-page__badge--danger[b-eh3qfo40nw] {
    background: var(--status-at-risk-bg);
    color: var(--status-at-risk-text);
}

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

.reports-page__operational-item[b-eh3qfo40nw] {
    align-items: center;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 1rem;
}

.reports-page__operational-icon[b-eh3qfo40nw] {
    align-items: center;
    color: var(--cv-text-muted);
    display: inline-flex;
    font-size: 1.25rem;
    justify-content: center;
    width: 1.5rem;
}

.reports-page__operational-copy[b-eh3qfo40nw] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.reports-page__operational-copy h3[b-eh3qfo40nw],
.reports-page__operational-copy p[b-eh3qfo40nw] {
    margin: 0;
}

.reports-page__operational-copy h3[b-eh3qfo40nw] {
    color: var(--cv-text);
    font-size: 1rem;
    font-weight: 700;
}

.reports-page__operational-copy p[b-eh3qfo40nw],
.reports-page__operational-copy span[b-eh3qfo40nw] {
    color: var(--cv-text-muted);
    line-height: 1.45;
}

.reports-page__operational-copy span[b-eh3qfo40nw] {
    font-size: 0.8rem;
    font-weight: 600;
}

.reports-page__row-actions[b-eh3qfo40nw] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.15rem;
}

/* ── Bulk selection ─────────────────────────────────────────────── */

.reports-page__bulk-bar[b-eh3qfo40nw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    margin-bottom: 1rem;
}

.reports-page__th-check[b-eh3qfo40nw] {
    width: 2.5rem;
    text-align: center;
}

.reports-page__row--selected[b-eh3qfo40nw] {
    background: color-mix(in srgb, var(--cv-support) 8%, transparent);
}







.reports-page__dialog[b-eh3qfo40nw] {
    width: 100%;
    min-width: 0;
    max-height: inherit;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.reports-page__dialog-feedback[b-eh3qfo40nw] {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: var(--cv-radius-control);
    font-size: 0.9rem;
    font-weight: 600;
}

.reports-page__dialog-feedback--danger[b-eh3qfo40nw] {
    background: var(--cv-surface-sunken);
    box-shadow: inset var(--cv-rule-width) 0 0 var(--cv-attention-danger);
    color: var(--cv-text);
}

.reports-page__field-label[b-eh3qfo40nw] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
    font-weight: 600;
}

.reports-page__field-help[b-eh3qfo40nw] {
    margin: 0.5rem 0 0;
    color: var(--cv-text-muted);
    font-size: 0.875rem;
    line-height: 1.5;
}

.reports-page__recipient-editor[b-eh3qfo40nw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.reports-page__recipient-input-row[b-eh3qfo40nw] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.reports-page__recipient-input-row .form-control[b-eh3qfo40nw] {
    flex: 1 1 auto;
    min-width: 0;
}

.reports-page__recipient-chips[b-eh3qfo40nw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.reports-page__recipient-chip[b-eh3qfo40nw] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.2;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.reports-page__recipient-chip:hover[b-eh3qfo40nw] {
    border-color: var(--cv-hover-border);
}

.reports-page__recipient-chip:focus-visible[b-eh3qfo40nw] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.reports-page__recipient-chip:disabled[b-eh3qfo40nw] {
    opacity: 0.7;
    cursor: not-allowed;
}

.reports-page__recipient-validation[b-eh3qfo40nw] {
    color: var(--cv-attention-danger-text);
    font-size: 0.875rem;
    font-weight: 600;
}

.reports-page__button-spinner[b-eh3qfo40nw] {
    width: 0.95rem;
    height: 0.95rem;
    margin-right: 0.45rem;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: currentColor;
    border-radius: 50%;
    display: inline-block;
    animation: reports-page__spin-b-eh3qfo40nw 0.85s linear infinite;
}

@keyframes reports-page__spin-b-eh3qfo40nw {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 900px) {
    .reports-page__filter-grid[b-eh3qfo40nw] {
        grid-template-columns: 1fr;
    }

    .reports-page__operational-grid[b-eh3qfo40nw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .reports-page[b-eh3qfo40nw] {
        padding: 1rem;
    }





    .reports-page__dialog[b-eh3qfo40nw] {
        width: 100%;
        max-height: inherit;
    }

    .reports-page__recipient-input-row[b-eh3qfo40nw] {
        flex-direction: column;
    }

    .reports-page__operational-item[b-eh3qfo40nw] {
        align-items: stretch;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .reports-page__operational-item[b-eh3qfo40nw]  .cv-button {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .reports-page__table-shell[b-eh3qfo40nw]  .cv-table__scroll {
        max-height: min(28rem, 60vh);
    }
}
/* /Components/Pages/ReportsScheduled.razor.rz.scp.css */
.reports-page[b-15gzczwes0] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
}

.reports-page__header-actions[b-15gzczwes0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.reports-page__stats-grid[b-15gzczwes0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1rem;
}

.reports-page__card[b-15gzczwes0],
.reports-page__section[b-15gzczwes0] {
    margin-bottom: 0;
}

.reports-page__filter-bar[b-15gzczwes0] {
    gap: 1rem;
}

.reports-page__filter-grid[b-15gzczwes0] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) repeat(2, minmax(12rem, 1fr));
    gap: 1rem;
    width: 100%;
}

.reports-page__filter-meta[b-15gzczwes0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.reports-page__filter-chip[b-15gzczwes0] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    background: var(--cv-surface-hover);
    color: var(--cv-text);
    font-size: 0.8rem;
    font-weight: 600;
}

.reports-page__filter-chip--context[b-15gzczwes0] {
    background: var(--status-in-progress-bg);
    color: var(--cv-tone-support-text);
}

.reports-page__filter-chip--active[b-15gzczwes0] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.reports-page__loading[b-15gzczwes0] {
    padding: 1rem 0;
}

.reports-page__empty-state[b-15gzczwes0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2.5rem 1rem;
    text-align: center;
}

.reports-page__empty-icon[b-15gzczwes0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 1.25rem;
    background: var(--cv-surface-hover);
    color: var(--mud-palette-text-secondary);
    font-size: 1.65rem;
}

.reports-page__empty-state h3[b-15gzczwes0] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.reports-page__empty-state p[b-15gzczwes0] {
    margin: 0;
    max-width: 36rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.6;
}

.reports-page__table[b-15gzczwes0] {
    margin-top: 0.5rem;
}

.reports-page__table-shell[b-15gzczwes0] {
    margin-top: 0.5rem;
}

.reports-page__table-shell[b-15gzczwes0]  .cv-table__scroll {
    max-height: min(34rem, 65vh);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.reports-page__table-shell[b-15gzczwes0]  thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.reports-page__report-cell[b-15gzczwes0] {
    display: flex;
    align-items: center;
    min-height: 2.5rem;
}

.reports-page__report-link[b-15gzczwes0] {
    color: var(--cv-text);
    font-weight: 700;
    text-decoration: none;
}

.reports-page__report-link:hover[b-15gzczwes0],
.reports-page__report-link:focus[b-15gzczwes0] {
    text-decoration: underline;
}

.reports-page__badge[b-15gzczwes0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5.5rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.reports-page__badge--info[b-15gzczwes0] {
    background: var(--status-in-progress-bg);
    color: var(--cv-tone-support-text);
}

.reports-page__badge--primary[b-15gzczwes0] {
    background: var(--cv-surface-hover);
    color: var(--cv-text);
}

.reports-page__badge--success[b-15gzczwes0] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.reports-page__badge--warning[b-15gzczwes0] {
    background: var(--status-needs-attention-bg);
    color: var(--cv-attention-warning-text);
}

.reports-page__badge--danger[b-15gzczwes0] {
    background: var(--status-at-risk-bg);
    color: var(--cv-attention-danger-text);
}

.reports-page__badge--neutral[b-15gzczwes0] {
    background: var(--cv-surface-hover);
    color: var(--cv-text-muted);
}

.reports-page__badge--company[b-15gzczwes0] {
    background: var(--status-in-progress-bg);
    color: var(--cv-tone-support-text);
}

.reports-page__row-actions[b-15gzczwes0] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.15rem;
}







.reports-page__dialog[b-15gzczwes0] {
    width: 100%;
    min-width: 0;
    max-height: inherit;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.reports-page__dialog-feedback[b-15gzczwes0] {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 0.9rem;
    font-size: 0.9rem;
    font-weight: 600;
}

.reports-page__dialog-feedback--danger[b-15gzczwes0] {
    background: var(--status-at-risk-bg);
    color: var(--cv-attention-danger-text);
}

.reports-page__field-label[b-15gzczwes0] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
    font-weight: 600;
}

.reports-page__field-help[b-15gzczwes0] {
    margin: 0.5rem 0 0;
    color: var(--mud-palette-text-secondary);
    font-size: 0.875rem;
    line-height: 1.5;
}

.reports-page__recipient-editor[b-15gzczwes0] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.reports-page__recipient-input-row[b-15gzczwes0] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.reports-page__recipient-input-row .form-control[b-15gzczwes0] {
    flex: 1 1 auto;
    min-width: 0;
}

.reports-page__recipient-chips[b-15gzczwes0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.reports-page__recipient-chip[b-15gzczwes0] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--cv-border);
    border-radius: 999px;
    background: var(--cv-surface-hover);
    color: var(--cv-text);
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.2;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.reports-page__recipient-chip:hover[b-15gzczwes0],
.reports-page__recipient-chip:focus-visible[b-15gzczwes0] {
    background: var(--cv-surface-hover);
    border-color: var(--cv-border);
    color: var(--cv-text);
}

.reports-page__recipient-chip:disabled[b-15gzczwes0] {
    opacity: 0.7;
    cursor: not-allowed;
}

.reports-page__recipient-validation[b-15gzczwes0] {
    color: var(--cv-attention-danger-text);
    font-size: 0.875rem;
    font-weight: 600;
}

.reports-page__button-spinner[b-15gzczwes0] {
    width: 0.95rem;
    height: 0.95rem;
    margin-right: 0.45rem;
    border: 2px solid var(--cv-border);
    border-top-color: currentColor;
    border-radius: 50%;
    display: inline-block;
    animation: reports-page__spin-b-15gzczwes0 0.85s linear infinite;
}

@keyframes reports-page__spin-b-15gzczwes0 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 900px) {
    .reports-page__filter-grid[b-15gzczwes0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .reports-page[b-15gzczwes0] {
        padding: 1rem;
    }





    .reports-page__dialog[b-15gzczwes0] {
        width: 100%;
        max-height: inherit;
    }

    .reports-page__recipient-input-row[b-15gzczwes0] {
        flex-direction: column;
    }

    .reports-page__table-shell[b-15gzczwes0]  .cv-table__scroll {
        max-height: min(28rem, 60vh);
    }
}
/* /Components/Pages/Sales.razor.rz.scp.css */
/* Styles merged into wwwroot/css/brand.css */
/* /Components/Pages/SalesQuotes.razor.rz.scp.css */
.sales-quotes-ai-clarification-card[b-k5o0bswtz9] {
    padding: 0.85rem 0.95rem;
}

.sales-quotes-ai-clarification-options[b-k5o0bswtz9] {
    gap: 0.5rem;
}

.sales-quotes-ai-option-btn[b-k5o0bswtz9] {
    width: 15rem;
    min-height: auto;
    padding: 0.5rem 0.75rem;
    border-radius: 1rem;
    line-height: 1.25;
}

.sales-quotes-ai-option-identifier[b-k5o0bswtz9] {
    font-size: 0.95rem;
}

.sales-quotes-ai-option-description[b-k5o0bswtz9] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.quote-signature-image[b-k5o0bswtz9] {
    max-height: 60px;
    padding: 4px;
    background: var(--cv-surface);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-chip);
}

.quote-section-link[b-k5o0bswtz9] {
    color: var(--cv-text);
    text-decoration: none;
    padding-inline: 0.75rem;
    border-top: var(--cv-border-width) solid var(--cv-border-subtle);
}

.quote-section-link:first-child[b-k5o0bswtz9] {
    border-top: 0;
}

.quote-section-link:hover[b-k5o0bswtz9] {
    background: var(--cv-surface-hover);
}

.quote-section-link.is-active[b-k5o0bswtz9] {
    color: var(--cv-band-text);
    background: var(--cv-band-bg);
}

.quote-manage-panel[b-k5o0bswtz9] {
    top: 1rem;
}

.quote-months-field[b-k5o0bswtz9] {
    max-width: 8rem;
}

.quote-comment--staff[b-k5o0bswtz9] {
    background: var(--cv-surface-sunken);
}

.quote-avatar[b-k5o0bswtz9] {
    width: 32px;
    height: 32px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--cv-band-text);
    background: var(--cv-text-muted);
    border-radius: var(--cv-radius-round);
}

.quote-avatar--staff[b-k5o0bswtz9] {
    background: var(--cv-band-bg);
}

.quote-chat-bubble[b-k5o0bswtz9] {
    max-width: 85%;
    background: var(--cv-surface-sunken);
    border-radius: var(--cv-radius-card);
    overflow-wrap: anywhere;
}

.quote-chat-bubble--user[b-k5o0bswtz9] {
    color: var(--cv-band-text);
    background: var(--cv-band-bg);
}

.quote-drawer-header--ai[b-k5o0bswtz9] {
    color: var(--cv-band-text);
    background: var(--cv-band-bg);
}
/* /Components/Pages/SettingsGeneral.razor.rz.scp.css */
.settings-general-page[b-a733rwg61d] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.settings-general-page__notice-card[b-a733rwg61d],
.settings-general-page__message-card[b-a733rwg61d],
.settings-general-page__section-card[b-a733rwg61d] {
    width: 100%;
}

.settings-general-page__notice-text[b-a733rwg61d],
.settings-general-page__notice-muted[b-a733rwg61d] {
    margin: 0;
}

.settings-general-page__notice-muted[b-a733rwg61d] {
    margin-top: 0.75rem;
    color: var(--cv-text-muted);
}

.settings-general-page__metric-grid[b-a733rwg61d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.settings-general-page__metric-tile[b-a733rwg61d] {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
    padding: 1rem;
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface-sunken);
}

/* A muted glyph, not a tinted chip; only Warning keeps a colour. */
.settings-general-page__metric-icon[b-a733rwg61d] {
    display: inline-flex;
    font-size: 1rem;
    line-height: 1.4;
    color: var(--cv-text-muted);
    flex-shrink: 0;
}

.settings-general-page__metric-icon--warning[b-a733rwg61d] {
    color: var(--cv-attention-warning-text);
}

.settings-general-page__metric-label[b-a733rwg61d] {
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cv-text-muted);
    margin-bottom: 0.25rem;
}

.settings-general-page__metric-value[b-a733rwg61d] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--cv-text);
}

.settings-general-page__metric-help[b-a733rwg61d] {
    margin-top: 0.3rem;
    font-size: 0.88rem;
    color: var(--cv-text-muted);
}

.settings-general-page__usage-shell[b-a733rwg61d] {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 1.25rem;
    align-items: start;
}

.settings-general-page__usage-list[b-a733rwg61d],
.settings-general-page__chart-shell[b-a733rwg61d],
.settings-general-page__info-panel[b-a733rwg61d],
.settings-general-page__upload-card[b-a733rwg61d] {
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    padding: 1rem;
}

.settings-general-page__usage-list[b-a733rwg61d] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.settings-general-page__usage-header[b-a733rwg61d] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-weight: 600;
    color: var(--cv-text);
    margin-bottom: 0.45rem;
}

.settings-general-page__usage-track[b-a733rwg61d] {
    height: 0.8rem;
    border-radius: var(--cv-radius-round);
    background: var(--cv-border);
    overflow: hidden;
}

.settings-general-page__usage-fill[b-a733rwg61d] {
    height: 100%;
    border-radius: inherit;
    transition: width 0.2s ease;
}

.settings-general-page__usage-fill--primary[b-a733rwg61d] {
    background: var(--cv-support);
}

.settings-general-page__usage-fill--warning[b-a733rwg61d] {
    background: var(--cv-attention-warning);
}

.settings-general-page__usage-fill--danger[b-a733rwg61d] {
    background: var(--cv-attention-danger);
}

.settings-general-page__chart-shell[b-a733rwg61d] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-self: start;
    width: 100%;
}

.settings-general-page__chart-frame[b-a733rwg61d] {
    position: relative;
    width: 100%;
    height: 220px;
}

.settings-general-page__chart-title[b-a733rwg61d],
.settings-general-page__info-title[b-a733rwg61d] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--cv-text);
    margin-bottom: 0.6rem;
}

.settings-general-page__chart[b-a733rwg61d] {
    display: block;
    min-height: 0;
    width: 100% !important;
    height: 100% !important;
}

.settings-general-page__form-grid[b-a733rwg61d] {
    display: grid;
    gap: 1rem;
}

.settings-general-page__form-grid--two-column[b-a733rwg61d] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-general-page__field-span-2[b-a733rwg61d] {
    grid-column: 1 / -1;
}

.settings-general-page__upload-grid[b-a733rwg61d],
.settings-general-page__info-grid[b-a733rwg61d] {
    display: grid;
    gap: 1rem;
    margin-top: 1.5rem;
}

.settings-general-page__upload-grid[b-a733rwg61d] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-general-page__info-grid[b-a733rwg61d] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-general-page__upload-card[b-a733rwg61d] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.settings-general-page__upload-header[b-a733rwg61d] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.settings-general-page__upload-header h3[b-a733rwg61d] {
    margin: 0;
    font-size: 1.05rem;
    color: var(--cv-text);
}

.settings-general-page__upload-header p[b-a733rwg61d],
.settings-general-page__info-panel p[b-a733rwg61d] {
    color: var(--cv-text-muted);
}

.settings-general-page__upload-header p[b-a733rwg61d] {
    margin: 0.35rem 0 0;
}

.settings-general-page__image-preview[b-a733rwg61d] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 1rem;
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
}

.settings-general-page__image-preview img[b-a733rwg61d] {
    max-height: 110px;
    max-width: 100%;
    object-fit: contain;
}

.settings-general-page__upload-dropzone[b-a733rwg61d] {
    position: relative;
    text-align: center;
    padding: 1.4rem 1rem;
    border: 1px dashed var(--cv-border-strong);
    border-radius: var(--cv-radius-card);
    background: transparent;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.settings-general-page__upload-dropzone--active[b-a733rwg61d] {
    border-color: var(--cv-secondary);
    background: color-mix(in srgb, var(--cv-secondary) 8%, transparent);
}

.settings-general-page__upload-icon[b-a733rwg61d] {
    font-size: 1.6rem;
    color: var(--cv-text-muted);
    margin-bottom: 0.45rem;
}

.settings-general-page__upload-title[b-a733rwg61d] {
    font-weight: 700;
    color: var(--cv-text);
}

.settings-general-page__upload-subtitle[b-a733rwg61d],
.settings-general-page__upload-help[b-a733rwg61d] {
    color: var(--cv-text-muted);
}

.settings-general-page__upload-subtitle[b-a733rwg61d] {
    margin-top: 0.35rem;
}

.settings-general-page__upload-help[b-a733rwg61d] {
    margin-top: 0.65rem;
    font-size: 0.88rem;
}

.settings-general-page__file-input[b-a733rwg61d] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.settings-general-page__file-button[b-a733rwg61d] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.9rem;
    padding: 0.6rem 1rem;
    border-radius: var(--cv-radius-control);
    background: var(--cv-tone-primary-bg);
    color: var(--cv-tone-primary-fg);
    font-weight: 600;
    cursor: pointer;
    z-index: 1;
}

.settings-general-page__upload-loading[b-a733rwg61d] {
    margin-top: 0.25rem;
}

.settings-general-page__footer-actions[b-a733rwg61d] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 1100px) {
    .settings-general-page__usage-shell[b-a733rwg61d],
    .settings-general-page__upload-grid[b-a733rwg61d],
    .settings-general-page__info-grid[b-a733rwg61d],
    .settings-general-page__form-grid--two-column[b-a733rwg61d] {
        grid-template-columns: 1fr;
    }

    .settings-general-page__chart-frame[b-a733rwg61d] {
        height: 240px;
    }
}

@media (max-width: 768px) {
    .settings-general-page__metric-grid[b-a733rwg61d] {
        grid-template-columns: 1fr;
    }

    .settings-general-page__upload-header[b-a733rwg61d] {
        flex-direction: column;
    }

    .settings-general-page__footer-actions[b-a733rwg61d] {
        justify-content: stretch;
    }

    .settings-general-page__footer-actions .cv-button[b-a733rwg61d] {
        width: 100%;
    }
}
/* /Components/Pages/SettingsPages/AuthenticationSettings.razor.rz.scp.css */
.authentication-settings-page__stats-grid[b-ft69085roa],
.authentication-settings-page__two-column-grid[b-ft69085roa],
.authentication-settings-page__details-grid[b-ft69085roa] {
    display: grid;
    gap: 1rem;
}

.authentication-settings-page__stats-grid[b-ft69085roa] {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    margin-bottom: 1.5rem;
}

.authentication-settings-page__two-column-grid[b-ft69085roa] {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}

.authentication-settings-page__details-grid[b-ft69085roa] {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.authentication-settings-page__section[b-ft69085roa],
.authentication-settings-page__state-card[b-ft69085roa],
.authentication-settings-page__status-card[b-ft69085roa] {
    margin-bottom: 1.5rem;
}

.authentication-settings-page__stack[b-ft69085roa] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.authentication-settings-page__supporting-copy[b-ft69085roa] {
    color: var(--mud-palette-text-secondary);
    line-height: 1.5;
}

.authentication-settings-page__supporting-copy--danger[b-ft69085roa] {
    color: var(--mud-palette-error);
}

.authentication-settings-page__detail-card[b-ft69085roa] {
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
}

.authentication-settings-page__detail-label[b-ft69085roa] {
    margin-bottom: 0.5rem;
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-secondary);
}

.authentication-settings-page__detail-value[b-ft69085roa] {
    font-size: 1rem;
    font-weight: 600;
    word-break: break-word;
}

.authentication-settings-page__detail-value--code[b-ft69085roa] {
    font-family: var(--mud-typography-default-family), monospace;
    font-size: 0.92rem;
}

.authentication-settings-page__inline-actions[b-ft69085roa] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.authentication-settings-page__manual-name-field[b-ft69085roa] {
    flex: 1 1 16rem;
}

.authentication-settings-page__footer-actions[b-ft69085roa] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.authentication-settings-page__badge[b-ft69085roa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.authentication-settings-page__badge--success[b-ft69085roa] {
    background: color-mix(in srgb, var(--mud-palette-success) 18%, transparent);
    color: var(--mud-palette-success);
}

@media (max-width: 767.98px) {
    .authentication-settings-page__inline-actions[b-ft69085roa] {
        flex-direction: column;
        align-items: stretch;
    }

    .authentication-settings-page__manual-name-field[b-ft69085roa] {
        width: 100%;
    }
}
/* /Components/Pages/SettingsPages/CustomDomains.razor.rz.scp.css */
.custom-domains-page[b-35jcryt8el] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.custom-domains-page__stats-grid[b-35jcryt8el] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
}

.custom-domains-page__empty-content[b-35jcryt8el] {
    max-width: 42rem;
    color: var(--cv-text-muted);
    line-height: 1.65;
}

.custom-domains-page__overview-grid[b-35jcryt8el] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1rem;
}

.custom-domains-page__overview-item[b-35jcryt8el] {
    padding: 1rem 1.1rem;
    border: 1px solid var(--cv-border);
    border-radius: 1rem;
    background: var(--cv-surface-sunken);
}

.custom-domains-page__overview-item h3[b-35jcryt8el] {
    margin: 0 0 0.45rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--cv-text);
}

.custom-domains-page__overview-item p[b-35jcryt8el] {
    margin: 0;
    color: var(--cv-text-muted);
    line-height: 1.55;
}

.custom-domains-page__header-actions[b-35jcryt8el] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.custom-domains-page__status-pill[b-35jcryt8el] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.custom-domains-page__status-pill--primary[b-35jcryt8el] {
    background: var(--cv-surface-hover);
    color: var(--cv-text);
}

.custom-domains-page__status-pill--support[b-35jcryt8el] {
    background: var(--status-in-progress-bg);
    color: var(--cv-tone-support-text);
}

.custom-domains-page__status-pill--success[b-35jcryt8el] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.custom-domains-page__status-pill--warning[b-35jcryt8el] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.custom-domains-page__status-pill--danger[b-35jcryt8el] {
    background: var(--status-at-risk-bg);
    color: var(--cv-attention-danger-text);
}

.custom-domains-page__status-pill--neutral[b-35jcryt8el] {
    background: var(--cv-surface-hover);
    color: var(--cv-text-muted);
}

.custom-domains-page__meta-grid[b-35jcryt8el] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.custom-domains-page__meta-item[b-35jcryt8el] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 1rem;
    background: var(--cv-surface);
}

.custom-domains-page__meta-item span[b-35jcryt8el] {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.custom-domains-page__meta-item strong[b-35jcryt8el],
.custom-domains-page__meta-item code[b-35jcryt8el] {
    color: var(--cv-text);
    word-break: break-word;
}

.custom-domains-page__supporting-note[b-35jcryt8el] {
    margin: 0 0 1.25rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: var(--status-in-progress-bg);
    color: var(--cv-text);
}

.custom-domains-page__supporting-note span[b-35jcryt8el] {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cv-tone-support-text);
}

.custom-domains-page__supporting-note p[b-35jcryt8el] {
    margin: 0;
    line-height: 1.6;
}

.custom-domains-page__records-grid[b-35jcryt8el] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.custom-domains-page__records-details[b-35jcryt8el] {
    border: 1px solid var(--cv-border);
    border-radius: 1rem;
    background: var(--cv-surface);
    overflow: hidden;
}

.custom-domains-page__records-details summary[b-35jcryt8el] {
    cursor: pointer;
    list-style: none;
    padding: 0.95rem 1rem;
    font-weight: 700;
    color: var(--cv-text);
}

.custom-domains-page__records-details summary[b-35jcryt8el]::-webkit-details-marker {
    display: none;
}

.custom-domains-page__records-details[open] summary[b-35jcryt8el] {
    border-bottom: 1px solid var(--cv-border);
}

.custom-domains-page__records-body[b-35jcryt8el] {
    padding: 1rem;
}

.custom-domains-page__action-row[b-35jcryt8el] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.custom-domains-page__automation-note[b-35jcryt8el] {
    margin-top: 0.85rem;
    font-size: 0.85rem;
    line-height: 1.55;
    color: var(--cv-text-muted);
}

.custom-domains-page__automation-note--centered[b-35jcryt8el] {
    text-align: center;
}

.custom-domains-page__last-checked[b-35jcryt8el] {
    margin-top: 1rem;
    font-size: 0.85rem;
    text-align: right;
    color: var(--cv-text-muted);
}







.custom-domains-page__dialog-stack[b-35jcryt8el] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.custom-domains-page[b-35jcryt8el]  .custom-domains-page__message-card,
.custom-domains-page[b-35jcryt8el]  .custom-domains-page__state-card,
.custom-domains-page[b-35jcryt8el]  .custom-domains-page__empty-card,
.custom-domains-page[b-35jcryt8el]  .custom-domains-page__overview-card,
.custom-domains-page[b-35jcryt8el]  .custom-domains-page__domain-card {
    overflow: hidden;
}

.custom-domains-page[b-35jcryt8el]  .custom-domains-page__domain-card .cv-card__body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.custom-domains-page[b-35jcryt8el]  .custom-domains-page__message-card .cv-card__footer,
.custom-domains-page[b-35jcryt8el]  .custom-domains-page__empty-card .cv-card__footer {
    display: flex;
    justify-content: flex-end;
}

.custom-domains-page[b-35jcryt8el]  .custom-domains-page__dialog .cv-dialog__content {
    padding-top: 0.5rem;
}

.custom-domains-page[b-35jcryt8el]  .custom-domains-page__dialog .cv-dialog__actions-shell {
    justify-content: flex-end;
}

.custom-domains-page__action-row[b-35jcryt8el]  .cv-button {
    min-width: 11rem;
}

@media (max-width: 900px) {
    .custom-domains-page__header-actions[b-35jcryt8el] {
        justify-content: flex-start;
    }

    .custom-domains-page__last-checked[b-35jcryt8el] {
        text-align: left;
    }
}

@media (max-width: 768px) {




    .custom-domains-page__action-row[b-35jcryt8el]  .cv-button {
        width: 100%;
    }
}
/* /Components/Pages/SettingsPages/FeedbackSettings.razor.rz.scp.css */
/* The widget preview. The preview colours themselves come from the colours the admin picks. */

.feedback-widget-preview-shell[b-ddfom2j9gs] {
    border: var(--cv-border-width) dashed var(--cv-border);
    border-radius: var(--cv-radius-card);
    padding: var(--cv-space-4);
    background: var(--cv-surface-sunken);
}

.feedback-widget-preview-center[b-ddfom2j9gs] {
    display: flex;
    justify-content: center;
}

.feedback-widget-preview-surface[b-ddfom2j9gs] {
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.feedback-widget-preview-card[b-ddfom2j9gs] {
    width: 100%;
    max-width: 420px;
    border-radius: 1.25rem;
    padding: 1.5rem;
}

.feedback-widget-preview-pill[b-ddfom2j9gs] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 999px;
    padding: 0.9rem 1.1rem;
}

.feedback-widget-preview-strip[b-ddfom2j9gs] {
    width: 100%;
    border-radius: 1.25rem;
    padding: 1.2rem 1.35rem;
}

.feedback-widget-preview-face[b-ddfom2j9gs] {
    display: block;
    object-fit: contain;
    border-radius: 1rem;
    background: var(--cv-surface);
    padding: 0.15rem;
}

.feedback-widget-preview-face--small[b-ddfom2j9gs] {
    width: 2.75rem;
    height: 2.75rem;
}

.feedback-widget-preview-face--medium[b-ddfom2j9gs] {
    width: 3.5rem;
    height: 3.5rem;
}

.feedback-widget-preview-face--large[b-ddfom2j9gs] {
    width: 4rem;
    height: 4rem;
}

.feedback-widget-preview-label[b-ddfom2j9gs] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.feedback-widget-preview-score[b-ddfom2j9gs] {
    line-height: 1;
    font-weight: 700;
}

.feedback-widget-preview-score--large[b-ddfom2j9gs] {
    font-size: 2rem;
}

.feedback-widget-preview-score--xl[b-ddfom2j9gs] {
    font-size: 2.35rem;
}

.feedback-widget-preview-summary[b-ddfom2j9gs] {
    font-size: 0.95rem;
    margin-bottom: 0.2rem;
}

.feedback-widget-preview-muted[b-ddfom2j9gs] {
    font-size: 0.8rem;
    opacity: 0.74;
}

.feedback-widget-preview-tiny[b-ddfom2j9gs] {
    font-size: 0.72rem;
    opacity: 0.64;
}

.feedback-widget-preview-counts[b-ddfom2j9gs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.feedback-widget-count-pill[b-ddfom2j9gs] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border-radius: 999px;
    padding: 0.35rem 0.7rem;
    font-size: 0.78rem;
}

.feedback-face-card img[b-ddfom2j9gs] {
    width: 100%;
    max-width: 3.5rem;
    height: 3.5rem;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}
/* /Components/Pages/SettingsPages/PortalAccess.razor.rz.scp.css */
.portal-access-page[b-nej79a0l63] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.portal-access-page__message-card[b-nej79a0l63],
.portal-access-page__section[b-nej79a0l63],
.portal-access-page__table-card[b-nej79a0l63],
.portal-access-page__state-card[b-nej79a0l63] {
    width: 100%;
}

.portal-access-page__stats-grid[b-nej79a0l63] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.portal-access-page__filter-bar[b-nej79a0l63] {
    margin-top: 0;
}

.portal-access-page__filter-grid[b-nej79a0l63] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) repeat(2, minmax(12rem, 1fr));
    gap: 1rem;
    width: 100%;
}

.portal-access-page__empty-state[b-nej79a0l63] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0 0.25rem;
    text-align: center;
}

.portal-access-page__empty-copy[b-nej79a0l63],
.portal-access-page__confirm-copy[b-nej79a0l63] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
}

.portal-access-page__table :deep(th)[b-nej79a0l63] {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.portal-access-page__table :deep(td)[b-nej79a0l63] {
    vertical-align: middle;
}

.portal-access-page__contact-cell[b-nej79a0l63] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.portal-access-page__contact-name[b-nej79a0l63],
.portal-access-page__company-name[b-nej79a0l63] {
    font-weight: 600;
}

.portal-access-page__contact-email[b-nej79a0l63],
.portal-access-page__meta-value[b-nej79a0l63],
.portal-access-page__muted[b-nej79a0l63] {
    color: var(--mud-palette-text-secondary);
}

.portal-access-page__role-pill[b-nej79a0l63],
.portal-access-page__status-pill[b-nej79a0l63] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.portal-access-page__role-pill[b-nej79a0l63] {
    background: rgba(37, 99, 235, 0.12);
    color: var(--mud-palette-primary);
}

.portal-access-page__status-pill--success[b-nej79a0l63] {
    background: rgba(22, 163, 74, 0.12);
    color: var(--mud-palette-success);
}

.portal-access-page__status-pill--danger[b-nej79a0l63] {
    background: rgba(220, 38, 38, 0.12);
    color: var(--mud-palette-error);
}

.portal-access-page__status-pill--neutral[b-nej79a0l63] {
    background: rgba(100, 116, 139, 0.14);
    color: var(--mud-palette-text-secondary);
}

.portal-access-page__expiry-value[b-nej79a0l63] {
    font-weight: 600;
}

.portal-access-page__expiry-value--warning[b-nej79a0l63] {
    color: var(--mud-palette-warning);
}

.portal-access-page__expiry-value--danger[b-nej79a0l63] {
    color: var(--mud-palette-error);
}

.portal-access-page__actions-column[b-nej79a0l63] {
    text-align: right;
    white-space: nowrap;
}

.portal-access-page__row-actions[b-nej79a0l63] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
    flex-wrap: wrap;
}



.portal-access-page__dialog[b-nej79a0l63] {
    width: min(100%, 60rem);
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
}

.portal-access-page__confirm-dialog[b-nej79a0l63] {
    width: min(100%, 34rem);
}

.portal-access-page__dialog-body[b-nej79a0l63] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.portal-access-page__dialog-section[b-nej79a0l63],
.portal-access-page__dialog-fields[b-nej79a0l63] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.portal-access-page__selection-header[b-nej79a0l63] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.portal-access-page__selection-title[b-nej79a0l63] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.portal-access-page__selection-copy[b-nej79a0l63] {
    margin: 0.35rem 0 0;
    color: var(--mud-palette-text-secondary);
}

.portal-access-page__selection-actions[b-nej79a0l63] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.portal-access-page__contact-picker[b-nej79a0l63] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 20rem;
    overflow-y: auto;
    border: 1px solid rgba(32, 59, 79, 0.12);
    border-radius: 1rem;
    padding: 1rem;
}

.portal-access-page__contact-option[b-nej79a0l63],
.portal-access-page__toggle[b-nej79a0l63] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.portal-access-page__contact-option[b-nej79a0l63] {
    cursor: pointer;
}

.portal-access-page__contact-checkbox[b-nej79a0l63],
.portal-access-page__toggle-checkbox[b-nej79a0l63] {
    margin-top: 0.15rem;
}

.portal-access-page__contact-option-text[b-nej79a0l63] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.portal-access-page__contact-option-name[b-nej79a0l63],
.portal-access-page__toggle-label[b-nej79a0l63] {
    font-weight: 600;
}

.portal-access-page__contact-option-email[b-nej79a0l63],
.portal-access-page__toggle-help[b-nej79a0l63],
.portal-access-page__field-help[b-nej79a0l63],
.portal-access-page__summary-label[b-nej79a0l63] {
    color: var(--mud-palette-text-secondary);
}

.portal-access-page__contact-summary-panel[b-nej79a0l63] {
    border-radius: 1rem;
    padding: 1rem 1.1rem;
    background: rgba(59, 130, 246, 0.08);
    color: var(--mud-palette-text-primary);
}

.portal-access-page__contact-summary[b-nej79a0l63] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.portal-access-page__summary-label[b-nej79a0l63] {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.portal-access-page__field-group[b-nej79a0l63] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.portal-access-page__field-label[b-nej79a0l63] {
    font-weight: 600;
}

.portal-access-page__date-input[b-nej79a0l63] {
    width: 100%;
    border: 1px solid rgba(32, 59, 79, 0.14);
    border-radius: 0.85rem;
    padding: 0.75rem 0.9rem;
    background: #fff;
    color: var(--mud-palette-text-primary);
}

.portal-access-page__date-input:focus[b-nej79a0l63] {
    outline: 2px solid rgba(37, 99, 235, 0.16);
    border-color: var(--mud-palette-primary);
}

@media (max-width: 991.98px) {
    .portal-access-page__stats-grid[b-nej79a0l63] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-access-page__filter-grid[b-nej79a0l63] {
        grid-template-columns: 1fr;
    }

    .portal-access-page__selection-header[b-nej79a0l63] {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .portal-access-page__stats-grid[b-nej79a0l63],
    .portal-access-page__contact-summary[b-nej79a0l63] {
        grid-template-columns: 1fr;
    }



    .portal-access-page__dialog[b-nej79a0l63],
    .portal-access-page__confirm-dialog[b-nej79a0l63] {
        width: 100%;
        max-height: calc(100vh - 2rem);
    }
}
/* /Components/Pages/SettingsPages/PortalAccessReconciliation.razor.rz.scp.css */
/*
    Scoped styling for /settings/portal/reconciliation.

    Styles the semantic classes the page already emits; the page markup is not reshaped to suit the
    stylesheet. Colours come from the brand variables in wwwroot/css/brand.css rather than a second
    palette defined here, and no MudBlazor implementation class is targeted — the Cv wrappers own
    their own internals.

    A class handed to a Cv wrapper (CvSection, CvSelect, CvTextField, CvAlert) lands on that
    component's root element, which is not part of this page's markup and therefore never carries
    the scope attribute. Those selectors go through ::deep from the page root; only elements written
    directly in the .razor file are matched plainly.
*/

.portal-reconciliation-page[b-6ibe3r95hh] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.portal-reconciliation-page[b-6ibe3r95hh]  .portal-reconciliation-page__section {
    margin-bottom: 0;
}

/* ── Safety boundaries ─────────────────────────────────────────────────────────────────────── */

.portal-reconciliation-page__boundaries[b-6ibe3r95hh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

/*
    The scope-too-large warning gates the whole page, so it is given more weight than an ordinary
    alert rather than sitting quietly among the summary cards.
*/
.portal-reconciliation-page[b-6ibe3r95hh]  .portal-reconciliation-page__scope-warning {
    margin-bottom: 1rem;
    border-left: 4px solid var(--status-needs-attention, var(--cv-attention-warning));
}

/* ── Current-settings summary ──────────────────────────────────────────────────────────────── */

.portal-reconciliation-page__settings-summary[b-6ibe3r95hh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--border-subtle, var(--cv-border));
    border-radius: 0.75rem;
    background: var(--surface-sunken, var(--cv-surface-sunken));
    color: var(--text-secondary, var(--cv-text-muted));
    line-height: 1.55;
}

.portal-reconciliation-page__settings-label[b-6ibe3r95hh] {
    font-weight: 700;
    color: var(--text-primary, var(--cv-text));
}

/* ── Scope selection ───────────────────────────────────────────────────────────────────────── */

.portal-reconciliation-page__scope[b-6ibe3r95hh] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

/*
    Grows with the row but stops well short of the full width: a company picker stretched across a
    wide monitor puts its label and its value absurdly far apart.
*/
.portal-reconciliation-page__scope[b-6ibe3r95hh]  .portal-reconciliation-page__scope-select {
    flex: 1 1 22rem;
    max-width: 32rem;
}

/* ── Preview summary ───────────────────────────────────────────────────────────────────────── */

.portal-reconciliation-page__stats-grid[b-6ibe3r95hh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

/* ── Preview table ─────────────────────────────────────────────────────────────────────────── */

/* Both sit inside CvFilterBar's own flex row, so they are sized as flex items of it. */
.portal-reconciliation-page[b-6ibe3r95hh]  .portal-reconciliation-page__search {
    flex: 1 1 18rem;
    max-width: 26rem;
}

.portal-reconciliation-page[b-6ibe3r95hh]  .portal-reconciliation-page__decision-filter {
    flex: 0 1 16rem;
    min-width: 12rem;
}

/*
    Six columns of prose do not fit a narrow viewport, and wrapping them into unreadable slivers is
    worse than letting the table scroll within its own container. The page itself never scrolls
    sideways.
*/
.portal-reconciliation-page[b-6ibe3r95hh]  .cv-table__scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.portal-reconciliation-page__explanation[b-6ibe3r95hh] {
    max-width: 28rem;
    color: var(--text-secondary, var(--cv-text-muted));
    line-height: 1.5;
}

/* ── Queue controls ────────────────────────────────────────────────────────────────────────── */

.portal-reconciliation-page__acknowledgement[b-6ibe3r95hh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid var(--status-needs-attention, var(--cv-attention-warning));
    border-radius: 0.75rem;
    background: var(--status-needs-attention-bg, var(--status-needs-attention-bg));
}

.portal-reconciliation-page__acknowledgement[b-6ibe3r95hh]  > * {
    margin: 0;
}

/* ── Job detail ────────────────────────────────────────────────────────────────────────────── */

.portal-reconciliation-page__job[b-6ibe3r95hh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.portal-reconciliation-page__job-header[b-6ibe3r95hh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.85rem;
}

.portal-reconciliation-page__job-scope[b-6ibe3r95hh] {
    font-weight: 700;
    color: var(--text-primary, var(--cv-text));
}

.portal-reconciliation-page__job-meta[b-6ibe3r95hh] {
    color: var(--text-tertiary, var(--cv-text-muted));
    font-size: 0.85rem;
    /* Requested-by names and timestamps are unbounded; they wrap rather than push the row wide. */
    overflow-wrap: anywhere;
}

.portal-reconciliation-page__job-stats[b-6ibe3r95hh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.85rem;
}

/* ── Progress ──────────────────────────────────────────────────────────────────────────────── */

.portal-reconciliation-page__progress[b-6ibe3r95hh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: var(--text-secondary, var(--cv-text-muted));
    font-size: 0.9rem;
}

.portal-reconciliation-page__progress-bar[b-6ibe3r95hh] {
    /* Explicit width so the intrinsic element size cannot overflow a narrow container. */
    width: 100%;
    max-width: 100%;
    height: 0.5rem;
    appearance: none;
    border: 0;
    border-radius: 999px;
    background: var(--border-subtle, var(--cv-surface-sunken));
    overflow: hidden;
}

.portal-reconciliation-page__progress-bar[b-6ibe3r95hh]::-webkit-progress-bar {
    background: var(--border-subtle, var(--cv-surface-sunken));
    border-radius: 999px;
}

.portal-reconciliation-page__progress-bar[b-6ibe3r95hh]::-webkit-progress-value {
    background: var(--accent-primary, var(--status-in-progress-bg));
    border-radius: 999px;
}

.portal-reconciliation-page__progress-bar[b-6ibe3r95hh]::-moz-progress-bar {
    background: var(--accent-primary, var(--status-in-progress-bg));
    border-radius: 999px;
}

/* ── Most recent result ────────────────────────────────────────────────────────────────────── */

.portal-reconciliation-page__last-result[b-6ibe3r95hh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-subtle, var(--cv-border));
}

.portal-reconciliation-page__last-result-title[b-6ibe3r95hh] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary, var(--cv-text));
}

.portal-reconciliation-page__email-note[b-6ibe3r95hh] {
    margin: 0;
    color: var(--text-tertiary, var(--cv-text-muted));
    font-size: 0.85rem;
    line-height: 1.5;
}

/* ── Tablet ────────────────────────────────────────────────────────────────────────────────── */

@media (max-width: 991.98px) {
    .portal-reconciliation-page__stats-grid[b-6ibe3r95hh],
    .portal-reconciliation-page__job-stats[b-6ibe3r95hh] {
        grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    }

    .portal-reconciliation-page__explanation[b-6ibe3r95hh] {
        max-width: none;
    }
}

/* ── Mobile ────────────────────────────────────────────────────────────────────────────────── */

@media (max-width: 767.98px) {
    .portal-reconciliation-page[b-6ibe3r95hh] {
        gap: 1rem;
    }

    /* One column: two stat cards side by side at this width are too narrow to read. */
    .portal-reconciliation-page__stats-grid[b-6ibe3r95hh],
    .portal-reconciliation-page__job-stats[b-6ibe3r95hh] {
        grid-template-columns: minmax(0, 1fr);
    }

    /* Controls stack and go full width, so every action stays reachable with one thumb. */
    .portal-reconciliation-page__scope[b-6ibe3r95hh] {
        flex-direction: column;
        align-items: stretch;
    }

    .portal-reconciliation-page__scope[b-6ibe3r95hh]  .portal-reconciliation-page__scope-select,
    .portal-reconciliation-page[b-6ibe3r95hh]  .portal-reconciliation-page__search,
    .portal-reconciliation-page[b-6ibe3r95hh]  .portal-reconciliation-page__decision-filter {
        flex: 1 1 auto;
        max-width: none;
        min-width: 0;
    }

    .portal-reconciliation-page__settings-summary[b-6ibe3r95hh],
    .portal-reconciliation-page__job-header[b-6ibe3r95hh] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/SettingsPages/PortalContentHub.razor.rz.scp.css */
.portal-content-hub-page__loading-card[b-0zyqeytce8] {
    padding: 2rem 1.5rem;
}

.portal-content-hub-page__loading-copy[b-0zyqeytce8] {
    margin: 0.75rem 0 0;
    color: var(--cv-text);
}

.portal-content-hub-page__status-alert[b-0zyqeytce8] {
    margin-bottom: 1rem;
}

.portal-content-hub-page__status-content[b-0zyqeytce8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}
/* /Components/Pages/SettingsPages/PortalIntegrationSettings.razor.rz.scp.css */
.portal-integration-settings-page[b-qik3faknz3] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.portal-integration-settings-page__stack[b-qik3faknz3] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.portal-integration-settings-page__state-card[b-qik3faknz3] {
    width: 100%;
}

.portal-integration-settings-page__card-body[b-qik3faknz3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.portal-integration-settings-page__status-row[b-qik3faknz3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.portal-integration-settings-page__actions[b-qik3faknz3] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}
/* /Components/Pages/SettingsPages/PortalKnowledge.razor.rz.scp.css */
.portal-knowledge-page[b-v4hugdzcwd] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.portal-knowledge-page__state-card[b-v4hugdzcwd],
.portal-knowledge-page__message-card[b-v4hugdzcwd],
.portal-knowledge-page__category-card[b-v4hugdzcwd] {
    width: 100%;
}

.portal-knowledge-page__empty-state[b-v4hugdzcwd],
.portal-knowledge-page__dialog-stack[b-v4hugdzcwd],
.portal-knowledge-page__row-actions[b-v4hugdzcwd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.portal-knowledge-page__empty-copy[b-v4hugdzcwd] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
}

.portal-knowledge-page__table :deep(th)[b-v4hugdzcwd] {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.portal-knowledge-page__table :deep(td)[b-v4hugdzcwd] {
    vertical-align: middle;
}

.portal-knowledge-page__pill[b-v4hugdzcwd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: rgba(100, 116, 139, 0.14);
    color: var(--mud-palette-text-secondary);
}

.portal-knowledge-page__pill--success[b-v4hugdzcwd] {
    background: rgba(22, 163, 74, 0.12);
    color: var(--mud-palette-success);
}

.portal-knowledge-page__pill--support[b-v4hugdzcwd] {
    background: rgba(43, 163, 197, 0.14);
    color: var(--mud-palette-info);
}

.portal-knowledge-page__pill--neutral[b-v4hugdzcwd] {
    background: rgba(100, 116, 139, 0.14);
    color: var(--mud-palette-text-secondary);
}

.portal-knowledge-page__row-actions[b-v4hugdzcwd] {
    flex-direction: row;
    justify-content: flex-end;
}

.portal-knowledge-page__dialog-scrim[b-v4hugdzcwd] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
}

.portal-knowledge-page__dialog-shell[b-v4hugdzcwd] {
    width: min(100%, 34rem);
}

.portal-knowledge-page__dialog-shell--wide[b-v4hugdzcwd] {
    width: min(100%, 48rem);
}

.portal-knowledge-page__dialog[b-v4hugdzcwd] {
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
}

.portal-knowledge-page :deep(.portal-knowledge-page__message-card .cv-card__footer)[b-v4hugdzcwd],
.portal-knowledge-page :deep(.portal-knowledge-page__state-card .cv-card__footer)[b-v4hugdzcwd],
.portal-knowledge-page :deep(.portal-knowledge-page__dialog .cv-dialog__actions-shell)[b-v4hugdzcwd] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}
/* /Components/Pages/SettingsPages/PortalRoleEditor.razor.rz.scp.css */
.portal-role-editor[b-48jij9bhsk] {
    max-width: 1280px;
}

.portal-role-editor__state-card[b-48jij9bhsk],
.portal-role-editor__system-alert[b-48jij9bhsk] {
    margin-bottom: 1rem;
}

/* Details is a short form, so it stays a single readable column rather than stretching
   a 1280px-wide text field across the page. */
.portal-role-editor__details[b-48jij9bhsk] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 640px;
}

/* The permission switches were a vertical wall in the old dialog. A responsive grid keeps a
   category to one or two screens' worth at desktop widths and collapses to a single column on a
   narrow viewport without any breakpoint of its own. */
.portal-role-editor__switches[b-48jij9bhsk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem 2rem;
    align-items: start;
}
/* /Components/Pages/SettingsPages/PortalRoles.razor.rz.scp.css */
.portal-roles-page[b-qvl3ugsu2h] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.portal-roles-page__header-actions[b-qvl3ugsu2h],
.portal-roles-page__empty-actions[b-qvl3ugsu2h],
.portal-roles-page__row-actions[b-qvl3ugsu2h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.portal-roles-page__message-card[b-qvl3ugsu2h],
.portal-roles-page__state-card[b-qvl3ugsu2h],
.portal-roles-page__table-card[b-qvl3ugsu2h] {
    width: 100%;
}

.portal-roles-page__empty-state[b-qvl3ugsu2h] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.portal-roles-page__empty-copy[b-qvl3ugsu2h] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
}

.portal-roles-page__default-alert :deep(ul)[b-qvl3ugsu2h] {
    margin-bottom: 0;
}

.portal-roles-page__table :deep(th)[b-qvl3ugsu2h] {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.portal-roles-page__table :deep(td)[b-qvl3ugsu2h] {
    vertical-align: middle;
}

.portal-roles-page__role-name[b-qvl3ugsu2h] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.portal-roles-page__pill[b-qvl3ugsu2h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.3rem 0.75rem;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.portal-roles-page__pill--primary[b-qvl3ugsu2h] {
    background: rgba(37, 99, 235, 0.12);
    color: var(--mud-palette-primary);
}

.portal-roles-page__pill--support[b-qvl3ugsu2h] {
    background: rgba(43, 163, 197, 0.14);
    color: var(--mud-palette-info);
}

.portal-roles-page__pill--success[b-qvl3ugsu2h] {
    background: rgba(22, 163, 74, 0.12);
    color: var(--mud-palette-success);
}

.portal-roles-page__pill--neutral[b-qvl3ugsu2h] {
    background: rgba(100, 116, 139, 0.14);
    color: var(--mud-palette-text-secondary);
}

.portal-roles-page__dialog-scrim[b-qvl3ugsu2h] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
}

.portal-roles-page__dialog-shell[b-qvl3ugsu2h] {
    width: min(100%, 34rem);
}

.portal-roles-page__dialog[b-qvl3ugsu2h] {
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
}

.portal-roles-page__dialog-body[b-qvl3ugsu2h] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.portal-roles-page :deep(.portal-roles-page__message-card .cv-card__footer)[b-qvl3ugsu2h],
.portal-roles-page :deep(.portal-roles-page__empty-card .cv-card__footer)[b-qvl3ugsu2h],
.portal-roles-page :deep(.portal-roles-page__dialog .cv-dialog__actions-shell)[b-qvl3ugsu2h] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

@media (max-width: 900px) {
    .portal-roles-page__header-actions[b-qvl3ugsu2h] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/SettingsPages/PortalSettings.razor.rz.scp.css */
.portal-settings-page[b-72d6ktxvxv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.portal-settings-page__status-card[b-72d6ktxvxv],
.portal-settings-page__section[b-72d6ktxvxv] {
    margin-bottom: 0;
}

.portal-settings-page__status-content[b-72d6ktxvxv] {
    display: flex;
    align-items: center;
    min-height: 1.5rem;
}

.portal-settings-page__two-column-grid[b-72d6ktxvxv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.portal-settings-page__automatic-grid[b-72d6ktxvxv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.portal-settings-page__stack[b-72d6ktxvxv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* List styling for CvAlert bodies. CvInfoBox styles its own lists — see corvue-ui.css. */
.portal-settings-page__list[b-72d6ktxvxv] {
    margin: 0;
    padding-left: 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.portal-settings-page__helper-text[b-72d6ktxvxv] {
    color: var(--cv-text-muted);
    font-size: 0.85rem;
    line-height: 1.5;
}

/* Marks the role selector when auto-grant was refused for want of a role. */
.portal-settings-page__role-select--attention[b-72d6ktxvxv] {
    border-radius: 0.6rem;
    outline: 2px solid var(--cv-attention-warning);
    outline-offset: 3px;
}

.portal-settings-page__domain-note[b-72d6ktxvxv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    color: var(--cv-text-muted);
    font-size: 0.9rem;
}

.portal-settings-page__domain-label[b-72d6ktxvxv] {
    font-weight: 700;
    color: var(--cv-text);
}

.portal-settings-page__meta-row[b-72d6ktxvxv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.portal-settings-page__badge[b-72d6ktxvxv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.portal-settings-page__badge--primary[b-72d6ktxvxv] {
    background: var(--cv-surface-hover);
    color: var(--cv-text);
}

.portal-settings-page__badge--support[b-72d6ktxvxv] {
    background: var(--status-in-progress-bg);
    color: var(--cv-tone-support-text);
}

.portal-settings-page__badge--success[b-72d6ktxvxv] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.portal-settings-page__badge--warning[b-72d6ktxvxv] {
    background: var(--status-needs-attention-bg);
    color: var(--cv-attention-warning-text);
}

.portal-settings-page__badge--neutral[b-72d6ktxvxv] {
    background: var(--status-in-progress-bg);
    color: var(--cv-tone-support-text);
}

@media (max-width: 991.98px) {
    .portal-settings-page__two-column-grid[b-72d6ktxvxv] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/SettingsPages/PortalTicketSettings.razor.rz.scp.css */
.portal-ticket-settings-page[b-mihlkfq6au] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.portal-ticket-settings-page__stack[b-mihlkfq6au] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.portal-ticket-settings-page__state-card[b-mihlkfq6au],
.portal-ticket-settings-page__message-card[b-mihlkfq6au] {
    width: 100%;
}

.portal-ticket-settings-page__board-settings[b-mihlkfq6au],
.portal-ticket-settings-page__alert-stack[b-mihlkfq6au] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.portal-ticket-settings-page__board-picker[b-mihlkfq6au] {
    display: grid;
    gap: 0.85rem;
}

.portal-ticket-settings-page :deep(.portal-ticket-settings-page__board-picker-field .cv-chip-multi-select__selected-chip)[b-mihlkfq6au] {
    transform: translateY(-1px);
}

.portal-ticket-settings-page__status-list[b-mihlkfq6au] {
    max-height: 200px;
    overflow-y: auto;
}

.portal-ticket-settings-page__actions-row[b-mihlkfq6au] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.portal-ticket-settings-page :deep(.portal-ticket-settings-page__message-card .cv-card__footer)[b-mihlkfq6au] {
    display: flex;
    justify-content: flex-end;
}
/* /Components/Pages/SettingsPages/PortalWidgets.razor.rz.scp.css */
.portal-widgets-page[b-8ycyavd590] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.portal-widgets-page__stats-grid[b-8ycyavd590] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.portal-widgets-page__state-card[b-8ycyavd590],
.portal-widgets-page__message-card[b-8ycyavd590],
.portal-widgets-page__table-card[b-8ycyavd590] {
    width: 100%;
}

/* ── Widget rows ── */

.portal-widgets-page__widget-rows[b-8ycyavd590] {
    display: flex;
    flex-direction: column;
}

.portal-widgets-page__widget-row[b-8ycyavd590] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.875rem 1.25rem;
    border-bottom: 1px solid rgba(13, 23, 51, 0.06);
    flex-wrap: wrap;
}

.portal-widgets-page__widget-row:last-child[b-8ycyavd590] {
    border-bottom: none;
}

.portal-widgets-page__widget-row--disabled[b-8ycyavd590] {
    opacity: 0.55;
}

.portal-widgets-page__widget-main[b-8ycyavd590] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    flex: 1 1 280px;
    min-width: 0;
}

.portal-widgets-page__widget-icon[b-8ycyavd590] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    flex-shrink: 0;
    border-radius: 0.9rem;
    background: rgba(37, 99, 235, 0.08);
    color: var(--mud-palette-primary);
}

.portal-widgets-page__widget-info[b-8ycyavd590] {
    min-width: 0;
}

.portal-widgets-page__widget-title[b-8ycyavd590] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.portal-widgets-page__widget-meta[b-8ycyavd590] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.3rem;
}

.portal-widgets-page__widget-type[b-8ycyavd590] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    text-transform: capitalize;
}

.portal-widgets-page__widget-actions[b-8ycyavd590] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 0 0 auto;
    flex-wrap: wrap;
}

.portal-widgets-page__reorder-group[b-8ycyavd590] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.portal-widgets-page__order-badge[b-8ycyavd590] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    min-width: 3.5rem;
    text-align: center;
}

/* ── Badges ── */

.portal-widgets-page__badge[b-8ycyavd590] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.65rem;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}

.portal-widgets-page__badge--neutral[b-8ycyavd590] {
    background: rgba(100, 116, 139, 0.14);
    color: var(--mud-palette-text-secondary);
}

.portal-widgets-page__badge--info[b-8ycyavd590] {
    background: rgba(43, 163, 197, 0.12);
    color: var(--mud-palette-info);
}

.portal-widgets-page__badge--support[b-8ycyavd590] {
    background: rgba(43, 163, 197, 0.14);
    color: var(--mud-palette-info);
}

.portal-widgets-page__badge--warning[b-8ycyavd590] {
    background: rgba(234, 179, 8, 0.14);
    color: var(--mud-palette-warning);
}

.portal-widgets-page__row-actions[b-8ycyavd590] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ── Modal ── */

.portal-widgets-page__modal-label[b-8ycyavd590] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    margin-bottom: 0.5rem;
}

.portal-widgets-page__empty-state[b-8ycyavd590],
.portal-widgets-page__dialog-stack[b-8ycyavd590] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.portal-widgets-page__empty-copy[b-8ycyavd590] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
}

.portal-widgets-page__dialog-scrim[b-8ycyavd590] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
}

.portal-widgets-page__dialog-shell[b-8ycyavd590] {
    width: min(100%, 34rem);
}

.portal-widgets-page__dialog-shell--wide[b-8ycyavd590] {
    width: min(100%, 44rem);
}

.portal-widgets-page__dialog[b-8ycyavd590] {
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
}

.portal-widgets-page :deep(.portal-widgets-page__message-card .cv-card__footer)[b-8ycyavd590],
.portal-widgets-page :deep(.portal-widgets-page__dialog .cv-dialog__actions-shell)[b-8ycyavd590] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

@media (max-width: 900px) {
    .portal-widgets-page__stats-grid[b-8ycyavd590] {
        grid-template-columns: 1fr;
    }

    .portal-widgets-page__widget-row[b-8ycyavd590] {
        flex-direction: column;
        align-items: flex-start;
    }

    .portal-widgets-page__widget-actions[b-8ycyavd590] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Pages/SettingsPages/ReportInboxSettings.razor.rz.scp.css */
.report-inbox-settings[b-ct0f5xfu0w] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.report-inbox-settings__token[b-ct0f5xfu0w] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 0.8125rem;
    letter-spacing: 0.01em;
    word-break: break-all;
}

.report-inbox-settings__status[b-ct0f5xfu0w] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.report-inbox-settings__row-actions[b-ct0f5xfu0w] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}
/* /Components/Pages/SettingsPages/TenantAssets.razor.rz.scp.css */
.tenant-assets-page__filter-primary[b-2o87bjt95x] {
    min-width: min(100%, 22rem);
    flex: 1 1 22rem;
}

.tenant-assets-page__filter-select[b-2o87bjt95x] {
    min-width: 12rem;
}

.tenant-assets-page__preview-shell[b-2o87bjt95x] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 11rem;
    border: 1px solid var(--cv-hover-border);
    border-radius: 1rem;
    background: var(--cv-surface-sunken);
    overflow: hidden;
}

.tenant-assets-page__preview[b-2o87bjt95x] {
    display: block;
    max-width: 100%;
    max-height: 14rem;
    object-fit: contain;
}
/* /Components/Pages/Settings/AnalyticsModule.razor.rz.scp.css */
.analytics-module-page__gate-card[b-96nvdm3crp],
.analytics-module-page__section-card[b-96nvdm3crp] {
    max-width: 100%;
}

.analytics-module-page__content-stack[b-96nvdm3crp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.analytics-module-page__detail-grid[b-96nvdm3crp],
.analytics-module-page__metric-grid[b-96nvdm3crp] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.analytics-module-page__detail-grid--compact[b-96nvdm3crp] {
    margin-bottom: 1rem;
}

.analytics-module-page__detail-item[b-96nvdm3crp],
.analytics-module-page__metric-item[b-96nvdm3crp] {
    background: var(--cv-surface-hover);
    border: 1px solid var(--cv-border);
    border-radius: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 1rem;
}

.analytics-module-page__detail-label[b-96nvdm3crp],
.analytics-module-page__metric-label[b-96nvdm3crp] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.analytics-module-page__detail-value[b-96nvdm3crp],
.analytics-module-page__metric-value[b-96nvdm3crp] {
    color: var(--cv-text);
    font-size: 1rem;
    font-weight: 600;
}

.analytics-module-page__metric-value[b-96nvdm3crp] {
    font-size: 1.75rem;
    line-height: 1.1;
}

.analytics-module-page__error-panel[b-96nvdm3crp] {
    background: var(--status-at-risk-bg);
    border: 1px solid var(--status-at-risk);
    border-radius: 0.85rem;
    padding: 1rem;
}

.analytics-module-page__footer-actions[b-96nvdm3crp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}
/* /Components/Pages/Settings/Modules.razor.rz.scp.css */
.modules-page__module-card[b-1n3ttripf9] {
    display: flex;
    flex-direction: column;
}

.modules-page__summary-grid[b-1n3ttripf9] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.modules-page__summary-item[b-1n3ttripf9] {
    background: var(--cv-surface-hover);
    border: 1px solid var(--cv-border);
    border-radius: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.9rem 1rem;
}

.modules-page__summary-label[b-1n3ttripf9] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.modules-page__summary-value[b-1n3ttripf9] {
    color: var(--cv-text);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 991.98px) {
    .modules-page__summary-grid[b-1n3ttripf9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Settings/OperationsAiTechnicianSettingsPanel.razor.rz.scp.css */
.operations-ai-technician__switches[b-dure0pa6m7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.operations-ai-technician__field-grid[b-dure0pa6m7],
.operations-ai-technician__credit-grid[b-dure0pa6m7] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
/* /Components/Pages/Settings/Portal/ContentKnowledge.razor.rz.scp.css */
.content-knowledge-page__sidebar-card[b-lb0o90v7lk] {
    position: sticky;
    top: 1rem;
}

.content-knowledge-page__category-icon[b-lb0o90v7lk] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    background: var(--bs-light);
    color: var(--bs-primary);
    flex-shrink: 0;
}

.content-knowledge-page__role-list[b-lb0o90v7lk] {
    max-height: 16rem;
    overflow-y: auto;
}







.content-knowledge-page__dialog[b-lb0o90v7lk] {
    max-height: calc(100vh - 2rem);
    overflow: auto;
}
/* /Components/Pages/Settings/Portal/ContentRequests.razor.rz.scp.css */
.content-requests-page[b-hw0qgpz7c2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.content-requests-page__header-actions[b-hw0qgpz7c2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.content-requests-page__status-alert[b-hw0qgpz7c2] {
    margin-bottom: 0;
}

.content-requests-page__status-content[b-hw0qgpz7c2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.content-requests-page__loading-card[b-hw0qgpz7c2] {
    padding: 2rem 1.5rem;
}

.content-requests-page__catalog-grid[b-hw0qgpz7c2] {
    display: grid;
    gap: 1rem;
}

.content-requests-page__catalog-card[b-hw0qgpz7c2] {
    display: block;
    width: 100%;
    padding: var(--cv-space-4);
    text-align: left;
    color: inherit;
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    cursor: pointer;
}

.content-requests-page__catalog-card:hover[b-hw0qgpz7c2],
.content-requests-page__catalog-card--selected[b-hw0qgpz7c2] {
    border-color: var(--cv-hover-border);
}

.content-requests-page__button-preview[b-hw0qgpz7c2] {
    display: inline-block;
    padding: var(--cv-space-1) var(--cv-space-3);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--cv-surface);
    background: var(--cv-primary);
    border-radius: var(--cv-radius-control);
    opacity: 0.6;
}

.content-requests-page__icon-shell[b-hw0qgpz7c2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0.9rem;
    font-size: 1.15rem;
}

.content-requests-page__price[b-hw0qgpz7c2] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--cv-text);
}

.content-requests-page__preview-strip[b-hw0qgpz7c2] {
    padding: 1rem;
    border: 1px dashed var(--cv-border);
    border-radius: 1rem;
    background: var(--cv-surface-hover);
}

.content-requests-page__preview-card[b-hw0qgpz7c2] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* ── Dialog scrim (category add/edit) ── */





.content-requests-page__dialog[b-hw0qgpz7c2] {
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
}

@media (max-width: 575.98px) {
    .content-requests-page__header-actions[b-hw0qgpz7c2] {
        justify-content: stretch;
    }

    .content-requests-page__preview-card[b-hw0qgpz7c2] {
        flex-direction: column;
        align-items: flex-start;
    }
}

.content-requests-page__categories[b-hw0qgpz7c2] {
    border-bottom: 1px solid var(--bs-border-color);
    padding-bottom: 1rem;
}
/* /Components/Pages/Settings/Portal/ContentTemplates.razor.rz.scp.css */
.content-templates-page__header[b-wmu4e2o3x0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.content-templates-page__header-actions[b-wmu4e2o3x0],
.content-templates-page__editor-actions[b-wmu4e2o3x0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.content-templates-page__token[b-wmu4e2o3x0] {
    background: var(--status-in-progress-bg);
    border: 1px solid var(--cv-border);
    border-radius: 999px;
    color: var(--cv-tone-support-text);
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.35rem 0.75rem;
}

.content-templates-page__empty-state[b-wmu4e2o3x0] {
    background: var(--cv-surface-sunken);
}

/* ── Dialog scrim (template add/edit) ── */





.content-templates-page__dialog[b-wmu4e2o3x0] {
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
}

@media (max-width: 767.98px) {
    .content-templates-page__header[b-wmu4e2o3x0] {
        flex-direction: column;
    }

    .content-templates-page__header-actions[b-wmu4e2o3x0],
    .content-templates-page__editor-actions[b-wmu4e2o3x0] {
        width: 100%;
    }
}
/* /Components/Pages/Settings/Portal/ContentTickets.razor.rz.scp.css */
.content-tickets-page__empty-state[b-dxx2q1iph8] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    text-align: center;
    color: var(--mud-palette-text-secondary);
}

.content-tickets-page__empty-state i[b-dxx2q1iph8],
.content-tickets-page__category-icon[b-dxx2q1iph8] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--cv-surface-hover);
    color: var(--cv-text);
    font-size: 1.15rem;
}

.content-tickets-page__ticket-card--selected[b-dxx2q1iph8] {
    border-color: var(--cv-hover-border);
}

.content-tickets-page__role-option[b-dxx2q1iph8] {
    cursor: pointer;
    transition: border-color var(--cv-motion-fast);
}

.content-tickets-page__role-option--selected[b-dxx2q1iph8] {
    border-color: var(--cv-hover-border);
    background: var(--cv-surface-hover);
}

/* ── Grouped toggle settings ── */

.content-tickets-page__toggle-section[b-dxx2q1iph8] {
    display: flex;
    flex-direction: column;
}

.content-tickets-page__toggle-section-title[b-dxx2q1iph8] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mud-palette-text-secondary);
    margin: 0 0 0.5rem 0;
}

/* ── Dialog scrim (category add/edit) ── */





.content-tickets-page__dialog[b-dxx2q1iph8] {
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
}
/* /Components/Pages/Settings/Portal/PortalQuestionBuilder.razor.rz.scp.css */
.portal-question-builder__toolbar[b-kp917srcmh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.portal-question-builder__empty[b-kp917srcmh] {
    border: 1px dashed var(--bs-border-color);
    border-radius: 0.75rem;
    padding: 2rem;
    text-align: center;
    color: var(--bs-secondary-color);
}

.portal-question-builder__empty i[b-kp917srcmh] {
    display: block;
    font-size: 2rem;
    margin-bottom: 0.75rem;
}

.portal-question-builder__list[b-kp917srcmh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.portal-question-builder__row[b-kp917srcmh] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    background: var(--bs-body-bg);
}

.portal-question-builder__row-main[b-kp917srcmh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
}

.portal-question-builder__row-text[b-kp917srcmh] {
    flex: 1 1 auto;
    min-width: 0;
}

.portal-question-builder__row-actions[b-kp917srcmh] {
    display: flex;
    gap: 0.25rem;
}

.portal-question-builder__editor[b-kp917srcmh] {
    border-top: 1px solid var(--bs-border-color);
    padding: 1rem;
}

.portal-question-builder__editor-actions[b-kp917srcmh] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
}

.portal-question-builder__container[b-kp917srcmh] {
    display: block;
}

.portal-question-builder__zone[b-kp917srcmh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 3rem;
    border-radius: 0.75rem;
}

.portal-question-builder__zone--can-drop[b-kp917srcmh] {
    outline: 2px dashed var(--bs-primary);
    outline-offset: 4px;
}

.portal-question-builder__zone--no-drop[b-kp917srcmh] {
    outline: 2px dashed var(--bs-danger);
    outline-offset: 4px;
}

.portal-question-builder__row--dragging[b-kp917srcmh] {
    opacity: 0.6;
}

.portal-question-builder__handle[b-kp917srcmh] {
    cursor: grab;
    color: var(--bs-secondary-color);
}

.portal-question-builder__handle:active[b-kp917srcmh] {
    cursor: grabbing;
}

.portal-question-builder__options-header[b-kp917srcmh] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.portal-question-builder__bulk-paste[b-kp917srcmh] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
}

.portal-question-builder__option-row[b-kp917srcmh] {
    margin-bottom: 0.5rem;
}

.portal-question-builder__rules[b-kp917srcmh] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 1rem;
    background: var(--bs-tertiary-bg);
}

.portal-question-builder__rules-header[b-kp917srcmh] {
    margin-bottom: 0.75rem;
}

.portal-question-builder__preview[b-kp917srcmh] {
    margin-top: 1.5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    padding: 1rem;
    background: var(--bs-tertiary-bg);
}

.portal-question-builder__preview-header[b-kp917srcmh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.portal-question-builder__preview-tabs[b-kp917srcmh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
}

.portal-question-builder__preview-body[b-kp917srcmh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* /Components/Pages/Settings/TriageBoardSelector.razor.rz.scp.css */
.triage-selector-page__section-card[b-6pqhqg1b2y] {
    max-width: 100%;
}

.triage-selector-page__detail-grid[b-6pqhqg1b2y] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.triage-selector-page__detail-item[b-6pqhqg1b2y] {
    background: var(--cv-surface-hover);
    border: 1px solid var(--cv-border);
    border-radius: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 1rem;
}

.triage-selector-page__detail-label[b-6pqhqg1b2y] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.triage-selector-page__detail-value[b-6pqhqg1b2y] {
    color: var(--cv-text);
    font-size: 1rem;
    font-weight: 600;
}

.triage-selector-page__status-badges[b-6pqhqg1b2y],
.triage-selector-page__action-group[b-6pqhqg1b2y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.triage-selector-page__status-badges[b-6pqhqg1b2y] {
    margin-top: 0.4rem;
}

.triage-selector-page__table th[b-6pqhqg1b2y],
.triage-selector-page__table td[b-6pqhqg1b2y] {
    vertical-align: middle;
}
/* /Components/Pages/Settings/TriageBoardSettings.razor.rz.scp.css */
.triage-board-page__cached-values-backdrop[b-v2mwjr2c6u] {
    align-items: center;
    background: var(--cv-band-bg);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1.5rem;
    position: fixed;
    z-index: 1050;
}

.triage-board-page__cached-values-shell[b-v2mwjr2c6u] {
    max-height: calc(100vh - 3rem);
    max-width: 1060px;
    width: min(1060px, 100%);
}

[b-v2mwjr2c6u] .triage-board-page__cached-values-dialog {
    max-height: calc(100vh - 3rem);
}

[b-v2mwjr2c6u] .triage-board-page__cached-values-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: calc(100vh - 14rem);
    overflow: auto;
}

.triage-board-page__cached-values-tabs[b-v2mwjr2c6u] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.triage-board-page__cached-values-list[b-v2mwjr2c6u] {
    border: 1px solid var(--cv-border);
    border-radius: 0.75rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.triage-board-page__cached-value-row[b-v2mwjr2c6u] {
    align-items: center;
    border-bottom: 1px solid var(--cv-border);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.65rem 0.85rem;
}

.triage-board-page__cached-value-row:last-child[b-v2mwjr2c6u] {
    border-bottom: 0;
}

@media (max-width: 768px) {
    .triage-board-page__cached-values-backdrop[b-v2mwjr2c6u] {
        align-items: stretch;
        padding: 0.75rem;
    }

    .triage-board-page__cached-values-content[b-v2mwjr2c6u] {
        max-height: calc(100vh - 12rem);
    }
}

[b-v2mwjr2c6u] .triage-board-page__tabs {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* /Components/Pages/Settings/TriageCompanyRules.razor.rz.scp.css */
.triage-rules-page__gate-card[b-b7cpm5f4cu],
.triage-rules-page__section-card[b-b7cpm5f4cu],
.triage-rules-page__form-card[b-b7cpm5f4cu] {
    max-width: 100%;
}

.triage-rules-page__content-stack[b-b7cpm5f4cu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.triage-rules-page__detail-grid[b-b7cpm5f4cu] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.triage-rules-page__form-group[b-b7cpm5f4cu] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.triage-rules-page__form-label[b-b7cpm5f4cu] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.triage-rules-page__form-helper[b-b7cpm5f4cu] {
    color: var(--cv-text-muted);
    font-size: 0.78rem;
}

.triage-rules-page__footer-actions[b-b7cpm5f4cu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.triage-rules-page__action-group[b-b7cpm5f4cu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.triage-rules-page__empty-state[b-b7cpm5f4cu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 2rem 1rem;
    text-align: left;
}

.triage-rules-page__empty-icon[b-b7cpm5f4cu] {
    font-size: 2rem;
    color: var(--cv-text-muted);
    opacity: 0.5;
}

.triage-rules-page__empty-state h3[b-b7cpm5f4cu] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.triage-rules-page__empty-state p[b-b7cpm5f4cu] {
    color: var(--cv-text-muted);
    font-size: 0.875rem;
    margin-bottom: 0;
}

.triage-rules-page__error-panel[b-b7cpm5f4cu] {
    background: var(--status-at-risk-bg);
    border: 1px solid var(--status-at-risk);
    border-radius: 0.85rem;
    padding: 1rem;
}
/* /Components/Pages/Settings/TriageModule.razor.rz.scp.css */
.triage-module-page__gate-card[b-my7enny8qa],
.triage-module-page__section-card[b-my7enny8qa] {
    max-width: 100%;
}

.triage-module-page__content-stack[b-my7enny8qa] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.triage-module-page__toggle-group[b-my7enny8qa] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.triage-module-page__detail-grid[b-my7enny8qa] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.triage-module-page__detail-item[b-my7enny8qa] {
    background: var(--cv-surface-hover);
    border: 1px solid var(--cv-border);
    border-radius: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 1rem;
}

.triage-module-page__detail-label[b-my7enny8qa] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.triage-module-page__detail-value[b-my7enny8qa] {
    color: var(--cv-text);
    font-size: 1rem;
    font-weight: 600;
}

.triage-module-page__metric-grid[b-my7enny8qa] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.triage-module-page__metric-item[b-my7enny8qa] {
    background: var(--cv-surface-hover);
    border: 1px solid var(--cv-border);
    border-radius: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 1rem;
}

.triage-module-page__metric-label[b-my7enny8qa] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.triage-module-page__metric-value[b-my7enny8qa] {
    color: var(--cv-text);
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.1;
}

.triage-module-page__form-group[b-my7enny8qa] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.triage-module-page__form-label[b-my7enny8qa] {
    color: var(--cv-text);
    font-size: 0.85rem;
    font-weight: 600;
}

.triage-module-page__form-helper[b-my7enny8qa] {
    color: var(--cv-text-muted);
    font-size: 0.78rem;
}

.triage-module-page__footer-actions[b-my7enny8qa] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}
/* /Components/Pages/Settings/TriageTypeMappings.razor.rz.scp.css */
.triage-types-page__gate-card[b-7yobvvk8el],
.triage-types-page__section-card[b-7yobvvk8el],
.triage-types-page__form-card[b-7yobvvk8el] {
    max-width: 100%;
}

.triage-types-page__content-stack[b-7yobvvk8el] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.triage-types-page__detail-grid[b-7yobvvk8el] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.triage-types-page__form-group[b-7yobvvk8el] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.triage-types-page__form-label[b-7yobvvk8el] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.triage-types-page__form-helper[b-7yobvvk8el] {
    color: var(--cv-text-muted);
    font-size: 0.78rem;
}

.triage-types-page__checkbox-group[b-7yobvvk8el] {
    justify-content: center;
}

.triage-types-page__footer-actions[b-7yobvvk8el] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.triage-types-page__action-group[b-7yobvvk8el] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.triage-types-page__filter-row[b-7yobvvk8el] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.75rem;
}

.triage-types-page__filter-stack[b-7yobvvk8el] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.triage-types-page__filter-select[b-7yobvvk8el] {
    max-width: 280px;
}

.triage-types-page__context-note[b-7yobvvk8el],
.triage-types-page__board-meta[b-7yobvvk8el] {
    color: var(--cv-text-muted);
    font-size: 0.78rem;
}

.triage-types-page__board-cell[b-7yobvvk8el] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 160px;
}

.triage-types-page__truncated-cell[b-7yobvvk8el] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.triage-types-page__empty-state[b-7yobvvk8el] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 2rem 1rem;
    text-align: left;
}

.triage-types-page__empty-icon[b-7yobvvk8el] {
    font-size: 2rem;
    color: var(--cv-text-muted);
    opacity: 0.5;
}

.triage-types-page__empty-state h3[b-7yobvvk8el] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.triage-types-page__empty-state p[b-7yobvvk8el] {
    color: var(--cv-text-muted);
    font-size: 0.875rem;
    margin-bottom: 0;
}

.triage-types-page__error-panel[b-7yobvvk8el] {
    background: var(--status-at-risk-bg);
    border: 1px solid var(--status-at-risk);
    border-radius: 0.85rem;
    padding: 1rem;
}
/* /Components/Pages/StyleGuide.razor.rz.scp.css */
/*
    /styleguide: layout only. The components bring their own look; this file lays them out (the contents
    bar, the grids, the specimen list) and draws the token swatches. Colours, radii and spacing come from
    the --cv-* tokens only, so the page switches with the theme like everything it shows.
*/

.styleguide[b-iq5r98okdj] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* The sticky contents bar. 3.5rem clears the sticky top bar (brand.css .top-row), which only sticks from 641px. */
.styleguide__toc[b-iq5r98okdj] {
    position: sticky;
    top: 3.5rem;
    z-index: 5;
    margin-bottom: var(--cv-gap-section);
    padding: var(--cv-space-2) var(--cv-space-3);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
}

.styleguide__toc-list[b-iq5r98okdj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-1) var(--cv-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.styleguide__toc-link[b-iq5r98okdj] {
    display: inline-block;
    padding: var(--cv-space-1) var(--cv-space-2);
    border-radius: var(--cv-radius-control);
    color: var(--cv-text-muted);
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.styleguide__toc-link:hover[b-iq5r98okdj] {
    background: var(--cv-surface-hover);
    color: var(--cv-text);
}

.styleguide__toc-link:focus-visible[b-iq5r98okdj] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

/* Section anchors land below the top bar and the contents bar. Each section is a CvSection root (its
   Id and Class), which this file reaches only through ::deep. */
.styleguide[b-iq5r98okdj]  .styleguide__target {
    scroll-margin-top: 8rem;
}

/* A small uppercase caption above each group of examples: the shared small-caps label tokens. */
.styleguide__label[b-iq5r98okdj] {
    margin: var(--cv-space-2) 0 0;
    font-size: var(--cv-label-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.styleguide__body[b-iq5r98okdj] {
    margin: 0;
    color: var(--cv-text);
}

.styleguide__muted[b-iq5r98okdj] {
    color: var(--cv-text-muted);
}

.styleguide__row[b-iq5r98okdj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-2);
}

.styleguide__grid[b-iq5r98okdj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
    gap: var(--cv-gap-grid);
    align-items: start;
}

.styleguide__grid--wide[b-iq5r98okdj] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr));
}

.styleguide__form-grid[b-iq5r98okdj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
    gap: var(--cv-space-4);
    align-items: start;
}

.styleguide__scroll[b-iq5r98okdj] {
    max-width: 100%;
    overflow-x: auto;
}

/* Typography specimens: the name on the left, the rendered sample on the right. */
.styleguide__specimens[b-iq5r98okdj] {
    display: grid;
    grid-template-columns: minmax(10rem, 16rem) minmax(0, 1fr);
    gap: var(--cv-space-4) var(--cv-space-5);
    margin: 0;
}

.styleguide__specimens dt[b-iq5r98okdj] {
    padding-top: var(--cv-space-1);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--cv-text-muted);
}

.styleguide__specimens dd[b-iq5r98okdj] {
    min-width: 0;
    margin: 0;
}

.styleguide__label-row[b-iq5r98okdj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
    gap: var(--cv-gap-grid);
}

.styleguide__numbers[b-iq5r98okdj] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    font-variant-numeric: tabular-nums;
    color: var(--cv-text);
}

/* The button matrix: tone by variant. */
.styleguide__matrix[b-iq5r98okdj] {
    border-collapse: separate;
    border-spacing: var(--cv-space-2);
}

.styleguide__matrix th[b-iq5r98okdj] {
    font-size: 0.75rem;
    font-weight: 600;
    text-align: left;
    color: var(--cv-text-muted);
}

.styleguide__band-buttons[b-iq5r98okdj] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-2);
}

.styleguide__rows[b-iq5r98okdj] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.styleguide__date-block[b-iq5r98okdj] {
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    line-height: 1.3;
    color: var(--cv-text-muted);
}

.styleguide__date-block strong[b-iq5r98okdj] {
    color: var(--cv-text);
}

.styleguide__nowrap[b-iq5r98okdj] {
    white-space: nowrap;
}

.styleguide__numeric[b-iq5r98okdj] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.styleguide__detail[b-iq5r98okdj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
    gap: var(--cv-space-4);
    padding: var(--cv-space-2) 0;
}

/* Tokens */
.styleguide__swatches[b-iq5r98okdj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 1fr));
    gap: var(--cv-space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.styleguide__swatch-item[b-iq5r98okdj] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-2);
    min-width: 0;
    font-size: 0.75rem;
    overflow-wrap: anywhere;
}

.styleguide__swatch[b-iq5r98okdj] {
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    border: var(--cv-border-width) solid var(--cv-border-strong);
    border-radius: var(--cv-radius-control);
    background: var(--sg-swatch);
}

.styleguide__radius[b-iq5r98okdj] {
    flex: 0 0 auto;
    width: 3rem;
    height: 2.5rem;
    border: var(--cv-border-width) solid var(--cv-border-strong);
    border-radius: var(--sg-radius);
    background: var(--cv-surface-sunken);
}

.styleguide__spacing[b-iq5r98okdj] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.styleguide__spacing li[b-iq5r98okdj] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-3);
    font-size: 0.75rem;
}

.styleguide__space-bar[b-iq5r98okdj] {
    flex: 0 0 auto;
    width: var(--sg-space);
    height: 0.75rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-secondary);
}

.styleguide__band-sample[b-iq5r98okdj] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-1);
    padding: var(--cv-card-pad);
    border-radius: var(--cv-radius-card);
    background: var(--cv-band-bg);
    color: var(--cv-band-text);
}

.styleguide__band-eyebrow[b-iq5r98okdj] {
    font-size: var(--cv-eyebrow-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    text-transform: uppercase;
    color: var(--cv-band-eyebrow);
}

.styleguide__band-muted[b-iq5r98okdj] {
    padding-top: var(--cv-space-2);
    border-top: var(--cv-border-width) solid var(--cv-band-line);
    color: var(--cv-band-muted);
}

.styleguide__focus-sample[b-iq5r98okdj],
.styleguide__overlay-sample[b-iq5r98okdj] {
    display: inline-flex;
    align-self: flex-start;
    padding: var(--cv-space-3) var(--cv-space-4);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface);
    color: var(--cv-text);
}

.styleguide__focus-sample[b-iq5r98okdj] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.styleguide__overlay-sample[b-iq5r98okdj] {
    border-radius: var(--cv-radius-card);
    box-shadow: var(--cv-elevation-overlay);
}

@media (max-width: 767.98px) {
    .styleguide__specimens[b-iq5r98okdj] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--cv-space-1);
    }

    .styleguide__specimens dd[b-iq5r98okdj] {
        margin-bottom: var(--cv-space-3);
    }
}

/* Below 641px the top bar scrolls away, so the contents bar sticks to the top and scrolls sideways. */
@media (max-width: 640.98px) {
    .styleguide__toc[b-iq5r98okdj] {
        top: 0;
        overflow-x: auto;
    }

    .styleguide__toc-list[b-iq5r98okdj] {
        flex-wrap: nowrap;
    }

    .styleguide[b-iq5r98okdj]  .styleguide__target {
        scroll-margin-top: 4rem;
    }
}

/* A Medium button beside an input, to show the two share --cv-control-height. */
.styleguide__button-beside-input[b-iq5r98okdj] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--cv-space-2);
    max-width: 32rem;
}

.styleguide__button-beside-input[b-iq5r98okdj]  .cv-text-field {
    flex: 1 1 14rem;
}
/* /Components/Pages/SuperAdmin/AppStats.razor.rz.scp.css */
.app-stats-page[b-1n75qmdxvl] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.app-stats-page__header-actions[b-1n75qmdxvl],
.app-stats-page__section-actions[b-1n75qmdxvl],
.app-stats-page__header-meta[b-1n75qmdxvl],
.app-stats-page__uptime[b-1n75qmdxvl],
.app-stats-page__metric-shell[b-1n75qmdxvl],
.app-stats-page__table-meta[b-1n75qmdxvl],
.app-stats-page__footer-summary[b-1n75qmdxvl],
.app-stats-page__pager-shell[b-1n75qmdxvl],
.app-stats-page__pager-jump[b-1n75qmdxvl],
.app-stats-page__settings-grid[b-1n75qmdxvl] {
    display: flex;
}

.app-stats-page__header-actions[b-1n75qmdxvl],
.app-stats-page__section-actions[b-1n75qmdxvl],
.app-stats-page__table-footer[b-1n75qmdxvl],
.app-stats-page__retention-stats[b-1n75qmdxvl],
.app-stats-page__throttle-value[b-1n75qmdxvl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.app-stats-page__header-meta[b-1n75qmdxvl],
.app-stats-page__uptime[b-1n75qmdxvl],
.app-stats-page__metric-shell[b-1n75qmdxvl],
.app-stats-page__table-meta[b-1n75qmdxvl],
.app-stats-page__footer-summary[b-1n75qmdxvl],
.app-stats-page__settings-grid[b-1n75qmdxvl] {
    flex-direction: column;
}

.app-stats-page__header-meta[b-1n75qmdxvl],
.app-stats-page__uptime[b-1n75qmdxvl],
.app-stats-page__table-meta[b-1n75qmdxvl] {
    gap: 0.15rem;
}

.app-stats-page__meta-label[b-1n75qmdxvl] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.app-stats-page__tabs[b-1n75qmdxvl] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.app-stats-page__tab[b-1n75qmdxvl] {
    min-width: 12rem;
}

.app-stats-page__tab-content[b-1n75qmdxvl] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.app-stats-page__tab-badge[b-1n75qmdxvl],
.app-stats-page__status-pill[b-1n75qmdxvl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
}

.app-stats-page__tab-badge[b-1n75qmdxvl] {
    min-width: 1.5rem;
    padding: 0.28rem 0.45rem;
    background: color-mix(in srgb, currentColor 20%, transparent);
}

.app-stats-page__metric-card[b-1n75qmdxvl],
.app-stats-page__table-card[b-1n75qmdxvl] {
    margin-bottom: 0;
}

.app-stats-page__metric-shell[b-1n75qmdxvl] {
    gap: 0.75rem;
    height: 100%;
}

.app-stats-page__metric-label[b-1n75qmdxvl],
.app-stats-page__throttle-label[b-1n75qmdxvl] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.875rem;
}

.app-stats-page__metric-value[b-1n75qmdxvl] {
    font-size: clamp(2rem, 3vw, 2.5rem);
    font-weight: 700;
    line-height: 1.1;
}

.app-stats-page__metric-value--primary[b-1n75qmdxvl] {
    color: var(--mud-palette-primary);
}

.app-stats-page__metric-value--secondary[b-1n75qmdxvl] {
    color: var(--mud-palette-secondary);
}

.app-stats-page__metric-value--info[b-1n75qmdxvl] {
    color: var(--mud-palette-info);
}

.app-stats-page__metric-note[b-1n75qmdxvl],
.app-stats-page__body-copy[b-1n75qmdxvl] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
    line-height: 1.6;
}

.app-stats-page__body-copy--compact[b-1n75qmdxvl] {
    margin-top: 1rem;
}

.app-stats-page__progress[b-1n75qmdxvl] {
    width: 100%;
    height: 0.55rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--cv-surface-sunken);
}

.app-stats-page__progress-bar[b-1n75qmdxvl] {
    height: 100%;
    border-radius: inherit;
    transition: width 0.2s ease;
}

.app-stats-page__status--success[b-1n75qmdxvl] {
    color: var(--cv-tone-success-text);
    background: var(--cv-tone-success-bg);
}

.app-stats-page__status--warning[b-1n75qmdxvl] {
    color: var(--cv-tone-warning-text);
    background: var(--cv-tone-warning-bg);
}

.app-stats-page__status--danger[b-1n75qmdxvl] {
    color: var(--cv-tone-danger-text);
    background: var(--cv-tone-danger-bg);
}

.app-stats-page__status--neutral[b-1n75qmdxvl] {
    color: var(--cv-tone-neutral-text);
    background: var(--cv-tone-neutral-bg);
}

.app-stats-page__pill-row[b-1n75qmdxvl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.app-stats-page__pill[b-1n75qmdxvl],
.app-stats-page__status-pill[b-1n75qmdxvl] {
    padding: 0.35rem 0.7rem;
}

.app-stats-page__pill[b-1n75qmdxvl] {
    border-radius: 999px;
    background: var(--cv-tone-support-bg);
    color: var(--cv-tone-support-text);
    font-size: 0.78rem;
    font-weight: 600;
}

.app-stats-page__status-pill--warning[b-1n75qmdxvl] {
    color: var(--cv-tone-warning-text);
    background: var(--cv-tone-warning-bg);
}

.app-stats-page__status-pill--success[b-1n75qmdxvl] {
    color: var(--cv-tone-success-text);
    background: var(--cv-tone-success-bg);
}

.app-stats-page__status-pill--danger[b-1n75qmdxvl] {
    color: var(--cv-tone-danger-text);
    background: var(--cv-tone-danger-bg);
}

.app-stats-page__status-pill--neutral[b-1n75qmdxvl] {
    color: var(--cv-tone-neutral-text);
    background: var(--cv-tone-neutral-bg);
}

.app-stats-page__table-meta[b-1n75qmdxvl],
.app-stats-page__footer-summary[b-1n75qmdxvl] {
    align-items: flex-end;
    text-align: right;
    gap: 0.35rem;
    color: var(--mud-palette-text-secondary);
    font-size: 0.85rem;
}

.app-stats-page__table[b-1n75qmdxvl] {
    width: 100%;
}

.app-stats-page__table th[b-1n75qmdxvl] {
    white-space: nowrap;
}

.app-stats-page__muted[b-1n75qmdxvl],
.app-stats-page__duration--muted[b-1n75qmdxvl] {
    color: var(--mud-palette-text-secondary);
}

.app-stats-page__duration[b-1n75qmdxvl] {
    font-weight: 600;
}

.app-stats-page__duration--warning[b-1n75qmdxvl] {
    color: var(--cv-tone-warning-text);
}

.app-stats-page__duration--danger[b-1n75qmdxvl] {
    color: var(--cv-tone-danger-text);
}

.app-stats-page__empty-state[b-1n75qmdxvl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 2.25rem 1rem;
    text-align: center;
}

.app-stats-page__empty-state i[b-1n75qmdxvl] {
    font-size: 1.75rem;
    color: var(--mud-palette-text-secondary);
}

.app-stats-page__empty-state h3[b-1n75qmdxvl],
.app-stats-page__saved-state[b-1n75qmdxvl] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.app-stats-page__empty-state p[b-1n75qmdxvl] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
}

.app-stats-page__table-footer[b-1n75qmdxvl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.app-stats-page__pager-shell[b-1n75qmdxvl],
.app-stats-page__pager-jump[b-1n75qmdxvl] {
    align-items: center;
    gap: 0.75rem;
}

.app-stats-page__pager-shell[b-1n75qmdxvl] {
    margin-left: auto;
    flex-wrap: wrap;
}

.app-stats-page__pager[b-1n75qmdxvl] {
    min-width: min(100%, 22rem);
}

.app-stats-page__auto-refresh[b-1n75qmdxvl] {
    min-width: 18rem;
}

.app-stats-page__settings-grid[b-1n75qmdxvl] {
    gap: 1rem;
    margin-top: 1rem;
}

.app-stats-page__inline-feedback[b-1n75qmdxvl] {
    min-height: 2rem;
    display: flex;
    align-items: center;
}

.app-stats-page__saved-state[b-1n75qmdxvl] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--cv-tone-success-text);
}

.app-stats-page__retention-stats[b-1n75qmdxvl] {
    margin-top: 1rem;
    color: var(--mud-palette-text-secondary);
    font-size: 0.875rem;
}

.app-stats-page__retention-stats i[b-1n75qmdxvl] {
    margin-right: 0.3rem;
}

.app-stats-page__throttle-value[b-1n75qmdxvl] {
    align-items: baseline;
    margin-top: 1rem;
}

@media (max-width: 991.98px) {
    .app-stats-page__section-actions[b-1n75qmdxvl],
    .app-stats-page__header-actions[b-1n75qmdxvl],
    .app-stats-page__table-footer[b-1n75qmdxvl] {
        align-items: stretch;
    }

    .app-stats-page__table-meta[b-1n75qmdxvl],
    .app-stats-page__footer-summary[b-1n75qmdxvl] {
        align-items: flex-start;
        text-align: left;
    }

    .app-stats-page__pager-shell[b-1n75qmdxvl] {
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .app-stats-page__tab[b-1n75qmdxvl] {
        width: 100%;
    }

    .app-stats-page__settings-grid[b-1n75qmdxvl],
    .app-stats-page__pager-shell[b-1n75qmdxvl],
    .app-stats-page__pager-jump[b-1n75qmdxvl] {
        width: 100%;
    }

    .app-stats-page__pager-jump[b-1n75qmdxvl] {
        justify-content: space-between;
    }

    .app-stats-page__pager[b-1n75qmdxvl] {
        min-width: 100%;
    }
}
/* /Components/Pages/SuperAdmin/AuditConfigPage.razor.rz.scp.css */
.audit-config-page[b-j14582t7pn] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.audit-config-page__section[b-j14582t7pn],
.audit-config-page__feedback-card[b-j14582t7pn] {
    margin-bottom: 0;
}

.audit-config-page__stack[b-j14582t7pn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.audit-config-page__toggle-grid[b-j14582t7pn] {
    display: grid;
    gap: 1rem;
}

.audit-config-page__feedback-copy[b-j14582t7pn],
.audit-config-page__footer-copy[b-j14582t7pn],
.audit-config-page__field-help[b-j14582t7pn],
.audit-config-page__bullet-list[b-j14582t7pn],
.audit-config-page__metadata[b-j14582t7pn] {
    margin: 0;
}

.audit-config-page__field-help[b-j14582t7pn] {
    color: var(--cv-text-muted);
    font-size: 0.95rem;
    line-height: 1.5;
}

.audit-config-page__field-help--spaced[b-j14582t7pn] {
    margin-top: 0.875rem;
}

.audit-config-page__meta-banner[b-j14582t7pn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.875rem 1rem;
    border-radius: 0.85rem;
    background: var(--cv-tone-support-bg);
    color: var(--cv-text);
    flex-wrap: wrap;
}

.audit-config-page__meta-label[b-j14582t7pn] {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.audit-config-page__action-group[b-j14582t7pn] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.audit-config-page__card-footer[b-j14582t7pn] {
    width: 100%;
}

.audit-config-page__footer-copy[b-j14582t7pn],
.audit-config-page__feedback-copy[b-j14582t7pn],
.audit-config-page__bullet-list[b-j14582t7pn],
.audit-config-page__metadata[b-j14582t7pn] {
    color: var(--cv-text);
    line-height: 1.6;
}

.audit-config-page__bullet-list[b-j14582t7pn] {
    padding-left: 1.1rem;
}

.audit-config-page__bullet-list li + li[b-j14582t7pn] {
    margin-top: 0.5rem;
}

.audit-config-page__metadata[b-j14582t7pn] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

@media (max-width: 767.98px) {
    .audit-config-page__action-group[b-j14582t7pn] {
        width: 100%;
        flex-direction: column;
    }

    .audit-config-page__action-group[b-j14582t7pn]  .cv-button {
        width: 100%;
    }
}
/* /Components/Pages/SuperAdmin/Dashboard.razor.rz.scp.css */
/* The section cards (hero, posture, runtime, service, info, warning) are plain flat CvCards: a page
   class passed to a wrapper never reaches its MudPaper root from here, and corvue-ui.css no longer
   paints them. Every colour below is a token, so the page needs no dark overrides. */
.superadmin-dashboard[b-4lh6xa2dte] {
    padding-bottom: 1rem;
}

.superadmin-dashboard__hero-grid[b-4lh6xa2dte] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 1.25rem;
}

.superadmin-dashboard__hero-text[b-4lh6xa2dte] {
    margin: 0;
    color: var(--cv-text-muted);
    line-height: 1.7;
}

.superadmin-dashboard__hero-panel[b-4lh6xa2dte],
.superadmin-dashboard__info-panel[b-4lh6xa2dte] {
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    padding: 1rem 1.1rem;
}

.superadmin-dashboard__hero-panel h4[b-4lh6xa2dte],
.superadmin-dashboard__info-panel h6[b-4lh6xa2dte] {
    margin: 0 0 0.8rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--cv-text);
}

.superadmin-dashboard__feature-list[b-4lh6xa2dte],
.superadmin-dashboard__warning-list[b-4lh6xa2dte],
.superadmin-dashboard__check-list[b-4lh6xa2dte] {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--cv-text-muted);
}

.superadmin-dashboard__feature-list li[b-4lh6xa2dte],
.superadmin-dashboard__warning-list li[b-4lh6xa2dte] {
    margin-bottom: 0.65rem;
    line-height: 1.55;
}

.superadmin-dashboard__feature-list li:last-child[b-4lh6xa2dte],
.superadmin-dashboard__warning-list li:last-child[b-4lh6xa2dte] {
    margin-bottom: 0;
}

.superadmin-dashboard__quick-actions[b-4lh6xa2dte] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.1rem;
}

.superadmin-dashboard__posture-list[b-4lh6xa2dte] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.superadmin-dashboard__posture-item[b-4lh6xa2dte] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 0;
    border-bottom: 1px solid var(--cv-border-subtle);
}

.superadmin-dashboard__posture-item:last-child[b-4lh6xa2dte] {
    border-bottom: 0;
    padding-bottom: 0;
}

.superadmin-dashboard__posture-label[b-4lh6xa2dte] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--cv-text);
}

.superadmin-dashboard__runtime-item[b-4lh6xa2dte],
.superadmin-dashboard__service-item[b-4lh6xa2dte] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
}

.superadmin-dashboard__runtime-item-header[b-4lh6xa2dte] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
}

.superadmin-dashboard__runtime-summary[b-4lh6xa2dte] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

/* A glyph, not a chip: muted, except Warning and Danger, which take the attention colour. */
.superadmin-dashboard__runtime-icon[b-4lh6xa2dte] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    flex-shrink: 0;
    font-size: 1rem;
    color: var(--cv-text-muted);
}

.superadmin-dashboard__runtime-icon--warning[b-4lh6xa2dte] {
    color: var(--cv-attention-warning-text);
}

.superadmin-dashboard__runtime-icon--danger[b-4lh6xa2dte] {
    color: var(--cv-attention-danger-text);
}

.superadmin-dashboard__runtime-detail[b-4lh6xa2dte] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--cv-text-muted);
    line-height: 1.5;
}

.superadmin-dashboard__pill[b-4lh6xa2dte] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: var(--cv-radius-chip);
    font-size: 0.77rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.superadmin-dashboard__pill--primary[b-4lh6xa2dte],
.superadmin-dashboard__pill--neutral[b-4lh6xa2dte] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    border: 1px solid var(--cv-border);
}

.superadmin-dashboard__pill--secondary[b-4lh6xa2dte] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.superadmin-dashboard__pill--accent[b-4lh6xa2dte] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.superadmin-dashboard__pill--warning[b-4lh6xa2dte] {
    background: var(--status-needs-attention-bg);
    color: var(--status-needs-attention-text);
}

.superadmin-dashboard__pill--danger[b-4lh6xa2dte] {
    background: var(--status-at-risk-bg);
    color: var(--status-at-risk-text);
}

.superadmin-dashboard__service-footer[b-4lh6xa2dte] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.superadmin-dashboard__service-note[b-4lh6xa2dte],
.superadmin-dashboard__service-timestamp[b-4lh6xa2dte] {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--cv-text-muted);
}

.superadmin-dashboard__service-timestamp[b-4lh6xa2dte] {
    margin-top: 0.35rem;
}

.superadmin-dashboard__section[b-4lh6xa2dte] {
    margin-bottom: 2.25rem;
}

.superadmin-dashboard__meta-list[b-4lh6xa2dte],
.superadmin-dashboard__check-list[b-4lh6xa2dte] {
    list-style: none;
    padding: 0;
}

.superadmin-dashboard__meta-list li[b-4lh6xa2dte],
.superadmin-dashboard__check-list li[b-4lh6xa2dte] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--cv-border-subtle);
    font-size: 0.9rem;
    color: var(--cv-text-muted);
}

.superadmin-dashboard__meta-list li:last-child[b-4lh6xa2dte],
.superadmin-dashboard__check-list li:last-child[b-4lh6xa2dte] {
    border-bottom: 0;
    padding-bottom: 0;
}

.superadmin-dashboard__meta-list span[b-4lh6xa2dte] {
    color: var(--cv-text-muted);
}

.superadmin-dashboard__meta-list strong[b-4lh6xa2dte] {
    color: var(--cv-text);
}

.superadmin-dashboard__check-list li[b-4lh6xa2dte] {
    justify-content: flex-start;
}

.superadmin-dashboard__check-list i[b-4lh6xa2dte] {
    color: var(--status-satisfactory);
    margin-right: 0.55rem;
}

.superadmin-dashboard__warning-text[b-4lh6xa2dte] {
    margin: 0;
    color: var(--cv-text-muted);
    line-height: 1.65;
}

@media (max-width: 1199.98px) {
    .superadmin-dashboard__hero-grid[b-4lh6xa2dte] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .superadmin-dashboard__posture-item[b-4lh6xa2dte],
    .superadmin-dashboard__meta-list li[b-4lh6xa2dte],
    .superadmin-dashboard__runtime-item-header[b-4lh6xa2dte] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/SuperAdmin/Integrations.razor.rz.scp.css */
.integrations-page[b-q6080hia6a] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.integrations-page__feedback-card[b-q6080hia6a] {
    margin-bottom: 0;
}

.integrations-page__feedback-copy[b-q6080hia6a],
.integrations-page__footnote[b-q6080hia6a] {
    margin: 0;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.integrations-page__table-meta[b-q6080hia6a] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.2rem;
    text-align: right;
}

.integrations-page__meta-label[b-q6080hia6a] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.integrations-page__info-bar[b-q6080hia6a] {
    margin-bottom: 1rem;
}

.integrations-page__info-copy[b-q6080hia6a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.integrations-page__info-chip[b-q6080hia6a] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.85rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.9rem;
    font-weight: 500;
}

.integrations-page__maintenance-card[b-q6080hia6a] {
    width: 100%;
}

.integrations-page__maintenance-list[b-q6080hia6a] {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--cv-text-muted);
}

.integrations-page__shortcut-link[b-q6080hia6a] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 600;
    color: inherit;
    text-decoration: none;
}

.integrations-page__shortcut-link:hover[b-q6080hia6a] {
    text-decoration: underline;
}

.integrations-page__table :deep(th)[b-q6080hia6a],
.integrations-page__table :deep(td)[b-q6080hia6a] {
    vertical-align: middle;
}

.integrations-page__actions-column[b-q6080hia6a] {
    width: 1%;
    white-space: nowrap;
}

.integrations-page__integration-cell[b-q6080hia6a] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.integrations-page__integration-icon-shell[b-q6080hia6a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface);
    color: var(--cv-text-muted);
    flex-shrink: 0;
    overflow: hidden;
}

.integrations-page__integration-icon[b-q6080hia6a] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.integrations-page__integration-text[b-q6080hia6a] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.integrations-page__integration-text strong[b-q6080hia6a] {
    font-size: 0.98rem;
}

.integrations-page__integration-text span[b-q6080hia6a],
.integrations-page__settings-copy span[b-q6080hia6a] {
    color: var(--cv-text-muted);
    font-size: 0.9rem;
}

.integrations-page__pill[b-q6080hia6a],
.integrations-page__count-pill[b-q6080hia6a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    padding: 0.35rem 0.75rem;
    border-radius: var(--cv-radius-chip);
    font-size: 0.85rem;
    font-weight: 700;
}

.integrations-page__pill--success[b-q6080hia6a],
.integrations-page__count-pill--enabled[b-q6080hia6a] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.integrations-page__pill--danger[b-q6080hia6a],
.integrations-page__count-pill--disabled[b-q6080hia6a] {
    background: var(--status-at-risk-bg);
    color: var(--status-at-risk-text);
}

.integrations-page__icon-field[b-q6080hia6a] {
    min-width: 14rem;
}

.integrations-page__icon-url[b-q6080hia6a] {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

.integrations-page__row-actions[b-q6080hia6a] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.integrations-page__settings-list[b-q6080hia6a] {
    display: grid;
    gap: 1rem;
}

.integrations-page__settings-link[b-q6080hia6a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    color: inherit;
    text-decoration: none;
    transition: border-color 0.18s ease;
}

.integrations-page__settings-link:hover[b-q6080hia6a] {
    border-color: var(--cv-hover-border);
}

.integrations-page__settings-link:focus-visible[b-q6080hia6a] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.integrations-page__settings-link-main[b-q6080hia6a] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.integrations-page__settings-icon[b-q6080hia6a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    color: var(--cv-text-muted);
    font-size: 1.2rem;
    flex-shrink: 0;
}

.integrations-page__settings-copy[b-q6080hia6a] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

@media (max-width: 767.98px) {
    .integrations-page__table-meta[b-q6080hia6a] {
        align-items: flex-start;
        text-align: left;
    }

    .integrations-page__row-actions[b-q6080hia6a] {
        justify-content: flex-start;
    }

    .integrations-page__settings-link[b-q6080hia6a],
    .integrations-page__settings-link-main[b-q6080hia6a] {
        align-items: flex-start;
    }
}
/* /Components/Pages/SuperAdmin/LoginAnnouncements.razor.rz.scp.css */
.login-announcements-page[b-bt4dag1tl9] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.login-announcements-page__feedback-card[b-bt4dag1tl9],
.login-announcements-page__loading-card[b-bt4dag1tl9],
.login-announcements-page__management-card[b-bt4dag1tl9],
.login-announcements-page__preview-card[b-bt4dag1tl9] {
    margin-bottom: 0;
}

.login-announcements-page__feedback-copy[b-bt4dag1tl9],
.login-announcements-page__muted-copy[b-bt4dag1tl9],
.login-announcements-page__preview-meta[b-bt4dag1tl9],
.login-announcements-page__modal-error[b-bt4dag1tl9] {
    margin: 0;
}

.login-announcements-page__loading-shell[b-bt4dag1tl9] {
    display: flex;
    justify-content: center;
    padding: 2rem 1rem;
}

.login-announcements-page__workspace[b-bt4dag1tl9] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1.9fr) minmax(320px, 1fr);
    align-items: start;
}

.login-announcements-page__filters[b-bt4dag1tl9] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.8fr) minmax(220px, 1fr) auto;
    align-items: end;
    margin-bottom: 1rem;
}

.login-announcements-page__filter-action[b-bt4dag1tl9] {
    display: flex;
    justify-content: flex-end;
}

.login-announcements-page__table :deep(th)[b-bt4dag1tl9],
.login-announcements-page__table :deep(td)[b-bt4dag1tl9] {
    vertical-align: middle;
}

.login-announcements-page__actions-column[b-bt4dag1tl9] {
    width: 1%;
    white-space: nowrap;
}

.login-announcements-page__row--inactive[b-bt4dag1tl9] {
    opacity: 0.7;
}

.login-announcements-page__title-cell[b-bt4dag1tl9],
.login-announcements-page__title-copy[b-bt4dag1tl9],
.login-announcements-page__status-cell[b-bt4dag1tl9],
.login-announcements-page__cta-cell[b-bt4dag1tl9],
.login-announcements-page__style-cell[b-bt4dag1tl9],
.login-announcements-page__style-copy[b-bt4dag1tl9],
.login-announcements-page__preview-meta[b-bt4dag1tl9] {
    display: flex;
    flex-direction: column;
}

.login-announcements-page__title-cell[b-bt4dag1tl9],
.login-announcements-page__style-cell[b-bt4dag1tl9] {
    gap: 0.6rem;
}

.login-announcements-page__title-copy[b-bt4dag1tl9],
.login-announcements-page__status-cell[b-bt4dag1tl9],
.login-announcements-page__cta-cell[b-bt4dag1tl9],
.login-announcements-page__style-copy[b-bt4dag1tl9],
.login-announcements-page__preview-meta[b-bt4dag1tl9] {
    gap: 0.2rem;
}

.login-announcements-page__title-copy span[b-bt4dag1tl9],
.login-announcements-page__cta-cell span[b-bt4dag1tl9],
.login-announcements-page__style-copy span[b-bt4dag1tl9],
.login-announcements-page__style-copy small[b-bt4dag1tl9],
.login-announcements-page__muted-copy[b-bt4dag1tl9],
.login-announcements-page__preview-meta[b-bt4dag1tl9] {
    color: var(--cv-text-muted);
    font-size: 0.92rem;
    line-height: 1.5;
}



.login-announcements-page__status-meta[b-bt4dag1tl9] {
    color: var(--cv-text-muted);
    font-size: 0.88rem;
}

.login-announcements-page__swatch[b-bt4dag1tl9] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--cv-radius-control);
    border: 1px solid var(--cv-border);
    /* Validated colours only (LoginAnnouncementPresentation.BuildPanelStyle), else the band default. */
    background: var(--login-news-bg, var(--cv-band-bg));
    flex-shrink: 0;
}

.login-announcements-page__style-cell[b-bt4dag1tl9] {
    flex-direction: row;
    align-items: center;
}

.login-announcements-page__row-actions[b-bt4dag1tl9] {
    display: flex;
    justify-content: flex-end;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.login-announcements-page__empty-state[b-bt4dag1tl9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.85rem;
    padding: 2rem 1rem;
    text-align: center;
}

.login-announcements-page__empty-state i[b-bt4dag1tl9] {
    font-size: 2rem;
    color: var(--cv-text-muted);
}

.login-announcements-page__empty-state p[b-bt4dag1tl9] {
    margin: 0;
    max-width: 28rem;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.login-announcements-page__preview-card[b-bt4dag1tl9] {
    position: sticky;
    top: 1rem;
}

/* The preview is the real sign-in news panel (LoginAnnouncementPanel, styled by its own and LoginBrandPanel's
   scoped CSS); this frame only clips it to the card radius and gives it a sign-in-like height. */
.login-announcements-page__preview-shell[b-bt4dag1tl9] {
    display: flex;
    min-height: 26rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    overflow: hidden;
    background: var(--cv-band-bg);
}

.login-announcements-page__preview-shell[b-bt4dag1tl9]  .login-brand-panel {
    flex: 1 1 auto;
}

/* The card is narrower than the sign-in column, so the figure is sized to the card, not the viewport. */
.login-announcements-page__preview-shell[b-bt4dag1tl9]  .login-brand-panel__figure {
    width: 10rem;
}

.login-announcements-page__preview-meta[b-bt4dag1tl9] {
    margin-top: 1rem;
}

.login-announcements-page__empty-state--preview[b-bt4dag1tl9] {
    min-height: 22rem;
    justify-content: center;
}

.login-announcements-page__dialog-stack[b-bt4dag1tl9] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.login-announcements-page__dialog-grid[b-bt4dag1tl9] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.login-announcements-page__field--wide[b-bt4dag1tl9],
.login-announcements-page__checkbox-shell[b-bt4dag1tl9] {
    grid-column: 1 / -1;
}

.login-announcements-page__colour-editor[b-bt4dag1tl9] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.login-announcements-page__field-label[b-bt4dag1tl9] {
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--cv-text);
}

.login-announcements-page__rich-text-field[b-bt4dag1tl9] {
    display: grid;
    gap: 0.5rem;
}

.login-announcements-page__rich-text-field :deep(.ql-toolbar)[b-bt4dag1tl9],
.login-announcements-page__rich-text-field :deep(.ql-container)[b-bt4dag1tl9] {
    border-color: var(--cv-border);
}

.login-announcements-page__field-helper[b-bt4dag1tl9] {
    color: var(--cv-text-muted);
    font-size: 0.85rem;
    line-height: 1.4;
}

.login-announcements-page__colour-input-shell[b-bt4dag1tl9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.login-announcements-page__field--compact[b-bt4dag1tl9] {
    flex: 1 1 auto;
}

.login-announcements-page__modal-error[b-bt4dag1tl9] {
    padding: 0.85rem 1rem;
    border-radius: 0.85rem;
    background: var(--cv-tone-danger-bg);
    color: var(--cv-tone-danger-text);
    line-height: 1.5;
}

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

    .login-announcements-page__preview-card[b-bt4dag1tl9] {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .login-announcements-page__filters[b-bt4dag1tl9],
    .login-announcements-page__dialog-grid[b-bt4dag1tl9] {
        grid-template-columns: 1fr;
    }

    .login-announcements-page__filter-action[b-bt4dag1tl9],
    .login-announcements-page__row-actions[b-bt4dag1tl9] {
        justify-content: stretch;
    }

    .login-announcements-page__filter-action :deep(.cv-button)[b-bt4dag1tl9],
    .login-announcements-page__row-actions :deep(.cv-button)[b-bt4dag1tl9],
    .login-announcements-page__row-actions :deep(.cv-icon-button)[b-bt4dag1tl9] {
        width: 100%;
    }

    .login-announcements-page__style-cell[b-bt4dag1tl9] {
        align-items: flex-start;
    }

    .login-announcements-page__colour-input-shell[b-bt4dag1tl9] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/SuperAdmin/Plans.razor.rz.scp.css */
.plans-page[b-md5cc95uqy] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.plans-page__feedback-card[b-md5cc95uqy] {
    margin-bottom: 0;
}

.plans-page__feedback-copy[b-md5cc95uqy] {
    margin: 0;
    font-size: 0.95rem;
}

.plans-page__section-note[b-md5cc95uqy],
.plans-page__field-help[b-md5cc95uqy] {
    margin: 0.5rem 0 0;
    color: var(--cv-text-muted);
    font-size: 0.875rem;
    line-height: 1.5;
}

.plans-page__addon-copy[b-md5cc95uqy] {
    margin: 0;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.plans-page__trial-card[b-md5cc95uqy],
.plans-page__plans-card[b-md5cc95uqy] {
    margin-bottom: 0;
}

.plans-page__trial-meta[b-md5cc95uqy],
.plans-page__trial-summary[b-md5cc95uqy],
.plans-page__table-meta[b-md5cc95uqy],
.plans-page__form-summary[b-md5cc95uqy] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.plans-page__trial-meta[b-md5cc95uqy] {
    align-items: flex-end;
    text-align: right;
}

.plans-page__trial-meta a[b-md5cc95uqy] {
    font-weight: 600;
    word-break: break-all;
}

.plans-page__meta-label[b-md5cc95uqy] {
    color: var(--cv-text-muted);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.plans-page__trial-footer[b-md5cc95uqy],
.plans-page__dialog-actions[b-md5cc95uqy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.plans-page__trial-footer[b-md5cc95uqy] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--cv-border-subtle);
}

.plans-page__validation-summary[b-md5cc95uqy] {
    margin: 0 0 1rem;
    padding-left: 1rem;
    color: var(--cv-attention-danger-text);
    font-size: 0.875rem;
}

.plans-page__actions-column[b-md5cc95uqy] {
    width: 8.5rem;
}

.plans-page__plan-name-cell[b-md5cc95uqy] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.plans-page__plan-badges[b-md5cc95uqy],
.plans-page__tool-list[b-md5cc95uqy],
.plans-page__row-actions[b-md5cc95uqy],
.plans-page__tool-grid[b-md5cc95uqy],
.plans-page__addon-chip-list[b-md5cc95uqy] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.plans-page__badge[b-md5cc95uqy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--cv-radius-chip);
    padding: 0.28rem 0.7rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.plans-page__badge--info[b-md5cc95uqy] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.plans-page__badge--primary[b-md5cc95uqy] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.plans-page__badge--neutral[b-md5cc95uqy] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    border: 1px solid var(--cv-border);
}

.plans-page__muted[b-md5cc95uqy] {
    color: var(--cv-text-muted);
}

.plans-page__empty-state[b-md5cc95uqy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem 1rem;
    text-align: center;
}

.plans-page__empty-state i[b-md5cc95uqy] {
    font-size: 1.75rem;
    color: var(--cv-text-muted);
}

.plans-page__empty-state h3[b-md5cc95uqy],
.plans-page__tool-title[b-md5cc95uqy] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.plans-page__empty-state p[b-md5cc95uqy] {
    margin: 0;
    color: var(--cv-text-muted);
}

.plans-page__dialog[b-md5cc95uqy] {
    width: min(100%, 64rem);
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
}

.plans-page__tool-section[b-md5cc95uqy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-top: 1px solid var(--cv-border-subtle);
    padding-top: 1rem;
}

.plans-page__tool-toggle[b-md5cc95uqy] {
    min-width: 15rem;
}

.plans-page__addon-chip[b-md5cc95uqy] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    min-width: 14rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    padding: 0.85rem 1rem;
    text-align: left;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.plans-page__addon-chip:hover[b-md5cc95uqy] {
    border-color: var(--cv-hover-border);
}

.plans-page__addon-chip:focus-visible[b-md5cc95uqy] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.plans-page__addon-chip--selected[b-md5cc95uqy] {
    border-color: var(--cv-support);
    background: color-mix(in srgb, var(--cv-support) 8%, transparent);
}

.plans-page__addon-chip-label[b-md5cc95uqy] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--cv-text);
}

.plans-page__addon-chip-copy[b-md5cc95uqy] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    line-height: 1.45;
}

@media (max-width: 991.98px) {
    .plans-page__trial-meta[b-md5cc95uqy] {
        align-items: flex-start;
        text-align: left;
    }
}

@media (max-width: 767.98px) {
    .plans-page__dialog[b-md5cc95uqy] {
        width: 100%;
        max-height: calc(100vh - 2rem);
    }

    .plans-page__trial-footer[b-md5cc95uqy],
    .plans-page__dialog-actions[b-md5cc95uqy] {
        flex-direction: column;
        align-items: stretch;
    }

    .plans-page__tool-toggle[b-md5cc95uqy] {
        min-width: 100%;
    }

    .plans-page__addon-chip[b-md5cc95uqy] {
        width: 100%;
        min-width: 100%;
    }
}
/* /Components/Pages/SuperAdmin/PlansEditor.razor.rz.scp.css */
.plans-page[b-qbhdq7cb7c] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.plans-page__feedback-card[b-qbhdq7cb7c] {
    margin-bottom: 0;
}

.plans-page__feedback-copy[b-qbhdq7cb7c] {
    margin: 0;
    font-size: 0.95rem;
}

.plans-page__section-note[b-qbhdq7cb7c],
.plans-page__field-help[b-qbhdq7cb7c] {
    margin: 0.5rem 0 0;
    color: var(--cv-text-muted);
    font-size: 0.875rem;
    line-height: 1.5;
}

.plans-page__addon-copy[b-qbhdq7cb7c] {
    margin: 0;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.plans-page__trial-card[b-qbhdq7cb7c],
.plans-page__plans-card[b-qbhdq7cb7c] {
    margin-bottom: 0;
}

.plans-page__trial-meta[b-qbhdq7cb7c],
.plans-page__trial-summary[b-qbhdq7cb7c],
.plans-page__table-meta[b-qbhdq7cb7c],
.plans-page__form-summary[b-qbhdq7cb7c] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.plans-page__trial-meta[b-qbhdq7cb7c] {
    align-items: flex-end;
    text-align: right;
}

.plans-page__trial-meta a[b-qbhdq7cb7c] {
    font-weight: 600;
    word-break: break-all;
}

.plans-page__meta-label[b-qbhdq7cb7c] {
    color: var(--cv-text-muted);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.plans-page__trial-footer[b-qbhdq7cb7c],
.plans-page__dialog-actions[b-qbhdq7cb7c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.plans-page__trial-footer[b-qbhdq7cb7c] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--cv-border-subtle);
}

.plans-page__validation-summary[b-qbhdq7cb7c] {
    margin: 0 0 1rem;
    padding-left: 1rem;
    color: var(--cv-attention-danger-text);
    font-size: 0.875rem;
}

.plans-page__actions-column[b-qbhdq7cb7c] {
    width: 8.5rem;
}

.plans-page__plan-name-cell[b-qbhdq7cb7c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.plans-page__plan-badges[b-qbhdq7cb7c],
.plans-page__tool-list[b-qbhdq7cb7c],
.plans-page__row-actions[b-qbhdq7cb7c],
.plans-page__tool-grid[b-qbhdq7cb7c],
.plans-page__addon-chip-list[b-qbhdq7cb7c] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.plans-page__badge[b-qbhdq7cb7c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--cv-radius-chip);
    padding: 0.28rem 0.7rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.plans-page__badge--info[b-qbhdq7cb7c] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.plans-page__badge--primary[b-qbhdq7cb7c] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.plans-page__badge--neutral[b-qbhdq7cb7c] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    border: 1px solid var(--cv-border);
}

.plans-page__muted[b-qbhdq7cb7c] {
    color: var(--cv-text-muted);
}

.plans-page__empty-state[b-qbhdq7cb7c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem 1rem;
    text-align: center;
}

.plans-page__empty-state i[b-qbhdq7cb7c] {
    font-size: 1.75rem;
    color: var(--cv-text-muted);
}

.plans-page__empty-state h3[b-qbhdq7cb7c],
.plans-page__tool-title[b-qbhdq7cb7c] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.plans-page__empty-state p[b-qbhdq7cb7c] {
    margin: 0;
    color: var(--cv-text-muted);
}

.plans-page__dialog[b-qbhdq7cb7c] {
    width: min(100%, 64rem);
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
}

.plans-page__tool-section[b-qbhdq7cb7c] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-top: 1px solid var(--cv-border-subtle);
    padding-top: 1rem;
}

.plans-page__tool-toggle[b-qbhdq7cb7c] {
    min-width: 15rem;
}

.plans-page__addon-chip[b-qbhdq7cb7c] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    min-width: 14rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    padding: 0.85rem 1rem;
    text-align: left;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.plans-page__addon-chip:hover[b-qbhdq7cb7c] {
    border-color: var(--cv-hover-border);
}

.plans-page__addon-chip:focus-visible[b-qbhdq7cb7c] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.plans-page__addon-chip--selected[b-qbhdq7cb7c] {
    border-color: var(--cv-support);
    background: color-mix(in srgb, var(--cv-support) 8%, transparent);
}

.plans-page__addon-chip-label[b-qbhdq7cb7c] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--cv-text);
}

.plans-page__addon-chip-copy[b-qbhdq7cb7c] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    line-height: 1.45;
}

@media (max-width: 991.98px) {
    .plans-page__trial-meta[b-qbhdq7cb7c] {
        align-items: flex-start;
        text-align: left;
    }
}

@media (max-width: 767.98px) {
    .plans-page__dialog[b-qbhdq7cb7c] {
        width: 100%;
        max-height: calc(100vh - 2rem);
    }

    .plans-page__trial-footer[b-qbhdq7cb7c],
    .plans-page__dialog-actions[b-qbhdq7cb7c] {
        flex-direction: column;
        align-items: stretch;
    }

    .plans-page__tool-toggle[b-qbhdq7cb7c] {
        min-width: 100%;
    }

    .plans-page__addon-chip[b-qbhdq7cb7c] {
        width: 100%;
        min-width: 100%;
    }
}
/* /Components/Pages/SuperAdmin/PortalQueue.razor.rz.scp.css */
.portal-queue-page__row-actions[b-hndchwtn14] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.portal-queue-page__dialog-body[b-hndchwtn14] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.portal-queue-page__dialog-summary[b-hndchwtn14] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.portal-queue-page__dialog-summary > div[b-hndchwtn14] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.2rem;
}

.portal-queue-page__dialog-summary span[b-hndchwtn14] {
    color: var(--cv-text-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.portal-queue-page__dialog-summary strong[b-hndchwtn14] {
    overflow-wrap: anywhere;
}

.portal-queue-page__dialog-summary-wide[b-hndchwtn14] {
    grid-column: 1 / -1;
}

@media (max-width: 640px) {
    .portal-queue-page__dialog-summary[b-hndchwtn14] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/SuperAdmin/TenantDefaults.razor.rz.scp.css */
.tenant-defaults-page[b-xlr8lila6x] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.tenant-defaults-page__section[b-xlr8lila6x] {
    margin-bottom: 0;
}

.tenant-defaults-page__feedback-card[b-xlr8lila6x] {
    margin-bottom: 0;
}

.tenant-defaults-page__feedback-copy[b-xlr8lila6x],
.tenant-defaults-page__card-copy[b-xlr8lila6x],
.tenant-defaults-page__footer-copy[b-xlr8lila6x] {
    margin: 0;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.tenant-defaults-page__field-grid[b-xlr8lila6x] {
    display: grid;
    gap: 1rem;
}

.tenant-defaults-page__footer[b-xlr8lila6x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.tenant-defaults-page__footer-copy[b-xlr8lila6x] {
    max-width: 46rem;
}

.tenant-defaults-page__actions[b-xlr8lila6x] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

@media (max-width: 767.98px) {
    .tenant-defaults-page__footer[b-xlr8lila6x],
    .tenant-defaults-page__actions[b-xlr8lila6x] {
        width: 100%;
    }

    .tenant-defaults-page__actions[b-xlr8lila6x]  .cv-button {
        width: 100%;
    }
}
/* /Components/Pages/SuperAdmin/TenantManagement.razor.rz.scp.css */
.tenant-management-page[b-nct8loxcd9] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.tenant-management-page__header-actions[b-nct8loxcd9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.tenant-management-page__feedback-card[b-nct8loxcd9],
.tenant-management-page__directory-card[b-nct8loxcd9] {
    margin-bottom: 0;
}

.tenant-management-page__feedback-copy[b-nct8loxcd9] {
    margin: 0;
    font-size: 0.95rem;
}

.tenant-management-page__usage-grid[b-nct8loxcd9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1rem;
}

.tenant-management-page__directory-meta[b-nct8loxcd9] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    text-align: right;
}

.tenant-management-page__meta-label[b-nct8loxcd9],
.tenant-management-page__usage-metric-label[b-nct8loxcd9],
.tenant-management-page__detail-list dt[b-nct8loxcd9] {
    color: var(--cv-text-muted);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tenant-management-page__filter-bar[b-nct8loxcd9] {
    margin-bottom: 1rem;
}

.tenant-management-page__filter-grid[b-nct8loxcd9] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) repeat(2, minmax(12rem, 1fr));
    gap: 1rem;
    width: 100%;
}

.tenant-management-page__filter-meta[b-nct8loxcd9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.tenant-management-page__filter-chip[b-nct8loxcd9] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.8rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.8rem;
    font-weight: 600;
}

.tenant-management-page__filter-chip--active[b-nct8loxcd9] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.tenant-management-page__filter-chip--danger[b-nct8loxcd9] {
    background: var(--status-at-risk-bg);
    color: var(--status-at-risk-text);
}

.tenant-management-page__table :deep(th)[b-nct8loxcd9] {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tenant-management-page__table :deep(td)[b-nct8loxcd9] {
    vertical-align: top;
}

.tenant-management-page__tenant-cell[b-nct8loxcd9],
.tenant-management-page__status-stack[b-nct8loxcd9] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.tenant-management-page__tenant-name-row[b-nct8loxcd9] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.tenant-management-page__tenant-name[b-nct8loxcd9] {
    font-size: 0.95rem;
}

.tenant-management-page__tenant-host[b-nct8loxcd9],
.tenant-management-page__muted[b-nct8loxcd9],
.tenant-management-page__field-help[b-nct8loxcd9],
.tenant-management-page__token-copy[b-nct8loxcd9],
.tenant-management-page__bonus-panel-header p[b-nct8loxcd9],
.tenant-management-page__detail-list dd[b-nct8loxcd9],
.tenant-management-page__token-usage-header p[b-nct8loxcd9],
.tenant-management-page__empty-state p[b-nct8loxcd9] {
    color: var(--cv-text-muted);
}

.tenant-management-page__tenant-host[b-nct8loxcd9] {
    font-family: Consolas, "SFMono-Regular", Monaco, "Liberation Mono", Menlo, monospace;
    font-size: 0.78rem;
}

.tenant-management-page__storage-summary[b-nct8loxcd9] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.tenant-management-page__storage-primary[b-nct8loxcd9] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
}

.tenant-management-page__storage-total[b-nct8loxcd9],
.tenant-management-page__storage-pending[b-nct8loxcd9] {
    display: inline-flex;
    align-items: center;
}

.tenant-management-page__storage-total[b-nct8loxcd9] {
    color: var(--cv-text);
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.15;
}

.tenant-management-page__storage-limit[b-nct8loxcd9] {
    color: var(--cv-text-muted);
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.2;
}

.tenant-management-page__storage-breakdown[b-nct8loxcd9] {
    display: grid;
    gap: 0.18rem;
    margin: 0;
    padding: 0;
}

.tenant-management-page__storage-row[b-nct8loxcd9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 0.5rem;
    row-gap: 0.1rem;
    align-items: baseline;
    margin: 0;
}

.tenant-management-page__storage-label-group[b-nct8loxcd9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.tenant-management-page__storage-label[b-nct8loxcd9] {
    color: var(--cv-text-muted);
    font-size: 0.73rem;
    font-weight: 600;
    margin: 0;
}

.tenant-management-page__storage-value[b-nct8loxcd9] {
    color: var(--cv-text);
    font-size: 0.74rem;
    font-weight: 700;
    margin: 0;
    text-align: right;
    white-space: nowrap;
}

.tenant-management-page__storage-badge[b-nct8loxcd9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--cv-radius-chip);
    padding: 0.08rem 0.35rem;
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.tenant-management-page__storage-updated[b-nct8loxcd9],
.tenant-management-page__storage-pending[b-nct8loxcd9] {
    font-size: 0.74rem;
    line-height: 1.25;
}

.tenant-management-page__status-pill[b-nct8loxcd9],
.tenant-management-page__subscription-pill[b-nct8loxcd9],
.tenant-management-page__bonus-badge[b-nct8loxcd9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    border-radius: var(--cv-radius-chip);
    padding: 0.3rem 0.75rem;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
}

.tenant-management-page__status-pill--success[b-nct8loxcd9] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.tenant-management-page__status-pill--info[b-nct8loxcd9] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.tenant-management-page__status-pill--warning[b-nct8loxcd9] {
    background: var(--status-needs-attention-bg);
    color: var(--status-needs-attention-text);
}

.tenant-management-page__status-pill--danger[b-nct8loxcd9] {
    background: var(--status-at-risk-bg);
    color: var(--status-at-risk-text);
}

.tenant-management-page__status-pill--neutral[b-nct8loxcd9],
.tenant-management-page__subscription-pill[b-nct8loxcd9] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    border: 1px solid var(--cv-border);
}

.tenant-management-page__error-copy[b-nct8loxcd9] {
    color: var(--cv-attention-danger-text);
    font-size: 0.82rem;
    line-height: 1.5;
}

.tenant-management-page__actions-column[b-nct8loxcd9] {
    white-space: nowrap;
    text-align: right;
}

.tenant-management-page__row-actions[b-nct8loxcd9] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.15rem;
    flex-wrap: wrap;
}

.tenant-management-page__empty-state[b-nct8loxcd9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 2.25rem 1rem;
    text-align: center;
}

.tenant-management-page__empty-state h3[b-nct8loxcd9],
.tenant-management-page__token-usage-header h3[b-nct8loxcd9],
.tenant-management-page__bonus-panel-header h3[b-nct8loxcd9] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.tenant-management-page__empty-icon[b-nct8loxcd9] {
    display: inline-flex;
    color: var(--cv-text-muted);
    font-size: 2rem;
    line-height: 1;
}

.tenant-management-page__editor-shell[b-nct8loxcd9] {
    margin-top: 1.5rem;
}

.tenant-management-page__editor-dialog[b-nct8loxcd9] {
    width: 100%;
    max-height: none;
    overflow: visible;
}

.tenant-management-page__dialog-body[b-nct8loxcd9] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.tenant-management-page__dialog-section[b-nct8loxcd9] {
    margin-bottom: 0;
}

.tenant-management-page__validation-summary[b-nct8loxcd9] {
    margin: 0 0 1rem;
    padding-left: 1rem;
    color: var(--cv-attention-danger-text);
    font-size: 0.875rem;
}

.tenant-management-page__field-label[b-nct8loxcd9] {
    display: block;
    margin-bottom: 0.45rem;
    font-size: 0.92rem;
    font-weight: 600;
}

.tenant-management-page__field-help[b-nct8loxcd9] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    line-height: 1.5;
}

.tenant-management-page__host-field[b-nct8loxcd9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
}

.tenant-management-page__host-suffix[b-nct8loxcd9] {
    display: inline-flex;
    align-items: center;
    min-height: 3rem;
    padding: 0 1rem;
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-weight: 600;
}

.tenant-management-page__token-info[b-nct8loxcd9] {
    margin-bottom: 1rem;
}

.tenant-management-page__token-summary-grid[b-nct8loxcd9],
.tenant-management-page__details-grid[b-nct8loxcd9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.tenant-management-page__token-card[b-nct8loxcd9],
.tenant-management-page__detail-card[b-nct8loxcd9] {
    margin-bottom: 0;
}

.tenant-management-page__token-total[b-nct8loxcd9],
.tenant-management-page__usage-metric-value[b-nct8loxcd9] {
    font-size: clamp(1.5rem, 2vw, 2rem);
    font-weight: 800;
    line-height: 1.1;
    color: var(--cv-text);
}

.tenant-management-page__token-copy[b-nct8loxcd9] {
    margin: 0.5rem 0 0;
    line-height: 1.6;
}

.tenant-management-page__token-usage-card[b-nct8loxcd9],
.tenant-management-page__bonus-panel[b-nct8loxcd9] {
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    padding: 1rem 1.1rem;
}

.tenant-management-page__token-usage-header[b-nct8loxcd9],
.tenant-management-page__bonus-panel-header[b-nct8loxcd9],
.tenant-management-page__dialog-footer[b-nct8loxcd9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.tenant-management-page__token-pill-shell[b-nct8loxcd9] {
    margin-top: 1rem;
}

.tenant-management-page__token-pill[b-nct8loxcd9] {
    width: min(100%, 22rem);
}

.tenant-management-page__bonus-panel[b-nct8loxcd9] {
    margin-top: 1rem;
}

.tenant-management-page__bonus-panel-header p[b-nct8loxcd9] {
    margin: 0.35rem 0 0;
}

.tenant-management-page__bonus-badge[b-nct8loxcd9] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.tenant-management-page__bonus-panel-grid[b-nct8loxcd9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: end;
    margin-top: 1rem;
}

.tenant-management-page__detail-list[b-nct8loxcd9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
    margin: 0;
}

.tenant-management-page__detail-list div[b-nct8loxcd9] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.tenant-management-page__detail-list dd[b-nct8loxcd9] {
    margin: 0;
    line-height: 1.55;
    font-weight: 600;
}

.tenant-management-page__detail-list a[b-nct8loxcd9] {
    word-break: break-word;
}

@media (max-width: 991.98px) {
    .tenant-management-page__directory-meta[b-nct8loxcd9] {
        text-align: left;
    }

    .tenant-management-page__filter-grid[b-nct8loxcd9],
    .tenant-management-page__token-summary-grid[b-nct8loxcd9],
    .tenant-management-page__details-grid[b-nct8loxcd9],
    .tenant-management-page__detail-list[b-nct8loxcd9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .tenant-management-page__host-field[b-nct8loxcd9],
    .tenant-management-page__bonus-panel-grid[b-nct8loxcd9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/SuperAdmin/Users.razor.rz.scp.css */
.superadmin-users-page[b-z54spcmfuv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.superadmin-users-page__stats[b-z54spcmfuv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem;
}

.superadmin-users-page__message-stack[b-z54spcmfuv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

[b-z54spcmfuv] .superadmin-users-page__message-card,
[b-z54spcmfuv] .superadmin-users-page__card,
[b-z54spcmfuv] .superadmin-users-page__tenant-picker-card {
    margin-bottom: 0;
}

[b-z54spcmfuv] .superadmin-users-page__message-card {
    border-width: 1px;
}

/* Inline result cards: flat, with a 3px left rule for the outcome instead of a tinted gradient. */
[b-z54spcmfuv] .superadmin-users-page__message-card--success {
    border-left: var(--cv-rule-width) solid var(--status-satisfactory);
}

[b-z54spcmfuv] .superadmin-users-page__message-card--danger {
    border-left: var(--cv-rule-width) solid var(--cv-attention-danger);
}

.superadmin-users-page__message-layout[b-z54spcmfuv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.superadmin-users-page__message-title[b-z54spcmfuv] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--cv-text);
}

.superadmin-users-page__message-text[b-z54spcmfuv] {
    margin: 0.35rem 0 0;
    color: var(--cv-text);
    line-height: 1.6;
}

.superadmin-users-page__loading[b-z54spcmfuv] {
    padding: 2.5rem 0 1rem;
}


.superadmin-users-page__filter-primary[b-z54spcmfuv] {
    flex: 1 1 18rem;
    min-width: min(100%, 17rem);
}

[b-z54spcmfuv] .superadmin-users-page__search-field,
[b-z54spcmfuv] .superadmin-users-page__filter-select {
    width: 100%;
}

.superadmin-users-page__filter-select-shell[b-z54spcmfuv] {
    flex: 0 1 13rem;
    min-width: min(100%, 12rem);
}

.superadmin-users-page__filter-meta[b-z54spcmfuv] {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.superadmin-users-page__filter-chip[b-z54spcmfuv] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
}

.superadmin-users-page__filter-chip i[b-z54spcmfuv] {
    color: var(--cv-text-muted);
}

.superadmin-users-page__token-clear[b-z54spcmfuv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    border: 0;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-hover);
    color: var(--cv-text);
}

.superadmin-users-page__token-clear:hover[b-z54spcmfuv] {
    background: var(--cv-border);
}

.superadmin-users-page__token-clear:focus-visible[b-z54spcmfuv] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.superadmin-users-page__tenant-picker-shell[b-z54spcmfuv] {
    margin-top: 1rem;
}

.superadmin-users-page__tenant-picker-header[b-z54spcmfuv] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 1rem;
}

.superadmin-users-page__tenant-picker-title[b-z54spcmfuv],
.superadmin-users-page__tenant-picker-help[b-z54spcmfuv],
.superadmin-users-page__tenant-picker-empty[b-z54spcmfuv],
.superadmin-users-page__results-summary[b-z54spcmfuv] {
    margin: 0;
}

.superadmin-users-page__tenant-picker-title[b-z54spcmfuv] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--cv-text);
}

.superadmin-users-page__tenant-picker-help[b-z54spcmfuv],
.superadmin-users-page__tenant-picker-empty[b-z54spcmfuv],
.superadmin-users-page__results-summary[b-z54spcmfuv] {
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.superadmin-users-page__tenant-picker-list[b-z54spcmfuv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

[b-z54spcmfuv] .superadmin-users-page__tenant-picker-button {
    justify-content: flex-start;
}

.superadmin-users-page__tenant-picker-button-text[b-z54spcmfuv] {
    font-weight: 600;
}

.superadmin-users-page__results-meta[b-z54spcmfuv] {
    margin: 1rem 0;
}

.superadmin-users-page__table[b-z54spcmfuv]  .cv-table__table th {
    white-space: nowrap;
}

.superadmin-users-page__table[b-z54spcmfuv]  .cv-table__table td {
    vertical-align: middle;
}

.superadmin-users-page__row--inactive[b-z54spcmfuv] {
    background: var(--cv-surface-sunken);
}

.superadmin-users-page__name-cell[b-z54spcmfuv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
}

.superadmin-users-page__name[b-z54spcmfuv] {
    font-weight: 700;
    color: var(--cv-text);
}

.superadmin-users-page__calendar-colour[b-z54spcmfuv] {
    width: 0.8rem;
    height: 0.8rem;
    display: inline-flex;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--superadmin-users-page-calendar-colour, var(--cv-primary));
    border: 1px solid var(--cv-border);
}

.superadmin-users-page__email[b-z54spcmfuv],
.superadmin-users-page__tenant-name[b-z54spcmfuv],
.superadmin-users-page__last-login[b-z54spcmfuv] {
    color: var(--cv-text);
}

.superadmin-users-page__muted[b-z54spcmfuv] {
    color: var(--cv-text-muted);
    font-size: 0.9rem;
}

.superadmin-users-page__pill[b-z54spcmfuv] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: fit-content;
    padding: 0.3rem 0.7rem;
    border-radius: var(--cv-radius-chip);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.superadmin-users-page__pill--primary[b-z54spcmfuv],
.superadmin-users-page__pill--neutral[b-z54spcmfuv],
.superadmin-users-page__pill--inactive[b-z54spcmfuv] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    border: 1px solid var(--cv-border);
}

.superadmin-users-page__pill--primary[b-z54spcmfuv] {
    color: var(--cv-text);
}

.superadmin-users-page__pill--support[b-z54spcmfuv] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.superadmin-users-page__pill--warning[b-z54spcmfuv] {
    background: var(--status-needs-attention-bg);
    color: var(--status-needs-attention-text);
}

.superadmin-users-page__pill--success[b-z54spcmfuv] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.superadmin-users-page__pill--danger[b-z54spcmfuv] {
    background: var(--status-at-risk-bg);
    color: var(--status-at-risk-text);
}

.superadmin-users-page__pill--info[b-z54spcmfuv] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.superadmin-users-page__action-group[b-z54spcmfuv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

[b-z54spcmfuv] .superadmin-users-page__action-button {
    min-width: 9rem;
}

.superadmin-users-page__empty-state[b-z54spcmfuv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem 0.5rem;
    text-align: center;
}

.superadmin-users-page__empty-icon[b-z54spcmfuv] {
    display: inline-flex;
    color: var(--cv-text-muted);
    font-size: 2rem;
    line-height: 1;
}

.superadmin-users-page__empty-state h3[b-z54spcmfuv] {
    margin: 0;
    color: var(--cv-text);
    font-size: 1.2rem;
}

.superadmin-users-page__empty-state p[b-z54spcmfuv] {
    margin: 0;
    max-width: 34rem;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

@media (max-width: 991.98px) {
    .superadmin-users-page__filter-primary[b-z54spcmfuv],
    .superadmin-users-page__filter-select-shell[b-z54spcmfuv] {
        flex-basis: 100%;
        min-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .superadmin-users-page__filter-chip[b-z54spcmfuv],
    [b-z54spcmfuv] .superadmin-users-page__action-button,
    [b-z54spcmfuv] .superadmin-users-page__tenant-picker-button {
        width: 100%;
    }

    .superadmin-users-page__filter-chip[b-z54spcmfuv],
    .superadmin-users-page__tenant-picker-list[b-z54spcmfuv] {
        justify-content: center;
    }

    .superadmin-users-page__message-layout[b-z54spcmfuv] {
        flex-direction: column;
    }
}
/* /Components/Pages/TagsSettings.razor.rz.scp.css */
.tags-settings-page[b-pl3qk7h7g3] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.tags-settings-page__message-card[b-pl3qk7h7g3],
.tags-settings-page__section[b-pl3qk7h7g3],
.tags-settings-page__card[b-pl3qk7h7g3] {
    width: 100%;
}

.tags-settings-page__message-text[b-pl3qk7h7g3] {
    margin: 0;
}

.tags-settings-page__layout[b-pl3qk7h7g3] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    align-items: start;
}

.tags-settings-page__form-grid[b-pl3qk7h7g3] {
    display: grid;
    gap: 1rem;
}

.tags-settings-page__colour-field[b-pl3qk7h7g3] {
    display: grid;
    gap: 0.85rem;
}

.tags-settings-page__colour-tools[b-pl3qk7h7g3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.tags-settings-page__picker-label[b-pl3qk7h7g3] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--cv-text-muted);
}

.tags-settings-page__picker[b-pl3qk7h7g3] {
    width: 3.25rem;
    height: 2.5rem;
    padding: 0.2rem;
    border: 1px solid var(--cv-border);
    border-radius: 0.75rem;
    background: var(--cv-surface);
    cursor: pointer;
}

.tags-settings-page__form-actions[b-pl3qk7h7g3] {
    margin-top: 1.25rem;
    display: flex;
    justify-content: flex-start;
}

.tags-settings-page__table[b-pl3qk7h7g3] {
    margin-top: 0.25rem;
}

.tags-settings-page__name-cell[b-pl3qk7h7g3] {
    display: flex;
    align-items: center;
    min-height: 2.25rem;
}

.tags-settings-page__name[b-pl3qk7h7g3] {
    font-weight: 600;
    color: var(--cv-text);
}

.tags-settings-page__colour-display[b-pl3qk7h7g3] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 2.25rem;
}

.tags-settings-page__colour-swatch[b-pl3qk7h7g3] {
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    border: 1px solid var(--cv-border);
    box-shadow: none;
}

.tags-settings-page__colour-value[b-pl3qk7h7g3] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.9rem;
    color: var(--cv-text);
}

.tags-settings-page__colour-muted[b-pl3qk7h7g3] {
    font-size: 0.9rem;
    color: var(--cv-text-muted);
}

.tags-settings-page__active-checkbox[b-pl3qk7h7g3] {
    min-width: 12rem;
}

.tags-settings-page__refreshing[b-pl3qk7h7g3] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 991.98px) {
    .tags-settings-page__layout[b-pl3qk7h7g3] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .tags-settings-page__colour-tools[b-pl3qk7h7g3] {
        align-items: stretch;
    }

    .tags-settings-page__picker[b-pl3qk7h7g3] {
        width: 100%;
    }

    .tags-settings-page__form-actions[b-pl3qk7h7g3] {
        justify-content: stretch;
    }

    .tags-settings-page__form-actions[b-pl3qk7h7g3]  .cv-button {
        width: 100%;
    }

    .tags-settings-page__active-checkbox[b-pl3qk7h7g3] {
        min-width: 0;
    }
}

/* "Shows as": the tag as files and notes draw it, in the nearest Corvue tone. */
.tags-settings-page__preview[b-pl3qk7h7g3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.tags-settings-page__preview-label[b-pl3qk7h7g3] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--cv-text-muted);
}
/* /Components/Pages/TicketDetail.razor.rz.scp.css */

.ticket-detail-page__preformatted[b-84ivvee2ot] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

.ticket-detail-page__timeline .timeline-content[b-84ivvee2ot] {
    width: 100%;
}

.ticket-detail-page__empty-inline[b-84ivvee2ot] {
    padding: 1.5rem;
}

/* /Components/Pages/Tickets.razor.rz.scp.css */
.tickets-page[b-6jwiq82xmh] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.tickets-page__loading[b-6jwiq82xmh] {
    padding: 2.5rem 0 1rem;
}

.tickets-page__feedback-shell[b-6jwiq82xmh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
}

.tickets-page__card[b-6jwiq82xmh] {
    margin-bottom: 0;
}


.tickets-page__filter-layout[b-6jwiq82xmh] {
    display: grid;
    gap: 1rem;
}

.tickets-page__filter-primary[b-6jwiq82xmh] {
    width: 100%;
}

.tickets-page__search-field[b-6jwiq82xmh] {
    width: 100%;
}

.tickets-page__filter-meta[b-6jwiq82xmh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.tickets-page__filter-chip[b-6jwiq82xmh] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
}

.tickets-page__filter-chip i[b-6jwiq82xmh] {
    color: var(--cv-text-muted);
}

.tickets-page__dropdown-row[b-6jwiq82xmh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.tickets-page__status-chip-row[b-6jwiq82xmh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.tickets-page__status-chip-label[b-6jwiq82xmh] {
    color: var(--cv-text-muted);
    font-size: 0.9rem;
    font-weight: 700;
}

.tickets-page__selection-chip-list[b-6jwiq82xmh] {
    display: flex;
    flex: 1 1 0;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tickets-page__selection-chip[b-6jwiq82xmh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface);
    color: var(--cv-text);
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.2;
    transition: all 0.15s ease;
}

.tickets-page__selection-chip:hover[b-6jwiq82xmh] {
    border-color: var(--cv-hover-border);
    color: var(--cv-support);
}

.tickets-page__selection-chip--active[b-6jwiq82xmh] {
    border-color: var(--cv-support);
    background: color-mix(in srgb, var(--cv-support) 12%, transparent);
    color: var(--cv-tone-secondary-text);
}

.tickets-page__selection-chip:focus-visible[b-6jwiq82xmh] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.tickets-page__dropdown-field[b-6jwiq82xmh] {
    min-width: 0;
}

.tickets-page__dropdown-field[b-6jwiq82xmh]  .cv-chip-multi-select {
    gap: 0.65rem;
}

.tickets-page__dropdown-field[b-6jwiq82xmh]  .mud-input-control {
    margin-top: 0;
}

.tickets-page__dropdown-field[b-6jwiq82xmh]  .mud-input-label-inputcontrol {
    font-weight: 600;
}

@media (max-width: 1199.98px) {
    .tickets-page__dropdown-row[b-6jwiq82xmh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.tickets-page__results-meta[b-6jwiq82xmh] {
    margin-bottom: 1rem;
}

.tickets-page__results-summary[b-6jwiq82xmh] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.95rem;
}

.tickets-page__table[b-6jwiq82xmh]  .cv-table__table th {
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    padding: 0.75rem;
}

.tickets-page__sort-button[b-6jwiq82xmh] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: 700;
    text-align: left;
}

.tickets-page__sort-button--end[b-6jwiq82xmh] {
    justify-content: flex-end;
}

.tickets-page__sort-icons[b-6jwiq82xmh] {
    display: inline-flex;
    flex-direction: column;
    gap: 0.05rem;
    color: color-mix(in srgb, var(--cv-text-muted) 55%, transparent);
    font-size: 0.72rem;
    line-height: 1;
}

.tickets-page__sort-icon[b-6jwiq82xmh] {
    transition: color 0.15s ease, transform 0.15s ease;
}

.tickets-page__sort-button:hover .tickets-page__sort-icon[b-6jwiq82xmh],
.tickets-page__sort-button:focus-visible .tickets-page__sort-icon[b-6jwiq82xmh],
.tickets-page__sort-button--active .tickets-page__sort-icon[b-6jwiq82xmh] {
    color: var(--cv-text-muted);
}

.tickets-page__sort-icon--active[b-6jwiq82xmh] {
    color: var(--cv-support) !important;
    transform: scale(1.05);
}

.tickets-page__table[b-6jwiq82xmh]  .cv-table__table td {
    text-align: left;
    vertical-align: middle;
    padding: 0.7rem 0.75rem;
}

.tickets-page__row[b-6jwiq82xmh] {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.tickets-page__table[b-6jwiq82xmh]  .cv-table__table tbody tr.tickets-page__row:hover {
    background: var(--cv-surface-hover);
}

.tickets-page__ticket-cell[b-6jwiq82xmh] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.tickets-page__ticket-link[b-6jwiq82xmh] {
    color: var(--cv-text);
    font-weight: 700;
    text-decoration: none;
}

.tickets-page__ticket-link:hover[b-6jwiq82xmh] {
    color: var(--cv-support);
    text-decoration: underline;
}

.tickets-page__state-badge[b-6jwiq82xmh] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.3rem 0.65rem;
    border-radius: var(--cv-radius-chip);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.tickets-page__state-badge--open[b-6jwiq82xmh] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.tickets-page__state-badge--closed[b-6jwiq82xmh] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    border: var(--cv-border-width) solid var(--cv-border);
}

.tickets-page__meta-chip[b-6jwiq82xmh] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.35rem 0.7rem;
    border-radius: var(--cv-radius-chip);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: normal;
    word-break: break-word;
}

.tickets-page__meta-chip--status-open[b-6jwiq82xmh] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.tickets-page__meta-chip--status-warning[b-6jwiq82xmh] {
    background: var(--status-needs-attention-bg);
    color: var(--status-needs-attention-text);
}

.tickets-page__meta-chip--status-closed[b-6jwiq82xmh] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    border: var(--cv-border-width) solid var(--cv-border);
}

.tickets-page__meta-chip--routing[b-6jwiq82xmh] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    border: var(--cv-border-width) solid var(--cv-border);
}

.tickets-page__meta-chip--owner[b-6jwiq82xmh] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    border: var(--cv-border-width) solid var(--cv-border);
}

.tickets-page__meta-chip--muted[b-6jwiq82xmh] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    border: var(--cv-border-width) solid var(--cv-border);
}

.tickets-page__psa-id[b-6jwiq82xmh] {
    color: var(--cv-text-muted);
}

.tickets-page__empty-state[b-6jwiq82xmh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
    padding: 1.5rem 0.5rem;
}

.tickets-page__empty-state h3[b-6jwiq82xmh] {
    margin: 0;
    color: var(--cv-text);
    font-size: 1.2rem;
}

.tickets-page__empty-state p[b-6jwiq82xmh] {
    margin: 0;
    max-width: 34rem;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.tickets-page__empty-icon[b-6jwiq82xmh] {
    display: inline-flex;
    color: var(--cv-text-muted);
    font-size: 2rem;
    line-height: 1;
}

.tickets-page__empty-actions[b-6jwiq82xmh] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
}

.tickets-page__pager-shell[b-6jwiq82xmh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
}

.tickets-page__page-jump[b-6jwiq82xmh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tickets-page__page-button[b-6jwiq82xmh] {
    min-width: 2.75rem;
}

@media (max-width: 767.98px) {
    .tickets-page__dropdown-row[b-6jwiq82xmh] {
        grid-template-columns: 1fr;
    }

    .tickets-page__status-chip-row[b-6jwiq82xmh] {
        align-items: stretch;
    }

    .tickets-page__selection-chip-list[b-6jwiq82xmh] {
        width: 100%;
    }

    .tickets-page__filter-chip[b-6jwiq82xmh] {
        width: 100%;
        justify-content: center;
    }

    .tickets-page__results-summary[b-6jwiq82xmh] {
        text-align: center;
    }

    .tickets-page__pager-shell[b-6jwiq82xmh] {
        justify-content: center;
    }
}
/* /Components/Pages/Tools/SecuritySnapshot/Index.razor.rz.scp.css */
.setup-progress .step[b-7gd8lx8l2c] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.75rem;
    border-radius: var(--cv-radius-round);
    background-color: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    font-size: 0.85rem;
    border: 1px solid transparent;
}

.setup-progress .step-num[b-7gd8lx8l2c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background: var(--cv-border);
    color: var(--cv-text-muted);
    font-weight: 600;
    font-size: 0.75rem;
}

.setup-progress .step-active[b-7gd8lx8l2c] {
    background-color: var(--cv-surface-sunken);
    border-color: var(--cv-tone-secondary-line);
    color: var(--cv-tone-secondary-text);
}

.setup-progress .step-active .step-num[b-7gd8lx8l2c] {
    background: var(--cv-tone-secondary-bg);
    color: var(--cv-tone-secondary-fg);
}

.setup-progress .step-done .step-num[b-7gd8lx8l2c] {
    background: var(--cv-tone-success-bg);
    color: var(--cv-tone-success-fg);
}

.setup-progress .step-sep[b-7gd8lx8l2c] {
    color: var(--cv-text-muted);
}

.recent-snapshot-list[b-7gd8lx8l2c] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.recent-snapshot-item[b-7gd8lx8l2c] {
    padding: 0.9rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
}
/* /Components/Pages/Tools/SecuritySnapshot/SnapshotResults.razor.rz.scp.css */
.snapshot-results[b-ojqml2qspu] {
    background: var(--cv-surface-sunken);
}

.snapshot-results__export-feedback[b-ojqml2qspu] {
    margin-bottom: 1.25rem;
}

.snapshot-results-hero[b-ojqml2qspu] {
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    padding: 1.75rem;
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
}

.snapshot-results-hero__eyebrow[b-ojqml2qspu] {
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.snapshot-results-hero__layout[b-ojqml2qspu] {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(18rem, 0.95fr);
    gap: 1.5rem;
    align-items: stretch;
}

.snapshot-results-hero__title[b-ojqml2qspu] {
    margin: 0 0 0.85rem;
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 700;
}

.snapshot-results-hero__summary[b-ojqml2qspu] {
    margin: 0 0 1.2rem;
    max-width: 52rem;
    color: var(--cv-text);
    font-size: 1rem;
    line-height: 1.7;
}

.snapshot-results-hero__meta[b-ojqml2qspu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: var(--cv-text-muted);
    font-size: 0.92rem;
}

.snapshot-results-hero__meta span[b-ojqml2qspu] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.8rem;
    border-radius: 999px;
    background: var(--cv-surface);
    border: 1px solid var(--cv-border);
}

.snapshot-results-hero__panel[b-ojqml2qspu] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    border: 1px solid var(--cv-border);
}

.snapshot-results-hero__posture-pill[b-ojqml2qspu] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    width: fit-content;
    padding: 0.7rem 1rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 700;
}

.snapshot-results-hero__insights[b-ojqml2qspu] {
    display: grid;
    gap: 0.75rem;
}

.snapshot-results-hero__insight[b-ojqml2qspu] {
    padding: 0.75rem 0.9rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
}

.snapshot-results-hero__insight-label[b-ojqml2qspu] {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--cv-text-muted);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.snapshot-results__tabs[b-ojqml2qspu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    padding: 0.45rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
}

.snapshot-results__tab-button[b-ojqml2qspu] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: var(--cv-radius-card);
    background: transparent;
    color: var(--cv-text-muted);
    font-weight: 800;
}

.snapshot-results__tab-button.is-active[b-ojqml2qspu] {
    background: var(--cv-tone-primary-bg);
    color: var(--cv-tone-primary-fg);
}

[b-ojqml2qspu] .snapshot-results__metric-card {
    height: 100%;
    border: 1px solid var(--cv-border);
    background: var(--cv-surface);
}

[b-ojqml2qspu] .snapshot-results__metric-card--aligned { border-color: var(--cv-tone-success-line); }
[b-ojqml2qspu] .snapshot-results__metric-card--partial { border-color: var(--cv-tone-warning-line); }
[b-ojqml2qspu] .snapshot-results__metric-card--notaligned { border-color: var(--cv-tone-danger-line); }

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

.snapshot-results__callout-card[b-ojqml2qspu] {
    min-height: 11rem;
    padding: 1.15rem;
    border-radius: var(--cv-radius-card);
    border: 1px solid var(--cv-border);
    background: var(--cv-surface);
}

.snapshot-results__callout-card--risk[b-ojqml2qspu] { border-color: var(--cv-tone-danger-line); }
.snapshot-results__callout-card--win[b-ojqml2qspu] { border-color: var(--cv-tone-secondary-line); }
.snapshot-results__callout-card--strong[b-ojqml2qspu] { border-color: var(--cv-tone-success-line); }

.snapshot-results__callout-card span[b-ojqml2qspu],
.snapshot-results__geo-summary span[b-ojqml2qspu],
.snapshot-results__finding-facts span[b-ojqml2qspu],
.snapshot-results__evidence-grid h4[b-ojqml2qspu],
.snapshot-results__evidence-table-title[b-ojqml2qspu] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--cv-text-muted);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.snapshot-results__callout-card strong[b-ojqml2qspu] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--cv-text);
    font-size: 1.2rem;
    line-height: 1.25;
}

.snapshot-results__callout-card small[b-ojqml2qspu] {
    color: var(--cv-text-muted);
    line-height: 1.55;
}

.snapshot-results__metric-label[b-ojqml2qspu] {
    margin-bottom: 0.45rem;
    color: var(--cv-text-muted);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.snapshot-results__metric-value[b-ojqml2qspu] {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
}

.snapshot-results__metric-caption[b-ojqml2qspu] {
    margin-top: 0.45rem;
    color: var(--cv-text-muted);
    font-size: 0.9rem;
}

.snapshot-results__data-quality-list[b-ojqml2qspu] {
    display: grid;
    gap: 0.6rem;
    margin-top: 0.85rem;
}

.snapshot-results__data-quality-list div[b-ojqml2qspu] {
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem 0.85rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    border: 1px solid var(--cv-tone-warning-line);
}

.snapshot-results__data-quality-list span[b-ojqml2qspu],
.snapshot-results__data-quality-list small[b-ojqml2qspu] {
    color: var(--cv-tone-warning-text);
}

.snapshot-results__content-card[b-ojqml2qspu],
.snapshot-results__chart-card[b-ojqml2qspu],
.snapshot-results__priority-card[b-ojqml2qspu],
.snapshot-results__next-step-card[b-ojqml2qspu],
.snapshot-results__findings-card[b-ojqml2qspu],
.snapshot-results__domain-card[b-ojqml2qspu] {
    height: 100%;
    border: 1px solid var(--cv-border);
}

.snapshot-results__body-copy[b-ojqml2qspu] {
    white-space: pre-wrap;
    line-height: 1.7;
}

.snapshot-results__headline[b-ojqml2qspu] {
    margin: 0 0 0.75rem;
    color: var(--cv-text);
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.25;
}

.snapshot-results__insight-grid[b-ojqml2qspu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1rem;
}

.snapshot-results__insight-card[b-ojqml2qspu],
.snapshot-results__chart-callout[b-ojqml2qspu],
.snapshot-results__domain-ranking[b-ojqml2qspu] {
    padding: 0.9rem 1rem;
    border-radius: var(--cv-radius-card);
    border: 1px solid var(--cv-border);
    background: var(--cv-surface-sunken);
}

.snapshot-results__insight-card span[b-ojqml2qspu],
.snapshot-results__chart-callout span[b-ojqml2qspu] {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--cv-text-muted);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.snapshot-results__insight-card strong[b-ojqml2qspu],
.snapshot-results__chart-callout strong[b-ojqml2qspu],
.snapshot-results__domain-ranking strong[b-ojqml2qspu] {
    display: block;
    margin-bottom: 0.15rem;
    font-size: 1rem;
    font-weight: 800;
}

.snapshot-results__insight-card small[b-ojqml2qspu],
.snapshot-results__chart-callout small[b-ojqml2qspu] {
    color: var(--cv-text-muted);
    line-height: 1.45;
}

.snapshot-results__domain-story-board[b-ojqml2qspu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.snapshot-results__domain-story-tile[b-ojqml2qspu] {
    padding: 0.9rem;
    border-radius: var(--cv-radius-card);
    border: 1px solid var(--cv-border);
    background: var(--cv-surface-sunken);
}

.snapshot-results__domain-story-head[b-ojqml2qspu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.45rem;
}

.snapshot-results__domain-story-head span[b-ojqml2qspu] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--cv-text);
    font-weight: 800;
}

.snapshot-results__domain-story-head strong[b-ojqml2qspu] {
    color: var(--cv-tone-secondary-text);
    font-size: 0.95rem;
}

.snapshot-results__domain-story-tile p[b-ojqml2qspu] {
    margin: 0 0 0.4rem;
    color: var(--cv-text-muted);
    font-size: 0.9rem;
    line-height: 1.45;
}

.snapshot-results__domain-story-tile small[b-ojqml2qspu] {
    color: var(--cv-text-muted);
    line-height: 1.45;
}

.snapshot-results__chart-context[b-ojqml2qspu] {
    margin-top: 1rem;
    display: grid;
    gap: 0.9rem;
}

.snapshot-results__chart-copy[b-ojqml2qspu] {
    margin: 0;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.snapshot-results__chart-callouts[b-ojqml2qspu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.snapshot-results__chart-callouts--quad[b-ojqml2qspu] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.snapshot-results__domain-rankings[b-ojqml2qspu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.snapshot-results__domain-ranking[b-ojqml2qspu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.snapshot-results__domain-ranking span[b-ojqml2qspu] {
    color: var(--cv-text);
    font-weight: 700;
}

.snapshot-results__priority-list[b-ojqml2qspu] {
    display: grid;
    gap: 0.9rem;
}

.snapshot-results__priority-item[b-ojqml2qspu] {
    padding: 0.95rem 1rem;
    border-radius: var(--cv-radius-card);
    border: 1px solid var(--cv-border);
    background: var(--cv-surface-sunken);
}

.snapshot-results__priority-domain[b-ojqml2qspu] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.55rem;
    color: var(--cv-tone-secondary-text);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.snapshot-results__priority-evidence[b-ojqml2qspu] {
    color: var(--cv-text-muted);
    font-size: 0.92rem;
    line-height: 1.55;
}

.snapshot-results__priority-impact[b-ojqml2qspu] {
    margin-top: 0.85rem;
    padding-top: 0.8rem;
    border-top: 1px solid var(--cv-border);
    color: var(--cv-text);
    font-size: 0.93rem;
    line-height: 1.55;
}

.snapshot-results__priority-flow[b-ojqml2qspu] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.85rem;
}

.snapshot-results__priority-flow div[b-ojqml2qspu] {
    padding: 0.7rem 0.8rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    border: 1px solid var(--cv-border);
}

.snapshot-results__priority-flow span[b-ojqml2qspu],
.snapshot-results__domain-target-note span[b-ojqml2qspu],
.snapshot-results__domain-story-cell span[b-ojqml2qspu] {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--cv-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.snapshot-results__priority-flow strong[b-ojqml2qspu] {
    color: var(--cv-text);
    font-size: 0.92rem;
    line-height: 1.45;
}

.snapshot-results__geo-summary[b-ojqml2qspu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.snapshot-results__geo-summary div[b-ojqml2qspu],
.snapshot-results__finding-facts div[b-ojqml2qspu] {
    padding: 0.75rem 0.85rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
}

.snapshot-results__country-list[b-ojqml2qspu] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.snapshot-results__country-row[b-ojqml2qspu] {
    display: grid;
    grid-template-columns: minmax(7rem, 0.75fr) minmax(8rem, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
}

.snapshot-results__country-row small[b-ojqml2qspu] {
    display: block;
    color: var(--cv-text-muted);
}

.snapshot-results__country-bar[b-ojqml2qspu] {
    height: 0.55rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--cv-border);
}

.snapshot-results__country-bar span[b-ojqml2qspu] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--cv-tone-secondary-bg);
}

.snapshot-results__country-count[b-ojqml2qspu] {
    color: var(--cv-text);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.snapshot-results__next-step-card[b-ojqml2qspu] {
    background: var(--cv-surface-sunken);
}

.snapshot-results__next-step-actions[b-ojqml2qspu] {
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
}

.snapshot-results__next-step-actions-label[b-ojqml2qspu],
.snapshot-results__risk-card span[b-ojqml2qspu] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--cv-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.snapshot-results__next-step-actions ul[b-ojqml2qspu] {
    padding-left: 1.2rem;
    color: var(--cv-text-muted);
    display: grid;
    gap: 0.4rem;
}

.snapshot-results__share-link-box[b-ojqml2qspu] {
    padding: 0.95rem 1rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
}

.snapshot-results__share-link-label[b-ojqml2qspu] {
    margin-bottom: 0.35rem;
    color: var(--cv-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.snapshot-results__domain-card[b-ojqml2qspu] {
    background: var(--cv-surface);
}

.snapshot-results__domain-card--expanded[b-ojqml2qspu] {
    border-color: var(--cv-tone-secondary-line);
}

.snapshot-results__domain-progress[b-ojqml2qspu] {
    height: 0.55rem;
    margin-bottom: 0.85rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--cv-border);
}

.snapshot-results__domain-progress-bar[b-ojqml2qspu] {
    height: 100%;
    border-radius: inherit;
}

.snapshot-results__domain-progress-bar--strong[b-ojqml2qspu] { background: var(--cv-tone-success-bg); }
.snapshot-results__domain-progress-bar--moderate[b-ojqml2qspu] { background: var(--cv-tone-warning-bg); }
.snapshot-results__domain-progress-bar--weak[b-ojqml2qspu] { background: var(--cv-tone-danger-bg); }
.snapshot-results__domain-progress-bar--pending[b-ojqml2qspu] { background: var(--cv-border-strong); }

.snapshot-results__domain-summary[b-ojqml2qspu] {
    margin-bottom: 0.85rem;
    color: var(--cv-text-muted);
    font-size: 0.94rem;
    line-height: 1.55;
}

.snapshot-results__domain-impact[b-ojqml2qspu] {
    margin-bottom: 0.9rem;
    color: var(--cv-text);
    font-size: 0.92rem;
    line-height: 1.55;
}

.snapshot-results__domain-target-note[b-ojqml2qspu] {
    margin-bottom: 0.85rem;
    padding: 0.8rem 0.9rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
}

.snapshot-results__domain-target-note strong[b-ojqml2qspu] {
    display: block;
    color: var(--cv-tone-secondary-text);
    font-size: 0.98rem;
}

.snapshot-results__domain-target-note small[b-ojqml2qspu] {
    color: var(--cv-text-muted);
    line-height: 1.45;
}

.snapshot-results__domain-story-grid[b-ojqml2qspu] {
    display: grid;
    gap: 0.65rem;
    margin-bottom: 0.9rem;
}

.snapshot-results__domain-story-cell[b-ojqml2qspu] {
    padding: 0.75rem 0.85rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    border: 1px solid var(--cv-border);
}

.snapshot-results__domain-story-cell--next[b-ojqml2qspu] {
    background: var(--cv-surface-sunken);
    border-color: var(--cv-tone-secondary-line);
}

.snapshot-results__domain-story-cell strong[b-ojqml2qspu] {
    display: block;
    color: var(--cv-text);
    font-size: 0.92rem;
    line-height: 1.45;
}

.snapshot-results__domain-story-cell small[b-ojqml2qspu] {
    color: var(--cv-text-muted);
    line-height: 1.45;
}

.snapshot-results__domain-priority[b-ojqml2qspu] {
    margin-top: 1rem;
    padding: 0.8rem 0.9rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
}

.snapshot-results__domain-priority-label[b-ojqml2qspu] {
    margin-bottom: 0.15rem;
    color: var(--cv-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.snapshot-results__domain-priority-copy[b-ojqml2qspu] {
    margin-top: 0.3rem;
    color: var(--cv-text-muted);
    font-size: 0.88rem;
    line-height: 1.45;
}

.snapshot-results__risk-grid[b-ojqml2qspu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 1rem;
}

.snapshot-results__risk-card[b-ojqml2qspu] {
    padding: 0.95rem 1rem;
    border-radius: var(--cv-radius-card);
    border: 1px solid var(--cv-tone-warning-line);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.93rem;
    line-height: 1.55;
}

.snapshot-results__findings-groups[b-ojqml2qspu] {
    display: grid;
    gap: 1rem;
}

.snapshot-results__findings-group[b-ojqml2qspu] {
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    overflow: hidden;
}

.snapshot-results__findings-toggle[b-ojqml2qspu] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) auto auto;
    gap: 1rem;
    width: 100%;
    padding: 1.15rem 1.25rem;
    border: 0;
    background: transparent;
    text-align: left;
    align-items: center;
}

.snapshot-results__findings-toggle.is-open[b-ojqml2qspu] {
    background: var(--cv-surface-sunken);
}

.snapshot-results__findings-title[b-ojqml2qspu] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.25rem;
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--cv-text);
}

.snapshot-results__findings-summary[b-ojqml2qspu] {
    color: var(--cv-text-muted);
    font-size: 0.92rem;
    line-height: 1.5;
}

.snapshot-results__findings-toggle-stats[b-ojqml2qspu] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.snapshot-results__findings-chevron[b-ojqml2qspu] {
    color: var(--cv-text-muted);
    font-size: 1rem;
}

.snapshot-results__findings-panel[b-ojqml2qspu] {
    padding: 0 1.25rem 1.25rem;
    border-top: 1px solid var(--cv-border);
}

.snapshot-results__focus-banner[b-ojqml2qspu] {
    margin: 1rem 0 1.1rem;
    padding: 0.85rem 1rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-tone-danger-line);
}

.snapshot-results__focus-label[b-ojqml2qspu] {
    margin-bottom: 0.15rem;
    color: var(--cv-tone-danger-text);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.snapshot-results__findings-list[b-ojqml2qspu] {
    display: grid;
    gap: 0.85rem;
}

.snapshot-results__finding-row[b-ojqml2qspu] {
    padding: 0.95rem 1rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    border: 1px solid var(--cv-border);
}

.snapshot-results__finding-header[b-ojqml2qspu] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
}

.snapshot-results__finding-body[b-ojqml2qspu] {
    color: var(--cv-text-muted);
    line-height: 1.55;
}

.snapshot-results__finding-facts[b-ojqml2qspu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 0.85rem;
}

.snapshot-results__finding-facts strong[b-ojqml2qspu] {
    color: var(--cv-text);
    font-size: 0.88rem;
    line-height: 1.4;
}

.snapshot-results__evidence-details[b-ojqml2qspu] {
    margin-top: 0.9rem;
    padding: 0.85rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
}

.snapshot-results__evidence-details > summary[b-ojqml2qspu],
.snapshot-results__raw-json > summary[b-ojqml2qspu] {
    cursor: pointer;
    color: var(--cv-tone-secondary-text);
    font-weight: 700;
}

.snapshot-results__evidence-grid[b-ojqml2qspu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin: 0.85rem 0;
}

.snapshot-results__evidence-grid p[b-ojqml2qspu] {
    margin: 0;
    color: var(--cv-text-muted);
}

.snapshot-results__evidence-card[b-ojqml2qspu] {
    margin-top: 0.85rem;
    padding: 0.9rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    border: 1px solid var(--cv-border);
}

.snapshot-results__evidence-card-head[b-ojqml2qspu] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.7rem;
}

.snapshot-results__evidence-card-head small[b-ojqml2qspu] {
    display: block;
    color: var(--cv-text-muted);
}

.snapshot-results__evidence-meta[b-ojqml2qspu] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    margin: 0 0 0.85rem;
    padding: 0.85rem 1rem;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
}

.snapshot-results__evidence-meta span[b-ojqml2qspu] {
    display: block;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
    margin-bottom: 0.2rem;
}

.snapshot-results__evidence-meta strong[b-ojqml2qspu] {
    display: block;
    font-size: 0.92rem;
    color: var(--cv-text);
    word-break: break-word;
}

.snapshot-results__evidence-table-wrap[b-ojqml2qspu] {
    margin-top: 0.75rem;
}

.snapshot-results__evidence-summary-grid[b-ojqml2qspu],
.snapshot-results__evidence-category-grid[b-ojqml2qspu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.snapshot-results__evidence-summary-grid > div[b-ojqml2qspu],
.snapshot-results__evidence-category-tile[b-ojqml2qspu],
.snapshot-results__evidence-filter-banner[b-ojqml2qspu],
.snapshot-results__empty-evidence[b-ojqml2qspu] {
    padding: 0.95rem 1rem;
    border-radius: var(--cv-radius-card);
    border: 1px solid var(--cv-border);
    background: var(--cv-surface-sunken);
}

.snapshot-results__evidence-summary-grid span[b-ojqml2qspu],
.snapshot-results__evidence-category-tile span[b-ojqml2qspu],
.snapshot-results__evidence-filter-banner span[b-ojqml2qspu] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--cv-text-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.snapshot-results__evidence-summary-grid strong[b-ojqml2qspu],
.snapshot-results__evidence-category-tile strong[b-ojqml2qspu],
.snapshot-results__evidence-filter-banner strong[b-ojqml2qspu] {
    display: block;
    color: var(--cv-text);
    font-size: 1rem;
    line-height: 1.35;
}

.snapshot-results__evidence-summary-grid small[b-ojqml2qspu],
.snapshot-results__evidence-category-tile small[b-ojqml2qspu],
.snapshot-results__evidence-filter-banner small[b-ojqml2qspu] {
    display: block;
    margin-top: 0.25rem;
    color: var(--cv-text-muted);
    line-height: 1.45;
}

.snapshot-results__evidence-filter-banner[b-ojqml2qspu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    background: var(--cv-surface-sunken);
    border-color: var(--cv-tone-secondary-line);
}

.snapshot-results__data-quality-list--compact[b-ojqml2qspu] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.snapshot-results__evidence-sections[b-ojqml2qspu] {
    display: grid;
    gap: 1.2rem;
}

.snapshot-results__evidence-section[b-ojqml2qspu] {
    padding: 1rem;
    border-radius: var(--cv-radius-card);
    border: 1px solid var(--cv-border);
    background: var(--cv-surface-sunken);
}

.snapshot-results__evidence-section-head[b-ojqml2qspu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.snapshot-results__evidence-section-head h3[b-ojqml2qspu] {
    margin: 0 0 0.25rem;
    color: var(--cv-text);
    font-size: 1.05rem;
    font-weight: 800;
}

.snapshot-results__evidence-section-head p[b-ojqml2qspu] {
    margin: 0;
    color: var(--cv-text-muted);
    line-height: 1.5;
}

.snapshot-results__empty-evidence[b-ojqml2qspu] {
    display: grid;
    gap: 0.35rem;
    color: var(--cv-text-muted);
    text-align: center;
}

.snapshot-results__empty-evidence i[b-ojqml2qspu] {
    color: var(--cv-text-muted);
    font-size: 1.8rem;
}

.snapshot-results__empty-evidence--small[b-ojqml2qspu] {
    text-align: left;
    background: var(--cv-surface);
}

.snapshot-results__raw-json[b-ojqml2qspu] {
    margin-top: 0.8rem;
}

.snapshot-results__raw-json pre[b-ojqml2qspu] {
    max-height: 18rem;
    margin: 0.55rem 0 0;
    padding: 0.8rem;
    overflow: auto;
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.78rem;
    white-space: pre-wrap;
}

@media (max-width: 1199px) {
    .snapshot-results-hero__layout[b-ojqml2qspu] {
        grid-template-columns: 1fr;
    }

    .snapshot-results__insight-grid[b-ojqml2qspu],
    .snapshot-results__chart-callouts[b-ojqml2qspu],
    .snapshot-results__domain-story-board[b-ojqml2qspu],
    .snapshot-results__domain-rankings[b-ojqml2qspu],
        .snapshot-results__risk-grid[b-ojqml2qspu],
        .snapshot-results__callout-grid[b-ojqml2qspu],
        .snapshot-results__geo-summary[b-ojqml2qspu],
        .snapshot-results__finding-facts[b-ojqml2qspu],
        .snapshot-results__evidence-summary-grid[b-ojqml2qspu],
        .snapshot-results__evidence-category-grid[b-ojqml2qspu],
        .snapshot-results__data-quality-list--compact[b-ojqml2qspu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .snapshot-results-hero[b-ojqml2qspu] {
        padding: 1.35rem;
    }

    .snapshot-results__findings-toggle[b-ojqml2qspu] {
        grid-template-columns: 1fr;
    }

    .snapshot-results__findings-toggle-stats[b-ojqml2qspu] {
        justify-content: flex-start;
    }

    .snapshot-results__insight-grid[b-ojqml2qspu],
    .snapshot-results__chart-callouts[b-ojqml2qspu],
    .snapshot-results__chart-callouts--quad[b-ojqml2qspu],
    .snapshot-results__domain-story-board[b-ojqml2qspu],
    .snapshot-results__domain-rankings[b-ojqml2qspu],
    .snapshot-results__risk-grid[b-ojqml2qspu],
    .snapshot-results__callout-grid[b-ojqml2qspu],
        .snapshot-results__geo-summary[b-ojqml2qspu],
        .snapshot-results__finding-facts[b-ojqml2qspu],
        .snapshot-results__evidence-summary-grid[b-ojqml2qspu],
        .snapshot-results__evidence-category-grid[b-ojqml2qspu],
        .snapshot-results__data-quality-list--compact[b-ojqml2qspu],
        .snapshot-results__evidence-grid[b-ojqml2qspu],
        .snapshot-results__country-row[b-ojqml2qspu] {
        grid-template-columns: 1fr;
    }

    .snapshot-results__evidence-filter-banner[b-ojqml2qspu],
    .snapshot-results__evidence-section-head[b-ojqml2qspu] {
        flex-direction: column;
    }
}

.snapshot-results-hero__posture-pill--success[b-ojqml2qspu] { background: var(--status-satisfactory-bg); color: var(--status-satisfactory-text); }
.snapshot-results-hero__posture-pill--warning[b-ojqml2qspu] { background: var(--status-needs-attention-bg); color: var(--status-needs-attention-text); }
.snapshot-results-hero__posture-pill--danger[b-ojqml2qspu] { background: var(--status-at-risk-bg); color: var(--status-at-risk-text); }
.snapshot-results-hero__posture-pill--neutral[b-ojqml2qspu] { background: var(--cv-surface-sunken); color: var(--cv-text-muted); border: 1px solid var(--cv-border); }

.snapshot-results__error-text[b-ojqml2qspu] {
    padding: 0.75rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    white-space: pre-wrap;
}
/* /Components/Pages/Triage/TriageDashboard.razor.rz.scp.css */
.triage-dashboard__gate-card[b-otwcoeestn],
.triage-dashboard__section-card[b-otwcoeestn] {
    max-width: 100%;
}

.triage-dashboard__stat-label[b-otwcoeestn] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

/* ── Board breakdown grid ───────────────────────────────────────── */
.triage-dashboard__board-grid[b-otwcoeestn] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.triage-dashboard__board-item[b-otwcoeestn] {
    background: var(--cv-surface-hover);
    border: 1px solid var(--cv-border);
    border-radius: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 1rem;
}

.triage-dashboard__board-name[b-otwcoeestn] {
    color: var(--cv-text);
    font-size: 0.95rem;
    font-weight: 700;
}

.triage-dashboard__board-details[b-otwcoeestn] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.triage-dashboard__board-detail[b-otwcoeestn] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

/* ── Quick links ────────────────────────────────────────────────── */
.triage-dashboard__quick-links[b-otwcoeestn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}
/* /Components/Pages/Triage/TriageHistory.razor.rz.scp.css */
.triage-history__gate-card[b-5obp3a7upn] {
    max-width: 100%;
}

/* ── Filters ──────────────────────────────────────────────────────── */
.triage-history__filters[b-5obp3a7upn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: end;
}

/* ── History table ────────────────────────────────────────────────── */
.triage-history__table[b-5obp3a7upn] {
    width: 100%;
    border-collapse: collapse;
}

.triage-history__table th[b-5obp3a7upn] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--cv-text-muted);
    padding: 0.75rem;
    border-bottom: 2px solid var(--cv-border);
}

.triage-history__table td[b-5obp3a7upn] {
    padding: 0.75rem;
    border-bottom: 1px solid var(--cv-border);
    vertical-align: middle;
}

.triage-history__row--clickable[b-5obp3a7upn] {
    cursor: pointer;
    transition: background 0.15s ease;
}

.triage-history__row--clickable:hover[b-5obp3a7upn] {
    background: var(--cv-surface-hover);
}

/* ── Expanded detail row ──────────────────────────────────────────── */
.triage-history__detail-row td[b-5obp3a7upn] {
    background: var(--cv-surface-hover);
    padding: 1rem 1.5rem;
}

/* ── Confidence bar ───────────────────────────────────────────────── */
.triage-history__confidence-bar[b-5obp3a7upn] {
    height: 6px;
    border-radius: 3px;
    background: var(--cv-surface-sunken);
    overflow: hidden;
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5rem;
}

.triage-history__confidence-fill[b-5obp3a7upn] {
    height: 100%;
    border-radius: 3px;
}

.triage-history__confidence-fill--high[b-5obp3a7upn] {
    background: var(--status-satisfactory);
}

.triage-history__confidence-fill--medium[b-5obp3a7upn] {
    background: var(--status-needs-attention);
}

.triage-history__confidence-fill--low[b-5obp3a7upn] {
    background: var(--status-at-risk);
}

/* ── Trigger badges ───────────────────────────────────────────────── */
.triage-history__trigger-badge[b-5obp3a7upn] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.triage-history__trigger-badge--new[b-5obp3a7upn] {
    background: var(--status-satisfactory-bg);
    color: var(--cv-text);
}

.triage-history__trigger-badge--update[b-5obp3a7upn] {
    background: var(--status-in-progress-bg);
    color: var(--cv-tone-support-text);
}

.triage-history__trigger-badge--manual[b-5obp3a7upn] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
}

.triage-history__trigger-badge--scheduled[b-5obp3a7upn] {
    background: var(--status-needs-attention-bg);
    color: var(--cv-attention-warning-text);
}

/* ── Metadata grid ────────────────────────────────────────────────── */
.triage-history__meta-grid[b-5obp3a7upn] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-bottom: 1rem;
}

.triage-history__meta-item[b-5obp3a7upn] {
    font-size: 0.875rem;
}

.triage-history__meta-label[b-5obp3a7upn] {
    font-weight: 600;
    color: var(--cv-text-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
}

/* ── Actioned cell in field table ──────────────────────────────────── */
.triage-history__actioned-cell[b-5obp3a7upn] {
    white-space: nowrap;
    font-size: 0.8rem;
}

/* ── JSON toggle ──────────────────────────────────────────────────── */
.triage-history__json-toggle[b-5obp3a7upn] {
    cursor: pointer;
    color: var(--cv-text-muted);
    font-size: 0.875rem;
    user-select: none;
}

.triage-history__json-toggle:hover[b-5obp3a7upn] {
    color: var(--cv-text-muted);
}

.triage-history__json-content[b-5obp3a7upn] {
    background: var(--cv-surface-sunken);
    border-radius: 0.5rem;
    padding: 1rem;
    font-family: monospace;
    font-size: 0.8rem;
    max-height: 300px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-all;
}

/* ── Pagination ───────────────────────────────────────────────────── */
.triage-history__pagination[b-5obp3a7upn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0;
}

.triage-history__page-size[b-5obp3a7upn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 0 0 auto;
}

.triage-history__page-size-label[b-5obp3a7upn] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.triage-history__page-size-select[b-5obp3a7upn] {
    display: inline-block;
    width: 6.5rem;
    min-width: 6.5rem;
    max-width: 6.5rem;
    flex: 0 0 auto;
}
/* /Components/Pages/Triage/TriageInsights.razor.rz.scp.css */
.triage-insights-page__gate-card[b-6t91ppyib9] {
    max-width: 640px;
}

.triage-insights-page__guidance-grid[b-6t91ppyib9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1rem;
}

.triage-insights-page__guidance-box[b-6t91ppyib9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
    padding: 1rem 1.1rem;
    border: 1px solid var(--cv-border);
    border-radius: 0.75rem;
    background: var(--cv-surface-sunken);
}

.triage-insights-page__guidance-box-header[b-6t91ppyib9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.triage-insights-page__guidance-box-title[b-6t91ppyib9] {
    font-size: 0.95rem;
}

.triage-insights-page__guidance-box-count[b-6t91ppyib9] {
    flex-shrink: 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cv-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.triage-insights-page__guidance-box-copy[b-6t91ppyib9] {
    font-size: 0.9rem;
    color: var(--cv-text-muted);
}

.triage-insights-page__charts-row[b-6t91ppyib9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.triage-insights-page__chart-card[b-6t91ppyib9] {
    min-height: 280px;
}

.triage-insights-page__chart-container[b-6t91ppyib9] {
    position: relative;
    height: 220px;
    width: 100%;
}

.triage-insights-page__chart-empty[b-6t91ppyib9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 180px;
    gap: 0.5rem;
}

.triage-insights-page__chart-empty i[b-6t91ppyib9] {
    font-size: 2rem;
}

.triage-insights-page__empty-card[b-6t91ppyib9] {
    max-width: 500px;
    margin: 0 auto;
}

.triage-insights-page__empty-state[b-6t91ppyib9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem 1rem;
}

.triage-insights-page__insight-columns[b-6t91ppyib9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
    gap: 1rem;
}

.triage-insights-page__column-card[b-6t91ppyib9] {
    height: 100%;
}

.triage-insights-page__scroll-panel[b-6t91ppyib9] {
    max-height: 48rem;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.triage-insights-page__column-empty[b-6t91ppyib9] {
    margin: 0;
    color: var(--cv-text-muted);
}

.triage-insights-page__insight-list[b-6t91ppyib9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.triage-insights-page__insight-card[b-6t91ppyib9] {
    background: var(--cv-surface);
    border: 1px solid var(--cv-border);
    border-radius: 0.5rem;
    padding: 1.25rem;
    transition: border-color 0.15s ease;
}

.triage-insights-page__insight-card:hover[b-6t91ppyib9] {
    border-color: var(--cv-hover-border);
}

.triage-insights-page__insight-card--list[b-6t91ppyib9] {
    margin-bottom: 0;
}

.triage-insights-page__insight-header[b-6t91ppyib9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.triage-insights-page__insight-badges[b-6t91ppyib9] {
    display: flex;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.triage-insights-page__insight-title[b-6t91ppyib9] {
    margin-bottom: 0.25rem;
    font-weight: 600;
}

.triage-insights-page__insight-meta[b-6t91ppyib9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    color: var(--cv-text-muted);
}

.triage-insights-page__insight-description[b-6t91ppyib9] {
    color: var(--cv-text-muted);
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.triage-insights-page__insight-suggestion[b-6t91ppyib9] {
    background: var(--cv-surface-sunken);
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}

.triage-insights-page__insight-actions[b-6t91ppyib9] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.triage-insights-page__section-card[b-6t91ppyib9] {
    border-radius: 0.5rem;
}
/* /Components/Pages/Triage/TriageQueue.razor.rz.scp.css */
/* ── Triage Queue ─────────────────────────────────────────────────── */

.triage-queue__filters[b-kiv5pfy0uw] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

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

.triage-queue__section-title-wrap[b-kiv5pfy0uw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.triage-queue__section-title[b-kiv5pfy0uw] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.triage-queue__section-subtitle[b-kiv5pfy0uw] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.9rem;
}

.triage-queue__section-actions[b-kiv5pfy0uw] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.triage-queue__filter-group[b-kiv5pfy0uw] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 10rem;
}

.triage-queue__filter-label[b-kiv5pfy0uw] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--cv-text-muted);
}

/* ── Bulk actions bar ────────────────────────────────────────────── */

.triage-queue__bulk-bar[b-kiv5pfy0uw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--status-in-progress-bg);
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

/* ── Table ────────────────────────────────────────────────────────── */

.triage-queue__table[b-kiv5pfy0uw] {
    width: 100%;
    border-collapse: collapse;
}

.triage-queue__th-check[b-kiv5pfy0uw] {
    width: 2.5rem;
    text-align: center;
}

.triage-queue__row--selected[b-kiv5pfy0uw] {
    background: var(--status-in-progress-bg);
}

.triage-queue__ticket-id[b-kiv5pfy0uw] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.triage-queue__title[b-kiv5pfy0uw] {
    max-width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.triage-queue__time[b-kiv5pfy0uw] {
    white-space: nowrap;
    color: var(--cv-text-muted);
    font-size: 0.85rem;
}

.triage-queue__actions[b-kiv5pfy0uw] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    white-space: nowrap;
}

.triage-queue__changes[b-kiv5pfy0uw] {
    min-width: 11rem;
}

.triage-queue__changes-toggle[b-kiv5pfy0uw] {
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cv-primary);
    text-align: left;
}

.triage-queue__changes-toggle:hover[b-kiv5pfy0uw] {
    color: var(--cv-tone-support-text);
}

.triage-queue__detail-row td[b-kiv5pfy0uw] {
    background: var(--cv-surface-hover);
    padding: 1rem 1.5rem;
}

.triage-queue__detail-grid[b-kiv5pfy0uw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.triage-queue__detail-actions[b-kiv5pfy0uw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.triage-queue__changes-list[b-kiv5pfy0uw] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.triage-queue__change-item[b-kiv5pfy0uw] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.triage-queue__change-field[b-kiv5pfy0uw] {
    min-width: 4.75rem;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--cv-text-muted);
}

.triage-queue__change-values[b-kiv5pfy0uw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.triage-queue__change-original[b-kiv5pfy0uw] {
    color: var(--cv-text-muted);
    text-decoration: line-through;
}

.triage-queue__change-arrow[b-kiv5pfy0uw] {
    color: var(--cv-text-muted);
}

.triage-queue__change-suggested[b-kiv5pfy0uw] {
    font-weight: 600;
}

.triage-queue__change-confidence[b-kiv5pfy0uw] {
    white-space: nowrap;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--cv-text-muted);
}

.triage-queue__change-more[b-kiv5pfy0uw] {
    font-size: 0.8rem;
    color: var(--cv-text-muted);
}

/* ── Confidence badge ────────────────────────────────────────────── */

.triage-queue__confidence[b-kiv5pfy0uw] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.triage-queue__confidence--high[b-kiv5pfy0uw] {
    background: var(--status-satisfactory-bg);
    color: var(--cv-text);
}

.triage-queue__confidence--medium[b-kiv5pfy0uw] {
    background: var(--status-needs-attention-bg);
    color: var(--cv-attention-warning-text);
}

.triage-queue__confidence--low[b-kiv5pfy0uw] {
    background: var(--status-at-risk-bg);
    color: var(--cv-attention-danger-text);
}

/* ── Empty state ─────────────────────────────────────────────────── */

.triage-queue__empty[b-kiv5pfy0uw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
    color: var(--cv-text-muted);
}

.triage-queue__empty a[b-kiv5pfy0uw] {
    color: var(--cv-primary);
    text-decoration: underline;
}

.triage-queue__empty-title[b-kiv5pfy0uw] {
    font-weight: 600;
    color: var(--cv-text);
}

.triage-queue__empty-subtitle[b-kiv5pfy0uw] {
    max-width: 36rem;
}

.triage-queue__footer[b-kiv5pfy0uw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}

.triage-queue__page-size[b-kiv5pfy0uw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 0 0 auto;
}

.triage-queue__page-size-select[b-kiv5pfy0uw] {
    display: inline-block;
    width: 6.5rem;
    min-width: 6.5rem;
    max-width: 6.5rem;
    flex: 0 0 auto;
}

.triage-queue__spin[b-kiv5pfy0uw] {
    display: inline-block;
    animation: triage-queue-spin-b-kiv5pfy0uw 0.85s linear infinite;
}

@keyframes triage-queue-spin-b-kiv5pfy0uw {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .triage-queue__section-header[b-kiv5pfy0uw] {
        flex-direction: column;
    }

    .triage-queue__section-actions[b-kiv5pfy0uw] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Pages/TrialOnboarding.razor.rz.scp.css */
.trial-onboarding[b-yaqjkwd8rx] {
    max-width: 1100px;
}

.trial-onboarding--narrow[b-yaqjkwd8rx] {
    max-width: 900px;
}

.trial-onboarding__preview[b-yaqjkwd8rx] {
    max-height: 90px;
    max-width: 100%;
}
/* /Components/Pages/Users.razor.rz.scp.css */
.users-page[b-b9sms5wp1w] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.users-page__stats[b-b9sms5wp1w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 1rem;
}

.users-page__tabs[b-b9sms5wp1w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.users-page__tab-button[b-b9sms5wp1w] {
    min-width: 11rem;
}

.users-page__tab-button-content[b-b9sms5wp1w] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
}

.users-page__tab-badge[b-b9sms5wp1w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.9rem;
    min-height: 1.9rem;
    padding: 0 0.45rem;
    border-radius: var(--cv-radius-chip);
    background: rgba(255, 255, 255, 0.2);
    font-size: 0.8rem;
    font-weight: 700;
}

.users-page__message-stack[b-b9sms5wp1w] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.users-page__message-card[b-b9sms5wp1w],
.users-page__card[b-b9sms5wp1w] {
    margin-bottom: 0;
}

.users-page__message-layout[b-b9sms5wp1w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.users-page__message-title[b-b9sms5wp1w] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--cv-text);
}

.users-page__message-text[b-b9sms5wp1w] {
    margin: 0.35rem 0 0;
    color: var(--cv-text);
    line-height: 1.6;
}

.users-page__loading[b-b9sms5wp1w] {
    padding: 2.5rem 0 1rem;
}


.users-page__filter-primary[b-b9sms5wp1w] {
    flex: 1 1 24rem;
    min-width: min(100%, 22rem);
}

.users-page__search-field[b-b9sms5wp1w],
.users-page__filter-select[b-b9sms5wp1w] {
    width: 100%;
}

.users-page__filter-select-shell[b-b9sms5wp1w] {
    flex: 0 1 14rem;
    min-width: min(100%, 13rem);
}

.users-page__filter-meta[b-b9sms5wp1w] {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.users-page__filter-chip[b-b9sms5wp1w] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
}

.users-page__filter-chip i[b-b9sms5wp1w] {
    color: var(--cv-text-muted);
}

.users-page__results-meta[b-b9sms5wp1w] {
    margin: 1rem 0;
}

.users-page__results-summary[b-b9sms5wp1w] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.95rem;
}

.users-page__table[b-b9sms5wp1w]  .cv-table__table th {
    white-space: nowrap;
}

.users-page__table[b-b9sms5wp1w]  .cv-table__table td {
    vertical-align: middle;
}

.users-page__row--inactive[b-b9sms5wp1w] {
    background: var(--cv-surface-sunken);
}

.users-page__name-cell[b-b9sms5wp1w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
}

.users-page__name[b-b9sms5wp1w] {
    font-weight: 700;
    color: var(--cv-text);
}

.users-page__calendar-colour[b-b9sms5wp1w] {
    width: 0.8rem;
    height: 0.8rem;
    display: inline-flex;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--users-page-calendar-colour, #7aa2f7);
    box-shadow: inset 0 0 0 1px var(--cv-border);
}

.users-page__email[b-b9sms5wp1w],
.users-page__last-login[b-b9sms5wp1w] {
    color: var(--cv-text);
}

.users-page__muted[b-b9sms5wp1w] {
    color: var(--cv-text-muted);
    font-size: 0.9rem;
}

.users-page__pill[b-b9sms5wp1w],
.users-page__mapping-chip[b-b9sms5wp1w],
.users-page__badge[b-b9sms5wp1w],
.users-page__role-tag[b-b9sms5wp1w] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: fit-content;
    padding: 0.3rem 0.7rem;
    border-radius: var(--cv-radius-chip);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.users-page__pill--primary[b-b9sms5wp1w],
.users-page__role-tag--primary[b-b9sms5wp1w],
.users-page__pill--neutral[b-b9sms5wp1w],
.users-page__pill--inactive[b-b9sms5wp1w],
.users-page__badge--custom[b-b9sms5wp1w],
.users-page__mapping-chip[b-b9sms5wp1w] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    box-shadow: inset 0 0 0 1px var(--cv-border);
}

.users-page__pill--primary[b-b9sms5wp1w],
.users-page__role-tag--primary[b-b9sms5wp1w],
.users-page__mapping-chip[b-b9sms5wp1w] {
    color: var(--cv-text);
}

.users-page__pill--support[b-b9sms5wp1w],
.users-page__pill--info[b-b9sms5wp1w],
.users-page__role-tag--info[b-b9sms5wp1w],
.users-page__badge--system[b-b9sms5wp1w] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.users-page__pill--warning[b-b9sms5wp1w],
.users-page__role-tag--warning[b-b9sms5wp1w] {
    background: var(--status-needs-attention-bg);
    color: var(--status-needs-attention-text);
}

.users-page__pill--success[b-b9sms5wp1w],
.users-page__role-tag--success[b-b9sms5wp1w] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.users-page__pill--danger[b-b9sms5wp1w] {
    background: var(--status-at-risk-bg);
    color: var(--status-at-risk-text);
}

.users-page__mapping-chip small[b-b9sms5wp1w] {
    color: inherit;
    opacity: 0.85;
}

.users-page__action-group[b-b9sms5wp1w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.users-page__action-button[b-b9sms5wp1w] {
    min-width: 9rem;
}

.users-page__empty-state[b-b9sms5wp1w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem 0.5rem;
    text-align: center;
}

.users-page__empty-state--card[b-b9sms5wp1w] {
    min-height: 16rem;
}

.users-page__empty-icon[b-b9sms5wp1w] {
    display: inline-flex;
    color: var(--cv-text-muted);
    font-size: 2rem;
    line-height: 1;
}

.users-page__empty-state h3[b-b9sms5wp1w] {
    margin: 0;
    color: var(--cv-text);
    font-size: 1.2rem;
}

.users-page__empty-state p[b-b9sms5wp1w] {
    margin: 0;
    max-width: 34rem;
    color: var(--cv-text-muted);
    line-height: 1.6;
}

.users-page__role-grid[b-b9sms5wp1w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1rem;
}

.users-page__role-card[b-b9sms5wp1w] {
    height: 100%;
}

.users-page__role-tags[b-b9sms5wp1w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.users-page__role-users[b-b9sms5wp1w] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--cv-text-muted);
    font-size: 0.92rem;
    font-weight: 600;
}

.users-page__role-actions[b-b9sms5wp1w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.users-page__role-help[b-b9sms5wp1w] {
    margin: 0.75rem 0 0;
    color: var(--cv-text-muted);
    font-size: 0.85rem;
}

.users-page__dialog-backdrop[b-b9sms5wp1w] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow-y: auto;
    padding: 2rem 1rem;
    background: rgba(13, 23, 51, 0.48);
}

.users-page__dialog-shell[b-b9sms5wp1w] {
    width: min(100%, 42rem);
    margin: auto;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    box-shadow: var(--cv-elevation-overlay);
}

.users-page__dialog-shell--large[b-b9sms5wp1w] {
    width: min(100%, 78rem);
}

.users-page__dialog[b-b9sms5wp1w] {
    min-width: 0;
}

.users-page__role-form-grid[b-b9sms5wp1w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.users-page__field[b-b9sms5wp1w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.users-page__field-label[b-b9sms5wp1w] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--cv-text);
}

.users-page__field-helper[b-b9sms5wp1w] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.85rem;
}

.users-page__textarea[b-b9sms5wp1w] {
    width: 100%;
    min-height: 6.5rem;
    resize: vertical;
    padding: 0.8rem 0.95rem;
    border: 1px solid var(--cv-border-strong);
    border-radius: var(--cv-radius-control);
    color: var(--cv-text);
    background: var(--cv-surface);
    font: inherit;
    line-height: 1.5;
    transition: border-color 0.18s ease;
}

.users-page__textarea:focus[b-b9sms5wp1w] {
    border-color: var(--cv-secondary);
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.users-page__permission-grid[b-b9sms5wp1w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 1rem;
}

.users-page__permission-card[b-b9sms5wp1w] {
    height: 100%;
}

.users-page__permission-card--wide[b-b9sms5wp1w] {
    grid-column: 1 / -1;
}

.users-page__checkbox-grid[b-b9sms5wp1w] {
    display: grid;
    gap: 0.75rem;
}

.users-page__checkbox-grid--compact[b-b9sms5wp1w] {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.users-page__info-note[b-b9sms5wp1w] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface-sunken);
    box-shadow: inset var(--cv-rule-width) 0 0 var(--cv-support);
    color: var(--cv-text);
    line-height: 1.5;
}

.users-page__company-access[b-b9sms5wp1w] {
    display: grid;
    gap: 1rem;
}

.users-page__company-selector[b-b9sms5wp1w] {
    display: grid;
    gap: 1rem;
    padding-top: 0.25rem;
}

.users-page__company-actions[b-b9sms5wp1w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.users-page__company-list[b-b9sms5wp1w] {
    display: grid;
    gap: 0.55rem;
    max-height: 18rem;
    overflow-y: auto;
    padding: 0.35rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface-sunken);
}

.users-page__company-option[b-b9sms5wp1w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 0.8rem;
    border-radius: var(--cv-radius-control);
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

.users-page__company-option:hover[b-b9sms5wp1w] {
    background: var(--cv-surface-hover);
}

.users-page__company-option--selected[b-b9sms5wp1w] {
    background: color-mix(in srgb, var(--cv-support) 10%, transparent);
}

.users-page__company-checkbox[b-b9sms5wp1w] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--cv-secondary);
}

.users-page__company-name[b-b9sms5wp1w] {
    min-width: 0;
    font-weight: 600;
    color: var(--cv-text);
}

.users-page__company-code[b-b9sms5wp1w] {
    color: var(--cv-text-muted);
}

.users-page__company-summary[b-b9sms5wp1w] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.9rem;
}

@media (max-width: 767.98px) {
    .users-page__tab-button[b-b9sms5wp1w],
    .users-page__action-button[b-b9sms5wp1w],
    .users-page__role-actions[b-b9sms5wp1w]  .cv-button {
        width: 100%;
    }

    .users-page__filter-chip[b-b9sms5wp1w] {
        width: 100%;
        justify-content: center;
    }

    .users-page__message-layout[b-b9sms5wp1w] {
        flex-direction: column;
    }

    .users-page__dialog-backdrop[b-b9sms5wp1w] {
        padding: 1rem 0.5rem;
    }
}
/* /Components/Pages/VCio/AssessmentRun.razor.rz.scp.css */
.assessment-run-page__nav[b-7zjkxxqxcj] { position: sticky; top: 1rem; }
.assessment-run-page__option[b-7zjkxxqxcj] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; padding: 0.5rem; border: var(--cv-border-width) solid transparent; border-radius: var(--cv-radius-control); }
.assessment-run-page__option--selected[b-7zjkxxqxcj] { background: var(--status-in-progress-bg); border-color: var(--cv-hover-border); }
.assessment-run-page__section[b-7zjkxxqxcj] { margin-bottom: 1.5rem; }
.assessment-run-page__loading[b-7zjkxxqxcj] { padding: 4rem 0; }
.assessment-run-page__inline-editor[b-7zjkxxqxcj] { display: grid; gap: 0.75rem; }
.assessment-run-page__inline-actions[b-7zjkxxqxcj] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.assessment-run-page__metric-stack[b-7zjkxxqxcj] { display: flex; align-items: center; gap: 0.75rem; }
.assessment-run-page__progress-track[b-7zjkxxqxcj] { width: 100%; height: 0.65rem; background: var(--cv-border); border-radius: var(--cv-radius-round); overflow: hidden; }
.assessment-run-page__progress-fill[b-7zjkxxqxcj] { height: 100%; background: var(--cv-primary); }
.assessment-run-page__score-track[b-7zjkxxqxcj] { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; height: 0.9rem; border-radius: var(--cv-radius-round); overflow: hidden; }
.assessment-run-page__score-track--large[b-7zjkxxqxcj] { height: 1.25rem; }
.assessment-run-page__score-band--danger[b-7zjkxxqxcj] { background: var(--status-at-risk); }
.assessment-run-page__score-band--warning[b-7zjkxxqxcj] { background: var(--status-needs-attention); }
.assessment-run-page__score-band--accent[b-7zjkxxqxcj] { background: var(--cv-tone-support-text); }
.assessment-run-page__score-band--success[b-7zjkxxqxcj] { background: var(--status-satisfactory); }
.assessment-run-page__score-marker[b-7zjkxxqxcj] { position: absolute; top: 50%; width: 1rem; height: 1rem; border: 2px solid var(--cv-text); border-radius: 50%; background: var(--cv-surface); transform: translate(-50%, -50%); }
.assessment-run-page__score-marker--large[b-7zjkxxqxcj] { width: 2.25rem; height: 2.25rem; display: flex; align-items: center; justify-content: center; font-size: 0.65rem; font-weight: 700; }
.assessment-run-page__badge[b-7zjkxxqxcj] { display: inline-flex; align-items: center; border-radius: var(--cv-radius-chip); padding: 0.2rem 0.65rem; font-size: 0.75rem; font-weight: 600; }
.assessment-run-page__badge--neutral[b-7zjkxxqxcj] { background: var(--cv-surface-sunken); color: var(--cv-text-muted); }
.assessment-run-page__badge--success[b-7zjkxxqxcj] { background: var(--status-satisfactory-bg); color: var(--status-satisfactory-text); }
.assessment-run-page__badge--warning[b-7zjkxxqxcj] { background: var(--status-needs-attention-bg); color: var(--status-needs-attention-text); }
.assessment-run-page__badge--danger[b-7zjkxxqxcj] { background: var(--status-at-risk-bg); color: var(--status-at-risk-text); }
/* /Components/Pages/VCio/Assessments.razor.rz.scp.css */
.vcio-assessments-page__section[b-lilxbub5x0] { margin-bottom: 1.5rem; }
.vcio-assessments-page__loading[b-lilxbub5x0] { padding: 4rem 0; }
.vcio-assessments-page__company-link[b-lilxbub5x0] { color: inherit; font-weight: 600; text-decoration: none; }
.vcio-assessments-page__company-link:hover[b-lilxbub5x0] { text-decoration: underline; }
.vcio-assessments-page__sort-button[b-lilxbub5x0] {
    align-items: center;
    appearance: none;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 700;
    gap: 0.35rem;
    padding: 0;
}
.vcio-assessments-page__sort-button:hover[b-lilxbub5x0],
.vcio-assessments-page__sort-button--active[b-lilxbub5x0] { color: var(--cv-support); }
.vcio-assessments-page__sort-button:focus-visible[b-lilxbub5x0] {
    border-radius: var(--cv-radius-chip);
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}
.vcio-assessments-page__sort-icon[b-lilxbub5x0] {
    color: var(--cv-text-muted);
    font-size: 0.85rem;
}
.vcio-assessments-page__sort-button--active .vcio-assessments-page__sort-icon[b-lilxbub5x0] { color: inherit; }
.vcio-assessments-page__metric-stack[b-lilxbub5x0] { display: flex; align-items: center; gap: 0.75rem; }
.vcio-assessments-page__progress-track[b-lilxbub5x0] { width: 6.5rem; height: 0.5rem; background: var(--cv-border); border-radius: var(--cv-radius-round); overflow: hidden; }
.vcio-assessments-page__progress-fill[b-lilxbub5x0] { height: 100%; background: var(--cv-primary); border-radius: var(--cv-radius-round); }
.vcio-assessments-page__progress-fill--complete[b-lilxbub5x0] { background: var(--status-satisfactory); }
.vcio-assessments-page__score-shell[b-lilxbub5x0] { display: flex; align-items: center; gap: 0.75rem; }
.vcio-assessments-page__score-track[b-lilxbub5x0] { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); width: 6.5rem; height: 0.5rem; border-radius: var(--cv-radius-round); overflow: hidden; }
.vcio-assessments-page__score-band--danger[b-lilxbub5x0] { background: var(--status-at-risk); }
.vcio-assessments-page__score-band--warning[b-lilxbub5x0] { background: var(--status-needs-attention); }
.vcio-assessments-page__score-band--accent[b-lilxbub5x0] { background: var(--cv-tone-support-text); }
.vcio-assessments-page__score-band--success[b-lilxbub5x0] { background: var(--status-satisfactory); }
.vcio-assessments-page__score-marker[b-lilxbub5x0] { position: absolute; top: 50%; width: 0.9rem; height: 0.9rem; border: 2px solid var(--cv-text); border-radius: 50%; background: var(--cv-surface); transform: translate(-50%, -50%); }
.vcio-assessments-page__actions[b-lilxbub5x0] { display: inline-flex; align-items: center; gap: 0.25rem; }
.vcio-assessments-page__empty-state[b-lilxbub5x0] { display: inline-flex; align-items: center; gap: 1rem; padding: 1rem 0; }
.vcio-assessments-page__empty-state i[b-lilxbub5x0] { font-size: 1.75rem; color: var(--cv-text-muted); }
.vcio-assessments-page__badge[b-lilxbub5x0] { display: inline-flex; align-items: center; border-radius: var(--cv-radius-chip); padding: 0.2rem 0.65rem; font-size: 0.75rem; font-weight: 600; }
.vcio-assessments-page__badge--neutral[b-lilxbub5x0] { background: var(--cv-surface-sunken); color: var(--cv-text-muted); border: var(--cv-border-width) solid var(--cv-border); }
.vcio-assessments-page__badge--success[b-lilxbub5x0] { background: var(--status-satisfactory-bg); color: var(--status-satisfactory-text); }
.vcio-assessments-page__badge--warning[b-lilxbub5x0] { background: var(--status-needs-attention-bg); color: var(--status-needs-attention-text); }
.vcio-assessments-page__badge--danger[b-lilxbub5x0] { background: var(--status-at-risk-bg); color: var(--status-at-risk-text); }
.vcio-assessments-page__badge--info[b-lilxbub5x0] { background: var(--status-in-progress-bg); color: var(--status-in-progress-text); }
.vcio-assessments-page__dialog-grid[b-lilxbub5x0] { display: grid; gap: 1rem; }
.vcio-assessments-page__feedback-card[b-lilxbub5x0] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.vcio-assessments-page__nested-checkboxes[b-lilxbub5x0] { display: grid; gap: 0.75rem; padding-left: 1rem; }
.vcio-assessments-page__summary-list[b-lilxbub5x0] { display: grid; gap: 0.75rem; margin: 0; }
.vcio-assessments-page__summary-list div[b-lilxbub5x0] { display: grid; gap: 0.2rem; }
.vcio-assessments-page__summary-list dt[b-lilxbub5x0] { color: var(--cv-text-muted); font-size: 0.75rem; text-transform: uppercase; }
.vcio-assessments-page__summary-list dd[b-lilxbub5x0] { margin: 0; font-weight: 600; }
/* /Components/Pages/VCio/AssetTypeMappings.razor.rz.scp.css */
.asset-type-mappings-page[b-layhbquaz8] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.asset-type-mappings-page__loading[b-layhbquaz8],
.asset-type-mappings-page__card[b-layhbquaz8],
.asset-type-mappings-page__state-card[b-layhbquaz8],
.asset-type-mappings-page__message-card[b-layhbquaz8] {
    width: 100%;
}

.asset-type-mappings-page__state-message[b-layhbquaz8],
.asset-type-mappings-page__meta-text[b-layhbquaz8],
.asset-type-mappings-page__progress-label[b-layhbquaz8],
.asset-type-mappings-page__helper-copy[b-layhbquaz8] {
    color: var(--cv-text-muted);
}

.asset-type-mappings-page__asset-cell[b-layhbquaz8] {
    align-items: flex-start;
    display: flex;
    gap: 0.85rem;
}

.asset-type-mappings-page__asset-icon[b-layhbquaz8] {
    align-items: center;
    background: var(--status-in-progress-bg);
    border-radius: 999px;
    color: var(--cv-tone-support-text);
    display: inline-flex;
    font-size: 1.15rem;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.asset-type-mappings-page__asset-name[b-layhbquaz8] {
    color: var(--cv-text);
    font-weight: 600;
}

.asset-type-mappings-page__mapping-chips[b-layhbquaz8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.asset-type-mappings-page__mapping-chip[b-layhbquaz8] {
    align-items: center;
    background: var(--status-satisfactory-bg);
    border: 1px solid var(--status-satisfactory);
    border-radius: 999px;
    color: var(--status-satisfactory-text);
    display: inline-flex;
    gap: 0.25rem;
    padding: 0.2rem 0.55rem 0.2rem 0.7rem;
}

.asset-type-mappings-page__mapping-remove :deep(button)[b-layhbquaz8] {
    min-width: auto;
}

.asset-type-mappings-page__status-pill[b-layhbquaz8] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.35rem 0.75rem;
}

.asset-type-mappings-page__status-pill--mapped[b-layhbquaz8] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.asset-type-mappings-page__status-pill--unmapped[b-layhbquaz8] {
    background: var(--status-needs-attention-bg);
    color: var(--cv-attention-warning-text);
}

.asset-type-mappings-page__actions-column[b-layhbquaz8] {
    min-width: 120px;
}

.asset-type-mappings-page__metric-list[b-layhbquaz8] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.asset-type-mappings-page__metric-row[b-layhbquaz8] {
    align-items: center;
    color: var(--cv-text-muted);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.asset-type-mappings-page__metric-row strong[b-layhbquaz8] {
    color: var(--cv-text);
}

.asset-type-mappings-page__progress-shell[b-layhbquaz8] {
    margin-top: 1rem;
}

.asset-type-mappings-page__progress-track[b-layhbquaz8] {
    background: var(--cv-surface-hover);
    border-radius: 999px;
    height: 0.65rem;
    overflow: hidden;
}

.asset-type-mappings-page__progress-fill[b-layhbquaz8] {
    background: var(--cv-surface-sunken);
    border-radius: 999px;
    height: 100%;
}

.asset-type-mappings-page__stack[b-layhbquaz8],
.asset-type-mappings-page__footer-actions[b-layhbquaz8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.asset-type-mappings-page__helper-panel[b-layhbquaz8] {
    background: var(--status-in-progress-bg);
    border: 1px solid var(--cv-border);
    border-radius: 0.9rem;
    padding: 0.9rem 1rem;
}

.asset-type-mappings-page__helper-copy p[b-layhbquaz8],
.asset-type-mappings-page__helper-copy ul[b-layhbquaz8] {
    margin: 0 0 0.85rem;
}

.asset-type-mappings-page__helper-copy ul[b-layhbquaz8] {
    padding-left: 1.25rem;
}

.asset-type-mappings-page__empty-state[b-layhbquaz8] {
    align-items: center;
    color: var(--cv-text-muted);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 2rem 1rem;
    text-align: center;
}

.asset-type-mappings-page__empty-state h3[b-layhbquaz8] {
    color: var(--cv-text);
    font-size: 1rem;
    margin: 0;
}

.asset-type-mappings-page__empty-state p[b-layhbquaz8] {
    margin: 0;
    max-width: 30rem;
}

.asset-type-mappings-page__empty-icon[b-layhbquaz8] {
    align-items: center;
    background: var(--status-in-progress-bg);
    border-radius: 999px;
    color: var(--cv-tone-support-text);
    display: inline-flex;
    font-size: 1.5rem;
    height: 3.5rem;
    justify-content: center;
    width: 3.5rem;
}

@media (max-width: 767.98px) {
    .asset-type-mappings-page__metric-row[b-layhbquaz8] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/VCio/BusinessReviewDetail.razor.rz.scp.css */
.business-review-detail[b-noa4p7iiwp] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.business-review-detail__state-card[b-noa4p7iiwp],
.business-review-detail__message-card[b-noa4p7iiwp] {
    max-width: 72rem;
}

.business-review-detail__state-message[b-noa4p7iiwp] {
    margin: 0;
}

.business-review-detail__stats-grid[b-noa4p7iiwp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
}

.business-review-detail__tabs[b-noa4p7iiwp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.business-review-detail__tab[b-noa4p7iiwp] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid var(--cv-border);
    background: var(--cv-surface);
    color: var(--cv-text);
    border-radius: 999px;
    padding: 0.65rem 1rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.business-review-detail__tab:hover[b-noa4p7iiwp] {
    border-color: var(--cv-hover-border);
    color: var(--cv-tone-support-text);
}

.business-review-detail__tab--active[b-noa4p7iiwp] {
    background: var(--status-in-progress-bg);
    border-color: var(--cv-hover-border);
    color: var(--cv-tone-support-text);
}

.business-review-detail__tab-badge[b-noa4p7iiwp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: var(--status-in-progress-bg);
    font-size: 0.8rem;
}

.business-review-detail__content-grid[b-noa4p7iiwp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 1rem;
}

.business-review-detail__content-card[b-noa4p7iiwp] {
    height: 100%;
}

.business-review-detail__form-grid[b-noa4p7iiwp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1rem;
}

.business-review-detail__field[b-noa4p7iiwp] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.business-review-detail__field-header[b-noa4p7iiwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.business-review-detail__field-actions[b-noa4p7iiwp] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.business-review-detail__field-stack[b-noa4p7iiwp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.business-review-detail__field--wide[b-noa4p7iiwp] {
    grid-column: 1 / -1;
}

.business-review-detail__label[b-noa4p7iiwp] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cv-text-muted);
}

.business-review-detail__helper[b-noa4p7iiwp] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--cv-text-muted);
}

.business-review-detail__helper--generated[b-noa4p7iiwp] {
    margin-bottom: 0.25rem;
}

.business-review-detail__help-icon[b-noa4p7iiwp] {
    flex-shrink: 0;
}

.business-review-detail__inline-alert[b-noa4p7iiwp] {
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--status-at-risk);
    border-radius: 0.75rem;
    background: var(--status-at-risk-bg);
    color: var(--cv-attention-danger-text);
    font-size: 0.9rem;
}

.business-review-detail__readonly-field[b-noa4p7iiwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--cv-border);
    border-radius: 0.75rem;
    background: var(--cv-surface-hover);
}

.business-review-detail__inline-link[b-noa4p7iiwp],
.business-review-detail__link-button[b-noa4p7iiwp] {
    color: var(--cv-tone-support-text);
    text-decoration: none;
    font-weight: 600;
}

.business-review-detail__inline-link:hover[b-noa4p7iiwp],
.business-review-detail__link-button:hover[b-noa4p7iiwp] {
    text-decoration: underline;
}

.business-review-detail__link-button[b-noa4p7iiwp] {
    border: 0;
    background: transparent;
    padding: 0;
}

.business-review-detail__link-button--danger[b-noa4p7iiwp] {
    color: var(--cv-attention-danger-text);
}

.business-review-detail__rich-text-preview[b-noa4p7iiwp] {
    min-height: 10rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 0.75rem;
    background: var(--cv-surface-hover);
}

.business-review-detail__rich-text-preview > :last-child[b-noa4p7iiwp] {
    margin-bottom: 0;
}

.business-review-detail__card-actions[b-noa4p7iiwp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.business-review-detail__card-actions--top[b-noa4p7iiwp] {
    margin: 1rem 0;
    justify-content: flex-start;
}

.business-review-detail__chip-list[b-noa4p7iiwp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.business-review-detail__chip[b-noa4p7iiwp] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: var(--status-in-progress-bg);
    font-size: 0.85rem;
}

.business-review-detail__chip-remove[b-noa4p7iiwp] {
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.business-review-detail__modal-copy[b-noa4p7iiwp] {
    margin: 0 0 1rem;
    font-size: 0.95rem;
    line-height: 1.6;
}

.business-review-detail__warning-banner[b-noa4p7iiwp] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 0.85rem;
    background: var(--status-at-risk-bg);
    color: var(--cv-attention-danger-text);
}

.business-review-detail__danger-list[b-noa4p7iiwp] {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.65rem;
}

.business-review-detail__danger-list li[b-noa4p7iiwp] {
    line-height: 1.55;
}

.business-review-detail__key-value-list[b-noa4p7iiwp] {
    display: grid;
    gap: 0.85rem;
    margin: 0;
}

.business-review-detail__key-value-list div[b-noa4p7iiwp] {
    display: grid;
    gap: 0.2rem;
}

.business-review-detail__key-value-list dt[b-noa4p7iiwp] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cv-text-muted);
}

.business-review-detail__key-value-list dd[b-noa4p7iiwp] {
    margin: 0;
    font-weight: 500;
}

.business-review-detail__list[b-noa4p7iiwp] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.business-review-detail__list-item[b-noa4p7iiwp],
.business-review-detail__linked-card[b-noa4p7iiwp] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 1rem;
    background: var(--cv-surface);
}

.business-review-detail__list-item--stacked[b-noa4p7iiwp] {
    display: block;
    padding: 0.85rem 1rem 1rem;
}

.business-review-detail__list-item-main[b-noa4p7iiwp] {
    flex: 1 1 18rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.business-review-detail__list-item-title-row[b-noa4p7iiwp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.business-review-detail__list-item-title-row h4[b-noa4p7iiwp],
.business-review-detail__group h4[b-noa4p7iiwp],
.business-review-detail__linked-card h4[b-noa4p7iiwp] {
    margin: 0;
    font-size: 1rem;
}

.business-review-detail__list-item-copy[b-noa4p7iiwp],
.business-review-detail__empty-copy[b-noa4p7iiwp] {
    margin: 0;
    color: var(--cv-text-muted);
}

.business-review-detail__quick-link-list[b-noa4p7iiwp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.business-review-detail__list-item-actions[b-noa4p7iiwp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.business-review-detail__suggestion-summary[b-noa4p7iiwp] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0;
    border: none;
    background: transparent;
    text-align: left;
    color: inherit;
}

.business-review-detail__suggestion-summary-main[b-noa4p7iiwp],
.business-review-detail__suggestion-summary-meta[b-noa4p7iiwp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    min-width: 0;
}

.business-review-detail__suggestion-summary-title[b-noa4p7iiwp] {
    font-weight: 600;
    min-width: 0;
}

.business-review-detail__suggestion-summary-date[b-noa4p7iiwp] {
    color: var(--cv-text-muted);
    font-size: 0.85rem;
}

.business-review-detail__suggestion-panel[b-noa4p7iiwp] {
    margin-top: 0.85rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.business-review-detail__meta-row[b-noa4p7iiwp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    color: var(--cv-text-muted);
    font-size: 0.85rem;
}

.business-review-detail__meta-row i[b-noa4p7iiwp] {
    margin-right: 0.35rem;
}

.business-review-detail__badge[b-noa4p7iiwp] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
}

.business-review-detail__badge--urgent[b-noa4p7iiwp] {
    background: var(--status-at-risk-bg);
    color: var(--cv-attention-danger-text);
}

.business-review-detail__badge--high[b-noa4p7iiwp] {
    background: var(--status-needs-attention-bg);
    color: var(--cv-attention-warning-text);
}

.business-review-detail__badge--normal[b-noa4p7iiwp],
.business-review-detail__badge--low[b-noa4p7iiwp],
.business-review-detail__badge--status[b-noa4p7iiwp] {
    background: var(--cv-surface-hover);
    color: var(--cv-text-muted);
}

.business-review-detail__suggestion-group[b-noa4p7iiwp] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 1rem;
}

.business-review-detail__suggestion-group + .business-review-detail__suggestion-group[b-noa4p7iiwp] {
    margin-top: 1.4rem;
}

.business-review-detail__suggestion-group-header[b-noa4p7iiwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.35rem 0.1rem;
    font-weight: 600;
    color: var(--cv-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.78rem;
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
}

.business-review-detail__suggestion-group-header--collapsible[b-noa4p7iiwp] {
    cursor: pointer;
}

.business-review-detail__suggestion-group-header--collapsible:hover[b-noa4p7iiwp] {
    color: var(--cv-text);
}

.business-review-detail__suggestion-group--priority .business-review-detail__suggestion-group-title[b-noa4p7iiwp] {
    color: var(--cv-attention-danger-text);
}

.business-review-detail__suggestion-group-title[b-noa4p7iiwp] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.business-review-detail__suggestion-group-count[b-noa4p7iiwp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.25rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: var(--cv-surface-hover);
    color: var(--cv-text);
    font-size: 0.75rem;
    font-weight: 600;
}

.business-review-detail__suggestion-card[b-noa4p7iiwp] {
    position: relative;
    padding-left: 1.1rem;
}

.business-review-detail__suggestion-card[b-noa4p7iiwp]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6rem;
    bottom: 0.6rem;
    width: 4px;
    border-radius: 4px;
    background: var(--cv-surface-hover);
}

.business-review-detail__suggestion-card--urgent[b-noa4p7iiwp]::before {
    background: var(--status-at-risk-bg);
}

.business-review-detail__suggestion-card--high[b-noa4p7iiwp]::before {
    background: var(--status-needs-attention-bg);
}

.business-review-detail__suggestion-card--normal[b-noa4p7iiwp]::before {
    background: var(--cv-surface-hover);
}

.business-review-detail__suggestion-card--low[b-noa4p7iiwp]::before {
    background: var(--cv-surface-hover);
}

.business-review-detail__suggestion-rationale-preview[b-noa4p7iiwp] {
    margin: 0.45rem 0 0;
    padding-left: 1.65rem;
    color: var(--cv-text-muted);
    font-size: 0.88rem;
    line-height: 1.4;
}

.business-review-detail__source-tag[b-noa4p7iiwp] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    background: var(--cv-surface-hover);
    color: var(--cv-text-muted);
}

.business-review-detail__source-tag--notes[b-noa4p7iiwp] {
    background: var(--status-in-progress-bg);
    color: var(--cv-tone-support-text);
}

.business-review-detail__source-tag--assessment[b-noa4p7iiwp] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.business-review-detail__source-tag--report[b-noa4p7iiwp] {
    background: var(--status-in-progress-bg);
    color: var(--cv-tone-support-text);
}

.business-review-detail__selection-list[b-noa4p7iiwp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.business-review-detail__selection-item[b-noa4p7iiwp] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 0.85rem;
}

.business-review-detail__selection-title[b-noa4p7iiwp] {
    display: block;
    font-weight: 600;
}

.business-review-detail__selection-meta[b-noa4p7iiwp] {
    display: block;
    margin-top: 0.2rem;
    color: var(--cv-text-muted);
    font-size: 0.85rem;
}

.business-review-detail__linked-score[b-noa4p7iiwp] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.1rem;
}

.business-review-detail__linked-score-value[b-noa4p7iiwp] {
    font-size: 1.25rem;
    font-weight: 700;
}

.business-review-detail__linked-score-label[b-noa4p7iiwp] {
    font-size: 0.8rem;
    color: var(--cv-text-muted);
}

.business-review-detail__movement[b-noa4p7iiwp] {
    margin-top: 0.15rem;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
}

.business-review-detail__movement--up[b-noa4p7iiwp] {
    background: var(--status-satisfactory-bg);
    color: var(--cv-text);
}

.business-review-detail__movement--down[b-noa4p7iiwp] {
    background: var(--status-at-risk-bg);
    color: var(--cv-text);
}

.business-review-detail__group[b-noa4p7iiwp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (max-width: 767.98px) {
    .business-review-detail__readonly-field[b-noa4p7iiwp],
    .business-review-detail__list-item[b-noa4p7iiwp],
    .business-review-detail__linked-card[b-noa4p7iiwp] {
        flex-direction: column;
        align-items: stretch;
    }

    .business-review-detail__card-actions[b-noa4p7iiwp] {
        justify-content: stretch;
    }

}
/* /Components/Pages/VCio/BusinessReviews.razor.rz.scp.css */
.business-reviews-page[b-0yadkggdss] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.business-reviews-page__stats-grid[b-0yadkggdss] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.business-reviews-page__loading-shell[b-0yadkggdss] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 280px;
}

.business-reviews-page__layout[b-0yadkggdss] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
}

.business-reviews-page__primary-column[b-0yadkggdss],
.business-reviews-page__sidebar[b-0yadkggdss] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.business-reviews-page__tag-list[b-0yadkggdss] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.business-reviews-page__tag-pill[b-0yadkggdss],
.business-reviews-page__tag-more[b-0yadkggdss] {
    align-items: center;
    appearance: none;
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-chip);
    color: var(--cv-text);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    gap: 0.5rem;
    padding: 0.5rem 0.85rem;
    text-align: left;
    text-decoration: none;
}

.business-reviews-page__tag-pill:hover[b-0yadkggdss],
.business-reviews-page__tag-more:hover[b-0yadkggdss] {
    border-color: var(--cv-hover-border);
}

.business-reviews-page__tag-pill:focus-visible[b-0yadkggdss],
.business-reviews-page__tag-more:focus-visible[b-0yadkggdss] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.business-reviews-page__tag-meta[b-0yadkggdss] {
    color: var(--cv-text-muted);
    font-size: 0.82rem;
}

.business-reviews-page__review-list[b-0yadkggdss] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.business-reviews-page__review-item[b-0yadkggdss] {
    align-items: flex-start;
    background: var(--cv-surface);
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

/* Due today and due this week: a 3px left rule, not a tinted fill. */
.business-reviews-page__review-item--today[b-0yadkggdss] {
}

.business-reviews-page__review-item--week[b-0yadkggdss] {
}

.business-reviews-page__review-main[b-0yadkggdss] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.business-reviews-page__review-title-row[b-0yadkggdss] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.business-reviews-page__review-link[b-0yadkggdss],
.business-reviews-page__table-link[b-0yadkggdss] {
    color: var(--cv-support);
    font-weight: 700;
    text-decoration: none;
}

.business-reviews-page__table-link--small[b-0yadkggdss] {
    font-size: 0.9rem;
    font-weight: 600;
}

.business-reviews-page__review-meta[b-0yadkggdss] {
    color: var(--cv-text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 0.92rem;
}

.business-reviews-page__review-meta i[b-0yadkggdss],
.business-reviews-page__date-item i[b-0yadkggdss] {
    margin-right: 0.35rem;
}

.business-reviews-page__review-support[b-0yadkggdss],
.business-reviews-page__sidebar-copy[b-0yadkggdss],
.business-reviews-page__muted[b-0yadkggdss] {
    color: var(--cv-text-muted);
    margin: 0;
}

.business-reviews-page__review-actions[b-0yadkggdss],
.business-reviews-page__table-actions[b-0yadkggdss],
.business-reviews-page__modal-actions[b-0yadkggdss],
.business-reviews-page__filter-actions[b-0yadkggdss] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.business-reviews-page__status-pill[b-0yadkggdss],
.business-reviews-page__status-badge[b-0yadkggdss],
.business-reviews-page__filter-chip[b-0yadkggdss],
.business-reviews-page__count-badge[b-0yadkggdss] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--cv-radius-chip);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    gap: 0.4rem;
    line-height: 1;
    padding: 0.42rem 0.72rem;
}

.business-reviews-page__status-pill--today[b-0yadkggdss],
.business-reviews-page__status-badge--primary[b-0yadkggdss] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.business-reviews-page__status-pill--week[b-0yadkggdss],
.business-reviews-page__status-badge--warning[b-0yadkggdss],
.business-reviews-page__count-badge--warning[b-0yadkggdss] {
    background: var(--status-needs-attention-bg);
    color: var(--status-needs-attention-text);
}

.business-reviews-page__status-badge--success[b-0yadkggdss],
.business-reviews-page__count-badge--success[b-0yadkggdss] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.business-reviews-page__status-badge--danger[b-0yadkggdss],
.business-reviews-page__count-badge--danger[b-0yadkggdss] {
    background: var(--status-at-risk-bg);
    color: var(--status-at-risk-text);
}

.business-reviews-page__status-badge--muted[b-0yadkggdss],
.business-reviews-page__count-badge--muted[b-0yadkggdss],
.business-reviews-page__filter-chip[b-0yadkggdss] {
    background: var(--cv-surface-sunken);
    border-color: var(--cv-border);
    color: var(--cv-text-muted);
}

.business-reviews-page__filter-grid[b-0yadkggdss],
.business-reviews-page__modal-fields[b-0yadkggdss] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.business-reviews-page__actions-column[b-0yadkggdss] {
    text-align: right;
}

.business-reviews-page__sort-button[b-0yadkggdss] {
    align-items: center;
    appearance: none;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 700;
    gap: 0.35rem;
    padding: 0;
}

.business-reviews-page__sort-button:hover[b-0yadkggdss],
.business-reviews-page__sort-button--active[b-0yadkggdss] {
    color: var(--cv-support);
}

.business-reviews-page__sort-button:focus-visible[b-0yadkggdss] {
    border-radius: var(--cv-radius-chip);
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.business-reviews-page__sort-icon[b-0yadkggdss] {
    color: var(--cv-text-muted);
    font-size: 0.85rem;
}

.business-reviews-page__sort-button--active .business-reviews-page__sort-icon[b-0yadkggdss] {
    color: inherit;
}

.business-reviews-page__empty-state[b-0yadkggdss] {
    align-items: center;
    border: 1px dashed var(--cv-border);
    border-radius: var(--cv-radius-card);
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    justify-content: center;
    min-height: 220px;
    padding: 2rem 1.5rem;
    text-align: center;
}

.business-reviews-page__empty-state--compact[b-0yadkggdss] {
    min-height: 180px;
}

.business-reviews-page__empty-state h3[b-0yadkggdss] {
    font-size: 1.15rem;
    margin: 0;
}

.business-reviews-page__empty-state p[b-0yadkggdss] {
    color: var(--cv-text-muted);
    margin: 0;
}

.business-reviews-page__empty-icon[b-0yadkggdss] {
    color: var(--cv-text-muted);
    display: inline-flex;
    font-size: 2rem;
    line-height: 1;
}

.business-reviews-page__date-group-list[b-0yadkggdss],
.business-reviews-page__summary-list[b-0yadkggdss] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.business-reviews-page__date-group[b-0yadkggdss] {
    border-bottom: 1px solid var(--cv-border-subtle);
    padding-bottom: 1rem;
}

.business-reviews-page__date-group:last-child[b-0yadkggdss] {
    border-bottom: none;
    padding-bottom: 0;
}

.business-reviews-page__date-heading[b-0yadkggdss] {
    color: var(--cv-text);
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.business-reviews-page__date-item[b-0yadkggdss] {
    color: var(--cv-text-muted);
    font-size: 0.92rem;
}

.business-reviews-page__summary-item[b-0yadkggdss] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.business-reviews-page__modal-copy[b-0yadkggdss] {
    margin-bottom: 1rem;
}

.business-reviews-page__error-banner[b-0yadkggdss] {
    align-items: center;
    background: var(--cv-surface-sunken);
    border: 0;
    border-radius: var(--cv-radius-control);
    color: var(--cv-text);
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
}

.business-reviews-page__error-banner i[b-0yadkggdss] {
    color: var(--cv-attention-danger-text);
}

@media (max-width: 991.98px) {
    .business-reviews-page__layout[b-0yadkggdss] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .business-reviews-page__review-item[b-0yadkggdss],
    .business-reviews-page__summary-item[b-0yadkggdss] {
        align-items: stretch;
        flex-direction: column;
    }

    .business-reviews-page__review-actions[b-0yadkggdss],
    .business-reviews-page__modal-actions[b-0yadkggdss],
    .business-reviews-page__filter-actions[b-0yadkggdss] {
        justify-content: stretch;
    }
}
/* /Components/Pages/VCio/CompanyInitiativeTracker.razor.rz.scp.css */
.company-initiative-tracker__question-title[b-udb4odrnwv] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    min-height: 2rem;
}

.company-initiative-tracker__question-actions[b-udb4odrnwv] {
    display: inline-flex;
    gap: 0.35rem;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}

.company-initiative-tracker__requirement-row:hover .company-initiative-tracker__question-actions[b-udb4odrnwv],
.company-initiative-tracker__requirement-row:focus-within .company-initiative-tracker__question-actions[b-udb4odrnwv] {
    opacity: 1;
}

.company-initiative-tracker__comment-summary[b-udb4odrnwv] {
    color: var(--cv-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    gap: 0.65rem;
    margin-top: 0.35rem;
}

.company-initiative-tracker__comment-summary span[b-udb4odrnwv] {
    align-items: center;
    display: inline-flex;
    gap: 0.3rem;
}

.company-initiative-tracker__activity-totals[b-udb4odrnwv],
.company-initiative-tracker__activity-summary[b-udb4odrnwv] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.35rem;
}

.company-initiative-tracker__activity-pill[b-udb4odrnwv] {
    align-items: center;
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-chip);
    display: inline-flex;
    font-size: 0.8125rem;
    gap: 0.3rem;
    line-height: 1.2;
    padding: 0.25rem 0.55rem;
}

.company-initiative-tracker__activity-pill--recommendation[b-udb4odrnwv] {
    background: var(--status-in-progress-bg);
    border-color: var(--cv-hover-border);
}

.company-initiative-tracker__activity-pill--action[b-udb4odrnwv] {
    background: var(--cv-surface-sunken);
}

.company-initiative-tracker__activity-pill--comment[b-udb4odrnwv] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
}

@media (max-width: 767.98px) {
    .company-initiative-tracker__question-actions[b-udb4odrnwv] {
        opacity: 1;
    }
}
/* /Components/Pages/VCio/CompanyVCioTab.razor.rz.scp.css */
/*
    Company vCIO tab. Cards, buttons, badges, tables, list rows and empty states are the shared wrappers;
    what is left here is the vCIO summary strip, the score bar, the initiative figures, the Risks &
    Improvements slice and a few table column widths.
*/

.company-vcio-tab__summary[b-z294x257m4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-2) var(--cv-space-5);
    padding: var(--cv-row-pad);
    margin-bottom: var(--cv-gap-stack);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
}

.company-vcio-tab__summary-item[b-z294x257m4] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-2);
    color: var(--cv-text);
}

.company-vcio-tab__summary-item > .bi[b-z294x257m4],
.company-vcio-tab__summary-item > .cv-label[b-z294x257m4] {
    color: var(--cv-text-muted);
}

.company-vcio-tab__label[b-z294x257m4] {
    color: var(--cv-text-muted);
    margin: 0 0 var(--cv-space-1);
}

.company-vcio-tab__assessment-head[b-z294x257m4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--cv-space-3);
    margin-bottom: var(--cv-space-3);
}

.company-vcio-tab__score[b-z294x257m4] {
    margin-bottom: var(--cv-space-3);
}

.company-vcio-tab__score-line[b-z294x257m4] {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--cv-space-1);
}

/* A thin 6px bar, as the platform style uses for usage, drawn from a native <progress>. */
.company-vcio-tab__progress[b-z294x257m4] {
    display: block;
    width: 100%;
    height: 6px;
    border: 0;
    border-radius: var(--cv-radius-round);
    background: var(--cv-surface-sunken);
    color: var(--cv-severity-positive);
    appearance: none;
    overflow: hidden;
}

.company-vcio-tab__progress[b-z294x257m4]::-webkit-progress-bar {
    background: var(--cv-surface-sunken);
    border-radius: var(--cv-radius-round);
}

.company-vcio-tab__progress[b-z294x257m4]::-webkit-progress-value {
    background: currentColor;
    border-radius: var(--cv-radius-round);
}

.company-vcio-tab__progress[b-z294x257m4]::-moz-progress-bar {
    background: currentColor;
    border-radius: var(--cv-radius-round);
}

.company-vcio-tab__progress--fair[b-z294x257m4] {
    color: var(--cv-severity-warning);
}

.company-vcio-tab__progress--poor[b-z294x257m4] {
    color: var(--cv-severity-critical);
}

.company-vcio-tab__section-score[b-z294x257m4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--cv-space-2);
    font-size: 0.875rem;
}

.company-vcio-tab__section-name[b-z294x257m4] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-vcio-tab__actions[b-z294x257m4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-2);
    margin-top: var(--cv-space-4);
    padding-top: var(--cv-space-3);
    border-top: var(--cv-border-width) solid var(--cv-border-subtle);
}

.company-vcio-tab__rows[b-z294x257m4] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-1);
}

.company-vcio-tab__more[b-z294x257m4] {
    margin: var(--cv-space-3) 0 0;
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
}

.company-vcio-tab__initiative-stats[b-z294x257m4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr));
    gap: var(--cv-space-2);
    margin-bottom: var(--cv-space-3);
}

.company-vcio-tab__initiative-stat[b-z294x257m4] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-1);
    padding: var(--cv-space-2) var(--cv-space-3);
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface-sunken);
}

.company-vcio-tab__initiative-stat > .cv-label[b-z294x257m4] {
    color: var(--cv-text-muted);
}

.company-vcio-tab__figure[b-z294x257m4] {
    font-size: 1.25rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--cv-text);
}

.company-vcio-tab__due[b-z294x257m4] {
    color: var(--cv-attention-warning-text);
}

.company-vcio-tab__overdue[b-z294x257m4] {
    color: var(--cv-attention-danger-text);
    font-weight: 600;
}

.company-vcio-tab__asset-name[b-z294x257m4] {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-vcio-tab__policy-col[b-z294x257m4] {
    min-width: 15rem;
}

.company-vcio-tab__default-col[b-z294x257m4] {
    min-width: 13.75rem;
}

.company-vcio-tab__override-col[b-z294x257m4] {
    min-width: 20rem;
}

.company-vcio-tab__row-actions[b-z294x257m4] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--cv-space-2);
}

/* Risks & Improvements slice. */

.company-vcio-tab__register-counts[b-z294x257m4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: var(--cv-space-3);
    margin-bottom: var(--cv-space-4);
}

.company-vcio-tab__register-list[b-z294x257m4] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.company-vcio-tab__register-item[b-z294x257m4] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--cv-space-3);
    padding: var(--cv-space-2) 0;
    border-top: var(--cv-border-width) solid var(--cv-border-subtle);
}

.company-vcio-tab__register-item:first-child[b-z294x257m4] { border-top: none; }

.company-vcio-tab__register-item-main[b-z294x257m4] { display: flex; flex-direction: column; min-width: 0; }

.company-vcio-tab__register-item-title[b-z294x257m4] { font-weight: 600; color: var(--cv-text); }

.company-vcio-tab__register-item-type[b-z294x257m4] {
    font-size: 0.78rem;
    color: var(--cv-text-muted);
}

.company-vcio-tab__register-item-meta[b-z294x257m4] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--cv-space-1);
    flex-shrink: 0;
}

.company-vcio-tab__register-item-badges[b-z294x257m4] { display: inline-flex; gap: var(--cv-space-1); flex-wrap: wrap; justify-content: flex-end; }

.company-vcio-tab__register-item-date[b-z294x257m4] {
    display: inline-flex;
    align-items: center;
    gap: var(--cv-space-1);
    font-size: 0.78rem;
    color: var(--cv-text-muted);
}

.company-vcio-tab__register-item-date--overdue[b-z294x257m4] { color: var(--cv-attention-danger-text); font-weight: 700; }

.company-vcio-tab__register-more[b-z294x257m4] {
    margin: var(--cv-space-3) 0 0;
    font-size: 0.78rem;
    color: var(--cv-text-muted);
}
/* /Components/Pages/VCio/InitiativeDetail.razor.rz.scp.css */
.initiative-detail__rollout-grid[b-i9jx38ygvt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1rem;
}

.initiative-detail__field-stack[b-i9jx38ygvt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.initiative-detail__field[b-i9jx38ygvt] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.initiative-detail__field--wide[b-i9jx38ygvt] {
    grid-column: 1 / -1;
}

.initiative-detail__field-header[b-i9jx38ygvt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.initiative-detail__label[b-i9jx38ygvt] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cv-text-muted);
}

.initiative-detail__helper[b-i9jx38ygvt] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--cv-text-muted);
}

.initiative-detail__dropdown-field[b-i9jx38ygvt] {
    margin-bottom: 0;
}

.initiative-detail__chip-list[b-i9jx38ygvt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.initiative-detail__chip[b-i9jx38ygvt] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: var(--status-in-progress-bg);
    font-size: 0.85rem;
}

.initiative-detail__chip--neutral[b-i9jx38ygvt] {
    background: var(--cv-surface-hover);
    border: 1px solid var(--cv-border);
}

.initiative-detail__chip-remove[b-i9jx38ygvt] {
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.initiative-detail__card-actions[b-i9jx38ygvt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

@media (max-width: 767.98px) {
    .initiative-detail__field-header[b-i9jx38ygvt] {
        align-items: stretch;
    }

    .initiative-detail__field-header > .btn[b-i9jx38ygvt] {
        width: 100%;
    }

    .initiative-detail__card-actions > .btn[b-i9jx38ygvt] {
        width: 100%;
    }
}
/* /Components/Pages/VCio/RecommendationCreate.razor.rz.scp.css */
.recommendation-create-page[b-8w8pqzs7rf] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.recommendation-create-page__loading[b-8w8pqzs7rf],
.recommendation-create-page__card[b-8w8pqzs7rf] {
    width: 100%;
}

.recommendation-create-page__form-grid[b-8w8pqzs7rf] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    width: 100%;
}

.recommendation-create-page__field[b-8w8pqzs7rf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.recommendation-create-page__field--full[b-8w8pqzs7rf] {
    grid-column: 1 / -1;
}

.recommendation-create-page__field-label[b-8w8pqzs7rf] {
    color: var(--cv-text-muted);
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.recommendation-create-page__probability-slider[b-8w8pqzs7rf] {
    max-width: 22rem;
}

.recommendation-create-page__footer-hint[b-8w8pqzs7rf] {
    color: var(--cv-text-muted);
    font-size: 0.85rem;
}
/* /Components/Pages/VCio/RecommendationEditor.razor.rz.scp.css */
.recommendation-editor-page[b-49v4sbcfqx] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.recommendation-editor-page__card[b-49v4sbcfqx],
.recommendation-editor-page__state-card[b-49v4sbcfqx],
.recommendation-editor-page__loading[b-49v4sbcfqx] {
    width: 100%;
}

.recommendation-editor-page__form-grid[b-49v4sbcfqx] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    width: 100%;
}

.recommendation-editor-page__line-grid[b-49v4sbcfqx] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.recommendation-editor-page__field[b-49v4sbcfqx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.recommendation-editor-page__field--wide[b-49v4sbcfqx] {
    grid-column: 1 / -1;
}

.recommendation-editor-page__field--full[b-49v4sbcfqx] {
    grid-column: 1 / -1;
}

.recommendation-editor-page__stack[b-49v4sbcfqx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.recommendation-editor-page__state-message[b-49v4sbcfqx],
.recommendation-editor-page__helper-text[b-49v4sbcfqx] {
    color: var(--cv-text-muted);
}

.recommendation-editor-page__line-list[b-49v4sbcfqx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.recommendation-editor-page__line-item[b-49v4sbcfqx] {
    background: var(--cv-surface-sunken);
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    padding: 1rem;
}

.recommendation-editor-page__line-toolbar[b-49v4sbcfqx] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.recommendation-editor-page__line-toolbar h3[b-49v4sbcfqx] {
    color: var(--cv-text);
    font-size: 1rem;
    margin: 0;
}

.recommendation-editor-page__line-toolbar p[b-49v4sbcfqx] {
    margin: 0.25rem 0 0;
}

.recommendation-editor-page__line-summary[b-49v4sbcfqx] {
    border-top: 1px solid var(--cv-border-subtle);
    margin-top: 0.5rem;
    padding-top: 1rem;
}

.recommendation-editor-page__line-summary-grid[b-49v4sbcfqx] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.recommendation-editor-page__line-summary-item[b-49v4sbcfqx] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.recommendation-editor-page__line-summary-item strong[b-49v4sbcfqx] {
    color: var(--cv-text);
    overflow-wrap: anywhere;
}

.recommendation-editor-page__line-summary-label[b-49v4sbcfqx] {
    color: var(--cv-text-muted);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.recommendation-editor-page__field-label[b-49v4sbcfqx] {
    color: var(--cv-text-muted);
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.recommendation-editor-page__footer-actions[b-49v4sbcfqx],
.recommendation-editor-page__file-actions[b-49v4sbcfqx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.recommendation-editor-page__planning-grid[b-49v4sbcfqx] {
    align-items: start;
}

.recommendation-editor-page__planning-field[b-49v4sbcfqx] {
    justify-content: flex-start;
}

.recommendation-editor-page__probability-slider[b-49v4sbcfqx] {
    max-width: 22rem;
}

.recommendation-editor-page__planning-toggle[b-49v4sbcfqx] {
    justify-content: flex-end;
}

.recommendation-editor-page__switch-with-help[b-49v4sbcfqx] {
    align-items: center;
    display: inline-flex;
    gap: 0.5rem;
}

.recommendation-editor-page__help-icon[b-49v4sbcfqx] {
    margin-top: 0.15rem;
}

.recommendation-editor-page__metric-list[b-49v4sbcfqx] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.recommendation-editor-page__metric-row[b-49v4sbcfqx] {
    align-items: center;
    color: var(--cv-text-muted);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.recommendation-editor-page__metric-row strong[b-49v4sbcfqx] {
    color: var(--cv-text);
}

.recommendation-editor-page__metric-row--total[b-49v4sbcfqx] {
    border-top: 1px solid var(--cv-border-subtle);
    margin-top: 0.25rem;
    padding-top: 0.85rem;
}

.recommendation-editor-page__weighted-box[b-49v4sbcfqx] {
    background: var(--cv-surface-sunken);
    border: 0;
    border-radius: var(--cv-radius-control);
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 1rem;
    padding: 0.9rem 1rem;
}

.recommendation-editor-page__file-list[b-49v4sbcfqx] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 1rem;
}

.recommendation-editor-page__file-item[b-49v4sbcfqx] {
    align-items: flex-start;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.recommendation-editor-page__file-name[b-49v4sbcfqx] {
    color: var(--cv-text);
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .recommendation-editor-page__line-toolbar[b-49v4sbcfqx],
    .recommendation-editor-page__file-item[b-49v4sbcfqx],
    .recommendation-editor-page__metric-row[b-49v4sbcfqx] {
        align-items: flex-start;
        flex-direction: column;
    }

    .recommendation-editor-page__line-summary-grid[b-49v4sbcfqx] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1200px) {
    .recommendation-editor-page__classification-grid[b-49v4sbcfqx] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .recommendation-editor-page__planning-grid[b-49v4sbcfqx] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .recommendation-editor-page__planning-toggle[b-49v4sbcfqx] {
        align-items: flex-start;
        justify-content: center;
        padding-top: 1.9rem;
    }
}
/* /Components/Pages/VCio/Recommendations.razor.rz.scp.css */
.recommendations-page[b-c863n69tx7] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.recommendations-page__loading[b-c863n69tx7],
.recommendations-page__state-card[b-c863n69tx7],
.recommendations-page__card[b-c863n69tx7] {
    width: 100%;
}

.recommendations-page__stats-grid[b-c863n69tx7] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.recommendations-page__section[b-c863n69tx7],
.recommendations-page__snapshot-section[b-c863n69tx7] {
    width: 100%;
}

.recommendations-page__filter-layout[b-c863n69tx7] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    width: 100%;
}

.recommendations-page__company-filter[b-c863n69tx7],
.recommendations-page__filter-layout > *[b-c863n69tx7] {
    min-width: 0;
}

.recommendations-page__switch-with-help[b-c863n69tx7] {
    align-items: center;
    display: inline-flex;
    gap: 0.5rem;
}

.recommendations-page__help-icon[b-c863n69tx7] {
    margin-top: 0.15rem;
}

.recommendations-page__filter-search[b-c863n69tx7],
.recommendations-page__filter-toggle[b-c863n69tx7] {
    grid-column: 1 / -1;
}

.recommendations-page__filter-bar[b-c863n69tx7]  .cv-filter-bar__content {
    width: 100%;
}

.recommendations-page__field-label[b-c863n69tx7] {
    color: var(--cv-text-muted);
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.recommendations-page__company-filter[b-c863n69tx7] {
    min-width: 0;
}

.recommendations-page__list-toolbar[b-c863n69tx7] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    width: 100%;
}

.recommendations-page__list-summary[b-c863n69tx7] {
    color: var(--cv-text-muted);
    font-size: 0.85rem;
}

.recommendations-page__page-size[b-c863n69tx7] {
    margin-left: auto;
    min-width: 9.5rem;
    width: auto;
}

.recommendations-page__table :deep(th)[b-c863n69tx7],
.recommendations-page__table :deep(td)[b-c863n69tx7] {
    vertical-align: top;
}

.recommendations-page__sort-button[b-c863n69tx7] {
    align-items: center;
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    gap: 0.35rem;
    padding: 0;
    text-align: left;
}

.recommendations-page__sort-button:hover[b-c863n69tx7] {
    color: var(--cv-tone-support-text);
}

.recommendations-page__sort-button--end[b-c863n69tx7] {
    justify-content: flex-end;
    width: 100%;
}

.recommendations-page__sort-icon[b-c863n69tx7] {
    color: var(--cv-text-muted);
    font-size: 0.75rem;
}

.recommendations-page__sort-icon--active[b-c863n69tx7] {
    color: var(--cv-tone-support-text);
    font-size: 0.75rem;
}

.recommendations-page__entity-link[b-c863n69tx7] {
    color: var(--cv-primary, var(--cv-text));
    font-weight: 600;
    text-decoration: none;
}

.recommendations-page__entity-link:hover[b-c863n69tx7] {
    text-decoration: underline;
}

.recommendations-page__meta-text[b-c863n69tx7],
.recommendations-page__state-message[b-c863n69tx7] {
    color: var(--cv-text-muted);
}

.recommendations-page__pill[b-c863n69tx7] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
}

.recommendations-page__pill--primary[b-c863n69tx7] {
    background: var(--cv-surface-hover);
    color: var(--cv-text);
}

.recommendations-page__pill--support[b-c863n69tx7] {
    background: var(--status-in-progress-bg);
    color: var(--cv-tone-support-text);
}

.recommendations-page__pill--warning[b-c863n69tx7] {
    background: var(--status-needs-attention-bg);
    color: var(--cv-attention-warning-text);
}

.recommendations-page__pill--success[b-c863n69tx7] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.recommendations-page__pill--danger[b-c863n69tx7] {
    background: var(--status-at-risk-bg);
    color: var(--cv-attention-danger-text);
}

.recommendations-page__pill--neutral[b-c863n69tx7] {
    background: var(--cv-surface-hover);
    color: var(--cv-text-muted);
}

.recommendations-page__probability-shell[b-c863n69tx7] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.recommendations-page__probability-track[b-c863n69tx7] {
    background: var(--cv-surface-hover);
    border-radius: 999px;
    height: 0.45rem;
    overflow: hidden;
    width: 4.25rem;
}

.recommendations-page__probability-fill[b-c863n69tx7] {
    border-radius: 999px;
    height: 100%;
}

.recommendations-page__probability-fill--success[b-c863n69tx7] {
    background: var(--status-satisfactory-bg);
}

.recommendations-page__probability-fill--warning[b-c863n69tx7] {
    background: var(--status-needs-attention-bg);
}

.recommendations-page__probability-fill--danger[b-c863n69tx7] {
    background: var(--status-at-risk-bg);
}

.recommendations-page__probability-value[b-c863n69tx7] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
}

.recommendations-page__numeric-column[b-c863n69tx7] {
    text-align: right;
    white-space: nowrap;
}

.recommendations-page__actions-column[b-c863n69tx7] {
    white-space: nowrap;
    width: 1%;
}

.recommendations-page__footer-actions[b-c863n69tx7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.recommendations-page__pager[b-c863n69tx7] {
    margin-top: 1rem;
}

@media (max-width: 767.98px) {
    .recommendations-page__probability-shell[b-c863n69tx7] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
    }
}

@media (min-width: 1200px) {
    .recommendations-page__filter-layout[b-c863n69tx7] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* /Components/Pages/VCio/Reports/ReportBuilder.razor.rz.scp.css */
.report-builder-page[b-92qrg2kcpc] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.report-builder-page__loading[b-92qrg2kcpc] {
    min-height: 18rem;
}

.report-builder-page__stats-grid[b-92qrg2kcpc] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.report-builder-page__workspace[b-92qrg2kcpc] {
    display: grid;
    gap: 1rem;
    align-items: start;
    grid-template-columns: minmax(17rem, 19rem) minmax(0, 1fr);
}

.report-builder-page__workspace--with-manage[b-92qrg2kcpc] {
    grid-template-columns: minmax(17rem, 19rem) minmax(0, 1fr) minmax(19rem, 22rem);
}

.report-builder-page__meta-row[b-92qrg2kcpc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.report-builder-page__meta-pill[b-92qrg2kcpc],
.report-builder-page__status-chip[b-92qrg2kcpc],
.report-builder-page__section-status[b-92qrg2kcpc] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border-radius: var(--cv-radius-chip);
    padding: 0.4rem 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
}

.report-builder-page__meta-pill[b-92qrg2kcpc],
.report-builder-page__status-chip--neutral[b-92qrg2kcpc] {
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
}

.report-builder-page__status-chip--primary[b-92qrg2kcpc],
.report-builder-page__status-chip--support[b-92qrg2kcpc] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
}

.report-builder-page__status-chip--success[b-92qrg2kcpc] {
    background: var(--status-satisfactory-bg);
    color: var(--status-satisfactory-text);
}

.report-builder-page__status-chip--warning[b-92qrg2kcpc] {
    background: var(--status-needs-attention-bg);
    color: var(--status-needs-attention-text);
}

.report-builder-page__status-chip--danger[b-92qrg2kcpc] {
    background: var(--status-at-risk-bg);
    color: var(--status-at-risk-text);
}

.report-builder-page__status-banner-copy[b-92qrg2kcpc] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    color: var(--cv-text);
}

.report-builder-page__company-cell[b-92qrg2kcpc],
.report-builder-page__action-cluster[b-92qrg2kcpc],
.report-builder-page__manage-item[b-92qrg2kcpc],
.report-builder-page__manage-item-main[b-92qrg2kcpc],
.report-builder-page__manage-actions[b-92qrg2kcpc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.report-builder-page__company-cell[b-92qrg2kcpc] {
    color: var(--cv-text);
}

.report-builder-page__sort-button[b-92qrg2kcpc] {
    align-items: center;
    appearance: none;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 700;
    gap: 0.35rem;
    padding: 0;
}

.report-builder-page__sort-button:hover[b-92qrg2kcpc],
.report-builder-page__sort-button--active[b-92qrg2kcpc] {
    color: var(--cv-support);
}

.report-builder-page__sort-button:focus-visible[b-92qrg2kcpc] {
    border-radius: var(--cv-radius-chip);
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.report-builder-page__sort-icon[b-92qrg2kcpc] {
    color: var(--cv-text-muted);
    font-size: 0.85rem;
}

.report-builder-page__sort-button--active .report-builder-page__sort-icon[b-92qrg2kcpc] {
    color: inherit;
}

.report-builder-page__muted-copy[b-92qrg2kcpc] {
    color: var(--cv-text-muted);
}

.report-builder-page__action-cluster[b-92qrg2kcpc] {
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.report-builder-page__inline-status[b-92qrg2kcpc] {
    font-size: 0.75rem;
    color: var(--cv-text-muted);
    margin-left: 0.25rem;
}

.report-builder-page__progress-shell[b-92qrg2kcpc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.report-builder-page__progress-bar[b-92qrg2kcpc] {
    width: 7rem;
    height: 0.45rem;
    border-radius: var(--cv-radius-round);
    background: var(--cv-border);
    overflow: hidden;
}

.report-builder-page__progress-bar span[b-92qrg2kcpc] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--cv-support);
}

.report-builder-page__table-row[b-92qrg2kcpc] {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.report-builder-page__table-row:hover[b-92qrg2kcpc] {
    background: var(--cv-surface-hover);
}

.report-builder-page__empty-state[b-92qrg2kcpc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.75rem;
    min-height: 16rem;
    color: var(--cv-text-muted);
    padding: 2rem 1.5rem;
}

.report-builder-page__empty-state--compact[b-92qrg2kcpc] {
    min-height: 12rem;
}

.report-builder-page__empty-icon[b-92qrg2kcpc] {
    display: inline-flex;
    color: var(--cv-text-muted);
    font-size: 2rem;
    line-height: 1;
}

.report-builder-page__sticky[b-92qrg2kcpc] {
    position: sticky;
    top: 1rem;
}

.report-builder-page__section-nav[b-92qrg2kcpc],
.report-builder-page__manage-list[b-92qrg2kcpc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.report-builder-page__settings-tabs[b-92qrg2kcpc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
    padding: 0.25rem;
    margin-bottom: 0.85rem;
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface-sunken);
}

.report-builder-page__settings-tab-label[b-92qrg2kcpc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    width: 100%;
    font-size: 0.82rem;
}

.report-builder-page__section-button-shell[b-92qrg2kcpc] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.report-builder-page__section-button-main[b-92qrg2kcpc] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    text-align: left;
}

/* The preview frame stands in for paper, so its fills stay light in both themes. */
.report-builder-page__preview-surface[b-92qrg2kcpc] {
    background: var(--cv-surface-sunken);
    border-radius: var(--cv-radius-card);
    padding: 1rem;
}

.report-builder-page__preview-section[b-92qrg2kcpc] {
    background: var(--cv-surface);
    border: 1px solid var(--cv-hover-border);
    border-radius: var(--cv-radius-card);
    overflow: hidden;
}

.report-builder-page__preview-section + .report-builder-page__preview-section[b-92qrg2kcpc] {
    margin-top: 1rem;
}

.report-builder-page__preview-placeholder[b-92qrg2kcpc],
.report-builder-page__delete-summary[b-92qrg2kcpc],
.report-builder-page__delete-warning[b-92qrg2kcpc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: var(--cv-radius-control);
}

.report-builder-page__preview-placeholder[b-92qrg2kcpc] {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    min-height: 8rem;
    color: var(--cv-text-muted);
    padding: 1.5rem;
    background: var(--cv-surface-sunken);
}

.report-builder-page__preview-placeholder i[b-92qrg2kcpc] {
    font-size: 1.75rem;
}

.report-builder-page__field + .report-builder-page__field[b-92qrg2kcpc],
.report-builder-page__helper-copy + .report-builder-page__field[b-92qrg2kcpc] {
    margin-top: 0.75rem;
}

.report-builder-page__quarter-shortcuts[b-92qrg2kcpc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.5rem;
}

.report-builder-page__quarter-shortcuts-label[b-92qrg2kcpc] {
    margin-right: 0.15rem;
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
}

.report-builder-page__quarter-shortcut[b-92qrg2kcpc] {
    min-width: 2.8rem;
}

.report-builder-page__helper-copy[b-92qrg2kcpc] {
    margin: 0.5rem 0 0;
    font-size: 0.85rem;
    color: var(--cv-text-muted);
}

/* Page-owned spacing slot for a CvInfoBox; the box itself styles its own surface. */
.report-builder-page__info-slot[b-92qrg2kcpc] {
    margin-top: 0.75rem;
}

.report-builder-page__settings-section--compact[b-92qrg2kcpc] {
    margin-top: 0.75rem;
}

.report-builder-page__manage-item[b-92qrg2kcpc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.7rem 0.75rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface);
}

.report-builder-page__manage-item-main[b-92qrg2kcpc] {
    flex: 1;
    min-width: 0;
    gap: 0.5rem;
    align-items: flex-start;
}

.report-builder-page__manage-order[b-92qrg2kcpc] {
    color: var(--cv-text-muted);
    cursor: default;
    display: inline-flex;
    align-items: center;
    font-size: 0.95rem;
}

.report-builder-page__manage-text[b-92qrg2kcpc] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.report-builder-page__manage-name[b-92qrg2kcpc] {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.2;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--cv-text);
}

.report-builder-page__manage-status[b-92qrg2kcpc] {
    color: var(--cv-text-muted);
    font-size: 0.74rem;
    font-weight: 600;
}

.report-builder-page__status-dot[b-92qrg2kcpc] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: var(--cv-radius-round);
    flex: 0 0 auto;
}

/* The dots also carry the chip classes, so they restate the fill and drop the chip hairline. */
.report-builder-page__status-dot.report-builder-page__status-chip--success[b-92qrg2kcpc] {
    background: var(--status-satisfactory);
}

.report-builder-page__status-dot.report-builder-page__status-chip--warning[b-92qrg2kcpc] {
    background: var(--status-needs-attention);
}

.report-builder-page__status-dot.report-builder-page__status-chip--danger[b-92qrg2kcpc] {
    background: var(--status-at-risk);
}

.report-builder-page__status-dot.report-builder-page__status-chip--primary[b-92qrg2kcpc],
.report-builder-page__status-dot.report-builder-page__status-chip--support[b-92qrg2kcpc] {
    background: var(--status-in-progress);
}

.report-builder-page__status-dot.report-builder-page__status-chip--neutral[b-92qrg2kcpc] {
    background: color-mix(in srgb, var(--cv-text-muted) 55%, transparent);
}

.report-builder-page__manage-actions[b-92qrg2kcpc] {
    gap: 0.15rem;
    justify-content: flex-end;
}

.report-builder-page__dialog-backdrop[b-92qrg2kcpc] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: var(--cv-surface-hover);
}

.report-builder-page__dialog-surface[b-92qrg2kcpc] {
    width: min(100%, 40rem);
}

.report-builder-page__dialog-surface--narrow[b-92qrg2kcpc] {
    width: min(100%, 32rem);
}

.report-builder-page__dialog-body[b-92qrg2kcpc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.report-builder-page__delete-summary[b-92qrg2kcpc] {
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
}

.report-builder-page__delete-summary span[b-92qrg2kcpc] {
    color: var(--cv-text-muted);
}

.report-builder-page__delete-warning[b-92qrg2kcpc] {
    padding: 0.85rem 1rem;
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
}

.report-builder-page[b-92qrg2kcpc]  .report-builder-page__header,
.report-builder-page[b-92qrg2kcpc]  .report-builder-page__list-card,
.report-builder-page[b-92qrg2kcpc]  .report-builder-page__content-card,
.report-builder-page[b-92qrg2kcpc]  .report-builder-page__nav-card,
.report-builder-page[b-92qrg2kcpc]  .report-builder-page__manage-card,
.report-builder-page[b-92qrg2kcpc]  .report-builder-page__stat-card {
    width: 100%;
}

.report-builder-page[b-92qrg2kcpc]  .report-builder-page__section-button {
    justify-content: flex-start;
    text-transform: none;
    padding: 0.75rem 0.85rem;
    border-radius: var(--cv-radius-control);
}

.report-builder-page[b-92qrg2kcpc]  .report-builder-page__section-toggle {
    margin: 0;
}

.report-builder-page[b-92qrg2kcpc]  .report-builder-page__section-toggle .mud-typography {
    font-size: 0.92rem;
}

.report-builder-page[b-92qrg2kcpc]  .report-builder-page__settings-tab {
    min-width: 0;
    justify-content: center;
    border-radius: var(--cv-radius-chip);
    padding: 0.35rem 0.45rem;
    text-transform: none;
}

.report-builder-page[b-92qrg2kcpc]  .report-builder-page__manage-card .cv-card__body {
    padding-top: 0.75rem;
}

.report-builder-page[b-92qrg2kcpc]  .report-builder-page__manage-item .mud-switch {
    margin: 0;
}

.report-builder-page[b-92qrg2kcpc]  .report-builder-page__table table td,
.report-builder-page[b-92qrg2kcpc]  .report-builder-page__table table th {
    vertical-align: middle;
}

@media (max-width: 1199.98px) {
    .report-builder-page__stats-grid[b-92qrg2kcpc],
    .report-builder-page__workspace[b-92qrg2kcpc],
    .report-builder-page__workspace--with-manage[b-92qrg2kcpc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .report-builder-page__workspace[b-92qrg2kcpc],
    .report-builder-page__workspace--with-manage[b-92qrg2kcpc],
    .report-builder-page__stats-grid[b-92qrg2kcpc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .report-builder-page__sticky[b-92qrg2kcpc] {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .report-builder-page__dialog-backdrop[b-92qrg2kcpc] {
        padding: 1rem;
        align-items: flex-end;
    }

    .report-builder-page__dialog-surface[b-92qrg2kcpc],
    .report-builder-page__dialog-surface--narrow[b-92qrg2kcpc] {
        width: 100%;
    }
}
/* /Components/Pages/VCio/Reports/ReportPresentationView.razor.rz.scp.css */
/* Scoped to ReportPresentationView because that component emits the presentation DOM.
   The routed staff page (ReportPresentation.razor) and the portal host both render this
   component, so the styling has to travel with the markup rather than with the route. */

.report-presentation-page[b-lyw7aju4el] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.report-presentation-page__layout[b-lyw7aju4el] {
    display: grid;
    gap: 1rem;
    align-items: start;
    grid-template-columns: minmax(18rem, 20rem) minmax(0, 1fr);
}

.report-presentation-page__sidebar[b-lyw7aju4el] {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

.report-presentation-page__agenda-nav[b-lyw7aju4el] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.report-presentation-page__agenda-button-shell[b-lyw7aju4el] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    justify-content: flex-start;
    text-align: left;
}

.report-presentation-page__content[b-lyw7aju4el] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

/* Keeps a clicked section clear of the viewport edge without the scroll-spy
   having to compute an offset in script. */
.report-presentation-page__section[b-lyw7aju4el] {
    scroll-margin-top: 1rem;
}

.report-presentation-page__print-header[b-lyw7aju4el] {
    margin-bottom: 1rem;
}

.report-presentation-page__print-header h1[b-lyw7aju4el] {
    margin: 0;
    color: #0d1733;
}

.report-presentation-page__print-header p[b-lyw7aju4el] {
    margin: 0.5rem 0 0;
    color: #5d6b8d;
    display: inline-flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.report-presentation-page__empty-state[b-lyw7aju4el] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    text-align: center;
    padding: 2rem 1.5rem;
    color: #4b587c;
}

.report-presentation-page__empty-icon[b-lyw7aju4el] {
    width: 4rem;
    height: 4rem;
    border-radius: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4fb;
    color: #1e789a;
    font-size: 1.6rem;
}

/* These classes are handed to Cv* wrappers, so the elements carrying them are emitted by
   the wrapper rather than by this component and need ::deep to be reachable. */
.report-presentation-page[b-lyw7aju4el]  .report-presentation-page__loading {
    min-height: 18rem;
}

.report-presentation-page[b-lyw7aju4el]  .report-presentation-page__header,
.report-presentation-page[b-lyw7aju4el]  .report-presentation-page__state-card,
.report-presentation-page[b-lyw7aju4el]  .report-presentation-page__agenda-card,
.report-presentation-page[b-lyw7aju4el]  .report-presentation-page__section-card {
    width: 100%;
}

.report-presentation-page[b-lyw7aju4el]  .report-presentation-page__section-card {
    overflow: hidden;
}

.report-presentation-page[b-lyw7aju4el]  .report-presentation-page__agenda-button {
    justify-content: flex-start;
    text-transform: none;
    padding: 0.75rem 0.85rem;
    border-radius: 1rem;
}

/* The scroll-spy marks the current agenda entry with aria-current, so the accessible state
   and the visual state cannot drift apart, and a Blazor re-render of the nav cannot clobber
   a script-applied class. */
.report-presentation-page[b-lyw7aju4el]  .report-presentation-page__agenda-button[aria-current="true"] {
    background: color-mix(in srgb, var(--accent-primary) 12%, transparent);
    color: var(--accent-primary);
    box-shadow: inset 0.1875rem 0 0 0 var(--accent-primary);
    font-weight: 600;
}

.report-presentation-page--print[b-lyw7aju4el] {
    display: block;
}

.report-presentation-page--print .report-presentation-page__layout[b-lyw7aju4el] {
    display: block;
}

.report-presentation-page--print .report-presentation-page__content[b-lyw7aju4el] {
    display: block;
}

.report-presentation-page--print .report-presentation-page__section + .report-presentation-page__section[b-lyw7aju4el] {
    margin-top: 1rem;
}

@media (max-width: 991.98px) {
    .report-presentation-page__layout[b-lyw7aju4el] {
        grid-template-columns: minmax(0, 1fr);
    }

    .report-presentation-page__sidebar[b-lyw7aju4el] {
        position: static;
        max-height: none;
        overflow-y: visible;
    }
}
/* /Components/Pages/VCio/Reports/Sections/RisksImprovementsSectionEditor.razor.rz.scp.css */

.risks-improvements-section-editor__settings-actions[b-yjzradyzxn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.risks-improvements-section-editor__settings-hint[b-yjzradyzxn] {
    font-size: 0.78rem;
    color: rgba(var(--bs-dark-rgb), 0.6);
}
/* /Components/Pages/VCio/RiskImprovementEditor.razor.rz.scp.css */
.risk-register-editor-page[b-aqnx25prjs] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.risk-register-editor-page__loading[b-aqnx25prjs] {
    padding: 3rem 0;
}

.risk-register-editor-page__alert[b-aqnx25prjs] {
    margin-bottom: 0;
}

.risk-register-editor-page__validation-list[b-aqnx25prjs] {
    margin: 0;
    padding-left: 1.25rem;
}

.risk-register-editor-page__alert-actions[b-aqnx25prjs] {
    margin-top: 0.75rem;
}
/* /Components/Pages/VCio/RiskImprovementRegister.razor.rz.scp.css */
.risk-register-page[b-qqf00p2igg] { display: flex; flex-direction: column; gap: 1.25rem; }

.risk-register-page__loading[b-qqf00p2igg],
.risk-register-page__inline-loading[b-qqf00p2igg] { padding: 1.5rem 0; }

.risk-register-page__state-card[b-qqf00p2igg],
.risk-register-page__card[b-qqf00p2igg] { width: 100%; }

.risk-register-page__state-message[b-qqf00p2igg] { margin: 0; }

.risk-register-page__footer-actions[b-qqf00p2igg] { display: flex; gap: 0.5rem; flex-wrap: wrap; }

.risk-register-page__alert[b-qqf00p2igg] { width: 100%; }
.risk-register-page__alert-actions[b-qqf00p2igg] { margin-top: 0.5rem; }

.risk-register-page__stats-grid[b-qqf00p2igg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1rem;
}

.risk-register-page__table[b-qqf00p2igg] { width: 100%; }

.risk-register-page__item-title[b-qqf00p2igg] { font-weight: 600; }

.risk-register-page__meta-text[b-qqf00p2igg] {
    font-size: 0.78rem;
    color: rgba(var(--bs-dark-rgb), 0.6);
    margin-top: 0.15rem;
}

.risk-register-page__meta-text--overdue[b-qqf00p2igg] { color: var(--mud-palette-error); font-weight: 600; }

.risk-register-page__entity-link[b-qqf00p2igg] { text-decoration: none; font-weight: 600; }
.risk-register-page__entity-link:hover[b-qqf00p2igg] { text-decoration: underline; }

.risk-register-page__date--overdue[b-qqf00p2igg] { color: var(--mud-palette-error); font-weight: 700; }

.risk-register-page__actions-column[b-qqf00p2igg] { text-align: left; }
.risk-register-page__table-actions[b-qqf00p2igg] { display: inline-flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }

.risk-register-page__empty-state[b-qqf00p2igg] { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 2rem 0; text-align: center; }
.risk-register-page__empty-icon i[b-qqf00p2igg] { font-size: 2rem; color: rgba(var(--bs-dark-rgb), 0.35); }
.risk-register-page__empty-state h3[b-qqf00p2igg] { font-size: 1rem; margin: 0; }
.risk-register-page__empty-state p[b-qqf00p2igg] { margin: 0; color: rgba(var(--bs-dark-rgb), 0.6); }

.risk-register-page__pager-row[b-qqf00p2igg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

/* Page-size control sizes to its content, never full width. */
.risk-register-page__page-size[b-qqf00p2igg] { flex: 0 0 auto; width: auto; min-width: 7rem; max-width: 9rem; }
.risk-register-page__pager[b-qqf00p2igg] { flex: 1 1 20rem; }

@media (max-width: 768px) {
    .risk-register-page__pager-row[b-qqf00p2igg] { flex-direction: column; align-items: stretch; }
    .risk-register-page__page-size[b-qqf00p2igg] { max-width: none; }
}
/* /Components/Pages/VCio/Schedule.razor.rz.scp.css */
.schedule-page[b-vkcety5o13] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.schedule-page__loading-shell[b-vkcety5o13] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 280px;
}

.schedule-page__stats-grid[b-vkcety5o13] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.schedule-page__filter-grid[b-vkcety5o13] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
}

.schedule-page__filter-field[b-vkcety5o13] {
    min-width: 0;
}

.schedule-page[b-vkcety5o13]  .schedule-page__filter-bar .cv-filter-bar__content {
    flex: 1 1 100%;
}

.schedule-page__filter-actions[b-vkcety5o13] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.schedule-page__legend-grid[b-vkcety5o13] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.schedule-page__legend-group[b-vkcety5o13] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.schedule-page__legend-label[b-vkcety5o13] {
    color: var(--cv-text-muted);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.schedule-page__legend-list[b-vkcety5o13] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
}

.schedule-page__legend-item[b-vkcety5o13] {
    align-items: center;
    display: inline-flex;
    gap: 0.5rem;
}

.schedule-page__legend-dot[b-vkcety5o13],
.schedule-page__shape[b-vkcety5o13] {
    display: inline-flex;
    flex-shrink: 0;
    height: 0.95rem;
    width: 0.95rem;
}

.schedule-page__legend-dot[b-vkcety5o13] {
    border-radius: 0.28rem;
}

.schedule-page__legend-dot--success[b-vkcety5o13] {
    background: var(--status-satisfactory-bg);
}

.schedule-page__legend-dot--primary[b-vkcety5o13] {
    background: var(--status-in-progress-bg);
}

.schedule-page__legend-dot--danger[b-vkcety5o13] {
    background: var(--status-at-risk-bg);
}

.schedule-page__legend-dot--neutral[b-vkcety5o13] {
    background: var(--cv-surface-sunken);
}

.schedule-page__shape[b-vkcety5o13] {
    border: 1px solid var(--cv-border);
}

.schedule-page__shape--meeting[b-vkcety5o13] {
    border-radius: 0.3rem;
}

.schedule-page__shape--review[b-vkcety5o13] {
    border-radius: 50%;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table {
    min-height: 60vh;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table-card {
    --planner-card-header-height: 4.75rem;
    --planner-sticky-top: 4rem;
    overflow: visible;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table-card .cv-card__header {
    background: var(--surface-raised, var(--cv-surface));
    position: sticky;
    top: var(--planner-sticky-top);
    z-index: 18;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table-card .cv-card__body {
    padding-top: 0;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table .cv-table {
    overflow: visible;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table .cv-table__table {
    min-width: max-content;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table .cv-table__scroll {
    overflow: visible;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table th {
    background: var(--mud-palette-background-grey, var(--cv-surface-sunken));
    position: sticky;
    top: calc(var(--planner-sticky-top) + var(--planner-card-header-height));
    z-index: 16;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table td,
.schedule-page[b-vkcety5o13]  .schedule-page__table th {
    vertical-align: middle;
}

.schedule-page__sticky-column[b-vkcety5o13] {
    background: var(--surface-raised, var(--cv-surface));
    left: 0;
    min-width: 250px;
    position: sticky;
    z-index: 6;
}

.schedule-page__sticky-column--header[b-vkcety5o13] {
    background: var(--mud-palette-background-grey, var(--cv-surface-sunken));
    z-index: 17;
}

.schedule-page__company-cell[b-vkcety5o13] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.schedule-page__company-link[b-vkcety5o13] {
    color: var(--cv-primary);
    font-weight: 700;
    text-decoration: none;
}

.schedule-page__company-meta[b-vkcety5o13] {
    align-items: center;
    color: var(--cv-text-muted);
    display: inline-flex;
    gap: 0.35rem;
    font-size: 0.85rem;
}

.schedule-page__month-header[b-vkcety5o13] {
    min-width: 80px;
    text-align: center;
}

.schedule-page__control-header[b-vkcety5o13],
.schedule-page__control-cell[b-vkcety5o13] {
    min-width: 12rem;
    width: 12rem;
}

.schedule-page__month-year[b-vkcety5o13] {
    color: var(--cv-text-muted);
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 0.15rem;
    text-transform: none;
}

.schedule-page__month-cell[b-vkcety5o13] {
    text-align: center;
}

.schedule-page__meeting-stack[b-vkcety5o13] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: center;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table .schedule-page__row-select,
.schedule-page[b-vkcety5o13]  .schedule-page__table .schedule-page__row-select .mud-input-control,
.schedule-page[b-vkcety5o13]  .schedule-page__table .schedule-page__row-select .mud-input-control-input-container,
.schedule-page[b-vkcety5o13]  .schedule-page__table .schedule-page__row-select .mud-input,
.schedule-page[b-vkcety5o13]  .schedule-page__table .schedule-page__row-select .mud-input-root,
.schedule-page[b-vkcety5o13]  .schedule-page__table .schedule-page__row-select .mud-select {
    width: 100%;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table .schedule-page__row-select .mud-input-root {
    flex-wrap: nowrap;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table .schedule-page__row-select .mud-input-slot,
.schedule-page[b-vkcety5o13]  .schedule-page__table .schedule-page__row-select .mud-select-input {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table .schedule-page__meeting-button {
    min-height: 2rem;
    min-width: 2rem;
    padding: 0;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table .schedule-page__meeting-button .mud-button-label {
    align-items: center;
    display: flex;
    font-size: 0.78rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.schedule-page[b-vkcety5o13]  .schedule-page__table .schedule-page__meeting-button--review {
    border-radius: 999px;
}

.schedule-page__empty-state[b-vkcety5o13] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    justify-content: center;
    min-height: 240px;
    text-align: center;
}

.schedule-page__empty-icon[b-vkcety5o13] {
    align-items: center;
    background: var(--status-in-progress-bg);
    border-radius: 50%;
    color: var(--cv-primary);
    display: inline-flex;
    font-size: 2rem;
    height: 4.5rem;
    justify-content: center;
    width: 4.5rem;
}

.schedule-page__empty-state h3[b-vkcety5o13] {
    margin: 0;
}

.schedule-page__empty-state p[b-vkcety5o13] {
    color: var(--cv-text-muted);
    margin: 0;
}

@media (max-width: 767.98px) {
    .schedule-page__filter-actions[b-vkcety5o13] {
        justify-content: flex-start;
    }

    .schedule-page[b-vkcety5o13]  .schedule-page__table-card .cv-card__header,
    .schedule-page[b-vkcety5o13]  .schedule-page__table th {
        position: static;
    }
}

@media (max-width: 1199.98px) {
    .schedule-page__filter-grid[b-vkcety5o13] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .schedule-page__filter-grid[b-vkcety5o13] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/VCio/Settings.razor.rz.scp.css */
.vcio-settings-page[b-4kr2excp2t] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.vcio-settings-page__message-card[b-4kr2excp2t],
.vcio-settings-page__state-card[b-4kr2excp2t] {
    width: 100%;
}

.vcio-settings-page__chip[b-4kr2excp2t] {
    font-size: 0.875rem;
    font-weight: 500;
}

.vcio-settings-page__chip--status[b-4kr2excp2t] {
    border-radius: 999px;
}

.vcio-settings-page__metric-badge[b-4kr2excp2t] {
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
}

.vcio-settings-page__chip-action[b-4kr2excp2t] {
    color: inherit !important;
    opacity: 0.82;
    text-decoration: none;
}

.vcio-settings-page__chip-action:hover[b-4kr2excp2t],
.vcio-settings-page__chip-action:focus-visible[b-4kr2excp2t] {
    opacity: 1;
}

.vcio-settings-page__save-row[b-4kr2excp2t] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.5rem;
}

.vcio-settings-page__header-actions[b-4kr2excp2t] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.vcio-settings-page__table :deep(th)[b-4kr2excp2t] {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vcio-settings-page__table :deep(td)[b-4kr2excp2t] {
    vertical-align: middle;
}

.vcio-settings-page__summary-list[b-4kr2excp2t] {
    display: grid;
    gap: 0.9rem;
}

.vcio-settings-page__summary-list div[b-4kr2excp2t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    background: var(--cv-surface-hover);
}

.vcio-settings-page__summary-list span[b-4kr2excp2t] {
    color: var(--mud-palette-text-secondary);
}

.vcio-settings-page__summary-list strong[b-4kr2excp2t] {
    font-size: 1.05rem;
}

.vcio-settings-page__help-stack[b-4kr2excp2t] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

@media (max-width: 900px) {
    .vcio-settings-page__header-actions[b-4kr2excp2t] {
        justify-content: flex-start;
    }

    .vcio-settings-page__save-row[b-4kr2excp2t] {
        justify-content: stretch;
    }
}
/* /Components/Pages/VCio/TemplateEditor.razor.rz.scp.css */
.vcio-template-editor-page__loading[b-b9fzmwgi19] { padding: 4rem 0; }
.vcio-template-editor-page__feedback-shell[b-b9fzmwgi19] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.vcio-template-editor-page__sticky-card[b-b9fzmwgi19] { position: sticky; top: 1rem; }
.vcio-template-editor-page__details-grid[b-b9fzmwgi19],
.vcio-template-editor-page__section-meta[b-b9fzmwgi19] { display: grid; gap: 1rem; }
.vcio-template-editor-page__section-card[b-b9fzmwgi19] { margin-bottom: 1rem; }
.vcio-template-editor-page__section-actions[b-b9fzmwgi19] { display: inline-flex; gap: 0.25rem; }
.vcio-template-editor-page__items-list[b-b9fzmwgi19] { display: grid; gap: 0.75rem; }
.vcio-template-editor-page__item-row[b-b9fzmwgi19] { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: start; padding: 1rem 0; border-top: 1px solid rgba(17,24,39,0.08); }
.vcio-template-editor-page__item-row:first-child[b-b9fzmwgi19] { border-top: 0; }
.vcio-template-editor-page__item-toolbar[b-b9fzmwgi19],
.vcio-template-editor-page__item-actions[b-b9fzmwgi19] { display: inline-flex; gap: 0.35rem; align-items: center; }
.vcio-template-editor-page__item-main[b-b9fzmwgi19] { display: grid; gap: 0.5rem; }
.vcio-template-editor-page__empty-card[b-b9fzmwgi19] { text-align: center; }
.vcio-template-editor-page__modal-shell[b-b9fzmwgi19] { position: fixed; inset: 0; z-index: 1050; background: rgba(15, 23, 42, 0.52); display: flex; align-items: center; justify-content: center; padding: 1.5rem; }
.vcio-template-editor-page__modal-dialog[b-b9fzmwgi19] { width: min(100%, 42rem); }
.vcio-template-editor-page__modal-dialog--wide[b-b9fzmwgi19] { width: min(100%, 64rem); }
/* /Components/Pages/VCio/Templates.razor.rz.scp.css */
.vcio-templates-page__header-actions[b-j12tx2vjtr] { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.vcio-templates-page__feedback-shell[b-j12tx2vjtr] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.vcio-templates-page__loading[b-j12tx2vjtr] { padding: 4rem 0; }
.vcio-templates-page__card[b-j12tx2vjtr] { height: 100%; }
.vcio-templates-page__card--default[b-j12tx2vjtr] { border: var(--cv-border-width) solid var(--cv-hover-border); }
.vcio-templates-page__description[b-j12tx2vjtr] { min-height: 3rem; color: var(--cv-text-muted); }
.vcio-templates-page__stats-row[b-j12tx2vjtr] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; margin-top: 1rem; }
.vcio-templates-page__stats-row div[b-j12tx2vjtr] { padding: 0.75rem; border-radius: var(--cv-radius-control); background: var(--cv-surface-sunken); text-align: center; }
.vcio-templates-page__stats-row strong[b-j12tx2vjtr] { display: block; font-size: 1.15rem; }
.vcio-templates-page__stats-row span[b-j12tx2vjtr] { color: var(--cv-text-muted); font-size: 0.8rem; }
.vcio-templates-page__status-row[b-j12tx2vjtr] { display: flex; gap: 0.5rem; margin-top: 1rem; }
.vcio-templates-page__badge[b-j12tx2vjtr] { display: inline-flex; align-items: center; border-radius: var(--cv-radius-chip); padding: 0.2rem 0.65rem; font-size: 0.75rem; font-weight: 600; }
.vcio-templates-page__badge--success[b-j12tx2vjtr] { background: var(--status-satisfactory-bg); color: var(--status-satisfactory-text); }
.vcio-templates-page__badge--neutral[b-j12tx2vjtr] { background: var(--cv-surface-sunken); color: var(--cv-text-muted); }
.vcio-templates-page__badge--primary[b-j12tx2vjtr] { background: var(--status-in-progress-bg); color: var(--status-in-progress-text); }
.vcio-templates-page__card-actions[b-j12tx2vjtr] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.vcio-templates-page__empty-card[b-j12tx2vjtr] { max-width: 34rem; margin: 0 auto; }
.vcio-templates-page__empty-state[b-j12tx2vjtr] { display: flex; justify-content: center; }
.vcio-templates-page__dialog-grid[b-j12tx2vjtr] { display: grid; gap: 1rem; }
/* /Components/Pages/ViewSavedReport.razor.rz.scp.css */
.saved-report-share-page[b-i4h7pslt3j] {
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 2rem !important;
    padding-bottom: 3rem !important;
}

.saved-report-share-hero[b-i4h7pslt3j] {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    border: 1px solid var(--border-default);
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(13, 110, 253, 0.08), rgba(13, 202, 240, 0.08)),
        var(--surface-card);
    box-shadow: var(--shadow-sm);
}

.saved-report-share-hero__eyebrow[b-i4h7pslt3j] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    margin-bottom: 0.875rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(13, 110, 253, 0.12);
    color: var(--accent-primary);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.saved-report-share-hero__brand-row[b-i4h7pslt3j] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.saved-report-share-hero__brand-mark[b-i4h7pslt3j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 16px;
    background: var(--accent-primary);
    color: var(--text-inverse);
    font-size: 1.5rem;
    box-shadow: var(--shadow-md);
}

.saved-report-share-hero__brand-name[b-i4h7pslt3j] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
}

.saved-report-share-hero__copy[b-i4h7pslt3j] {
    color: var(--text-secondary);
    max-width: 40rem;
}

.saved-report-share-footer[b-i4h7pslt3j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-subtle);
    color: var(--text-secondary);
}

.saved-report-share-footer__brand[b-i4h7pslt3j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.saved-report-share-footer__logo[b-i4h7pslt3j] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-primary);
    font-weight: 700;
}

.saved-report-share-footer__tag[b-i4h7pslt3j] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    background: var(--surface-sunken);
    font-size: 0.875rem;
}

.saved-report-share-footer__meta[b-i4h7pslt3j] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.875rem;
    flex-wrap: wrap;
    font-size: 0.925rem;
}

.saved-report-share-footer__meta span:not(:last-child)[b-i4h7pslt3j]::after {
    content: "\2022";
    margin-left: 0.875rem;
    color: var(--text-muted);
}

@media (max-width: 767.98px) {
    .saved-report-share-page[b-i4h7pslt3j] {
        padding-top: 1.25rem !important;
        padding-bottom: 2rem !important;
    }

    .saved-report-share-hero[b-i4h7pslt3j],
    .saved-report-share-footer[b-i4h7pslt3j] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .saved-report-share-hero__brand-row[b-i4h7pslt3j],
    .saved-report-share-footer[b-i4h7pslt3j] {
        flex-direction: column;
        align-items: flex-start;
    }

    .saved-report-share-footer__meta[b-i4h7pslt3j] {
        justify-content: flex-start;
        gap: 0.5rem;
    }

    .saved-report-share-footer__meta span:not(:last-child)[b-i4h7pslt3j]::after {
        display: none;
    }
}
/* /Components/Portal/DynamicQuestionForm.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   DynamicQuestionForm — enterprise form rendering
   ══════════════════════════════════════════════════════════ */

.dynamic-question-form[b-1dudmv1453] {
    /* ── Design tokens ── */
    --dqf-primary: #0D1733;
    --dqf-secondary: #2BA3C5;
    --dqf-support: #1E789A;
    --dqf-muted: #6b7280;
    --dqf-border: rgba(13, 23, 51, 0.07);
    --dqf-border-soft: rgba(13, 23, 51, 0.04);
    --dqf-surface: #fff;
    --dqf-soft-surface: #f8fafd;
    --dqf-required: #dc3545;
    --dqf-radius-sm: 0.65rem;
    --dqf-radius-md: 0.75rem;
    --dqf-radius-pill: 99px;

    display: flex;
    flex-direction: column;
}

/* ── Step indicators (replaces nav-tabs) ── */
.dynamic-question-form__steps[b-1dudmv1453] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    padding: 0.5rem;
    background: rgba(248, 250, 253, 0.6);
    border-radius: 0.85rem;
}

.dynamic-question-form__step[b-1dudmv1453] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.85rem;
    border: 1px solid rgba(13, 23, 51, 0.08);
    border-radius: 99px;
    background: #fff;
    color: #6b7280;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
}

.dynamic-question-form__step:hover[b-1dudmv1453] {
    border-color: rgba(43, 163, 197, 0.2);
    color: #1e789a;
}

.dynamic-question-form__step--active[b-1dudmv1453] {
    background: linear-gradient(180deg, rgba(13, 23, 51, 0.98), rgba(30, 120, 154, 0.98));
    border-color: #0d1733;
    color: #fff;
    box-shadow: 0 0.35rem 0.8rem rgba(13, 23, 51, 0.1);
}

.dynamic-question-form__step--errored[b-1dudmv1453] {
    border-color: var(--dqf-required);
    color: var(--dqf-required);
}

.dynamic-question-form__step--errored.dynamic-question-form__step--active[b-1dudmv1453] {
    color: #fff;
}

.dynamic-question-form__step-errors[b-1dudmv1453] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 0.35rem;
    border-radius: var(--dqf-radius-pill);
    background: var(--dqf-required);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
}

.dynamic-question-form__step-number[b-1dudmv1453] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    font-size: 0.7rem;
    font-weight: 700;
}

.dynamic-question-form__step--active .dynamic-question-form__step-number[b-1dudmv1453] {
    background: rgba(255, 255, 255, 0.25);
}

.dynamic-question-form__step-label[b-1dudmv1453] {
    white-space: nowrap;
}

/* ── Tab content ── */
.dynamic-question-form__tab-content[b-1dudmv1453] {
    display: flex;
    flex-direction: column;
}

.dynamic-question-form__tab-pane[b-1dudmv1453] {
    display: none;
    flex-direction: column;
    gap: 0.75rem;
}

.dynamic-question-form__tab-pane--active[b-1dudmv1453] {
    display: flex;
}

/* ── Question block ── */
.dynamic-question-form__question[b-1dudmv1453] {
    padding: 0.9rem 1rem;
    border: 1px solid rgba(13, 23, 51, 0.07);
    border-radius: 0.75rem;
    background: #fff;
    box-shadow: 0 0.25rem 0.7rem rgba(13, 23, 51, 0.02);
    transition: opacity 0.2s ease;
}

.dynamic-question-form__question--visible[b-1dudmv1453] {
    opacity: 1;
}

/* display: none (not a max-height collapse) keeps hidden questions out of the
   tab order and the accessibility tree — a collapsed template section still
   had focusable content inside an aria-hidden wrapper. */
.dynamic-question-form__question--hidden[b-1dudmv1453] {
    display: none;
}

.dynamic-question-form__question--template[b-1dudmv1453] {
    padding: 0;
    border: none;
    box-shadow: none;
    background: transparent;
}

.dynamic-question-form__question--info[b-1dudmv1453] {
    padding: 0;
    border: none;
    box-shadow: none;
    background: transparent;
}

/* ── Field wrapper ── */
.dynamic-question-form__field[b-1dudmv1453] {
    display: flex;
    flex-direction: column;
}

.dynamic-question-form__field-label[b-1dudmv1453] {
    margin-bottom: 0.35rem;
    color: #0d1733;
    font-weight: 650;
    font-size: 0.875rem;
}

/* ── Info panel (DisplayOnly) ── */
.dynamic-question-form__info-panel[b-1dudmv1453] {
    padding: 0.8rem 1rem;
    border: 1px solid rgba(13, 23, 51, 0.06);
    border-radius: 0.65rem;
    background: linear-gradient(180deg, rgba(248, 250, 253, 0.6), rgba(255, 255, 255, 0.9));
}

.dynamic-question-form__info-title[b-1dudmv1453] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #374151;
    margin-bottom: 0.35rem;
    display: flex;
    align-items: center;
}

.dynamic-question-form__info-title i[b-1dudmv1453] {
    color: #1e789a;
    font-size: 0.85rem;
    margin-right: 0.3rem;
}

.dynamic-question-form__info-body[b-1dudmv1453] {
    font-size: 0.82rem;
    color: #4b5563;
    line-height: 1.5;
}

.dynamic-question-form__info-body :last-child[b-1dudmv1453] {
    margin-bottom: 0;
}

/* ── Template section ── */
.dynamic-question-form__template-section[b-1dudmv1453] {
    border: 1px solid rgba(13, 23, 51, 0.08);
    border-radius: 0.75rem;
    background: rgba(248, 250, 253, 0.3);
    overflow: hidden;
}

.dynamic-question-form__template-header[b-1dudmv1453] {
    padding: 0.7rem 0.95rem;
    border-bottom: 1px solid rgba(13, 23, 51, 0.05);
    background: rgba(248, 250, 253, 0.5);
}

.dynamic-question-form__template-title[b-1dudmv1453] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #0d1733;
}

.dynamic-question-form__template-body[b-1dudmv1453] {
    padding: 0.75rem 0.95rem;
}

/* ── Options group (radio / multi-select) ── */
.dynamic-question-form__options-group[b-1dudmv1453] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.dynamic-question-form__options-legend[b-1dudmv1453] {
    font-size: 0.875rem;
    font-weight: 650;
    color: #0d1733;
    margin-bottom: 0;
    padding: 0;
}

.dynamic-question-form__options-list[b-1dudmv1453] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.dynamic-question-form__option-item[b-1dudmv1453] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(13, 23, 51, 0.06);
    border-radius: 0.6rem;
    background: rgba(255, 255, 255, 0.95);
    cursor: pointer;
    transition: background 0.1s ease, border-color 0.1s ease;
}

.dynamic-question-form__option-item:hover[b-1dudmv1453] {
    background: rgba(248, 250, 253, 0.8);
    border-color: rgba(43, 163, 197, 0.15);
}

.dynamic-question-form__option-text[b-1dudmv1453] {
    font-size: 0.85rem;
    color: #374151;
    user-select: none;
}

/* ── Checkbox label ── */
.dynamic-question-form__check-label[b-1dudmv1453] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(13, 23, 51, 0.06);
    border-radius: 0.6rem;
    background: rgba(255, 255, 255, 0.95);
    cursor: pointer;
}

.dynamic-question-form__check-text[b-1dudmv1453] {
    font-size: 0.85rem;
    font-weight: 650;
    color: #0d1733;
}

/* ── Form controls within questions ── */
.dynamic-question-form__field .form-control[b-1dudmv1453],
.dynamic-question-form__field .form-select[b-1dudmv1453] {
    border-radius: 0.7rem;
    border-color: rgba(13, 23, 51, 0.12);
    padding: 0.65rem 0.8rem;
    font-size: 0.875rem;
    box-shadow: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.dynamic-question-form__field .form-control:focus[b-1dudmv1453],
.dynamic-question-form__field .form-select:focus[b-1dudmv1453] {
    border-color: rgba(43, 163, 197, 0.7);
    box-shadow: 0 0 0 0.15rem rgba(43, 163, 197, 0.12);
}

/* ── Help text ── */
.dynamic-question-form .form-text[b-1dudmv1453] {
    margin-top: 0.35rem;
    margin-bottom: 0.35rem;
    color: #6b7280;
    font-size: 0.78rem;
}

/* ── Validation ── */
.dynamic-question-form .invalid-feedback[b-1dudmv1453] {
    font-size: 0.8rem;
    margin-top: 0.3rem;
}

.dynamic-question-form .is-invalid[b-1dudmv1453] {
    border-color: #dc3545 !important;
}

/* ── Scoped utilities ── */
.dynamic-question-form__required-marker[b-1dudmv1453] {
    color: var(--dqf-required);
    margin-left: 0.25rem;
    font-weight: 700;
}

/* ── Step navigation ── */
.dynamic-question-form__step-nav[b-1dudmv1453] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 1rem;
}

.dynamic-question-form__step-nav:empty[b-1dudmv1453] {
    display: none;
}

.dynamic-question-form__step-nav-button[b-1dudmv1453] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.9rem;
    border: 1px solid rgba(13, 23, 51, 0.12);
    border-radius: var(--dqf-radius-pill);
    background: #fff;
    color: var(--dqf-primary);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.dynamic-question-form__step-nav-button--primary[b-1dudmv1453] {
    margin-left: auto;
    border-color: var(--dqf-support);
    background: var(--dqf-support);
    color: #fff;
}

/* ── Responsive ── */
@media (max-width: 575.98px) {
    .dynamic-question-form__question[b-1dudmv1453] {
        padding: 0.75rem 0.8rem;
    }

    .dynamic-question-form__step[b-1dudmv1453] {
        flex: 1;
        justify-content: center;
    }

    .dynamic-question-form__steps[b-1dudmv1453] {
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 0.3rem;
        padding: 0.4rem;
    }

    .dynamic-question-form__step-label[b-1dudmv1453] {
        font-size: 0.75rem;
    }
}
/* /Components/Sales/CommercialLineItemDialog.razor.rz.scp.css */
.commercial-line-item-dialog__layout[b-zo8ukt97m5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.commercial-line-item-dialog__meta[b-zo8ukt97m5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
}

.commercial-line-item-dialog__results[b-zo8ukt97m5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.commercial-line-item-dialog__search-field[b-zo8ukt97m5] {
    width: 100%;
}

.commercial-line-item-dialog__search-button[b-zo8ukt97m5] {
    align-self: flex-end;
}

.commercial-line-item-dialog__results-table th:last-child[b-zo8ukt97m5],
.commercial-line-item-dialog__results-table td:last-child[b-zo8ukt97m5] {
    width: 7rem;
    text-align: right;
}

.commercial-line-item-dialog__results-table td[b-zo8ukt97m5] {
    vertical-align: middle;
}

.commercial-line-item-dialog__result-name[b-zo8ukt97m5] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.commercial-line-item-dialog__result-name strong[b-zo8ukt97m5] {
    color: var(--cv-text);
}

.commercial-line-item-dialog__result-subtitle[b-zo8ukt97m5] {
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
}

.commercial-line-item-dialog__money[b-zo8ukt97m5] {
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .commercial-line-item-dialog__meta[b-zo8ukt97m5] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Sales/QuoteDocumentView.razor.rz.scp.css */
.quote-document[b-stl2yun37w] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.quote-document__hero[b-stl2yun37w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.quote-document__brand[b-stl2yun37w] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.quote-document__logo[b-stl2yun37w] {
    max-height: 4rem;
    max-width: 10rem;
    object-fit: contain;
    flex-shrink: 0;
}

.quote-document__brand-copy[b-stl2yun37w] {
    min-width: 0;
}

.quote-document__eyebrow[b-stl2yun37w] {
    margin-bottom: 0.4rem;
    color: #1e789a;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.quote-document__brand-name[b-stl2yun37w],
.quote-document__title[b-stl2yun37w] {
    margin: 0;
    color: #0d1733;
}

.quote-document__brand-name[b-stl2yun37w] {
    font-size: 1.4rem;
    font-weight: 700;
}

.quote-document__title[b-stl2yun37w] {
    font-size: clamp(1.8rem, 2.3vw, 2.35rem);
    font-weight: 800;
    line-height: 1.1;
}

.quote-document__brand-support[b-stl2yun37w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    margin-top: 0.6rem;
    color: #4f6280;
    font-size: 0.95rem;
}

.quote-document__brand-support a[b-stl2yun37w] {
    color: #1e789a;
    font-weight: 600;
    text-decoration: none;
}

.quote-document__brand-support a:hover[b-stl2yun37w] {
    text-decoration: underline;
}

.quote-document__meta-pills[b-stl2yun37w] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
}

.quote-document__meta-pill[b-stl2yun37w] {
    display: inline-flex;
    align-items: center;
    padding: 0.55rem 0.9rem;
    border: 1px solid #dbe6f0;
    border-radius: 999px;
    background: #f8fbff;
    color: #0d1733;
    font-size: 0.85rem;
    font-weight: 700;
}

[b-stl2yun37w] .quote-document__status-alert {
    margin-bottom: 0;
}

.quote-document__overview[b-stl2yun37w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(15rem, 18rem);
    gap: 1.5rem;
    align-items: start;
}

.quote-document__description[b-stl2yun37w] {
    margin: 0.75rem 0 0;
    color: #51617d;
    font-size: 1rem;
    line-height: 1.7;
}

.quote-document__details-grid[b-stl2yun37w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1.25rem;
}

.quote-document__detail-card[b-stl2yun37w] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.9rem 1rem;
    border: 1px solid #e2ebf5;
    border-radius: 1rem;
    background: #f9fbfe;
    min-width: 0;
}

.quote-document__detail-card strong[b-stl2yun37w] {
    color: #0d1733;
    font-size: 0.98rem;
}

.quote-document__detail-label[b-stl2yun37w] {
    color: #6a7894;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.quote-document__overview-total[b-stl2yun37w] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.35rem;
    border-radius: 1.1rem;
    background: linear-gradient(180deg, #0d1733 0%, #18274f 100%);
    box-shadow: 0 20px 36px rgba(13, 23, 51, 0.18);
}

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

.quote-document__investment-tile[b-stl2yun37w] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 8.25rem;
    padding: 1.05rem;
    border: 1px solid #e0e8f2;
    border-radius: 1.1rem;
    background: #fbfdff;
}

.quote-document__investment-tile--primary[b-stl2yun37w] {
    border-color: #b9e6f2;
    background: linear-gradient(180deg, #f1fbfe 0%, #ffffff 100%);
}

.quote-document__investment-tile span[b-stl2yun37w] {
    color: #63728d;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.quote-document__investment-tile strong[b-stl2yun37w] {
    color: #0d1733;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.1;
}

.quote-document__investment-tile em[b-stl2yun37w] {
    color: #667692;
    font-size: 0.82rem;
    font-style: normal;
    line-height: 1.35;
}

.quote-document__section-heading[b-stl2yun37w] {
    padding: 0.25rem 0.2rem 0;
}

.quote-document__section-heading h2[b-stl2yun37w] {
    margin: 0;
    color: #0d1733;
    font-size: clamp(1.35rem, 1.8vw, 1.8rem);
    font-weight: 800;
}

.quote-document__section-heading p[b-stl2yun37w] {
    max-width: 48rem;
    margin: 0.45rem 0 0;
    color: #5b6a87;
    line-height: 1.6;
}

.quote-document__total-label[b-stl2yun37w] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.quote-document__total-amount[b-stl2yun37w] {
    color: #ffffff;
    font-size: clamp(1.75rem, 2vw, 2.35rem);
    font-weight: 800;
    line-height: 1.05;
}

.quote-document__total-secondary[b-stl2yun37w] {
    color: #9be0f0;
    font-size: 0.95rem;
    font-weight: 700;
}

.quote-document__table-shell[b-stl2yun37w] {
    overflow-x: auto;
}

.quote-document__table[b-stl2yun37w] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.quote-document__table thead th[b-stl2yun37w] {
    padding: 0.85rem 0.95rem;
    border-bottom: 1px solid #dbe5f0;
    background: #f7fafc;
    color: #63728d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.quote-document__table tbody td[b-stl2yun37w],
.quote-document__table tfoot td[b-stl2yun37w] {
    padding: 0.95rem;
    border-bottom: 1px solid #edf2f7;
    vertical-align: top;
}

.quote-document__table tfoot td[b-stl2yun37w] {
    background: #fbfdff;
    color: #0d1733;
    font-weight: 700;
}

.quote-document__line-title[b-stl2yun37w] {
    color: #0d1733;
    font-size: 0.96rem;
    font-weight: 700;
}

.quote-document__line-description[b-stl2yun37w] {
    margin-top: 0.3rem;
    color: #5d6b8d;
    font-size: 0.85rem;
    line-height: 1.5;
    white-space: pre-wrap;
}

.quote-document__line-total[b-stl2yun37w] {
    color: #0d1733;
    font-weight: 800;
}

.quote-document__billing-pill[b-stl2yun37w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.quote-document__billing-pill--recurring[b-stl2yun37w] {
    background: #dff5fb;
    color: #1e789a;
}

.quote-document__billing-pill--oneoff[b-stl2yun37w] {
    background: #edf2f7;
    color: #5c6a84;
}

.quote-document__qty-column[b-stl2yun37w] {
    width: 5rem;
}

.quote-document__price-column[b-stl2yun37w] {
    width: 8rem;
}

.quote-document__type-column[b-stl2yun37w] {
    width: 8.5rem;
}

.quote-document__collapsed-summary[b-stl2yun37w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.quote-document__collapsed-title[b-stl2yun37w] {
    color: #0d1733;
    font-size: 1rem;
    font-weight: 700;
}

.quote-document__collapsed-subtitle[b-stl2yun37w] {
    margin-top: 0.25rem;
    color: #687898;
    font-size: 0.85rem;
}

.quote-document__collapsed-total[b-stl2yun37w] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
    color: #0d1733;
}

.quote-document__collapsed-total strong[b-stl2yun37w] {
    font-size: 1.1rem;
}

.quote-document__collapsed-total span[b-stl2yun37w] {
    color: #1e789a;
    font-size: 0.85rem;
    font-weight: 700;
}

.quote-document__totals-grid[b-stl2yun37w] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-left: auto;
    max-width: 26rem;
}

.quote-document__totals-row[b-stl2yun37w] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    color: #0d1733;
}

.quote-document__totals-row strong[b-stl2yun37w] {
    font-weight: 800;
}

.quote-document__totals-row--discount[b-stl2yun37w] {
    color: #a84133;
}

.quote-document__totals-row--grand[b-stl2yun37w] {
    padding-top: 0.95rem;
    border-top: 1px solid #dbe5f0;
    font-size: 1.05rem;
}

.quote-document__totals-row--grand strong[b-stl2yun37w] {
    font-size: 1.25rem;
}

.quote-document__totals-row--monthly[b-stl2yun37w] {
    color: #1e789a;
}

.quote-document__content[b-stl2yun37w] {
    color: #27364f;
    line-height: 1.75;
}

.quote-document__content :deep(h1)[b-stl2yun37w],
.quote-document__content :deep(h2)[b-stl2yun37w],
.quote-document__content :deep(h3)[b-stl2yun37w],
.quote-document__content :deep(h4)[b-stl2yun37w],
.quote-document__content :deep(h5)[b-stl2yun37w],
.quote-document__content :deep(h6)[b-stl2yun37w] {
    color: #0d1733;
}

.quote-document__content :deep(p:last-child)[b-stl2yun37w] {
    margin-bottom: 0;
}

.quote-document__content :deep(ul)[b-stl2yun37w],
.quote-document__content :deep(ol)[b-stl2yun37w] {
    padding-left: 1.2rem;
}

.quote-document__content--terms[b-stl2yun37w] {
    color: #42516c;
    font-size: 0.95rem;
}

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

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

    .quote-document__overview-total[b-stl2yun37w] {
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .quote-document__brand[b-stl2yun37w] {
        flex-direction: column;
        align-items: flex-start;
    }

    .quote-document__meta-pills[b-stl2yun37w] {
        justify-content: flex-start;
    }

    .quote-document__details-grid[b-stl2yun37w] {
        grid-template-columns: 1fr;
    }

    .quote-document__investment-grid[b-stl2yun37w] {
        grid-template-columns: 1fr;
    }

    .quote-document__collapsed-summary[b-stl2yun37w] {
        flex-direction: column;
        align-items: flex-start;
    }

    .quote-document__collapsed-total[b-stl2yun37w] {
        align-items: flex-start;
    }

    .quote-document__table thead th[b-stl2yun37w],
    .quote-document__table tbody td[b-stl2yun37w],
    .quote-document__table tfoot td[b-stl2yun37w] {
        padding-inline: 0.7rem;
    }
}

@media print {
    .quote-document[b-stl2yun37w] {
        gap: 0.9rem;
    }

    [b-stl2yun37w] .quote-document__hero-card,
    [b-stl2yun37w] .quote-document__overview-card,
    [b-stl2yun37w] .quote-document__commercial-card,
    [b-stl2yun37w] .quote-document__section-card {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .quote-document__section-heading[b-stl2yun37w] {
        break-after: avoid;
        page-break-after: avoid;
    }

    .quote-document__table tr[b-stl2yun37w],
    .quote-document__investment-tile[b-stl2yun37w],
    .quote-document__detail-card[b-stl2yun37w] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .quote-document__investment-grid[b-stl2yun37w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/SecuritySnapshot/BenchmarkProfileStep.razor.rz.scp.css */
.benchmark-card[b-2tl2pqtfen] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: left;
    color: var(--cv-text);
    cursor: pointer;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    transition: border-color 0.15s ease;
}

.benchmark-card:hover[b-2tl2pqtfen] {
    border-color: var(--cv-tone-secondary-line);
}

.benchmark-card.selected[b-2tl2pqtfen] {
    border-color: var(--cv-tone-secondary-line);
    background: var(--cv-surface-sunken);
}

.benchmark-card__body[b-2tl2pqtfen] {
    padding: var(--cv-card-pad);
}

.benchmark-card__icon--selected[b-2tl2pqtfen] {
    color: var(--cv-tone-secondary-text);
}
/* /Components/Shared/ActionTicketSettingsEditor.razor.rz.scp.css */
.action-ticket-settings-editor[b-rh1nmghsdd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.action-ticket-settings-editor__grid[b-rh1nmghsdd] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.action-ticket-settings-editor__wide[b-rh1nmghsdd] {
    grid-column: 1 / -1;
}
/* /Components/Shared/AiTechnician/AiDiagnosisDetailDialog.razor.rz.scp.css */
/* AiDiagnosisDetailDialog's own markup, on the tokens (ui-refresh-5). */
.ai-diagnosis-detail__sources[b-e3muoklkcs] {
    margin-top: var(--cv-space-2);
}

.ai-diagnosis-detail__sources-title[b-e3muoklkcs] {
    margin: 0 0 var(--cv-space-2);
    color: var(--cv-text-muted);
}

.ai-diagnosis-detail__source-list[b-e3muoklkcs] {
    margin: 0;
    padding-left: 1.25rem;
    font-size: 0.875rem;
}

.ai-diagnosis-detail__source[b-e3muoklkcs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--cv-space-3);
    padding: var(--cv-space-1) 0;
    border-bottom: var(--cv-border-width) solid var(--cv-border-subtle);
}

.ai-diagnosis-detail__source:last-child[b-e3muoklkcs] {
    border-bottom: 0;
}

.ai-diagnosis-detail__source-copy[b-e3muoklkcs] {
    min-width: 0;
}

.ai-diagnosis-detail__muted[b-e3muoklkcs] {
    color: var(--cv-text-muted);
    font-size: 0.875rem;
}

.ai-diagnosis-detail__blocked[b-e3muoklkcs] {
    align-self: center;
}

.ai-diagnosis-detail__none[b-e3muoklkcs] {
    margin: var(--cv-space-1) 0 0;
}
/* /Components/Shared/AiTriage/TriageSuggestionsPanel.razor.rz.scp.css */
.triage-panel[b-kyh4qsbtj9] {
    font-size: 0.9rem;
}

.triage-panel__loading[b-kyh4qsbtj9] {
    padding: 1rem;
    text-align: center;
}

.triage-panel__empty[b-kyh4qsbtj9] {
    padding: 1rem;
    text-align: center;
}

.triage-panel__field-card[b-kyh4qsbtj9] {
    transition: border-color 0.15s ease-in-out;
}

.triage-panel__field-card:hover[b-kyh4qsbtj9] {
    border-color: var(--cv-primary);
}

.triage-panel__field-card--applied[b-kyh4qsbtj9] {
    border-color: var(--status-satisfactory);
    background: var(--status-satisfactory-bg);
}

.triage-panel__field-card--rejected[b-kyh4qsbtj9] {
    border-color: var(--cv-border-strong);
    background: var(--cv-surface-sunken);
}

.triage-panel__quote[b-kyh4qsbtj9] {
    padding: var(--cv-space-2);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    white-space: pre-wrap;
}

.triage-panel__confidence[b-kyh4qsbtj9] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.triage-panel__meter[b-kyh4qsbtj9] {
    width: 80px;
    height: 6px;
    overflow: hidden;
    border-radius: 3px;
    background: var(--cv-surface-sunken);
}

.triage-panel__meter-fill[b-kyh4qsbtj9] {
    height: 100%;
}

.triage-panel__meter-fill--high[b-kyh4qsbtj9] {
    background: var(--status-satisfactory);
}

.triage-panel__meter-fill--medium[b-kyh4qsbtj9] {
    background: var(--status-needs-attention);
}

.triage-panel__meter-fill--low[b-kyh4qsbtj9] {
    background: var(--status-at-risk);
}
/* /Components/Shared/CompanyActivity.razor.rz.scp.css */
/* The audit list: dense rows divided by hairlines, scrolling inside the pod once it is long. */
.company-activity[b-r0fjkiqpyj] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 26rem;
    overflow-y: auto;
}

.company-activity__row[b-r0fjkiqpyj] {
    display: flex;
    gap: var(--cv-space-2);
    padding: var(--cv-space-2) 0;
    border-bottom: var(--cv-border-width) solid var(--cv-border-subtle);
}

.company-activity__row:last-child[b-r0fjkiqpyj] {
    border-bottom: none;
}

.company-activity__glyph[b-r0fjkiqpyj] {
    flex-shrink: 0;
    margin-top: 0.125rem;
    font-size: 0.875rem;
    color: var(--cv-text-muted);
}

.company-activity__body[b-r0fjkiqpyj] {
    flex: 1;
    min-width: 0;
}

.company-activity__line[b-r0fjkiqpyj] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: var(--cv-space-2);
    row-gap: 0;
}

.company-activity__title[b-r0fjkiqpyj] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cv-text);
}

.company-activity__meta[b-r0fjkiqpyj] {
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
    min-width: 0;
    overflow-wrap: anywhere;
}

.company-activity__time[b-r0fjkiqpyj] {
    margin-left: auto;
    font-size: 0.75rem;
    color: var(--cv-text-muted);
    white-space: nowrap;
}

.company-activity__detail[b-r0fjkiqpyj] {
    margin: 0.125rem 0 0;
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
    overflow-wrap: anywhere;
}

.company-activity__extra[b-r0fjkiqpyj] {
    margin-left: var(--cv-space-1);
    font-weight: 600;
}
/* /Components/Shared/CompanyCard.razor.rz.scp.css */
/*
    The company card (CompanyCard, rendered through CvCompanyCard on / and /companies). This file is its
    only stylesheet: brand.css no longer styles .company-card.

    The Platform style (docs/reviews/platform-ui-style-comparison-2026-10.md): a flat surface with a
    hairline border and no shadow; the favourite star as a quiet icon button in the header corner; small
    neutral chips, with a status dot carrying the colour; one label-first stat row with hairline
    dividers; a text-style "Open company" action.

    The card body is a real <a>. Its ::before stretches over the whole card (padding and the favourite
    row included) beneath the content, so clicking anywhere navigates while the badge tooltips and the
    favourite button keep working. The favourite button sits beside the link, never inside it.

    Every element here is in CompanyCard's own markup, so each selector carries the scoped attribute and
    outranks the generic brand.css rules for .status-badge, .favorite-btn-modern and friends. Colours are
    tokens, so dark mode needs no rules of its own.
*/

.company-card[b-vrm4of9y0s] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-3);
    height: 100%;
    overflow: hidden;
    padding: var(--cv-space-4) 1.125rem;
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    box-shadow: none;
    cursor: pointer;
    transition: border-color 0.15s ease;
    /* Own stacking context so the link overlay (z-index: -1) stays above the card background. */
    isolation: isolate;
}

.company-card:hover[b-vrm4of9y0s],
.company-card:has(> .company-card__link:focus-visible)[b-vrm4of9y0s] {
    border-color: var(--accent-primary);
}

.company-card:has(> .company-card__link:focus-visible)[b-vrm4of9y0s] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.company-card__link[b-vrm4of9y0s] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--cv-space-3);
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.company-card__link:hover[b-vrm4of9y0s],
.company-card__link:focus[b-vrm4of9y0s] {
    color: inherit;
    text-decoration: none;
}

/* The ring is drawn on the card (above), not on the link. */
.company-card__link:focus-visible[b-vrm4of9y0s] {
    outline: none;
}

.company-card__link[b-vrm4of9y0s]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
}

/* ── Header: the star is a quiet icon button in the top corner ── */

.company-card__top-row[b-vrm4of9y0s] {
    position: absolute;
    top: 0.875rem;
    right: 0.875rem;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: var(--cv-space-3);
    /* Clicks on the empty part of the row fall through to the link overlay. */
    pointer-events: none;
}

.company-card__top-row > *[b-vrm4of9y0s] {
    pointer-events: auto;
}

.company-card .favorite-btn-modern[b-vrm4of9y0s],
.company-card .favorite-btn-modern:hover[b-vrm4of9y0s],
.company-card .favorite-btn-modern.active[b-vrm4of9y0s] {
    width: 2rem;
    height: 2rem;
    border: var(--cv-border-width) solid transparent;
    border-radius: var(--cv-radius-control);
    background: transparent;
    box-shadow: none;
    transform: none;
}

.company-card .favorite-btn-modern[b-vrm4of9y0s] {
    color: var(--cv-text-muted);
}

.company-card .favorite-btn-modern:hover[b-vrm4of9y0s],
.company-card .favorite-btn-modern:focus-visible[b-vrm4of9y0s] {
    background: var(--cv-surface-sunken);
    color: var(--status-needs-attention);
}

.company-card .favorite-btn-modern:focus-visible[b-vrm4of9y0s] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.company-card .favorite-btn-modern.active[b-vrm4of9y0s] {
    color: var(--status-needs-attention);
}

.company-card .favorite-btn-modern i[b-vrm4of9y0s] {
    font-size: 1rem;
}

.company-card__headline[b-vrm4of9y0s] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-3);
    padding-right: 2.25rem;
}

.company-card__avatar[b-vrm4of9y0s] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: var(--cv-border-width) solid var(--cv-border-subtle);
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.company-card__headline-copy[b-vrm4of9y0s] {
    flex: 1;
    min-width: 0;
}

.company-card__name[b-vrm4of9y0s] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--cv-text);
}

.company-card__summary[b-vrm4of9y0s] {
    margin: 0.125rem 0 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--cv-text-muted);
}

/* ── Chips: small and neutral; a status dot carries the colour ── */

.company-card__pill-row[b-vrm4of9y0s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.company-card .status-badge[b-vrm4of9y0s],
.company-card .type-badge[b-vrm4of9y0s],
.company-card .company-card__pill--meta[b-vrm4of9y0s] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.125rem var(--cv-space-2);
    border: var(--cv-border-width) solid var(--cv-border-subtle);
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.5;
}

.company-card .status-badge[b-vrm4of9y0s]::before {
    content: "";
    flex-shrink: 0;
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: 50%;
    background: var(--cv-text-muted);
}

.company-card .status-badge.status-active[b-vrm4of9y0s]::before {
    background: var(--status-satisfactory);
}

.company-card .status-badge.status-inactive[b-vrm4of9y0s]::before {
    background: var(--status-at-risk);
}

.company-card .status-badge.status-pending[b-vrm4of9y0s]::before {
    background: var(--status-needs-attention);
}

.company-card .company-card__pill--meta i[b-vrm4of9y0s] {
    font-size: 0.6875rem;
}

/* ── Connected apps: one tight row ── */

.company-card__integration-row[b-vrm4of9y0s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--cv-space-2);
}

.company-card__integration-label[b-vrm4of9y0s] {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.company-card__integration-badges[b-vrm4of9y0s] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--cv-space-1);
}

.company-card .badge-icon[b-vrm4of9y0s],
.company-card .badge-icon:hover[b-vrm4of9y0s] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border: var(--cv-border-width) solid var(--cv-border-subtle);
    border-radius: var(--cv-radius-chip);
    background: transparent;
    transform: none;
}

.company-card .badge-icon i[b-vrm4of9y0s] {
    font-size: 0.8125rem;
    color: var(--accent-primary);
}

.company-card .badge-icon img[b-vrm4of9y0s] {
    max-width: 14px;
    max-height: 14px;
}

/* ── Stats: one label-first row with hairline dividers, no boxes or icon chips ── */

.company-card__metrics[b-vrm4of9y0s] {
    display: flex;
    gap: 0;
}

.company-card .stat-item[b-vrm4of9y0s] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.125rem;
    min-width: 0;
    padding: 0 var(--cv-space-3);
    border: 0;
    border-left: var(--cv-border-width) solid var(--cv-border-subtle);
    border-radius: 0;
    background: none;
    box-shadow: none;
    text-align: left;
}

.company-card .stat-item:first-child[b-vrm4of9y0s] {
    padding-left: 0;
    border-left: 0;
}

.company-card__metric-icon[b-vrm4of9y0s] {
    display: none;
}

.company-card__metric-label[b-vrm4of9y0s] {
    order: -1;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.company-card__metric-value[b-vrm4of9y0s] {
    font-size: 1.125rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    color: var(--cv-text);
    overflow-wrap: anywhere;
}

/* ── Footer: updated time and a text-style action ── */

.company-card__footer[b-vrm4of9y0s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cv-space-3);
    margin-top: auto;
    padding-top: 0.625rem;
    border-top: var(--cv-border-width) solid var(--cv-border-subtle);
}

.company-card__footer--cta-only[b-vrm4of9y0s] {
    justify-content: flex-end;
}

.company-card__footer-copy[b-vrm4of9y0s] {
    min-width: 0;
}

.company-card .last-updated[b-vrm4of9y0s] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--cv-text-muted);
}

.company-card .btn-view-details[b-vrm4of9y0s],
.company-card .btn-view-details:hover[b-vrm4of9y0s] {
    display: flex;
    align-items: center;
    gap: 0.125rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: var(--accent-primary);
    filter: none;
    cursor: pointer;
    font-size: 0.8125rem;
    font-weight: 600;
    transform: none;
}

.company-card .btn-view-details i[b-vrm4of9y0s] {
    font-size: 1rem;
}

.company-card:hover .company-card__cta-text[b-vrm4of9y0s] {
    text-decoration: underline;
}

@media (max-width: 575.98px) {
    .company-card[b-vrm4of9y0s] {
        padding: 0.875rem var(--cv-space-4);
    }
}

@media (prefers-reduced-motion: reduce) {
    .company-card[b-vrm4of9y0s] {
        transition: none;
    }
}
/* /Components/Shared/CompanyContextSelector.razor.rz.scp.css */
/* The top-bar company focus: a flat field and menu on the tokens (ui-refresh-5). The menu is an overlay, so it
   takes --cv-elevation-overlay; everything else is flat. */
.company-context-selector[b-n6b4i41nal] {
    position: relative;
    display: flex;
    align-items: center;
}

.company-context-selector__field[b-n6b4i41nal] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-2);
    min-width: 16rem;
    height: var(--cv-control-height-sm);
    padding: 0 var(--cv-space-1) 0 var(--cv-space-3);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface);
}

.company-context-selector__field:focus-within[b-n6b4i41nal] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.company-context-selector__icon[b-n6b4i41nal] {
    color: var(--cv-text-muted);
    font-size: 0.9375rem;
    line-height: 1;
}

.company-context-selector__input[b-n6b4i41nal] {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--cv-text);
    font-size: 0.875rem;
}

.company-context-selector__input:focus[b-n6b4i41nal] {
    outline: none;
}

.company-context-selector__input[b-n6b4i41nal]::placeholder {
    color: var(--cv-text-muted);
}

.company-context-selector__clear[b-n6b4i41nal] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border: 0;
    border-radius: var(--cv-radius-control);
    background: transparent;
    color: var(--cv-text-muted);
}

.company-context-selector__clear:hover[b-n6b4i41nal] {
    background: var(--cv-surface-hover);
    color: var(--cv-text);
}

.company-context-selector__clear:focus-visible[b-n6b4i41nal] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.company-context-selector__menu[b-n6b4i41nal] {
    position: absolute;
    top: calc(100% + var(--cv-space-1));
    left: 0;
    z-index: var(--cv-z-dropdown);
    width: max(100%, 20rem);
    max-height: 22rem;
    overflow-y: auto;
    padding: var(--cv-space-1);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    box-shadow: var(--cv-elevation-overlay);
    font-size: 0.875rem;
}

.company-context-selector__option[b-n6b4i41nal] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-2);
    width: 100%;
    padding: var(--cv-space-2) var(--cv-space-3);
    border: 0;
    border-radius: var(--cv-radius-control);
    background: transparent;
    color: var(--cv-text);
    text-align: left;
}

.company-context-selector__option:hover[b-n6b4i41nal] {
    background: var(--cv-surface-hover);
}

.company-context-selector__option:focus-visible[b-n6b4i41nal] {
    outline: var(--cv-focus-ring);
    outline-offset: calc(var(--cv-focus-offset) * -1);
}

.company-context-selector__option--active[b-n6b4i41nal] {
    background: var(--cv-surface-sunken);
    font-weight: 600;
    box-shadow: inset var(--cv-rule-width) 0 0 var(--cv-secondary);
}

.company-context-selector__option-icon[b-n6b4i41nal] {
    color: var(--cv-text-muted);
}

.company-context-selector__option-name[b-n6b4i41nal] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-context-selector__option-meta[b-n6b4i41nal],
.company-context-selector__note[b-n6b4i41nal] {
    color: var(--cv-text-muted);
    font-size: 0.8125rem;
}

.company-context-selector__note[b-n6b4i41nal] {
    padding: var(--cv-space-2) var(--cv-space-3);
}

.company-context-selector__favourite[b-n6b4i41nal] {
    color: var(--cv-attention-warning);
}

.company-context-selector__chip[b-n6b4i41nal] {
    padding: 0.0625rem 0.375rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    font-size: var(--cv-label-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    text-transform: uppercase;
}

.company-context-selector__divider[b-n6b4i41nal] {
    height: 1px;
    margin: var(--cv-space-1) 0;
    background: var(--cv-border-subtle);
}

@media (max-width: 640.98px) {
    .company-context-selector__field[b-n6b4i41nal] {
        min-width: 0;
        width: 100%;
    }
}
/* /Components/Shared/CompanyDevicesTab.razor.rz.scp.css */
/*
    Staff company Devices tab. The markup shares its class names with the Devices page, but that page's
    rules are scoped to Devices.razor and never reached this component, so the ones it uses live here.
*/

.devices-page__section-actions[b-n0vyaz7gcw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.devices-page__panel-grid[b-n0vyaz7gcw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.devices-page__checkbox-grid[b-n0vyaz7gcw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr));
    gap: 0.75rem 1rem;
}

.devices-page__checkbox-item[b-n0vyaz7gcw] {
    min-width: 0;
}

.devices-page__results-meta[b-n0vyaz7gcw] {
    margin-bottom: 1rem;
}

.devices-page__results-summary[b-n0vyaz7gcw] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.95rem;
}

.devices-page__device-name[b-n0vyaz7gcw] {
    font-weight: 600;
}

.devices-page__integration-icons[b-n0vyaz7gcw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    min-height: 1rem;
    color: var(--cv-text-muted);
}

.devices-page__warranty--expired[b-n0vyaz7gcw] {
    color: var(--cv-attention-danger-text);
    font-weight: 600;
}

.devices-page__warranty--warning[b-n0vyaz7gcw] {
    color: var(--cv-attention-warning-text);
    font-weight: 600;
}
/* /Components/Shared/CompanyFilesTabNew.razor.rz.scp.css */
/* The Files tab: a summary toolbar, the upload section, filters, then the file tables. Tokens only. */
.company-files__toolbar[b-4j8kpj0m0q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--cv-space-2);
    margin-bottom: var(--cv-space-3);
}

.company-files__summary[b-4j8kpj0m0q] {
    display: flex;
    gap: var(--cv-space-2);
    margin: 0;
    font-size: 0.875rem;
    color: var(--cv-text-muted);
}

.company-files__toolbar-actions[b-4j8kpj0m0q] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-1);
}

.company-files__upload[b-4j8kpj0m0q] {
    padding-bottom: var(--cv-space-4);
    margin-bottom: var(--cv-space-4);
    border-bottom: var(--cv-border-width) solid var(--cv-border);
}

.company-files__upload-options[b-4j8kpj0m0q] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-3);
    margin-top: var(--cv-space-3);
}

.company-files__pending[b-4j8kpj0m0q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--cv-space-2);
    font-size: 0.875rem;
    color: var(--cv-text);
}

.company-files__upload-actions[b-4j8kpj0m0q] {
    display: flex;
    justify-content: flex-end;
}

.company-files__filters[b-4j8kpj0m0q] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-3);
    width: 100%;
}

.company-files__search[b-4j8kpj0m0q] {
    flex: 1 1 14rem;
    min-width: 0;
}

.company-files__tag-filter[b-4j8kpj0m0q] {
    flex: 1 1 14rem;
    min-width: 0;
}

.company-files__name[b-4j8kpj0m0q] {
    display: inline-flex;
    align-items: center;
    gap: var(--cv-space-2);
    min-width: 0;
    overflow-wrap: anywhere;
}

.company-files__glyph[b-4j8kpj0m0q] {
    flex-shrink: 0;
    color: var(--cv-text-muted);
}

.company-files__muted[b-4j8kpj0m0q] {
    margin-left: var(--cv-space-1);
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
}

.company-files__tags[b-4j8kpj0m0q] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-1);
}

.company-files__row-actions[b-4j8kpj0m0q] {
    display: inline-flex;
    gap: var(--cv-space-1);
}

.company-files__deleted[b-4j8kpj0m0q] {
    margin-top: var(--cv-space-4);
}

.company-files__section-label[b-4j8kpj0m0q] {
    margin: 0 0 var(--cv-space-2);
    color: var(--cv-text-muted);
}
/* /Components/Shared/CompanyInfo.razor.rz.scp.css */
/* The fact list as a wrapping grid: two or three short facts to a row, the address and integrations full
   width. One column on a phone. */
.company-info[b-w43c2kx4c2]  .company-info__facts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
    gap: var(--cv-space-3) var(--cv-space-4);
}

.company-info[b-w43c2kx4c2]  .company-info__wide {
    grid-column: 1 / -1;
}

.company-info__logos[b-w43c2kx4c2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-2);
    align-items: center;
}

.company-info__logos img[b-w43c2kx4c2] {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: contain;
}
/* /Components/Shared/CompanyNotesCard.razor.rz.scp.css */
/* The Notes tab body: toolbar, composer, filters, then the note list. Flat, hairline-divided, tokens only. */
.company-notes__toolbar[b-gp1oggwxrr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--cv-space-2);
    margin-bottom: var(--cv-space-4);
}

.company-notes__toolbar-actions[b-gp1oggwxrr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-1);
}

.company-notes__group-label[b-gp1oggwxrr] {
    display: block;
    margin: 0 0 var(--cv-space-1);
    color: var(--cv-text-muted);
}

.company-notes__composer[b-gp1oggwxrr],
.company-notes__filters[b-gp1oggwxrr] {
    padding-bottom: var(--cv-space-4);
    margin-bottom: var(--cv-space-4);
    border-bottom: var(--cv-border-width) solid var(--cv-border);
}

.company-notes__templates[b-gp1oggwxrr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-1);
    margin-bottom: var(--cv-space-3);
}

.company-notes__templates .company-notes__group-label[b-gp1oggwxrr] {
    display: inline;
    margin: 0 var(--cv-space-1) 0 0;
}

.company-notes__field[b-gp1oggwxrr] {
    margin-bottom: var(--cv-space-3);
}

.company-notes__composer-actions[b-gp1oggwxrr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-2);
    margin-top: var(--cv-space-2);
}

.company-notes__activity-filter[b-gp1oggwxrr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-1);
    margin-bottom: var(--cv-space-3);
}

.company-notes__list[b-gp1oggwxrr] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 25rem;
    overflow-y: auto;
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
}

.company-notes__list--deleted[b-gp1oggwxrr] {
    max-height: 18.75rem;
}

.company-notes__item[b-gp1oggwxrr] {
    padding: var(--cv-space-3) var(--cv-space-4);
    border-bottom: var(--cv-border-width) solid var(--cv-border-subtle);
}

.company-notes__item:last-child[b-gp1oggwxrr] {
    border-bottom: none;
}

.company-notes__item--deleted[b-gp1oggwxrr] {
    background: var(--cv-surface-sunken);
}

.company-notes__item-row[b-gp1oggwxrr] {
    display: flex;
    align-items: flex-start;
    gap: var(--cv-space-2);
}

.company-notes__item-main[b-gp1oggwxrr] {
    flex: 1;
    min-width: 0;
}

.company-notes__item-head[b-gp1oggwxrr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--cv-space-2);
}

.company-notes__badges[b-gp1oggwxrr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-1) var(--cv-space-2);
}

.company-notes__glyph[b-gp1oggwxrr] {
    color: var(--cv-text-muted);
}

.company-notes__pinned[b-gp1oggwxrr] {
    color: var(--cv-severity-warning);
}

.company-notes__meta[b-gp1oggwxrr] {
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
}

.company-notes__details[b-gp1oggwxrr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-1) var(--cv-space-4);
    margin-top: var(--cv-space-1);
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
}

.company-notes__content[b-gp1oggwxrr] {
    margin: var(--cv-space-2) 0 var(--cv-space-1);
    color: var(--cv-text);
    overflow-wrap: anywhere;
}

.company-notes__item-actions[b-gp1oggwxrr] {
    display: flex;
    flex-shrink: 0;
    align-self: center;
    gap: var(--cv-space-1);
}

.company-notes__deleted[b-gp1oggwxrr] {
    margin-top: var(--cv-space-4);
}

/* On a phone the row actions drop under the note rather than squeezing it. */
@media (max-width: 575.98px) {
    .company-notes__item-row[b-gp1oggwxrr] {
        flex-direction: column;
    }

    .company-notes__item-actions[b-gp1oggwxrr] {
        align-self: flex-end;
    }
}
/* /Components/Shared/CompanyPortalSettingsTab.razor.rz.scp.css */
.company-portal-settings-tab__effective[b-btos3vlzt7] {
    margin-top: var(--cv-space-4);
    padding: var(--cv-space-3) var(--cv-space-4);
    background: var(--cv-surface-sunken);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
}

.company-portal-settings-tab__effective-label[b-btos3vlzt7] {
    margin: 0 0 var(--cv-space-2);
    color: var(--cv-text-muted);
}

/* The three effective settings side by side where there is room, stacked on a phone. */
.company-portal-settings-tab__effective[b-btos3vlzt7]  .company-portal-settings-tab__effective-facts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: var(--cv-space-3) var(--cv-space-4);
}

.company-portal-settings-tab__source[b-btos3vlzt7] {
    margin-left: var(--cv-space-2);
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
}

.company-portal-settings-tab__integration-row[b-btos3vlzt7] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-3);
    padding: var(--cv-space-4) 0;
    border-top: var(--cv-border-width) solid var(--cv-border);
}

.company-portal-settings-tab__integration-row:first-of-type[b-btos3vlzt7] {
    border-top: 0;
}

.company-portal-settings-tab__integration-name[b-btos3vlzt7] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-2);
}

.company-portal-settings-tab__integration-name i[b-btos3vlzt7] {
    color: var(--cv-text-muted);
}

/* Class on the CvSelect's root, which this component does not write, so it needs ::deep. */
.company-portal-settings-tab__integration-row[b-btos3vlzt7]  .company-portal-settings-tab__integration-select {
    max-width: 22rem;
}

.company-portal-settings-tab__integration-state[b-btos3vlzt7] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-2);
    flex-wrap: wrap;
}
/* /Components/Shared/ContactImpersonationCard.razor.rz.scp.css */
/* The contacts a staff member can preview the portal as: one hairline-divided row each. */
.portal-preview[b-ls4l4d2h7y] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.portal-preview__row[b-ls4l4d2h7y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-2) var(--cv-space-3);
    padding: var(--cv-space-2) 0;
    border-bottom: var(--cv-border-width) solid var(--cv-border-subtle);
}

.portal-preview__row:last-child[b-ls4l4d2h7y] {
    border-bottom: none;
}

.portal-preview__who[b-ls4l4d2h7y] {
    display: flex;
    flex: 1 1 12rem;
    flex-direction: column;
    min-width: 0;
}

.portal-preview__name[b-ls4l4d2h7y] {
    font-weight: 600;
    color: var(--cv-text);
}

.portal-preview__email[b-ls4l4d2h7y] {
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
    overflow-wrap: anywhere;
}
/* /Components/Shared/Contracts/ContractBlockPicker.razor.rz.scp.css */
.contract-block-picker__menu[b-aimf12xhad] {
    width: 24rem;
    max-height: 24rem;
    overflow-y: auto;
}

.contract-block-picker__item[b-aimf12xhad] {
    white-space: normal;
}
/* /Components/Shared/Contracts/ContractDocumentRenderer.razor.rz.scp.css */
/* --------------------------------------------------------------------- */
/* Outer shell is a plain layout container - it intentionally carries no  */
/* box/border/shadow of its own so the .contract-page (A4 sheet) below is */
/* the only visual "page" surface. Its horizontal padding matches         */
/* .contract-page's inline padding so the header/meta area lines up with  */
/* the page content beneath it.                                          */
/* --------------------------------------------------------------------- */
.contract-print-page__shell[b-nwf55rnq62] {
    max-width: 210mm;
    margin: 0 auto;
    padding: 1.5rem 18mm 0;
}

.contract-print-page__header[b-nwf55rnq62] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 2px solid #e8ecf1;
    margin-bottom: 1.5rem;
}

.contract-print-page__logo[b-nwf55rnq62] {
    display: block;
    max-width: min(100%, 14rem);
    max-height: 4rem;
    width: auto;
    height: auto;
    object-fit: contain;
    flex: 0 1 auto;
}

.contract-print-page__header-text[b-nwf55rnq62] {
    min-width: 0;
    flex: 1 1 16rem;
}

.contract-print-page__company-name[b-nwf55rnq62] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #0d1733;
}

.contract-print-page__company-contact[b-nwf55rnq62] {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
    color: #6a7894;
    word-break: break-word;
}

.contract-print-page__meta[b-nwf55rnq62] {
    margin-bottom: 2rem;
}

.contract-print-page__title[b-nwf55rnq62] {
    margin: 0 0 1rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #0d1733;
}

.contract-print-page__meta-grid[b-nwf55rnq62] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.contract-print-page__meta-item[b-nwf55rnq62] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.contract-print-page__meta-label[b-nwf55rnq62] {
    color: #6a7894;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contract-print-page__meta-item strong[b-nwf55rnq62] {
    color: #0d1733;
    font-size: 0.9rem;
}

.contract-print-page__section[b-nwf55rnq62] {
    margin-bottom: 2rem;
    page-break-inside: avoid;
    break-inside: avoid;
    position: relative;
    overflow: hidden;
}

.contract-print-page__section-heading[b-nwf55rnq62] {
    margin: 0 0 0.75rem;
    font-size: 1.15rem;
    font-weight: 700;
    color: #0d1733;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #e8ecf1;
}

.contract-print-page__rich-text[b-nwf55rnq62] {
    font-size: 0.92rem;
    line-height: 1.7;
    color: #2a3042;
    position: relative;
    z-index: 1;
}

.contract-print-page__section-heading[b-nwf55rnq62] {
    position: relative;
    z-index: 1;
}

.contract-print-page__section-background[b-nwf55rnq62] {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    user-select: none;
}

.contract-print-page__section-background--coverpage[b-nwf55rnq62] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contract-print-page__section-background--watermark[b-nwf55rnq62] {
    width: min(75%, 34rem);
    height: auto;
    max-height: 85%;
    object-fit: contain;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
}

.contract-print-page__rich-text :deep(img[data-corvue-asset-id])[b-nwf55rnq62] {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
}

.contract-print-page__rich-text :deep(p)[b-nwf55rnq62] {
    margin: 0 0 0.75rem;
}

.contract-print-page__rich-text :deep(ul)[b-nwf55rnq62],
.contract-print-page__rich-text :deep(ol)[b-nwf55rnq62] {
    margin: 0 0 0.75rem;
    padding-left: 1.5rem;
}

.contract-print-page__rich-text :deep(table)[b-nwf55rnq62] {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    font-size: 0.88rem;
}

.contract-print-page__rich-text :deep(caption)[b-nwf55rnq62] {
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: #44526c;
    text-align: left;
}

.contract-print-page__rich-text :deep(th)[b-nwf55rnq62] {
    background: #f3f5f8;
    padding: 0.55rem 0.75rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #44526c;
    border: 1px solid #dbe4ef;
}

.contract-print-page__rich-text :deep(td)[b-nwf55rnq62] {
    padding: 0.55rem 0.75rem;
    border: 1px solid #e6edf5;
    vertical-align: top;
}

.contract-print-page__rich-text :deep(blockquote)[b-nwf55rnq62] {
    margin: 1rem 0;
    padding: 0.85rem 1rem;
    border-left: 4px solid #bfd4f2;
    background: #f8fbff;
    color: #44526c;
}

.contract-print-page__pricing-table[b-nwf55rnq62] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
    margin-bottom: 0.5rem;
}

.contract-print-page__pricing-table thead th[b-nwf55rnq62] {
    background: #f3f5f8;
    padding: 0.5rem 0.75rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #44526c;
    border-bottom: 1px solid #dbe4ef;
}

.contract-print-page__pricing-table tbody td[b-nwf55rnq62] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #eef1f6;
    vertical-align: top;
}

.contract-print-page__pricing-table tbody tr:last-child td[b-nwf55rnq62] {
    border-bottom: none;
}

.contract-print-page__pricing-summary[b-nwf55rnq62] {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    page-break-inside: avoid;
    break-inside: avoid;
}

.contract-print-page__summary-table[b-nwf55rnq62] {
    width: auto;
    min-width: 20rem;
    margin-left: auto;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.contract-print-page__summary-table td[b-nwf55rnq62] {
    padding: 0.4rem 0.75rem;
}

.contract-print-page__summary-total td[b-nwf55rnq62] {
    border-top: 2px solid #0d1733;
    padding-top: 0.6rem;
    font-size: 1rem;
}

.contract-print-page__signature-block[b-nwf55rnq62] {
    margin-top: 1rem;
}

.contract-print-page__signature-party-grid[b-nwf55rnq62],
.contract-print-page__acceptance-party-grid[b-nwf55rnq62] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
}

.contract-print-page__signature-party-card[b-nwf55rnq62],
.contract-print-page__acceptance-party-card[b-nwf55rnq62] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid #dbe4ef;
    border-radius: 0.9rem;
    background: #fbfdff;
}

.contract-print-page__signature-party-meta[b-nwf55rnq62] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.contract-print-page__signature-party-meta strong[b-nwf55rnq62] {
    color: #0d1733;
}

.contract-print-page__signature-party-meta span:last-child:not(.contract-print-page__meta-label)[b-nwf55rnq62] {
    color: #6a7894;
    font-size: 0.84rem;
}

.contract-print-page__signature-party-details[b-nwf55rnq62] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.contract-print-page__signature-party-details p[b-nwf55rnq62] {
    margin: 0;
}

.contract-print-page__signature-placeholder[b-nwf55rnq62] {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 2rem;
}

.contract-print-page__signature-placeholder--stacked[b-nwf55rnq62] {
    flex-direction: column;
    gap: 0.45rem;
    margin-top: 0;
}

.contract-print-page__signature-line[b-nwf55rnq62] {
    width: 14rem;
    border-bottom: 1px solid #0d1733;
    margin-bottom: 0.25rem;
}

.contract-print-page__signature-placeholder p[b-nwf55rnq62] {
    margin: 0;
    font-size: 0.78rem;
    color: #6a7894;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.contract-print-page__acceptance[b-nwf55rnq62] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 2px solid #e8ecf1;
    page-break-inside: avoid;
    break-inside: avoid;
}

.contract-print-page__acceptance-grid[b-nwf55rnq62] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem);
    gap: 1.25rem;
    align-items: start;
}

.contract-print-page__acceptance-details[b-nwf55rnq62] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.contract-print-page__acceptance-item[b-nwf55rnq62] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.contract-print-page__acceptance-item strong[b-nwf55rnq62] {
    color: #0d1733;
}

.contract-print-page__signature-panel[b-nwf55rnq62] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.contract-print-page__signature-frame[b-nwf55rnq62] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 9rem;
    padding: 0.75rem;
    border: 1px solid #dbe4ef;
    border-radius: 0.75rem;
    background: #fbfdff;
}

.contract-print-page__signature-image[b-nwf55rnq62] {
    max-width: 100%;
    max-height: 8rem;
    object-fit: contain;
}

@media print {
    .contract-print-page__shell[b-nwf55rnq62] {
        max-width: none;
        padding: 0;
    }

    .contract-print-page__header[b-nwf55rnq62] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .contract-print-page__section[b-nwf55rnq62] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .contract-print-page__pricing-summary[b-nwf55rnq62],
    .contract-print-page__acceptance[b-nwf55rnq62] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

@media (max-width: 767.98px) {
    .contract-print-page__acceptance-grid[b-nwf55rnq62] {
        grid-template-columns: 1fr;
    }

    .contract-print-page__meta-grid[b-nwf55rnq62] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .contract-print-page__shell[b-nwf55rnq62] {
        padding: 1.25rem;
    }
}
/* /Components/Shared/Contracts/ContractMergeFieldPicker.razor.rz.scp.css */
.contract-merge-field-picker__menu[b-t4ikvqhmur] {
    width: 22rem;
    max-height: 24rem;
    overflow-y: auto;
}

.contract-merge-field-picker__item[b-t4ikvqhmur] {
    white-space: normal;
}

.contract-merge-field-picker__token[b-t4ikvqhmur] {
    font-size: 0.68rem;
}
/* /Components/Shared/Contracts/ContractPricingSection.razor.rz.scp.css */
.contract-pricing__col-qty[b-5v64j1qtoa] {
    width: 80px;
}

.contract-pricing__col-money[b-5v64j1qtoa] {
    width: 110px;
}

.contract-pricing__col-frequency[b-5v64j1qtoa] {
    width: 140px;
}

.contract-pricing__col-action[b-5v64j1qtoa] {
    width: 40px;
}

.contract-pricing__bundle-row > td[b-5v64j1qtoa] {
    background: var(--cv-surface-sunken);
}

.contract-pricing__bundle-item > td:first-child[b-5v64j1qtoa] {
    padding-inline-start: 1.5rem;
}
/* /Components/Shared/Contracts/ContractSectionGallery.razor.rz.scp.css */
.contract-section-gallery[b-0vv63ctyhg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.contract-section-gallery__card[b-0vv63ctyhg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    padding: 0.9rem;
    border: 1px solid var(--cv-hover-border);
    border-radius: 1rem;
    background: var(--cv-surface-sunken);
    text-align: left;
    transition: border-color 0.15s ease;
}

.contract-section-gallery__card:hover[b-0vv63ctyhg],
.contract-section-gallery__card:focus-within[b-0vv63ctyhg] {
    border-color: var(--cv-hover-border);
    box-shadow: none;
}

.contract-section-gallery__card--selected[b-0vv63ctyhg] {
    border-color: var(--cv-hover-border);
    box-shadow: none;
    background: var(--cv-surface-sunken);
}

.contract-section-gallery__card--disabled[b-0vv63ctyhg] {
    opacity: 0.78;
}

.contract-section-gallery__toolbar[b-0vv63ctyhg] {
    display: flex;
    justify-content: flex-end;
}

/* The toggle is a CvSwitch, so it renders inside a child component and needs ::deep to be reached. */
.contract-section-gallery__toolbar[b-0vv63ctyhg]  .contract-section-gallery__toggle {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
}

.contract-section-gallery__toolbar[b-0vv63ctyhg]  .contract-section-gallery__toggle .mud-typography {
    color: var(--cv-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.contract-section-gallery__select[b-0vv63ctyhg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
}

.contract-section-gallery__select:focus-visible[b-0vv63ctyhg] {
    outline: none;
}

.contract-section-gallery__preview[b-0vv63ctyhg] {
    min-height: 10.5rem;
    padding: 0.75rem;
    border: 1px solid var(--cv-hover-border);
    border-radius: 0.85rem;
    background: var(--cv-surface);
    box-shadow: none;
}

.contract-section-gallery__preview-head[b-0vv63ctyhg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.contract-section-gallery__number[b-0vv63ctyhg] {
    color: var(--cv-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.contract-section-gallery__preview-body[b-0vv63ctyhg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/*
    Miniature page preview. The width is fixed so `--thumbnail-scale` can be matched to it:
    0.17 x 210mm (~794px) is ~135px, which fills the 8.5rem box without dead space or cropping.
    Gallery cards are at least 12rem wide, so the thumbnail fits even in the narrowest column,
    and it is centred so wider columns do not leave it stranded against one edge.
*/
.contract-section-gallery__thumbnail[b-0vv63ctyhg] {
    --thumbnail-scale: 0.17;
    width: 8.5rem;
    margin-inline: auto;
}

.contract-section-gallery__meta[b-0vv63ctyhg] {
    color: var(--cv-text-muted);
    font-size: 0.78rem;
    font-weight: 600;
}

.contract-section-gallery__status[b-0vv63ctyhg] {
    color: var(--cv-attention-warning-text);
    font-size: 0.78rem;
    font-weight: 700;
}

.contract-section-gallery__title[b-0vv63ctyhg] {
    color: var(--cv-text);
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.3;
}
/* /Components/Shared/Contracts/ContractSectionLibraryCard.razor.rz.scp.css */
.contract-section-library-card[b-5e98w98xum] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    height: 100%;
    padding: 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 1rem;
    background: var(--cv-surface);
    box-shadow: none;
}

.contract-section-library-card--selected[b-5e98w98xum] {
    border-color: var(--cv-border);
    box-shadow: none;
}

.contract-section-library-card--inactive[b-5e98w98xum] {
    background: var(--cv-surface-sunken);
}

.contract-section-library-card__header[b-5e98w98xum] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.contract-section-library-card__usage[b-5e98w98xum] {
    font-size: 0.78rem;
    color: var(--cv-text-muted);
    text-align: right;
}

.contract-section-library-card__content[b-5e98w98xum] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.contract-section-library-card__title[b-5e98w98xum] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--cv-text);
}

.contract-section-library-card__description[b-5e98w98xum] {
    margin: 0;
    font-size: 0.84rem;
    color: var(--cv-text-muted);
}

/*
    Miniature page preview. The width is fixed so `--thumbnail-scale` can be matched to it:
    0.2 x 210mm (~794px) is ~159px, which fills the 10rem box without dead space or cropping.
    The library grid never drops below 240px per card, so the thumbnail always fits.
*/
.contract-section-library-card__preview[b-5e98w98xum] {
    --thumbnail-scale: 0.2;
    width: 10rem;
    margin: 0.15rem 0 0;
}

.contract-section-library-card__meta[b-5e98w98xum] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.contract-section-library-card__meta-pill[b-5e98w98xum] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    font-size: 0.78rem;
}

.contract-section-library-card__actions[b-5e98w98xum] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: auto;
}
/* /Components/Shared/Contracts/ContractSectionPreview.razor.rz.scp.css */
.contract-section-preview[b-s6dqsyv111] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: var(--bs-secondary-color);
    line-height: 1.5;
}
/* /Components/Shared/Contracts/ContractSectionThumbnail.razor.rz.scp.css */
/*
    Miniature A4 page preview of a contract section.

    The page is laid out at real A4 width (210mm) and then scaled down with a CSS transform, so
    the thumbnail shows the section's actual typography and layout rather than a redrawn
    approximation. `--thumbnail-scale` lets each host surface (library card, gallery, composer)
    tune the scale to its own card width; 0.22 suits a roughly 180px-wide card. No JS measurement.
*/
.contract-section-thumbnail[b-d0uiaxrnns] {
    aspect-ratio: 210 / 297;
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    position: relative;
}

.contract-section-thumbnail__page[b-d0uiaxrnns] {
    position: absolute;
    top: 0;
    left: 0;
    width: 210mm;
    height: 297mm;
    transform: scale(var(--thumbnail-scale, 0.22));
    transform-origin: top left;
    padding: 12mm;
    font-size: 11pt;
    line-height: 1.5;
    color: #1a1a2e;
    pointer-events: none;
    user-select: none;
}

/*
    Content rendered through MarkupString does not carry this component's scope attribute, so
    anything targeting the section's own HTML has to be written with ::deep.
*/
[b-d0uiaxrnns] .contract-section-thumbnail__page img {
    max-width: 100%;
    height: auto;
}

[b-d0uiaxrnns] .contract-section-thumbnail__page h1,
[b-d0uiaxrnns] .contract-section-thumbnail__page h2,
[b-d0uiaxrnns] .contract-section-thumbnail__page h3,
[b-d0uiaxrnns] .contract-section-thumbnail__page h4 {
    margin: 0 0 4mm;
    line-height: 1.25;
}

[b-d0uiaxrnns] .contract-section-thumbnail__page p,
[b-d0uiaxrnns] .contract-section-thumbnail__page ul,
[b-d0uiaxrnns] .contract-section-thumbnail__page ol {
    margin: 0 0 3mm;
}

[b-d0uiaxrnns] .contract-section-thumbnail__page table {
    width: 100%;
    border-collapse: collapse;
}

[b-d0uiaxrnns] .contract-section-thumbnail__page th,
[b-d0uiaxrnns] .contract-section-thumbnail__page td {
    border: 1px solid #dee2e6;
    padding: 2mm 3mm;
    text-align: left;
}

.contract-section-thumbnail__sample-table[b-d0uiaxrnns] {
    width: 100%;
    border-collapse: collapse;
}

.contract-section-thumbnail__sample-table th[b-d0uiaxrnns],
.contract-section-thumbnail__sample-table td[b-d0uiaxrnns] {
    border: 1px solid #dee2e6;
    padding: 2mm 3mm;
    text-align: left;
}

.contract-section-thumbnail__signature-line[b-d0uiaxrnns] {
    border-bottom: 1px solid #6c757d;
    margin: 10mm 0 2mm;
    width: 60%;
}
/* /Components/Shared/Contracts/ContractSigningPacket.razor.rz.scp.css */
.contract-signing-packet[b-35pnhxuupt] {
    display: block;
}

[b-35pnhxuupt] .contract-signing-packet__hero-card,
[b-35pnhxuupt] .contract-signing-packet__section-card {
    margin-bottom: 1.25rem;
}

[b-35pnhxuupt] .contract-signing-packet__alert {
    margin-bottom: 1rem;
}

.contract-signing-packet__hero[b-35pnhxuupt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.contract-signing-packet__hero-copy[b-35pnhxuupt] {
    min-width: 0;
}

.contract-signing-packet__eyebrow[b-35pnhxuupt] {
    margin-bottom: 0.4rem;
    color: #1e789a;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.contract-signing-packet__title[b-35pnhxuupt] {
    margin: 0;
    color: #0d1733;
    font-size: clamp(1.8rem, 2.4vw, 2.45rem);
    font-weight: 800;
    line-height: 1.1;
}

.contract-signing-packet__subtitle[b-35pnhxuupt] {
    margin: 0.75rem 0 0;
    color: #4f6280;
    font-size: 1rem;
    line-height: 1.7;
}

.contract-signing-packet__support[b-35pnhxuupt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem 1rem;
    margin-top: 0.95rem;
    color: #4f6280;
    font-size: 0.92rem;
}

.contract-signing-packet__hero-summary[b-35pnhxuupt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    min-width: min(100%, 21rem);
}

.contract-signing-packet__summary-tile[b-35pnhxuupt] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dfe8f2;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f6f9fd 100%);
}

.contract-signing-packet__summary-tile span[b-35pnhxuupt] {
    color: #6a7894;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contract-signing-packet__summary-tile strong[b-35pnhxuupt] {
    color: #0d1733;
    font-size: 1.05rem;
}

.contract-signing-packet__summary-tile--highlight[b-35pnhxuupt] {
    background: linear-gradient(180deg, #0d1733 0%, #18274f 100%);
    box-shadow: 0 18px 32px rgba(13, 23, 51, 0.18);
}

.contract-signing-packet__summary-tile--highlight span[b-35pnhxuupt],
.contract-signing-packet__summary-tile--highlight strong[b-35pnhxuupt],
.contract-signing-packet__summary-tile--highlight em[b-35pnhxuupt] {
    color: #ffffff;
}

.contract-signing-packet__summary-tile em[b-35pnhxuupt] {
    font-style: normal;
    font-size: 0.82rem;
    opacity: 0.85;
}

.contract-signing-packet__alert-layout[b-35pnhxuupt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.contract-signing-packet__signatory-list[b-35pnhxuupt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 0.9rem;
}

.contract-signing-packet__signatory-card[b-35pnhxuupt] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid #dfe8f2;
    border-radius: 1rem;
    background: #ffffff;
}

.contract-signing-packet__signatory-card--signed[b-35pnhxuupt] {
    border-color: #b9e3c8;
    background: linear-gradient(180deg, #f8fff9 0%, #f1fbf3 100%);
}

.contract-signing-packet__signatory-card-header[b-35pnhxuupt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.contract-signing-packet__signatory-name[b-35pnhxuupt] {
    color: #0d1733;
    font-weight: 700;
}

.contract-signing-packet__signatory-meta[b-35pnhxuupt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.8rem;
    margin-top: 0.25rem;
    color: #6a7894;
    font-size: 0.82rem;
}

.contract-signing-packet__signatory-detail[b-35pnhxuupt] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.contract-signing-packet__signatory-detail span[b-35pnhxuupt] {
    color: #6a7894;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contract-signing-packet__signatory-detail strong[b-35pnhxuupt] {
    color: #33435c;
    font-size: 0.92rem;
}

.contract-signing-packet__doc-section[b-35pnhxuupt] {
    margin-bottom: 1.75rem;
    position: relative;
    overflow: hidden;
}

.contract-signing-packet__doc-section:last-child[b-35pnhxuupt] {
    margin-bottom: 0;
}

.contract-signing-packet__section-heading[b-35pnhxuupt] {
    margin: 0 0 0.85rem;
    color: #0d1733;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
}

.contract-signing-packet__section-number[b-35pnhxuupt] {
    color: #1e789a;
    margin-right: 0.35rem;
}

.contract-signing-packet__rich-text[b-35pnhxuupt] {
    color: #33435c;
    line-height: 1.75;
    position: relative;
    z-index: 1;
}

.contract-signing-packet__section-heading[b-35pnhxuupt] {
    position: relative;
    z-index: 1;
}

.contract-signing-packet__section-background[b-35pnhxuupt] {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    user-select: none;
}

.contract-signing-packet__section-background--coverpage[b-35pnhxuupt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contract-signing-packet__section-background--watermark[b-35pnhxuupt] {
    width: min(75%, 34rem);
    height: auto;
    max-height: 85%;
    object-fit: contain;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
}

.contract-signing-packet__rich-text :deep(img[data-corvue-asset-id])[b-35pnhxuupt] {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
}

.contract-signing-packet__rich-text :deep(p)[b-35pnhxuupt] {
    margin: 0 0 0.75rem;
}

.contract-signing-packet__rich-text :deep(ul)[b-35pnhxuupt],
.contract-signing-packet__rich-text :deep(ol)[b-35pnhxuupt] {
    margin: 0 0 0.75rem;
    padding-left: 1.5rem;
}

.contract-signing-packet__rich-text :deep(table)[b-35pnhxuupt] {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    font-size: 0.88rem;
}

.contract-signing-packet__rich-text :deep(caption)[b-35pnhxuupt] {
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: #44526c;
    text-align: left;
}

.contract-signing-packet__rich-text :deep(th)[b-35pnhxuupt] {
    background: #f3f5f8;
    padding: 0.55rem 0.75rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #44526c;
    border: 1px solid #dbe4ef;
}

.contract-signing-packet__rich-text :deep(td)[b-35pnhxuupt] {
    padding: 0.55rem 0.75rem;
    border: 1px solid #e6edf5;
    vertical-align: top;
}

.contract-signing-packet__rich-text :deep(blockquote)[b-35pnhxuupt] {
    margin: 1rem 0;
    padding: 0.85rem 1rem;
    border-left: 4px solid #bfd4f2;
    background: #f8fbff;
    color: #44526c;
}

.contract-signing-packet__pricing-table[b-35pnhxuupt] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
    margin-bottom: 0.5rem;
}

.contract-signing-packet__pricing-table thead th[b-35pnhxuupt] {
    background: #f3f5f8;
    padding: 0.5rem 0.75rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #44526c;
    border-bottom: 1px solid #dbe4ef;
}

.contract-signing-packet__pricing-table tbody td[b-35pnhxuupt] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #eef1f6;
    vertical-align: top;
}

.contract-signing-packet__pricing-table tbody tr:last-child td[b-35pnhxuupt] {
    border-bottom: none;
}

.contract-signing-packet__item-desc[b-35pnhxuupt] {
    color: #4f6280;
}

.contract-signing-packet__summary-table[b-35pnhxuupt] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}

.contract-signing-packet__summary-table td[b-35pnhxuupt] {
    padding: 0.45rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
}

.contract-signing-packet__summary-table tr:last-child td[b-35pnhxuupt] {
    border-bottom: none;
}

.contract-signing-packet__summary-total-row td[b-35pnhxuupt] {
    border-top: 2px solid #0d1733;
    padding-top: 0.6rem;
}

@media (max-width: 991.98px) {
    .contract-signing-packet__hero-summary[b-35pnhxuupt] {
        min-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .contract-signing-packet__hero-summary[b-35pnhxuupt] {
        grid-template-columns: 1fr;
    }

    .contract-signing-packet__signatory-list[b-35pnhxuupt] {
        grid-template-columns: 1fr;
    }
}

@media print {
    [b-35pnhxuupt] .contract-signing-packet__hero-card,
    [b-35pnhxuupt] .contract-signing-packet__section-card {
        box-shadow: none;
        border: 1px solid #e0e8f2;
    }

    .contract-signing-packet__doc-section[b-35pnhxuupt] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .contract-signing-packet__signatory-card[b-35pnhxuupt] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .contract-signing-packet__pricing-table[b-35pnhxuupt],
    .contract-signing-packet__summary-table[b-35pnhxuupt] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Components/Shared/Contracts/ContractSigningPreviewCard.razor.rz.scp.css */
.contract-signing-preview-card[b-8jchp41t2j] {
    margin-top: 1.25rem;
}

.contract-signing-preview-card__alert[b-8jchp41t2j] {
    margin-bottom: 1rem;
}

.contract-signing-preview-card__grid[b-8jchp41t2j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.contract-signing-preview-card__field-card[b-8jchp41t2j] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.contract-signing-preview-card__field-label[b-8jchp41t2j] {
    color: #44506a;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.contract-signing-preview-card__input[b-8jchp41t2j] {
    width: 100%;
    min-height: 3rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #d9e3f1;
    border-radius: 0.9rem;
    background: #ffffff;
    color: #12213f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.contract-signing-preview-card__input:focus[b-8jchp41t2j] {
    outline: none;
    border-color: #2ba3c5;
    box-shadow: 0 0 0 0.18rem rgba(43, 163, 197, 0.16);
}

.contract-signing-preview-card__consent-row[b-8jchp41t2j] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.contract-signing-preview-card__consent-row input[b-8jchp41t2j] {
    margin-top: 0.2rem;
}

.contract-signing-preview-card__consent-label[b-8jchp41t2j] {
    color: #33415c;
}

.contract-signing-preview-card__signature-card[b-8jchp41t2j] {
    padding: 1rem;
    border: 1px solid #dbe5f3;
    border-radius: 1rem;
    background: linear-gradient(180deg, #fbfdff 0%, #f4f8fd 100%);
}

.contract-signing-preview-card__signature-toolbar[b-8jchp41t2j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.contract-signing-preview-card__signature-help[b-8jchp41t2j],
.contract-signing-preview-card__signature-caption[b-8jchp41t2j] {
    margin-bottom: 0;
    color: #63728e;
}

.contract-signing-preview-card__signature-actions[b-8jchp41t2j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.contract-signing-preview-card__signature-canvas-shell[b-8jchp41t2j],
.contract-signing-preview-card__typed-signature[b-8jchp41t2j] {
    min-height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
    border: 1px dashed #9fb2cc;
    border-radius: 1rem;
    background: #ffffff;
}

.contract-signing-preview-card__signature-placeholder[b-8jchp41t2j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.65rem;
    color: #6d7e9d;
    text-align: center;
}

.contract-signing-preview-card__signature-placeholder i[b-8jchp41t2j] {
    font-size: 1.75rem;
}

.contract-signing-preview-card__typed-signature-name[b-8jchp41t2j] {
    font-family: "Dancing Script", "Brush Script MT", cursive;
    font-size: 2.6rem;
    color: #12213f;
}

.contract-signing-preview-card__typed-signature-placeholder[b-8jchp41t2j] {
    color: #7a89a4;
}

@media (max-width: 767.98px) {
    .contract-signing-preview-card__grid[b-8jchp41t2j] {
        grid-template-columns: 1fr;
    }

    .contract-signing-preview-card__signature-toolbar[b-8jchp41t2j] {
        flex-direction: column;
    }
}
/* /Components/Shared/Contracts/ContractSummaryCard.razor.rz.scp.css */
.contract-summary-card[b-3udttrywt4] {
    padding: 1rem;
}

.contract-summary-card__item[b-3udttrywt4] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.contract-summary-card__label[b-3udttrywt4] {
    color: var(--cv-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contract-summary-card__item strong[b-3udttrywt4] {
    color: var(--cv-text);
    font-size: 0.9rem;
}
/* /Components/Shared/Contracts/ContractTemplateSectionComposer.razor.rz.scp.css */
.contract-template-composer[b-k219qy6m36] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contract-template-composer__summary[b-k219qy6m36] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 0.75rem;
}

.contract-template-composer__summary-card[b-k219qy6m36] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 0.9rem;
    background: var(--cv-surface);
    box-shadow: none;
}

.contract-template-composer__summary-label[b-k219qy6m36] {
    font-size: 0.74rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.contract-template-composer__summary-value[b-k219qy6m36] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--cv-text);
    line-height: 1.1;
}

.contract-template-composer__summary-meta[b-k219qy6m36] {
    font-size: 0.82rem;
    color: var(--cv-text-muted);
}

.contract-template-composer__layout[b-k219qy6m36] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 1rem;
}

.contract-template-composer__panel[b-k219qy6m36] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 1rem;
    background: var(--cv-surface);
}

.contract-template-composer__panel-head[b-k219qy6m36] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.contract-template-composer__panel-head h6[b-k219qy6m36] {
    margin: 0 0 0.2rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--cv-text);
}

.contract-template-composer__panel-head p[b-k219qy6m36] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.9rem;
}

.contract-template-composer__empty-state[b-k219qy6m36] {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    padding: 1rem;
    border-radius: 0.85rem;
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
}

.contract-template-composer__empty-state i[b-k219qy6m36] {
    font-size: 1.2rem;
    color: var(--cv-text-muted);
}

.contract-template-composer__empty-state strong[b-k219qy6m36],
.contract-template-composer__empty-state p[b-k219qy6m36] {
    display: block;
    margin: 0;
}

.contract-template-composer__empty-state p[b-k219qy6m36] {
    margin-top: 0.2rem;
    font-size: 0.9rem;
}

.contract-template-composer__selected-list[b-k219qy6m36] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.contract-template-composer__selected-card[b-k219qy6m36] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: 0.9rem;
    background: var(--cv-surface-sunken);
}

.contract-template-composer__selected-card--inactive[b-k219qy6m36] {
    border-style: dashed;
    background: var(--cv-surface-sunken);
}

.contract-template-composer__selected-head[b-k219qy6m36] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.contract-template-composer__selected-title[b-k219qy6m36] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.contract-template-composer__selected-title h6[b-k219qy6m36] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--cv-text);
}

.contract-template-composer__order-pill[b-k219qy6m36] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.5rem;
    border-radius: 999px;
    background: var(--status-in-progress-bg);
    color: var(--cv-tone-support-text);
    font-weight: 700;
}

/*
    Miniature page preview. The width is fixed so `--thumbnail-scale` can be matched to it:
    0.16 x 210mm (~794px) is ~127px, which fills the 8rem box without dead space or cropping.
    The selected card is full panel width, so a small fixed thumbnail keeps the lineup scannable.
*/
.contract-template-composer__selected-preview[b-k219qy6m36] {
    --thumbnail-scale: 0.16;
    width: 8rem;
    margin: 0;
}

.contract-template-composer__selected-controls[b-k219qy6m36] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    align-items: center;
}

.contract-template-composer__selected-actions[b-k219qy6m36] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.contract-template-composer__filters[b-k219qy6m36] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 0.75rem;
}

.contract-template-composer__library-grid[b-k219qy6m36] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.85rem;
}

[b-k219qy6m36] .contract-template-composer__library-grid .contract-section-library-card {
    height: 100%;
}

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

@media (max-width: 767.98px) {
    .contract-template-composer__filters[b-k219qy6m36] {
        grid-template-columns: 1fr;
    }

    .contract-template-composer__selected-head[b-k219qy6m36],
    .contract-template-composer__panel-head[b-k219qy6m36] {
        flex-direction: column;
    }

    .contract-template-composer__selected-controls[b-k219qy6m36] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Shared/CreateRecommendationDialog.razor.rz.scp.css */
.create-recommendation-dialog__dialog[b-jfsu6t31gc] {
    min-width: 0;
}

.create-recommendation-dialog__form-grid[b-jfsu6t31gc] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.create-recommendation-dialog__field[b-jfsu6t31gc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.create-recommendation-dialog__probability-slider[b-jfsu6t31gc] {
    max-width: 22rem;
}

.create-recommendation-dialog__field--full[b-jfsu6t31gc],
.create-recommendation-dialog__group-title[b-jfsu6t31gc] {
    grid-column: 1 / -1;
}

.create-recommendation-dialog__group-title[b-jfsu6t31gc] {
    color: var(--cv-text);
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0.25rem 0 0;
}

.create-recommendation-dialog__message[b-jfsu6t31gc] {
    align-items: center;
    border-radius: var(--cv-radius-control);
    display: flex;
    gap: 0.75rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
}

.create-recommendation-dialog__message--danger[b-jfsu6t31gc] {
    background: color-mix(in srgb, var(--cv-tone-danger-bg) 8%, transparent);
    border: var(--cv-border-width) solid var(--cv-tone-danger-line);
    color: var(--cv-tone-danger-text);
}

.create-recommendation-dialog__message--info[b-jfsu6t31gc] {
    background: var(--cv-surface-sunken);
    border: var(--cv-border-width) solid var(--cv-border);
    color: var(--cv-text);
}

.create-recommendation-dialog__success[b-jfsu6t31gc] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 0;
    text-align: center;
}

.create-recommendation-dialog__success h3[b-jfsu6t31gc] {
    color: var(--cv-text);
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}

.create-recommendation-dialog__success-title[b-jfsu6t31gc] {
    color: var(--cv-text-muted);
    font-size: 0.95rem;
    margin: 0;
}

.create-recommendation-dialog__success-icon[b-jfsu6t31gc] {
    align-items: center;
    background: transparent;
    border-radius: var(--cv-radius-round);
    color: var(--cv-severity-positive);
    display: inline-flex;
    font-size: 2.4rem;
    height: 4.5rem;
    justify-content: center;
    width: 4.5rem;
}

.create-recommendation-dialog__helper[b-jfsu6t31gc] {
    color: var(--cv-text-muted);
    margin: 0;
}

.create-recommendation-dialog__existing-section[b-jfsu6t31gc] {
    margin-top: 1.5rem;
}

.create-recommendation-dialog__existing-actions[b-jfsu6t31gc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

/* /Components/Shared/CreateUserActionDialog.razor.rz.scp.css */
/* The dialog's own layout; the scrim and shell are CvDialogOverlay's (ui-refresh-5). */
.create-user-action-dialog__fields[b-aewihjapew] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-gap-stack);
}

.create-user-action-dialog__choice[b-aewihjapew] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-1);
}

.create-user-action-dialog__label[b-aewihjapew] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cv-text);
}

.create-user-action-dialog__helper[b-aewihjapew] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--cv-text-muted);
}

.create-user-action-dialog__actions[b-aewihjapew] {
    display: flex;
    justify-content: flex-end;
    gap: var(--cv-space-2);
    margin-top: var(--cv-space-4);
}

.create-user-action-dialog__success[b-aewihjapew] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cv-space-2);
    text-align: center;
}

.create-user-action-dialog__success h3[b-aewihjapew] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.create-user-action-dialog__success-icon[b-aewihjapew] {
    font-size: 2rem;
    line-height: 1;
    color: var(--cv-severity-positive);
}

.create-user-action-dialog__success-title[b-aewihjapew] {
    margin: 0;
    font-weight: 600;
}
/* /Components/Shared/FileUploadDropZone.razor.rz.scp.css */
.file-upload-dropzone__selected-item[b-nl0r34hbzs] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
}

.file-upload-dropzone__selected-preview[b-nl0r34hbzs] {
    width: 3.5rem;
    height: 3.5rem;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: var(--cv-radius-control);
    border: var(--cv-border-width) solid var(--cv-border);
    background: var(--cv-surface);
}

.file-upload-dropzone__selected-copy[b-nl0r34hbzs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    flex: 1 1 auto;
}

.file-upload-dropzone__selected-copy > div[b-nl0r34hbzs] {
    min-width: 0;
}

.file-upload-dropzone__selected-name[b-nl0r34hbzs] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Shared/IntegrationCapabilityChips.razor.rz.scp.css */
/* Owned by the component that renders this markup. It previously lived in
   IntegrationsPage.razor.css, which never applied: Blazor CSS isolation scopes a component's
   styles to the markup that component itself emits, so a parent cannot style a child's elements
   without ::deep. Moving the rule here is the fix rather than reaching for ::deep, because the
   layout of this row is the chip component's own concern. */
.integrations-page__capabilities[b-hokex09xtj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.5rem;
}
/* /Components/Shared/IntegrationOverviewCard.razor.rz.scp.css */
.integration-card__shell[b-7cmty6p9ey] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-4);
    height: 100%;
}

.integration-card__brand[b-7cmty6p9ey] {
    display: flex;
    align-items: flex-start;
    gap: var(--cv-space-3);
    min-width: 0;
}

.integration-card__logo[b-7cmty6p9ey],
.integration-card__fallback[b-7cmty6p9ey] {
    width: 3rem;
    height: 3rem;
    border-radius: var(--cv-radius-card);
    flex-shrink: 0;
}

.integration-card__logo[b-7cmty6p9ey] {
    object-fit: contain;
    background: var(--cv-surface);
    border: var(--cv-border-width) solid var(--cv-border);
    padding: 0.45rem;
}

.integration-card__fallback[b-7cmty6p9ey] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: var(--cv-text);
    background: var(--cv-surface-sunken);
    border: var(--cv-border-width) solid var(--cv-border);
}

.integration-card__fallback--primary[b-7cmty6p9ey] { color: var(--cv-tone-primary-text); }
.integration-card__fallback--secondary[b-7cmty6p9ey] { color: var(--cv-tone-secondary-text); }
.integration-card__fallback--accent[b-7cmty6p9ey] { color: var(--cv-tone-accent-text); }
.integration-card__fallback--support[b-7cmty6p9ey] { color: var(--cv-tone-support-text); }
.integration-card__fallback--success[b-7cmty6p9ey] { color: var(--cv-tone-success-text); }
.integration-card__fallback--warning[b-7cmty6p9ey] { color: var(--cv-tone-warning-text); }
.integration-card__fallback--danger[b-7cmty6p9ey] { color: var(--cv-tone-danger-text); }
.integration-card__fallback--neutral[b-7cmty6p9ey] { color: var(--cv-tone-neutral-text); }

.integration-card__text[b-7cmty6p9ey] {
    min-width: 0;
}

.integration-card__text h3[b-7cmty6p9ey] {
    margin: 0;
    color: var(--cv-text);
    font-size: 1.05rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.integration-card__text p[b-7cmty6p9ey] {
    margin: 0.35rem 0 0;
    color: var(--cv-text-muted);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.integration-card__toggle[b-7cmty6p9ey] {
    width: 100%;
    min-width: 0;
    display: flex;
    justify-content: flex-start;
}

.integration-card__toggle-control[b-7cmty6p9ey] {
    width: 100%;
}

/* Each badge is a CvStatusBadge; the wrapper only carries the tooltip and a stable hook. */
.integration-card__badge-row[b-7cmty6p9ey] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-2);
}

.integration-card__sync-message[b-7cmty6p9ey] {
    margin: 0;
    padding: var(--cv-space-3);
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    font-size: 0.92rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.integration-card__actions[b-7cmty6p9ey] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-3);
    margin-top: auto;
}
/* /Components/Shared/Integrations/Rmm/RmmBreakdownPanel.razor.rz.scp.css */
.rmm-breakdown[b-o17ycv9cc0] {
    display: grid;
    min-width: 0;
}

/*
    Tablet: the breakdown grid goes two across, and the third (site) panel takes the full second row
    rather than sitting alone in half of it — the treatment an odd last tile gets in CvTileGrid too.
*/
@media (max-width: 1199.98px) {
    .rmm-breakdown--wide[b-o17ycv9cc0] {
        grid-column: 1 / -1;
    }
}
/* /Components/Shared/Integrations/Rmm/RmmDetailNote.razor.rz.scp.css */
.rmm-detail-note[b-4i1mwjxe8n] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
}
/* /Components/Shared/Integrations/Rmm/RmmDeviceDetailPanel.razor.rz.scp.css */
.rmm-detail-panel[b-1mou3ll10o] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem 1.5rem;
    padding: 0.5rem 0.25rem 0.75rem;
}

.rmm-detail-panel--3[b-1mou3ll10o] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rmm-detail-panel--5[b-1mou3ll10o] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 1399.98px) {
    .rmm-detail-panel--5[b-1mou3ll10o] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1199.98px) {
    .rmm-detail-panel--4[b-1mou3ll10o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .rmm-detail-panel--3[b-1mou3ll10o],
    .rmm-detail-panel--5[b-1mou3ll10o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .rmm-detail-panel[b-1mou3ll10o],
    .rmm-detail-panel--3[b-1mou3ll10o],
    .rmm-detail-panel--4[b-1mou3ll10o],
    .rmm-detail-panel--5[b-1mou3ll10o] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.75rem;
    }
}

/* The notes belong to the whole panel, not to one group. */
.rmm-detail-panel__notes[b-1mou3ll10o] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}
/* /Components/Shared/Integrations/Rmm/RmmDeviceNameCell.razor.rz.scp.css */
/* The disclosure sits beside the names; the names stack beneath each other. */
.rmm-device-name[b-zf5oxpgx4b] {
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
}

.rmm-device-name__names[b-zf5oxpgx4b] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.rmm-device-name__name[b-zf5oxpgx4b] {
    font-weight: 600;
    color: var(--cv-text);
    overflow-wrap: anywhere;
}

.rmm-device-name__secondary[b-zf5oxpgx4b] {
    font-size: 0.75rem;
    line-height: 1.35;
    color: var(--cv-text-muted);
    overflow-wrap: anywhere;
}

.rmm-device-name__badge[b-zf5oxpgx4b] {
    margin-top: 0.125rem;
}
/* /Components/Shared/Integrations/Rmm/RmmHealthBadge.razor.rz.scp.css */
.rmm-health__empty[b-1incdnn46r] {
    color: var(--text-secondary);
}

.rmm-health__code[b-1incdnn46r] {
    margin-left: 0.25rem;
    font-size: 0.75rem;
    color: var(--cv-text-muted);
    overflow-wrap: anywhere;
}

.rmm-health__source[b-1incdnn46r] {
    display: block;
    font-size: 0.75rem;
    color: var(--cv-text-muted);
    overflow-wrap: anywhere;
}
/* /Components/Shared/Integrations/Rmm/RmmOnlineStatus.razor.rz.scp.css */
.rmm-online-status[b-g77gv5whg5] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.rmm-online-status i[b-g77gv5whg5] {
    font-size: 0.75rem;
}

.rmm-online-status--online i[b-g77gv5whg5] {
    color: var(--cv-severity-positive);
}

.rmm-online-status--offline i[b-g77gv5whg5],
.rmm-online-status--not-reported i[b-g77gv5whg5] {
    color: var(--cv-text-muted);
}
/* /Components/Shared/Integrations/Rmm/RmmOverviewLayout.razor.rz.scp.css */
/*
    The shared RMM overview column: status strip, tiles and breakdown panels, spaced by one gap. The gap
    is wider than the tile grid's own so the bands read as separate groups: the stat cards cast a deep
    shadow, and at 1rem the panels beneath looked as if they were touching the tiles.
*/
.rmm-overview[b-sz55qqhd4q] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/*
    Breakdown panels in cells RmmBreakdownPanel owns: three across on a wide desktop, two on a tablet,
    one on a phone. With no site panel the two that remain share the row.
*/
.rmm-overview__breakdowns[b-sz55qqhd4q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.rmm-overview__breakdowns--two[b-sz55qqhd4q] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1199.98px) {
    .rmm-overview__breakdowns[b-sz55qqhd4q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .rmm-overview[b-sz55qqhd4q] {
        gap: 1.25rem;
    }

    /* Phone: one panel per row. OS names like "Windows Server 2019" need the width. */
    .rmm-overview__breakdowns[b-sz55qqhd4q],
    .rmm-overview__breakdowns--two[b-sz55qqhd4q] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.75rem;
    }
}
/* /Components/Shared/Integrations/Rmm/RmmPortalDevicesTab.razor.rz.scp.css */
/*
    Scoped styling for the shared portal RMM Devices tab: its filter fields and the updating line.
    The table columns are the view's own markup (HeaderCells and RowCells), so each view styles and
    hides its own columns; the expandable rows are CvDetailRow and its global row classes.
*/

.rmm-devices__filter-field[b-lhfcvfans9] {
    display: flex;
    flex-direction: column;
    min-width: 10rem;
}

.rmm-devices__filter-field--search[b-lhfcvfans9] {
    flex: 1 1 18rem;
}

/* The reload indicator sits above a table that stays in place, so focus is never lost to a re-render. */
.rmm-devices__updating[b-lhfcvfans9] {
    margin-bottom: 0.5rem;
}
/* /Components/Shared/Integrations/Rmm/RmmStorageList.razor.rz.scp.css */
.rmm-storage[b-ubkmbim6p3] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rmm-storage__volume[b-ubkmbim6p3] {
    display: flex;
    flex-direction: column;
    gap: 0.0625rem;
}

.rmm-storage__label[b-ubkmbim6p3] {
    font-weight: 600;
    color: var(--cv-text);
    overflow-wrap: anywhere;
}

.rmm-storage__figures[b-ubkmbim6p3] {
    font-size: 0.8125rem;
    color: var(--cv-text);
    font-variant-numeric: tabular-nums;
}

.rmm-storage__empty[b-ubkmbim6p3] {
    margin: 0;
    color: var(--text-secondary);
}
/* /Components/Shared/IntegrationTile.razor.rz.scp.css */
.integration-tile[b-jhqcv6um5s] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-2);
    height: 100%;
    padding: var(--cv-space-3) var(--cv-space-4);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
}

.integration-tile__header[b-jhqcv6um5s] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-2);
    min-width: 0;
}

.integration-tile__logo[b-jhqcv6um5s],
.integration-tile__fallback[b-jhqcv6um5s] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--cv-radius-control);
    flex-shrink: 0;
}

.integration-tile__logo[b-jhqcv6um5s] {
    object-fit: contain;
    background: var(--cv-surface);
    border: var(--cv-border-width) solid var(--cv-border);
    padding: 0.25rem;
}

.integration-tile__fallback[b-jhqcv6um5s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    color: var(--cv-text);
    background: var(--cv-surface-sunken);
}

.integration-tile__title-link[b-jhqcv6um5s] {
    min-width: 0;
    color: var(--cv-text);
    font-weight: 700;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.integration-tile__title-link:hover[b-jhqcv6um5s] {
    text-decoration: underline;
}

.integration-tile__delete[b-jhqcv6um5s] {
    margin-left: auto;
}

.integration-tile__description[b-jhqcv6um5s] {
    margin: 0;
    color: var(--cv-text-muted);
    font-size: 0.88rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.integration-tile__meta[b-jhqcv6um5s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

/* Each badge is a CvStatusBadge; the wrapper only carries the tooltip and a stable hook. */
.integration-tile__badge[b-jhqcv6um5s] {
    display: inline-flex;
}

.integration-tile__toggle[b-jhqcv6um5s] {
    margin-top: auto;
}

.integration-tile__toggle-control[b-jhqcv6um5s] {
    width: 100%;
}
/* /Components/Shared/Modals/PasswordResetModal.razor.rz.scp.css */
.password-reset-modal__dialog[b-lhudo6jp09] {
    min-width: 0;
}

.password-reset-modal__grid[b-lhudo6jp09] {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
}

.password-reset-modal__helper[b-lhudo6jp09],
.password-reset-modal__warning[b-lhudo6jp09] {
    margin: 0 0 1rem;
    font-size: 0.85rem;
    line-height: 1.5;
}

.password-reset-modal__helper[b-lhudo6jp09] {
    color: var(--cv-text-muted);
}

.password-reset-modal__warning[b-lhudo6jp09] {
    color: var(--cv-attention-warning-text);
}

/* /Components/Shared/Modals/PortalPasswordModal.razor.rz.scp.css */
.portal-password-modal__dialog[b-7ddfbu0cuv] {
    min-width: 0;
}

.portal-password-modal__summary[b-7ddfbu0cuv],
.portal-password-modal__status[b-7ddfbu0cuv] {
    margin-bottom: 1rem;
}

.portal-password-modal__grid[b-7ddfbu0cuv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1rem;
}

.portal-password-modal__field[b-7ddfbu0cuv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.portal-password-modal__field--full[b-7ddfbu0cuv] {
    width: 100%;
}

.portal-password-modal__field-label[b-7ddfbu0cuv] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cv-text);
}

.portal-password-modal__password-header[b-7ddfbu0cuv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.portal-password-modal__generated-password[b-7ddfbu0cuv] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
}

.portal-password-modal__generated-input[b-7ddfbu0cuv] {
    flex: 1 1 auto;
}

.portal-password-modal__helper[b-7ddfbu0cuv],
.portal-password-modal__warning[b-7ddfbu0cuv] {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.5;
}

.portal-password-modal__helper[b-7ddfbu0cuv] {
    color: var(--cv-text-muted);
}

.portal-password-modal__warning[b-7ddfbu0cuv] {
    color: var(--cv-attention-warning-text);
}

@media (max-width: 767.98px) {
    .portal-password-modal__generated-password[b-7ddfbu0cuv] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Shared/Modals/UserEditorModal.razor.rz.scp.css */
.user-editor-modal__dialog[b-f1cy0ybkgz] {
    min-width: 0;
}

.user-editor-modal__grid[b-f1cy0ybkgz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1rem;
}

.user-editor-modal__field[b-f1cy0ybkgz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.user-editor-modal__field--full[b-f1cy0ybkgz] {
    grid-column: 1 / -1;
}

.user-editor-modal__field-label[b-f1cy0ybkgz] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cv-text);
}

.user-editor-modal__helper[b-f1cy0ybkgz],
.user-editor-modal__warning[b-f1cy0ybkgz] {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.5;
}

.user-editor-modal__helper[b-f1cy0ybkgz] {
    color: var(--cv-text-muted);
}

.user-editor-modal__warning[b-f1cy0ybkgz] {
    color: var(--cv-attention-warning-text);
}

.user-editor-modal__password-header[b-f1cy0ybkgz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.user-editor-modal__generated-password[b-f1cy0ybkgz] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
}

.user-editor-modal__generated-input[b-f1cy0ybkgz] {
    flex: 1 1 auto;
}

.user-editor-modal__colour-grid[b-f1cy0ybkgz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 0.75rem;
}

.user-editor-modal__colour-option[b-f1cy0ybkgz] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 2.85rem;
    padding: 0.7rem 0.85rem;
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface);
    color: var(--cv-text);
    text-align: left;
    transition: border-color var(--cv-motion-fast) var(--cv-ease-out), background-color var(--cv-motion-fast) var(--cv-ease-out);
}

/* The swatch colour is the user's own calendar colour (data, not palette); hover and selection only tint the
   border and background with it, with no lift or glow. */
.user-editor-modal__colour-option:hover[b-f1cy0ybkgz] {
    border-color: var(--user-editor-modal-colour, var(--cv-hover-border));
}

.user-editor-modal__colour-option:focus-visible[b-f1cy0ybkgz] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.user-editor-modal__colour-option--selected[b-f1cy0ybkgz] {
    border-color: var(--user-editor-modal-colour, var(--cv-hover-border));
    background: color-mix(in srgb, var(--user-editor-modal-colour, var(--cv-secondary)) 14%, var(--cv-surface));
}

.user-editor-modal__colour-swatch[b-f1cy0ybkgz] {
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    flex-shrink: 0;
    background: var(--user-editor-modal-colour, var(--cv-secondary));
    box-shadow: inset 0 0 0 1px var(--cv-border-strong);
}

@media (max-width: 767.98px) {
    .user-editor-modal__generated-password[b-f1cy0ybkgz] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
/* The notification bell and panel (ui-refresh-5): flat on the tokens. The panel is an overlay, so it alone is
   raised (--cv-elevation-overlay) over --cv-scrim. Severity shows as a 3px rule and a coloured glyph, never colour
   alone: the source line and title carry the meaning. */
.notification-bell-wrapper[b-cyvyzxsjnd] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--cv-space-2);
}

.notification-bell-btn[b-cyvyzxsjnd] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cv-control-height-sm);
    height: var(--cv-control-height-sm);
    border: 0;
    border-radius: var(--cv-radius-control);
    background: transparent;
    color: var(--cv-text-muted);
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color var(--cv-motion-fast) var(--cv-ease-out), color var(--cv-motion-fast) var(--cv-ease-out);
}

.notification-bell-btn:hover[b-cyvyzxsjnd] {
    background: var(--cv-surface-hover);
    color: var(--cv-text);
}

.notification-bell-btn:focus-visible[b-cyvyzxsjnd],
.notification-panel-button:focus-visible[b-cyvyzxsjnd],
.notification-panel-close:focus-visible[b-cyvyzxsjnd],
.notification-item:focus-visible[b-cyvyzxsjnd] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.notification-bell-link[b-cyvyzxsjnd] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cv-text-muted);
    text-decoration: none;
    white-space: nowrap;
}

.notification-bell-link:hover[b-cyvyzxsjnd] {
    color: var(--cv-tone-secondary-text);
    text-decoration: underline;
}

/* A count that needs action: the danger tone, tabular figures. */
.notification-badge[b-cyvyzxsjnd] {
    position: absolute;
    top: 0.125rem;
    right: 0.125rem;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.1875rem;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-tone-danger-bg);
    color: var(--cv-tone-danger-fg);
    font-size: 0.625rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1rem;
    text-align: center;
    pointer-events: none;
}

.notification-panel-backdrop[b-cyvyzxsjnd] {
    position: fixed;
    inset: 0;
    z-index: 1055;
    background: var(--cv-scrim);
}

.notification-panel[b-cyvyzxsjnd] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1060;
    display: flex;
    flex-direction: column;
    width: 25rem;
    max-width: 100vw;
    border-left: var(--cv-border-width) solid var(--cv-border);
    background: var(--cv-surface);
    color: var(--cv-text);
    box-shadow: var(--cv-elevation-overlay);
    animation: notification-panel-in-b-cyvyzxsjnd var(--cv-motion-slow) var(--cv-ease-out);
}

@keyframes notification-panel-in-b-cyvyzxsjnd {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
    .notification-panel[b-cyvyzxsjnd] {
        animation: none;
    }
}

.notification-panel-header[b-cyvyzxsjnd],
.notification-panel-footer[b-cyvyzxsjnd] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding: var(--cv-space-3) var(--cv-space-5);
}

.notification-panel-header[b-cyvyzxsjnd] {
    justify-content: space-between;
    gap: var(--cv-space-3);
    border-bottom: var(--cv-border-width) solid var(--cv-border);
}

.notification-panel-title[b-cyvyzxsjnd] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.notification-panel-actions[b-cyvyzxsjnd] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-2);
}

.notification-panel-button[b-cyvyzxsjnd] {
    min-height: var(--cv-control-height-sm);
    padding: 0 var(--cv-space-3);
    border: var(--cv-border-width) solid var(--cv-tone-secondary-line);
    border-radius: var(--cv-radius-control);
    background: transparent;
    color: var(--cv-tone-secondary-text);
    font-size: 0.8125rem;
    font-weight: 600;
}

.notification-panel-button:hover:not(:disabled)[b-cyvyzxsjnd] {
    background: var(--cv-surface-hover);
}

.notification-panel-button:disabled[b-cyvyzxsjnd] {
    opacity: 0.6;
}

.notification-panel-close[b-cyvyzxsjnd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cv-control-height-sm);
    height: var(--cv-control-height-sm);
    border: 0;
    border-radius: var(--cv-radius-control);
    background: transparent;
    color: var(--cv-text-muted);
}

.notification-panel-close:hover[b-cyvyzxsjnd] {
    background: var(--cv-surface-hover);
    color: var(--cv-text);
}

.notification-panel-body[b-cyvyzxsjnd] {
    flex: 1;
    overflow-y: auto;
}

.notification-panel-footer[b-cyvyzxsjnd] {
    justify-content: center;
    border-top: var(--cv-border-width) solid var(--cv-border);
}

.notification-panel-footer a[b-cyvyzxsjnd] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cv-tone-secondary-text);
    text-decoration: none;
}

.notification-item[b-cyvyzxsjnd] {
    display: flex;
    align-items: flex-start;
    gap: var(--cv-space-3);
    width: 100%;
    padding: var(--cv-space-3) var(--cv-space-5);
    border: 0;
    border-bottom: var(--cv-border-width) solid var(--cv-border-subtle);
    border-left: var(--cv-rule-width) solid transparent;
    background: transparent;
    color: var(--cv-text);
    text-align: left;
    cursor: pointer;
}

.notification-item:last-child[b-cyvyzxsjnd] {
    border-bottom: 0;
}

.notification-item:hover[b-cyvyzxsjnd] {
    background: var(--cv-surface-hover);
}

.notification-item-unread[b-cyvyzxsjnd] {
    background: var(--cv-surface-sunken);
}

.notification-item-error[b-cyvyzxsjnd] {
    border-left-color: var(--cv-severity-critical);
}

.notification-item-warning[b-cyvyzxsjnd] {
    border-left-color: var(--cv-severity-warning);
}

.notification-item-info[b-cyvyzxsjnd] {
    border-left-color: var(--cv-secondary);
}

.notification-icon[b-cyvyzxsjnd] {
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.notification-icon-error[b-cyvyzxsjnd] {
    color: var(--cv-severity-critical);
}

.notification-icon-warning[b-cyvyzxsjnd] {
    color: var(--cv-severity-warning);
}

.notification-icon-info[b-cyvyzxsjnd] {
    color: var(--cv-secondary);
}

.notification-copy[b-cyvyzxsjnd] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.notification-source[b-cyvyzxsjnd] {
    color: var(--cv-text-muted);
    font-size: var(--cv-label-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    text-transform: uppercase;
}

.notification-title[b-cyvyzxsjnd] {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.3;
}

.notification-message[b-cyvyzxsjnd] {
    overflow: hidden;
    color: var(--cv-text-muted);
    font-size: 0.78125rem;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-time[b-cyvyzxsjnd] {
    margin-top: 0.125rem;
    color: var(--cv-text-muted);
    font-size: 0.75rem;
}

.notification-chevron[b-cyvyzxsjnd] {
    flex-shrink: 0;
    margin-top: 0.125rem;
    color: var(--cv-text-muted);
}

.notification-empty[b-cyvyzxsjnd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cv-space-1);
    padding: 2.5rem var(--cv-space-5);
    color: var(--cv-text-muted);
    font-size: 0.875rem;
    text-align: center;
}

.notification-empty-icon[b-cyvyzxsjnd] {
    color: var(--cv-severity-positive);
    font-size: 1.5rem;
}
/* /Components/Shared/Portal/Integrations/PortalDattoRmmView.razor.rz.scp.css */
/*
    Scoped styling for the customer-facing Datto RMM view.

    The overview (status strip, tiles, breakdown panels), the device name and status cells and the
    detail panel are the shared RMM components in Components/Shared/Integrations/Rmm and the Cv detail
    wrappers, which carry their own scoped styles and are shared with the N-central view and the staff
    company tabs, and the Devices tab's filter bar, paging and reload line are RmmPortalDevicesTab. What
    is left here is this view's own layout: its tabs and its table columns (the column markup is this
    view's own, passed to the shared tab as templates); the expandable rows are CvDetailRow and its
    global row classes.

    Column hiding has to reach the <th> that CvSortHeader renders: that element carries CvSortHeader's
    scope, not this component's, so the rule uses ::deep from this component's own root.

    Colours are the Corvue palette: navy #0D1733, teal #2BA3C5, support #1E789A, lime #A2D339.
*/

.portal-datto[b-qpa243ufrt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.portal-datto__tabs[b-qpa243ufrt] {
    margin-bottom: 0;
}

/* ── Devices ──────────────────────────────────────────────────────────────── */



.portal-datto__col-device[b-qpa243ufrt] {
    min-width: 11rem;
}

.portal-datto__col-os[b-qpa243ufrt] {
    min-width: 12rem;
}

.portal-datto__col-status[b-qpa243ufrt],
.portal-datto__col-last-seen[b-qpa243ufrt] {
    white-space: nowrap;
}

.portal-datto__muted[b-qpa243ufrt] {
    color: var(--text-secondary);
}

/*
    At phone width the table keeps what a customer scans for — which device, what kind, is it on —
    and drops the detail columns rather than scrolling sideways. The overview still carries the
    operating-system and site breakdowns.
*/
@media (max-width: 575.98px) {
    .portal-datto[b-qpa243ufrt]  .portal-datto__col-os,
    .portal-datto[b-qpa243ufrt]  .portal-datto__col-site,
    .portal-datto[b-qpa243ufrt]  .portal-datto__col-last-seen {
        display: none;
    }

    .portal-datto__col-device[b-qpa243ufrt] {
        min-width: 0;
    }
}

/* /Components/Shared/Portal/Integrations/PortalMicrosoft365View.razor.rz.scp.css */
/*
    Scoped styling for the customer-facing Microsoft 365 view.

    Every selector here targets markup this component writes itself — wrapper divs, table cells,
    chips. Nothing reaches inside a Cv* wrapper's MudBlazor-backed root, which docs/ui.md warns is
    unreliable under CSS isolation. Layout the wrappers own is left to them: the freshness strip is
    CvStatusStrip, the stat cards sit in CvTileGrid, and the expanded rows are CvDetailRow.

    Colours are the Corvue palette: navy #0D1733, teal #2BA3C5, support #1E789A, lime #A2D339.
*/

.portal-m365[b-g0naet0yxt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.portal-m365__tabs[b-g0naet0yxt] {
    margin-bottom: 0;
}

/* ── Overview head ────────────────────────────────────────────────────────── */

/*
    The freshness strip and the tiles are the shared CvStatusStrip and CvTileGrid (four across, two
    from 1200px down, one on a phone — docs/ui.md, tile grid). This wrapper only spaces them from
    each other and from the sections beneath.
*/
.portal-m365__overview-head[b-g0naet0yxt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}

/* ── Grouped licence changes ──────────────────────────────────────────────── */

/*
    One line per date-and-outcome group, not one per product. A full-width row per subscription
    turned the overview into a second licence table and made one renewal anniversary look like
    twenty separate problems.
*/

.portal-m365__change-list[b-g0naet0yxt] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.portal-m365__change-item[b-g0naet0yxt] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.625rem 0.75rem;
    border: 1px solid rgba(13, 23, 51, 0.08);
    border-left-width: 3px;
    border-radius: 0.5rem;
    background: #fff;
}

.portal-m365__change-item--attention[b-g0naet0yxt] {
    border-left-color: #b3261e;
    background: rgba(179, 38, 30, 0.04);
}

.portal-m365__change-headline[b-g0naet0yxt] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.5rem;
    min-width: 0;
}

.portal-m365__change-date[b-g0naet0yxt] {
    font-weight: 600;
    color: #0d1733;
    white-space: nowrap;
}

/* The separator is decorative, so it is drawn rather than written into the text. */
.portal-m365__change-outcome[b-g0naet0yxt]::before {
    content: "·";
    margin-right: 0.5rem;
    color: #98a0b0;
}

.portal-m365__change-outcome[b-g0naet0yxt] {
    color: #2c3547;
    overflow-wrap: anywhere;
}

.portal-m365__change-products[b-g0naet0yxt] {
    font-size: 0.8125rem;
    color: #5a6377;
    overflow-wrap: anywhere;
}

.portal-m365__change-more[b-g0naet0yxt] {
    margin: 0.5rem 0 0;
    font-size: 0.8125rem;
    color: #5a6377;
}

/* At phone width the date leads its own line rather than being squeezed by the outcome. */
@media (max-width: 575.98px) {
    .portal-m365__change-headline[b-g0naet0yxt] {
        flex-direction: column;
        gap: 0.125rem;
    }

    .portal-m365__change-outcome[b-g0naet0yxt]::before {
        content: none;
        margin-right: 0;
    }
}

.portal-m365__all-clear[b-g0naet0yxt] {
    margin: 0;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    background: rgba(162, 211, 57, 0.12);
    color: #3f5205;
    font-size: 0.875rem;
}

/* ── Chips ────────────────────────────────────────────────────────────────── */

.portal-m365__chip[b-g0naet0yxt] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.portal-m365__chip--calm[b-g0naet0yxt] {
    color: #2c3547;
    background: rgba(13, 23, 51, 0.06);
}

.portal-m365__chip--due[b-g0naet0yxt] {
    color: #7a4b00;
    background: rgba(255, 193, 7, 0.22);
}

/* A lapse, not a deadline: distinct from "due", and never reached by distance alone. */
.portal-m365__chip--lapsed[b-g0naet0yxt] {
    color: #8c1d18;
    background: rgba(179, 38, 30, 0.12);
}

/*
    A lifecycle chip that carries its own scope — "1 of 3 subscriptions · Data deleted 3 Oct 2026" —
    is two clauses long, so this one wraps instead of pushing the numeric columns off the edge.
    white-space is inherited, so declaring it here beats the nowrap the renewal cell sets for the
    short, unscoped chips that are the common case.
*/
.portal-m365__chip--scoped[b-g0naet0yxt] {
    white-space: normal;
    max-width: 14rem;
}

.portal-m365__chip--trial[b-g0naet0yxt] {
    margin-left: 0.375rem;
    color: #1e789a;
    background: rgba(43, 163, 197, 0.16);
}

.portal-m365__chip--active[b-g0naet0yxt] {
    color: #2f6b31;
    background: rgba(162, 211, 57, 0.22);
}

.portal-m365__chip--inactive[b-g0naet0yxt] {
    color: #4a5163;
    background: rgba(13, 23, 51, 0.08);
}

/* ── Tables ───────────────────────────────────────────────────────────────── */

.portal-m365__col-number[b-g0naet0yxt] {
    width: 1%;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/*
    A cap as well as a floor. Microsoft product names run long ("Microsoft 365 E5 Compliance
    (Nonprofit Staff Pricing)"), and without a ceiling one of them pushes the numeric columns off
    the edge of a tablet before CvTable's own horizontal scroll can help.
*/
.portal-m365__col-name[b-g0naet0yxt] {
    min-width: 12rem;
    max-width: 22rem;
}

.portal-m365__licence-name[b-g0naet0yxt] {
    font-weight: 600;
    color: #0d1733;
    overflow-wrap: anywhere;
}

.portal-m365__subline[b-g0naet0yxt] {
    display: block;
    font-size: 0.75rem;
    line-height: 1.35;
    color: #5a6377;
    overflow-wrap: anywhere;
}

.portal-m365__col-renewal[b-g0naet0yxt],
.portal-m365__col-status[b-g0naet0yxt],
.portal-m365__col-licences[b-g0naet0yxt] {
    white-space: nowrap;
}

/* Long addresses wrap inside their own cell rather than widening the table. */
.portal-m365__col-email[b-g0naet0yxt] {
    max-width: 18rem;
    overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
    .portal-m365__col-name[b-g0naet0yxt] {
        min-width: 9rem;
        max-width: none;
    }

    .portal-m365__col-email[b-g0naet0yxt] {
        max-width: 12rem;
    }

    /*
        The renewal chip is the one cell that must stay readable when the table scrolls
        horizontally, so it is allowed to wrap rather than forcing the whole row wider.
    */
    .portal-m365__col-renewal[b-g0naet0yxt] {
        white-space: normal;
    }

    .portal-m365__chip[b-g0naet0yxt] {
        white-space: normal;
    }
}

.portal-m365__muted[b-g0naet0yxt] {
    color: #5a6377;
}

/*
    Uniform rows are the point of the count-plus-disclosure cell, so the row must not grow with its
    content: the licence names live in their own detail row below (CvDetailRow), never inline.
*/
.portal-m365__user-row > td[b-g0naet0yxt] {
    vertical-align: middle;
}

.portal-m365__disclosure[b-g0naet0yxt] {
    white-space: nowrap;
}

/*
    The expanded list has to cope with a real outlier: one user on the development tenant holds 19
    licences. The chips wrap, and each is allowed to wrap internally at phone width so a long product
    name cannot push the detail row wider than the table.
*/
.portal-m365__licence-chips[b-g0naet0yxt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin: 0;
    padding: 0 0 0.5rem; /* CvDetailRow already pads the cell top */
    list-style: none;
}

.portal-m365__licence-chips > .portal-m365__chip[b-g0naet0yxt] {
    max-width: 100%;
    overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
    .portal-m365__licence-chips > .portal-m365__chip[b-g0naet0yxt] {
        white-space: normal;
    }
}

/*
    Capped at 25 rows by the service, and scrolled rather than grown: a licence with two dozen
    holders must not push the rest of the table off the screen. The names, addresses and status
    chips sit in a wrapping grid so a long address wraps inside its own row at phone width.
*/
.portal-m365__holders[b-g0naet0yxt] {
    max-height: 18rem;
    overflow-y: auto;
    margin: 0;
    padding: 0 0 0.5rem; /* CvDetailRow already pads the cell top */
    list-style: none;
}

.portal-m365__holder[b-g0naet0yxt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.75rem;
    padding: 0.25rem 0;
}

.portal-m365__holder + .portal-m365__holder[b-g0naet0yxt] {
    border-top: 1px solid rgba(13, 23, 51, 0.06);
}

.portal-m365__holder-name[b-g0naet0yxt] {
    font-weight: 600;
    color: #0d1733;
    overflow-wrap: anywhere;
}

.portal-m365__holder-email[b-g0naet0yxt] {
    color: #5a6377;
    font-size: 0.875rem;
    overflow-wrap: anywhere;
}

.portal-m365__holder-note[b-g0naet0yxt] {
    margin: 0;
    padding: 0 0 0.5rem; /* CvDetailRow already pads the cell top */
    color: #5a6377;
    font-size: 0.8125rem;
}

/* ── Filter bar ───────────────────────────────────────────────────────────── */

.portal-m365__filter-field[b-g0naet0yxt] {
    min-width: 16rem;
    max-width: 24rem;
    flex: 1 1 16rem;
}

@media (max-width: 575.98px) {
    .portal-m365__filter-field[b-g0naet0yxt] {
        min-width: 0;
        max-width: none;
        flex-basis: 100%;
    }
}
/* /Components/Shared/Portal/Integrations/PortalNCentralView.razor.rz.scp.css */
/*
    Scoped styling for the customer-facing N-central view.

    The overview (status strip, tiles, breakdown panels), the device name and status cells and the
    detail panel are the shared RMM components in Components/Shared/Integrations/Rmm and the Cv detail
    wrappers, which carry their own scoped styles and are shared with the Datto RMM view and the staff
    company tabs, and the Devices tab's filter bar, paging and reload line are RmmPortalDevicesTab. What
    is left here is this view's own layout: its tabs and its table columns (the column markup is this
    view's own, passed to the shared tab as templates); the expandable rows are CvDetailRow and its
    global row classes.

    Column hiding has to reach the <th> that CvSortHeader renders: that element carries CvSortHeader's
    scope, not this component's, so the rule uses ::deep from this component's own root.

    Colours are the Corvue palette: navy #0D1733, teal #2BA3C5, support #1E789A, lime #A2D339.
*/

.portal-ncentral[b-if2r55h1bl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.portal-ncentral__tabs[b-if2r55h1bl] {
    margin-bottom: 0;
}

/* ── Devices ──────────────────────────────────────────────────────────────── */



.portal-ncentral__col-device[b-if2r55h1bl] {
    min-width: 11rem;
}

.portal-ncentral__col-os[b-if2r55h1bl] {
    min-width: 12rem;
}

.portal-ncentral__col-status[b-if2r55h1bl],
.portal-ncentral__col-last-check-in[b-if2r55h1bl] {
    white-space: nowrap;
}

.portal-ncentral__muted[b-if2r55h1bl] {
    color: var(--text-secondary);
}

/*
    At phone width the table keeps what a customer scans for — which device, what kind, is it on —
    and drops the detail columns rather than scrolling sideways. The overview still carries the
    operating-system and site breakdowns.
*/
@media (max-width: 575.98px) {
    .portal-ncentral[b-if2r55h1bl]  .portal-ncentral__col-os,
    .portal-ncentral[b-if2r55h1bl]  .portal-ncentral__col-site,
    .portal-ncentral[b-if2r55h1bl]  .portal-ncentral__col-last-check-in {
        display: none;
    }

    .portal-ncentral__col-device[b-if2r55h1bl] {
        min-width: 0;
    }
}

/* /Components/Shared/RecommendationPipelinePod.razor.rz.scp.css */
.recommendation-pipeline__stages[b-rrjjdwwmtr] {
    margin-top: var(--cv-space-3);
}
/* /Components/Shared/ServiceTicketsRollupCard.razor.rz.scp.css */
/* Top submitters: a short name-and-count list under the stat grid, divided by hairlines. */
.service-tickets__submitters[b-6tis3n4eer] {
    margin-top: var(--cv-space-3);
}

.service-tickets__submitters-label[b-6tis3n4eer] {
    margin: 0 0 var(--cv-space-1);
    color: var(--cv-text-muted);
}

.service-tickets__submitter-list[b-6tis3n4eer] {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
}

.service-tickets__submitter[b-6tis3n4eer] {
    display: flex;
    justify-content: space-between;
    gap: var(--cv-space-3);
    padding: var(--cv-space-1) 0;
    border-bottom: var(--cv-border-width) solid var(--cv-border-subtle);
}

.service-tickets__submitter:last-child[b-6tis3n4eer] {
    border-bottom: none;
}

.service-tickets__submitter-name[b-6tis3n4eer] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--cv-text);
}

.service-tickets__submitter-count[b-6tis3n4eer] {
    flex-shrink: 0;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--cv-text);
}
/* /Components/Shared/Tickets/PsaTicketsTable.razor.rz.scp.css */
/* PsaTicketsTable shared component styles.
   Applied via CssClass parameter (default: psa-tickets-table).
   Prefix-neutral so both /tickets and /projects/{id} can use the same styles. */

.psa-tickets-table__row[b-x30rhurdag] {
    cursor: pointer;
}

.psa-tickets-table__ticket-cell[b-x30rhurdag] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.psa-tickets-table__ticket-link[b-x30rhurdag] {
    font-weight: 500;
    color: var(--cv-tone-secondary-text);
    text-decoration: none;
}

.psa-tickets-table__ticket-link:hover[b-x30rhurdag] {
    text-decoration: underline;
}

.psa-tickets-table__psa-id[b-x30rhurdag] {
    font-family: ui-monospace, 'Cascadia Code', 'Fira Code', monospace;
    font-size: 0.85rem;
}

/* Pager */
.psa-tickets-table__pager-shell[b-x30rhurdag] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.psa-tickets-table__pager[b-x30rhurdag] {
    flex: 0 0 auto;
}

.psa-tickets-table__page-jump[b-x30rhurdag] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.psa-tickets-table__page-button[b-x30rhurdag] {
    min-width: 36px;
    padding: 0.25rem 0.5rem;
}
/* /Components/Shared/TodylCompanyTab.razor.rz.scp.css */
/*
    Staff company Todyl tab. The tiles, table, badges and empty state are the shared pieces
    (CvTileGrid, CvStatCard, CvTable, CvStatusBadge, CvEmptyState). What is left here is the gap between
    the tiles and the table, and the wrapping row of endpoint security badges.
*/

.company-todyl-tab__devices[b-x5ot586pab] {
    margin-top: 0.75rem;
}

.company-todyl-tab__badges[b-x5ot586pab] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}
/* /Components/Shared/USecureCompanyTab.razor.rz.scp.css */
/* Staff company uSecure tab: the section tabs with the sync freshness beside them. */

.usecure-company-tab__head[b-42ymtufd3s] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem 1rem;
    margin-bottom: 1rem;
}
/* /Components/Shared/VCioAssessmentPod.razor.rz.scp.css */
/* Section scores as a wrapping two-up grid of label-first facts; one column on a narrow pod. */
.vcio-assessment__sections[b-t1a0xznjfa] {
    margin-top: var(--cv-space-3);
}

.vcio-assessment__sections[b-t1a0xznjfa]  .vcio-assessment__facts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    gap: var(--cv-space-2) var(--cv-space-4);
}
/* /Components/UI/CvAnalyticsGrid.razor.rz.scp.css */
/* ── Grid shell ─────────────────────────────────────────────────────── */
.cv-analytics-grid[b-y7byoz45db] {
    display: flex;
    flex-direction: column;
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
}

/* ── Toolbar ────────────────────────────────────────────────────────── */
.cv-analytics-grid__toolbar[b-y7byoz45db] {
    display: flex;
    align-items: center;
    gap: var(--mud-palette-spacing-4, 16px);
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-subtle, var(--mud-palette-divider));
    background: var(--surface-base, var(--mud-palette-surface));
}

.cv-analytics-grid__toolbar-left[b-y7byoz45db] {
    display: flex;
    align-items: center;
    gap: var(--mud-palette-spacing-3, 12px);
    flex: 1;
    min-width: 0;
}

.cv-analytics-grid__toolbar-right[b-y7byoz45db] {
    display: flex;
    align-items: center;
    gap: var(--mud-palette-spacing-2, 8px);
    flex-shrink: 0;
}

.cv-analytics-grid__count[b-y7byoz45db] {
    font-size: 0.8125rem;
    color: var(--text-tertiary, var(--mud-palette-text-secondary));
    white-space: nowrap;
}

/* ── Search input ───────────────────────────────────────────────────── */
.cv-analytics-grid__search-wrap[b-y7byoz45db] {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 320px;
    flex: 1;
}

.cv-analytics-grid__search-icon[b-y7byoz45db] {
    position: absolute;
    left: 10px;
    font-size: 1rem;
    color: var(--text-tertiary, var(--mud-palette-text-secondary));
    pointer-events: none;
    z-index: 1;
}

.cv-analytics-grid__search-input[b-y7byoz45db] {
    width: 100%;
    padding: 6px 12px 6px 32px;
    font-size: 0.8125rem;
    border: 1px solid var(--border-default, var(--mud-palette-divider));
    border-radius: var(--mud-default-borderradius, 4px);
    background: var(--surface-base, var(--mud-palette-surface));
    color: var(--text-primary, var(--mud-palette-text-primary));
    outline: none;
    transition: border-color 0.15s ease;
}

.cv-analytics-grid__search-input[b-y7byoz45db]::placeholder {
    color: var(--text-tertiary, var(--mud-palette-text-secondary));
}

.cv-analytics-grid__search-input:focus[b-y7byoz45db] {
    border-color: var(--cv-primary);
    outline: var(--cv-focus-ring);
    outline-offset: 0;
}

/* ── Scroll container ───────────────────────────────────────────────── */
.cv-analytics-grid__scroll[b-y7byoz45db] {
    flex: 1;
    overflow: auto;
    max-height: var(--cv-analytics-grid-max-height, 600px);
    background: var(--surface-base, var(--mud-palette-surface));
}

/* ── Table ──────────────────────────────────────────────────────────── */
.cv-analytics-grid__table[b-y7byoz45db] {
    width: max(100%, auto);
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    font-variant-numeric: tabular-nums;
}

/* ── Header ─────────────────────────────────────────────────────────── */
.cv-analytics-grid__head th[b-y7byoz45db] {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--surface-sunken, var(--mud-palette-background-grey));
    /* The shared small-caps label tokens (corvue-ui.css, "Small-caps labels"). */
    font-size: var(--cv-label-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    text-transform: uppercase;
    color: var(--text-secondary, var(--mud-palette-text-secondary));
    padding: 10px 12px;
    border-bottom: 2px solid var(--border-default, var(--mud-palette-divider));
    white-space: nowrap;
}

.cv-analytics-grid__head th:first-child[b-y7byoz45db] {
    position: sticky;
    left: 0;
    z-index: 4;
    background: var(--surface-sunken, var(--mud-palette-background-grey));
    padding-left: 16px;
}

/* ── Row header cell (pinned first column) ──────────────────────────── */
.cv-analytics-grid__row-header[b-y7byoz45db] {
    position: sticky !important;
    left: 0;
    z-index: 2;
    background: var(--surface-base, var(--mud-palette-surface));
    padding: 10px 12px 10px 16px !important;
    border-right: 1px solid var(--border-subtle, var(--mud-palette-divider));
    min-width: var(--cv-analytics-label-width, 300px);
    max-width: 400px;
    vertical-align: middle;
}

.cv-analytics-grid__row:hover .cv-analytics-grid__row-header[b-y7byoz45db] {
    background: var(--surface-sunken, var(--mud-palette-background-grey));
}

/* ── Row header content ─────────────────────────────────────────────── */
.cv-analytics-grid__label[b-y7byoz45db] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary, var(--mud-palette-text-primary));
    line-height: 1.35;
}

.cv-analytics-grid__sublabel[b-y7byoz45db] {
    display: block;
    font-size: 0.75rem;
    color: var(--text-tertiary, var(--mud-palette-text-secondary));
    line-height: 1.35;
    margin-top: 1px;
}

.cv-analytics-grid__tertiarylabel[b-y7byoz45db] {
    display: block;
    font-size: 0.6875rem;
    font-style: italic;
    color: var(--text-quaternary, #B0B7C3);
    line-height: 1.35;
    margin-top: 1px;
}

/* ── Body rows ──────────────────────────────────────────────────────── */
.cv-analytics-grid__row td[b-y7byoz45db] {
    padding: 10px 12px;
    font-size: 0.8125rem;
    line-height: 1.35;
    border-bottom: 1px solid var(--border-subtle, var(--mud-palette-divider-light));
    vertical-align: middle;
}

.cv-analytics-grid__row[b-y7byoz45db] {
    height: 40px;
}

.cv-analytics-grid__row:hover td[b-y7byoz45db] {
    background: var(--surface-sunken, rgba(0,0,0,0.02));
}

.cv-analytics-grid__row:hover .cv-analytics-grid__row-header[b-y7byoz45db] {
    background: var(--surface-sunken, rgba(0,0,0,0.02));
}

/* ── Cell alignment ─────────────────────────────────────────────────── */
.cv-analytics-grid__cell--right[b-y7byoz45db] {
    text-align: right;
    white-space: nowrap;
}

.cv-analytics-grid__cell--left[b-y7byoz45db] {
    text-align: left;
}

.cv-analytics-grid__cell--center[b-y7byoz45db] {
    text-align: center;
}

/* ── Header alignment ────────────────────────────────────────────────── */
.cv-analytics-grid__head--align-right[b-y7byoz45db] {
    text-align: right;
}

.cv-analytics-grid__head--align-left[b-y7byoz45db] {
    text-align: left;
}

.cv-analytics-grid__head--align-center[b-y7byoz45db] {
    text-align: center;
}

/* ── Sortable header ─────────────────────────────────────────────────── */
.cv-analytics-grid__head--sortable[b-y7byoz45db] {
    cursor: pointer;
    user-select: none;
    transition: color 0.15s ease;
}

.cv-analytics-grid__head--sortable:hover[b-y7byoz45db] {
    color: var(--mud-palette-primary, #0D1733);
}

.cv-analytics-grid__head--sortable:focus-visible[b-y7byoz45db] {
    outline: 2px solid var(--mud-palette-primary, #0D1733);
    outline-offset: -2px;
}

.cv-analytics-grid__sort-icon[b-y7byoz45db] {
    display: inline-block;
    margin-left: 4px;
    font-size: 0.75rem;
    vertical-align: middle;
    opacity: 0;
    transition: opacity 0.15s ease;
}

/* Show sort icon on hover/focus of sortable header */
.cv-analytics-grid__head--sortable:hover .cv-analytics-grid__sort-icon[b-y7byoz45db],
.cv-analytics-grid__head--sortable:focus-within .cv-analytics-grid__sort-icon[b-y7byoz45db] {
    opacity: 0.45;
}

/* Active sort icon always visible */
.cv-analytics-grid__sort-icon--active[b-y7byoz45db] {
    opacity: 1 !important;
}

.cv-analytics-grid__head--active-sort[b-y7byoz45db] {
    color: var(--mud-palette-primary, #0D1733);
}

.cv-analytics-grid__head--active-sort .cv-analytics-grid__sort-icon[b-y7byoz45db] {
    opacity: 1;
}

/* ── Label header text ───────────────────────────────────────────────── */
.cv-analytics-grid__label-header-text[b-y7byoz45db] {
    /* The shared small-caps label tokens (corvue-ui.css, "Small-caps labels"). */
    font-size: var(--cv-label-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    text-transform: uppercase;
    color: var(--text-secondary, var(--mud-palette-text-secondary));
}

/* ── Heatmap tones ──────────────────────────────────────────────────── */
.cv-analytics-grid__cell--neutral[b-y7byoz45db] {
    color: var(--mud-palette-text-secondary, #8B96A5);
    background: none;
}

.cv-analytics-grid__cell--positive[b-y7byoz45db] {
    color: var(--cv-chart-positive-text, #3F6F2B);
    background-color: rgba(var(--cv-chart-positive-rgb, 110, 170, 80), calc(0.18 + var(--cv-analytics-cell-intensity, 0.5) * 0.32));
}

.cv-analytics-grid__cell--negative[b-y7byoz45db] {
    color: var(--cv-chart-negative-text, #8F453E);
    background-color: rgba(var(--cv-chart-negative-rgb, 233, 180, 175), calc(0.22 + var(--cv-analytics-cell-intensity, 0.5) * 0.30));
}

/* ── Total row ──────────────────────────────────────────────────────── */
.cv-analytics-grid__row--total .cv-analytics-grid__row-header[b-y7byoz45db] {
    font-weight: 600;
    background: var(--surface-sunken, var(--mud-palette-background-grey));
    border-top: 2px solid var(--border-default, var(--mud-palette-divider));
}

.cv-analytics-grid__row--total td[b-y7byoz45db] {
    font-weight: 600;
    border-top: 2px solid var(--border-default, var(--mud-palette-divider));
    background: var(--surface-sunken, var(--mud-palette-background-grey));
}

/* ── Group row ──────────────────────────────────────────────────────── */
.cv-analytics-grid__row--group .cv-analytics-grid__row-header[b-y7byoz45db] {
    font-weight: 600;
    background: var(--surface-sunken, var(--mud-palette-background-grey));
}

.cv-analytics-grid__row--group td[b-y7byoz45db] {
    font-weight: 500;
    background: var(--surface-sunken, var(--mud-palette-background-grey));
}

.cv-analytics-grid__row--total td.cv-analytics-grid__cell--positive[b-y7byoz45db],
.cv-analytics-grid__row--group td.cv-analytics-grid__cell--positive[b-y7byoz45db] {
    background-color: rgba(var(--cv-chart-positive-rgb, 110, 170, 80), calc(0.18 + var(--cv-analytics-cell-intensity, 0.5) * 0.32));
}

.cv-analytics-grid__row--total td.cv-analytics-grid__cell--negative[b-y7byoz45db],
.cv-analytics-grid__row--group td.cv-analytics-grid__cell--negative[b-y7byoz45db] {
    background-color: rgba(var(--cv-chart-negative-rgb, 233, 180, 175), calc(0.22 + var(--cv-analytics-cell-intensity, 0.5) * 0.30));
}

/* ── Dark mode ──────────────────────────────────────────────────────── */
[data-bs-theme="dark"] .cv-analytics-grid__row:hover td[b-y7byoz45db] {
    background: rgba(255,255,255,0.03);
}

[data-bs-theme="dark"] .cv-analytics-grid__row:hover .cv-analytics-grid__row-header[b-y7byoz45db] {
    background: rgba(255,255,255,0.03);
}

[data-bs-theme="dark"] .cv-analytics-grid__cell--positive[b-y7byoz45db] {
    color: #B7E3A5;
}

[data-bs-theme="dark"] .cv-analytics-grid__cell--negative[b-y7byoz45db] {
    color: #E9B4AF;
}

/* ── Hierarchy: expand/collapse toggle ─────────────────────────────── */
.cv-analytics-grid__expand-toggle[b-y7byoz45db] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-right: 4px;
    border: none;
    background: transparent;
    color: var(--text-tertiary, var(--mud-palette-text-secondary));
    cursor: pointer;
    border-radius: 3px;
    font-size: 0.75rem;
    line-height: 1;
    vertical-align: middle;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.cv-analytics-grid__expand-toggle:hover[b-y7byoz45db] {
    color: var(--text-primary, var(--mud-palette-text-primary));
    background: var(--border-subtle, rgba(0,0,0,0.06));
}

.cv-analytics-grid__expand-toggle:focus-visible[b-y7byoz45db] {
    outline: 2px solid var(--mud-palette-primary, #0D1733);
    outline-offset: 1px;
}
/* /Components/UI/CvButton.razor.rz.scp.css */
/* CvButton's look (radius, tones, hover) lives in wwwroot/css/corvue-ui.css: the MudButton root never
   carries this component's scope attribute, so only the inner spinner can be styled from here. */
@keyframes cv-button-spin-b-y0u68oa3qo {
    to { transform: rotate(360deg); }
}

.cv-button__spinner[b-y0u68oa3qo] {
    display: inline-block;
    flex-shrink: 0;
    width: 0.9em;
    height: 0.9em;
    border: 0.18em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: cv-button-spin-b-y0u68oa3qo 0.65s linear infinite;
    vertical-align: -0.1em;
}
/* /Components/UI/CvColourField.razor.rz.scp.css */
/*
    CvColourField: a labelled native colour input with its hex value beside it. Flat, token-driven, the same
    label and helper rhythm as the other form wrappers.
*/

.cv-colour-field[b-churrf4vf8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.cv-colour-field__label[b-churrf4vf8] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--cv-text);
}

.cv-colour-field__control[b-churrf4vf8] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-3);
}

.cv-colour-field__input[b-churrf4vf8] {
    width: 3rem;
    height: 2.25rem;
    padding: 0.125rem;
    background: var(--cv-surface);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-control);
    cursor: pointer;
}

.cv-colour-field__input:disabled[b-churrf4vf8] {
    cursor: not-allowed;
    opacity: 0.6;
}

.cv-colour-field__value[b-churrf4vf8] {
    font-family: var(--cv-font-mono, monospace);
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
}

.cv-colour-field__helper[b-churrf4vf8] {
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
}
/* /Components/UI/CvCommandPalette.razor.rz.scp.css */
/*
    CvCommandPalette: a 40rem overlay 12vh from the top, on a dimmed backdrop. A 52px search row, a
    scrolling listbox of 36px options, and a quiet key legend. The active option (keyboard) takes the
    sunken fill and a 2px secondary bar; hover (mouse) only a lighter wash, so the two never fight.
    On phones the dialog fills the width and sits at the top, with room for the on-screen keyboard.
*/

.cv-command-palette[b-jfb0wvhr6t] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 12vh var(--cv-space-4) var(--cv-space-4);
    background: rgba(13, 23, 51, 0.42);
    animation: cv-command-palette-fade-b-jfb0wvhr6t var(--cv-motion-fast) var(--cv-ease-out) both;
}

.cv-command-palette__dialog[b-jfb0wvhr6t] {
    display: flex;
    flex-direction: column;
    width: min(40rem, 100%);
    max-height: min(32rem, 76vh);
    overflow: hidden;
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    color: var(--cv-text);
    box-shadow: var(--cv-elevation-overlay);
    animation: cv-command-palette-rise-b-jfb0wvhr6t var(--cv-motion-base) var(--cv-ease-out) both;
}

.cv-command-palette__search[b-jfb0wvhr6t] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-3);
    height: 3.25rem;
    padding: 0 var(--cv-space-4);
    border-bottom: var(--cv-border-width) solid var(--cv-border-subtle);
}

.cv-command-palette__search-icon[b-jfb0wvhr6t] {
    font-size: 1rem;
    color: var(--cv-text-muted);
}

.cv-command-palette__input[b-jfb0wvhr6t] {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: 0;
    background: transparent;
    color: var(--cv-text);
    font-size: 1rem;
    outline: none;
}

.cv-command-palette__input[b-jfb0wvhr6t]::placeholder {
    color: var(--cv-text-muted);
    opacity: 1;
}

/* The dialog keeps a visible focus cue while focus sits in its borderless input. */
.cv-command-palette__search:focus-within[b-jfb0wvhr6t] {
    box-shadow: inset 0 -2px 0 var(--cv-focus-color);
}

.cv-command-palette__results[b-jfb0wvhr6t] {
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: var(--cv-space-1) var(--cv-space-2) var(--cv-space-2);
    scroll-padding: var(--cv-space-6) 0 var(--cv-space-2);
}

.cv-command-palette__group-label[b-jfb0wvhr6t] {
    padding: var(--cv-space-2) var(--cv-space-2) var(--cv-space-1);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.cv-command-palette__option[b-jfb0wvhr6t] {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--cv-space-3);
    min-height: var(--cv-row-height-dense);
    padding: 0 var(--cv-space-2) 0 var(--cv-space-3);
    border-radius: var(--cv-radius-control);
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color var(--cv-motion-fast) var(--cv-ease-out);
}

.cv-command-palette__option:hover[b-jfb0wvhr6t] {
    background: var(--cv-surface-hover);
}

.cv-command-palette__option--active[b-jfb0wvhr6t],
.cv-command-palette__option--active:hover[b-jfb0wvhr6t] {
    background: var(--cv-border-subtle);
}

.cv-command-palette__option--active[b-jfb0wvhr6t]::before {
    content: "";
    position: absolute;
    top: 0.5rem;
    bottom: 0.5rem;
    left: 0;
    width: 2px;
    border-radius: var(--cv-radius-round);
    background: var(--cv-secondary);
}

.cv-command-palette__option--skeleton[b-jfb0wvhr6t] {
    cursor: default;
}

.cv-command-palette__icon[b-jfb0wvhr6t] {
    flex-shrink: 0;
    width: 1rem;
    font-size: 0.875rem;
    text-align: center;
    color: var(--cv-text-muted);
}

.cv-command-palette__mark[b-jfb0wvhr6t] {
    flex-shrink: 0;
    width: 1rem;
    display: inline-flex;
    justify-content: center;
}

.cv-command-palette__option--critical .cv-command-palette__mark[b-jfb0wvhr6t]::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: var(--cv-radius-round);
    background: var(--cv-severity-critical);
}

.cv-command-palette__option--warning .cv-command-palette__mark[b-jfb0wvhr6t]::before {
    content: "";
    width: 0.4375rem;
    height: 0.4375rem;
    background: var(--cv-severity-warning);
    transform: rotate(45deg);
}

.cv-command-palette__label[b-jfb0wvhr6t] {
    overflow: hidden;
    min-width: 0;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cv-command-palette__match[b-jfb0wvhr6t] {
    padding: 0;
    border-radius: 2px;
    background: transparent;
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: var(--cv-secondary);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.cv-command-palette__hint[b-jfb0wvhr6t] {
    overflow: hidden;
    flex: 1;
    min-width: 0;
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cv-text-muted);
}

.cv-command-palette__kind[b-jfb0wvhr6t] {
    margin-left: auto;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.cv-command-palette__empty[b-jfb0wvhr6t] {
    padding: var(--cv-space-6) var(--cv-space-4);
    font-size: 0.875rem;
    text-align: center;
    color: var(--cv-text-muted);
}

.cv-command-palette__foot[b-jfb0wvhr6t] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-1) var(--cv-space-4);
    padding: var(--cv-space-2) var(--cv-space-4);
    border-top: var(--cv-border-width) solid var(--cv-border-subtle);
    font-size: 0.6875rem;
    color: var(--cv-text-muted);
}

.cv-command-palette__results[b-jfb0wvhr6t]  .cv-command-palette__shortcut {
    margin-left: auto;
}

@keyframes cv-command-palette-fade-b-jfb0wvhr6t {
    from {
        opacity: 0;
    }
}

@keyframes cv-command-palette-rise-b-jfb0wvhr6t {
    from {
        opacity: 0;
        transform: translateY(-4px) scale(0.99);
    }
}

@media (max-width: 575.98px) {
    .cv-command-palette[b-jfb0wvhr6t] {
        padding: var(--cv-space-2);
    }

    .cv-command-palette__dialog[b-jfb0wvhr6t] {
        max-height: 70vh;
    }

    .cv-command-palette__foot[b-jfb0wvhr6t] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cv-command-palette[b-jfb0wvhr6t],
    .cv-command-palette__dialog[b-jfb0wvhr6t] {
        animation: none;
    }
}
/* /Components/UI/CvCompactRow.razor.rz.scp.css */
/*
    CvCompactRow: a 36px link row. Severity is a mark with its own shape (circle, diamond, tick, ring) so
    colour never carries it alone; the row itself stays neutral, with a background-only hover and an inset
    focus ring that the lane's rounded frame cannot clip.

    Wide lanes: one line, title then meta, both truncating. Narrow lanes (the CvLane body is an inline-size
    container): the meta drops under the title and the row grows to fit.
*/

.cv-compact-row[b-w21d1qwque] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-2);
    min-width: 0;
    min-height: var(--cv-row-height-dense);
    padding: 0 var(--cv-space-3);
    border-radius: var(--cv-radius-control);
    color: var(--cv-text);
    text-decoration: none;
    transition: background-color var(--cv-motion-fast) var(--cv-ease-out);
    animation: cv-compact-row-in-b-w21d1qwque var(--cv-motion-base) var(--cv-ease-out) both;
    animation-delay: calc(var(--cv-row-index, 0) * var(--cv-stagger-step));
}

.cv-compact-row:hover[b-w21d1qwque] {
    background: var(--cv-surface-hover);
    color: var(--cv-text);
    text-decoration: none;
}

.cv-compact-row:focus-visible[b-w21d1qwque] {
    outline: var(--cv-focus-ring);
    outline-offset: -2px;
    background: var(--cv-surface-hover);
    color: var(--cv-text);
}

@keyframes cv-compact-row-in-b-w21d1qwque {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
}

/* ── The severity mark ── */

.cv-compact-row__mark[b-w21d1qwque] {
    display: inline-flex;
    flex: 0 0 0.75rem;
    align-items: center;
    justify-content: center;
    width: 0.75rem;
    height: 0.75rem;
}

/* Critical: a filled circle. */
.cv-compact-row--critical .cv-compact-row__mark[b-w21d1qwque]::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: var(--cv-radius-round);
    background: var(--cv-severity-critical);
}

/* Warning: a filled diamond. */
.cv-compact-row--warning .cv-compact-row__mark[b-w21d1qwque]::before {
    content: "";
    width: 0.4375rem;
    height: 0.4375rem;
    background: var(--cv-severity-warning);
    transform: rotate(45deg);
}

/* Done: a tick. */
.cv-compact-row--positive .cv-compact-row__mark[b-w21d1qwque] {
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    color: var(--cv-severity-positive);
}

/* Neutral: a hollow ring. */
.cv-compact-row--neutral .cv-compact-row__mark[b-w21d1qwque]::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border: 1.5px solid var(--cv-severity-notice);
    border-radius: var(--cv-radius-round);
}

/* A caller's colour (a calendar event type): a short bar. */
.cv-compact-row--coloured .cv-compact-row__mark[b-w21d1qwque]::before {
    content: "";
    width: 0.1875rem;
    height: 0.875rem;
    border-radius: var(--cv-radius-round);
    background: var(--cv-compact-row-mark, var(--cv-border-strong));
}

/* ── Content ── */

.cv-compact-row__leading[b-w21d1qwque] {
    flex: 0 0 var(--cv-compact-row-leading, auto);
    min-width: 0;
    font-size: 0.75rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--cv-text-muted);
    white-space: nowrap;
}

.cv-compact-row__icon[b-w21d1qwque] {
    flex-shrink: 0;
    width: 1rem;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    color: var(--cv-text-muted);
}

.cv-compact-row__main[b-w21d1qwque] {
    display: flex;
    flex: 1;
    align-items: baseline;
    gap: var(--cv-space-2);
    min-width: 0;
    padding-block: var(--cv-space-2);
}

.cv-compact-row__title[b-w21d1qwque] {
    flex: 0 1 auto;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.25rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cv-compact-row__meta[b-w21d1qwque] {
    flex: 1 1 0;
    overflow: hidden;
    min-width: 4rem;
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cv-text-muted);
}

.cv-compact-row__aside[b-w21d1qwque] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--cv-space-2);
    margin-left: auto;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    color: var(--cv-text-muted);
    white-space: nowrap;
}

/* Narrow lanes: meta under the title. */
@container cv-lane (max-width: 26rem) {
    .cv-compact-row__main[b-w21d1qwque] {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .cv-compact-row__meta[b-w21d1qwque] {
        flex: none;
        min-width: 0;
    }
}

/* ── Expandable rows: a disclosure button over a detail region ── */

.cv-compact-row--button[b-w21d1qwque] {
    width: 100%;
    border: 0;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.cv-compact-row__chevron[b-w21d1qwque] {
    flex-shrink: 0;
    margin-left: var(--cv-space-1);
    font-size: 0.75rem;
    color: var(--cv-text-muted);
}

.cv-compact-row__main + .cv-compact-row__chevron[b-w21d1qwque] {
    margin-left: auto;
}

.cv-compact-row-item[b-w21d1qwque] {
    display: grid;
    grid-template-rows: auto 1fr;
    border-radius: var(--cv-radius-control);
    transition:
        grid-template-rows var(--cv-motion-base) var(--cv-ease-out),
        opacity var(--cv-motion-base) var(--cv-ease-out),
        background-color var(--cv-motion-fast) var(--cv-ease-out);
}

.cv-compact-row-item--expanded[b-w21d1qwque] {
    background: var(--cv-surface-sunken);
}

.cv-compact-row-item--expanded > .cv-compact-row[b-w21d1qwque] {
    background: transparent;
}

.cv-compact-row__detail[b-w21d1qwque] {
    min-width: 0;
    padding: var(--cv-space-1) var(--cv-space-3) var(--cv-space-3) calc(var(--cv-space-3) + 0.75rem + var(--cv-space-2));
    font-size: 0.8125rem;
    color: var(--cv-text);
    animation: cv-compact-row-detail-in-b-w21d1qwque var(--cv-motion-base) var(--cv-ease-out) both;
}

@keyframes cv-compact-row-detail-in-b-w21d1qwque {
    from {
        opacity: 0;
        transform: translateY(-2px);
    }
}

/* Leaving: fade, then collapse the height to nothing, so the rows below close the gap smoothly. */
.cv-compact-row-item--leaving[b-w21d1qwque],
.cv-compact-row--leaving[b-w21d1qwque] {
    pointer-events: none;
    overflow: hidden;
    animation: cv-compact-row-out-b-w21d1qwque var(--cv-motion-slow) var(--cv-ease-in-out) forwards;
}

@keyframes cv-compact-row-out-b-w21d1qwque {
    0% {
        opacity: 1;
        max-height: 20rem;
    }

    45% {
        opacity: 0;
        transform: translateX(8px);
    }

    100% {
        opacity: 0;
        max-height: 0;
        transform: translateX(8px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cv-compact-row[b-w21d1qwque],
    .cv-compact-row-item[b-w21d1qwque],
    .cv-compact-row__detail[b-w21d1qwque] {
        animation: none;
        transition: none;
    }

    .cv-compact-row-item--leaving[b-w21d1qwque],
    .cv-compact-row--leaving[b-w21d1qwque] {
        animation: none;
        opacity: 0;
    }
}
/* /Components/UI/CvConfirmDialog.razor.rz.scp.css */
.cv-confirm-dialog__message[b-lnwi37otfy] {
    margin: 0;
    font-size: 1rem;
    color: var(--cv-text);
}

.cv-confirm-dialog__body[b-lnwi37otfy] {
    margin-top: 1rem;
}

.cv-confirm-dialog__type-to-confirm[b-lnwi37otfy] {
    margin-top: 1rem;
}
/* /Components/UI/CvDetailGroup.razor.rz.scp.css */
.cv-detail-group[b-732meya5ha] {
    min-width: 0;
}

.cv-detail-group__heading[b-732meya5ha] {
    margin: 0 0 0.375rem;
    /* The shared small-caps label tokens (corvue-ui.css, "Small-caps labels"). */
    font-size: var(--cv-label-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    text-transform: uppercase;
    color: var(--cv-support);
}
/* /Components/UI/CvDialog.razor.rz.scp.css */
.cv-dialog[b-dev13r4ot3] {
    min-width: min(100%, 32rem);
    padding: 1.5rem;
}

.cv-dialog--standalone[b-dev13r4ot3] {
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    box-shadow: var(--cv-elevation-overlay);
    overflow: visible;
}

.cv-dialog__header[b-dev13r4ot3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.25rem 0 0.5rem;
}

.cv-dialog__header-main[b-dev13r4ot3] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    min-width: 0;
}

.cv-dialog__heading[b-dev13r4ot3] {
    min-width: 0;
}

.cv-dialog__title[b-dev13r4ot3] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--cv-text);
    line-height: 1.3;
}

.cv-dialog__subtitle[b-dev13r4ot3] {
    margin: 0.35rem 0 0;
    font-size: 0.95rem;
    color: var(--cv-text-muted);
    line-height: 1.5;
}

/* A muted glyph, not a tinted chip. Only Warning and Danger colour it. */
.cv-dialog__icon[b-dev13r4ot3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 1.625rem;
    font-size: 1.25rem;
    line-height: 1;
    color: var(--cv-text-muted);
}

.cv-dialog--warning .cv-dialog__icon[b-dev13r4ot3] {
    color: var(--cv-attention-warning-text);
}

.cv-dialog--danger .cv-dialog__icon[b-dev13r4ot3] {
    color: var(--cv-attention-danger-text);
}

.cv-dialog__close-button[b-dev13r4ot3] {
    flex-shrink: 0;
}

.cv-dialog__body[b-dev13r4ot3] {
    color: var(--cv-text);
    line-height: 1.6;
}

.cv-dialog__content[b-dev13r4ot3] {
    padding-top: 0.75rem;
}

.cv-dialog__actions[b-dev13r4ot3] {
    padding-top: 1.25rem;
}

.cv-dialog__actions-shell[b-dev13r4ot3] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: 100%;
}
/* /Components/UI/CvDisclosureButton.razor.rz.scp.css */
/* Sits at the start of a row's first cell, nudged up so the small icon button aligns with the text. */
.cv-disclosure[b-fvlz5zrnbv] {
    display: inline-flex;
    flex: 0 0 auto;
    margin-top: -0.25rem;
}
/* /Components/UI/CvEmptyState.razor.rz.scp.css */
/*
    The hero: a flat surface on tokens (1px border, card radius, no shadow), centred, with a large muted
    glyph and no chip. Compact: left-aligned, inline glyph, a dashed hairline outline, no fill and no
    left rule. Tone tints only the glyph.
*/

.cv-empty-state[b-u36r3h4g56] {
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    padding: 2rem var(--cv-card-pad);
    text-align: center;
    color: var(--cv-text-muted);
}

.cv-empty-state__icon[b-u36r3h4g56] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--cv-space-3);
    font-size: 2rem;
    line-height: 1;
    color: var(--cv-text-muted);
}

.cv-empty-state__title[b-u36r3h4g56] {
    color: var(--cv-text);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 var(--cv-space-2);
}

.cv-empty-state__message[b-u36r3h4g56],
.cv-empty-state__content p[b-u36r3h4g56] {
    margin: 0;
}

.cv-empty-state__content[b-u36r3h4g56] {
    margin-top: var(--cv-space-3);
}

.cv-empty-state__actions[b-u36r3h4g56] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-3);
    justify-content: center;
    margin-top: var(--cv-space-5);
}

/* ── Compact ── */

.cv-empty-state--compact[b-u36r3h4g56] {
    display: flex;
    align-items: flex-start;
    gap: var(--cv-space-3);
    padding: var(--cv-cell-pad);
    border: var(--cv-border-width) dashed var(--cv-border);
    border-radius: var(--cv-radius-control);
    background: none;
    text-align: left;
}

.cv-empty-state--compact .cv-empty-state__icon[b-u36r3h4g56] {
    flex-shrink: 0;
    margin: 0.125rem 0 0;
    font-size: 1.125rem;
}

.cv-empty-state__body[b-u36r3h4g56] {
    flex: 1;
    min-width: 0;
}

.cv-empty-state--compact .cv-empty-state__title[b-u36r3h4g56] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
}

.cv-empty-state--compact .cv-empty-state__message[b-u36r3h4g56] {
    font-size: 0.8125rem;
}

.cv-empty-state--compact .cv-empty-state__content[b-u36r3h4g56] {
    margin-top: var(--cv-space-2);
}

.cv-empty-state--compact .cv-empty-state__actions[b-u36r3h4g56] {
    justify-content: flex-start;
    margin-top: var(--cv-space-3);
}

/* ── Tone: the glyph only ── */

.cv-empty-state__icon--primary[b-u36r3h4g56] {
    color: var(--cv-primary);
}

.cv-empty-state__icon--secondary[b-u36r3h4g56] {
    color: var(--cv-secondary);
}

.cv-empty-state__icon--accent[b-u36r3h4g56] {
    color: var(--cv-accent);
}

.cv-empty-state__icon--support[b-u36r3h4g56] {
    color: var(--cv-support);
}

.cv-empty-state__icon--neutral[b-u36r3h4g56] {
    color: var(--cv-neutral);
}

.cv-empty-state__icon--success[b-u36r3h4g56] {
    color: var(--status-satisfactory);
}

.cv-empty-state__icon--warning[b-u36r3h4g56] {
    color: var(--cv-attention-warning);
}

.cv-empty-state__icon--danger[b-u36r3h4g56] {
    color: var(--cv-attention-danger);
}
/* /Components/UI/CvFact.razor.rz.scp.css */
/* A small label above its value. Long values (serial numbers, product names) wrap anywhere. */
.cv-fact[b-1pgm8p3yq4] {
    display: flex;
    flex-direction: column;
    gap: 0.0625rem;
    min-width: 0;
}

.cv-fact dt[b-1pgm8p3yq4] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cv-text-muted);
}

.cv-fact dd[b-1pgm8p3yq4] {
    margin: 0;
    color: var(--cv-text);
    overflow-wrap: anywhere;
}

.cv-fact dd.cv-fact__empty[b-1pgm8p3yq4] {
    color: var(--text-secondary);
}

.cv-fact__code[b-1pgm8p3yq4] {
    margin-left: 0.25rem;
    font-size: 0.75rem;
    color: var(--cv-text-muted);
    overflow-wrap: anywhere;
}
/* /Components/UI/CvFactList.razor.rz.scp.css */
/* A stacked list of facts: one gap between lines, no default <dl> margin. */
.cv-fact-list[b-5ajdhahhr8] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin: 0;
}
/* /Components/UI/CvFilterBar.razor.rz.scp.css */
/* The .cv-filter-bar root is a MudPaper, so it is styled from wwwroot/css/corvue-ui.css. */
.cv-filter-bar__layout[b-f0nm62s2co] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.cv-filter-bar__content[b-f0nm62s2co] {
    display: flex;
    flex: 1 1 24rem;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.cv-filter-bar__actions[b-f0nm62s2co] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    margin-left: auto;
}

@media (max-width: 768px) {
    .cv-filter-bar__actions[b-f0nm62s2co] {
        width: 100%;
        margin-left: 0;
    }
}
/* /Components/UI/CvIconButton.razor.rz.scp.css */
/* CvIconButton's look (radius, tones, hover) lives in wwwroot/css/corvue-ui.css: the MudIconButton root
   never carries this component's scope attribute, so only the inner spinner can be styled from here. */
@keyframes cv-icon-button-spin-b-ar01ux2tpk {
    to { transform: rotate(360deg); }
}

/* AutoLoading busy indicator: sized to the icon it replaces so the button does not change size. */
.cv-icon-button__spinner[b-ar01ux2tpk] {
    display: inline-block;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    border: 0.15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: cv-icon-button-spin-b-ar01ux2tpk 0.65s linear infinite;
    vertical-align: -0.125em;
}
/* /Components/UI/CvKbd.razor.rz.scp.css */
/*
    CvKbd: key chips. A chip is a 1.25rem tall pill-ish box with a heavier bottom edge, in tabular figures.
    Inside a band or a filled button the chips inherit the surrounding --cv-text-muted / --cv-border, so
    they invert with it.
*/

.cv-kbd[b-2nn75g2cni] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    vertical-align: middle;
    white-space: nowrap;
}

.cv-kbd__key[b-2nn75g2cni] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.3125rem;
    border: var(--cv-border-width) solid var(--cv-kbd-border);
    border-bottom-width: 2px;
    border-radius: var(--cv-radius-chip);
    background: var(--cv-kbd-bg);
    color: var(--cv-text-muted);
    font-family: inherit;
    font-size: 0.6875rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    box-shadow: none;
}

.cv-kbd--subtle .cv-kbd__key[b-2nn75g2cni] {
    border-color: var(--cv-border);
    border-bottom-width: var(--cv-border-width);
    background: transparent;
}

.cv-kbd__then[b-2nn75g2cni] {
    font-size: 0.6875rem;
    color: var(--cv-text-muted);
}

/* "mod": Ctrl until the script says this is a Mac. */
.cv-kbd__mac[b-2nn75g2cni] {
    display: none;
}

:root[data-cv-platform="mac"] .cv-kbd__mac[b-2nn75g2cni] {
    display: inline;
}

:root[data-cv-platform="mac"] .cv-kbd__other[b-2nn75g2cni] {
    display: none;
}
/* /Components/UI/CvKpi.razor.rz.scp.css */
/*
    CvKpi: a label-first figure cell inside CvKpiStrip. Hairlines: each cell draws a 1px line on its left
    and top edge with an inset-free box-shadow, and the strip's overflow clips the ones on the outer edge,
    so a wrapped grid of any shape gets clean dividers. (These are lines, not elevation.)

    Every cell is the same height whatever it shows: the label, value and foot rows are fixed line boxes
    and the optional meter sits in the bottom padding, so a skeleton cell and a loaded one match.
*/

.cv-kpi[b-01hkuduxlz] {
    position: relative;
    display: grid;
    grid-template-rows: auto auto auto;
    row-gap: var(--cv-space-1);
    align-content: start;
    min-width: 0;
    margin: 0;
    padding: var(--cv-space-3) var(--cv-space-4) var(--cv-space-4);
    border-top: var(--cv-rule-width) solid transparent;
    box-shadow: -1px 0 0 var(--cv-border), 0 -1px 0 var(--cv-border);
    transition: background-color var(--cv-motion-fast) var(--cv-ease-out);
}

.cv-kpi--link:hover[b-01hkuduxlz] {
    background: var(--cv-surface-hover);
}

.cv-kpi--link:focus-within[b-01hkuduxlz] {
    background: var(--cv-surface-hover);
}

.cv-kpi__label[b-01hkuduxlz] {
    overflow: hidden;
    margin: 0;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1rem;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cv-text-muted);
}

.cv-kpi__value[b-01hkuduxlz] {
    display: flex;
    align-items: center;
    min-height: 1.75rem;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    line-height: 1.75rem;
    color: var(--cv-text);
    white-space: nowrap;
}

.cv-kpi__link[b-01hkuduxlz] {
    color: inherit;
    text-decoration: none;
}

/* The whole cell is the link's click surface. */
.cv-kpi__link[b-01hkuduxlz]::before {
    content: "";
    position: absolute;
    inset: 0;
}

.cv-kpi__link:hover[b-01hkuduxlz] {
    color: inherit;
}

.cv-kpi__link:focus-visible[b-01hkuduxlz] {
    outline: none;
}

.cv-kpi__link:focus-visible[b-01hkuduxlz]::before {
    outline: var(--cv-focus-ring);
    outline-offset: -3px;
    border-radius: var(--cv-radius-chip);
}

.cv-kpi__foot[b-01hkuduxlz] {
    overflow: hidden;
    min-height: 1rem;
    margin: 0;
    font-size: 0.75rem;
    line-height: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cv-text-muted);
}

.cv-kpi__delta[b-01hkuduxlz] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-variant-numeric: tabular-nums;
}

.cv-kpi__delta-icon[b-01hkuduxlz] {
    font-size: 0.75rem;
    line-height: 1;
}

.cv-kpi__delta-value[b-01hkuduxlz] {
    font-weight: 600;
    color: var(--cv-text);
}

.cv-kpi__meter-row[b-01hkuduxlz] {
    position: absolute;
    right: var(--cv-space-4);
    bottom: var(--cv-space-2);
    left: var(--cv-space-4);
    margin: 0;
}

.cv-kpi__meter[b-01hkuduxlz] {
    display: block;
    overflow: hidden;
    height: 0.25rem;
    border-radius: var(--cv-radius-round);
    background: var(--cv-border-subtle);
}

.cv-kpi__meter-fill[b-01hkuduxlz] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--cv-secondary);
    transition: width var(--cv-motion-slow) var(--cv-ease-out);
}

/* Attention: the rule, the value and the meter take the tone. */
.cv-kpi--attention-warning[b-01hkuduxlz] {
    border-top-color: var(--cv-attention-warning);
}

.cv-kpi--attention-warning .cv-kpi__value[b-01hkuduxlz] {
    color: var(--cv-attention-warning-text);
}

.cv-kpi--attention-warning .cv-kpi__meter-fill[b-01hkuduxlz] {
    background: var(--cv-attention-warning);
}

.cv-kpi--attention-danger[b-01hkuduxlz] {
    border-top-color: var(--cv-attention-danger);
}

.cv-kpi--attention-danger .cv-kpi__value[b-01hkuduxlz] {
    color: var(--cv-attention-danger-text);
}

.cv-kpi--attention-danger .cv-kpi__meter-fill[b-01hkuduxlz] {
    background: var(--cv-attention-danger);
}

/* Figures arrive with a short rise, staggered across the strip. */
.cv-kpi:not(.cv-kpi--loading) .cv-kpi__value[b-01hkuduxlz],
.cv-kpi:not(.cv-kpi--loading) .cv-kpi__foot[b-01hkuduxlz] {
    animation: cv-kpi-in-b-01hkuduxlz var(--cv-motion-slow) var(--cv-ease-out) both;
    animation-delay: calc(var(--cv-kpi-index, 0) * var(--cv-stagger-step));
}

@keyframes cv-kpi-in-b-01hkuduxlz {
    from {
        opacity: 0;
        transform: translateY(3px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cv-kpi:not(.cv-kpi--loading) .cv-kpi__value[b-01hkuduxlz],
    .cv-kpi:not(.cv-kpi--loading) .cv-kpi__foot[b-01hkuduxlz] {
        animation: none;
    }
}
/* /Components/UI/CvKpiStrip.razor.rz.scp.css */
/*
    CvKpiStrip: one flat frame. The list is a grid that puts every figure on one row while the strip is
    wide, four to a row below 56rem of strip width and two below 30rem (container queries, so the strip
    adapts to its column, not the window). The hairlines between figures are drawn by CvKpi.
*/

.cv-kpi-strip[b-z75lgefn8n] {
    container: cv-kpi-strip / inline-size;
    overflow: hidden;
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
}

.cv-kpi-strip__list[b-z75lgefn8n] {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    margin: 0;
}

@container cv-kpi-strip (max-width: 56rem) {
    .cv-kpi-strip__list[b-z75lgefn8n] {
        grid-auto-flow: row;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@container cv-kpi-strip (max-width: 30rem) {
    .cv-kpi-strip__list[b-z75lgefn8n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/UI/CvListRow.razor.rz.scp.css */
/*
    CvListRow: a compact link row on the sunken surface with a 3px left rule. The rule is the neutral
    hairline (or the caller's RuleColor) unless the tone says otherwise: red for Danger, amber for
    Warning, green for Success.
    Hover changes the fill only; keyboard focus draws the focus ring. The root is a plain <a>, so the
    scoped attribute reaches it and these rules need no global copy.
*/

.cv-list-row[b-e7j0sxdcze] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-3);
    min-width: 0;
    padding: var(--cv-row-pad);
    border-left: var(--cv-rule-width) solid var(--cv-list-row-rule, var(--cv-border));
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    text-decoration: none;
    transition: background-color 0.12s ease;
}

.cv-list-row:hover[b-e7j0sxdcze],
.cv-list-row:focus-visible[b-e7j0sxdcze] {
    background: var(--cv-border-subtle);
    color: var(--cv-text);
    text-decoration: none;
}

.cv-list-row:focus-visible[b-e7j0sxdcze] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.cv-list-row--danger[b-e7j0sxdcze] {
    border-left-color: var(--cv-attention-danger);
}

.cv-list-row--warning[b-e7j0sxdcze] {
    border-left-color: var(--cv-attention-warning);
}

/* A completed or successful event: --cv-severity-positive, the green every positive mark uses (CvCompactRow,
   the dashboard), so a success reads the same everywhere (ui-refresh-5). */
.cv-list-row--success[b-e7j0sxdcze] {
    border-left-color: var(--cv-severity-positive);
}

/* ChildContent stacks under the row. */
.cv-list-row--stacked[b-e7j0sxdcze] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.375rem;
}

.cv-list-row__top[b-e7j0sxdcze] {
    display: flex;
    align-items: flex-start;
    gap: var(--cv-space-3);
    min-width: 0;
}

.cv-list-row__extra[b-e7j0sxdcze] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    min-width: 0;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--cv-text-muted);
}

.cv-list-row__leading[b-e7j0sxdcze] {
    flex: 0 0 var(--cv-list-row-leading-width, auto);
    align-self: flex-start;
    min-width: 0;
}

.cv-list-row__icon[b-e7j0sxdcze] {
    flex-shrink: 0;
    font-size: 1rem;
    line-height: 1;
    color: var(--cv-text-muted);
}

.cv-list-row__main[b-e7j0sxdcze] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.cv-list-row__eyebrow[b-e7j0sxdcze] {
    /* The shared small-caps label tokens (corvue-ui.css, "Small-caps labels"). */
    font-size: var(--cv-label-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.cv-list-row__title[b-e7j0sxdcze] {
    overflow: hidden;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cv-text);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cv-list-row__meta[b-e7j0sxdcze] {
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--cv-text-muted);
    overflow-wrap: anywhere;
}

.cv-list-row__aside[b-e7j0sxdcze] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: flex-end;
    gap: 0.125rem;
    margin-left: auto;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    color: var(--cv-text-muted);
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    .cv-list-row:not(.cv-list-row--stacked)[b-e7j0sxdcze],
    .cv-list-row__top[b-e7j0sxdcze] {
        flex-wrap: wrap;
    }

    .cv-list-row__title[b-e7j0sxdcze] {
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cv-list-row[b-e7j0sxdcze] {
        transition: none;
    }
}
/* /Components/UI/CvMonthCalendar.razor.rz.scp.css */
.cv-month-calendar[b-w3t9tfv6bu] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    overflow: hidden;
    background: var(--cv-surface);
}

.cv-month-calendar__header[b-w3t9tfv6bu] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    background: var(--cv-surface-sunken);
    border-bottom: 1px solid var(--cv-border);
}

.cv-month-calendar__day-header[b-w3t9tfv6bu] {
    padding: 0.9rem 0.75rem;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--cv-text-muted);
    border-right: 1px solid var(--cv-border);
}

.cv-month-calendar__day-header:last-child[b-w3t9tfv6bu] {
    border-right: none;
}

.cv-month-calendar__body[b-w3t9tfv6bu] {
    display: flex;
    flex-direction: column;
}

.cv-month-calendar__week[b-w3t9tfv6bu] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    min-height: 8.5rem;
    border-bottom: 1px solid var(--cv-border);
}

.cv-month-calendar__week:last-child[b-w3t9tfv6bu] {
    border-bottom: none;
}

.cv-month-calendar__day[b-w3t9tfv6bu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    border-right: 1px solid var(--cv-border);
    background: var(--cv-surface);
}

.cv-month-calendar__day:last-child[b-w3t9tfv6bu] {
    border-right: none;
}

.cv-month-calendar__day--other-month[b-w3t9tfv6bu] {
    background: var(--cv-surface-sunken);
    opacity: 0.68;
}

.cv-month-calendar__day--today[b-w3t9tfv6bu] {
    background: rgba(59, 130, 246, 0.06);
}

.cv-month-calendar__day-number[b-w3t9tfv6bu] {
    width: 1.9rem;
    height: 1.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--cv-text);
}

.cv-month-calendar__day--today .cv-month-calendar__day-number[b-w3t9tfv6bu] {
    background: var(--accent-primary);
    color: white;
}

.cv-month-calendar__day-events[b-w3t9tfv6bu] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    overflow-y: auto;
}

.cv-month-calendar__event[b-w3t9tfv6bu] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--cv-border);
    border-left: var(--cv-rule-width) solid var(--cv-month-calendar-event-accent, var(--accent-primary));
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface);
    color: var(--cv-text);
    text-decoration: none;
    transition: background-color 0.15s ease;
}

.cv-month-calendar__event--button[b-w3t9tfv6bu] {
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.cv-month-calendar__event--link:hover[b-w3t9tfv6bu],
.cv-month-calendar__event--link:focus-visible[b-w3t9tfv6bu],
.cv-month-calendar__event--button:hover[b-w3t9tfv6bu],
.cv-month-calendar__event--button:focus-visible[b-w3t9tfv6bu] {
    background: var(--cv-surface-sunken);
}

.cv-month-calendar__event--link:focus-visible[b-w3t9tfv6bu],
.cv-month-calendar__event--button:focus-visible[b-w3t9tfv6bu] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.cv-month-calendar__event-meta[b-w3t9tfv6bu] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.cv-month-calendar__owner-badge[b-w3t9tfv6bu] {
    width: 1rem;
    height: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--cv-month-calendar-owner-badge, var(--accent-primary));
    color: white;
    font-size: 0.55rem;
    font-weight: 700;
}

.cv-month-calendar__link-badge[b-w3t9tfv6bu] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    padding: 0.1rem 0.35rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.12);
    color: #0f766e;
    font-size: 0.6rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.cv-month-calendar__event-time[b-w3t9tfv6bu] {
    min-width: 0;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--cv-text-muted);
}

.cv-month-calendar__event-title[b-w3t9tfv6bu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.76rem;
    font-weight: 600;
}

@media (max-width: 992px) {
    .cv-month-calendar[b-w3t9tfv6bu] {
        overflow-x: auto;
    }

    .cv-month-calendar__header[b-w3t9tfv6bu],
    .cv-month-calendar__week[b-w3t9tfv6bu] {
        min-width: 52rem;
    }
}
/* /Components/UI/CvPager.razor.rz.scp.css */
/* The .cv-pager root is a MudPaper, so it is styled from wwwroot/css/corvue-ui.css. */
.cv-pager__meta[b-rc4g8v1tdx] {
    display: flex;
    flex: 1 1 16rem;
    flex-direction: column;
    gap: 0.25rem;
}

.cv-pager__details[b-rc4g8v1tdx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.cv-pager__actions[b-rc4g8v1tdx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

/* Keep the rows-per-page control compact (docs/ui.md) so it never crowds previous/next. */
.cv-pager__page-size[b-rc4g8v1tdx] {
    flex: 0 0 auto;
    min-width: 7.5rem;
    max-width: 9rem;
}

.cv-pager__page-size[b-rc4g8v1tdx]  .cv-pager__page-size-select {
    margin: 0;
}
/* /Components/UI/CvPod.razor.rz.scp.css */
/*
    The pod frame: flat, with no header band. A 1px border, the card radius and the surface fill; the
    head (glyph, title, subtitle, freshness) sits inline above the body with no divider.

    The markup still carries brand.css's legacy tickets-card, tickets-card-header, tickets-grid and
    no-data-alert classes, and brand.css loads after this file. Every selector here carries the scoped
    attribute as well as its class, so it outranks the single-class brand.css rule it replaces; the
    company overview's drag wrapper (.overview-pod-wrapper .tickets-card-header) still adds its grab
    cursor and the right padding its action overlay needs.
*/

.cv-pod[b-b3d1vmfa02] {
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    box-shadow: none;
    transition: border-color 0.15s ease;
}

/* ── Head ── */

.cv-pod__header[b-b3d1vmfa02] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--cv-space-3);
    padding: var(--cv-space-4) var(--cv-card-pad) 0;
    border-bottom: 0;
    background: none;
}

.cv-pod__heading[b-b3d1vmfa02] {
    display: flex;
    align-items: baseline;
    gap: var(--cv-space-2);
    flex: 1;
    min-width: 0;
}

.cv-pod__heading > i[b-b3d1vmfa02] {
    flex-shrink: 0;
    font-size: 0.95rem;
    line-height: 1;
    color: var(--cv-text-muted);
}

.cv-pod__titles[b-b3d1vmfa02] {
    flex: 1;
    min-width: 0;
}

.cv-pod__title[b-b3d1vmfa02] {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 700;
    letter-spacing: -0.005em;
    line-height: 1.3;
    color: var(--cv-text);
    overflow-wrap: anywhere;
}

.cv-pod__subtitle[b-b3d1vmfa02],
.cv-pod__freshness[b-b3d1vmfa02] {
    margin: 0.125rem 0 0;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--cv-text-muted);
    overflow-wrap: anywhere;
}

.cv-pod__freshness[b-b3d1vmfa02] {
    display: flex;
    align-items: baseline;
    gap: var(--cv-space-1);
    font-variant-numeric: tabular-nums;
}

.cv-pod__freshness[title][b-b3d1vmfa02] {
    cursor: help;
}

.cv-pod__freshness--stale[b-b3d1vmfa02] {
    color: var(--cv-attention-warning-text);
    font-weight: 600;
}

.cv-pod__freshness i[b-b3d1vmfa02] {
    flex-shrink: 0;
    font-size: 0.75rem;
    line-height: 1;
    color: var(--cv-attention-warning-text);
}

.cv-pod__actions[b-b3d1vmfa02] {
    display: flex;
    align-items: center;
    gap: 0.125rem;
    flex-shrink: 0;
}

/* brand.css sizes and colours every icon in .tickets-card-header; the buttons' own styles should. */
.cv-pod__actions[b-b3d1vmfa02]  i {
    font-size: inherit;
    color: inherit;
}

/* RevealHeaderActions: the actions appear on hover or keyboard focus, and always without hover. */
.cv-pod--reveal-actions .cv-pod__actions[b-b3d1vmfa02] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

.cv-pod--reveal-actions:hover .cv-pod__actions[b-b3d1vmfa02],
.cv-pod--reveal-actions:focus-within .cv-pod__actions[b-b3d1vmfa02] {
    opacity: 1;
    pointer-events: auto;
}

@media (hover: none) {
    .cv-pod--reveal-actions .cv-pod__actions[b-b3d1vmfa02] {
        opacity: 1;
        pointer-events: auto;
    }
}

/* ── Body ── */

.cv-pod__body[b-b3d1vmfa02] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    padding: 0.875rem var(--cv-card-pad) 1.125rem;
}

.cv-pod__loading[b-b3d1vmfa02] {
    display: flex;
    justify-content: flex-start;
    padding: var(--cv-space-1) 0;
}

.cv-pod__stats[b-b3d1vmfa02] {
    gap: var(--cv-gap-grid);
    margin: 0;
}

/* ── Notices ──
   Not configured and error: a sunken block with a 3px amber or red left rule. Empty is not drawn here:
   it is CvEmptyState Compact (nothing synced is not a warning), which brings its own styles. */

.cv-pod__notice[b-b3d1vmfa02] {
    display: flex;
    align-items: flex-start;
    gap: var(--cv-space-3);
    padding: var(--cv-cell-pad);
    border: 0;
    border-left: var(--cv-rule-width) solid var(--cv-border-strong);
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text);
    font-size: 0.875rem;
}

.cv-pod__notice i[b-b3d1vmfa02] {
    flex-shrink: 0;
    margin-top: 0.125rem;
    font-size: 1rem;
    color: var(--cv-text-muted);
}

.cv-pod__notice strong[b-b3d1vmfa02] {
    display: block;
    margin-bottom: 0.125rem;
    font-weight: 600;
    color: var(--cv-text);
}

.cv-pod__notice p[b-b3d1vmfa02] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
}

.cv-pod__notice--not-configured[b-b3d1vmfa02] {
    border-left-color: var(--cv-attention-warning);
}

.cv-pod__notice--not-configured i[b-b3d1vmfa02] {
    color: var(--cv-attention-warning-text);
}

.cv-pod__notice--error[b-b3d1vmfa02] {
    border-left-color: var(--cv-attention-danger);
}

.cv-pod__notice--error i[b-b3d1vmfa02] {
    color: var(--cv-attention-danger-text);
}

/* The Retry button is a CvButton root, rendered by another component. */
.cv-pod__notice[b-b3d1vmfa02]  .cv-pod__retry {
    margin-top: var(--cv-space-2);
}

/* Stacked supporting lines (coverage notes, caveats) with an even gap. */
.cv-pod__footer[b-b3d1vmfa02] {
    display: flex;
    flex-direction: column;
    gap: var(--cv-space-1);
}

@media (prefers-reduced-motion: reduce) {
    .cv-pod[b-b3d1vmfa02],
    .cv-pod--reveal-actions .cv-pod__actions[b-b3d1vmfa02] {
        transition: none;
    }
}

/* ── Denied: the role can't view this. A neutral rule and a lock, never an empty or a zero. ── */

.cv-pod__notice--denied[b-b3d1vmfa02] {
    border-left-color: var(--cv-border-strong);
}

/* ── Dense (the dashboard form): the CvLane look in a pod frame ──
   A one-line 44px head with a divider, a 4px-padded body of 36px CvCompactRow rows that is the cv-lane
   inline-size container, skeleton rows while loading, and a foot strip. The body keeps at least
   --cv-pod-reserve-rows rows of height (set inline by the wrapper), so a pod does not change size when
   its skeleton is swapped for content. */

.cv-pod--dense[b-b3d1vmfa02] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
}

.cv-pod--dense .cv-pod__header[b-b3d1vmfa02] {
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--cv-space-2) var(--cv-space-3);
    min-height: var(--cv-bar-height);
    padding: var(--cv-space-2) var(--cv-space-3) var(--cv-space-2) var(--cv-space-4);
    border-bottom: var(--cv-border-width) solid var(--cv-border-subtle);
}

.cv-pod--dense .cv-pod__heading[b-b3d1vmfa02] {
    flex: 0 1 auto;
    align-items: center;
}

.cv-pod--dense .cv-pod__heading > i[b-b3d1vmfa02] {
    font-size: 0.875rem;
}

.cv-pod--dense .cv-pod__titles[b-b3d1vmfa02] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 var(--cv-space-2);
}

.cv-pod--dense .cv-pod__title[b-b3d1vmfa02] {
    display: inline-flex;
    align-items: center;
    gap: var(--cv-space-2);
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.cv-pod--dense .cv-pod__subtitle[b-b3d1vmfa02],
.cv-pod--dense .cv-pod__freshness[b-b3d1vmfa02] {
    margin: 0;
}

.cv-pod__count[b-b3d1vmfa02] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.375rem;
    border-radius: var(--cv-radius-round);
    background: var(--cv-border-subtle);
    color: var(--cv-text-muted);
    font-size: 0.6875rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.cv-pod__filters[b-b3d1vmfa02] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.cv-pod--dense .cv-pod__actions[b-b3d1vmfa02] {
    margin-left: auto;
    gap: var(--cv-space-2);
}

.cv-pod--dense .cv-pod__body[b-b3d1vmfa02] {
    container: cv-lane / inline-size;
    flex: 1;
    gap: 0;
    min-width: 0;
    min-height: calc(var(--cv-pod-reserve-rows, 0) * var(--cv-row-height-dense) + 2 * var(--cv-space-1));
    padding: var(--cv-space-1);
}

.cv-pod--dense .cv-pod__notice[b-b3d1vmfa02] {
    margin: var(--cv-space-2);
}

.cv-pod--dense .cv-pod__body[b-b3d1vmfa02]  .cv-pod__notice--empty {
    margin: var(--cv-space-2);
}

.cv-pod__skeleton[b-b3d1vmfa02] {
    display: flex;
    flex-direction: column;
}

.cv-pod__skeleton-row[b-b3d1vmfa02] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-2);
    height: var(--cv-row-height-dense);
    padding: 0 var(--cv-space-3);
    font-size: 0.8125rem;
}

.cv-pod__skeleton-row[b-b3d1vmfa02]  .cv-pod__skeleton-aside {
    margin-left: auto;
}

.cv-pod__foot[b-b3d1vmfa02] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--cv-space-2) var(--cv-space-3);
    padding: var(--cv-space-2) var(--cv-space-4);
    border-top: var(--cv-border-width) solid var(--cv-border-subtle);
    font-size: 0.75rem;
    color: var(--cv-text-muted);
}

/* Dense figures: label-first CvPodStat cells, smaller, inset like the rows. */
.cv-pod--dense .cv-pod__stats[b-b3d1vmfa02] {
    margin: var(--cv-space-2) var(--cv-space-3) var(--cv-space-1);
    gap: var(--cv-space-2);
}

.cv-pod--dense .cv-pod__stats[b-b3d1vmfa02]  .cv-pod-stat {
    padding: var(--cv-space-2) var(--cv-space-3);
}

.cv-pod--dense .cv-pod__stats[b-b3d1vmfa02]  .cv-pod-stat__value {
    font-size: 1.25rem;
}
/* /Components/UI/CvPodNote.razor.rz.scp.css */
/*
    A pod footer note is a plain supporting line, not a tinted box. The markup keeps the legacy sync-info
    class; the scoped attribute lets these rules outrank brand.css's .sync-info, which loads last.
*/

.cv-pod-note[b-rnwh3i7owe] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
    padding: 0;
    border-radius: 0;
    background: none;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--cv-text-muted);
}

.cv-pod-note i[b-rnwh3i7owe] {
    flex-shrink: 0;
    color: var(--cv-text-muted);
}
/* /Components/UI/CvPodStat.razor.rz.scp.css */
/*
    A label-first figure on a sunken cell. The 3px top rule is transparent on a calm figure (so every
    cell is the same height) and takes the attention colour when the figure wants a look.

    The cell still carries brand.css's legacy ticket-stat-* classes, and brand.css loads last; the scoped
    attribute gives each rule here one more attribute selector than the brand.css rule it replaces, and
    the :hover rule restates the cell so brand.css's hover border and shadow never apply.
*/

.cv-pod-stat[b-dyim1na18d],
.cv-pod-stat:hover[b-dyim1na18d] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cv-space-1);
    min-width: 0;
    padding: var(--cv-cell-pad);
    border: 0;
    border-top: var(--cv-rule-width) solid transparent;
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface-sunken);
    box-shadow: none;
    text-align: left;
    transition: none;
}

.cv-pod-stat__label[b-dyim1na18d] {
    order: 0;
    margin: 0;
    /* The shared small-caps label tokens (corvue-ui.css, "Small-caps labels"). */
    font-size: var(--cv-label-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.cv-pod-stat__value[b-dyim1na18d] {
    display: block;
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.01em;
    line-height: 1.1;
    color: var(--cv-text);
    overflow-wrap: anywhere;
}

.cv-pod-stat__meta[b-dyim1na18d] {
    display: block;
    font-size: 0.75rem;
    line-height: 1.35;
    color: var(--cv-text-muted);
}

/* A figure that wants a look: the rule and the value take the tone; the cell keeps its sunken fill. */
.cv-pod-stat--attention-warning[b-dyim1na18d],
.cv-pod-stat--attention-warning:hover[b-dyim1na18d] {
    border-top-color: var(--cv-attention-warning);
}

.cv-pod-stat--attention-warning .cv-pod-stat__value[b-dyim1na18d] {
    color: var(--cv-attention-warning-text);
}

.cv-pod-stat--attention-danger[b-dyim1na18d],
.cv-pod-stat--attention-danger:hover[b-dyim1na18d] {
    border-top-color: var(--cv-attention-danger);
}

.cv-pod-stat--attention-danger .cv-pod-stat__value[b-dyim1na18d] {
    color: var(--cv-attention-danger-text);
}

@media (max-width: 575.98px) {
    .cv-pod-stat__value[b-dyim1na18d] {
        font-size: 1.5rem;
    }
}
/* /Components/UI/CvSegmentedControl.razor.rz.scp.css */
/*
    CvSegmentedControl: a sunken track of 28px segments; the selected one lifts to the surface with a
    hairline (no shadow). Hover is a background change only.
*/

.cv-segmented[b-qxw70obs6i] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 2px;
    border-radius: var(--cv-radius-control);
    background: var(--cv-surface-sunken);
}

.cv-segmented__segment[b-qxw70obs6i] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    height: 1.75rem;
    padding: 0 var(--cv-space-2);
    border: var(--cv-border-width) solid transparent;
    border-radius: var(--cv-radius-chip);
    background: transparent;
    color: var(--cv-text-muted);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background-color var(--cv-motion-fast) var(--cv-ease-out),
                color var(--cv-motion-fast) var(--cv-ease-out);
}

.cv-segmented__segment:hover:not(:disabled)[b-qxw70obs6i] {
    background: var(--cv-surface-hover);
    color: var(--cv-text);
}

.cv-segmented__segment:focus-visible[b-qxw70obs6i] {
    outline: var(--cv-focus-ring);
    outline-offset: 0;
}

.cv-segmented__segment--selected[b-qxw70obs6i],
.cv-segmented__segment--selected:hover:not(:disabled)[b-qxw70obs6i] {
    border-color: var(--cv-border);
    background: var(--cv-surface);
    color: var(--cv-text);
}

.cv-segmented__segment:disabled[b-qxw70obs6i] {
    cursor: default;
    opacity: 0.55;
}

.cv-segmented__count[b-qxw70obs6i] {
    font-variant-numeric: tabular-nums;
    color: var(--cv-text-muted);
}

.cv-segmented__mark[b-qxw70obs6i] {
    display: inline-block;
    width: 0.4375rem;
    height: 0.4375rem;
}

.cv-segmented__segment--critical .cv-segmented__mark[b-qxw70obs6i] {
    border-radius: var(--cv-radius-round);
    background: var(--cv-severity-critical);
}

.cv-segmented__segment--warning .cv-segmented__mark[b-qxw70obs6i] {
    width: 0.375rem;
    height: 0.375rem;
    background: var(--cv-severity-warning);
    transform: rotate(45deg);
}
/* /Components/UI/CvSegmentedDistributionBar.razor.rz.scp.css */
.cv-segmented-distribution[b-kb8fzrewsq] {
    display: grid;
    gap: 1rem;
}

.cv-segmented-distribution__bar[b-kb8fzrewsq] {
    display: flex;
    overflow: hidden;
    min-width: 0;
    min-height: 1.25rem;
    border-radius: 999px;
    background: var(--surface-sunken);
}

.cv-segmented-distribution__segment[b-kb8fzrewsq] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    color: var(--text-inverse);
    font-size: 0.76rem;
    font-weight: 700;
    white-space: nowrap;
}

.cv-segmented-distribution__segment span[b-kb8fzrewsq] {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.35rem;
}

.cv-segmented-distribution__segment--primary[b-kb8fzrewsq] {
    background: #4361ee;
}

.cv-segmented-distribution__segment--secondary[b-kb8fzrewsq] {
    background: #64748b;
}

.cv-segmented-distribution__segment--accent[b-kb8fzrewsq] {
    background: #7c3aed;
}

.cv-segmented-distribution__segment--support[b-kb8fzrewsq] {
    background: #0891b2;
}

.cv-segmented-distribution__segment--success[b-kb8fzrewsq] {
    background: #16a34a;
}

.cv-segmented-distribution__segment--warning[b-kb8fzrewsq] {
    background: #f59e0b;
    color: #1f2937;
}

.cv-segmented-distribution__segment--danger[b-kb8fzrewsq] {
    background: #dc2626;
}

.cv-segmented-distribution__segment--neutral[b-kb8fzrewsq] {
    background: #475569;
}

.cv-segmented-distribution__legend[b-kb8fzrewsq] {
    display: grid;
    gap: 0.85rem;
}

.cv-segmented-distribution__legend-item[b-kb8fzrewsq] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    min-width: 0;
}

.cv-segmented-distribution__legend-copy[b-kb8fzrewsq] {
    min-width: 0;
}

.cv-segmented-distribution__dot[b-kb8fzrewsq] {
    width: 0.8rem;
    height: 0.8rem;
    margin-top: 0.2rem;
    border-radius: 999px;
    flex-shrink: 0;
}

.cv-segmented-distribution__dot--primary[b-kb8fzrewsq] {
    background: #4361ee;
}

.cv-segmented-distribution__dot--secondary[b-kb8fzrewsq] {
    background: #64748b;
}

.cv-segmented-distribution__dot--accent[b-kb8fzrewsq] {
    background: #7c3aed;
}

.cv-segmented-distribution__dot--support[b-kb8fzrewsq] {
    background: #0891b2;
}

.cv-segmented-distribution__dot--success[b-kb8fzrewsq] {
    background: #16a34a;
}

.cv-segmented-distribution__dot--warning[b-kb8fzrewsq] {
    background: #f59e0b;
}

.cv-segmented-distribution__dot--danger[b-kb8fzrewsq] {
    background: #dc2626;
}

.cv-segmented-distribution__dot--neutral[b-kb8fzrewsq] {
    background: #475569;
}

.cv-segmented-distribution__label[b-kb8fzrewsq] {
    color: var(--cv-text);
    font-weight: 700;
}

.cv-segmented-distribution__value[b-kb8fzrewsq] {
    color: var(--cv-text-muted);
    font-size: 0.84rem;
    line-height: 1.5;
}

/* ── Compact: a 6px bar and a one-line legend, coloured from --cv-* tokens (both themes) ── */

.cv-segmented-distribution--compact[b-kb8fzrewsq] {
    gap: var(--cv-space-2);
}

.cv-segmented-distribution--compact .cv-segmented-distribution__bar[b-kb8fzrewsq] {
    gap: 2px;
    min-height: 0;
    height: 0.375rem;
    border-radius: var(--cv-radius-round);
    background: var(--cv-border-subtle);
}

.cv-segmented-distribution--compact .cv-segmented-distribution__segment[b-kb8fzrewsq] {
    border-radius: var(--cv-radius-round);
}

.cv-segmented-distribution--compact .cv-segmented-distribution__segment span[b-kb8fzrewsq] {
    display: none;
}

.cv-segmented-distribution--compact .cv-segmented-distribution__legend[b-kb8fzrewsq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cv-space-1) var(--cv-space-3);
}

.cv-segmented-distribution--compact .cv-segmented-distribution__legend-item[b-kb8fzrewsq] {
    align-items: baseline;
    gap: var(--cv-space-1);
}

.cv-segmented-distribution--compact .cv-segmented-distribution__legend-copy[b-kb8fzrewsq] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--cv-space-1);
    font-size: 0.75rem;
}

.cv-segmented-distribution--compact .cv-segmented-distribution__label[b-kb8fzrewsq] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cv-text);
}

.cv-segmented-distribution--compact .cv-segmented-distribution__value[b-kb8fzrewsq] {
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    color: var(--cv-text-muted);
}

.cv-segmented-distribution--compact .cv-segmented-distribution__dot[b-kb8fzrewsq] {
    flex-shrink: 0;
    width: 0.5rem;
    height: 0.5rem;
    margin-top: 0;
}

.cv-segmented-distribution--compact .cv-segmented-distribution__segment--primary[b-kb8fzrewsq],
.cv-segmented-distribution--compact .cv-segmented-distribution__dot--primary[b-kb8fzrewsq] {
    background: var(--cv-support);
}

.cv-segmented-distribution--compact .cv-segmented-distribution__segment--support[b-kb8fzrewsq],
.cv-segmented-distribution--compact .cv-segmented-distribution__dot--support[b-kb8fzrewsq] {
    background: color-mix(in srgb, var(--cv-support) 76%, var(--cv-surface));
}

.cv-segmented-distribution--compact .cv-segmented-distribution__segment--secondary[b-kb8fzrewsq],
.cv-segmented-distribution--compact .cv-segmented-distribution__dot--secondary[b-kb8fzrewsq] {
    background: color-mix(in srgb, var(--cv-support) 56%, var(--cv-surface));
}

.cv-segmented-distribution--compact .cv-segmented-distribution__segment--accent[b-kb8fzrewsq],
.cv-segmented-distribution--compact .cv-segmented-distribution__dot--accent[b-kb8fzrewsq] {
    background: color-mix(in srgb, var(--cv-support) 38%, var(--cv-surface));
}

.cv-segmented-distribution--compact .cv-segmented-distribution__segment--neutral[b-kb8fzrewsq],
.cv-segmented-distribution--compact .cv-segmented-distribution__dot--neutral[b-kb8fzrewsq] {
    background: var(--cv-border-strong);
}

.cv-segmented-distribution--compact .cv-segmented-distribution__segment--danger[b-kb8fzrewsq],
.cv-segmented-distribution--compact .cv-segmented-distribution__dot--danger[b-kb8fzrewsq] {
    background: var(--cv-severity-critical);
}

.cv-segmented-distribution--compact .cv-segmented-distribution__segment--warning[b-kb8fzrewsq],
.cv-segmented-distribution--compact .cv-segmented-distribution__dot--warning[b-kb8fzrewsq] {
    background: var(--cv-severity-warning);
}

.cv-segmented-distribution--compact .cv-segmented-distribution__segment--success[b-kb8fzrewsq],
.cv-segmented-distribution--compact .cv-segmented-distribution__dot--success[b-kb8fzrewsq] {
    background: var(--cv-severity-positive);
}
/* /Components/UI/CvShareBarList.razor.rz.scp.css */
.cv-share-bar-list[b-3g2ect34w4] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Label and count on one line, the share bar beneath, a hairline between rows. */
.cv-share-bar-list__item[b-3g2ect34w4] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: 0.625rem 0;
    border-bottom: 1px solid rgba(13, 23, 51, 0.06);
}

.cv-share-bar-list__item:first-child[b-3g2ect34w4] {
    padding-top: 0;
}

.cv-share-bar-list__item:last-child[b-3g2ect34w4] {
    padding-bottom: 0;
    border-bottom: none;
}

.cv-share-bar-list__line[b-3g2ect34w4] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
}

.cv-share-bar-list__label[b-3g2ect34w4] {
    min-width: 0;
    color: var(--cv-text);
    overflow-wrap: anywhere;
}

.cv-share-bar-list__count[b-3g2ect34w4] {
    flex: 0 0 auto;
    font-weight: 600;
    color: var(--cv-text);
    font-variant-numeric: tabular-nums;
}

/*
    Decorative (aria-hidden): the count beside it is the information. A quiet track with a teal fill,
    and a minimum width so one item in a large total still shows as a mark rather than nothing.
*/
.cv-share-bar-list__bar[b-3g2ect34w4] {
    display: block;
    height: 0.375rem;
    border-radius: 999px;
    background: rgba(13, 23, 51, 0.06);
    overflow: hidden;
}

.cv-share-bar-list__bar-fill[b-3g2ect34w4] {
    display: block;
    height: 100%;
    min-width: 0.375rem;
    max-width: 100%;
    border-radius: inherit;
    background: var(--cv-support);
}
/* /Components/UI/CvShortcutHelp.razor.rz.scp.css */
/*
    CvShortcutHelp: a centred overlay dialog on a dimmed backdrop. Overlays are the only raised surfaces,
    so the dialog takes --cv-elevation-overlay. It fades and rises 4px over 160ms (nothing under reduced
    motion). Two columns of groups from 40rem up.
*/

.cv-shortcut-help[b-d7socs7vo3] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 12vh var(--cv-space-4) var(--cv-space-4);
    background: rgba(13, 23, 51, 0.42);
    animation: cv-shortcut-help-fade-b-d7socs7vo3 var(--cv-motion-base) var(--cv-ease-out) both;
}

.cv-shortcut-help__dialog[b-d7socs7vo3] {
    display: flex;
    flex-direction: column;
    width: min(44rem, 100%);
    max-height: 76vh;
    overflow: hidden;
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: var(--cv-surface);
    color: var(--cv-text);
    box-shadow: var(--cv-elevation-overlay);
    animation: cv-shortcut-help-rise-b-d7socs7vo3 var(--cv-motion-base) var(--cv-ease-out) both;
}

.cv-shortcut-help__head[b-d7socs7vo3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cv-space-3);
    min-height: var(--cv-bar-height);
    padding: var(--cv-space-2) var(--cv-space-2) var(--cv-space-2) var(--cv-space-4);
    border-bottom: var(--cv-border-width) solid var(--cv-border-subtle);
}

.cv-shortcut-help__title[b-d7socs7vo3] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
}

.cv-shortcut-help__close[b-d7socs7vo3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: var(--cv-radius-control);
    background: transparent;
    color: var(--cv-text-muted);
    transition: background-color var(--cv-motion-fast) var(--cv-ease-out);
}

.cv-shortcut-help__close:hover[b-d7socs7vo3] {
    background: var(--cv-surface-hover);
    color: var(--cv-text);
}

.cv-shortcut-help__close:focus-visible[b-d7socs7vo3] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.cv-shortcut-help__body[b-d7socs7vo3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    gap: var(--cv-space-4) var(--cv-space-6);
    overflow-y: auto;
    padding: var(--cv-space-4);
}

.cv-shortcut-help__group-title[b-d7socs7vo3] {
    margin: 0 0 var(--cv-space-2);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--cv-text-muted);
}

.cv-shortcut-help__list[b-d7socs7vo3] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.cv-shortcut-help__item[b-d7socs7vo3] {
    display: flex;
    align-items: center;
    gap: var(--cv-space-3);
    min-height: 2rem;
    border-bottom: var(--cv-border-width) solid var(--cv-border-subtle);
}

.cv-shortcut-help__item:last-child[b-d7socs7vo3] {
    border-bottom: 0;
}

.cv-shortcut-help__keys[b-d7socs7vo3] {
    flex: 0 0 6.5rem;
    margin: 0;
    font-weight: 400;
}

.cv-shortcut-help__description[b-d7socs7vo3] {
    margin: 0;
    font-size: 0.8125rem;
}

.cv-shortcut-help__foot[b-d7socs7vo3] {
    padding: var(--cv-space-2) var(--cv-space-4);
    border-top: var(--cv-border-width) solid var(--cv-border-subtle);
    font-size: 0.75rem;
    color: var(--cv-text-muted);
}

@keyframes cv-shortcut-help-fade-b-d7socs7vo3 {
    from {
        opacity: 0;
    }
}

@keyframes cv-shortcut-help-rise-b-d7socs7vo3 {
    from {
        opacity: 0;
        transform: translateY(4px) scale(0.99);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cv-shortcut-help[b-d7socs7vo3],
    .cv-shortcut-help__dialog[b-d7socs7vo3] {
        animation: none;
    }
}
/* /Components/UI/CvSkeleton.razor.rz.scp.css */
/*
    CvSkeleton: a placeholder in the skeleton tokens with a slow shine. The root is a plain <span>, so the
    scoped attribute reaches it. Under prefers-reduced-motion the shine stops and the block stays flat.
*/

.cv-skeleton[b-vgnlqascy7] {
    display: block;
    flex-shrink: 0;
    width: var(--cv-skeleton-width, 100%);
    height: var(--cv-skeleton-height, 0.75em);
    border-radius: var(--cv-radius-chip);
    background-color: var(--cv-skeleton-base);
    background-image: linear-gradient(90deg,
        transparent 0%,
        var(--cv-skeleton-shine) 45%,
        transparent 90%);
    background-repeat: no-repeat;
    background-size: 60% 100%;
    background-position: -150% 0;
    animation: cv-skeleton-shine-b-vgnlqascy7 1.4s var(--cv-ease-in-out) infinite;
}

.cv-skeleton--text[b-vgnlqascy7] {
    /* Sits on the text's own line box so a line of placeholder is as tall as the line it replaces. */
    margin-block: calc((1lh - var(--cv-skeleton-height, 0.75em)) / 2);
}

.cv-skeleton--block[b-vgnlqascy7] {
    height: var(--cv-skeleton-height, 1.5rem);
}

.cv-skeleton--circle[b-vgnlqascy7] {
    width: var(--cv-skeleton-width, 0.75rem);
    height: var(--cv-skeleton-height, var(--cv-skeleton-width, 0.75rem));
    border-radius: var(--cv-radius-round);
}

@keyframes cv-skeleton-shine-b-vgnlqascy7 {
    to {
        background-position: 250% 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cv-skeleton[b-vgnlqascy7] {
        animation: none;
        background-image: none;
    }
}
/* /Components/UI/CvSnackbar.razor.rz.scp.css */
.cv-snackbar[b-ibkr5vl90n] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    min-width: min(100%, 18rem);
}

/* A muted glyph, not a tinted chip. Only Warning and Danger colour it. */
.cv-snackbar__icon[b-ibkr5vl90n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 1.35rem;
    font-size: 1.05rem;
    line-height: 1;
    color: var(--cv-text-muted);
}

.cv-snackbar--warning .cv-snackbar__icon[b-ibkr5vl90n] {
    color: var(--cv-attention-warning-text);
}

.cv-snackbar--danger .cv-snackbar__icon[b-ibkr5vl90n] {
    color: var(--cv-attention-danger-text);
}

.cv-snackbar__content[b-ibkr5vl90n] {
    min-width: 0;
}

.cv-snackbar__title[b-ibkr5vl90n] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--cv-text);
    line-height: 1.35;
}

.cv-snackbar__message[b-ibkr5vl90n] {
    color: var(--cv-text);
    line-height: 1.45;
}

/* One quiet action ("Undo"): a text button in the secondary text colour, after the message. */
.cv-snackbar__action[b-ibkr5vl90n] {
    flex-shrink: 0;
    align-self: center;
    margin-left: auto;
    padding: var(--cv-space-1) var(--cv-space-2);
    border: 0;
    border-radius: var(--cv-radius-chip);
    background: transparent;
    color: var(--cv-tone-secondary-text);
    font-size: 0.875rem;
    font-weight: 700;
    cursor: pointer;
}

.cv-snackbar__action:hover[b-ibkr5vl90n] {
    background: var(--cv-surface-hover);
}

.cv-snackbar__action:focus-visible[b-ibkr5vl90n] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.cv-snackbar__action:disabled[b-ibkr5vl90n] {
    opacity: 0.6;
    cursor: default;
}
/* /Components/UI/CvSortHeader.razor.rz.scp.css */
/* Wrapper-owned styling for sortable CvTable headers, so feature pages stop re-declaring it. */

.cv-sort-header--end[b-4dl1afnmml] { text-align: right; }

.cv-sort-header__button[b-4dl1afnmml] {
    align-items: center;
    appearance: none;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    /* Inherits the table header label look (the --cv-label-* tokens); sortable headers are not bolder. */
    font: inherit;
    gap: 0.35rem;
    padding: 0;
}

.cv-sort-header__button--end[b-4dl1afnmml] { justify-content: flex-end; width: 100%; }

.cv-sort-header__button:hover:not(:disabled)[b-4dl1afnmml],
.cv-sort-header__button--active[b-4dl1afnmml] { color: rgba(var(--bs-primary-rgb), 1); }

.cv-sort-header__button:disabled[b-4dl1afnmml] { cursor: default; opacity: 0.6; }

.cv-sort-header__button:focus-visible[b-4dl1afnmml] {
    border-radius: var(--cv-radius-chip);
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.cv-sort-header__icon[b-4dl1afnmml] { color: rgba(var(--bs-dark-rgb), 0.55); font-size: 0.85rem; }

.cv-sort-header__button--active .cv-sort-header__icon[b-4dl1afnmml] { color: inherit; }
/* /Components/UI/CvStatusStrip.razor.rz.scp.css */
.cv-status-strip[b-g6sx1l9cqm] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.875rem 1rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: rgba(104, 176, 168, 0.08);
}

.cv-status-strip__icon[b-g6sx1l9cqm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    font-size: 1.125rem;
}

.cv-status-strip__icon--ok[b-g6sx1l9cqm] {
    color: var(--cv-support);
    background: rgba(43, 163, 197, 0.16);
}

.cv-status-strip__icon--stale[b-g6sx1l9cqm] {
    color: #8a6100;
    background: rgba(255, 193, 7, 0.2);
}

.cv-status-strip__text[b-g6sx1l9cqm] {
    min-width: 0;
}

.cv-status-strip__title[b-g6sx1l9cqm] {
    margin: 0;
    font-weight: 600;
    color: var(--cv-text);
}

.cv-status-strip__meta[b-g6sx1l9cqm] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--cv-text-muted);
}

@media (max-width: 767.98px) {
    .cv-status-strip[b-g6sx1l9cqm] {
        gap: 0.625rem;
        padding: 0.75rem;
    }
}

@media (max-width: 575.98px) {
    .cv-status-strip[b-g6sx1l9cqm] {
        align-items: flex-start;
    }
}
/* /Components/UI/CvStickyHeader.razor.rz.scp.css */
/*
    CvStickyHeader: the anchor sticks under the app's top bar (--cv-shell-top) with no height of its own;
    the bar hangs from it, 8px down, as a floating glass strip. Hidden: 6px up and transparent. Shown: in
    place, over 160ms. The bar is an overlay, so it is the one raised surface here.
*/

.cv-sticky-header__anchor[b-thx165v48p] {
    position: sticky;
    top: var(--cv-shell-top);
    z-index: 1020;
    height: 0;
}

.cv-sticky-header__bar[b-thx165v48p] {
    position: absolute;
    top: var(--cv-space-2);
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: var(--cv-space-3);
    min-width: 0;
    height: var(--cv-bar-height);
    padding: 0 var(--cv-space-2) 0 var(--cv-space-4);
    border: var(--cv-border-width) solid var(--cv-border);
    border-radius: var(--cv-radius-card);
    background: color-mix(in srgb, var(--cv-surface) 86%, transparent);
    box-shadow: var(--cv-elevation-overlay);
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
    -webkit-backdrop-filter: saturate(1.4) blur(10px);
    backdrop-filter: saturate(1.4) blur(10px);
    transition: opacity var(--cv-motion-base) var(--cv-ease-out),
                transform var(--cv-motion-base) var(--cv-ease-out);
}

.cv-sticky-header__bar[data-visible="true"][b-thx165v48p] {
    opacity: 1;
    transform: none;
    pointer-events: auto;
}

/* The lime dot echoes the band's eyebrow, so the bar reads as the same header, collapsed. */
.cv-sticky-header__title[b-thx165v48p] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--cv-space-2);
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--cv-text);
}

.cv-sticky-header__title[b-thx165v48p]::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: var(--cv-radius-round);
    background: var(--cv-accent);
}

.cv-sticky-header__meta[b-thx165v48p] {
    overflow: hidden;
    min-width: 0;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cv-text-muted);
}

.cv-sticky-header__actions[b-thx165v48p] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--cv-space-1);
    margin-left: auto;
}

@media (max-width: 575.98px) {
    .cv-sticky-header__meta[b-thx165v48p] {
        display: none;
    }
}
/* /Components/UI/CvTable.razor.rz.scp.css */
/* The table frame (.cv-table, a MudPaper root) and the Dense and row-rule modifiers live in
   wwwroot/css/corvue-ui.css: a scoped rule never reaches a MudBlazor root. The cell rules stay here. */
.cv-table__scroll[b-7b8mz5yoz4] {
    overflow-x: auto;
}

/* A bounded table (MaxHeight) scrolls its rows inside the frame; the header stays in view. */
.cv-table__scroll--bounded[b-7b8mz5yoz4] {
    max-height: var(--cv-table-max-height);
    overflow-y: auto;
}

.cv-table__scroll--bounded .cv-table__head[b-7b8mz5yoz4]  th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.cv-table__table[b-7b8mz5yoz4] {
    width: 100%;
    border-collapse: collapse;
}

.cv-table__table[b-7b8mz5yoz4]  th {
    padding: var(--cv-table-cell-pad);
    border-bottom: var(--cv-border-width) solid var(--cv-border);
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    /* The shared small-caps label tokens (corvue-ui.css, "Small-caps labels"). */
    font-size: var(--cv-label-size);
    font-weight: var(--cv-label-weight);
    letter-spacing: var(--cv-label-tracking);
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}

.cv-table__table[b-7b8mz5yoz4]  td {
    padding: var(--cv-table-cell-pad);
    border-bottom: var(--cv-border-width) solid var(--cv-border-subtle);
    vertical-align: top;
}

.cv-table__table[b-7b8mz5yoz4]  tbody tr:last-child td {
    border-bottom: none;
}

/* Hover changes the background only. */
.cv-table__table[b-7b8mz5yoz4]  tbody tr:hover {
    background: var(--cv-surface-hover);
}

.cv-table--dense .cv-table__table[b-7b8mz5yoz4]  th,
.cv-table--dense .cv-table__table[b-7b8mz5yoz4]  td {
    padding: var(--cv-table-cell-pad-dense);
}

/* The empty row holds a compact CvEmptyState (its own styles); the row does not take the hover wash. */
.cv-table__table tbody tr.cv-table__empty-row:hover[b-7b8mz5yoz4] {
    background: none;
}
/* /Components/UI/CvTabs.razor.rz.scp.css */
.cv-tabs[b-yq7oceorjk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cv-tabs__list[b-yq7oceorjk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.cv-tabs__tab[b-yq7oceorjk] {
    align-items: center;
    background: var(--cv-surface);
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-control);
    color: var(--cv-text);
    display: inline-flex;
    font-weight: 600;
    gap: 0.45rem;
    padding: 0.55rem 0.9rem;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.cv-tabs__tab:hover[b-yq7oceorjk] {
    background: var(--cv-surface-hover);
    border-color: var(--cv-hover-border);
}

.cv-tabs__tab:focus-visible[b-yq7oceorjk] {
    outline: var(--cv-focus-ring);
    outline-offset: var(--cv-focus-offset);
}

.cv-tabs__tab--active[b-yq7oceorjk],
.cv-tabs__tab--active:hover[b-yq7oceorjk] {
    background: var(--cv-tone-primary-bg);
    border-color: var(--cv-tone-primary-bg);
    color: var(--cv-tone-primary-fg);
}

.cv-tabs__panels[b-yq7oceorjk] {
    display: block;
}

/* Tab counts: a quiet neutral chip; on the selected tab it takes the tab's own colour. */
.cv-tabs__tab .tab-badge[b-yq7oceorjk] {
    margin-left: 0;
    padding: 0 0.4rem;
    border: 1px solid var(--cv-border);
    border-radius: var(--cv-radius-chip);
    background: var(--cv-surface-sunken);
    color: var(--cv-text-muted);
    font-size: 0.75rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
}

.cv-tabs__tab--active .tab-badge[b-yq7oceorjk] {
    border-color: currentColor;
    background: transparent;
    color: inherit;
}

@media (max-width: 767.98px) {
    /* A long strip scrolls sideways on a phone instead of stacking into rows. */
    .cv-tabs__list[b-yq7oceorjk] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0.25rem 0.25rem 0.375rem; /* room for the focus ring inside the scroller */
        scrollbar-width: thin;
    }

    .cv-tabs__tab[b-yq7oceorjk] {
        flex: 0 0 auto;
    }
}
/* /Components/VCio/RiskImprovementCloseDialog.razor.rz.scp.css */
/* Blazor scoped CSS is per component, so the close dialog carries its own copy of the shared
   dialog classes rather than relying on the editor dialog's stylesheet. */

.risk-register-dialog[b-gsljt0yujx] { width: 100%; }

.risk-register-dialog__copy[b-gsljt0yujx] { margin: 0 0 0.75rem; color: rgba(var(--bs-dark-rgb), 0.7); }

.risk-register-dialog__input[b-gsljt0yujx] { width: 100%; }
/* /Components/VCio/RiskImprovementEditorForm.razor.rz.scp.css */
/* Shared styling for the register create/edit form. */

.risk-register-form__card[b-1f4goatrpn] { margin-bottom: 1.25rem; }

.risk-register-form__grid[b-1f4goatrpn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 0.75rem 1rem;
}

.risk-register-form__field[b-1f4goatrpn] { display: flex; flex-direction: column; }
.risk-register-form__field--full[b-1f4goatrpn] { grid-column: 1 / -1; }

.risk-register-form__input[b-1f4goatrpn] { width: 100%; }

.risk-register-form__field-label[b-1f4goatrpn] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: rgba(var(--bs-dark-rgb), 0.75);
}

/* CvSelect does not forward HelperText to MudSelect, so guidance under a select is rendered
   here rather than relying on the wrapper parameter. */
.risk-register-form__note[b-1f4goatrpn] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.3rem;
    font-size: 0.78rem;
    color: rgba(var(--bs-dark-rgb), 0.65);
}

.risk-register-form__note--caution[b-1f4goatrpn] { color: #8a5a00; font-weight: 600; }

.risk-register-form__locked-company[b-1f4goatrpn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    background: rgba(var(--bs-dark-rgb), 0.05);
    font-weight: 600;
}

.risk-register-form__calculated-rating[b-1f4goatrpn] { display: inline-flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
/* /Components/VCio/RiskImprovementFilterBar.razor.rz.scp.css */
.risk-register-filters__layout[b-195ld670f4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.75rem 1rem;
    width: 100%;
    align-items: end;
}

.risk-register-filters__input[b-195ld670f4] { width: 100%; }

.risk-register-filters__field[b-195ld670f4] { display: flex; flex-direction: column; }

.risk-register-filters__company[b-195ld670f4] { display: flex; flex-direction: column; }

.risk-register-filters__label[b-195ld670f4] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: rgba(var(--bs-dark-rgb), 0.75);
}

/* CvSelect does not forward HelperText to MudSelect, so select guidance is rendered here. */
.risk-register-filters__note[b-195ld670f4] {
    margin-top: 0.3rem;
    font-size: 0.78rem;
    color: rgba(var(--bs-dark-rgb), 0.65);
}

.risk-register-filters__toggle[b-195ld670f4] { display: flex; align-items: center; }
.risk-register-filters__switch[b-195ld670f4] { display: inline-flex; align-items: center; gap: 0.35rem; }