/* /Components/Layout/AdminLayout.razor.rz.scp.css */
/* The top bar and the side menu stay put while the page scrolls; only the content moves. */
.admin-header[b-0rb0m6j0g3] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--lc-header-bg);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.admin-header-inner[b-0rb0m6j0g3] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 0.6rem 1.25rem;
}

.admin-logo[b-0rb0m6j0g3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
    flex-shrink: 0;
}

    .admin-logo img[b-0rb0m6j0g3] {
        height: 32px;
        width: auto;
        display: block;
    }

    .admin-logo a + a[b-0rb0m6j0g3] {
        text-decoration: none;
        color: var(--lc-on-brand);
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-size: 0.8rem;
        opacity: 0.85;
    }

.admin-back-to-site[b-0rb0m6j0g3] {
    color: var(--lc-on-brand);
    opacity: 0.85;
    text-decoration: none;
    font-size: 0.9rem;
}

    .admin-back-to-site:hover[b-0rb0m6j0g3] {
        opacity: 1;
        text-decoration: underline;
    }

.admin-header-login[b-0rb0m6j0g3] {
    margin-left: auto;
    /* The profile menu (LoginControl) sits on the blue bar: white text. */
    color: var(--lc-on-brand);
}

.admin-shell[b-0rb0m6j0g3] {
    display: flex;
    align-items: flex-start;
    min-height: calc(100vh - 56px);
    background: var(--lc-surface-muted);
}

.admin-nav[b-0rb0m6j0g3] {
    position: sticky;
    top: 51px;   /* just under the top bar */
    height: calc(100vh - 51px);
    box-sizing: border-box;
    overflow-y: auto;
    width: 210px;
    flex-shrink: 0;
    padding: 1.25rem 0.75rem;
    background: var(--lc-surface);
    border-right: 1px solid var(--lc-border);
}

    /* Section headings stand out from the links under them: brand blue, a little larger, a rule above (issue #20). */
    .admin-nav-group[b-0rb0m6j0g3] {
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--lc-brand-label);
        margin: 1rem 0.6rem 0.3rem;
        padding-top: 0.8rem;
        border-top: 1px solid var(--lc-border);
    }

        .admin-nav-section:first-of-type .admin-nav-group[b-0rb0m6j0g3] {
            margin-top: 0.5rem;
        }

    /* Each section folds (Tim, 18 Oct 2026); its heading is the <summary>, with a chevron that turns when it's open. */
    summary.admin-nav-group[b-0rb0m6j0g3] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        list-style: none;
        border-radius: 4px;
    }

        summary.admin-nav-group[b-0rb0m6j0g3]::-webkit-details-marker {
            display: none;
        }

        summary.admin-nav-group[b-0rb0m6j0g3]::after {
            content: "\203A";   /* a single right-pointing angle */
            font-size: 1.1rem;
            line-height: 1;
            transition: transform 0.15s ease;
        }

        summary.admin-nav-group:hover[b-0rb0m6j0g3] {
            color: var(--lc-heading);
        }

        summary.admin-nav-group:focus-visible[b-0rb0m6j0g3] {
            outline: 2px solid var(--lc-brand-label);
            outline-offset: 2px;
        }

    .admin-nav-section[open] > summary.admin-nav-group[b-0rb0m6j0g3]::after {
        transform: rotate(90deg);
    }

    /* The heading's copy of the recovery count is only for a folded section; open, the entry under it shows it. */
    .admin-nav-section[open] > summary.admin-nav-group[b-0rb0m6j0g3]  .recovery-nav-count {
        display: none;
    }

    summary.admin-nav-group[b-0rb0m6j0g3]  .recovery-nav-count {
        letter-spacing: normal;
    }

    /* ::deep so links rendered by child components (CatchUpNavLink) look the same as the rest. */
    .admin-nav[b-0rb0m6j0g3]  a {
        display: block;
        padding: 0.45rem 0.6rem;
        border-radius: 4px;
        text-decoration: none;
        color: var(--lc-heading);
        font-size: 0.92rem;
    }

        .admin-nav[b-0rb0m6j0g3]  a:hover {
            background: var(--lc-surface-muted);
        }

        /* The page you're on (AdminNav): the hover grey, kept, with a brand-blue edge. */
        .admin-nav[b-0rb0m6j0g3]  a.active {
            background: var(--lc-surface-muted);
            box-shadow: inset 3px 0 0 var(--lc-brand-label);
            font-weight: 600;
        }

        .admin-nav[b-0rb0m6j0g3]  a:first-child {
            font-weight: 700;
            margin-bottom: 0.25rem;
        }

    /* Version and build date at the foot of the menu, as in FTAnalyzer.Web's sidebar. */
    .admin-nav-version[b-0rb0m6j0g3] {
        margin: 1.5rem 0.6rem 0;
        padding-top: 0.75rem;
        border-top: 1px solid var(--lc-border);
        font-size: 0.75rem;
        color: var(--lc-text-subtle);
        text-align: center;
    }

.admin-content[b-0rb0m6j0g3] {
    flex: 1;
    /* Without it the content widens to its widest table and the whole page scrolls sideways under the menu; with it, a wide table
       scrolls in its own box (Email Analysis, 20 Oct 2026). */
    min-width: 0;
    padding: 1.75rem 2rem;
}

    .admin-content h3[b-0rb0m6j0g3] {
        color: var(--lc-heading);
        margin-top: 0;
    }

#blazor-error-ui[b-0rb0m6j0g3] {
    background: var(--lc-caution-bg);
    color: var(--lc-caution-text);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

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

@media (max-width: 720px) {
    .admin-shell[b-0rb0m6j0g3] {
        flex-direction: column;
    }

    .admin-shell[b-0rb0m6j0g3] {
        align-items: stretch;
    }

    /* On a phone the menu is a wrapped strip above the page, not a side column: let it scroll away. */
    .admin-nav[b-0rb0m6j0g3] {
        position: static;
        height: auto;
        overflow-y: visible;
        width: auto;
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
        border-right: none;
        border-bottom: 1px solid var(--lc-border);
    }

    /* Sections stay foldable here too: each takes a line of its own, its links wrapping under its heading. */
    .admin-nav-section[b-0rb0m6j0g3] {
        flex-basis: 100%;
    }

        .admin-nav-section[open][b-0rb0m6j0g3] {
            display: flex;
            flex-wrap: wrap;
            gap: 0.25rem;
        }

    summary.admin-nav-group[b-0rb0m6j0g3] {
        flex-basis: 100%;
        margin: 0.25rem 0.6rem;
        padding-top: 0.4rem;
    }

    .admin-nav-version[b-0rb0m6j0g3] {
        flex-basis: 100%;
        margin-top: 0.5rem;
    }
}
/* /Components/Layout/AnalyticsConsentBanner.razor.rz.scp.css */
.consent-banner[b-2ae27hhh0g] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900; /* above the page, below Radzen dialogs */
    background: var(--lc-surface);
    color: var(--lc-text);
    border-top: 2px solid var(--lc-brand-deep);
    box-shadow: 0 -2px 10px var(--lc-shadow-strong);
}

    .consent-banner[hidden][b-2ae27hhh0g] {
        display: none;
    }

.consent-inner[b-2ae27hhh0g] {
    max-width: var(--lc-max-width);
    margin: 0 auto;
    padding: 0.9rem 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.5rem;
}

.consent-text[b-2ae27hhh0g],
.consent-state[b-2ae27hhh0g] {
    flex: 1 1 28rem;
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.45;
}

.consent-state[b-2ae27hhh0g] {
    flex-basis: 100%;
    order: 1;
    color: var(--lc-text-muted);
}

.consent-buttons[b-2ae27hhh0g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.consent-button[b-2ae27hhh0g] {
    background: var(--lc-brand-deep);
    color: var(--lc-on-brand);
    border: none;
    border-radius: 4px;
    padding: 0.55rem 1rem;
    font-size: 0.92rem;
    font-weight: 600;
    cursor: pointer;
}

    .consent-button:hover[b-2ae27hhh0g] {
        filter: brightness(1.1);
    }

    .consent-button:focus-visible[b-2ae27hhh0g] {
        outline: 3px solid var(--lc-focus-ring);
        outline-offset: 2px;
    }

@media (max-width: 600px) {
    .consent-buttons[b-2ae27hhh0g],
    .consent-button[b-2ae27hhh0g] {
        width: 100%;
    }
}

@media print {
    .consent-banner[b-2ae27hhh0g] {
        display: none !important;
    }
}
/* /Components/Layout/LoginControl.razor.rz.scp.css */
/* The signed-in name and avatar open a small menu: My details, Appearance (theme), Sign out. The header
   around it is brand blue in both themes, so the summary is white text; the menu itself is a surface. */
.login-control[b-sgge0yzc2l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.login-btn[b-sgge0yzc2l] {
    display: inline-block;
    color: var(--lc-on-brand);
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    padding: 0.4rem 0.9rem;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
}

    .login-btn:hover[b-sgge0yzc2l] {
        background: rgba(255, 255, 255, 0.28);
    }

.profile-menu[b-sgge0yzc2l] {
    position: relative;
}

    .profile-menu summary[b-sgge0yzc2l] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        cursor: pointer;
        list-style: none;
        font-size: 0.9rem;
        padding: 0.2rem 0.4rem;
        border-radius: 4px;
    }

        .profile-menu summary[b-sgge0yzc2l]::-webkit-details-marker {
            display: none;
        }

        .profile-menu summary[b-sgge0yzc2l]::after {
            content: "\25BE";
            font-size: 0.75rem;
        }

        .profile-menu summary:hover[b-sgge0yzc2l],
        .profile-menu[open] summary[b-sgge0yzc2l] {
            background: rgba(255, 255, 255, 0.15);
        }

        .profile-menu summary:focus-visible[b-sgge0yzc2l] {
            outline: 2px solid var(--lc-on-brand);
            outline-offset: 2px;
        }

.avatar[b-sgge0yzc2l] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.profile-menu-panel[b-sgge0yzc2l] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    z-index: 200;
    min-width: 230px;
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0;
    background: var(--lc-surface);
    color: var(--lc-text);
    border: 1px solid var(--lc-border);
    border-radius: 6px;
    box-shadow: 0 4px 12px var(--lc-shadow-strong);
}

    /* Menu options: link-coloured, with an icon, highlighted on hover, so they don't read as headings. */
    .profile-menu-item[b-sgge0yzc2l] {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        color: var(--lc-link);
        text-decoration: none;
        font-weight: 600;
        font-size: 0.92rem;
        padding: 0.55rem 1rem;
    }

        .profile-menu-item:hover[b-sgge0yzc2l],
        .profile-menu-item:focus-visible[b-sgge0yzc2l] {
            background: var(--lc-surface-muted);
            text-decoration: underline;
        }

        .profile-menu-item:focus-visible[b-sgge0yzc2l] {
            outline: 2px solid var(--lc-focus-ring);
            outline-offset: -2px;
        }

    /* A page to go to: an arrow at the end. */
    .profile-menu-go[b-sgge0yzc2l]::after {
        content: "\203A";
        margin-left: auto;
        font-size: 1.1rem;
        line-height: 1;
    }

.profile-menu-icon[b-sgge0yzc2l] {
    width: 18px;
    height: 18px;
    flex: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.profile-menu-group[b-sgge0yzc2l] {
    padding: 0.5rem 1rem 0.65rem;
    margin: 0.25rem 0;
    border-top: 1px solid var(--lc-border-subtle);
    border-bottom: 1px solid var(--lc-border-subtle);
}

.profile-menu-label[b-sgge0yzc2l] {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--lc-text-muted);
    margin-bottom: 0.4rem;
}

.theme-choices[b-sgge0yzc2l] {
    display: flex;
    gap: 0.3rem;
}

    .theme-choices button[b-sgge0yzc2l] {
        flex: 1 1 auto;
        font: inherit;
        font-size: 0.82rem;
        padding: 0.35rem 0.45rem;
        border-radius: 4px;
        border: 1px solid var(--lc-border-strong);
        background: var(--lc-surface);
        color: var(--lc-text);
        cursor: pointer;
        white-space: nowrap;
    }

        .theme-choices button:hover[b-sgge0yzc2l] {
            background: var(--lc-surface-hover);
        }

        .theme-choices button[aria-pressed="true"][b-sgge0yzc2l] {
            background: var(--lc-info-bg);
            border-color: var(--lc-info-strong);
            color: var(--lc-info-text);
            font-weight: 700;
        }

        .theme-choices button:focus-visible[b-sgge0yzc2l] {
            outline: 2px solid var(--lc-focus-ring);
            outline-offset: 1px;
        }

.user-name[b-sgge0yzc2l] {
    color: inherit;
}

.admin-badge[b-sgge0yzc2l] {
    background: var(--lc-red-accent);
    color: var(--lc-on-brand);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
}


/* Branch accounts: the account being worked on (switching is on My accounts). */
.profile-menu-accounts[b-sgge0yzc2l] {
    margin-top: 0;
    border-top: none;
}

.account-current[b-sgge0yzc2l] {
    display: block;
    font-weight: 700;
    color: var(--lc-text-strong);
    margin-bottom: 0.6rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.site-header[b-l7lqqu1aax] {
    background: var(--lc-header-bg);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.site-header-inner[b-l7lqqu1aax] {
    max-width: var(--lc-max-width);
    margin: 0 auto;
    padding: 0.75rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.site-logo[b-l7lqqu1aax] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

    .site-logo img[b-l7lqqu1aax] {
        display: block;
        height: 44px;
        width: auto;
    }

.site-nav[b-l7lqqu1aax] {
    display: flex;
    /* Centred, so plain links line up with the padded Admin button and the sign-in area. */
    align-items: center;
    gap: 1.5rem;
    flex: 1;
}

    .site-nav a[b-l7lqqu1aax] {
        color: var(--lc-on-brand);
        text-decoration: none;
        font-weight: 600;
        font-size: 0.95rem;
        opacity: 0.92;
    }

        .site-nav a.site-nav-admin[b-l7lqqu1aax] {
            background: var(--lc-red-accent);
            padding: 0.3rem 0.7rem;
            border-radius: 4px;
            opacity: 1;
        }

        .site-nav a:hover[b-l7lqqu1aax] {
            opacity: 1;
            text-decoration: underline;
        }

.nav-dropdown[b-l7lqqu1aax] {
    position: relative;
}

    .nav-dropdown summary[b-l7lqqu1aax] {
        color: var(--lc-on-brand);
        font-weight: 600;
        font-size: 0.95rem;
        opacity: 0.92;
        cursor: pointer;
        list-style: none;
    }

        .nav-dropdown summary[b-l7lqqu1aax]::-webkit-details-marker {
            display: none;
        }

        .nav-dropdown summary[b-l7lqqu1aax]::after {
            content: " \25BE";
            font-size: 0.75rem;
        }

        .nav-dropdown summary:hover[b-l7lqqu1aax] {
            opacity: 1;
            text-decoration: underline;
        }

    .nav-dropdown[open] summary[b-l7lqqu1aax] {
        opacity: 1;
    }

.nav-dropdown-menu[b-l7lqqu1aax] {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    background: var(--lc-surface);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    padding: 0.5rem 0;
    display: flex;
    flex-direction: column;
    min-width: 190px;
    z-index: 20;
}

    .nav-dropdown-menu a[b-l7lqqu1aax] {
        color: var(--lc-text);
        opacity: 1;
        font-weight: 500;
        padding: 0.45rem 1rem;
    }

        .nav-dropdown-menu a:hover[b-l7lqqu1aax] {
            background: var(--lc-surface-muted);
            text-decoration: none;
        }

.site-header-login[b-l7lqqu1aax] {
    flex-shrink: 0;
    /* The profile menu (LoginControl) sits on the blue bar: white text. */
    color: var(--lc-on-brand);
}

main[b-l7lqqu1aax] {
    min-height: calc(100vh - 220px);
}

.site-footer[b-l7lqqu1aax] {
    background: var(--lc-brand-deep);
    color: var(--lc-on-brand);
    margin-top: 3rem;
}

.site-footer-inner[b-l7lqqu1aax] {
    max-width: var(--lc-max-width);
    margin: 0 auto;
    padding: 1.5rem;
    font-size: 0.85rem;
    text-align: center;
}

    .site-footer-inner p[b-l7lqqu1aax] {
        opacity: 0.85;
        margin: 0;
    }

.site-footer-nav[b-l7lqqu1aax] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem 1.5rem;
    margin-bottom: 1rem;
}

    .site-footer-nav a[b-l7lqqu1aax] {
        color: var(--lc-on-brand);
        opacity: 0.85;
        text-decoration: none;
        font-size: 0.85rem;
    }

        .site-footer-nav a:hover[b-l7lqqu1aax] {
            opacity: 1;
            text-decoration: underline;
        }

#blazor-error-ui[b-l7lqqu1aax] {
    background: var(--lc-caution-bg);
    color: var(--lc-caution-text);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

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

@media (max-width: 640px) {
    .site-header-inner[b-l7lqqu1aax] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .site-nav[b-l7lqqu1aax] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    /* Stacked, the profile menu sits at the left, so its panel opens rightwards. */
    .site-header-login[b-l7lqqu1aax]  .profile-menu-panel {
        left: 0;
        right: auto;
    }
}

/* The header stays at the top of the window as the page scrolls (Tim), except on a phone, where the stacked header would take up too
   much of the screen. The member menu sticks under it (MemberNav); wwwroot/js/sticky-offsets.js measures them both. */
@media (min-width: 641px) {
    .site-header[b-l7lqqu1aax] {
        position: sticky;
        top: 0;
        z-index: 30;
    }
}
/* /Components/Layout/MemberNav.razor.rz.scp.css */
.member-nav[b-xdxuhcgal5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    background: var(--lc-surface);
    border-bottom: 1px solid var(--lc-border);
    padding: 0 1.5rem;
    max-width: var(--lc-max-width);
    margin: 0 auto;
}

    .member-nav a[b-xdxuhcgal5] {
        display: inline-block;
        padding: 0.9rem 1rem;
        text-decoration: none;
        color: var(--lc-text-muted);
        font-weight: 600;
        font-size: 0.92rem;
        border-bottom: 3px solid transparent;
    }

        .member-nav a:hover[b-xdxuhcgal5] {
            color: var(--lc-heading);
        }

        .member-nav a.active[b-xdxuhcgal5] {
            color: var(--lc-heading);
            border-bottom-color: var(--lc-red-accent);
        }

/* Stays under the site header as the page scrolls, as the header does (not on a phone). */
@media (min-width: 641px) {
    .member-nav[b-xdxuhcgal5] {
        position: sticky;
        top: var(--lc-sticky-header, 0px);
        z-index: 25;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-8dduyalv8q],
.components-reconnect-repeated-attempt-visible[b-8dduyalv8q],
.components-reconnect-failed-visible[b-8dduyalv8q],
.components-pause-visible[b-8dduyalv8q],
.components-resume-failed-visible[b-8dduyalv8q],
.components-rejoining-animation[b-8dduyalv8q] {
    display: none;
}

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


/* While a new version is being deployed: only the deploy message shows. The marker class goes on our own
   container (not the <dialog>, whose classes Blazor's script manages) and the selectors carry the id so
   they outrank the state rules above. */
.lc-deploy-message[b-8dduyalv8q] {
    display: none;
}

#components-reconnect-modal .components-reconnect-container.lc-deploying .lc-deploy-message[b-8dduyalv8q] {
    display: block;
}

#components-reconnect-modal .components-reconnect-container.lc-deploying p:not(.lc-deploy-message)[b-8dduyalv8q],
#components-reconnect-modal .components-reconnect-container.lc-deploying button[b-8dduyalv8q] {
    display: none;
}

#components-reconnect-modal[b-8dduyalv8q] {
    background-color: var(--lc-surface);
    color: var(--lc-text);
    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-8dduyalv8q 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-8dduyalv8q] {
    border: 0;
    background-color: var(--lc-accent);
    color: var(--lc-on-brand);
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-8dduyalv8q] {
        background-color: var(--lc-brand-deep);
    }

    #components-reconnect-modal button:active[b-8dduyalv8q] {
        background-color: var(--lc-accent);
    }

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

    .components-rejoining-animation div[b-8dduyalv8q] {
        position: absolute;
        border: 3px solid var(--lc-accent);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-8dduyalv8q 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/RecoveryNavCount.razor.rz.scp.css */
.recovery-nav-count[b-djdxhsyije] {
    display: inline-block;
    margin-left: 0.4rem;
    min-width: 1.4rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: var(--lc-danger-strong);
    color: var(--lc-on-brand);
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
}
/* /Components/Layout/SecretExpiryBanner.razor.rz.scp.css */
.secret-expiry-banner[b-31ntc4xa0p] {
    padding: 0.6rem 1.25rem;
    background: var(--lc-danger-bg);
    border-bottom: 2px solid var(--lc-danger-strong);
    color: var(--lc-danger-text);
    font-weight: 600;
}
/* /Components/Layout/SiteBannerStrip.razor.rz.scp.css */
.site-banner[b-zmxaxx3wpf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    font-size: 0.92rem;
    text-align: center;
    border-bottom: 1px solid transparent;
}

/* display:flex above would otherwise override the hidden attribute the dismiss script sets. */
.site-banner[hidden][b-zmxaxx3wpf] {
    display: none;
}

.site-banner-info[b-zmxaxx3wpf] {
    background: var(--lc-info-bg);
    color: var(--lc-info-text);
    border-bottom-color: var(--lc-info-border);
}

.site-banner-success[b-zmxaxx3wpf] {
    background: var(--lc-success-bg);
    color: var(--lc-success-text);
    border-bottom-color: var(--lc-success-border);
}

.site-banner-warning[b-zmxaxx3wpf] {
    background: var(--lc-caution-bg);
    color: var(--lc-caution-text);
    border-bottom-color: var(--lc-caution-border);
}

.site-banner-link[b-zmxaxx3wpf] {
    color: inherit;
    font-weight: 600;
    margin-left: 0.4rem;
    text-decoration: underline;
}

.site-banner-dismiss[b-zmxaxx3wpf] {
    flex: none;
    background: none;
    border: none;
    color: inherit;
    font-size: 1.3rem;
    line-height: 1;
    padding: 0 0.25rem;
    cursor: pointer;
    opacity: 0.7;
}

    .site-banner-dismiss:hover[b-zmxaxx3wpf] {
        opacity: 1;
    }
/* /Components/Layout/SiteModeBanner.razor.rz.scp.css */
.testing-strip[b-fcgnar7tep] {
    background: var(--lc-caution-bg);
    color: var(--lc-caution-text);
    border-bottom: 1px solid var(--lc-caution-border);
    padding: 0.4rem 1rem;
    text-align: center;
    font-size: 0.88rem;
}

.maintenance-strip[b-fcgnar7tep] {
    background: var(--lc-danger-bg);
    color: var(--lc-danger-text);
    border-bottom: 1px solid var(--lc-danger-border);
    padding: 0.4rem 1rem;
    text-align: center;
    font-size: 0.88rem;
}

    .maintenance-strip a[b-fcgnar7tep] {
        color: inherit;
        margin-left: 0.5rem;
        text-decoration: underline;
    }

.testing-profile[b-fcgnar7tep] {
    background: var(--lc-caution-bg);
    color: var(--lc-caution-text);
    border: 1px solid var(--lc-caution-border);
    border-left: 5px solid var(--lc-warning-strong);
    border-radius: 6px;
    padding: 0.7rem 0.9rem;
    margin: 0 0 1.25rem;
    max-width: 1000px;
    font-size: 0.92rem;
}
/* /Components/Pages/Admin/AboutYouInsightsCard.razor.rz.scp.css */
.ay-admin-note[b-jwgowlri94] {
    font-size: 0.85rem;
    color: var(--lc-text-muted);
    margin: 0 0 0.75rem;
}

.ay-admin-switch[b-jwgowlri94] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 1rem;
    margin-bottom: 1rem;
}

    .ay-admin-switch label[b-jwgowlri94] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        font-weight: 600;
    }
/* /Components/Pages/Admin/AddressChecks.razor.rz.scp.css */
.check-lead[b-wxrkn07drb] { max-width: 60rem; color: var(--lc-text-soft); }

.check-banner[b-wxrkn07drb] { padding: 0.75rem 1rem; border-radius: 4px; margin-bottom: 1rem; max-width: 60rem; }
.check-banner.test[b-wxrkn07drb] { border: 2px solid var(--lc-warning-strong); background: var(--lc-warning-bg); color: var(--lc-warning-text); }
.check-banner.off[b-wxrkn07drb] { border: 2px solid var(--lc-control-edge); background: var(--lc-surface-sunken); color: var(--lc-text-strong); }

.check-section[b-wxrkn07drb] { max-width: 60rem; margin: 1.25rem 0; padding-top: 0.5rem; border-top: 1px solid var(--lc-border); }

.check-numbers[b-wxrkn07drb] { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 0.75rem 0; }
.check-numbers div[b-wxrkn07drb] { display: flex; flex-direction: column; color: var(--lc-text-soft); font-size: 0.85rem; }
.check-numbers span[b-wxrkn07drb] { font-size: 1.5rem; color: var(--lc-text-strong); font-weight: 600; }

.check-actions[b-wxrkn07drb] { margin-top: 0.75rem; display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }
.check-select[b-wxrkn07drb], .check-number[b-wxrkn07drb] { padding: 0.4rem 0.5rem; font: inherit; border: 1px solid var(--lc-border-strong); border-radius: 4px; }
.check-number[b-wxrkn07drb] { width: 7rem; }

.check-muted[b-wxrkn07drb] { color: var(--lc-text-soft); font-size: 0.9rem; }
.check-ok[b-wxrkn07drb] { color: var(--lc-success-ink); }
.check-error[b-wxrkn07drb] { color: var(--lc-danger-ink); }

.check-bar[b-wxrkn07drb] { background: var(--lc-progress-track); border-radius: 4px; height: 1.25rem; max-width: 30rem; overflow: hidden; margin: 0.5rem 0 1rem; }
.check-bar div[b-wxrkn07drb] { background: var(--lc-success-strong); height: 100%; transition: width 0.3s; }

.check-table th:nth-child(n+3)[b-wxrkn07drb], .check-table td:nth-child(n+3)[b-wxrkn07drb] { text-align: right; }
/* /Components/Pages/Admin/AdminHome.razor.rz.scp.css */
.admin-lead[b-9qbosgknrr] {
    color: var(--lc-text-muted);
    margin-top: -0.5rem;
}

.admin-card-grid[b-9qbosgknrr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.admin-card[b-9qbosgknrr] {
    display: block;
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.25rem;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border-left: 4px solid var(--lc-accent);
}

    .admin-card:hover[b-9qbosgknrr] {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
    }

    .admin-card h4[b-9qbosgknrr] {
        margin: 0 0 0.4rem;
        color: var(--lc-heading);
    }

    .admin-card p[b-9qbosgknrr] {
        margin: 0;
        font-size: 0.88rem;
        color: var(--lc-text-muted);
        line-height: 1.4;
    }

/* Something waiting for staff (account recovery requests), above the cards. */
.admin-waiting[b-9qbosgknrr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--lc-danger-border);
    border-radius: 8px;
    background: var(--lc-danger-bg);
    color: var(--lc-danger-text);
    text-decoration: none;
}

    .admin-waiting:hover[b-9qbosgknrr] {
        border-color: var(--lc-danger-strong);
    }

.admin-waiting-count[b-9qbosgknrr] {
    flex: none;
    min-width: 1.8rem;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    background: var(--lc-danger-strong);
    color: var(--lc-on-brand);
    font-weight: 700;
    text-align: center;
}
/* /Components/Pages/Admin/AffiliateOfferPicker.razor.rz.scp.css */
.picker-field[b-tbr2oixrg4] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-weight: 600;
    margin-bottom: 0.9rem;
}

    .picker-field select[b-tbr2oixrg4],
    .picker-field input[b-tbr2oixrg4] {
        font: inherit;
        font-weight: 400;
        padding: 0.45rem 0.6rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 5px;
        color: var(--lc-text-strong);
        background: var(--lc-surface);
        max-width: 100%;
    }

.picker-choice[b-tbr2oixrg4] {
    border: none;
    padding: 0;
    margin: 0 0 0.9rem;
}

    .picker-choice legend[b-tbr2oixrg4] {
        font-weight: 600;
        margin-bottom: 0.3rem;
    }

    .picker-choice label[b-tbr2oixrg4] {
        display: block;
        margin-bottom: 0.3rem;
    }

.picker-hint[b-tbr2oixrg4] {
    color: var(--lc-text-soft);
    font-size: 0.88rem;
}

.picker-warning[b-tbr2oixrg4] {
    background: var(--lc-warning-bg);
    border: 1px solid var(--lc-warning-border);
    color: var(--lc-warning-text);
    border-radius: 5px;
    padding: 0.5rem 0.7rem;
}

.picker-preview[b-tbr2oixrg4] {
    border: 1px dashed var(--lc-border-strong);
    border-radius: 6px;
    padding: 0.5rem 1rem;
    margin: 0 0 1rem;
    background: var(--lc-paper);
    color: var(--lc-paper-text);
}

.picker-actions[b-tbr2oixrg4] {
    display: flex;
    gap: 0.75rem;
}
/* /Components/Pages/Admin/AffiliateOffers.razor.rz.scp.css */
.lead[b-y4koqc5r0o] {
    color: var(--lc-text-soft);
    margin-top: 0;
    margin-bottom: 1rem;
    max-width: 1000px;
}

.offers-card[b-y4koqc5r0o] {
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    max-width: 1000px;
}

    .offers-card h2[b-y4koqc5r0o] {
        margin: 0 0 0.5rem;
        color: var(--lc-heading);
        font-size: 1.1rem;
    }

.hint[b-y4koqc5r0o] {
    font-size: 0.88rem;
    color: var(--lc-text-soft);
    margin: 0.25rem 0 0.75rem;
}

.hint-inline[b-y4koqc5r0o] {
    font-size: 0.82rem;
    color: var(--lc-text-soft);
}

.optional-tag[b-y4koqc5r0o] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--lc-text-muted);
    letter-spacing: 0.03em;
}

.plain-fieldset[b-y4koqc5r0o] {
    border: none;
    padding: 0;
    margin: 0;
    min-width: 0;
}

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

.field[b-y4koqc5r0o] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.85rem;
    color: var(--lc-text-strong);
    font-weight: 600;
    margin-bottom: 0.75rem;
    min-width: 0;
}

.field-wide[b-y4koqc5r0o] {
    grid-column: 1 / -1;
}

    .field input[type="text"][b-y4koqc5r0o],
    .field input[type="date"][b-y4koqc5r0o],
    .field select[b-y4koqc5r0o],
    .field textarea[b-y4koqc5r0o] {
        font: inherit;
        font-weight: 400;
        padding: 0.5rem 0.65rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 5px;
        color: var(--lc-text-strong);
        background: var(--lc-surface);
    }

.picture-row[b-y4koqc5r0o] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    font-weight: 400;
}

.picture-thumb[b-y4koqc5r0o] {
    max-height: 60px;
    max-width: 200px;
    border: 1px solid var(--lc-border);
    border-radius: 4px;
}

.table-scroll[b-y4koqc5r0o] {
    overflow-x: auto;
}

.offers-table[b-y4koqc5r0o] {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.9rem;
}

    .offers-table th[b-y4koqc5r0o],
    .offers-table td[b-y4koqc5r0o] {
        text-align: left;
        padding: 0.45rem 0.6rem;
        border-bottom: 1px solid var(--lc-border);
        vertical-align: top;
    }

.row-actions[b-y4koqc5r0o] {
    white-space: nowrap;
}

.btn-link[b-y4koqc5r0o] {
    background: none;
    border: none;
    padding: 0 0.5rem 0 0;
    color: var(--lc-accent);
    font: inherit;
    font-size: 0.88rem;
    text-decoration: underline;
    cursor: pointer;
}

    .btn-link.danger[b-y4koqc5r0o] {
        color: var(--lc-danger-ink);
    }

.state[b-y4koqc5r0o] {
    display: inline-block;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
}

.state-running[b-y4koqc5r0o] { background: var(--lc-success-bg); color: var(--lc-success-text); }
.state-coming[b-y4koqc5r0o] { background: var(--lc-info-bg); color: var(--lc-info-text); }
.state-ended[b-y4koqc5r0o] { background: var(--lc-neutral-bg); color: var(--lc-text-soft); }

.offer-preview[b-y4koqc5r0o] {
    border: 1px dashed var(--lc-border-strong);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    background: var(--lc-paper);
    color: var(--lc-paper-text);
}

.form-actions[b-y4koqc5r0o] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.save-message[b-y4koqc5r0o] {
    color: var(--lc-text-strong);
}
/* /Components/Pages/Admin/AgreementVersionCard.razor.rz.scp.css */
.site-card[b-jpcqmzfl9u] { background: var(--lc-surface); border-radius: 8px; padding: 1.5rem; margin-bottom: 1.25rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); max-width: 1000px; }
.site-card h2[b-jpcqmzfl9u] { margin: 0 0 0.5rem; color: var(--lc-heading); font-size: 1.1rem; }
.hint[b-jpcqmzfl9u] { font-size: 0.88rem; color: var(--lc-text-soft); margin: 0.25rem 0 0.75rem; }
.agreement-version[b-jpcqmzfl9u] { display: flex; gap: 0.5rem; max-width: 24rem; }
/* /Components/Pages/Admin/AncestorRunStages.razor.rz.scp.css */
.import-note[b-g9f5u9exxq] {
    color: var(--lc-text-soft);
    font-size: 0.9rem;
}

.import-stages[b-g9f5u9exxq] {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

    .import-stages th[b-g9f5u9exxq] {
        text-align: left;
        font-weight: 600;
        border-bottom: 1px solid var(--lc-border);
        padding: 0.3rem 0.8rem 0.3rem 0;
    }

    .import-stages td[b-g9f5u9exxq] {
        padding: 0.35rem 0.8rem 0.35rem 0;
        border-bottom: 1px solid var(--lc-border-subtle);
        vertical-align: top;
    }

.import-bar-cell[b-g9f5u9exxq] {
    width: 35%;
}

.import-num[b-g9f5u9exxq] {
    white-space: nowrap;
}

.import-stage-waiting td[b-g9f5u9exxq],
.import-stage-skipped td[b-g9f5u9exxq] {
    color: var(--lc-text-muted);
}

.import-stage-failed td[b-g9f5u9exxq] {
    color: var(--lc-danger-ink);
}

.import-counts td[b-g9f5u9exxq] {
    border-bottom: none;
    padding-top: 0;
}

.import-counts ul[b-g9f5u9exxq] {
    margin: 0.25rem 0 0.5rem;
    padding-left: 1.2rem;
}

.import-progress[b-g9f5u9exxq] {
    height: 0.8rem;
    margin: 0.2rem 0;
    border-radius: 0.4rem;
    background: var(--lc-progress-track);
    overflow: hidden;
}

.import-progress-bar[b-g9f5u9exxq] {
    height: 100%;
    border-radius: 0.4rem;
    background: var(--lc-info-strong);
    transition: width 0.4s ease;
}

/* No figure yet: a sliding block instead of a fill. */
.import-progress-indeterminate[b-g9f5u9exxq] {
    width: 30%;
    animation: import-progress-slide-b-g9f5u9exxq 1.4s ease-in-out infinite;
}

@keyframes import-progress-slide-b-g9f5u9exxq {
    0% { margin-left: -30%; }
    100% { margin-left: 100%; }
}
/* /Components/Pages/Admin/CensusRegions.razor.rz.scp.css */
.lead[b-6gpe2m3yjj] {
    color: var(--lc-text-soft);
    margin-top: 0;
    margin-bottom: 1rem;
    max-width: 1000px;
}

.hint[b-6gpe2m3yjj] {
    font-size: 0.88rem;
    color: var(--lc-text-soft);
}

.warn[b-6gpe2m3yjj] {
    font-size: 0.9rem;
    color: var(--lc-danger-text);
    background: var(--lc-danger-bg);
    border: 1px solid var(--lc-danger-border);
    border-radius: 5px;
    padding: 0.5rem 0.7rem;
    margin: 0.75rem 0;
    max-width: 1000px;
}

.geo-card[b-6gpe2m3yjj] {
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    max-width: 1000px;
}

    .geo-card h4[b-6gpe2m3yjj] {
        margin: 0 0 0.5rem;
        color: var(--lc-blue-dark);
        font-size: 1.05rem;
    }

.tester[b-6gpe2m3yjj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

    .tester select[b-6gpe2m3yjj], .tester input[b-6gpe2m3yjj] {
        padding: 0.3rem 0.5rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 4px;
        font-size: 0.92rem;
    }

    .tester input[b-6gpe2m3yjj] {
        width: 12rem;
    }

.test-result[b-6gpe2m3yjj] {
    margin: 0.75rem 0 0;
}

.geo-table[b-6gpe2m3yjj] {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.9rem;
}

    .geo-table th[b-6gpe2m3yjj] {
        text-align: left;
        font-weight: 600;
        border-bottom: 1px solid var(--lc-border);
        padding: 0.3rem 0.9rem 0.3rem 0;
    }

    .geo-table td[b-6gpe2m3yjj] {
        padding: 0.25rem 0.9rem 0.25rem 0;
        border-bottom: 1px solid var(--lc-border-subtle);
        vertical-align: top;
    }

    .geo-table .num[b-6gpe2m3yjj] {
        text-align: right;
        white-space: nowrap;
    }

    .geo-table tr.inactive td[b-6gpe2m3yjj] {
        color: var(--lc-text-muted);
    }

.code[b-6gpe2m3yjj] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.85rem;
    color: var(--lc-text-subtle);
}

.ranges-heading[b-6gpe2m3yjj] {
    margin-top: 1.25rem !important;
}

.btn-link[b-6gpe2m3yjj] {
    background: none;
    border: none;
    padding: 0;
    color: var(--lc-blue-dark);
    text-decoration: underline;
    cursor: pointer;
    font: inherit;
}

details[b-6gpe2m3yjj] {
    margin: 0.35rem 0;
}

    details summary[b-6gpe2m3yjj] {
        cursor: pointer;
        font-weight: 600;
        padding: 0.2rem 0;
    }
/* /Components/Pages/Admin/EmailAnalysisReport.razor.rz.scp.css */
.ea-help[b-oqb2c9z5c8] {
    margin: 0.5rem 0 1rem;
}

    .ea-help dl[b-oqb2c9z5c8] {
        display: grid;
        grid-template-columns: max-content 1fr;
        gap: 0.3rem 1rem;
        margin: 0.5rem 0;
    }

    .ea-help dt[b-oqb2c9z5c8] {
        font-weight: 600;
    }

    .ea-help dd[b-oqb2c9z5c8] {
        margin: 0;
    }

.ea-note[b-oqb2c9z5c8] {
    color: var(--lc-text-muted);
    font-size: 0.9rem;
}

.ea-error[b-oqb2c9z5c8] {
    color: var(--lc-danger-ink);
}

.ea-small[b-oqb2c9z5c8] {
    color: var(--lc-text-muted);
    font-size: 0.8rem;
}

.ea-bar[b-oqb2c9z5c8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
    margin: 0.75rem 0;
}

.ea-controls[b-oqb2c9z5c8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
    align-items: end;
    margin: 0.75rem 0;
}

    .ea-controls label[b-oqb2c9z5c8] {
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
        font-weight: 600;
    }

    .ea-controls select[b-oqb2c9z5c8] {
        min-width: 14rem;
        padding: 0.3rem 0.4rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 4px;
        background: var(--lc-surface);
        color: var(--lc-text);
    }

.ea-count[b-oqb2c9z5c8] {
    border: none;
    margin: 0;
    padding: 0;
}

    .ea-count legend[b-oqb2c9z5c8] {
        font-weight: 600;
        font-size: 1rem;
        margin-bottom: 0.2rem;
    }

    .ea-count label[b-oqb2c9z5c8] {
        display: inline-flex;
        flex-direction: row;
        gap: 0.3rem;
        margin-right: 1rem;
        font-weight: normal;
    }

    .ea-controls label.ea-died[b-oqb2c9z5c8] {
        flex-direction: row;
        align-items: center;
        gap: 0.3rem;
        font-weight: normal;
    }

.ea-filters[b-oqb2c9z5c8] {
    margin: 0.75rem 0 1rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--lc-border);
    border-radius: 6px;
    background: var(--lc-surface);
}

    .ea-filters summary[b-oqb2c9z5c8] {
        cursor: pointer;
        font-weight: 600;
    }

.ea-filter-grid[b-oqb2c9z5c8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 0.75rem;
    margin: 0.5rem 0;
}

    .ea-filter-grid fieldset[b-oqb2c9z5c8] {
        border: 1px solid var(--lc-border-subtle);
        border-radius: 4px;
        padding: 0.3rem 0.6rem 0.5rem;
        margin: 0;
        max-height: 14rem;
        overflow-y: auto;
    }

    .ea-filter-grid legend[b-oqb2c9z5c8] {
        font-weight: 600;
        font-size: 0.9rem;
        padding: 0 0.2rem;
    }

    .ea-filter-grid label[b-oqb2c9z5c8] {
        display: block;
        font-size: 0.88rem;
    }

.ea-table-wrap[b-oqb2c9z5c8] {
    overflow-x: auto;
    margin-bottom: 1rem;
}

.ea-table[b-oqb2c9z5c8] {
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .ea-table th[b-oqb2c9z5c8],
    .ea-table td[b-oqb2c9z5c8] {
        padding: 0.3rem 0.6rem;
        border-bottom: 1px solid var(--lc-border-subtle);
        text-align: left;
        vertical-align: top;
    }

    .ea-table thead th[b-oqb2c9z5c8] {
        border-bottom: 1px solid var(--lc-border);
        background: var(--lc-surface-muted);
    }

    .ea-table tbody tr:nth-child(even)[b-oqb2c9z5c8] {
        background: var(--lc-row-alt);
    }

    .ea-table tfoot th[b-oqb2c9z5c8],
    .ea-table tfoot td[b-oqb2c9z5c8] {
        border-top: 2px solid var(--lc-border);
        font-weight: 600;
    }

    /* The row names stay on one line; a wide table scrolls sideways instead. */
    .ea-table tbody th[b-oqb2c9z5c8],
    .ea-table tfoot th[b-oqb2c9z5c8] {
        white-space: nowrap;
    }

    .ea-table .ea-num[b-oqb2c9z5c8] {
        text-align: right;
        white-space: nowrap;
    }

.ea-total[b-oqb2c9z5c8] {
    font-weight: 600;
}

/* A count is a button: click it to list those addresses below. */
.ea-cell[b-oqb2c9z5c8] {
    border: none;
    background: none;
    padding: 0;
    color: var(--lc-link);
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: var(--lc-border-strong);
}

    .ea-cell:hover[b-oqb2c9z5c8] {
        text-decoration-color: currentColor;
    }

    .ea-cell:focus-visible[b-oqb2c9z5c8] {
        outline: 2px solid var(--lc-focus-ring);
        outline-offset: 2px;
    }

.ea-cell-on[b-oqb2c9z5c8] {
    font-weight: 700;
    color: var(--lc-text-strong);
}

.ea-drill[b-oqb2c9z5c8] {
    margin-top: 1rem;
}

.ea-list td[b-oqb2c9z5c8] {
    white-space: nowrap;
}
/* /Components/Pages/Admin/EmailProblems.razor.rz.scp.css */
.problem-card[b-w491cwvv41] {
    background: var(--lc-surface);
    border: 1px solid var(--lc-border);
    border-left: 4px solid var(--lc-chart-amber);
    border-radius: 6px;
    padding: 0.8rem 1rem;
    margin: 1rem 0;
}

.problem-card h4[b-w491cwvv41] { margin-top: 0; }
.problem-note[b-w491cwvv41] { color: var(--lc-text-soft); font-size: 0.92rem; }
.problem-error[b-w491cwvv41] { color: var(--lc-danger-ink); }
.download-all[b-w491cwvv41] { font-weight: 600; }

.problem-group[b-w491cwvv41] { margin-top: 1.5rem; }
.problem-household[b-w491cwvv41] { border-left-color: var(--lc-info-strong); }
.problem-exception[b-w491cwvv41] { border-left-color: var(--lc-danger-ink); }

/* Nothing found in this list: green rather than the list's usual colour. */
.problem-card.problem-clear[b-w491cwvv41] { border-left-color: var(--lc-success-strong); }


.problem-delivery[b-w491cwvv41] { border-left-color: var(--lc-chart-red); }
.delivery-charts[b-w491cwvv41] { display: grid; grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr)); gap: 1rem 2rem; margin: 0.5rem 0 1rem; }
.delivery-charts h5[b-w491cwvv41], .problem-delivery > h5[b-w491cwvv41] { margin: 0.75rem 0 0.25rem; }
/* Radzen puts this in a square box centred on the ring; fill it and centre the text inside it. */
.delivery-centre[b-w491cwvv41] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; text-align: center; font-size: 0.9rem; line-height: 1.3; }
.delivery-table th:not(:first-child)[b-w491cwvv41], .delivery-table td:not(:first-child)[b-w491cwvv41] { text-align: right; }

.problem-start[b-w491cwvv41] { border-left-color: var(--lc-success-strong); }
.problem-newsletter[b-w491cwvv41] { border-left-color: var(--lc-info-border); }
.newsletter-table td:not(:first-child)[b-w491cwvv41], .newsletter-table th:not(:first-child)[b-w491cwvv41] { text-align: right; }
.problem-newsletter h5[b-w491cwvv41] { font-size: 0.95rem; margin: 0.9rem 0 0.3rem; }
.problem-newsletter ul[b-w491cwvv41] { margin-bottom: 0.4rem; }
.start-table th[b-w491cwvv41], .start-table td[b-w491cwvv41] { vertical-align: top; }
.start-table td:nth-child(3)[b-w491cwvv41], .start-table td:nth-child(4)[b-w491cwvv41], .start-table td:nth-child(5)[b-w491cwvv41],
.start-table th:nth-child(3)[b-w491cwvv41], .start-table th:nth-child(4)[b-w491cwvv41], .start-table th:nth-child(5)[b-w491cwvv41] { text-align: right; }
.start-advice[b-w491cwvv41] { font-size: 0.88rem; color: var(--lc-text-soft); min-width: 22rem; padding-left: 1.25rem; }

.priority-badge[b-w491cwvv41] { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.74rem; font-weight: 700; white-space: nowrap; vertical-align: middle; }
.priority-contactnow[b-w491cwvv41] { background: var(--lc-danger-bg); color: var(--lc-danger-text); }
.priority-relaytest[b-w491cwvv41] { border: 1px solid var(--lc-info-border); color: var(--lc-info-text); }
.priority-quickfix[b-w491cwvv41] { background: var(--lc-warning-bg); color: var(--lc-warning-ink); }
.priority-remove[b-w491cwvv41] { border: 1px solid var(--lc-danger-border); color: var(--lc-danger-ink); }
.priority-needsanotherroute[b-w491cwvv41] { background: var(--lc-info-bg); color: var(--lc-info-text); }
.priority-longterm[b-w491cwvv41] { background: var(--lc-neutral-bg); color: var(--lc-neutral-text); }
.duplicate-table td[b-w491cwvv41] { vertical-align: top; }

/* The sticky admin top bar covers the first ~51px, so an anchor jump from "Where to start" would hide the list heading behind it. */
.problem-card[id][b-w491cwvv41] { scroll-margin-top: 70px; }

/* Test emails from the old mail relay. */
.problem-relay[b-w491cwvv41] { border-left-color: var(--lc-info-strong); }
.relay-upload[b-w491cwvv41] { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; align-items: center; margin: 0.5rem 0; }
.relay-summary ul[b-w491cwvv41] { margin-bottom: 0.5rem; }
.relay-table th:not(:first-child)[b-w491cwvv41], .relay-table td:not(:first-child)[b-w491cwvv41] { text-align: right; }

/* "start a request" beside each address on Possible duplicate members, set apart from the address. */
.duplicate-start[b-w491cwvv41] { margin-left: 0.6rem; }
.relay-steps[b-w491cwvv41] { margin: 0.25rem 0 0.75rem; padding-left: 1.4rem; }
.relay-steps li[b-w491cwvv41] { margin-bottom: 0.25rem; }
/* /Components/Pages/Admin/ForumAccounts.razor.rz.scp.css */
.forum-lead[b-eubgwb951r] { max-width: 60rem; color: var(--lc-text-soft); }

.forum-banner[b-eubgwb951r] { padding: 0.75rem 1rem; border-radius: 4px; margin-bottom: 1rem; max-width: 60rem; }
.forum-banner.test[b-eubgwb951r] { border: 2px solid var(--lc-warning-strong); background: var(--lc-warning-bg); color: var(--lc-warning-text); }
.forum-banner.off[b-eubgwb951r] { border: 2px solid var(--lc-control-edge); background: var(--lc-surface-sunken); color: var(--lc-text-strong); }

.forum-section[b-eubgwb951r] { max-width: 60rem; margin: 1.25rem 0; padding-top: 0.5rem; border-top: 1px solid var(--lc-border); }

.forum-numbers[b-eubgwb951r] { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 0.75rem 0; }
.forum-numbers div[b-eubgwb951r] { display: flex; flex-direction: column; color: var(--lc-text-soft); font-size: 0.85rem; }
.forum-numbers span[b-eubgwb951r] { font-size: 1.5rem; color: var(--lc-text-strong); font-weight: 600; }

.forum-actions[b-eubgwb951r] { margin-top: 0.75rem; display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }

.forum-muted[b-eubgwb951r] { color: var(--lc-text-soft); font-size: 0.9rem; }
.forum-ok[b-eubgwb951r] { color: var(--lc-success-ink); }
.forum-error[b-eubgwb951r] { color: var(--lc-danger-ink); }


.forum-input[b-eubgwb951r], .forum-number[b-eubgwb951r] { padding: 0.4rem 0.5rem; font: inherit; border: 1px solid var(--lc-border-strong); border-radius: 4px; }
.forum-input[b-eubgwb951r] { width: 22rem; max-width: 100%; }
.forum-number[b-eubgwb951r] { width: 7rem; }
.forum-member[b-eubgwb951r] { margin-top: 0.75rem; padding: 0.75rem 1rem; background: var(--lc-surface-muted); border: 1px solid var(--lc-border); border-radius: 4px; }
.forum-member p[b-eubgwb951r] { margin: 0.35rem 0; }
.forum-table th[b-eubgwb951r], .forum-table td[b-eubgwb951r] { text-align: left; }
.forum-row-actions[b-eubgwb951r] { white-space: nowrap; }
.forum-careful[b-eubgwb951r] { color: var(--lc-warning-ink); }
.forum-hint[b-eubgwb951r] { color: var(--lc-success-ink); font-size: 0.85rem; }
.forum-suggest td[b-eubgwb951r] { background: var(--lc-warning-bg); }
.forum-table td div[b-eubgwb951r] { font-size: 0.85rem; }
.forum-stack[b-eubgwb951r] { min-width: 11rem; }
.forum-stack[b-eubgwb951r]  .rz-button { display: block; width: 100%; margin-bottom: 0.25rem; }

/* Keep and Unlink on "Check these links": side by side in their cell. */
.forum-row-actions[b-eubgwb951r] { white-space: nowrap; }

.forum-row-actions[b-eubgwb951r]  .rz-button { margin-right: 0.3rem; }
/* /Components/Pages/Admin/ForumMemberCard.razor.rz.scp.css */
/* The same card look as the rest of the member's admin page (UserDetail.razor.css). */
.details-card[b-pk2b8s4oo5] {
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    max-width: 1000px;
}

    .details-card h2[b-pk2b8s4oo5] {
        margin: 0 0 0.75rem;
        color: var(--lc-heading);
        font-size: 1.1rem;
    }

.optional-tag[b-pk2b8s4oo5] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--lc-text-muted);
    letter-spacing: 0.03em;
}

.record-list[b-pk2b8s4oo5] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.4rem 1.25rem;
    margin: 0;
    font-size: 0.9rem;
    color: var(--lc-text-strong);
}

    .record-list dt[b-pk2b8s4oo5] {
        font-weight: 600;
    }

    .record-list dd[b-pk2b8s4oo5] {
        margin: 0;
    }

.field-hint[b-pk2b8s4oo5] {
    font-size: 0.85rem;
    color: var(--lc-text-soft);
    margin: 0.75rem 0 0;
}
/* /Components/Pages/Admin/LegacyAncestorImportCard.razor.rz.scp.css */
.import-panel[b-zmy9fb53f1] {
    margin: 1rem 0 1.5rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--lc-border);
    border-radius: 6px;
}

.import-note[b-zmy9fb53f1] {
    color: var(--lc-text-soft);
    font-size: 0.9rem;
}

.import-error[b-zmy9fb53f1] {
    color: var(--lc-danger-ink);
}

.import-switch[b-zmy9fb53f1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1rem;
    align-items: baseline;
}

.import-actions[b-zmy9fb53f1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    margin: 0.5rem 0;
}

.import-earlier[b-zmy9fb53f1] {
    margin: 1rem 0 0.25rem;
}

.import-run[b-zmy9fb53f1] {
    margin-top: 1rem;
}

/* The run's heading, in the size the h5 had; it folds the stages away when the run is from an earlier copy. */
.import-run-title[b-zmy9fb53f1] {
    font-size: 1.1rem;
    font-weight: 500;
    cursor: pointer;
}

.import-history ul[b-zmy9fb53f1] {
    margin: 0.25rem 0 0.5rem;
    padding-left: 1.2rem;
}
/* /Components/Pages/Admin/LegacyUserSync.razor.rz.scp.css */
.sync-panel[b-2af8uwxn7g] {
    margin: 1rem 0 1.5rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--lc-border);
    border-radius: 6px;
}

.sync-mode[b-2af8uwxn7g] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    margin: 0.5rem 0;
}

.sync-note[b-2af8uwxn7g] {
    /* Dark enough to read on the admin page's grey background (about 8:1 contrast). */
    color: var(--lc-text-soft);
    font-size: 0.9rem;
}

/* Explanatory text that sits on the same line as a button needs breathing room from it. */
.sync-beside-button[b-2af8uwxn7g] {
    margin-left: 0.9rem;
}

.sync-progress[b-2af8uwxn7g] {
    height: 0.9rem;
    margin: 0.5rem 0 0.25rem;
    border-radius: 0.45rem;
    background: var(--lc-progress-track);
    overflow: hidden;
}

.sync-progress-table[b-2af8uwxn7g] {
    height: 0.6rem;
}

.sync-progress-bar[b-2af8uwxn7g] {
    height: 100%;
    border-radius: 0.45rem;
    background: var(--lc-info-strong);
    transition: width 0.4s ease;
}

/* No figure to show (reading the members, comparing): a sliding block instead of a fill. */
.sync-progress-indeterminate[b-2af8uwxn7g] {
    width: 30%;
    animation: sync-progress-slide-b-2af8uwxn7g 1.4s ease-in-out infinite;
}

@keyframes sync-progress-slide-b-2af8uwxn7g {
    0% { margin-left: -30%; }
    100% { margin-left: 100%; }
}

.sync-error[b-2af8uwxn7g] {
    color: var(--lc-danger-ink);
}

.sync-warning[b-2af8uwxn7g] {
    margin: 1rem 0;
    padding: 0.75rem 1rem;
    border: 1px solid var(--lc-warning-strong);
    border-radius: 6px;
    background: var(--lc-warning-bg);
}

.sync-warning label[b-2af8uwxn7g] {
    display: block;
    margin-top: 0.5rem;
}

.sync-table[b-2af8uwxn7g] {
    margin: 1rem 0;
    border-collapse: collapse;
}

.sync-table td[b-2af8uwxn7g] {
    padding: 0.25rem 1.5rem 0.25rem 0;
}

.sync-table td:last-child[b-2af8uwxn7g] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.sync-actions[b-2af8uwxn7g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.75rem 0;
}

/* The run history, folded away under one line until it's wanted. */
.sync-history[b-2af8uwxn7g] {
    margin: 1rem 0;
}

    .sync-history > summary[b-2af8uwxn7g] {
        cursor: pointer;
        font-weight: 600;
        font-size: 1.1rem;
        color: var(--lc-heading);
        padding: 0.25rem 0;
        margin-bottom: 0.5rem;
    }

/* The stages that share one pull from the old site. */
.sync-stages[b-2af8uwxn7g] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

    .sync-stages li[b-2af8uwxn7g] {
        margin-bottom: 0.4rem;
    }

        /* Razor drops the space between a stage's name and its sentences. */
        .sync-stages li > strong[b-2af8uwxn7g],
        .sync-stages li > span[b-2af8uwxn7g] {
            margin-right: 0.3em;
        }

        .sync-stages li p[b-2af8uwxn7g] {
            margin: 0.3rem 0;
        }

/* The ancestors preview (or import) from this copy, between the member preview and the run buttons. */
.sync-ancestors-title[b-2af8uwxn7g] {
    margin: 1.25rem 0 0.25rem;
}

/* A Full import's two parts, in order, and the line that says both are done. */
.sync-part[b-2af8uwxn7g] {
    margin: 1rem 0 0.25rem;
}

.sync-done[b-2af8uwxn7g] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--lc-success-border);
    border-radius: 6px;
    background: var(--lc-success-bg);
    color: var(--lc-success-text);
    font-weight: 600;
}
/* /Components/Pages/Admin/LogViewer.razor.rz.scp.css */
.filter-row[b-voyr2qr5da] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.filter-search[b-voyr2qr5da] {
    min-width: 250px;
}

.log-container[b-voyr2qr5da] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.8125rem;
    line-height: 1.5;
    max-height: 70vh;
    overflow-y: auto;
    border: 1px solid var(--lc-border);
    border-radius: 4px;
    padding: 0.5rem;
    background: var(--lc-surface);
}

.log-entry[b-voyr2qr5da] {
    padding: 0.125rem 0.25rem;
    border-bottom: 1px solid var(--lc-border-subtle);
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: baseline;
}

.log-time[b-voyr2qr5da] {
    color: var(--lc-text-subtle);
    flex-shrink: 0;
}

.log-level-badge[b-voyr2qr5da] {
    font-weight: 700;
    flex-shrink: 0;
    width: 2.5rem;
    text-align: center;
}

.log-level-warning .log-level-badge[b-voyr2qr5da] {
    color: var(--lc-warning-ink);
}

.log-level-error .log-level-badge[b-voyr2qr5da],
.log-level-critical .log-level-badge[b-voyr2qr5da] {
    color: var(--lc-red-accent);
}

.log-category[b-voyr2qr5da] {
    color: var(--lc-heading);
    flex-shrink: 0;
}

.log-message[b-voyr2qr5da] {
    flex: 1;
    min-width: 0;
    word-break: break-word;
}

.log-exception[b-voyr2qr5da] {
    width: 100%;
    margin: 0.25rem 0 0;
    padding: 0.5rem;
    font-size: 0.75rem;
    overflow-x: auto;
    background: var(--lc-danger-bg);
    border-radius: 4px;
}

.log-status[b-voyr2qr5da] {
    font-size: 0.8125rem;
    color: var(--lc-text-subtle);
    margin-top: 0.5rem;
}
/* /Components/Pages/Admin/ManualPaymentPanel.razor.rz.scp.css */
.manual-open[b-jnwy25a0yb] {
    font-weight: 600;
}

.field-hint[b-jnwy25a0yb] {
    display: block;
    font-size: 0.85rem;
    color: var(--lc-text-soft);
    margin: 0.25rem 0 0.5rem;
}

    .manual-check .field-hint[b-jnwy25a0yb] {
        display: inline;
        margin: 0;
    }

.optional-tag[b-jnwy25a0yb] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--lc-text-muted);
    letter-spacing: 0.03em;
}

.manual-panel[b-jnwy25a0yb] {
    border: 1px solid var(--lc-border);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    background: var(--lc-surface-sunken);
}

    .manual-panel h3[b-jnwy25a0yb] {
        margin: 0 0 0.75rem;
        font-size: 1rem;
        color: var(--lc-heading);
    }

.manual-grid[b-jnwy25a0yb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem 1rem;
    margin-bottom: 0.75rem;
}

.manual-field[b-jnwy25a0yb] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--lc-text-strong);
}

    .manual-field input[b-jnwy25a0yb],
    .manual-field select[b-jnwy25a0yb],
    .manual-field textarea[b-jnwy25a0yb] {
        font: inherit;
        font-weight: 400;
        padding: 0.5rem 0.65rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 5px;
        color: var(--lc-text-strong);
        background: var(--lc-surface);
    }

.manual-wide[b-jnwy25a0yb] {
    margin-bottom: 0.75rem;
}

.manual-accounts[b-jnwy25a0yb] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.75rem;
}

.manual-label[b-jnwy25a0yb] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--lc-text-strong);
}

.manual-check[b-jnwy25a0yb] {
    display: flex;
    gap: 0.5rem;
    align-items: baseline;
    font-size: 0.9rem;
}

.manual-error[b-jnwy25a0yb] {
    color: var(--lc-danger-ink);
    font-weight: 600;
}

.save-message[b-jnwy25a0yb] {
    color: var(--lc-success-ink);
    font-weight: 600;
}

.inline-actions[b-jnwy25a0yb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.25rem;
    margin-top: 0.75rem;
}

.manual-new-end[b-jnwy25a0yb] {
    display: block;
    font-size: 0.9rem;
    color: var(--lc-text-strong);
    margin-top: 0.25rem;
}

.manual-warning[b-jnwy25a0yb] {
    border: 1px solid var(--lc-warning-border);
    background: var(--lc-warning-bg);
    color: var(--lc-warning-ink);
    border-radius: 6px;
    padding: 0.6rem 0.85rem;
    margin: 0.5rem 0 0.75rem;
}

    .manual-warning p[b-jnwy25a0yb] {
        margin: 0 0 0.4rem;
        font-weight: 600;
    }
/* /Components/Pages/Admin/MemberInsights.razor.rz.scp.css */
.kpi-row[b-q5bi6ijrlk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.75rem;
    margin: 1rem 0 1.25rem;
}

.kpi[b-q5bi6ijrlk] {
    background: var(--lc-surface);
    border: 1px solid var(--lc-border);
    border-left: 4px solid var(--lc-chart-orange);
    border-radius: 6px;
    padding: 0.7rem 0.9rem;
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

a.kpi:hover[b-q5bi6ijrlk] { border-color: var(--lc-chart-orange); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12); }
a.kpi:hover .kpi-label[b-q5bi6ijrlk] { text-decoration: underline; }

.kpi-warn[b-q5bi6ijrlk] { border-left-color: var(--lc-chart-amber); }
.kpi-bad[b-q5bi6ijrlk] { border-left-color: var(--lc-chart-red); }

.kpi-value[b-q5bi6ijrlk] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--lc-text-strong);
    line-height: 1.1;
}

.kpi-label[b-q5bi6ijrlk] {
    font-size: 0.85rem;
    color: var(--lc-text-soft);
    margin-top: 0.2rem;
}

.insight-grid[b-q5bi6ijrlk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 1rem;
    container-type: inline-size;
}

/* The cards between the wide charts come in threes or sixes, so rows fill whether the grid is three across or two. Two across, the
   top three can't: there the third (Subscription position today) takes the whole row instead of leaving a gap. Two columns of at
   least 420px with a 1rem gap need 856px; three need 1292px. */
@container (min-width: 856px) and (max-width: 1291.98px) {
    .insight-third[b-q5bi6ijrlk] {
        grid-column: 1 / -1;
    }
}

.insight-card[b-q5bi6ijrlk] {
    background: var(--lc-surface);
    border: 1px solid var(--lc-border);
    border-radius: 6px;
    padding: 1rem 1.1rem;
    min-width: 0;
}

.insight-card h4[b-q5bi6ijrlk] {
    margin: 0 0 0.2rem;
}

.insight-wide[b-q5bi6ijrlk] {
    grid-column: 1 / -1;
}

.insight-note[b-q5bi6ijrlk] {
    color: var(--lc-text-soft);
    font-size: 0.88rem;
    margin: 0.2rem 0 0.6rem;
}
.insight-footer[b-q5bi6ijrlk] {
    margin-top: 1rem;
    display: flex;
    gap: 0.75rem;
    align-items: center;
    color: var(--lc-text-soft);
    font-size: 0.88rem;
}

@media (max-width: 560px) {
    .insight-grid[b-q5bi6ijrlk] {
        grid-template-columns: 1fr;
    }
}

/* Bars, slices and points open the matching members (SeriesClick), so they should look clickable. */
.insight-card[b-q5bi6ijrlk]  g[class*="-series"] path,
.insight-card[b-q5bi6ijrlk]  .rz-marker,
.insight-card[b-q5bi6ijrlk]  .rz-legend-item {
    cursor: pointer;
}

/* The email reachability key, laid out under its donut rather than over it. */
.reach-key[b-q5bi6ijrlk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.4rem 1rem;
    margin-top: 0.5rem;
    font-size: var(--rz-chart-legend-font-size);
}
.reach-key-item[b-q5bi6ijrlk] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    color: inherit;
    text-decoration: none;
}
.reach-key-item:hover[b-q5bi6ijrlk],
.reach-key-item:focus-visible[b-q5bi6ijrlk] {
    background-color: var(--lc-surface-hover);
}
/* /Components/Pages/Admin/NotificationCatchUp.razor.rz.scp.css */
.catchup-lead[b-ib3wnlqwac] { max-width: 60rem; color: var(--lc-text-soft); }

.catchup-banner[b-ib3wnlqwac] { padding: 0.75rem 1rem; border-radius: 4px; margin-bottom: 1rem; max-width: 60rem; }
.catchup-banner.test[b-ib3wnlqwac] { border: 2px solid var(--lc-warning-strong); background: var(--lc-warning-bg); color: var(--lc-warning-text); }
.catchup-banner.live[b-ib3wnlqwac] { border: 2px solid var(--lc-danger-strong); background: var(--lc-danger-bg); color: var(--lc-danger-text); }

.catchup-section[b-ib3wnlqwac] { max-width: 60rem; margin: 1.25rem 0; padding-top: 0.5rem; border-top: 1px solid var(--lc-border); }

.catchup-label[b-ib3wnlqwac] { display: block; margin: 0.9rem 0 0.25rem; font-weight: 600; }
.catchup-input[b-ib3wnlqwac], .catchup-textarea[b-ib3wnlqwac] { width: 100%; box-sizing: border-box; padding: 0.4rem 0.5rem; font: inherit; border: 1px solid var(--lc-border-strong); border-radius: 4px; }
.catchup-textarea[b-ib3wnlqwac] { resize: vertical; }
.catchup-number[b-ib3wnlqwac] { width: 7rem; padding: 0.4rem 0.5rem; font: inherit; border: 1px solid var(--lc-border-strong); border-radius: 4px; }

.catchup-issue[b-ib3wnlqwac] { margin: 0.5rem 0 1rem; padding: 0.5rem 0.75rem; background: var(--lc-surface-sunken); border: 1px solid var(--lc-border); border-radius: 4px; }
.catchup-issue-title[b-ib3wnlqwac] { display: flex; gap: 0.5rem; align-items: baseline; margin-bottom: 0.4rem; }

.catchup-actions[b-ib3wnlqwac] { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }
.catchup-check[b-ib3wnlqwac] { display: flex; gap: 0.5rem; align-items: flex-start; margin: 0.6rem 0; }

.catchup-muted[b-ib3wnlqwac] { color: var(--lc-text-soft); font-size: 0.9rem; }
.catchup-ok[b-ib3wnlqwac] { color: var(--lc-success-ink); }
.catchup-warn[b-ib3wnlqwac] { color: var(--lc-warning-ink); }
.catchup-error[b-ib3wnlqwac] { color: var(--lc-danger-ink); }

.catchup-coverage[b-ib3wnlqwac] { margin: 0.75rem 0 1rem; }
.catchup-coverage summary[b-ib3wnlqwac] { font-weight: 600; cursor: pointer; }
.catchup-coverage-table[b-ib3wnlqwac] { border-collapse: collapse; margin-top: 0.5rem; }
.catchup-coverage-table td[b-ib3wnlqwac], .catchup-coverage-table th[b-ib3wnlqwac] { padding: 0.2rem 1rem 0.2rem 0; vertical-align: top; text-align: left; }
.catchup-coverage-table td:nth-child(2)[b-ib3wnlqwac], .catchup-coverage-table th:nth-child(2)[b-ib3wnlqwac] { text-align: right; white-space: nowrap; }
.catchup-coverage-head th[b-ib3wnlqwac] { padding-top: 0.75rem; border-bottom: 1px solid var(--lc-border); }

.catchup-numbers[b-ib3wnlqwac] { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 0.75rem 0; }
.catchup-numbers div[b-ib3wnlqwac] { display: flex; flex-direction: column; color: var(--lc-text-soft); font-size: 0.85rem; }
.catchup-numbers span[b-ib3wnlqwac] { font-size: 1.5rem; color: var(--lc-text-strong); font-weight: 600; }

.catchup-bar[b-ib3wnlqwac] { background: var(--lc-progress-track); border-radius: 4px; height: 1.25rem; max-width: 30rem; overflow: hidden; margin: 0.5rem 0 1rem; }
.catchup-bar div[b-ib3wnlqwac] { background: var(--lc-success-strong); height: 100%; transition: width 0.3s; }

.catchup-outcomes[b-ib3wnlqwac] { margin: 0.75rem 0; padding-left: 1.25rem; }
.catchup-outcomes .ok[b-ib3wnlqwac] { color: var(--lc-success-ink); }
.catchup-outcomes .no[b-ib3wnlqwac] { color: var(--lc-danger-ink); }

.catchup-link[b-ib3wnlqwac] { background: none; border: none; padding: 0; margin-left: 0.5rem; color: var(--lc-link); text-decoration: underline; cursor: pointer; font: inherit; }
.catchup-link:disabled[b-ib3wnlqwac] { color: var(--lc-text-subtle); cursor: default; }

/* Room above each sub-heading in the sending controls, so it doesn't sit hard against the control above it. */
.catchup-section h5[b-ib3wnlqwac] { margin: 1.75rem 0 0.5rem; }
.catchup-section h5:first-of-type[b-ib3wnlqwac] { margin-top: 1.25rem; }

.catchup-held[b-ib3wnlqwac] { border: 1px solid var(--lc-warning-strong); background: var(--lc-warning-bg); border-radius: 6px; padding: 0.6rem 0.9rem; margin: 0.75rem 0; }
.catchup-batches[b-ib3wnlqwac], .catchup-problems[b-ib3wnlqwac] { max-width: 60rem; font-size: 0.9rem; }
.catchup-problems th[b-ib3wnlqwac] { text-align: left; }
.catchup-batches[b-ib3wnlqwac] { width: auto; }
.catchup-batches th[b-ib3wnlqwac], .catchup-batches td[b-ib3wnlqwac] { padding: 0.25rem 0.5rem; }
.catchup-batches th:first-child[b-ib3wnlqwac], .catchup-batches td:first-child[b-ib3wnlqwac] { text-align: left; padding-right: 1.5rem; }
.catchup-batches td:nth-child(n+2)[b-ib3wnlqwac], .catchup-batches th:nth-child(n+2)[b-ib3wnlqwac] { text-align: right; white-space: nowrap; padding-left: 1.5rem; min-width: 5rem; }
.catchup-batches tr.bad td[b-ib3wnlqwac] { color: var(--lc-danger-ink); font-weight: 600; }
.catchup-detail[b-ib3wnlqwac] { font-size: 0.8rem; color: var(--lc-text-soft); max-width: 28rem; }
.catchup-batches tfoot tr.total td[b-ib3wnlqwac] { font-weight: 700; border-top: 2px solid var(--lc-text-soft); }
/* /Components/Pages/Admin/NotificationCompose.razor.rz.scp.css */
.mixin-line label[b-nbo28jt6sl] {
    display: inline;
}

.mixin-number[b-nbo28jt6sl] {
    width: 6rem;
    margin: 0 0.3rem;
    padding: 0.15rem 0.3rem;
    border: 1px solid var(--lc-border-strong);
    border-radius: 4px;
    background: var(--lc-surface);
    color: var(--lc-text);
}
/* /Components/Pages/Admin/NotificationHistory.razor.rz.scp.css */
.history-table th[b-s4jmvf57dq], .history-table td[b-s4jmvf57dq] {
    white-space: nowrap;
}

.history-table td:first-child[b-s4jmvf57dq] {
    white-space: normal;
    min-width: 16rem;
}

.history-rate[b-s4jmvf57dq] {
    color: var(--lc-text-muted);
    font-size: 0.85em;
}

.history-batches > td[b-s4jmvf57dq] {
    background: var(--lc-surface-sunken);
    padding: 0.5rem 1rem;
}
/* /Components/Pages/Admin/OldSiteClosures.razor.rz.scp.css */
.closures-filter[b-j5r7b0i9hn] { display: block; margin: 0.5rem 0 1rem; } .closures-table[b-j5r7b0i9hn] { max-width: 44rem; }
/* /Components/Pages/Admin/PurgeReview.razor.rz.scp.css */
.purge-card[b-p4su7qydbl] {
    background: var(--lc-surface);
    border: 1px solid var(--lc-border);
    border-left: 4px solid var(--lc-chart-amber);
    border-radius: 6px;
    padding: 0.8rem 1rem;
    margin: 1rem 0;
}

.purge-error[b-p4su7qydbl] { color: var(--lc-danger-ink); }
.purge-heading[b-p4su7qydbl] { margin-top: 1.5rem; }
.purge-note[b-p4su7qydbl] { color: var(--lc-text-soft); font-size: 0.92rem; }
.download-all[b-p4su7qydbl] { font-weight: 600; }

.purge-table th[b-p4su7qydbl], .purge-table td[b-p4su7qydbl] { vertical-align: top; padding-right: 0.9rem; }
.purge-table td:first-child[b-p4su7qydbl], .purge-table th:first-child[b-p4su7qydbl] { min-width: 20rem; }
.purge-table td:nth-child(n+3):nth-child(-n+7)[b-p4su7qydbl], .purge-table th:nth-child(n+3):nth-child(-n+7)[b-p4su7qydbl] { text-align: right; white-space: nowrap; }
.purge-advice[b-p4su7qydbl] { font-size: 0.85rem; color: var(--lc-text-soft); max-width: 38rem; margin-top: 0.15rem; }
.purge-download[b-p4su7qydbl] { white-space: nowrap; }

.purge-badge[b-p4su7qydbl] { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.74rem; font-weight: 700; white-space: nowrap; background: var(--lc-neutral-bg); color: var(--lc-neutral-text); }
.purge-decided .purge-badge[b-p4su7qydbl] { background: var(--lc-danger-bg); color: var(--lc-danger-text); }
.purge-dead .purge-badge[b-p4su7qydbl], .purge-dormant .purge-badge[b-p4su7qydbl], .purge-cannotemail .purge-badge[b-p4su7qydbl], .purge-oldbounce .purge-badge[b-p4su7qydbl] { background: var(--lc-danger-bg); color: var(--lc-danger-text); }
.purge-removed .purge-badge[b-p4su7qydbl] { background: var(--lc-info-bg); color: var(--lc-info-text); }
.purge-newsletteroff .purge-badge[b-p4su7qydbl], .purge-inactive .purge-badge[b-p4su7qydbl] { background: var(--lc-warning-bg); color: var(--lc-warning-ink); }
.purge-active .purge-badge[b-p4su7qydbl] { background: var(--lc-success-bg); color: var(--lc-success-ink); }

.purge-list[b-p4su7qydbl] { margin: 0.25rem 0 0.5rem; }
.purge-kept[b-p4su7qydbl] { max-width: 34rem; }
.purge-delete[b-p4su7qydbl] { border-color: var(--lc-danger-border); margin-top: 1rem; }
.purge-delete .btn[b-p4su7qydbl] { margin-right: 0.5rem; }
.purge-result[b-p4su7qydbl] { font-weight: 600; margin-top: 0.75rem; }
.purge-kept td:last-child[b-p4su7qydbl] { text-align: right; }
/* /Components/Pages/Admin/ReacherChecks.razor.rz.scp.css */
.check-lead[b-bt17x0j9bb] { max-width: 60rem; color: var(--lc-text-soft); }

.check-banner[b-bt17x0j9bb] { padding: 0.75rem 1rem; border-radius: 4px; margin-bottom: 1rem; max-width: 60rem; }
.check-banner.test[b-bt17x0j9bb] { border: 2px solid var(--lc-warning-strong); background: var(--lc-warning-bg); color: var(--lc-warning-text); }
.check-banner.off[b-bt17x0j9bb] { border: 2px solid var(--lc-control-edge); background: var(--lc-surface-sunken); color: var(--lc-text-strong); }

.check-section[b-bt17x0j9bb] { max-width: 60rem; margin: 1.25rem 0; padding-top: 0.5rem; border-top: 1px solid var(--lc-border); }

.check-numbers[b-bt17x0j9bb] { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 0.75rem 0; }
.check-numbers div[b-bt17x0j9bb] { display: flex; flex-direction: column; color: var(--lc-text-soft); font-size: 0.85rem; }
.check-numbers span[b-bt17x0j9bb] { font-size: 1.5rem; color: var(--lc-text-strong); font-weight: 600; }

.check-actions[b-bt17x0j9bb] { margin-top: 0.75rem; display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }
.check-select[b-bt17x0j9bb], .check-number[b-bt17x0j9bb] { padding: 0.4rem 0.5rem; font: inherit; border: 1px solid var(--lc-border-strong); border-radius: 4px; }
.check-number[b-bt17x0j9bb] { width: 7rem; }

.check-muted[b-bt17x0j9bb] { color: var(--lc-text-soft); font-size: 0.9rem; }
.check-ok[b-bt17x0j9bb] { color: var(--lc-success-ink); }
.check-error[b-bt17x0j9bb] { color: var(--lc-danger-ink); }

.check-bar[b-bt17x0j9bb] { background: var(--lc-progress-track); border-radius: 4px; height: 1.25rem; max-width: 30rem; overflow: hidden; margin: 0.5rem 0 1rem; }
.check-bar div[b-bt17x0j9bb] { background: var(--lc-success-strong); height: 100%; transition: width 0.3s; }

.check-table th:nth-child(n+3)[b-bt17x0j9bb], .check-table td:nth-child(n+3)[b-bt17x0j9bb] { text-align: right; }

.check-provider[b-bt17x0j9bb] { display: inline-flex; align-items: center; gap: 0.35rem; margin-right: 0.5rem; }

.check-tests summary[b-bt17x0j9bb] { font-weight: 600; cursor: pointer; }
/* /Components/Pages/Admin/RecoveryRequest.razor.rz.scp.css */
.recovery-muted[b-8gtgokibhj] { color: var(--lc-text-muted); font-size: 0.88rem; }
.recovery-warn[b-8gtgokibhj] { color: var(--lc-warning-ink); }
.recovery-ok[b-8gtgokibhj] { color: var(--lc-success-ink); font-weight: 600; }
.recovery-error[b-8gtgokibhj] { color: var(--lc-danger-ink); font-weight: 600; }
.recovery-status[b-8gtgokibhj] { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.78rem; font-weight: 700; background: var(--lc-neutral-bg); color: var(--lc-neutral-text); margin-right: 0.4rem; }
.recovery-new[b-8gtgokibhj] { background: var(--lc-warning-bg); color: var(--lc-warning-ink); }
.recovery-needsinfo[b-8gtgokibhj] { background: var(--lc-info-bg); color: var(--lc-info-text); }
.recovery-approved[b-8gtgokibhj] { background: var(--lc-success-bg); color: var(--lc-success-ink); }
.recovery-rejected[b-8gtgokibhj] { background: var(--lc-neutral-bg); color: var(--lc-text-muted); }
.recovery-facts[b-8gtgokibhj] { max-width: 48rem; }
.recovery-facts th[b-8gtgokibhj] { width: 11rem; font-weight: 600; }
.recovery-pre[b-8gtgokibhj] { white-space: pre-wrap; }
.recovery-notes[b-8gtgokibhj] { max-width: 60rem; }
.recovery-card[b-8gtgokibhj] { border: 1px solid var(--lc-border); border-radius: 6px; padding: 0.6rem 0.8rem; margin: 0.6rem 0; max-width: 60rem; background: var(--lc-surface); }
.recovery-absorbed[b-8gtgokibhj] { background: var(--lc-surface-sunken); }
.recovery-card-head[b-8gtgokibhj] { display: flex; gap: 0.6rem; align-items: baseline; flex-wrap: wrap; }
.recovery-score[b-8gtgokibhj] { margin-left: auto; font-size: 0.8rem; color: var(--lc-neutral-text); }
.recovery-problem[b-8gtgokibhj] { margin-left: 0.4rem; font-size: 0.8rem; color: var(--lc-danger-text); font-weight: 600; }
.recovery-reasons[b-8gtgokibhj] { font-size: 0.88rem; margin-top: 0.25rem; }
.recovery-flag[b-8gtgokibhj] { font-size: 0.88rem; color: var(--lc-warning-ink); margin-top: 0.15rem; }
.recovery-confirm[b-8gtgokibhj] { margin-top: 0.6rem; padding: 0.6rem; background: var(--lc-surface-sunken); border-radius: 4px; }
.recovery-check[b-8gtgokibhj] { display: block; margin: 0.4rem 0; }
.recovery-action[b-8gtgokibhj] { margin-top: 0.5rem; }
.recovery-search[b-8gtgokibhj] { display: flex; gap: 0.5rem; max-width: 40rem; margin-bottom: 0.5rem; }
h5[b-8gtgokibhj] { margin-top: 1.4rem; }
/* /Components/Pages/Admin/RecoveryRequests.razor.rz.scp.css */
.recovery-filter[b-snqwkquwvp] { display: flex; gap: 1.5rem; margin: 0.5rem 0 1rem; }
.recovery-muted[b-snqwkquwvp] { color: var(--lc-text-muted); font-size: 0.88rem; }
.recovery-status[b-snqwkquwvp] { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.78rem; font-weight: 700; background: var(--lc-neutral-bg); color: var(--lc-neutral-text); }
.recovery-new[b-snqwkquwvp] { background: var(--lc-warning-bg); color: var(--lc-warning-ink); }
.recovery-needsinfo[b-snqwkquwvp] { background: var(--lc-info-bg); color: var(--lc-info-text); }
.recovery-approved[b-snqwkquwvp] { background: var(--lc-success-bg); color: var(--lc-success-ink); }
.recovery-rejected[b-snqwkquwvp] { background: var(--lc-neutral-bg); color: var(--lc-text-muted); }
.recovery-filter[b-snqwkquwvp] { flex-wrap: wrap; }
.recovery-filter-gap[b-snqwkquwvp] { width: 1rem; }
.recovery-kind[b-snqwkquwvp] { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 999px; font-size: 0.78rem; font-weight: 600; background: var(--lc-neutral-bg); color: var(--lc-neutral-text); white-space: nowrap; }
.recovery-kind-alsome[b-snqwkquwvp] { background: var(--lc-info-bg); color: var(--lc-info-text); }
/* /Components/Pages/Admin/RecoveryStart.razor.rz.scp.css */
.recovery-muted[b-ajn8fq3pk9] { color: var(--lc-text-muted); font-size: 0.88rem; }
.recovery-error[b-ajn8fq3pk9] { color: var(--lc-danger-ink); font-weight: 600; }
.recovery-action[b-ajn8fq3pk9] { margin-top: 0.8rem; }
.recovery-search[b-ajn8fq3pk9] { display: flex; gap: 0.5rem; max-width: 40rem; margin-bottom: 0.5rem; }
h5[b-ajn8fq3pk9] { margin-top: 1.4rem; }

.start-grid[b-ajn8fq3pk9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem 1rem;
    max-width: 48rem;
}

.start-grid label[b-ajn8fq3pk9] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.88rem;
    font-weight: 600;
}

.start-wide[b-ajn8fq3pk9] {
    grid-column: 1 / -1;
}

@media (max-width: 600px) {
    .start-grid[b-ajn8fq3pk9] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Admin/SignInPreviewCard.razor.rz.scp.css */
.site-card[b-m07mlafn86] { background: var(--lc-surface); border-radius: 8px; padding: 1.5rem; margin-bottom: 1.25rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); max-width: 1000px; }
.site-card h2[b-m07mlafn86] { margin: 0 0 0.5rem; color: var(--lc-heading); font-size: 1.1rem; }
.hint[b-m07mlafn86] { font-size: 0.88rem; color: var(--lc-text-soft); margin: 0.25rem 0 0.75rem; }
.state-line[b-m07mlafn86] { font-size: 0.92rem; color: var(--lc-text-strong); margin: 0 0 0.9rem; }
.state[b-m07mlafn86] { display: inline-block; padding: 0.05rem 0.5rem; border-radius: 999px; font-size: 0.78rem; font-weight: 600; }
.state-active[b-m07mlafn86] { background: var(--lc-success-bg); color: var(--lc-success-text); }
.state-scheduled[b-m07mlafn86] { background: var(--lc-info-bg); color: var(--lc-info-text); }
.warn[b-m07mlafn86] { flex-basis: 100%; font-size: 0.9rem; color: var(--lc-danger-text); background: var(--lc-danger-bg); border: 1px solid var(--lc-danger-border); border-radius: 5px; padding: 0.5rem 0.7rem; margin: 0; }
.field-grid[b-m07mlafn86] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; max-width: 500px; }
.field[b-m07mlafn86] { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.85rem; color: var(--lc-text-strong); font-weight: 600; margin-bottom: 0.75rem; }
.field input[b-m07mlafn86] { font: inherit; font-weight: 400; padding: 0.5rem 0.65rem; border: 1px solid var(--lc-border-strong); border-radius: 5px; color: var(--lc-text-strong); background: var(--lc-surface); }
.form-actions[b-m07mlafn86] { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.save-message[b-m07mlafn86] { color: var(--lc-text-strong); }
/* /Components/Pages/Admin/SiteStatus.razor.rz.scp.css */
.lead[b-4hy76ur3mt] {
    color: var(--lc-text-soft);
    margin-top: 0;
    margin-bottom: 1rem;
}

.site-card[b-4hy76ur3mt] {
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    max-width: 1000px;
}

    .site-card h2[b-4hy76ur3mt] {
        margin: 0 0 0.5rem;
        color: var(--lc-heading);
        font-size: 1.1rem;
    }

.hint[b-4hy76ur3mt] {
    font-size: 0.88rem;
    color: var(--lc-text-soft);
    margin: 0.25rem 0 0.75rem;
}

.warn[b-4hy76ur3mt] {
    font-size: 0.9rem;
    color: var(--lc-danger-text);
    background: var(--lc-danger-bg);
    border: 1px solid var(--lc-danger-border);
    border-radius: 5px;
    padding: 0.5rem 0.7rem;
    margin: 0.75rem 0;
}

.mode-options[b-4hy76ur3mt] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin: 0.5rem 0 1rem;
}

.mode-option[b-4hy76ur3mt] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    font-size: 0.92rem;
    color: var(--lc-text-strong);
    cursor: pointer;
}

    .mode-option input[b-4hy76ur3mt] {
        margin-top: 0.25rem;
    }

.optional-tag[b-4hy76ur3mt] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--lc-text-muted);
    letter-spacing: 0.03em;
}

.field-grid[b-4hy76ur3mt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.field[b-4hy76ur3mt] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.85rem;
    color: var(--lc-text-strong);
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.field-wide[b-4hy76ur3mt] {
    grid-column: 1 / -1;
}

    .field input[type="text"][b-4hy76ur3mt],
    .field input[type="datetime-local"][b-4hy76ur3mt],
    .field select[b-4hy76ur3mt],
    .field textarea[b-4hy76ur3mt] {
        font: inherit;
        font-weight: 400;
        padding: 0.5rem 0.65rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 5px;
        color: var(--lc-text-strong);
        background: var(--lc-surface);
    }

    .field input:disabled[b-4hy76ur3mt],
    .field textarea:disabled[b-4hy76ur3mt] {
        background: var(--lc-surface-disabled);
        color: var(--lc-text-disabled);
    }

    .field.check[b-4hy76ur3mt] {
        flex-direction: row;
        align-items: center;
        font-weight: 400;
    }

.banner-table[b-4hy76ur3mt] {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.9rem;
}

    .banner-table th[b-4hy76ur3mt],
    .banner-table td[b-4hy76ur3mt] {
        text-align: left;
        padding: 0.45rem 0.6rem;
        border-bottom: 1px solid var(--lc-border);
        vertical-align: top;
    }

.banner-message[b-4hy76ur3mt] {
    max-width: 380px;
}

.row-actions[b-4hy76ur3mt] {
    white-space: nowrap;
}

.btn-link[b-4hy76ur3mt] {
    background: none;
    border: none;
    padding: 0 0.5rem 0 0;
    color: var(--lc-accent);
    font: inherit;
    font-size: 0.88rem;
    text-decoration: underline;
    cursor: pointer;
}

    .btn-link.danger[b-4hy76ur3mt] {
        color: var(--lc-danger-ink);
    }

.state[b-4hy76ur3mt] {
    display: inline-block;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
}

.state-active[b-4hy76ur3mt] { background: var(--lc-success-bg); color: var(--lc-success-text); }
.state-scheduled[b-4hy76ur3mt] { background: var(--lc-info-bg); color: var(--lc-info-text); }
.state-ended[b-4hy76ur3mt] { background: var(--lc-neutral-bg); color: var(--lc-text-soft); }
.state-off[b-4hy76ur3mt] { background: var(--lc-neutral-bg); color: var(--lc-text-soft); }

.preview[b-4hy76ur3mt] {
    border: 1px dashed var(--lc-border-strong);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.form-actions[b-4hy76ur3mt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.save-message[b-4hy76ur3mt] {
    margin-left: 0.75rem;
    color: var(--lc-text-strong);
}
/* /Components/Pages/Admin/SiteUpdateEmail.razor.rz.scp.css */
.catchup-lead[b-ywwhxi2wy9] { max-width: 60rem; color: var(--lc-text-soft); }

.catchup-banner[b-ywwhxi2wy9] { padding: 0.75rem 1rem; border-radius: 4px; margin-bottom: 1rem; max-width: 60rem; }
.catchup-banner.test[b-ywwhxi2wy9] { border: 2px solid var(--lc-warning-strong); background: var(--lc-warning-bg); color: var(--lc-warning-text); }
.catchup-banner.live[b-ywwhxi2wy9] { border: 2px solid var(--lc-danger-strong); background: var(--lc-danger-bg); color: var(--lc-danger-text); }

.catchup-section[b-ywwhxi2wy9] { max-width: 60rem; margin: 1.25rem 0; padding-top: 0.5rem; border-top: 1px solid var(--lc-border); }

.catchup-label[b-ywwhxi2wy9] { display: block; margin: 0.9rem 0 0.25rem; font-weight: 600; }
.catchup-input[b-ywwhxi2wy9], .catchup-textarea[b-ywwhxi2wy9] { width: 100%; box-sizing: border-box; padding: 0.4rem 0.5rem; font: inherit; border: 1px solid var(--lc-border-strong); border-radius: 4px; }
.catchup-textarea[b-ywwhxi2wy9] { resize: vertical; }
.catchup-number[b-ywwhxi2wy9] { width: 7rem; padding: 0.4rem 0.5rem; font: inherit; border: 1px solid var(--lc-border-strong); border-radius: 4px; }

.catchup-issue[b-ywwhxi2wy9] { margin: 0.5rem 0 1rem; padding: 0.5rem 0.75rem; background: var(--lc-surface-sunken); border: 1px solid var(--lc-border); border-radius: 4px; }
.catchup-issue-title[b-ywwhxi2wy9] { display: flex; gap: 0.5rem; align-items: baseline; margin-bottom: 0.4rem; }

.catchup-actions[b-ywwhxi2wy9] { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }
.catchup-check[b-ywwhxi2wy9] { display: flex; gap: 0.5rem; align-items: flex-start; margin: 0.6rem 0; }

.catchup-muted[b-ywwhxi2wy9] { color: var(--lc-text-soft); font-size: 0.9rem; }
.catchup-ok[b-ywwhxi2wy9] { color: var(--lc-success-ink); }
.catchup-warn[b-ywwhxi2wy9] { color: var(--lc-warning-ink); }
.catchup-error[b-ywwhxi2wy9] { color: var(--lc-danger-ink); }

.catchup-coverage[b-ywwhxi2wy9] { margin: 0.75rem 0 1rem; }
.catchup-coverage summary[b-ywwhxi2wy9] { font-weight: 600; cursor: pointer; }
.catchup-coverage-table[b-ywwhxi2wy9] { border-collapse: collapse; margin-top: 0.5rem; }
.catchup-coverage-table td[b-ywwhxi2wy9], .catchup-coverage-table th[b-ywwhxi2wy9] { padding: 0.2rem 1rem 0.2rem 0; vertical-align: top; text-align: left; }
.catchup-coverage-table td:nth-child(2)[b-ywwhxi2wy9], .catchup-coverage-table th:nth-child(2)[b-ywwhxi2wy9] { text-align: right; white-space: nowrap; }
.catchup-coverage-head th[b-ywwhxi2wy9] { padding-top: 0.75rem; border-bottom: 1px solid var(--lc-border); }

.catchup-numbers[b-ywwhxi2wy9] { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 0.75rem 0; }
.catchup-numbers div[b-ywwhxi2wy9] { display: flex; flex-direction: column; color: var(--lc-text-soft); font-size: 0.85rem; }
.catchup-numbers span[b-ywwhxi2wy9] { font-size: 1.5rem; color: var(--lc-text-strong); font-weight: 600; }

.catchup-bar[b-ywwhxi2wy9] { background: var(--lc-progress-track); border-radius: 4px; height: 1.25rem; max-width: 30rem; overflow: hidden; margin: 0.5rem 0 1rem; }
.catchup-bar div[b-ywwhxi2wy9] { background: var(--lc-success-strong); height: 100%; transition: width 0.3s; }

.catchup-outcomes[b-ywwhxi2wy9] { margin: 0.75rem 0; padding-left: 1.25rem; }
.catchup-outcomes .ok[b-ywwhxi2wy9] { color: var(--lc-success-ink); }
.catchup-outcomes .no[b-ywwhxi2wy9] { color: var(--lc-danger-ink); }

.catchup-link[b-ywwhxi2wy9] { background: none; border: none; padding: 0; margin-left: 0.5rem; color: var(--lc-link); text-decoration: underline; cursor: pointer; font: inherit; }
.catchup-link:disabled[b-ywwhxi2wy9] { color: var(--lc-text-subtle); cursor: default; }

/* Room above each sub-heading in the sending controls, so it doesn't sit hard against the control above it. */
.catchup-section h5[b-ywwhxi2wy9] { margin: 1.75rem 0 0.5rem; }
.catchup-section h5:first-of-type[b-ywwhxi2wy9] { margin-top: 1.25rem; }

.catchup-held[b-ywwhxi2wy9] { border: 1px solid var(--lc-warning-strong); background: var(--lc-warning-bg); border-radius: 6px; padding: 0.6rem 0.9rem; margin: 0.75rem 0; }
.catchup-batches[b-ywwhxi2wy9], .catchup-problems[b-ywwhxi2wy9] { max-width: 60rem; font-size: 0.9rem; }
.catchup-problems th[b-ywwhxi2wy9] { text-align: left; }
.catchup-batches[b-ywwhxi2wy9] { width: auto; }
.catchup-batches th[b-ywwhxi2wy9], .catchup-batches td[b-ywwhxi2wy9] { padding: 0.25rem 0.5rem; }
.catchup-batches th:first-child[b-ywwhxi2wy9], .catchup-batches td:first-child[b-ywwhxi2wy9] { text-align: left; padding-right: 1.5rem; }
.catchup-batches td:nth-child(n+2)[b-ywwhxi2wy9], .catchup-batches th:nth-child(n+2)[b-ywwhxi2wy9] { text-align: right; white-space: nowrap; padding-left: 1.5rem; min-width: 5rem; }
.catchup-batches tr.bad td[b-ywwhxi2wy9] { color: var(--lc-danger-ink); font-weight: 600; }
.catchup-detail[b-ywwhxi2wy9] { font-size: 0.8rem; color: var(--lc-text-soft); max-width: 28rem; }
.catchup-batches tfoot tr.total td[b-ywwhxi2wy9] { font-weight: 700; border-top: 2px solid var(--lc-text-soft); }
.audience-filters[b-ywwhxi2wy9] {
    display: grid;
    grid-template-columns: minmax(12rem, max-content) 1fr;
    gap: 0.4rem 1rem;
    align-items: center;
    margin: 0.5rem 0 0.75rem;
}
.audience-filters select[b-ywwhxi2wy9] { max-width: 12rem; }
.audience-range[b-ywwhxi2wy9] { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; }
.audience-count[b-ywwhxi2wy9] { margin: 0.5rem 0 1rem; padding: 0.6rem 0.9rem; border-radius: 6px; background: var(--lc-surface-sunken); }
.audience-count p[b-ywwhxi2wy9] { margin: 0 0 0.4rem; }
.audience-allowance[b-ywwhxi2wy9] { border-collapse: collapse; }
.audience-allowance td[b-ywwhxi2wy9] { padding: 0.15rem 1rem 0.15rem 0; }
.audience-allowance tr.over td[b-ywwhxi2wy9] { color: var(--lc-danger-ink); font-weight: 700; }
@media (max-width: 600px) {
    .audience-filters[b-ywwhxi2wy9] { grid-template-columns: 1fr; }
}
.update-mix[b-ywwhxi2wy9] { border: 1px solid var(--lc-border); border-radius: 6px; padding: 0.75rem 1rem; margin: 0.75rem 0; }
/* /Components/Pages/Admin/Subscriptions.razor.rz.scp.css */
.subs-health[b-mcal6mr1b0] {
    border: 1px solid var(--lc-border);
    border-left: 6px solid var(--lc-success-strong);
    border-radius: 6px;
    background: var(--lc-surface);
    padding: 0.75rem 1rem;
    margin: 0.75rem 0 1rem;
}

    .subs-health.bad[b-mcal6mr1b0] {
        border-left-color: var(--lc-danger-strong);
        background: var(--lc-danger-bg);
    }

.subs-health-flags[b-mcal6mr1b0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.subs-flag[b-mcal6mr1b0] {
    font-size: 0.85rem;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    border: 1px solid var(--lc-border);
}

    .subs-flag.on[b-mcal6mr1b0] {
        background: var(--lc-success-bg);
        color: var(--lc-success-text);
        border-color: var(--lc-success-border);
    }

    .subs-flag.off[b-mcal6mr1b0] {
        background: var(--lc-neutral-bg);
        color: var(--lc-neutral-text);
    }

.subs-health-lines[b-mcal6mr1b0] {
    font-size: 0.88rem;
    color: var(--lc-text-muted);
}

.subs-health-verdict[b-mcal6mr1b0] {
    margin: 0.4rem 0 0;
    color: var(--lc-success-ink);
    font-weight: 600;
}

.subs-problems[b-mcal6mr1b0] {
    margin: 0.4rem 0 0;
    color: var(--lc-danger-ink);
}

.subs-tabs[b-mcal6mr1b0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    border-bottom: 1px solid var(--lc-border);
    margin-bottom: 1rem;
}

.subs-tab[b-mcal6mr1b0] {
    background: none;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    padding: 0.45rem 0.9rem;
    cursor: pointer;
    color: var(--lc-link);
    font: inherit;
}

    .subs-tab.active[b-mcal6mr1b0] {
        background: var(--lc-surface);
        border-color: var(--lc-border);
        color: var(--lc-text-strong);
        font-weight: 600;
        margin-bottom: -1px;
    }

.subs-month[b-mcal6mr1b0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.subs-message[b-mcal6mr1b0] {
    background: var(--lc-info-bg);
    border: 1px solid var(--lc-info-border);
    color: var(--lc-info-text);
    border-radius: 6px;
    padding: 0.5rem 0.8rem;
}

.subs-cards[b-mcal6mr1b0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.subs-card[b-mcal6mr1b0] {
    border: 1px solid var(--lc-border);
    border-radius: 6px;
    background: var(--lc-surface);
    padding: 0.75rem;
}

.subs-big[b-mcal6mr1b0] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--lc-heading);
}

.subs-small[b-mcal6mr1b0] {
    font-size: 0.8rem;
    color: var(--lc-text-muted);
    font-weight: normal;
}

.subs-note[b-mcal6mr1b0] {
    color: var(--lc-text-muted);
    font-size: 0.92rem;
}

.subs-chart[b-mcal6mr1b0] {
    border: 1px solid var(--lc-border);
    border-radius: 6px;
    background: var(--lc-surface);
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

    .subs-chart h4[b-mcal6mr1b0] {
        margin-top: 0;
    }

.subs-table[b-mcal6mr1b0] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    font-size: 0.92rem;
}

    .subs-table.narrow[b-mcal6mr1b0] {
        width: auto;
    }

    .subs-table th[b-mcal6mr1b0],
    .subs-table td[b-mcal6mr1b0] {
        text-align: left;
        padding: 0.4rem 0.5rem;
        border-bottom: 1px solid var(--lc-border-subtle);
        vertical-align: top;
    }

    .subs-table th[b-mcal6mr1b0] {
        color: var(--lc-text-muted);
        font-weight: 600;
    }

    .subs-table tr.attention td[b-mcal6mr1b0] {
        background: var(--lc-warning-bg);
    }

.subs-message-cell[b-mcal6mr1b0] {
    max-width: 22rem;
    white-space: pre-wrap;
}

.subs-input[b-mcal6mr1b0] {
    padding: 0.3rem 0.45rem;
    font: inherit;
    border: 1px solid var(--lc-border-strong);
    border-radius: 4px;
    background: var(--lc-surface);
    color: var(--lc-text);
}

    .subs-input.short[b-mcal6mr1b0] {
        width: 6rem;
    }

.subs-other-form[b-mcal6mr1b0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.subs-switches[b-mcal6mr1b0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.subs-vat[b-mcal6mr1b0] {
    border: 1px solid var(--lc-border);
    border-left: 6px solid var(--lc-success-strong);
    border-radius: 6px;
    background: var(--lc-surface);
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

    .subs-vat.amber[b-mcal6mr1b0] {
        border-left-color: var(--lc-warning-strong);
        background: var(--lc-warning-bg);
    }

    .subs-vat.red[b-mcal6mr1b0] {
        border-left-color: var(--lc-danger-strong);
        background: var(--lc-danger-bg);
    }

.subs-vat-bar[b-mcal6mr1b0] {
    height: 0.6rem;
    background: var(--lc-progress-track);
    border-radius: 999px;
    overflow: hidden;
    margin: 0.4rem 0 0.6rem;
}

    .subs-vat-bar div[b-mcal6mr1b0] {
        height: 100%;
        background: var(--lc-chart-blue);
    }
/* /Components/Pages/Admin/SuppressedRecipients.razor.rz.scp.css */
.supp-summary[b-9uovpozgcp] { margin: 0.5rem 0 1.25rem; max-width: 1100px; }
.supp-summary h4[b-9uovpozgcp] { margin-top: 1rem; }
.supp-note[b-9uovpozgcp] { color: var(--lc-text-muted); font-size: 0.9rem; max-width: 820px; }
.supp-filter[b-9uovpozgcp] { margin: 0.5rem 0; }

.supp-groups[b-9uovpozgcp] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0.9rem; }
.supp-group[b-9uovpozgcp] { background: var(--lc-surface); border: 1px solid var(--lc-border); border-radius: 6px; padding: 0.6rem 0.8rem; }
.supp-group h5[b-9uovpozgcp] { font-size: 0.95rem; margin: 0 0 0.4rem; display: flex; justify-content: space-between; }
.supp-group-total[b-9uovpozgcp] { font-weight: 700; }

.supp-reason[b-9uovpozgcp] {
    display: grid; grid-template-columns: auto 1fr; column-gap: 0.6rem; align-items: baseline;
    width: 100%; text-align: left; background: none; border: 1px solid transparent; border-radius: 4px;
    padding: 0.35rem 0.4rem; cursor: pointer; color: inherit;
}
.supp-reason:hover[b-9uovpozgcp] { background: var(--lc-surface-hover); }
.supp-reason.selected[b-9uovpozgcp] { border-color: var(--lc-chart-amber); background: var(--lc-warning-bg); }
.supp-count[b-9uovpozgcp] { font-size: 1.15rem; font-weight: 700; min-width: 4.5rem; text-align: right; }
.supp-label[b-9uovpozgcp] { font-weight: 600; }
.supp-week[b-9uovpozgcp] { grid-column: 2; font-size: 0.8rem; color: var(--lc-warning-ink); }
.supp-explain[b-9uovpozgcp] { grid-column: 2; font-size: 0.8rem; color: var(--lc-text-muted); }

.supp-table[b-9uovpozgcp] { max-width: 760px; }
.supp-table td:nth-child(n+2)[b-9uovpozgcp], .supp-table th:nth-child(n+2)[b-9uovpozgcp] { text-align: right; white-space: nowrap; width: 7rem; }
/* /Components/Pages/Admin/UserDetail.razor.rz.scp.css */
/* Same card/field look as the member's own My Details page (Pages/Member/MyDetails.razor.css), so an
   admin sees a member's record the way the member does. Text is kept darker than the member page's
   greys, as on the other admin pages. */

.lead[b-qfrfxmv85m] {
    color: var(--lc-text-soft);
    margin-top: 0;
    margin-bottom: 1rem;
}

.details-card[b-qfrfxmv85m] {
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    max-width: 1000px;
}

    .details-card h2[b-qfrfxmv85m] {
        margin: 0 0 0.75rem;
        color: var(--lc-heading);
        font-size: 1.1rem;
    }

.optional-tag[b-qfrfxmv85m] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--lc-text-muted);
    letter-spacing: 0.03em;
}

.field-hint[b-qfrfxmv85m] {
    font-size: 0.85rem;
    color: var(--lc-text-soft);
    margin: 0.25rem 0 0.75rem;
}

.field-grid[b-qfrfxmv85m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.field[b-qfrfxmv85m] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.85rem;
    color: var(--lc-text-strong);
    font-weight: 600;
}

.field-wide[b-qfrfxmv85m] {
    grid-column: 1 / -1;
}

    .field input[type="text"][b-qfrfxmv85m],
    .field input[type="email"][b-qfrfxmv85m],
    .field input[type="date"][b-qfrfxmv85m],
    .field input[type="number"][b-qfrfxmv85m],
    .field[b-qfrfxmv85m]  select {
        font: inherit;
        font-weight: 400;
        padding: 0.5rem 0.65rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 5px;
        color: var(--lc-text-strong);
        background: var(--lc-surface);
    }

        .field input:disabled[b-qfrfxmv85m],
        .field[b-qfrfxmv85m]  select:disabled {
            background: var(--lc-surface-disabled);
            color: var(--lc-text-disabled);
        }

        .field input:focus[b-qfrfxmv85m],
        .field[b-qfrfxmv85m]  select:focus {
            outline: 2px solid var(--lc-accent);
            outline-offset: 1px;
        }

.radio-row[b-qfrfxmv85m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 0.9rem;
    font-size: 0.9rem;
    color: var(--lc-text-strong);
}

    .radio-row label[b-qfrfxmv85m] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        font-weight: 400;
        cursor: pointer;
    }

.radio-row-label[b-qfrfxmv85m] {
    font-weight: 600;
    color: var(--lc-text-strong);
    min-width: 200px;
}

.inline-actions[b-qfrfxmv85m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.25rem;
    margin: 0.75rem 0 1rem;
}

.btn-link[b-qfrfxmv85m] {
    background: none;
    border: none;
    padding: 0;
    color: var(--lc-accent);
    font: inherit;
    font-size: 0.9rem;
    text-decoration: underline;
    cursor: pointer;
}

    .inline-actions .field-hint[b-qfrfxmv85m] {
        margin: 0;
    }

.save-message[b-qfrfxmv85m] {
    margin-left: 0.75rem;
    color: var(--lc-text-strong);
}

.record-card[b-qfrfxmv85m] {
    margin-top: 1.75rem;
}

.record-list[b-qfrfxmv85m] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.4rem 1.25rem;
    margin: 0;
    font-size: 0.9rem;
    color: var(--lc-text-strong);
}

    .record-list dt[b-qfrfxmv85m] {
        font-weight: 600;
    }

    .record-list dd[b-qfrfxmv85m] {
        margin: 0;
    }

.record-subhead[b-qfrfxmv85m] {
    font-size: 1rem;
    margin: 1.25rem 0 0.4rem;
    color: var(--lc-heading);
}

.legacy-notes[b-qfrfxmv85m] {
    white-space: pre-wrap;
    background: var(--lc-surface-sunken);
    border-radius: 5px;
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
    color: var(--lc-text-strong);
    margin: 0;
}

.record-table[b-qfrfxmv85m] {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.9rem;
}

    .record-table th[b-qfrfxmv85m],
    .record-table td[b-qfrfxmv85m] {
        text-align: left;
        padding: 0.4rem 0.6rem;
        border-bottom: 1px solid var(--lc-border);
    }

    .record-table th[b-qfrfxmv85m] {
        color: var(--lc-text-strong);
    }

.takeover-check[b-qfrfxmv85m] {
    display: block;
    margin: 0.5rem 0 0.75rem;
}

/* View ancestors: a small button beside the count. */
.view-ancestors[b-qfrfxmv85m] {
    padding: 0.2rem 0.65rem;
    font-size: 0.85rem;
    margin-left: 0.5rem;
    vertical-align: baseline;
}
/* /Components/Pages/Admin/Users.razor.rz.scp.css */
.add-user-row[b-wpgo5iglhz] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 1rem;
}

.staff-add[b-wpgo5iglhz] { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--lc-border); }

.add-user-hint[b-wpgo5iglhz] {
    color: var(--lc-text-subtle);
    font-size: 0.85rem;
    margin: 0.4rem 0 1rem;
}

/* Deliberately not styled like a plain auto-linked <a> (no default blue/underline) -- an icon
   plus the name reads as "open this user's edit page", not just any hyperlink. */
.user-edit-link[b-wpgo5iglhz] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: inherit;
    text-decoration: none;
    font-weight: 600;
}

    .user-edit-link:hover[b-wpgo5iglhz] {
        text-decoration: underline;
    }

.user-edit-link-icon[b-wpgo5iglhz] {
    font-size: 1rem;
    color: var(--lc-text-subtle);
}
/* /Components/Pages/Admin/Volunteers.razor.rz.scp.css */
.vol-lead[b-q1y0jen7rb] { max-width: 60rem; }
.vol-label[b-q1y0jen7rb] { display: block; font-weight: 600; margin: 0.5rem 0 0.25rem; }
.vol-select[b-q1y0jen7rb] { padding: 0.35rem; font: inherit; border: 1px solid var(--lc-border-strong); border-radius: 4px; background: var(--lc-surface); margin-bottom: 0.75rem; }
.vol-numbers[b-q1y0jen7rb] { display: flex; flex-wrap: wrap; gap: 1.5rem; margin: 0.75rem 0; }
.vol-numbers span[b-q1y0jen7rb] { display: block; font-size: 1.5rem; font-weight: 700; }
.vol-actions[b-q1y0jen7rb] { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin: 0.75rem 0; }
.vol-link[b-q1y0jen7rb] { background: none; border: none; padding: 0; color: var(--lc-link); text-decoration: underline; cursor: pointer; font: inherit; }
.vol-ok[b-q1y0jen7rb] { color: var(--lc-success-ink); }
.vol-table[b-q1y0jen7rb] { margin-top: 0.5rem; }
.vol-table[b-q1y0jen7rb] { border-collapse: collapse; }
.vol-table th[b-q1y0jen7rb], .vol-table td[b-q1y0jen7rb] { padding: 0.3rem 0.9rem 0.3rem 0; text-align: left; border-bottom: 1px solid var(--lc-border-subtle); }
.vol-add[b-q1y0jen7rb] { border: 1px solid var(--lc-border); border-radius: 6px; padding: 0.6rem 1rem; margin: 0.75rem 0; }
.vol-add summary[b-q1y0jen7rb] { cursor: pointer; font-weight: 600; }
.vol-muted[b-q1y0jen7rb] { color: var(--lc-text-muted); }
.vol-textarea[b-q1y0jen7rb] { width: 100%; max-width: 40rem; font: inherit; padding: 0.4rem; border: 1px solid var(--lc-border-strong); border-radius: 4px; background: var(--lc-surface); color: inherit; }
.vol-error[b-q1y0jen7rb] { color: var(--lc-danger-ink); }
.vol-outcomes[b-q1y0jen7rb] { margin: 0.5rem 0 0; }
.vol-outcomes .ok[b-q1y0jen7rb] { color: var(--lc-success-ink); }
.vol-outcomes .no[b-q1y0jen7rb] { color: var(--lc-danger-ink); }
/* /Components/Pages/CampaignPoll.razor.rz.scp.css */
.poll-page[b-x8ipz65cmn] { max-width: 640px; }
.poll-for[b-x8ipz65cmn] { color: var(--lc-text-muted); margin-top: -0.5rem; }
.poll-thanks[b-x8ipz65cmn] { background: var(--lc-success-bg); border: 1px solid var(--lc-success-border); color: var(--lc-success-text); border-radius: 6px; padding: 0.75rem 1rem; margin: 1rem 0; }
.poll-thanks p:last-child[b-x8ipz65cmn] { margin-bottom: 0; }
.poll-buttons[b-x8ipz65cmn] { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 1.25rem 0; }
.poll-note[b-x8ipz65cmn] { font-size: 0.9rem; color: var(--lc-text-muted); }
/* /Components/Pages/CloseAccount.razor.rz.scp.css */
.close-page[b-86qnb7la2g] { max-width: 640px; }
.close-warning[b-86qnb7la2g] { background: var(--lc-danger-bg); border: 1px solid var(--lc-danger-border); color: var(--lc-danger-text); border-radius: 6px; padding: 0.75rem 1rem; margin: 1rem 0; }
.close-warning ul[b-86qnb7la2g] { margin: 0.25rem 0 0; }
.close-label[b-86qnb7la2g] { display: block; font-weight: 600; margin: 1rem 0 0.35rem; }
.close-select[b-86qnb7la2g] { width: 100%; padding: 0.5rem; font: inherit; border: 1px solid var(--lc-border-strong); border-radius: 4px; background: var(--lc-surface); }
.close-confirm[b-86qnb7la2g] { display: flex; gap: 0.5rem; align-items: flex-start; margin: 1rem 0; font-weight: 600; }
.close-confirm input[b-86qnb7la2g] { margin-top: 0.25rem; }
.close-problem[b-86qnb7la2g] { color: var(--lc-danger-ink); }
/* /Components/Pages/Home.razor.rz.scp.css */
/* Darkest at the top, for contrast with the menu banner, fading lighter downwards. */
.hero[b-vkk0yp9eax] {
    background: linear-gradient(180deg, var(--lc-brand-deep) 0%, var(--lc-header-bg) 100%);
    color: var(--lc-on-brand);
}

.hero-inner[b-vkk0yp9eax] {
    max-width: var(--lc-max-width);
    margin: 0 auto;
    padding: 4rem 1.5rem;
    text-align: center;
}

    .hero-inner h1[b-vkk0yp9eax] {
        /* White, as the text under it: the site's dark heading colour barely shows on the blue. */
        color: var(--lc-on-brand);
        font-size: 2.25rem;
        line-height: 1.25;
        margin: 0 0 1.25rem;
    }

.hero-lead[b-vkk0yp9eax] {
    font-size: 1.1rem;
    max-width: 640px;
    margin: 0 auto 2rem;
    opacity: 0.95;
}

.hero-actions[b-vkk0yp9eax] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.features[b-vkk0yp9eax] {
    background: var(--lc-surface-muted);
}

.features-inner[b-vkk0yp9eax] {
    max-width: var(--lc-max-width);
    margin: 0 auto;
    padding: 3rem 1.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
}

.feature-card[b-vkk0yp9eax] {
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

    .feature-card h2[b-vkk0yp9eax] {
        color: var(--lc-heading);
        font-size: 1.15rem;
        margin: 0 0 0.75rem;
    }

    .feature-card p[b-vkk0yp9eax] {
        margin: 0;
        color: var(--lc-text-soft);
        line-height: 1.5;
    }

.testimonials-inner[b-vkk0yp9eax] {
    max-width: var(--lc-max-width);
    margin: 0 auto;
    padding: 3rem 1.5rem;
    text-align: center;
}

    .testimonials-inner h2[b-vkk0yp9eax] {
        color: var(--lc-heading);
        margin: 0 0 2rem;
    }

.testimonial-grid[b-vkk0yp9eax] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.5rem;
    text-align: left;
}

blockquote[b-vkk0yp9eax] {
    margin: 0;
    padding: 1.25rem;
    background: var(--lc-surface-muted);
    border-left: 4px solid var(--lc-accent);
    border-radius: 4px;
    font-style: italic;
    color: var(--lc-text-strong);
}

    blockquote cite[b-vkk0yp9eax] {
        display: block;
        margin-top: 0.75rem;
        font-style: normal;
        font-size: 0.85rem;
        color: var(--lc-link);
    }

.cta[b-vkk0yp9eax] {
    background: var(--lc-brand-deep);
    color: var(--lc-on-brand);
    text-align: center;
}

.cta-inner[b-vkk0yp9eax] {
    max-width: 640px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
}

    .cta-inner h2[b-vkk0yp9eax] {
        margin: 0 0 0.75rem;
    }

    .cta-inner p[b-vkk0yp9eax] {
        margin: 0 0 1.5rem;
        opacity: 0.9;
    }

@media (max-width: 640px) {
    .hero-inner h1[b-vkk0yp9eax] {
        font-size: 1.6rem;
    }
}


.signin-notice[b-vkk0yp9eax] {
    max-width: 40rem;
    margin: 1rem auto;
    padding: 0.75rem 1rem;
    background: var(--lc-warning-bg);
    border: 1px solid var(--lc-warning-border);
    border-radius: 8px;
    color: var(--lc-warning-text);
    line-height: 1.5;
}

    .signin-notice strong[b-vkk0yp9eax] {
        display: block;
        color: var(--lc-warning-text);
    }

    .signin-notice .signin-old[b-vkk0yp9eax] {
        display: block;
        margin-top: 0.5rem;
        font-weight: 600;
    }

    .signin-notice a[b-vkk0yp9eax] {
        color: inherit;
        text-decoration: underline;
    }
/* /Components/Pages/Info/AncestorNumbers.razor.rz.scp.css */
.ancestor-numbers-links[b-4ce5xo8gyj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    align-items: center;
}

.ancestor-numbers-calc[b-4ce5xo8gyj] {
    margin: 1.5rem 0;
    padding: 1rem 1.25rem;
    border: 1px solid var(--lc-border);
    border-radius: 8px;
    background: var(--lc-surface);
}

    .ancestor-numbers-calc h2[b-4ce5xo8gyj] {
        margin-top: 0;
        font-size: 1.25rem;
    }

.ancestor-numbers-trail[b-4ce5xo8gyj] {
    list-style: none;
    margin: 0.5rem 0;
    padding: 0;
}

    .ancestor-numbers-trail li[b-4ce5xo8gyj] {
        padding: 0.15rem 0;
    }

    .ancestor-numbers-trail strong[b-4ce5xo8gyj] {
        display: inline-block;
        min-width: 3.5rem;
        color: var(--lc-heading);
    }

.ancestor-numbers-result[b-4ce5xo8gyj] {
    font-size: 1.05rem;
}

.ancestor-numbers-actions[b-4ce5xo8gyj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    align-items: center;
}

.ancestor-numbers-form[b-4ce5xo8gyj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

    .ancestor-numbers-form label[b-4ce5xo8gyj] {
        font-weight: 600;
    }

    .ancestor-numbers-form input[b-4ce5xo8gyj] {
        width: 9rem;
        padding: 0.4rem 0.6rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 4px;
        background: var(--lc-surface);
        color: var(--lc-text);
        font-size: 1rem;
    }

.ancestor-numbers-error[b-4ce5xo8gyj] {
    color: var(--lc-danger-ink);
}
/* /Components/Pages/Member/AboutYouCharts.razor.rz.scp.css */
.ay-charts[b-hewme0s3kd] {
    display: grid;
    gap: 1.5rem;
}

.ay-question h3[b-hewme0s3kd] {
    margin: 0 0 0.25rem;
    font-size: 1.05rem;
    color: var(--lc-heading);
}

.ay-note[b-hewme0s3kd] {
    margin: 0 0 0.75rem;
    font-size: 0.85rem;
    color: var(--lc-text-muted);
}

.ay-bars[b-hewme0s3kd] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.45rem;
}

.ay-row[b-hewme0s3kd] {
    display: grid;
    grid-template-columns: minmax(10rem, 16rem) 1fr 7rem;
    align-items: center;
    gap: 0.75rem;
    padding: 0.15rem 0.25rem;
    border-radius: 4px;
}

    .ay-row:hover[b-hewme0s3kd] {
        background: var(--lc-surface-hover);
    }

.ay-label[b-hewme0s3kd] {
    color: var(--lc-text);
    font-size: 0.92rem;
    line-height: 1.3;
}

.ay-caption[b-hewme0s3kd] {
    display: block;
    color: var(--lc-text-muted);
    font-size: 0.8rem;
    font-style: italic;
}

.ay-track[b-hewme0s3kd] {
    display: block;
    height: 0.9rem;
    border-bottom: 1px solid var(--lc-border-subtle);
}

.ay-bar[b-hewme0s3kd] {
    display: block;
    height: 100%;
    background: var(--lc-chart-blue);
    border-radius: 0 4px 4px 0;
}

.ay-value[b-hewme0s3kd] {
    color: var(--lc-text);
    font-size: 0.88rem;
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .ay-row[b-hewme0s3kd] {
        grid-template-columns: 1fr auto;
        grid-template-areas: "label value" "track track";
        row-gap: 0.25rem;
    }

    .ay-label[b-hewme0s3kd] { grid-area: label; }
    .ay-value[b-hewme0s3kd] { grid-area: value; }
    .ay-track[b-hewme0s3kd] { grid-area: track; }
}
/* /Components/Pages/Member/AlsoMe.razor.rz.scp.css */
.also-me-page[b-p1fzssdxr2] { max-width: 760px; }
h1[b-p1fzssdxr2] { color: var(--lc-heading); margin-bottom: 0.5rem; font-size: 1.6rem; }
.lead[b-p1fzssdxr2] { color: var(--lc-text-muted); margin-top: 0; }
.hint[b-p1fzssdxr2] { color: var(--lc-text-muted); font-size: 0.9rem; font-weight: 400; }
.msg.error[b-p1fzssdxr2] { color: var(--lc-danger-ink); font-weight: 600; }

[b-p1fzssdxr2] .also-me-form {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 1px 3px var(--lc-shadow);
    margin-top: 1rem;
}

    [b-p1fzssdxr2] .also-me-form label {
        display: flex;
        flex-direction: column;
        gap: 0.3rem;
        font-weight: 600;
        font-size: 0.92rem;
    }

    [b-p1fzssdxr2] .also-me-form input,
    [b-p1fzssdxr2] .also-me-form textarea {
        font: inherit;
        font-weight: 400;
        padding: 0.5rem 0.65rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 5px;
        color: var(--lc-text-strong);
        background: var(--lc-surface);
    }

    [b-p1fzssdxr2] .also-me-form .two {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }

    [b-p1fzssdxr2] .also-me-form button {
        align-self: flex-start;
    }

@media (max-width: 560px) {
    [b-p1fzssdxr2] .also-me-form .two { grid-template-columns: 1fr; }
}
/* /Components/Pages/Member/AncestorCensusSummary.razor.rz.scp.css */
.census-summary[b-yt7cmmysi5] {
    position: relative;
    flex: 0 1 25rem;
    min-width: 0;
    background: var(--lc-surface);
    border: 1px solid var(--lc-border);
    border-radius: 8px;
    padding: 0.75rem 1rem;
}

.summary-top[b-yt7cmmysi5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem 1rem;
    margin-bottom: 0.5rem;
}

    .summary-top h2[b-yt7cmmysi5] {
        font-size: 1rem;
        margin: 0;
        color: var(--lc-heading);
    }

/* Figures | Chart: two hidden radio buttons, shown as a two-part switch. */
.view-radio[b-yt7cmmysi5] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.view-switch[b-yt7cmmysi5] {
    display: inline-flex;
    border: 1px solid var(--lc-border-strong);
    border-radius: 999px;
    overflow: hidden;
    font-size: 0.8rem;
}

    .view-switch label[b-yt7cmmysi5] {
        padding: 0.2rem 0.75rem;
        cursor: pointer;
        color: var(--lc-text-soft);
    }

#census-view-figures:checked ~ .summary-top label[for="census-view-figures"][b-yt7cmmysi5],
#census-view-chart:checked ~ .summary-top label[for="census-view-chart"][b-yt7cmmysi5] {
    background: var(--lc-red-accent);
    color: var(--lc-on-brand);
}

#census-view-figures:focus-visible ~ .summary-top label[for="census-view-figures"][b-yt7cmmysi5],
#census-view-chart:focus-visible ~ .summary-top label[for="census-view-chart"][b-yt7cmmysi5] {
    outline: 2px solid var(--lc-focus-ring);
    outline-offset: -2px;
}

.view-chart[b-yt7cmmysi5] {
    display: none;
}

#census-view-chart:checked ~ .view-chart[b-yt7cmmysi5] {
    display: flex;
}

#census-view-chart:checked ~ .view-figures[b-yt7cmmysi5] {
    display: none;
}

.census-table[b-yt7cmmysi5] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

    .census-table th[b-yt7cmmysi5],
    .census-table td[b-yt7cmmysi5] {
        padding: 0.2rem 0.4rem;
        text-align: left;
    }

    .census-table thead th[b-yt7cmmysi5] {
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--lc-text-subtle);
        border-bottom: 1px solid var(--lc-border);
    }

    .census-table tbody td[b-yt7cmmysi5] {
        border-bottom: 1px solid var(--lc-border-subtle);
    }

    .census-table tfoot th[b-yt7cmmysi5],
    .census-table tfoot td[b-yt7cmmysi5] {
        font-weight: 700;
        color: var(--lc-text-strong);
    }

    .census-table .num[b-yt7cmmysi5] {
        text-align: right;
        white-space: nowrap;
    }

.view-chart[b-yt7cmmysi5] {
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.census-donut[b-yt7cmmysi5] {
    width: 9rem;
    height: 9rem;
    flex: 0 0 auto;
}

    .census-donut path[b-yt7cmmysi5],
    .census-donut circle[b-yt7cmmysi5] {
        cursor: default;
    }

        .census-donut path:hover[b-yt7cmmysi5] {
            opacity: 0.85;
        }

.donut-total[b-yt7cmmysi5] {
    font-size: 15px;
    font-weight: 700;
    fill: var(--lc-text-strong);
}

.donut-caption[b-yt7cmmysi5] {
    font-size: 9px;
    fill: var(--lc-text-soft);
}

.census-legend[b-yt7cmmysi5] {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1 1 10rem;
    font-size: 0.82rem;
    display: grid;
    gap: 0.25rem;
}

    .census-legend li[b-yt7cmmysi5] {
        display: grid;
        grid-template-columns: 0.75rem 1fr auto;
        gap: 0.4rem;
        align-items: center;
    }

.swatch[b-yt7cmmysi5] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 3px;
}

.legend-name[b-yt7cmmysi5] {
    color: var(--lc-text);
}

.legend-count[b-yt7cmmysi5] {
    color: var(--lc-text-soft);
    white-space: nowrap;
}

.summary-empty[b-yt7cmmysi5] {
    margin: 0.5rem 0;
    color: var(--lc-text-soft);
    font-size: 0.9rem;
}
/* /Components/Pages/Member/ChangeEmailPanel.razor.rz.scp.css */
.change-email-card[b-ejtcm1whl2] {
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border-left: 4px solid var(--lc-heading);
}

    .change-email-card h2[b-ejtcm1whl2] {
        margin: 0 0 0.25rem;
        color: var(--lc-heading);
        font-size: 1.1rem;
    }

.hint[b-ejtcm1whl2] {
    font-size: 0.85rem;
    color: var(--lc-text-muted);
    margin: 0.25rem 0 1rem;
}

.row[b-ejtcm1whl2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
}

    .row input[b-ejtcm1whl2] {
        flex: 1 1 16rem;
        padding: 0.5rem 0.65rem;
        font: inherit;
        border: 1px solid var(--lc-border-strong);
        border-radius: 4px;
    }

.msg[b-ejtcm1whl2] { margin: 0.75rem 0 0; color: var(--lc-success-ink); }
.msg.error[b-ejtcm1whl2] { color: var(--lc-danger-ink); }
/* /Components/Pages/Member/CheckAddress.razor.rz.scp.css */
.check-address-page[b-m4bnbjss49] { max-width: 760px; }
h1[b-m4bnbjss49] { color: var(--lc-heading); margin-bottom: 0.5rem; font-size: 1.6rem; }
.lead[b-m4bnbjss49] { color: var(--lc-text-muted); margin-top: 0; }
.msg.error[b-m4bnbjss49] { color: var(--lc-danger-ink); font-weight: 600; }

.check-card[b-m4bnbjss49] {
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    box-shadow: 0 1px 3px var(--lc-shadow);
    margin: 1rem 0;
}

    .check-card h2[b-m4bnbjss49] { font-size: 1.15rem; margin-top: 0; color: var(--lc-heading); }

    .check-card .row[b-m4bnbjss49] { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; }

    .check-card input[b-m4bnbjss49] {
        font: inherit;
        padding: 0.5rem 0.65rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 5px;
        color: var(--lc-text-strong);
        background: var(--lc-surface);
        max-width: 12rem;
    }
/* /Components/Pages/Member/CollapsibleSection.razor.rz.scp.css */
.cs-card[b-joo0zo8yn2] {
    background: var(--lc-surface);
    border: 1px solid var(--lc-border);
    border-radius: 8px;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px var(--lc-shadow);
    overflow: hidden;
}

    .cs-card.needs-attention[b-joo0zo8yn2] {
        border-color: var(--lc-warning-border);
        box-shadow: 0 0 0 2px var(--lc-warning-border);
    }

/* The heading is one big button: it looks like a bar you can press, not a plain title. */
.cs-heading[b-joo0zo8yn2] {
    margin: 0;
    font-size: 1.1rem;
}

.cs-toggle[b-joo0zo8yn2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 1rem 1.5rem;
    border: none;
    background: var(--lc-surface-muted);
    color: var(--lc-heading);
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

    .cs-toggle:hover[b-joo0zo8yn2] {
        background: var(--lc-surface-hover);
    }

    .cs-toggle:focus-visible[b-joo0zo8yn2] {
        outline: 3px solid var(--lc-focus-ring);
        outline-offset: -3px;
    }

.is-open .cs-toggle[b-joo0zo8yn2] {
    border-bottom: 1px solid var(--lc-border);
}

.cs-text[b-joo0zo8yn2] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-width: 0;
}

.cs-optional[b-joo0zo8yn2] {
    margin-left: 0.4rem;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--lc-text-subtle);
}

.cs-summary[b-joo0zo8yn2] {
    font-size: 0.88rem;
    font-weight: 400;
    color: var(--lc-text-muted);
    overflow-wrap: anywhere;
}

/* "Show" / "Hide" in link colour, and an arrow in a circle that turns over when the section is open. */
.cs-action[b-joo0zo8yn2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--lc-link);
}

.cs-toggle:hover .cs-action-word[b-joo0zo8yn2] {
    text-decoration: underline;
}

.cs-chevron[b-joo0zo8yn2] {
    position: relative;
    width: 1.75rem;
    height: 1.75rem;
    border: 2px solid var(--lc-link);
    border-radius: 50%;
    flex-shrink: 0;
}

    .cs-chevron[b-joo0zo8yn2]::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 45%;
        width: 0.45rem;
        height: 0.45rem;
        border-right: 2px solid var(--lc-link);
        border-bottom: 2px solid var(--lc-link);
        transform: translate(-50%, -50%) rotate(45deg);
        transition: transform 0.15s ease;
    }

.is-open .cs-chevron[b-joo0zo8yn2]::after {
    top: 55%;
    transform: translate(-50%, -50%) rotate(-135deg);
}

.cs-plain-title[b-joo0zo8yn2] {
    margin: 0;
    padding: 1rem 1.5rem 0;
    font-size: 1.1rem;
    color: var(--lc-heading);
}

.cs-body[b-joo0zo8yn2] {
    padding: 1.25rem 1.5rem 1.5rem;
}

@media (max-width: 600px) {
    .cs-toggle[b-joo0zo8yn2] {
        padding: 0.9rem 1rem;
    }

    .cs-body[b-joo0zo8yn2] {
        padding: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cs-chevron[b-joo0zo8yn2]::after {
        transition: none;
    }
}
/* /Components/Pages/Member/ComingSoon.razor.rz.scp.css */
h1[b-cs1odbdmii] { color: var(--lc-heading); margin-bottom: 0.25rem; }
.lead[b-cs1odbdmii] { color: var(--lc-text-muted); margin-top: 0; }
.panel[b-cs1odbdmii] { background: var(--lc-surface); border-radius: 8px; padding: 1.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); margin-top: 1.25rem; }
.panel h2[b-cs1odbdmii] { margin-top: 0; color: var(--lc-heading); font-size: 1.1rem; }
.panel li[b-cs1odbdmii] { margin-bottom: 0.4rem; }
.coming-note[b-cs1odbdmii] { color: var(--lc-text-muted); font-size: 0.92rem; margin-top: 1.25rem; }
/* /Components/Pages/Member/Dashboard.razor.rz.scp.css */
h1[b-4vc2ry4a3n] {
    color: var(--lc-heading);
    margin-bottom: 0.25rem;
}

.lead[b-4vc2ry4a3n] {
    color: var(--lc-text-muted);
    margin-top: 0;
}

.stat-grid[b-4vc2ry4a3n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem;
    margin: 1.5rem 0;
}

.stat-card[b-4vc2ry4a3n] {
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.25rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.stat-value[b-4vc2ry4a3n] {
    display: block;
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--lc-heading);
}

.stat-label[b-4vc2ry4a3n] {
    display: block;
    font-size: 0.82rem;
    color: var(--lc-text-muted);
    margin-top: 0.25rem;
}

.dashboard-columns[b-4vc2ry4a3n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.panel[b-4vc2ry4a3n] {
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

    .panel h2[b-4vc2ry4a3n] {
        margin-top: 0;
        color: var(--lc-heading);
        font-size: 1.1rem;
    }

.activity-list[b-4vc2ry4a3n] {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .activity-list li[b-4vc2ry4a3n] {
        padding: 0.6rem 0;
        border-bottom: 1px solid var(--lc-border-subtle);
        font-size: 0.9rem;
        color: var(--lc-text-soft);
        display: flex;
        justify-content: space-between;
        gap: 1rem;
    }

        .activity-list li:last-child[b-4vc2ry4a3n] {
            border-bottom: none;
        }

        .activity-list li span[b-4vc2ry4a3n] {
            color: var(--lc-text-subtle);
            font-size: 0.8rem;
            white-space: nowrap;
        }

.friend-panel[b-4vc2ry4a3n] {
    background: var(--lc-brand-deep);
    color: var(--lc-on-brand);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

    .friend-panel h2[b-4vc2ry4a3n] {
        color: var(--lc-on-brand);
    }

    .friend-panel p[b-4vc2ry4a3n] {
        margin: 0;
        opacity: 0.9;
    }
/* /Components/Pages/Member/ForumPanel.razor.rz.scp.css */
.field-hint[b-u6lkq2m60e] {
    font-size: 0.85rem;
    color: var(--lc-text-subtle);
    margin: 0.25rem 0 1rem;
}

.radio-row[b-u6lkq2m60e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 0.9rem;
    font-size: 0.9rem;
    color: var(--lc-text-soft);
}

    .radio-row.unanswered[b-u6lkq2m60e] {
        padding: 0.75rem;
        border-radius: 6px;
        background: var(--lc-warning-bg);
    }

    .radio-row label[b-u6lkq2m60e] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        font-weight: 400;
        cursor: pointer;
    }

.radio-row-label[b-u6lkq2m60e] {
    font-weight: 600;
    color: var(--lc-text-strong);
    flex: 1 1 22rem;
}

.forum-needed[b-u6lkq2m60e] {
    font-weight: 600;
    color: var(--lc-warning-ink);
}

.forum-saved[b-u6lkq2m60e] { color: var(--lc-success-ink); font-weight: 600; }
/* /Components/Pages/Member/Household.razor.rz.scp.css */
.household-page[b-n2drk2swfa] { max-width: 760px; }
h1[b-n2drk2swfa] { color: var(--lc-heading); margin-bottom: 0.25rem; }
.lead[b-n2drk2swfa] { color: var(--lc-text-muted); margin-top: 0; }
.panel[b-n2drk2swfa] { background: var(--lc-surface); border-radius: 8px; padding: 1.25rem 1.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); margin-top: 1.25rem; }
.panel h2[b-n2drk2swfa] { margin-top: 0; color: var(--lc-heading); font-size: 1.1rem; }
.hint[b-n2drk2swfa] { color: var(--lc-text-muted); font-size: 0.9rem; }
.option[b-n2drk2swfa] { display: flex; gap: 0.6rem; align-items: flex-start; margin: 0.6rem 0; cursor: pointer; }
.option input[b-n2drk2swfa] { margin-top: 0.3rem; }
.household-problem[b-n2drk2swfa] { background: var(--lc-danger-bg); border: 1px solid var(--lc-danger-border); color: var(--lc-danger-text); border-radius: 6px; padding: 0.5rem 1rem; margin-top: 1rem; }
.actions[b-n2drk2swfa] { margin-top: 1.25rem; }
/* /Components/Pages/Member/MyAccounts.razor.rz.scp.css */
.accounts-page[b-pjrh2w12nl] { max-width: 760px; }
h1[b-pjrh2w12nl] { color: var(--lc-heading); margin-bottom: 0.25rem; }
.lead[b-pjrh2w12nl] { color: var(--lc-text-muted); margin-top: 0; }

.panel[b-pjrh2w12nl] {
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 1px 3px var(--lc-shadow);
    margin-top: 1.25rem;
}

    .panel h2[b-pjrh2w12nl] { margin-top: 0; color: var(--lc-heading); font-size: 1.1rem; }

.hint[b-pjrh2w12nl] { color: var(--lc-text-muted); font-size: 0.9rem; }

.account-list[b-pjrh2w12nl] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.account-row[b-pjrh2w12nl] {
    border: 1px solid var(--lc-border);
    border-radius: 8px;
    padding: 0.85rem 1rem;
}

    .account-row.is-current[b-pjrh2w12nl] { border-color: var(--lc-brand-deep); }

.account-head[b-pjrh2w12nl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.account-name[b-pjrh2w12nl] { font-weight: 700; color: var(--lc-text-strong); }

.account-badge[b-pjrh2w12nl] {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    background: var(--lc-info-bg);
    color: var(--lc-info-text);
    border: 1px solid var(--lc-info-border);
}

.account-details[b-pjrh2w12nl] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.2rem 1rem;
    margin: 0.6rem 0 0;
    font-size: 0.9rem;
}

    .account-details dt[b-pjrh2w12nl] { color: var(--lc-text-muted); }
    .account-details dd[b-pjrh2w12nl] { margin: 0; color: var(--lc-text); }

.account-switch-form[b-pjrh2w12nl] { margin: 0.75rem 0 0; }

.account-actions[b-pjrh2w12nl] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.4rem;
}

.row[b-pjrh2w12nl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    margin-top: 0.6rem;
}

    .row input[b-pjrh2w12nl] {
        flex: 1 1 16rem;
        padding: 0.5rem 0.65rem;
        font: inherit;
        border: 1px solid var(--lc-border-strong);
        border-radius: 4px;
        background: var(--lc-surface);
        color: var(--lc-text);
    }

.msg[b-pjrh2w12nl] { margin: 1rem 0 0; color: var(--lc-success-ink); }
.msg.error[b-pjrh2w12nl] { color: var(--lc-danger-ink); }
/* /Components/Pages/Member/MyAncestors.razor.rz.scp.css */
h1[b-qe5pbx3j1k] {
    color: var(--lc-heading);
    margin-bottom: 0.25rem;
}

.lead[b-qe5pbx3j1k] {
    color: var(--lc-text-muted);
    margin: 0;
    max-width: 560px;
}

.ancestor-header[b-qe5pbx3j1k] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 1rem;
    margin: 0.5rem 0 1.25rem;
}

.ancestor-summary[b-qe5pbx3j1k] {
    color: var(--lc-text-soft);
    margin: 0 0 0.5rem;
}

.intro-box[b-qe5pbx3j1k] {
    flex: 1 1 18rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.75rem;
    background: var(--lc-surface);
    border: 1px solid var(--lc-border);
    border-radius: 8px;
    padding: 0.9rem 1.1rem;
}

    .intro-box .lead[b-qe5pbx3j1k] {
        font-size: 1.02rem;
        line-height: 1.55;
    }

.ancestor-sorts[b-qe5pbx3j1k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.9rem;
    align-items: baseline;
    margin-bottom: 0.75rem;
    font-size: 0.92rem;
}

/* The filter: one wrapping row of labelled fields. */
.ancestor-filters[b-qe5pbx3j1k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    align-items: flex-end;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
}

    .ancestor-filters label[b-qe5pbx3j1k] {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
        color: var(--lc-text-soft);
    }

    .ancestor-filters input[b-qe5pbx3j1k],
    .ancestor-filters select[b-qe5pbx3j1k] {
        padding: 0.3rem 0.45rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 4px;
        background: var(--lc-surface);
        color: var(--lc-text);
        font-size: 0.9rem;
        max-width: 14rem;
    }

.ancestor-table-wrap[b-qe5pbx3j1k] {
    background: var(--lc-surface);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    overflow-x: auto;
}

/* When the table fits across the window, its box doesn't scroll sideways, so the column headings can stay in view under the menus as
   the page scrolls (Tim). wwwroot/js/sticky-offsets.js decides ("sticky-fits"); a table too wide for the window keeps its sideways
   scroll and ordinary headings. */
.ancestor-table-wrap.sticky-fits[b-qe5pbx3j1k] {
    overflow: visible;
}

    .ancestor-table-wrap.sticky-fits .ancestor-table thead th[b-qe5pbx3j1k] {
        position: sticky;
        top: var(--lc-sticky-top, 0px);
        z-index: 2;
    }

.ancestor-table[b-qe5pbx3j1k] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .ancestor-table th[b-qe5pbx3j1k] {
        text-align: left;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--lc-text-subtle);
        background: var(--lc-surface-muted);
        padding: 0.5rem 0.75rem;
        white-space: nowrap;
    }

    .ancestor-table td[b-qe5pbx3j1k] {
        padding: 0.45rem 0.75rem;
        border-top: 1px solid var(--lc-border-subtle);
        vertical-align: top;
    }

    /* Every other row shaded, so a long list is easy to follow across... */
    .ancestor-table:not(.grouped) tbody tr:nth-child(even) td[b-qe5pbx3j1k] {
        background: var(--lc-row-alt);
    }

    /* ...but sorted by household or place, every other household instead, so each household reads as one block. */
    .ancestor-table.grouped tbody tr.household-shaded td[b-qe5pbx3j1k] {
        background: var(--lc-household-band);
    }

    /* The first person of a new household, when sorted by household or place: a clear line above it. */
    .ancestor-table tr.new-household td[b-qe5pbx3j1k] {
        border-top: 3px solid var(--lc-household-rule);
    }

.corrected[b-qe5pbx3j1k] {
    font-style: italic;
}

.ancestor-detail[b-qe5pbx3j1k] {
    display: block;
    font-size: 0.82rem;
    color: var(--lc-text-soft);
}

.ancestor-note[b-qe5pbx3j1k] {
    white-space: pre-line;
}

/* Wide enough for "England & Wales 1841" on two lines rather than three or four. */
.ancestor-census[b-qe5pbx3j1k] {
    min-width: 8.5rem;
}

/* Narrower, smaller and allowed to wrap, so a reference takes two lines instead of stretching the table. */
.ancestor-ref[b-qe5pbx3j1k] {
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
    font-size: 0.78rem;
    min-width: 11rem;
    max-width: 12.5rem;
}

.ancestor-certs[b-qe5pbx3j1k] {
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
    letter-spacing: 0.1em;
}

.ancestor-num[b-qe5pbx3j1k] {
    white-space: nowrap;
}

.ancestor-pager[b-qe5pbx3j1k] {
    display: flex;
    gap: 1rem;
    align-items: baseline;
    justify-content: center;
    margin: 1rem 0;
}

/* Sortable headings: the whole heading is the link, with an arrow like the site's other tables. */
.sort-link[b-qe5pbx3j1k] {
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

    .sort-link:hover[b-qe5pbx3j1k],
    .sort-link:focus-visible[b-qe5pbx3j1k] {
        color: var(--lc-text);
        text-decoration: underline;
    }

.sort-icon[b-qe5pbx3j1k] {
    font-size: 0.7rem;
    opacity: 0.45;
}

th[aria-sort] .sort-link[b-qe5pbx3j1k] {
    color: var(--lc-text-strong);
}

th[aria-sort] .sort-icon[b-qe5pbx3j1k] {
    opacity: 1;
}

/* Just wide enough for the FTAnalyzer icon, which sits level with the row's first line. */
.ancestor-table .ancestor-source[b-qe5pbx3j1k] {
    width: 1px;
    padding-left: 0.25rem;
    padding-right: 0.6rem;
}

    .ancestor-source img[b-qe5pbx3j1k] {
        display: block;
        margin-top: 0.15rem;
    }

/* Read out but not shown: the icon column's heading. */
.visually-hidden[b-qe5pbx3j1k] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* The birth-year boxes: room for four digits. */
.ancestor-filters input[type="number"][b-qe5pbx3j1k] {
    width: 5.5rem;
}

/* Which account's ancestors these are, when the sign-in has more than one. */
.account-picker[b-qe5pbx3j1k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.6rem;
    margin: 0.25rem 0 0.5rem;
    font-size: 0.95rem;
    color: var(--lc-text-soft);
}

    .account-picker select[b-qe5pbx3j1k] {
        padding: 0.3rem 0.45rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 4px;
        background: var(--lc-surface);
        color: var(--lc-text);
        font-size: 0.95rem;
        font-weight: 600;
        max-width: 100%;
    }

/* "Showing 70 of 7,501" on the left, the downloads on the right. */
.ancestor-summary-row[b-qe5pbx3j1k] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.25rem 1rem;
}

.ancestor-download[b-qe5pbx3j1k] {
    margin: 0 0 0.5rem auto;
    font-size: 0.9rem;
    color: var(--lc-text-soft);
}

/* Direct ancestors with no Ahnentafel number: the note at the top and the mark on each row. */
.ancestor-missing-note[b-qe5pbx3j1k] {
    margin: 0 0 1rem;
    padding: 0.6rem 0.9rem;
    border: 1px solid var(--lc-warning-border);
    border-radius: 6px;
    background: var(--lc-warning-bg);
    color: var(--lc-warning-text);
}

    .ancestor-missing-note p[b-qe5pbx3j1k] {
        margin: 0.25rem 0;
    }

    .ancestor-missing-note a[b-qe5pbx3j1k] {
        color: inherit;
        text-decoration: underline;
    }

.ancestor-missing[b-qe5pbx3j1k] {
    display: inline-block;
    min-width: 1.1rem;
    margin-left: 0.3rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--lc-warning-strong);
    color: var(--lc-on-brand);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.1rem;
    text-align: center;
    cursor: help;
}

.ancestor-filter-check[b-qe5pbx3j1k] {
    display: inline-flex;
    gap: 0.3rem;
    align-items: center;
}
/* /Components/Pages/Member/MyAncestorsMap.razor.rz.scp.css */
h1[b-ue9gez0pzy] {
    color: var(--lc-heading);
    margin-bottom: 0.25rem;
}

.lead[b-ue9gez0pzy] {
    color: var(--lc-text-muted);
    margin: 0 0 1rem;
    max-width: 640px;
}

.map-back[b-ue9gez0pzy] {
    margin: 0 0 0.5rem;
    font-size: 0.92rem;
}

.ancestor-map[b-ue9gez0pzy] {
    position: relative;
    background: var(--lc-surface);
    border: 1px solid var(--lc-border);
    border-radius: 8px;
    padding: 0.75rem;
    max-width: 760px;
}

/* British Isles | North America: hidden radio buttons, shown as a two-part switch (as on My Ancestors' census summary). */
.view-radio[b-ue9gez0pzy] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.view-switch[b-ue9gez0pzy] {
    display: inline-flex;
    border: 1px solid var(--lc-border-strong);
    border-radius: 999px;
    overflow: hidden;
    font-size: 0.85rem;
    margin-bottom: 0.6rem;
}

    .view-switch label[b-ue9gez0pzy] {
        padding: 0.25rem 0.9rem;
        cursor: pointer;
        color: var(--lc-text-soft);
    }

#map-view-bi:checked ~ .view-switch label[for="map-view-bi"][b-ue9gez0pzy],
#map-view-na:checked ~ .view-switch label[for="map-view-na"][b-ue9gez0pzy] {
    background: var(--lc-red-accent);
    color: var(--lc-on-brand);
}

#map-view-bi:focus-visible ~ .view-switch label[for="map-view-bi"][b-ue9gez0pzy],
#map-view-na:focus-visible ~ .view-switch label[for="map-view-na"][b-ue9gez0pzy] {
    outline: 2px solid var(--lc-focus-ring);
    outline-offset: -2px;
}

.map-panel[b-ue9gez0pzy] {
    display: none;
}

#map-view-bi:checked ~ .map-panel-bi[b-ue9gez0pzy],
#map-view-na:checked ~ .map-panel-na[b-ue9gez0pzy] {
    display: block;
}

.map-svg[b-ue9gez0pzy] {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: var(--lc-map-sea);
    border-radius: 6px;
}

.map-context[b-ue9gez0pzy] {
    fill: var(--lc-map-context);
    stroke: var(--lc-map-coast);
    stroke-width: 0.6px;
    vector-effect: non-scaling-stroke;
}

.map-place[b-ue9gez0pzy] {
    stroke-width: 0.8px;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    fill-rule: evenodd;
}

.map-empty[b-ue9gez0pzy] {
    fill: var(--lc-map-land);
    stroke: var(--lc-map-edge-empty);
}

a:hover .map-place[b-ue9gez0pzy],
a:focus-visible .map-place[b-ue9gez0pzy] {
    stroke: var(--lc-map-hover);
    stroke-width: 2px;
}

a:focus[b-ue9gez0pzy] {
    outline: none;
}

/* Each shade with an edge that shows against it (tokens.css). */
.band-1[b-ue9gez0pzy] { fill: var(--lc-map-band-1); stroke: var(--lc-map-edge-1); background: var(--lc-map-band-1); }
.band-2[b-ue9gez0pzy] { fill: var(--lc-map-band-2); stroke: var(--lc-map-edge-2); background: var(--lc-map-band-2); }
.band-3[b-ue9gez0pzy] { fill: var(--lc-map-band-3); stroke: var(--lc-map-edge-3); background: var(--lc-map-band-3); }
.band-4[b-ue9gez0pzy] { fill: var(--lc-map-band-4); stroke: var(--lc-map-edge-4); background: var(--lc-map-band-4); }
.band-5[b-ue9gez0pzy] { fill: var(--lc-map-band-5); stroke: var(--lc-map-edge-5); background: var(--lc-map-band-5); }

.map-legend[b-ue9gez0pzy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.9rem;
    margin-top: 0.6rem;
    font-size: 0.82rem;
    color: var(--lc-text-soft);
}

.legend-title[b-ue9gez0pzy] {
    font-weight: 700;
    color: var(--lc-text-strong);
}

.legend-item[b-ue9gez0pzy] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    white-space: nowrap;
}

.swatch[b-ue9gez0pzy] {
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 3px;
}

.map-places[b-ue9gez0pzy] {
    margin-top: 1.25rem;
    max-width: 760px;
}

    .map-places h2[b-ue9gez0pzy] {
        font-size: 1.1rem;
        color: var(--lc-heading);
        margin-bottom: 0.4rem;
    }

.place-list[b-ue9gez0pzy] {
    columns: 14rem;
    column-gap: 1.5rem;
    margin: 0;
    padding-left: 1.4rem;
    font-size: 0.9rem;
}

    .place-list li[b-ue9gez0pzy] {
        break-inside: avoid;
        padding: 0.05rem 0;
    }

.place-count[b-ue9gez0pzy] {
    color: var(--lc-text-soft);
}

.map-note[b-ue9gez0pzy] {
    margin-top: 0.75rem;
    font-size: 0.88rem;
    color: var(--lc-text-soft);
}

.map-credits[b-ue9gez0pzy] {
    margin-top: 1.25rem;
    font-size: 0.78rem;
    color: var(--lc-text-muted);
}

/* Says the map is narrowed to My Ancestors' filter. */
.map-filtered[b-ue9gez0pzy] {
    color: var(--lc-text-soft);
    margin: 0.25rem 0 0.75rem;
}
/* /Components/Pages/Member/MyCousins.razor.rz.scp.css */
h1[b-w5vvgf43oe] {
    color: var(--lc-heading);
    margin-bottom: 0.25rem;
}

.lead[b-w5vvgf43oe] {
    color: var(--lc-text-muted);
    margin-top: 0;
}

.match-section[b-w5vvgf43oe] {
    margin: 2rem 0;
}

    .match-section h2[b-w5vvgf43oe] {
        color: var(--lc-heading);
        font-size: 1.15rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.25rem;
    }

.count-badge[b-w5vvgf43oe] {
    background: var(--lc-surface-muted);
    color: var(--lc-heading);
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
}

.section-note[b-w5vvgf43oe] {
    font-size: 0.85rem;
    color: var(--lc-text-subtle);
    margin: 0 0 0.75rem;
}

.match-list[b-w5vvgf43oe] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.match-row[b-w5vvgf43oe] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 0.9rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.match-avatar[b-w5vvgf43oe] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--lc-header-bg);
    color: var(--lc-on-brand);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.match-info[b-w5vvgf43oe] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

    .match-info strong[b-w5vvgf43oe] {
        color: var(--lc-text-strong);
    }

    .match-info span[b-w5vvgf43oe] {
        font-size: 0.82rem;
        color: var(--lc-text-subtle);
    }

@media (max-width: 560px) {
    .match-row[b-w5vvgf43oe] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Member/MyDetails.razor.rz.scp.css */
h1[b-a9n6wjpnd9] {
    color: var(--lc-heading);
    margin-bottom: 0.25rem;
}

.lead[b-a9n6wjpnd9] {
    color: var(--lc-text-muted);
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* The Subscription section: ordinary-sized text (not the small field hints), and real buttons. */
.subs-status[b-a9n6wjpnd9] {
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0 0 0.75rem;
}

.subs-accounts[b-a9n6wjpnd9] {
    margin: 0 0 0.75rem 1.25rem;
    padding: 0;
}

.subs-muted[b-a9n6wjpnd9] {
    color: var(--lc-text-muted);
}

.subs-actions[b-a9n6wjpnd9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 0.5rem 0 1rem;
}

.subs-subheading[b-a9n6wjpnd9] {
    font-size: 1.05rem;
    color: var(--lc-heading);
    margin: 1.25rem 0 0.25rem;
}

.field-hint[b-a9n6wjpnd9] {
    font-size: 0.85rem;
    color: var(--lc-text-subtle);
    margin: 0.25rem 0 1rem;
}

.field-grid[b-a9n6wjpnd9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.field[b-a9n6wjpnd9] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.85rem;
    color: var(--lc-text-soft);
    font-weight: 600;
}

.field-wide[b-a9n6wjpnd9] {
    grid-column: 1 / -1;
}

    .field input[type="text"][b-a9n6wjpnd9],
    .field input[type="email"][b-a9n6wjpnd9],
    .field[b-a9n6wjpnd9]  select {
        font: inherit;
        font-weight: 400;
        padding: 0.5rem 0.65rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 5px;
        color: var(--lc-text-strong);
        background: var(--lc-surface);
    }

        .field input:focus[b-a9n6wjpnd9],
        .field[b-a9n6wjpnd9]  select:focus {
            outline: 2px solid var(--lc-accent);
            outline-offset: 1px;
        }

.radio-row[b-a9n6wjpnd9],
.checkbox-row[b-a9n6wjpnd9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 0.9rem;
    font-size: 0.9rem;
    color: var(--lc-text-soft);
}

    .radio-row:last-child[b-a9n6wjpnd9],
    .checkbox-row:last-child[b-a9n6wjpnd9] {
        margin-bottom: 0;
    }

    .radio-row label[b-a9n6wjpnd9],
    .checkbox-row label[b-a9n6wjpnd9] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        font-weight: 400;
        cursor: pointer;
    }

.radio-row-label[b-a9n6wjpnd9] {
    font-weight: 600;
    color: var(--lc-text-strong);
    min-width: 200px;
}

.change-email-link[b-a9n6wjpnd9] {
    padding: 0;
    margin-top: 0.25rem;
    font-size: 0.85rem;
    text-align: left;
}

.test-email-msg[b-a9n6wjpnd9] {
    color: var(--lc-text-strong);
}

.test-email-msg.error[b-a9n6wjpnd9] {
    color: var(--lc-danger-text);
}

.details-fieldset[b-a9n6wjpnd9] {
    border: none;
    padding: 0;
    margin: 0;
    min-width: 0;
}

/* "Click a section's heading to open or close it", with Open all / Close all. */
.sections-bar[b-a9n6wjpnd9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 1rem;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
    color: var(--lc-text-muted);
}

    .sections-bar .btn-link[b-a9n6wjpnd9] {
        padding: 0;
        font-size: 0.9rem;
    }

/* While accepting the agreement. */
.welcome-box[b-a9n6wjpnd9] {
    margin: 0.5rem 0 1rem;
    padding: 1rem 1.25rem;
    border-left: 4px solid var(--lc-info-strong);
    border-radius: 6px;
    background: var(--lc-info-bg);
    color: var(--lc-info-text);
}

    .welcome-box p[b-a9n6wjpnd9] {
        margin: 0;
    }

.must-accept[b-a9n6wjpnd9],
.problems[b-a9n6wjpnd9] {
    margin: 0 0 1rem;
    padding: 0.85rem 1.1rem;
    border: 1px solid var(--lc-warning-border);
    border-radius: 6px;
    background: var(--lc-warning-bg);
    color: var(--lc-warning-text);
}

    .problems p[b-a9n6wjpnd9] {
        margin: 0 0 0.4rem;
    }

    .problems ul[b-a9n6wjpnd9] {
        margin: 0;
        padding-left: 1.25rem;
    }

.encourage[b-a9n6wjpnd9] {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    background: var(--lc-info-bg);
    color: var(--lc-info-text);
    font-size: 0.9rem;
}

.accept-check[b-a9n6wjpnd9] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 1rem 0;
    font-weight: 600;
    color: var(--lc-text-strong);
    cursor: pointer;
}

    .accept-check input[b-a9n6wjpnd9] {
        width: 1.2rem;
        height: 1.2rem;
        margin-top: 0.1rem;
        flex-shrink: 0;
    }

.accept-actions[b-a9n6wjpnd9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.25rem;
}

.decline-confirm[b-a9n6wjpnd9] {
    margin-top: 1rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--lc-border-strong);
    border-radius: 6px;
    background: var(--lc-surface-muted);
}

    .decline-confirm p[b-a9n6wjpnd9] {
        margin: 0 0 0.6rem;
    }

.close-note[b-a9n6wjpnd9] {
    margin: 1.25rem 0 0;
}

.status-message[b-a9n6wjpnd9] {
    margin-top: 0.75rem;
}

/* About you (planner #206): one fieldset per question; the experience answers stack, each with its caption. */
.about-question[b-a9n6wjpnd9] {
    border: none;
    margin: 0 0 1rem;
    padding: 0;
}

    .about-question legend[b-a9n6wjpnd9] {
        font-weight: 600;
        margin-bottom: 0.4rem;
        color: var(--lc-text);
    }

.about-options[b-a9n6wjpnd9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1.25rem;
}

.about-options-stacked[b-a9n6wjpnd9] {
    flex-direction: column;
    gap: 0.5rem;
}

.about-option[b-a9n6wjpnd9] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    cursor: pointer;
    font-weight: 400;
}

    .about-option input[b-a9n6wjpnd9] {
        margin-top: 0.2rem;
    }

.about-caption[b-a9n6wjpnd9] {
    display: block;
    font-size: 0.85rem;
    font-style: italic;
    color: var(--lc-text-muted);
}
/* /Components/Pages/Member/OfferChoicesPanel.razor.rz.scp.css */
.field-hint[b-twixpw2bgw] {
    font-size: 0.85rem;
    color: var(--lc-text-subtle);
    margin: 0 0 1rem;
}

.offer-row[b-twixpw2bgw] {
    padding: 0.75rem 0;
    border-top: 1px solid var(--lc-border-subtle);
}

    .offer-row.unanswered[b-twixpw2bgw] {
        margin: 0 -0.75rem;
        padding: 0.75rem;
        border-radius: 6px;
        background: var(--lc-warning-bg);
    }

.offer-question[b-twixpw2bgw] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin-bottom: 0.4rem;
}

.offer-label[b-twixpw2bgw] {
    font-weight: 600;
    font-size: 0.92rem;
    color: var(--lc-text-strong);
}

/* The "i": a round button that clearly opens something. */
.info-button[b-twixpw2bgw],
.info-inline[b-twixpw2bgw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    border: 2px solid var(--lc-link);
    border-radius: 50%;
    background: var(--lc-surface);
    color: var(--lc-link);
    font: italic 700 0.85rem Georgia, "Times New Roman", serif;
    line-height: 1;
}

.info-button[b-twixpw2bgw] {
    padding: 0;
    cursor: pointer;
}

    .info-button:hover[b-twixpw2bgw],
    .info-button[aria-expanded="true"][b-twixpw2bgw] {
        background: var(--lc-link);
        color: var(--lc-surface);
    }

    .info-button:focus-visible[b-twixpw2bgw] {
        outline: 3px solid var(--lc-focus-ring);
        outline-offset: 2px;
    }

.info-inline[b-twixpw2bgw] {
    width: 1.2rem;
    height: 1.2rem;
    font-size: 0.75rem;
    vertical-align: middle;
}

.offer-answers[b-twixpw2bgw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.25rem;
    font-size: 0.9rem;
    color: var(--lc-text-soft);
}

    .offer-answers label[b-twixpw2bgw] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        cursor: pointer;
    }

.offer-needed[b-twixpw2bgw] {
    font-weight: 600;
    color: var(--lc-warning-ink);
}

.offer-info[b-twixpw2bgw] {
    margin: 0.6rem 0 0;
    padding: 0.7rem 0.9rem;
    border-left: 3px solid var(--lc-link);
    border-radius: 4px;
    background: var(--lc-info-bg);
    color: var(--lc-info-text);
    font-size: 0.88rem;
    line-height: 1.5;
}

.accepted-note[b-twixpw2bgw] {
    margin: 1rem 0 0;
}
/* /Components/Pages/Member/SampleAncestors.razor.rz.scp.css */
h1[b-gd4tfos9i9] {
    color: var(--lc-heading);
    margin-bottom: 0.25rem;
}

.lead[b-gd4tfos9i9] {
    color: var(--lc-text-muted);
    margin: 0;
    max-width: 480px;
}

.page-heading[b-gd4tfos9i9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.household-card[b-gd4tfos9i9] {
    background: var(--lc-surface);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.25rem;
    overflow: hidden;
}

.household-header[b-gd4tfos9i9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1.25rem;
    background: var(--lc-surface-muted);
}

.census-badge[b-gd4tfos9i9] {
    font-weight: 700;
    color: var(--lc-heading);
    font-size: 0.88rem;
}

.household-ref[b-gd4tfos9i9] {
    font-size: 0.8rem;
    color: var(--lc-text-subtle);
    font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
}

.household-table[b-gd4tfos9i9] {
    width: 100%;
    border-collapse: collapse;
}

    .household-table th[b-gd4tfos9i9] {
        text-align: left;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--lc-text-subtle);
        padding: 0.5rem 1.25rem;
    }

    .household-table td[b-gd4tfos9i9] {
        padding: 0.5rem 1.25rem;
        border-top: 1px solid var(--lc-border-subtle);
        font-size: 0.92rem;
    }

.relationship-tag[b-gd4tfos9i9] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
}

.relationship-blood[b-gd4tfos9i9] {
    background: var(--lc-success-bg);
    color: var(--lc-success-ink);
}

.relationship-marriage[b-gd4tfos9i9] {
    background: var(--lc-info-bg);
    color: var(--lc-heading);
}
/* /Components/Pages/Member/TakeOver.razor.rz.scp.css */
.take-over-page[b-ktn80546yp] { max-width: 760px; }
h1[b-ktn80546yp] { color: var(--lc-heading); margin-bottom: 0.5rem; font-size: 1.6rem; }
.lead[b-ktn80546yp] { color: var(--lc-text-muted); margin-top: 0; }
.hint[b-ktn80546yp] { color: var(--lc-text-muted); font-size: 0.9rem; font-weight: 400; }
.msg.error[b-ktn80546yp] { color: var(--lc-danger-ink); font-weight: 600; }

[b-ktn80546yp] .take-over-form {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 1px 3px var(--lc-shadow);
    margin-top: 1rem;
}

    [b-ktn80546yp] .take-over-form label {
        display: flex;
        flex-direction: column;
        gap: 0.3rem;
        font-weight: 600;
        font-size: 0.92rem;
    }

    [b-ktn80546yp] .take-over-form input,
    [b-ktn80546yp] .take-over-form textarea {
        font: inherit;
        font-weight: 400;
        padding: 0.5rem 0.65rem;
        border: 1px solid var(--lc-border-strong);
        border-radius: 5px;
        color: var(--lc-text-strong);
        background: var(--lc-surface);
    }

    [b-ktn80546yp] .take-over-form .two {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }

    [b-ktn80546yp] .take-over-form button {
        align-self: flex-start;
    }

@media (max-width: 560px) {
    [b-ktn80546yp] .take-over-form .two { grid-template-columns: 1fr; }
}
/* /Components/Pages/Member/Talks.razor.rz.scp.css */
h1[b-32uveb0h6r] {
    color: var(--lc-heading);
    margin-bottom: 0.25rem;
}

.lead[b-32uveb0h6r] {
    color: var(--lc-text-muted);
    margin-top: 0;
}

.talks-note[b-32uveb0h6r] {
    color: var(--lc-text-muted);
    font-size: 0.92rem;
}

.panel[b-32uveb0h6r] {
    background: var(--lc-surface);
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    margin-top: 1.25rem;
}

    .panel h2[b-32uveb0h6r] {
        margin-top: 0;
        color: var(--lc-heading);
        font-size: 1.1rem;
    }

.recording-list[b-32uveb0h6r] {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .recording-list li[b-32uveb0h6r] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.75rem 0;
        border-bottom: 1px solid var(--lc-border-subtle);
    }

        .recording-list li:last-child[b-32uveb0h6r] {
            border-bottom: none;
        }

        .recording-list li span[b-32uveb0h6r] {
            display: block;
            font-size: 0.82rem;
            color: var(--lc-text-subtle);
            margin-top: 0.15rem;
        }

    .recording-list .btn[b-32uveb0h6r] {
        flex-shrink: 0;
        padding: 0.45rem 1.1rem;
        font-size: 0.88rem;
    }
/* /Components/Pages/Member/Welcome.razor.rz.scp.css */
h1[b-w268201yfe] { color: var(--lc-heading); margin-bottom: 0.25rem; }
.lead[b-w268201yfe] { color: var(--lc-text-muted); margin-top: 0; }
.panel[b-w268201yfe] { background: var(--lc-surface); border-radius: 8px; padding: 1.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); margin-top: 1.25rem; }
.panel h2[b-w268201yfe] { margin-top: 0; color: var(--lc-heading); font-size: 1.1rem; }
.panel li[b-w268201yfe] { margin-bottom: 0.4rem; }
/* /Components/Pages/Renew/RenewalPanel.razor.rz.scp.css */
.renew-box[b-6f1q44gu3k] {
    border: 1px solid var(--lc-border);
    border-radius: 8px;
    background: var(--lc-surface);
    padding: 1rem 1.25rem;
    margin: 1rem 0;
}

    /* The info pages' section rule (a line above each h2) isn't wanted inside a box. */
    .renew-box h2[b-6f1q44gu3k] {
        font-size: 1.1rem;
        margin: 0 0 0.6rem;
        padding-top: 0;
        border-top: none;
        color: var(--lc-heading);
    }

.renew-accounts[b-6f1q44gu3k] {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .renew-accounts li[b-6f1q44gu3k] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem 1rem;
        padding: 0.4rem 0;
        border-bottom: 1px solid var(--lc-border-subtle);
    }

        .renew-accounts li:last-child[b-6f1q44gu3k] {
            border-bottom: none;
        }

.renew-account-name[b-6f1q44gu3k] {
    font-weight: 600;
    min-width: 12rem;
}

.renew-account-kind[b-6f1q44gu3k] {
    color: var(--lc-text-muted);
    min-width: 10rem;
}

.renew-account-date[b-6f1q44gu3k] {
    color: var(--lc-text-soft);
}

.renew-choice[b-6f1q44gu3k] {
    display: block;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--lc-border-subtle);
    border-radius: 6px;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

    .renew-choice:hover[b-6f1q44gu3k] {
        background: var(--lc-surface-hover);
    }

.renew-choice-main[b-6f1q44gu3k] {
    font-size: 1.05rem;
}

.renew-choice-detail[b-6f1q44gu3k] {
    display: block;
    margin-left: 1.6rem;
    color: var(--lc-text-muted);
    font-size: 0.92rem;
}

/* Every choice, including "Another amount" with its box, sits on one line, centred on the radio buttons. */
.renew-amounts[b-6f1q44gu3k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.25rem;
    margin: 0.25rem 0 0.9rem;
}

.renew-amount[b-6f1q44gu3k] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    white-space: nowrap;
}

    .renew-amount input[type="radio"][b-6f1q44gu3k] {
        margin: 0;
    }

.renew-other input[type="number"][b-6f1q44gu3k] {
    width: 6rem;
    margin: 0;
    padding: 0.2rem 0.4rem;
    line-height: 1.3;
    font: inherit;
    border: 1px solid var(--lc-border-strong);
    border-radius: 4px;
    background: var(--lc-surface);
    color: var(--lc-text);
}

.renew-message-label[b-6f1q44gu3k] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

#renew-message[b-6f1q44gu3k] {
    width: 100%;
    max-width: 36rem;
    padding: 0.5rem;
    font: inherit;
    border: 1px solid var(--lc-border-strong);
    border-radius: 4px;
    background: var(--lc-surface);
    color: var(--lc-text);
}

.renew-pay[b-6f1q44gu3k] {
    font-size: 1.1rem;
    padding: 0.7rem 1.4rem;
    margin-top: 0.5rem;
}

.renew-note[b-6f1q44gu3k] {
    color: var(--lc-text-muted);
    font-size: 0.92rem;
}

.renew-offer[b-6f1q44gu3k] {
    background: var(--lc-success-bg);
    border: 1px solid var(--lc-success-border);
    color: var(--lc-success-text);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin: 1rem 0;
}

.renew-closed[b-6f1q44gu3k] {
    background: var(--lc-info-bg);
    border: 1px solid var(--lc-info-border);
    color: var(--lc-info-text);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin: 1rem 0;
}

.renew-error[b-6f1q44gu3k] {
    color: var(--lc-danger-ink);
    font-weight: 600;
}

.renew-foot[b-6f1q44gu3k] {
    margin-top: 2rem;
    font-size: 0.92rem;
    color: var(--lc-text-muted);
}