/* _content/IdMe.Web/Components/Layout/AppFooter.razor.rz.scp.css */
.app-footer2[b-w34du8quyr] {
    padding: 1.25rem 1.9rem 1.5rem;
    border-top: 1px solid var(--border, rgba(15,23,42,.08));
    background: var(--footer-bg, rgba(255, 255, 255, .6));
    backdrop-filter: blur(8px);
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.app-footer2--compact[b-w34du8quyr] {
    background: transparent;
    border-top: none;
    backdrop-filter: none;
    padding: 1rem;
    text-align: center;
}

.app-footer2-note[b-w34du8quyr] {
    color: var(--muted, #8792a6);
    font-size: .78rem;
    line-height: 1.5;
    max-width: 900px;
    display: block;
}

.app-footer2--compact .app-footer2-note[b-w34du8quyr] {
    color: rgba(255, 255, 255, .55);
    margin: 0 auto;
}

.app-footer2-bottom[b-w34du8quyr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

.app-footer2--compact .app-footer2-bottom[b-w34du8quyr] {
    justify-content: center;
    flex-direction: column;
}

.app-footer2-copy[b-w34du8quyr] {
    color: var(--muted, #8792a6);
    font-size: .78rem;
}

.app-footer2--compact .app-footer2-copy[b-w34du8quyr] {
    color: rgba(255, 255, 255, .6);
}

.app-footer2-links[b-w34du8quyr] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem 1rem;
}

.app-footer2-links a[b-w34du8quyr] {
    color: var(--muted, #8792a6);
    font-size: .78rem;
    text-decoration: none;
    transition: color var(--t-fast, .15s);
}

.app-footer2-links a:hover[b-w34du8quyr] {
    color: var(--brand-primary, #1565C0);
}

.app-footer2--compact .app-footer2-links a[b-w34du8quyr] {
    color: rgba(255, 255, 255, .7);
}

.app-footer2--compact .app-footer2-links a:hover[b-w34du8quyr] {
    color: #fff;
}
/* _content/IdMe.Web/Components/Layout/Breadcrumbs.razor.rz.scp.css */
.crumbs[b-qybnyxx3kk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .1rem;
    margin-bottom: 1.4rem;
    font-size: .84rem;
}

.crumb[b-qybnyxx3kk] {
    color: var(--muted);
    text-decoration: none;
    padding: .18rem .4rem;
    border-radius: 7px;
    transition: color var(--t-fast), background var(--t-fast);
}

a.crumb:hover[b-qybnyxx3kk] {
    color: var(--brand-primary);
    background: color-mix(in srgb, var(--brand-primary) 9%, transparent);
}

.crumb-current[b-qybnyxx3kk] {
    color: var(--text);
    font-weight: 600;
}

.crumb-sep[b-qybnyxx3kk] {
    color: var(--muted);
    opacity: .55;
}
/* _content/IdMe.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* App shell — glassy, layered, motion-aware. Tokens: App.razor + app.css. */

.app-shell[b-0pqtypjmh9] {
    display: grid;
    grid-template-columns: 268px 1fr;
    min-height: 100vh;
}

/* ---- Sidebar ---- */
.app-sidebar[b-0pqtypjmh9] {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    color: var(--sidebar-fg, #c7d2e6);
    background: var(--sidebar-bg, #0b1220);
    border-right: 1px solid rgba(255, 255, 255, .06);
}

.app-sidebar[b-0pqtypjmh9]::before {
    /* whisper-subtle brand tint at the top of the rail */
    content: "";
    position: absolute;
    top: -60px;
    left: -30px;
    width: 240px;
    height: 200px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--brand-primary, #1565C0) 40%, transparent);
    filter: blur(90px);
    opacity: .18;
    pointer-events: none;
}

.app-brand[b-0pqtypjmh9] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1.4rem 1.25rem 1.1rem;
}

.app-brand-logo[b-0pqtypjmh9] {
    max-height: 34px;
    max-width: 150px;
}

.app-brand-mark[b-0pqtypjmh9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: #fff;
    font-weight: 800;
    font-size: .95rem;
    letter-spacing: .3px;
    background: linear-gradient(135deg, var(--brand-primary, #1565C0), var(--brand-accent, #00897B));
    box-shadow: 0 8px 22px -6px color-mix(in srgb, var(--brand-primary, #1565C0) 75%, transparent);
}

.app-brand-name[b-0pqtypjmh9] {
    font-size: 1.12rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
}

/* ---- Main column ---- */
.app-main[b-0pqtypjmh9] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background:
        radial-gradient(900px 460px at 100% -5%, color-mix(in srgb, var(--brand-primary, #1565C0) 9%, transparent), transparent 60%),
        radial-gradient(760px 420px at -5% 15%, color-mix(in srgb, var(--brand-accent, #00897B) 7%, transparent), transparent 55%),
        var(--bg-app, #eef1f7);
}

.app-content[b-0pqtypjmh9] {
    flex: 1;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.25rem 2rem 3rem;
    animation: fadeInUp .35s var(--ease) both;
}

.app-footer[b-0pqtypjmh9] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem;
    padding: 1rem 1.9rem;
    color: var(--muted);
    font-size: .8rem;
    border-top: 1px solid var(--border);
    background: rgba(255, 255, 255, .6);
    backdrop-filter: blur(8px);
}

.app-footer-links a[b-0pqtypjmh9] {
    color: var(--muted);
    margin-left: 1rem;
}

.app-footer-links a:hover[b-0pqtypjmh9] {
    color: var(--brand-primary, #1565C0);
}

/* Pure-CSS responsive drawer (mobile only) */
.nav-toggle-checkbox[b-0pqtypjmh9] {
    display: none;
}

.nav-mobile-toggle[b-0pqtypjmh9] {
    display: none;
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 40;
    cursor: pointer;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-md);
}

@media (max-width: 860px) {
    .app-shell[b-0pqtypjmh9] {
        grid-template-columns: 1fr;
    }

    .app-sidebar[b-0pqtypjmh9] {
        position: fixed;
        z-index: 30;
        width: 268px;
        transform: translateX(-100%);
        transition: transform .24s var(--ease);
        box-shadow: var(--shadow-lg);
    }

    .nav-toggle-checkbox:checked ~ .app-sidebar[b-0pqtypjmh9] {
        transform: translateX(0);
    }

    .nav-mobile-toggle[b-0pqtypjmh9] {
        display: inline-flex;
    }

    .app-content[b-0pqtypjmh9] {
        padding-top: 4rem; /* clear the floating menu button */
    }
}

#blazor-error-ui[b-0pqtypjmh9] {
    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-0pqtypjmh9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/IdMe.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.nav2[b-l9wvvjloms] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: .5rem .7rem .7rem;
    z-index: 1;
}

.nav2-scroll[b-l9wvvjloms] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.nav2-group[b-l9wvvjloms] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nav2-heading[b-l9wvvjloms] {
    margin: 1.1rem .75rem .4rem;
    font-size: .66rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--sidebar-fg-muted, #8a97b4);
}

[b-l9wvvjloms] .nav2-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .55rem .7rem;
    border-radius: 9px;
    color: var(--sidebar-fg, #c7d2e6);
    text-decoration: none;
    font-size: .885rem;
    font-weight: 500;
    transition: background var(--t-fast), color var(--t-fast);
}

.nav2-footer[b-l9wvvjloms] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .55rem;
    padding: .5rem .35rem .1rem .7rem;
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.nav2-footer-label[b-l9wvvjloms] {
    font-size: .72rem;
    font-weight: 500;
    color: var(--sidebar-fg-muted, #8a97b4);
}

[b-l9wvvjloms] .nav2-link .mud-icon-root {
    color: var(--sidebar-fg-muted, #8a97b4);
    font-size: 1.2rem;
    transition: color var(--t-fast);
}

[b-l9wvvjloms] .nav2-link:hover {
    background: rgba(255, 255, 255, .055);
    color: #fff;
}

[b-l9wvvjloms] .nav2-link:hover .mud-icon-root {
    color: #fff;
}

[b-l9wvvjloms] .nav2-link.active {
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-weight: 600;
}

[b-l9wvvjloms] .nav2-link.active .mud-icon-root {
    color: #e6b24a;
}

[b-l9wvvjloms] .nav2-link.active::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 18px;
    border-radius: 3px;
    background: #e6b24a;
    box-shadow: 0 0 10px 1px rgba(230, 178, 74, .55);
}

.nav2-auth[b-l9wvvjloms] {
    margin-top: .25rem;
}

/* User card pinned at the bottom */
.nav2-user[b-l9wvvjloms] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-top: .5rem;
    padding: .6rem .55rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .06);
}

.nav2-avatar[b-l9wvvjloms] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .78rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, var(--brand-primary, #1565C0), var(--brand-accent, #00897B));
}

.nav2-user-meta[b-l9wvvjloms] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.nav2-user-name[b-l9wvvjloms] {
    font-size: .8rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav2-user-role[b-l9wvvjloms] {
    font-size: .7rem;
    color: var(--sidebar-fg-muted, #8a97b4);
}

.nav2-user-actions[b-l9wvvjloms] {
    display: flex;
    align-items: center;
    gap: .15rem;
}

.nav2-user-actions form[b-l9wvvjloms] {
    display: inline-flex;
}

.nav2-iconbtn[b-l9wvvjloms] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--sidebar-fg-muted, #8a97b4);
    cursor: pointer;
    transition: background var(--t-fast), color var(--t-fast);
}

.nav2-iconbtn:hover[b-l9wvvjloms] {
    background: rgba(255, 255, 255, .08);
    color: #fff;
}
/* _content/IdMe.Web/Components/Legal/LegalDocument.razor.rz.scp.css */
.legal[b-bdzj35oud3] {
    background: var(--surface, #fff);
    border: 1px solid var(--border, rgba(15,23,42,.08));
    border-radius: var(--radius-lg, 18px);
    box-shadow: var(--shadow-sm);
    padding: 2.5rem 2.75rem;
    max-width: 820px;
    margin: 0 auto;
}

.legal-title[b-bdzj35oud3] {
    font-weight: 700;
    letter-spacing: -0.02em;
}

.legal-meta[b-bdzj35oud3] {
    color: var(--muted, #8792a6);
    font-size: .82rem;
    margin: .35rem 0 1.75rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--border, rgba(15,23,42,.08));
}

.legal-body[b-bdzj35oud3] {
    color: var(--text-2, #475569);
    font-size: .92rem;
    line-height: 1.7;
}

[b-bdzj35oud3] .legal-body h2 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text, #0f172a);
    margin: 1.75rem 0 .6rem;
}

[b-bdzj35oud3] .legal-body p {
    margin: 0 0 .9rem;
}

[b-bdzj35oud3] .legal-body ul {
    margin: 0 0 .9rem;
    padding-left: 1.25rem;
}

[b-bdzj35oud3] .legal-body li {
    margin-bottom: .35rem;
}

.legal-disclaimer[b-bdzj35oud3] {
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1px dashed var(--border-strong, rgba(15,23,42,.14));
    color: var(--muted, #8792a6);
    font-size: .78rem;
    font-style: italic;
}
/* _content/IdMe.Web/Components/Pages/Admin/Branding.razor.rz.scp.css */
.brand-preview[b-lszuknciwp] {
    display: grid;
    grid-template-columns: 120px 1fr;
    border: 1px solid var(--border, #e9ecf2);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(16, 24, 40, .08));
    min-height: 240px;
    background: #fff;
}

.brand-preview-side[b-lszuknciwp] {
    padding: 0.9rem 0.6rem;
    color: #cbd5e1;
}

.brand-preview-brand[b-lszuknciwp] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 1rem;
}

.brand-preview-logo[b-lszuknciwp] {
    max-height: 22px;
    max-width: 70px;
}

.brand-preview-mark[b-lszuknciwp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
}

.brand-preview-name[b-lszuknciwp] {
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
}

.brand-preview-nav[b-lszuknciwp] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.brand-preview-navitem[b-lszuknciwp] {
    font-size: 0.72rem;
    padding: 0.3rem 0.4rem;
    border-radius: 6px;
    color: #94a3b8;
}

.brand-preview-navitem.active[b-lszuknciwp] {
    background: rgba(255, 255, 255, 0.09);
    color: #fff;
}

.brand-preview-main[b-lszuknciwp] {
    padding: 1rem;
    background: var(--surface-2, #f7f9fc);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.brand-preview-hero[b-lszuknciwp] {
    border-radius: 10px;
    padding: 0.9rem;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.brand-preview-hero small[b-lszuknciwp] {
    opacity: 0.85;
}

.brand-preview-btn[b-lszuknciwp] {
    align-self: flex-start;
    border: none;
    color: #fff;
    padding: 0.4rem 0.9rem;
    border-radius: 8px;
    font-size: 0.8rem;
    cursor: default;
}

.brand-preview-foot[b-lszuknciwp] {
    margin-top: auto;
    font-size: 0.7rem;
    color: var(--muted, #667085);
}
/* _content/IdMe.Web/Components/Pages/Admin/Steps.razor.rz.scp.css */
.step-row[b-ggwxz4v6lm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0.75rem;
    border-radius: 10px;
    transition: background 0.12s ease;
}

.step-row:hover[b-ggwxz4v6lm] {
    background: var(--surface-2, #f7f9fc);
}

.step-row:not(:last-child)[b-ggwxz4v6lm] {
    border-bottom: 1px solid var(--border, #e9ecf2);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.step-row--off[b-ggwxz4v6lm] {
    opacity: 0.55;
}

.step-reorder[b-ggwxz4v6lm] {
    display: flex;
    flex-direction: column;
}

.step-index[b-ggwxz4v6lm] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--surface-2, #f2f4f7);
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--muted, #667085);
}

.step-main[b-ggwxz4v6lm] {
    flex: 1;
    min-width: 0;
}

.step-controls[b-ggwxz4v6lm] {
    display: flex;
    gap: 1.25rem;
    align-items: center;
}
/* _content/IdMe.Web/Components/Pages/Home.razor.rz.scp.css */
/* =========================================================
   Landing — single, professional blue system (#0076BD).
   ========================================================= */
.home[b-h5epennbr5] {
    --deep: #052a44;        /* deep blue (dark shade of the brand) */
    --deep-2: #063a5c;
    --sky: #33a6dd;         /* light brand-blue accent */
    --ink-text: #06283f;    /* text on white buttons */
    --paper: #eef5fb;       /* cool near-white text on the dark hero */
    --paper-dim: rgba(238, 245, 251, .66);
    --paper-line: rgba(238, 245, 251, .3);

    display: flex;
    flex-direction: column;
    gap: 3.25rem;
}

/* ---- Hero ---- */
.hero[b-h5epennbr5] {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    padding: 4rem 3.25rem;
    display: flex;
    align-items: center;
    gap: 2.5rem;
    isolation: isolate;
    color: var(--paper);
    background:
        radial-gradient(55% 85% at 88% 6%, rgba(43, 166, 212, .22), transparent 55%),
        radial-gradient(80% 95% at 2% 100%, rgba(0, 118, 189, .40), transparent 60%),
        linear-gradient(158deg, #063a5c 0%, #05283f 58%, #041d30 100%);
    box-shadow: 0 32px 70px -26px rgba(4, 20, 36, .7);
}

/* fine engraved hairlines, like a security document */
.hero[b-h5epennbr5]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: repeating-linear-gradient(115deg, rgba(238, 245, 251, .05) 0 1px, transparent 1px 22px);
    mask: radial-gradient(120% 120% at 100% 0%, #000, transparent 70%);
    -webkit-mask: radial-gradient(120% 120% at 100% 0%, #000, transparent 70%);
    pointer-events: none;
}

.hero-inner[b-h5epennbr5] {
    position: relative;
    z-index: 1;
    flex: 1;
    min-width: 0;
    animation: fadeInUp .5s var(--ease) both;
}

.hero-title[b-h5epennbr5] {
    font-family: 'Nunito Sans', 'Avenir Next', 'Segoe UI', Roboto, -apple-system, sans-serif;
    margin: 0 0 .8rem;
    font-size: clamp(2.1rem, 4.2vw, 3.2rem);
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 1.04;
    color: var(--paper);
}

.hero-title .grad[b-h5epennbr5] {
    color: var(--sky);
}

.hero-lede[b-h5epennbr5] {
    margin: 0;
    max-width: 460px;
    font-size: 1.08rem;
    line-height: 1.6;
    color: var(--paper-dim);
}

.hero-cta[b-h5epennbr5] {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 2rem;
}

.btn-hero[b-h5epennbr5] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .78rem 1.4rem;
    border-radius: 9px;
    font-weight: 600;
    font-size: .92rem;
    text-decoration: none;
    transition: transform var(--t-fast), box-shadow var(--t), background var(--t-fast), border-color var(--t-fast);
}

.btn-hero-primary[b-h5epennbr5] {
    background: #ffffff;
    color: var(--ink-text);
    box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .6);
}

.btn-hero-primary:hover[b-h5epennbr5] {
    background: #ffffff;
    color: var(--ink-text);
    transform: translateY(-2px);
    box-shadow: 0 18px 36px -14px rgba(0, 0, 0, .65);
}

.btn-hero-ghost[b-h5epennbr5] {
    background: transparent;
    border: 1px solid rgba(238, 245, 251, .32);
    color: var(--paper);
}

.btn-hero-ghost:hover[b-h5epennbr5] {
    background: rgba(238, 245, 251, .08);
    border-color: rgba(238, 245, 251, .55);
    color: var(--paper);
    transform: translateY(-2px);
}

/* The hero buttons are <a> tags — keep their own colors in dark mode so the
   global white-link rule doesn't turn the white primary button's text white. */
:root[data-theme="dark"] .btn-hero-primary[b-h5epennbr5],
:root[data-theme="dark"] .btn-hero-primary:hover[b-h5epennbr5] {
    color: var(--ink-text);
    text-decoration: none;
}

:root[data-theme="dark"] .btn-hero-ghost[b-h5epennbr5],
:root[data-theme="dark"] .btn-hero-ghost:hover[b-h5epennbr5] {
    color: var(--paper);
    text-decoration: none;
}

.trust-strip[b-h5epennbr5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem 1rem;
    margin-top: 0.75rem;
    padding-top: 1.4rem;
    border-top: 1px solid rgba(238, 245, 251, .14);
}

.trust-lead[b-h5epennbr5] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-weight: 600;
    font-size: .95rem;
    color: var(--paper);
}

.trust-lead .mud-icon-root[b-h5epennbr5] {
    color: var(--sky);
}

.trust-fine[b-h5epennbr5] {
    font-size: .8rem;
    color: var(--paper-dim);
    letter-spacing: .01em;
}

/* ---- Signature eKYC visual: a scanned ID card ---- */
.hero-visual[b-h5epennbr5] {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    width: clamp(250px, 27vw, 330px);
    display: grid;
    place-items: center;
}

.idcard[b-h5epennbr5] {
    position: relative;
    width: 100%;
    aspect-ratio: 1.586;
    overflow: hidden;
    border-radius: 16px;
    padding: 8% 9%;
    display: flex;
    flex-direction: column;
    gap: 9%;
    background: linear-gradient(150deg, rgba(238, 245, 251, .15), rgba(238, 245, 251, .05));
    border: 1px solid rgba(238, 245, 251, .22);
    box-shadow: 0 34px 60px -22px rgba(0, 0, 0, .65);
    backdrop-filter: blur(6px);
    transform: rotate(-5deg);
    animation: idFloat-b-h5epennbr5 7s var(--ease) infinite;
}

@keyframes idFloat-b-h5epennbr5 {
    0%, 100% { transform: rotate(-5deg) translateY(0); }
    50% { transform: rotate(-5deg) translateY(-9px); }
}

.idcard-top[b-h5epennbr5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.idcard-chip[b-h5epennbr5] {
    width: 26px;
    height: 19px;
    border-radius: 5px;
    background: linear-gradient(135deg, var(--sky), #0076bd);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18);
}

.idcard-kind[b-h5epennbr5] {
    font-size: .58rem;
    letter-spacing: .22em;
    font-weight: 700;
    color: var(--paper-dim);
}

.idcard-main[b-h5epennbr5] {
    display: flex;
    align-items: center;
    gap: 9%;
    flex: 1;
}

.idcard-photo[b-h5epennbr5] {
    width: 34%;
    aspect-ratio: 1 / 1.2;
    border-radius: 8px;
    background: rgba(238, 245, 251, .1);
    border: 1px solid rgba(238, 245, 251, .18);
    display: grid;
    place-items: center;
}

.idcard-photo .mud-icon-root[b-h5epennbr5] {
    color: rgba(238, 245, 251, .5);
    font-size: 2rem;
}

.idcard-fields[b-h5epennbr5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15%;
}

.idcard-fields .f[b-h5epennbr5] {
    height: 7px;
    border-radius: 4px;
    background: var(--paper-line);
}

.f1[b-h5epennbr5] { width: 82%; }
.f2[b-h5epennbr5] { width: 58%; }
.f3[b-h5epennbr5] { width: 70%; }

.idcard-seal[b-h5epennbr5] {
    position: absolute;
    right: 8%;
    bottom: 11%;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(51, 166, 221, .16);
    border: 1.5px solid var(--sky);
    transform: rotate(-12deg);
}

.idcard-seal .mud-icon-root[b-h5epennbr5] {
    color: var(--sky);
    font-size: 1.2rem;
}

.idcard-scan[b-h5epennbr5] {
    position: absolute;
    left: 0;
    right: 0;
    top: 6%;
    height: 2px;
    z-index: 3;
    background: linear-gradient(90deg, transparent, #e6b24a, transparent);
    box-shadow: 0 0 16px 3px rgba(230, 178, 74, .6);
    animation: scanMove-b-h5epennbr5 3.4s var(--ease) infinite;
}

@keyframes scanMove-b-h5epennbr5 {
    0% { top: 6%; opacity: 0; }
    12% { opacity: 1; }
    88% { opacity: 1; }
    100% { top: 92%; opacity: 0; }
}

/* floating "verified" status chip over the card */
.hero-status[b-h5epennbr5] {
    position: absolute;
    left: -6%;
    bottom: 4%;
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .55rem .8rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .22);
    backdrop-filter: blur(10px);
    box-shadow: 0 14px 30px -12px rgba(0, 0, 0, .55);
    animation: idFloat-b-h5epennbr5 7s var(--ease) infinite;
}

.hero-status-icon .mud-icon-root[b-h5epennbr5] {
    color: #46d18a;
}

.hero-status strong[b-h5epennbr5] {
    display: block;
    font-size: .82rem;
    color: #fff;
    line-height: 1.2;
}

.hero-status small[b-h5epennbr5] {
    font-size: .7rem;
    color: var(--paper-dim);
}

/* ---- Sections ---- */
.section-head[b-h5epennbr5] {
    margin-bottom: 1.5rem;
}

.section-head h2[b-h5epennbr5] {
    font-family: var(--font-display);
    margin: 0;
    font-size: 1.7rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--text);
}

.section-head p[b-h5epennbr5] {
    margin: .35rem 0 0;
    color: var(--muted);
    font-size: .95rem;
}

.grid-3[b-h5epennbr5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

.glass[b-h5epennbr5] {
    position: relative;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 18px;
    backdrop-filter: blur(16px) saturate(160%);
    box-shadow: var(--glass-shadow);
    padding: 1.6rem;
    transition: transform var(--t), box-shadow var(--t), border-color var(--t);
}

.glass:hover[b-h5epennbr5] {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--brand-primary) 40%, var(--glass-border));
}

:root[data-theme="light"] .glass[b-h5epennbr5] {
    background: rgba(255, 255, 255, .72);
    border-color: color-mix(in srgb, var(--brand-primary) 15%, var(--glass-border));
    box-shadow:
        0 16px 34px -16px color-mix(in srgb, var(--brand-primary) 45%, transparent),
        0 2px 8px -2px rgba(16, 24, 40, .08);
}

:root[data-theme="light"] .glass:hover[b-h5epennbr5] {
    box-shadow:
        0 22px 44px -16px color-mix(in srgb, var(--brand-primary) 55%, transparent),
        0 3px 10px -2px rgba(16, 24, 40, .1);
}

.glass h3[b-h5epennbr5] {
    font-family: var(--font-display);
    margin: .9rem 0 .4rem;
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--text);
}

.glass p[b-h5epennbr5] {
    margin: 0;
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.55;
}

.step-icon[b-h5epennbr5], .trust-icon[b-h5epennbr5] {
    color: var(--brand-primary);
    width: 30px;
    height: 30px;
}

.step-num[b-h5epennbr5] {
    position: absolute;
    top: 1rem;
    right: 1.3rem;
    font-family: var(--font-display);
    font-size: 2.3rem;
    font-weight: 700;
    line-height: 1;
    color: var(--brand-primary);
    opacity: .85;
}

:root[data-theme="dark"] .step-num[b-h5epennbr5] {
    color: #ffffff;
    opacity: .9;
}

.home-legal[b-h5epennbr5] {
    text-align: center;
    color: var(--muted);
    font-size: .85rem;
    margin: 0;
}

.home-legal a[b-h5epennbr5] {
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ---- Trust stat bar ---- */
.statbar[b-h5epennbr5] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    padding: 1.4rem 1.6rem;
    border-radius: 18px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
}

.stat[b-h5epennbr5] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.stat .mud-icon-root[b-h5epennbr5] {
    color: var(--brand-primary);
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
}

.stat strong[b-h5epennbr5] {
    display: block;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text);
    line-height: 1.1;
}

.stat small[b-h5epennbr5] {
    font-size: .78rem;
    color: var(--muted);
}

/* ---- Feature cards ---- */
.feature-icon[b-h5epennbr5] {
    color: var(--brand-primary);
    width: 30px;
    height: 30px;
}

/* ---- Closing CTA band ---- */
.cta[b-h5epennbr5] {
    border-radius: 22px;
    padding: 3rem 2rem;
    text-align: center;
    color: #fff;
    background:
        radial-gradient(60% 120% at 90% 0%, rgba(43, 166, 212, .35), transparent 60%),
        linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
    box-shadow: 0 26px 60px -22px color-mix(in srgb, var(--brand-primary) 70%, transparent);
}

.cta-inner h2[b-h5epennbr5] {
    font-family: var(--font-display);
    margin: 0 0 .4rem;
    font-size: 1.8rem;
    font-weight: 600;
}

.cta-inner p[b-h5epennbr5] {
    margin: 0 0 1.5rem;
    color: rgba(255, 255, 255, .85);
}

.cta .btn-hero-primary[b-h5epennbr5] {
    background: #fff;
    color: var(--ink-text);
}

@media (max-width: 900px) {
    .hero-visual[b-h5epennbr5] { display: none; }
    .statbar[b-h5epennbr5] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
    .hero[b-h5epennbr5] { padding: 2.75rem 1.75rem; }
    .grid-3[b-h5epennbr5] { grid-template-columns: 1fr; }
}
/* _content/IdMe.Web/Components/Pages/Operator/Dashboard.razor.rz.scp.css */
.dash-head[b-drb06k6gf4] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.6rem;
}

.dash-title[b-drb06k6gf4] {
    font-weight: 750;
    letter-spacing: -.02em;
}

.dash-sub[b-drb06k6gf4] {
    font-size: .85rem;
    color: var(--text-2, #667085);
    margin-top: .15rem;
}

/* ---- KPI cards ---- */
.dash-kpis[b-drb06k6gf4] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

@media (max-width: 900px) {
    .dash-kpis[b-drb06k6gf4] { grid-template-columns: repeat(2, 1fr); }
}

.dash-kpi[b-drb06k6gf4] {
    background: var(--surface, #fff);
    border: 1px solid var(--border, rgba(15,23,42,.12));
    border-radius: 16px;
    padding: 1.05rem 1.2rem 1.15rem;
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(16,24,40,.06));
    display: flex;
    flex-direction: column;
    gap: .35rem;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.dash-kpi:hover[b-drb06k6gf4] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md, 0 10px 28px -8px rgba(16,24,40,.14));
    border-color: var(--border-strong, rgba(15,23,42,.2));
}

.dash-kpi-top[b-drb06k6gf4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dash-kpi-label[b-drb06k6gf4] {
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--text-2, #667085);
}

.dash-kpi-icon[b-drb06k6gf4] {
    width: 36px;
    height: 36px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dash-kpi-value[b-drb06k6gf4] {
    font-size: 2.1rem;
    font-weight: 750;
    line-height: 1.05;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
    color: var(--text, #0f172a);
}

.dash-kpi-sub[b-drb06k6gf4] {
    font-size: .78rem;
    color: var(--text-2, #667085);
}

.tint-primary[b-drb06k6gf4] { background: rgba(0,118,189,.12); color: #0076BD; }
.tint-info[b-drb06k6gf4]    { background: rgba(2,136,209,.12); color: #0288d1; }
.tint-success[b-drb06k6gf4] { background: rgba(46,125,50,.13); color: #2e7d32; }
.tint-error[b-drb06k6gf4]   { background: rgba(211,47,47,.12); color: #d32f2f; }

/* ---- Panels ---- */
.dash-grid[b-drb06k6gf4] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1rem;
}

@media (max-width: 900px) {
    .dash-grid[b-drb06k6gf4] { grid-template-columns: 1fr; }
}

.dash-panel[b-drb06k6gf4] {
    background: var(--surface, #fff);
    border: 1px solid var(--border, rgba(15,23,42,.12));
    border-radius: 16px;
    padding: 1.25rem 1.4rem 1.4rem;
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(16,24,40,.06));
}

.dash-panel-head[b-drb06k6gf4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.2rem;
}

.dash-panel-title[b-drb06k6gf4] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text, #0f172a);
}

.dash-panel-note[b-drb06k6gf4] {
    font-size: .78rem;
    color: var(--text-2, #667085);
    margin-top: .1rem;
}

.dash-empty[b-drb06k6gf4] {
    font-size: .85rem;
    color: var(--text-2, #667085);
    padding: 1.5rem 0;
}

/* ---- Bars ---- */
.dash-bars[b-drb06k6gf4] { display: flex; flex-direction: column; gap: 1rem; }

.dash-bar-row[b-drb06k6gf4] {
    display: grid;
    grid-template-columns: 130px 1fr 92px;
    align-items: center;
    gap: .85rem;
}

.dash-bar-label[b-drb06k6gf4] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .84rem;
    color: var(--text, #0f172a);
}

.dash-dot[b-drb06k6gf4] { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }

.dash-track[b-drb06k6gf4] {
    height: 10px;
    border-radius: 6px;
    background: var(--surface-2, #eef1f7);
    overflow: hidden;
}

.dash-fill[b-drb06k6gf4] {
    height: 100%;
    border-radius: 6px;
    transition: width .5s cubic-bezier(.4,0,.2,1);
}

.dash-bar-value[b-drb06k6gf4] {
    text-align: right;
    font-size: .9rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    color: var(--text, #0f172a);
}

.dash-bar-pct[b-drb06k6gf4] {
    display: inline-block;
    min-width: 40px;
    margin-left: .5rem;
    font-weight: 500;
    color: var(--text-2, #667085);
}

/* ---- Funnel ---- */
.dash-funnel[b-drb06k6gf4] { display: flex; flex-direction: column; gap: 1.05rem; }

.dash-funnel-top[b-drb06k6gf4] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: .4rem;
}

.dash-funnel-label[b-drb06k6gf4] { font-size: .84rem; color: var(--text-2, #667085); }

.dash-funnel-value[b-drb06k6gf4] {
    font-size: 1.05rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--text, #0f172a);
}

/* ---- Ring ---- */
.dash-ringstat[b-drb06k6gf4] { display: flex; align-items: center; gap: .55rem; }

.dash-ring[b-drb06k6gf4] { width: 62px; height: 62px; transform: rotate(-90deg); flex: 0 0 auto; }

.dash-ring-track[b-drb06k6gf4] {
    fill: none;
    stroke: var(--surface-2, #eef1f7);
    stroke-width: 3.4;
}

.dash-ring-fill[b-drb06k6gf4] {
    fill: none;
    stroke-width: 3.4;
    stroke-linecap: round;
    transition: stroke-dasharray .6s cubic-bezier(.4,0,.2,1);
}

.dash-ring-text[b-drb06k6gf4] {
    fill: var(--text, #0f172a);
    font-size: 9px;
    font-weight: 700;
    text-anchor: middle;
    dominant-baseline: central;
    transform: rotate(90deg);
    transform-origin: 18px 18px;
}

.dash-ringstat-label[b-drb06k6gf4] {
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-2, #667085);
    line-height: 1.15;
}

/* ---- Imported-customers panel ---- */
.dash-panel--full[b-drb06k6gf4] { margin-top: 1rem; }

.dash-pills[b-drb06k6gf4] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1.1rem;
}

.dash-pill[b-drb06k6gf4] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .32rem .7rem;
    border-radius: 999px;
    border: 1px solid var(--border, rgba(15,23,42,.14));
    background: var(--surface, #fff);
    color: var(--text-2, #667085);
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.dash-pill:hover[b-drb06k6gf4] { border-color: var(--brand-primary, #0076BD); color: var(--text, #0f172a); }

.dash-pill.active[b-drb06k6gf4] {
    background: var(--brand-primary, #0076BD);
    border-color: var(--brand-primary, #0076BD);
    color: #fff;
}

.dash-pill-count[b-drb06k6gf4] {
    font-variant-numeric: tabular-nums;
    background: rgba(15,23,42,.07);
    color: inherit;
    border-radius: 999px;
    padding: 0 .45rem;
    font-size: .74rem;
    min-width: 1.3rem;
    text-align: center;
}

.dash-pill.active .dash-pill-count[b-drb06k6gf4] { background: rgba(255,255,255,.25); }

.dash-cust[b-drb06k6gf4] { display: flex; flex-direction: column; line-height: 1.25; }
.dash-cust-email[b-drb06k6gf4] { font-weight: 600; color: var(--text, #0f172a); }
.dash-cust-name[b-drb06k6gf4] { font-size: .78rem; color: var(--text-2, #667085); }

.dash-ref[b-drb06k6gf4] { margin-left: .5rem; font-size: .78rem; color: var(--text-2, #667085); }

/* Rows that can be drilled into feel clickable */
[b-drb06k6gf4] .dash-table tbody tr { cursor: pointer; }
/* _content/IdMe.Web/Components/Pages/Verifications/Wizard.razor.rz.scp.css */
.wiz-steps[b-kfpf1mj0gc] {
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
}

.wiz-step[b-kfpf1mj0gc] {
    display: flex;
    align-items: center;
    gap: .6rem;
    position: relative;
}

.wiz-dot[b-kfpf1mj0gc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-weight: 700;
    font-size: .9rem;
    background: var(--surface, #fff);
    color: var(--muted, #8792a6);
    border: 2px solid var(--border-strong, rgba(15,23,42,.14));
    transition: all .2s var(--ease, ease);
    flex: 0 0 auto;
}

.wiz-label[b-kfpf1mj0gc] {
    font-size: .85rem;
    font-weight: 500;
    color: var(--muted, #8792a6);
    white-space: nowrap;
}

.wiz-bar[b-kfpf1mj0gc] {
    width: 44px;
    height: 2px;
    margin: 0 .75rem;
    background: var(--border-strong, rgba(15,23,42,.14));
    border-radius: 2px;
}

.wiz-step.done .wiz-dot[b-kfpf1mj0gc] {
    background: color-mix(in srgb, var(--brand-primary, #1565C0) 14%, white);
    color: var(--brand-primary, #1565C0);
    border-color: color-mix(in srgb, var(--brand-primary, #1565C0) 45%, transparent);
}

.wiz-step.done .wiz-label[b-kfpf1mj0gc] {
    color: var(--text, #0f172a);
}

.wiz-step.current .wiz-dot[b-kfpf1mj0gc] {
    background: linear-gradient(135deg, var(--brand-primary, #1565C0), var(--brand-secondary, #0D47A1));
    color: #fff;
    border-color: transparent;
    box-shadow: 0 8px 20px -6px color-mix(in srgb, var(--brand-primary, #1565C0) 70%, transparent);
    transform: scale(1.06);
}

.wiz-step.current .wiz-label[b-kfpf1mj0gc] {
    color: var(--text, #0f172a);
    font-weight: 700;
}

@media (max-width: 720px) {
    .wiz-label[b-kfpf1mj0gc] { display: none; }
    .wiz-bar[b-kfpf1mj0gc] { width: 20px; margin: 0 .35rem; }
}
/* _content/IdMe.Web/Components/Verification/CameraCapture.razor.rz.scp.css */
.cam[b-lw1zthrfnr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
}

.cam-video[b-lw1zthrfnr] {
    width: 100%;
    max-width: 460px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: #0b0f1a;
    border-radius: 14px;
    border: 1px solid var(--border, rgba(15,23,42,.08));
    box-shadow: var(--shadow-sm);
}

.cam-actions[b-lw1zthrfnr] {
    display: flex;
    gap: .75rem;
}