/* /Components/Account/AccountLayout.razor.rz.scp.css */
/* The account pages are plain HTML on the app's tokens from app.css: the sidebar's navy as a brand
   panel, the form on the workspace background. */

.account-shell[b-sqpilv5jt1] {
    display: grid;
    grid-template-columns: minmax(320px, 5fr) 7fr;
    min-height: 100vh;
    font-family: var(--wd-sans);
    color: var(--wd-ink);
    background: var(--wd-paper);
}

.account-panel[b-sqpilv5jt1] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
    padding: 2.5rem 3rem 3rem;
    background: var(--wd-navy);
    color: var(--wd-navy-text);
}

.account-brand[b-sqpilv5jt1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
}

/* The same orange disc as the sidebar. */
.account-brand__mark[b-sqpilv5jt1] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--wd-accent);
    color: #fff;
}

.account-brand__mark[b-sqpilv5jt1]  .icon {
    font-size: 1.375rem;
}

.account-brand__name[b-sqpilv5jt1] {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #fff;
}

.account-brand__name[b-sqpilv5jt1]::after {
    content: ".";
    color: var(--wd-accent);
}

.account-panel__lead[b-sqpilv5jt1] {
    max-width: 26ch;
    margin: 0;
    font-size: clamp(1.375rem, 1rem + 1.2vw, 2rem);
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -0.015em;
    color: #fff;
}

.account-main[b-sqpilv5jt1] {
    display: grid;
    place-items: center;
    padding: 2rem 1.25rem;
}

.account-card[b-sqpilv5jt1] {
    width: 100%;
    max-width: 420px;
    box-sizing: border-box;
    padding: 2.25rem 2.25rem 2.5rem;
    border-radius: var(--wd-radius-sheet);
    background: var(--wd-sheet);
    box-shadow: var(--wd-shadow-card);
}

@media (max-width: 860px) {
    .account-shell[b-sqpilv5jt1] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto 1fr;
    }

    .account-panel[b-sqpilv5jt1] {
        padding: 1.25rem 1.5rem;
    }

    .account-panel__lead[b-sqpilv5jt1] {
        display: none;
    }

    .account-main[b-sqpilv5jt1] {
        align-items: start;
        padding-top: 2.5rem;
    }
}

@media (max-width: 480px) {
    .account-card[b-sqpilv5jt1] {
        padding: 1.75rem 1.25rem 2rem;
    }
}

[b-sqpilv5jt1] h1 {
    margin: 0 0 0.5rem;
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 650;
    letter-spacing: -0.015em;
}

[b-sqpilv5jt1] h1 + * {
    margin-top: 1.25rem;
}

[b-sqpilv5jt1] p {
    margin: 0 0 1.25rem;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--wd-graphite);
}

[b-sqpilv5jt1] p strong {
    color: var(--wd-ink);
}

[b-sqpilv5jt1] form {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
}

[b-sqpilv5jt1] .field {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

[b-sqpilv5jt1] .field label {
    font-size: 0.875rem;
    font-weight: 600;
}

[b-sqpilv5jt1] .field input {
    height: 2.75rem;
    box-sizing: border-box;
    padding: 0 0.875rem;
    border: 1px solid var(--wd-rule);
    border-radius: var(--wd-radius-control);
    font: inherit;
    background: #f8fafc;
    color: inherit;
}

[b-sqpilv5jt1] .field input:hover {
    border-color: var(--wd-pencil);
}

[b-sqpilv5jt1] .field input:focus {
    outline: none;
    border-color: var(--wd-accent-strong);
    background: var(--wd-sheet);
    box-shadow: 0 0 0 3px var(--wd-accent-wash);
}

[b-sqpilv5jt1] .field input.invalid {
    border-color: var(--wd-bad);
}

[b-sqpilv5jt1] .validation-message {
    font-size: 0.8125rem;
    color: var(--wd-bad);
}

[b-sqpilv5jt1] .checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
    color: var(--wd-graphite);
}

[b-sqpilv5jt1] .checkbox input {
    width: 1rem;
    height: 1rem;
    accent-color: var(--wd-accent-strong);
}

[b-sqpilv5jt1] .actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.25rem;
}

[b-sqpilv5jt1] button[type="submit"] {
    height: 2.75rem;
    padding: 0 1.5rem;
    border: none;
    border-radius: var(--wd-radius-control);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    background: var(--wd-accent-strong);
    color: #fff;
}

[b-sqpilv5jt1] button[type="submit"]:hover {
    background: var(--wd-accent-text);
}

[b-sqpilv5jt1] a {
    color: var(--wd-accent-text);
    font-weight: 600;
}

[b-sqpilv5jt1] .alert {
    margin-bottom: 1.25rem;
    padding: 0.75rem 1rem;
    border-radius: var(--wd-radius-control);
    font-size: 0.9375rem;
    line-height: 1.5;
}

[b-sqpilv5jt1] .alert-danger {
    background: var(--wd-bad-wash);
    color: var(--wd-bad);
}

[b-sqpilv5jt1] .alert-success {
    background: var(--wd-ok-wash);
    color: var(--wd-ok);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.shell[b-y0ztq0o0ba] {
    --sidebar-width: 256px;
    display: grid;
    grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
    min-height: 100vh;
    transition: grid-template-columns 180ms ease;
}

.shell--collapsed[b-y0ztq0o0ba] {
    --sidebar-width: 76px;
}

/* ---- Brand ---- */

.brand[b-y0ztq0o0ba] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
}

.brand__mark[b-y0ztq0o0ba] {
    flex: none;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--wd-accent);
    color: #fff;
}

.brand__mark[b-y0ztq0o0ba]  .icon {
    font-size: 1.375rem;
}

.brand__name[b-y0ztq0o0ba] {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #fff;
    white-space: nowrap;
}

/* The full stop is the wordmark's only flourish. */
.brand__name[b-y0ztq0o0ba]::after {
    content: ".";
    color: var(--wd-accent);
}

.brand--topbar[b-y0ztq0o0ba] {
    display: none;
}

.brand--topbar .brand__name[b-y0ztq0o0ba] {
    color: var(--wd-ink);
}

/* ---- Sidebar ---- */

.sidebar[b-y0ztq0o0ba] {
    position: sticky;
    top: 0;
    height: 100vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 1.5rem 0.875rem;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--wd-navy);
    color: var(--wd-navy-text);
}

.sidebar > .brand[b-y0ztq0o0ba] {
    padding: 0 0.625rem;
}

.nav[b-y0ztq0o0ba] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.nav ul[b-y0ztq0o0ba] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.nav__group[b-y0ztq0o0ba] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.nav__heading[b-y0ztq0o0ba] {
    padding: 0 0.875rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--wd-navy-muted);
    white-space: nowrap;
}

.nav[b-y0ztq0o0ba]  .nav__link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.6875rem 0.875rem;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--wd-navy-text);
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 120ms ease, color 120ms ease;
}

.nav[b-y0ztq0o0ba]  .nav__link .icon {
    flex: none;
    font-size: 1.375rem;
    color: var(--wd-navy-muted);
}

.nav[b-y0ztq0o0ba]  .nav__link:hover {
    background: var(--wd-navy-raised);
    color: #fff;
}

.nav[b-y0ztq0o0ba]  .nav__link:hover .icon {
    color: #fff;
}

.nav[b-y0ztq0o0ba]  .nav__link.active {
    background: var(--wd-navy-raised);
    color: #fff;
    font-weight: 600;
}

.nav[b-y0ztq0o0ba]  .nav__link.active .icon {
    color: var(--wd-accent);
}

.nav[b-y0ztq0o0ba]  .nav__link.active::before {
    content: "";
    position: absolute;
    left: -0.875rem;
    top: 0.5rem;
    bottom: 0.5rem;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--wd-accent);
}

.nav[b-y0ztq0o0ba]  .nav__link:focus-visible {
    outline: 2px solid var(--wd-accent);
    outline-offset: 0;
}

/* Folded: icons only; the link titles serve as tooltips. */
.shell--collapsed .sidebar > .brand[b-y0ztq0o0ba] {
    justify-content: center;
    padding: 0;
}

.shell--collapsed .brand__name[b-y0ztq0o0ba],
.shell--collapsed .nav__heading[b-y0ztq0o0ba],
.shell--collapsed .nav[b-y0ztq0o0ba]  .nav__link span {
    display: none;
}

.shell--collapsed .nav__group[b-y0ztq0o0ba] {
    padding-top: 1rem;
    border-top: 1px solid var(--wd-navy-raised);
}

.shell--collapsed .nav[b-y0ztq0o0ba]  .nav__link {
    justify-content: center;
    padding-inline: 0;
}

/* ---- Workspace ---- */

.workspace[b-y0ztq0o0ba] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.topbar[b-y0ztq0o0ba] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 4rem;
    padding: 0 2rem 0 1.25rem;
    box-sizing: border-box;
    background: var(--wd-sheet);
    border-bottom: 1px solid var(--wd-rule);
}

.icon-button[b-y0ztq0o0ba] {
    display: inline-grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: none;
    color: var(--wd-graphite);
    cursor: pointer;
    text-decoration: none;
}

.icon-button:hover[b-y0ztq0o0ba] {
    background: var(--wd-paper);
    color: var(--wd-ink);
}

.icon-button[b-y0ztq0o0ba]  .icon {
    font-size: 1.375rem;
}

.topbar__menu[b-y0ztq0o0ba] {
    display: none;
}

.account[b-y0ztq0o0ba] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-left: auto;
    min-width: 0;
}

.account form[b-y0ztq0o0ba] {
    margin: 0;
}

.account__avatar[b-y0ztq0o0ba] {
    flex: none;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--wd-accent-wash);
    color: var(--wd-accent-text);
    font-weight: 700;
}

.account__name[b-y0ztq0o0ba] {
    max-width: 16rem;
    margin: 0 0.5rem 0 0.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 550;
    color: var(--wd-ink);
}

.content[b-y0ztq0o0ba] {
    flex: 1;
    min-width: 0;
}

.scrim[b-y0ztq0o0ba] {
    display: none;
}

/* ---- Phones and small tablets: the sidebar becomes a drawer ---- */

@media (max-width: 960px) {
    .shell[b-y0ztq0o0ba],
    .shell--collapsed[b-y0ztq0o0ba] {
        grid-template-columns: minmax(0, 1fr);
    }

    .topbar[b-y0ztq0o0ba] {
        padding: 0 1rem 0 0.5rem;
    }

    .topbar__collapse[b-y0ztq0o0ba] {
        display: none;
    }

    .topbar__menu[b-y0ztq0o0ba],
    .brand--topbar[b-y0ztq0o0ba] {
        display: inline-grid;
    }

    .brand--topbar[b-y0ztq0o0ba] {
        display: flex;
        gap: 0.5rem;
    }

    .brand--topbar .brand__mark[b-y0ztq0o0ba] {
        width: 1.875rem;
        height: 1.875rem;
    }

    .brand--topbar .brand__name[b-y0ztq0o0ba] {
        font-size: 1.125rem;
    }

    .account__name[b-y0ztq0o0ba] {
        display: none;
    }

    .sidebar[b-y0ztq0o0ba] {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 30;
        width: min(288px, 84vw);
        transform: translateX(-100%);
        transition: transform 200ms ease;
    }

    .shell--menu-open .sidebar[b-y0ztq0o0ba] {
        transform: none;
        box-shadow: 0 0 48px rgb(11 26 61 / 0.35);
    }

    /* The folded look is a desktop choice; the drawer always shows labels. */
    .shell--collapsed .brand__name[b-y0ztq0o0ba],
    .shell--collapsed .nav__heading[b-y0ztq0o0ba],
    .shell--collapsed .nav[b-y0ztq0o0ba]  .nav__link span {
        display: revert;
    }

    .shell--collapsed .sidebar > .brand[b-y0ztq0o0ba] {
        justify-content: flex-start;
        padding: 0 0.625rem;
    }

    .shell--collapsed .nav__group[b-y0ztq0o0ba] {
        padding-top: 0;
        border-top: 0;
    }

    .shell--collapsed .nav[b-y0ztq0o0ba]  .nav__link {
        justify-content: flex-start;
        padding-inline: 0.875rem;
    }

    .shell--menu-open .scrim[b-y0ztq0o0ba] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 20;
        background: rgb(11 26 61 / 0.45);
    }
}

/* ---- Blazor error bar ---- */

#blazor-error-ui[b-y0ztq0o0ba] {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 1000;
    display: none;
    padding: 0.75rem 1.25rem;
    background: var(--wd-bad-wash);
    color: #7f1d1d;
    box-shadow: 0 -1px 0 #f3c4c4;
}

#blazor-error-ui .reload[b-y0ztq0o0ba] {
    margin-left: 0.75rem;
    font-weight: 600;
}

#blazor-error-ui .dismiss[b-y0ztq0o0ba] {
    position: absolute;
    right: 1rem;
    top: 0.625rem;
    cursor: pointer;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-jfsg6t4g7r],
.components-reconnect-repeated-attempt-visible[b-jfsg6t4g7r],
.components-reconnect-failed-visible[b-jfsg6t4g7r],
.components-pause-visible[b-jfsg6t4g7r],
.components-resume-failed-visible[b-jfsg6t4g7r],
.components-rejoining-animation[b-jfsg6t4g7r] {
    display: none;
}

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


#components-reconnect-modal[b-jfsg6t4g7r] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-jfsg6t4g7r 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-jfsg6t4g7r {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/TenantDialog.razor.rz.scp.css */
.quota-row[b-y7s6uoxjs3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.25rem;
}

.quota-row__input[b-y7s6uoxjs3] {
    width: 10rem;
}
/* /Components/Pages/Admin/Tenants.razor.rz.scp.css */
.tenant-name[b-zm5lfezx8e] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.tenant-usage[b-zm5lfezx8e] {
    min-width: 9rem;
}

.tenant-usage__count[b-zm5lfezx8e] {
    display: block;
    margin-bottom: 0.375rem;
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
    color: var(--wd-ink);
}
/* /Components/Pages/Ares/AresSearchDialog.razor.rz.scp.css */
.category-picker[b-5v9lxu2xzf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.category-picker legend[b-5v9lxu2xzf] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin-bottom: 0.25rem;
}

.category-picker__count[b-5v9lxu2xzf] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--wd-accent-text);
}

.category-picker__list[b-5v9lxu2xzf] {
    max-height: 22rem;
    margin: 0;
    padding: 0.25rem;
    overflow-y: auto;
    border: 1px solid var(--wd-rule-strong);
    border-radius: var(--wd-radius-control);
    background: var(--wd-sheet);
}

.category-picker__sector + .category-picker__sector[b-5v9lxu2xzf] {
    margin-top: 0.25rem;
    padding-top: 0.25rem;
    border-top: 1px solid var(--wd-rule);
}

.category-picker__sector-head[b-5v9lxu2xzf],
.category-picker__option[b-5v9lxu2xzf] {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 0.4375rem 0.625rem;
    border-radius: 6px;
    line-height: 1.4;
}

.category-picker__sector-head[b-5v9lxu2xzf] {
    font-weight: 600;
    color: var(--wd-ink);
}

.category-picker__sector-name[b-5v9lxu2xzf] {
    flex: 1;
}

.category-picker__sector-count[b-5v9lxu2xzf] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--wd-accent-text);
}

.category-picker__options[b-5v9lxu2xzf] {
    margin: 0;
    padding: 0 0 0 1.5rem;
    list-style: none;
}

.category-picker__sector-head:hover[b-5v9lxu2xzf],
.category-picker__option:hover[b-5v9lxu2xzf] {
    background: var(--wd-sunken);
}

.category-picker__option:has(input:checked)[b-5v9lxu2xzf] {
    background: var(--wd-accent-wash);
}

.category-picker__none[b-5v9lxu2xzf] {
    margin: 0;
    padding: 0.75rem;
    font-size: 0.875rem;
    color: var(--wd-graphite);
}

.category-picker__codes[b-5v9lxu2xzf] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--wd-graphite);
}

.category-picker__codes summary[b-5v9lxu2xzf] {
    cursor: pointer;
}

.category-picker__codes--over[b-5v9lxu2xzf] {
    font-weight: 500;
    color: var(--wd-bad);
}

.category-picker__code-list[b-5v9lxu2xzf] {
    max-height: 10rem;
    margin: 0.375rem 0 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
}

.category-picker__code[b-5v9lxu2xzf] {
    display: inline-block;
    min-width: 3.25rem;
    font-family: var(--wd-mono);
    font-weight: 600;
    color: var(--wd-ink);
}
/* /Components/Pages/Ares/AresSearches.razor.rz.scp.css */
.search-error[b-mabpkf06zd] {
    max-width: 22rem;
    color: var(--wd-bad);
}

.search-progress[b-mabpkf06zd] {
    min-width: 10rem;
}

.search-progress__count[b-mabpkf06zd] {
    display: block;
    margin-bottom: 0.375rem;
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
    color: var(--wd-graphite);
}

.search-progress__warning[b-mabpkf06zd] {
    display: block;
    max-width: 16rem;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--wd-warn);
}

.search-progress__area[b-mabpkf06zd] {
    margin-left: 0.375rem;
    color: var(--wd-pencil);
}
/* /Components/Pages/BusinessDetail.razor.rz.scp.css */
.loading[b-hgo8zetg1u] {
    display: grid;
    place-items: center;
    padding: 4rem 0;
}

.figure[b-hgo8zetg1u] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--wd-ink);
}

/* The letter takes the room; the company's facts sit beside it. */
.detail[b-hgo8zetg1u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    gap: 1.5rem;
    align-items: start;
}

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

/* ---- Letter ---- */

.letter[b-hgo8zetg1u] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.letter .card__head[b-hgo8zetg1u] {
    margin-bottom: 0.25rem;
}

.letter__empty[b-hgo8zetg1u] {
    padding: 2rem 1.5rem;
    border: 1px dashed var(--wd-rule);
    border-radius: 8px;
    color: var(--wd-graphite);
    text-align: center;
}

.letter__empty p:first-child[b-hgo8zetg1u] {
    margin: 0 0 0.375rem;
    font-weight: 600;
    color: var(--wd-ink);
}

/* The header lines of the e-mail, on a light band above the text. */
.envelope[b-hgo8zetg1u] {
    margin: 0 0 1.5rem;
    padding: 0.875rem 1.125rem;
    border-radius: 8px;
    background: #f6f8fb;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.envelope div[b-hgo8zetg1u] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: 1rem;
    align-items: baseline;
}

.envelope dt[b-hgo8zetg1u] {
    font-size: 0.8125rem;
    color: var(--wd-graphite);
}

.envelope dd[b-hgo8zetg1u] {
    margin: 0;
    font-size: 0.9375rem;
    overflow-wrap: anywhere;
}

.envelope .envelope__subject[b-hgo8zetg1u] {
    font-weight: 650;
}

.letter__body[b-hgo8zetg1u] {
    max-width: 72ch;
    padding: 0 0.25rem;
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--wd-ink);
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.notice[b-hgo8zetg1u] {
    display: flex;
    gap: 0.625rem;
    align-items: flex-start;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    background: var(--wd-accent-wash);
    color: var(--wd-accent-text);
}

.notice[b-hgo8zetg1u]  .icon {
    flex: none;
    margin-top: 0.0625rem;
    font-size: 1.25rem;
}

.notice p[b-hgo8zetg1u] {
    margin: 0;
    line-height: 1.5;
}

.notice a[b-hgo8zetg1u] {
    margin-left: 0.25rem;
    font-weight: 600;
}

/* ---- Facts ---- */

.facts[b-hgo8zetg1u] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
}

.facts__title[b-hgo8zetg1u] {
    margin-bottom: 1rem;
}

.facts__list[b-hgo8zetg1u] {
    margin: 0;
    display: flex;
    flex-direction: column;
}

.facts__list div[b-hgo8zetg1u] {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--wd-rule-soft);
}

.facts__list div:last-child[b-hgo8zetg1u] {
    border-bottom: 0;
}

.facts__list dt[b-hgo8zetg1u] {
    font-size: 0.8125rem;
    color: var(--wd-graphite);
}

.facts__list dd[b-hgo8zetg1u] {
    margin: 0;
    font-size: 0.875rem;
    overflow-wrap: anywhere;
}

.description[b-hgo8zetg1u] {
    margin: 0.75rem 0 0;
    padding: 0.875rem 1rem;
    border-radius: 8px;
    background: #f6f8fb;
}

.description blockquote[b-hgo8zetg1u] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--wd-ink);
}

.description figcaption[b-hgo8zetg1u] {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: var(--wd-graphite);
}

/* ---- Delivery history: time, a coloured marker on a rail, then what happened ---- */

.deliveries[b-hgo8zetg1u] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.delivery[b-hgo8zetg1u] {
    --marker: var(--wd-tint-blue-ink);
    position: relative;
    display: grid;
    grid-template-columns: 4.75rem 2rem minmax(0, 1fr);
    gap: 0.75rem;
    padding-bottom: 1.25rem;
}

.delivery--sent[b-hgo8zetg1u] {
    --marker: var(--wd-ok);
}

.delivery--failed[b-hgo8zetg1u] {
    --marker: var(--wd-bad);
}

/* The rail runs through the marker column into the next item. */
.delivery:not(:last-child)[b-hgo8zetg1u]::after {
    content: "";
    position: absolute;
    top: 2rem;
    bottom: 0;
    left: calc(4.75rem + 0.75rem + 1rem - 1px);
    width: 2px;
    background: var(--wd-rule);
}

.delivery:last-child[b-hgo8zetg1u] {
    padding-bottom: 0;
}

.delivery__time[b-hgo8zetg1u] {
    display: flex;
    flex-direction: column;
    padding-top: 0.25rem;
    font-size: 0.75rem;
    line-height: 1.35;
    font-variant-numeric: tabular-nums;
    color: var(--wd-graphite);
}

.delivery__marker[b-hgo8zetg1u] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--marker);
    color: #fff;
}

.delivery__marker[b-hgo8zetg1u]  .icon {
    font-size: 1.125rem;
}

.delivery__body[b-hgo8zetg1u] {
    min-width: 0;
    padding-top: 0.125rem;
}

.delivery__body p[b-hgo8zetg1u] {
    margin: 0.125rem 0 0;
    font-size: 0.8125rem;
    color: var(--wd-graphite);
    overflow-wrap: anywhere;
}

.delivery__body .delivery__title[b-hgo8zetg1u] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--wd-ink);
}

.delivery__body .delivery__error[b-hgo8zetg1u] {
    color: var(--wd-bad);
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ---- Overview tiles: tinted, and each one a filter ---- */

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

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

@media (max-width: 480px) {
    .tiles[b-ig49cjavrf] {
        gap: 0.75rem;
    }
}

.tile[b-ig49cjavrf] {
    --tile-bg: var(--wd-tint-blue);
    --tile-ink: var(--wd-tint-blue-ink);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    padding: 1.125rem 1.25rem 1.25rem;
    border: 0;
    border-radius: var(--wd-radius-sheet);
    background: var(--tile-bg);
    font: inherit;
    text-align: left;
    color: var(--wd-ink);
    cursor: pointer;
    box-shadow: inset 0 0 0 2px transparent;
    transition: box-shadow 120ms ease, transform 120ms ease;
}

.tile--yellow[b-ig49cjavrf] {
    --tile-bg: var(--wd-tint-yellow);
    --tile-ink: var(--wd-tint-yellow-ink);
}

.tile--peach[b-ig49cjavrf] {
    --tile-bg: var(--wd-tint-peach);
    --tile-ink: var(--wd-tint-peach-ink);
}

.tile--lavender[b-ig49cjavrf] {
    --tile-bg: var(--wd-tint-lavender);
    --tile-ink: var(--wd-tint-lavender-ink);
}

.tile:hover[b-ig49cjavrf] {
    transform: translateY(-1px);
}

.tile[aria-pressed="true"][b-ig49cjavrf] {
    box-shadow: inset 0 0 0 2px var(--tile-ink);
}

.tile__head[b-ig49cjavrf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.tile__label[b-ig49cjavrf] {
    font-size: 0.875rem;
    font-weight: 600;
}

.tile__icon[b-ig49cjavrf] {
    flex: none;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--wd-sheet);
    color: var(--tile-ink);
}

.tile__icon[b-ig49cjavrf]  .icon {
    font-size: 1.25rem;
}

.tile__value[b-ig49cjavrf] {
    font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    color: var(--tile-ink);
}

.tile__caption[b-ig49cjavrf] {
    font-size: 0.8125rem;
    color: var(--wd-graphite);
}

/* ---- Lead table ---- */

.toolbar[b-ig49cjavrf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(0, 13rem));
    gap: 0.75rem;
    padding: 0 1.5rem 1rem;
}

.toolbar[b-ig49cjavrf]  .toolbar__switch {
    grid-column: 1 / -1;
}

@media (max-width: 720px) {
    .toolbar[b-ig49cjavrf] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        padding-inline: 1rem;
    }

    .toolbar__search[b-ig49cjavrf] {
        grid-column: 1 / -1;
    }
}

.lead-row[b-ig49cjavrf] {
    cursor: pointer;
}

.lead-table__name a[b-ig49cjavrf] {
    font-weight: 600;
    color: var(--wd-ink);
    text-decoration: none;
}

.lead-row:hover .lead-table__name a[b-ig49cjavrf],
.lead-table__name a:focus-visible[b-ig49cjavrf] {
    color: var(--wd-accent-text);
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.lead-table__ico[b-ig49cjavrf] {
    font-family: var(--wd-mono);
    font-size: 0.8125rem;
    color: var(--wd-graphite);
}

.lead-table__email[b-ig49cjavrf] {
    max-width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--wd-graphite);
}

.secondary-cell[b-ig49cjavrf] {
    color: var(--wd-graphite);
    white-space: nowrap;
}

.lead-row[b-ig49cjavrf]  .lead-row__chevron {
    color: var(--wd-pencil);
    transition: transform 120ms ease, color 120ms ease;
}

.lead-row:hover[b-ig49cjavrf]  .lead-row__chevron {
    color: var(--wd-accent-text);
    transform: translateX(2px);
}

.table-scroll[aria-busy="true"][b-ig49cjavrf] {
    opacity: 0.6;
    transition: opacity 120ms ease 150ms;
}

.pager[b-ig49cjavrf] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: 0.75rem 1.5rem;
    border-top: 1px solid var(--wd-rule-soft);
}

.pager__range[b-ig49cjavrf] {
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
    color: var(--wd-graphite);
}
/* /Components/Pages/Settings/EmailTemplateBriefDialog.razor.rz.scp.css */
.color-field[b-myqml9zrwa] {
    display: flex;
    gap: 0.5rem;
}

.color-field__swatch[b-myqml9zrwa] {
    flex: none;
    width: 2.75rem;
    height: 2.5rem;
    padding: 0.1875rem;
    border: 1px solid var(--wd-rule-strong);
    border-radius: var(--wd-radius-control);
    background: var(--wd-sheet);
    cursor: pointer;
}

.color-field__swatch:focus-visible[b-myqml9zrwa] {
    outline: 2px solid var(--wd-accent);
    outline-offset: 2px;
}

.upload[b-myqml9zrwa] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border: 1px dashed var(--wd-rule-strong);
    border-radius: var(--wd-radius-control);
    background: var(--wd-sunken);
    cursor: pointer;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.upload:hover[b-myqml9zrwa] {
    border-color: var(--wd-accent);
    background: var(--wd-accent-wash);
}

.upload:focus-within[b-myqml9zrwa] {
    outline: 2px solid var(--wd-accent);
    outline-offset: 2px;
}

.upload--busy[b-myqml9zrwa] {
    opacity: 0.6;
    pointer-events: none;
}

.upload[b-myqml9zrwa]  .icon {
    font-size: 1.5rem;
    color: var(--wd-accent-text);
}

.upload__text[b-myqml9zrwa] {
    display: flex;
    flex-direction: column;
}

.upload__title[b-myqml9zrwa] {
    font-weight: 600;
    color: var(--wd-ink);
}

.upload__limit[b-myqml9zrwa] {
    font-size: 0.8125rem;
    color: var(--wd-graphite);
}

.upload-list[b-myqml9zrwa] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0.5rem 0 0;
    padding: 0;
    list-style: none;
    font-size: 0.875rem;
}

.upload-list li[b-myqml9zrwa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.upload-list[b-myqml9zrwa]  .icon {
    font-size: 1.125rem;
    color: var(--wd-graphite);
}

.upload-list__name[b-myqml9zrwa] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.upload-list__size[b-myqml9zrwa] {
    margin-left: auto;
    color: var(--wd-graphite);
    font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
    .upload[b-myqml9zrwa] {
        transition: none;
    }
}
/* /Components/Pages/Settings/EmailTemplateBuilder.razor.rz.scp.css */
.save-state[b-kwkckj1mp6] {
    align-self: center;
    font-size: 0.8125rem;
    color: var(--wd-graphite);
}

/* Panel on the left, the preview beside it staying in view while the panel scrolls. */
.builder[b-kwkckj1mp6] {
    display: grid;
    grid-template-columns: minmax(22rem, 26rem) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.builder__panel[b-kwkckj1mp6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.builder__text[b-kwkckj1mp6] {
    margin: 0;
    line-height: 1.5;
    color: var(--wd-graphite);
}

.builder__hint[b-kwkckj1mp6] {
    margin: -0.5rem 0 0;
    font-size: 0.8125rem;
    color: var(--wd-graphite);
}

.builder[b-kwkckj1mp6]  .builder__tabs {
    align-self: stretch;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.builder[b-kwkckj1mp6]  .builder__tabs .segmented__option {
    justify-content: center;
}

.builder__preview[b-kwkckj1mp6] {
    position: sticky;
    top: 1rem;
}

.builder__frame[b-kwkckj1mp6] {
    max-height: calc(100vh - 9rem);
    overflow: auto;
    padding: 1rem;
    border-radius: 0.5rem;
    background: var(--wd-paper);
}

/* A typical phone width, so the template's rules for small screens kick in. */
.builder__frame--mobile[b-kwkckj1mp6]  iframe {
    display: block;
    max-width: 390px;
    margin: 0 auto;
}

.blocks[b-kwkckj1mp6] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.block[b-kwkckj1mp6] {
    position: relative;
    border: 1px solid var(--wd-rule);
    border-radius: var(--wd-radius-control);
    background: var(--wd-sheet);
}

.block--selected[b-kwkckj1mp6] {
    border-color: var(--wd-accent-strong);
    box-shadow: 0 0 0 3px var(--wd-accent-ring);
}

.block--dragging[b-kwkckj1mp6] {
    opacity: 0.45;
}

.block--drop-before[b-kwkckj1mp6]::before,
.block--drop-after[b-kwkckj1mp6]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 2px;
    background: var(--wd-accent-strong);
}

.block--drop-before[b-kwkckj1mp6]::before {
    top: -5px;
}

.block--drop-after[b-kwkckj1mp6]::after {
    bottom: -5px;
}

.block__head[b-kwkckj1mp6] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding-right: 0.375rem;
}

.block__select[b-kwkckj1mp6] {
    display: flex;
    flex: 1;
    min-width: 0;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.25rem 0.5rem 0.375rem;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.block__select:focus-visible[b-kwkckj1mp6] {
    outline: 2px solid var(--wd-accent);
    outline-offset: -2px;
    border-radius: var(--wd-radius-control);
}

.block__select[b-kwkckj1mp6]  .block__grip {
    font-size: 1.125rem;
    color: var(--wd-pencil);
    cursor: grab;
}

.block__select[b-kwkckj1mp6]  .block__icon {
    font-size: 1.25rem;
    color: var(--wd-accent-text);
}

.block__text[b-kwkckj1mp6] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.block__name[b-kwkckj1mp6] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--wd-ink);
}

.block__name[b-kwkckj1mp6]  .block__lock {
    font-size: 0.875rem;
    color: var(--wd-pencil);
}

.block__summary[b-kwkckj1mp6] {
    overflow: hidden;
    font-size: 0.75rem;
    color: var(--wd-graphite);
    white-space: nowrap;
    text-overflow: ellipsis;
}

.block__actions[b-kwkckj1mp6] {
    display: flex;
    flex-shrink: 0;
    gap: 0.125rem;
}

.block__editor[b-kwkckj1mp6] {
    padding: 0.875rem 0.875rem 1rem;
    border-top: 1px solid var(--wd-rule);
}

.add[b-kwkckj1mp6] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--wd-rule);
}

.add__title[b-kwkckj1mp6] {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--wd-graphite);
}

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

.add__option[b-kwkckj1mp6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem 0.25rem;
    border: 1px dashed var(--wd-rule-strong);
    border-radius: var(--wd-radius-control);
    background: var(--wd-sheet);
    font: inherit;
    font-size: 0.75rem;
    color: var(--wd-ink);
    cursor: pointer;
}

.add__option[b-kwkckj1mp6]  .icon {
    font-size: 1.25rem;
    color: var(--wd-accent-text);
}

.add__option:hover:not(:disabled)[b-kwkckj1mp6] {
    border-color: var(--wd-accent);
    background: var(--wd-accent-wash);
}

.add__option:focus-visible[b-kwkckj1mp6] {
    outline: 2px solid var(--wd-accent);
    outline-offset: 2px;
}

.add__option:disabled[b-kwkckj1mp6] {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 64rem) {
    .builder[b-kwkckj1mp6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .builder__preview[b-kwkckj1mp6] {
        position: static;
    }
}
/* /Components/Pages/Settings/EmailTemplateEditor.razor.rz.scp.css */
.save-state[b-h33x5t11sb] {
    align-self: center;
    font-size: 0.8125rem;
    color: var(--wd-graphite);
}

/* Code and preview side by side, each as tall as the preview frame. */
.editor[b-h33x5t11sb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.editor__code[b-h33x5t11sb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.editor__code .card__head[b-h33x5t11sb] {
    margin-bottom: 0;
}

.editor__textarea[b-h33x5t11sb] {
    height: 760px;
    min-height: 20rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    white-space: pre;
    overflow-wrap: normal;
    tab-size: 2;
    resize: vertical;
}

.editor__textarea[readonly][b-h33x5t11sb] {
    opacity: 0.7;
}

.slots[b-h33x5t11sb] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.slots__title[b-h33x5t11sb] {
    margin: 0 0 0.375rem;
    font-size: 0.75rem;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--wd-graphite);
}

.slots__list[b-h33x5t11sb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.slot[b-h33x5t11sb] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    height: 1.75rem;
    padding: 0 0.5rem;
    border: 1px solid var(--wd-rule-strong);
    border-radius: 6px;
    background: var(--wd-sheet);
    font-family: var(--wd-mono);
    font-size: 0.75rem;
    color: var(--wd-ink);
    cursor: pointer;
}

.slot:hover[b-h33x5t11sb] {
    border-color: var(--wd-accent);
    background: var(--wd-accent-wash);
}

.slot:focus-visible[b-h33x5t11sb] {
    outline: 2px solid var(--wd-accent);
    outline-offset: 2px;
}

.slot[b-h33x5t11sb]  .icon {
    font-size: 1rem;
    color: var(--wd-ok);
}

.slot--missing[b-h33x5t11sb] {
    border-color: var(--wd-bad);
    background: var(--wd-bad-wash);
}

.slot--missing[b-h33x5t11sb]  .icon {
    color: var(--wd-bad);
}

.editor__notices[b-h33x5t11sb] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.editor__notices:not(:empty)[b-h33x5t11sb] {
    margin-bottom: 1rem;
}

.preview__mail[b-h33x5t11sb] {
    padding: 1rem;
    border-radius: 0.5rem;
    background: var(--wd-paper);
}

/* A typical phone width, so a template's @media rules for small screens kick in. */
.preview__mail--mobile[b-h33x5t11sb]  iframe {
    display: block;
    max-width: 390px;
    margin: 0 auto;
}

@media (max-width: 64rem) {
    .editor[b-h33x5t11sb] {
        grid-template-columns: minmax(0, 1fr);
    }

    .editor__textarea[b-h33x5t11sb] {
        height: 32rem;
    }
}
/* /Components/Pages/Settings/EmailTemplates.razor.rz.scp.css */
.generating[b-77mlosf6wk] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.875rem 1.125rem;
    border-radius: var(--wd-radius-sheet);
    background: var(--wd-info-wash);
    color: var(--wd-ink);
}

.generating__title[b-77mlosf6wk] {
    margin: 0;
    font-weight: 600;
}

.generating__text[b-77mlosf6wk] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--wd-graphite);
}

/* The list is a narrow column beside the preview, which gets the width an e-mail needs. */
.templates[b-77mlosf6wk] {
    display: grid;
    grid-template-columns: minmax(17rem, 22rem) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.templates__side[b-77mlosf6wk] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.allowance[b-77mlosf6wk] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.allowance__value[b-77mlosf6wk] {
    margin: 0;
    color: var(--wd-graphite);
}

.allowance__value strong[b-77mlosf6wk] {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    color: var(--wd-ink);
}

.allowance__empty[b-77mlosf6wk] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--wd-bad);
}

.template-list[b-77mlosf6wk] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.template-item[b-77mlosf6wk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.25rem 0.5rem;
    padding: 0.625rem 1rem 0.625rem 0.875rem;
    border-top: 1px solid var(--wd-rule);
    border-left: 3px solid transparent;
}

.template-item--selected[b-77mlosf6wk] {
    border-left-color: var(--wd-accent);
    background: var(--wd-accent-wash);
}

.template-item__select[b-77mlosf6wk] {
    grid-column: 1;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
    padding: 0.25rem;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    text-align: left;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.template-item__select:focus-visible[b-77mlosf6wk] {
    outline: 2px solid var(--wd-accent);
    outline-offset: 2px;
}

.template-item__name[b-77mlosf6wk] {
    overflow: hidden;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.template-item__meta[b-77mlosf6wk] {
    font-size: 0.8125rem;
    color: var(--wd-graphite);
}

.template-item .row-actions[b-77mlosf6wk] {
    grid-column: 1 / -1;
    justify-content: flex-start;
}

.template-item[b-77mlosf6wk]  .template-item__on .icon {
    color: var(--wd-ok);
}

.preview__mail[b-77mlosf6wk] {
    padding: 1rem;
    border-radius: 0.5rem;
    background: var(--wd-paper);
}

.history-request[b-77mlosf6wk] {
    max-width: 32rem;
}

.history-status[b-77mlosf6wk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}

.history-error[b-77mlosf6wk] {
    font-size: 0.8125rem;
    color: var(--wd-bad);
}

@media (max-width: 64rem) {
    .templates[b-77mlosf6wk] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Settings/MailboxSettings.razor.rz.scp.css */
.limit[b-fq4prvh6e1] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1rem 2rem;
}

.limit__input[b-fq4prvh6e1] {
    width: 10rem;
}

.limit__today[b-fq4prvh6e1] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding-bottom: 0.25rem;
}

.limit__label[b-fq4prvh6e1] {
    font-size: 0.8125rem;
    color: var(--wd-graphite);
}

.limit__value[b-fq4prvh6e1] {
    font-size: 1.25rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--wd-ink);
}

.limit__value span[b-fq4prvh6e1] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--wd-graphite);
}
/* /Components/Pages/Settings/TenantProfile.razor.rz.scp.css */
.usage[b-v3krxevjai] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.usage__head[b-v3krxevjai] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.usage__period[b-v3krxevjai] {
    font-size: 0.8125rem;
    color: var(--wd-graphite);
}

.usage__value[b-v3krxevjai] {
    margin: 0;
    font-size: 0.9375rem;
    color: var(--wd-graphite);
}

.usage__value strong[b-v3krxevjai] {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    color: var(--wd-ink);
}

.usage__note[b-v3krxevjai] {
    margin: 0;
    font-size: 0.875rem;
}

.usage__note--bad[b-v3krxevjai] {
    color: var(--wd-bad);
}

/* The save button stays in reach while the long form scrolls. */
.save-bar[b-v3krxevjai] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    margin: 0 -0.5rem;
    padding: 0.875rem 0.5rem;
    background: linear-gradient(to bottom, rgb(238 242 247 / 0), var(--wd-paper) 40%);
}
/* /Components/Shared/EmailBlockEditor.razor.rz.scp.css */
.block-editor[b-onkwf0fm45] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.block-editor__note[b-onkwf0fm45] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--wd-graphite);
}

.block-editor__label[b-onkwf0fm45] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--wd-ink);
}

.block-editor__row[b-onkwf0fm45] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
}

.block-editor__group[b-onkwf0fm45] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.block-editor__group legend[b-onkwf0fm45] {
    margin-bottom: 0.25rem;
    padding: 0;
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.page-header[b-6ntmchzktl] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem 2rem;
    flex-wrap: wrap;
}

.page-header__text[b-6ntmchzktl] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    min-width: 0;
    max-width: 68ch;
}

.page-header__back[b-6ntmchzktl] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    align-self: flex-start;
    margin-bottom: 0.25rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--wd-graphite);
    text-decoration: none;
}

.page-header__back[b-6ntmchzktl]  .icon {
    font-size: 1.125rem;
}

.page-header__back:hover[b-6ntmchzktl] {
    color: var(--wd-accent-text);
}

.page-header__title[b-6ntmchzktl] {
    margin: 0;
    font-size: clamp(1.375rem, 1.1rem + 0.8vw, 1.75rem);
    line-height: 1.2;
    font-weight: 650;
    letter-spacing: -0.015em;
    color: var(--wd-ink);
    overflow-wrap: anywhere;
}

.page-header__meta[b-6ntmchzktl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    font-size: 0.9375rem;
    color: var(--wd-graphite);
}

.page-header__description[b-6ntmchzktl] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--wd-graphite);
}

.page-header__actions[b-6ntmchzktl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}
/* /Components/Shared/UserManagementPanel.razor.rz.scp.css */
.users-alert[b-jutz4rppru] {
    padding: 0 1.5rem 1rem;
}

.user-email[b-jutz4rppru] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    min-width: 0;
}

.user-avatar[b-jutz4rppru] {
    flex: none;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--wd-tint-blue);
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--wd-tint-blue-ink);
}

.input--compact[b-jutz4rppru] {
    width: auto;
    min-width: 11rem;
    padding-block: 0.375rem;
}
/* /Components/Ui/ColorField.razor.rz.scp.css */
.color-field[b-hd3hi2u7q3] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    min-width: 0;
}

.color-field__label[b-hd3hi2u7q3] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--wd-ink);
}

.color-field__control[b-hd3hi2u7q3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 2.5rem;
    padding: 0 0.375rem 0 0.3125rem;
    border: 1px solid var(--wd-rule-strong);
    border-radius: var(--wd-radius-control);
    background: var(--wd-sheet);
}

.color-field__control:focus-within[b-hd3hi2u7q3] {
    border-color: var(--wd-accent-strong);
    box-shadow: 0 0 0 3px var(--wd-accent-ring);
}

.color-field__swatch[b-hd3hi2u7q3] {
    flex: none;
    width: 1.875rem;
    height: 1.875rem;
    padding: 0;
    border: 1px solid var(--wd-rule);
    border-radius: 6px;
    background: none;
    cursor: pointer;
}

.color-field__swatch[b-hd3hi2u7q3]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.color-field__swatch[b-hd3hi2u7q3]::-webkit-color-swatch {
    border: 0;
    border-radius: 5px;
}

.color-field__swatch[b-hd3hi2u7q3]::-moz-color-swatch {
    border: 0;
    border-radius: 5px;
}

.color-field__swatch:focus[b-hd3hi2u7q3] {
    outline: none;
}

.color-field__value[b-hd3hi2u7q3] {
    flex: 1;
    min-width: 0;
    font-family: var(--wd-mono);
    font-size: 0.8125rem;
    color: var(--wd-graphite);
}

.color-field__reset[b-hd3hi2u7q3] {
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--wd-graphite);
    cursor: pointer;
}

.color-field__reset:hover[b-hd3hi2u7q3] {
    background: var(--wd-paper);
    color: var(--wd-ink);
}

.color-field__reset[b-hd3hi2u7q3]  .icon {
    font-size: 1.125rem;
}
/* /Components/Ui/RangeField.razor.rz.scp.css */
/* Label and current value on one line, the slider under them. */
.range-field[b-e6jf0lqqu4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.25rem 0.75rem;
    min-width: 0;
}

.range-field__label[b-e6jf0lqqu4] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--wd-ink);
}

.range-field__value[b-e6jf0lqqu4] {
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
    color: var(--wd-graphite);
}

.range-field__input[b-e6jf0lqqu4] {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0;
    accent-color: var(--wd-accent-strong);
    cursor: pointer;
}