@import '_content/Coverity.Core.Crm/Coverity.Core.Crm.6kd1lwtyjc.bundle.scp.css';
@import '_content/Coverity.Core.Forms/Coverity.Core.Forms.35riqkn77m.bundle.scp.css';
@import '_content/Coverity.Core.WorkflowEngine/Coverity.Core.WorkflowEngine.q09fedvxdz.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* /Admin/AclAdmin.razor.rz.scp.css */
.container[b-i57dpu1eup] { max-width: 1040px; }
/* /Components/Account/Pages/ConfirmEmail.razor.rz.scp.css */
.login-left-pane[b-d7zi8gfgr7] {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

.background-blur-overlay[b-d7zi8gfgr7],
.l-overlay[b-d7zi8gfgr7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background-blur-overlay[b-d7zi8gfgr7] {
    background-image: url('/images/assets/paper.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: blur(8px) brightness(0.9);
    z-index: 1;
}

.l-overlay[b-d7zi8gfgr7] {
    background: #080099;
    background: radial-gradient(circle,rgba(8, 0, 153, 0.31) 0%, rgba(9, 9, 121, 0.51) 58%, rgba(0, 94, 255, 0.34) 100%);
    z-index: 2;
}

.login-left-content[b-d7zi8gfgr7] {
    z-index: 3;
}
/* /Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
/* /Components/Account/Pages/Login.razor.rz.scp.css */
/* /Components/Account/Pages/Register.razor.rz.scp.css */
/* ── Email verification code grid ── */
.email-code-grid[b-mm1y0oedod] {
    display: grid;
    grid-template-columns: repeat(6, 2rem);
    gap: 0.5rem;
    width: max-content;
    margin-inline: auto;
    justify-content: center;
}

[b-mm1y0oedod] .email-code-box {
    display: grid;
    grid-template-columns: repeat(6, 2rem);
    gap: 0.5rem;
    width: max-content;
}

[b-mm1y0oedod] .email-code-box input {
    width: 2rem;
    height: 2.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    text-align: center;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: #fff;
}

[b-mm1y0oedod] .email-code-box input:focus {
    outline: none;
    border-color: #0ea5b7;
    box-shadow: 0 0 0 0.18rem rgba(14, 165, 183, 0.2);
}

.email-code-box[b-mm1y0oedod] {
    width: 2rem;
    height: 2.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    text-align: center;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: #fff;
}

.email-code-box:focus[b-mm1y0oedod] {
    outline: none;
    border-color: #0ea5b7;
    box-shadow: 0 0 0 0.18rem rgba(14, 165, 183, 0.2);
}

.verification-dialog[b-mm1y0oedod] {
    justify-content: center;
}

.verification-dialog__content[b-mm1y0oedod] {
    text-align: center;
}

.verification-actions[b-mm1y0oedod] {
    justify-content: center;
    flex-wrap: wrap;
}

/* ── Page shell ── */
.signup-shell[b-mm1y0oedod] {
    min-height: 100vh;
    background: #f8fafc;
    display: flex;
    align-items: center;
}

/* Hero panel */
.signup-hero[b-mm1y0oedod] {
    padding: 2.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.signup-hero__eyebrow[b-mm1y0oedod] {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #0ea5b7;
}

.signup-hero__title[b-mm1y0oedod] {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.2;
    color: #0f172a;
}

.signup-hero__body[b-mm1y0oedod] {
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.6;
}

.signup-hero__steps[b-mm1y0oedod] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
    color: #334155;
    font-size: 0.9rem;
}

/* Card */
.signup-card[b-mm1y0oedod] {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
    padding: 2rem 2.25rem;
}

/* Field errors */
.field-error[b-mm1y0oedod] {
    font-size: 0.8rem;
    color: #dc2626;
    margin-top: 0.25rem;
    min-height: 1.1em;
}

/* Password strength */
.pw-strength__bar[b-mm1y0oedod] {
    height: 5px;
    background: #e2e8f0;
    border-radius: 99px;
    overflow: hidden;
}

.pw-strength__fill[b-mm1y0oedod] {
    height: 100%;
    border-radius: 99px;
    transition: width 0.25s, background-color 0.25s;
}

.pw-strength__fill--weak[b-mm1y0oedod]    { background: #ef4444; }
.pw-strength__fill--fair[b-mm1y0oedod]    { background: #f59e0b; }
.pw-strength__fill--good[b-mm1y0oedod]    { background: #3b82f6; }
.pw-strength__fill--strong[b-mm1y0oedod]  { background: #22c55e; }

.pw-strength__rules[b-mm1y0oedod] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.75rem;
}

.rule-ok[b-mm1y0oedod]   { color: #16a34a; }
.rule-fail[b-mm1y0oedod] { color: #94a3b8; }
/* /Components/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
.login-left-pane[b-t75zp0lykc] {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

.background-blur-overlay[b-t75zp0lykc],
.l-overlay[b-t75zp0lykc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background-blur-overlay[b-t75zp0lykc] {
    background-image: url('/images/assets/paper.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: blur(8px) brightness(0.9);
    z-index: 1;
}

.l-overlay[b-t75zp0lykc] {
    background: #080099;
    background: radial-gradient(circle,rgba(8, 0, 153, 0.31) 0%, rgba(9, 9, 121, 0.51) 58%, rgba(0, 94, 255, 0.34) 100%);
    z-index: 2;
}

.login-left-content[b-t75zp0lykc] {
    z-index: 3;
}
/* /Components/Account/Pages/ResendEmailConfirmation.razor.rz.scp.css */
.login-left-pane[b-ce91hlc37c] {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

.background-blur-overlay[b-ce91hlc37c],
.l-overlay[b-ce91hlc37c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background-blur-overlay[b-ce91hlc37c] {
    background-image: url('/images/assets/paper.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: blur(8px) brightness(0.9);
    z-index: 1;
}

.l-overlay[b-ce91hlc37c] {
    background: #080099;
    background: radial-gradient(circle,rgba(8, 0, 153, 0.31) 0%, rgba(9, 9, 121, 0.51) 58%, rgba(0, 94, 255, 0.34) 100%);
    z-index: 2;
}

.login-left-content[b-ce91hlc37c] {
    z-index: 3;
}
/* /Components/Account/Pages/ResetPassword.razor.rz.scp.css */
.login-left-pane[b-alhw9gqtpo] {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

.background-blur-overlay[b-alhw9gqtpo],
.l-overlay[b-alhw9gqtpo] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background-blur-overlay[b-alhw9gqtpo] {
    background-image: url('/images/assets/paper.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: blur(8px) brightness(0.9);
    z-index: 1;
}

.l-overlay[b-alhw9gqtpo] {
    background: #080099;
    background: radial-gradient(circle,rgba(8, 0, 153, 0.31) 0%, rgba(9, 9, 121, 0.51) 58%, rgba(0, 94, 255, 0.34) 100%);
    z-index: 2;
}

.login-left-content[b-alhw9gqtpo] {
    z-index: 3;
}
/* /Components/Account/Pages/ResetPasswordConfirmation.razor.rz.scp.css */
.login-left-pane[b-1yu3i0x9l6] {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

.background-blur-overlay[b-1yu3i0x9l6],
.l-overlay[b-1yu3i0x9l6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background-blur-overlay[b-1yu3i0x9l6] {
    background-image: url('/images/assets/paper.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: blur(8px) brightness(0.9);
    z-index: 1;
}

.l-overlay[b-1yu3i0x9l6] {
    background: #080099;
    background: radial-gradient(circle,rgba(8, 0, 153, 0.31) 0%, rgba(9, 9, 121, 0.51) 58%, rgba(0, 94, 255, 0.34) 100%);
    z-index: 2;
}

.login-left-content[b-1yu3i0x9l6] {
    z-index: 3;
}
/* /Components/Admin/AdminConsole.razor.rz.scp.css */
/* /Components/Admin/EditArticle.razor.rz.scp.css */
.admin-article-wp[b-4ch0lvizg0] {
    display: grid;
    grid-template-columns: minmax(0, 2.5fr) minmax(260px, 1fr);
    gap: 1.5rem;
    align-items: flex-start;
}

.admin-article-wp__left[b-4ch0lvizg0] {
    min-width: 0;
}

.admin-article-wp__right[b-4ch0lvizg0] {
    min-width: 0;
}

.admin-article-wp__editor-header[b-4ch0lvizg0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .75rem;
}

.admin-article-wp__editor-actions[b-4ch0lvizg0] {
    display: flex;
    gap: .5rem;
}

/* Meta box styling (WordPress-ish) */
.meta-box[b-4ch0lvizg0] {
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 1rem;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.meta-box__header[b-4ch0lvizg0] {
    padding: .5rem .75rem;
    font-weight: 600;
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd;
}

.meta-box__body[b-4ch0lvizg0] {
    padding: .75rem;
}

.meta-box__body--actions[b-4ch0lvizg0] {
    padding: .75rem;
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}

.meta-box--actions[b-4ch0lvizg0] {
    margin-top: 1.5rem;
}

.meta-box__field[b-4ch0lvizg0] {
    margin-bottom: .75rem;
}

    .meta-box__field label[b-4ch0lvizg0] {
        display: block;
        font-size: .8rem;
        margin-bottom: .25rem;
        color: #555;
    }

.meta-box__field--inline[b-4ch0lvizg0] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.meta-box__row[b-4ch0lvizg0] {
    display: flex;
    gap: .75rem;
}

/* Preview dialog */
.preview-dialog__content[b-4ch0lvizg0] {
    padding: .5rem;
    height: 100%;
    overflow: auto;
    background-color: #fafafa;
    border-radius: 3px;
}
/* /Components/Admin/FeaturesAdmin.razor.rz.scp.css */
.icon-grid[b-50aoit2xz0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, 120px);
    justify-content: center;
    gap: 16px;
    
    overflow-y: auto;
    padding: 8px;
}

/* each tile is same width & height */
.icon-card[b-50aoit2xz0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 120px;
    height: 150px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
}

    .icon-card:hover[b-50aoit2xz0] {
        box-shadow: 0 2px 6px rgba(0,0,0,0.15);
        transform: translateY(-2px);
    }

.icon-image[b-50aoit2xz0] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    width: 100%;
}

    .icon-image img[b-50aoit2xz0] {
        width: 56px;
        height: 56px;
        object-fit: contain;
        pointer-events: none;
    }

.icon-label[b-50aoit2xz0] {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #333;
    margin-bottom: 6px;
    padding: 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Admin/NotificationTemplateEdit.razor.rz.scp.css */
.tple-root[b-di4ga03wv2] { position: fixed; inset: 0; z-index: 1031; display: flex; flex-direction: column; background: #1e2a35; color: #e8eef3; font-size: .9rem; }
.tple-center[b-di4ga03wv2] { margin: auto; text-align: center; }
.tple-bar[b-di4ga03wv2] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 8px 20px; min-height: 60px; background: #16212b; border-bottom: 1px solid #2e3d4b; }
.tple-bar-title[b-di4ga03wv2] { display: flex; flex-direction: column; min-width: 0; }
.tple-name[b-di4ga03wv2] { font-weight: 700; font-size: 1rem; overflow-wrap: anywhere; }
.tple-meta[b-di4ga03wv2] { font-size: .75rem; color: #a9b7c4; }
.tple-next[b-di4ga03wv2] { color: #7fd1b0; }
.tple-spacer[b-di4ga03wv2] { flex-grow: 1; }
.tple-ok[b-di4ga03wv2] { color: #7fd1b0; font-size: .85rem; }
.tple-btn[b-di4ga03wv2] { min-height: 44px; padding: 0 16px; display: inline-flex; align-items: center; gap: 8px; border-radius: 8px; border: 1px solid #3a4b5b; background: transparent; color: #e8eef3; text-decoration: none; cursor: pointer; }
.tple-btn:hover:not(:disabled)[b-di4ga03wv2] { background: #26384a; color: #fff; }
.tple-btn:disabled[b-di4ga03wv2] { opacity: .45; cursor: default; }
.tple-btn-primary[b-di4ga03wv2] { background: #2a8f6c; border-color: #3aa982; color: #fff; font-weight: 700; padding: 0 20px; }
.tple-btn-primary:hover:not(:disabled)[b-di4ga03wv2] { background: #31a37c; }
.tple-chip[b-di4ga03wv2] { border-radius: 12px; padding: 3px 10px; font-size: .75rem; }
.tple-chip-warn[b-di4ga03wv2] { background: #3a3320; color: #f1cf7a; }
.tple-chip-ok[b-di4ga03wv2] { background: #1f3a2f; color: #7fd1b0; }
.tple-error[b-di4ga03wv2] { padding: 10px 20px; background: #3a2222; color: #f6c4c4; }

.tple-body[b-di4ga03wv2] { flex: 1; min-height: 0; display: grid; grid-template-columns: 300px minmax(0, 1fr) 340px; }
.tple-side[b-di4ga03wv2] { padding: 16px; overflow-y: auto; background: #1a2530; border-inline-end: 1px solid #2e3d4b; display: flex; flex-direction: column; gap: 12px; }
.tple-side-end[b-di4ga03wv2] { border-inline-end: 0; border-inline-start: 1px solid #2e3d4b; }
.tple-h[b-di4ga03wv2] { margin: 0; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #a9b7c4; }
.tple-label[b-di4ga03wv2] { display: flex; flex-direction: column; gap: 4px; font-size: .8rem; margin: 0; }
.tple-input[b-di4ga03wv2] { min-height: 44px; border-radius: 8px; border: 1px solid #3a4b5b; background: #101922; color: #e8eef3; padding: 6px 10px; font: inherit; }
.tple-input[readonly][b-di4ga03wv2], .tple-input:disabled[b-di4ga03wv2] { opacity: .65; }
.tple-input:focus-visible[b-di4ga03wv2], .tple-source:focus-visible[b-di4ga03wv2], .tple-btn:focus-visible[b-di4ga03wv2], .tple-tab:focus-visible[b-di4ga03wv2], .tple-mini:focus-visible[b-di4ga03wv2] { outline: 2px solid #6cc3ff; outline-offset: 1px; }
.tple-invalid[b-di4ga03wv2] { border-color: #d36b6b; }
.tple-hint[b-di4ga03wv2] { font-size: .75rem; color: #a9b7c4; line-height: 1.45; }
.tple-hint-bad[b-di4ga03wv2] { color: #f0a0a0; }
.tple-toggles[b-di4ga03wv2] { display: flex; flex-direction: column; gap: 4px; }
.tple-check[b-di4ga03wv2] { display: flex; align-items: center; gap: 8px; min-height: 32px; margin: 0; }

.tple-main[b-di4ga03wv2] { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: #f4f6f8; color: #1c2733; }
.tple-tabs[b-di4ga03wv2] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 8px 12px; background: #e6ebf0; border-bottom: 1px solid #cfd8e0; }
.tple-tabs .tple-hint[b-di4ga03wv2] { color: #5b6b7a; }
.tple-tab[b-di4ga03wv2] { min-height: 44px; padding: 0 16px; border-radius: 8px; border: 1px solid #b9c4cf; background: #fff; color: #1c2733; }
.tple-tab.active[b-di4ga03wv2] { background: #0b6b8a; border-color: #0b6b8a; color: #fff; }
.tple-stage[b-di4ga03wv2] { flex: 1; min-height: 0; display: flex; }
.tple-source[b-di4ga03wv2] { flex: 1; width: 100%; border: 0; resize: none; padding: 16px; background: #101922; color: #d6e2ec; font-family: Consolas, Monaco, "Courier New", monospace; font-size: .85rem; line-height: 1.55; tab-size: 2; }
.tple-preview[b-di4ga03wv2] { flex: 1; overflow: auto; padding: 24px; display: flex; justify-content: center; }
.tple-frame[b-di4ga03wv2] { width: 640px; max-width: 100%; height: 100%; min-height: 480px; border: 1px solid #d6dee6; background: #fff; box-shadow: 0 6px 24px rgba(20, 40, 60, .08); }
.tple-sms[b-di4ga03wv2] { width: 420px; max-width: 100%; height: fit-content; padding: 16px; border-radius: 16px; background: #fff; border: 1px solid #d6dee6; white-space: pre-wrap; color: #1c2733; }
.tple-visual[b-di4ga03wv2] { flex: 1; min-width: 0; display: flex; flex-direction: column; overflow: auto; }
.tple-note[b-di4ga03wv2] { padding: 8px 12px; background: #fff7e0; color: #6b4e00; font-size: .8rem; }

.tple-targets[b-di4ga03wv2] { display: flex; flex-wrap: wrap; gap: 6px; }
.tple-target[b-di4ga03wv2] { min-height: 36px; padding: 0 12px; border-radius: 18px; border: 1px solid #3a4b5b; background: transparent; color: #e8eef3; font-size: .8rem; }
.tple-target.active[b-di4ga03wv2] { background: #2b5f82; border-color: #6cc3ff; }
.tple-vars[b-di4ga03wv2] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.tple-var[b-di4ga03wv2] { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 10px; border-radius: 8px; background: #101922; }
.tple-var code[b-di4ga03wv2] { flex: 1; min-width: 0; overflow-wrap: anywhere; color: #d6e2ec; }
.tple-mini[b-di4ga03wv2] { min-height: 32px; padding: 0 10px; border-radius: 6px; border: 1px solid #3a4b5b; background: transparent; color: #e8eef3; font-size: .75rem; }
.tple-mini:hover[b-di4ga03wv2] { background: #26384a; }
.tple-problem[b-di4ga03wv2] { padding: 12px; border-radius: 8px; background: #3a2222; color: #f6c4c4; font-size: .8rem; line-height: 1.5; }

@media (max-width: 1100px) {
    .tple-body[b-di4ga03wv2] { grid-template-columns: 1fr; overflow-y: auto; }
    .tple-main[b-di4ga03wv2] { min-height: 70vh; }
}
/* /Components/Admin/NotificationTemplateEditor.razor.rz.scp.css */
.template-editor-shell[b-kjbzvghgl2] {
    display: block;
}

.template-editor-header[b-kjbzvghgl2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.template-editor-title[b-kjbzvghgl2] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0f172a;
}

.template-editor-subtitle[b-kjbzvghgl2] {
    color: #64748b;
    font-size: 0.92rem;
}

.template-editor-toolbar[b-kjbzvghgl2] {
    padding: 0.75rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.6rem;
}

.editor-form-panel[b-kjbzvghgl2] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.6rem;
    padding: 0.9rem;
}

.var-chip-button[b-kjbzvghgl2] {
    font-family: Consolas, Monaco, "Courier New", monospace;
    font-size: 0.72rem;
}

.template-preview[b-kjbzvghgl2] {
    white-space: pre-wrap;
    font-family: Consolas, Monaco, "Courier New", monospace;
    font-size: 12.5px;
    line-height: 1.4;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 8px;
    border-radius: 6px;
    min-height: 48px;
}

.var-valid[b-kjbzvghgl2] {
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-color: #6f42c1;
    text-decoration-thickness: 2px;
}

.var-missing[b-kjbzvghgl2] {
    text-decoration: underline;
    text-decoration-style: wavy;
    text-decoration-color: #dc3545;
    text-decoration-thickness: 2px;
}

:deep(.raw-html-editor textarea.e-input)[b-kjbzvghgl2],
:deep(.raw-html-editor textarea)[b-kjbzvghgl2] {
    min-height: 520px !important;
    height: 520px !important;
    resize: vertical;
    font-family: Consolas, Monaco, "Courier New", monospace;
    font-size: 13px;
    line-height: 1.4;
}

:deep(.template-editor-dialog .e-dlg-content)[b-kjbzvghgl2] {
    background: #f8fafc;
}

:deep(.template-grid .e-gridheader)[b-kjbzvghgl2] {
    border-top-left-radius: 0.35rem;
    border-top-right-radius: 0.35rem;
}
/* /Components/Admin/NotificationTemplates.razor.rz.scp.css */
.tpl-shell[b-i7240prorn] { display: flex; flex-direction: column; gap: 16px; }
.tpl-header[b-i7240prorn] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 12px; }
.tpl-title[b-i7240prorn] { margin: 0; font-size: 1.5rem; }
.tpl-subtitle[b-i7240prorn] { margin: 4px 0 0; color: var(--bs-secondary-color, #5b6b7a); }
.tpl-toolbar[b-i7240prorn] { display: flex; flex-wrap: wrap; gap: 8px; }
.tpl-toolbar .btn[b-i7240prorn] { min-height: 44px; display: inline-flex; align-items: center; }

.tpl-panel[b-i7240prorn] { border: 1px solid var(--bs-border-color, #d6dee6); border-radius: 10px; padding: 16px; background: var(--bs-body-bg, #fff); }
.tpl-panel-title[b-i7240prorn] { font-size: 1rem; margin: 0 0 8px; }
.tpl-scan-list[b-i7240prorn] { list-style: none; padding: 0; margin: 0 0 12px; display: flex; flex-direction: column; gap: 6px; }
.tpl-check[b-i7240prorn] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 36px; margin: 0; }

.tpl-filters[b-i7240prorn] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.tpl-tabs[b-i7240prorn] { display: flex; flex-wrap: wrap; gap: 8px; }
.tpl-tab[b-i7240prorn] { min-height: 44px; padding: 0 16px; border-radius: 22px; border: 1px solid var(--bs-border-color, #b9c4cf); background: var(--bs-body-bg, #fff); color: inherit; }
.tpl-tab.active[b-i7240prorn] { background: #0b6b8a; border-color: #0b6b8a; color: #fff; }
.tpl-tab-warn[b-i7240prorn] { border-color: #e2b4b4; color: #a02c2c; }
.tpl-tab-warn.active[b-i7240prorn] { background: #a02c2c; border-color: #a02c2c; color: #fff; }
.tpl-filter-fields[b-i7240prorn] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.tpl-field[b-i7240prorn] { display: flex; align-items: center; gap: 8px; margin: 0; }
.tpl-search[b-i7240prorn] { min-height: 44px; width: 260px; max-width: 100%; }

.tpl-list[b-i7240prorn] { border: 1px solid var(--bs-border-color, #d6dee6); border-radius: 10px; overflow: hidden; background: var(--bs-body-bg, #fff); }
.tpl-row[b-i7240prorn] { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 2.4fr) 90px 80px 90px 120px; gap: 12px; align-items: center; padding: 10px 16px; }
.tpl-row-hooks[b-i7240prorn] { grid-template-columns: minmax(0, 1.6fr) minmax(0, 2.2fr) minmax(0, 1.6fr) minmax(0, 2.4fr); }
.tpl-row-head[b-i7240prorn] { background: var(--bs-tertiary-bg, #eef2f6); font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.tpl-item[b-i7240prorn] { border-top: 1px solid var(--bs-border-color, #e5ebf0); padding-bottom: 8px; }
.tpl-item:hover[b-i7240prorn] { background: var(--bs-tertiary-bg, #f4f9fc); }
.tpl-row-main[b-i7240prorn] { padding-bottom: 2px; }
.tpl-id[b-i7240prorn] { font-weight: 600; overflow-wrap: anywhere; }
.tpl-row > div[b-i7240prorn] { min-width: 0; overflow-wrap: anywhere; }
.tpl-link[b-i7240prorn] { color: inherit; text-decoration: none; }
.tpl-link:hover[b-i7240prorn], .tpl-link:focus-visible[b-i7240prorn] { text-decoration: underline; }
.tpl-row-sub[b-i7240prorn] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0 16px 0 32px; font-size: .875rem; }
.tpl-subject[b-i7240prorn] { color: var(--bs-secondary-color, #4a5a69); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60%; }
.tpl-spacer[b-i7240prorn] { flex-grow: 1; }
.tpl-delete[b-i7240prorn] { min-width: 44px; min-height: 44px; }
.tpl-confirm[b-i7240prorn] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tpl-hook-templates[b-i7240prorn] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

.tpl-chip[b-i7240prorn] { display: inline-block; border-radius: 12px; padding: 2px 10px; font-size: .75rem; background: var(--bs-tertiary-bg, #eceff2); color: inherit; text-decoration: none; }
.tpl-chip-on[b-i7240prorn] { background: #e7f3ee; color: #13694a; }
.tpl-chip-off[b-i7240prorn] { background: #eceff2; color: #566472; }
.tpl-chip-new[b-i7240prorn] { background: #e7f3ee; color: #13694a; }
.tpl-chip-hook[b-i7240prorn] { background: #e3f1f6; color: #0b5670; }
.tpl-chip-bad[b-i7240prorn] { background: #fdf1f1; color: #a02c2c; }

@media (max-width: 900px) {
    .tpl-row-head[b-i7240prorn] { display: none; }
    .tpl-row[b-i7240prorn], .tpl-row-hooks[b-i7240prorn] { grid-template-columns: 1fr 1fr; }
    .tpl-subject[b-i7240prorn] { max-width: 100%; white-space: normal; }
}
/* /Components/Admin/RetcWorkflowOverrides.razor.rz.scp.css */
.retc-override-page[b-vvoybj820r] {
    display: grid;
    gap: 1rem;
}

.retc-override-page__header[b-vvoybj820r] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.retc-override-page__grid[b-vvoybj820r] {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 1rem;
}

.retc-override-page__workspace[b-vvoybj820r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px;
    gap: 1rem;
}

.retc-override-page__panes[b-vvoybj820r] {
    display: grid;
    gap: 1rem;
}

.retc-override-page__textarea[b-vvoybj820r] {
    min-height: 290px;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.9rem;
}

.retc-override-page__actions[b-vvoybj820r] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 0.75rem;
}

.retc-profile-button[b-vvoybj820r] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    text-align: left;
    border: 1px solid #d5e2ef;
    border-radius: 14px;
    padding: 0.8rem 0.9rem;
    background: #f8fbff;
    margin-bottom: 0.7rem;
}

.retc-profile-button small[b-vvoybj820r] {
    color: #6b7f94;
}

.retc-profile-button--active[b-vvoybj820r] {
    border-color: #7fa7cf;
    background: #edf5ff;
}

@media (max-width: 1200px) {
    .retc-override-page__workspace[b-vvoybj820r] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .retc-override-page__grid[b-vvoybj820r] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Align/Property/GatherDocumentsCustomer.razor.rz.scp.css */
/* Customer document-upload page reached from an emailed link. One calm column, large touch targets, readable on a phone. */
.gd-page[b-0hgcdk28gw] {
    min-height: 100vh;
    background: linear-gradient(180deg, #e6f7f8 0, #f5f9fa 220px, #f5f9fa 100%);
    color: #1e293b;
    font-family: Poppins, Tahoma, Arial, sans-serif;
    padding: 0 16px 48px;
}

.gd-brand[b-0hgcdk28gw] {
    max-width: 640px;
    margin: 0 auto;
    padding: 20px 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.gd-logo[b-0hgcdk28gw] { font-weight: 700; font-size: 1.25rem; color: #0f4f54; text-decoration: none; }
.gd-logo span[b-0hgcdk28gw] { color: #14a3ad; }
.gd-secure[b-0hgcdk28gw] { font-size: .8rem; color: #475569; display: inline-flex; gap: 6px; align-items: center; }

.gd-main[b-0hgcdk28gw] { max-width: 640px; margin: 0 auto; display: grid; gap: 14px; }

.gd-card[b-0hgcdk28gw] {
    background: #fff;
    border: 1px solid #dbe7ea;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 1px 2px rgba(15, 79, 84, .06);
}

.gd-card h1[b-0hgcdk28gw] { font-size: 1.35rem; line-height: 1.3; margin: 0 0 6px; color: #0f172a; }
.gd-card h2[b-0hgcdk28gw] { font-size: 1.1rem; margin: 0 0 8px; color: #0f172a; }
.gd-card h3[b-0hgcdk28gw] { font-size: 1rem; margin: 0; color: #0f172a; }
.gd-eyebrow[b-0hgcdk28gw] { margin: 0 0 4px; font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; color: #0f766e; font-weight: 600; }
.gd-lede[b-0hgcdk28gw] { margin: 0 0 12px; color: #334155; line-height: 1.55; }
.gd-hint[b-0hgcdk28gw] { margin: 6px 0 0; font-size: .85rem; color: #64748b; line-height: 1.5; }
.gd-center[b-0hgcdk28gw] { text-align: center; padding: 32px 20px; }
.gd-center-text[b-0hgcdk28gw] { text-align: center; }

.gd-progress[b-0hgcdk28gw] { height: 8px; border-radius: 999px; background: #e2edf0; overflow: hidden; margin-top: 8px; }
.gd-progress span[b-0hgcdk28gw] { display: block; height: 100%; background: #14a3ad; border-radius: 999px; transition: width .25s ease; }

.gd-id[b-0hgcdk28gw] { margin: 0 0 14px; display: grid; gap: 8px; }
.gd-id div[b-0hgcdk28gw] { background: #f4f8f9; border-radius: 10px; padding: 10px 12px; }
.gd-id dt[b-0hgcdk28gw] { font-size: .75rem; color: #64748b; margin: 0; }
.gd-id dd[b-0hgcdk28gw] { margin: 2px 0 0; font-weight: 600; word-break: break-word; }

.gd-check-row[b-0hgcdk28gw] { display: flex; gap: 10px; align-items: center; margin: 0 0 14px; min-height: 44px; cursor: pointer; }
.gd-check-row input[b-0hgcdk28gw] { width: 20px; height: 20px; accent-color: #0f766e; }

.gd-label[b-0hgcdk28gw] { display: block; font-size: .85rem; font-weight: 600; margin-bottom: 6px; }
.gd-password[b-0hgcdk28gw] { display: flex; align-items: center; gap: 8px; border: 1px solid #b8c9ce; border-radius: 10px; padding: 0 12px; background: #fff; }
.gd-password:focus-within[b-0hgcdk28gw] { border-color: #14a3ad; box-shadow: 0 0 0 3px rgba(20, 163, 173, .2); }
.gd-password input[b-0hgcdk28gw] { flex: 1; border: 0; outline: 0; min-height: 48px; font-size: 1rem; background: transparent; min-width: 0; }
.gd-link[b-0hgcdk28gw] { background: none; border: 0; color: #0f766e; font-weight: 600; padding: 8px 4px; min-height: 44px; cursor: pointer; }

.gd-btn[b-0hgcdk28gw] {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 48px; padding: 0 22px; border-radius: 10px; border: 1px solid transparent;
    font-size: 1rem; font-weight: 600; text-decoration: none; cursor: pointer; margin-top: 14px;
}
.gd-btn-sm[b-0hgcdk28gw] { min-height: 44px; margin-top: 10px; }
.gd-btn-primary[b-0hgcdk28gw] { background: #0f766e; color: #fff; }
.gd-btn-primary:hover:not(:disabled)[b-0hgcdk28gw] { background: #0d6a63; }
.gd-btn-primary:disabled[b-0hgcdk28gw] { background: #9fb9bd; cursor: not-allowed; }
.gd-btn-secondary[b-0hgcdk28gw] { background: #fff; color: #0f4f54; border-color: #b8c9ce; }
.gd-page a:focus-visible[b-0hgcdk28gw], .gd-page button:focus-visible[b-0hgcdk28gw], .gd-upload:focus-within[b-0hgcdk28gw] { outline: 3px solid rgba(20, 163, 173, .5); outline-offset: 2px; }

.gd-list[b-0hgcdk28gw] { margin: 0; padding-left: 20px; display: grid; gap: 6px; }

.gd-item[b-0hgcdk28gw] { border: 1px solid #dbe7ea; border-radius: 12px; padding: 14px; margin-top: 12px; background: #fbfdfd; }
.gd-item.gd-ok[b-0hgcdk28gw] { border-color: #a7dcc3; background: #f3fbf7; }
.gd-item.gd-bad[b-0hgcdk28gw] { border-color: #f1b5b5; background: #fff6f6; }
.gd-item-head[b-0hgcdk28gw] { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.gd-file[b-0hgcdk28gw] { margin: 8px 0 0; font-size: .9rem; word-break: break-all; color: #334155; }

.gd-chip[b-0hgcdk28gw] { flex: none; font-size: .75rem; font-weight: 600; padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
.gd-chip-warn[b-0hgcdk28gw] { background: #fff4d6; color: #7a5200; }
.gd-chip-info[b-0hgcdk28gw] { background: #dff1ff; color: #0b5394; }
.gd-chip-ok[b-0hgcdk28gw] { background: #d9f3e6; color: #0b6b3a; }
.gd-chip-bad[b-0hgcdk28gw] { background: #fde2e2; color: #9b1c1c; }

.gd-upload[b-0hgcdk28gw] {
    position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 48px; padding: 0 18px; margin-top: 12px; border: 1.5px dashed #14a3ad; border-radius: 10px;
    color: #0f4f54; background: #f0fbfc; font-weight: 600; cursor: pointer; width: 100%;
}
.gd-upload:hover[b-0hgcdk28gw] { background: #e3f6f8; }
.gd-upload.gd-disabled[b-0hgcdk28gw] { opacity: .6; cursor: progress; }
.gd-upload[b-0hgcdk28gw]  input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.gd-extra[b-0hgcdk28gw] { margin-top: 16px; border-top: 1px solid #e2edf0; padding-top: 14px; }
.gd-extra summary[b-0hgcdk28gw] { cursor: pointer; font-weight: 600; color: #0f4f54; min-height: 44px; display: flex; align-items: center; }

.gd-msg[b-0hgcdk28gw] { margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; font-size: .9rem; line-height: 1.45; }
.gd-msg-error[b-0hgcdk28gw] { background: #fde8e8; color: #8a1c1c; }
.gd-msg-ok[b-0hgcdk28gw] { background: #e3f6ec; color: #0b5f33; }
.gd-msg-warn[b-0hgcdk28gw] { background: #fff4d6; color: #6b4b00; }

.gd-spinner[b-0hgcdk28gw] { width: 28px; height: 28px; border: 3px solid #cfe4e7; border-top-color: #14a3ad; border-radius: 50%; margin: 0 auto 12px; animation: gd-spin-b-0hgcdk28gw .8s linear infinite; }
@keyframes gd-spin-b-0hgcdk28gw { to { transform: rotate(360deg); } }
.gd-check[b-0hgcdk28gw] { width: 56px; height: 56px; border-radius: 50%; background: #d9f3e6; color: #0b6b3a; display: grid; place-items: center; font-size: 1.5rem; margin: 0 auto 12px; }

.gd-finish .gd-btn[b-0hgcdk28gw] { width: 100%; }

@media (max-width: 480px) {
    .gd-card[b-0hgcdk28gw] { padding: 16px; }
    .gd-card h1[b-0hgcdk28gw] { font-size: 1.2rem; }
    .gd-btn[b-0hgcdk28gw] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .gd-spinner[b-0hgcdk28gw] { animation: none; }
    .gd-progress span[b-0hgcdk28gw] { transition: none; }
}

.gd-brokerage-logo[b-0hgcdk28gw] { display: block; max-height: 56px; max-width: 220px; object-fit: contain; margin-block-end: 12px; }
/* /Components/Align/Property/GatherFormDesigner.razor.rz.scp.css */
.gfd-steps[b-mqg9ypqore] { display: flex; gap: 8px; margin-block: 12px; }
.gfd-steps button[b-mqg9ypqore] { min-height: 44px; padding: 0 16px; border-radius: 10px; border: 1px solid #b8c9ce; background: #fff; font-weight: 600; cursor: pointer; }
.gfd-steps button.active[b-mqg9ypqore] { background: #0f766e; color: #fff; border-color: #0f766e; }
.gfd-grid[b-mqg9ypqore] { display: grid; gap: 14px; grid-template-columns: minmax(220px, 1fr) minmax(320px, 1.6fr) minmax(240px, 1fr); align-items: start; }
@media (max-width: 1100px) { .gfd-grid[b-mqg9ypqore] { grid-template-columns: 1fr; } }
.gfd-card[b-mqg9ypqore] { background: #fff; border: 1px solid #dbe7ea; border-radius: 14px; padding: 16px; display: grid; gap: 8px; }
.gfd-card h2[b-mqg9ypqore] { font-size: 1.05rem; margin: 0; }
.gfd-card h3[b-mqg9ypqore] { font-size: .85rem; margin: 10px 0 2px; text-transform: uppercase; letter-spacing: .05em; color: #0f766e; }
.gfd-hint[b-mqg9ypqore] { margin: 0; font-size: .85rem; color: #64748b; }
.gfd-label[b-mqg9ypqore] { display: block; font-size: .85rem; font-weight: 600; }
.gfd input[type="text"][b-mqg9ypqore], .gfd select[b-mqg9ypqore], .gfd textarea[b-mqg9ypqore] { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid #b8c9ce; border-radius: 8px; font: inherit; box-sizing: border-box; background: #fff; }
.gfd-row[b-mqg9ypqore] { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; }
.gfd-grow[b-mqg9ypqore] { flex: 1 1 200px; }
.gfd-palette[b-mqg9ypqore] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.gfd-chip[b-mqg9ypqore] { min-height: 36px; padding: 0 12px; border-radius: 999px; border: 1px solid #b8c9ce; background: #f4f8f9; cursor: grab; font: inherit; font-size: .88rem; }
.gfd-chip:disabled[b-mqg9ypqore] { opacity: .45; cursor: not-allowed; text-decoration: line-through; }
.gfd-custom[b-mqg9ypqore] { display: grid; gap: 6px; }
.gfd-btn[b-mqg9ypqore] { min-height: 40px; padding: 0 16px; border-radius: 10px; border: 1px solid #b8c9ce; background: #fff; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.gfd-btn input[type="file"][b-mqg9ypqore] { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; }
.gfd-btn:focus-within[b-mqg9ypqore] { outline: 2px solid #14a3ad; outline-offset: 2px; }
.gfd-primary[b-mqg9ypqore] { background: #0f766e; color: #fff; border-color: #0f766e; }
.gfd-btn:disabled[b-mqg9ypqore] { opacity: .55; cursor: not-allowed; }
.gfd-section[b-mqg9ypqore] { border: 1px dashed #b8c9ce; border-radius: 12px; padding: 10px; display: grid; gap: 8px; }
.gfd-section.sel[b-mqg9ypqore] { border-style: solid; border-color: #14a3ad; }
.gfd-items[b-mqg9ypqore] { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; min-height: 44px; }
.gfd-item[b-mqg9ypqore] { display: flex; align-items: center; gap: 6px; border: 1px solid #dbe7ea; border-radius: 10px; background: #fbfdfd; padding-inline-end: 6px; }
.gfd-item.sel[b-mqg9ypqore] { border-color: #14a3ad; background: #e9f8f9; }
.gfd-item.over[b-mqg9ypqore] { box-shadow: 0 -3px 0 #14a3ad; }
.gfd-itemlabel[b-mqg9ypqore] { flex: 1; min-height: 44px; text-align: start; background: none; border: 0; display: flex; gap: 8px; align-items: center; cursor: grab; font: inherit; }
.gfd-grip[b-mqg9ypqore] { color: #94a3b8; letter-spacing: -2px; }
.gfd-badge[b-mqg9ypqore] { font-size: .7rem; background: #e2edf0; color: #334155; border-radius: 999px; padding: 2px 8px; }
.gfd-empty[b-mqg9ypqore] { color: #94a3b8; border: 1px dashed #cbd5e1; border-radius: 10px; padding: 12px; text-align: center; font-size: .9rem; }
.gfd-tools[b-mqg9ypqore] { display: inline-flex; gap: 2px; }
.gfd-icon[b-mqg9ypqore] { inline-size: 36px; block-size: 36px; border: 0; background: none; border-radius: 8px; cursor: pointer; font-size: 1rem; }
.gfd-icon:hover:not(:disabled)[b-mqg9ypqore] { background: #e2edf0; }
.gfd-icon:disabled[b-mqg9ypqore] { opacity: .3; cursor: default; }
.gfd-check[b-mqg9ypqore] { display: flex; gap: 10px; align-items: flex-start; min-height: 40px; cursor: pointer; }
.gfd-check input[b-mqg9ypqore] { inline-size: 20px; block-size: 20px; accent-color: #0f766e; margin-block-start: 2px; }
.gfd-when[b-mqg9ypqore], .gfd-sign[b-mqg9ypqore] { border: 1px solid #dbe7ea; border-radius: 10px; padding: 8px 10px; display: grid; gap: 6px; }
.gfd-when legend[b-mqg9ypqore], .gfd-sign legend[b-mqg9ypqore] { font-size: .85rem; font-weight: 600; padding-inline: 4px; }
.gfd-sign label[b-mqg9ypqore] { display: flex; gap: 8px; align-items: center; min-height: 36px; }
.gfd-preview[b-mqg9ypqore] { border: 1px solid #dbe7ea; border-radius: 10px; padding: 10px; background: #fbfdfd; font-size: .85rem; display: grid; gap: 6px; }
.gfd-prev-h[b-mqg9ypqore] { margin: 6px 0 0; font-weight: 600; }
.gfd-prev-q[b-mqg9ypqore] { display: grid; gap: 3px; }
.gfd-prev-box[b-mqg9ypqore] { display: block; block-size: 26px; border: 1px solid #cbd5e1; border-radius: 6px; background: #fff; }
.gfd-pdf[b-mqg9ypqore] { display: grid; gap: 8px; justify-items: start; padding-inline-start: 30px; }
.gfd-msg[b-mqg9ypqore] { margin: 8px 0; padding: 10px 12px; border-radius: 10px; font-size: .9rem; }
.gfd-msg-error[b-mqg9ypqore] { background: #fde8e8; color: #8a1c1c; }
.gfd-msg-ok[b-mqg9ypqore] { background: #e3f6ec; color: #0b5f33; }
.gfd-actions[b-mqg9ypqore] { display: flex; gap: 10px; justify-content: flex-end; margin-block-start: 14px; }
/* /Components/Align/Property/GatherFormFill.razor.rz.scp.css */
/* The customer-facing form inside the gather page. One column, 16px inputs (no zoom on phones), 44px touch targets. */
.gf-form[b-rtf5a6r1dz] { display: grid; gap: 16px; }
.gf-intro[b-rtf5a6r1dz] { margin: 0; color: #334155; line-height: 1.55; }
.gf-section[b-rtf5a6r1dz] { border: 0; margin: 0; padding: 0; display: grid; gap: 12px; min-inline-size: 0; }
.gf-section legend[b-rtf5a6r1dz] { font-size: 1.05rem; font-weight: 600; color: #0f172a; padding: 0; margin-block-end: 4px; }
.gf-field[b-rtf5a6r1dz] { display: grid; gap: 6px; }
.gf-label[b-rtf5a6r1dz] { font-size: .9rem; font-weight: 600; color: #1e293b; }
.gf-req[b-rtf5a6r1dz] { color: #b42318; }
.gf-field input[type="text"][b-rtf5a6r1dz], .gf-field input[type="email"][b-rtf5a6r1dz], .gf-field input[type="tel"][b-rtf5a6r1dz], .gf-field input[type="date"][b-rtf5a6r1dz], .gf-field select[b-rtf5a6r1dz], .gf-field textarea[b-rtf5a6r1dz] {
    width: 100%; min-height: 48px; padding: 10px 12px; font-size: 1rem; font-family: inherit;
    border: 1px solid #b8c9ce; border-radius: 10px; background: #fff; color: #0f172a; box-sizing: border-box;
}
.gf-field input:focus[b-rtf5a6r1dz], .gf-field select:focus[b-rtf5a6r1dz], .gf-field textarea:focus[b-rtf5a6r1dz] { outline: 0; border-color: #14a3ad; box-shadow: 0 0 0 3px rgba(20, 163, 173, .2); }
.gf-field-error input[b-rtf5a6r1dz], .gf-field-error select[b-rtf5a6r1dz], .gf-field-error textarea[b-rtf5a6r1dz] { border-color: #b42318; }
.gf-radios[b-rtf5a6r1dz] { display: flex; gap: 20px; flex-wrap: wrap; }
.gf-radios label[b-rtf5a6r1dz] { display: inline-flex; gap: 8px; align-items: center; min-height: 44px; cursor: pointer; }
.gf-radios input[b-rtf5a6r1dz] { inline-size: 20px; block-size: 20px; accent-color: #0f766e; }
.gf-hint[b-rtf5a6r1dz] { margin: 0; font-size: .85rem; color: #64748b; line-height: 1.5; }
.gf-error[b-rtf5a6r1dz] { margin: 0; font-size: .85rem; color: #b42318; }
.gf-msg[b-rtf5a6r1dz] { margin: 0; padding: 10px 12px; border-radius: 10px; font-size: .9rem; line-height: 1.45; }
.gf-msg-error[b-rtf5a6r1dz] { background: #fde8e8; color: #8a1c1c; }
.gf-msg-ok[b-rtf5a6r1dz] { background: #e3f6ec; color: #0b5f33; }
.gf-actions[b-rtf5a6r1dz] { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.gf-btn[b-rtf5a6r1dz] { min-height: 48px; padding: 0 20px; border-radius: 10px; border: 1px solid transparent; font-weight: 600; font-size: 1rem; cursor: pointer; }
.gf-btn-primary[b-rtf5a6r1dz] { background: #0f766e; color: #fff; }
.gf-btn-primary:hover:not(:disabled)[b-rtf5a6r1dz] { background: #0d6a63; }
.gf-btn-secondary[b-rtf5a6r1dz] { background: #fff; color: #0f4f54; border-color: #b8c9ce; }
.gf-btn:disabled[b-rtf5a6r1dz] { opacity: .6; cursor: not-allowed; }
@media (max-width: 520px) { .gf-btn[b-rtf5a6r1dz] { flex: 1 1 100%; } }
/* /Components/Align/Property/GatherSentRequests.razor.rz.scp.css */
.gsr[b-nm5zh1sags] { margin-block-start: 28px; display: grid; gap: 12px; }
.gsr-h[b-nm5zh1sags] { font-size: 1.1rem; margin: 0; }
.gsr-hint[b-nm5zh1sags] { margin: 0; font-size: .85rem; color: #64748b; }
.gsr-label[b-nm5zh1sags] { display: block; font-size: .8rem; font-weight: 600; margin-block-start: 6px; }
.gsr-batch[b-nm5zh1sags] { border: 1px solid #dbe7ea; border-radius: 14px; background: #fff; padding: 14px; display: grid; gap: 10px; }
.gsr-bhead[b-nm5zh1sags] { display: flex; gap: 12px; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
.gsr-items[b-nm5zh1sags] { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.gsr-item[b-nm5zh1sags] { border-top: 1px solid #eef3f4; padding-block-start: 10px; display: grid; gap: 8px; }
.gsr-row[b-nm5zh1sags] { display: flex; gap: 10px; align-items: flex-start; }
.gsr-grow[b-nm5zh1sags] { flex: 1; min-width: 0; word-break: break-word; }
.gsr-actions[b-nm5zh1sags] { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.gsr-btn[b-nm5zh1sags] { min-height: 36px; padding: 0 12px; border: 1px solid #b8c9ce; background: #fff; border-radius: 8px; font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer; text-decoration: none; color: inherit; display: inline-flex; align-items: center; }
.gsr-btn:disabled[b-nm5zh1sags] { opacity: .5; cursor: not-allowed; }
.gsr-primary[b-nm5zh1sags] { background: #0f766e; color: #fff; border-color: #0f766e; }
.gsr-pill[b-nm5zh1sags] { font-size: .75rem; font-weight: 600; border-radius: 999px; padding: 3px 10px; white-space: nowrap; }
.gsr-pill-open[b-nm5zh1sags] { background: #fff4d6; color: #6b4b00; }
.gsr-pill-info[b-nm5zh1sags] { background: #e0f2fe; color: #075985; }
.gsr-pill-done[b-nm5zh1sags] { background: #e3f6ec; color: #0b5f33; }
.gsr-pill-expired[b-nm5zh1sags] { background: #fde8e8; color: #8a1c1c; }
.gsr-msg[b-nm5zh1sags] { margin: 0; padding: 8px 12px; border-radius: 10px; font-size: .9rem; }
.gsr-msg-error[b-nm5zh1sags] { background: #fde8e8; color: #8a1c1c; }
.gsr-msg-ok[b-nm5zh1sags] { background: #e3f6ec; color: #0b5f33; }
.gsr-reject[b-nm5zh1sags], .gsr-detail[b-nm5zh1sags] { background: #f8fbfb; border: 1px solid #e2edf0; border-radius: 10px; padding: 10px; display: grid; gap: 6px; }
.gsr-detail h3[b-nm5zh1sags] { font-size: .85rem; text-transform: uppercase; letter-spacing: .05em; color: #0f766e; margin: 6px 0 0; }
.gsr-answers[b-nm5zh1sags] { display: grid; gap: 4px; margin: 0; }
.gsr-answers div[b-nm5zh1sags] { display: flex; gap: 10px; flex-wrap: wrap; }
.gsr-answers dt[b-nm5zh1sags] { font-weight: 600; min-width: 160px; }
.gsr-answers dd[b-nm5zh1sags] { margin: 0; }
.gsr-table[b-nm5zh1sags] { width: 100%; border-collapse: collapse; font-size: .85rem; }
.gsr-table th[b-nm5zh1sags], .gsr-table td[b-nm5zh1sags] { text-align: start; padding: 6px 8px; border-bottom: 1px solid #e2edf0; vertical-align: top; }
.gsr-reject select[b-nm5zh1sags], .gsr-reject input[b-nm5zh1sags] { min-height: 36px; padding: 4px 8px; border: 1px solid #b8c9ce; border-radius: 8px; font: inherit; max-width: 420px; }

.gsr-secure[b-nm5zh1sags] { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.gsr-secure li[b-nm5zh1sags] { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.gsr-secure input[b-nm5zh1sags] { min-height: 36px; padding: 4px 8px; border: 1px solid #b8c9ce; border-radius: 8px; font: inherit; min-width: 220px; }
.gsr-secure code[b-nm5zh1sags] { background: #eef3f4; border-radius: 6px; padding: 2px 8px; }
/* /Components/Align/Property/SensitiveDealGrantPanel.razor.rz.scp.css */
.gsr-secure-grants[b-gitizeo28f] {
    border-top: 1px solid var(--bs-border-color, #d8dee8);
    margin-top: 1rem;
    padding-top: 0.75rem;
}

.gsr-secure-grants-list[b-gitizeo28f] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gsr-secure-grants-list li[b-gitizeo28f] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.35rem 0;
}

.gsr-secure-grants-list label[b-gitizeo28f] {
    align-items: center;
    display: flex;
    gap: 0.4rem;
}
/* /Components/Align/Shared/AlignDashboardShell.razor.rz.scp.css */
:deep(.e-kanban .e-content-cells.align-kanban-col)[b-28956hc2k7] {
    transition: box-shadow 0.12s ease, background-color 0.12s ease, border-color 0.12s ease;
}

:deep(.e-kanban .e-content-cells.align-kanban-source)[b-28956hc2k7] {
    box-shadow: inset 0 0 0 2px rgba(59, 130, 246, 0.55);
    background-color: rgba(59, 130, 246, 0.08);
}

:deep(.e-kanban .e-content-cells.align-kanban-allowed)[b-28956hc2k7] {
    box-shadow: inset 0 0 0 2px rgba(22, 163, 74, 0.6);
    background-color: rgba(22, 163, 74, 0.1);
}

:deep(.e-kanban .e-content-cells.align-kanban-blocked)[b-28956hc2k7] {
    box-shadow: inset 0 0 0 2px rgba(220, 38, 38, 0.55);
    background-color: rgba(220, 38, 38, 0.08);
}

:deep(.align-contrast-dropdown.e-ddl)[b-28956hc2k7],
:deep(.align-contrast-dropdown .e-input)[b-28956hc2k7],
:deep(.align-contrast-dropdown .e-input-group-icon)[b-28956hc2k7] {
    color: #111827 !important;
    background-color: #ffffff !important;
}

:deep(.align-contrast-dropdown.e-ddl .e-input-group)[b-28956hc2k7] {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
}

:deep(.align-contrast-dropdown.e-popup)[b-28956hc2k7],
:deep(.align-contrast-dropdown .e-dropdownbase)[b-28956hc2k7],
:deep(.align-contrast-dropdown .e-content)[b-28956hc2k7] {
    background-color: #ffffff !important;
    color: #111827 !important;
}

:deep(.align-contrast-dropdown .e-list-item)[b-28956hc2k7] {
    color: #111827 !important;
    background-color: #ffffff !important;
}

:deep(.align-contrast-dropdown .e-list-item.e-active)[b-28956hc2k7],
:deep(.align-contrast-dropdown .e-list-item.e-item-focus)[b-28956hc2k7],
:deep(.align-contrast-dropdown .e-list-item:hover)[b-28956hc2k7] {
    color: #0f172a !important;
    background-color: #e2e8f0 !important;
}

:deep(.align-urgency-reference)[b-28956hc2k7] {
    color: #0f172a !important;
    text-decoration: none;
}

:deep(.align-urgency-reference:hover)[b-28956hc2k7],
:deep(.align-urgency-reference:focus-visible)[b-28956hc2k7] {
    color: #1d4ed8 !important;
    text-decoration: underline;
}

:deep(.align-urgency-accordion.e-accordion)[b-28956hc2k7],
:deep(.align-urgency-accordion .e-acrdn-item)[b-28956hc2k7],
:deep(.align-urgency-accordion .e-acrdn-header)[b-28956hc2k7],
:deep(.align-urgency-accordion .e-acrdn-panel)[b-28956hc2k7],
:deep(.align-urgency-accordion .e-acrdn-content)[b-28956hc2k7],
:deep(.align-urgency-accordion .e-content)[b-28956hc2k7] {
    background-color: #ffffff !important;
    color: #111827 !important;
}

:deep(.align-urgency-accordion .e-acrdn-header .e-acrdn-header-content)[b-28956hc2k7],
:deep(.align-urgency-accordion .e-acrdn-header .e-toggle-icon .e-tgl-collapse-icon)[b-28956hc2k7] {
    color: #111827 !important;
}

:deep(.align-urgency-accordion .e-acrdn-item)[b-28956hc2k7] {
    border-color: #cbd5e1 !important;
}

:deep(.align-urgency-accordion .badge)[b-28956hc2k7] {
    color: #0f172a !important;
}

:deep(.align-urgency-accordion .text-muted)[b-28956hc2k7] {
    color: #475569 !important;
}
/* /Components/Align/Shared/AlignPropertyShell.razor.rz.scp.css */
.align-property-sidebar[b-lkbw4ncz9c] {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

.align-tasks-pane[b-lkbw4ncz9c] {
    max-height: 260px;
    overflow-y: auto;
}

.align-right-stack[b-lkbw4ncz9c] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 640px;
}

.align-right-top[b-lkbw4ncz9c] {
    flex: 0 0 75%;
}

.align-right-bottom[b-lkbw4ncz9c] {
    flex: 0 0 25%;
}

.align-workflow-action-item[b-lkbw4ncz9c] {
    width: 100%;
    border: 1px solid #dbe4f0;
    border-radius: 0.65rem;
    background: #ffffff;
    padding: 0.6rem 0.7rem;
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    text-align: left;
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.align-workflow-action-item + .align-workflow-action-item[b-lkbw4ncz9c] {
    margin-top: 0.5rem;
}

.align-workflow-action-item:hover[b-lkbw4ncz9c],
.align-workflow-action-item:focus-visible[b-lkbw4ncz9c] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 0.15rem rgba(59, 130, 246, 0.15);
    transform: translateY(-1px);
    outline: none;
}

.align-workflow-action-item.is-launch[b-lkbw4ncz9c] {
    background: #f8fbff;
}

.align-workflow-action-icon[b-lkbw4ncz9c] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex: 0 0 auto;
}

.align-workflow-action-content[b-lkbw4ncz9c] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
}

.align-workflow-action-title[b-lkbw4ncz9c] {
    font-size: 0.84rem;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.2;
}

.align-workflow-action-meta[b-lkbw4ncz9c] {
    margin-top: 0.2rem;
    font-size: 0.72rem;
    color: #64748b;
    line-height: 1.2;
}

.align-workflow-action-badge[b-lkbw4ncz9c] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #334155;
    background: #f1f5f9;
    border-radius: 999px;
    padding: 0.2rem 0.45rem;
    flex: 0 0 auto;
    margin-top: 0.1rem;
}

@media (max-width: 1199.98px) {
    .align-property-sidebar[b-lkbw4ncz9c] {
        position: static;
        max-height: none;
        overflow-y: visible;
    }

    .align-tasks-pane[b-lkbw4ncz9c] {
        max-height: none;
        overflow: visible;
    }

    .align-right-stack[b-lkbw4ncz9c] {
        height: auto;
    }

    .align-right-top[b-lkbw4ncz9c],
    .align-right-bottom[b-lkbw4ncz9c] {
        flex: 1 1 auto;
    }
}
/* /Components/Align/Shared/AlignShowingGuestBook.razor.rz.scp.css */
/* Open house guest book: the agent's console and the full-screen sign-in form. All type is Poppins. */

.gb-console[b-nzofyxc9d1],
.gb-entry[b-nzofyxc9d1] {
    --gb-ink: #13293d;
    --gb-muted: #5a6b7b;
    --gb-line: #dce4ea;
    --gb-teal: #0b7c7e;
    --gb-teal-dark: #086466;
    --gb-focus: #7cc9cb;
    --gb-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
    font-family: 'Poppins', sans-serif;
    color: var(--gb-ink);
}

/* ---------- Console ---------- */

.gb-btn[b-nzofyxc9d1] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 20px;
    border-radius: 12px;
    border: 1.5px solid var(--gb-line);
    background: #fff;
    color: var(--gb-ink);
    font: 600 15px 'Poppins', sans-serif;
    cursor: pointer;
    transition: transform 160ms var(--gb-ease-out), background-color 160ms ease, border-color 160ms ease;
}

.gb-btn:active:not(:disabled)[b-nzofyxc9d1] {
    transform: scale(0.97);
}

.gb-btn:focus-visible[b-nzofyxc9d1],
.gb-entry button:focus-visible[b-nzofyxc9d1] {
    outline: 3px solid var(--gb-focus);
    outline-offset: 2px;
}

.gb-btn--primary[b-nzofyxc9d1] {
    min-height: 52px;
    padding: 0 28px;
    border-color: var(--gb-teal);
    background: var(--gb-teal);
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    box-shadow: 0 6px 16px rgba(11, 124, 126, 0.25);
}

.gb-btn--small[b-nzofyxc9d1] {
    min-height: 40px;
    padding: 0 16px;
    border-color: var(--gb-teal);
    background: var(--gb-teal);
    color: #fff;
}

.gb-btn:disabled[b-nzofyxc9d1] {
    opacity: 0.6;
    cursor: default;
}

@media (hover: hover) and (pointer: fine) {
    .gb-btn--primary:hover[b-nzofyxc9d1],
    .gb-btn--small:hover:not(:disabled)[b-nzofyxc9d1] {
        background: var(--gb-teal-dark);
    }

    .gb-btn--ghost:hover[b-nzofyxc9d1] {
        border-color: #9aaab8;
    }
}

.gb-stats[b-nzofyxc9d1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.gb-stat[b-nzofyxc9d1] {
    background: #fff;
    border: 1px solid var(--gb-line);
    border-radius: 14px;
    padding: 16px 20px;
}

.gb-stat__label[b-nzofyxc9d1] {
    font-size: 13px;
    font-weight: 600;
    color: var(--gb-muted);
}

.gb-stat__value[b-nzofyxc9d1] {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
}

.gb-tone--green[b-nzofyxc9d1] { color: #0b5d3f; }
.gb-tone--blue[b-nzofyxc9d1] { color: #1d4e9e; }
.gb-tone--amber[b-nzofyxc9d1] { color: #8a4b08; }

.gb-card[b-nzofyxc9d1] {
    margin-top: 20px;
    background: #fff;
    border: 1px solid var(--gb-line);
    border-radius: 16px;
    overflow: hidden;
}

.gb-card__head[b-nzofyxc9d1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--gb-line);
}

.gb-card__head h2[b-nzofyxc9d1] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.gb-card__note[b-nzofyxc9d1],
.gb-muted[b-nzofyxc9d1] {
    font-size: 13px;
    color: var(--gb-muted);
}

.gb-card__body[b-nzofyxc9d1] {
    padding: 20px 24px;
    font-size: 15px;
}

.gb-ok[b-nzofyxc9d1] { color: #0b5d3f; }
.gb-error[b-nzofyxc9d1] { color: #a12626; }

.gb-table-wrap[b-nzofyxc9d1] {
    overflow-x: auto;
    max-height: 560px;
}

.gb-table[b-nzofyxc9d1] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: 15px;
}

.gb-table th[b-nzofyxc9d1],
.gb-table td[b-nzofyxc9d1] {
    padding: 14px 16px;
    text-align: start;
    border-top: 1px solid #e8eef2;
}

.gb-table thead th[b-nzofyxc9d1] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    border-top: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--gb-muted);
}

.gb-table tbody th[b-nzofyxc9d1] {
    font-weight: 600;
}

.gb-table th:first-child[b-nzofyxc9d1],
.gb-table td:first-child[b-nzofyxc9d1] {
    padding-inline-start: 24px;
}

.gb-chip[b-nzofyxc9d1] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    background: #eef2f5;
    color: #3a4d5f;
}

.gb-chip--preapproved[b-nzofyxc9d1],
.gb-chip--done[b-nzofyxc9d1] { background: #ddf3ea; color: #0b5d3f; }
.gb-chip--juststarting[b-nzofyxc9d1] { background: #e1ecfb; color: #1d4e9e; }
.gb-chip--relocating[b-nzofyxc9d1] { background: #fdebd0; color: #8a4b08; }
.gb-chip--pending[b-nzofyxc9d1] { background: #eef2f5; color: #3a4d5f; }

/* ---------- Full-screen entry form ---------- */

.gb-entry[b-nzofyxc9d1] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
    padding: 32px 24px;
    background: #f3f8f8;
    animation: gb-fade-b-nzofyxc9d1 200ms var(--gb-ease-out);
}

.gb-entry__coverity[b-nzofyxc9d1] {
    position: absolute;
    top: 28px;
    inset-inline-start: 36px;
    width: 140px;
    height: auto;
}

.gb-entry__top[b-nzofyxc9d1] {
    position: absolute;
    top: 20px;
    inset-inline-end: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.gb-lang select[b-nzofyxc9d1] {
    min-height: 44px;
    padding: 0 12px;
    border: 1.5px solid #b9c7d3;
    border-radius: 12px;
    background: #fff;
    color: var(--gb-ink);
    font: 500 15px 'Poppins', sans-serif;
}

.gb-lang select:focus-visible[b-nzofyxc9d1] {
    outline: 3px solid var(--gb-focus);
    outline-offset: 2px;
}

.gb-entry__exit[b-nzofyxc9d1] {
    min-height: 44px;
    padding: 0 12px;
    border: 0;
    background: transparent;
    color: var(--gb-muted);
    font: 600 13px 'Poppins', sans-serif;
    cursor: pointer;
}

.gb-entry__form[b-nzofyxc9d1] {
    width: 100%;
    max-width: 680px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    padding-top: 56px;
}

.gb-entry__intro[b-nzofyxc9d1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center;
}

.gb-entry__logo[b-nzofyxc9d1] {
    max-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gb-entry__logo[b-nzofyxc9d1]  img {
    max-height: 72px;
    max-width: 240px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
    box-shadow: none !important;
}

.gb-entry__agent[b-nzofyxc9d1] {
    font-size: 22px;
    font-weight: 700;
}

.gb-entry h1[b-nzofyxc9d1] {
    margin: 0;
    font-size: clamp(26px, 3.2vw, 34px);
    line-height: 1.2;
    font-weight: 700;
}

.gb-entry__address[b-nzofyxc9d1] {
    font-size: clamp(18px, 2.2vw, 22px);
    font-weight: 600;
    color: var(--gb-teal-dark);
}

.gb-entry__fields[b-nzofyxc9d1] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gb-entry__row[b-nzofyxc9d1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.gb-entry__fields label[b-nzofyxc9d1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
}

.gb-entry__fields input[b-nzofyxc9d1] {
    height: 56px;
    box-sizing: border-box;
    padding: 0 16px;
    font: 500 18px 'Poppins', sans-serif;
    color: var(--gb-ink);
    background: #fff;
    border: 1.5px solid #b9c7d3;
    border-radius: 12px;
    transition: border-color 160ms ease;
}

.gb-entry__fields input[b-nzofyxc9d1]::placeholder {
    color: #7a8a99;
}

.gb-entry__fields input:focus[b-nzofyxc9d1] {
    outline: 3px solid var(--gb-focus);
    border-color: var(--gb-teal);
}

.gb-entry fieldset[b-nzofyxc9d1] {
    margin: 0;
    padding: 0;
    border: 0;
}

.gb-entry legend[b-nzofyxc9d1] {
    padding: 0;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}

.gb-entry__options[b-nzofyxc9d1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.gb-option[b-nzofyxc9d1] {
    min-height: 64px;
    border-radius: 14px;
    border: 1.5px solid #b9c7d3;
    background: #fff;
    color: var(--gb-ink);
    font: 600 17px 'Poppins', sans-serif;
    cursor: pointer;
    transition: transform 160ms var(--gb-ease-out), background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.gb-option:active[b-nzofyxc9d1] {
    transform: scale(0.97);
}

.gb-option.is-on[b-nzofyxc9d1] {
    background: var(--gb-teal);
    border-color: var(--gb-teal);
    color: #fff;
}

.gb-entry__submit[b-nzofyxc9d1] {
    width: 100%;
    min-height: 64px;
    border: 0;
    border-radius: 14px;
    background: var(--gb-teal);
    color: #fff;
    font: 700 20px 'Poppins', sans-serif;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(11, 124, 126, 0.28);
    transition: transform 160ms var(--gb-ease-out), background-color 160ms ease;
}

.gb-entry__submit:active:not(:disabled)[b-nzofyxc9d1] {
    transform: scale(0.97);
}

.gb-entry__submit:disabled[b-nzofyxc9d1] {
    opacity: 0.7;
    cursor: default;
}

.gb-entry__error[b-nzofyxc9d1] {
    width: 100%;
    padding: 12px 16px;
    border-radius: 12px;
    background: #fdecec;
    color: #8f1f1f;
    font-size: 15px;
    font-weight: 500;
}

.gb-entry__thanks[b-nzofyxc9d1] {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
    animation: gb-pop-b-nzofyxc9d1 260ms var(--gb-ease-out);
}

.gb-entry__thanks h2[b-nzofyxc9d1] {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
}

.gb-entry__thanks p[b-nzofyxc9d1] {
    margin: 0;
    font-size: 20px;
    color: #3a4d5f;
}

.gb-entry__check[b-nzofyxc9d1] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #ddf3ea;
    color: #0b5d3f;
}

@keyframes gb-fade-b-nzofyxc9d1 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes gb-pop-b-nzofyxc9d1 {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

@media (hover: hover) and (pointer: fine) {
    .gb-option:not(.is-on):hover[b-nzofyxc9d1] {
        border-color: var(--gb-teal);
    }

    .gb-entry__submit:hover:not(:disabled)[b-nzofyxc9d1] {
        background: var(--gb-teal-dark);
    }
}

@media (max-width: 900px) {
    .gb-stats[b-nzofyxc9d1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .gb-entry__row[b-nzofyxc9d1],
    .gb-entry__options[b-nzofyxc9d1] {
        grid-template-columns: 1fr;
    }

    .gb-entry__form[b-nzofyxc9d1] {
        padding-top: 72px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gb-entry[b-nzofyxc9d1],
    .gb-entry__thanks[b-nzofyxc9d1] {
        animation: none;
    }

    .gb-btn[b-nzofyxc9d1],
    .gb-option[b-nzofyxc9d1],
    .gb-entry__submit[b-nzofyxc9d1] {
        transition: none;
    }
}
/* /Components/Communications/CommunicationsLayout.razor.rz.scp.css */
.communications-shell[b-h0dhx591ts] {
    min-height: 100%;
    background: #f5f5f5;
    font-family: "Poppins", sans-serif;
}

.communications-shell__tabs[b-h0dhx591ts] {
    background: #ffffff;
    border-bottom: 1px solid rgb(228, 228, 228);
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 4px;
    overflow-x: auto;
}

.communications-shell__tab[b-h0dhx591ts] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    cursor: pointer;
    font-size: 12.5px;
    font-weight: 400;
    color: rgb(52, 52, 52);
    white-space: nowrap;
    text-decoration: none;
}

.communications-shell__tab-icon[b-h0dhx591ts] {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1;
    color: rgb(150, 150, 150);
}

.communications-shell__tab.is-active[b-h0dhx591ts] {
    border-bottom-color: rgb(0, 200, 202);
    color: rgb(34, 125, 128);
    font-weight: 700;
}

.communications-shell__tab.is-active .communications-shell__tab-icon[b-h0dhx591ts] {
    color: rgb(34, 125, 128);
}

.communications-shell__badge[b-h0dhx591ts] {
    font-size: 10.5px;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 10px;
    background: rgb(228, 228, 228);
    color: rgb(150, 150, 150);
}

.communications-shell__badge.is-active[b-h0dhx591ts] {
    background: rgb(34, 125, 128);
    color: #ffffff;
}

.communications-shell__content[b-h0dhx591ts] {
    min-height: calc(100vh - 48px);
    padding: 16px 20px 20px;
}

.communications-page[b-h0dhx591ts] {
    background: #f5f5f5;
}

.communications-page__header[b-h0dhx591ts] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.communications-page__kicker[b-h0dhx591ts] {
    font-size: 10px;
    font-weight: 700;
    color: rgb(150, 150, 150);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.communications-page__title[b-h0dhx591ts] {
    margin: 2px 0 0;
    font-size: 24px;
    line-height: 1.1;
    color: rgb(52, 52, 52);
    font-weight: 700;
}

.communications-page__subtitle[b-h0dhx591ts] {
    margin-top: 4px;
    color: rgb(120, 120, 120);
    font-size: 12px;
}

.communications-surface-card[b-h0dhx591ts] {
    background: #fff;
    border: 1px solid rgb(228, 228, 228);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.communications-page .container-fluid.py-4[b-h0dhx591ts] {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}
/* /Components/Communications/Inbox.razor.rz.scp.css */
.mail-shell[b-g611bddq8o] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mail-shell__header[b-g611bddq8o] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    flex-wrap: wrap;
}

.mail-shell__eyebrow[b-g611bddq8o] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #5f6b7a;
    font-weight: 700;
}

.mail-shell__actions[b-g611bddq8o] {
    display: flex;
    gap: 0.75rem;
    align-items: end;
    flex-wrap: wrap;
}

.mail-shell__search[b-g611bddq8o] {
    min-width: 240px;
}

.mail-shell__grid[b-g611bddq8o] {
    display: grid;
    grid-template-columns: 220px minmax(320px, 420px) minmax(0, 1fr);
    gap: 1rem;
    min-height: 72vh;
}

.mail-nav[b-g611bddq8o],
.mail-list[b-g611bddq8o],
.mail-reading[b-g611bddq8o] {
    border: 1px solid #d7dde5;
    border-radius: 18px;
    background: linear-gradient(180deg, #fbfdff 0%, #f3f7fb 100%);
    box-shadow: 0 12px 32px rgba(28, 52, 84, 0.08);
}

.mail-nav[b-g611bddq8o] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.mail-nav__item[b-g611bddq8o] {
    border: 0;
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    padding: 0.8rem 0.9rem;
    text-align: left;
    color: #24364a;
    font-weight: 600;
}

.mail-nav__item.is-active[b-g611bddq8o] {
    background: #dbeafe;
    color: #0f3d75;
}

.mail-nav__count[b-g611bddq8o] {
    font-size: 0.85rem;
    color: #5f6b7a;
}

.mail-list[b-g611bddq8o] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.mail-list__toolbar[b-g611bddq8o] {
    padding: 1rem 1rem 0.75rem;
    border-bottom: 1px solid #e1e7ef;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.mail-list__items[b-g611bddq8o] {
    overflow: auto;
    padding: 0.5rem;
}

.mail-list__empty[b-g611bddq8o],
.mail-reading__empty[b-g611bddq8o] {
    color: #5f6b7a;
    padding: 1.25rem;
}

.mail-item[b-g611bddq8o] {
    width: 100%;
    border: 0;
    background: transparent;
    border-radius: 14px;
    text-align: left;
    padding: 0.9rem;
    margin-bottom: 0.35rem;
}

.mail-item:hover[b-g611bddq8o],
.mail-nav__item:hover[b-g611bddq8o] {
    background: rgba(203, 213, 225, 0.35);
}

.mail-item.is-selected[b-g611bddq8o] {
    background: #dbeafe;
}

.mail-item.is-unread .mail-item__name[b-g611bddq8o],
.mail-item.is-unread .mail-item__subject[b-g611bddq8o] {
    font-weight: 700;
}

.mail-item__row[b-g611bddq8o],
.mail-thread__meta[b-g611bddq8o],
.mail-reading__header[b-g611bddq8o] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.mail-item__name[b-g611bddq8o],
.mail-item__subject[b-g611bddq8o] {
    color: #13283f;
}

.mail-item__preview[b-g611bddq8o],
.mail-reading__time[b-g611bddq8o],
.mail-reading__from[b-g611bddq8o],
.mail-thread__meta[b-g611bddq8o] {
    color: #5f6b7a;
    font-size: 0.9rem;
}

.mail-item__meta[b-g611bddq8o],
.mail-reading__chips[b-g611bddq8o],
.mail-reading__actions[b-g611bddq8o] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    margin-top: 0.6rem;
}

.mail-reading[b-g611bddq8o] {
    padding: 1.25rem;
    overflow: auto;
}

.mail-reading__subject[b-g611bddq8o] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #13283f;
}

.mail-reading__body[b-g611bddq8o] {
    color: #203246;
    line-height: 1.6;
    margin-top: 1.25rem;
    overflow-wrap: anywhere;
}

.mail-reading__section[b-g611bddq8o] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e1e7ef;
}

.mail-reading__section-title[b-g611bddq8o] {
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #5f6b7a;
    margin-bottom: 0.75rem;
    font-weight: 700;
}

.mail-thread[b-g611bddq8o] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.mail-thread__item[b-g611bddq8o] {
    border: 1px solid #e1e7ef;
    border-radius: 12px;
    background: #fff;
    padding: 0.9rem;
}

@media (max-width: 1200px) {
    .mail-shell__grid[b-g611bddq8o] {
        grid-template-columns: 200px minmax(280px, 360px) minmax(0, 1fr);
    }
}

@media (max-width: 960px) {
    .mail-shell__grid[b-g611bddq8o] {
        grid-template-columns: 1fr;
    }

    .mail-nav[b-g611bddq8o] {
        flex-direction: row;
        overflow: auto;
    }

    .mail-nav__item[b-g611bddq8o] {
        min-width: 140px;
    }
}
/* /Components/Dashboard/DashboardRequestList.razor.rz.scp.css */
.assigned-to-me[b-p0qjdw51oi] {
    font-weight: bold;
    background-color: #f0f9ff; /* soft blue highlight */
}
.loading-overlay[b-p0qjdw51oi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Visual effects */
    backdrop-filter: blur(6px);
    background: linear-gradient( to bottom, rgba(0,0,0, 0.6), rgba(0,0,0, 0.8) );
    transition: opacity 0.5s ease-in-out;
}

/* Larger spinner */
.large-spinner .e-spinner-pane[b-p0qjdw51oi] {
    width: 80px !important;
    height: 80px !important;
}

/* /Components/Dashboard/WelcomeDesktop.razor.rz.scp.css */
.badge-icon-container[b-eetzi0dvu8] {
    position: relative;
    min-width: 200px;
}

/* Style the background icon */
.fa-background-icon[b-eetzi0dvu8] {
    position: absolute;
    top: 50%;

    right: 2.75rem;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 3rem;
    color: rgba(0, 0, 128, 0.15);
    pointer-events: none;
}
.main-logo[b-eetzi0dvu8] {
    /* Set the default size on large screens */
    width: 100%;
    max-width: 128px;
    float: right;
    /* Maintain aspect ratio */
    height: auto;
    /* Smooth transition for the scaling effect */
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation: shrink-glow-b-eetzi0dvu8 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;
    /* Set initial transform for shrinking */
    transform-origin: center center; /* Ensure scaling is from the center */
}

@media (max-width: 768px) {
    .main-logo[b-eetzi0dvu8] {
        /* Set the smaller size on mobile */
        width: 100%;
        max-width: 128px;
        /* Trigger the shrink and glow animation */
        animation: shrink-glow-b-eetzi0dvu8 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;
        
    }
}

/* Keyframes for the shrink and glow animation */
@keyframes shrink-glow-b-eetzi0dvu8 {
    0% {
        box-shadow: 0 0 0 transparent; /* Initial state, no glow */
    }

    50% {
        box-shadow: 0 0 10px rgba(255, 100, 0, 0.7); /* Glow effect during shrinking */
    }

    100% {
        
        box-shadow: 0 0 0 transparent; /* Final state, glow fades out */
    }
}
/* /Components/Documents/PdfConversion.razor.rz.scp.css */
/* Overlay behind the panel */
.pdf-viewer-overlay[b-ouz3tv871l] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease;
    z-index: 1000;
}

    .pdf-viewer-overlay.open[b-ouz3tv871l] {
        opacity: 1;
        pointer-events: auto;
    }

/* Right slide-in panel */
.pdf-viewer-panel[b-ouz3tv871l] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(48rem, 90vw);
    background: #fff;
    box-shadow: -8px 0 24px rgba(0,0,0,0.15);
    transform: translateX(100%);
    transition: transform 280ms cubic-bezier(.2,.8,.2,1);
    z-index: 1001;
    display: flex;
    flex-direction: column;
}

    .pdf-viewer-panel.open[b-ouz3tv871l] {
        transform: translateX(0);
    }

.pdf-viewer-header[b-ouz3tv871l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1rem;
    border-bottom: 1px solid #e6e6e6;
    background: #fafafa;
}

    .pdf-viewer-header .title[b-ouz3tv871l] {
        font-weight: 600;
        font-size: 0.95rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pdf-viewer-header .actions .btn[b-ouz3tv871l] {
        margin-left: .25rem;
    }

.pdf-viewer-body[b-ouz3tv871l] {
    flex: 1 1 auto;
    min-height: 0; /* important for child iframe to size correctly */
    overflow: hidden;
}

.pdf-frame[b-ouz3tv871l] {
    width: 100%;
    height: 100%;
    border: 0;
}


/* ===== 3D Orbital Carousel (center above, no visible track) ===== */
.orbital3d[b-ouz3tv871l] {
    --count: 6;
    --radius: 160px;
    --item: 64px;
    --speed: 22s;
    --tilt: 5deg;
    --persp: 900px;
    --centerZ: 40px; /* lift the center above the orbit plane */

    position: relative;
    width: calc(var(--radius)*2 + var(--item) + 40px);
    height: calc(var(--radius)*2 + var(--item) + 40px);
    margin: 48px auto;
    perspective: var(--persp);
    perspective-origin: 50% 50%;
    isolation: isolate;
}

.center-icon[b-ouz3tv871l] {
    position: absolute;
    inset: 50% auto auto 50%;
    width: calc(var(--item) + 18px);
    height: calc(var(--item) + 18px);
    /* ↑ move above the orbit plane */
    transform: translate(-70%, -160%) translateZ(var(--centerZ));
    backface-visibility: hidden;
    pointer-events: none;
    /* use box-shadow via pseudo to avoid creating a stacking context on the img */
}

    .center-icon[b-ouz3tv871l]::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 12px;
        box-shadow: 0 6px 14px rgba(0,0,0,.18);
        pointer-events: none;
    }

.ring3d[b-ouz3tv871l] {
    position: absolute;
    inset: 0;
    transform-style: preserve-3d;
    transform: rotateX(var(--tilt));
    animation: ring-spin-b-ouz3tv871l var(--speed) linear infinite;
}

    /* Hide any previously added “track” ring */
    .ring3d[b-ouz3tv871l]::before {
        display: none !important; /* ensures no dashed/visible ring shows */
    }

.slot[b-ouz3tv871l] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform-style: preserve-3d;
    --theta: calc(360deg * var(--i) / var(--count));
    transform: rotateY(var(--theta)) translateZ(var(--radius));
}

/* Always face the viewer (billboarding).
   Cancel the ring tilt and item angle, and counter-spin to negate ring rotation. */
.billboard[b-ouz3tv871l] {
    transform-style: preserve-3d;
    transform: rotateY(calc(-1 * var(--theta))) rotateX(calc(-1 * var(--tilt)));
    animation: billboard-counter-b-ouz3tv871l var(--speed) linear infinite;
    backface-visibility: hidden;
}

.icon[b-ouz3tv871l] {
    width: var(--item);
    height: var(--item);
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 6px 14px rgba(0,0,0,.20));
}

/* Pause on hover */
.orbital3d:hover .ring3d[b-ouz3tv871l],
.orbital3d:hover .billboard[b-ouz3tv871l] {
    animation-play-state: paused;
}

@keyframes ring-spin-b-ouz3tv871l {
    to {
        transform: rotateX(var(--tilt)) rotateY(360deg);
    }
}

@keyframes billboard-counter-b-ouz3tv871l {
    to {
        transform: rotateY(calc(-1 * var(--theta))) rotateX(calc(-1 * var(--tilt))) rotateY(-360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ring3d[b-ouz3tv871l], .billboard[b-ouz3tv871l] {
        animation: none !important;
    }
}

@media (max-width: 600px) {
    .orbital3d[b-ouz3tv871l] {
        --radius: 120px;
        --item: 52px;
        --persp: 700px;
        --centerZ: 32px;
    }
}
/* Container & layout */
.pdfc[b-ouz3tv871l] {
    padding: 2.5rem 1rem;
}

.pdfc-container[b-ouz3tv871l] {
    max-width: 1100px;
    margin: 0 auto;
}

.grid-2[b-ouz3tv871l] {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
}

@media (min-width: 900px) {
    .grid-2[b-ouz3tv871l] {
        grid-template-columns: 1fr 1fr;
    }
}

/* Typography */
.lead[b-ouz3tv871l] {
    font-size: 1.125rem;
    line-height: 1.6;
}

h1[b-ouz3tv871l] {
    font-size: 2rem;
    margin: 0 0 .5rem;
}

h2[b-ouz3tv871l] {
    font-size: 1.5rem;
    margin: 0 0 .5rem;
}

h3[b-ouz3tv871l] {
    font-size: 1.25rem;
    margin: 0 0 .5rem;
}

.muted[b-ouz3tv871l] {
    opacity: .75;
}

.small[b-ouz3tv871l] {
    font-size: .925rem;
}

/* Lists */
.steps[b-ouz3tv871l] {
    counter-reset: step;
    padding-left: 1.25rem;
}

    .steps > li[b-ouz3tv871l] {
        margin: .5rem 0;
    }

.checklist[b-ouz3tv871l], .bullets[b-ouz3tv871l] {
    padding-left: 1.25rem;
}

.inline-tags[b-ouz3tv871l] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    list-style: none;
    padding: 0;
    margin: .5rem 0 0;
}

    .inline-tags li[b-ouz3tv871l] {
        background: #f2f5f9;
        border: 1px solid #e5eaf0;
        border-radius: 999px;
        padding: .25rem .6rem;
    }

/* Hero */
.hero[b-ouz3tv871l] {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 60%);
    border-bottom: 1px solid #eef2f6;
}

/* Dropzone */
.dropzone[b-ouz3tv871l] {
    position: relative;
    border: 2px dashed #c9d5e3;
    border-radius: 16px;
    padding: 2rem 1.25rem;
    text-align: center;
    transition: border-color .15s ease, background-color .15s ease;
    background: #fbfdff;
}

    .dropzone.dragover[b-ouz3tv871l] {
        border-color: #5a8dee;
        background: #f3f8ff;
    }

.icon[b-ouz3tv871l] {
    font-size: 2rem;
    margin-bottom: .25rem;
}

.file-input[b-ouz3tv871l] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.file-pill[b-ouz3tv871l] {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    border: 1px solid #d7e1ec;
    background: #ffffff;
    padding: .5rem .75rem;
    border-radius: 999px;
    margin: .5rem auto 0;
}

.hint[b-ouz3tv871l] {
    margin-top: .25rem;
    font-size: .925rem;
    opacity: .8;
}

/* Buttons */
.btn[b-ouz3tv871l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .6rem 1rem;
    border-radius: 10px;
    border: 1px solid #cdd6e1;
    background: #ffffff;
    cursor: pointer;
    font-weight: 600;
}

    .btn:hover[b-ouz3tv871l] {
        background: #f6f9fc;
    }

    .btn.primary[b-ouz3tv871l] {
        background: #2563eb;
        color: #fff;
        border-color: #2563eb;
    }

        .btn.primary[disabled][b-ouz3tv871l] {
            opacity: .6;
            cursor: not-allowed;
        }

.link[b-ouz3tv871l] {
    background: transparent;
    border: none;
    color: #2563eb;
    cursor: pointer;
    padding: 0;
    font-weight: 600;
}

.cta[b-ouz3tv871l] {
    background: #f9fbfe;
    border-top: 1px solid #eef2f6;
}

.cta-actions[b-ouz3tv871l] {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* FAQ */
.faq details[b-ouz3tv871l] {
    border: 1px solid #e6edf5;
    border-radius: 12px;
    padding: .75rem 1rem;
    margin-bottom: .75rem;
    background: #fff;
}

.faq summary[b-ouz3tv871l] {
    cursor: pointer;
    font-weight: 600;
}
/* Smooth collapse for the explainer block */
.explainer[b-ouz3tv871l] {
    overflow: hidden;
    max-height: 480px; /* set a bit larger than expected content */
    opacity: 1;
    transition: max-height 240ms cubic-bezier(.2,.8,.2,1), opacity 180ms ease, margin 200ms ease, padding 200ms ease;
    will-change: max-height, opacity;
}

    /* Apply this class just before removing the element from the DOM */
    .explainer.shrink-out[b-ouz3tv871l] {
        max-height: 0 !important;
        opacity: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

@media (prefers-reduced-motion: reduce) {
    .explainer[b-ouz3tv871l], .explainer.shrink-out[b-ouz3tv871l] {
        transition: none;
    }
}
/* /Components/Error.razor.rz.scp.css */


@-webkit-keyframes tiltcard {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(-30deg);
        transform: rotateY(-30deg);
    }
}

@keyframes tiltcard-b-gu9y09h9us {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(-30deg);
        transform: rotateY(-30deg);
    }
}

@-webkit-keyframes explode {
    0% {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
    }

    100% {
        -webkit-transform: translate(var(--spreaddist), var(--vertdist)) scale(var(--scaledist));
        transform: translate(var(--spreaddist), var(--vertdist)) scale(var(--scaledist));
    }
}

@keyframes explode-b-gu9y09h9us {
    0% {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
    }

    100% {
        -webkit-transform: translate(var(--spreaddist), var(--vertdist)) scale(var(--scaledist));
        transform: translate(var(--spreaddist), var(--vertdist)) scale(var(--scaledist));
    }
}

@-webkit-keyframes writeLine {
    0% {
        width: 0;
    }

    100% {
        width: var(--linelength);
    }
}

@keyframes writeLine-b-gu9y09h9us {
    0% {
        width: 0;
    }

    100% {
        width: var(--linelength);
    }
}

@media screen and (max-width: 1000px) {
    .container[b-gu9y09h9us] {
        -webkit-transform: scale(.85);
        transform: scale(.85);
    }
}

@media screen and (max-width: 850px) {
    .container[b-gu9y09h9us] {
        -webkit-transform: scale(.75);
        transform: scale(.75);
    }
}

@media screen and (max-width: 775px) {
    .container[b-gu9y09h9us] {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
    }
}

@media screen and (max-width: 370px) {
    .container[b-gu9y09h9us] {
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }
}
/* /Components/ESign/EsignHomePod.razor.rz.scp.css */
.esign-pod__action[b-8j0pvi3ldm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    min-height: 2.75rem;
    padding: 0 1rem;
    border-radius: 0.75rem;
    font-size: 0.9rem;
    font-weight: 700;
    text-align: start;
    transition: filter 140ms, transform 140ms, background 140ms;
}

.esign-pod__action:hover[b-8j0pvi3ldm] {
    transform: translateY(-1px);
}

.esign-pod__action--primary:hover[b-8j0pvi3ldm] {
    filter: brightness(.92);
}

.esign-pod__icon-btn[b-8j0pvi3ldm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    border-radius: 50%;
}
/* /Components/Home.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   Home.razor.css — Authenticated dashboard home
   Replaces the inline <style> block in Home.razor.
   All colours: --tone-* tokens. No hardcoded hex.
   ══════════════════════════════════════════════════════════ */

/* ── Shell ── */
.home-dashboard-shell[b-z4s6etq5db] {
    min-height: calc(100vh - var(--toolbar-height));
    padding-bottom: 3rem;
    max-width: 1240px;
    margin-inline: auto;
    overflow-x: clip;
}

/* ── Hero panel ── */
.home-hero-panel[b-z4s6etq5db] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    align-items: center;
    padding: 1.5rem 2rem;
    border-radius: 1.1rem;
    background: linear-gradient(135deg, #150800 0%, #7a2e00 45%, var(--tone-accent) 100%);
    color: #fff;
    margin-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
}

/* Decorative circle behind hero */
.home-hero-panel[b-z4s6etq5db]::before {
    display: none; /* decorative circle removed: quieter hero */
    content: "";
    position: absolute;
    width: 340px; height: 340px;
    border-radius: 50%;
    background: rgba(255,255,255,.05);
    right: -80px; top: -80px;
    pointer-events: none;
}

.home-hero-panel__eyebrow[b-z4s6etq5db] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
    margin-bottom: 0.5rem;
}

.home-hero-panel__title[b-z4s6etq5db] {
    margin: 0 0 0.5rem;
    font-size: clamp(1.6rem, 2.5vw, 2.5rem);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #fff;
}

.home-hero-panel__subtitle[b-z4s6etq5db] {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.65;
    color: rgba(255,255,255,.78);
    max-width: 52rem;
    letter-spacing: 0.02em;
}

.home-hero-panel__actions[b-z4s6etq5db] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    flex-shrink: 0;
}

/* Override Bootstrap btn colours inside the hero */
.home-hero-panel .btn-light[b-z4s6etq5db] {
    background: rgba(255,255,255,.15) !important;
    border-color: rgba(255,255,255,.28) !important;
    color: #fff !important;
    font-weight: 700;
    backdrop-filter: blur(4px);
}

.home-hero-panel .btn-light:hover[b-z4s6etq5db] {
    background: rgba(255,255,255,.25) !important;
    color: #fff !important;
}

.home-hero-panel .btn-outline-light[b-z4s6etq5db] {
    border-color: rgba(255,255,255,.4) !important;
    color: #fff !important;
    font-weight: 700;
}

.home-hero-panel .btn-outline-light:hover[b-z4s6etq5db] {
    background: rgba(255,255,255,.15) !important;
    color: #fff !important;
}

/* ── Stat cards row (Notary / Company / RE Agent) ── */
.home-stats-row[b-z4s6etq5db] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    margin-bottom: 1.25rem;
    background: #fff;
    border: 1px solid var(--tone-border-light, #eadfd8);
    border-radius: 0.9rem;
    overflow: hidden;
}

.home-stat-card[b-z4s6etq5db] {
    padding: 0.9rem 1.25rem;
    border-inline-end: 1px solid rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
}

.home-stat-card__label[b-z4s6etq5db] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--tone-text-muted, #6b7280);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 0.4rem;
}

.home-stat-card__value[b-z4s6etq5db] {
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--tone-text-main, #241a14) !important;
}

.home-stat-card__footer[b-z4s6etq5db] {
    font-size: 0.72rem;
    color: var(--tone-text-muted, #6b7280);
    letter-spacing: 0.02em;
    padding: 0.28rem 0.55rem;
    border-radius: 6px;
    margin-top: auto;
    display: none; /* footer captions removed: less noise */
}

/* ── Main + aside layout ── */
.home-layout[b-z4s6etq5db] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    align-items: flex-start;
}

.home-main[b-z4s6etq5db] {
    flex: 1 1 32rem;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.home-aside[b-z4s6etq5db] {
    flex: 0 1 22rem;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.home-masonry-item[b-z4s6etq5db],
.home-aside[b-z4s6etq5db]  .home-masonry-item {
    min-width: 0;
    display: block;
    width: 100%;
}

/* ── Cards ── */
.home-card[b-z4s6etq5db],
.home-aside[b-z4s6etq5db]  .home-card {
    border-radius: 0.9rem;
    border: 1px solid var(--tone-border-light, #eadfd8);
    box-shadow: none !important;
    overflow: hidden;
    width: 100%;
}

/* Card headers — clean, no bg-white needed.
   The ::deep variants reach card markup rendered by child components (e.g. EsignHomePod),
   which scoped CSS does not otherwise style. */
.home-card .card-header[b-z4s6etq5db],
.home-card[b-z4s6etq5db]  .card-header,
.home-aside[b-z4s6etq5db]  .home-card .card-header {
    background: #fff !important;
    border-bottom: 1px solid rgba(0,0,0,.06) !important;
    padding: 0.9rem 1.1rem;
}

.home-card .card-header .fw-semibold[b-z4s6etq5db],
.home-card[b-z4s6etq5db]  .card-header .fw-semibold,
.home-aside[b-z4s6etq5db]  .home-card .card-header .fw-semibold {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--tone-text-main, #343434);
    letter-spacing: 0.02em;
}

.home-card .card-header .small.text-muted[b-z4s6etq5db],
.home-card[b-z4s6etq5db]  .card-header .small.text-muted,
.home-aside[b-z4s6etq5db]  .home-card .card-header .small.text-muted {
    font-size: 0.75rem;
    color: var(--tone-text-muted, #6b7280) !important;
    margin-top: 0.15rem;
}

/* Teal left-accent on card header */
.home-card .card-header[b-z4s6etq5db],
.home-card[b-z4s6etq5db]  .card-header,
.home-aside[b-z4s6etq5db]  .home-card .card-header {
    border-left: 0 !important;
}

.home-card .card-body[b-z4s6etq5db],
.home-card[b-z4s6etq5db]  .card-body,
.home-aside[b-z4s6etq5db]  .home-card .card-body {
    padding: 1rem 1.1rem;
}

/* ── Mini stats inside Today Summary ── */
.home-mini-stats[b-z4s6etq5db] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin-bottom: 1rem;
}

.home-mini-stat[b-z4s6etq5db] {
    padding: 0.75rem 0.85rem;
    border-radius: 0.85rem;
    background: #fdf3ec;
    border: 0;
}

.home-mini-stat__value[b-z4s6etq5db] {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--tone-accent);
    line-height: 1.1;
}

.home-mini-stat__label[b-z4s6etq5db] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--tone-text-muted, #6b7280);
    margin-top: 0.2rem;
    letter-spacing: 0.02em;
}

/* ── List cards (requests, scanbacks, etc.) ── */
.home-list-card[b-z4s6etq5db],
.home-card[b-z4s6etq5db]  .home-list-card {
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.06);
    background: transparent;
    border-radius: 0;
    padding: 0.8rem 0.25rem;
    transition:
        border-color 140ms ease,
        box-shadow 140ms ease,
        transform 140ms ease,
        background 140ms ease;
    letter-spacing: 0.02em;
}

.home-list-card:hover[b-z4s6etq5db],
.home-card[b-z4s6etq5db]  .home-list-card:hover {
    background: #fdf3ec;
}

.home-list-card .fw-semibold[b-z4s6etq5db],
.home-card[b-z4s6etq5db]  .home-list-card .fw-semibold {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--tone-text-main, #343434);
    letter-spacing: 0.02em;
}

.home-list-card .small.text-muted[b-z4s6etq5db],
.home-card[b-z4s6etq5db]  .home-list-card .small.text-muted {
    font-size: 0.75rem;
    color: var(--tone-text-muted, #6b7280) !important;
    margin-top: 0.15rem;
}

/* ── Chip row inside list cards ── */
.home-chip-row[b-z4s6etq5db] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

/* ── Rollup stat buttons (commented out in Razor, kept for future) ── */
.home-rollup-btn[b-z4s6etq5db] {
    width: 100%;
    border: 1px solid var(--tone-border-light, #B7B7B7);
    border-radius: 0.9rem;
    background: #fff;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
    text-align: start;
}

.home-rollup-btn:hover[b-z4s6etq5db] {
    border-color: rgba(0,200,202,.45);
    box-shadow: 0 8px 24px rgba(0,200,202,.1);
    transform: translateY(-1px);
}

/* ── Mini activity calendar ── */
.home-mini-calendar-header[b-z4s6etq5db] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.home-mini-calendar-grid[b-z4s6etq5db] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.25rem;
}

.home-mini-calendar-grid--labels[b-z4s6etq5db] {
    margin-bottom: 0.25rem;
}

.home-mini-calendar-label[b-z4s6etq5db] {
    text-align: center;
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--tone-text-muted, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.home-mini-calendar-day[b-z4s6etq5db] {
    min-height: 3rem;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 0.55rem;
    padding: 0.35rem;
    background: #fff;
}

.home-mini-calendar-day.is-muted[b-z4s6etq5db] {
    background: var(--tone-surface-card, #F5F5F5);
    color: var(--tone-text-muted, #6b7280);
    border-color: transparent;
}

.home-mini-calendar-day.is-today[b-z4s6etq5db] {
    border-color: var(--tone-primary, #00C8CA);
    box-shadow: inset 0 0 0 1px var(--tone-primary, #00C8CA);
    background: rgba(0,200,202,.04);
}

.home-mini-calendar-day__number[b-z4s6etq5db] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0;
}

.home-mini-calendar-day__dots[b-z4s6etq5db] {
    display: flex;
    gap: 0.18rem;
    margin-top: 0.3rem;
    flex-wrap: wrap;
}

.home-mini-calendar-dot[b-z4s6etq5db] {
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 999px;
    background: var(--tone-primary, #00C8CA);
}

/* ── Introduction dialog ── */
.home-intro-dialog.e-dialog[b-z4s6etq5db],
.home-notary-setup-dialog.e-dialog[b-z4s6etq5db] {
    border-radius: 1.25rem !important;
    overflow: hidden;
    box-shadow: var(--tone-shadow-modal, 15px 15px 21px 3px rgba(168,168,168,.42)) !important;
}

.home-intro-header[b-z4s6etq5db] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.home-intro-header__eyebrow[b-z4s6etq5db] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--tone-text-muted, #6b7280);
}

.home-intro-header__title[b-z4s6etq5db] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--tone-text-main, #343434);
    letter-spacing: -0.01em;
}

.home-intro-header__count[b-z4s6etq5db] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--tone-text-muted, #6b7280);
}

.home-intro-shell[b-z4s6etq5db] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: stretch;
}

.home-intro-visual[b-z4s6etq5db] {
    min-height: 18rem;
    border-radius: 1rem;
    background: linear-gradient(140deg, var(--tone-surface-teal, #E5FBFB) 0%, #e0f5fb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.home-intro-visual__image[b-z4s6etq5db] {
    max-width: 100%;
    max-height: 18rem;
    object-fit: contain;
}

.home-intro-copy[b-z4s6etq5db] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}

.home-intro-copy__title[b-z4s6etq5db] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--tone-text-main, #343434);
}

.home-intro-copy__description[b-z4s6etq5db] {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.7;
    color: var(--tone-text-muted, #6b7280);
    letter-spacing: 0.02em;
}

/* Progress dots */
.home-intro-progress[b-z4s6etq5db] {
    display: flex;
    gap: 0.45rem;
    align-items: center;
}

.home-intro-progress__dot[b-z4s6etq5db] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--tone-border-light, #B7B7B7);
    transition: background 200ms, width 200ms;
}

.home-intro-progress__dot.is-active[b-z4s6etq5db] {
    background: var(--tone-primary, #00C8CA);
    width: 18px;
    border-radius: 999px;
}

.home-intro-toggle[b-z4s6etq5db] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--tone-text-muted, #6b7280);
    cursor: pointer;
    user-select: none;
}

.home-intro-footer[b-z4s6etq5db] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}

.home-intro-footer__actions[b-z4s6etq5db] {
    display: flex;
    gap: 0.5rem;
}

/* ── Role tabs: flat, borderless, under the hero. Bottom bar on phones. ── */
.home-role-tabs[b-z4s6etq5db] {
    display: flex;
    gap: 0.25rem;
    margin: -0.5rem 0 1.25rem;
    padding: 0 0.25rem;
    overflow-x: auto;
}

.home-role-tab[b-z4s6etq5db] {
    flex: 0 0 auto;
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 1rem;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--tone-text-muted, #6b5a50);
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: color 140ms, border-color 140ms;
}

.home-role-tab:hover[b-z4s6etq5db] { color: var(--tone-accent); }
.home-role-tab:focus-visible[b-z4s6etq5db] { outline: 2px solid var(--tone-accent); outline-offset: -4px; border-radius: 0.5rem; }

.home-role-tab.is-active[b-z4s6etq5db] {
    color: var(--tone-accent);
    border-bottom-color: var(--tone-accent);
}

.home-role-tab__count[b-z4s6etq5db] {
    min-width: 1.15rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--tone-accent);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.15rem;
    text-align: center;
}

/* ── Things to do: a prominent action toolbar ── */
.home-block[b-z4s6etq5db] { margin-bottom: 1.25rem; }
.home-todo[b-z4s6etq5db] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.25rem;
    margin-bottom: 1.25rem;
    padding: 0.85rem 1.1rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 6px 22px rgba(122,46,0,.12);
}
.home-todo__label[b-z4s6etq5db] {
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--tone-accent);
}
.home-todo__row[b-z4s6etq5db] { display: flex; flex-wrap: wrap; gap: 0.6rem; flex: 1 1 auto; }
.home-todo__tile[b-z4s6etq5db] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.9rem;
    padding: 0 1.25rem;
    border-radius: 0.75rem;
    background: var(--tone-accent);
    color: #fff;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
    transition: filter 140ms, transform 140ms;
}
.home-todo__tile:hover[b-z4s6etq5db] { filter: brightness(.92); color: #fff; transform: translateY(-1px); }
.home-todo__tile svg[b-z4s6etq5db] { color: #fff; }
.home-mini-stat--link[b-z4s6etq5db] { display: block; text-decoration: none; transition: background 140ms; }
.home-mini-stat--link:hover[b-z4s6etq5db] { background: #fbe6d6; }

/* ── Combined list rows ── */
.home-combined-row[b-z4s6etq5db] { display: flex; align-items: center; gap: 0.75rem; }
.home-combined-row__icon[b-z4s6etq5db] { flex: none; color: var(--tone-accent); }
.home-combined-row__body[b-z4s6etq5db] { flex: 1 1 auto; min-width: 0; }
.home-combined-row__flag[b-z4s6etq5db] {
    flex: none;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--tone-accent);
}

/* ── Mobile visibility ── */
.home-hide-mobile[b-z4s6etq5db] { }

@media (max-width: 768px) {
    .home-hide-mobile[b-z4s6etq5db] { display: none !important; }
    .home-hero-panel[b-z4s6etq5db] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.5rem;
    }
    .home-hero-panel[b-z4s6etq5db]::before { display: none; }
    .home-intro-shell[b-z4s6etq5db] { grid-template-columns: 1fr; }
    .home-intro-visual[b-z4s6etq5db] { min-height: 12rem; }
    .home-mini-stats[b-z4s6etq5db] { grid-template-columns: repeat(3, 1fr); gap: 0.45rem; }
    .home-mini-stat[b-z4s6etq5db] { padding: 0.6rem 0.65rem; }
    .home-mini-stat__value[b-z4s6etq5db] { font-size: 1.1rem; }
    .home-dashboard-shell[b-z4s6etq5db] { padding-bottom: 5.5rem; }
    .home-role-tabs[b-z4s6etq5db] {
        position: fixed;
        bottom: 0;
        inset-inline: 0;
        z-index: 200;
        margin: 0;
        padding: 0;
        background: #fff;
        box-shadow: 0 -4px 16px rgba(0,0,0,.08);
    }
    .home-role-tab[b-z4s6etq5db] {
        position: relative;
        justify-content: center;
        flex: 1 1 0;
        flex-direction: column;
        gap: 0.2rem;
        min-width: 5rem;
        min-height: 4rem;
        border-bottom: 0;
        border-top: 3px solid transparent;
    }
    .home-role-tab.is-active[b-z4s6etq5db] { border-bottom-color: transparent; border-top-color: var(--tone-accent); }
    .home-role-tab__count[b-z4s6etq5db] { position: absolute; top: 0.4rem; inset-inline-start: calc(50% + 0.6rem); }
}


/* ── RTL ── */
[dir="rtl"] .home-hero-panel[b-z4s6etq5db] { flex-direction: row-reverse; }
[dir="rtl"] .home-card .card-header[b-z4s6etq5db] { border-left: none !important; border-inline-start: 3px solid var(--tone-primary) !important; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-0cf1fazsrv] {
    position: relative;
    display: flex;
    flex-direction: column;
}

/*main {
    flex: 1;
}*/



.top-row[b-0cf1fazsrv] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-0cf1fazsrv]  a, .top-row[b-0cf1fazsrv]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-0cf1fazsrv]  a:hover, .top-row[b-0cf1fazsrv]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-0cf1fazsrv] {
        justify-content: space-between;
    }

    .top-row[b-0cf1fazsrv]  a, .top-row[b-0cf1fazsrv]  .btn-link {
        margin-left: 0;
    }
}


/* Basic sidebar setup */
/*.sidebar {
    width: 250px;
    color: #090909;
    background-image: linear-gradient(180deg, rgb(255, 255, 255) 60%, rgb(229,229, 229) 80%);
    transition: transform 0.3s ease;
    position: fixed;
    z-index: 1050;
    transition: transform 0.3s ease;
}*/

/* Mobile default: hidden off-canvas */
    /*.sidebar.collapse {
        width: 250px;*/ /* Adjust as needed */
        /*position: fixed;*/
        /* Add other styling for background, padding, etc. */
        /*transition: width 0.5s ease;*/ /* Smooth transition */
    /*}*/
        /*.sidebar.collapse:not(.show) {
            transform: translateX(-250px);*/ /* Hide the sidebar off-screen */
        /*}*/


.flex-grow-1[b-0cf1fazsrv] {
    /*margin-left: 250px; /* Match sidebar width */
    transition: margin-left 0.3s ease;
}
/* Menu */

    /*#sidebar.collapsing + .flex-grow-1,
#sidebar.collapse + .flex-grow-1 {
    margin-left: 0;
}*/
    /* MOBILE behavior */


    #skeleton-list[b-0cf1fazsrv] {
    padding-left: 12px;
    padding-top: 7px;
    line-height: inherit;
}

    #skeleton-list li[b-0cf1fazsrv] {
        list-style: none;
        display: flow-root;
        margin-bottom: 9px;
    }

.cardProfile[b-0cf1fazsrv] {
    float: left;
    margin-right: 15px;
}
footer a[b-0cf1fazsrv]
{
    color: white;
    text-decoration: none;
}
footer a:hover[b-0cf1fazsrv]
{
    color: lightskyblue;
}
.nav-link[b-0cf1fazsrv]
{
    color: black;



}
.nav-link:hover[b-0cf1fazsrv]
{
    color: darkblue;
    background-color: rgba(28,27,31, 0.05);
}

/*.e-caret {
    transform: rotate(0deg);
    transition: transform 200ms ease-in-out;
}*/



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

    @media (min-width: 768px) {
        .sidebar.collapse[b-0cf1fazsrv] {
            /* Show the sidebar on desktop */
            display: block !important; /* Override Bootstrap's display: none */
            transform: translateX(0); /* Ensure sidebar is visible */
            transition: margin-left 0.3s ease;
        }

        .main-content[b-0cf1fazsrv] {
            /*margin-left: 250px; /* Push main content to the right */
            transition: margin-left 0.3s ease; /* Smooth transition */
        }

        #sidebar[b-0cf1fazsrv] {
            width: 250px;
            height: auto;
            position: sticky;
            top: 0;
            z-index: 1;
        }

        #sidebar.collapsing + .main-content[b-0cf1fazsrv],
        #sidebar.collapse + .main-content[b-0cf1fazsrv] {
            margin-left: 0;
        }



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

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

        /* .top-row, article {
            padding-left: 2rem !important;
            padding-right: 1.5rem !important;
        }*/
    }

    #blazor-error-ui[b-0cf1fazsrv] {
        background: lightyellow;
        bottom: 0;
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
        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-0cf1fazsrv] {
            cursor: pointer;
            position: absolute;
            right: 0.75rem;
            top: 0.5rem;
        }


}


/* /Components/Layout/NavMenu.razor.rz.scp.css */
/*.navbar-toggler {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand {
    font-size: 1.1rem;
}*/

/*.bi {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type {
        padding-top: 1rem;
    }

    .nav-item:last-of-type {
        padding-bottom: 1rem;
    }

    .nav-item ::deep .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item ::deep a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item ::deep .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable {
    display: block;
}

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

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

        /* Allow sidebar to scroll for tall menus */
        /*height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}*/
/*.e-accordion {
    border: none !important;
}*/
/*.sidebar {
    overflow: hidden;
    top: 64px !important;
    height: calc(100vh - 64px) !important;
    transition: all 0.3s ease;
    position: fixed !important;
}*/

    /*.e-sidebar .sidebar-list {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .e-sidebar ul
    {
        list-style-type: none;
    }
.sidebar-item {
    padding: 10px;
    text-align: center;
    cursor: pointer;
    border-bottom: none;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sidebar-item span {
    line-height: 2;
}

.e-sidebar.e-dock.e-close .e-text {
    display: none;
}

.e-sidebar.e-dock.e-open .e-text {
    display: inline-block;
    margin-left: 10px;
    font-size: 15px;
}

.sidebar-footer {
    margin-top: auto;
    padding: 0 0 10px 0;
}

    .sidebar-footer .sidebar-item {
        border-top: 1px solid #555;
    }

.e-sidebar {*/

/*    background: linear-gradient(135deg, #e0f7fa 0%, #ffe0f0 40%, #fff9c4 80%, #ffffff 100%);
*/    /*background-size: 200% 200%;*/
/*    animation: pastelShift 30s ease infinite;
*/    /*transition: width 0.3s ease;
}

    .e-sidebar.e-open .sidebar-item {
        justify-content: flex-start;
        padding-left: 15px;
    }*/

/*



@keyframes pastelShift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.e-treeview .e-active {
    background-color: transparent !important;
    color: inherit !important;
}
*/
/* /Components/Notary/NotaryOnboardingAccordion.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   NotaryOnboardingAccordion.razor.css
   Custom accordion — noa-* classes.
   Step section cards — notary-section.
   All colours: --tone-* tokens. Dark mode safe.
   ══════════════════════════════════════════════════════════ */

/* ── Accordion shell ── */
.noa-accordion[b-4ca7eszzwc] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

/* ── Accordion item ── */
.noa-item[b-4ca7eszzwc] {
    background: #fff;
    border: 1px solid var(--tone-border-light, #B7B7B7);
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    transition: border-color 200ms, box-shadow 200ms, transform 280ms cubic-bezier(.22,1,.36,1), opacity 280ms cubic-bezier(.22,1,.36,1);
}

.noa-item.is-open[b-4ca7eszzwc] {
    border-color: rgba(0,200,202,.4);
    box-shadow: 0 4px 20px rgba(0,200,202,.1);
}

.noa-item.is-done[b-4ca7eszzwc] {
    border-color: rgba(0,200,202,.25);
}

.noa-item.is-leaving[b-4ca7eszzwc] {
    z-index: 1;
}

.noa-item.is-entering[b-4ca7eszzwc] {
    z-index: 2;
}

/* ── Accordion header ── */
.noa-header[b-4ca7eszzwc] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.25rem;
    cursor: pointer;
    user-select: none;
    transition: background 140ms;
}

.noa-header:hover[b-4ca7eszzwc] { background: #f9fffe; }

.noa-item.is-open .noa-header[b-4ca7eszzwc] {
    background: rgba(0,200,202,.04);
    border-bottom: 1px solid rgba(0,200,202,.15);
}

/* Step badge */
.noa-badge[b-4ca7eszzwc] {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 800;
    flex-shrink: 0;
    background: #f0f9ff;
    border: 1.5px solid var(--tone-border-light, #B7B7B7);
    color: #7a9696;
    transition: all 200ms;
    letter-spacing: 0;
}

.noa-item.is-open .noa-badge[b-4ca7eszzwc] {
    background: var(--tone-primary, #00C8CA);
    border-color: var(--tone-primary, #00C8CA);
    color: #fff;
}

.noa-item.is-done .noa-badge[b-4ca7eszzwc] {
    background: rgba(0,200,202,.12);
    border-color: rgba(0,200,202,.4);
    color: #005566;
}

.noa-title[b-4ca7eszzwc] {
    flex: 1;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--tone-text-main, #343434);
    letter-spacing: 0.02em;
    transition: color 200ms;
}

.noa-item.is-open .noa-title[b-4ca7eszzwc] { color: #005566; }

/* Status dot */
.noa-status-dot[b-4ca7eszzwc] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--tone-border-light, #B7B7B7);
    transition: background 200ms;
}

.noa-status-dot.is-done[b-4ca7eszzwc] { background: var(--tone-primary, #00C8CA); }

/* Chevron */
.noa-chevron[b-4ca7eszzwc] {
    font-size: 0.62rem;
    color: var(--tone-text-muted, #6b7280);
    transition: transform 200ms, color 200ms;
    flex-shrink: 0;
}

.noa-item.is-open .noa-chevron[b-4ca7eszzwc] { transform: rotate(180deg); color: #005566; }

/* ── Accordion body ── */
.noa-body[b-4ca7eszzwc] {
    padding: 1.25rem;
    animation: noaSlideDown-b-4ca7eszzwc 0.22s cubic-bezier(.22,1,.36,1) both;
}

.noa-item.is-leaving .noa-body[b-4ca7eszzwc] {
    animation: noaSlideAway-b-4ca7eszzwc 0.3s cubic-bezier(.22,1,.36,1) both;
    pointer-events: none;
}

.noa-item.is-entering .noa-body[b-4ca7eszzwc] {
    animation: noaRiseIn-b-4ca7eszzwc 0.32s cubic-bezier(.22,1,.36,1) both;
}

@keyframes noaSlideDown-b-4ca7eszzwc {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes noaSlideAway-b-4ca7eszzwc {
    from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
    to   { opacity: 0; transform: translate3d(-28px, 8px, 0) scale(.985); }
}

@keyframes noaRiseIn-b-4ca7eszzwc {
    from { opacity: 0; transform: translate3d(0, 24px, 0) scale(.985); }
    to   { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

/* Step intro text */
.step-desc[b-4ca7eszzwc] {
    font-size: 0.84rem;
    color: var(--tone-text-muted, #6b7280);
    line-height: 1.6;
    margin-bottom: 1rem;
    letter-spacing: 0.02em;
}

.noa-substeps[b-4ca7eszzwc] {
    display: grid;
    gap: 0.9rem;
}

.noa-substeps__rail[b-4ca7eszzwc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.noa-substeps__chip[b-4ca7eszzwc] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: #eef7f7;
    border: 1px solid rgba(0,200,202,.12);
    color: #5d7676;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: all 180ms ease;
}

.noa-substeps__chip.is-active[b-4ca7eszzwc] {
    background: rgba(0,200,202,.12);
    border-color: rgba(0,200,202,.28);
    color: #005566;
}

.noa-substeps__chip.is-done[b-4ca7eszzwc] {
    background: rgba(0,200,202,.16);
    border-color: rgba(0,200,202,.32);
    color: #005566;
}

/* ── Section cards inside accordion ── */
.notary-section[b-4ca7eszzwc] {
    background: #fafffe;
    border: 1px solid rgba(0,200,202,.12);
    border-left: 3px solid rgba(0,200,202,.4);
    border-radius: 0.75rem;
    padding: 1.1rem;
    margin-bottom: 1rem;
}

.notary-section:last-child[b-4ca7eszzwc] { margin-bottom: 0; }

.notary-section__title[b-4ca7eszzwc] {
    font-size: 0.72rem;
    font-weight: 800;
    color: #005566;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 0.85rem;
}

/* ── Fields inside steps (::deep into SfTextBox etc) ── */
[b-4ca7eszzwc] .e-input-group,
[b-4ca7eszzwc] .e-float-input {
    border-radius: 10px !important;
}

[b-4ca7eszzwc] .e-input-group input,
[b-4ca7eszzwc] .e-float-input input,
[b-4ca7eszzwc] .e-textbox {
    font-family: Poppins, sans-serif !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.02em !important;
    color: var(--tone-text-main, #343434) !important;
}

[b-4ca7eszzwc] .form-label {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: #344 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 0.3rem !important;
}

/* Skip checkbox */
[b-4ca7eszzwc] .e-checkbox-wrapper .e-label {
    font-size: 0.78rem !important;
    color: var(--tone-text-muted, #6b7280) !important;
    letter-spacing: 0.02em !important;
}

/* Step action buttons */
[b-4ca7eszzwc] .e-btn.e-primary {
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.04em !important;
    box-shadow: 0 3px 12px rgba(0,200,202,.3) !important;
}

[b-4ca7eszzwc] .e-btn.e-outline {
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.04em !important;
    border-color: var(--tone-primary, #00C8CA) !important;
    color: var(--tone-primary, #00C8CA) !important;
}

/* ── Submit row ── */
.noa-submit-row[b-4ca7eszzwc] {
    margin-top: 0.5rem;
    padding: 0 0.25rem;
}

/* ── Responsive ── */
@media (max-width: 520px) {
    .noa-header[b-4ca7eszzwc] { padding: 0.85rem 1rem; }
    .noa-body[b-4ca7eszzwc]   { padding: 1rem; }
}
/* /Components/Notfound.razor.rz.scp.css */
/* Layering */
.nf-root[b-4up8g65480] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: #000000; /* fallback behind video & gradient */
    z-index: 99999;
}

/* Background video fills screen */
.nf-video[b-4up8g65480] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 6;
    pointer-events: none;
    background: none;
}

/* Cyan gradient overlay with animated alpha sweep (left<->right) */


/* Left nav ~1–2 inches down; responsive clamp for better feel across DPIs */
.nf-leftnav[b-4up8g65480] {
    position: fixed;
    top: clamp(1in, 8vh, 2in);
    left: 2rem;
    z-index: 8;
    font-size: 2rem;
    color: rgba(255,255,255,1);
}

    .nf-leftnav ul[b-4up8g65480] {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .nf-leftnav li[b-4up8g65480] {
        margin: 0 0 .35rem 0;
        line-height: 1.15;
    }

    .nf-leftnav a[b-4up8g65480] {
        display: inline-block;
        font-weight: 600;
        text-decoration: none;
        color: #eaffff;
        text-shadow: 0 1px 2px rgba(0,0,0,0.35);
        transition: transform .15s ease, opacity .15s ease;
        opacity: .95;
    }

        .nf-leftnav a:hover[b-4up8g65480] {
            transform: translateX(2px);
            opacity: 1;
        }

/* Right-side copy block */
.nf-rightcopy[b-4up8g65480] {
    position: fixed;
    right: clamp(2rem, 6vw, 6rem);
    bottom: clamp(2.5rem, 8vh, 8rem);
    z-index: 7;
    text-align: right;
    color: white;
}

/* Big “404” */
.nf-404[b-4up8g65480] {
    font-weight: 900;
    font-variant-numeric: lining-nums;
    letter-spacing: -0.02em;
    line-height: .9;
    /* scale with viewport */
    font-size: clamp(6rem, 16vw, 18rem);
    opacity: 0;
    transform: translateY(20px);
    animation: nf-rise-b-4up8g65480 .8s cubic-bezier(.2,.7,.2,1) .2s forwards;
    text-shadow: 0 4px 16px rgba(0,0,0,0.40), 0 0 32px rgba(51,251,251,0.20);
}

/* Subhead */
.nf-sub[b-4up8g65480] {
    margin: .25rem 0 0 0;
    font-size: clamp(1rem, 2.2vw, 1.5rem);
    font-weight: 600;
    opacity: 0;
    transform: translateY(14px);
    animation: nf-rise-b-4up8g65480 .7s cubic-bezier(.2,.7,.2,1) .45s forwards;
    text-shadow: 0 2px 8px rgba(0,0,0,0.35);
    z-index: 40;
}

@keyframes nf-rise-b-4up8g65480 {
    to {
        opacity: 1;
        transform: translateY(0);
        
    }
}

/* Small screens: keep nav readable, don’t overlap large numerals too much */
@media (max-width: 640px) {
    .nf-leftnav[b-4up8g65480] {
        left: 1rem;
    }

    .nf-rightcopy[b-4up8g65480] {
        right: 1rem;
        bottom: 2rem;
    }
}
/* Cyan gradient overlay with animated alpha sweep (left<->right), 6s to match video */

/*@keyframes nf-sweep {
    0% {
        background: linear-gradient(90deg, rgba(51, 251, 251, 0.90) 0%, rgba(51, 251, 251, 0.15) 100%);
    }

    50% {
        background: linear-gradient(90deg, rgba(51, 251, 251, 0.15) 0%, rgba(51, 251, 251, 0.90) 100%);
    }
    0% {
        background: linear-gradient(90deg, rgba(51, 251, 251, 0.90) 0%, rgba(51, 251, 251, 0.15) 100%);
    }
}*/

/* Optional accessibility */
/*@media (prefers-reduced-motion: reduce) {
    .nf-overlay {
        animation: none;
    }
}*/

/* Cyan gradient overlay with animated alpha sweep (left<->right), 6s to match video */
.nf-overlay[b-4up8g65480] {
    position: fixed;
    inset: 0;
    z-index: 3;
    background: linear-gradient(90deg, rgba(51, 251, 251, 0.90) 0%, rgba(51, 251, 251, 0.15) 100%);
    /*animation: nf-sweep 6s linear infinite alternate;*/
    will-change: background;
}



/* Optional accessibility */
@media (prefers-reduced-motion: reduce) {
    .nf-overlay[b-4up8g65480] {
        animation: none;
    }
}
/* /Components/Onboarding/Onboarding.razor.rz.scp.css */
[b-gp9eukfx3l] .e-tab .e-tab-header .e-toolbar-item {
    display: none;
    color: var(--tone-text-main) !important;
    margin-top: 1.3em;
}

[b-gp9eukfx3l] .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    color: var(--tone-text-main) !important;
    font-size: 1.5em;
    padding: 1.5em;
    margin: 1rem;
}

[b-gp9eukfx3l] .e-tab .e-tab-header .e-toolbar-item.e-active {
    background: var(--tone-surface-teal);
    border-top-left-radius: 16px;
}

[b-gp9eukfx3l] .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
    color: var(--tone-text-main) !important;
}

[b-gp9eukfx3l] .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: var(--tone-text-main) !important;
}

[b-gp9eukfx3l] .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    background: var(--tone-primary) !important;
    color: #ffffff !important;
    border-top-left-radius: 16px;
    transition: ease-in-out 0.3s;
}

[b-gp9eukfx3l] .e-tab .e-tab-header .e-toolbar-item .e-tab-text:hover {
    color: #ffffff !important;
    transition: ease-in-out 0.3s;
}

.invalid[b-gp9eukfx3l] {
    outline: 1px solid var(--tone-danger);
}
/* /Components/Onboarding/Shared/AccountForm.razor.rz.scp.css */
.emailinusewarning[b-998kmpq000] {
}

.email-code-grid[b-998kmpq000] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    max-width: 24rem;
}

[b-998kmpq000] .email-code-box {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    width: 100%;
    max-width: 24rem;
}

[b-998kmpq000] .email-code-box input {
    width: 100%;
    height: 2.75rem;
    border: 1px solid var(--tone-border-light);
    border-radius: 10px;
    text-align: center;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: #fff;
}

[b-998kmpq000] .email-code-box input:focus {
    outline: none;
    border-color: var(--tone-primary);
    box-shadow: 0 0 0 0.18rem rgba(0, 200, 202, 0.22);
}

[b-998kmpq000] .email-code-box.email-code-box--ok input {
    border-color: var(--color-green);
    background: var(--soft-green-bg);
}

.email-code-box[b-998kmpq000] {
    width: 100%;
    height: 2.75rem;
    border: 1px solid var(--tone-border-light);
    border-radius: 10px;
    text-align: center;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: #fff;
}

.email-code-box:focus[b-998kmpq000] {
    outline: none;
    border-color: var(--tone-primary);
    box-shadow: 0 0 0 0.18rem rgba(0, 200, 202, 0.22);
}

.email-code-box--ok[b-998kmpq000] {
    border-color: var(--color-green);
    background: var(--soft-green-bg);
}
/* /Components/Pages/ESign/Dashboard.razor.rz.scp.css */
/* E-Sign dashboard. Scoped to Dashboard.razor; colours are local tokens so the page can later adopt shared design tokens. */
.es-page[b-fk5llqeza1] {
    --es-ink: #17261f;
    --es-muted: #566a60;
    --es-line: #dfe8e3;
    --es-line-strong: #c9d8d0;
    --es-brand: #0f6b4f;
    --es-brand-dark: #0a5a41;
    --es-surface: #fff;
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    color: var(--es-ink);
    padding: 40px 24px 64px;
}

.es-wrap[b-fk5llqeza1] { max-width: 1120px; margin: 0 auto; display: flex; flex-direction: column; gap: 28px; }
.es-sr[b-fk5llqeza1] { position: absolute; left: -9999px; }

.es-header[b-fk5llqeza1] { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; }
.es-header-copy[b-fk5llqeza1] { flex: 1 1 360px; min-width: 260px; }
.es-header-copy h1[b-fk5llqeza1] { margin: 0; font-size: 34px; line-height: 1.15; font-weight: 800; letter-spacing: -0.02em; }
.es-header-copy p[b-fk5llqeza1] { margin: 8px 0 0; font-size: 16px; line-height: 1.5; color: #4a5d54; }
.es-header-actions[b-fk5llqeza1] { display: flex; flex-wrap: wrap; gap: 10px; }

.es-btn[b-fk5llqeza1] { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 20px; border-radius: 12px; font-weight: 700; font-size: 15px; text-decoration: none; box-sizing: border-box; transition: background .15s; cursor: pointer; }
.es-btn--primary[b-fk5llqeza1] { background: var(--es-brand); color: #fff; border: 0; }
.es-btn--primary:hover[b-fk5llqeza1] { background: var(--es-brand-dark); color: #fff; }
.es-btn--ghost[b-fk5llqeza1] { background: var(--es-surface); color: var(--es-ink); border: 1.5px solid var(--es-line-strong); font-weight: 600; padding: 0 18px; }
.es-btn--ghost:hover[b-fk5llqeza1] { background: #eef4f1; color: var(--es-ink); }
.es-btn:focus-visible[b-fk5llqeza1], .es-tile:focus-visible[b-fk5llqeza1], .es-chip:focus-visible[b-fk5llqeza1], .es-row:focus-visible[b-fk5llqeza1], .es-search input:focus-visible[b-fk5llqeza1] { outline: 3px solid var(--es-brand); outline-offset: 2px; }

.es-note[b-fk5llqeza1] { padding: 12px 16px; border-radius: 12px; background: var(--es-surface); border: 1.5px solid var(--es-line); color: var(--es-muted); font-size: 14px; }
.es-note--usage[b-fk5llqeza1] { color: var(--es-ink); }

/* Summary tiles */
.es-tiles[b-fk5llqeza1] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.es-tile[b-fk5llqeza1] { text-align: left; cursor: pointer; display: flex; flex-direction: column; gap: 6px; padding: 18px 18px 16px; border-radius: 16px; background: var(--es-surface); border: 2px solid transparent; box-shadow: 0 1px 2px rgba(23, 38, 31, .05); transition: transform .15s; font: inherit; color: inherit; }
.es-tile:hover[b-fk5llqeza1] { transform: translateY(-1px); }
.es-tile.is-active[b-fk5llqeza1] { border-color: var(--es-brand); }
.es-tile-top[b-fk5llqeza1] { display: flex; align-items: center; justify-content: space-between; }
.es-tile-icon[b-fk5llqeza1] { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; }
.es-tile-count[b-fk5llqeza1] { font-size: 34px; font-weight: 800; letter-spacing: -0.02em; }
.es-tile-label[b-fk5llqeza1] { font-size: 15px; font-weight: 700; }
.es-tile-hint[b-fk5llqeza1] { font-size: 13px; color: var(--es-muted); }
.es-tile--draft .es-tile-icon[b-fk5llqeza1] { background: #e9ecea; color: #44534b; }
.es-tile--draft .es-tile-count[b-fk5llqeza1] { color: #44534b; }
.es-tile--awaiting .es-tile-icon[b-fk5llqeza1] { background: #dfeafc; color: #1d4ea0; }
.es-tile--awaiting .es-tile-count[b-fk5llqeza1] { color: #1d4ea0; }
.es-tile--done .es-tile-icon[b-fk5llqeza1] { background: #d9f1e5; color: #0b5a3f; }
.es-tile--done .es-tile-count[b-fk5llqeza1] { color: #0b5a3f; }
.es-tile--attn .es-tile-icon[b-fk5llqeza1] { background: #fde3df; color: #a3281b; }
.es-tile--attn .es-tile-count[b-fk5llqeza1] { color: #a3281b; }

/* Search and filters */
.es-toolbar[b-fk5llqeza1] { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.es-search[b-fk5llqeza1] { flex: 1 1 300px; position: relative; display: block; margin: 0; }
.es-search svg[b-fk5llqeza1] { position: absolute; left: 14px; top: 14px; color: var(--es-muted); }
.es-search input[b-fk5llqeza1] { width: 100%; box-sizing: border-box; min-height: 46px; padding: 0 14px 0 42px; border-radius: 12px; border: 1.5px solid var(--es-line-strong); font: inherit; font-size: 15px; background: var(--es-surface); color: var(--es-ink); }
.es-chips[b-fk5llqeza1] { display: flex; flex-wrap: wrap; gap: 8px; }
.es-chip[b-fk5llqeza1] { cursor: pointer; min-height: 44px; padding: 0 16px; border-radius: 999px; font: inherit; font-size: 14px; font-weight: 600; border: 1.5px solid var(--es-line-strong); background: var(--es-surface); color: var(--es-ink); }
.es-chip.is-active[b-fk5llqeza1] { background: var(--es-brand); border-color: var(--es-brand); color: #fff; }

/* Request rows */
.es-list[b-fk5llqeza1] { display: flex; flex-direction: column; gap: 10px; }
.es-row[b-fk5llqeza1] { display: flex; flex-wrap: wrap; gap: 14px 20px; align-items: center; padding: 16px 20px; border-radius: 16px; background: var(--es-surface); border: 1.5px solid var(--es-line); color: inherit; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.es-row:hover[b-fk5llqeza1] { border-color: #8cc5ac; box-shadow: 0 4px 14px rgba(15, 107, 79, .10); color: inherit; }
.es-row-icon[b-fk5llqeza1] { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; background: #e8f3ee; color: var(--es-brand); }
.es-row-main[b-fk5llqeza1] { flex: 1 1 240px; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.es-row-name[b-fk5llqeza1] { font-size: 16px; font-weight: 700; overflow-wrap: anywhere; }
.es-row-meta[b-fk5llqeza1] { font-size: 13px; color: var(--es-muted); }
.es-row-people[b-fk5llqeza1] { display: flex; align-items: center; gap: 10px; flex: 0 1 220px; }
.es-avatars[b-fk5llqeza1] { display: flex; padding-right: 8px; }
.es-avatar[b-fk5llqeza1] { width: 32px; height: 32px; border-radius: 50%; margin-right: -8px; border: 2px solid #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; background: #e9ecea; color: #44534b; }
.es-avatar--signed[b-fk5llqeza1] { background: #d9f1e5; color: #0b5a3f; }
.es-avatar--viewed[b-fk5llqeza1] { background: #fff1d6; color: #8a5300; }
.es-avatar--declined[b-fk5llqeza1] { background: #fde3df; color: #a3281b; }
.es-row-progress[b-fk5llqeza1] { margin-left: 8px; font-size: 13px; font-weight: 500; color: var(--es-muted); }
.es-row-chev[b-fk5llqeza1] { color: #7a8f85; }

.es-pill[b-fk5llqeza1] { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 700; }
.es-pill-dot[b-fk5llqeza1] { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.es-pill--draft[b-fk5llqeza1] { background: #e9ecea; color: #44534b; }
.es-pill--awaiting[b-fk5llqeza1] { background: #dfeafc; color: #1d4ea0; }
.es-pill--done[b-fk5llqeza1] { background: #d9f1e5; color: #0b5a3f; }
.es-pill--attn[b-fk5llqeza1] { background: #fde3df; color: #a3281b; }

/* Empty states and footnote */
.es-empty[b-fk5llqeza1] { text-align: center; padding: 48px 24px; border-radius: 16px; background: var(--es-surface); border: 1.5px dashed var(--es-line-strong); }
.es-empty h2[b-fk5llqeza1] { margin: 0; font-size: 20px; font-weight: 800; }
.es-empty p[b-fk5llqeza1] { margin: 8px 0 0; font-size: 14px; color: var(--es-muted); }
.es-empty-actions[b-fk5llqeza1] { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 18px; }
.es-empty--inline[b-fk5llqeza1] { padding: 32px 24px; }
.es-fineprint[b-fk5llqeza1] { font-size: 13px; color: var(--es-muted); text-align: center; margin-top: 12px; }

@media (max-width: 640px) {
    .es-page[b-fk5llqeza1] { padding: 24px 16px 48px; }
    .es-header-copy h1[b-fk5llqeza1] { font-size: 28px; }
    .es-row-people[b-fk5llqeza1] { flex-basis: 100%; }
}
/* /Components/Pages/ESign/GuestStart.razor.rz.scp.css */
/* One-shot request page. Tokens and base look come from wwwroot/css/service.css (.svc);
   this file is layout, the rotating hero, step cards, the mobile wizard and Syncfusion field skin. */

.svc-oneshot[b-zc4pzs5h7v] {
    width: 100%;
    max-width: 70rem;
}

.os[b-zc4pzs5h7v] {
    --os-cta: #00797c;            /* white text passes 4.5:1 (raw accent #00c8ca does not) */
    --os-cta-hover: #006669;
    --os-ease: var(--svc-ease, cubic-bezier(.22, 1, .36, 1));
}

html[data-theme="dark"] .os[b-zc4pzs5h7v] {
    --os-cta: #00a3a6;
    --os-cta-hover: #00b5b8;
}

/* ── Hero ─────────────────────────────────────────────────────────── */
.os-hero[b-zc4pzs5h7v] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
    padding-block: clamp(.5rem, 3vw, 2.5rem) clamp(1rem, 3vw, 2rem);
}

.os-hero > *[b-zc4pzs5h7v] {
    position: relative;
    z-index: 1;
    animation: os-up-b-zc4pzs5h7v .75s var(--os-ease) both;
}

.os-hero > .os-hbg[b-zc4pzs5h7v] {
    position: absolute;
    z-index: 0;
    right: -1.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: clamp(18.75rem, 34vw, 27.5rem);
    height: auto;
    opacity: .25;
    pointer-events: none;
    mix-blend-mode: multiply;      /* hides the logo's white background on the light page */
    animation: none;
}

html[data-theme="dark"] .os-hero > .os-hbg[b-zc4pzs5h7v] {
    filter: invert(1) hue-rotate(180deg);
    mix-blend-mode: screen;
}

/* Three phrases share one grid cell and take turns: 5s each, 15s loop. */
.os-hrot[b-zc4pzs5h7v] {
    display: grid;
    margin-top: 1.1rem;
    font-size: clamp(2.4rem, 6.4vw, 4.75rem);
    line-height: 1.1;
    letter-spacing: -.035em;
    font-weight: 700;
    animation-delay: .1s;
}

.os-hrot > span[b-zc4pzs5h7v] {
    grid-area: 1 / 1;
    display: block;
    white-space: nowrap;
    opacity: 0;
    animation: os-rotate-b-zc4pzs5h7v 15s var(--os-ease) infinite;
}

.os-hrot > span:nth-child(2)[b-zc4pzs5h7v] { animation-delay: 5s; }
.os-hrot > span:nth-child(3)[b-zc4pzs5h7v] { animation-delay: 10s; }

@keyframes os-rotate-b-zc4pzs5h7v {
    0%        { opacity: 0; transform: translateY(16px);  filter: blur(6px); }
    4%, 29%   { opacity: 1; transform: none;              filter: none; }
    33%, 100% { opacity: 0; transform: translateY(-12px); filter: blur(6px); }
}

.os-lead[b-zc4pzs5h7v] {
    max-width: 46rem;
    margin: 1.25rem 0 0;
    text-align: left;
}

.os-chips[b-zc4pzs5h7v] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.4rem;
}

.os-chip[b-zc4pzs5h7v] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .55rem .9rem;
    font-size: .9375rem;
    font-weight: 550;
    background: var(--svc-surface);
    border: 1px solid var(--svc-border);
    border-radius: 999px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.os-chip svg[b-zc4pzs5h7v] {
    width: 1rem;
    height: 1rem;
    stroke: var(--svc-accent-ink);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.os-acc[b-zc4pzs5h7v] { display: none; }

/* ── Layout ───────────────────────────────────────────────────────── */
.checkout-layout[b-zc4pzs5h7v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 23.75rem;
    gap: 1.5rem;
    align-items: start;
    margin-top: clamp(1rem, 3vw, 2rem);
}

.checkout-main[b-zc4pzs5h7v] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

.checkout-summary[b-zc4pzs5h7v] {
    position: sticky;
    top: 1.25rem;
    height: max-content;
}

@media (max-width: 1099px) {
    .checkout-layout[b-zc4pzs5h7v] {
        display: block;
    }

    .checkout-summary[b-zc4pzs5h7v] {
        position: static;
        margin-top: 1.25rem;
    }
}

/* ── Step cards: frosted material, same family as .svc-card ──────── */
.os-card[b-zc4pzs5h7v] {
    padding: clamp(1.25rem, 3vw, 2rem);
    background: var(--svc-surface);
    -webkit-backdrop-filter: blur(24px) saturate(1.4);
    backdrop-filter: blur(24px) saturate(1.4);
    border: 1px solid var(--svc-border);
    border-radius: var(--svc-radius-l);
    box-shadow: var(--svc-shadow-2);
    animation: os-up-b-zc4pzs5h7v .75s var(--os-ease) both;
}

.checkout-main > .os-card:nth-child(1)[b-zc4pzs5h7v] { animation-delay: .10s; }
.checkout-main > .os-card:nth-child(2)[b-zc4pzs5h7v] { animation-delay: .18s; }
.checkout-main > .os-card:nth-child(3)[b-zc4pzs5h7v] { animation-delay: .26s; }
.checkout-main > .os-card:nth-child(4)[b-zc4pzs5h7v] { animation-delay: .34s; }
.os-sum[b-zc4pzs5h7v] { animation-name: os-pop-b-zc4pzs5h7v; animation-delay: .25s; }

@media (prefers-reduced-transparency: reduce) {
    .os-card[b-zc4pzs5h7v], .os-chip[b-zc4pzs5h7v] { background: var(--svc-surface-solid); -webkit-backdrop-filter: none; backdrop-filter: none; }
}

.os-sh[b-zc4pzs5h7v] {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin-bottom: 1.4rem;
}

.os-sh h2[b-zc4pzs5h7v] {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 650;
    letter-spacing: -.02em;
    line-height: 1.2;
}

.os-sh h2 small[b-zc4pzs5h7v] {
    display: block;
    margin-top: .15rem;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--svc-text-2);
}

.os-num[b-zc4pzs5h7v] {
    flex: none;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    font-size: .9375rem;
    font-weight: 700;
    color: var(--svc-accent-ink);
    background: color-mix(in srgb, var(--svc-accent) 16%, transparent);
}

.os-sub[b-zc4pzs5h7v] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: .75rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    margin-bottom: .6rem;
}

.os-fine[b-zc4pzs5h7v] {
    margin: 0 0 .25rem;
    font-size: .9375rem;
    color: var(--svc-text-2);
}

.os-note[b-zc4pzs5h7v] {
    border-radius: 14px;
}

.os-grid[b-zc4pzs5h7v] {
    overflow-x: auto;
    border-radius: var(--svc-radius-s);
}

.os-sum__title[b-zc4pzs5h7v] {
    margin: 0 0 1.1rem;
    font-size: 1.375rem;
    font-weight: 650;
    letter-spacing: -.02em;
}

.os-total span:last-child[b-zc4pzs5h7v] {
    font-size: 1.75rem;
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
}

.os-terms[b-zc4pzs5h7v] {
    min-height: 2.75rem;
    color: var(--svc-text-2);
    font-size: .9375rem;
}

.os-terms a[b-zc4pzs5h7v] { color: var(--svc-accent-ink); font-weight: 550; }

/* ── Stripe Payment Element mount box ─────────────────────────────── */
.payment-box[b-zc4pzs5h7v] {
    border: 1px solid var(--svc-border);
    border-radius: var(--svc-radius-s);
    padding: .85rem;
    background: var(--svc-surface-solid);
}

/* ── Primary action: teal that clears contrast with white text ───── */
.os-sum[b-zc4pzs5h7v]  .e-btn.e-primary.os-cta,
.os-sum[b-zc4pzs5h7v]  .e-btn.e-primary.os-cta:not(:disabled) {
    background: var(--os-cta);
    min-height: 3.5rem;
    font-size: 1.125rem;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--os-cta) 35%, transparent);
}

.os-sum[b-zc4pzs5h7v]  .e-btn.e-primary.os-cta:hover:not(:disabled) { background: var(--os-cta-hover); }
.os-sum[b-zc4pzs5h7v]  .e-btn.e-primary.os-cta:active:not(:disabled) { background: var(--os-cta-hover); }
.os-sum[b-zc4pzs5h7v]  .e-btn.e-primary.os-cta:disabled { opacity: .4; box-shadow: none; }

/* ── Syncfusion field skin (inputs, masked, numeric, dropdowns) ─── */
.os-card[b-zc4pzs5h7v]  .e-input-group,
.os-card[b-zc4pzs5h7v]  .e-input-group.e-control-wrapper {
    min-height: 3.1rem;
    background: var(--svc-field);
    border: 1.5px solid transparent;
    border-radius: 14px;
    transition: background .2s, border-color .2s, box-shadow .25s var(--os-ease);
}

.os-card[b-zc4pzs5h7v]  .e-input-group:hover:not(.e-input-focus) {
    background: color-mix(in srgb, var(--svc-field) 60%, var(--svc-surface-solid));
}

.os-card[b-zc4pzs5h7v]  .e-input-group.e-input-focus,
.os-card[b-zc4pzs5h7v]  .e-input-group.e-control-wrapper.e-input-focus {
    background: var(--svc-field-focus);
    border-color: var(--svc-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--svc-accent) 22%, transparent);
}

.os-card[b-zc4pzs5h7v]  .e-input-group.e-error {
    border-color: var(--svc-danger);
}

.os-card[b-zc4pzs5h7v]  .e-input-group input.e-input,
.os-card[b-zc4pzs5h7v]  .e-input-group textarea.e-input {
    background: transparent;
    font-size: 1.0625rem;
    color: var(--svc-text);
}

.os-card[b-zc4pzs5h7v]  .e-input-group::before,
.os-card[b-zc4pzs5h7v]  .e-input-group::after,
.os-card[b-zc4pzs5h7v]  .e-float-line {
    display: none;
}

.os-card[b-zc4pzs5h7v]  .e-input-group .e-spin-up,
.os-card[b-zc4pzs5h7v]  .e-input-group .e-spin-down {
    min-width: 2.75rem;
}

/* Keep the native invalid background icons from tiling */
.e-input-group input[b-zc4pzs5h7v],
.e-control.e-textbox[b-zc4pzs5h7v],
.e-maskedtextbox input[b-zc4pzs5h7v] {
    background-image: none !important;
}

/* ── Mobile step-through wizard ───────────────────────────────────── */
.os-wiz[b-zc4pzs5h7v],
.os-wnav[b-zc4pzs5h7v] {
    display: none;
}

.os-wb[b-zc4pzs5h7v] {
    font: inherit;
    font-size: 1.0625rem;
    font-weight: 600;
    min-height: 3.25rem;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    transition: transform 100ms ease-out, opacity .2s;
}

.os-wb:active[b-zc4pzs5h7v] { transform: scale(.97); }
.os-wb:focus-visible[b-zc4pzs5h7v] { outline: 3px solid var(--svc-accent); outline-offset: 3px; }
.os-wb--back[b-zc4pzs5h7v] { flex: 0 0 6rem; color: var(--svc-text); background: var(--svc-field); }
.os-wb--back:disabled[b-zc4pzs5h7v] { opacity: .35; cursor: default; }
.os-wb--next[b-zc4pzs5h7v] {
    flex: 1;
    color: #fff;
    background: var(--os-cta);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--os-cta) 35%, transparent);
}

@media (max-width: 640px) {
    /* hero: smaller rotating headline over the centred logo, no paragraph, chips in an accordion */
    .os-hero[b-zc4pzs5h7v] { min-height: 12rem; padding-block: .5rem .25rem; }

    .os-hero > .os-hbg[b-zc4pzs5h7v] {
        left: 50%;
        right: auto;
        width: 17.5rem;
        transform: translate(-50%, -50%);
    }

    .os-lead[b-zc4pzs5h7v],
    .os-chips--desk[b-zc4pzs5h7v] { display: none; }

    .os-hrot[b-zc4pzs5h7v] {
        height: 5.25rem;
        align-items: start;
        margin-top: 1rem;
        font-size: 1.875rem;
        line-height: 1.12;
        letter-spacing: -.03em;
    }

    .os-hrot > span[b-zc4pzs5h7v] { white-space: normal; }

    .os-acc[b-zc4pzs5h7v] { display: block; margin-top: .6rem; }

    .os-acc > summary[b-zc4pzs5h7v] {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        min-height: 2.75rem;
        padding: 0 1rem;
        list-style: none;
        cursor: pointer;
        font-size: .9375rem;
        font-weight: 600;
        color: var(--svc-accent-ink);
        background: var(--svc-surface);
        border: 1px solid var(--svc-border);
        border-radius: 999px;
    }

    .os-acc > summary[b-zc4pzs5h7v]::-webkit-details-marker { display: none; }

    .os-acc > summary[b-zc4pzs5h7v]::after {
        content: "";
        width: .5rem;
        height: .5rem;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg) translateY(-2px);
        transition: transform .3s var(--os-ease);
    }

    .os-acc[open] > summary[b-zc4pzs5h7v]::after { transform: rotate(-135deg) translate(-2px, -2px); }
    .os-acc > summary:focus-visible[b-zc4pzs5h7v] { outline: 3px solid var(--svc-accent); outline-offset: 3px; }
    .os-acc .os-chips[b-zc4pzs5h7v] { margin-top: .75rem; animation: os-up-b-zc4pzs5h7v .45s var(--os-ease) both; }

    /* wizard: one section at a time. Everything stays in the DOM and in the form. */
    .os-sec[b-zc4pzs5h7v] { display: none; }
    .os-step-1 .os-st1[b-zc4pzs5h7v],
    .os-step-2 .os-st2[b-zc4pzs5h7v],
    .os-step-3 .os-st3[b-zc4pzs5h7v],
    .os-step-4 .os-st4[b-zc4pzs5h7v],
    .os-step-5 .os-st5[b-zc4pzs5h7v] { display: block; }

    .os-wiz[b-zc4pzs5h7v] { display: block; margin-top: 1rem; }

    .os-wiz__label[b-zc4pzs5h7v] {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        margin-bottom: .6rem;
        font-size: .8125rem;
        color: var(--svc-text-2);
    }

    .os-wiz__label b[b-zc4pzs5h7v] { font-size: .9375rem; font-weight: 650; color: var(--svc-text); }

    .os-wiz__bar[b-zc4pzs5h7v] { height: .375rem; overflow: hidden; border-radius: 99px; background: var(--svc-field); }

    .os-wiz__bar i[b-zc4pzs5h7v] {
        display: block;
        height: 100%;
        border-radius: 99px;
        background: linear-gradient(90deg, var(--svc-accent), #0a84ff);
        transition: width .5s var(--os-ease);
    }

    .os-wnav[b-zc4pzs5h7v] {
        display: flex;
        gap: .75rem;
        position: sticky;
        bottom: 0;
        z-index: 5;
        padding: .9rem 0 calc(.9rem + env(safe-area-inset-bottom));
        background: linear-gradient(to top, var(--svc-bg) 70%, transparent);
    }

    .os-sh h2[b-zc4pzs5h7v] { font-size: 1.25rem; }
    .os-card[b-zc4pzs5h7v] { border-radius: var(--svc-radius-m); }
}

/* ── Desktop: cards and fields ease into place as they scroll in ─── */
@keyframes os-scrollin-b-zc4pzs5h7v {
    from { opacity: 0; transform: translateY(48px) scale(.97); }
    to   { opacity: 1; transform: none; }
}

@supports (animation-timeline: view()) {
    @media (min-width: 641px) {
        .checkout-main > .os-card[b-zc4pzs5h7v] {
            animation: os-scrollin-b-zc4pzs5h7v linear both;
            animation-timeline: view();
            animation-range: entry 0% entry 45%;
        }

        .checkout-main > .os-card .os-sh[b-zc4pzs5h7v],
        .checkout-main > .os-card .row[b-zc4pzs5h7v],
        .checkout-main > .os-card .os-grid[b-zc4pzs5h7v] {
            animation: os-scrollin-b-zc4pzs5h7v linear both;
            animation-timeline: view();
            animation-range: entry 10% entry 70%;
        }
    }
}

@keyframes os-up-b-zc4pzs5h7v {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: none; }
}

@keyframes os-pop-b-zc4pzs5h7v {
    from { opacity: 0; transform: scale(.97); }
    to   { opacity: 1; transform: none; }
}

@keyframes os-fade-b-zc4pzs5h7v {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ── Reduced motion: no slides, no loop; the first phrase stays up ─ */
@media (prefers-reduced-motion: reduce) {
    .os-hero > *[b-zc4pzs5h7v],
    .os-card[b-zc4pzs5h7v],
    .os-sum[b-zc4pzs5h7v],
    .os-acc .os-chips[b-zc4pzs5h7v] {
        animation: os-fade-b-zc4pzs5h7v .2s ease both !important;
        animation-timeline: auto !important;
        animation-range: normal !important;
        animation-delay: 0s !important;
    }

    .checkout-main > .os-card .os-sh[b-zc4pzs5h7v],
    .checkout-main > .os-card .row[b-zc4pzs5h7v],
    .checkout-main > .os-card .os-grid[b-zc4pzs5h7v] {
        animation: none !important;
    }

    .os-hrot > span[b-zc4pzs5h7v] { animation: none !important; opacity: 0; filter: none; }
    .os-hrot > span:first-child[b-zc4pzs5h7v] { opacity: 1; }
    .os-wb[b-zc4pzs5h7v], .os-wiz__bar i[b-zc4pzs5h7v] { transition-duration: .01ms; }
}

/* ── Guest funnel: the stepper is the layout at every width ──────── */
.os-wiz[b-zc4pzs5h7v] { display: block; margin-top: 1rem; }

.os-wiz__label[b-zc4pzs5h7v] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: .6rem;
    font-size: .8125rem;
    color: var(--svc-text-2);
}

.os-wiz__label b[b-zc4pzs5h7v] { font-size: .9375rem; font-weight: 650; color: var(--svc-text); }
.os-wiz__bar[b-zc4pzs5h7v] { height: .375rem; overflow: hidden; border-radius: 99px; background: var(--svc-field); }

.os-wiz__bar i[b-zc4pzs5h7v] {
    display: block;
    height: 100%;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--svc-accent), #0a84ff);
    transition: width .5s var(--os-ease);
}

.gs-pane[b-zc4pzs5h7v] { display: none; }
.gs-step-1 .gs-st1[b-zc4pzs5h7v],
.gs-step-2 .gs-st2[b-zc4pzs5h7v],
.gs-step-3 .gs-st3[b-zc4pzs5h7v],
.gs-step-4 .gs-st4[b-zc4pzs5h7v] { display: block; }

.gs-nav[b-zc4pzs5h7v] { display: flex; gap: .75rem; justify-content: flex-end; margin-top: 1.25rem; flex-wrap: wrap; }
.gs-nav .os-wb[b-zc4pzs5h7v] { padding-inline: 1.75rem; }
.gs-nav .os-wb--next[b-zc4pzs5h7v] { flex: 0 0 auto; }
.gs-nav .os-wb--back[b-zc4pzs5h7v] { flex: 0 0 auto; }
.gs-nav .os-wb:disabled[b-zc4pzs5h7v] { opacity: .4; cursor: default; }

/* The field editor needs the full width, so the summary steps aside while placing fields. */
.checkout-layout.gs-wide[b-zc4pzs5h7v] { grid-template-columns: minmax(0, 1fr); }
.checkout-layout.gs-wide .checkout-summary[b-zc4pzs5h7v] { display: none; }

.gs-signer[b-zc4pzs5h7v] { display: grid; grid-template-columns: 1fr 1fr auto; gap: .5rem; align-items: center; margin-bottom: .5rem; }
@media (max-width: 640px) { .gs-signer[b-zc4pzs5h7v] { grid-template-columns: 1fr; } }

.gs-hp[b-zc4pzs5h7v] { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.gs-error[b-zc4pzs5h7v] { color: #c0362c; font-size: .875rem; margin-top: .5rem; }

/* Placing fields: the document viewer needs the whole screen, not the 70rem checkout column. */
.gs-stage-wide[b-zc4pzs5h7v] { place-items: start stretch; padding-inline: clamp(.5rem, 2vw, 1.5rem); }
.gs-step-3.svc-oneshot[b-zc4pzs5h7v] { max-width: none; }
.gs-step-3 .os-hero[b-zc4pzs5h7v] { display: none; }
.gs-step-3 .os-wiz[b-zc4pzs5h7v] { margin-top: 0; }
/* /Components/Pages/ESign/MyEsignDetail.razor.rz.scp.css */
/* Sender's request detail. Scoped to MyEsignDetail.razor. */
.ed-page[b-ogx2tk7a5w] {
    --ed-ink: #17261f;
    --ed-muted: #566a60;
    --ed-line: #dfe8e3;
    --ed-line-strong: #c9d8d0;
    --ed-brand: #0f6b4f;
    --ed-brand-dark: #0a5a41;
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    color: var(--ed-ink);
    padding: 32px 24px 64px;
}

.ed-wrap[b-ogx2tk7a5w] { max-width: 1040px; margin: 0 auto; display: flex; flex-direction: column; gap: 24px; }
.ed-muted[b-ogx2tk7a5w] { color: var(--ed-muted); }

.ed-back[b-ogx2tk7a5w] { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; align-self: flex-start; font-size: 14px; font-weight: 600; color: var(--ed-brand); text-decoration: none; }
.ed-back:focus-visible[b-ogx2tk7a5w], .ed-btn:focus-visible[b-ogx2tk7a5w] { outline: 3px solid var(--ed-brand); outline-offset: 2px; }

.ed-header[b-ogx2tk7a5w] { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; justify-content: space-between; }
.ed-header-copy[b-ogx2tk7a5w] { flex: 1 1 360px; min-width: 0; }
.ed-header-copy h1[b-ogx2tk7a5w] { margin: 12px 0 4px; font-size: 32px; line-height: 1.15; font-weight: 800; letter-spacing: -0.02em; overflow-wrap: anywhere; }
.ed-header-copy p[b-ogx2tk7a5w] { margin: 0; font-size: 15px; line-height: 1.5; color: #4a5d54; }
.ed-actions[b-ogx2tk7a5w] { display: flex; flex-wrap: wrap; gap: 10px; }

.ed-btn[b-ogx2tk7a5w] { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 20px; border-radius: 12px; font-weight: 700; font-size: 15px; text-decoration: none; box-sizing: border-box; transition: background .15s; }
.ed-btn--primary[b-ogx2tk7a5w] { background: var(--ed-brand); color: #fff; }
.ed-btn--primary:hover[b-ogx2tk7a5w] { background: var(--ed-brand-dark); color: #fff; }
.ed-btn--ghost[b-ogx2tk7a5w] { background: #fff; color: var(--ed-ink); border: 1.5px solid var(--ed-line-strong); font-weight: 600; padding: 0 18px; }
.ed-btn--ghost:hover[b-ogx2tk7a5w] { background: #eef4f1; color: var(--ed-ink); }

.ed-pill[b-ogx2tk7a5w] { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 700; }
.ed-pill-dot[b-ogx2tk7a5w] { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.ed-pill--draft[b-ogx2tk7a5w] { background: #e9ecea; color: #44534b; }
.ed-pill--awaiting[b-ogx2tk7a5w] { background: #dfeafc; color: #1d4ea0; }
.ed-pill--done[b-ogx2tk7a5w] { background: #d9f1e5; color: #0b5a3f; }
.ed-pill--attn[b-ogx2tk7a5w] { background: #fde3df; color: #a3281b; }

/* Progress tracker */
.ed-steps[b-ogx2tk7a5w] { list-style: none; margin: 0; padding: 24px 28px; background: #fff; border: 1.5px solid var(--ed-line); border-radius: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 20px; }
.ed-step[b-ogx2tk7a5w] { display: flex; align-items: center; gap: 12px; }
.ed-step-mark[b-ogx2tk7a5w] { flex: none; width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; background: #fff; color: #8a5300; border: 2px solid var(--ed-line-strong); }
.ed-step--ok .ed-step-mark[b-ogx2tk7a5w] { background: var(--ed-brand); border-color: var(--ed-brand); color: #fff; }
.ed-step--now .ed-step-mark[b-ogx2tk7a5w] { background: #fff1d6; border-color: #d9a13b; }
.ed-step-text[b-ogx2tk7a5w] { display: flex; flex-direction: column; gap: 2px; }
.ed-step-label[b-ogx2tk7a5w] { font-size: 15px; font-weight: 700; }
.ed-step-when[b-ogx2tk7a5w] { font-size: 13px; color: var(--ed-muted); }

.ed-columns[b-ogx2tk7a5w] { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
.ed-col[b-ogx2tk7a5w] { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.ed-col--people[b-ogx2tk7a5w] { flex: 1 1 440px; }
.ed-col--activity[b-ogx2tk7a5w] { flex: 1 1 320px; }
.ed-col h2[b-ogx2tk7a5w] { margin: 0; font-size: 19px; font-weight: 800; }

/* Recipients */
.ed-person[b-ogx2tk7a5w] { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: center; background: #fff; border: 1.5px solid var(--ed-line); border-radius: 16px; padding: 16px 18px; }
.ed-avatar[b-ogx2tk7a5w] { flex: none; width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 800; background: #e9ecea; color: #44534b; }
.ed-avatar--signed[b-ogx2tk7a5w], .ed-tag--signed[b-ogx2tk7a5w] { background: #d9f1e5; color: #0b5a3f; }
.ed-avatar--viewed[b-ogx2tk7a5w], .ed-tag--viewed[b-ogx2tk7a5w] { background: #fff1d6; color: #8a5300; }
.ed-avatar--declined[b-ogx2tk7a5w], .ed-tag--declined[b-ogx2tk7a5w] { background: #fde3df; color: #a3281b; }
.ed-person-main[b-ogx2tk7a5w] { flex: 1 1 180px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ed-person-name[b-ogx2tk7a5w] { font-size: 16px; font-weight: 700; }
.ed-person-email[b-ogx2tk7a5w] { font-size: 13px; color: var(--ed-muted); overflow-wrap: anywhere; }
.ed-person-state[b-ogx2tk7a5w] { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.ed-tag[b-ogx2tk7a5w] { padding: 5px 11px; border-radius: 999px; font-size: 13px; font-weight: 700; background: #e9ecea; color: #44534b; }
.ed-person-when[b-ogx2tk7a5w] { font-size: 12px; color: var(--ed-muted); }

/* Activity feed */
.ed-feed[b-ogx2tk7a5w] { background: #fff; border: 1.5px solid var(--ed-line); border-radius: 16px; padding: 8px 20px; }
.ed-feed-empty[b-ogx2tk7a5w] { padding: 14px 0; font-size: 14px; }
.ed-feed-item[b-ogx2tk7a5w] { display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid #edf2ef; }
.ed-feed-item:last-child[b-ogx2tk7a5w] { border-bottom: 0; }
.ed-feed-dot[b-ogx2tk7a5w] { flex: none; margin-top: 5px; width: 10px; height: 10px; border-radius: 50%; background: #9db0a6; }
.ed-feed-item:first-child .ed-feed-dot[b-ogx2tk7a5w] { background: var(--ed-brand); }
.ed-feed-text[b-ogx2tk7a5w] { display: flex; flex-direction: column; gap: 2px; font-size: 14px; font-weight: 600; line-height: 1.4; }
.ed-feed-at[b-ogx2tk7a5w] { font-size: 12px; font-weight: 400; color: var(--ed-muted); }

.ed-empty[b-ogx2tk7a5w] { padding: 40px 24px; border-radius: 16px; background: #fff; border: 1.5px dashed var(--ed-line-strong); text-align: center; }
.ed-empty h1[b-ogx2tk7a5w] { margin: 0 0 8px; font-size: 22px; font-weight: 800; }
.ed-empty p[b-ogx2tk7a5w] { margin: 0; color: var(--ed-muted); }

@media (max-width: 640px) {
    .ed-page[b-ogx2tk7a5w] { padding: 24px 16px 48px; }
    .ed-header-copy h1[b-ogx2tk7a5w] { font-size: 26px; }
    .ed-steps[b-ogx2tk7a5w] { padding: 20px; }
}

.ed-actions--manage[b-ogx2tk7a5w] { margin: 4px 0 18px; }
.ed-confirm[b-ogx2tk7a5w] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 18px; padding: 12px 14px; border: 1px solid currentColor; border-radius: 12px; }
.ed-confirm p[b-ogx2tk7a5w] { margin: 0; flex: 1 1 260px; }

.ed-document[b-ogx2tk7a5w] { display: flex; flex-direction: column; gap: 12px; scroll-margin-top: 24px; }
.ed-document h2[b-ogx2tk7a5w] { margin: 0; font-size: 19px; font-weight: 800; }
.ed-document-preview[b-ogx2tk7a5w] { width: 100%; min-height: 68vh; border: 1.5px solid var(--ed-line); border-radius: 16px; background: #fff; }
.ed-document-unavailable[b-ogx2tk7a5w] { margin: 0; padding: 18px 20px; border: 1.5px solid var(--ed-line); border-radius: 16px; background: #fff; color: var(--ed-muted); }
/* /Components/Pages/ESign/MyEsigns.razor.rz.scp.css */
/* "My e-sign requests" list. Scoped to MyEsigns.razor. Logical properties are used for RTL locales. */
.em-page[b-174gbkgysv] {
    --em-ink: #17261f;
    --em-muted: #566a60;
    --em-line: #dfe8e3;
    --em-line-strong: #c9d8d0;
    --em-brand: #0f6b4f;
    --em-brand-dark: #0a5a41;
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    color: var(--em-ink);
    padding-block: 40px 64px;
    padding-inline: 24px;
}

.em-wrap[b-174gbkgysv] { max-inline-size: 1000px; margin-inline: auto; display: flex; flex-direction: column; gap: 28px; }
.em-sr[b-174gbkgysv] { position: absolute; inset-inline-start: -9999px; }

.em-header[b-174gbkgysv] { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; }
.em-header-copy[b-174gbkgysv] { flex: 1 1 340px; min-inline-size: 240px; }
.em-kicker[b-174gbkgysv] { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--em-brand); }
.em-header-copy h1[b-174gbkgysv] { margin: 6px 0 8px; font-size: 34px; line-height: 1.15; font-weight: 800; letter-spacing: -0.02em; }
.em-header-copy p[b-174gbkgysv] { margin: 0; font-size: 16px; line-height: 1.5; color: #4a5d54; }
.em-actions[b-174gbkgysv] { display: flex; flex-wrap: wrap; gap: 10px; }

.em-btn[b-174gbkgysv] { display: inline-flex; align-items: center; gap: 8px; min-block-size: 46px; padding-inline: 20px; border-radius: 12px; font-weight: 700; font-size: 15px; text-decoration: none; box-sizing: border-box; transition: background .15s; }
.em-btn--primary[b-174gbkgysv] { background: var(--em-brand); color: #fff; }
.em-btn--primary:hover[b-174gbkgysv] { background: var(--em-brand-dark); color: #fff; }
.em-btn--ghost[b-174gbkgysv] { background: #fff; color: var(--em-ink); border: 1.5px solid var(--em-line-strong); font-weight: 600; padding-inline: 18px; }
.em-btn--ghost:hover[b-174gbkgysv] { background: #eef4f1; color: var(--em-ink); }
.em-link[b-174gbkgysv] { min-block-size: 44px; display: inline-flex; align-items: center; font-size: 14px; font-weight: 700; color: var(--em-brand); text-decoration: none; }
.em-btn:focus-visible[b-174gbkgysv], .em-link:focus-visible[b-174gbkgysv], .em-row:focus-visible[b-174gbkgysv], .em-alert:focus-visible[b-174gbkgysv], .em-chip:focus-visible[b-174gbkgysv], .em-search input:focus-visible[b-174gbkgysv] { outline: 3px solid var(--em-brand); outline-offset: 2px; }

.em-section[b-174gbkgysv] { display: flex; flex-direction: column; gap: 14px; }
.em-h[b-174gbkgysv] { margin: 0; font-size: 17px; font-weight: 800; }
.em-h--attn[b-174gbkgysv] { color: #a3281b; }

/* Needs attention */
.em-alert[b-174gbkgysv] { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; padding: 16px 20px; border-radius: 16px; background: #fff5f2; border: 1.5px solid #f0c4bc; color: inherit; text-decoration: none; transition: background .15s; }
.em-alert:hover[b-174gbkgysv] { background: #fff0ec; color: inherit; }
.em-alert-icon[b-174gbkgysv] { flex: none; inline-size: 42px; block-size: 42px; border-radius: 12px; background: #fde3df; color: #a3281b; display: inline-flex; align-items: center; justify-content: center; }
.em-alert-main[b-174gbkgysv] { flex: 1 1 220px; min-inline-size: 0; display: flex; flex-direction: column; gap: 2px; }
.em-alert-meta[b-174gbkgysv] { font-size: 13px; color: #7a2a20; }
.em-alert-action[b-174gbkgysv] { font-size: 14px; font-weight: 700; color: #a3281b; }

/* Toolbar and chips */
.em-toolbar[b-174gbkgysv] { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.em-search[b-174gbkgysv] { flex: 1 1 240px; max-inline-size: 340px; position: relative; display: block; margin: 0; }
.em-search svg[b-174gbkgysv] { position: absolute; inset-inline-start: 14px; inset-block-start: 14px; color: var(--em-muted); }
.em-search input[b-174gbkgysv] { inline-size: 100%; box-sizing: border-box; min-block-size: 46px; padding-block: 0; padding-inline: 42px 14px; border-radius: 12px; border: 1.5px solid var(--em-line-strong); font: inherit; font-size: 15px; background: #fff; color: var(--em-ink); }
.em-chips[b-174gbkgysv] { display: flex; flex-wrap: wrap; gap: 8px; }
.em-chip[b-174gbkgysv] { cursor: pointer; min-block-size: 44px; padding-inline: 16px; border-radius: 999px; font: inherit; font-size: 14px; font-weight: 600; border: 1.5px solid var(--em-line-strong); background: #fff; color: var(--em-ink); }
.em-chip.is-active[b-174gbkgysv] { background: var(--em-brand); border-color: var(--em-brand); color: #fff; }
.em-chip-count[b-174gbkgysv] { opacity: .75; font-weight: 700; }

/* Rows */
.em-list[b-174gbkgysv] { display: flex; flex-direction: column; gap: 10px; }
.em-row[b-174gbkgysv] { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; padding: 16px 20px; border-radius: 16px; background: #fff; border: 1.5px solid var(--em-line); color: inherit; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.em-row:hover[b-174gbkgysv] { border-color: #8cc5ac; box-shadow: 0 4px 14px rgba(15, 107, 79, .10); color: inherit; }
.em-row-icon[b-174gbkgysv] { flex: none; inline-size: 44px; block-size: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; }
.em-row-main[b-174gbkgysv] { flex: 1 1 220px; min-inline-size: 0; display: flex; flex-direction: column; gap: 3px; }
.em-row-name[b-174gbkgysv] { font-size: 16px; font-weight: 700; overflow-wrap: anywhere; }
.em-row-meta[b-174gbkgysv] { font-size: 13px; color: var(--em-muted); }
.em-row-date[b-174gbkgysv] { flex: 0 0 110px; font-size: 13px; color: var(--em-muted); text-align: end; }
.em-row-chev[b-174gbkgysv] { color: #7a8f85; }
.em-pill[b-174gbkgysv] { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 700; }
.em-pill-dot[b-174gbkgysv] { inline-size: 7px; block-size: 7px; border-radius: 50%; background: currentColor; }
.em-tone--draft[b-174gbkgysv] { background: #e9ecea; color: #44534b; }
.em-tone--awaiting[b-174gbkgysv] { background: #dfeafc; color: #1d4ea0; }
.em-tone--done[b-174gbkgysv] { background: #d9f1e5; color: #0b5a3f; }
.em-tone--attn[b-174gbkgysv] { background: #fde3df; color: #a3281b; }

/* Empty and loading */
.em-empty[b-174gbkgysv] { text-align: center; padding: 56px 24px; border-radius: 22px; background: #fff; border: 1.5px solid var(--em-line); display: flex; flex-direction: column; align-items: center; gap: 14px; }
.em-empty--dashed[b-174gbkgysv] { border: 1.5px dashed #b6cbc0; }
.em-empty--inline[b-174gbkgysv] { padding: 32px 24px; border-radius: 16px; gap: 6px; }
.em-empty-icon[b-174gbkgysv] { inline-size: 64px; block-size: 64px; border-radius: 18px; background: #e0f0e8; color: var(--em-brand); display: inline-flex; align-items: center; justify-content: center; }
.em-empty h2[b-174gbkgysv] { margin: 0; font-size: 22px; font-weight: 800; }
.em-empty--inline h2[b-174gbkgysv] { font-size: 17px; }
.em-empty p[b-174gbkgysv] { margin: 0; max-inline-size: 440px; font-size: 15px; line-height: 1.5; color: var(--em-muted); }
.em-skeleton[b-174gbkgysv] { display: flex; flex-direction: column; gap: 10px; }
.em-skeleton div[b-174gbkgysv] { block-size: 84px; border-radius: 16px; background: #e4ece8; }

@media (max-width: 640px) {
    .em-page[b-174gbkgysv] { padding-block: 24px 48px; padding-inline: 16px; }
    .em-header-copy h1[b-174gbkgysv] { font-size: 28px; }
    .em-row-date[b-174gbkgysv] { flex-basis: 100%; text-align: start; }
}
/* /Components/Pages/ESign/New.razor.rz.scp.css */
/* E-Sign send hub. Scoped to New.razor. Logical properties keep it RTL-safe. */
.eh-page[b-bp3pu351eq] {
    --eh-ink: #17261f;
    --eh-muted: #566a60;
    --eh-line: #dfe8e3;
    --eh-brand: #0f6b4f;
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    color: var(--eh-ink);
    padding-block: 36px 64px;
    padding-inline: 24px;
}

.eh-wrap[b-bp3pu351eq] { max-inline-size: 1120px; margin-inline: auto; display: flex; flex-direction: column; gap: 32px; }

.eh-back[b-bp3pu351eq] { display: inline-flex; align-items: center; gap: 6px; min-block-size: 44px; font-size: 14px; font-weight: 600; color: var(--eh-brand); text-decoration: none; }
.eh-kicker[b-bp3pu351eq] { margin-block-start: 8px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--eh-brand); }
.eh-header h1[b-bp3pu351eq] { margin: 6px 0 8px; font-size: 36px; line-height: 1.12; font-weight: 800; letter-spacing: -0.02em; }
.eh-header p[b-bp3pu351eq] { margin: 0; max-inline-size: 640px; font-size: 16px; line-height: 1.5; color: #4a5d54; }

.eh-section[b-bp3pu351eq] { display: flex; flex-direction: column; gap: 14px; }
.eh-section h2[b-bp3pu351eq] { margin: 0; font-size: 20px; font-weight: 800; }

.eh-grid[b-bp3pu351eq] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.eh-card[b-bp3pu351eq] { display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 18px; background: #fff; border: 2px solid var(--eh-line); color: inherit; text-decoration: none; box-shadow: 0 1px 2px rgba(23, 38, 31, .05); transition: transform .15s, border-color .15s, box-shadow .15s; }
.eh-card:hover[b-bp3pu351eq] { transform: translateY(-2px); border-color: #8cc5ac; box-shadow: 0 6px 18px rgba(15, 107, 79, .12); color: inherit; }
.eh-card:focus-visible[b-bp3pu351eq], .eh-item:focus-visible[b-bp3pu351eq], .eh-back:focus-visible[b-bp3pu351eq], .eh-quick a:focus-visible[b-bp3pu351eq] { outline: 3px solid var(--eh-brand); outline-offset: 2px; }
.eh-card-icon[b-bp3pu351eq] { inline-size: 52px; block-size: 52px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; }
.eh-card-title[b-bp3pu351eq] { font-size: 17px; font-weight: 800; }
.eh-card-desc[b-bp3pu351eq] { font-size: 14px; line-height: 1.5; color: var(--eh-muted); }

.eh-card--primary[b-bp3pu351eq] { background: var(--eh-brand); border-color: var(--eh-brand); color: #fff; }
.eh-card--primary:hover[b-bp3pu351eq] { color: #fff; border-color: #0a5a41; background: #0a5a41; }
.eh-card--primary .eh-card-icon[b-bp3pu351eq] { background: rgba(255, 255, 255, .16); color: #fff; }
.eh-card--primary .eh-card-desc[b-bp3pu351eq] { color: #d8efe5; }
.eh-card--blue .eh-card-icon[b-bp3pu351eq] { background: #dfeafc; color: #1d4ea0; }
.eh-card--green .eh-card-icon[b-bp3pu351eq] { background: #d9f1e5; color: #0b5a3f; }
.eh-card--gold .eh-card-icon[b-bp3pu351eq] { background: #fff1d6; color: #8a5300; }

.eh-list[b-bp3pu351eq] { background: #fff; border: 1.5px solid var(--eh-line); border-radius: 18px; overflow: hidden; }
.eh-item[b-bp3pu351eq] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border-block-end: 1px solid #edf2ef; color: inherit; text-decoration: none; }
.eh-item:last-child[b-bp3pu351eq] { border-block-end: 0; }
.eh-item:hover[b-bp3pu351eq] { background: #f0f6f3; color: inherit; }
.eh-item-main[b-bp3pu351eq] { display: flex; flex-direction: column; gap: 2px; min-inline-size: 0; }
.eh-item-title[b-bp3pu351eq] { font-size: 15px; font-weight: 700; }
.eh-item-desc[b-bp3pu351eq] { font-size: 13px; color: var(--eh-muted); }
.eh-item svg[b-bp3pu351eq] { flex: none; color: #7a8f85; }

.eh-quick[b-bp3pu351eq] { margin: 0; font-size: 14px; color: var(--eh-muted); }
.eh-quick a[b-bp3pu351eq] { font-weight: 700; color: var(--eh-brand); }

@media (max-width: 640px) {
    .eh-page[b-bp3pu351eq] { padding-block: 24px 48px; padding-inline: 16px; }
    .eh-header h1[b-bp3pu351eq] { font-size: 28px; }
}
/* /Components/Pages/ESign/Submit.razor.rz.scp.css */
/* Advanced submission page. Scoped to Submit.razor. Logical properties keep it RTL-safe. */
.sb-page[b-068frm2mot] {
    --sb-ink: #17261f;
    --sb-muted: #566a60;
    --sb-line: #dfe8e3;
    --sb-line-strong: #c9d8d0;
    --sb-brand: #0f6b4f;
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    color: var(--sb-ink);
    padding-block: 32px 64px;
    padding-inline: 24px;
}

.sb-wrap[b-068frm2mot] { max-inline-size: 1160px; margin-inline: auto; display: flex; flex-direction: column; gap: 24px; }
.sb-back[b-068frm2mot] { display: inline-flex; align-items: center; gap: 6px; min-block-size: 44px; font-size: 14px; font-weight: 600; color: var(--sb-brand); text-decoration: none; }
.sb-header h1[b-068frm2mot] { margin: 4px 0 6px; font-size: 32px; line-height: 1.15; font-weight: 800; letter-spacing: -0.02em; }
.sb-header p[b-068frm2mot] { margin: 0; max-inline-size: 660px; font-size: 15px; line-height: 1.5; color: #4a5d54; }
.sb-muted[b-068frm2mot] { color: var(--sb-muted); font-size: 13px; }

.sb-layout[b-068frm2mot] { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
.sb-main[b-068frm2mot] { flex: 999 1 560px; min-inline-size: 0; display: flex; flex-direction: column; gap: 18px; }
.sb-aside[b-068frm2mot] { flex: 1 1 280px; max-inline-size: 360px; min-inline-size: 260px; display: flex; flex-direction: column; gap: 14px; }

.sb-card[b-068frm2mot] { background: #fff; border: 1.5px solid var(--sb-line); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.sb-card h2[b-068frm2mot] { margin: 0; display: flex; align-items: center; gap: 12px; font-size: 19px; font-weight: 800; }
.sb-card--aside[b-068frm2mot] { padding: 20px; gap: 14px; }
.sb-card--aside h2[b-068frm2mot] { font-size: 16px; }
.sb-card--aside p[b-068frm2mot] { margin: 0; line-height: 1.5; }
.sb-num[b-068frm2mot] { inline-size: 30px; block-size: 30px; border-radius: 50%; background: var(--sb-brand); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; flex: none; }

.sb-choices[b-068frm2mot] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.sb-choice[b-068frm2mot] { cursor: pointer; text-align: start; display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 14px; border: 2px solid var(--sb-line); background: #fff; min-block-size: 76px; font: inherit; color: inherit; }
.sb-choice:hover[b-068frm2mot] { border-color: #8cc5ac; }
.sb-choice.is-active[b-068frm2mot] { border-color: var(--sb-brand); background: #f0f8f4; }
.sb-choice-title[b-068frm2mot] { font-size: 15px; font-weight: 700; }
.sb-choice-hint[b-068frm2mot] { font-size: 13px; color: var(--sb-muted); line-height: 1.4; }

.sb-field[b-068frm2mot] { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700; color: #44534b; }
.sb-input[b-068frm2mot] { min-block-size: 48px; padding-block: 0; padding-inline: 12px; border-radius: 12px; border: 1.5px solid var(--sb-line-strong); font: inherit; font-size: 15px; background: #fff; color: var(--sb-ink); box-sizing: border-box; inline-size: 100%; }
textarea.sb-input[b-068frm2mot] { padding-block: 12px; resize: vertical; }
.sb-grid[b-068frm2mot] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 14px; }
.sb-deal[b-068frm2mot] { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.sb-deal .sb-field[b-068frm2mot] { flex: 0 1 220px; }
.sb-docs[b-068frm2mot] { display: flex; flex-direction: column; gap: 8px; }
.sb-doc[b-068frm2mot] { cursor: pointer; display: flex; justify-content: space-between; gap: 12px; align-items: center; min-block-size: 48px; padding-inline: 14px; border-radius: 12px; border: 1.5px solid var(--sb-line); background: #fff; font: inherit; font-size: 15px; font-weight: 600; color: inherit; text-align: start; }
.sb-doc.is-active[b-068frm2mot] { border-color: var(--sb-brand); background: #f0f8f4; }
.sb-doc-type[b-068frm2mot] { font-size: 12px; font-weight: 600; color: var(--sb-muted); }

.sb-file[b-068frm2mot] { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 14px; background: #f7faf8; border: 1.5px solid var(--sb-line); }
.sb-file-badge[b-068frm2mot] { flex: none; inline-size: 44px; block-size: 56px; border-radius: 6px; background: #fff; border: 1.5px solid var(--sb-line-strong); display: inline-flex; align-items: center; justify-content: center; color: #a3281b; font-size: 11px; font-weight: 800; }
.sb-file-main[b-068frm2mot] { display: flex; flex-direction: column; gap: 2px; min-inline-size: 0; }
.sb-file-name[b-068frm2mot] { font-size: 15px; font-weight: 700; overflow-wrap: anywhere; }
.sb-file-hint[b-068frm2mot] { font-size: 13px; color: var(--sb-muted); }
.sb-error[b-068frm2mot] { padding: 12px 16px; border-radius: 12px; background: #fde3df; color: #7a2a20; font-size: 14px; }

.sb-rec[b-068frm2mot] { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: 16px; border: 1.5px solid; }
.sb-rec-title[b-068frm2mot] { font-size: 16px; font-weight: 800; }
.sb-rec-body[b-068frm2mot] { font-size: 14px; line-height: 1.5; color: #2c3d35; }
.sb-rec--exact[b-068frm2mot] { background: #e6f5ed; border-color: #b5ddc8; }
.sb-rec--exact .sb-rec-title[b-068frm2mot] { color: #0b5a3f; }
.sb-rec--type[b-068frm2mot] { background: #fff6e0; border-color: #ecd29a; }
.sb-rec--type .sb-rec-title[b-068frm2mot] { color: #8a5300; }
.sb-rec--none[b-068frm2mot] { background: #eef1ef; border-color: #d3dad6; }
.sb-rec--none .sb-rec-title[b-068frm2mot] { color: #44534b; }

.sb-template[b-068frm2mot] { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; padding: 14px 18px; border-radius: 14px; border: 1.5px solid var(--sb-line); }
.sb-template-main[b-068frm2mot] { flex: 1 1 240px; display: flex; flex-direction: column; gap: 2px; }
.sb-template-name[b-068frm2mot] { font-size: 15px; font-weight: 700; }
.sb-seg[b-068frm2mot] { display: flex; flex-wrap: wrap; gap: 8px; }
.sb-chip[b-068frm2mot] { cursor: pointer; min-block-size: 44px; padding-inline: 16px; border-radius: 999px; font: inherit; font-size: 14px; font-weight: 700; border: 1.5px solid var(--sb-line-strong); background: #fff; color: var(--sb-ink); }
.sb-chip.is-active[b-068frm2mot] { background: var(--sb-brand); border-color: var(--sb-brand); color: #fff; }
.sb-check[b-068frm2mot] { display: flex; align-items: center; gap: 12px; min-block-size: 48px; font-size: 15px; font-weight: 600; cursor: pointer; }
.sb-check input[b-068frm2mot] { inline-size: 22px; block-size: 22px; accent-color: var(--sb-brand); }
.sb-tag[b-068frm2mot] { padding: 2px 8px; border-radius: 999px; background: #d9f1e5; color: #0b5a3f; font-size: 11px; font-weight: 700; }

.sb-actions[b-068frm2mot] { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; }
.sb-btn[b-068frm2mot] { display: inline-flex; align-items: center; min-block-size: 48px; padding-inline: 24px; border-radius: 12px; font: inherit; font-weight: 700; font-size: 15px; text-decoration: none; cursor: pointer; border: 0; }
.sb-btn--primary[b-068frm2mot] { background: var(--sb-brand); color: #fff; }
.sb-btn--primary:hover:not(:disabled)[b-068frm2mot] { background: #0a5a41; color: #fff; }
.sb-btn--primary:disabled[b-068frm2mot] { opacity: .5; cursor: not-allowed; }
.sb-btn--ghost[b-068frm2mot] { background: #fff; color: var(--sb-ink); border: 1.5px solid var(--sb-line-strong); font-weight: 600; padding-inline: 20px; }
.sb-btn--ghost:hover:not(:disabled)[b-068frm2mot] { background: #eef4f1; color: var(--sb-ink); }
.sb-back:focus-visible[b-068frm2mot], .sb-btn:focus-visible[b-068frm2mot], .sb-choice:focus-visible[b-068frm2mot], .sb-chip:focus-visible[b-068frm2mot], .sb-doc:focus-visible[b-068frm2mot], .sb-input:focus-visible[b-068frm2mot] { outline: 3px solid var(--sb-brand); outline-offset: 2px; }

.sb-dl[b-068frm2mot] { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 10px 14px; font-size: 13px; }
.sb-dl dt[b-068frm2mot] { color: var(--sb-muted); font-weight: 600; }
.sb-dl dd[b-068frm2mot] { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.sb-next[b-068frm2mot] { background: #e8f3ee; border-radius: 18px; padding: 18px 20px; font-size: 13px; line-height: 1.55; color: #24473a; display: flex; flex-direction: column; gap: 4px; }
.sb-next strong[b-068frm2mot] { font-size: 14px; }

@media (max-width: 640px) {
    .sb-page[b-068frm2mot] { padding-block: 24px 48px; padding-inline: 16px; }
    .sb-header h1[b-068frm2mot] { font-size: 26px; }
    .sb-card[b-068frm2mot] { padding: 18px; }
}
/* /Components/Pages/Notary/Join.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   Join.razor.css — Notary marketplace entry
   Matches Signup.razor.css split layout exactly.
   Uses su-* classes for shared elements, nj-* for specifics.
   All colours: --tone-* tokens. Dark mode safe.
   ══════════════════════════════════════════════════════════ */

/* ── Split shell ── */
.nj-shell[b-8kxq6yprqo] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr 500px;
    /* Force light bg so dark-mode doesn't invert the hero */
    background: #fff;
    color-scheme: light;
}

/* ── Left: sticky teal hero (identical to su-hero) ── */
.nj-hero[b-8kxq6yprqo] {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2.5rem 3rem;
    background: linear-gradient(160deg, #003840 0%, #005566 40%, var(--tone-primary) 100%);
    overflow: hidden;
    /* Always dark — don't invert in dark mode */
    color-scheme: dark;
}

.nj-hero[b-8kxq6yprqo]::before {
    content: "";
    position: absolute;
    width: 500px; height: 500px;
    border-radius: 50%;
    background: rgba(255,255,255,.05);
    top: -140px; right: -140px;
    pointer-events: none;
}

.nj-hero[b-8kxq6yprqo]::after {
    content: "";
    position: absolute;
    width: 300px; height: 300px;
    border-radius: 50%;
    background: rgba(255,255,255,.06);
    bottom: -80px; left: -80px;
    pointer-events: none;
}

.nj-hero__logo[b-8kxq6yprqo] {
    font-size: 1.1rem;
    font-weight: 900;
    color: rgba(255,255,255,.9);
    letter-spacing: -0.01em;
    position: relative;
    z-index: 1;
    text-decoration: none;
}

.nj-hero__logo em[b-8kxq6yprqo] { font-style: normal; color: #ffd4aa; }

.nj-hero__content[b-8kxq6yprqo] {
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.75rem;
}

.nj-hero__eyebrow[b-8kxq6yprqo] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
}

.nj-hero__headline[b-8kxq6yprqo] {
    font-size: clamp(2rem, 3.2vw, 3.2rem);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: #fff;
}

.nj-hero__headline em[b-8kxq6yprqo] { font-style: normal; color: #ffd4aa; }

.nj-hero__sub[b-8kxq6yprqo] {
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(255,255,255,.78);
    max-width: 28rem;
    letter-spacing: 0.02em;
}

/* Feature chips */
.nj-chips[b-8kxq6yprqo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.nj-chips span[b-8kxq6yprqo] {
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.2);
    color: rgba(255,255,255,.9);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    backdrop-filter: blur(4px);
}

/* Step tracker */
.nj-steps[b-8kxq6yprqo] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.nj-step[b-8kxq6yprqo] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    font-size: 0.88rem;
    color: rgba(255,255,255,.45);
    padding: 0.2rem 0;
    transition: color 200ms;
    letter-spacing: 0.02em;
}

.nj-step--active[b-8kxq6yprqo] { color: rgba(255,255,255,.95); font-weight: 600; }
.nj-step--done[b-8kxq6yprqo]   { color: rgba(255,255,255,.65); }

.nj-step__num[b-8kxq6yprqo] {
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 800;
    flex-shrink: 0;
    border: 1.5px solid rgba(255,255,255,.2);
    color: rgba(255,255,255,.4);
    transition: all 200ms;
}

.nj-step--active .nj-step__num[b-8kxq6yprqo] { background: #fff; border-color: #fff; color: #005566; }
.nj-step--done   .nj-step__num[b-8kxq6yprqo] { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.4); color: #fff; }

.nj-step-connector[b-8kxq6yprqo] {
    width: 1.5px;
    height: 1.25rem;
    background: rgba(255,255,255,.15);
    margin-inline-start: 0.8rem;
}

.nj-hero__footer[b-8kxq6yprqo] {
    position: relative;
    z-index: 1;
    font-size: 0.75rem;
    color: rgba(255,255,255,.38);
    letter-spacing: 0.02em;
}

/* ── Right: scrollable form pane ── */
.nj-form-pane[b-8kxq6yprqo] {
    background: #fafafa;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    /* Explicit light bg to beat dark mode */
    color: var(--tone-text-main, #343434);
}

.nj-form-top[b-8kxq6yprqo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1.15rem 1.75rem;
    border-bottom: 1px solid #ececec;
    background: #fff;
    flex-shrink: 0;
}

.nj-form-top__label[b-8kxq6yprqo] { font-size: 0.8rem; color: #7a9696; letter-spacing: 0.02em; }

.nj-form-top__link[b-8kxq6yprqo] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--tone-primary);
    text-decoration: none;
    letter-spacing: 0.02em;
}

.nj-form-top__link:hover[b-8kxq6yprqo] { text-decoration: underline; }

/* Form card area */
.nj-card[b-8kxq6yprqo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem 2rem;
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    color: var(--tone-text-main, #343434);
}

.nj-card--accordion[b-8kxq6yprqo] {
    max-width: 100%;
    justify-content: flex-start;
    padding: 2rem;
}

.nj-card__head[b-8kxq6yprqo] { margin-bottom: 1.75rem; }

.nj-card__title[b-8kxq6yprqo] {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0d1a1a;
}

.nj-card__sub[b-8kxq6yprqo] {
    font-size: 0.85rem;
    color: #7a9696;
    margin-top: 0.3rem;
    letter-spacing: 0.02em;
}

.nj-card__sub a[b-8kxq6yprqo] {
    color: var(--tone-primary);
    font-weight: 700;
    text-decoration: none;
    margin-inline-start: 0.25rem;
}

.nj-card__actions[b-8kxq6yprqo] { margin-top: 1.5rem; }

/* ── Field group ── */
.field-group[b-8kxq6yprqo] {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.field-row[b-8kxq6yprqo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.field[b-8kxq6yprqo] { display: flex; flex-direction: column; gap: 0.3rem; }

.field-label[b-8kxq6yprqo] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #344;
    letter-spacing: 0.04em;
}

.field-error[b-8kxq6yprqo] {
    font-size: 0.75rem;
    color: var(--tone-danger, #dc2626);
    min-height: 1em;
    letter-spacing: 0.02em;
}

/* ── Password strength ── */
.pw-strength[b-8kxq6yprqo] { margin-top: 0.4rem; }

.pw-bar[b-8kxq6yprqo] { height: 4px; background: var(--tone-surface-card, #f5f5f5); border-radius: 99px; overflow: hidden; }
.pw-fill[b-8kxq6yprqo] { height: 100%; border-radius: 99px; transition: width 200ms, background-color 200ms; }
.pw-fill--weak[b-8kxq6yprqo]   { background: var(--color-red,    #e74c3c); width: 25%; }
.pw-fill--fair[b-8kxq6yprqo]   { background: var(--color-orange,  #f59e0b); width: 50%; }
.pw-fill--good[b-8kxq6yprqo]   { background: var(--color-blue,    #3b82f6); width: 75%; }
.pw-fill--strong[b-8kxq6yprqo] { background: var(--color-green,   #22c55e); width: 100%; }

.pw-rules[b-8kxq6yprqo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.65rem;
    font-size: 0.72rem;
    margin-top: 0.4rem;
    letter-spacing: 0.02em;
}

.pw-rules .ok[b-8kxq6yprqo] { color: #16a34a; }
.pw-rules .no[b-8kxq6yprqo] { color: #aabcbc; }

/* ── US-only country display ── */
.geo-card[b-8kxq6yprqo] {
    background: rgba(0,200,202,.04);
    border: 1px solid rgba(0,200,202,.2);
    border-radius: 10px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.geo-card__title[b-8kxq6yprqo] {
    font-size: 0.72rem;
    font-weight: 800;
    color: #005566;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.geo-card__sub[b-8kxq6yprqo] { font-size: 0.78rem; color: #7a9696; letter-spacing: 0.02em; }

.nj-country-fixed[b-8kxq6yprqo] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.85rem;
    border-radius: 10px;
    background: #fff;
    border: 1px solid var(--tone-border-light, #B7B7B7);
    font-size: 0.88rem;
    font-weight: 600;
    color: #0d1a1a;
    letter-spacing: 0.02em;
}

.nj-country-flag[b-8kxq6yprqo] { font-size: 1.1rem; line-height: 1; }

.nj-country-note[b-8kxq6yprqo] {
    margin-inline-start: auto;
    font-size: 0.72rem;
    font-weight: 600;
    color: #7a9696;
    letter-spacing: 0.04em;
}

/* ── Code verification (reuse su-* classes from Signup) ── */
.su-code-grid[b-8kxq6yprqo] {
    display: grid;
    grid-template-columns: repeat(6, 3rem);
    gap: 0.5rem;
    margin: 1.5rem auto;
    justify-content: center;
}

[b-8kxq6yprqo] .su-code-otp {
    display: grid;
    grid-template-columns: repeat(6, 3rem);
    gap: 0.5rem;
    width: max-content;
}

[b-8kxq6yprqo] .su-code-otp input {
    height: 3.25rem;
    width: 3rem;
    border: 2px solid var(--tone-border-light, #B7B7B7);
    border-radius: 10px;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: #fff;
    color: #0d1a1a;
    outline: none;
    transition: border-color 150ms, box-shadow 150ms;
}

[b-8kxq6yprqo] .su-code-otp input:focus {
    border-color: var(--tone-primary);
    box-shadow: 0 0 0 2px rgba(0,200,202,.22);
}

[b-8kxq6yprqo] .su-code-otp.su-code-box--ok input { border-color: #22c55e; background: #f0fdf4; }

.su-code-box[b-8kxq6yprqo] {
    height: 3.25rem;
    width: 100%;
    border: 2px solid var(--tone-border-light, #B7B7B7);
    border-radius: 10px;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: #fff;
    color: #0d1a1a;
    outline: none;
    transition: border-color 150ms, box-shadow 150ms;
}

.su-code-box:focus[b-8kxq6yprqo] {
    border-color: var(--tone-primary);
    box-shadow: 0 0 0 2px rgba(0,200,202,.22);
}

.su-code-box--ok[b-8kxq6yprqo] { border-color: #22c55e; background: #f0fdf4; }

.su-verify-ok[b-8kxq6yprqo] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 600;
    color: #16a34a;
    margin-bottom: 0.75rem;
    letter-spacing: 0.02em;
}

.su-verify-actions[b-8kxq6yprqo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

/* ══════════════════════════════════════════════════════════
   ENTRANCE ANIMATIONS
   ══════════════════════════════════════════════════════════ */

@keyframes slideUp-b-8kxq6yprqo {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes slideInLeft-b-8kxq6yprqo {
    from { opacity: 0; transform: translateX(-28px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes slideInRight-b-8kxq6yprqo {
    from { opacity: 0; transform: translateX(32px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes bouncePop-b-8kxq6yprqo {
    0%   { opacity: 0; transform: scale(.88) translateY(12px); }
    60%  { opacity: 1; transform: scale(1.03) translateY(-3px); }
    80%  { transform: scale(.98) translateY(1px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes fadeIn-b-8kxq6yprqo {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.nj-hero__logo[b-8kxq6yprqo]      { animation: slideInLeft-b-8kxq6yprqo  0.5s  cubic-bezier(.22,1,.36,1) 0.05s both; }
.nj-hero__eyebrow[b-8kxq6yprqo]   { animation: slideInLeft-b-8kxq6yprqo  0.55s cubic-bezier(.22,1,.36,1) 0.15s both; }
.nj-hero__headline[b-8kxq6yprqo]  { animation: slideInLeft-b-8kxq6yprqo  0.6s  cubic-bezier(.22,1,.36,1) 0.25s both; }
.nj-hero__sub[b-8kxq6yprqo]       { animation: slideInLeft-b-8kxq6yprqo  0.55s cubic-bezier(.22,1,.36,1) 0.38s both; }
.nj-chips[b-8kxq6yprqo]           { animation: fadeIn-b-8kxq6yprqo       0.5s  ease                      0.48s both; }
.nj-steps[b-8kxq6yprqo]           { animation: fadeIn-b-8kxq6yprqo       0.5s  ease                      0.55s both; }
.nj-hero__footer[b-8kxq6yprqo]    { animation: fadeIn-b-8kxq6yprqo       0.4s  ease                      0.70s both; }

.nj-form-top[b-8kxq6yprqo]        { animation: slideInRight-b-8kxq6yprqo 0.5s  cubic-bezier(.22,1,.36,1) 0.10s both; }
.nj-card[b-8kxq6yprqo]            { animation: slideInRight-b-8kxq6yprqo 0.6s  cubic-bezier(.22,1,.36,1) 0.20s both; }
.nj-card__head[b-8kxq6yprqo]      { animation: slideUp-b-8kxq6yprqo      0.5s  cubic-bezier(.22,1,.36,1) 0.30s both; }

.field-group > *:nth-child(1)[b-8kxq6yprqo] { animation: slideUp-b-8kxq6yprqo 0.4s cubic-bezier(.22,1,.36,1) 0.40s both; }
.field-group > *:nth-child(2)[b-8kxq6yprqo] { animation: slideUp-b-8kxq6yprqo 0.4s cubic-bezier(.22,1,.36,1) 0.48s both; }
.field-group > *:nth-child(3)[b-8kxq6yprqo] { animation: slideUp-b-8kxq6yprqo 0.4s cubic-bezier(.22,1,.36,1) 0.55s both; }
.field-group > *:nth-child(4)[b-8kxq6yprqo] { animation: slideUp-b-8kxq6yprqo 0.4s cubic-bezier(.22,1,.36,1) 0.61s both; }
.field-group > *:nth-child(5)[b-8kxq6yprqo] { animation: slideUp-b-8kxq6yprqo 0.4s cubic-bezier(.22,1,.36,1) 0.67s both; }
.field-group > *:nth-child(6)[b-8kxq6yprqo] { animation: slideUp-b-8kxq6yprqo 0.4s cubic-bezier(.22,1,.36,1) 0.73s both; }

.geo-card[b-8kxq6yprqo]           { animation: bouncePop-b-8kxq6yprqo    0.6s  cubic-bezier(.22,1,.36,1) 0.76s both; }
.nj-card__actions[b-8kxq6yprqo]   { animation: bouncePop-b-8kxq6yprqo    0.55s cubic-bezier(.22,1,.36,1) 0.82s both; }

.su-code-box:nth-child(1)[b-8kxq6yprqo] { animation: bouncePop-b-8kxq6yprqo 0.45s cubic-bezier(.22,1,.36,1) 0.10s both; }
.su-code-box:nth-child(2)[b-8kxq6yprqo] { animation: bouncePop-b-8kxq6yprqo 0.45s cubic-bezier(.22,1,.36,1) 0.17s both; }
.su-code-box:nth-child(3)[b-8kxq6yprqo] { animation: bouncePop-b-8kxq6yprqo 0.45s cubic-bezier(.22,1,.36,1) 0.24s both; }
.su-code-box:nth-child(4)[b-8kxq6yprqo] { animation: bouncePop-b-8kxq6yprqo 0.45s cubic-bezier(.22,1,.36,1) 0.31s both; }
.su-code-box:nth-child(5)[b-8kxq6yprqo] { animation: bouncePop-b-8kxq6yprqo 0.45s cubic-bezier(.22,1,.36,1) 0.38s both; }
.su-code-box:nth-child(6)[b-8kxq6yprqo] { animation: bouncePop-b-8kxq6yprqo 0.45s cubic-bezier(.22,1,.36,1) 0.45s both; }
[b-8kxq6yprqo] .su-code-otp input:nth-child(1) { animation: bouncePop-b-8kxq6yprqo 0.45s cubic-bezier(.22,1,.36,1) 0.10s both; }
[b-8kxq6yprqo] .su-code-otp input:nth-child(2) { animation: bouncePop-b-8kxq6yprqo 0.45s cubic-bezier(.22,1,.36,1) 0.17s both; }
[b-8kxq6yprqo] .su-code-otp input:nth-child(3) { animation: bouncePop-b-8kxq6yprqo 0.45s cubic-bezier(.22,1,.36,1) 0.24s both; }
[b-8kxq6yprqo] .su-code-otp input:nth-child(4) { animation: bouncePop-b-8kxq6yprqo 0.45s cubic-bezier(.22,1,.36,1) 0.31s both; }
[b-8kxq6yprqo] .su-code-otp input:nth-child(5) { animation: bouncePop-b-8kxq6yprqo 0.45s cubic-bezier(.22,1,.36,1) 0.38s both; }
[b-8kxq6yprqo] .su-code-otp input:nth-child(6) { animation: bouncePop-b-8kxq6yprqo 0.45s cubic-bezier(.22,1,.36,1) 0.45s both; }

@media (prefers-reduced-motion: reduce) {
    .nj-hero__logo[b-8kxq6yprqo], .nj-hero__eyebrow[b-8kxq6yprqo], .nj-hero__headline[b-8kxq6yprqo], .nj-hero__sub[b-8kxq6yprqo],
    .nj-chips[b-8kxq6yprqo], .nj-steps[b-8kxq6yprqo], .nj-hero__footer[b-8kxq6yprqo], .nj-form-top[b-8kxq6yprqo], .nj-card[b-8kxq6yprqo],
    .nj-card__head[b-8kxq6yprqo], .field-group > *[b-8kxq6yprqo], .geo-card[b-8kxq6yprqo], .nj-card__actions[b-8kxq6yprqo],
    .su-code-box[b-8kxq6yprqo], [b-8kxq6yprqo] .su-code-otp input {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .nj-shell[b-8kxq6yprqo] { grid-template-columns: 1fr; }

    .nj-hero[b-8kxq6yprqo] {
        position: static;
        height: auto;
        min-height: 0;
        padding: 2rem 1.5rem;
    }

    .nj-hero__headline[b-8kxq6yprqo] { font-size: 2rem; }

    .nj-steps[b-8kxq6yprqo] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.5rem;
        align-items: center;
    }

    .nj-step-connector[b-8kxq6yprqo] { display: none; }
}

@media (max-width: 520px) {
    .nj-card[b-8kxq6yprqo] { padding: 1.75rem 1.25rem; }
    .field-row[b-8kxq6yprqo] { grid-template-columns: 1fr; }
    [b-8kxq6yprqo] .su-code-otp { gap: 0.35rem; grid-template-columns: repeat(6, 2.75rem); }
    [b-8kxq6yprqo] .su-code-otp input { height: 2.75rem; width: 2.75rem; font-size: 1.15rem; }
}

/* ── Progress meter in hero (shown when logged in) ── */
.nj-progress[b-8kxq6yprqo] {
    width: 100%;
}

.nj-progress__header[b-8kxq6yprqo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.nj-progress__label[b-8kxq6yprqo] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
}

.nj-progress__pct[b-8kxq6yprqo] {
    font-size: 0.82rem;
    font-weight: 800;
    color: rgba(255,255,255,.8);
}

.nj-progress__bar[b-8kxq6yprqo] {
    height: 6px;
    background: rgba(255,255,255,.15);
    border-radius: 999px;
    overflow: hidden;
}

.nj-progress__fill[b-8kxq6yprqo] {
    height: 100%;
    background: linear-gradient(90deg, var(--tone-primary) 0%, #5eeed0 100%);
    border-radius: 999px;
    transition: width 0.5s cubic-bezier(.22,1,.36,1);
}

/* ── Checklist in hero ── */
.nj-checklist[b-8kxq6yprqo] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255,255,255,.1);
}

.nj-check[b-8kxq6yprqo] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.84rem;
    color: rgba(255,255,255,.5);
    letter-spacing: 0.02em;
}

.nj-check--done[b-8kxq6yprqo]    { color: rgba(255,255,255,.88); }
.nj-check--active[b-8kxq6yprqo]  { color: #fff; font-weight: 600; }
.nj-check--pending[b-8kxq6yprqo] { color: rgba(255,255,255,.5); }

.nj-check__icon[b-8kxq6yprqo] {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
    font-weight: 900;
    flex-shrink: 0;
}

.nj-check--done    .nj-check__icon[b-8kxq6yprqo] { background: rgba(94,238,200,.25); color: #5eeed0; border: 1px solid rgba(94,238,200,.4); }
.nj-check--pending .nj-check__icon[b-8kxq6yprqo] { background: rgba(255,255,255,.08); color: rgba(255,255,255,.3); border: 1px solid rgba(255,255,255,.15); }
.nj-check--active  .nj-check__icon[b-8kxq6yprqo] { background: #fff; color: #005566; border: 1px solid #fff; }

/* ── RTL ── */
[dir="rtl"] .nj-hero[b-8kxq6yprqo] { order: 1; }
[dir="rtl"] .nj-form-pane[b-8kxq6yprqo] { order: 0; }
[dir="rtl"] .nj-step-connector[b-8kxq6yprqo] { margin-inline-start: 0; margin-inline-end: 0.8rem; }
[dir="rtl"] .nj-country-note[b-8kxq6yprqo] { margin-inline-start: 0; margin-inline-end: auto; }
/* /Components/Pages/Notary/SetupReview.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   SetupReview.razor.css — Notary review status page
   Reuses nj-* shell, hero, form-pane from Join.razor.css.
   Adds review-specific: badge, state card, action button.
   All colours: --tone-* tokens. Dark mode safe.
   ══════════════════════════════════════════════════════════ */

/* ── Split shell (same as Join) ── */
.nj-shell[b-x7ewsfpua0] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr 500px;
    background: #fff;
    color-scheme: light;
}

/* ── Left hero ── */
.nj-hero[b-x7ewsfpua0] {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2.5rem 3rem;
    background: linear-gradient(160deg, #003840 0%, #005566 40%, var(--tone-primary) 100%);
    overflow: hidden;
    color-scheme: dark;
}

.nj-hero[b-x7ewsfpua0]::before {
    content: "";
    position: absolute;
    width: 500px; height: 500px;
    border-radius: 50%;
    background: rgba(255,255,255,.05);
    top: -140px; right: -140px;
    pointer-events: none;
}

.nj-hero[b-x7ewsfpua0]::after {
    content: "";
    position: absolute;
    width: 300px; height: 300px;
    border-radius: 50%;
    background: rgba(255,255,255,.06);
    bottom: -80px; left: -80px;
    pointer-events: none;
}

.nj-hero__logo[b-x7ewsfpua0] {
    font-size: 1.1rem;
    font-weight: 900;
    color: rgba(255,255,255,.9);
    letter-spacing: -0.01em;
    position: relative;
    z-index: 1;
    text-decoration: none;
}

.nj-hero__logo em[b-x7ewsfpua0] { font-style: normal; color: #ffd4aa; }

.nj-hero__content[b-x7ewsfpua0] {
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.75rem;
}

.nj-hero__eyebrow[b-x7ewsfpua0] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
}

.nj-hero__headline[b-x7ewsfpua0] {
    font-size: clamp(2rem, 3.2vw, 3.2rem);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: #fff;
}

.nj-hero__headline em[b-x7ewsfpua0] { font-style: normal; color: #ffd4aa; }

.nj-hero__sub[b-x7ewsfpua0] {
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(255,255,255,.78);
    max-width: 28rem;
    letter-spacing: 0.02em;
}

.nj-hero__footer[b-x7ewsfpua0] {
    position: relative;
    z-index: 1;
    font-size: 0.75rem;
    color: rgba(255,255,255,.38);
    letter-spacing: 0.02em;
}

/* ── Status badge in hero ── */
.nj-review-badge[b-x7ewsfpua0] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 1rem;
    border-radius: 999px;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    width: fit-content;
}

.nj-review-badge__icon[b-x7ewsfpua0] {
    font-size: 1rem;
    line-height: 1;
}

.nj-review-badge--approved[b-x7ewsfpua0] {
    background: rgba(94,238,200,.2);
    border: 1px solid rgba(94,238,200,.4);
    color: #5eeed0;
}

.nj-review-badge--pending[b-x7ewsfpua0] {
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.22);
    color: rgba(255,255,255,.9);
}

.nj-review-badge--rejected[b-x7ewsfpua0] {
    background: rgba(248,113,113,.2);
    border: 1px solid rgba(248,113,113,.35);
    color: #fca5a5;
}

/* ── Right form pane ── */
.nj-form-pane[b-x7ewsfpua0] {
    background: #fafafa;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    color: var(--tone-text-main, #343434);
}

.nj-form-top[b-x7ewsfpua0] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1.15rem 1.75rem;
    border-bottom: 1px solid #ececec;
    background: #fff;
    flex-shrink: 0;
}

.nj-form-top__label[b-x7ewsfpua0] { font-size: 0.8rem; color: #7a9696; letter-spacing: 0.02em; }

.nj-form-top__link[b-x7ewsfpua0] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--tone-primary);
    text-decoration: none;
    letter-spacing: 0.02em;
}

.nj-form-top__link:hover[b-x7ewsfpua0] { text-decoration: underline; }

/* Card area */
.nj-card[b-x7ewsfpua0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem 2rem;
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
    color: var(--tone-text-main, #343434);
}

.nj-card__head[b-x7ewsfpua0] { margin-bottom: 1.75rem; }

.nj-card__title[b-x7ewsfpua0] {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0d1a1a;
}

.nj-card__sub[b-x7ewsfpua0] {
    font-size: 0.85rem;
    color: #7a9696;
    margin-top: 0.3rem;
    letter-spacing: 0.02em;
}

/* ── Review state card ── */
.nj-review-state[b-x7ewsfpua0] {
    border-radius: 1.1rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.nj-review-state__icon[b-x7ewsfpua0] {
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 900;
}

.nj-review-state__label[b-x7ewsfpua0] {
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.nj-review-state__body[b-x7ewsfpua0] {
    font-size: 0.88rem;
    line-height: 1.7;
    max-width: 28rem;
    letter-spacing: 0.02em;
}

/* State colour variants */
.nj-review-state--approved[b-x7ewsfpua0] {
    background: var(--soft-green-bg, rgba(34,197,94,.08));
    border: 1px solid rgba(34,197,94,.2);
    color: #166534;
}

.nj-review-state--approved .nj-review-state__icon[b-x7ewsfpua0] { color: #16a34a; }

.nj-review-state--rejected[b-x7ewsfpua0] {
    background: var(--soft-red-bg, rgba(231,76,60,.08));
    border: 1px solid rgba(220,38,38,.2);
    color: #991b1b;
}

.nj-review-state--rejected .nj-review-state__icon[b-x7ewsfpua0] { color: #dc2626; }

.nj-review-state--pending[b-x7ewsfpua0] {
    background: rgba(0,200,202,.05);
    border: 1px solid rgba(0,200,202,.2);
    color: #005566;
}

.nj-review-state--pending .nj-review-state__icon[b-x7ewsfpua0] { color: var(--tone-primary); }

/* ── Action button ── */
.nj-review-action[b-x7ewsfpua0] { margin-top: 0.5rem; }

.nj-btn-primary[b-x7ewsfpua0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.85rem 1.5rem;
    background: var(--tone-primary);
    color: #fff;
    border: none;
    border-radius: 13px;
    font-family: Poppins, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    text-decoration: none;
    transition: background 150ms, transform 150ms, box-shadow 150ms;
    box-shadow: 0 4px 18px rgba(0,200,202,.35);
}

.nj-btn-primary:hover[b-x7ewsfpua0] {
    background: var(--tone-primary-strong);
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(0,200,202,.4);
    color: #fff;
}

/* ── Entrance animations ── */
@keyframes slideInLeft-b-x7ewsfpua0  { from { opacity:0; transform:translateX(-28px); } to { opacity:1; transform:translateX(0); } }
@keyframes slideInRight-b-x7ewsfpua0 { from { opacity:0; transform:translateX(32px);  } to { opacity:1; transform:translateX(0); } }
@keyframes slideUp-b-x7ewsfpua0      { from { opacity:0; transform:translateY(22px);  } to { opacity:1; transform:translateY(0); } }
@keyframes bouncePop-b-x7ewsfpua0    {
    0%   { opacity:0; transform:scale(.88) translateY(12px); }
    60%  { opacity:1; transform:scale(1.03) translateY(-3px); }
    80%  { transform:scale(.98) translateY(1px); }
    100% { opacity:1; transform:scale(1) translateY(0); }
}

.nj-hero__logo[b-x7ewsfpua0]      { animation: slideInLeft-b-x7ewsfpua0  0.5s  cubic-bezier(.22,1,.36,1) 0.05s both; }
.nj-hero__eyebrow[b-x7ewsfpua0]   { animation: slideInLeft-b-x7ewsfpua0  0.55s cubic-bezier(.22,1,.36,1) 0.15s both; }
.nj-hero__headline[b-x7ewsfpua0]  { animation: slideInLeft-b-x7ewsfpua0  0.6s  cubic-bezier(.22,1,.36,1) 0.25s both; }
.nj-hero__sub[b-x7ewsfpua0]       { animation: slideInLeft-b-x7ewsfpua0  0.55s cubic-bezier(.22,1,.36,1) 0.38s both; }
.nj-review-badge[b-x7ewsfpua0]    { animation: slideInLeft-b-x7ewsfpua0  0.5s  cubic-bezier(.22,1,.36,1) 0.50s both; }
.nj-form-top[b-x7ewsfpua0]        { animation: slideInRight-b-x7ewsfpua0 0.5s  cubic-bezier(.22,1,.36,1) 0.10s both; }
.nj-card[b-x7ewsfpua0]            { animation: slideInRight-b-x7ewsfpua0 0.6s  cubic-bezier(.22,1,.36,1) 0.20s both; }
.nj-card__head[b-x7ewsfpua0]      { animation: slideUp-b-x7ewsfpua0      0.5s  cubic-bezier(.22,1,.36,1) 0.30s both; }
.nj-review-state[b-x7ewsfpua0]    { animation: bouncePop-b-x7ewsfpua0    0.65s cubic-bezier(.22,1,.36,1) 0.40s both; }
.nj-review-action[b-x7ewsfpua0]   { animation: bouncePop-b-x7ewsfpua0    0.55s cubic-bezier(.22,1,.36,1) 0.55s both; }

@media (prefers-reduced-motion: reduce) {
    .nj-hero__logo[b-x7ewsfpua0], .nj-hero__eyebrow[b-x7ewsfpua0], .nj-hero__headline[b-x7ewsfpua0], .nj-hero__sub[b-x7ewsfpua0],
    .nj-review-badge[b-x7ewsfpua0], .nj-form-top[b-x7ewsfpua0], .nj-card[b-x7ewsfpua0], .nj-card__head[b-x7ewsfpua0],
    .nj-review-state[b-x7ewsfpua0], .nj-review-action[b-x7ewsfpua0] {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .nj-shell[b-x7ewsfpua0] { grid-template-columns: 1fr; }
    .nj-hero[b-x7ewsfpua0]  { position: static; height: auto; padding: 2rem 1.5rem; }
    .nj-hero__headline[b-x7ewsfpua0] { font-size: 2rem; }
}

@media (max-width: 520px) {
    .nj-card[b-x7ewsfpua0] { padding: 1.75rem 1.25rem; }
}

/* ── RTL ── */
[dir="rtl"] .nj-hero[b-x7ewsfpua0]      { order: 1; }
[dir="rtl"] .nj-form-pane[b-x7ewsfpua0] { order: 0; }
/* /Components/Pages/PdfApp/AppEsignPlace.razor.rz.scp.css */
/*
  Signature placement opened from the Coverity PDF app on a phone or tablet. The field editor is shared with the desktop flow, so this only
  makes it comfortable for a finger: bigger hit areas for the resize handles and the controls, and a Continue bar that stays in reach.
  Logical properties throughout so right-to-left locales mirror correctly.
*/
@media (pointer: coarse), (max-width: 700px) {
    /* The handles stay small to look at, but a finger can grab them from well outside the visible square. */
    .os[b-il2uy5nbqc]  .esf-handle::after {
        content: "";
        position: absolute;
        inset: -14px;
    }

    .os[b-il2uy5nbqc]  .esf-palette-item,
    .os[b-il2uy5nbqc]  .esf-role,
    .os[b-il2uy5nbqc]  .esf-list-item {
        min-block-size: 44px;
    }

    .os[b-il2uy5nbqc]  .esf-accept,
    .os[b-il2uy5nbqc]  .esf-reject {
        inline-size: 32px;
        block-size: 32px;
        line-height: 32px;
        font-size: 16px;
        inset-block-start: -18px;
    }

    .os[b-il2uy5nbqc]  .esf-panel {
        padding: 10px;
    }

    .os[b-il2uy5nbqc]  .esf-menu button {
        min-block-size: 44px;
        padding-inline: 14px;
    }

    .os .gs-nav[b-il2uy5nbqc] {
        position: sticky;
        inset-block-end: 0;
        z-index: 20;
        margin-inline: -12px;
        padding-block: 12px calc(12px + env(safe-area-inset-bottom, 0px));
        padding-inline: 16px;
        background: var(--bs-body-bg, #fff);
        border-block-start: 1px solid rgba(0, 0, 0, .12);
    }

    .os .gs-nav .os-wb[b-il2uy5nbqc] {
        inline-size: 100%;
        min-block-size: 48px;
    }
}
/* /Components/Pages/Platform/Pages/Features.razor.rz.scp.css */
body[b-dx3szi1zj0] {
}
.feature-block[b-dx3szi1zj0] {
    overflow: auto; /* ensures floated content is contained */
    display: block;
    padding-bottom: 32px; /* optional: extra space for visual clarity */
}



.screenshot-frame[b-dx3szi1zj0] {
    float: right;
    width: 192px;
    height: 192px;
    border: 12px solid lightgray;
    border-radius: 16px;
    overflow: hidden; /* Crop overflow */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
    margin-bottom: 16px;
    background: white;
    clear: right; /* Prevent stacking overlap */
}

    .screenshot-frame img[b-dx3szi1zj0] {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
        display: block;
        object-fit: contain;
    }

/* Responsive version */
@media (max-width: 768px) {
    .screenshot-frame[b-dx3szi1zj0] {
        width: 64px;
        height: 64px;
        border-width: 8px;
    }
}


.screenshot-frame video[b-dx3szi1zj0] {
    display: block;
    margin: 0;
    padding: 0;
    object-fit: contain; /* ensures it scales proportionally */
    object-position: top left; /* aligns to top-left within the frame */
    width: 100%;
    height: 100%;
}
/* /Components/Pages/Platform/Pages/NotaryCoverage.razor.rz.scp.css */
.notary-coverage-page[b-t55jcj7jot] {
    position: relative;
    gap: 1.25rem;
    padding: clamp(1rem, 2vw, 1.75rem);
    background:
        radial-gradient(circle at 18% 12%, rgba(34, 197, 94, 0.15), transparent 28%),
        radial-gradient(circle at 82% 18%, rgba(132, 204, 22, 0.12), transparent 26%),
        linear-gradient(180deg, rgba(240, 253, 244, 0.94), rgba(255, 255, 255, 0.98));
}

.coverage-hero[b-t55jcj7jot] {
    position: relative;
    min-height: min(78vh, 920px);
    border-radius: 30px;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(5, 46, 22, 0.08), rgba(16, 185, 129, 0.08)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2));
    box-shadow:
        0 24px 90px rgba(15, 23, 42, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(22, 101, 52, 0.12);
}

.coverage-map-shell[b-t55jcj7jot] {
    position: absolute;
    inset: 0;
}

.coverage-map-shell__frame[b-t55jcj7jot] {
    width: 100%;
    height: 100%;
}

.coverage-map-shell__frame[b-t55jcj7jot] (.e-control.e-maps) {
    width: 100%;
    height: 100%;
}

.coverage-hero__copy[b-t55jcj7jot] {
    position: absolute;
    z-index: 3;
    top: 1.5rem;
    left: 1.5rem;
    width: min(520px, calc(100% - 3rem));
    padding: 1.5rem;
    color: #effaf3;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: linear-gradient(180deg, rgba(4, 47, 23, 0.84), rgba(8, 78, 50, 0.72));
    backdrop-filter: blur(16px);
    box-shadow: 0 20px 45px rgba(6, 43, 23, 0.25);
}

.coverage-hero__kicker[b-t55jcj7jot] {
    margin: 0 0 0.6rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 700;
    color: #bbf7d0;
}

.coverage-hero__copy h1[b-t55jcj7jot] {
    margin: 0 0 0.75rem;
    font-size: clamp(2rem, 3.5vw, 3.5rem);
    line-height: 0.98;
    letter-spacing: -0.03em;
    color: #f0fdf4;
}

.coverage-hero__copy p[b-t55jcj7jot] {
    margin: 0 0 0.85rem;
    max-width: 55ch;
    color: rgba(236, 253, 245, 0.9);
    font-size: 1rem;
    line-height: 1.7;
}

.coverage-hero__actions[b-t55jcj7jot] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-top: 1.25rem;
}

.coverage-hero__chips[b-t55jcj7jot] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.coverage-chip[b-t55jcj7jot] {
    display: inline-flex;
    align-items: center;
    padding: 0.42rem 0.72rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #dcfce7;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.coverage-loading[b-t55jcj7jot] {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    gap: 0.35rem;
    text-align: center;
    color: #14532d;
    background: linear-gradient(180deg, rgba(236, 253, 245, 0.94), rgba(255, 255, 255, 0.88));
}

.coverage-loading__eyebrow[b-t55jcj7jot] {
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #16a34a;
}

@media (max-width: 900px) {
    .notary-coverage-page[b-t55jcj7jot] {
        padding: 0.75rem;
    }

    .coverage-hero[b-t55jcj7jot] {
        min-height: auto;
        border-radius: 24px;
    }

    .coverage-map-shell[b-t55jcj7jot] {
        position: relative;
        min-height: 68vh;
    }

    .coverage-hero__copy[b-t55jcj7jot] {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        margin: 0.75rem;
    }
}

@media (max-width: 640px) {
    .coverage-hero__copy[b-t55jcj7jot] {
        padding: 1.1rem;
        border-radius: 20px;
    }

    .coverage-hero__copy h1[b-t55jcj7jot] {
        font-size: clamp(1.7rem, 8vw, 2.4rem);
    }
}
/* /Components/Pages/Platform/Pages/PDFConversionArticle.razor.rz.scp.css */
/* ===== 3D Orbital Carousel (center above, no visible track) ===== */
.orbital3d[b-q09su3jf4l] {
    --count: 6;
    --radius: 160px;
    --item: 64px;
    --speed: 22s;
    --tilt: 5deg;
    --persp: 900px;
    --centerZ: 40px; /* lift the center above the orbit plane */

    position: relative;
    width: calc(var(--radius)*2 + var(--item) + 40px);
    height: calc(var(--radius)*2 + var(--item) + 40px);
    margin: 48px auto;
    perspective: var(--persp);
    perspective-origin: 50% 50%;
    isolation: isolate;
}

.center-icon[b-q09su3jf4l] {
    position: absolute;
    inset: 50% auto auto 50%;
    width: calc(var(--item) + 18px);
    height: calc(var(--item) + 18px);
    /* ↑ move above the orbit plane */
    transform: translate(-70%, -160%) translateZ(var(--centerZ));
    backface-visibility: hidden;
    pointer-events: none;
    /* use box-shadow via pseudo to avoid creating a stacking context on the img */
}

    .center-icon[b-q09su3jf4l]::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 12px;
        box-shadow: 0 6px 14px rgba(0,0,0,.18);
        pointer-events: none;
    }

.ring3d[b-q09su3jf4l] {
    position: absolute;
    inset: 0;
    transform-style: preserve-3d;
    transform: rotateX(var(--tilt));
    animation: ring-spin-b-q09su3jf4l var(--speed) linear infinite;
}

    /* Hide any previously added “track” ring */
    .ring3d[b-q09su3jf4l]::before {
        display: none !important; /* ensures no dashed/visible ring shows */
    }

.slot[b-q09su3jf4l] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform-style: preserve-3d;
    --theta: calc(360deg * var(--i) / var(--count));
    transform: rotateY(var(--theta)) translateZ(var(--radius));
}

/* Always face the viewer (billboarding).
   Cancel the ring tilt and item angle, and counter-spin to negate ring rotation. */
.billboard[b-q09su3jf4l] {
    transform-style: preserve-3d;
    transform: rotateY(calc(-1 * var(--theta))) rotateX(calc(-1 * var(--tilt)));
    animation: billboard-counter-b-q09su3jf4l var(--speed) linear infinite;
    backface-visibility: hidden;
}

.icon[b-q09su3jf4l] {
    width: var(--item);
    height: var(--item);
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 6px 14px rgba(0,0,0,.20));
}

/* Pause on hover */
.orbital3d:hover .ring3d[b-q09su3jf4l],
.orbital3d:hover .billboard[b-q09su3jf4l] {
    animation-play-state: paused;
}

@keyframes ring-spin-b-q09su3jf4l {
    to {
        transform: rotateX(var(--tilt)) rotateY(360deg);
    }
}

@keyframes billboard-counter-b-q09su3jf4l {
    to {
        transform: rotateY(calc(-1 * var(--theta))) rotateX(calc(-1 * var(--tilt))) rotateY(-360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ring3d[b-q09su3jf4l], .billboard[b-q09su3jf4l] {
        animation: none !important;
    }
}

@media (max-width: 600px) {
    .orbital3d[b-q09su3jf4l] {
        --radius: 120px;
        --item: 52px;
        --persp: 700px;
        --centerZ: 32px;
    }
}
/* Container & layout */
.pdfc[b-q09su3jf4l] {
    padding: 2.5rem 1rem;
}

.pdfc-container[b-q09su3jf4l] {
    max-width: 1100px;
    margin: 0 auto;
}

.grid-2[b-q09su3jf4l] {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
}

@media (min-width: 900px) {
    .grid-2[b-q09su3jf4l] {
        grid-template-columns: 1fr 1fr;
    }
}

/* Typography */
.lead[b-q09su3jf4l] {
    font-size: 1.125rem;
    line-height: 1.6;
}

h1[b-q09su3jf4l] {
    font-size: 2rem;
    margin: 0 0 .5rem;
}

h2[b-q09su3jf4l] {
    font-size: 1.5rem;
    margin: 0 0 .5rem;
}

h3[b-q09su3jf4l] {
    font-size: 1.25rem;
    margin: 0 0 .5rem;
}

.muted[b-q09su3jf4l] {
    opacity: .75;
}

.small[b-q09su3jf4l] {
    font-size: .925rem;
}

/* Lists */
.steps[b-q09su3jf4l] {
    counter-reset: step;
    padding-left: 1.25rem;
}

    .steps > li[b-q09su3jf4l] {
        margin: .5rem 0;
    }

.checklist[b-q09su3jf4l], .bullets[b-q09su3jf4l] {
    padding-left: 1.25rem;
}

.inline-tags[b-q09su3jf4l] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    list-style: none;
    padding: 0;
    margin: .5rem 0 0;
}

    .inline-tags li[b-q09su3jf4l] {
        background: #f2f5f9;
        border: 1px solid #e5eaf0;
        border-radius: 999px;
        padding: .25rem .6rem;
    }

/* Hero */
.hero[b-q09su3jf4l] {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 60%);
    border-bottom: 1px solid #eef2f6;
}

/* Dropzone */
.dropzone[b-q09su3jf4l] {
    position: relative;
    border: 2px dashed #c9d5e3;
    border-radius: 16px;
    padding: 2rem 1.25rem;
    text-align: center;
    transition: border-color .15s ease, background-color .15s ease;
    background: #fbfdff;
}

    .dropzone.dragover[b-q09su3jf4l] {
        border-color: #5a8dee;
        background: #f3f8ff;
    }

.icon[b-q09su3jf4l] {
    font-size: 2rem;
    margin-bottom: .25rem;
}

.file-input[b-q09su3jf4l] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.file-pill[b-q09su3jf4l] {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    border: 1px solid #d7e1ec;
    background: #ffffff;
    padding: .5rem .75rem;
    border-radius: 999px;
    margin: .5rem auto 0;
}

.hint[b-q09su3jf4l] {
    margin-top: .25rem;
    font-size: .925rem;
    opacity: .8;
}

/* Buttons */
.btn[b-q09su3jf4l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .6rem 1rem;
    border-radius: 10px;
    border: 1px solid #cdd6e1;
    background: #ffffff;
    cursor: pointer;
    font-weight: 600;
}

    .btn:hover[b-q09su3jf4l] {
        background: #f6f9fc;
    }

    .btn.primary[b-q09su3jf4l] {
        background: #2563eb;
        color: #fff;
        border-color: #2563eb;
    }

        .btn.primary[disabled][b-q09su3jf4l] {
            opacity: .6;
            cursor: not-allowed;
        }

.link[b-q09su3jf4l] {
    background: transparent;
    border: none;
    color: #2563eb;
    cursor: pointer;
    padding: 0;
    font-weight: 600;
}

.cta[b-q09su3jf4l] {
    background: #f9fbfe;
    border-top: 1px solid #eef2f6;
}

.cta-actions[b-q09su3jf4l] {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* FAQ */
.faq details[b-q09su3jf4l] {
    border: 1px solid #e6edf5;
    border-radius: 12px;
    padding: .75rem 1rem;
    margin-bottom: .75rem;
    background: #fff;
}

.faq summary[b-q09su3jf4l] {
    cursor: pointer;
    font-weight: 600;
}
/* /Components/Pages/Retc/PublicProperty.razor.rz.scp.css */
.consumer-property-page[b-u4ssvoef3z] {
    max-width: 1080px;
}

.consumer-property-gallery[b-u4ssvoef3z] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}

.consumer-property-gallery img[b-u4ssvoef3z] {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 0.75rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #f6f6f6;
}
/* /Components/Pages/Signup.razor.rz.scp.css */


/* ══════════════════════════════════════════════════════════
   Signup.razor.css — Account creation (Steps 1 & 2)
   All colours use --tone-* tokens. Poppins throughout.
   ══════════════════════════════════════════════════════════ */

/* ── Split shell ── */
.su-shell[b-7zwe0aew78] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr 500px;
    font-family: Poppins, sans-serif;
}

/* ── Left: sticky teal hero ── */
.su-hero[b-7zwe0aew78] {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2.5rem 3rem;
    background: linear-gradient(160deg, #004d4e 0%, #006699 40%, var(--tone-primary) 100%);
    overflow: hidden;
}

.su-hero[b-7zwe0aew78]::before {
    content: "";
    position: absolute;
    width: 500px; height: 500px;
    border-radius: 50%;
    background: rgba(255,255,255,.05);
    top: -140px; right: -140px;
    pointer-events: none;
}

.su-hero[b-7zwe0aew78]::after {
    content: "";
    position: absolute;
    width: 300px; height: 300px;
    border-radius: 50%;
    background: rgba(255,255,255,.06);
    bottom: -80px; left: -80px;
    pointer-events: none;
}

.su-hero__logo[b-7zwe0aew78] {
    font-size: 1.1rem;
    font-weight: 900;
    color: rgba(255,255,255,.9);
    letter-spacing: -0.01em;
    position: relative;
    z-index: 1;
    text-decoration: none;
}

.su-hero__content[b-7zwe0aew78] {
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
}

.su-hero__eyebrow[b-7zwe0aew78] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
}

.su-hero__headline[b-7zwe0aew78] {
    font-size: clamp(2rem, 3.2vw, 3.2rem);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: #fff;
}

.su-hero__headline em[b-7zwe0aew78] {
    font-style: normal;
    color: #ffd4aa;
}

.su-hero__sub[b-7zwe0aew78] {
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(255,255,255,.78);
    max-width: 28rem;
    letter-spacing: 0.02em;
}

/* Step tracker */
.su-steps[b-7zwe0aew78] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.su-step[b-7zwe0aew78] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    font-size: 0.88rem;
    color: rgba(255,255,255,.45);
    padding: 0.2rem 0;
    transition: color 200ms;
    letter-spacing: 0.02em;
}

.su-step--active[b-7zwe0aew78] {
    color: rgba(255,255,255,.95);
    font-weight: 600;
}

.su-step--done[b-7zwe0aew78] { color: rgba(255,255,255,.65); }

.su-step__num[b-7zwe0aew78] {
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 800;
    flex-shrink: 0;
    border: 1.5px solid rgba(255,255,255,.2);
    color: rgba(255,255,255,.4);
    transition: all 200ms;
}

.su-step--active .su-step__num[b-7zwe0aew78] {
    background: #fff;
    border-color: #fff;
    color: #006699;
}

.su-step--done .su-step__num[b-7zwe0aew78] {
    background: rgba(255,255,255,.2);
    border-color: rgba(255,255,255,.4);
    color: #fff;
}

.su-step-connector[b-7zwe0aew78] {
    width: 1.5px;
    height: 1.25rem;
    background: rgba(255,255,255,.15);
    margin-inline-start: 0.8rem;
}

.su-hero__footer[b-7zwe0aew78] {
    position: relative;
    z-index: 1;
    font-size: 0.75rem;
    color: rgba(255,255,255,.38);
    letter-spacing: 0.02em;
}

/* ── Right: scrollable form pane ── */
.su-form-pane[b-7zwe0aew78] {
    background: #fafafa;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.su-form-top[b-7zwe0aew78] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1.15rem 1.75rem;
    border-bottom: 1px solid #ececec;
    background: #fff;
    flex-shrink: 0;
}

.su-form-top__label[b-7zwe0aew78] {
    font-size: 0.8rem;
    color: #7a9696;
    letter-spacing: 0.02em;
}

.su-form-top__link[b-7zwe0aew78] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--tone-primary);
    text-decoration: none;
    letter-spacing: 0.02em;
}

.su-form-top__link:hover[b-7zwe0aew78] { text-decoration: underline; }

/* Form card area */
.su-card[b-7zwe0aew78] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem 2rem;
    max-width: 460px;
    width: 100%;
    margin: 0 auto;
}

.su-card__title[b-7zwe0aew78] {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0d1a1a;
    margin-bottom: 0.3rem;
}

.su-card__sub[b-7zwe0aew78] {
    font-size: 0.85rem;
    color: #7a9696;
    margin-bottom: 1.75rem;
    letter-spacing: 0.02em;
}

.su-card__sub a[b-7zwe0aew78] {
    color: var(--tone-primary);
    font-weight: 700;
    text-decoration: none;
}

/* ── Fields ── */
.field-group[b-7zwe0aew78] {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    margin-bottom: 1.5rem;
}

.field-row[b-7zwe0aew78] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.field[b-7zwe0aew78] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.field-label[b-7zwe0aew78] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #344;
    letter-spacing: 0.04em;
}

.field-input[b-7zwe0aew78],
[b-7zwe0aew78] .field-input.e-control-wrapper,
[b-7zwe0aew78] .field-input.e-ddl.e-control-wrapper {
    width: 100%;
    border: 1px solid #B7B7B7;
    border-radius: 10px;
    background: #fff;
    font-family: Poppins, sans-serif;
    font-size: 0.85rem;
    color: #0d1a1a;
    letter-spacing: 0.02em;
}

[b-7zwe0aew78] .field-input.e-control-wrapper .e-input,
[b-7zwe0aew78] .field-input.e-ddl.e-control-wrapper .e-input {
    min-height: 2.6rem;
    padding: 0.65rem 0.9rem;
    font-family: Poppins, sans-serif;
    font-size: 0.85rem;
}

[b-7zwe0aew78] .field-input.e-control-wrapper.e-input-focus,
[b-7zwe0aew78] .field-input.e-ddl.e-control-wrapper.e-input-focus,
[b-7zwe0aew78] .field-input.e-ddl.e-control-wrapper.e-input-focus::before,
[b-7zwe0aew78] .field-input.e-ddl.e-control-wrapper.e-input-focus::after {
    border-color: var(--tone-primary);
    box-shadow: 0 0 0 2px rgba(0,200,202,.2);
}

.field-error[b-7zwe0aew78] {
    font-size: 0.75rem;
    color: var(--tone-danger, #dc2626);
    min-height: 1em;
    letter-spacing: 0.02em;
}

/* ── Password strength ── */
.pw-bar[b-7zwe0aew78] {
    height: 4px;
    background: var(--tone-surface-card);
    border-radius: 99px;
    overflow: hidden;
    margin-top: 0.4rem;
}

.pw-fill[b-7zwe0aew78] {
    height: 100%;
    border-radius: 99px;
    transition: width 200ms, background-color 200ms;
}

.pw-fill--weak[b-7zwe0aew78]   { background: var(--color-red);    width: 25%; }
.pw-fill--fair[b-7zwe0aew78]   { background: var(--color-orange);  width: 50%; }
.pw-fill--good[b-7zwe0aew78]   { background: var(--color-blue);    width: 75%; }
.pw-fill--strong[b-7zwe0aew78] { background: var(--color-green);   width: 100%; }

.pw-rules[b-7zwe0aew78] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.65rem;
    font-size: 0.72rem;
    margin-top: 0.4rem;
    letter-spacing: 0.02em;
}

.pw-rules .ok[b-7zwe0aew78] { color: var(--soft-green-text); }
.pw-rules .no[b-7zwe0aew78] { color: var(--tone-text-muted); }

/* ── Checkboxes ── */
.su-checkbox-row[b-7zwe0aew78] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.82rem;
    color: #344;
    letter-spacing: 0.02em;
}

.su-checkbox-row input[type="checkbox"][b-7zwe0aew78] {
    width: 1rem; height: 1rem;
    accent-color: var(--tone-primary);
    cursor: pointer;
    flex-shrink: 0;
}

.su-checkbox-row a[b-7zwe0aew78] {
    color: var(--tone-primary);
    font-weight: 700;
    text-decoration: none;
}

/* ── Geo / language card ── */
.geo-card[b-7zwe0aew78] {
    background: rgba(0,200,202,.04);
    border: 1px solid rgba(0,200,202,.2);
    border-radius: 10px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.geo-card__title[b-7zwe0aew78] {
    font-size: 0.72rem;
    font-weight: 800;
    color: #006699;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.geo-card__sub[b-7zwe0aew78] {
    font-size: 0.78rem;
    color: var(--tone-text-muted);
    letter-spacing: 0.02em;
}

.geo-card__warning[b-7zwe0aew78] {
    font-size: 0.75rem;
    color: var(--soft-orange-text);
    background: var(--soft-orange-bg);
    border: 1px solid rgba(234,100,0,.2);
    border-radius: 6px;
    padding: 0.4rem 0.6rem;
    letter-spacing: 0.02em;
}

/* ── Language chip selector ──
   Chips switch language without a page reload.
   Form field values are preserved via sessionStorage
   (see JS in Signup.razor OnAfterRenderAsync / SelectLanguageAsync).
   Active chip is highlighted; others are muted options.
   ── */
.su-lang-chips[b-7zwe0aew78] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.su-lang-chip[b-7zwe0aew78] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    background: rgba(255,255,255,.8);
    border: 1px solid var(--tone-border-light);
    color: var(--tone-text-muted);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    transition: background 140ms, border-color 140ms, color 140ms;
    letter-spacing: 0.04em;
}

.su-lang-chip:hover[b-7zwe0aew78] {
    background: rgba(0,200,202,.08);
    border-color: var(--tone-primary);
    color: #006699;
}

.su-lang-chip--active[b-7zwe0aew78] {
    background: rgba(0,200,202,.12);
    border-color: var(--tone-primary);
    color: #006699;
    font-weight: 700;
}

/* ── Primary button ── */
.su-btn-primary[b-7zwe0aew78] {
    width: 100%;
    padding: 0.85rem 1.5rem;
    background: var(--tone-primary);
    color: #fff;
    border: none;
    border-radius: 13px;
    font-family: Poppins, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: background 150ms, transform 150ms, box-shadow 150ms;
    box-shadow: 0 4px 18px rgba(0,200,202,.35);
}

.su-btn-primary:hover[b-7zwe0aew78] {
    background: var(--tone-primary-strong);
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(0,200,202,.4);
}

.su-btn-primary:disabled[b-7zwe0aew78] {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* ── Ghost / link buttons ── */
.su-btn-ghost[b-7zwe0aew78] {
    padding: 0.5rem 1rem;
    background: transparent;
    border: 1px solid var(--tone-border-light);
    border-radius: 10px;
    font-family: Poppins, sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--tone-text-main);
    cursor: pointer;
    letter-spacing: 0.04em;
    transition: border-color 140ms, background 140ms, color 140ms;
}

.su-btn-ghost:hover[b-7zwe0aew78] {
    border-color: var(--tone-primary);
    background: rgba(0,200,202,.05);
    color: #006699;
}

.su-btn-link[b-7zwe0aew78] {
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: none;
    font-family: Poppins, sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--tone-text-muted);
    cursor: pointer;
    letter-spacing: 0.04em;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.su-btn-link:hover[b-7zwe0aew78] { color: var(--tone-primary); }

/* ── Step 2: Code verification ── */
.su-code-grid[b-7zwe0aew78] {
    display: grid;
    grid-template-columns: repeat(6, 3rem);
    gap: 0.5rem;
    margin: 1.5rem auto;
    width: max-content;
}

[b-7zwe0aew78] .su-code-otp {
    display: grid;
    grid-template-columns: repeat(6, 3rem);
    gap: 0.5rem;
    width: max-content;
}

[b-7zwe0aew78] .su-code-otp input {
    height: 3.25rem;
    width: 3rem;
    border: 2px solid var(--tone-border-light);
    border-radius: 10px;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: #fff;
    color: var(--tone-text-main);
    outline: none;
    transition: border-color 150ms, box-shadow 150ms;
}

[b-7zwe0aew78] .su-code-otp input:focus {
    border-color: var(--tone-primary);
    box-shadow: 0 0 0 2px rgba(0,200,202,.22);
}

[b-7zwe0aew78] .su-code-otp.su-code-box--ok input {
    border-color: var(--color-green);
    background: var(--soft-green-bg);
}

.su-code-box[b-7zwe0aew78] {
    height: 3.25rem;
    border: 2px solid var(--tone-border-light);
    border-radius: 10px;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: #fff;
    color: var(--tone-text-main);
    outline: none;
    transition: border-color 150ms, box-shadow 150ms;
}

.su-code-box:focus[b-7zwe0aew78] {
    border-color: var(--tone-primary);
    box-shadow: 0 0 0 2px rgba(0,200,202,.22);
}

.su-code-box--ok[b-7zwe0aew78] {
    border-color: var(--color-green);
    background: var(--soft-green-bg);
}

.su-verify-ok[b-7zwe0aew78] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--soft-green-text);
    margin-bottom: 0.75rem;
    letter-spacing: 0.02em;
}

.su-verify-actions[b-7zwe0aew78] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .su-shell[b-7zwe0aew78] { grid-template-columns: 1fr; }

    .su-hero[b-7zwe0aew78] {
        position: static;
        height: auto;
        min-height: 0;
        padding: 2rem 1.5rem;
    }

    .su-hero__headline[b-7zwe0aew78] { font-size: 2rem; }

    .su-steps[b-7zwe0aew78] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.5rem;
        align-items: center;
    }

    .su-step-connector[b-7zwe0aew78] { display: none; }
}

@media (max-width: 520px) {
    .su-card[b-7zwe0aew78] { padding: 1.75rem 1.25rem; }
    .field-row[b-7zwe0aew78] { grid-template-columns: 1fr; }
    .su-code-grid[b-7zwe0aew78] { gap: 0.35rem; }
    .su-code-box[b-7zwe0aew78] { height: 2.75rem; font-size: 1.15rem; }
    [b-7zwe0aew78] .su-code-otp { gap: 0.35rem; grid-template-columns: repeat(6, 2.75rem); }
    [b-7zwe0aew78] .su-code-otp input { height: 2.75rem; width: 2.75rem; font-size: 1.15rem; }
}

/* ── RTL ── */
[dir="rtl"] .su-hero[b-7zwe0aew78] { order: 1; }
[dir="rtl"] .su-form-pane[b-7zwe0aew78] { order: 0; }
[dir="rtl"] .su-step-connector[b-7zwe0aew78] { margin-inline-start: 0; margin-inline-end: 0.8rem; }

/* ══════════════════════════════════════════════════════════
   ENTRANCE ANIMATIONS
   ══════════════════════════════════════════════════════════ */

@keyframes slideUp-b-7zwe0aew78 {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes slideInLeft-b-7zwe0aew78 {
    from { opacity: 0; transform: translateX(-28px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes slideInRight-b-7zwe0aew78 {
    from { opacity: 0; transform: translateX(32px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes bouncePop-b-7zwe0aew78 {
    0%   { opacity: 0; transform: scale(.88) translateY(12px); }
    60%  { opacity: 1; transform: scale(1.03) translateY(-3px); }
    80%  { transform: scale(.98) translateY(1px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes fadeIn-b-7zwe0aew78 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Hero — slide in from left */
.su-hero__logo[b-7zwe0aew78]      { animation: slideInLeft-b-7zwe0aew78 0.5s  cubic-bezier(.22,1,.36,1) 0.05s both; }
.su-hero__eyebrow[b-7zwe0aew78]   { animation: slideInLeft-b-7zwe0aew78 0.55s cubic-bezier(.22,1,.36,1) 0.15s both; }
.su-hero__headline[b-7zwe0aew78]  { animation: slideInLeft-b-7zwe0aew78 0.6s  cubic-bezier(.22,1,.36,1) 0.25s both; }
.su-hero__sub[b-7zwe0aew78]       { animation: slideInLeft-b-7zwe0aew78 0.55s cubic-bezier(.22,1,.36,1) 0.38s both; }
.su-steps[b-7zwe0aew78]           { animation: fadeIn-b-7zwe0aew78      0.5s  ease                      0.52s both; }
.su-hero__footer[b-7zwe0aew78]    { animation: fadeIn-b-7zwe0aew78      0.4s  ease                      0.70s both; }

/* Step indicators stagger */
.su-step:nth-child(1)[b-7zwe0aew78]            { animation: slideInLeft-b-7zwe0aew78 0.45s cubic-bezier(.22,1,.36,1) 0.55s both; }
.su-step-connector:nth-child(2)[b-7zwe0aew78]  { animation: fadeIn-b-7zwe0aew78      0.3s  ease                      0.65s both; }
.su-step:nth-child(3)[b-7zwe0aew78]            { animation: slideInLeft-b-7zwe0aew78 0.45s cubic-bezier(.22,1,.36,1) 0.68s both; }
.su-step-connector:nth-child(4)[b-7zwe0aew78]  { animation: fadeIn-b-7zwe0aew78      0.3s  ease                      0.78s both; }
.su-step:nth-child(5)[b-7zwe0aew78]            { animation: slideInLeft-b-7zwe0aew78 0.45s cubic-bezier(.22,1,.36,1) 0.80s both; }

/* Form pane slides in from right */
.su-form-top[b-7zwe0aew78] { animation: slideInRight-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.10s both; }
.su-card[b-7zwe0aew78]     { animation: slideInRight-b-7zwe0aew78 0.6s cubic-bezier(.22,1,.36,1) 0.20s both; }

/* Card inner elements stagger up */
.su-card__title[b-7zwe0aew78] { animation: slideUp-b-7zwe0aew78 0.50s cubic-bezier(.22,1,.36,1) 0.30s both; }
.su-card__sub[b-7zwe0aew78]   { animation: slideUp-b-7zwe0aew78 0.45s cubic-bezier(.22,1,.36,1) 0.38s both; }

/* Field group children stagger */
.field-group > *:nth-child(1)[b-7zwe0aew78] { animation: slideUp-b-7zwe0aew78 0.45s cubic-bezier(.22,1,.36,1) 0.42s both; }
.field-group > *:nth-child(2)[b-7zwe0aew78] { animation: slideUp-b-7zwe0aew78 0.45s cubic-bezier(.22,1,.36,1) 0.50s both; }
.field-group > *:nth-child(3)[b-7zwe0aew78] { animation: slideUp-b-7zwe0aew78 0.45s cubic-bezier(.22,1,.36,1) 0.58s both; }
.field-group > *:nth-child(4)[b-7zwe0aew78] { animation: slideUp-b-7zwe0aew78 0.45s cubic-bezier(.22,1,.36,1) 0.64s both; }
.field-group > *:nth-child(5)[b-7zwe0aew78] { animation: slideUp-b-7zwe0aew78 0.45s cubic-bezier(.22,1,.36,1) 0.70s both; }
.field-group > *:nth-child(6)[b-7zwe0aew78] { animation: slideUp-b-7zwe0aew78 0.45s cubic-bezier(.22,1,.36,1) 0.76s both; }

/* Geo card pops in */
.geo-card[b-7zwe0aew78] { animation: bouncePop-b-7zwe0aew78 0.65s cubic-bezier(.22,1,.36,1) 0.80s both; }

/* Submit button bounces in last */
[b-7zwe0aew78] .su-btn-primary,
.su-btn-primary[b-7zwe0aew78] { animation: bouncePop-b-7zwe0aew78 0.6s cubic-bezier(.22,1,.36,1) 0.88s both; }

/* Step 2 — code boxes stagger bounce */
.su-code-box:nth-child(1)[b-7zwe0aew78] { animation: bouncePop-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.10s both; }
.su-code-box:nth-child(2)[b-7zwe0aew78] { animation: bouncePop-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.17s both; }
.su-code-box:nth-child(3)[b-7zwe0aew78] { animation: bouncePop-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.24s both; }
.su-code-box:nth-child(4)[b-7zwe0aew78] { animation: bouncePop-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.31s both; }
.su-code-box:nth-child(5)[b-7zwe0aew78] { animation: bouncePop-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.38s both; }
.su-code-box:nth-child(6)[b-7zwe0aew78] { animation: bouncePop-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.45s both; }
[b-7zwe0aew78] .su-code-otp input:nth-child(1) { animation: bouncePop-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.10s both; }
[b-7zwe0aew78] .su-code-otp input:nth-child(2) { animation: bouncePop-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.17s both; }
[b-7zwe0aew78] .su-code-otp input:nth-child(3) { animation: bouncePop-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.24s both; }
[b-7zwe0aew78] .su-code-otp input:nth-child(4) { animation: bouncePop-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.31s both; }
[b-7zwe0aew78] .su-code-otp input:nth-child(5) { animation: bouncePop-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.38s both; }
[b-7zwe0aew78] .su-code-otp input:nth-child(6) { animation: bouncePop-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.45s both; }

/* Progressive reveal (JS-driven — applied via inline style) */
#verify-actions[b-7zwe0aew78] { animation: slideUp-b-7zwe0aew78   0.4s cubic-bezier(.22,1,.36,1) both; }
#create-btn[b-7zwe0aew78]     { animation: bouncePop-b-7zwe0aew78 0.5s cubic-bezier(.22,1,.36,1) 0.2s both; }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .su-hero__logo[b-7zwe0aew78], .su-hero__eyebrow[b-7zwe0aew78], .su-hero__headline[b-7zwe0aew78], .su-hero__sub[b-7zwe0aew78],
    .su-steps[b-7zwe0aew78], .su-hero__footer[b-7zwe0aew78], .su-step[b-7zwe0aew78], .su-step-connector[b-7zwe0aew78],
    .su-form-top[b-7zwe0aew78], .su-card[b-7zwe0aew78], .su-card__title[b-7zwe0aew78], .su-card__sub[b-7zwe0aew78],
    .field-group > *[b-7zwe0aew78], .geo-card[b-7zwe0aew78], .su-btn-primary[b-7zwe0aew78], .su-code-box[b-7zwe0aew78],
    [b-7zwe0aew78] .su-code-otp input,
    #verify-actions[b-7zwe0aew78], #create-btn[b-7zwe0aew78] {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}
/* /Components/Pages/Start.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   Start.razor.css — Intent picker (post-signup)
   All colours use --tone-* tokens. No hardcoded hex.
   ══════════════════════════════════════════════════════════ */

/* ── Shell ── */
.st-shell[b-eobh07nrys] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.5rem 4rem;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(0,200,202,.18) 0%, transparent 65%),
        linear-gradient(180deg, var(--tone-surface-teal) 0%, #f0fefe 30%, #ffffff 70%);
}

.st-shell--active[b-eobh07nrys] {
    justify-content: flex-start;
    min-height: 0;
    padding-top: 1.5rem;
}

/* Decorative blobs */
.st-shell[b-eobh07nrys]::before {
    content: "";
    position: absolute;
    width: 600px; height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,200,202,.07) 0%, transparent 70%);
    top: -160px; right: -160px;
    pointer-events: none;
}

.st-shell[b-eobh07nrys]::after {
    content: "";
    position: absolute;
    width: 400px; height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(234,100,0,.06) 0%, transparent 70%);
    bottom: -100px; left: -100px;
    pointer-events: none;
}

/* ── Welcome header ── */
.st-welcome[b-eobh07nrys] {
    text-align: center;
    margin-bottom: 2.75rem;
    max-width: 580px;
    position: relative;
    z-index: 1;
}

.st-welcome__eyebrow[b-eobh07nrys] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--tone-primary);
    margin-bottom: 1rem;
}

.st-welcome__eyebrow span:empty[b-eobh07nrys] {
    display: block;
    width: 28px; height: 1px;
    background: currentColor;
    opacity: .5;
}

.st-welcome__headline[b-eobh07nrys] {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: 0;
    color: #0d1a1a;
    margin-bottom: 0.75rem;
}

.st-welcome__headline em[b-eobh07nrys] {
    font-style: normal;
    color: var(--tone-primary);
}

.st-welcome__sub[b-eobh07nrys] {
    font-size: 0.95rem;
    line-height: 1.65;
    color: #4a6666;
    letter-spacing: 0.01em;
}

/* ── Intent grid ── */
.st-grid[b-eobh07nrys] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
    max-width: 1080px;
    position: relative;
    z-index: 1;
}

.st-grid--compact[b-eobh07nrys] {
    margin-top: 0.5rem;
}

.st-grid--compact .st-card__band[b-eobh07nrys] {
    height: 108px;
}

.st-grid--compact .st-card__body[b-eobh07nrys] {
    display: none;
}

.st-grid--compact .st-card__action[b-eobh07nrys] {
    margin-top: 0.65rem;
}

/* ── Card base ── */
.st-card[b-eobh07nrys] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: none;
    border-radius: 1.5rem;
    padding: 0;
    cursor: pointer;
    text-align: start;
    font-family: Poppins, sans-serif;
    overflow: hidden;
    transition:
        transform 180ms cubic-bezier(.22,1,.36,1),
        box-shadow 180ms cubic-bezier(.22,1,.36,1);
    box-shadow:
        0 1px 0 rgba(255,255,255,.9) inset,
        0 12px 32px rgba(0,0,0,.1),
        0 2px 8px rgba(0,0,0,.06);
    background: #fff;
    text-decoration: none;
    color: inherit;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
}

.st-card:hover[b-eobh07nrys],
.st-card:focus-visible[b-eobh07nrys] {
    transform: translateY(-5px) scale(1.015);
    box-shadow:
        0 1px 0 rgba(255,255,255,.9) inset,
        0 24px 56px rgba(0,0,0,.15),
        0 4px 16px rgba(0,0,0,.08);
    outline: none;
}

.st-card:active[b-eobh07nrys] { transform: translateY(-2px) scale(1.005); }

/* ── Card colour band ── */
.st-card__band[b-eobh07nrys] {
    width: 100%;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.st-logo[b-eobh07nrys] {
    position: relative;
    z-index: 2;
    width: 76px;
    height: 76px;
    border-radius: 18px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 24px rgba(0,0,0,.18), 0 2px 6px rgba(0,0,0,.1);
    flex-shrink: 0;
}

.st-logo svg[b-eobh07nrys] {
    width: 42px;
    height: 42px;
    display: block;
}

/* Shimmer rings behind icon */
.st-card__band[b-eobh07nrys]::before {
    content: "";
    position: absolute;
    width: 180px; height: 180px;
    border-radius: 50%;
    background: rgba(255,255,255,.06);
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}

.st-card__band[b-eobh07nrys]::after {
    content: "";
    position: absolute;
    width: 120px; height: 120px;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}

/* ── Card body ── */
.st-card__content[b-eobh07nrys] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1.2rem 1.25rem 0;
    gap: 0.45rem;
}

.st-card__title[b-eobh07nrys] {
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
    color: #0d1a1a;
}

.st-card__body[b-eobh07nrys] {
    font-size: 0.8rem;
    line-height: 1.65;
    color: #5a7070;
    letter-spacing: 0.01em;
    flex: 1;
}

/* ── Action bar ── */
.st-card__action[b-eobh07nrys] {
    width: 100%;
    padding: 0.85rem 1.25rem;
    margin-top: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    border-top: 1px solid rgba(0,0,0,.06);
    transition: background 140ms ease;
}

.st-arrow[b-eobh07nrys] {
    font-size: 1.1rem;
    opacity: .5;
    transition: transform 140ms ease, opacity 140ms ease;
    line-height: 1;
}

.st-card:hover .st-arrow[b-eobh07nrys] { transform: translateX(3px); opacity: .8; }

/* ── Sub-options (real estate expanded) ── */
.st-suboptions[b-eobh07nrys] {
    display: none;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0 1.25rem 1rem;
    width: 100%;
}

.st-card--realestate.is-expanded .st-card__band[b-eobh07nrys] {
    height: 160px;
    min-height: 0;
    padding: 0;
    flex-direction: row;
    gap: 0;
}

.st-card--realestate.is-expanded .st-suboptions[b-eobh07nrys] { display: flex; }
.st-card--realestate.is-expanded .st-card__action[b-eobh07nrys] { display: none; }

.st-suboption[b-eobh07nrys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0.85rem;
    border-radius: 0.75rem;
    background: #f0faf6;
    border: 1px solid #c0e8d4;
    font-size: 0.82rem;
    font-weight: 700;
    color: #0d5c38;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    text-align: start;
    transition: background 120ms, transform 120ms;
    letter-spacing: 0.02em;
    -webkit-user-select: none;
    user-select: none;
}

.st-suboption:hover[b-eobh07nrys] {
    background: #e0f5ec;
    transform: translateX(2px);
}

/* ── Per-card colour themes ── */

/* Request services — orange */
.st-card--request .st-card__band[b-eobh07nrys] {
    background: linear-gradient(135deg, #c84800 0%, #EA6400 55%, #ff8c3a 100%);
}
.st-card--request .st-card__action[b-eobh07nrys] {
    color: #b84000;
    background: #fff8f3;
}
.st-card--request:hover .st-card__action[b-eobh07nrys] { background: #fff0e6; }

/* Company — deep teal */
.st-card--company .st-card__band[b-eobh07nrys] {
    background: linear-gradient(135deg, #004d66 0%, #006699 55%, #0099bb 100%);
}
.st-card--company .st-card__action[b-eobh07nrys] {
    color: #005580;
    background: #f0fafd;
}
.st-card--company:hover .st-card__action[b-eobh07nrys] { background: #e0f5fb; }

/* Real estate — dark green */
.st-card--realestate .st-card__band[b-eobh07nrys] {
    background: linear-gradient(135deg, #0d2a1e 0%, #14503a 55%, #1a7a58 100%);
}
.st-card--realestate .st-card__action[b-eobh07nrys] {
    color: #0d5c38;
    background: #f0faf6;
}
.st-card--realestate:hover .st-card__action[b-eobh07nrys] { background: #e0f5ec; }

/* Explore — slate */
.st-card--explore .st-card__band[b-eobh07nrys] {
    background: linear-gradient(135deg, #2a3540 0%, #3c4e5c 55%, #516070 100%);
}
.st-card--explore .st-card__action[b-eobh07nrys] {
    color: #445566;
    background: #f6f8fa;
}
.st-card--explore:hover .st-card__action[b-eobh07nrys] { background: #edf1f5; }

/* ── Footnote ── */
.st-footnote[b-eobh07nrys] {
    margin-top: 2.25rem;
    font-size: 0.76rem;
    color: #7a9696;
    text-align: center;
    max-width: 460px;
    line-height: 1.65;
    letter-spacing: 0.01em;
    position: relative;
    z-index: 1;
}

.st-card--maxwell[b-eobh07nrys] {
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    max-width: 1080px;
    min-height: 130px;
    margin-bottom: 1rem;
    background: linear-gradient(130deg, #1a0a3d 0%, #2d1265 45%, #3d1a80 70%, #5a2daa 100%);
    box-shadow:
        0 1px 0 rgba(255,255,255,.08) inset,
        0 16px 48px rgba(58,15,130,.3),
        0 4px 12px rgba(58,15,130,.2);
}

.st-card--maxwell[b-eobh07nrys]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 60% 80% at 90% 50%, rgba(160,100,255,.15) 0%, transparent 70%),
        radial-gradient(ellipse 40% 60% at 10% 50%, rgba(0,200,202,.08) 0%, transparent 60%);
    pointer-events: none;
}

.st-card--maxwell:hover[b-eobh07nrys],
.st-card--maxwell:focus-visible[b-eobh07nrys] {
    transform: translateY(-4px) scale(1.008);
    box-shadow:
        0 1px 0 rgba(255,255,255,.1) inset,
        0 28px 64px rgba(58,15,130,.35),
        0 6px 20px rgba(58,15,130,.25);
}

.st-maxwell__band[b-eobh07nrys] {
    width: 130px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 1.5rem;
}

.st-maxwell__logo[b-eobh07nrys] {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(0,0,0,.3);
    position: relative;
    z-index: 1;
}

.st-maxwell__logo svg[b-eobh07nrys] {
    width: 40px;
    height: 40px;
}

.st-maxwell__content[b-eobh07nrys] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.4rem 1.5rem 1.4rem 0;
    gap: 0.3rem;
    position: relative;
    z-index: 1;
}

.st-maxwell__badge[b-eobh07nrys] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(200,160,255,.9);
    margin-bottom: 0.15rem;
}

.st-maxwell__badge[b-eobh07nrys]::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #a855f7;
    box-shadow: 0 0 6px #a855f7;
}

.st-maxwell__title[b-eobh07nrys] {
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: 0;
    color: #fff;
    line-height: 1.15;
}

.st-maxwell__title span[b-eobh07nrys],
.st-maxwell__body strong[b-eobh07nrys] {
    color: rgba(200,160,255,.9);
}

.st-maxwell__body[b-eobh07nrys] {
    font-size: 0.8rem;
    line-height: 1.6;
    color: rgba(255,255,255,.6);
    letter-spacing: 0.01em;
    max-width: 540px;
}

.st-maxwell__action[b-eobh07nrys] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 1.4rem 1.75rem;
    border-left: 1px solid rgba(255,255,255,.08);
    position: relative;
    z-index: 1;
}

.st-maxwell__cta[b-eobh07nrys] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
}

.st-maxwell__btn[b-eobh07nrys] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1.2rem;
    border-radius: 2rem;
    background: linear-gradient(135deg, #a855f7, #7c3aed);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    white-space: nowrap;
    transition: filter 140ms, transform 140ms;
    box-shadow: 0 4px 16px rgba(124,58,237,.4);
}

.st-card--maxwell:hover .st-maxwell__btn[b-eobh07nrys],
.st-card--maxwell:focus-visible .st-maxwell__btn[b-eobh07nrys] {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

.st-maxwell__btn .st-arrow[b-eobh07nrys] {
    color: rgba(255,255,255,.7);
    opacity: 1;
    font-size: 0.9rem;
}

.st-card--maxwell:hover .st-maxwell__btn .st-arrow[b-eobh07nrys] {
    transform: translateX(3px);
}

.st-maxwell__sub[b-eobh07nrys] {
    font-size: 0.68rem;
    color: rgba(255,255,255,.35);
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.st-flow-panel[b-eobh07nrys] {
    width: 100%;
    max-width: 960px;
    margin-top: 1.25rem;
    border-radius: 1rem;
    border: 1px solid #dbe7ea;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(0,0,0,.08);
    padding: 1rem;
    position: relative;
    z-index: 1;
}

.st-payment-reopen[b-eobh07nrys] {
    margin-top: 1rem;
    position: relative;
    z-index: 1;
}

.st-flow-actions[b-eobh07nrys] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.6rem;
}

.st-reset-btn[b-eobh07nrys] {
    border: 1px solid #c8d9dd;
    border-radius: 0.7rem;
    background: #f6fbfc;
    color: #2f4b53;
    padding: 0.45rem 0.75rem;
    font-size: 0.82rem;
    font-weight: 700;
    transition: background 120ms ease;
}

.st-reset-btn:hover[b-eobh07nrys] {
    background: #ebf5f7;
}

.st-reset-btn--primary[b-eobh07nrys] {
    background: #0f766e;
    border-color: #0f766e;
    color: #fff;
}

.st-reset-btn--primary:hover[b-eobh07nrys] {
    background: #115e59;
}

[b-eobh07nrys] .st-payment-dialog .e-dlg-content {
    padding: 1rem;
    overflow: auto;
}

[b-eobh07nrys] .st-payment-dialog .e-dlg-header-content {
    border-bottom: 1px solid #e2e8f0;
}

.st-plan-header[b-eobh07nrys] { padding: .75rem .5rem; max-inline-size: 45rem; }
.st-plan-eyebrow[b-eobh07nrys] { color: #0f766e; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.st-plan-header h2[b-eobh07nrys] { margin: .4rem 0 .5rem; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 750; color: #0f172a; }
.st-plan-header p[b-eobh07nrys] { margin: 0; font-size: .95rem; line-height: 1.6; color: #64748b; }
.st-plan-body[b-eobh07nrys] { padding: .5rem; max-block-size: 72vh; overflow: auto; background: #f8fafc; border-radius: 1rem; }
.st-plan-body[b-eobh07nrys]  .role-sub-head { display: none; }
.st-plan-body[b-eobh07nrys]  .role-sub-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); padding: .5rem; gap: 1rem; }
.st-plan-body[b-eobh07nrys]  .role-sub-card { border: 1px solid #dbe4e8; background: white; border-radius: 1rem; box-shadow: 0 4px 18px #0f172a08; overflow: hidden; }
.st-plan-body[b-eobh07nrys]  .role-sub-card .e-card-content { display: flex; flex-direction: column; padding: 1.5rem; height: 100%; }
.st-plan-body[b-eobh07nrys]  .role-sub-name { font-size: 1.1rem; }
.st-plan-body[b-eobh07nrys]  .role-sub-price { font-size: 1.8rem; letter-spacing: -.04em; margin-block: .85rem; }
.st-plan-body[b-eobh07nrys]  .role-sub-desc { line-height: 1.65; min-block-size: 3rem; }
.st-plan-body[b-eobh07nrys]  .role-sub-features { border-block-start: 1px solid #eef2f6; padding-block-start: 1rem; line-height: 1.8; }
.st-plan-body[b-eobh07nrys]  .role-sub-card .mt-3 { margin-block-start: auto !important; padding-block-start: 1.5rem; }
.st-plan-body[b-eobh07nrys]  .role-sub-card button { inline-size: 100%; min-block-size: 44px; border-radius: .65rem; }
.st-plan-body[b-eobh07nrys]  .pricing-row { margin: 0; padding: .5rem !important; }
.st-plan-body[b-eobh07nrys]  section { background: transparent; }
.st-plan-body[b-eobh07nrys]  .max-w-screen-xl { padding-block: 1rem !important; }
.st-plan-body[b-eobh07nrys]  .pricing-card { height: 100%; border: 1px solid #dbe4e8; background: #fff; border-radius: 1rem !important; padding-block: 1rem !important; }
.st-plan-body[b-eobh07nrys]  .pricing-card.featured { border: 2px solid #0f766e; box-shadow: 0 4px 18px #0f766e12; }
.st-plan-body[b-eobh07nrys]  .pricing-card .e-card-content { padding: 1.25rem; }
.st-plan-body[b-eobh07nrys]  .pricing-card .text-5xl { font-size: 2rem; }
.st-plan-body[b-eobh07nrys]  .pricing-card .e-avatar-xlarge { display: none; }
.st-plan-body[b-eobh07nrys]  .pricing-card .truncate { white-space: normal; }
.st-plan-body[b-eobh07nrys]  .pricing-card button { min-block-size: 44px; border-radius: .65rem; }
.st-plan-body[b-eobh07nrys]  .role-sub-checkout { margin: .5rem; padding: 1.25rem; }

/* ── Responsive ── */
@media (max-width: 1024px) {
    .st-grid[b-eobh07nrys] {
        grid-template-columns: repeat(2, 1fr);
        max-width: 680px;
    }

    .st-card--maxwell[b-eobh07nrys] {
        max-width: 680px;
        flex-direction: column;
    }

    .st-maxwell__band[b-eobh07nrys] {
        width: 100%;
        height: 120px;
    }

    .st-maxwell__content[b-eobh07nrys] {
        padding: 1rem 1.25rem 0;
    }

    .st-maxwell__action[b-eobh07nrys] {
        border-left: none;
        border-top: 1px solid rgba(255,255,255,.08);
        padding: 1rem 1.25rem;
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .st-shell[b-eobh07nrys] {
        padding: 2rem 1rem 3rem;
        justify-content: flex-start;
    }

    .st-welcome[b-eobh07nrys] { margin-bottom: 2rem; }

    .st-grid[b-eobh07nrys] {
        grid-template-columns: 1fr;
        max-width: 100%;
        gap: 0.75rem;
    }

    .st-grid--compact .st-card__band[b-eobh07nrys] {
        height: 96px;
    }

    .st-card__band[b-eobh07nrys] { height: 120px; }
    .st-logo[b-eobh07nrys] { width: 64px; height: 64px; border-radius: 14px; }
    .st-logo svg[b-eobh07nrys] { width: 34px; height: 34px; }
    .st-welcome__headline[b-eobh07nrys] { font-size: 2rem; }
}

/* ── RTL ── */
[dir="rtl"] .st-arrow[b-eobh07nrys] { transform: scaleX(-1); }
[dir="rtl"] .st-card:hover .st-arrow[b-eobh07nrys] { transform: scaleX(-1) translateX(-3px); }
[dir="rtl"] .st-suboption:hover[b-eobh07nrys] { transform: translateX(-2px); }
/* /Components/Profile/AddressBook.razor.rz.scp.css */
.e-grid .e-selectionbackground[b-kh84f2y825] {
    box-shadow: inset 0 0 0 2px #0078D4 !important; /* blue border */
    background-color: #e6f4ff !important; /* light blue */
}
/* /Components/Profile/Pages/BlueQuotesReportLineChart.razor.rz.scp.css */
.bq-report-line-chart[b-ki2dnvkmbl] {
    display: block;
    width: 100%;
    height: auto;
    min-height: 12rem;
    overflow: visible;
}

.bq-report-line-grid[b-ki2dnvkmbl] {
    stroke: var(--bs-border-color);
    stroke-width: 1;
}

.bq-report-line-axis[b-ki2dnvkmbl] {
    stroke: var(--bs-secondary-color);
    stroke-width: 1.5;
}

.bq-report-line-axis-label[b-ki2dnvkmbl] {
    fill: var(--bs-secondary-color);
    font-size: 12px;
}

.bq-report-line[b-ki2dnvkmbl] {
    fill: none;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.bq-report-line--visits[b-ki2dnvkmbl] {
    stroke: #2458e6;
}

.bq-report-line--started[b-ki2dnvkmbl] {
    stroke: #0b1f4b;
    stroke-dasharray: 8 4;
}

.bq-report-line--accepted[b-ki2dnvkmbl] {
    stroke: #0e8a7d;
    stroke-dasharray: 2 4;
}

.bq-report-line-legend[b-ki2dnvkmbl] {
    display: inline-block;
    width: 1.25rem;
    margin-inline-end: .4rem;
    border-top: 3px solid currentColor;
    vertical-align: middle;
}

.bq-report-line-legend--visits[b-ki2dnvkmbl] {
    color: #2458e6;
}

.bq-report-line-legend--started[b-ki2dnvkmbl] {
    color: #0b1f4b;
    border-top-style: dashed;
}

.bq-report-line-legend--accepted[b-ki2dnvkmbl] {
    color: #0e8a7d;
    border-top-style: dotted;
}

@media (max-width: 30rem) {
    .bq-report-line-axis-label[b-ki2dnvkmbl] {
        font-size: 10px;
    }
}
/* /Components/Profile/Pages/BlueQuotesReportSurface.razor.rz.scp.css */
.bq-report-heat[b-3025v0172w] {
    min-width: 5rem;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.bq-report-heat--high[b-3025v0172w] { background-color: #0b1f4b; color: #fff; }
.bq-report-heat--medium[b-3025v0172w] { background-color: #2458e6; color: #fff; }
.bq-report-heat--low[b-3025v0172w] { background-color: #8fa3d6; color: #0b1f4b; }
.bq-report-heat--minimal[b-3025v0172w] { background-color: #eef1f7; color: #172033; }
/* /Components/Profile/Pages/BlueQuotesReportUtmChart.razor.rz.scp.css */
.bq-report-utm-chart[b-ppx4refjh5] {
    display: block;
    width: 100%;
    height: auto;
    min-height: 12rem;
    overflow: visible;
}

.bq-report-utm-grid[b-ppx4refjh5] {
    stroke: var(--bs-border-color);
    stroke-width: 1;
}

.bq-report-utm-axis-label[b-ppx4refjh5] {
    fill: var(--bs-secondary-color);
    font-size: 12px;
}

.bq-report-utm-area[b-ppx4refjh5] {
    stroke: currentColor;
    stroke-width: 1.25;
    fill-opacity: .72;
    vector-effect: non-scaling-stroke;
}

.bq-report-utm-line[b-ppx4refjh5] {
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.bq-report-utm-legend[b-ppx4refjh5] {
    display: inline-block;
    width: 1rem;
    height: .85rem;
    margin-inline-end: .4rem;
    border: 1px solid currentColor;
    vertical-align: middle;
}

.bq-report-utm-series--0[b-ppx4refjh5] { color: #2458e6; fill: #2458e6; }
.bq-report-utm-series--1[b-ppx4refjh5] { color: #0b1f4b; fill: #0b1f4b; }
.bq-report-utm-series--2[b-ppx4refjh5] { color: #fdb022; fill: #fdb022; }
.bq-report-utm-series--3[b-ppx4refjh5] { color: #0e8a7d; fill: #0e8a7d; }
.bq-report-utm-series--4[b-ppx4refjh5] { color: #8fa3d6; fill: #8fa3d6; }
.bq-report-utm-series--5[b-ppx4refjh5] { color: #98a2b3; fill: #98a2b3; }

@media (max-width: 30rem) {
    .bq-report-utm-axis-label[b-ppx4refjh5] { font-size: 10px; }
}
/* /Components/Profile/Pages/MyAccount.razor.rz.scp.css */

.coverity-theme-toggle[b-nq2f78eddq] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem;
    border: 1px solid var(--app-border-subtle);
    border-radius: 999px;
    background: var(--app-surface-2);
    box-shadow: var(--app-shadow-subtle);
}

.coverity-theme-option[b-nq2f78eddq] {
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--app-text-muted);
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1;
    padding: 0.45rem 0.8rem;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.coverity-theme-option:hover[b-nq2f78eddq] {
    background: var(--app-surface-3);
    color: var(--app-text-primary);
}

.coverity-theme-option.is-active[b-nq2f78eddq] {
    border-color: var(--app-border-strong);
    background: var(--app-surface-elevated);
    color: var(--app-text-primary);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02);
}
/* /Components/Profile/Shared/CalendarComponent.razor.rz.scp.css */
.legend-box[b-hv8gask6fy] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.legend-color[b-hv8gask6fy] {
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #cfcfcf;
    margin-right: 10px;
    border-radius: 4px;
    overflow: hidden;
}

.card .card-body[b-hv8gask6fy] {
    padding: 1rem;
}
/* /Components/PublicRolePicker.razor.rz.scp.css */
/* Signed-out role picker. Brand: charcoal #333, cyan #00c8ca (app.css --tone-primary).
   White text on cyan fails contrast, so cyan fills carry dark text and cyan text uses #00788c. */
.rp-main[b-tanmkg2w08] {
  --rp-ink: #333;
  --rp-muted: #4a5558;
  --rp-cyan: #00c8ca;
  --rp-cyan-strong: #00afb1;
  --rp-cyan-text: #00788c;
  --rp-cyan-soft: #e5fbfb;
  --rp-cyan-icon: #ccf5f5;
  --rp-line: #cfe6e6;
  --rp-on-cyan: #1a1a1a;

  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 2rem 0 4rem;
  color: var(--rp-ink);
  font-family: Poppins, sans-serif;
  text-align: start;
}

.rp-intro[b-tanmkg2w08] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
}

.rp-intro__copy[b-tanmkg2w08] {
  flex: 1 1 32rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.rp-eyebrow[b-tanmkg2w08] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rp-cyan-text);
}

.rp-title[b-tanmkg2w08] {
  margin: 0;
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 700;
  line-height: 1.15;
}

.rp-lead[b-tanmkg2w08] {
  margin: 0;
  max-width: 38rem;
  font-size: 1.125rem;
  line-height: 1.5;
  color: var(--rp-muted);
}

.rp-logincard[b-tanmkg2w08] {
  flex: 0 1 21rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: #fff;
  border: 1px solid var(--rp-line);
  border-radius: 1rem;
}

.rp-logincard__copy[b-tanmkg2w08] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.rp-logincard__title[b-tanmkg2w08] { font-weight: 600; }
.rp-logincard__body[b-tanmkg2w08] { font-size: 0.875rem; color: var(--rp-muted); }

.rp-login[b-tanmkg2w08] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.5rem 1.25rem;
  border: 2px solid var(--rp-ink);
  border-radius: 0.75rem;
  background: #fff;
  color: var(--rp-ink);
  font-weight: 600;
  text-decoration: none;
}

.rp-login:hover[b-tanmkg2w08] { background: var(--rp-ink); color: #fff; }

/* Groups and tiles */
.rp-groups[b-tanmkg2w08] {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.rp-group[b-tanmkg2w08] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.rp-group--account[b-tanmkg2w08] { flex: 2 1 35rem; }
.rp-group--document[b-tanmkg2w08] { flex: 1 1 20rem; }

.rp-group__label[b-tanmkg2w08] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rp-cyan-text);
}

.rp-tiles[b-tanmkg2w08] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  flex-grow: 1;
}

.rp-tiles--three[b-tanmkg2w08] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.rp-tile[b-tanmkg2w08] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 44px;
  padding: 1.25rem;
  text-align: start;
  font-family: inherit;
  color: var(--rp-ink);
  background: #fff;
  border: 2px solid var(--rp-line);
  border-radius: 1rem;
  cursor: pointer;
}

.rp-tile:hover[b-tanmkg2w08] { border-color: var(--rp-cyan); }
.rp-tile.is-on[b-tanmkg2w08] { border-color: var(--rp-cyan); background: var(--rp-cyan-soft); }

.rp-tile__icon[b-tanmkg2w08] {
  width: 2.75rem;
  height: 2.75rem;
  display: grid;
  place-items: center;
  border-radius: 0.75rem;
  background: var(--rp-cyan-icon);
  color: var(--rp-cyan-text);
  font-size: 1.1rem;
}

.rp-tile.is-on .rp-tile__icon[b-tanmkg2w08] { background: var(--rp-cyan); color: var(--rp-on-cyan); }

.rp-tile__title[b-tanmkg2w08] { font-size: 1.0625rem; font-weight: 600; line-height: 1.3; }
.rp-tile__sub[b-tanmkg2w08] { font-size: 0.875rem; line-height: 1.45; color: var(--rp-muted); }

/* Detail panel */
.rp-detail[b-tanmkg2w08] {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 2.25rem;
  background: #fff;
  border: 1px solid var(--rp-line);
  border-radius: 1.25rem;
}

.rp-detail__copy[b-tanmkg2w08] {
  flex: 1 1 25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.rp-detail__heading[b-tanmkg2w08] { margin: 0; font-size: 1.75rem; font-weight: 700; line-height: 1.2; }

.rp-bullets[b-tanmkg2w08] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.rp-bullets li[b-tanmkg2w08] { display: flex; gap: 0.75rem; align-items: flex-start; line-height: 1.5; }
.rp-bullets i[b-tanmkg2w08] { margin-top: 0.3rem; color: var(--rp-cyan-text); }

.rp-detail__action[b-tanmkg2w08] {
  flex: 0 1 24rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 1.75rem;
  background: #f4fbfb;
  border-radius: 1rem;
}

.rp-cta[b-tanmkg2w08] {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 44px;
  padding: 0.875rem 1.375rem;
  border-radius: 0.75rem;
  background: var(--rp-cyan);
  color: var(--rp-on-cyan);
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
}

.rp-cta:hover[b-tanmkg2w08] { background: var(--rp-cyan-strong); color: var(--rp-on-cyan); }

.rp-detail__login[b-tanmkg2w08] { margin: 0; font-size: 0.875rem; color: var(--rp-muted); }

.rp-link[b-tanmkg2w08] {
  color: var(--rp-cyan-text);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.rp-bluequotes[b-tanmkg2w08] {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 44px;
  font-size: 1rem;
}

.rp-invite[b-tanmkg2w08] {
  margin: 0;
  display: flex;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--rp-muted);
}

.rp-tile:focus-visible[b-tanmkg2w08],
.rp-cta:focus-visible[b-tanmkg2w08],
.rp-login:focus-visible[b-tanmkg2w08],
.rp-link:focus-visible[b-tanmkg2w08] {
  outline: 3px solid var(--rp-ink);
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .rp-main[b-tanmkg2w08] { gap: 1.75rem; padding-top: 1rem; }
  .rp-tiles--three[b-tanmkg2w08] { grid-template-columns: minmax(0, 1fr); }
  .rp-tile[b-tanmkg2w08] { flex-direction: row; flex-wrap: wrap; align-items: center; }
  .rp-tile__title[b-tanmkg2w08] { flex: 1 1 0; min-width: 8rem; }
  .rp-tile__sub[b-tanmkg2w08] { flex-basis: 100%; }
  .rp-detail[b-tanmkg2w08] { padding: 1.25rem; }
  .rp-detail__action[b-tanmkg2w08] { padding: 1.25rem; }
}

[dir="rtl"] .rp-cta i[b-tanmkg2w08],
[dir="rtl"] .rp-bluequotes i[b-tanmkg2w08] { transform: scaleX(-1); }
/* /Components/PublicStartPage.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   PublicStartPage.razor.css
   Strategy: dark warm base → brand orange — white text
   always on dark, so contrast never collapses.
   The route panel (white card) sits on a deliberately
   darker slice so it pops cleanly.
   ══════════════════════════════════════════════════════════ */

/* ── Reset / scope ── */
.ps-shell *[b-c1xcu6zzxi],
.ps-shell *[b-c1xcu6zzxi]::before,
.ps-shell *[b-c1xcu6zzxi]::after {
  box-sizing: border-box;
}

/* ── Shell ── */
.ps-shell[b-c1xcu6zzxi] {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  color: #fff;
  font-family: Poppins, sans-serif;
}

/* ── Background layers ── */
.ps-gradient[b-c1xcu6zzxi] {
  position: fixed;
  inset: 0;
  z-index: 0;
  /* Deep warm dark → brand orange. White text stays readable everywhere. */
  background: linear-gradient(
    130deg,
    #150800  0%,
    #5c2000 28%,
    #EA6400 62%,
    #f07828 82%,
    #ff9a50 100%
  );
}

/* Noise texture for depth */
.ps-gradient[b-c1xcu6zzxi]::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .06;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 200px 200px;
}

/* Warm radial glow — pulls eye to the hero */
.ps-gradient[b-c1xcu6zzxi]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 70% 60% at 32% 48%,
    rgba(255,120,30,.28) 0%,
    transparent 70%
  );
}

/* ── Stage ── */
.ps-stage[b-c1xcu6zzxi] {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 2.5rem;
}

/* ── Header ── */
.ps-header[b-c1xcu6zzxi] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem 0;
  flex-wrap: wrap;
}

.ps-logo-link[b-c1xcu6zzxi] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.ps-logo[b-c1xcu6zzxi] {
  height: 32px;
  display: block;
  filter: brightness(0) invert(1); /* white version */
}

.ps-header-actions[b-c1xcu6zzxi] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}

/* ── Language selector ── */
.ps-lang-wrap[b-c1xcu6zzxi] {
  position: relative;
}

.ps-lang-btn[b-c1xcu6zzxi] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.42rem 0.85rem;
  border-radius: 2rem;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.22);
  color: rgba(255,255,255,.88);
  font-size: 0.82rem;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  white-space: nowrap;
  letter-spacing: 0.04em;
}

.ps-lang-btn:hover[b-c1xcu6zzxi],
.ps-lang-btn:focus-visible[b-c1xcu6zzxi] {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.36);
  outline: none;
}

.ps-lang-label[b-c1xcu6zzxi] { font-weight: 700; }

.ps-lang-caret[b-c1xcu6zzxi] {
  font-size: 0.6rem;
  opacity: .7;
  transition: transform 140ms ease;
}

.ps-lang-caret--open[b-c1xcu6zzxi] { transform: rotate(180deg); }

.ps-lang-menu[b-c1xcu6zzxi] {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  min-width: 13.5rem;
  max-height: 18rem;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  box-shadow: 0 24px 48px rgba(0,0,0,.22);
  padding: 0.3rem;
  z-index: 50;
}

.ps-lang-option[b-c1xcu6zzxi] {
  width: 100%;
  border: 0;
  border-radius: 0.7rem;
  background: transparent;
  color: #1a0a00;
  text-align: start;
  padding: 0.5rem 0.65rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.83rem;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  cursor: pointer;
  letter-spacing: 0.04em;
  transition: background 100ms;
}

.ps-lang-option:hover[b-c1xcu6zzxi],
.ps-lang-option:focus-visible[b-c1xcu6zzxi] {
  background: #fff7f0;
  outline: none;
}

.ps-lang-option--active[b-c1xcu6zzxi] {
  background: #fff0e6;
  color: #7a2800;
}

/* ── Header buttons ── */
.ps-header-btn[b-c1xcu6zzxi] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.5rem 1.1rem;
  border-radius: 2rem;
  font-size: 0.84rem;
  font-weight: 800;
  font-family: Poppins, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 0.03em;
  transition: transform 140ms ease, background 140ms ease, box-shadow 140ms ease;
  border: 1px solid transparent;
}

.ps-header-btn:hover[b-c1xcu6zzxi],
.ps-header-btn:focus-visible[b-c1xcu6zzxi] {
  transform: translateY(-1px);
  outline: none;
}

.ps-header-btn--ghost[b-c1xcu6zzxi] {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.28);
  color: #fff;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.ps-header-btn--ghost:hover[b-c1xcu6zzxi] {
  background: rgba(255,255,255,.2);
  color: #fff;
}

/* Solid white button — stands out on dark bg */
.ps-header-btn--solid[b-c1xcu6zzxi] {
  background: #fff;
  color: #c04400;
  box-shadow: 0 4px 18px rgba(0,0,0,.2);
}

.ps-header-btn--solid:hover[b-c1xcu6zzxi] {
  color: #903200;
  box-shadow: 0 8px 28px rgba(0,0,0,.26);
}

/* ── Main two-column layout ── */
.ps-main[b-c1xcu6zzxi] {
  flex: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 460px);
  gap: 3rem;
  align-items: center;
  padding: 2rem 0 4rem;
}

/* ── Hero (left) ── */
.ps-hero[b-c1xcu6zzxi] {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  padding-inline-end: 1.5rem;
}

.ps-hero__eyebrow[b-c1xcu6zzxi] {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
}

.ps-hero__headline[b-c1xcu6zzxi] {
  margin: 0;
  font-size: clamp(3.2rem, 5.8vw, 5.8rem);
  font-weight: 900;
  line-height: 0.92;
  letter-spacing: -0.04em;
  color: #fff;
  /* Subtle inner shadow so letters pop off dark bg */
  text-shadow: 0 2px 32px rgba(0,0,0,.25);
}

/* Accent: "confidence." in a warmer tint to distinguish from bg */
.ps-hero__headline-accent[b-c1xcu6zzxi] {
  color: #ffd4aa;
}

.ps-hero__body[b-c1xcu6zzxi] {
  margin: 0;
  max-width: 34rem;
  font-size: 1.05rem;
  line-height: 1.68;
  color: rgba(255,255,255,.82);
  letter-spacing: 0.02em;
}

/* Primary CTA — dark, not white, for better hierarchy on orange bg */
.ps-hero__cta[b-c1xcu6zzxi] {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.65rem;
  border-radius: 1.1rem;
  background: rgba(0,0,0,.62);
  color: #fff;
  font-weight: 900;
  font-size: 1rem;
  font-family: Poppins, sans-serif;
  text-decoration: none;
  letter-spacing: 0.04em;
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 8px 28px rgba(0,0,0,.28);
  align-self: flex-start;
  transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.ps-hero__cta:hover[b-c1xcu6zzxi],
.ps-hero__cta:focus-visible[b-c1xcu6zzxi] {
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.36);
  background: rgba(0,0,0,.72);
  color: #fff;
  outline: none;
}

.ps-hero__cta-arrow[b-c1xcu6zzxi] {
  font-size: 0.82rem;
  margin-inline-start: 0.1rem;
  opacity: .75;
}

.ps-hero__cta-note[b-c1xcu6zzxi] {
  margin: -0.5rem 0 0;
  font-size: 0.88rem;
  color: rgba(255,255,255,.62);
  letter-spacing: 0.02em;
}

.ps-hero__inline-link[b-c1xcu6zzxi] {
  color: rgba(255,255,255,.9);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(255,255,255,.35);
}

.ps-hero__inline-link:hover[b-c1xcu6zzxi] {
  color: #fff;
  text-decoration-color: rgba(255,255,255,.7);
}

/* ── Routes aside (right) ── */
.ps-routes[b-c1xcu6zzxi] {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

/* White panel — dark bg behind it ensures it pops with strong shadow */
.ps-routes-panel[b-c1xcu6zzxi] {
  background: #fff;
  border-radius: 1.5rem;
  padding: 1.5rem;
  /* Strong shadow because bg is dark — gives real depth */
  box-shadow:
    0 2px 0 rgba(255,255,255,.12),
    0 32px 72px rgba(0,0,0,.36),
    0 8px 24px rgba(0,0,0,.22);
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  color: #1a0a00;
}

.ps-routes-panel__lead[b-c1xcu6zzxi] {
  margin: 0;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8c6048;
}

.ps-routes-list[b-c1xcu6zzxi] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* ── Route cards ── */
.ps-route-card[b-c1xcu6zzxi] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.9rem;
  align-items: center;
  padding: 0.95rem 1rem;
  border-radius: 1rem;
  text-decoration: none;
  color: #1a0a00;
  background: #faf7f4;
  border: 1px solid #ede6de;
  transition:
    transform 140ms ease,
    box-shadow 140ms ease,
    border-color 140ms ease,
    background 140ms ease;
}

.ps-route-card:hover[b-c1xcu6zzxi],
.ps-route-card:focus-visible[b-c1xcu6zzxi] {
  background: #fff;
  border-color: #d4b89a;
  box-shadow: 0 6px 22px rgba(0,0,0,.1);
  transform: translateY(-1px);
  outline: none;
  color: #1a0a00;
}

.ps-route-card__icon[b-c1xcu6zzxi] {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 0.75rem;
  display: grid;
  place-items: center;
  font-size: 0.95rem;
  flex-shrink: 0;
}

/* Notary — brand teal */
.ps-route-card--notary .ps-route-card__icon[b-c1xcu6zzxi] {
  background: rgba(0,200,202,.12);
  color: #007a7c;
}

/* Request — clear action blue */
.ps-route-card--request .ps-route-card__icon[b-c1xcu6zzxi] {
  background: rgba(39,113,196,.12);
  color: #1d5f9f;
}

/* Login — warm dark */
.ps-route-card--login .ps-route-card__icon[b-c1xcu6zzxi] {
  background: rgba(21,8,0,.07);
  color: #5c2000;
}

/* Sign-up — orange accent */
.ps-route-card--signup .ps-route-card__icon[b-c1xcu6zzxi] {
  background: rgba(234,100,0,.1);
  color: #c04400;
}

.ps-route-card__title[b-c1xcu6zzxi] {
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.2;
  color: #1a0a00;
  letter-spacing: 0.02em;
}

.ps-route-card__body[b-c1xcu6zzxi] {
  margin-top: 0.18rem;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #7a5a3c;
}

.ps-route-card__arrow[b-c1xcu6zzxi] {
  color: #c09070;
  font-size: 0.7rem;
  flex-shrink: 0;
  transition: transform 140ms ease;
}

.ps-route-card:hover .ps-route-card__arrow[b-c1xcu6zzxi] {
  transform: translateX(2px);
}

/* ── Invite note ── */
.ps-invite-note[b-c1xcu6zzxi] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.75rem 0.9rem;
  border-radius: 0.85rem;
  background: #fff8f0;
  border: 1px solid #fad8b4;
  color: #6b3800;
  font-size: 0.8rem;
  line-height: 1.55;
  letter-spacing: 0.02em;
}

.ps-invite-note i[b-c1xcu6zzxi] {
  margin-top: 0.14rem;
  color: #c85a00;
  flex-shrink: 0;
}

/* ── Artwork ── */
.ps-artwork[b-c1xcu6zzxi] {
  display: flex;
  justify-content: center;
  padding: 0 0.5rem;
}

.ps-artwork__img[b-c1xcu6zzxi] {
  width: min(90%, 340px);
  height: auto;
  display: block;
  /* Orange tint + strong drop shadow so it reads on the dark gradient */
  filter:
    drop-shadow(0 20px 48px rgba(0,0,0,.4))
    drop-shadow(0 4px 12px rgba(234,100,0,.3));
}

/* ── Responsive: tablet ── */
@media (max-width: 1080px) {
  .ps-main[b-c1xcu6zzxi] {
    grid-template-columns: 1fr;
    align-items: start;
    padding-top: 1rem;
  }

  .ps-hero[b-c1xcu6zzxi] {
    padding-inline-end: 0;
    align-items: center;
    text-align: center;
  }

  .ps-hero__body[b-c1xcu6zzxi] { max-width: 100%; }

  .ps-hero__cta[b-c1xcu6zzxi] { align-self: center; }

  .ps-routes[b-c1xcu6zzxi] { order: 2; }

  .ps-artwork[b-c1xcu6zzxi] { order: 3; padding-top: 0.25rem; }
}

/* ── Responsive: mobile ── */
@media (max-width: 760px) {
  .ps-stage[b-c1xcu6zzxi] { padding: 0 1.25rem; }

  .ps-header-actions[b-c1xcu6zzxi] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem;
  }

  .ps-lang-wrap[b-c1xcu6zzxi] { grid-column: 1 / -1; }

  .ps-lang-btn[b-c1xcu6zzxi] {
    width: 100%;
    justify-content: center;
  }

  .ps-lang-menu[b-c1xcu6zzxi] { width: 100%; }

  .ps-hero__headline[b-c1xcu6zzxi] { font-size: clamp(2.6rem, 10vw, 3.8rem); }

  .ps-routes-panel[b-c1xcu6zzxi] { border-radius: 1.25rem; }

  .ps-artwork__img[b-c1xcu6zzxi] { width: min(80%, 280px); }
}

@media (max-width: 480px) {
  .ps-stage[b-c1xcu6zzxi] { padding: 0 0.85rem; }

  .ps-hero__headline[b-c1xcu6zzxi] { font-size: clamp(2.2rem, 11vw, 3rem); }

  .ps-hero__cta[b-c1xcu6zzxi] {
    padding: 0.85rem 1.25rem;
    font-size: 0.93rem;
  }

  .ps-routes-panel[b-c1xcu6zzxi] {
    padding: 1.15rem;
    border-radius: 1.1rem;
  }

  .ps-route-card[b-c1xcu6zzxi] { grid-template-columns: auto minmax(0, 1fr); }

  .ps-route-card__arrow[b-c1xcu6zzxi] { display: none; }

  .ps-artwork__img[b-c1xcu6zzxi] { width: min(72%, 240px); }
}

/* ── RTL ── */
[dir="rtl"] .ps-hero__cta-arrow[b-c1xcu6zzxi] { transform: scaleX(-1); }
[dir="rtl"] .ps-route-card[b-c1xcu6zzxi] { direction: rtl; }
[dir="rtl"] .ps-lang-menu[b-c1xcu6zzxi] { left: auto; right: 0; }

/* ── Role-picker entry (portal): light brand surface, charcoal text ── */
.ps-shell--picker[b-c1xcu6zzxi] {
  color: #333;
  background: #f4fbfb;
}

.ps-shell--picker .ps-gradient[b-c1xcu6zzxi] { display: none; }

.ps-shell--picker .ps-header[b-c1xcu6zzxi] {
  border-bottom: 1px solid #cfe6e6;
}

.ps-shell--picker .ps-logo-img[b-c1xcu6zzxi] {
  height: 3.25rem;
  width: auto;
  display: block;
  margin: -0.5rem 0;
}

.ps-shell--picker .ps-lang-btn[b-c1xcu6zzxi] {
  background: #fff;
  border-color: #cfe6e6;
  color: #333;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.ps-shell--picker .ps-lang-btn:hover[b-c1xcu6zzxi],
.ps-shell--picker .ps-lang-btn:focus-visible[b-c1xcu6zzxi] {
  background: #e5fbfb;
  border-color: #00c8ca;
}

.ps-shell--picker .ps-lang-option:hover[b-c1xcu6zzxi],
.ps-shell--picker .ps-lang-option:focus-visible[b-c1xcu6zzxi] { background: #e5fbfb; }

.ps-shell--picker .ps-lang-option--active[b-c1xcu6zzxi] {
  background: #ccf5f5;
  color: #005a68;
}

.ps-shell--picker .ps-header-btn--ghost[b-c1xcu6zzxi] {
  background: #fff;
  border: 2px solid #333;
  color: #333;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.ps-shell--picker .ps-header-btn--ghost:hover[b-c1xcu6zzxi] {
  background: #333;
  color: #fff;
}
/* /Components/Requests/Create.razor.rz.scp.css */


/* Toolbar behavior */
#pageBar[b-1do6my8nu2] {
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* Header styling */
.pageHeader[b-1do6my8nu2] {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 0.75rem 1rem;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 0.25rem rgba(255, 255, 255, 0.1);
    text-shadow: 0 0 0.25rem rgba(255, 255, 255, 0.1);
}


.bar[b-1do6my8nu2] {
    width: 100%;
    height: 4px;
    background-color: #991199;
}
/* Card styles */
.request-summary-grid[b-1do6my8nu2] {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 0.5rem 1rem;
    align-items: center;
    font-size: 0.95rem;
}

    .request-summary-grid .label[b-1do6my8nu2] {
        font-weight: 500;
        color: #555;
        text-align: right;
    }

    .request-summary-grid .value[b-1do6my8nu2] {
        font-weight: 400;
        color: #333;
    }



/* Grid sections */






/* Allow auto height when using templates */
.e-listview:not(.e-list-template) .e-list-item[b-1do6my8nu2] {
    height: auto !important;
    line-height: normal;
    padding: 0.75rem 1rem;
}

/* PDF thumbnail stack */


.bar[b-1do6my8nu2] {
    width: 100%;
    height: 4px;
    background-color: #991199;
}
/* Card styles */
.request-summary-grid[b-1do6my8nu2] {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 0.5rem 1rem;
    align-items: center;
    font-size: 0.95rem;
}

    .request-summary-grid .label[b-1do6my8nu2] {
        font-weight: 500;
        color: #555;
        text-align: right;
    }

    .request-summary-grid .value[b-1do6my8nu2] {
        font-weight: 400;
        color: #333;
    }

.section-card[b-1do6my8nu2] {
    
    background-color: transparent; /* or inherit */
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%; /* Ensures it fits its Bootstrap column */
    height: auto;
    box-shadow: none;
    border: none;
}

.section-header[b-1do6my8nu2] {
    
    width: 100%;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #5e3ea1, rgba(94, 62, 161, 0)) 1;
}




.section-body[b-1do6my8nu2] {
    
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
}

/* Grid sections */






/*.paper-stack-preview {
    position: relative;
    width: 140px;
    height: 180px;
    overflow: hidden;
    background-color: #f8f8f8;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);*/ /* stronger drop-shadow */
    /*padding: 4px;*/ /* optional: small inner padding for border visibility */
/*}*/

/* Each page gets a subtle border */
/*.stack-page {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    border: 1px solid #ddd;*/ /* light-gray border */
    /*border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 1;
}*/

    /* Top page notch */
    /*.stack-page.visible::before {
        content: "";
        position: absolute;
        top: -4px;
        left: 50%;
        transform: translateX(-50%);
        width: 30px;
        height: 6px;
        background-color: #ccc;
        border-radius: 3px;
        z-index: 11;
    }*/

    /* Top page */
    /*.stack-page.visible {
        opacity: 1;
        z-index: 10;
    }*/

/* Stacked pages with slight tilt and offset */
/*.paper-stack-preview .stack-page:nth-of-type(2) {
    transform: rotate(-1deg) translateY(2px);
    opacity: 1;
    z-index: 2;
}

.paper-stack-preview .stack-page:nth-of-type(3) {
    transform: rotate(-1deg) translateY(4px);
    opacity: 1;
    z-index: 3;
}

.paper-stack-preview .stack-page:nth-of-type(4) {
    transform: rotate(-1deg) translateY(6px);
    opacity: 1;
    z-index: 4;
}

.paper-stack-preview .stack-page:nth-of-type(5) {
    transform: rotate(-1deg) translateY(8px);
    opacity: 1;
    z-index: 5;
}


.stack-page {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 1;
}

    .stack-page.visible {
        opacity: 1;
        z-index: 10;
    }*/


/* Flex row container (optional group) */
/*.row-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
}*/

/* Section cards */
/*.section-card {
    background: white;
    border-radius: 1.25em;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    overflow: visible;
    border-radius: 1em;
}*/

/* Width control */
/*.cols-1 {
    flex: 1 1 100%;
}

.cols-2 {
    flex: 1 1 48%;
    min-width: 300px;
}

.cols-3 {
    flex: 1 1 31%;
    min-width: 280px;
}

.cols-4 {
    flex: 1 1 23%;
    min-width: 260px;
}*/

/* Header and body */





/* Phones: the nested card paddings left the form about 45% of the screen wide. */
@media (max-width: 575.98px) {
    [b-1do6my8nu2] .section-card { padding-left: .25rem; padding-right: .25rem; }
    [b-1do6my8nu2] .create-layout > [class*="col-"], [b-1do6my8nu2] .create-layout .row > [class*="col-"] { padding-left: .25rem; padding-right: .25rem; }
}
/* /Components/Requests/CustomerRequest.razor.rz.scp.css */
/* One-shot request page. Tokens and base look come from wwwroot/css/service.css (.svc);
   this file is layout, the rotating hero, step cards, the mobile wizard and Syncfusion field skin. */

.svc-oneshot[b-kryxdeidls] {
    width: 100%;
    max-width: 70rem;
}

.os[b-kryxdeidls] {
    --os-cta: #00797c;            /* white text passes 4.5:1 (raw accent #00c8ca does not) */
    --os-cta-hover: #006669;
    --os-ease: var(--svc-ease, cubic-bezier(.22, 1, .36, 1));
}

html[data-theme="dark"] .os[b-kryxdeidls] {
    --os-cta: #00a3a6;
    --os-cta-hover: #00b5b8;
}

/* ── Hero ─────────────────────────────────────────────────────────── */
.os-hero[b-kryxdeidls] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
    padding-block: clamp(.5rem, 3vw, 2.5rem) clamp(1rem, 3vw, 2rem);
}

.os-hero > *[b-kryxdeidls] {
    position: relative;
    z-index: 1;
    animation: os-up-b-kryxdeidls .75s var(--os-ease) both;
}

.os-hero > .os-hbg[b-kryxdeidls] {
    position: absolute;
    z-index: 0;
    right: -1.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: clamp(18.75rem, 34vw, 27.5rem);
    height: auto;
    opacity: .25;
    pointer-events: none;
    mix-blend-mode: multiply;      /* hides the logo's white background on the light page */
    animation: none;
}

html[data-theme="dark"] .os-hero > .os-hbg[b-kryxdeidls] {
    filter: invert(1) hue-rotate(180deg);
    mix-blend-mode: screen;
}

/* Three phrases share one grid cell and take turns: 5s each, 15s loop. */
.os-hrot[b-kryxdeidls] {
    display: grid;
    margin-top: 1.1rem;
    font-size: clamp(2.4rem, 6.4vw, 4.75rem);
    line-height: 1.1;
    letter-spacing: -.035em;
    font-weight: 700;
    animation-delay: .1s;
}

.os-hrot > span[b-kryxdeidls] {
    grid-area: 1 / 1;
    display: block;
    white-space: nowrap;
    opacity: 0;
    animation: os-rotate-b-kryxdeidls 15s var(--os-ease) infinite;
}

.os-hrot > span:nth-child(2)[b-kryxdeidls] { animation-delay: 5s; }
.os-hrot > span:nth-child(3)[b-kryxdeidls] { animation-delay: 10s; }

@keyframes os-rotate-b-kryxdeidls {
    0%        { opacity: 0; transform: translateY(16px);  filter: blur(6px); }
    4%, 29%   { opacity: 1; transform: none;              filter: none; }
    33%, 100% { opacity: 0; transform: translateY(-12px); filter: blur(6px); }
}

.os-lead[b-kryxdeidls] {
    max-width: 46rem;
    margin: 1.25rem 0 0;
    text-align: left;
}

.os-chips[b-kryxdeidls] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.4rem;
}

.os-chip[b-kryxdeidls] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .55rem .9rem;
    font-size: .9375rem;
    font-weight: 550;
    background: var(--svc-surface);
    border: 1px solid var(--svc-border);
    border-radius: 999px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.os-chip svg[b-kryxdeidls] {
    width: 1rem;
    height: 1rem;
    stroke: var(--svc-accent-ink);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.os-acc[b-kryxdeidls] { display: none; }

/* ── Layout ───────────────────────────────────────────────────────── */
.checkout-layout[b-kryxdeidls] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 23.75rem;
    gap: 1.5rem;
    align-items: start;
    margin-top: clamp(1rem, 3vw, 2rem);
}

.checkout-main[b-kryxdeidls] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

.checkout-summary[b-kryxdeidls] {
    position: sticky;
    top: 1.25rem;
    height: max-content;
}

@media (max-width: 1099px) {
    .checkout-layout[b-kryxdeidls] {
        display: block;
    }

    .checkout-summary[b-kryxdeidls] {
        position: static;
        margin-top: 1.25rem;
    }
}

/* ── Step cards: frosted material, same family as .svc-card ──────── */
.os-card[b-kryxdeidls] {
    padding: clamp(1.25rem, 3vw, 2rem);
    background: var(--svc-surface);
    -webkit-backdrop-filter: blur(24px) saturate(1.4);
    backdrop-filter: blur(24px) saturate(1.4);
    border: 1px solid var(--svc-border);
    border-radius: var(--svc-radius-l);
    box-shadow: var(--svc-shadow-2);
    animation: os-up-b-kryxdeidls .75s var(--os-ease) both;
}

.checkout-main > .os-card:nth-child(1)[b-kryxdeidls] { animation-delay: .10s; }
.checkout-main > .os-card:nth-child(2)[b-kryxdeidls] { animation-delay: .18s; }
.checkout-main > .os-card:nth-child(3)[b-kryxdeidls] { animation-delay: .26s; }
.checkout-main > .os-card:nth-child(4)[b-kryxdeidls] { animation-delay: .34s; }
.os-sum[b-kryxdeidls] { animation-name: os-pop-b-kryxdeidls; animation-delay: .25s; }

@media (prefers-reduced-transparency: reduce) {
    .os-card[b-kryxdeidls], .os-chip[b-kryxdeidls] { background: var(--svc-surface-solid); -webkit-backdrop-filter: none; backdrop-filter: none; }
}

.os-sh[b-kryxdeidls] {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin-bottom: 1.4rem;
}

.os-sh h2[b-kryxdeidls] {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 650;
    letter-spacing: -.02em;
    line-height: 1.2;
}

.os-sh h2 small[b-kryxdeidls] {
    display: block;
    margin-top: .15rem;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--svc-text-2);
}

.os-num[b-kryxdeidls] {
    flex: none;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    font-size: .9375rem;
    font-weight: 700;
    color: var(--svc-accent-ink);
    background: color-mix(in srgb, var(--svc-accent) 16%, transparent);
}

.os-sub[b-kryxdeidls] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: .75rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    margin-bottom: .6rem;
}

.os-fine[b-kryxdeidls] {
    margin: 0 0 .25rem;
    font-size: .9375rem;
    color: var(--svc-text-2);
}

.os-note[b-kryxdeidls] {
    border-radius: 14px;
}

.os-grid[b-kryxdeidls] {
    overflow-x: auto;
    border-radius: var(--svc-radius-s);
}

.os-sum__title[b-kryxdeidls] {
    margin: 0 0 1.1rem;
    font-size: 1.375rem;
    font-weight: 650;
    letter-spacing: -.02em;
}

.os-total span:last-child[b-kryxdeidls] {
    font-size: 1.75rem;
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
}

.os-terms[b-kryxdeidls] {
    min-height: 2.75rem;
    color: var(--svc-text-2);
    font-size: .9375rem;
}

.os-terms a[b-kryxdeidls] { color: var(--svc-accent-ink); font-weight: 550; }

/* ── Stripe Payment Element mount box ─────────────────────────────── */
.payment-box[b-kryxdeidls] {
    border: 1px solid var(--svc-border);
    border-radius: var(--svc-radius-s);
    padding: .85rem;
    background: var(--svc-surface-solid);
}

/* ── Primary action: teal that clears contrast with white text ───── */
.os-sum[b-kryxdeidls]  .e-btn.e-primary.os-cta,
.os-sum[b-kryxdeidls]  .e-btn.e-primary.os-cta:not(:disabled) {
    background: var(--os-cta);
    min-height: 3.5rem;
    font-size: 1.125rem;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--os-cta) 35%, transparent);
}

.os-sum[b-kryxdeidls]  .e-btn.e-primary.os-cta:hover:not(:disabled) { background: var(--os-cta-hover); }
.os-sum[b-kryxdeidls]  .e-btn.e-primary.os-cta:active:not(:disabled) { background: var(--os-cta-hover); }
.os-sum[b-kryxdeidls]  .e-btn.e-primary.os-cta:disabled { opacity: .4; box-shadow: none; }

/* ── Syncfusion field skin (inputs, masked, numeric, dropdowns) ─── */
.os-card[b-kryxdeidls]  .e-input-group,
.os-card[b-kryxdeidls]  .e-input-group.e-control-wrapper {
    min-height: 3.1rem;
    background: var(--svc-field);
    border: 1.5px solid transparent;
    border-radius: 14px;
    transition: background .2s, border-color .2s, box-shadow .25s var(--os-ease);
}

.os-card[b-kryxdeidls]  .e-input-group:hover:not(.e-input-focus) {
    background: color-mix(in srgb, var(--svc-field) 60%, var(--svc-surface-solid));
}

.os-card[b-kryxdeidls]  .e-input-group.e-input-focus,
.os-card[b-kryxdeidls]  .e-input-group.e-control-wrapper.e-input-focus {
    background: var(--svc-field-focus);
    border-color: var(--svc-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--svc-accent) 22%, transparent);
}

.os-card[b-kryxdeidls]  .e-input-group.e-error {
    border-color: var(--svc-danger);
}

.os-card[b-kryxdeidls]  .e-input-group input.e-input,
.os-card[b-kryxdeidls]  .e-input-group textarea.e-input {
    background: transparent;
    font-size: 1.0625rem;
    color: var(--svc-text);
}

.os-card[b-kryxdeidls]  .e-input-group::before,
.os-card[b-kryxdeidls]  .e-input-group::after,
.os-card[b-kryxdeidls]  .e-float-line {
    display: none;
}

.os-card[b-kryxdeidls]  .e-input-group .e-spin-up,
.os-card[b-kryxdeidls]  .e-input-group .e-spin-down {
    min-width: 2.75rem;
}

/* Keep the native invalid background icons from tiling */
.e-input-group input[b-kryxdeidls],
.e-control.e-textbox[b-kryxdeidls],
.e-maskedtextbox input[b-kryxdeidls] {
    background-image: none !important;
}

/* ── Mobile step-through wizard ───────────────────────────────────── */
.os-wiz[b-kryxdeidls],
.os-wnav[b-kryxdeidls] {
    display: none;
}

.os-wb[b-kryxdeidls] {
    font: inherit;
    font-size: 1.0625rem;
    font-weight: 600;
    min-height: 3.25rem;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    transition: transform 100ms ease-out, opacity .2s;
}

.os-wb:active[b-kryxdeidls] { transform: scale(.97); }
.os-wb:focus-visible[b-kryxdeidls] { outline: 3px solid var(--svc-accent); outline-offset: 3px; }
.os-wb--back[b-kryxdeidls] { flex: 0 0 6rem; color: var(--svc-text); background: var(--svc-field); }
.os-wb--back:disabled[b-kryxdeidls] { opacity: .35; cursor: default; }
.os-wb--next[b-kryxdeidls] {
    flex: 1;
    color: #fff;
    background: var(--os-cta);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--os-cta) 35%, transparent);
}

@media (max-width: 640px) {
    /* hero: smaller rotating headline over the centred logo, no paragraph, chips in an accordion */
    .os-hero[b-kryxdeidls] { min-height: 12rem; padding-block: .5rem .25rem; }

    .os-hero > .os-hbg[b-kryxdeidls] {
        left: 50%;
        right: auto;
        width: 17.5rem;
        transform: translate(-50%, -50%);
    }

    .os-lead[b-kryxdeidls],
    .os-chips--desk[b-kryxdeidls] { display: none; }

    .os-hrot[b-kryxdeidls] {
        height: 5.25rem;
        align-items: start;
        margin-top: 1rem;
        font-size: 1.875rem;
        line-height: 1.12;
        letter-spacing: -.03em;
    }

    .os-hrot > span[b-kryxdeidls] { white-space: normal; }

    .os-acc[b-kryxdeidls] { display: block; margin-top: .6rem; }

    .os-acc > summary[b-kryxdeidls] {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        min-height: 2.75rem;
        padding: 0 1rem;
        list-style: none;
        cursor: pointer;
        font-size: .9375rem;
        font-weight: 600;
        color: var(--svc-accent-ink);
        background: var(--svc-surface);
        border: 1px solid var(--svc-border);
        border-radius: 999px;
    }

    .os-acc > summary[b-kryxdeidls]::-webkit-details-marker { display: none; }

    .os-acc > summary[b-kryxdeidls]::after {
        content: "";
        width: .5rem;
        height: .5rem;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg) translateY(-2px);
        transition: transform .3s var(--os-ease);
    }

    .os-acc[open] > summary[b-kryxdeidls]::after { transform: rotate(-135deg) translate(-2px, -2px); }
    .os-acc > summary:focus-visible[b-kryxdeidls] { outline: 3px solid var(--svc-accent); outline-offset: 3px; }
    .os-acc .os-chips[b-kryxdeidls] { margin-top: .75rem; animation: os-up-b-kryxdeidls .45s var(--os-ease) both; }

    /* wizard: one section at a time. Everything stays in the DOM and in the form. */
    .os-sec[b-kryxdeidls] { display: none; }
    .os-step-1 .os-st1[b-kryxdeidls],
    .os-step-2 .os-st2[b-kryxdeidls],
    .os-step-3 .os-st3[b-kryxdeidls],
    .os-step-4 .os-st4[b-kryxdeidls],
    .os-step-5 .os-st5[b-kryxdeidls] { display: block; }

    .os-wiz[b-kryxdeidls] { display: block; margin-top: 1rem; }

    .os-wiz__label[b-kryxdeidls] {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        margin-bottom: .6rem;
        font-size: .8125rem;
        color: var(--svc-text-2);
    }

    .os-wiz__label b[b-kryxdeidls] { font-size: .9375rem; font-weight: 650; color: var(--svc-text); }

    .os-wiz__bar[b-kryxdeidls] { height: .375rem; overflow: hidden; border-radius: 99px; background: var(--svc-field); }

    .os-wiz__bar i[b-kryxdeidls] {
        display: block;
        height: 100%;
        border-radius: 99px;
        background: linear-gradient(90deg, var(--svc-accent), #0a84ff);
        transition: width .5s var(--os-ease);
    }

    .os-wnav[b-kryxdeidls] {
        display: flex;
        gap: .75rem;
        position: sticky;
        bottom: 0;
        z-index: 5;
        padding: .9rem 0 calc(.9rem + env(safe-area-inset-bottom));
        background: linear-gradient(to top, var(--svc-bg) 70%, transparent);
    }

    .os-sh h2[b-kryxdeidls] { font-size: 1.25rem; }
    .os-card[b-kryxdeidls] { border-radius: var(--svc-radius-m); }
}

/* ── Desktop: cards and fields ease into place as they scroll in ─── */
@keyframes os-scrollin-b-kryxdeidls {
    from { opacity: 0; transform: translateY(48px) scale(.97); }
    to   { opacity: 1; transform: none; }
}

@supports (animation-timeline: view()) {
    @media (min-width: 641px) {
        .checkout-main > .os-card[b-kryxdeidls] {
            animation: os-scrollin-b-kryxdeidls linear both;
            animation-timeline: view();
            animation-range: entry 0% entry 45%;
        }

        .checkout-main > .os-card .os-sh[b-kryxdeidls],
        .checkout-main > .os-card .row[b-kryxdeidls],
        .checkout-main > .os-card .os-grid[b-kryxdeidls] {
            animation: os-scrollin-b-kryxdeidls linear both;
            animation-timeline: view();
            animation-range: entry 10% entry 70%;
        }
    }
}

@keyframes os-up-b-kryxdeidls {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: none; }
}

@keyframes os-pop-b-kryxdeidls {
    from { opacity: 0; transform: scale(.97); }
    to   { opacity: 1; transform: none; }
}

@keyframes os-fade-b-kryxdeidls {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ── Reduced motion: no slides, no loop; the first phrase stays up ─ */
@media (prefers-reduced-motion: reduce) {
    .os-hero > *[b-kryxdeidls],
    .os-card[b-kryxdeidls],
    .os-sum[b-kryxdeidls],
    .os-acc .os-chips[b-kryxdeidls] {
        animation: os-fade-b-kryxdeidls .2s ease both !important;
        animation-timeline: auto !important;
        animation-range: normal !important;
        animation-delay: 0s !important;
    }

    .checkout-main > .os-card .os-sh[b-kryxdeidls],
    .checkout-main > .os-card .row[b-kryxdeidls],
    .checkout-main > .os-card .os-grid[b-kryxdeidls] {
        animation: none !important;
    }

    .os-hrot > span[b-kryxdeidls] { animation: none !important; opacity: 0; filter: none; }
    .os-hrot > span:first-child[b-kryxdeidls] { opacity: 1; }
    .os-wb[b-kryxdeidls], .os-wiz__bar i[b-kryxdeidls] { transition-duration: .01ms; }
}
/* /Components/Requests/NotaryDesk.razor.rz.scp.css */
.nd-shell[b-xo4kc5k331] { max-inline-size: 1400px; }

.nd-card[b-xo4kc5k331] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 1rem;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.nd-eyebrow[b-xo4kc5k331] {
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #5b6b73;
}

/* Landing animation: cards rise a few pixels into place. Entrance only, ease-out, under 300ms. */
.nd-land[b-xo4kc5k331] { animation: nd-land-b-xo4kc5k331 280ms cubic-bezier(.23, 1, .32, 1) both; }
.nd-attn .nd-land:nth-child(2)[b-xo4kc5k331] { animation-delay: 40ms; }
.nd-attn .nd-land:nth-child(3)[b-xo4kc5k331] { animation-delay: 80ms; }
.nd-attn .nd-land:nth-child(4)[b-xo4kc5k331] { animation-delay: 120ms; }
.nd-side .nd-land:nth-child(1)[b-xo4kc5k331] { animation-delay: 80ms; }
.nd-side .nd-land:nth-child(2)[b-xo4kc5k331] { animation-delay: 120ms; }
.nd-side .nd-land:nth-child(3)[b-xo4kc5k331] { animation-delay: 160ms; }
.nd-side .nd-land:nth-child(4)[b-xo4kc5k331] { animation-delay: 200ms; }

@keyframes nd-land-b-xo4kc5k331 {
    from { opacity: 0; transform: translateY(14px) scale(.985); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .nd-land[b-xo4kc5k331] { animation: none; }
}

.nd-attn[b-xo4kc5k331] { display: grid; grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr)); gap: .9rem; }

.nd-attn-card[b-xo4kc5k331] {
    padding: 1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-start;
    border-inline-start: 4px solid #2563eb;
}

.nd-tone-bad[b-xo4kc5k331] { border-inline-start-color: #c53030; }
.nd-tone-warn[b-xo4kc5k331] { border-inline-start-color: #d97706; }
.nd-tone-info[b-xo4kc5k331] { border-inline-start-color: #2563eb; }

.nd-chip[b-xo4kc5k331] { font-size: .72rem; font-weight: 600; padding: .3em .7em; border-radius: 999px; }
.nd-chip-ok[b-xo4kc5k331] { background: #e6f4ec; color: #1f6b3f; }
.nd-chip-warn[b-xo4kc5k331] { background: #fff3dc; color: #7a4a00; }
.nd-chip-info[b-xo4kc5k331] { background: #e4edfd; color: #1e40af; }
.nd-chip-bad[b-xo4kc5k331] { background: #fdecec; color: #a12b2b; }

.nd-layout[b-xo4kc5k331] { display: flex; flex-wrap: wrap; gap: 1.25rem; align-items: flex-start; }
.nd-main[b-xo4kc5k331] { flex: 999 1 40rem; min-inline-size: 0; display: flex; flex-direction: column; gap: 1.1rem; }
.nd-side[b-xo4kc5k331] { flex: 1 1 20rem; max-inline-size: 24rem; margin-inline-start: auto; display: flex; flex-direction: column; gap: 1rem; }

@media (max-width: 991px) {
    .nd-side[b-xo4kc5k331] { max-inline-size: none; inline-size: 100%; margin-inline-start: 0; }
}

.nd-card-head[b-xo4kc5k331] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1rem; padding: 1.1rem 1.5rem .8rem; border-block-end: 1px solid #eef2f3; }
.nd-card-head h2[b-xo4kc5k331] { margin: 0; font-size: 1.1rem; font-weight: 600; }

.nd-legend[b-xo4kc5k331] { display: inline-flex; gap: .9rem; align-items: center; }
.nd-legend span[b-xo4kc5k331] { display: inline-flex; align-items: center; gap: .4rem; }

.nd-dot[b-xo4kc5k331] { display: inline-block; inline-size: 12px; block-size: 12px; border-radius: 50%; box-sizing: border-box; }
.nd-dot-on[b-xo4kc5k331] { background: #2563eb; box-shadow: 0 0 0 4px #e4edfd; }
.nd-dot-off[b-xo4kc5k331] { border: 2px solid #9ab3e8; background: #fff; }

.nd-timeline[b-xo4kc5k331] { list-style: none; margin: 0; padding: .5rem 1.5rem .75rem; }
.nd-timeline li[b-xo4kc5k331] { display: flex; gap: 1rem; padding-block: .4rem; }
.nd-time[b-xo4kc5k331] { flex: 0 0 4.6rem; padding-block-start: .9rem; text-align: end; font-weight: 600; font-size: .9rem; }
.nd-rail-dot[b-xo4kc5k331] { flex: 0 0 14px; display: flex; flex-direction: column; align-items: center; padding-block-start: 1rem; }
.nd-rail-dot span[b-xo4kc5k331] { flex: 1; inline-size: 2px; background: #e1e8ec; margin-block-start: 4px; }
.nd-slot[b-xo4kc5k331] { flex: 1; min-inline-size: 0; padding: .85rem 1rem; border-radius: .8rem; }
.nd-slot-on[b-xo4kc5k331] { background: #f2f7ff; border: 1px solid #bfd3f7; }
.nd-slot-off[b-xo4kc5k331] { background: #fff; border: 1.5px dashed #9ab3e8; }

.nd-grid[b-xo4kc5k331] {
    display: grid;
    grid-template-columns: 9rem minmax(0, 1.3fr) minmax(0, 1.2fr) 5.5rem 3.5rem 8.5rem;
    gap: .75rem;
    align-items: center;
    inline-size: 100%;
    min-inline-size: 46rem;
    padding: .85rem 1.5rem;
    text-align: start;
}

.nd-head[b-xo4kc5k331] { font-size: .7rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #5b6b73; border-block-end: 1px solid #dce3e6; }
.nd-row-wrap[b-xo4kc5k331] { border-block-end: 1px solid #eef2f3; }
.nd-row[b-xo4kc5k331] { border: 0; background: #fff; color: inherit; font: inherit; cursor: pointer; min-block-size: 4.2rem; }
.nd-row:hover[b-xo4kc5k331], .nd-row-open[b-xo4kc5k331] { background: #f2f7ff; }
.nd-row-open[b-xo4kc5k331] { box-shadow: inset .25rem 0 0 #2563eb; }
.nd-row:focus-visible[b-xo4kc5k331] { outline: 2px solid #2563eb; outline-offset: -2px; }
.nd-open-panel[b-xo4kc5k331] { padding: .25rem 1.5rem 1.1rem; background: #f6f9ff; }
.nd-end[b-xo4kc5k331] { text-align: end; }

.nd-line[b-xo4kc5k331] { display: flex; flex-direction: column; padding-block: .55rem; border-block-end: 1px solid #eef2f3; color: inherit; text-decoration: none; }
.nd-line:last-of-type[b-xo4kc5k331] { border-block-end: 0; }

.nd-return[b-xo4kc5k331] { display: block; padding: .7rem .85rem; border: 1px solid #dce3e6; border-radius: .8rem; color: inherit; text-decoration: none; }
.nd-return-bad[b-xo4kc5k331] { border-color: #f3c7c7; background: #fff7f7; }

.nd-bars[b-xo4kc5k331] { inline-size: 100%; block-size: 48px; margin-block-start: .5rem; }
.nd-bar[b-xo4kc5k331] { fill: #9ab3e8; }
.nd-bar-now[b-xo4kc5k331] { fill: #2563eb; }
/* /Components/Requests/NotaryDeskRequestPanel.razor.rz.scp.css */
.ndp[b-5xfj9jl26b] { display: flex; flex-wrap: wrap; gap: 1rem 2rem; padding-block-start: .5rem; }
.ndp-facts[b-5xfj9jl26b] { flex: 1 1 18rem; margin: 0; display: grid; grid-template-columns: auto 1fr; gap: .4rem 1rem; font-size: .85rem; line-height: 1.5; }
.ndp-facts dt[b-5xfj9jl26b] { color: #5b6b73; font-weight: 500; }
.ndp-facts dd[b-5xfj9jl26b] { margin: 0; }
.ndp-actions[b-5xfj9jl26b] { flex: 1 1 18rem; min-inline-size: 0; }
/* /Components/Requests/ViewRequest.razor.rz.scp.css */
h2[b-oq3o9f4szj] {
    margin: 0;
    width: 100%;
}

/* Toolbar behavior */


/* Header styling */
.pageHeader[b-oq3o9f4szj] {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 0.75rem 1rem;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 0.25rem rgba(255, 255, 255, 0.1);
    text-shadow: 0 0 0.25rem rgba(255, 255, 255, 0.1);
}


.bar[b-oq3o9f4szj]{
    width: 100%;
    height: 4px;
    background-color: #991199;
}
/* Card styles */
.request-summary-grid[b-oq3o9f4szj] {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 0.5rem 1rem;
    align-items: center;
    font-size: 0.95rem;
}

    .request-summary-grid .label[b-oq3o9f4szj] {
        font-weight: 500;
        color: #555;
        text-align: right;
    }

    .request-summary-grid .value[b-oq3o9f4szj] {
        font-weight: 400;
        color: #333;
    }

.section-card[b-oq3o9f4szj] {
    padding: 1rem;
    background-color: transparent; /* or inherit */
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%; /* Ensures it fits its Bootstrap column */
    height: auto;
    box-shadow: none;
    border: none;
}
.section-header[b-oq3o9f4szj] {
    padding: 0.75rem 1rem;
    width: 100%;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #5e3ea1, rgba(94, 62, 161, 0)) 1;
}




.section-body[b-oq3o9f4szj] {
    padding: 0.5rem 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
}

/* Grid sections */

/* Default: show desktop tabs, hide mobile cards */
.vr-mobile[b-oq3o9f4szj] {
    display: none;
}

.vr-desktop[b-oq3o9f4szj] {
    display: block;
}

.viewrequest-shell[b-oq3o9f4szj] {
    width: 100%;
}

/* Mobile-first layout (phones + small tablets) */
@media (max-width: 991.98px) {
    .vr-mobile[b-oq3o9f4szj] {
        display: block;
    }

    .vr-desktop[b-oq3o9f4szj] {
        display: none;
    }

    /* tighter margins/padding */
    .page-content-surface[b-oq3o9f4szj] {
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }

    .container[b-oq3o9f4szj] {
        max-width: 100% !important;
        padding-left: .25rem !important;
        padding-right: .25rem !important;
    }

    .vr-mobile-stack[b-oq3o9f4szj] {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        padding-bottom: 1rem;
    }

    .vr-card[b-oq3o9f4szj] {
        border-radius: 14px;
        overflow: hidden;
    }

    .vr-card-title[b-oq3o9f4szj] {
        display: flex;
        align-items: center;
        font-size: 1.05rem;
        font-weight: 700;
        padding: .25rem 0;
    }

    /* Make the action bar stay visible */
    .vr-actionbar[b-oq3o9f4szj] {
        position: sticky;
        top: 0;
        z-index: 20;
        background: var(--bs-body-bg, #fff);
        padding: .35rem 0 .5rem 0;
        margin-bottom: .5rem;
    }

    .vr-actionbar-inner[b-oq3o9f4szj] {
        display: flex;
        gap: .5rem;
        align-items: center;
        justify-content: space-between;
    }

    .vr-actions[b-oq3o9f4szj] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .vr-help[b-oq3o9f4szj] {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    /* Signature pad: kill the hard min-width that breaks phones */
    .signaturepad[b-oq3o9f4szj] {
        min-width: unset !important;
        width: 100% !important;
    }
}


/* Ensure the icon + text row never wraps below the icon */
[b-oq3o9f4szj] .e-list-wrapper .flex.items-center {
    min-width: 0;
}

/* Make sure the filename truncates on one line next to the icon */
[b-oq3o9f4szj] .e-list-wrapper .e-list-item-header {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}





/* Each page gets a subtle border */
.stack-page[b-oq3o9f4szj] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    border: 1px solid #ddd; /* light-gray border */
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 1;
}

    /* Top page notch */
    .stack-page.visible[b-oq3o9f4szj]::before {
        content: "";
        position: absolute;
        top: -4px;
        left: 50%;
        transform: translateX(-50%);
        width: 30px;
        height: 6px;
        background-color: #ccc;
        border-radius: 3px;
        z-index: 11;
    }

    /* Top page */
    .stack-page.visible[b-oq3o9f4szj] {
        opacity: 1;
        z-index: 10;
    }

/* Stacked pages with slight tilt and offset */
.paper-stack-preview .stack-page:nth-of-type(2)[b-oq3o9f4szj] {
    transform: rotate(-1deg) translateY(2px);
    opacity: 1;
    z-index: 2;
}

.paper-stack-preview .stack-page:nth-of-type(3)[b-oq3o9f4szj] {
    transform: rotate(-1deg) translateY(4px);
    opacity: 1;
    z-index: 3;
}

.paper-stack-preview .stack-page:nth-of-type(4)[b-oq3o9f4szj] {
    transform: rotate(-1deg) translateY(6px);
    opacity: 1;
    z-index: 4;
}

.paper-stack-preview .stack-page:nth-of-type(5)[b-oq3o9f4szj] {
    transform: rotate(-1deg) translateY(8px);
    opacity: 1;
    z-index: 5;
}




/* Background preview icon */
.pdf-packet-card[b-oq3o9f4szj] {
    position: relative;
    height: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .pdf-packet-card[b-oq3o9f4szj]::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url('/images/fileicons/pdf-icon.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        opacity: 0.25;
        z-index: 1;
        pointer-events: none;
    }

.packet-viewer-btn[b-oq3o9f4szj] {
    position: relative;
    z-index: 2;
    font-size: 1.2rem;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 12px 20px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .packet-viewer-btn:hover[b-oq3o9f4szj] {
        background-color: #e2e6ea;
        text-decoration: underline;
    }
.container[b-oq3o9f4szj] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem;
}

/* Flex row container (optional group) */
/*.row-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
}*/

/* Section cards */
/*.section-card {
    background: white;
    border-radius: 1.25em;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    overflow: visible;
    border-radius: 1em;
}*/

/* Width control */
/*.cols-1 {
    flex: 1 1 100%;
}

.cols-2 {
    flex: 1 1 48%;
    min-width: 300px;
}

.cols-3 {
    flex: 1 1 31%;
    min-width: 280px;
}

.cols-4 {
    flex: 1 1 23%;
    min-width: 260px;
}*/

/* Header and body */
/*.section-header {
    padding: 1rem;
    font-weight: 600;
    background: #f9f9f9;
    border-bottom: 1px solid #e0e0e0;
}

.section-body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}*/

/* Responsive layout */
/*@media (max-width: 768px) {


    .section-card {
        max-height: none !important;
        overflow: visible;
    }

    .section-body {
        flex-direction: column !important;
    }

    .paper-stack-preview {
        width: 100%;
        height: auto;
    }

    .Signatories .section-body,
    .Details .section-body,
    .CompanyCard .section-body {
        flex-direction: column;
    }

        .Signatories .section-body .flex-column,
        .Details .section-body .flex-column,
        .CompanyCard .section-body .flex-column {
            width: 100%;
        }
}*/
/* /Components/Shared/Statcard.razor.rz.scp.css */
/* /Components/Shared/WorkflowMenu.razor.rz.scp.css */

/* --- Sticky behavior (no JS) ------------------------------------------ */
.workflow-sticky-shell[b-h4n46s11gn] {
    position: sticky;
    top: 0; /* adjust if you have a fixed header */
    z-index: 30;
    background: var(--bs-body-bg, #fff);
    padding: .35rem 0;
    margin-bottom: .5rem;
}

/* If your layout has a fixed header, set top to that height:
   .workflow-sticky-shell { top: 56px; } */

/* subtle separator when stuck */
.workflow-sticky-inner[b-h4n46s11gn] {
    border-bottom: 1px solid rgba(0,0,0,.06);
    padding-bottom: .35rem;
}

/* --- Toolbar layout ---------------------------------------------------- */
.workflow-action-toolbar[b-h4n46s11gn] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}

/* Action button */
.workflow-action-item[b-h4n46s11gn] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .55rem .75rem;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.08);
    background: var(--bs-body-bg, #fff);
    color: inherit;
    max-width: 100%;
}

    /* icon */
    .workflow-action-item .wai-left[b-h4n46s11gn] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* label should truncate nicely on phones */
    .workflow-action-item .wai-text[b-h4n46s11gn] {
        display: inline-block;
        max-width: 16rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /* spinner */
    .workflow-action-item .wai-spin[b-h4n46s11gn] {
        margin-left: .25rem;
    }

    /* disabled */
    .workflow-action-item:disabled[b-h4n46s11gn] {
        opacity: .6;
        cursor: not-allowed;
    }

/* --- Mobile: use ALL width and support horizontal scroll --------------- */
@media (max-width: 576px) {
    .workflow-action-toolbar[b-h4n46s11gn] {
        flex-wrap: nowrap; /* avoid multi-row jitter */
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: .25rem;
    }

    .workflow-action-item[b-h4n46s11gn] {
        flex: 0 0 auto;
        white-space: nowrap;
    }

        .workflow-action-item .wai-text[b-h4n46s11gn] {
            max-width: 11rem;
        }
}
/* Sticky bar that doesn't waste vertical space */
.wf-sticky[b-h4n46s11gn] {
    position: sticky;
    top: var(--wf-sticky-top, 56px); /* set this to your header height */
    z-index: 50;
    background: var(--bs-body-bg, #fff);
    padding: .35rem .5rem;
}

/* subtle separation; feels like native iOS top toolbar */
.wf-sticky-inner[b-h4n46s11gn] {
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
    padding: .35rem .35rem;
}
.vr-workflow-sticky[b-h4n46s11gn] {
    position: sticky;
    top: var(--vr-sticky-top, 64px); /* header height */
    z-index: 100;
    background: var(--bs-body-bg, #fff);
    padding: .35rem .5rem;
    border-bottom: 1px solid rgba(0,0,0,.06);
}

/* horizontal scroll row of actions for phones */
.wf-actions-scroll[b-h4n46s11gn] {
    display: flex;
    gap: .5rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

    .wf-actions-scroll[b-h4n46s11gn]::-webkit-scrollbar {
        display: none;
    }

/* keep buttons compact */
.wf-action-btn[b-h4n46s11gn] {
    flex: 0 0 auto;
    white-space: nowrap;
}

/* Phones: reduce padding even more */
@media (max-width: 576px) {
    .wf-sticky[b-h4n46s11gn] {
        padding: .25rem .35rem;
    }

    .wf-sticky-inner[b-h4n46s11gn] {
        padding: .25rem;
        border-radius: 12px;
    }
}

/* --- Note dialog mobile friendly -------------------------------------- */
.workflow-note-dialog .e-dlg-content[b-h4n46s11gn] {
    overflow: hidden !important; /* prevent double scroll */
}

/* Responsive size + safe padding */
@media (max-width: 576px) {
    .workflow-note-dialog.e-dialog[b-h4n46s11gn] {
        width: 92vw !important;
        max-width: 92vw !important;
        height: 85vh !important;
        max-height: 85vh !important;
    }

    .workflow-note-dialog .e-dlg-content[b-h4n46s11gn] {
        padding: .5rem .5rem .75rem .5rem !important;
        height: calc(85vh - 120px) !important; /* header+footer allowance */
        overflow: auto !important;
    }

    /* make the editor fit inside the dialog */
    .workflow-note-editor[b-h4n46s11gn] {
        height: 44vh !important;
    }
}

/* footer: stack nicely on phones */
.workflow-dialog-footer[b-h4n46s11gn] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    width: 100%;
}

@media (max-width: 576px) {
    .workflow-dialog-footer[b-h4n46s11gn] {
        justify-content: stretch;
    }

        .workflow-dialog-footer .e-btn[b-h4n46s11gn] {
            flex: 1 1 50%;
        }
}
/* /Components/Version.razor.rz.scp.css */
.version-container[b-2rx5dglhqs] {
    background: linear-gradient(180deg, rgba(242, 242, 242, 0.6) 0%, rgba(220, 220, 220, 0.8) 100%);
    position: absolute;
    top: 0;
    left: 0;
    padding: 2rem;
}

.version-logo[b-2rx5dglhqs] {
    width: 120px;
    height: auto;
}

.version-card[b-2rx5dglhqs] {
    max-width: 500px;
    background-color: #ffffffee;
}

.version-grid[b-2rx5dglhqs] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0.75rem 1rem;
    text-align: left;
}

    .version-grid .label[b-2rx5dglhqs] {
        font-weight: 600;
        color: #333;
    }

    .version-grid .value[b-2rx5dglhqs] {
        color: #555;
        word-break: break-word;
    }