/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-shell[b-y8k9m18z0d] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 22px;
    padding: 30px 20px;
    background: var(--settld-paper);
    color: var(--settld-carbon);
}

.auth-shell__brand[b-y8k9m18z0d] {
    display: block;
}

.auth-shell__logo[b-y8k9m18z0d] {
    width: 84px;
    height: auto;
    display: block;
}

.auth-shell__card[b-y8k9m18z0d] {
    width: 100%;
    max-width: 460px;
    background: var(--settld-white);
    border: 1px solid var(--settld-hairline);
    border-radius: 16px;
    box-shadow: var(--settld-shadow-card);
    padding: 30px 28px;
}

.auth-shell__foot[b-y8k9m18z0d] {
    margin: 0;
    font-size: 11.5px;
    color: var(--settld-ink-70);
    text-align: center;
}

@media (max-width: 520px) {
    .auth-shell[b-y8k9m18z0d] {
        justify-content: flex-start;
        padding-top: 48px;
    }

    .auth-shell__card[b-y8k9m18z0d] {
        padding: 24px 20px;
    }
}
/* /Components/Layout/CheckoutLayout.razor.rz.scp.css */
/* app.css defines the site-wide dark theme through these custom properties. Checkout runs on a light
   surface (payment-flow legibility/trust convention), so they are re-pinned here. Custom properties
   inherit through the real DOM regardless of Blazor CSS isolation, so this also reaches the .card /
   .table / .list-group / .alert-* markup that checkout sub-pages still render inside @Body.

   Only the merchant's accent, typography and corner radius are bridged through. Surface colours stay
   fixed and light — see checkout.css for why a dark merchant palette cannot be honoured here. */

.co-shell[b-p1ceiozdw7] {
    --bs-body-bg: #f5f6f8;
    --bs-body-color: #101828;
    --bs-border-color: #e4e7ec;
    --bs-secondary-color: #667085;
    --bs-emphasis-color: #101828;
    --bs-primary: var(--st-primary, var(--settld-thread-teal));
    --bs-link-color: var(--st-primary, var(--settld-thread-teal));
    --bs-link-hover-color: var(--st-primary, var(--settld-thread-teal));

    --bs-secondary-text-emphasis: #3e4143;
    --bs-secondary-bg-subtle: #eef0f3;
    --bs-secondary-border-subtle: #d5d9e0;
    --bs-tertiary-bg: #f1f3f6;

    --phoenix-surface: #ffffff;
    --phoenix-border: #e4e7ec;
    --phoenix-muted: #667085;
    --phoenix-hover: color-mix(in srgb, #101828 5%, transparent);
    --phoenix-label: #101828;
    --phoenix-faint: #667085;
    --phoenix-accent: var(--st-primary, var(--settld-thread-teal));
    --phoenix-accent-text: var(--st-primary, var(--settld-thread-teal));
    --phoenix-code-color: #101828;
    --phoenix-code-bg: color-mix(in srgb, #101828 6%, transparent);

    --bs-success-text-emphasis: #0f4a30;
    --bs-success-bg-subtle: #e3f2ea;
    --bs-success-border-subtle: #b9dcc9;

    --bs-danger-text-emphasis: #6e241d;
    --bs-danger-bg-subtle: #f6e2e0;
    --bs-danger-border-subtle: #e3b7b1;

    --bs-warning-text-emphasis: #6b4d15;
    --bs-warning-bg-subtle: #f7ecd7;
    --bs-warning-border-subtle: #e8cfa0;

    --bs-info-text-emphasis: #274a68;
    --bs-info-bg-subtle: #e2ebf3;
    --bs-info-border-subtle: #b9cddd;
}

/* The store index is Settld's own page and runs on Carbon, so every light re-pin above has to step
   aside. `inherit` takes each property's value from the parent element - which is app.css's :root -
   so the back office palette applies verbatim instead of being restated here and drifting from it. */
.co-shell[data-surface="carbon"][b-p1ceiozdw7] {
    --bs-body-bg: inherit;
    --bs-body-color: inherit;
    --bs-border-color: inherit;
    --bs-secondary-color: inherit;
    --bs-emphasis-color: inherit;

    --bs-secondary-text-emphasis: inherit;
    --bs-secondary-bg-subtle: inherit;
    --bs-secondary-border-subtle: inherit;
    --bs-tertiary-bg: inherit;

    --phoenix-surface: inherit;
    --phoenix-border: inherit;
    --phoenix-muted: inherit;
    --phoenix-hover: inherit;
    --phoenix-label: inherit;
    --phoenix-faint: inherit;
    --phoenix-code-color: inherit;
    --phoenix-code-bg: inherit;

    --bs-success-text-emphasis: inherit;
    --bs-success-bg-subtle: inherit;
    --bs-success-border-subtle: inherit;

    --bs-danger-text-emphasis: inherit;
    --bs-danger-bg-subtle: inherit;
    --bs-danger-border-subtle: inherit;
}

/* .form-control/.form-select in app.css hardcode a white-based border rather than referencing a
   variable, so they don't pick up the overrides above through inheritance. */
.co-shell[b-p1ceiozdw7]  .form-control,
.co-shell[b-p1ceiozdw7]  .form-select {
    --bs-border-color: #d5d9e0;
}

.co-shell[b-p1ceiozdw7]  .card {
    --bs-card-bg: #ffffff;
    --bs-card-border-color: #e4e7ec;
    --bs-card-border-radius: var(--st-radius-lg, 1rem);
}

.co-shell[b-p1ceiozdw7]  .btn-primary {
    --bs-btn-bg: var(--st-primary, var(--settld-thread-teal));
    --bs-btn-border-color: var(--st-primary, var(--settld-thread-teal));
    --bs-btn-color: var(--st-primary-text, var(--settld-carbon));
    --bs-btn-hover-bg: var(--st-primary, var(--settld-thread-teal));
    --bs-btn-hover-border-color: var(--st-primary, var(--settld-thread-teal));
    --bs-btn-hover-color: var(--st-primary-text, var(--settld-carbon));
    --bs-btn-active-bg: var(--st-primary, var(--settld-thread-teal));
    --bs-btn-active-border-color: var(--st-primary, var(--settld-thread-teal));
    --bs-btn-active-color: var(--st-primary-text, var(--settld-carbon));
    --bs-btn-disabled-bg: var(--st-primary, var(--settld-thread-teal));
    --bs-btn-disabled-border-color: var(--st-primary, var(--settld-thread-teal));
    --bs-btn-disabled-color: var(--st-primary-text, var(--settld-carbon));
}

/* Test-mode strip on the customer-facing checkout. Deliberately loud and above the fold: this is the one
   surface where the person looking at it may have no idea a rehearsal is what they are in. */
[b-p1ceiozdw7] .co-testmode {
    margin: 0 0 1rem;
    padding: .625rem .875rem;
    border: 1px solid #d64545;
    border-left-width: 4px;
    border-radius: .375rem;
    background: #fdf3f3;
    color: #7d2020;
    font-size: .875rem;
    line-height: 1.4;
}

[b-p1ceiozdw7] .co-testmode strong { letter-spacing: .02em; text-transform: uppercase; font-size: .8125rem; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-wdbel8rscf] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-wdbel8rscf] {
    flex: 1;
    min-width: 0;
}

.content[b-wdbel8rscf] {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    padding-top: 22px;
    padding-bottom: 64px;
}

.sidebar[b-wdbel8rscf] {
    background-color: var(--phoenix-navy);
    border-right: 1px solid var(--phoenix-navy-border);
}

.sidebar.sidebar--pinned-dark[b-wdbel8rscf] {
    /* Backoffice only (see the IsBackoffice check below) - pinned dark regardless of the light/dark
       toggle, because the design mocks render the staff sidebar as an unconditional carbon shell with
       no light variant (settld_bo_transaction_detail.html). Portal's mock is the mirror image - always
       light, no dark variant either (settld_portal_dashboard.html) - so it deliberately keeps following
       the shared toggle here rather than getting its own opposite pin, since nothing in Portal was
       reported broken; only Backoffice's mismatch against its mock was raised. The --phoenix-navy-*
       tokens default to these same dark values in :root, but alias tokens (--settld-carbon-2/-line/-dim)
       that legitimately flip for the rest of the app under [data-pwa="staff"][data-theme="light"] in
       app.css - redeclaring them here overrides that flip for the sidebar (and NavMenu, which inherits
       through it) without affecting --phoenix-navy-active's other consumers (Chip, SelectableCard, etc.)
       elsewhere on the page, which still need it to flip normally. */
    --phoenix-navy: #131416;
    --phoenix-navy-border: rgba(255, 255, 255, 0.08);
    --phoenix-navy-text: rgba(255, 255, 255, 0.68);
    --phoenix-navy-text-strong: #ffffff;
    --phoenix-navy-hover: rgba(255, 255, 255, 0.05);
    --phoenix-navy-active: rgba(0, 194, 168, 0.14);
}

.top-row[b-wdbel8rscf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    height: 4rem;
    background-color: color-mix(in srgb, var(--settld-carbon-2) 72%, transparent);
    border-bottom: 1px solid var(--phoenix-border);
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .top-row[b-wdbel8rscf] {
        background-color: var(--phoenix-surface);
    }
}

.top-row__lead[b-wdbel8rscf] {
    min-width: 0;
}

.top-row__center[b-wdbel8rscf] {
    display: flex;
    justify-content: center;
    min-width: 0;
}

.top-row__trail[b-wdbel8rscf] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    min-width: 0;
}

.top-row__trail[b-wdbel8rscf]  .actor-banner,
.top-row__trail[b-wdbel8rscf]  .text-truncate {
    min-width: 0;
}

@media (max-width: 480.98px) {
    .top-row__trail[b-wdbel8rscf]  .actor-banner > .text-truncate {
        display: none;
    }
}

    .top-row[b-wdbel8rscf]  a, .top-row[b-wdbel8rscf]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
        font-size: 0.8125rem;
        letter-spacing: -0.01em;
        color: var(--phoenix-muted);
        transition: color 0.2s ease;
    }

    .top-row[b-wdbel8rscf]  a:hover, .top-row[b-wdbel8rscf]  .btn-link:hover {
        color: var(--bs-body-color);
    }

    .top-row[b-wdbel8rscf]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-wdbel8rscf] {
        grid-template-columns: minmax(0, 1fr) minmax(0, auto);
        gap: 0.5rem;
    }

    .top-row__lead[b-wdbel8rscf] {
        display: none;
    }

    .top-row[b-wdbel8rscf]  a, .top-row[b-wdbel8rscf]  .btn-link {
        margin-left: 0.75rem;
    }
}

@media (min-width: 641px) {
    .page[b-wdbel8rscf] {
        flex-direction: row;
    }

    .sidebar[b-wdbel8rscf] {
        width: 216px;
        flex: 0 0 216px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-wdbel8rscf] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-wdbel8rscf]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-wdbel8rscf], article[b-wdbel8rscf] {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
}

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

    #blazor-error-ui .dismiss[b-wdbel8rscf] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-l2yhufdutw] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid var(--phoenix-navy-border);
    border-radius: 0.4rem;
    background-color: transparent;
    /* Mask instead of a plain background-image so the bars follow --phoenix-navy-text-strong
       (i.e. the theme) via background-color, rather than baking in a fixed stroke color. */
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem;
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem;
    background-color: var(--phoenix-navy-text-strong);
    transition: border-color 0.15s ease;
}

.navbar-toggler:checked[b-l2yhufdutw] {
    border-color: var(--settld-teal);
}

.top-row[b-l2yhufdutw] {
    min-height: 3.5rem;
    background-color: var(--phoenix-navy);
    border-bottom: 1px solid var(--phoenix-navy-border);
}

.navbar-brand[b-l2yhufdutw] {
    display: inline-flex;
    align-items: center;
}

/* The wordmark itself lives in SettldLogo, so the scope attribute of this file no longer lands on
   it - ::deep reaches through to the child component's root element. Locked art: no color here,
   the on-dark master carries its own colour. The height covers the clear space baked into the
   master's viewBox, so the letterforms themselves sit at about half of it. */
.navbar-brand[b-l2yhufdutw]  .navbar-brand__logo {
    height: 3.6rem;
    width: auto;
    margin-block: -0.7rem;
}

.nav-item[b-l2yhufdutw]  .icon {
    flex: 0 0 auto;
    width: 1.1rem;
    height: 1.1rem;
    margin-right: 9px;
    opacity: 0.85;
}

.nav-item[b-l2yhufdutw]  a.active .icon {
    opacity: 1;
}

.nav-group-label[b-l2yhufdutw] {
    display: block;
    padding: 14px 1.125rem 5px;
    font-family: var(--bs-body-font-family);
    font-size: 10.5px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--phoenix-navy-text);
}

.nav-group-label--spaced[b-l2yhufdutw] {
    margin-top: 10px;
}

.nav-item[b-l2yhufdutw]  .nav-ext {
    margin-left: auto;
    font-size: 11px;
    text-transform: none;
    letter-spacing: 0;
    color: var(--phoenix-muted);
}

.nav-group-summary[b-l2yhufdutw] {
    min-height: 2.4rem;
    margin: 0.15rem 0.5rem;
    padding: 0.55rem 0.95rem;
    font-family: var(--bs-body-font-family);
    font-size: 10.5px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--phoenix-navy-text);
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid transparent;
    border-radius: var(--settld-radius-inner);
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

.nav-group-summary:hover[b-l2yhufdutw] {
    color: var(--phoenix-navy-text-strong);
    background: var(--phoenix-navy-hover);
}

.nav-group-summary[b-l2yhufdutw]  .icon {
    width: 1rem;
    height: 1rem;
    opacity: 0.8;
}

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

    .nav-group-summary[b-l2yhufdutw]::after {
        content: "\203A";
        margin-left: auto;
        font-size: 0.95rem;
        line-height: 1;
        transition: transform 0.15s ease;
    }

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

.nav-group[open] > .nav-group-summary[b-l2yhufdutw] {
    color: var(--phoenix-navy-text-strong);
    background: var(--phoenix-navy-hover);
    border-color: var(--phoenix-navy-border);
}

.nav-group > .nav-item:first-of-type[b-l2yhufdutw] {
    padding-top: 0.35rem;
}

.nav-group > .nav-item:last-of-type[b-l2yhufdutw] {
    padding-bottom: 0.45rem;
}

.nav-group--tools[b-l2yhufdutw] {
    margin-top: 0.35rem;
    border-top: 1px solid var(--phoenix-navy-border);
    border-bottom: 1px solid var(--phoenix-navy-border);
    background: rgba(0, 194, 168, 0.025);
}

.nav-group--tools > .nav-group-summary[b-l2yhufdutw] {
    color: var(--phoenix-accent);
}

.nav-item[b-l2yhufdutw] {
    font-size: 0.8125rem;
    letter-spacing: -0.01em;
    padding-bottom: 0.15rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

    .nav-item:first-of-type[b-l2yhufdutw] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-l2yhufdutw] {
        padding-bottom: 1rem;
    }

    .nav-item[b-l2yhufdutw]  .nav-link {
        color: var(--phoenix-navy-text);
        background: none;
        border: none;
        border-radius: 8px;
        font-size: 13px;
        padding: 7.5px 10px;
        display: flex;
        align-items: center;
        line-height: 1.35;
        width: 100%;
    }

.nav-item[b-l2yhufdutw]  a.active {
    background-color: var(--phoenix-navy-active);
    color: var(--phoenix-navy-text-strong);
    font-weight: 500;
    box-shadow: inset 2px 0 0 var(--phoenix-accent);
}

.nav-item[b-l2yhufdutw]  .nav-link:hover {
    background-color: var(--phoenix-navy-hover);
    color: var(--phoenix-navy-text-strong);
}

.nav-item[b-l2yhufdutw]  .approval-nav-badge {
    min-width: 1.35rem;
    margin-left: auto;
    padding: 0.15rem 0.4rem;
    border-radius: 999px;
    background: var(--phoenix-accent);
    color: #0B0C0D;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1rem;
    text-align: center;
}

.nav-scrollable[b-l2yhufdutw] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-l2yhufdutw] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-l2yhufdutw] {
        display: none;
    }

    .nav-scrollable[b-l2yhufdutw] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/RecentItemsMenu.razor.rz.scp.css */
.recent-menu[b-fquogb8qlx] {
    position: relative;
}

.recent-menu__trigger[b-fquogb8qlx] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.75rem;
    border-radius: 9999px;
    cursor: pointer;
    list-style: none;
    font-size: 0.8125rem;
    color: var(--phoenix-muted);
    border: 1px solid transparent;
}

.recent-menu__trigger[b-fquogb8qlx]::-webkit-details-marker {
    display: none;
}

.recent-menu__trigger:hover[b-fquogb8qlx] {
    color: var(--bs-body-color);
    background: var(--phoenix-hover);
}

.recent-menu[open] > .recent-menu__trigger[b-fquogb8qlx] {
    color: var(--bs-body-color);
    border-color: var(--phoenix-border);
}

.recent-menu__panel[b-fquogb8qlx] {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    z-index: 20;
    width: 20rem;
    max-width: 90vw;
    background: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: 0.75rem;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    padding: 0.5rem;
}

.recent-menu__tabs[b-fquogb8qlx] {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.recent-menu__tab[b-fquogb8qlx] {
    flex: 1;
    padding: 0.35rem 0.5rem;
    border-radius: 0.5rem;
    border: none;
    background: transparent;
    font-size: 0.75rem;
    color: var(--phoenix-muted);
    cursor: pointer;
}

.recent-menu__tab.active[b-fquogb8qlx] {
    background: var(--phoenix-navy-active);
    color: var(--bs-body-color);
}

.recent-menu__list[b-fquogb8qlx] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 16rem;
    overflow-y: auto;
}

.recent-menu__list li a[b-fquogb8qlx] {
    display: block;
    padding: 0.45rem 0.6rem;
    margin-left: 0;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    white-space: normal;
    text-decoration: none;
    color: var(--bs-body-color);
}

.recent-menu__list li a:hover[b-fquogb8qlx] {
    background: var(--phoenix-hover);
}

.recent-menu__empty[b-fquogb8qlx] {
    padding: 0.5rem 0.6rem;
    margin: 0;
}
/* /Components/Layout/SessionBanner.razor.rz.scp.css */
.role-switcher[b-nee1fxl61u] {
    position: relative;
    display: inline-block;
}

/* Style Guide v1.1's "Acting as [role chip]" pattern - Bootstrap's plain .badge keeps its own
   semantic background per role (bg-primary/bg-dark/bg-success, set in the code-behind), only the
   shape/type here moves to the guide's small-caps pill. */
.actor-banner .badge[b-nee1fxl61u] {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: capitalize;
    padding: 0.28em 0.75em;
}

.role-switcher__trigger[b-nee1fxl61u] {
    cursor: pointer;
    list-style: none;
}

.role-switcher__trigger[b-nee1fxl61u]::-webkit-details-marker {
    display: none;
}

.role-switcher__trigger[b-nee1fxl61u]::after {
    content: "\25BE";
    margin-left: 0.35rem;
    opacity: 0.7;
}

.role-switcher__panel[b-nee1fxl61u] {
    position: absolute;
    top: calc(100% + 0.4rem);
    left: 0;
    z-index: 1050;
    min-width: 18rem;
    padding: 0.5rem;
    border: 1px solid var(--phoenix-border);
    border-radius: 0.6rem;
    background: var(--phoenix-surface);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.role-switcher__heading[b-nee1fxl61u] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--phoenix-muted);
}

.role-switcher__item[b-nee1fxl61u] {
    display: block;
}

.role-switcher__option[b-nee1fxl61u] {
    display: block;
    width: 100%;
    padding: 0.45rem 0.5rem;
    border: none;
    border-radius: 0.4rem;
    background: transparent;
    color: var(--bs-body-color);
    text-align: left;
    text-decoration: none;
    font-size: 0.9rem;
}

.role-switcher__option:hover[b-nee1fxl61u] {
    background: var(--phoenix-hover);
    color: var(--settld-teal);
}

.role-switcher__option--current[b-nee1fxl61u] {
    font-weight: 600;
}

.role-switcher__option-kind[b-nee1fxl61u] {
    display: block;
    font-size: 0.75rem;
    color: var(--phoenix-muted);
}

.role-switcher__divider[b-nee1fxl61u] {
    margin: 0.35rem 0.25rem;
    border-top: 1px solid var(--phoenix-border);
}
/* /Components/Layout/StorefrontDesignerLayout.razor.rz.scp.css */
.storefront-designer-layout[b-h3df1xvcqr] {
    min-height: 100dvh;
    background: #101317;
}

#blazor-error-ui[b-h3df1xvcqr] {
    display: none;
}
/* /Components/Layout/TopBarSearch.razor.rz.scp.css */
.omni[b-1glta28nrb] {
    width: clamp(18rem, 34vw, 28rem);
    min-width: 0;
    transition: width 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.omni:focus-within[b-1glta28nrb] {
    width: clamp(22rem, 52vw, 44rem);
}

.omni__glass[b-1glta28nrb] {
    position: relative;
    display: flex;
    align-items: center;
    height: 2.6rem;
    padding: 0 0.35rem 0 0.3rem;
    border-radius: 9999px;
    border: 1px solid color-mix(in srgb, var(--bs-body-color) 14%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--bs-body-color) 10%, transparent) 0%, color-mix(in srgb, var(--bs-body-color) 3.5%, transparent) 100%);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    box-shadow:
        inset 0 1px 0 0 color-mix(in srgb, var(--bs-body-color) 16%, transparent),
        inset 0 -1px 0 0 color-mix(in srgb, var(--bs-body-color) 3%, transparent),
        0 8px 28px -14px rgba(0, 0, 0, 0.7);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .omni__glass[b-1glta28nrb] {
        background: var(--phoenix-surface);
    }
}

.omni__glass:hover[b-1glta28nrb] {
    border-color: color-mix(in srgb, var(--bs-body-color) 22%, transparent);
}

.omni:focus-within .omni__glass[b-1glta28nrb] {
    border-color: rgba(0, 194, 168, 0.55);
    background: linear-gradient(180deg, color-mix(in srgb, var(--bs-body-color) 13%, transparent) 0%, color-mix(in srgb, var(--bs-body-color) 5%, transparent) 100%);
    box-shadow:
        inset 0 1px 0 0 color-mix(in srgb, var(--bs-body-color) 20%, transparent),
        0 0 0 4px rgba(0, 194, 168, 0.16),
        0 14px 40px -16px rgba(0, 0, 0, 0.8);
}

.omni__go[b-1glta28nrb] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 9999px;
    background: transparent;
    color: var(--phoenix-muted);
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease;
}

.omni__go:hover[b-1glta28nrb] {
    color: var(--bs-body-color);
    background: color-mix(in srgb, var(--bs-body-color) 7%, transparent);
}

.omni:focus-within .omni__go[b-1glta28nrb] {
    color: var(--settld-teal);
}

.omni__go:focus-visible[b-1glta28nrb] {
    outline: 2px solid var(--settld-teal);
    outline-offset: 2px;
}

.omni__input[b-1glta28nrb] {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    padding: 0 0.5rem;
    border: 0;
    background: transparent;
    color: var(--bs-body-color);
    font-size: 0.9rem;
    letter-spacing: -0.01em;
}

.omni__input[b-1glta28nrb]::placeholder {
    color: var(--phoenix-muted);
    transition: color 0.25s ease;
}

.omni:focus-within .omni__input[b-1glta28nrb]::placeholder {
    color: var(--phoenix-faint);
}

.omni__input:focus[b-1glta28nrb] {
    outline: none;
}

.omni__input[b-1glta28nrb]::-webkit-search-cancel-button {
    display: none;
}

.omni__meta[b-1glta28nrb] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding-right: 0.4rem;
    color: var(--phoenix-faint);
    white-space: nowrap;
    pointer-events: none;
}

.omni__scope[b-1glta28nrb] {
    transition: opacity 0.25s ease;
}

.omni:focus-within .omni__scope[b-1glta28nrb] {
    opacity: 0;
}

.omni__key[b-1glta28nrb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.35rem;
    padding: 0 0.35rem;
    border-radius: 0.4rem;
    border: 1px solid color-mix(in srgb, var(--bs-body-color) 16%, transparent);
    background: color-mix(in srgb, var(--bs-body-color) 5%, transparent);
    color: var(--phoenix-muted);
    font-family: var(--bs-font-monospace);
    font-size: 11px;
    line-height: 1;
    opacity: 0;
    transform: translateX(0.35rem);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.omni:focus-within .omni__key[b-1glta28nrb] {
    opacity: 1;
    transform: translateX(0);
}

.omni__clear[b-1glta28nrb] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.2rem;
    border-radius: 9999px;
    color: var(--phoenix-muted);
    font-size: 1.15rem;
    line-height: 1;
    text-decoration: none;
    transition: color 0.2s ease, background 0.2s ease;
}

.omni__clear:hover[b-1glta28nrb] {
    color: var(--bs-body-color);
    background: color-mix(in srgb, var(--bs-body-color) 9%, transparent);
}

@media (max-width: 900.98px) {
    .omni__scope[b-1glta28nrb] {
        display: none;
    }
}

@media (max-width: 640.98px) {
    .omni[b-1glta28nrb], .omni:focus-within[b-1glta28nrb] {
        width: 100%;
    }

    .omni__meta[b-1glta28nrb] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .omni[b-1glta28nrb], .omni__glass[b-1glta28nrb], .omni__key[b-1glta28nrb], .omni__scope[b-1glta28nrb], .omni__go[b-1glta28nrb], .omni__clear[b-1glta28nrb] {
        transition: none;
    }

    .omni__key[b-1glta28nrb] {
        transform: none;
    }
}

@media (pointer: coarse) {
    .omni__glass[b-1glta28nrb] {
        height: 3rem;
    }

    .omni__go[b-1glta28nrb] {
        width: 2.5rem;
        height: 2.5rem;
    }

    .omni__clear[b-1glta28nrb] {
        width: 2.4rem;
        height: 2.4rem;
    }

    .omni__input[b-1glta28nrb] {
        font-size: 1rem;
    }
}
/* /Components/Pages/Account/AccountCommunications.razor.rz.scp.css */
.communications-page[b-4d35jotsst] {
    width: min(100%, 960px);
    margin: 1.75rem auto 4rem;
}

.communications-form[b-4d35jotsst] {
    display: grid;
    gap: 1.5rem;
}

.communications-alert[b-4d35jotsst],
.communications-state[b-4d35jotsst] {
    margin-bottom: 1.25rem;
    border-radius: 0.875rem;
}

.communications-state[b-4d35jotsst] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 7rem;
    padding: 1.5rem;
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
}

.communication-card[b-4d35jotsst] {
    overflow: hidden;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 1.125rem;
    box-shadow: 0 0.5rem 2rem rgba(var(--bs-body-color-rgb), 0.06);
}

.communication-card__header[b-4d35jotsst] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.5rem 1.75rem;
    background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.08), rgba(var(--bs-primary-rgb), 0.02));
    border-bottom: 1px solid var(--bs-border-color);
}

.communication-card__identity[b-4d35jotsst] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    min-width: 0;
}

.communication-card__icon[b-4d35jotsst] {
    display: grid;
    flex: 0 0 2.75rem;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    color: var(--bs-primary);
    background: var(--bs-body-bg);
    border: 1px solid rgba(var(--bs-primary-rgb), 0.2);
    border-radius: 0.875rem;
}

.communication-card__eyebrow[b-4d35jotsst] {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--bs-secondary-color);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.communication-card__header h2[b-4d35jotsst] {
    margin: 0;
    overflow: hidden;
    font-size: 1.2rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.delivery-status[b-4d35jotsst],
.required-key[b-4d35jotsst] {
    flex: 0 0 auto;
    padding: 0.4rem 0.7rem;
    color: var(--bs-primary-text-emphasis);
    background: var(--bs-primary-bg-subtle);
    border: 1px solid var(--bs-primary-border-subtle);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.communication-card__body[b-4d35jotsst] {
    display: grid;
    gap: 2rem;
    padding: 1.75rem;
}

.delivery-destinations[b-4d35jotsst] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.delivery-destination[b-4d35jotsst] {
    min-width: 0;
    padding: 0.9rem 1rem;
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
}

.delivery-destination__label[b-4d35jotsst],
.delivery-destination__value[b-4d35jotsst] {
    display: block;
}

.delivery-destination__label[b-4d35jotsst] {
    margin-bottom: 0.2rem;
    color: var(--bs-secondary-color);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.delivery-destination__value[b-4d35jotsst] {
    overflow: hidden;
    font-size: 0.9rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.delivery-destination--unavailable .delivery-destination__value[b-4d35jotsst] {
    color: var(--bs-secondary-color);
    font-weight: 500;
}

.preference-section[b-4d35jotsst] {
    min-width: 0;
}

.preference-section__heading[b-4d35jotsst] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.preference-section__heading h3[b-4d35jotsst] {
    margin: 0 0 0.2rem;
    font-size: 1rem;
    font-weight: 700;
}

.preference-section__heading p[b-4d35jotsst] {
    margin: 0;
    color: var(--bs-secondary-color);
    font-size: 0.85rem;
}

.required-key[b-4d35jotsst] {
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
}

.preference-list[b-4d35jotsst] {
    overflow: hidden;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.875rem;
}

.preference-option[b-4d35jotsst] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;
    padding: 1.15rem 1.25rem;
    background: var(--bs-body-bg);
}

.preference-option + .preference-option[b-4d35jotsst] {
    border-top: 1px solid var(--bs-border-color);
}

.preference-option__copy[b-4d35jotsst] {
    min-width: 0;
}

.preference-option__copy span[b-4d35jotsst],
.preference-option__copy small[b-4d35jotsst] {
    display: block;
}

.preference-option__copy span[b-4d35jotsst] {
    margin-bottom: 0.2rem;
    font-size: 0.925rem;
    font-weight: 650;
}

.preference-option__copy small[b-4d35jotsst] {
    color: var(--bs-secondary-color);
    line-height: 1.45;
}

.preference-list[b-4d35jotsst]  .list-group-item {
    align-items: center;
    padding: 1rem 1.25rem !important;
    background: var(--bs-body-bg);
    border: 0;
}

.preference-list[b-4d35jotsst]  .list-group-item + .list-group-item {
    border-top: 1px solid var(--bs-border-color);
}

.preference-list[b-4d35jotsst]  .form-check-input {
    opacity: 0.7;
}

.communications-actions[b-4d35jotsst] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.25rem 1.5rem;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1.5rem rgba(var(--bs-body-color-rgb), 0.05);
}

.communications-actions strong[b-4d35jotsst],
.communications-actions span[b-4d35jotsst] {
    display: block;
}

.communications-actions strong[b-4d35jotsst] {
    margin-bottom: 0.15rem;
    font-size: 0.9rem;
}

.communications-actions span[b-4d35jotsst] {
    color: var(--bs-secondary-color);
    font-size: 0.8rem;
}

.communications-actions .btn[b-4d35jotsst] {
    min-height: 2.75rem;
    padding-inline: 1.25rem;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .communications-page[b-4d35jotsst] {
        margin-top: 1.25rem;
        margin-bottom: 2.5rem;
    }

    .communication-card__header[b-4d35jotsst] {
        align-items: flex-start;
        padding: 1.15rem;
    }

    .communication-card__body[b-4d35jotsst] {
        gap: 1.5rem;
        padding: 1.15rem;
    }

    .delivery-destinations[b-4d35jotsst] {
        grid-template-columns: 1fr;
    }

    .preference-option[b-4d35jotsst] {
        grid-template-columns: 1fr;
        gap: 0.9rem;
        padding: 1rem;
    }

    .preference-list[b-4d35jotsst]  .list-group-item {
        padding: 1rem !important;
    }

    .communications-actions[b-4d35jotsst] {
        align-items: stretch;
        flex-direction: column;
        padding: 1rem;
    }

    .communications-actions .btn[b-4d35jotsst] {
        width: 100%;
    }
}

@media (max-width: 479.98px) {
    .communication-card__header[b-4d35jotsst] {
        flex-direction: column;
        gap: 0.9rem;
    }

    .delivery-status[b-4d35jotsst] {
        margin-left: 3.625rem;
    }

    .preference-section__heading[b-4d35jotsst] {
        flex-direction: column;
    }
}
/* /Components/Pages/Account/ChannelChoice.razor.rz.scp.css */
.channel-choices[b-jorknqwdco] {
    display: grid;
    grid-template-columns: repeat(2, minmax(7.25rem, 1fr));
    gap: 0.5rem;
}

.channel-choice[b-jorknqwdco] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.75rem;
    margin: 0;
    padding: 0.6rem 0.75rem;
    cursor: pointer;
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.7rem;
    transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

.channel-choice:hover[b-jorknqwdco] {
    border-color: rgba(var(--bs-primary-rgb), 0.45);
}

.channel-choice:has(.channel-choice__input:checked)[b-jorknqwdco] {
    background: var(--bs-primary-bg-subtle);
    border-color: var(--bs-primary-border-subtle);
    box-shadow: inset 0 0 0 1px rgba(var(--bs-primary-rgb), 0.08);
}

.channel-choice:has(.channel-choice__input:focus-visible)[b-jorknqwdco] {
    outline: 0.2rem solid rgba(var(--bs-primary-rgb), 0.2);
    outline-offset: 0.1rem;
}

.channel-choice__input[b-jorknqwdco] {
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    accent-color: var(--bs-primary);
}

.channel-choice__label[b-jorknqwdco] {
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
}

.channel-choice--unavailable[b-jorknqwdco] {
    cursor: not-allowed;
    opacity: 0.5;
}

.channel-choice--unavailable:hover[b-jorknqwdco] {
    border-color: var(--bs-border-color);
}

@media (max-width: 767.98px) {
    .channel-choices[b-jorknqwdco] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .channel-choice[b-jorknqwdco] {
        justify-content: center;
    }
}
/* /Components/Pages/Account/ChatPanel.razor.rz.scp.css */
.account-chat[b-btdqnrhlk8] {
    max-height: 32rem;
    overflow-y: auto;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #d2d7e0;
    border-radius: .875rem;
    background: #eef1f5;
}

.account-chat__row[b-btdqnrhlk8] {
    display: flex;
    margin-bottom: .75rem;
}

.account-chat__row:last-child[b-btdqnrhlk8] {
    margin-bottom: 0;
}

.account-chat__row--assistant[b-btdqnrhlk8] {
    justify-content: flex-start;
}

.account-chat__row--customer[b-btdqnrhlk8] {
    justify-content: flex-end;
}

.account-chat__bubble[b-btdqnrhlk8] {
    max-width: min(82%, 38rem);
    padding: .75rem 1rem;
    border-radius: 1rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    line-height: 1.45;
}

.account-chat__row--assistant .account-chat__bubble[b-btdqnrhlk8] {
    border: 1px solid #d2d7e0;
    border-bottom-left-radius: .25rem;
    background: #fff;
    color: #172033;
}

.account-chat__row--customer .account-chat__bubble[b-btdqnrhlk8] {
    border-bottom-right-radius: .25rem;
    background: #2446a8;
    color: #fff;
}

@media (max-width: 575.98px) {
    .account-chat[b-btdqnrhlk8] {
        max-height: 26rem;
        padding: .75rem;
    }

    .account-chat__bubble[b-btdqnrhlk8] {
        max-width: 92%;
    }
}
/* /Components/Pages/Approvals/ApprovalsManager.razor.rz.scp.css */
.approval-review-row[b-6mudzhw609] {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: var(--phoenix-surface);
    --bs-table-border-color: rgba(0, 194, 168, 0.32);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: var(--phoenix-surface);
}

.approval-review-row > td[b-6mudzhw609] {
    color: var(--bs-body-color);
    background-color: var(--phoenix-surface);
    border-top: 1px solid rgba(0, 194, 168, 0.32);
    border-bottom: 1px solid rgba(0, 194, 168, 0.32);
}

.approval-review-row > td:first-child[b-6mudzhw609] {
    border-left: 3px solid var(--settld-teal);
}

.approval-card[b-6mudzhw609] {
    border: 1px solid var(--phoenix-border);
    border-radius: var(--settld-radius-card);
    padding: 14px;
    margin-top: 4px;
}

.approval-card + .approval-card[b-6mudzhw609] {
    margin-top: 10px;
}
/* /Components/Pages/Backoffice/TreasuryPositionPanel.razor.rz.scp.css */
/* The mock's sweep card: glyph, body, action on one row, wrapping to stacked on narrow viewports. */
.treasury-sweep[b-aeu57gxl91] {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}

.treasury-sweep__body[b-aeu57gxl91] {
    flex: 1;
    min-width: 280px;
}

.treasury-sweep__glyph[b-aeu57gxl91] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--phoenix-navy-active);
    color: var(--phoenix-accent-text);
    font-size: 18px;
    line-height: 1;
}

/* .panel carries a bottom margin for stacked page sections; inside the two-column grid the row's own
   gutter handles that, and the margin would break the equal-height pairing. */
.treasury-book[b-aeu57gxl91] {
    height: 100%;
    margin-bottom: 0;
}
/* /Components/Pages/GlobalSearch.razor.rz.scp.css */
.search-results[b-kb69xi4hfj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 52rem;
}

.search-result[b-kb69xi4hfj] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--phoenix-border);
    border-radius: 0.9rem;
    background: var(--phoenix-surface);
    text-decoration: none;
    color: var(--bs-body-color);
    transition: border-color 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease;
}

.search-result:hover[b-kb69xi4hfj] {
    border-color: var(--phoenix-accent);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    transform: translateY(-1px);
}

.search-result__icon[b-kb69xi4hfj] {
    flex: 0 0 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background: var(--phoenix-hover);
    color: var(--phoenix-accent);
    font-size: 1rem;
}

.search-result__body[b-kb69xi4hfj] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.search-result__title[b-kb69xi4hfj] {
    font-weight: 500;
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-result__subtitle[b-kb69xi4hfj] {
    color: var(--phoenix-muted);
    font-size: 0.85rem;
}

.search-result__go[b-kb69xi4hfj] {
    flex: 0 0 auto;
    color: var(--phoenix-faint);
    transition: color 0.15s ease;
}

.search-result:hover .search-result__go[b-kb69xi4hfj] {
    color: var(--settld-teal);
}

.search-result-row[b-kb69xi4hfj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.search-result-row .search-result[b-kb69xi4hfj] {
    flex: 1;
    min-width: 0;
}

.search-result-action[b-kb69xi4hfj] {
    flex: 0 0 auto;
    color: var(--phoenix-muted);
    white-space: nowrap;
}

.search-result-action:hover[b-kb69xi4hfj] {
    color: var(--settld-teal);
}

.search-group__count[b-kb69xi4hfj] {
    color: var(--phoenix-faint);
    margin-left: 0.35rem;
}

.search-count[b-kb69xi4hfj] {
    color: var(--phoenix-muted);
    margin-bottom: 0.5rem;
}

.search-tips__grid[b-kb69xi4hfj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
    gap: 0.75rem;
    margin-top: 1.75rem;
    max-width: 52rem;
}

.search-tips__item[b-kb69xi4hfj] {
    padding: 1rem 1.15rem;
    border: 1px solid var(--phoenix-border);
    border-radius: 0.75rem;
    background: var(--phoenix-surface);
}

.search-tips__label[b-kb69xi4hfj] {
    color: var(--settld-teal);
    margin-bottom: 0.5rem;
}

.search-tips__example[b-kb69xi4hfj] {
    color: var(--phoenix-muted);
    font-size: 0.9rem;
    line-height: 1.5;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.hero[b-ej2lvk7i28] {
    padding: 3.5rem 0 4rem;
    max-width: 60rem;
}

.hero__eyebrow[b-ej2lvk7i28] {
    color: rgba(255, 255, 255, 0.6);
}

.hero__headline[b-ej2lvk7i28] {
    margin: 2rem 0 0;
    font-size: clamp(2.75rem, 7vw, 5rem);
}

.hero__headline span[b-ej2lvk7i28] {
    display: block;
}

.hero__accent[b-ej2lvk7i28] {
    display: inline !important;
    color: var(--settld-teal);
}

.hero__lede[b-ej2lvk7i28] {
    margin: 2rem 0 0;
    max-width: 38rem;
    font-size: 1.0625rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.75);
}

.hero__actions[b-ej2lvk7i28] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 2.5rem;
}
/* /Components/Pages/Onboarding/WizardSteps.razor.rz.scp.css */
.wizard[b-lobjzlrsdq] {
    margin-bottom: 2rem;
}

.wizard__list[b-lobjzlrsdq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 2rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wizard__step[b-lobjzlrsdq] {
    position: relative;
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.5rem 0 0.7rem;
    color: var(--phoenix-muted);
    border-bottom: 2px solid transparent;
}

.wizard__step--current[b-lobjzlrsdq] {
    color: var(--bs-body-color);
    border-bottom-color: var(--settld-teal);
}

.wizard__step--done[b-lobjzlrsdq] {
    color: var(--settld-teal);
    border-bottom-color: rgba(0, 194, 168, 0.35);
}

.wizard__ordinal[b-lobjzlrsdq] {
    opacity: 0.55;
}

.wizard__link[b-lobjzlrsdq] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    color: inherit;
    text-decoration: none;
}

.wizard__link:hover[b-lobjzlrsdq] {
    color: var(--bs-body-color);
}
/* /Components/Pages/Portal/FinanceOverviewTab.razor.rz.scp.css */
.fx-table__scroll[b-hfxviurce3] {
    overflow-x: auto;
}

.fx-table[b-hfxviurce3] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 6px;
    color: #0B0C0D;
}

.fx-table th[b-hfxviurce3] {
    text-align: left;
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--settld-ink-70);
    padding: 8px 10px;
    border-bottom: 1px solid var(--settld-hairline);
    white-space: nowrap;
}

.fx-table td[b-hfxviurce3] {
    padding: 11px 10px;
    font-size: 13px;
    border-bottom: 1px solid var(--settld-paper);
    white-space: nowrap;
}

.fx-table__r[b-hfxviurce3] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.fx-table__strong[b-hfxviurce3] {
    font-weight: 600;
}

.fx-table__total td[b-hfxviurce3] {
    border-top: 1px solid var(--settld-hairline);
    border-bottom: none;
}
/* /Components/Pages/Portal/FinanceStatementPanel.razor.rz.scp.css */
.stmt-row[b-39kqrv98pm] {
    align-items: center;
    border-top: 1px solid var(--settld-hairline);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 0;
}

.stmt-row:first-of-type[b-39kqrv98pm] {
    border-top: 0;
}

.stmt-row__month[b-39kqrv98pm] {
    align-items: center;
    background: var(--settld-paper);
    border: 1px solid var(--settld-hairline);
    border-radius: 8px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.stmt-row__mon[b-39kqrv98pm] {
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.1;
}

.stmt-row__year[b-39kqrv98pm] {
    color: var(--settld-ink-70);
    font-size: 0.66rem;
    line-height: 1.1;
}

.stmt-row__main[b-39kqrv98pm] {
    flex: 1 1 14rem;
    min-width: 0;
}

.stmt-row__title[b-39kqrv98pm] {
    font-size: 0.92rem;
    font-weight: 500;
}

.stmt-row__sub[b-39kqrv98pm] {
    color: var(--settld-ink-70);
    font-size: 0.8rem;
}
/* /Components/Pages/Portal/IntegrationGuideRail.razor.rz.scp.css */
.dg-rail[b-oq0w66ud1e] {
    position: sticky;
    top: 4.5rem;
    max-height: calc(100vh - 5.5rem);
    overflow-y: auto;
}

.rail-card[b-oq0w66ud1e] {
    margin-bottom: 0.75rem;
    padding: 1rem;
    background-color: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: var(--settld-radius-card);
    box-shadow: var(--phoenix-card-shadow);
}

.rail-card h4[b-oq0w66ud1e] {
    margin-bottom: 0.5rem;
    font-size: 0.78rem;
    font-weight: 600;
}

.rail-card__note[b-oq0w66ud1e] {
    margin: 0 0 0.6rem;
    font-size: 0.72rem;
    line-height: 1.5;
    color: var(--phoenix-muted);
}

.keyrow[b-oq0w66ud1e] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.44rem 0.62rem;
    background-color: var(--phoenix-chip-neutral-bg);
    border: 1px solid var(--phoenix-border);
    border-radius: var(--settld-radius-inner);
}

.keyrow__label[b-oq0w66ud1e] {
    flex: 0 0 auto;
    font-size: 0.56rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--phoenix-muted);
}

.keyrow__value[b-oq0w66ud1e] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    font-size: 0.66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--bs-body-color);
}

.railkv[b-oq0w66ud1e] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.72rem;
    line-height: 1.9;
    color: var(--phoenix-muted);
}

.railkv span:last-child[b-oq0w66ud1e] {
    font-size: 0.68rem;
    color: var(--bs-body-color);
}

/* Pinned dark in both themes, as the mock draws it - it is the one card that is an aside to the
   aside, and the contrast flip is what separates it from the three above. Literal, not
   --settld-carbon-2: that alias flips to #FFFFFF under the light toggle, which would leave this
   card's white heading and dimmed body text on a white ground. */
.rail-card--dark[b-oq0w66ud1e] {
    background-color: #131416;
    border-color: #131416;
}

.rail-card--dark h4[b-oq0w66ud1e] {
    color: #FFFFFF;
}

.rail-card--dark .rail-card__note[b-oq0w66ud1e] {
    color: rgba(255, 255, 255, 0.68);
}

.rail-card--dark .btn-ghost[b-oq0w66ud1e] {
    background: transparent;
    color: #FFFFFF;
    border-color: #3A3D3E;
}

.rail-card--dark .btn-ghost:hover[b-oq0w66ud1e] {
    border-color: #6A6D6E;
}
/* /Components/Pages/Portal/IntegrationGuideTocNav.razor.rz.scp.css */
/* 4.5rem, not the mock's 76px: MainLayout's sticky header is 4rem tall, so this clears it with a
   little room rather than tucking the first entry underneath. */
.dg-toc[b-kdczpqgttd] {
    position: sticky;
    top: 4.5rem;
    max-height: calc(100vh - 5.5rem);
    overflow-y: auto;
    font-size: 0.78rem;
}

.dg-toc__grp[b-kdczpqgttd] {
    margin-bottom: 0.85rem;
}

.dg-toc__gh[b-kdczpqgttd] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.35rem;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--phoenix-muted);
}

.dg-toc__dot[b-kdczpqgttd] {
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 50%;
}

.dg-toc__dot--browser[b-kdczpqgttd] {
    background-color: var(--settld-thread-teal);
}

.dg-toc__dot--server[b-kdczpqgttd] {
    background-color: var(--settld-teal-60);
}

.dg-toc__dot--webhooks[b-kdczpqgttd] {
    background-color: var(--phoenix-mist);
}

.dg-toc a[b-kdczpqgttd] {
    display: block;
    padding: 0.28rem 0.62rem;
    line-height: 1.35;
    color: var(--phoenix-muted);
    text-decoration: none;
    border-left: 2px solid var(--phoenix-border);
}

.dg-toc a:hover[b-kdczpqgttd] {
    color: var(--bs-body-color);
}

.dg-toc a.on[b-kdczpqgttd] {
    font-weight: 500;
    color: var(--bs-body-color);
    background: linear-gradient(90deg, rgba(0, 194, 168, 0.16), transparent 70%);
    border-left-color: var(--settld-thread-teal);
}
/* /Components/Pages/Portal/PortalCatalog.razor.rz.scp.css */
.catalog-thumb[b-vxybh005fk] {
    background: var(--phoenix-hover);
    border: 1px solid var(--phoenix-border);
    border-radius: 8px;
    flex: 0 0 auto;
    height: 30px;
    object-fit: cover;
    width: 30px;
}

.row-menu[b-vxybh005fk] {
    display: inline-block;
    position: relative;
}

.row-menu > summary[b-vxybh005fk] {
    cursor: pointer;
    list-style: none;
}

.row-menu__trigger[b-vxybh005fk] {
    padding: 2px 6px;
    letter-spacing: 0.08em;
}

.row-menu > summary[b-vxybh005fk]::-webkit-details-marker {
    display: none;
}

.row-menu__panel[b-vxybh005fk] {
    background: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: 0.5rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    min-width: 12rem;
    padding: 0.25rem;
    position: absolute;
    right: 0;
    text-align: left;
    top: calc(100% + 0.25rem);
    z-index: 10;
}

.row-menu__item[b-vxybh005fk] {
    background: none;
    border: 0;
    border-radius: 0.35rem;
    color: var(--bs-body-color);
    display: block;
    font-size: 0.9rem;
    padding: 0.4rem 0.6rem;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.row-menu__item:hover[b-vxybh005fk] {
    background: var(--phoenix-hover);
    color: var(--bs-body-color);
}

.row-menu__item--danger[b-vxybh005fk] {
    color: var(--bs-danger-text-emphasis);
}
/* /Components/Pages/Portal/PortalCatalogNew.razor.rz.scp.css */
.kind-grid[b-w42cky4qyg] {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 620px) {
    .kind-grid[b-w42cky4qyg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.kind-card[b-w42cky4qyg] {
    background: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: 0.75rem;
    color: var(--bs-body-color);
    display: grid;
    gap: 0.35rem;
    padding: 1.25rem;
    text-decoration: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.kind-card:hover[b-w42cky4qyg] {
    border-color: var(--bs-primary);
    box-shadow: 0 4px 14px rgba(0, 194, 168, 0.16);
    transform: translateY(-1px);
}

.kind-card__icon[b-w42cky4qyg] {
    align-items: center;
    background: var(--phoenix-hover);
    border-radius: 0.5rem;
    color: var(--phoenix-accent);
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    margin-bottom: 0.35rem;
    width: 2.25rem;
}

.kind-card__title[b-w42cky4qyg] {
    font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.kind-card__text[b-w42cky4qyg] {
    color: var(--phoenix-muted);
    font-size: 0.9rem;
}
/* /Components/Pages/Portal/PortalCatalogPlan.razor.rz.scp.css */
.trial-fields[b-wtw217v2ln] {
    padding-top: 1rem;
}

.trial-toggle:not(:has(#plan-trial-enabled:checked)) .trial-fields[b-wtw217v2ln] {
    display: none;
}
/* /Components/Pages/Portal/PortalDashboard.razor.rz.scp.css */
.stat-tile-link[b-ii13vemaqu] {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

.dash-activity-amount[b-ii13vemaqu] {
    text-align: right;
    white-space: nowrap;
}

.dash-activity-amount__value[b-ii13vemaqu] {
    font-size: 13.5px;
    font-weight: 600;
}

.dash-activity-amount__when[b-ii13vemaqu] {
    font-size: 11px;
    color: var(--phoenix-muted);
}

.dash-rate[b-ii13vemaqu] {
    font-variant-numeric: tabular-nums lining-nums;
}

.dash-rate__per[b-ii13vemaqu] {
    color: var(--phoenix-muted);
    font-weight: 400;
    font-size: 11.5px;
}

.dash-store-link[b-ii13vemaqu] {
    font-weight: 400;
    word-break: break-all;
}
/* /Components/Pages/Portal/PortalIntegrationGuide.razor.rz.scp.css */
/* Three-column documentation layout from settld_portal_integration_guide.html: contents, prose, rail.
   The mock is drawn light-only, but Portal follows the staff light/dark toggle, so every colour here
   comes from the dual-mode --phoenix-* tokens rather than the mock's literal Paper/Carbon values.

   Most rules need ::deep: the sections, contents and rail are separate components, and a scoped
   stylesheet only reaches elements this component itself renders. */
.dg[b-cqvu9y26ga] {
    display: grid;
    grid-template-columns: 12.5rem minmax(0, 1fr) 15.6rem;
    gap: 1.6rem;
    align-items: start;
}

/* The rail is supporting material (key prefixes, links); the contents is navigation; the code samples
   are the point of the page. So the rail goes first, and the contents only when a single column is left.

   1400px, not the mock's 1180px: the mock is drawn against its own 216px sidebar, while this app's is
   250px and the content padding is wider. Measured at 1200px viewport, keeping the rail left the prose
   column at 378px against code samples that want 580-860px, so every block scrolled sideways. Dropping
   the rail at 1400px gives ~660px at 1200 and ~740px at 1280. */
@media (max-width: 87.5rem) {
    .dg[b-cqvu9y26ga] {
        grid-template-columns: 12.5rem minmax(0, 1fr);
    }

    /* ::deep because the rail and the contents are separate components: a scoped selector alone
       would look for this page's scope attribute on an element that carries theirs instead. */
    .dg[b-cqvu9y26ga] >  .dg-rail {
        display: none;
    }
}

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

    .dg[b-cqvu9y26ga] >  .dg-toc {
        display: none;
    }
}

.dg-main[b-cqvu9y26ga] {
    min-width: 0;
}

.dg-main[b-cqvu9y26ga]  p {
    max-width: 42.5rem;
    margin: 0.5rem 0;
    font-size: 0.81rem;
    line-height: 1.62;
    color: var(--phoenix-muted);
}

.dg-main[b-cqvu9y26ga]  p.lede {
    font-size: 0.875rem;
    color: var(--bs-body-color);
}

.dg-main[b-cqvu9y26ga]  p b,
.dg-main[b-cqvu9y26ga]  p strong,
.dg-main[b-cqvu9y26ga]  li b,
.dg-main[b-cqvu9y26ga]  li strong {
    color: var(--bs-body-color);
    font-weight: 600;
}

.dg-main[b-cqvu9y26ga]  h3 {
    margin: 1.1rem 0 0.25rem;
    font-size: 0.845rem;
    font-weight: 600;
}

.dg-main[b-cqvu9y26ga]  ul {
    max-width: 42.5rem;
    font-size: 0.81rem;
    line-height: 1.62;
    color: var(--phoenix-muted);
}

.dg-main[b-cqvu9y26ga]  table {
    max-width: 42.5rem;
    margin: 0.65rem 0;
    font-size: 0.78rem;
}

.dg-main[b-cqvu9y26ga]  table th {
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--phoenix-muted);
}

.dg-main[b-cqvu9y26ga]  table td {
    color: var(--phoenix-muted);
    vertical-align: top;
}

/* A monospace label for an identifier that names a thing rather than reporting a state - a field
   name, a webhook kind. Chip covers the status vocabulary; this is the mock's .kindchip. */
.dg-main[b-cqvu9y26ga]  .kindchip {
    display: inline-block;
    /* The event catalog lists up to eight of these in one cell, so they need to breathe and wrap. */
    margin: 0 0.2rem 0.25rem 0;
    padding: 0.05rem 0.4rem;
    font-family: var(--bs-font-monospace);
    font-size: 0.72rem;
    white-space: nowrap;
    color: var(--bs-body-color);
    background-color: var(--phoenix-chip-neutral-bg);
    border: 1px solid var(--phoenix-border);
    border-radius: 0.3rem;
}

/* Path picker */
.dg-main[b-cqvu9y26ga]  .dg-paths {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.75rem;
    margin: 0.9rem 0 0.25rem;
}

.dg-main[b-cqvu9y26ga]  .dg-path {
    display: block;
    padding: 1rem;
    color: inherit;
    text-decoration: none;
    background-color: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: var(--settld-radius-card);
    box-shadow: var(--phoenix-card-shadow);
    transition: border-color 0.12s;
}

.dg-main[b-cqvu9y26ga]  .dg-path:hover {
    border-color: var(--settld-thread-teal);
}

.dg-main[b-cqvu9y26ga]  .dg-path__title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.845rem;
    font-weight: 600;
}

.dg-main[b-cqvu9y26ga]  .dg-path__step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.375rem;
    height: 1.375rem;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--settld-teal-40);
    /* Literal, not --settld-carbon-2: that alias flips to #FFFFFF under the light toggle and would
       leave pale teal on white. These numbered chips stay dark in both themes. */
    background-color: #131416;
    border-radius: 0.44rem;
}

.dg-main[b-cqvu9y26ga]  .dg-path__desc {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.72rem;
    line-height: 1.5;
    color: var(--phoenix-muted);
}

.dg-main[b-cqvu9y26ga]  .dg-path__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.6rem;
}

/* Go-live checklist */
.dg-main[b-cqvu9y26ga]  .chk {
    display: flex;
    gap: 0.7rem;
    align-items: flex-start;
    max-width: 42.5rem;
    padding: 0.6rem 0;
    font-size: 0.81rem;
    border-bottom: 1px solid var(--phoenix-border);
}

.dg-main[b-cqvu9y26ga]  .chk:last-child {
    border-bottom: 0;
}

.dg-main[b-cqvu9y26ga]  .chk__mark {
    display: flex;
    flex: 0 0 1rem;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    margin-top: 0.16rem;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1;
    border: 1px solid var(--phoenix-mist);
    border-radius: 0.25rem;
}

/* The tick is dark-on-teal in both themes: --settld-carbon would flip to #F5F6F5 under the light
   toggle and wash the check out against the teal fill. */
.dg-main[b-cqvu9y26ga]  .chk__mark--done {
    color: #0B0C0D;
    background-color: var(--settld-thread-teal);
    border-color: var(--settld-thread-teal);
}

.dg-main[b-cqvu9y26ga]  .chk__why {
    display: block;
    margin-top: 0.12rem;
    font-size: 0.72rem;
    color: var(--phoenix-muted);
}
/* /Components/Pages/Portal/PortalNotifications.razor.rz.scp.css */
.live-flag[b-dw2g7mfecq] {
    align-items: center;
    color: var(--phoenix-muted);
    display: inline-flex;
    font-size: 0.78rem;
    gap: 7px;
}

.live-flag__dot[b-dw2g7mfecq] {
    background: var(--phoenix-accent);
    border-radius: 50%;
    height: 8px;
    width: 8px;
}
/* /Components/Pages/Portal/PortalSso.razor.rz.scp.css */
.sso-picker[b-3jicuqkffp] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.sso-grid[b-3jicuqkffp] {
    display: grid;
    gap: 12px 14px;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 620px) {
    .sso-grid[b-3jicuqkffp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sso-field--wide[b-3jicuqkffp] {
        grid-column: 1 / -1;
    }
}

.sso-submit[b-3jicuqkffp] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}
/* /Components/Pages/Portal/PortalStorefront.razor.rz.scp.css */
.theme-grid[b-qp89aailp2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr));
    gap: 0.75rem;
}

.editor-sections[b-qp89aailp2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    padding: 0.55rem;
    border: 1px solid var(--phoenix-border);
    border-radius: 0.8rem;
    background: color-mix(in srgb, var(--phoenix-surface) 92%, transparent);
}

.editor-sections__label[b-qp89aailp2] {
    padding-inline: 0.35rem 0.55rem;
    color: var(--phoenix-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.editor-sections button[b-qp89aailp2] {
    padding: 0.42rem 0.7rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--bs-body-color);
    font-size: 0.84rem;
}

.editor-sections button:hover[b-qp89aailp2],
.editor-sections button.is-active[b-qp89aailp2] {
    border-color: color-mix(in srgb, var(--phoenix-accent) 58%, var(--phoenix-border));
    background: color-mix(in srgb, var(--phoenix-accent) 12%, transparent);
    color: var(--phoenix-accent-text);
}

.designer-controls[b-qp89aailp2]  .form-section.is-editor-selected {
    border-color: var(--phoenix-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--phoenix-accent) 18%, transparent);
}

.brand-assets[b-qp89aailp2] {
    display: grid;
    gap: 0.85rem;
}

.brand-asset[b-qp89aailp2] {
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr);
    gap: 1rem;
    padding: 0.85rem;
    border: 1px solid var(--phoenix-border);
    border-radius: 0.75rem;
    background: color-mix(in srgb, var(--phoenix-surface) 96%, var(--bs-body-color));
}

.brand-asset__preview[b-qp89aailp2] {
    display: grid;
    place-items: center;
    min-height: 5.5rem;
    overflow: hidden;
    border: 1px dashed var(--phoenix-border);
    border-radius: 0.55rem;
    background: color-mix(in srgb, var(--phoenix-surface) 90%, var(--bs-body-color));
    color: var(--phoenix-muted);
    font-size: 0.75rem;
    text-align: center;
}

.brand-asset__preview img[b-qp89aailp2] {
    display: block;
    width: 100%;
    height: 5.5rem;
    object-fit: contain;
}

.brand-asset__preview--banner img[b-qp89aailp2],
.brand-asset__preview--hero img[b-qp89aailp2] {
    object-fit: cover;
}

.brand-asset__body p[b-qp89aailp2] {
    margin: 0.25rem 0 0.65rem;
    color: var(--phoenix-muted);
    font-size: 0.78rem;
    line-height: 1.45;
}

.brand-asset__actions[b-qp89aailp2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
}

@media (max-width: 575px) {
    .brand-asset[b-qp89aailp2] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.theme-card[b-qp89aailp2] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.9rem;
    text-align: left;
    border: 1px solid var(--phoenix-border);
    border-radius: 0.75rem;
    background: var(--phoenix-surface);
    color: var(--bs-body-color);
    cursor: pointer;
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.theme-card:hover:not(:disabled)[b-qp89aailp2] {
    border-color: var(--phoenix-accent);
    transform: translateY(-1px);
}

.theme-card:disabled[b-qp89aailp2] {
    cursor: default;
    opacity: 0.65;
}

.theme-card.is-active[b-qp89aailp2] {
    border-color: var(--phoenix-accent);
    box-shadow: inset 0 0 0 1px var(--phoenix-accent);
}

.theme-card__swatches[b-qp89aailp2] {
    display: flex;
    gap: 0.25rem;
}

.theme-card__swatches span[b-qp89aailp2] {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.35rem;
    border: 1px solid var(--phoenix-border);
}

.theme-card__layout[b-qp89aailp2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 0.5rem;
    gap: 0.2rem;
    width: 100%;
    padding: 0.45rem;
    border: 1px solid var(--phoenix-border);
    border-radius: 0.4rem;
    background: color-mix(in srgb, var(--phoenix-surface) 82%, var(--bs-body-color));
}

.theme-card__layout span[b-qp89aailp2] {
    border-radius: 0.12rem;
    background: var(--phoenix-muted);
    opacity: 0.65;
}

.theme-card__layout--featured span:first-child[b-qp89aailp2] {
    grid-column: span 2;
    grid-row: span 2;
}

.theme-card__layout--editorial[b-qp89aailp2],
.theme-card__layout--list[b-qp89aailp2] {
    grid-template-columns: 1fr;
}

.theme-card__layout--editorial span:nth-child(even)[b-qp89aailp2] {
    width: 76%;
    margin-left: auto;
}

.theme-card__layout--list[b-qp89aailp2] {
    grid-auto-rows: 0.32rem;
}

.theme-card__layout--pricing[b-qp89aailp2] {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1.4rem;
}

.theme-card__layout--pricing span:nth-child(4)[b-qp89aailp2] {
    display: none;
}

.theme-card__layout--dense[b-qp89aailp2] {
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 0.38rem;
}

.theme-card__layout--minimal[b-qp89aailp2] {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 0.7rem;
}

.theme-card__layout--mosaic span:first-child[b-qp89aailp2] {
    grid-column: span 2;
    grid-row: span 2;
}

.theme-card__layout--mosaic span:last-child[b-qp89aailp2] {
    grid-column: span 2;
}

.theme-card__name[b-qp89aailp2] {
    font-weight: 500;
}

.theme-card__text[b-qp89aailp2] {
    color: var(--phoenix-muted);
    font-size: 0.83rem;
    line-height: 1.45;
}

.theme-card__badge[b-qp89aailp2] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    padding: 0.1rem 0.45rem;
    border-radius: 9999px;
    background: var(--phoenix-accent);
    color: var(--settld-carbon);
    font-size: 0.68rem;
    letter-spacing: 0.04em;
}

.preview-panel[b-qp89aailp2] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border: 1px solid var(--phoenix-border);
    border-radius: 0.75rem;
    background: #22262c;
    overflow: hidden;
}

.preview-panel__actions[b-qp89aailp2] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.preview-panel__bar[b-qp89aailp2] {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--phoenix-border);
    background: #181b20;
    font-size: 0.85rem;
}

.preview-panel__label[b-qp89aailp2] {
    color: var(--phoenix-muted);
}

.preview-panel__frame[b-qp89aailp2] {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    flex: 0 0 auto;
    width: 1280px;
    height: 100%;
    border: 0;
    background: #ffffff;
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 0.3);
    transform: translateX(-50%);
    transform-origin: top center;
}

.preview-panel__viewport[b-qp89aailp2] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.preview-sizes[b-qp89aailp2] {
    display: inline-flex;
    gap: 0.2rem;
    padding: 0.2rem;
    border-radius: 0.45rem;
    background: #0f1114;
}

.preview-sizes button[b-qp89aailp2] {
    padding: 0.25rem 0.55rem;
    border: 0;
    border-radius: 0.3rem;
    background: transparent;
    color: #9ca3ad;
    font-size: 0.75rem;
}

.preview-sizes button:hover[b-qp89aailp2],
.preview-sizes button.is-active[b-qp89aailp2] {
    background: #303640;
    color: #fff;
}

.designer-page[b-qp89aailp2] {
    height: 100dvh;
    overflow: hidden;
    color: var(--bs-body-color);
}

.designer-header[b-qp89aailp2] {
    display: grid;
    grid-template-columns: auto minmax(10rem, 1fr) minmax(0, 2fr) auto;
    align-items: center;
    gap: 1rem;
    height: 4rem;
    padding: 0 1rem;
    border-bottom: 1px solid var(--phoenix-border);
    background: #16191e;
}

.designer-header__exit[b-qp89aailp2],
.designer-open-store[b-qp89aailp2],
.preview-panel__actions a[b-qp89aailp2] {
    color: #d8dde5;
    text-decoration: none;
}

.designer-header__exit[b-qp89aailp2] {
    padding: 0.5rem 0.65rem;
    border-radius: 0.45rem;
    background: #242930;
    font-size: 0.84rem;
}

.designer-header__exit:hover[b-qp89aailp2],
.designer-open-store:hover[b-qp89aailp2],
.preview-panel__actions a:hover[b-qp89aailp2] {
    color: #fff;
}

.designer-header__identity[b-qp89aailp2] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.2;
}

.designer-header__identity strong[b-qp89aailp2] {
    font-size: 0.9rem;
}

.designer-header__identity span[b-qp89aailp2] {
    overflow: hidden;
    color: #9098a5;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.designer-header__status[b-qp89aailp2] {
    overflow: hidden;
    text-align: center;
}

.designer-status[b-qp89aailp2] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.designer-status--saved[b-qp89aailp2] {
    color: #5ee0c5;
}

.designer-status--error[b-qp89aailp2] {
    color: #ff9d9d;
}

.designer-open-store[b-qp89aailp2] {
    font-size: 0.8rem;
}

.designer-header__actions[b-qp89aailp2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.designer-save[b-qp89aailp2] {
    padding: 0.48rem 0.8rem;
    border: 1px solid #00c2a8;
    border-radius: 0.45rem;
    background: #00c2a8;
    color: #07110f;
    font-size: 0.8rem;
    font-weight: 650;
}

.designer-save:hover[b-qp89aailp2] {
    filter: brightness(1.08);
}

.designer-status--dirty[b-qp89aailp2] {
    color: #ffd27a;
}

.designer-workspace[b-qp89aailp2] {
    display: grid;
    grid-template-columns: 25rem minmax(0, 1fr);
    height: calc(100dvh - 4rem);
    min-height: 0;
}

.designer-controls[b-qp89aailp2] {
    min-width: 0;
    overflow-y: auto;
    padding: 0.85rem;
    border-right: 1px solid var(--phoenix-border);
    background: #171a1f;
    scrollbar-width: thin;
}

.designer-controls > * + *[b-qp89aailp2] {
    margin-top: 0.75rem;
}

.designer-controls[b-qp89aailp2]  .form-section {
    border-radius: 0.65rem;
}

.designer-controls.has-panel-selection[b-qp89aailp2]  .form-section:not(.is-editor-selected) {
    display: none;
}

/* Bootstrap sizes columns against the viewport rather than this inspector. Normalize its fields
   to a useful two-column grid instead of either three cramped columns or one wasteful column. */
.designer-controls .row > [class*="col-md-"][b-qp89aailp2] {
    width: 50%;
}

.designer-controls .row > .col-12[b-qp89aailp2] {
    width: 100%;
}

.designer-controls .theme-grid[b-qp89aailp2] {
    grid-template-columns: minmax(0, 1fr);
}

.layout-advanced-toggle[b-qp89aailp2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--phoenix-border);
    border-radius: 0.55rem;
    background: color-mix(in srgb, var(--phoenix-surface) 94%, var(--bs-body-color));
    color: var(--bs-body-color);
    font-size: 0.86rem;
    font-weight: 600;
    text-align: left;
}

.layout-advanced-toggle:hover[b-qp89aailp2] {
    border-color: var(--phoenix-accent);
}

.designer-controls:not(.show-layout-advanced) [data-st-advanced-layout][b-qp89aailp2] {
    display: none;
}

.designer-controls.show-layout-advanced .layout-advanced-toggle span:last-child[b-qp89aailp2] {
    transform: rotate(180deg);
}

.designer-canvas[b-qp89aailp2] {
    min-width: 0;
    min-height: 0;
    padding: 0.75rem;
    overflow: hidden;
    background: #0e1013;
}

@media (min-width: 1600px) {
    .designer-workspace[b-qp89aailp2] {
        grid-template-columns: 28rem minmax(0, 1fr);
    }
}

@media (max-width: 900px) {
    .designer-page[b-qp89aailp2] {
        height: auto;
        min-height: 100dvh;
        overflow: visible;
    }

    .designer-header[b-qp89aailp2] {
        position: sticky;
        top: 0;
        z-index: 20;
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .designer-header__status[b-qp89aailp2] {
        display: none;
    }

    .designer-workspace[b-qp89aailp2] {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .designer-canvas[b-qp89aailp2] {
        order: -1;
        height: 65dvh;
        min-height: 30rem;
    }

    .designer-controls[b-qp89aailp2] {
        overflow: visible;
        border-right: 0;
    }

    .preview-panel__frame[b-qp89aailp2] {
        min-height: 0;
    }
}

@media (max-width: 560px) {
    .designer-header__exit span[b-qp89aailp2],
    .designer-header__identity span[b-qp89aailp2],
    .preview-panel__label[b-qp89aailp2],
    .preview-panel__actions[b-qp89aailp2] {
        display: none;
    }

    .preview-panel__bar[b-qp89aailp2] {
        justify-content: center;
    }

    .designer-controls .row > [class*="col-md-"][b-qp89aailp2] {
        width: 100%;
    }

    .designer-open-store[b-qp89aailp2] {
        display: none;
    }
}

/* Custom-property and selector reference under the custom CSS box. */

.css-reference[b-qp89aailp2] {
    border: 1px solid var(--phoenix-border);
    border-radius: 0.5rem;
    padding: 0.6rem 0.75rem;
}

.css-export[b-qp89aailp2] {
    display: grid;
    gap: 0.75rem;
    padding: 0.8rem;
    border: 1px solid var(--phoenix-border);
    border-radius: 0.55rem;
    background: color-mix(in srgb, var(--phoenix-surface) 94%, var(--bs-body-color));
}

.css-export > div:first-child > strong[b-qp89aailp2] {
    font-size: 0.86rem;
}

.css-export__actions[b-qp89aailp2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.css-export__status[b-qp89aailp2] {
    min-height: 1.2em;
    color: var(--phoenix-muted);
    font-size: 0.75rem;
}

.css-reference > summary[b-qp89aailp2] {
    cursor: pointer;
    font-weight: 600;
    font-size: 0.85rem;
}

.css-reference[open] > summary[b-qp89aailp2] {
    margin-bottom: 0.25rem;
}

.css-reference__group[b-qp89aailp2] {
    margin: 0.75rem 0 0.25rem;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--phoenix-muted);
}

.css-reference__table[b-qp89aailp2] {
    font-size: 0.78rem;
    margin-bottom: 0;
}

.css-reference__table td[b-qp89aailp2],
.css-reference__table th[b-qp89aailp2] {
    padding: 0.3rem 0.5rem;
    vertical-align: top;
}

.css-reference__table code[b-qp89aailp2] {
    white-space: nowrap;
}

.css-reference__table td:nth-child(2) code[b-qp89aailp2] {
    white-space: normal;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Portal/PortalTransactions.razor.rz.scp.css */
.toolbar-search[b-lq0i996y0g] {
    margin: 0;
}
/* /Components/Pages/Portal/SettingsOverviewPanel.razor.rz.scp.css */
.settings-grid[b-uy0s8ozgou] {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 900px) {
    .settings-grid[b-uy0s8ozgou] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }
}

[b-uy0s8ozgou] .settings-grid .swatch {
    border: 1px solid var(--phoenix-border);
    border-radius: 4px;
    display: inline-block;
    height: 12px;
    margin-right: 6px;
    vertical-align: -1px;
    width: 12px;
}
/* /Components/Pages/Portal/SettingsPayoutPanel.razor.rz.scp.css */
.payout-replace[b-u7011aiyfe] {
    margin-top: 14px;
}

.payout-replace > summary[b-u7011aiyfe] {
    cursor: pointer;
    display: inline-flex;
    list-style: none;
}

.payout-replace > summary[b-u7011aiyfe]::-webkit-details-marker {
    display: none;
}

.payout-replace[open] > summary[b-u7011aiyfe] {
    margin-bottom: 12px;
}
/* /Components/Pages/SignInFailed.razor.rz.scp.css */
.signin-fail[b-sz1qjvqw16] {
    color: var(--settld-carbon);
}

.signin-fail__eyebrow[b-sz1qjvqw16] {
    display: block;
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--settld-teal-deep);
    margin-bottom: 6px;
}

.signin-fail__title[b-sz1qjvqw16] {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -.01em;
    margin: 0;
}

.signin-fail__lead[b-sz1qjvqw16] {
    font-size: 12.5px;
    color: var(--settld-ink-70);
    margin: 6px 0 18px;
    line-height: 1.55;
}

.signin-fail__detail[b-sz1qjvqw16] {
    background: var(--settld-paper);
    border: 1px solid var(--settld-hairline);
    border-radius: 10px;
    padding: 13px 15px;
    font-size: 12px;
    color: var(--settld-ink-70);
    line-height: 1.6;
    margin-bottom: 18px;
}

.signin-fail__detail p[b-sz1qjvqw16] {
    margin: 0;
}

.signin-fail__detail b[b-sz1qjvqw16] {
    color: var(--settld-carbon);
    font-weight: 600;
}

.signin-fail__detail ul[b-sz1qjvqw16] {
    margin: 10px 0 0;
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.signin-fail__primary[b-sz1qjvqw16] {
    display: block;
    width: 100%;
    background: var(--settld-teal);
    color: var(--settld-white);
    font-size: 13.5px;
    font-weight: 600;
    padding: 11px 22px;
    border-radius: var(--settld-radius-pill);
    text-align: center;
    text-decoration: none;
}

.signin-fail__primary:hover[b-sz1qjvqw16] {
    background: var(--settld-teal-hover);
    color: var(--settld-white);
}

.signin-fail__quiet[b-sz1qjvqw16] {
    display: block;
    margin-top: 12px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: var(--settld-ink-70);
    text-decoration: none;
}

.signin-fail__quiet:hover[b-sz1qjvqw16] {
    color: var(--settld-carbon);
}
/* /Components/Pages/Store/StoreIndex.razor.rz.scp.css */
/* teal-deep is the on-light cut and disappears against Carbon - the token already carries the right
   value for whichever surface this page is rendered on. */
.store-eyebrow[b-7njr0c9ewr] {
    color: var(--phoenix-accent-text);
}

.store-headline[b-7njr0c9ewr] {
    margin: 1.1rem 0 0;
    font-size: clamp(2.25rem, 5vw, 3.5rem);
}

.store-headline + .lede[b-7njr0c9ewr] {
    margin-top: 1.35rem;
}

.store-filter[b-7njr0c9ewr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin-top: 2.25rem;
}

.store-filter__field[b-7njr0c9ewr] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 min(22rem, 100%);
    min-width: 0;
}

.store-filter[b-7njr0c9ewr]  .store-filter__icon {
    position: absolute;
    left: 1rem;
    color: var(--phoenix-muted);
    pointer-events: none;
}

.store-filter__input[b-7njr0c9ewr] {
    width: 100%;
    height: 2.9rem;
    padding: 0 1.1rem 0 2.7rem;
    border: 1px solid var(--phoenix-border);
    border-radius: 9999px;
    background: var(--phoenix-surface);
    color: var(--bs-body-color);
    font-size: 0.95rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.store-filter__input[b-7njr0c9ewr]::placeholder {
    color: var(--phoenix-muted);
}

.store-filter__input:focus[b-7njr0c9ewr] {
    outline: none;
    border-color: var(--phoenix-accent-text);
    box-shadow: 0 0 0 3px rgba(0, 194, 168, 0.2);
}

.store-filter[b-7njr0c9ewr]  .btn {
    height: 2.9rem;
    padding-inline: 1.5rem;
}

.store-countries[b-7njr0c9ewr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.25rem;
}

.store-countries__label[b-7njr0c9ewr] {
    color: var(--phoenix-muted);
    margin-right: 0.35rem;
}

.store-countries[b-7njr0c9ewr]  .chip {
    text-decoration: none;
}

.store-count[b-7njr0c9ewr] {
    color: var(--phoenix-muted);
    margin: 2.25rem 0 1rem;
}

.store-grid[b-7njr0c9ewr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(19rem, 100%), 1fr));
    gap: 1rem;
}

.store-card[b-7njr0c9ewr] {
    display: flex;
    flex-direction: column;
    padding: 1.35rem;
    border: 1px solid var(--phoenix-border);
    border-radius: 1.25rem;
    background: var(--phoenix-surface);
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.store-card:hover[b-7njr0c9ewr] {
    border-color: rgba(0, 194, 168, 0.45);
    transform: translateY(-2px);
    box-shadow: 0 12px 30px -18px rgba(11, 12, 13, 0.35);
}

.store-card__head[b-7njr0c9ewr] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    text-decoration: none;
    color: inherit;
    min-width: 0;
}

.store-card__logo[b-7njr0c9ewr] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 9999px;
    background: var(--phoenix-hover);
    border: 1px solid var(--phoenix-border);
    color: var(--phoenix-accent-text);
    font-family: var(--bs-font-monospace);
    font-size: 0.8rem;
    letter-spacing: 0.06em;
}

.store-card__logo--img[b-7njr0c9ewr] {
    object-fit: contain;
    padding: 0.3rem;
    background: #ffffff;
}

.store-card__identity[b-7njr0c9ewr] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.store-card__name[b-7njr0c9ewr] {
    font-weight: 500;
    letter-spacing: -0.02em;
    font-size: 1.1rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.store-card__origin[b-7njr0c9ewr] {
    color: var(--phoenix-muted);
    margin-top: 0.3rem;
}

.store-card__currencies[b-7njr0c9ewr] {
    margin-top: 1.35rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--phoenix-border);
}

.store-card__label[b-7njr0c9ewr] {
    display: block;
    color: var(--phoenix-muted);
    margin-bottom: 0.6rem;
}

.store-card__pills[b-7njr0c9ewr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.store-card[b-7njr0c9ewr]  .store-card__pill {
    text-decoration: none;
    transition: border-color 0.15s ease, color 0.15s ease;
}

.store-card[b-7njr0c9ewr]  .store-card__pill:hover {
    border-color: rgba(0, 194, 168, 0.55);
    color: var(--phoenix-accent-text);
}

.store-card__cta[b-7njr0c9ewr] {
    margin-top: 1.35rem;
    align-self: flex-start;
}

@media (prefers-reduced-motion: reduce) {
    .store-card[b-7njr0c9ewr], .store-card:hover[b-7njr0c9ewr] {
        transition: none;
        transform: none;
    }
}

@media (pointer: coarse) {
    .store-filter__input[b-7njr0c9ewr] {
        height: 3.1rem;
        font-size: 1rem;
    }

    .store-filter[b-7njr0c9ewr]  .btn {
        height: 3.1rem;
    }
}

@media (max-width: 480.98px) {
    .store-filter[b-7njr0c9ewr]  .btn {
        flex: 1 1 auto;
    }
}
/* /Components/Shared/AccessDenied.razor.rz.scp.css */
.perm-denied[b-q6a16oeizb] {
    max-width: 620px;
}

.perm-denied--compact[b-q6a16oeizb] {
    max-width: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.perm-denied__lead[b-q6a16oeizb] {
    font-size: 13px;
    color: var(--phoenix-muted);
    margin: 0;
}

.perm-denied__ask[b-q6a16oeizb] {
    font-size: 12px;
    color: var(--phoenix-muted);
    margin: 0;
    line-height: 1.55;
}

.perm-denied__unknown[b-q6a16oeizb] {
    font-size: 13px;
    color: var(--phoenix-muted);
    margin: 0 0 14px;
    line-height: 1.55;
}

.perm-denied__actions[b-q6a16oeizb] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.perm-denied__ref[b-q6a16oeizb] {
    margin: 14px 0 0;
    font-size: 11.5px;
    color: var(--phoenix-muted);
}

.perm-denied__ref code[b-q6a16oeizb] {
    font-family: var(--bs-font-monospace);
    font-size: 11.5px;
    background: none;
    padding: 0;
    color: inherit;
}

.perm-denied[b-q6a16oeizb]  .info-note {
    margin-top: 14px;
}
/* /Components/Shared/AccrualCompositionBar.razor.rz.scp.css */
.accrual-bar__track[b-ivvkcbz6wp] {
    display: flex;
    height: 12px;
    border-radius: var(--settld-radius-pill);
    overflow: hidden;
    background: var(--settld-paper);
}

.accrual-bar__seg--accrued[b-ivvkcbz6wp] {
    background: var(--settld-thread-teal);
}

.accrual-bar__seg--ontheway[b-ivvkcbz6wp] {
    background: var(--settld-teal-40);
}

.accrual-bar__seg--reserve[b-ivvkcbz6wp] {
    background: var(--settld-mist);
}

.accrual-bar__legend[b-ivvkcbz6wp] {
    display: flex;
    gap: 20px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.accrual-bar__legend-item[b-ivvkcbz6wp] {
    display: flex;
    gap: 9px;
    align-items: flex-start;
}

.accrual-bar__swatch[b-ivvkcbz6wp] {
    width: 9px;
    height: 9px;
    border-radius: 2px;
    margin-top: 4px;
    flex: 0 0 9px;
}

.accrual-bar__swatch--accrued[b-ivvkcbz6wp] {
    background: var(--settld-thread-teal);
}

.accrual-bar__swatch--ontheway[b-ivvkcbz6wp] {
    background: var(--settld-teal-40);
}

.accrual-bar__swatch--reserve[b-ivvkcbz6wp] {
    background: var(--settld-mist);
}

.accrual-bar__legend-label[b-ivvkcbz6wp] {
    font-size: 12.5px;
    color: var(--settld-ink-70);
}

.accrual-bar__legend-value[b-ivvkcbz6wp] {
    font-size: 15px;
    font-weight: 600;
    margin-top: 1px;
    /* Literal, not var(--settld-carbon): the app's light-theme override repurposes that variable to
       mean "background", not "text" - using it here would render this near-invisible pale-on-white.
       See the rollout plan's naming-collision risk note. */
    color: #0B0C0D;
    font-variant-numeric: tabular-nums;
}

.accrual-bar__legend-hint[b-ivvkcbz6wp] {
    font-size: 11.5px;
    color: var(--settld-ink-70);
    margin-top: 2px;
    max-width: 220px;
    line-height: 1.4;
}
/* /Components/Shared/ActivityFeedRow.razor.rz.scp.css */
.af-row[b-zvjw4x51tj] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 0;
    border-top: 1px solid var(--phoenix-hover);
    color: inherit;
    text-decoration: none;
}

.af-row:first-of-type[b-zvjw4x51tj] {
    border-top: none;
}

a.af-row--clickable:hover[b-zvjw4x51tj] {
    background: var(--phoenix-hover);
}

.af-row__icon[b-zvjw4x51tj] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--phoenix-chip-neutral-bg);
    color: var(--phoenix-chip-neutral-text);
    font-size: 14px;
}

.af-row__icon--neutral[b-zvjw4x51tj] {
    background: var(--phoenix-chip-neutral-bg);
    color: var(--phoenix-chip-neutral-text);
}

.af-row__icon--in[b-zvjw4x51tj] {
    background: var(--phoenix-navy-active);
    color: var(--phoenix-accent-text);
}

.af-row__icon--out[b-zvjw4x51tj] {
    background: var(--bs-danger-bg-subtle);
    color: var(--bs-danger-text-emphasis);
}

.af-row__main[b-zvjw4x51tj] {
    flex: 1;
    min-width: 0;
}

.af-row__title[b-zvjw4x51tj] {
    font-size: 13.5px;
    font-weight: 500;
}

.af-row__sub[b-zvjw4x51tj] {
    font-size: 11.5px;
    color: var(--phoenix-muted);
    margin-top: 1px;
}

.af-row__chev[b-zvjw4x51tj] {
    flex: 0 0 auto;
    color: var(--phoenix-mist);
    display: flex;
}
/* /Components/Shared/ActivityRow.razor.rz.scp.css */
.activity-row[b-bnbsgzilyc] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 0;
    color: #0B0C0D; /* literal - see AccrualCompositionBar.razor.css's note on var(--settld-carbon) */
    text-decoration: none;
}

.activity-row--clickable[b-bnbsgzilyc] {
    cursor: pointer;
    border-radius: 8px;
}

.activity-row--clickable:hover[b-bnbsgzilyc] {
    background: var(--settld-paper);
    margin: 0 -10px;
    padding-left: 10px;
    padding-right: 10px;
}

.activity-row__icon[b-bnbsgzilyc] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--settld-paper);
    color: var(--settld-ink-70);
}

.activity-row__icon--in[b-bnbsgzilyc] {
    background: var(--settld-teal-20);
    color: var(--settld-pos-text);
}

.activity-row__icon--out[b-bnbsgzilyc] {
    background: var(--settld-neg-bg);
    color: var(--settld-neg-text);
}

.activity-row__main[b-bnbsgzilyc] {
    flex: 1;
    min-width: 0;
}

.activity-row__title[b-bnbsgzilyc] {
    font-size: 13.5px;
    font-weight: 500;
}

.activity-row__sub[b-bnbsgzilyc] {
    font-size: 11.5px;
    color: var(--settld-ink-70);
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity-row__amt[b-bnbsgzilyc] {
    text-align: right;
    white-space: nowrap;
    flex: 0 0 auto;
}

.activity-row__amt-value[b-bnbsgzilyc] {
    font-size: 13.5px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.activity-row__amt-usd[b-bnbsgzilyc] {
    font-size: 11px;
    color: var(--settld-ink-70);
    font-variant-numeric: tabular-nums;
}

.activity-row__chev[b-bnbsgzilyc] {
    color: var(--settld-mist);
    flex: 0 0 auto;
    font-size: 16px;
}
/* /Components/Shared/Avatar.razor.rz.scp.css */
.avatar-mark[b-700hv576o1] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
    background: var(--phoenix-navy-active);
    color: var(--phoenix-accent-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
}

.avatar-mark--square[b-700hv576o1] {
    border-radius: 8px;
}
/* /Components/Shared/BackLink.razor.rz.scp.css */
.back-link[b-u30atyoau5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    color: var(--phoenix-muted);
    text-decoration: none;
    margin: -6px 0 14px;
    padding: 6px 10px 6px 6px;
    border-radius: var(--settld-radius-inner);
}

.back-link:hover[b-u30atyoau5] {
    background: var(--phoenix-hover);
    color: var(--bs-body-color);
}
/* /Components/Shared/Callout.razor.rz.scp.css */
/* The mock specifies each tone as a flat light-only pair (#FBF3DC on #EBDBA8 for the warning, and so
   on). Portal honours the light/dark toggle, so the tones are expressed as translucent tints over
   whatever the page ground is, with the tone carried by the border and icon rather than by an opaque
   fill. That reads as the mock's pale panel in light and as a tinted panel in dark, from one rule. */
.callout[b-3k5usjw0ct] {
    display: flex;
    gap: 0.7rem;
    max-width: 42.5rem;
    margin: 0.75rem 0;
    padding: 0.75rem 0.9rem;
    font-size: 0.8rem;
    line-height: 1.55;
    color: var(--bs-body-color);
    border: 1px solid;
    border-radius: var(--settld-radius-inner);
}

.callout__icon[b-3k5usjw0ct] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.05rem;
    height: 1.05rem;
    margin-top: 0.12rem;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    border-radius: 50%;
}

.callout__body[b-3k5usjw0ct] {
    min-width: 0;
}

.callout--info[b-3k5usjw0ct] {
    background-color: rgba(0, 194, 168, 0.10);
    border-color: rgba(0, 194, 168, 0.38);
}

/* Dark-on-teal in both themes: --settld-carbon flips to #F5F6F5 under the light toggle, which would
   leave a near-white glyph on a teal disc. */
.callout--info .callout__icon[b-3k5usjw0ct] {
    color: #0B0C0D;
    background-color: var(--settld-thread-teal);
}

.callout--warn[b-3k5usjw0ct] {
    background-color: rgba(245, 197, 24, 0.10);
    border-color: rgba(245, 197, 24, 0.42);
}

.callout--warn .callout__icon[b-3k5usjw0ct] {
    color: #3A2E00;
    background-color: #F5C518;
}

.callout--danger[b-3k5usjw0ct] {
    background-color: rgba(179, 38, 30, 0.10);
    border-color: rgba(179, 38, 30, 0.42);
}

.callout--danger .callout__icon[b-3k5usjw0ct] {
    color: #FFFFFF;
    background-color: var(--settld-alert);
}

[b-3k5usjw0ct] b,
[b-3k5usjw0ct] strong {
    font-weight: 600;
}

[b-3k5usjw0ct] code {
    font-size: 0.92em;
    overflow-wrap: anywhere;
}

[b-3k5usjw0ct] p:last-child {
    margin-bottom: 0;
}
/* /Components/Shared/CatalogKindChoice.razor.rz.scp.css */
.kind-choice[b-p0qocenhqj] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.kind-choice__card[b-p0qocenhqj] {
    flex: 1 1 220px;
    display: grid;
    gap: 3px;
    padding: 14px;
    border: 1px solid var(--phoenix-border);
    border-radius: 10px;
    background: var(--phoenix-surface);
    color: var(--bs-body-color);
    text-decoration: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.kind-choice__card:hover[b-p0qocenhqj] {
    border-color: var(--phoenix-accent);
}

.kind-choice__card--selected[b-p0qocenhqj] {
    border-color: var(--phoenix-accent);
    box-shadow: inset 0 0 0 1px var(--phoenix-accent);
}

.kind-choice__title[b-p0qocenhqj] {
    font-size: 13.5px;
    font-weight: 600;
}

.kind-choice__text[b-p0qocenhqj] {
    font-size: 11.5px;
    color: var(--phoenix-muted);
    line-height: 1.45;
}
/* /Components/Shared/CatalogSourceConnect.razor.rz.scp.css */
.source-grid[b-04vjyjw5qg] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.source-card[b-04vjyjw5qg] {
    background: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: 0.6rem;
    color: var(--bs-body-color);
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem 1rem;
    text-decoration: none;
    transition: border-color 0.15s ease;
}

.source-card:hover[b-04vjyjw5qg] {
    border-color: var(--bs-primary);
    color: var(--bs-body-color);
}

.source-card__title[b-04vjyjw5qg] {
    font-weight: 500;
}

.source-card__text[b-04vjyjw5qg] {
    color: var(--phoenix-muted);
    font-size: 0.85rem;
}

.catalog-preview__counts[b-04vjyjw5qg] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.75rem;
    margin: 0.75rem 0 1rem;
}

.catalog-preview__figure[b-04vjyjw5qg] {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.catalog-preview__sample[b-04vjyjw5qg] {
    border: 1px solid var(--phoenix-border);
    border-radius: 0.5rem;
    list-style: none;
    margin: 0 0 0.75rem;
    padding: 0;
}

.catalog-preview__sample li[b-04vjyjw5qg] {
    align-items: baseline;
    border-bottom: 1px solid var(--phoenix-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.45rem 0.75rem;
}

.catalog-preview__sample li:last-child[b-04vjyjw5qg] {
    border-bottom: 0;
}

.catalog-preview__table[b-04vjyjw5qg] {
    margin-bottom: 0.75rem;
}

.catalog-preview__table thead th[b-04vjyjw5qg] {
    color: var(--phoenix-muted);
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.catalog-preview__pick[b-04vjyjw5qg] {
    width: 4.5rem;
}

.catalog-preview__amount[b-04vjyjw5qg] {
    width: 12rem;
}

.catalog-preview__meta[b-04vjyjw5qg] {
    color: var(--phoenix-muted);
    display: block;
    font-size: 0.78rem;
    margin-top: 0.2rem;
}

.catalog-connect__hints[b-04vjyjw5qg] {
    color: var(--phoenix-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.85rem;
    gap: 0.25rem 0.75rem;
    margin-top: 0.6rem;
}
/* /Components/Shared/Chip.razor.rz.scp.css */
.app-chip[b-mv0zgcu3h7] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: 0.04em;
    padding: 3px 9px;
    border-radius: var(--settld-radius-pill);
    white-space: nowrap;
}

.app-chip--settled[b-mv0zgcu3h7] {
    background: var(--phoenix-navy-active);
    color: var(--phoenix-accent-text);
}

.app-chip--pending[b-mv0zgcu3h7] {
    background: var(--phoenix-chip-neutral-bg);
    color: var(--phoenix-chip-neutral-text);
    border: 1px dashed var(--phoenix-mist);
}

.app-chip--held[b-mv0zgcu3h7],
.app-chip--locked[b-mv0zgcu3h7] {
    background: var(--phoenix-chip-neutral-bg);
    color: var(--phoenix-chip-neutral-text);
}

.app-chip--refund[b-mv0zgcu3h7],
.app-chip--alert[b-mv0zgcu3h7] {
    background: var(--bs-danger-bg-subtle);
    color: var(--bs-danger-text-emphasis);
}

/* The mocks' .chip.neutral - a label, not a status. Bordered so it stays legible against the
   card surface, where the fill-only Held chip would nearly disappear. */
.app-chip--neutral[b-mv0zgcu3h7] {
    background: transparent;
    color: var(--phoenix-chip-neutral-text);
    border: 1px solid var(--phoenix-border);
}
/* /Components/Shared/ComparisonPanel.razor.rz.scp.css */
.comparison-panel[b-lt3nr0ow7x] {
    display: flex;
    align-items: stretch;
    gap: 14px;
}

.comparison-panel__side[b-lt3nr0ow7x] {
    flex: 1;
    min-width: 0;
}

.comparison-panel__label[b-lt3nr0ow7x] {
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--phoenix-muted);
    margin-bottom: 8px;
}

.comparison-panel__card[b-lt3nr0ow7x] {
    border: 1px solid var(--phoenix-border);
    border-radius: var(--settld-radius-inner);
    padding: 14px;
    height: 100%;
}

.comparison-panel__card--proposed[b-lt3nr0ow7x] {
    border-color: var(--settld-teal);
    background: var(--phoenix-navy-active);
}

.comparison-panel__arrow[b-lt3nr0ow7x] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    color: var(--phoenix-mist);
    padding-top: 26px;
}

@media (max-width: 640px) {
    .comparison-panel[b-lt3nr0ow7x] {
        flex-direction: column;
    }

    .comparison-panel__arrow[b-lt3nr0ow7x] {
        transform: rotate(90deg);
        padding: 4px 0;
        align-self: center;
    }
}
/* /Components/Shared/CompositionBar.razor.rz.scp.css */
.composition[b-ab43by5lyl] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.composition__track[b-ab43by5lyl] {
    display: flex;
    width: 100%;
    height: 0.85rem;
    border-radius: 1rem;
    overflow: hidden;
    background: var(--phoenix-hover);
}

.composition__seg[b-ab43by5lyl] {
    height: 100%;
    min-width: 2px;
}

.composition__seg--empty[b-ab43by5lyl] {
    width: 100%;
    background: var(--phoenix-hover);
}

.composition__legend[b-ab43by5lyl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1.25rem;
    font-size: 0.85rem;
    color: var(--phoenix-muted);
}

.composition__item[b-ab43by5lyl] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.composition__item strong[b-ab43by5lyl] {
    color: var(--bs-body-color);
    font-variant-numeric: tabular-nums;
}

.composition__dot[b-ab43by5lyl] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    flex: 0 0 auto;
}
/* /Components/Shared/DataTable.razor.rz.scp.css */
.data-table-card[b-xlne8oz0ji] {
    background: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: var(--settld-radius-card);
    box-shadow: var(--phoenix-card-shadow);
    padding: 6px 20px 10px;
}

.data-table-card__scroll[b-xlne8oz0ji] {
    overflow-x: auto;
}

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

[b-xlne8oz0ji] .data-table th {
    text-align: left;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--phoenix-muted);
    padding: 9px 10px;
    border-bottom: 1px solid var(--phoenix-border);
    white-space: nowrap;
}

[b-xlne8oz0ji] .data-table th.data-table__r,
[b-xlne8oz0ji] .data-table td.data-table__r {
    text-align: right;
}

[b-xlne8oz0ji] .data-table td {
    padding: 12px 10px;
    font-size: 13px;
    border-bottom: 1px solid var(--phoenix-hover);
    vertical-align: middle;
}

[b-xlne8oz0ji] .data-table tr.data-table__click {
    cursor: pointer;
}

[b-xlne8oz0ji] .data-table tr.data-table__click:hover td {
    background: var(--phoenix-hover);
}

[b-xlne8oz0ji] .data-table .data-table__sub {
    display: block;
    font-size: 11.5px;
    color: var(--phoenix-muted);
    margin-top: 1px;
}

[b-xlne8oz0ji] .data-table .data-table__chev {
    color: var(--phoenix-mist);
}

[b-xlne8oz0ji] .data-table .data-table__per {
    color: var(--phoenix-muted);
    font-size: 12px;
}

[b-xlne8oz0ji] .data-table .data-table__mono {
    font-family: var(--bs-font-monospace);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
}

[b-xlne8oz0ji] .data-table .data-table__person {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
}

[b-xlne8oz0ji] .data-table .data-table__person:hover {
    text-decoration: underline;
}
/* /Components/Shared/DetailColumns.razor.rz.scp.css */
.detail-cols[b-nd811l9fmm] {
    display: grid;
    grid-template-columns: var(--detail-cols-ratio, 7fr 5fr);
    gap: 14px;
    align-items: start;
}

.detail-cols__main[b-nd811l9fmm],
.detail-cols__aside[b-nd811l9fmm] {
    min-width: 0;
}

@media (max-width: 1000px) {
    .detail-cols[b-nd811l9fmm] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/DocSection.razor.rz.scp.css */
/* 5rem, not the mock's 76px: this app's sticky header is 4rem tall (MainLayout .top-row), so an
   anchored section needs 4rem of clearance plus a little breathing room, not 76px of it. */
.doc-section[b-l6wf9wxa28] {
    scroll-margin-top: 5rem;
}

.doc-section__heading[b-l6wf9wxa28] {
    margin: 2.1rem 0 0.4rem;
    padding-top: 1.1rem;
    font-size: 1.06rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    border-top: 1px solid var(--phoenix-border);
}

.doc-section:first-child .doc-section__heading[b-l6wf9wxa28] {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

/* Literal #131416, not --settld-carbon-2: that alias flips to #FFFFFF under the light toggle, which
   would leave pale teal text on a white chip. This badge is dark in both themes, like the code block. */
.doc-section__step[b-l6wf9wxa28] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.375rem;
    height: 1.375rem;
    margin-right: 0.55rem;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--settld-teal-40);
    background-color: #131416;
    border-radius: 0.44rem;
    vertical-align: -0.19rem;
}
/* /Components/Shared/EmptyState.razor.rz.scp.css */
.empty-state[b-cwnx0bqzhl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 3.25rem 1.5rem;
    border: 1px dashed var(--phoenix-border);
    border-radius: 1.25rem;
    background: var(--phoenix-surface);
}

.empty-state__eyebrow[b-cwnx0bqzhl] {
    color: var(--phoenix-muted);
    margin-bottom: 0.9rem;
}

.empty-state__title[b-cwnx0bqzhl] {
    margin: 0;
    font-size: 1.35rem;
    color: var(--bs-body-color);
}

.empty-state__body[b-cwnx0bqzhl] {
    margin: 0.75rem 0 0;
    max-width: 30rem;
    color: var(--phoenix-muted);
    font-size: 0.95rem;
    line-height: 1.6;
}

.empty-state__extra[b-cwnx0bqzhl] {
    margin-top: 1.1rem;
}

.empty-state__cta[b-cwnx0bqzhl] {
    margin-top: 1.5rem;
}
/* /Components/Shared/FeeWaterfall.razor.rz.scp.css */
.fee-waterfall[b-0l0clcg585] {
    display: flex;
    flex-direction: column;
}

.fee-waterfall__row[b-0l0clcg585] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 11px 0;
}

.fee-waterfall__row + .fee-waterfall__row[b-0l0clcg585] {
    border-top: 1px solid var(--settld-paper);
}

.fee-waterfall__row--total[b-0l0clcg585] {
    border-top: 1px solid var(--settld-hairline);
    margin-top: 2px;
    padding-top: 13px;
}

.fee-waterfall__row--total .fee-waterfall__label[b-0l0clcg585] {
    font-weight: 600;
    font-size: 13.5px;
}

.fee-waterfall__row--total .fee-waterfall__amt[b-0l0clcg585] {
    font-size: 15px;
    color: #0B0C0D; /* literal - see AccrualCompositionBar.razor.css's note on var(--settld-carbon) */
}

.fee-waterfall__label[b-0l0clcg585] {
    flex: 0 0 210px;
    font-size: 13px;
    color: #0B0C0D; /* literal - see AccrualCompositionBar.razor.css's note on var(--settld-carbon) */
}

.fee-waterfall__sub[b-0l0clcg585] {
    display: block;
    font-size: 11px;
    color: var(--settld-ink-70);
    margin-top: 1px;
}

.fee-waterfall__track[b-0l0clcg585] {
    flex: 1;
    height: 16px;
    position: relative;
    background: var(--settld-paper);
    border-radius: 4px;
}

.fee-waterfall__bar[b-0l0clcg585] {
    position: absolute;
    top: 2px;
    height: 12px;
    border-radius: 4px;
}

.fee-waterfall__bar--base[b-0l0clcg585] {
    background: var(--settld-teal-60);
}

.fee-waterfall__bar--deduct[b-0l0clcg585] {
    background: var(--settld-mist);
}

.fee-waterfall__bar--net[b-0l0clcg585] {
    background: var(--settld-thread-teal);
}

.fee-waterfall__amt[b-0l0clcg585] {
    flex: 0 0 120px;
    text-align: right;
    font-size: 13.5px;
    font-weight: 600;
    color: #0B0C0D; /* literal - see AccrualCompositionBar.razor.css's note on var(--settld-carbon) */
    font-variant-numeric: tabular-nums;
}

.fee-waterfall__amt--minus[b-0l0clcg585] {
    /* Style guide v1.1 money rule #2: "neutral outflows... stay Carbon" - fee/tax/reserve are
       deductions, not refunds, so they don't get the negative/red treatment, but they also aren't
       Ink-70 (that's reserved for secondary/hint text, not a primary money figure). Literal, not
       var(--settld-carbon) - see AccrualCompositionBar.razor.css's note on that variable. */
    color: #0B0C0D;
    font-weight: 500;
}
/* /Components/Shared/FormSection.razor.rz.scp.css */
.form-section[b-ygdofcowhy] {
    background: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: 0.75rem;
    padding: 1rem 1.15rem 1.15rem;
}

.form-section__head[b-ygdofcowhy],
.form-section__summary[b-ygdofcowhy] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.form-section__summary[b-ygdofcowhy] {
    cursor: pointer;
    list-style: none;
    margin: -1rem -1.15rem -1.15rem;
    padding: 1rem 1.15rem 1.15rem;
}

.form-section__summary[b-ygdofcowhy]::-webkit-details-marker {
    display: none;
}

.form-section__summary[b-ygdofcowhy]::before {
    border-left: 0.35rem solid currentColor;
    border-bottom: 0.3rem solid transparent;
    border-top: 0.3rem solid transparent;
    color: var(--phoenix-muted);
    content: "";
    display: inline-block;
    height: 0;
    transition: transform 0.15s ease;
    width: 0;
}

.form-section--collapsible[open] > .form-section__summary[b-ygdofcowhy]::before {
    transform: rotate(90deg);
}

.form-section__title[b-ygdofcowhy] {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.form-section__hint[b-ygdofcowhy] {
    color: var(--phoenix-muted);
    font-size: 0.85rem;
}

.form-section__body[b-ygdofcowhy] {
    padding-top: 0.85rem;
}

.form-section--collapsible:not([open]) > .form-section__body[b-ygdofcowhy] {
    display: none;
}
/* /Components/Shared/HubTabs.razor.rz.scp.css */
/* Style Guide v1.1 filter-pill tab bar (.filter/.filter.active in the docs/designs mocks) - each
   tab is its own bordered pill, not one segmented-control strip. Used both for page-level tab
   navigation (e.g. the merchant detail shell's 9 tabs) and in-list status filtering, so it needs
   to read correctly under both the dark default and the light theme toggle. */
.hub-tabs[b-frsuuxz7hq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 1.5rem;
}

.hub-tab[b-frsuuxz7hq] {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: var(--settld-radius-pill);
    font-size: 12px;
    font-weight: 500;
    color: var(--phoenix-muted);
    background: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.hub-tab:hover[b-frsuuxz7hq] {
    color: var(--bs-body-color);
    background: var(--phoenix-hover);
}

.hub-tab--active[b-frsuuxz7hq],
.hub-tab--active:hover[b-frsuuxz7hq] {
    /* Literal, not var(--settld-carbon) - the app's light-theme override repurposes that variable
       to mean "background", not "text", which would render this near-invisible pale-on-teal. Style
       guide v1.1 §1: Carbon is the documented active-tab fill, teal is reserved as an accent. A
       flat black-on-white(ish) pill reads correctly in both themes without needing its own
       dual-mode token. */
    color: #FFFFFF;
    background: #0B0C0D;
    border-color: #0B0C0D;
}

@media (prefers-reduced-motion: reduce) {
    .hub-tab[b-frsuuxz7hq] {
        transition: none;
    }
}
/* /Components/Shared/InfoNote.razor.rz.scp.css */
.info-note[b-xkba2s3u7m] {
    background: var(--phoenix-hover);
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 12.5px;
    color: var(--phoenix-muted);
    line-height: 1.5;
}

[b-xkba2s3u7m] b {
    color: var(--bs-body-color);
    font-weight: 600;
}
/* /Components/Shared/KeyValueList.razor.rz.scp.css */
.kv-list[b-4xi0qtelse] {
    display: flex;
    flex-direction: column;
}

[b-4xi0qtelse] .kv-row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 9px 0;
    border-top: 1px solid var(--phoenix-hover);
    font-size: 13px;
}

[b-4xi0qtelse] .kv-row:first-child {
    border-top: none;
}

[b-4xi0qtelse] .kv-row__key {
    color: var(--phoenix-muted);
    flex: 0 0 auto;
}

[b-4xi0qtelse] .kv-row__value {
    font-weight: 500;
    text-align: right;
    /* Tabular figures so amounts align down the column - the mocks' .num treatment. Applies to every
       key-value list, which is always a label/value pair where that alignment helps. */
    font-variant-numeric: tabular-nums;
}

[b-4xi0qtelse] .kv-row__hint {
    color: var(--phoenix-mist);
    margin-left: 6px;
}
/* /Components/Shared/MoneyText.razor.rz.scp.css */
/* Style Guide v1.1 money-formatting rule 1: the locked USD value follows the local amount, small and
   Ink 70. Deliberately inline rather than a second line - it qualifies the amount it follows. */
.money-locked[b-41kkv7pcqm] {
    margin-left: 6px;
    font-size: 11.5px;
    color: var(--phoenix-muted);
    white-space: nowrap;
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.page-header[b-p848gwlzw8] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 22px;
}

.page-header__icon[b-p848gwlzw8] {
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    color: var(--phoenix-accent);
    margin-top: 4px;
}

.page-header__text[b-p848gwlzw8] {
    min-width: 0;
    flex: 1 1 12rem;
}

.page-header__text[b-p848gwlzw8]  .page-header__eyebrow {
    /* Reverted from Ink-70: the standalone style guide's literal "teal is never text" rule (§9.3)
       said otherwise, but every one of the ~55 full-page mocks in docs/designs colors this exact
       eyebrow teal - the larger, more authoritative pack wins over the abstract rule. */
    color: var(--settld-teal);
    letter-spacing: 0.16em;
    margin-bottom: 4px;
}

.page-header__text[b-p848gwlzw8]  h1 {
    margin-bottom: 0;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.15;
}

.page-header__text[b-p848gwlzw8]  .page-header__subtitle {
    margin: 3px 0 0;
    max-width: 640px;
    color: var(--phoenix-muted);
    font-size: 13.5px;
    line-height: 1.5;
}

.page-header__actions[b-p848gwlzw8] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    padding-top: 10px;
}
/* /Components/Shared/Panel.razor.rz.scp.css */
.panel-card[b-3a4n10o1j9] {
    background: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: var(--settld-radius-card);
    box-shadow: var(--phoenix-card-shadow);
    padding: 20px;
    margin-bottom: 14px;
}

.panel-card__head[b-3a4n10o1j9] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}

.panel-card__heading[b-3a4n10o1j9] {
    min-width: 0;
    flex: 1 1 auto;
}

.panel-card__title[b-3a4n10o1j9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 2px;
}

.panel-card__sub[b-3a4n10o1j9] {
    font-size: 12px;
    color: var(--phoenix-muted);
    line-height: 1.5;
}

.panel-card__actions[b-3a4n10o1j9] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
}
/* /Components/Shared/PayoutCycleModule.razor.rz.scp.css */
.payout-cycle[b-vczsfpdl7m] {
    background: var(--settld-paper);
    border-radius: 10px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    color: #0B0C0D; /* literal - see AccrualCompositionBar.razor.css's note on var(--settld-carbon) */
}

.payout-cycle__label[b-vczsfpdl7m] {
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--settld-ink-70);
    margin-bottom: 10px;
}

.payout-cycle__step[b-vczsfpdl7m] {
    display: flex;
    gap: 10px;
    position: relative;
    padding-bottom: 12px;
}

.payout-cycle__step:last-of-type[b-vczsfpdl7m] {
    padding-bottom: 0;
}

.payout-cycle__node[b-vczsfpdl7m] {
    width: 16px;
    flex: 0 0 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.payout-cycle__dot[b-vczsfpdl7m] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex: 0 0 12px;
    z-index: 1;
    margin-top: 2px;
}

.payout-cycle__dot--done[b-vczsfpdl7m] {
    background: var(--settld-thread-teal);
}

.payout-cycle__dot--future[b-vczsfpdl7m] {
    background: var(--settld-white);
    border: 1.5px dashed var(--settld-mist);
}

.payout-cycle__dot--alert[b-vczsfpdl7m] {
    background: var(--settld-alert);
}

.payout-cycle__dot--neutral[b-vczsfpdl7m] {
    background: var(--settld-mist);
}

.payout-cycle__stem[b-vczsfpdl7m] {
    width: 1.5px;
    flex: 1;
    background: var(--settld-mist);
    margin-top: 2px;
    opacity: .6;
}

.payout-cycle__step-title[b-vczsfpdl7m] {
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.25;
    color: #0B0C0D;
}

.payout-cycle__step-sub[b-vczsfpdl7m] {
    font-size: 11px;
    color: var(--settld-ink-70);
    margin-top: 1px;
}

.payout-cycle__now-chip[b-vczsfpdl7m] {
    display: inline-block;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    background: var(--settld-teal-20);
    color: var(--settld-pos-text);
    border-radius: var(--settld-radius-pill);
    padding: 1px 7px;
    margin-left: 6px;
    vertical-align: 1px;
}

.payout-cycle__payout[b-vczsfpdl7m] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    border-top: 1px solid var(--settld-hairline);
    margin-top: 4px;
    padding-top: 12px;
}

.payout-cycle__payout-key[b-vczsfpdl7m] {
    font-size: 11.5px;
    color: var(--settld-ink-70);
}

.payout-cycle__payout-val[b-vczsfpdl7m] {
    font-size: 17px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.payout-cycle__threshold[b-vczsfpdl7m] {
    margin-top: 12px;
}

.payout-cycle__threshold-top[b-vczsfpdl7m] {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--settld-ink-70);
    margin-bottom: 6px;
}

.payout-cycle__threshold-top strong[b-vczsfpdl7m] {
    color: #0B0C0D;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.payout-cycle__threshold-bar[b-vczsfpdl7m] {
    position: relative;
    height: 8px;
    background: var(--settld-grey-track);
    border-radius: var(--settld-radius-pill);
}

.payout-cycle__threshold-fill[b-vczsfpdl7m] {
    height: 8px;
    border-radius: var(--settld-radius-pill);
    background: var(--settld-thread-teal);
}

.payout-cycle__threshold-marker[b-vczsfpdl7m] {
    position: absolute;
    top: -3px;
    width: 2px;
    height: 14px;
    background: #0B0C0D;
    border-radius: 1px;
}

.payout-cycle__threshold-note[b-vczsfpdl7m] {
    font-size: 11px;
    color: var(--settld-ink-70);
    margin-top: 8px;
    line-height: 1.45;
}

.payout-cycle__threshold-note strong[b-vczsfpdl7m] {
    color: #0B0C0D;
}
/* /Components/Shared/PermissionNote.razor.rz.scp.css */
.perm-note__code[b-2qbfb4qtcc] {
    white-space: nowrap;
}

.perm-note__code code[b-2qbfb4qtcc] {
    font-family: var(--bs-font-monospace);
    font-size: 11.5px;
    background: none;
    padding: 0;
    color: inherit;
}
/* /Components/Shared/PermissionRequirementList.razor.rz.scp.css */
.perm-req[b-oklu1mq6kq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.perm-req__row[b-oklu1mq6kq] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--phoenix-border);
    border-radius: var(--settld-radius-inner);
    background: var(--phoenix-surface-sunken);
}

.perm-req__row[b-oklu1mq6kq]  svg {
    flex: 0 0 auto;
    margin-top: 2px;
    color: var(--phoenix-muted);
}

.perm-req__text[b-oklu1mq6kq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.perm-req__label[b-oklu1mq6kq] {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
}

.perm-req__codes[b-oklu1mq6kq] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.perm-req__code[b-oklu1mq6kq] {
    font-family: var(--bs-font-monospace);
    font-size: 11.5px;
    color: var(--phoenix-muted);
    background: none;
    padding: 0;
}

.perm-req__or[b-oklu1mq6kq] {
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--phoenix-muted);
}
/* /Components/Shared/ProductGallery.razor.rz.scp.css */
.store-gallery[b-ng6dxxzbo4] {
    display: block;
}

.store-gallery__main[b-ng6dxxzbo4] {
    aspect-ratio: 4 / 3;
    background: var(--phoenix-hover);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: block;
    object-fit: cover;
    width: 100%;
}

.store-gallery__thumbs[b-ng6dxxzbo4] {
    display: flex;
    gap: 0.35rem;
    overflow-x: auto;
    padding: 0.5rem 0.5rem 0;
    scrollbar-width: thin;
}

.store-gallery__thumb[b-ng6dxxzbo4] {
    background: none;
    border: 1px solid transparent;
    border-radius: 0.35rem;
    cursor: pointer;
    flex: 0 0 auto;
    height: 3rem;
    overflow: hidden;
    padding: 0;
    transition: border-color 0.12s ease-in-out, opacity 0.12s ease-in-out;
    width: 3rem;
}

.store-gallery__thumb img[b-ng6dxxzbo4] {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.store-gallery__thumb:not(.is-active)[b-ng6dxxzbo4] {
    opacity: 0.6;
}

.store-gallery__thumb.is-active[b-ng6dxxzbo4],
.store-gallery__thumb:hover[b-ng6dxxzbo4],
.store-gallery__thumb:focus-visible[b-ng6dxxzbo4] {
    border-color: var(--phoenix-accent);
    opacity: 1;
}
/* /Components/Shared/ProductImages.razor.rz.scp.css */
.product-images[b-bvqhc2ako6] {
    align-items: start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fill, 8rem);
    margin-bottom: 0.75rem;
}

.product-images[hidden][b-bvqhc2ako6] {
    display: none;
}

.product-image[b-bvqhc2ako6] {
    background: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: 0.6rem;
    color: var(--bs-body-color);
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.product-image:first-child[b-bvqhc2ako6] {
    border-color: var(--phoenix-accent);
}

.product-image[draggable="true"][b-bvqhc2ako6] {
    cursor: grab;
}

.product-image.is-dragging[b-bvqhc2ako6] {
    opacity: 0.4;
}

.product-image__media[b-bvqhc2ako6] {
    aspect-ratio: 1 / 1;
    background: var(--phoenix-hover);
    display: block;
    height: 8rem;
    max-height: 8rem;
    max-width: 8rem;
    object-fit: cover;
    width: 100%;
}

.product-image__featured[b-bvqhc2ako6] {
    background: var(--phoenix-accent);
    border-radius: 0.35rem;
    color: var(--settld-carbon);
    font-size: 0.7rem;
    font-weight: 600;
    left: 0.4rem;
    letter-spacing: 0.02em;
    padding: 0.1rem 0.4rem;
    position: absolute;
    top: 0.4rem;
}

.product-image__tools[b-bvqhc2ako6] {
    display: flex;
    gap: 0.2rem;
    justify-content: flex-end;
    opacity: 1;
    padding: 0.35rem 0.4rem 0;
}

.product-image__tool[b-bvqhc2ako6] {
    background: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: 0.3rem;
    color: var(--bs-body-color);
    cursor: pointer;
    font-size: 0.8rem;
    line-height: 1;
    padding: 0.2rem 0.35rem;
}

.product-image__tool:hover[b-bvqhc2ako6],
.product-image__tool:focus-visible[b-bvqhc2ako6] {
    background: var(--phoenix-hover);
    border-color: var(--phoenix-accent);
}

.product-image__tool--danger[b-bvqhc2ako6] {
    color: var(--bs-danger-text-emphasis);
}

.product-image__tool--danger:hover[b-bvqhc2ako6],
.product-image__tool--danger:focus-visible[b-bvqhc2ako6] {
    border-color: var(--bs-danger-text-emphasis);
}

.product-image__caption[b-bvqhc2ako6] {
    padding: 0.4rem;
}

.product-image.is-pending .product-image__media[b-bvqhc2ako6] {
    opacity: 0.45;
}

.product-image__pending[b-bvqhc2ako6] {
    background: rgba(11, 12, 13, 0.72);
    border-radius: 0.35rem;
    color: #fff;
    font-size: 0.72rem;
    left: 50%;
    padding: 0.15rem 0.45rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.product-images__upload[b-bvqhc2ako6] {
    margin-bottom: 0.4rem;
}

.product-images__link[b-bvqhc2ako6] {
    display: flex;
    gap: 0.4rem;
    margin-top: 0.5rem;
}

.product-images__link input[b-bvqhc2ako6] {
    flex: 1 1 auto;
    min-width: 0;
}

.product-images__link button[b-bvqhc2ako6] {
    flex: 0 0 auto;
}

.product-images__drop[b-bvqhc2ako6] {
    align-items: center;
    background: var(--phoenix-hover);
    border: 1px dashed var(--phoenix-border);
    border-radius: 0.6rem;
    color: var(--bs-body-color);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 1.1rem 1rem;
    text-align: center;
    transition: border-color 0.12s ease-in-out, background 0.12s ease-in-out;
    width: 100%;
}

.product-images__drop:hover[b-bvqhc2ako6],
.product-images__drop.is-dropping[b-bvqhc2ako6] {
    background: var(--phoenix-surface);
    border-color: var(--phoenix-accent);
}

.product-images__drop-title[b-bvqhc2ako6] {
    font-size: 0.9rem;
    font-weight: 500;
}

.product-images__drop-hint[b-bvqhc2ako6] {
    color: var(--phoenix-muted);
    font-size: 0.78rem;
}
/* /Components/Shared/ProgressTrack.razor.rz.scp.css */
.progress-track[b-pes45lf8yq] {
    margin-bottom: 12px;
}

.progress-track__rail[b-pes45lf8yq] {
    position: relative;
    height: 6px;
    border-radius: var(--settld-radius-pill);
    background: var(--phoenix-track-bg);
    overflow: hidden;
}

.progress-track__fill[b-pes45lf8yq] {
    position: absolute;
    left: 0;
    top: 0;
    height: 6px;
    border-radius: var(--settld-radius-pill);
    background: var(--settld-teal);
}

.progress-track__scale[b-pes45lf8yq] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 6px;
    font-size: 11px;
    color: var(--phoenix-muted);
    font-variant-numeric: tabular-nums lining-nums;
}
/* /Components/Shared/ReserveHoldsTable.razor.rz.scp.css */
.reserve-holds-table__scroll[b-bpem22lyo0] {
    overflow-x: auto;
}

.reserve-holds-table[b-bpem22lyo0] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 6px;
    color: #0B0C0D; /* literal - see AccrualCompositionBar.razor.css's note on var(--settld-carbon) */
}

.reserve-holds-table th[b-bpem22lyo0] {
    text-align: left;
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--settld-ink-70);
    padding: 8px 10px;
    border-bottom: 1px solid var(--settld-hairline);
    white-space: nowrap;
}

.reserve-holds-table td[b-bpem22lyo0] {
    padding: 11px 10px;
    font-size: 13px;
    border-bottom: 1px solid var(--settld-paper);
    white-space: nowrap;
}

.reserve-holds-table__amt[b-bpem22lyo0] {
    text-align: right;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.reserve-holds-table__type[b-bpem22lyo0] {
    font-size: 10.5px;
    font-weight: 500;
    color: var(--settld-ink-70);
    background: var(--settld-grey-chip);
    border-radius: var(--settld-radius-pill);
    padding: 3px 9px;
    white-space: nowrap;
}
/* /Components/Shared/SearchBox.razor.rz.scp.css */
.search-box[b-78goxvaobe] {
    display: flex;
    align-items: center;
    gap: 7px;
    background: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: var(--settld-radius-pill);
    padding: 7px 14px;
    color: var(--phoenix-muted);
    font-size: 12.5px;
    min-width: 230px;
}

.search-box input[b-78goxvaobe] {
    flex: 1;
    min-width: 0;
    border: none;
    background: none;
    outline: none;
    color: var(--bs-body-color);
    font: inherit;
}

.search-box input[b-78goxvaobe]::placeholder {
    color: var(--phoenix-muted);
}
/* /Components/Shared/SelectableCard.razor.rz.scp.css */
.opt-card[b-00ts038u4h] {
    border: 1px solid var(--phoenix-border);
    border-radius: var(--settld-radius-inner);
    padding: 14px;
    cursor: pointer;
    background: var(--phoenix-surface);
}

.opt-card--selected[b-00ts038u4h] {
    border-color: var(--settld-teal);
    box-shadow: inset 0 0 0 1px var(--settld-teal);
}

.opt-card__head[b-00ts038u4h] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.opt-card__title[b-00ts038u4h] {
    font-size: 13.5px;
    font-weight: 600;
}

.opt-card__badge[b-00ts038u4h] {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.04em;
    padding: 2px 8px;
    border-radius: var(--settld-radius-pill);
    background: var(--phoenix-navy-active);
    color: var(--phoenix-accent-text);
}

.opt-card__desc[b-00ts038u4h] {
    font-size: 11.5px;
    color: var(--phoenix-muted);
    margin-top: 3px;
    line-height: 1.45;
}

.opt-card--danger .opt-card__desc[b-00ts038u4h] {
    color: var(--bs-danger-text-emphasis);
}
/* /Components/Shared/SequenceFlow.razor.rz.scp.css */
.seq[b-0v2roviphn] {
    margin: 0.9rem 0;
    padding: 1.1rem;
    background-color: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: var(--settld-radius-card);
    box-shadow: var(--phoenix-card-shadow);
}

.seq__lanes[b-0v2roviphn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
    margin-bottom: 0.4rem;
}

.seq__lane[b-0v2roviphn] {
    padding: 0.45rem;
    font-size: 0.72rem;
    font-weight: 600;
    text-align: center;
    background-color: var(--phoenix-hover);
    border: 1px solid var(--phoenix-border);
    border-radius: var(--settld-radius-inner);
}

.seq__lane--on[b-0v2roviphn] {
    color: var(--settld-teal);
    background-color: rgba(0, 194, 168, 0.12);
    border-color: var(--settld-thread-teal);
}

/* Two lanes per row rather than one column each: at this width three lane labels plus a 118px actor
   column push the step text down to two or three words per line. */
@media (max-width: 34rem) {
    .seq__lanes[b-0v2roviphn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Shared/SequenceRow.razor.rz.scp.css */
.seq__row[b-h9syj0xcmm] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.45rem 0;
    font-size: 0.78rem;
    border-top: 1px dashed var(--phoenix-border);
}

.seq__n[b-h9syj0xcmm] {
    display: flex;
    flex: 0 0 1.25rem;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.66rem;
    font-weight: 600;
    color: var(--settld-teal-40);
    /* Literal, not --settld-carbon-2: that alias flips to #FFFFFF under the light toggle and would
       leave pale teal on white. This counter stays dark in both themes. */
    background-color: #131416;
    border-radius: 50%;
}

.seq__who[b-h9syj0xcmm] {
    flex: 0 0 7.4rem;
    width: 7.4rem;
    font-size: 0.63rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--phoenix-muted);
}

.seq__what[b-h9syj0xcmm] {
    flex: 1;
    min-width: 0;
    color: var(--bs-body-color);
}

[b-h9syj0xcmm] code {
    overflow-wrap: anywhere;
    white-space: normal;
}

/* The actor label stops being a column and becomes a line above the step: at this width a fixed
   7.4rem gutter leaves the step text too narrow to read. */
@media (max-width: 34rem) {
    .seq__row[b-h9syj0xcmm] {
        flex-wrap: wrap;
    }

    .seq__who[b-h9syj0xcmm] {
        flex: 1 1 auto;
        width: auto;
    }

    .seq__what[b-h9syj0xcmm] {
        flex: 1 1 100%;
        padding-left: 1.85rem;
    }
}
/* /Components/Shared/StatTile.razor.rz.scp.css */
.stat-tile[b-lvivdiz0tc] {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 16px 18px;
    background: var(--phoenix-surface);
    border: 1px solid var(--phoenix-border);
    border-radius: var(--settld-radius-card);
    box-shadow: var(--phoenix-card-shadow);
}

.stat-tile__accent[b-lvivdiz0tc] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
}

.stat-tile__label[b-lvivdiz0tc] {
    font-size: 11.5px;
    color: var(--phoenix-muted);
    margin-bottom: 6px;
    display: flex;
    gap: 7px;
    align-items: center;
}

.stat-tile__big[b-lvivdiz0tc] {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.01em;
    font-variant-numeric: tabular-nums lining-nums;
}

.stat-tile__hint[b-lvivdiz0tc] {
    font-size: 11.5px;
    color: var(--phoenix-muted);
    margin-top: 5px;
    line-height: 1.4;
}

[b-lvivdiz0tc] .stat-tile__unit {
    font-size: 13px;
    font-weight: 500;
    color: var(--phoenix-muted);
}
/* /Components/Shared/StatTileRow.razor.rz.scp.css */
.stat-tile-row[b-6fekl217ex] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
    margin-bottom: 14px;
}
/* /Components/Shared/StatusChip.razor.rz.scp.css */
.finance-chip[b-vz4sbwbxra] {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: 0.04em;
    padding: 3px 9px;
    border-radius: var(--settld-radius-pill);
    white-space: nowrap;
}

.finance-chip--settled[b-vz4sbwbxra] {
    background: var(--settld-teal-20);
    color: var(--settld-pos-chip-text);
}

.finance-chip--pending[b-vz4sbwbxra] {
    background: var(--settld-grey-chip);
    color: var(--settld-ink-70);
    border: 1px dashed var(--settld-mist);
}

.finance-chip--held[b-vz4sbwbxra] {
    background: var(--settld-grey-chip);
    color: var(--settld-ink-70);
}

.finance-chip--refund[b-vz4sbwbxra] {
    background: var(--settld-neg-bg);
    color: var(--settld-neg-text);
}

.finance-chip--alert[b-vz4sbwbxra] {
    /* Style guide v1.1 §4: Alert is reserved for destructive actions and error states, never
       money direction - distinct from --refund, which is specifically about a money-out event. */
    background: var(--settld-neg-bg);
    color: var(--settld-alert);
}
/* /Components/Shared/StorefrontPreviewCard.razor.rz.scp.css */
.sf-preview[b-co8zrkq2qx] {
    border: 1px solid var(--phoenix-border);
    border-radius: 10px;
    padding: 16px;
    background: var(--phoenix-scrim-1);
}

.sf-preview__initial[b-co8zrkq2qx] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: var(--phoenix-navy-active);
    color: var(--phoenix-accent-text);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-bottom: 10px;
}

.sf-preview__image[b-co8zrkq2qx] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    object-fit: cover;
    display: block;
    margin-bottom: 10px;
}

.sf-preview__name[b-co8zrkq2qx] {
    font-size: 14.5px;
    font-weight: 600;
}

.sf-preview__text[b-co8zrkq2qx] {
    font-size: 12px;
    color: var(--phoenix-muted);
    margin: 3px 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sf-preview__price[b-co8zrkq2qx] {
    font-size: 16px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.sf-preview__price--empty[b-co8zrkq2qx] {
    color: var(--phoenix-muted);
    font-weight: 400;
    font-size: 13px;
}

.sf-preview__suffix[b-co8zrkq2qx] {
    font-size: 12px;
    font-weight: 400;
    color: var(--phoenix-muted);
    margin-left: 3px;
}

.sf-preview__action[b-co8zrkq2qx] {
    display: inline-block;
    margin-top: 10px;
    font-size: 12.5px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: var(--settld-radius-pill);
    background: var(--settld-teal);
    color: var(--settld-white);
}
/* /Components/Shared/Timeline.razor.rz.scp.css */
.timeline[b-gbf7jpw8ki] {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* /Components/Shared/TimelineStep.razor.rz.scp.css */
.timeline-step[b-y7h2iwu7al] {
    display: flex;
    gap: 12px;
    position: relative;
    padding-bottom: 18px;
}

.timeline-step:last-child[b-y7h2iwu7al] {
    padding-bottom: 0;
}

.timeline-step__node[b-y7h2iwu7al] {
    width: 22px;
    flex: 0 0 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.timeline-step__ring[b-y7h2iwu7al] {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    z-index: 1;
}

.timeline-step__ring--done[b-y7h2iwu7al] {
    background: var(--phoenix-navy-active);
    color: var(--phoenix-accent-text);
}

.timeline-step__ring--failed[b-y7h2iwu7al] {
    background: var(--bs-danger-bg-subtle);
    color: var(--bs-danger-text-emphasis);
}

.timeline-step__ring--future[b-y7h2iwu7al] {
    background: transparent;
    border: 1.5px dashed var(--phoenix-mist);
    color: var(--phoenix-mist);
}

.timeline-step__stem[b-y7h2iwu7al] {
    width: 1.5px;
    flex: 1;
    margin-top: 2px;
    background: var(--phoenix-border);
}

.timeline-step:last-child .timeline-step__stem[b-y7h2iwu7al] {
    display: none;
}

.timeline-step__body[b-y7h2iwu7al] {
    min-width: 0;
    flex: 1 1 auto;
}

.timeline-step__title[b-y7h2iwu7al] {
    font-size: 13px;
    font-weight: 500;
}

.timeline-step__detail[b-y7h2iwu7al] {
    font-size: 11.5px;
    color: var(--phoenix-muted);
    margin-top: 1px;
    line-height: 1.5;
}
/* /Components/Shared/Toolbar.razor.rz.scp.css */
.toolbar[b-vx6ceqxn9l] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.toolbar__spacer[b-vx6ceqxn9l] {
    flex: 1 1 auto;
}

.toolbar__filters[b-vx6ceqxn9l] {
    display: contents;
}

.toolbar[b-vx6ceqxn9l]  .hub-tabs {
    margin-bottom: 0;
}
/* /Components/Shared/UtilisationBar.razor.rz.scp.css */
/* Every colour here comes from a dual-mode token (--phoenix-track-bg flips to --settld-grey-track
   under the staff light theme), so the bar reads on both grounds without a second rule set. */
.util[b-6idcvekab9] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 110px;
}

.util__track[b-6idcvekab9] {
    position: relative;
    height: 6px;
    border-radius: var(--settld-radius-pill);
    background: var(--phoenix-track-bg);
    overflow: hidden;
}

.util__fill[b-6idcvekab9] {
    position: absolute;
    left: 0;
    top: 0;
    height: 6px;
    border-radius: var(--settld-radius-pill);
    background: var(--settld-teal);
}

/* Behind the actual fill, and deliberately much quieter: the projection is context for the real
   number, not a competing one. */
.util__fill--projected[b-6idcvekab9] {
    background: var(--settld-teal-40);
}

.util__caption[b-6idcvekab9] {
    font-size: 10px;
    color: var(--phoenix-muted);
    font-variant-numeric: tabular-nums lining-nums;
}

.util__caption--complete[b-6idcvekab9] {
    color: var(--settld-pos-text);
}
/* /Components/Shared/WalletCard.razor.rz.scp.css */
.wallet-card[b-mapymzbfdf] {
    display: block;
    background: var(--settld-white);
    border: 1px solid var(--settld-hairline);
    border-radius: var(--settld-radius-card);
    box-shadow: var(--settld-shadow-card);
    padding: 20px 20px 16px;
    color: #0B0C0D; /* literal - see AccrualCompositionBar.razor.css's note on var(--settld-carbon) */
    text-decoration: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.wallet-card:hover[b-mapymzbfdf] {
    border-color: var(--settld-teal-60);
    box-shadow: 0 2px 6px rgba(11, 12, 13, .06), 0 8px 24px rgba(11, 12, 13, .06);
    color: #0B0C0D; /* literal - see AccrualCompositionBar.razor.css's note on var(--settld-carbon) */
}

.wallet-card__top[b-mapymzbfdf] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.wallet-card__flag[b-mapymzbfdf] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--settld-paper);
    border: 1px solid var(--settld-hairline);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex: 0 0 30px;
}

.wallet-card__identity[b-mapymzbfdf] {
    min-width: 0;
}

.wallet-card__code[b-mapymzbfdf] {
    font-size: 14px;
    font-weight: 600;
}

.wallet-card__name[b-mapymzbfdf] {
    font-size: 12px;
    color: var(--settld-ink-70);
}

.wallet-card__arrow[b-mapymzbfdf] {
    margin-left: auto;
    color: var(--settld-mist);
    font-size: 18px;
    transition: transform .15s ease, color .15s ease;
}

.wallet-card:hover .wallet-card__arrow[b-mapymzbfdf] {
    color: var(--settld-thread-teal);
    transform: translateX(2px);
}

.wallet-card__label[b-mapymzbfdf] {
    font-size: 11.5px;
    color: var(--settld-ink-70);
    margin-bottom: 2px;
}

.wallet-card__amount[b-mapymzbfdf] {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.01em;
    font-variant-numeric: tabular-nums;
}

.wallet-card__usd[b-mapymzbfdf] {
    font-size: 12.5px;
    color: var(--settld-ink-70);
    margin-top: 2px;
}

.wallet-card__bar[b-mapymzbfdf] {
    margin: 14px 0 12px;
}

.wallet-card__rows[b-mapymzbfdf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.wallet-card__row[b-mapymzbfdf] {
    display: flex;
    justify-content: space-between;
    font-size: 12.5px;
}

.wallet-card__row-key[b-mapymzbfdf] {
    color: var(--settld-ink-70);
    display: flex;
    align-items: center;
    gap: 7px;
}

.wallet-card__row-val[b-mapymzbfdf] {
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.wallet-card__dot[b-mapymzbfdf] {
    width: 7px;
    height: 7px;
    border-radius: 2px;
    display: inline-block;
}

.wallet-card__dot--ontheway[b-mapymzbfdf] {
    background: var(--settld-teal-40);
}

.wallet-card__dot--reserve[b-mapymzbfdf] {
    background: var(--settld-mist);
}