/* _content/eZeDebtHelp/Components/Account/Login.razor.rz.scp.css */
/* ============================================================
   eZe Debt Help
   Partner Portal Login
   ============================================================ */
.login-page[b-bkmj6364vy] {
    width: 100%;
    height: 95vh;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 10px;
    overflow: hidden;
    background: radial-gradient( circle at top left, rgba(59, 163, 255, .14), transparent 34% ), linear-gradient( 135deg, #eef4f9 0%, #f8fafc 55%, #edf4f8 100% );
}

/* ============================================================
   MAIN LOGIN SHELL
   ============================================================ */

.login-shell[b-bkmj6364vy] {
    width: 100%;
    max-width: 980px;
    min-height: 470px;
    display: grid;
    grid-template-columns: 46% 54%;
    max-height: calc(100vh - 20px);
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(22, 50, 79, .08);
    border-radius: 24px;
    box-shadow: 0 30px 70px rgba(15, 23, 42, .14), 0 4px 12px rgba(15, 23, 42, .05);
}


/* ============================================================
   LEFT BRAND PANEL
   ============================================================ */

.login-brand-panel[b-bkmj6364vy] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px 42px 30px;
    overflow: hidden;
    color: #ffffff;
    background: linear-gradient( 155deg, #16324f 0%, #1f4666 50%, #2b5e84 100% );
}

    .login-brand-panel[b-bkmj6364vy]::before {
        content: "";
        position: absolute;
        top: -130px;
        right: -180px;
        width: 380px;
        height: 380px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .06);
    }

    .login-brand-panel[b-bkmj6364vy]::after {
        content: "";
        position: absolute;
        bottom: -150px;
        left: -150px;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        background: rgba(59, 163, 255, .10);
    }

.brand-content[b-bkmj6364vy],
.brand-footer[b-bkmj6364vy] {
    position: relative;
    z-index: 1;
}

.brand-content[b-bkmj6364vy] {
    flex: 1;
}


/* ============================================================
   LOGIN HEADING / LOGO
   ============================================================ */

.login-heading[b-bkmj6364vy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
}

.login-brand[b-bkmj6364vy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    text-decoration: none;
}

.login-logo[b-bkmj6364vy] {
    display: block;
    width: 190px;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}


/* ============================================================
   PORTAL BRANDING
   ============================================================ */

.portal-badge[b-bkmj6364vy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-bottom: 10px;
    padding: 6px 13px;
    color: #dceefe;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 30px;
    font-size: .96rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-align: center;
    text-transform: uppercase;
}

.login-heading h1[b-bkmj6364vy] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 3vw, 2.7rem);
    font-weight: 700;
    line-height: 1.08;
    text-align: center;
}

.brand-intro[b-bkmj6364vy] {
    max-width: 390px;
    margin: 14px 0 40px;
    color: #d6e6f4;
    font-size: 1.05rem;
    line-height: 1.65;
}


/* ============================================================
   PORTAL FEATURES
   ============================================================ */

.portal-features[b-bkmj6364vy] {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.portal-feature[b-bkmj6364vy] {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.feature-icon[b-bkmj6364vy] {
    display: flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #ffffff;
    background: rgba(59, 163, 255, .20);
    border: 1px solid rgba(125, 196, 255, .30);
    border-radius: 50%;
    font-size: .85rem;
    font-weight: 700;
}

.portal-feature strong[b-bkmj6364vy] {
    display: block;
    margin-bottom: 3px;
    color: #ffffff;
    font-size: .95rem;
    font-weight: 600;
}

.portal-feature span[b-bkmj6364vy] {
    display: block;
    color: #bfd4e6;
    font-size: .85rem;
    line-height: 1.45;
}


/* ============================================================
   LEFT PANEL FOOTER
   ============================================================ */

.brand-footer[b-bkmj6364vy] {
    margin-top: auto;
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, .12);
    color: #d4e3ef;
    font-size: .82rem;
    line-height: 1.3;
}

    .brand-footer span[b-bkmj6364vy] {
        margin-left: 8px;
        color: #94b9d6;
    }


/* ============================================================
   RIGHT LOGIN PANEL
   ============================================================ */

.login-form-panel[b-bkmj6364vy] {
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 40px 55px 30px;
    background: #ffffff;
}

.login-form-container[b-bkmj6364vy] {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    max-width: 410px;
}


/* ============================================================
   LOGIN FORM HEADER
   ============================================================ */

.login-header[b-bkmj6364vy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 24px;
    text-align: center;
}

.login-eyebrow[b-bkmj6364vy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-bottom: 8px;
    color: #2b5e84;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-align: center;
    text-transform: uppercase;
}

.login-header h2[b-bkmj6364vy] {
    width: 100%;
    margin: 0 0 8px;
    color: #0f172a;
    text-align: center;
}

.login-header p[b-bkmj6364vy] {
    width: 100%;
    margin: 0;
    color: #64748b;
    text-align: center;
}


/* ============================================================
   FORM
   ============================================================ */

.login-form[b-bkmj6364vy] {
    width: 100%;
}

.form-group[b-bkmj6364vy] {
    margin-bottom: 17px;
}

    .form-group > label[b-bkmj6364vy] {
        display: block;
        margin-bottom: 8px;
        color: #334155;
        font-size: .88rem;
        font-weight: 600;
    }

.login-input[b-bkmj6364vy] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 0 15px;
    color: #1e293b;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    outline: none;
    font-family: inherit;
    font-size: .95rem;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

    .login-input[b-bkmj6364vy]::placeholder {
        color: #94a3b8;
    }

    .login-input:hover[b-bkmj6364vy] {
        border-color: #94a3b8;
    }

    .login-input:focus[b-bkmj6364vy] {
        border-color: #2b5e84;
        box-shadow: 0 0 0 4px rgba(43, 94, 132, .11);
    }

.login-input-invalid[b-bkmj6364vy] {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .08) !important;
}

.validation-message[b-bkmj6364vy] {
    display: block;
    margin-top: 6px;
    color: #dc2626;
    font-size: .82rem;
    font-weight: 500;
}


/* ============================================================
   PASSWORD
   ============================================================ */

.password-container[b-bkmj6364vy] {
    position: relative;
    width: 100%;
}

.password-input[b-bkmj6364vy] {
    padding-right: 54px;
}

.password-toggle[b-bkmj6364vy] {
    position: absolute;
    top: 50%;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1rem;
}

    .password-toggle:hover[b-bkmj6364vy] {
        background: #f1f5f9;
    }

    .password-toggle:focus-visible[b-bkmj6364vy] {
        outline: 2px solid #2b5e84;
        outline-offset: 1px;
    }


/* ============================================================
   REMEMBER ME
   ============================================================ */

.login-options[b-bkmj6364vy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2px 0 19px;
}

.remember-me[b-bkmj6364vy] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: #475569;
    font-size: .88rem;
    cursor: pointer;
}

    .remember-me input[b-bkmj6364vy] {
        width: 17px;
        height: 17px;
        margin: 0;
        accent-color: #2b5e84;
    }


/* ============================================================
   SUBMIT
   ============================================================ */

.login-submit[b-bkmj6364vy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    gap: 10px;
    color: #ffffff;
    background: linear-gradient( 135deg, #16324f, #2b5e84 );
    border: 0;
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(22, 50, 79, .20);
    cursor: pointer;
    font-family: inherit;
    font-size: .95rem;
    font-weight: 700;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

    .login-submit:hover[b-bkmj6364vy] {
        transform: translateY(-1px);
        box-shadow: 0 11px 22px rgba(22, 50, 79, .26);
        filter: brightness(1.06);
    }

    .login-submit:active[b-bkmj6364vy] {
        transform: translateY(0);
    }

    .login-submit:focus-visible[b-bkmj6364vy] {
        outline: 3px solid rgba(59, 163, 255, .35);
        outline-offset: 3px;
    }


/* ============================================================
   RIGHT PANEL FOOTER
   ============================================================ */

.login-panel-footer[b-bkmj6364vy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: auto;
}

.login-security[b-bkmj6364vy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0 0 12px;
    color: #64748b;
    font-size: .78rem;
}

.security-icon[b-bkmj6364vy] {
    font-size: .8rem;
}

.login-return[b-bkmj6364vy] {
    width: 100%;
    margin: 0;
    padding-top: 17px;
    border-top: 1px solid #e2e8f0;
    text-align: center;
}

    .login-return a[b-bkmj6364vy] {
        color: #2b5e84;
        font-size: .86rem;
        font-weight: 600;
        text-decoration: none;
    }

        .login-return a:hover[b-bkmj6364vy] {
            color: #16324f;
            text-decoration: underline;
        }


/* ============================================================
   HONEYPOT
   ============================================================ */

.login-honeypot[b-bkmj6364vy] {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 900px) {

    .login-page[b-bkmj6364vy] {
        padding: 25px;
    }

    .login-shell[b-bkmj6364vy] {
        max-width: 720px;
        grid-template-columns: 42% 58%;
    }

    .login-brand-panel[b-bkmj6364vy] {
        padding: 45px 30px 35px;
    }

    .login-form-panel[b-bkmj6364vy] {
        padding: 45px 40px 35px;
    }

    .login-logo[b-bkmj6364vy] {
        width: 185px;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

    .login-page[b-bkmj6364vy] {
        min-height: 100dvh;
        align-items: flex-start;
        padding: 20px 14px;
    }

    .login-shell[b-bkmj6364vy] {
        display: block;
        min-height: auto;
        max-width: 500px;
        border-radius: 18px;
    }

    .login-brand-panel[b-bkmj6364vy] {
        display: none;
    }

    .login-form-panel[b-bkmj6364vy] {
        padding: 35px 25px 30px;
    }

    .login-form-container[b-bkmj6364vy] {
        min-height: auto;
    }

    .login-header[b-bkmj6364vy] {
        margin-bottom: 26px;
    }

        .login-header h2[b-bkmj6364vy] {
            font-size: 1.75rem;
        }

    .login-input[b-bkmj6364vy],
    .login-submit[b-bkmj6364vy] {
        height: 50px;
    }

    .login-panel-footer[b-bkmj6364vy] {
        margin-top: 30px;
    }
}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 400px) {

    .login-page[b-bkmj6364vy] {
        padding: 0;
        background: #ffffff;
    }

    .login-shell[b-bkmj6364vy] {
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .login-form-panel[b-bkmj6364vy] {
        min-height: 100dvh;
        align-items: stretch;
        padding: 30px 20px;
    }

    .login-form-container[b-bkmj6364vy] {
        min-height: calc(100dvh - 60px);
    }
}
/* _content/eZeDebtHelp/Components/Pages/Complaints.razor.rz.scp.css */
/*============================================================
    LEGAL PAGE - LIGHT THEME / SEO-SAFE ACCORDION
============================================================*/

.legal-page[b-jj1p2m7lko] {
    position: relative;
    width: 100%;
    padding: 70px 0 90px;
    overflow: hidden;
    background: var(--background);
}

    .legal-page[b-jj1p2m7lko]::before {
        content: "";
        position: absolute;
        top: -280px;
        right: -240px;
        width: 680px;
        height: 680px;
        border: 100px solid rgba(30, 144, 255, 0.035);
        border-radius: 50%;
        pointer-events: none;
    }

    .legal-page[b-jj1p2m7lko]::after {
        content: "";
        position: absolute;
        left: -320px;
        bottom: -420px;
        width: 760px;
        height: 760px;
        border: 110px solid rgba(30, 144, 255, 0.025);
        border-radius: 50%;
        pointer-events: none;
    }

    .legal-page .website-container[b-jj1p2m7lko] {
        position: relative;
        z-index: 1;
    }

.legal-page-header[b-jj1p2m7lko] {
    max-width: 860px;
    margin-bottom: 34px;
}

    .legal-page-header .section-kicker[b-jj1p2m7lko] {
        display: inline-block;
        margin-bottom: 10px;
        color: var(--primary);
        font-size: 0.82rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .legal-page-header h1[b-jj1p2m7lko] {
        margin: 0 0 16px;
        color: var(--heading);
        font-size: clamp(34px, 5vw, 52px);
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: -1px;
    }

    .legal-page-header > p[b-jj1p2m7lko] {
        max-width: 760px;
        margin: 0;
        color: var(--muted);
        font-size: 17px;
        line-height: 1.7;
    }

.legal-page-updated[b-jj1p2m7lko] {
    margin-top: 14px !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    font-weight: 600;
}

.legal-page-content[b-jj1p2m7lko] {
    max-width: 980px;
    padding: 8px 34px;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 24px;
    box-shadow: var(--card-shadow);
}

.legal-accordion-section[b-jj1p2m7lko] {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--border);
}

    .legal-accordion-section:last-child[b-jj1p2m7lko] {
        border-bottom: 0;
    }

.legal-accordion-header[b-jj1p2m7lko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    padding: 19px 2px;
    color: var(--heading);
    background: transparent;
    border: 0;
    font-family: inherit;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .legal-accordion-header:hover[b-jj1p2m7lko] {
        color: var(--primary);
    }

    .legal-accordion-header:focus-visible[b-jj1p2m7lko] {
        outline: 3px solid rgba(30, 144, 255, 0.20);
        outline-offset: 2px;
        border-radius: 9px;
    }

    .legal-accordion-header span[b-jj1p2m7lko] {
        min-width: 0;
    }

    .legal-accordion-header[b-jj1p2m7lko]  .rz-icon {
        flex: 0 0 auto;
        color: var(--primary);
        font-size: 25px;
    }

/*
    SEO-safe accordion:
    content remains rendered in the HTML at all times.
*/
.legal-accordion-content[b-jj1p2m7lko] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
    transition: grid-template-rows 0.28s ease, opacity 0.22s ease, visibility 0s linear 0.28s;
}

    .legal-accordion-content.open[b-jj1p2m7lko] {
        grid-template-rows: 1fr;
        opacity: 1;
        visibility: visible;
        transition: grid-template-rows 0.28s ease, opacity 0.22s ease, visibility 0s linear 0s;
    }

.legal-accordion-content-inner[b-jj1p2m7lko] {
    min-height: 0;
    overflow: hidden;
    padding: 0 2px;
}

.legal-accordion-content.open .legal-accordion-content-inner[b-jj1p2m7lko] {
    padding-bottom: 25px;
}

.legal-accordion-content p[b-jj1p2m7lko] {
    margin: 0 0 14px;
    color: var(--text);
    font-size: 15px;
    line-height: 1.75;
}

    .legal-accordion-content p:last-child[b-jj1p2m7lko] {
        margin-bottom: 0;
    }

.legal-accordion-content ul[b-jj1p2m7lko] {
    margin: 8px 0 16px;
    padding-left: 22px;
}

.legal-accordion-content li[b-jj1p2m7lko] {
    margin-bottom: 9px;
    color: var(--text);
    font-size: 15px;
    line-height: 1.65;
}

    .legal-accordion-content li:last-child[b-jj1p2m7lko] {
        margin-bottom: 0;
    }

    .legal-accordion-content li[b-jj1p2m7lko]::marker {
        color: var(--primary);
    }

.legal-accordion-content a[b-jj1p2m7lko] {
    color: var(--primary);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

    .legal-accordion-content a:hover[b-jj1p2m7lko] {
        color: var(--primary-light);
    }

    .legal-accordion-content a:focus-visible[b-jj1p2m7lko] {
        outline: 3px solid rgba(30, 144, 255, 0.20);
        outline-offset: 3px;
        border-radius: 4px;
    }

.legal-accordion-content strong[b-jj1p2m7lko] {
    color: var(--heading);
    font-weight: 800;
}

.legal-page-notice[b-jj1p2m7lko] {
    margin: 14px 0 18px;
    padding: 16px 18px;
    color: var(--text);
    background: var(--card-background-alt);
    border: 1px solid var(--border);
    border-left: 4px solid var(--primary);
    border-radius: 12px;
}

    .legal-page-notice p[b-jj1p2m7lko] {
        margin: 0;
    }

.legal-table-wrap[b-jj1p2m7lko] {
    width: 100%;
    margin: 12px 0 18px;
    overflow-x: auto;
}

.legal-table[b-jj1p2m7lko] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

    .legal-table th[b-jj1p2m7lko],
    .legal-table td[b-jj1p2m7lko] {
        padding: 12px 14px;
        text-align: left;
        vertical-align: top;
        border: 1px solid var(--border);
    }

    .legal-table th[b-jj1p2m7lko] {
        color: var(--heading);
        background: var(--card-background-alt);
        font-weight: 800;
    }

    .legal-table td[b-jj1p2m7lko] {
        color: var(--text);
        line-height: 1.55;
    }

@media (max-width: 900px) {
    .legal-page[b-jj1p2m7lko] {
        padding: 58px 0 72px;
    }

    .legal-page-content[b-jj1p2m7lko] {
        padding: 8px 26px;
        border-radius: 20px;
    }

    .legal-accordion-header[b-jj1p2m7lko] {
        font-size: 19px;
    }
}

@media (max-width: 620px) {
    .legal-page[b-jj1p2m7lko] {
        padding: 42px 0 56px;
    }

    .legal-page-header[b-jj1p2m7lko] {
        margin-bottom: 24px;
    }

        .legal-page-header h1[b-jj1p2m7lko] {
            font-size: 34px;
            letter-spacing: -0.6px;
        }

        .legal-page-header > p[b-jj1p2m7lko] {
            font-size: 15px;
            line-height: 1.65;
        }

    .legal-page-updated[b-jj1p2m7lko] {
        font-size: 12px !important;
    }

    .legal-page-content[b-jj1p2m7lko] {
        padding: 6px 18px;
        border-radius: 18px;
    }

    .legal-accordion-header[b-jj1p2m7lko] {
        gap: 12px;
        padding: 16px 0;
        font-size: 17px;
        line-height: 1.35;
    }

        .legal-accordion-header[b-jj1p2m7lko]  .rz-icon {
            font-size: 23px;
        }

    .legal-accordion-content.open .legal-accordion-content-inner[b-jj1p2m7lko] {
        padding-bottom: 21px;
    }

    .legal-accordion-content p[b-jj1p2m7lko],
    .legal-accordion-content li[b-jj1p2m7lko] {
        font-size: 14px;
        line-height: 1.7;
    }

    .legal-accordion-content ul[b-jj1p2m7lko] {
        padding-left: 20px;
    }

    .legal-table[b-jj1p2m7lko] {
        min-width: 620px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .legal-accordion-content[b-jj1p2m7lko],
    .legal-accordion-content.open[b-jj1p2m7lko],
    .legal-accordion-header[b-jj1p2m7lko] {
        transition: none;
    }
}
/* _content/eZeDebtHelp/Components/Pages/Cookies.razor.rz.scp.css */
/*============================================================
    LEGAL PAGE - LIGHT THEME / SEO-SAFE ACCORDION
============================================================*/

.legal-page[b-xcojs5xt7h] {
    position: relative;
    width: 100%;
    padding: 70px 0 90px;
    overflow: hidden;
    background: var(--background);
}

    .legal-page[b-xcojs5xt7h]::before {
        content: "";
        position: absolute;
        top: -280px;
        right: -240px;
        width: 680px;
        height: 680px;
        border: 100px solid rgba(30, 144, 255, 0.035);
        border-radius: 50%;
        pointer-events: none;
    }

    .legal-page[b-xcojs5xt7h]::after {
        content: "";
        position: absolute;
        left: -320px;
        bottom: -420px;
        width: 760px;
        height: 760px;
        border: 110px solid rgba(30, 144, 255, 0.025);
        border-radius: 50%;
        pointer-events: none;
    }

    .legal-page .website-container[b-xcojs5xt7h] {
        position: relative;
        z-index: 1;
    }

.legal-page-header[b-xcojs5xt7h] {
    max-width: 860px;
    margin-bottom: 34px;
}

    .legal-page-header .section-kicker[b-xcojs5xt7h] {
        display: inline-block;
        margin-bottom: 10px;
        color: var(--primary);
        font-size: 0.82rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .legal-page-header h1[b-xcojs5xt7h] {
        margin: 0 0 16px;
        color: var(--heading);
        font-size: clamp(34px, 5vw, 52px);
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: -1px;
    }

    .legal-page-header > p[b-xcojs5xt7h] {
        max-width: 760px;
        margin: 0;
        color: var(--muted);
        font-size: 17px;
        line-height: 1.7;
    }

.legal-page-updated[b-xcojs5xt7h] {
    margin-top: 14px !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    font-weight: 600;
}

.legal-page-content[b-xcojs5xt7h] {
    max-width: 980px;
    padding: 8px 34px;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 24px;
    box-shadow: var(--card-shadow);
}

.legal-accordion-section[b-xcojs5xt7h] {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--border);
}

    .legal-accordion-section:last-child[b-xcojs5xt7h] {
        border-bottom: 0;
    }

.legal-accordion-header[b-xcojs5xt7h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    padding: 19px 2px;
    color: var(--heading);
    background: transparent;
    border: 0;
    font-family: inherit;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .legal-accordion-header:hover[b-xcojs5xt7h] {
        color: var(--primary);
    }

    .legal-accordion-header:focus-visible[b-xcojs5xt7h] {
        outline: 3px solid rgba(30, 144, 255, 0.20);
        outline-offset: 2px;
        border-radius: 9px;
    }

    .legal-accordion-header span[b-xcojs5xt7h] {
        min-width: 0;
    }

    .legal-accordion-header[b-xcojs5xt7h]  .rz-icon {
        flex: 0 0 auto;
        color: var(--primary);
        font-size: 25px;
    }

/*
    SEO-safe accordion:
    content remains rendered in the HTML at all times.
*/
.legal-accordion-content[b-xcojs5xt7h] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
    transition: grid-template-rows 0.28s ease, opacity 0.22s ease, visibility 0s linear 0.28s;
}

    .legal-accordion-content.open[b-xcojs5xt7h] {
        grid-template-rows: 1fr;
        opacity: 1;
        visibility: visible;
        transition: grid-template-rows 0.28s ease, opacity 0.22s ease, visibility 0s linear 0s;
    }

.legal-accordion-content-inner[b-xcojs5xt7h] {
    min-height: 0;
    overflow: hidden;
    padding: 0 2px;
}

.legal-accordion-content.open .legal-accordion-content-inner[b-xcojs5xt7h] {
    padding-bottom: 25px;
}

.legal-accordion-content p[b-xcojs5xt7h] {
    margin: 0 0 14px;
    color: var(--text);
    font-size: 15px;
    line-height: 1.75;
}

    .legal-accordion-content p:last-child[b-xcojs5xt7h] {
        margin-bottom: 0;
    }

.legal-accordion-content ul[b-xcojs5xt7h] {
    margin: 8px 0 16px;
    padding-left: 22px;
}

.legal-accordion-content li[b-xcojs5xt7h] {
    margin-bottom: 9px;
    color: var(--text);
    font-size: 15px;
    line-height: 1.65;
}

    .legal-accordion-content li:last-child[b-xcojs5xt7h] {
        margin-bottom: 0;
    }

    .legal-accordion-content li[b-xcojs5xt7h]::marker {
        color: var(--primary);
    }

.legal-accordion-content a[b-xcojs5xt7h] {
    color: var(--primary);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

    .legal-accordion-content a:hover[b-xcojs5xt7h] {
        color: var(--primary-light);
    }

    .legal-accordion-content a:focus-visible[b-xcojs5xt7h] {
        outline: 3px solid rgba(30, 144, 255, 0.20);
        outline-offset: 3px;
        border-radius: 4px;
    }

.legal-accordion-content strong[b-xcojs5xt7h] {
    color: var(--heading);
    font-weight: 800;
}

.legal-page-notice[b-xcojs5xt7h] {
    margin: 14px 0 18px;
    padding: 16px 18px;
    color: var(--text);
    background: var(--card-background-alt);
    border: 1px solid var(--border);
    border-left: 4px solid var(--primary);
    border-radius: 12px;
}

    .legal-page-notice p[b-xcojs5xt7h] {
        margin: 0;
    }

.legal-table-wrap[b-xcojs5xt7h] {
    width: 100%;
    margin: 12px 0 18px;
    overflow-x: auto;
}

.legal-table[b-xcojs5xt7h] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

    .legal-table th[b-xcojs5xt7h],
    .legal-table td[b-xcojs5xt7h] {
        padding: 12px 14px;
        text-align: left;
        vertical-align: top;
        border: 1px solid var(--border);
    }

    .legal-table th[b-xcojs5xt7h] {
        color: var(--heading);
        background: var(--card-background-alt);
        font-weight: 800;
    }

    .legal-table td[b-xcojs5xt7h] {
        color: var(--text);
        line-height: 1.55;
    }

@media (max-width: 900px) {
    .legal-page[b-xcojs5xt7h] {
        padding: 58px 0 72px;
    }

    .legal-page-content[b-xcojs5xt7h] {
        padding: 8px 26px;
        border-radius: 20px;
    }

    .legal-accordion-header[b-xcojs5xt7h] {
        font-size: 19px;
    }
}

@media (max-width: 620px) {
    .legal-page[b-xcojs5xt7h] {
        padding: 42px 0 56px;
    }

    .legal-page-header[b-xcojs5xt7h] {
        margin-bottom: 24px;
    }

        .legal-page-header h1[b-xcojs5xt7h] {
            font-size: 34px;
            letter-spacing: -0.6px;
        }

        .legal-page-header > p[b-xcojs5xt7h] {
            font-size: 15px;
            line-height: 1.65;
        }

    .legal-page-updated[b-xcojs5xt7h] {
        font-size: 12px !important;
    }

    .legal-page-content[b-xcojs5xt7h] {
        padding: 6px 18px;
        border-radius: 18px;
    }

    .legal-accordion-header[b-xcojs5xt7h] {
        gap: 12px;
        padding: 16px 0;
        font-size: 17px;
        line-height: 1.35;
    }

        .legal-accordion-header[b-xcojs5xt7h]  .rz-icon {
            font-size: 23px;
        }

    .legal-accordion-content.open .legal-accordion-content-inner[b-xcojs5xt7h] {
        padding-bottom: 21px;
    }

    .legal-accordion-content p[b-xcojs5xt7h],
    .legal-accordion-content li[b-xcojs5xt7h] {
        font-size: 14px;
        line-height: 1.7;
    }

    .legal-accordion-content ul[b-xcojs5xt7h] {
        padding-left: 20px;
    }

    .legal-table[b-xcojs5xt7h] {
        min-width: 620px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .legal-accordion-content[b-xcojs5xt7h],
    .legal-accordion-content.open[b-xcojs5xt7h],
    .legal-accordion-header[b-xcojs5xt7h] {
        transition: none;
    }
}
/* _content/eZeDebtHelp/Components/Pages/Introducer/Account.razor.rz.scp.css */
/* ================================================================ */
/* INTRODUCER - MY ACCOUNT                                           */
/* ================================================================ */

.account-page[b-1xro8bpqgk] {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


/* ================================================================ */
/* PAGE HEADER                                                       */
/* ================================================================ */

.account-page-header[b-1xro8bpqgk] {
    display: flex;
    margin-bottom: 18px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.account-eyebrow[b-1xro8bpqgk] {
    display: block;
    margin-bottom: 3px;
    color: #54738c;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.account-page-header h1[b-1xro8bpqgk] {
    margin: 0;
    color: #16324f;
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1.2;
}

.account-page-header p[b-1xro8bpqgk] {
    margin: 5px 0 0;
    color: #6d7f8e;
    font-size: .82rem;
    line-height: 1.45;
}


/* ================================================================ */
/* LOADING                                                           */
/* ================================================================ */

.account-loading[b-1xro8bpqgk] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    color: #6d7f8e;
    font-size: .82rem;
}


/* ================================================================ */
/* ERROR MESSAGE                                                     */
/* ================================================================ */

.account-message[b-1xro8bpqgk] {
    display: flex;
    padding: 18px 20px;
    align-items: flex-start;
    gap: 12px;
    color: #7a2830;
    background: #fff7f7;
    border: 1px solid #f0c7cb;
    border-radius: 10px;
}

    .account-message[b-1xro8bpqgk]  .rz-icon {
        margin-top: 1px;
        color: #b4232e;
        font-size: 22px;
    }

    .account-message div[b-1xro8bpqgk] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .account-message strong[b-1xro8bpqgk] {
        font-size: .84rem;
        font-weight: 700;
    }

    .account-message span[b-1xro8bpqgk] {
        color: #8c5157;
        font-size: .76rem;
    }


/* ================================================================ */
/* CARD GRID                                                         */
/* ================================================================ */

.account-card-grid[b-1xro8bpqgk] {
    display: grid;
    margin-bottom: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}


/* ================================================================ */
/* CARDS                                                             */
/* ================================================================ */

.account-card[b-1xro8bpqgk] {
    width: 100%;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #dfe7ee;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
}

.account-card-header[b-1xro8bpqgk] {
    display: flex;
    margin-bottom: 16px;
    padding-bottom: 14px;
    align-items: center;
    gap: 11px;
    border-bottom: 1px solid #edf1f4;
}

.account-card-icon[b-1xro8bpqgk] {
    display: flex;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    color: #1f5d89;
    background: #edf6fc;
    border: 1px solid #d8e9f5;
    border-radius: 9px;
}

    .account-card-icon[b-1xro8bpqgk]  .rz-icon {
        font-size: 20px;
    }

.account-card-header > div:last-child[b-1xro8bpqgk] {
    min-width: 0;
}

.account-card-header h2[b-1xro8bpqgk] {
    margin: 0;
    color: #263c4e;
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.2;
}

.account-card-header span[b-1xro8bpqgk] {
    display: block;
    margin-top: 3px;
    color: #7b8c99;
    font-size: .69rem;
    font-weight: 500;
    line-height: 1.3;
}


/* ================================================================ */
/* ACCOUNT DETAILS                                                   */
/* ================================================================ */

.account-details[b-1xro8bpqgk] {
    display: flex;
    flex-direction: column;
}

.account-detail-row[b-1xro8bpqgk] {
    display: grid;
    min-height: 38px;
    padding: 8px 0;
    grid-template-columns: 145px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid #f0f3f5;
}

    .account-detail-row:last-child[b-1xro8bpqgk] {
        border-bottom: 0;
    }

.account-detail-label[b-1xro8bpqgk] {
    color: #7a8a97;
    font-size: .72rem;
    font-weight: 600;
}

.account-detail-row strong[b-1xro8bpqgk] {
    min-width: 0;
    overflow: hidden;
    color: #2d4354;
    font-size: .76rem;
    font-weight: 600;
    line-height: 1.35;
    text-overflow: ellipsis;
}


/* ================================================================ */
/* REFERRAL LINK CARD                                                */
/* ================================================================ */

.account-referral-card[b-1xro8bpqgk] {
    margin-bottom: 16px;
}

.account-referral-link[b-1xro8bpqgk] {
    display: flex;
    width: 100%;
    padding: 10px;
    align-items: center;
    gap: 10px;
    background: #f7fafc;
    border: 1px solid #dce6ed;
    border-radius: 8px;
}

.account-referral-url[b-1xro8bpqgk] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    padding: 0 7px;
    color: #35536a;
    font-size: .76rem;
    font-weight: 500;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-referral-actions[b-1xro8bpqgk] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 7px;
}


/* ================================================================ */
/* REFERRAL ACTION BUTTONS                                           */
/* ================================================================ */

.account-action-button[b-1xro8bpqgk] {
    display: inline-flex;
    height: 34px;
    padding: 0 12px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #1e567d;
    font-family: inherit;
    font-size: .72rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid #cbdce8;
    border-radius: 7px;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

    .account-action-button:hover[b-1xro8bpqgk] {
        color: #163f5d;
        text-decoration: none;
        background: #edf6fc;
        border-color: #9fc4dc;
        box-shadow: 0 2px 5px rgba(31, 93, 137, .08);
    }

    .account-action-button[b-1xro8bpqgk]  .rz-icon {
        font-size: 16px;
    }

.account-visit-button[b-1xro8bpqgk] {
    color: #ffffff;
    background: #1f5d89;
    border-color: #1f5d89;
}

    .account-visit-button:hover[b-1xro8bpqgk] {
        color: #ffffff;
        background: #174b70;
        border-color: #174b70;
    }


/* ================================================================ */
/* INTRODUCER KEY                                                    */
/* ================================================================ */

.account-referral-key[b-1xro8bpqgk] {
    display: flex;
    margin-top: 10px;
    padding: 0 4px;
    align-items: center;
    gap: 8px;
}

    .account-referral-key span[b-1xro8bpqgk] {
        color: #82919d;
        font-size: .68rem;
        font-weight: 600;
    }

    .account-referral-key strong[b-1xro8bpqgk] {
        color: #496377;
        font-size: .69rem;
        font-weight: 600;
        word-break: break-all;
    }


/* ================================================================ */
/* REFERRAL PARTNER                                                  */
/* ================================================================ */

.account-partner-card[b-1xro8bpqgk] {
    margin-bottom: 16px;
}

.account-partner-details[b-1xro8bpqgk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 36px;
}

    .account-partner-details .account-detail-row[b-1xro8bpqgk] {
        grid-template-columns: 110px minmax(0, 1fr);
    }

        .account-partner-details .account-detail-row:nth-last-child(-n+2)[b-1xro8bpqgk] {
            border-bottom: 0;
        }


/* ================================================================ */
/* UPDATE DETAILS MESSAGE                                            */
/* ================================================================ */

.account-update-message[b-1xro8bpqgk] {
    display: flex;
    padding: 11px 14px;
    align-items: center;
    gap: 8px;
    color: #587084;
    background: #f4f8fb;
    border: 1px solid #dce7ef;
    border-radius: 8px;
    font-size: .72rem;
    font-weight: 500;
}

    .account-update-message[b-1xro8bpqgk]  .rz-icon {
        flex-shrink: 0;
        color: #477798;
        font-size: 18px;
    }


/* ================================================================ */
/* TABLET                                                            */
/* ================================================================ */

@media (max-width: 900px) {

    .account-card-grid[b-1xro8bpqgk] {
        grid-template-columns: 1fr;
    }

    .account-partner-details[b-1xro8bpqgk] {
        grid-template-columns: 1fr;
    }

        .account-partner-details .account-detail-row[b-1xro8bpqgk] {
            border-bottom: 1px solid #f0f3f5;
        }

            .account-partner-details .account-detail-row:last-child[b-1xro8bpqgk] {
                border-bottom: 0;
            }
}


/* ================================================================ */
/* MOBILE                                                            */
/* ================================================================ */

@media (max-width: 700px) {

    .account-page-header[b-1xro8bpqgk] {
        margin-bottom: 14px;
    }

        .account-page-header h1[b-1xro8bpqgk] {
            font-size: 1.35rem;
        }

        .account-page-header p[b-1xro8bpqgk] {
            font-size: .77rem;
        }

    .account-card[b-1xro8bpqgk] {
        padding: 15px;
    }

    .account-card-header[b-1xro8bpqgk] {
        margin-bottom: 12px;
        padding-bottom: 12px;
    }

    .account-detail-row[b-1xro8bpqgk] {
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 10px;
    }

    .account-referral-link[b-1xro8bpqgk] {
        align-items: stretch;
        flex-direction: column;
    }

    .account-referral-url[b-1xro8bpqgk] {
        width: 100%;
        padding: 5px 4px;
        white-space: normal;
        word-break: break-all;
    }

    .account-referral-actions[b-1xro8bpqgk] {
        width: 100%;
    }

    .account-action-button[b-1xro8bpqgk] {
        flex: 1;
    }

    .account-referral-key[b-1xro8bpqgk] {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }
}


/* ================================================================ */
/* SMALL MOBILE                                                      */
/* ================================================================ */

@media (max-width: 480px) {

    .account-page-header h1[b-1xro8bpqgk] {
        font-size: 1.22rem;
    }

    .account-card[b-1xro8bpqgk] {
        padding: 13px;
        border-radius: 8px;
    }

    .account-card-icon[b-1xro8bpqgk] {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }

        .account-card-icon[b-1xro8bpqgk]  .rz-icon {
            font-size: 18px;
        }

    .account-card-header h2[b-1xro8bpqgk] {
        font-size: .86rem;
    }

    .account-card-header span[b-1xro8bpqgk] {
        font-size: .65rem;
    }

    .account-detail-row[b-1xro8bpqgk],
    .account-partner-details .account-detail-row[b-1xro8bpqgk] {
        display: flex;
        padding: 8px 0;
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .account-detail-label[b-1xro8bpqgk] {
        font-size: .67rem;
    }

    .account-detail-row strong[b-1xro8bpqgk] {
        width: 100%;
        font-size: .73rem;
        white-space: normal;
        word-break: break-word;
    }

    .account-referral-actions[b-1xro8bpqgk] {
        flex-direction: column;
    }

    .account-action-button[b-1xro8bpqgk] {
        width: 100%;
    }

    .account-update-message[b-1xro8bpqgk] {
        align-items: flex-start;
        font-size: .68rem;
    }
}

/* ================================================================ */
/* COMPACT ACCOUNT LAYOUT                                            */
/* ================================================================ */

.account-page-header[b-1xro8bpqgk] {
    margin-bottom: 12px;
}

    .account-page-header h1[b-1xro8bpqgk] {
        font-size: 1.42rem;
    }

    .account-page-header p[b-1xro8bpqgk] {
        margin-top: 3px;
    }

.account-card-grid[b-1xro8bpqgk] {
    margin-bottom: 12px;
    gap: 12px;
}

.account-card[b-1xro8bpqgk] {
    padding: 14px 16px;
}

.account-card-header[b-1xro8bpqgk] {
    margin-bottom: 11px;
    padding-bottom: 10px;
    gap: 9px;
}

.account-card-icon[b-1xro8bpqgk] {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
    border-radius: 8px;
}

    .account-card-icon[b-1xro8bpqgk]  .rz-icon {
        font-size: 18px;
    }

.account-card-header h2[b-1xro8bpqgk] {
    font-size: .86rem;
}

.account-card-header span[b-1xro8bpqgk] {
    margin-top: 2px;
    font-size: .66rem;
}

.account-detail-row[b-1xro8bpqgk] {
    min-height: 32px;
    padding: 5px 0;
}

.account-detail-label[b-1xro8bpqgk] {
    font-size: .69rem;
}

.account-detail-row strong[b-1xro8bpqgk] {
    font-size: .73rem;
}


/* Referral */

.account-referral-card[b-1xro8bpqgk] {
    margin-bottom: 12px;
}

.account-referral-link[b-1xro8bpqgk] {
    padding: 7px;
}

.account-referral-url[b-1xro8bpqgk] {
    font-size: .72rem;
}

.account-action-button[b-1xro8bpqgk] {
    height: 30px;
    padding: 0 10px;
    font-size: .68rem;
}

    .account-action-button[b-1xro8bpqgk]  .rz-icon {
        font-size: 15px;
    }

.account-referral-key[b-1xro8bpqgk] {
    margin-top: 7px;
}


/* Referral Partner */

.account-partner-card[b-1xro8bpqgk] {
    margin-bottom: 12px;
}


/* Bottom information message */

.account-update-message[b-1xro8bpqgk] {
    padding: 8px 12px;
    font-size: .69rem;
}

    .account-update-message[b-1xro8bpqgk]  .rz-icon {
        font-size: 16px;
    }
/* _content/eZeDebtHelp/Components/Pages/Introducer/Index.razor.rz.scp.css */
/* ================================================================ */
/* INTRODUCER DASHBOARD                                              */
/* ================================================================ */

.introducer-page[b-wz04dbe1da] {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


/* ================================================================ */
/* DASHBOARD PANEL                                                   */
/* ================================================================ */

.dashboard-panel[b-wz04dbe1da] {
    margin-bottom: 16px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e3e9ef;
    border-radius: 10px;
    box-shadow: 0 3px 11px rgba(15, 23, 42, .04);
}

.dashboard-panel:last-child[b-wz04dbe1da] {
    margin-bottom: 0;
}

.dashboard-panel-header[b-wz04dbe1da] {
    display: block;
    width: 100%;
    padding: 14px 18px;
    border-bottom: 1px solid #e9eef3;
}

.dashboard-panel-header h2[b-wz04dbe1da] {
    margin: 0;
    padding: 0;
    color: #16324f;
    font-size: .98rem;
    font-weight: 700;
}

.dashboard-panel-header p[b-wz04dbe1da] {
    margin: 2px 0 0;
    padding: 0;
    color: #7a8a98;
    font-size: .76rem;
    line-height: 1.4;
}


/* ================================================================ */
/* REFERRAL LINK PANEL                                               */
/* ================================================================ */

.referral-link-panel[b-wz04dbe1da] {
    border-color: #dbe6ee;
}

.referral-link-content[b-wz04dbe1da] {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin: 10px 0 0;
    padding: 0;
}

.referral-link-box[b-wz04dbe1da] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-height: 40px;
    margin: 0;
    padding: 0 13px;
    color: #294a66;
    background: #f6f9fb;
    border: 1px solid #dce6ed;
    border-radius: 7px;
}

.referral-link-box .rz-icon[b-wz04dbe1da] {
    flex-shrink: 0;
    color: #2b5e84;
    font-size: 18px;
}

.referral-link-box span[b-wz04dbe1da] {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #294a66;
    font-size: .8rem;
    font-weight: 600;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.referral-link-actions[b-wz04dbe1da] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 8px;
}


/* ================================================================ */
/* DASHBOARD PERIOD                                                  */
/* ================================================================ */

.dashboard-period-bar[b-wz04dbe1da] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
    padding: 10px 14px;
    background: #ffffff;
    border: 1px solid #e3e9ef;
    border-radius: 10px;
    box-shadow: 0 3px 11px rgba(15, 23, 42, .04);
}

.dashboard-period-title[b-wz04dbe1da] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.dashboard-period-title > .rz-icon[b-wz04dbe1da] {
    display: flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #ffffff;
    font-size: 18px;
    background: linear-gradient(135deg, #2b5e84 0%, #16324f 100%);
    border-radius: 8px;
}

.dashboard-period-title > div[b-wz04dbe1da] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.dashboard-period-title strong[b-wz04dbe1da] {
    color: #16324f;
    font-size: .82rem;
    font-weight: 700;
}

.dashboard-period-title span[b-wz04dbe1da] {
    color: #7a8a98;
    font-size: .72rem;
}

.dashboard-period-selector[b-wz04dbe1da] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dashboard-period-selector label[b-wz04dbe1da] {
    color: #657787;
    font-size: .74rem;
    font-weight: 600;
}

.dashboard-period-selector select[b-wz04dbe1da] {
    min-width: 165px;
    height: 34px;
    padding: 0 30px 0 10px;
    color: #16324f;
    font-family: inherit;
    font-size: .76rem;
    font-weight: 600;
    background-color: #ffffff;
    border: 1px solid #ccd8e1;
    border-radius: 7px;
    outline: none;
    cursor: pointer;
}

.dashboard-period-selector select:hover[b-wz04dbe1da] {
    border-color: #9eb3c3;
}

.dashboard-period-selector select:focus[b-wz04dbe1da] {
    border-color: #2b5e84;
    box-shadow: 0 0 0 3px rgba(43, 94, 132, .12);
}


/* ================================================================ */
/* DASHBOARD KPI CARDS                                               */
/* ================================================================ */
/* ================================================================ */
/* DASHBOARD KPI CARDS                                               */
/* ================================================================ */

.dashboard-cards[b-wz04dbe1da] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
    align-items: stretch;
}

.dashboard-card[b-wz04dbe1da] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 112px;
    padding: 10px 12px;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    background: #ffffff;
    border: 1px solid #e3e9ef;
    border-radius: 9px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

    .dashboard-card[b-wz04dbe1da]::after {
        position: absolute;
        top: 0;
        right: 0;
        width: 3px;
        height: 100%;
        content: "";
        background: linear-gradient(180deg, #2b5e84, #16324f);
        opacity: .85;
    }

    .dashboard-card:hover[b-wz04dbe1da] {
        border-color: #d3dde6;
        box-shadow: 0 4px 13px rgba(15, 23, 42, .07);
        transform: translateY(-1px);
    }


/* ================================================================ */
/* KPI CARD HEADER                                                   */
/* ================================================================ */

.dashboard-card-header[b-wz04dbe1da] {
    display: flex;
    width: 100%;
    min-height: 30px;
    margin: 0;
    padding: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.dashboard-card-heading[b-wz04dbe1da] {
    display: flex;
    min-width: 0;
    margin: 0;
    padding: 0;
    align-items: center;
    gap: 8px;
}

    .dashboard-card-heading > span[b-wz04dbe1da] {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: #657787;
        font-size: .72rem;
        font-weight: 700;
        line-height: 30px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.dashboard-card-icon[b-wz04dbe1da] {
    display: flex;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, #2b5e84 0%, #16324f 100%);
    border-radius: 7px;
    box-shadow: 0 2px 6px rgba(22, 50, 79, .13);
}

    .dashboard-card-icon .rz-icon[b-wz04dbe1da] {
        margin: 0;
        font-size: 16px;
    }


/* ================================================================ */
/* KPI TOTAL                                                         */
/* ================================================================ */

.dashboard-card-total[b-wz04dbe1da] {
    display: block;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 3px 0 0;
    color: #16324f;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 30px;
    text-align: right;
}


/* ================================================================ */
/* STATUS BREAKDOWN                                                  */
/* ================================================================ */

.dashboard-status-breakdown[b-wz04dbe1da] {
    display: flex;
    width: 100%;
    margin-top: 7px;
    padding-top: 5px;
    flex-direction: column;
    gap: 1px;
    border-top: 1px solid #edf1f4;
}

.dashboard-status-row[b-wz04dbe1da] {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 16px;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.dashboard-status-name[b-wz04dbe1da] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
}

    .dashboard-status-name > span:last-child[b-wz04dbe1da] {
        overflow: hidden;
        color: #657787;
        font-size: .62rem;
        font-weight: 500;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.dashboard-status-row > strong[b-wz04dbe1da] {
    flex-shrink: 0;
    color: #16324f;
    font-size: .64rem;
    font-weight: 700;
}

.status-dot[b-wz04dbe1da] {
    display: inline-block;
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.dashboard-status-empty[b-wz04dbe1da] {
    padding: 3px 0 1px;
    color: #93a0aa;
    font-size: .63rem;
    font-style: italic;
}
/* ================================================================ */
/* PRIMARY ACTION                                                    */
/* ================================================================ */

.primary-action[b-wz04dbe1da] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 14px;
    color: #ffffff !important;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    background: linear-gradient(135deg, #16324f 0%, #2b5e84 100%);
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(22, 50, 79, .16);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.primary-action:link[b-wz04dbe1da],
.primary-action:visited[b-wz04dbe1da] {
    color: #ffffff !important;
    text-decoration: none !important;
}

.primary-action:hover[b-wz04dbe1da] {
    color: #ffffff !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, #1d4162 0%, #34719b 100%);
    box-shadow: 0 6px 16px rgba(22, 50, 79, .23);
    transform: translateY(-1px);
}

.primary-action:active[b-wz04dbe1da] {
    color: #ffffff !important;
    transform: translateY(0);
}

.primary-action .rz-icon[b-wz04dbe1da] {
    color: #ffffff !important;
    font-size: 17px;
}


/* ================================================================ */
/* SECONDARY ACTION                                                  */
/* ================================================================ */

.secondary-action[b-wz04dbe1da] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 14px;
    color: #16324f;
    font-family: inherit;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid #cdd8e2;
    border-radius: 8px;
    cursor: pointer;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.secondary-action:hover[b-wz04dbe1da] {
    color: #16324f;
    background: #f2f7fa;
    border-color: #9fb5c7;
    box-shadow: 0 3px 9px rgba(22, 50, 79, .08);
}

.secondary-action .rz-icon[b-wz04dbe1da] {
    font-size: 17px;
}


/* ================================================================ */
/* RECENT REFERRALS HEADER                                           */
/* ================================================================ */

.recent-referrals-header[b-wz04dbe1da] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.recent-referrals-header > div[b-wz04dbe1da] {
    min-width: 0;
}

.recent-referrals-header > a[b-wz04dbe1da] {
    flex-shrink: 0;
    color: #2b5e84;
    font-size: .76rem;
    font-weight: 700;
    text-decoration: none;
}

.recent-referrals-header > a:hover[b-wz04dbe1da] {
    color: #16324f;
    text-decoration: underline;
}


/* ================================================================ */
/* RECENT REFERRALS                                                  */
/* ================================================================ */

.recent-referrals[b-wz04dbe1da] {
    display: flex;
    padding: 8px 10px;
    flex-direction: column;
    gap: 5px;
}

.recent-referral-card[b-wz04dbe1da] {
    display: flex;
    width: 100%;
    min-height: 46px;
    padding: 6px 10px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: #ffffff;
    border: 1px solid #e8edf1;
    border-radius: 7px;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.recent-referral-card:hover[b-wz04dbe1da] {
    background: #fafcfd;
    border-color: #d8e1e8;
    box-shadow: 0 2px 7px rgba(15, 23, 42, .04);
}

.recent-referral-customer[b-wz04dbe1da] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.recent-referral-avatar[b-wz04dbe1da] {
    display: flex;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #ffffff;
    font-size: .63rem;
    font-weight: 700;
    letter-spacing: .3px;
    background: linear-gradient(135deg, #2b5e84 0%, #16324f 100%);
    border-radius: 50%;
}

.recent-referral-details[b-wz04dbe1da] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.recent-referral-details strong[b-wz04dbe1da] {
    overflow: hidden;
    color: #16324f;
    font-size: .76rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recent-referral-details span[b-wz04dbe1da] {
    color: #8493a0;
    font-size: .66rem;
}

/* ================================================================ */
/* RECENT REFERRALS COLUMN HEADER                                    */
/* ================================================================ */

.recent-referrals-column-header[b-wz04dbe1da] {
    display: flex;
    width: 100%;
    padding: 10px 20px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: #ffffff;
    background: #2b5e84;
}

    .recent-referrals-column-header span[b-wz04dbe1da] {
        color: #ffffff;
        font-size: .67rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: .25px;
    }

        .recent-referrals-column-header span:last-child[b-wz04dbe1da] {
            padding-right: 10px;
            text-align: right;
        }

/* ================================================================ */
/* RECENT REFERRAL STATUS                                            */
/* ================================================================ */

.recent-referral-status[b-wz04dbe1da] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 25px;
    padding: 0 9px;
    font-size: .66rem;
    font-weight: 700;
    background: #ffffff;
    border: 1px solid;
    border-radius: 20px;
}


/* ================================================================ */
/* EMPTY STATE                                                       */
/* ================================================================ */

.dashboard-empty[b-wz04dbe1da] {
    display: flex;
    min-height: 150px;
    padding: 22px 20px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.dashboard-empty > .material-icons[b-wz04dbe1da],
.dashboard-empty > .rz-icon[b-wz04dbe1da] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 9px;
    color: #2b5e84;
    font-size: 22px;
    background: #eef5fa;
    border-radius: 50%;
}

.dashboard-empty h3[b-wz04dbe1da] {
    margin: 0 0 4px;
    color: #16324f;
    font-size: .9rem;
    font-weight: 700;
}

.dashboard-empty p[b-wz04dbe1da] {
    max-width: 480px;
    margin: 0;
    color: #748594;
    font-size: .76rem;
    line-height: 1.5;
}


/* ================================================================ */
/* LOADING                                                           */
/* ================================================================ */

.dashboard-loading[b-wz04dbe1da] {
    display: flex;
    min-height: 240px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    color: #6c7d8d;
    font-size: .84rem;
    font-weight: 600;
}


/* ================================================================ */
/* ERROR                                                             */
/* ================================================================ */

.dashboard-error[b-wz04dbe1da] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 17px;
    color: #8a3b3b;
    background: #fff7f7;
    border: 1px solid #f0d4d4;
    border-radius: 9px;
}

.dashboard-error > .rz-icon[b-wz04dbe1da] {
    flex-shrink: 0;
    font-size: 23px;
}

.dashboard-error > div[b-wz04dbe1da] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dashboard-error strong[b-wz04dbe1da] {
    font-size: .86rem;
}

.dashboard-error span[b-wz04dbe1da] {
    color: #9a5a5a;
    font-size: .77rem;
}


/* ================================================================ */
/* ACCESSIBILITY                                                     */
/* ================================================================ */

.primary-action:focus-visible[b-wz04dbe1da],
.secondary-action:focus-visible[b-wz04dbe1da],
.recent-referrals-header > a:focus-visible[b-wz04dbe1da] {
    outline: 3px solid rgba(43, 94, 132, .28);
    outline-offset: 3px;
}


/* ================================================================ */
/* TABLET                                                            */
/* ================================================================ */

@media (max-width: 1100px) {

    .dashboard-cards[b-wz04dbe1da] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .dashboard-card[b-wz04dbe1da] {
        min-height: 110px;
    }
}


/* ================================================================ */
/* MOBILE                                                            */
/* ================================================================ */

@media (max-width: 700px) {

    .dashboard-panel[b-wz04dbe1da] {
        margin-bottom: 14px;
    }

    .dashboard-panel-header[b-wz04dbe1da] {
        padding: 13px 15px;
    }

    .referral-link-content[b-wz04dbe1da] {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .referral-link-box[b-wz04dbe1da] {
        width: 100%;
    }

    .referral-link-actions[b-wz04dbe1da] {
        width: 100%;
    }

    .referral-link-actions .primary-action[b-wz04dbe1da],
    .referral-link-actions .secondary-action[b-wz04dbe1da] {
        flex: 1;
    }

    .dashboard-period-bar[b-wz04dbe1da] {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .dashboard-period-selector[b-wz04dbe1da] {
        justify-content: space-between;
    }

    .dashboard-period-selector select[b-wz04dbe1da] {
        flex: 1;
        max-width: 220px;
    }

    .dashboard-cards[b-wz04dbe1da] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-bottom: 14px;
    }

    .dashboard-card[b-wz04dbe1da] {
        min-height: 108px;
        padding: 10px 11px;
    }

    .dashboard-card-total[b-wz04dbe1da] {
        font-size: 1.4rem;
    }

    .recent-referrals-header[b-wz04dbe1da] {
        align-items: center;
        flex-direction: row;
    }

    .recent-referrals[b-wz04dbe1da] {
        padding: 7px 8px;
    }
}


/* ================================================================ */
/* SMALL MOBILE                                                      */
/* ================================================================ */

@media (max-width: 480px) {

    .dashboard-panel-header p[b-wz04dbe1da] {
        font-size: .72rem;
    }

    .referral-link-actions[b-wz04dbe1da] {
        flex-direction: column;
    }

    .referral-link-actions .primary-action[b-wz04dbe1da],
    .referral-link-actions .secondary-action[b-wz04dbe1da] {
        width: 100%;
    }

    .dashboard-period-selector[b-wz04dbe1da] {
        align-items: stretch;
        flex-direction: column;
        gap: 5px;
    }

    .dashboard-period-selector select[b-wz04dbe1da] {
        width: 100%;
        max-width: none;
    }

    .dashboard-cards[b-wz04dbe1da] {
        grid-template-columns: 1fr;
    }

    .dashboard-card[b-wz04dbe1da] {
        min-height: auto;
    }

    .dashboard-card:not(.dashboard-card-breakdown)[b-wz04dbe1da] {
        min-height: 68px;
    }

    .dashboard-card-total[b-wz04dbe1da] {
        font-size: 1.35rem;
    }

    .recent-referral-card[b-wz04dbe1da] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .recent-referral-status[b-wz04dbe1da] {
        margin-left: 39px;
    }

    .dashboard-empty[b-wz04dbe1da] {
        min-height: 140px;
    }
}
/* _content/eZeDebtHelp/Components/Pages/Introducer/Referrals.razor.rz.scp.css */
/* ================================================================ */
/* MY REFERRALS                                                      */
/* ================================================================ */

.referrals-page[b-mtj2ppidpm] {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


/* ================================================================ */
/* PAGE HEADER                                                       */
/* ================================================================ */

.referrals-page-header[b-mtj2ppidpm] {
    display: flex;
    margin-bottom: 14px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.referrals-eyebrow[b-mtj2ppidpm] {
    display: block;
    margin-bottom: 3px;
    color: #2b5e84;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.referrals-page-header h1[b-mtj2ppidpm] {
    margin: 0;
    color: #16324f;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
}

.referrals-page-header p[b-mtj2ppidpm] {
    margin: 4px 0 0;
    color: #748594;
    font-size: .78rem;
    line-height: 1.4;
}


/* ================================================================ */
/* TOTAL                                                             */
/* ================================================================ */

.referrals-total[b-mtj2ppidpm] {
    display: flex;
    min-width: 95px;
    padding: 7px 12px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #ffffff;
    border: 1px solid #e1e8ee;
    border-radius: 8px;
    box-shadow: 0 2px 7px rgba(15, 23, 42, .035);
}

    .referrals-total span[b-mtj2ppidpm] {
        color: #748594;
        font-size: .7rem;
        font-weight: 600;
    }

    .referrals-total strong[b-mtj2ppidpm] {
        color: #16324f;
        font-size: 1.2rem;
        font-weight: 700;
    }


/* ================================================================ */
/* PANEL                                                             */
/* ================================================================ */

.referrals-panel[b-mtj2ppidpm] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e8ee;
    border-radius: 10px;
    box-shadow: 0 3px 12px rgba(15, 23, 42, .045);
}


/* ================================================================ */
/* FILTERS                                                           */
/* ================================================================ */

.referrals-filters[b-mtj2ppidpm] {
    display: grid;
    padding: 14px 16px;
    grid-template-columns: minmax(220px, 1.5fr) minmax(150px, .8fr) minmax(125px, .65fr) minmax(105px, .55fr) auto;
    align-items: end;
    gap: 10px;
    background: #f8fafc;
    border-bottom: 1px solid #e5ebf0;
}

.filter-field[b-mtj2ppidpm] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

    .filter-field label[b-mtj2ppidpm] {
        color: #536779;
        font-size: .68rem;
        font-weight: 700;
        line-height: 1;
    }

    .filter-field select[b-mtj2ppidpm] {
        width: 100%;
        height: 36px;
        padding: 0 30px 0 10px;
        color: #263c4e;
        font-family: inherit;
        font-size: .76rem;
        font-weight: 500;
        background-color: #ffffff;
        border: 1px solid #ced8e1;
        border-radius: 6px;
        outline: none;
        cursor: pointer;
        transition: border-color .18s ease, box-shadow .18s ease;
    }

        .filter-field select:focus[b-mtj2ppidpm] {
            border-color: #2b5e84;
            box-shadow: 0 0 0 2px rgba(43, 94, 132, .10);
        }


/* ================================================================ */
/* SEARCH                                                            */
/* ================================================================ */

.search-box[b-mtj2ppidpm] {
    position: relative;
    display: flex;
    align-items: center;
}

    .search-box[b-mtj2ppidpm]  .rz-icon {
        position: absolute;
        left: 10px;
        z-index: 1;
        color: #7b8c9b;
        font-size: 17px;
        pointer-events: none;
    }

    .search-box input[b-mtj2ppidpm] {
        width: 100%;
        height: 36px;
        padding: 0 10px 0 34px;
        color: #263c4e;
        font-family: inherit;
        font-size: .76rem;
        background: #ffffff;
        border: 1px solid #ced8e1;
        border-radius: 6px;
        outline: none;
        transition: border-color .18s ease, box-shadow .18s ease;
    }

        .search-box input[b-mtj2ppidpm]::placeholder {
            color: #98a6b2;
        }

        .search-box input:focus[b-mtj2ppidpm] {
            border-color: #2b5e84;
            box-shadow: 0 0 0 2px rgba(43, 94, 132, .10);
        }


/* ================================================================ */
/* FILTER ACTIONS                                                    */
/* ================================================================ */

.filter-actions[b-mtj2ppidpm] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.filter-search-button[b-mtj2ppidpm],
.filter-clear-button[b-mtj2ppidpm] {
    display: inline-flex;
    height: 36px;
    padding: 0 12px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-family: inherit;
    font-size: .72rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.filter-search-button[b-mtj2ppidpm] {
    color: #ffffff;
    background: #2b5e84;
    border: 1px solid #2b5e84;
}

    .filter-search-button:hover[b-mtj2ppidpm] {
        background: #214c6e;
        border-color: #214c6e;
    }

.filter-clear-button[b-mtj2ppidpm] {
    color: #536779;
    background: #ffffff;
    border: 1px solid #ced8e1;
}

    .filter-clear-button:hover[b-mtj2ppidpm] {
        color: #16324f;
        background: #f1f5f8;
        border-color: #b9c7d3;
    }

    .filter-search-button[b-mtj2ppidpm]  .rz-icon,
    .filter-clear-button[b-mtj2ppidpm]  .rz-icon {
        font-size: 16px;
    }


/* ================================================================ */
/* TABLE                                                             */
/* ================================================================ */

.referrals-table-wrapper[b-mtj2ppidpm] {
    width: 100%;
    overflow-x: auto;
}

.referrals-table[b-mtj2ppidpm] {
    width: 100%;
    min-width: 1205px;
    table-layout: fixed;
    border-collapse: collapse;
}

    .referrals-table thead[b-mtj2ppidpm] {
        background: #2b5e84;
    }

    .referrals-table th[b-mtj2ppidpm] {
        padding: 10px 16px;
        color: #ffffff;
        font-size: .67rem;
        font-weight: 700;
        line-height: 1.2;
        text-align: left;
        vertical-align: top;
        letter-spacing: .25px;
        border-bottom: 1px solid #214c6e;
    }

    .referrals-table tbody tr[b-mtj2ppidpm] {
        transition: background-color .15s ease;
    }

/*        .referrals-table tbody tr:hover {
            background: #f8fafc;
        }
*/
        .referrals-table tbody tr:last-child td[b-mtj2ppidpm] {
            border-bottom: none;
        }

        .referrals-table tbody tr:nth-child(even)[b-mtj2ppidpm] {
            background: #f5f8fa;
        }

        .referrals-table tbody tr:nth-child(odd)[b-mtj2ppidpm] {
            background: #ffffff;
        }

        .referrals-table tbody tr:hover[b-mtj2ppidpm] {
            background: #eaf2f7;
        }

    /* ================================================================ */
    /* IMPORTANT - ALL BODY CELLS TOP ALIGNED                            */
    /* ================================================================ */

    .referrals-table tbody > tr > td[b-mtj2ppidpm] {
        height: auto;
        padding: 12px 16px;
        color: #405568;
        font-size: .76rem;
        font-weight: 500;
        line-height: 1.3;
        text-align: left;
        vertical-align: top !important;
        border-bottom: 1px solid #edf1f4;
    }


    /* ================================================================ */
    /* TABLE COLUMN WIDTHS                                               */
    /* ================================================================ */

    .referrals-table .col-customer[b-mtj2ppidpm] {
        width: 250px;
    }

    .referrals-table .col-dob[b-mtj2ppidpm] {
        width: 125px;
    }

    .referrals-table .col-age[b-mtj2ppidpm] {
        width: 65px;
    }

    .referrals-table .col-date[b-mtj2ppidpm] {
        width: 130px;
    }

    .referrals-table .col-status[b-mtj2ppidpm] {
        width: 155px;
    }

    .referrals-table .col-partner[b-mtj2ppidpm] {
        width: 250px;
    }

    .referrals-table .col-lead-link[b-mtj2ppidpm] {
        width: 230px;
    }

    .referrals-table th.dob-column[b-mtj2ppidpm],
    .referrals-table td.dob-column[b-mtj2ppidpm],
    .referrals-table th.age-column[b-mtj2ppidpm],
    .referrals-table td.age-column[b-mtj2ppidpm],
    .referrals-table th.date-column[b-mtj2ppidpm],
    .referrals-table td.date-column[b-mtj2ppidpm],
    .referrals-table th.status-column[b-mtj2ppidpm],
    .referrals-table td.status-column[b-mtj2ppidpm],
    .referrals-table th.partner-column[b-mtj2ppidpm],
    .referrals-table td.partner-column[b-mtj2ppidpm],
    .referrals-table th.lead-link-column[b-mtj2ppidpm],
    .referrals-table td.lead-link-column[b-mtj2ppidpm] {
        white-space: nowrap;
    }


/* ================================================================ */
/* CUSTOMER                                                          */
/* ================================================================ */

.customer-cell[b-mtj2ppidpm] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 9px;
}

.customer-avatar[b-mtj2ppidpm] {
    display: flex;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(135deg, #2b5e84 0%, #16324f 100%);
    border-radius: 50%;
}

.customer-cell > span[b-mtj2ppidpm] {
    padding-top: 6px;
    overflow: hidden;
    color: #263c4e;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ================================================================ */
/* DATE                                                              */
/* ================================================================ */

.referrals-table td.dob-column[b-mtj2ppidpm],
.referrals-table td.age-column[b-mtj2ppidpm],
.referrals-table td.date-column[b-mtj2ppidpm] {
    padding-top: 18px;
}


/* ================================================================ */
/* STATUS                                                            */
/* ================================================================ */

.referrals-table td.status-column[b-mtj2ppidpm] {
    padding-top: 12px;
}

.referral-status[b-mtj2ppidpm] {
    display: inline-flex;
    min-height: 26px;
    padding: 3px 9px;
    align-items: center;
    gap: 6px;
    font-size: .68rem;
    font-weight: 600;
    line-height: 1;
    vertical-align: top;
    background: #ffffff;
    border: 1px solid;
    border-radius: 999px;
    white-space: nowrap;
}

.status-dot[b-mtj2ppidpm] {
    display: inline-block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}


/* ================================================================ */
/* REGULATED PARTNER                                                 */
/* ================================================================ */

.referrals-table td.partner-column[b-mtj2ppidpm] {
    padding-top: 12px;
    vertical-align: top !important;
    white-space: nowrap;
    line-height: 1;
}

    .referrals-table td.partner-column > strong[b-mtj2ppidpm] {
        display: inline;
        margin: 0 6px 0 0;
        padding: 0;
        color: #263c4e;
        font-size: .74rem;
        font-weight: 600;
        line-height: 26px;
        vertical-align: top;
        white-space: nowrap;
    }

    .referrals-table td.partner-column > span[b-mtj2ppidpm] {
        display: inline-flex;
        margin: 0;
        padding: 0;
        height: 26px;
        align-items: center;
        gap: 4px;
        color: #748594;
        font-size: .68rem;
        font-weight: 500;
        line-height: 26px;
        vertical-align: top;
        white-space: nowrap;
    }

        .referrals-table td.partner-column > span[b-mtj2ppidpm]  .rz-icon {
            margin: 0;
            padding: 0;
            color: #8293a1;
            font-size: 18px;
            line-height: 18px;
        }

/* ================================================================ */
/* LEAD LINK                                                         */
/* ================================================================ */

.referrals-table td.lead-link-column[b-mtj2ppidpm] {
    padding-top: 12px;
    white-space: nowrap;
}

.lead-link-text[b-mtj2ppidpm] {
    display: inline-block;
    margin: 0 8px 0 0;
    padding-top: 7px;
    color: #748594;
    font-size: .66rem;
    font-weight: 600;
    line-height: 1;
    vertical-align: top;
    white-space: nowrap;
}

.lead-link-button[b-mtj2ppidpm] {
    display: inline-flex;
    height: 34px;
    margin: 0 2px;
    padding: 0 9px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #425b70;
    font-family: inherit;
    font-size: .65rem;
    font-weight: 600;
    line-height: 1;
    vertical-align: top;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid #d4dde5;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

    .lead-link-button:hover[b-mtj2ppidpm] {
        color: #16324f;
        background: #f1f5f8;
        border-color: #b9c7d3;
    }

    .lead-link-button[b-mtj2ppidpm]  .rz-icon {
        font-size: 18px;
    }

.lead-link-visit[b-mtj2ppidpm] {
    color: #ffffff;
    background: #2b5e84;
    border-color: #2b5e84;
}

    .lead-link-visit:hover[b-mtj2ppidpm] {
        color: #ffffff;
        background: #214c6e;
        border-color: #214c6e;
    }


/* ================================================================ */
/* FOOTER / PAGING                                                   */
/* ================================================================ */

.referrals-footer[b-mtj2ppidpm] {
    display: flex;
    min-height: 52px;
    padding: 9px 16px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: #fbfcfd;
    border-top: 1px solid #e5ebf0;
}

.referrals-record-count[b-mtj2ppidpm] {
    color: #748594;
    font-size: .7rem;
    font-weight: 500;
}

.referrals-paging[b-mtj2ppidpm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .referrals-paging button[b-mtj2ppidpm] {
        display: inline-flex;
        height: 32px;
        padding: 0 10px;
        align-items: center;
        justify-content: center;
        gap: 3px;
        color: #425b70;
        font-family: inherit;
        font-size: .69rem;
        font-weight: 600;
        background: #ffffff;
        border: 1px solid #d4dde5;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color .18s ease, border-color .18s ease;
    }

        .referrals-paging button:hover:not(:disabled)[b-mtj2ppidpm] {
            color: #16324f;
            background: #f1f5f8;
            border-color: #b9c7d3;
        }

        .referrals-paging button:disabled[b-mtj2ppidpm] {
            color: #aab5bf;
            background: #f8fafb;
            cursor: not-allowed;
        }

        .referrals-paging button[b-mtj2ppidpm]  .rz-icon {
            font-size: 16px;
        }

.page-number[b-mtj2ppidpm] {
    min-width: 80px;
    color: #607486;
    font-size: .69rem;
    font-weight: 600;
    text-align: center;
}


/* ================================================================ */
/* EMPTY STATE                                                       */
/* ================================================================ */

.referrals-empty[b-mtj2ppidpm] {
    display: flex;
    min-height: 220px;
    padding: 30px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.referrals-empty-icon[b-mtj2ppidpm] {
    display: flex;
    width: 46px;
    height: 46px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
    color: #2b5e84;
    background: #edf4f8;
    border-radius: 50%;
}

    .referrals-empty-icon[b-mtj2ppidpm]  .rz-icon {
        font-size: 23px;
    }

.referrals-empty strong[b-mtj2ppidpm] {
    color: #263c4e;
    font-size: .86rem;
    font-weight: 700;
}

.referrals-empty > span[b-mtj2ppidpm] {
    margin-top: 4px;
    color: #7b8c9b;
    font-size: .72rem;
}


/* ================================================================ */
/* LOADING / ERROR                                                   */
/* ================================================================ */

.referrals-state[b-mtj2ppidpm] {
    display: flex;
    min-height: 150px;
    padding: 30px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #607486;
    font-size: .78rem;
    background: #ffffff;
    border: 1px solid #e1e8ee;
    border-radius: 10px;
}

    .referrals-state[b-mtj2ppidpm]  .rz-icon {
        color: #2b5e84;
        font-size: 20px;
    }

.referrals-error[b-mtj2ppidpm] {
    color: #a63838;
    background: #fffafa;
    border-color: #efd2d2;
}

    .referrals-error[b-mtj2ppidpm]  .rz-icon {
        color: #c54848;
    }


/* ================================================================ */
/* TABLET                                                            */
/* ================================================================ */

@media (max-width: 1000px) {

    .referrals-filters[b-mtj2ppidpm] {
        grid-template-columns: 1.5fr 1fr 1fr 1fr;
    }

    .filter-actions[b-mtj2ppidpm] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}


/* ================================================================ */
/* MOBILE                                                            */
/* ================================================================ */

@media (max-width: 700px) {

    .referrals-page-header[b-mtj2ppidpm] {
        align-items: flex-start;
    }

        .referrals-page-header h1[b-mtj2ppidpm] {
            font-size: 1.18rem;
        }

    .referrals-total[b-mtj2ppidpm] {
        min-width: 82px;
    }

    .referrals-filters[b-mtj2ppidpm] {
        padding: 12px;
        grid-template-columns: 1fr 1fr;
    }

    .filter-search[b-mtj2ppidpm] {
        grid-column: 1 / -1;
    }

    .filter-actions[b-mtj2ppidpm] {
        grid-column: 1 / -1;
    }

    .filter-search-button[b-mtj2ppidpm],
    .filter-clear-button[b-mtj2ppidpm] {
        flex: 1;
    }

    .referrals-footer[b-mtj2ppidpm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .referrals-paging[b-mtj2ppidpm] {
        width: 100%;
        justify-content: space-between;
    }
}


/* ================================================================ */
/* SMALL MOBILE                                                      */
/* ================================================================ */

@media (max-width: 480px) {

    .referrals-page-header[b-mtj2ppidpm] {
        flex-direction: column;
        gap: 10px;
    }

    .referrals-total[b-mtj2ppidpm] {
        width: 100%;
    }

    .referrals-filters[b-mtj2ppidpm] {
        grid-template-columns: 1fr;
    }

    .filter-search[b-mtj2ppidpm],
    .filter-actions[b-mtj2ppidpm] {
        grid-column: auto;
    }

    .referrals-table th[b-mtj2ppidpm] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .referrals-table tbody > tr > td[b-mtj2ppidpm] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .referrals-footer[b-mtj2ppidpm] {
        padding: 10px 12px;
    }

    .referrals-paging button span[b-mtj2ppidpm] {
        display: none;
    }
}
/* _content/eZeDebtHelp/Components/Pages/Partner/Account.razor.rz.scp.css */
/* ================================================================ */
/* REGULATED PARTNER - MY ACCOUNT                                    */
/* ================================================================ */

.account-page[b-p8zy4skl55] {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


/* ================================================================ */
/* PAGE HEADER                                                       */
/* ================================================================ */

.account-page-header[b-p8zy4skl55] {
    display: flex;
    margin-bottom: 12px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.account-eyebrow[b-p8zy4skl55] {
    display: block;
    margin-bottom: 3px;
    color: #54738c;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.account-page-header h1[b-p8zy4skl55] {
    margin: 0;
    color: #16324f;
    font-size: 1.42rem;
    font-weight: 700;
    line-height: 1.2;
}

.account-page-header p[b-p8zy4skl55] {
    margin: 3px 0 0;
    color: #6d7f8e;
    font-size: .82rem;
    line-height: 1.45;
}


/* ================================================================ */
/* LOADING                                                           */
/* ================================================================ */

.account-loading[b-p8zy4skl55] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    color: #6d7f8e;
    font-size: .82rem;
}


/* ================================================================ */
/* ERROR MESSAGE                                                     */
/* ================================================================ */

.account-message[b-p8zy4skl55] {
    display: flex;
    padding: 18px 20px;
    align-items: flex-start;
    gap: 12px;
    color: #7a2830;
    background: #fff7f7;
    border: 1px solid #f0c7cb;
    border-radius: 10px;
}

    .account-message[b-p8zy4skl55]  .rz-icon {
        margin-top: 1px;
        color: #b4232e;
        font-size: 22px;
    }

    .account-message div[b-p8zy4skl55] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .account-message strong[b-p8zy4skl55] {
        font-size: .84rem;
        font-weight: 700;
    }

    .account-message span[b-p8zy4skl55] {
        color: #8c5157;
        font-size: .76rem;
    }


/* ================================================================ */
/* CARD GRID                                                         */
/* ================================================================ */

.account-card-grid[b-p8zy4skl55] {
    display: grid;
    margin-bottom: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}


/* ================================================================ */
/* CARDS                                                             */
/* ================================================================ */

.account-card[b-p8zy4skl55] {
    width: 100%;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid #dfe7ee;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
}

.account-card-header[b-p8zy4skl55] {
    display: flex;
    margin-bottom: 11px;
    padding-bottom: 10px;
    align-items: center;
    gap: 9px;
    border-bottom: 1px solid #edf1f4;
}

.account-card-icon[b-p8zy4skl55] {
    display: flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    color: #1f5d89;
    background: #edf6fc;
    border: 1px solid #d8e9f5;
    border-radius: 8px;
}

    .account-card-icon[b-p8zy4skl55]  .rz-icon {
        font-size: 18px;
    }

.account-card-header > div:last-child[b-p8zy4skl55] {
    min-width: 0;
}

.account-card-header h2[b-p8zy4skl55] {
    margin: 0;
    color: #263c4e;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.2;
}

.account-card-header span[b-p8zy4skl55] {
    display: block;
    margin-top: 2px;
    color: #7b8c99;
    font-size: .66rem;
    font-weight: 500;
    line-height: 1.3;
}


/* ================================================================ */
/* ACCOUNT DETAILS                                                   */
/* ================================================================ */

.account-details[b-p8zy4skl55] {
    display: flex;
    flex-direction: column;
}

.account-detail-row[b-p8zy4skl55] {
    display: grid;
    min-height: 32px;
    padding: 5px 0;
    grid-template-columns: 145px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid #f0f3f5;
}

    .account-detail-row:last-child[b-p8zy4skl55] {
        border-bottom: 0;
    }

.account-detail-label[b-p8zy4skl55] {
    color: #7a8a97;
    font-size: .69rem;
    font-weight: 600;
}

.account-detail-row strong[b-p8zy4skl55] {
    min-width: 0;
    overflow: hidden;
    color: #2d4354;
    font-size: .73rem;
    font-weight: 600;
    line-height: 1.35;
    text-overflow: ellipsis;
}


/* ================================================================ */
/* PARTNER DETAILS                                                   */
/* ================================================================ */

.account-partner-card[b-p8zy4skl55] {
    margin-bottom: 12px;
}

.partner-key[b-p8zy4skl55] {
    word-break: break-all;
}


/* ================================================================ */
/* UPDATE DETAILS MESSAGE                                            */
/* ================================================================ */

.account-update-message[b-p8zy4skl55] {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 8px;
    color: #587084;
    background: #f4f8fb;
    border: 1px solid #dce7ef;
    border-radius: 8px;
    font-size: .69rem;
    font-weight: 500;
}

    .account-update-message[b-p8zy4skl55]  .rz-icon {
        flex-shrink: 0;
        color: #477798;
        font-size: 16px;
    }


/* ================================================================ */
/* TABLET                                                            */
/* ================================================================ */

@media (max-width: 900px) {

    .account-card-grid[b-p8zy4skl55] {
        grid-template-columns: 1fr;
    }
}


/* ================================================================ */
/* MOBILE                                                            */
/* ================================================================ */

@media (max-width: 700px) {

    .account-page-header[b-p8zy4skl55] {
        margin-bottom: 14px;
    }

        .account-page-header h1[b-p8zy4skl55] {
            font-size: 1.35rem;
        }

        .account-page-header p[b-p8zy4skl55] {
            font-size: .77rem;
        }

    .account-card[b-p8zy4skl55] {
        padding: 15px;
    }

    .account-card-header[b-p8zy4skl55] {
        margin-bottom: 12px;
        padding-bottom: 12px;
    }

    .account-detail-row[b-p8zy4skl55] {
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 10px;
    }
}


/* ================================================================ */
/* SMALL MOBILE                                                      */
/* ================================================================ */

@media (max-width: 480px) {

    .account-page-header h1[b-p8zy4skl55] {
        font-size: 1.22rem;
    }

    .account-card[b-p8zy4skl55] {
        padding: 13px;
        border-radius: 8px;
    }

    .account-card-icon[b-p8zy4skl55] {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }

        .account-card-icon[b-p8zy4skl55]  .rz-icon {
            font-size: 18px;
        }

    .account-card-header h2[b-p8zy4skl55] {
        font-size: .86rem;
    }

    .account-card-header span[b-p8zy4skl55] {
        font-size: .65rem;
    }

    .account-detail-row[b-p8zy4skl55] {
        display: flex;
        padding: 8px 0;
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .account-detail-label[b-p8zy4skl55] {
        font-size: .67rem;
    }

    .account-detail-row strong[b-p8zy4skl55] {
        width: 100%;
        font-size: .73rem;
        white-space: normal;
        word-break: break-word;
    }

    .account-update-message[b-p8zy4skl55] {
        align-items: flex-start;
        font-size: .68rem;
    }
}
/* _content/eZeDebtHelp/Components/Pages/Partner/Index.razor.rz.scp.css */
/* ================================================================ */
/* INTRODUCER DASHBOARD                                              */
/* ================================================================ */

.partner-page[b-vlfqw6o9k2] {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


/* ================================================================ */
/* DASHBOARD PANEL                                                   */
/* ================================================================ */

.dashboard-panel[b-vlfqw6o9k2] {
    margin-bottom: 16px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e3e9ef;
    border-radius: 10px;
    box-shadow: 0 3px 11px rgba(15, 23, 42, .04);
}

.dashboard-panel:last-child[b-vlfqw6o9k2] {
    margin-bottom: 0;
}

.dashboard-panel-header[b-vlfqw6o9k2] {
    display: block;
    width: 100%;
    padding: 14px 18px;
    border-bottom: 1px solid #e9eef3;
}

.dashboard-panel-header h2[b-vlfqw6o9k2] {
    margin: 0;
    padding: 0;
    color: #16324f;
    font-size: .98rem;
    font-weight: 700;
}

.dashboard-panel-header p[b-vlfqw6o9k2] {
    margin: 2px 0 0;
    padding: 0;
    color: #7a8a98;
    font-size: .76rem;
    line-height: 1.4;
}


/* ================================================================ */
/* REFERRAL LINK PANEL                                               */
/* ================================================================ */

.referral-link-panel[b-vlfqw6o9k2] {
    border-color: #dbe6ee;
}

.referral-link-content[b-vlfqw6o9k2] {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin: 10px 0 0;
    padding: 0;
}

.referral-link-box[b-vlfqw6o9k2] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-height: 40px;
    margin: 0;
    padding: 0 13px;
    color: #294a66;
    background: #f6f9fb;
    border: 1px solid #dce6ed;
    border-radius: 7px;
}

.referral-link-box .rz-icon[b-vlfqw6o9k2] {
    flex-shrink: 0;
    color: #2b5e84;
    font-size: 18px;
}

.referral-link-box span[b-vlfqw6o9k2] {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #294a66;
    font-size: .8rem;
    font-weight: 600;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.referral-link-actions[b-vlfqw6o9k2] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 8px;
}


/* ================================================================ */
/* DASHBOARD PERIOD                                                  */
/* ================================================================ */

.dashboard-period-bar[b-vlfqw6o9k2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
    padding: 10px 14px;
    background: #ffffff;
    border: 1px solid #e3e9ef;
    border-radius: 10px;
    box-shadow: 0 3px 11px rgba(15, 23, 42, .04);
}

.dashboard-period-title[b-vlfqw6o9k2] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.dashboard-period-title > .rz-icon[b-vlfqw6o9k2] {
    display: flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #ffffff;
    font-size: 18px;
    background: linear-gradient(135deg, #2b5e84 0%, #16324f 100%);
    border-radius: 8px;
}

.dashboard-period-title > div[b-vlfqw6o9k2] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.dashboard-period-title strong[b-vlfqw6o9k2] {
    color: #16324f;
    font-size: .82rem;
    font-weight: 700;
}

.dashboard-period-title span[b-vlfqw6o9k2] {
    color: #7a8a98;
    font-size: .72rem;
}

.dashboard-period-selector[b-vlfqw6o9k2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dashboard-period-selector label[b-vlfqw6o9k2] {
    color: #657787;
    font-size: .74rem;
    font-weight: 600;
}

.dashboard-period-selector select[b-vlfqw6o9k2] {
    min-width: 165px;
    height: 34px;
    padding: 0 30px 0 10px;
    color: #16324f;
    font-family: inherit;
    font-size: .76rem;
    font-weight: 600;
    background-color: #ffffff;
    border: 1px solid #ccd8e1;
    border-radius: 7px;
    outline: none;
    cursor: pointer;
}

.dashboard-period-selector select:hover[b-vlfqw6o9k2] {
    border-color: #9eb3c3;
}

.dashboard-period-selector select:focus[b-vlfqw6o9k2] {
    border-color: #2b5e84;
    box-shadow: 0 0 0 3px rgba(43, 94, 132, .12);
}


/* ================================================================ */
/* DASHBOARD KPI CARDS                                               */
/* ================================================================ */
/* ================================================================ */
/* DASHBOARD KPI CARDS                                               */
/* ================================================================ */

.dashboard-cards[b-vlfqw6o9k2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
    align-items: stretch;
}

.dashboard-card[b-vlfqw6o9k2] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 112px;
    padding: 10px 12px;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    background: #ffffff;
    border: 1px solid #e3e9ef;
    border-radius: 9px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

    .dashboard-card[b-vlfqw6o9k2]::after {
        position: absolute;
        top: 0;
        right: 0;
        width: 3px;
        height: 100%;
        content: "";
        background: linear-gradient(180deg, #2b5e84, #16324f);
        opacity: .85;
    }

    .dashboard-card:hover[b-vlfqw6o9k2] {
        border-color: #d3dde6;
        box-shadow: 0 4px 13px rgba(15, 23, 42, .07);
        transform: translateY(-1px);
    }


/* ================================================================ */
/* KPI CARD HEADER                                                   */
/* ================================================================ */

.dashboard-card-header[b-vlfqw6o9k2] {
    display: flex;
    width: 100%;
    min-height: 30px;
    margin: 0;
    padding: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.dashboard-card-heading[b-vlfqw6o9k2] {
    display: flex;
    min-width: 0;
    margin: 0;
    padding: 0;
    align-items: center;
    gap: 8px;
}

    .dashboard-card-heading > span[b-vlfqw6o9k2] {
        overflow: hidden;
        margin: 0;
        padding: 0;
        color: #657787;
        font-size: .72rem;
        font-weight: 700;
        line-height: 30px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.dashboard-card-icon[b-vlfqw6o9k2] {
    display: flex;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, #2b5e84 0%, #16324f 100%);
    border-radius: 7px;
    box-shadow: 0 2px 6px rgba(22, 50, 79, .13);
}

    .dashboard-card-icon .rz-icon[b-vlfqw6o9k2] {
        margin: 0;
        font-size: 16px;
    }


/* ================================================================ */
/* KPI TOTAL                                                         */
/* ================================================================ */

.dashboard-card-total[b-vlfqw6o9k2] {
    display: block;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 3px 0 0;
    color: #16324f;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 30px;
    text-align: right;
}


/* ================================================================ */
/* STATUS BREAKDOWN                                                  */
/* ================================================================ */

.dashboard-status-breakdown[b-vlfqw6o9k2] {
    display: flex;
    width: 100%;
    margin-top: 7px;
    padding-top: 5px;
    flex-direction: column;
    gap: 1px;
    border-top: 1px solid #edf1f4;
}

.dashboard-status-row[b-vlfqw6o9k2] {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 16px;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.dashboard-status-name[b-vlfqw6o9k2] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
}

    .dashboard-status-name > span:last-child[b-vlfqw6o9k2] {
        overflow: hidden;
        color: #657787;
        font-size: .62rem;
        font-weight: 500;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.dashboard-status-row > strong[b-vlfqw6o9k2] {
    flex-shrink: 0;
    color: #16324f;
    font-size: .64rem;
    font-weight: 700;
}

.status-dot[b-vlfqw6o9k2] {
    display: inline-block;
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.dashboard-status-empty[b-vlfqw6o9k2] {
    padding: 3px 0 1px;
    color: #93a0aa;
    font-size: .63rem;
    font-style: italic;
}
/* ================================================================ */
/* PRIMARY ACTION                                                    */
/* ================================================================ */

.primary-action[b-vlfqw6o9k2] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 14px;
    color: #ffffff !important;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    background: linear-gradient(135deg, #16324f 0%, #2b5e84 100%);
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(22, 50, 79, .16);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.primary-action:link[b-vlfqw6o9k2],
.primary-action:visited[b-vlfqw6o9k2] {
    color: #ffffff !important;
    text-decoration: none !important;
}

.primary-action:hover[b-vlfqw6o9k2] {
    color: #ffffff !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, #1d4162 0%, #34719b 100%);
    box-shadow: 0 6px 16px rgba(22, 50, 79, .23);
    transform: translateY(-1px);
}

.primary-action:active[b-vlfqw6o9k2] {
    color: #ffffff !important;
    transform: translateY(0);
}

.primary-action .rz-icon[b-vlfqw6o9k2] {
    color: #ffffff !important;
    font-size: 17px;
}


/* ================================================================ */
/* SECONDARY ACTION                                                  */
/* ================================================================ */

.secondary-action[b-vlfqw6o9k2] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 14px;
    color: #16324f;
    font-family: inherit;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid #cdd8e2;
    border-radius: 8px;
    cursor: pointer;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.secondary-action:hover[b-vlfqw6o9k2] {
    color: #16324f;
    background: #f2f7fa;
    border-color: #9fb5c7;
    box-shadow: 0 3px 9px rgba(22, 50, 79, .08);
}

.secondary-action .rz-icon[b-vlfqw6o9k2] {
    font-size: 17px;
}


/* ================================================================ */
/* RECENT REFERRALS HEADER                                           */
/* ================================================================ */

.recent-referrals-header[b-vlfqw6o9k2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.recent-referrals-header > div[b-vlfqw6o9k2] {
    min-width: 0;
}

.recent-referrals-header > a[b-vlfqw6o9k2] {
    flex-shrink: 0;
    color: #2b5e84;
    font-size: .76rem;
    font-weight: 700;
    text-decoration: none;
}

.recent-referrals-header > a:hover[b-vlfqw6o9k2] {
    color: #16324f;
    text-decoration: underline;
}


/* ================================================================ */
/* RECENT REFERRALS                                                  */
/* ================================================================ */

.recent-referrals[b-vlfqw6o9k2] {
    display: flex;
    padding: 8px 10px;
    flex-direction: column;
    gap: 5px;
}

.recent-referral-card[b-vlfqw6o9k2] {
    display: flex;
    width: 100%;
    min-height: 46px;
    padding: 6px 10px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: #ffffff;
    border: 1px solid #e8edf1;
    border-radius: 7px;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.recent-referral-card:hover[b-vlfqw6o9k2] {
    background: #fafcfd;
    border-color: #d8e1e8;
    box-shadow: 0 2px 7px rgba(15, 23, 42, .04);
}

.recent-referral-customer[b-vlfqw6o9k2] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.recent-referral-avatar[b-vlfqw6o9k2] {
    display: flex;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #ffffff;
    font-size: .63rem;
    font-weight: 700;
    letter-spacing: .3px;
    background: linear-gradient(135deg, #2b5e84 0%, #16324f 100%);
    border-radius: 50%;
}

.recent-referral-details[b-vlfqw6o9k2] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.recent-referral-details strong[b-vlfqw6o9k2] {
    overflow: hidden;
    color: #16324f;
    font-size: .76rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recent-referral-details span[b-vlfqw6o9k2] {
    color: #8493a0;
    font-size: .66rem;
}

/* ================================================================ */
/* RECENT REFERRALS COLUMN HEADER                                    */
/* ================================================================ */

.recent-referrals-column-header[b-vlfqw6o9k2] {
    display: flex;
    width: 100%;
    padding: 10px 20px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: #ffffff;
    background: #2b5e84;
}

    .recent-referrals-column-header span[b-vlfqw6o9k2] {
        color: #ffffff;
        font-size: .67rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: .25px;
    }

        .recent-referrals-column-header span:last-child[b-vlfqw6o9k2] {
            padding-right: 10px;
            text-align: right;
        }

/* ================================================================ */
/* RECENT REFERRAL STATUS                                            */
/* ================================================================ */

.recent-referral-status[b-vlfqw6o9k2] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 25px;
    padding: 0 9px;
    font-size: .66rem;
    font-weight: 700;
    background: #ffffff;
    border: 1px solid;
    border-radius: 20px;
}


/* ================================================================ */
/* EMPTY STATE                                                       */
/* ================================================================ */

.dashboard-empty[b-vlfqw6o9k2] {
    display: flex;
    min-height: 150px;
    padding: 22px 20px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.dashboard-empty > .material-icons[b-vlfqw6o9k2],
.dashboard-empty > .rz-icon[b-vlfqw6o9k2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 9px;
    color: #2b5e84;
    font-size: 22px;
    background: #eef5fa;
    border-radius: 50%;
}

.dashboard-empty h3[b-vlfqw6o9k2] {
    margin: 0 0 4px;
    color: #16324f;
    font-size: .9rem;
    font-weight: 700;
}

.dashboard-empty p[b-vlfqw6o9k2] {
    max-width: 480px;
    margin: 0;
    color: #748594;
    font-size: .76rem;
    line-height: 1.5;
}


/* ================================================================ */
/* LOADING                                                           */
/* ================================================================ */

.dashboard-loading[b-vlfqw6o9k2] {
    display: flex;
    min-height: 240px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    color: #6c7d8d;
    font-size: .84rem;
    font-weight: 600;
}


/* ================================================================ */
/* ERROR                                                             */
/* ================================================================ */

.dashboard-error[b-vlfqw6o9k2] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 17px;
    color: #8a3b3b;
    background: #fff7f7;
    border: 1px solid #f0d4d4;
    border-radius: 9px;
}

.dashboard-error > .rz-icon[b-vlfqw6o9k2] {
    flex-shrink: 0;
    font-size: 23px;
}

.dashboard-error > div[b-vlfqw6o9k2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dashboard-error strong[b-vlfqw6o9k2] {
    font-size: .86rem;
}

.dashboard-error span[b-vlfqw6o9k2] {
    color: #9a5a5a;
    font-size: .77rem;
}


/* ================================================================ */
/* ACCESSIBILITY                                                     */
/* ================================================================ */

.primary-action:focus-visible[b-vlfqw6o9k2],
.secondary-action:focus-visible[b-vlfqw6o9k2],
.recent-referrals-header > a:focus-visible[b-vlfqw6o9k2] {
    outline: 3px solid rgba(43, 94, 132, .28);
    outline-offset: 3px;
}


/* ================================================================ */
/* TABLET                                                            */
/* ================================================================ */

@media (max-width: 1100px) {

    .dashboard-cards[b-vlfqw6o9k2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .dashboard-card[b-vlfqw6o9k2] {
        min-height: 110px;
    }
}


/* ================================================================ */
/* MOBILE                                                            */
/* ================================================================ */

@media (max-width: 700px) {

    .dashboard-panel[b-vlfqw6o9k2] {
        margin-bottom: 14px;
    }

    .dashboard-panel-header[b-vlfqw6o9k2] {
        padding: 13px 15px;
    }

    .referral-link-content[b-vlfqw6o9k2] {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .referral-link-box[b-vlfqw6o9k2] {
        width: 100%;
    }

    .referral-link-actions[b-vlfqw6o9k2] {
        width: 100%;
    }

    .referral-link-actions .primary-action[b-vlfqw6o9k2],
    .referral-link-actions .secondary-action[b-vlfqw6o9k2] {
        flex: 1;
    }

    .dashboard-period-bar[b-vlfqw6o9k2] {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .dashboard-period-selector[b-vlfqw6o9k2] {
        justify-content: space-between;
    }

    .dashboard-period-selector select[b-vlfqw6o9k2] {
        flex: 1;
        max-width: 220px;
    }

    .dashboard-cards[b-vlfqw6o9k2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-bottom: 14px;
    }

    .dashboard-card[b-vlfqw6o9k2] {
        min-height: 108px;
        padding: 10px 11px;
    }

    .dashboard-card-total[b-vlfqw6o9k2] {
        font-size: 1.4rem;
    }

    .recent-referrals-header[b-vlfqw6o9k2] {
        align-items: center;
        flex-direction: row;
    }

    .recent-referrals[b-vlfqw6o9k2] {
        padding: 7px 8px;
    }
}


/* ================================================================ */
/* SMALL MOBILE                                                      */
/* ================================================================ */

@media (max-width: 480px) {

    .dashboard-panel-header p[b-vlfqw6o9k2] {
        font-size: .72rem;
    }

    .referral-link-actions[b-vlfqw6o9k2] {
        flex-direction: column;
    }

    .referral-link-actions .primary-action[b-vlfqw6o9k2],
    .referral-link-actions .secondary-action[b-vlfqw6o9k2] {
        width: 100%;
    }

    .dashboard-period-selector[b-vlfqw6o9k2] {
        align-items: stretch;
        flex-direction: column;
        gap: 5px;
    }

    .dashboard-period-selector select[b-vlfqw6o9k2] {
        width: 100%;
        max-width: none;
    }

    .dashboard-cards[b-vlfqw6o9k2] {
        grid-template-columns: 1fr;
    }

    .dashboard-card[b-vlfqw6o9k2] {
        min-height: auto;
    }

    .dashboard-card:not(.dashboard-card-breakdown)[b-vlfqw6o9k2] {
        min-height: 68px;
    }

    .dashboard-card-total[b-vlfqw6o9k2] {
        font-size: 1.35rem;
    }

    .recent-referral-card[b-vlfqw6o9k2] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .recent-referral-status[b-vlfqw6o9k2] {
        margin-left: 39px;
    }

    .dashboard-empty[b-vlfqw6o9k2] {
        min-height: 140px;
    }
}
/* _content/eZeDebtHelp/Components/Pages/Partner/Referrals.razor.rz.scp.css */
/* ================================================================ */
/* MY REFERRALS                                                     */
/* ================================================================ */

.referrals-page[b-gu44llrjw4] {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


/* ================================================================ */
/* PAGE HEADER                                                      */
/* ================================================================ */

.referrals-page-header[b-gu44llrjw4] {
    display: flex;
    margin-bottom: 14px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.referrals-eyebrow[b-gu44llrjw4] {
    display: block;
    margin-bottom: 3px;
    color: #2b5e84;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.referrals-page-header h1[b-gu44llrjw4] {
    margin: 0;
    color: #16324f;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
}

.referrals-page-header p[b-gu44llrjw4] {
    margin: 4px 0 0;
    color: #748594;
    font-size: .78rem;
    line-height: 1.4;
}


/* ================================================================ */
/* TOTAL                                                            */
/* ================================================================ */

.referrals-total[b-gu44llrjw4] {
    display: flex;
    min-width: 95px;
    padding: 7px 12px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #ffffff;
    border: 1px solid #e1e8ee;
    border-radius: 8px;
    box-shadow: 0 2px 7px rgba(15, 23, 42, .035);
}

    .referrals-total span[b-gu44llrjw4] {
        color: #748594;
        font-size: .7rem;
        font-weight: 600;
    }

    .referrals-total strong[b-gu44llrjw4] {
        color: #16324f;
        font-size: 1.2rem;
        font-weight: 700;
    }


/* ================================================================ */
/* PANEL                                                            */
/* ================================================================ */

.referrals-panel[b-gu44llrjw4] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e8ee;
    border-radius: 10px;
    box-shadow: 0 3px 12px rgba(15, 23, 42, .045);
}


/* ================================================================ */
/* FILTERS                                                          */
/* ================================================================ */

.referrals-filters[b-gu44llrjw4] {
    display: grid;
    padding: 14px 16px;
    grid-template-columns: minmax(220px, 1.5fr) minmax(150px, .8fr) minmax(125px, .65fr) minmax(105px, .55fr) auto;
    align-items: end;
    gap: 10px;
    background: #f8fafc;
    border-bottom: 1px solid #e5ebf0;
}

.filter-field[b-gu44llrjw4] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

    .filter-field label[b-gu44llrjw4] {
        color: #536779;
        font-size: .68rem;
        font-weight: 700;
        line-height: 1;
    }

    .filter-field select[b-gu44llrjw4] {
        width: 100%;
        height: 36px;
        padding: 0 30px 0 10px;
        color: #263c4e;
        font-family: inherit;
        font-size: .76rem;
        font-weight: 500;
        background-color: #ffffff;
        border: 1px solid #ced8e1;
        border-radius: 6px;
        outline: none;
        cursor: pointer;
        transition: border-color .18s ease, box-shadow .18s ease;
    }

        .filter-field select:focus[b-gu44llrjw4] {
            border-color: #2b5e84;
            box-shadow: 0 0 0 2px rgba(43, 94, 132, .10);
        }


/* ================================================================ */
/* SEARCH                                                           */
/* ================================================================ */

.search-box[b-gu44llrjw4] {
    position: relative;
    display: flex;
    align-items: center;
}

    .search-box[b-gu44llrjw4]  .rz-icon {
        position: absolute;
        left: 10px;
        z-index: 1;
        color: #7b8c9b;
        font-size: 17px;
        pointer-events: none;
    }

    .search-box input[b-gu44llrjw4] {
        width: 100%;
        height: 36px;
        padding: 0 10px 0 34px;
        color: #263c4e;
        font-family: inherit;
        font-size: .76rem;
        background: #ffffff;
        border: 1px solid #ced8e1;
        border-radius: 6px;
        outline: none;
        transition: border-color .18s ease, box-shadow .18s ease;
    }

        .search-box input[b-gu44llrjw4]::placeholder {
            color: #98a6b2;
        }

        .search-box input:focus[b-gu44llrjw4] {
            border-color: #2b5e84;
            box-shadow: 0 0 0 2px rgba(43, 94, 132, .10);
        }


/* ================================================================ */
/* FILTER ACTIONS                                                   */
/* ================================================================ */

.filter-actions[b-gu44llrjw4] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.filter-search-button[b-gu44llrjw4],
.filter-clear-button[b-gu44llrjw4] {
    display: inline-flex;
    height: 36px;
    padding: 0 12px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-family: inherit;
    font-size: .72rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.filter-search-button[b-gu44llrjw4] {
    color: #ffffff;
    background: #2b5e84;
    border: 1px solid #2b5e84;
}

    .filter-search-button:hover[b-gu44llrjw4] {
        background: #214c6e;
        border-color: #214c6e;
    }

.filter-clear-button[b-gu44llrjw4] {
    color: #536779;
    background: #ffffff;
    border: 1px solid #ced8e1;
}

    .filter-clear-button:hover[b-gu44llrjw4] {
        color: #16324f;
        background: #f1f5f8;
        border-color: #b9c7d3;
    }

    .filter-search-button[b-gu44llrjw4]  .rz-icon,
    .filter-clear-button[b-gu44llrjw4]  .rz-icon {
        font-size: 16px;
    }


/* ================================================================ */
/* TABLE                                                            */
/* ================================================================ */

.referrals-table-wrapper[b-gu44llrjw4] {
    width: 100%;
    overflow-x: auto;
}

/*.referrals-table {
    width: 100%;
    min-width: 1420px;
    table-layout: fixed;
    border-collapse: collapse;
}
*/
.referrals-table[b-gu44llrjw4] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
    .referrals-table thead[b-gu44llrjw4] {
        background: #2b5e84;
    }

    .referrals-table th[b-gu44llrjw4] {
        padding: 10px 16px;
        color: #ffffff;
        font-size: .67rem;
        font-weight: 700;
        line-height: 1.2;
        text-align: left;
        vertical-align: top;
        letter-spacing: .25px;
        border-bottom: 1px solid #214c6e;
    }

    .referrals-table tbody tr[b-gu44llrjw4] {
        transition: background-color .15s ease;
    }

        .referrals-table tbody tr:last-child td[b-gu44llrjw4] {
            border-bottom: none;
        }

        .referrals-table tbody tr:nth-child(even)[b-gu44llrjw4] {
            background: #f5f8fa;
        }

        .referrals-table tbody tr:nth-child(odd)[b-gu44llrjw4] {
            background: #ffffff;
        }

        .referrals-table tbody tr:hover[b-gu44llrjw4] {
            background: #eaf2f7;
        }


    /* ================================================================ */
    /* IMPORTANT - ALL BODY CELLS TOP ALIGNED                           */
    /* ================================================================ */

    .referrals-table tbody > tr > td[b-gu44llrjw4] {
        height: auto;
        padding: 12px 16px;
        color: #405568;
        font-size: .76rem;
        font-weight: 500;
        line-height: 1.3;
        text-align: left;
        vertical-align: top !important;
        border-bottom: 1px solid #edf1f4;
    }


    /* ================================================================ */
    /* TABLE COLUMN WIDTHS                                              */
    /* ================================================================ */

    .referrals-table .col-customer[b-gu44llrjw4] {
        width: 120px;
    }

    .referrals-table .col-dob[b-gu44llrjw4] {
        width: 55px;
    }

    .referrals-table .col-age[b-gu44llrjw4] {
        width: 35px;
    }

    .referrals-table .col-date[b-gu44llrjw4] {
        width: 55px;
    }

    .referrals-table .col-status[b-gu44llrjw4] {
        width: 60px;
    }

    .referrals-table .col-introducer[b-gu44llrjw4] {
        width: 95px;
    }

    .referrals-table .col-regulated-partner[b-gu44llrjw4] {
        width: 95px;
    }

    .referrals-table .col-lead-link[b-gu44llrjw4] {
        width: 180px;
    }


    /* ================================================================ */
    /* COLUMN ALIGNMENT / SEPARATION                                    */
    /* ================================================================ */

    .referrals-table th.dob-column[b-gu44llrjw4],
    .referrals-table td.dob-column[b-gu44llrjw4],
    .referrals-table th.age-column[b-gu44llrjw4],
    .referrals-table td.age-column[b-gu44llrjw4],
    .referrals-table th.date-column[b-gu44llrjw4],
    .referrals-table td.date-column[b-gu44llrjw4],
    .referrals-table th.status-column[b-gu44llrjw4],
    .referrals-table td.status-column[b-gu44llrjw4],
    .referrals-table th.introducer-column[b-gu44llrjw4],
    .referrals-table td.introducer-column[b-gu44llrjw4],
    .referrals-table th.regulated-partner-column[b-gu44llrjw4],
    .referrals-table td.regulated-partner-column[b-gu44llrjw4],
    .referrals-table th.lead-link-column[b-gu44llrjw4],
    .referrals-table td.lead-link-column[b-gu44llrjw4] {
        white-space: nowrap;
    }

    .referrals-table th.introducer-column[b-gu44llrjw4],
    .referrals-table td.introducer-column[b-gu44llrjw4] {
        padding-right: 28px;
    }

    .referrals-table th.regulated-partner-column[b-gu44llrjw4],
    .referrals-table td.regulated-partner-column[b-gu44llrjw4] {
        padding-left: 28px;
    }

    .referrals-table td.introducer-column[b-gu44llrjw4],
    .referrals-table td.regulated-partner-column[b-gu44llrjw4] {
        padding-top: 18px;
        color: #263c4e;
        font-size: .74rem;
        font-weight: 600;
    }


/* ================================================================ */
/* CUSTOMER                                                         */
/* ================================================================ */

.customer-cell[b-gu44llrjw4] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 9px;
}

.customer-avatar[b-gu44llrjw4] {
    display: flex;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(135deg, #2b5e84 0%, #16324f 100%);
    border-radius: 50%;
}

.customer-cell > span[b-gu44llrjw4] {
    padding-top: 6px;
    overflow: hidden;
    color: #263c4e;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ================================================================ */
/* DATE                                                             */
/* ================================================================ */

.referrals-table td.dob-column[b-gu44llrjw4],
.referrals-table td.age-column[b-gu44llrjw4],
.referrals-table td.date-column[b-gu44llrjw4] {
    padding-top: 18px;
}


/* ================================================================ */
/* STATUS                                                           */
/* ================================================================ */

.referrals-table td.status-column[b-gu44llrjw4] {
    padding-top: 12px;
}

.referral-status[b-gu44llrjw4] {
    display: inline-flex;
    min-height: 26px;
    padding: 3px 9px;
    align-items: center;
    gap: 6px;
    font-size: .68rem;
    font-weight: 600;
    line-height: 1;
    vertical-align: top;
    background: #ffffff;
    border: 1px solid;
    border-radius: 999px;
    white-space: nowrap;
}

.status-dot[b-gu44llrjw4] {
    display: inline-block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}


/* ================================================================ */
/* INTRODUCER                                                       */
/* ================================================================ */

.referrals-table td.introducer-column > strong[b-gu44llrjw4] {
    display: inline;
    margin: 0;
    padding: 0;
    color: #263c4e;
    font-size: .74rem;
    font-weight: 600;
    line-height: 1.3;
    vertical-align: top;
    white-space: nowrap;
}


/* ================================================================ */
/* REGULATED PARTNER                                                */
/* ================================================================ */

.referrals-table td.regulated-partner-column > strong[b-gu44llrjw4] {
    display: inline;
    margin: 0;
    padding: 0;
    color: #263c4e;
    font-size: .74rem;
    font-weight: 600;
    line-height: 1.3;
    vertical-align: top;
    white-space: nowrap;
}


/* ================================================================ */
/* LEAD LINK                                                        */
/* ================================================================ */

.referrals-table td.lead-link-column[b-gu44llrjw4] {
    padding-top: 12px;
    white-space: nowrap;
}

.lead-link-text[b-gu44llrjw4] {
    display: inline-block;
    margin: 0 8px 0 0;
    padding-top: 7px;
    color: #748594;
    font-size: .66rem;
    font-weight: 600;
    line-height: 1;
    vertical-align: top;
    white-space: nowrap;
}

.lead-link-button[b-gu44llrjw4] {
    display: inline-flex;
    height: 34px;
    margin: 0 2px;
    padding: 0 9px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #425b70;
    font-family: inherit;
    font-size: .65rem;
    font-weight: 600;
    line-height: 1;
    vertical-align: top;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid #d4dde5;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

    .lead-link-button:hover[b-gu44llrjw4] {
        color: #16324f;
        background: #f1f5f8;
        border-color: #b9c7d3;
    }

    .lead-link-button[b-gu44llrjw4]  .rz-icon {
        font-size: 18px;
    }

.lead-link-visit[b-gu44llrjw4] {
    color: #ffffff;
    background: #2b5e84;
    border-color: #2b5e84;
}

    .lead-link-visit:hover[b-gu44llrjw4] {
        color: #ffffff;
        background: #214c6e;
        border-color: #214c6e;
    }


/* ================================================================ */
/* FOOTER / PAGING                                                  */
/* ================================================================ */

.referrals-footer[b-gu44llrjw4] {
    display: flex;
    min-height: 52px;
    padding: 9px 16px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: #fbfcfd;
    border-top: 1px solid #e5ebf0;
}

.referrals-record-count[b-gu44llrjw4] {
    color: #748594;
    font-size: .7rem;
    font-weight: 500;
}

.referrals-paging[b-gu44llrjw4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .referrals-paging button[b-gu44llrjw4] {
        display: inline-flex;
        height: 32px;
        padding: 0 10px;
        align-items: center;
        justify-content: center;
        gap: 3px;
        color: #425b70;
        font-family: inherit;
        font-size: .69rem;
        font-weight: 600;
        background: #ffffff;
        border: 1px solid #d4dde5;
        border-radius: 6px;
        cursor: pointer;
        transition: background-color .18s ease, border-color .18s ease;
    }

        .referrals-paging button:hover:not(:disabled)[b-gu44llrjw4] {
            color: #16324f;
            background: #f1f5f8;
            border-color: #b9c7d3;
        }

        .referrals-paging button:disabled[b-gu44llrjw4] {
            color: #aab5bf;
            background: #f8fafb;
            cursor: not-allowed;
        }

        .referrals-paging button[b-gu44llrjw4]  .rz-icon {
            font-size: 16px;
        }

.page-number[b-gu44llrjw4] {
    min-width: 80px;
    color: #607486;
    font-size: .69rem;
    font-weight: 600;
    text-align: center;
}


/* ================================================================ */
/* EMPTY STATE                                                      */
/* ================================================================ */

.referrals-empty[b-gu44llrjw4] {
    display: flex;
    min-height: 220px;
    padding: 30px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.referrals-empty-icon[b-gu44llrjw4] {
    display: flex;
    width: 46px;
    height: 46px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
    color: #2b5e84;
    background: #edf4f8;
    border-radius: 50%;
}

    .referrals-empty-icon[b-gu44llrjw4]  .rz-icon {
        font-size: 23px;
    }

.referrals-empty strong[b-gu44llrjw4] {
    color: #263c4e;
    font-size: .86rem;
    font-weight: 700;
}

.referrals-empty > span[b-gu44llrjw4] {
    margin-top: 4px;
    color: #7b8c9b;
    font-size: .72rem;
}


/* ================================================================ */
/* LOADING / ERROR                                                  */
/* ================================================================ */

.referrals-state[b-gu44llrjw4] {
    display: flex;
    min-height: 150px;
    padding: 30px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #607486;
    font-size: .78rem;
    background: #ffffff;
    border: 1px solid #e1e8ee;
    border-radius: 10px;
}

    .referrals-state[b-gu44llrjw4]  .rz-icon {
        color: #2b5e84;
        font-size: 20px;
    }

.referrals-error[b-gu44llrjw4] {
    color: #a63838;
    background: #fffafa;
    border-color: #efd2d2;
}

    .referrals-error[b-gu44llrjw4]  .rz-icon {
        color: #c54848;
    }


/* ================================================================ */
/* TABLET                                                           */
/* ================================================================ */

@media (max-width: 1000px) {

    .referrals-filters[b-gu44llrjw4] {
        grid-template-columns: 1.5fr 1fr 1fr 1fr;
    }

    .filter-actions[b-gu44llrjw4] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}


/* ================================================================ */
/* MOBILE                                                           */
/* ================================================================ */

@media (max-width: 700px) {

    .referrals-page-header[b-gu44llrjw4] {
        align-items: flex-start;
    }

        .referrals-page-header h1[b-gu44llrjw4] {
            font-size: 1.18rem;
        }

    .referrals-total[b-gu44llrjw4] {
        min-width: 82px;
    }

    .referrals-filters[b-gu44llrjw4] {
        padding: 12px;
        grid-template-columns: 1fr 1fr;
    }

    .filter-search[b-gu44llrjw4] {
        grid-column: 1 / -1;
    }

    .filter-actions[b-gu44llrjw4] {
        grid-column: 1 / -1;
    }

    .filter-search-button[b-gu44llrjw4],
    .filter-clear-button[b-gu44llrjw4] {
        flex: 1;
    }

    .referrals-footer[b-gu44llrjw4] {
        align-items: flex-start;
        flex-direction: column;
    }

    .referrals-paging[b-gu44llrjw4] {
        width: 100%;
        justify-content: space-between;
    }
}


/* ================================================================ */
/* SMALL MOBILE                                                     */
/* ================================================================ */

@media (max-width: 480px) {

    .referrals-page-header[b-gu44llrjw4] {
        flex-direction: column;
        gap: 10px;
    }

    .referrals-total[b-gu44llrjw4] {
        width: 100%;
    }

    .referrals-filters[b-gu44llrjw4] {
        grid-template-columns: 1fr;
    }

    .filter-search[b-gu44llrjw4],
    .filter-actions[b-gu44llrjw4] {
        grid-column: auto;
    }

    .referrals-table th[b-gu44llrjw4] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .referrals-table tbody > tr > td[b-gu44llrjw4] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .referrals-table th.introducer-column[b-gu44llrjw4],
    .referrals-table td.introducer-column[b-gu44llrjw4] {
        padding-right: 20px;
    }

    .referrals-table th.regulated-partner-column[b-gu44llrjw4],
    .referrals-table td.regulated-partner-column[b-gu44llrjw4] {
        padding-left: 20px;
    }

    .referrals-footer[b-gu44llrjw4] {
        padding: 10px 12px;
    }

    .referrals-paging button span[b-gu44llrjw4] {
        display: none;
    }
}
/* _content/eZeDebtHelp/Components/Pages/Privacy.razor.rz.scp.css */
/*============================================================
    PRIVACY POLICY - LIGHT THEME / SEO-SAFE ACCORDION
============================================================*/

.legal-page[b-jrwt4x9k4k] {
    position: relative;
    width: 100%;
    padding: 70px 0 90px;
    overflow: hidden;
    background: var(--background);
}


    /*============================================================
    DECORATIVE BACKGROUND
============================================================*/

    .legal-page[b-jrwt4x9k4k]::before {
        content: "";
        position: absolute;
        top: -280px;
        right: -240px;
        width: 680px;
        height: 680px;
        border: 100px solid rgba(30, 144, 255, 0.035);
        border-radius: 50%;
        pointer-events: none;
    }

    .legal-page[b-jrwt4x9k4k]::after {
        content: "";
        position: absolute;
        left: -320px;
        bottom: -420px;
        width: 760px;
        height: 760px;
        border: 110px solid rgba(30, 144, 255, 0.025);
        border-radius: 50%;
        pointer-events: none;
    }

    .legal-page .website-container[b-jrwt4x9k4k] {
        position: relative;
        z-index: 1;
    }


/*============================================================
    PAGE HEADER
============================================================*/

.legal-page-header[b-jrwt4x9k4k] {
    max-width: 860px;
    margin-bottom: 34px;
}

    .legal-page-header .section-kicker[b-jrwt4x9k4k] {
        display: inline-block;
        margin-bottom: 10px;
        color: var(--primary);
        font-size: 0.82rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .legal-page-header h1[b-jrwt4x9k4k] {
        margin: 0 0 16px;
        color: var(--heading);
        font-size: clamp(34px, 5vw, 52px);
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: -1px;
    }

    .legal-page-header > p[b-jrwt4x9k4k] {
        max-width: 760px;
        margin: 0;
        color: var(--muted);
        font-size: 17px;
        line-height: 1.7;
    }

.legal-page-updated[b-jrwt4x9k4k] {
    margin-top: 14px !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    font-weight: 600;
}


/*============================================================
    MAIN POLICY CARD
============================================================*/

.legal-page-content[b-jrwt4x9k4k] {
    max-width: 980px;
    padding: 8px 34px;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 24px;
    box-shadow: var(--card-shadow);
}

.registered-office-legal[b-jrwt4x9k4k] {
    margin-top: 4px;
    font-size: 0.45rem;
    line-height: 1.4;
    opacity: 0.45;
}

.ico-registration[b-jrwt4x9k4k] {
    margin-top: 4px;
    font-size: 0.45rem;
    line-height: 1.4;
    opacity: 0.45;
}

/*============================================================
    ACCORDION SECTION
============================================================*/

.legal-accordion-section[b-jrwt4x9k4k] {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--border);
}

    .legal-accordion-section:last-child[b-jrwt4x9k4k] {
        border-bottom: 0;
    }


/*============================================================
    ACCORDION HEADER
============================================================*/

.legal-accordion-header[b-jrwt4x9k4k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    padding: 19px 2px;
    color: var(--heading);
    background: transparent;
    border: 0;
    font-family: inherit;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .legal-accordion-header:hover[b-jrwt4x9k4k] {
        color: var(--primary);
    }

    .legal-accordion-header:focus-visible[b-jrwt4x9k4k] {
        outline: 3px solid rgba(30, 144, 255, 0.20);
        outline-offset: 2px;
        border-radius: 9px;
    }

    .legal-accordion-header span[b-jrwt4x9k4k] {
        min-width: 0;
    }

    .legal-accordion-header[b-jrwt4x9k4k]  .rz-icon {
        flex: 0 0 auto;
        color: var(--primary);
        font-size: 25px;
    }


/*============================================================
    ACCORDION CONTENT

    SEO-SAFE:
    The body remains rendered in the HTML at all times.
    The collapsed state is purely visual.
============================================================*/

.legal-accordion-content[b-jrwt4x9k4k] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
    transition: grid-template-rows 0.28s ease, opacity 0.22s ease, visibility 0s linear 0.28s;
}

    .legal-accordion-content.open[b-jrwt4x9k4k] {
        grid-template-rows: 1fr;
        opacity: 1;
        visibility: visible;
        transition: grid-template-rows 0.28s ease, opacity 0.22s ease, visibility 0s linear 0s;
    }

.legal-accordion-content-inner[b-jrwt4x9k4k] {
    min-height: 0;
    overflow: hidden;
    padding: 0 2px;
}

.legal-accordion-content.open .legal-accordion-content-inner[b-jrwt4x9k4k] {
    padding-bottom: 25px;
}


/*============================================================
    BODY TEXT
============================================================*/

.legal-accordion-content p[b-jrwt4x9k4k] {
    margin: 0 0 14px;
    color: var(--text);
    font-size: 15px;
    line-height: 1.75;
}

    .legal-accordion-content p:last-child[b-jrwt4x9k4k] {
        margin-bottom: 0;
    }


/*============================================================
    LISTS
============================================================*/

.legal-accordion-content ul[b-jrwt4x9k4k] {
    margin: 8px 0 16px;
    padding-left: 22px;
}

.legal-accordion-content li[b-jrwt4x9k4k] {
    margin-bottom: 9px;
    color: var(--text);
    font-size: 15px;
    line-height: 1.65;
}

    .legal-accordion-content li:last-child[b-jrwt4x9k4k] {
        margin-bottom: 0;
    }

    .legal-accordion-content li[b-jrwt4x9k4k]::marker {
        color: var(--primary);
    }


/*============================================================
    LINKS
============================================================*/

.legal-accordion-content a[b-jrwt4x9k4k] {
    color: var(--primary);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

    .legal-accordion-content a:hover[b-jrwt4x9k4k] {
        color: var(--primary-light);
    }

    .legal-accordion-content a:focus-visible[b-jrwt4x9k4k] {
        outline: 3px solid rgba(30, 144, 255, 0.20);
        outline-offset: 3px;
        border-radius: 4px;
    }


/*============================================================
    STRONG TEXT
============================================================*/

.legal-accordion-content strong[b-jrwt4x9k4k] {
    color: var(--heading);
    font-weight: 800;
}


/*============================================================
    OPTIONAL NOTICE BLOCK
============================================================*/

.legal-page-notice[b-jrwt4x9k4k] {
    margin: 20px 0;
    padding: 16px 18px;
    color: var(--text);
    background: var(--card-background-alt);
    border: 1px solid var(--border);
    border-left: 4px solid var(--primary);
    border-radius: 12px;
}

    .legal-page-notice p[b-jrwt4x9k4k] {
        margin: 0;
    }


/*============================================================
    TABLET
============================================================*/

@media (max-width: 900px) {

    .legal-page[b-jrwt4x9k4k] {
        padding: 58px 0 72px;
    }

    .legal-page-content[b-jrwt4x9k4k] {
        padding: 8px 26px;
        border-radius: 20px;
    }

    .legal-accordion-header[b-jrwt4x9k4k] {
        font-size: 19px;
    }
}


/*============================================================
    MOBILE
============================================================*/

@media (max-width: 620px) {

    .legal-page[b-jrwt4x9k4k] {
        padding: 42px 0 56px;
    }

    .legal-page-header[b-jrwt4x9k4k] {
        margin-bottom: 24px;
    }

        .legal-page-header h1[b-jrwt4x9k4k] {
            font-size: 34px;
            letter-spacing: -0.6px;
        }

        .legal-page-header > p[b-jrwt4x9k4k] {
            font-size: 15px;
            line-height: 1.65;
        }

    .legal-page-updated[b-jrwt4x9k4k] {
        font-size: 12px !important;
    }

    .legal-page-content[b-jrwt4x9k4k] {
        padding: 6px 18px;
        border-radius: 18px;
    }

    .legal-accordion-header[b-jrwt4x9k4k] {
        gap: 12px;
        padding: 16px 0;
        font-size: 17px;
        line-height: 1.35;
    }

        .legal-accordion-header[b-jrwt4x9k4k]  .rz-icon {
            font-size: 23px;
        }

    .legal-accordion-content.open .legal-accordion-content-inner[b-jrwt4x9k4k] {
        padding-bottom: 21px;
    }

    .legal-accordion-content p[b-jrwt4x9k4k],
    .legal-accordion-content li[b-jrwt4x9k4k] {
        font-size: 14px;
        line-height: 1.7;
    }

    .legal-accordion-content ul[b-jrwt4x9k4k] {
        padding-left: 20px;
    }

    .legal-page-notice[b-jrwt4x9k4k] {
        padding: 15px 16px;
    }
}


/*============================================================
    REDUCED MOTION
============================================================*/

@media (prefers-reduced-motion: reduce) {

    .legal-accordion-content[b-jrwt4x9k4k],
    .legal-accordion-content.open[b-jrwt4x9k4k],
    .legal-accordion-header[b-jrwt4x9k4k] {
        transition: none;
    }
}
/* _content/eZeDebtHelp/Components/Pages/SecureEnquiryClosed.razor.rz.scp.css */
.secure-closed-card[b-z4ko0jo7gb] {
    width: 100%;
    max-width: 480px;
    padding: 34px 38px;
    box-sizing: border-box;
    text-align: center;
    background: #ffffff;
    border: 1px solid #dfe7f0;
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.secure-closed-icon[b-z4ko0jo7gb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 18px;
    color: #3155a6;
    background: #eef4ff;
    border-radius: 50%;
}

    .secure-closed-icon[b-z4ko0jo7gb]  .rz-icon {
        font-size: 25px;
    }

.secure-closed-card h1[b-z4ko0jo7gb] {
    margin: 0 0 10px;
    color: #172033;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.2;
}

.secure-closed-card > p[b-z4ko0jo7gb] {
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.5;
}

.secure-closed-notice[b-z4ko0jo7gb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 22px;
    padding: 11px 14px;
    color: #087553;
    background: #effbf6;
    border: 1px solid #c5ebdb;
    border-radius: 9px;
    font-size: 0.82rem;
    font-weight: 600;
}

    .secure-closed-notice[b-z4ko0jo7gb]  .rz-icon {
        flex: 0 0 auto;
        color: #00a76f;
        font-size: 18px;
    }

@media (max-width: 600px) {
    .secure-closed-card[b-z4ko0jo7gb] {
        max-width: 100%;
        padding: 28px 20px;
        border-radius: 14px;
    }

        .secure-closed-card h1[b-z4ko0jo7gb] {
            font-size: 1.2rem;
        }

        .secure-closed-card > p[b-z4ko0jo7gb] {
            font-size: 0.86rem;
        }

    .secure-closed-notice[b-z4ko0jo7gb] {
        margin-top: 18px;
        font-size: 0.78rem;
    }
}
/* _content/eZeDebtHelp/Components/Pages/Terms.razor.rz.scp.css */
/*============================================================
    LEGAL PAGE - LIGHT THEME / SEO-SAFE ACCORDION
============================================================*/

.legal-page[b-yf0bzd29p8] {
    position: relative;
    width: 100%;
    padding: 70px 0 90px;
    overflow: hidden;
    background: var(--background);
}

    .legal-page[b-yf0bzd29p8]::before {
        content: "";
        position: absolute;
        top: -280px;
        right: -240px;
        width: 680px;
        height: 680px;
        border: 100px solid rgba(30, 144, 255, 0.035);
        border-radius: 50%;
        pointer-events: none;
    }

    .legal-page[b-yf0bzd29p8]::after {
        content: "";
        position: absolute;
        left: -320px;
        bottom: -420px;
        width: 760px;
        height: 760px;
        border: 110px solid rgba(30, 144, 255, 0.025);
        border-radius: 50%;
        pointer-events: none;
    }

    .legal-page .website-container[b-yf0bzd29p8] {
        position: relative;
        z-index: 1;
    }

.legal-page-header[b-yf0bzd29p8] {
    max-width: 860px;
    margin-bottom: 34px;
}

    .legal-page-header .section-kicker[b-yf0bzd29p8] {
        display: inline-block;
        margin-bottom: 10px;
        color: var(--primary);
        font-size: 0.82rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .legal-page-header h1[b-yf0bzd29p8] {
        margin: 0 0 16px;
        color: var(--heading);
        font-size: clamp(34px, 5vw, 52px);
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: -1px;
    }

    .legal-page-header > p[b-yf0bzd29p8] {
        max-width: 760px;
        margin: 0;
        color: var(--muted);
        font-size: 17px;
        line-height: 1.7;
    }

.legal-page-updated[b-yf0bzd29p8] {
    margin-top: 14px !important;
    color: var(--muted) !important;
    font-size: 13px !important;
    font-weight: 600;
}

.legal-page-content[b-yf0bzd29p8] {
    max-width: 980px;
    padding: 8px 34px;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 24px;
    box-shadow: var(--card-shadow);
}

.legal-accordion-section[b-yf0bzd29p8] {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--border);
}

    .legal-accordion-section:last-child[b-yf0bzd29p8] {
        border-bottom: 0;
    }

.legal-accordion-header[b-yf0bzd29p8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    padding: 19px 2px;
    color: var(--heading);
    background: transparent;
    border: 0;
    font-family: inherit;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .legal-accordion-header:hover[b-yf0bzd29p8] {
        color: var(--primary);
    }

    .legal-accordion-header:focus-visible[b-yf0bzd29p8] {
        outline: 3px solid rgba(30, 144, 255, 0.20);
        outline-offset: 2px;
        border-radius: 9px;
    }

    .legal-accordion-header span[b-yf0bzd29p8] {
        min-width: 0;
    }

    .legal-accordion-header[b-yf0bzd29p8]  .rz-icon {
        flex: 0 0 auto;
        color: var(--primary);
        font-size: 25px;
    }

/*
    SEO-safe accordion:
    content remains rendered in the HTML at all times.
*/
.legal-accordion-content[b-yf0bzd29p8] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
    transition: grid-template-rows 0.28s ease, opacity 0.22s ease, visibility 0s linear 0.28s;
}

    .legal-accordion-content.open[b-yf0bzd29p8] {
        grid-template-rows: 1fr;
        opacity: 1;
        visibility: visible;
        transition: grid-template-rows 0.28s ease, opacity 0.22s ease, visibility 0s linear 0s;
    }

.legal-accordion-content-inner[b-yf0bzd29p8] {
    min-height: 0;
    overflow: hidden;
    padding: 0 2px;
}

.legal-accordion-content.open .legal-accordion-content-inner[b-yf0bzd29p8] {
    padding-bottom: 25px;
}

.legal-accordion-content p[b-yf0bzd29p8] {
    margin: 0 0 14px;
    color: var(--text);
    font-size: 15px;
    line-height: 1.75;
}

    .legal-accordion-content p:last-child[b-yf0bzd29p8] {
        margin-bottom: 0;
    }

.legal-accordion-content ul[b-yf0bzd29p8] {
    margin: 8px 0 16px;
    padding-left: 22px;
}

.legal-accordion-content li[b-yf0bzd29p8] {
    margin-bottom: 9px;
    color: var(--text);
    font-size: 15px;
    line-height: 1.65;
}

    .legal-accordion-content li:last-child[b-yf0bzd29p8] {
        margin-bottom: 0;
    }

    .legal-accordion-content li[b-yf0bzd29p8]::marker {
        color: var(--primary);
    }

.legal-accordion-content a[b-yf0bzd29p8] {
    color: var(--primary);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

    .legal-accordion-content a:hover[b-yf0bzd29p8] {
        color: var(--primary-light);
    }

    .legal-accordion-content a:focus-visible[b-yf0bzd29p8] {
        outline: 3px solid rgba(30, 144, 255, 0.20);
        outline-offset: 3px;
        border-radius: 4px;
    }

.legal-accordion-content strong[b-yf0bzd29p8] {
    color: var(--heading);
    font-weight: 800;
}

.legal-page-notice[b-yf0bzd29p8] {
    margin: 14px 0 18px;
    padding: 16px 18px;
    color: var(--text);
    background: var(--card-background-alt);
    border: 1px solid var(--border);
    border-left: 4px solid var(--primary);
    border-radius: 12px;
}

    .legal-page-notice p[b-yf0bzd29p8] {
        margin: 0;
    }

.legal-table-wrap[b-yf0bzd29p8] {
    width: 100%;
    margin: 12px 0 18px;
    overflow-x: auto;
}

.legal-table[b-yf0bzd29p8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

    .legal-table th[b-yf0bzd29p8],
    .legal-table td[b-yf0bzd29p8] {
        padding: 12px 14px;
        text-align: left;
        vertical-align: top;
        border: 1px solid var(--border);
    }

    .legal-table th[b-yf0bzd29p8] {
        color: var(--heading);
        background: var(--card-background-alt);
        font-weight: 800;
    }

    .legal-table td[b-yf0bzd29p8] {
        color: var(--text);
        line-height: 1.55;
    }

@media (max-width: 900px) {
    .legal-page[b-yf0bzd29p8] {
        padding: 58px 0 72px;
    }

    .legal-page-content[b-yf0bzd29p8] {
        padding: 8px 26px;
        border-radius: 20px;
    }

    .legal-accordion-header[b-yf0bzd29p8] {
        font-size: 19px;
    }
}

@media (max-width: 620px) {
    .legal-page[b-yf0bzd29p8] {
        padding: 42px 0 56px;
    }

    .legal-page-header[b-yf0bzd29p8] {
        margin-bottom: 24px;
    }

        .legal-page-header h1[b-yf0bzd29p8] {
            font-size: 34px;
            letter-spacing: -0.6px;
        }

        .legal-page-header > p[b-yf0bzd29p8] {
            font-size: 15px;
            line-height: 1.65;
        }

    .legal-page-updated[b-yf0bzd29p8] {
        font-size: 12px !important;
    }

    .legal-page-content[b-yf0bzd29p8] {
        padding: 6px 18px;
        border-radius: 18px;
    }

    .legal-accordion-header[b-yf0bzd29p8] {
        gap: 12px;
        padding: 16px 0;
        font-size: 17px;
        line-height: 1.35;
    }

        .legal-accordion-header[b-yf0bzd29p8]  .rz-icon {
            font-size: 23px;
        }

    .legal-accordion-content.open .legal-accordion-content-inner[b-yf0bzd29p8] {
        padding-bottom: 21px;
    }

    .legal-accordion-content p[b-yf0bzd29p8],
    .legal-accordion-content li[b-yf0bzd29p8] {
        font-size: 14px;
        line-height: 1.7;
    }

    .legal-accordion-content ul[b-yf0bzd29p8] {
        padding-left: 20px;
    }

    .legal-table[b-yf0bzd29p8] {
        min-width: 620px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .legal-accordion-content[b-yf0bzd29p8],
    .legal-accordion-content.open[b-yf0bzd29p8],
    .legal-accordion-header[b-yf0bzd29p8] {
        transition: none;
    }
}
/* _content/eZeDebtHelp/Components/Website/ClientProtectionsSection.razor.rz.scp.css */
/*============================================================
    CLIENT PROTECTIONS
============================================================*/
#client-protections[b-l92h6lok5w] {
    scroll-margin-top: 110px;
}

.client-protections-section[b-l92h6lok5w] {
    padding: 42px 0 42px;
    background: var(--section-background);
}


/*============================================================
    HEADING
============================================================*/

.client-protections-heading[b-l92h6lok5w] {
    max-width: 800px;
    margin-bottom: 34px;
}

    .client-protections-heading h2[b-l92h6lok5w] {
        margin: 0 0 14px;
        color: var(--heading);
        font-size: clamp(30px, 4vw, 44px);
        line-height: 1.12;
        letter-spacing: -1px;
    }

    .client-protections-heading p[b-l92h6lok5w] {
        margin: 0;
        color: var(--muted);
        font-size: 17px;
        line-height: 1.65;
    }


/*============================================================
    GRID
============================================================*/

.client-protections-grid[b-l92h6lok5w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}


/*============================================================
    PROTECTION CARD
============================================================*/

.client-protection-card[b-l92h6lok5w] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 24px;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 20px;
    box-shadow: var(--card-shadow);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

    .client-protection-card:hover[b-l92h6lok5w] {
        transform: translateY(-4px);
        border-color: var(--border-hover);
        box-shadow: var(--card-shadow-hover);
    }


/*============================================================
    ICON
============================================================*/

.client-protection-icon[b-l92h6lok5w] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    color: var(--primary);
    background: linear-gradient( 135deg, rgba(30, 144, 255, .12), rgba(21, 101, 192, .06) );
    border: 1px solid rgba(21, 101, 192, .12);
    border-radius: 16px;
}

    .client-protection-icon .rz-icon[b-l92h6lok5w] {
        font-size: 27px;
    }


/*============================================================
    CONTENT
============================================================*/

.client-protection-content[b-l92h6lok5w] {
    min-width: 0;
}

    .client-protection-content h3[b-l92h6lok5w] {
        margin: 1px 0 8px;
        color: var(--heading);
        font-size: 18px;
        font-weight: 850;
        line-height: 1.3;
    }

    .client-protection-content p[b-l92h6lok5w] {
        margin: 0;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.65;
    }

        .client-protection-content p + p[b-l92h6lok5w] {
            margin-top: 10px;
        }


/*============================================================
    IMPORTANT NOTICE
============================================================*/

.client-protection-notice[b-l92h6lok5w] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 24px;
    padding: 22px 24px;
    background: linear-gradient( 135deg, rgba(30, 144, 255, .08), rgba(21, 101, 192, .035) );
    border: 1px solid var(--border-hover);
    border-radius: 20px;
}

.client-protection-notice-icon[b-l92h6lok5w] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    color: #ffffff;
    background: linear-gradient( 135deg, var(--primary-light), var(--primary) );
    border-radius: 13px;
}

    .client-protection-notice-icon .rz-icon[b-l92h6lok5w] {
        font-size: 22px;
    }

.client-protection-notice strong[b-l92h6lok5w] {
    display: block;
    margin-bottom: 5px;
    color: var(--heading);
    font-size: 15px;
    font-weight: 850;
}

.client-protection-notice p[b-l92h6lok5w] {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.6;
}



/*============================================================
    RESPONSIVE
============================================================*/

@media (max-width: 800px) {

    .client-protections-grid[b-l92h6lok5w] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {

    .client-protections-section[b-l92h6lok5w] {
        padding: 55px 0 62px;
    }

    .client-protection-card[b-l92h6lok5w] {
        padding: 20px;
    }

    .client-protection-notice[b-l92h6lok5w] {
        padding: 20px;
    }
}
/* _content/eZeDebtHelp/Components/Website/ContactAssessmentSection.razor.rz.scp.css */
/*============================================================
    CONTACT + FREE ASSESSMENT
============================================================*/

#contact[b-t7dy11yzqh] {
    scroll-margin-top: 110px;
}

.contact-assessment-section[b-t7dy11yzqh] {
    position: relative;
    width: 100%;
    padding: 25px 0 82px;
    overflow: hidden;
    background: var(--background);
}

    .contact-assessment-section[b-t7dy11yzqh]::before {
        content: "";
        position: absolute;
        top: -320px;
        right: -250px;
        width: 760px;
        height: 760px;
        border: 105px solid rgba(30, 144, 255, 0.04);
        border-radius: 50%;
        pointer-events: none;
    }

    .contact-assessment-section[b-t7dy11yzqh]::after {
        content: "";
        position: absolute;
        left: -320px;
        bottom: -460px;
        width: 800px;
        height: 800px;
        border: 120px solid rgba(30, 144, 255, 0.025);
        border-radius: 50%;
        pointer-events: none;
    }

    .contact-assessment-section .website-container[b-t7dy11yzqh] {
        position: relative;
        z-index: 1;
    }


/*============================================================
    INTRO
============================================================*/

.assessment-intro[b-t7dy11yzqh] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
}

    .assessment-intro.agent-enabled[b-t7dy11yzqh] {
        max-width: 100%;
    }

    .assessment-intro.agent-disabled[b-t7dy11yzqh] {
        max-width: 760px;
    }

    .assessment-intro .section-kicker[b-t7dy11yzqh] {
        display: inline-block;
        margin-bottom: 10px;
        color: var(--primary);
        font-size: .82rem;
        font-weight: 800;
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    .assessment-intro h2[b-t7dy11yzqh] {
        margin: 0 0 5px;
        color: var(--heading);
        font-size: clamp(15px, 4vw, 25px); /*clamp(30px, 4vw, 44px);*/
        font-weight: 800;
        line-height: 1.12;
        letter-spacing: -1px;
    }

        .assessment-intro h2 span[b-t7dy11yzqh] {
            color: var(--primary);
        }

    .assessment-intro p[b-t7dy11yzqh] {
        max-width: 680px;
        margin: 0;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.40;
    }

.assessment-jurisdiction[b-t7dy11yzqh] {
    margin-top: 12px !important;
    font-size: .9rem !important;
    font-weight: 600;
}

/*============================================================*
 * URGENT HELP NOTICE
 *============================================================*/

.urgent-help-notice[b-t7dy11yzqh] {
    width: 100%;
    max-width: 760px;
    margin: 0;
    box-sizing: border-box;
    margin: 0 auto 5px auto;
    background: #fff8e8;
    border: 1px solid #ead7a0;
    border-left: 5px solid #d59b22;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 0px;
}

.urgent-help-header[b-t7dy11yzqh] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 5px 20px 5px;
    background: transparent;
    border: 0;
    color: #3b3324;
    font-family: inherit;
    font-size: 1.1rem;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

    .urgent-help-header:hover[b-t7dy11yzqh] {
        background: rgba(213, 155, 34, 0.08);
    }

    .urgent-help-header:focus-visible[b-t7dy11yzqh] {
        outline: 3px solid #175f75;
        outline-offset: -3px;
    }

    .urgent-help-header .rz-icon[b-t7dy11yzqh] {
        flex-shrink: 0;
        color: #8a651b;
        font-size: 1.5rem;
    }

.urgent-help-content[b-t7dy11yzqh] {
    padding: 0 20px 10px 20px;
}

    .urgent-help-content p[b-t7dy11yzqh] {
        margin: 0 0 10px 0;
        color: #4b463c;
        font-size: 0.95rem;
        line-height: 1.55;
    }

        .urgent-help-content p:last-of-type[b-t7dy11yzqh] {
            margin-bottom: 12px;
            font-weight: 600;
        }

    .urgent-help-content a[b-t7dy11yzqh] {
        display: inline-flex;
        align-items: center;
        color: #175f75;
        font-size: 0.95rem;
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 3px;
    }

        .urgent-help-content a:hover[b-t7dy11yzqh] {
            color: #0e4353;
            text-decoration-thickness: 2px;
        }

        .urgent-help-content a:focus-visible[b-t7dy11yzqh] {
            outline: 3px solid #175f75;
            outline-offset: 3px;
            border-radius: 3px;
        }

/*============================================================*
 * MOBILE
 *============================================================*/

@media (max-width: 768px) {

    .urgent-help-notice[b-t7dy11yzqh] {
        margin-bottom: 18px;
        border-radius: 8px;
    }

    .urgent-help-header[b-t7dy11yzqh] {
        padding: 14px 16px;
        font-size: 1.05rem;
    }

    .urgent-help-content[b-t7dy11yzqh] {
        padding: 0 16px 16px 16px;
    }

        .urgent-help-content p[b-t7dy11yzqh],
        .urgent-help-content a[b-t7dy11yzqh] {
            font-size: 0.92rem;
        }
}

/*============================================================
    CONTACT / ASSESSMENT GRID
============================================================*/

.contact-assessment-grid[b-t7dy11yzqh] {
    display: grid;
    width: 100%;
    gap: 32px;
    align-items: stretch;
}

    .contact-assessment-grid.agent-enabled[b-t7dy11yzqh] {
        grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr);
    }

    .contact-assessment-grid.agent-disabled[b-t7dy11yzqh] {
        grid-template-columns: minmax(0, 760px);
        justify-content: center;
    }

.assessment-column[b-t7dy11yzqh] {
    width: 100%;
    min-width: 0;
}


/*============================================================
    FORM CARD
============================================================*/

.assessment-form-card[b-t7dy11yzqh] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 10px 22px;
    box-sizing: border-box;
    overflow: hidden;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 24px;
    box-shadow: var(--card-shadow);
}

    .assessment-form-card[b-t7dy11yzqh]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, var(--primary-light), var(--primary));
        border-radius: 24px 24px 0 0;
        pointer-events: none;
    }

    .assessment-form-card[b-t7dy11yzqh]  form {
        display: flex;
        flex: 1;
        flex-direction: column;
        width: 100%;
    }


/*============================================================
    FORM GRID + FIELDS
============================================================*/

.assessment-form-grid[b-t7dy11yzqh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 8px;
    row-gap: 16px;
    width: 100%;
    box-sizing: border-box;
}

.assessment-field[b-t7dy11yzqh] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

    .assessment-field label[b-t7dy11yzqh] {
        display: block;
        margin-bottom: 3px;
        color: var(--heading);
        font-size: 12px;
        font-weight: 600;
    }

.required[b-t7dy11yzqh] {
    color: #d94444;
}


/*============================================================
    INPUTS / SELECTS
============================================================*/

.assessment-field[b-t7dy11yzqh]  .assessment-input {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    color: var(--text);
    background-color: var(--background);
    border: 2px solid var(--border);
    border-radius: 11px;
    outline: none;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.2;
    transition: border-color .2s ease, box-shadow .2s ease;
}

    .assessment-field[b-t7dy11yzqh]  .assessment-input:hover {
        border-color: var(--border-hover);
    }

    .assessment-field[b-t7dy11yzqh]  .assessment-input:focus {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(30, 144, 255, .10);
    }

.assessment-field[b-t7dy11yzqh]  select.assessment-input {
    line-height: normal;
    cursor: pointer;
}


/*============================================================
    VALIDATION
============================================================*/

.assessment-field[b-t7dy11yzqh]  .validation-message,
.assessment-checkbox-block[b-t7dy11yzqh]  .validation-message {
    display: block;
    margin-top: 5px;
    color: #c93636;
    font-size: 10px;
    font-weight: 600;
}

.assessment-field[b-t7dy11yzqh]  input.invalid,
.assessment-field[b-t7dy11yzqh]  select.invalid {
    border-color: #d94444;
}


/*============================================================
    JURISDICTION
============================================================*/

.assessment-jurisdiction-note[b-t7dy11yzqh] {
    margin: 12px 0 0;
    font-size: .9rem;
    font-weight: 600;
}


/*============================================================
    ACKNOWLEDGEMENTS
============================================================*/

.assessment-acknowledgements[b-t7dy11yzqh] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 24px 0 22px;
}

.assessment-checkbox-block[b-t7dy11yzqh] {
    min-width: 0;
}

.assessment-consent[b-t7dy11yzqh] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

    .assessment-consent[b-t7dy11yzqh]  input[type="checkbox"] {
        flex: 0 0 auto;
        width: 18px;
        height: 18px;
        margin-top: 3px;
        accent-color: var(--primary);
    }

    .assessment-consent span[b-t7dy11yzqh] {
        color: var(--text);
        font-size: 13px;
        line-height: 1.55;
    }

.assessment-consent-span[b-t7dy11yzqh] {
    color: var(--primary) !important;
    font-weight: 600;
}


/*============================================================
    FORM FOOTER + BUTTONS
============================================================*/

.assessment-card-footer[b-t7dy11yzqh],
.eze-agent-footer[b-t7dy11yzqh] {
    display: flex;
    flex-direction: column;
    min-height: 235px;
    margin-top: auto;
}

.assessment-submit-button[b-t7dy11yzqh],
.assessment-call-button[b-t7dy11yzqh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 50px;
    padding: 12px 20px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--primary-light), var(--primary));
    border: 0;
    border-radius: 12px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(30, 110, 210, .18);
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.assessment-call-button[b-t7dy11yzqh] {
    margin-top: 10px;
}

    .assessment-submit-button:hover:not(:disabled)[b-t7dy11yzqh],
    .assessment-call-button:hover:not(:disabled)[b-t7dy11yzqh] {
        transform: translateY(-2px);
        box-shadow: 0 12px 26px rgba(30, 110, 210, .24);
    }

    .assessment-submit-button:disabled[b-t7dy11yzqh],
    .assessment-call-button:disabled[b-t7dy11yzqh] {
        opacity: .7;
        cursor: default;
    }


/*============================================================
    SPINNER
============================================================*/

.assessment-spinner[b-t7dy11yzqh] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: assessment-spin-b-t7dy11yzqh .7s linear infinite;
}

@keyframes assessment-spin-b-t7dy11yzqh {
    to {
        transform: rotate(360deg);
    }
}


/*============================================================
    SMALL PRINT
============================================================*/

.assessment-smallprint[b-t7dy11yzqh] {
    margin: 16px 0 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.55;
}


/*============================================================
    ERROR
============================================================*/

.assessment-error[b-t7dy11yzqh] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 20px;
    padding: 13px 15px;
    color: #982f2f;
    background: #fff3f3;
    border: 1px solid #efcaca;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.5;
}

    .assessment-error[b-t7dy11yzqh]  .rz-icon {
        flex: 0 0 auto;
        font-size: 20px;
    }


/* ============================================================
   RETURNING CLIENT - COMPACT HEADER - And Success
   ============================================================ */

.assessment-success[b-t7dy11yzqh] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 6px 4px;
}

.assessment-success-reference[b-t7dy11yzqh] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 0;
    margin: 0 0 2px 0px;
    padding: 3px 3px;
    box-sizing: border-box;
    background: #f8fafc;
    border: 1px solid #dfe5ec;
    border-radius: 8px;
}

.assessment-success-icon[b-t7dy11yzqh] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    margin: 0 8px 0 0;
    color: #1756a9;
    background: transparent;
}

    .assessment-success-icon[b-t7dy11yzqh]  .rz-icon {
        font-size: 20px;
    }

.assessment-success-reference h3[b-t7dy11yzqh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 0 0 auto;
    width: auto;
    gap: 3px;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.1;
    white-space: nowrap;
}


.enquiry-title[b-t7dy11yzqh] {
    display: inline-block;
    flex: 0 0 auto;
    padding-right: 5px;
    width: auto;
    line-height: 1.1;
    font-weight: normal;
    white-space: nowrap;
}


.enquiry-reference[b-t7dy11yzqh] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
    white-space: nowrap;
    padding: 1px 10px;
    color: #1756a9;
    background: #e8f1ff;
    border-radius: 5px;
    font-size: 0.80rem;
    font-weight: 700;
    line-height: 1;
    align-self: flex-start;
    margin-left: 0;
}

    .enquiry-reference strong[b-t7dy11yzqh] {
        margin-left: 3px;
        color: inherit;
        font-weight: 800;
    }

.assessment-success-icon[b-t7dy11yzqh] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    margin: 0;
    color: #00a76f;
    background: transparent;
    border-radius: 50%;
}

    .assessment-success-icon[b-t7dy11yzqh]  .rz-icon {
        font-size: 22px;
    }

.assessment-success .assessment-success-message[b-t7dy11yzqh] {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0 0 20px;
    padding: 12px 14px;
    box-sizing: border-box;
    color: #075c3d;
    background: #effbf6;
    border: 1px solid #bdebd7;
    border-radius: 9px;
    font-size: 1.08rem;
    font-weight: 500;
    line-height: 1.65;
}

/* =========================================================
   DOCUMENTS REQUIRED WARNING
   ========================================================= */

.assessment-documents-required[b-t7dy11yzqh] {
    padding: 5px 16px;
    margin-top: 4px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-left: 4px solid #dc2626;
    border-radius: 8px;
    color: #991b1b !important;
    font-weight: 600;
    line-height: 1.5;
}

.assessment-secondary-button[b-t7dy11yzqh] {
    padding: 10px 16px;
    color: var(--primary);
    background: transparent;
    border: 1px solid var(--border-hover);
    border-radius: 10px;
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
}


/*============================================================
    NO INTRODUCTION RESULT
============================================================*/

.assessment-no-introduction[b-t7dy11yzqh] {
    width: 100%;
    margin-top: 20px;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 16px;
}

    .assessment-no-introduction h4[b-t7dy11yzqh] {
        margin: 0 0 12px;
        font-size: 1.05rem;
        line-height: 1.4;
    }

    .assessment-no-introduction p[b-t7dy11yzqh] {
        margin: 0 0 12px;
        line-height: 1.6;
    }

.assessment-moneyhelper-button[b-t7dy11yzqh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    padding: 11px 18px;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
    transition: transform .2s ease, opacity .2s ease;
}

    .assessment-moneyhelper-button:hover[b-t7dy11yzqh] {
        transform: translateY(-1px);
        opacity: .9;
    }

    .assessment-moneyhelper-button .rz-icon[b-t7dy11yzqh] {
        font-size: 18px;
    }


/*============================================================
    eZeAGENT CARD
============================================================*/

.eze-agent-card[b-t7dy11yzqh] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 32px;
    box-sizing: border-box;
    overflow: hidden;
    color: var(--section-alt-text);
    background: linear-gradient(135deg, #102a4c 0%, #163b68 10%, #20558c 40%);
    border-radius: 24px;
    box-shadow: var(--card-shadow-hover);
}

    .eze-agent-card[b-t7dy11yzqh]::before {
        content: "";
        position: absolute;
        top: -160px;
        right: -160px;
        width: 370px;
        height: 370px;
        border: 65px solid rgba(255, 255, 255, .035);
        border-radius: 50%;
        pointer-events: none;
    }

.eze-agent-content[b-t7dy11yzqh] {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1;
    flex-direction: column;
}

.eze-agent-card h3[b-t7dy11yzqh] {
    margin: 0 0 16px;
    color: var(--section-alt-heading);
    font-size: clamp(25px, 3vw, 32px);
    line-height: 1.15;
}

    .eze-agent-card h3 span[b-t7dy11yzqh] {
        display: block;
        color: var(--primary-light);
    }

.eze-agent-card p[b-t7dy11yzqh] {
    margin: 0;
    color: var(--section-alt-text);
    font-size: 14px;
    line-height: 1.7;
}


/*============================================================
    eZeAGENT BENEFITS
============================================================*/

.eze-agent-benefits[b-t7dy11yzqh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 26px 0 0;
}

.eze-agent-benefit[b-t7dy11yzqh] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--section-alt-text);
    font-size: 13px;
    line-height: 1.45;
}

    .eze-agent-benefit[b-t7dy11yzqh]  .rz-icon {
        flex: 0 0 auto;
        margin-top: 1px;
        color: #40d99c;
        font-size: 19px;
    }


/*============================================================
    eZeAGENT BUTTON
============================================================*/

.eze-agent-button[b-t7dy11yzqh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 50px;
    padding: 0 18px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--primary-light), var(--primary));
    border: 0;
    border-radius: 12px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}

    .eze-agent-button:hover[b-t7dy11yzqh] {
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 12px 25px rgba(0, 0, 0, .18);
    }

.eze-agent-disclaimer[b-t7dy11yzqh] {
    margin-top: 15px !important;
    opacity: .78;
    font-size: 11px !important;
}


/*============================================================
    eZeAGENT MODAL
============================================================*/

.eze-agent-modal-overlay[b-t7dy11yzqh] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 90px 20px 20px;
    background: rgba(0, 0, 0, .65);
}

.eze-agent-modal[b-t7dy11yzqh] {
    display: flex;
    flex-direction: column;
    width: 50vw;
    max-width: 700px;
    height: 650px;
    max-height: calc(100vh - 120px);
    overflow: hidden;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 20px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
}

.eze-agent-modal-header[b-t7dy11yzqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    min-height: 42px;
    padding: 5px 10px 5px 16px;
    background: var(--section-alt-background);
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.eze-agent-modal-title[b-t7dy11yzqh] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--section-alt-heading);
    font-size: 16px;
    font-weight: 800;
}

    .eze-agent-modal-title[b-t7dy11yzqh]  .rz-icon {
        font-size: 20px;
    }

.eze-agent-modal-close[b-t7dy11yzqh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    padding: 0;
    color: #dc2626;
    background: #fff7f7;
    border: 1px solid rgba(220, 38, 38, .30);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .10);
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

    .eze-agent-modal-close[b-t7dy11yzqh]  .rz-icon {
        margin: 0;
        font-size: 18px;
        line-height: 1;
    }

    .eze-agent-modal-close:hover[b-t7dy11yzqh] {
        color: #ffffff;
        background: #dc2626;
        border-color: #dc2626;
        transform: scale(1.06);
        box-shadow: 0 5px 14px rgba(220, 38, 38, .28);
    }

    .eze-agent-modal-close:focus-visible[b-t7dy11yzqh] {
        outline: 3px solid rgba(220, 38, 38, .22);
        outline-offset: 2px;
    }

.eze-agent-modal-body[b-t7dy11yzqh] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.eze-agent-frame[b-t7dy11yzqh] {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #ffffff;
}

/*============================================================
    HONEYPOT
============================================================*/

.assessment-honeypot[b-t7dy11yzqh] {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* =========================================================
   DATE OF BIRTH
   ========================================================= */

.assessment-field[b-t7dy11yzqh]  #assessment-date-of-birth.rz-datepicker {
    width: 100%;
    min-height: 46px;
    border: 1px solid #d8dee9 !important;
    border-radius: 8px !important;
    overflow: hidden;
    background: #ffffff;
}

.assessment-field[b-t7dy11yzqh]  #assessment-date-of-birth > .rz-inputtext {
    min-height: 44px;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.assessment-field[b-t7dy11yzqh]  #assessment-date-of-birth > .rz-datepicker-trigger {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.assessment-field[b-t7dy11yzqh]  #assessment-date-of-birth:focus-within {
    border-color: #3155a6 !important;
    box-shadow: 0 0 0 3px rgba(49, 85, 166, 0.12);
}

/* =========================================================
   FIELD HELP TEXT
   ========================================================= */

.assessment-field-help[b-t7dy11yzqh] {
    display: block;
    margin-top: 5px;
    color: #6b7280;
    font-size: 0.78rem;
    line-height: 1.35;
}


/* =========================================================
   ASSETS SELECT
   ========================================================= */

#assessment-assets[b-t7dy11yzqh] {
    width: 100%;
}


/* =========================================================
   MOBILE
   ========================================================= */

/*@media (max-width: 768px) {

    .assessment-field .rz-datepicker .rz-inputtext {
        min-height: 44px;
        font-size: 16px;
    }

    .assessment-field-help {
        font-size: 0.76rem;
    }
}
*/
/*============================================================
    TABLET
============================================================*/

@media (max-width: 1000px) {

    .contact-assessment-grid.agent-enabled[b-t7dy11yzqh],
    .contact-assessment-grid.agent-disabled[b-t7dy11yzqh] {
        grid-template-columns: 1fr;
    }

    .assessment-intro.agent-enabled[b-t7dy11yzqh],
    .assessment-intro.agent-disabled[b-t7dy11yzqh] {
        max-width: 100%;
    }
}


/*============================================================
    MOBILE
============================================================*/

@media (max-width: 620px) {

    .contact-assessment-section[b-t7dy11yzqh] {
        padding: 58px 0 62px;
    }

    .assessment-intro[b-t7dy11yzqh] {
        margin-bottom: 24px;
        padding-left: 0;
    }

        .assessment-intro p[b-t7dy11yzqh] {
            font-size: 15px;
        }

    .assessment-form-card[b-t7dy11yzqh],
    .eze-agent-card[b-t7dy11yzqh] {
        width: 100%;
        padding: 22px 16px;
        box-sizing: border-box;
        border-radius: 20px;
    }

    .assessment-form-grid[b-t7dy11yzqh] {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .assessment-success[b-t7dy11yzqh] {
        padding: 10px 0;
    }

    .assessment-success-reference[b-t7dy11yzqh] {
        align-items: center;
        min-height: 44px;
        padding: 7px 10px;
    }

        .assessment-success-reference h3[b-t7dy11yzqh] {
            gap: 2px;
            font-size: 1.05rem;
            white-space: nowrap;
        }

    .enquiry-reference[b-t7dy11yzqh] {
        padding: 3px 7px;
        font-size: 0.72rem;
        white-space: nowrap;
    }

    .assessment-success .assessment-success-message[b-t7dy11yzqh] {
        font-size: 1rem;
    }


    .assessment-field .rz-datepicker .rz-inputtext[b-t7dy11yzqh] {
        min-height: 44px;
        font-size: 16px;
    }

    .assessment-field-help[b-t7dy11yzqh] {
        font-size: 0.76rem;
    }
}


/*============================================================
    eZeAGENT MODAL - MOBILE
============================================================*/

@media (max-width: 700px) {

    .eze-agent-modal-overlay[b-t7dy11yzqh] {
        align-items: flex-start;
        padding: 15px 6px 6px;
        box-sizing: border-box;
    }

    .eze-agent-modal[b-t7dy11yzqh] {
        width: 100%;
        max-width: none;
        height: calc(100dvh - 78px);
        max-height: none;
        border-radius: 14px;
    }

    .eze-agent-modal-header[b-t7dy11yzqh] {
        min-height: 42px;
        padding: 5px 8px 5px 14px;
    }

    .eze-agent-modal-title[b-t7dy11yzqh] {
        font-size: 14px;
    }

    .eze-agent-modal-close[b-t7dy11yzqh] {
        width: 32px;
        height: 32px;
    }
}


/* ============================================================
   RETURNING CLIENT - COMPACT WARNING
   ============================================================ */

.returning-client-warning[b-t7dy11yzqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 75%;
    margin: 0 0 6px 10px;
    padding: 2px 5px;
    box-sizing: border-box;
    background: #fff8e6;
    border: 1px solid #f2d28a;
    border-radius: 8px;
}

.returning-client-warning-content[b-t7dy11yzqh] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

    .returning-client-warning-content .rz-icon[b-t7dy11yzqh] {
        flex: 0 0 auto;
        font-size: 0.65rem;
        color: #b7791f;
    }

    .returning-client-warning-content > div[b-t7dy11yzqh] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 3px 7px;
        min-width: 0;
    }

    .returning-client-warning-content strong[b-t7dy11yzqh] {
        font-size: 0.65rem;
        font-weight: 800;
        line-height: 1.2;
        color: #713f12;
        padding-bottom: 10px;
        white-space: nowrap;
    }

    .returning-client-warning-content span[b-t7dy11yzqh] {
        font-size: 0.65rem;
        font-weight: 500;
        line-height: 1.2;
        color: #854d0e;
    }

.returning-client-clear-button[b-t7dy11yzqh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 5px;
    min-height: 18px;
    padding: 15px 9px;
    background: #ffffff;
    border: 1px solid #d6a84d;
    border-radius: 6px;
    color: #854d0e;
    font-family: inherit;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease;
}

    .returning-client-clear-button:hover[b-t7dy11yzqh] {
        background: #ffefc2;
        border-color: #b7791f;
    }

    .returning-client-clear-button .rz-icon[b-t7dy11yzqh] {
        font-size: 0.9rem;
    }


/* ============================================================
   RETURNING CLIENT - COMPACT CUSTOMER DETAILS
   ============================================================ */

.returning-client-details[b-t7dy11yzqh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    margin: 0 0 10px;
    padding: 6px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 8px;
}

.returning-client-detail[b-t7dy11yzqh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7px;
    min-width: 0;
    min-height: 30px;
    padding: 4px 9px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 6px;
    white-space: nowrap;
}

    .returning-client-detail span[b-t7dy11yzqh] {
        display: inline-block;
        flex: 0 0 auto;
        color: #64748b;
        font-size: 0.82rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .returning-client-detail strong[b-t7dy11yzqh] {
        display: inline-block;
        min-width: 0;
        overflow: hidden;
        color: #0f172a;
        font-size: 0.82rem;
        font-weight: 700;
        line-height: 1.1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


/* ============================================================
   RETURNING CLIENT - DOCUMENT LOADING
   ============================================================ */

.returning-client-details + .lead-documents-loading[b-t7dy11yzqh] {
    margin-top: 8px;
}


/* ============================================================
   RETURNING CLIENT - TABLET / MOBILE
   ============================================================ */

@media (max-width: 700px) {

    .assessment-success[b-t7dy11yzqh] {
        padding: 4px 0;
    }

    .assessment-success-reference[b-t7dy11yzqh] {
        padding: 6px 8px;
    }

        .assessment-success-reference h3[b-t7dy11yzqh] {
            gap: 7px;
            font-size: 0.95rem;
        }

    .enquiry-reference[b-t7dy11yzqh] {
        padding: 3px 6px;
        font-size: 0.68rem;
    }

    .returning-client-warning[b-t7dy11yzqh] {
        align-items: flex-start;
        gap: 8px;
        padding: 7px 8px;
    }

    .returning-client-warning-content[b-t7dy11yzqh] {
        align-items: flex-start;
    }

        .returning-client-warning-content > div[b-t7dy11yzqh] {
            display: block;
        }

        .returning-client-warning-content strong[b-t7dy11yzqh] {
            display: block;
            margin-bottom: 2px;
        }

        .returning-client-warning-content span[b-t7dy11yzqh] {
            display: block;
        }

    .returning-client-clear-button[b-t7dy11yzqh] {
        min-height: 28px;
        padding: 4px 7px;
    }

    .returning-client-details[b-t7dy11yzqh] {
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 5px;
    }

    .returning-client-detail[b-t7dy11yzqh] {
        min-height: 29px;
        padding: 4px 8px;
    }
}


/* ============================================================
   RETURNING CLIENT - VERY SMALL MOBILE
   ============================================================ */

@media (max-width: 480px) {

    .assessment-success-reference h3[b-t7dy11yzqh] {
        font-size: 0.9rem;
    }

    .enquiry-reference[b-t7dy11yzqh] {
        font-size: 0.64rem;
    }

    .returning-client-warning[b-t7dy11yzqh] {
        flex-direction: column;
        align-items: stretch;
    }

    .returning-client-clear-button[b-t7dy11yzqh] {
        width: 100%;
    }
}

/* ============================================================
   RETURNING CLIENT - IDENTITY WARNING
   ============================================================ */

.returning-client-warning[b-t7dy11yzqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 8px 0 10px;
    padding: 10px 14px;
    background: #fff8e6;
    border: 1px solid #f2d28a;
    border-radius: 12px;
}

.returning-client-warning-content[b-t7dy11yzqh] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

    .returning-client-warning-content .rz-icon[b-t7dy11yzqh] {
        flex-shrink: 0;
        font-size: 1.6rem;
        color: #b7791f;
    }

    .returning-client-warning-content > div[b-t7dy11yzqh] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .returning-client-warning-content strong[b-t7dy11yzqh] {
        font-size: 0.94rem;
        font-weight: 800;
        color: #713f12;
    }

    .returning-client-warning-content span[b-t7dy11yzqh] {
        font-size: 0.84rem;
        font-weight: 500;
        color: #854d0e;
    }

.returning-client-clear-button[b-t7dy11yzqh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex-shrink: 0;
    padding: 9px 14px;
    background: #ffffff;
    border: 1px solid #d6a84d;
    border-radius: 9px;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    color: #854d0e;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

    .returning-client-clear-button:hover[b-t7dy11yzqh] {
        background: #ffefc2;
        border-color: #b7791f;
        transform: translateY(-1px);
    }

    .returning-client-clear-button .rz-icon[b-t7dy11yzqh] {
        font-size: 1.05rem;
    }


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 700px) {

    .returning-client-warning[b-t7dy11yzqh] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .returning-client-clear-button[b-t7dy11yzqh] {
        width: 100%;
    }
}

/* ============================================================
   RETURNING CLIENT - FINAL LAYOUT OVERRIDES
   ============================================================ */
.assessment-success-reference[b-t7dy11yzqh] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 6px 10px;
}

    .assessment-success-reference h3[b-t7dy11yzqh] {
        display: inline-flex;
        align-items: center;
        flex: 0 0 auto;
        width: auto;
        gap: 6px;
        margin: 0;
        font-size: .95rem;
        line-height: 1.1;
        white-space: nowrap;
    }

.enquiry-title[b-t7dy11yzqh] {
    display: inline-block;
    flex: 0 0 auto;
    width: auto;
    padding: 0;
    line-height: 1.1;
    font-weight: 700;
    white-space: nowrap;
}

.enquiry-reference[b-t7dy11yzqh] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
    padding: 3px 8px;
    color: #1756a9;
    background: #e8f1ff;
    border-radius: 5px;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.returning-client-warning[b-t7dy11yzqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: flex-end;
    gap: 12px;
    width: 76%;
    margin: 0 0 8px auto;
    padding: 8px 12px;
    box-sizing: border-box;
    background: #fff8e6;
    border: 1px solid #f2d28a;
    border-radius: 10px;
}

.returning-client-warning-content[b-t7dy11yzqh] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

    .returning-client-warning-content .rz-icon[b-t7dy11yzqh] {
        flex: 0 0 auto;
        font-size: 1.25rem;
        color: #b7791f;
    }

    .returning-client-warning-content > div[b-t7dy11yzqh] {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
    }

    .returning-client-warning-content strong[b-t7dy11yzqh] {
        padding: 0;
        color: #713f12;
        font-size: .82rem;
        font-weight: 800;
        line-height: 1.2;
    }

    .returning-client-warning-content span[b-t7dy11yzqh] {
        color: #854d0e;
        font-size: .76rem;
        font-weight: 500;
        line-height: 1.25;
    }

.returning-client-clear-button[b-t7dy11yzqh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 6px;
    min-height: 34px;
    padding: 7px 11px;
    color: #854d0e;
    background: #fff;
    border: 1px solid #d6a84d;
    border-radius: 8px;
    font-family: inherit;
    font-size: .74rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

@media (max-width:700px) {
    .assessment-success-reference h3[b-t7dy11yzqh] {
        gap: 5px;
        font-size: .86rem;
        white-space: nowrap;
    }

    .enquiry-title[b-t7dy11yzqh], .enquiry-reference[b-t7dy11yzqh] {
        white-space: nowrap;
    }

    .returning-client-warning[b-t7dy11yzqh] {
        align-self: stretch;
        width: 100%;
        margin: 0 0 8px;
    }
}

@media (max-width:480px) {
    .assessment-success-reference[b-t7dy11yzqh] {
        overflow-x: auto;
    }

        .assessment-success-reference h3[b-t7dy11yzqh] {
            font-size: .8rem;
        }

    .enquiry-reference[b-t7dy11yzqh] {
        padding: 3px 5px;
        font-size: .64rem;
    }

    .returning-client-warning[b-t7dy11yzqh] {
        flex-direction: column;
        align-items: stretch;
    }

    .returning-client-clear-button[b-t7dy11yzqh] {
        width: 100%;
    }
}
/* _content/eZeDebtHelp/Components/Website/CustomerJourneys.razor.rz.scp.css */
/*============================================================
    CUSTOMER JOURNEYS
============================================================*/

.customer-journeys-section[b-8nbhlwjcyk] {
    position: relative;
    padding: 42px 0 82px;
    overflow: hidden;
    background: var(--section-alt-background);
}

    .customer-journeys-section .section-kicker[b-8nbhlwjcyk] {
        color: var(--primary-light);
    }

    .customer-journeys-section[b-8nbhlwjcyk]::before {
        content: "";
        position: absolute;
        top: -230px;
        right: -130px;
        width: 650px;
        height: 650px;
        border-radius: 50%;
        border: 85px solid rgba(30, 144, 255, 0.07);
        pointer-events: none;
    }

    .customer-journeys-section[b-8nbhlwjcyk]::after {
        content: "";
        position: absolute;
        left: -260px;
        bottom: -390px;
        width: 720px;
        height: 720px;
        border-radius: 50%;
        border: 110px solid rgba(21, 101, 192, 0.055);
        pointer-events: none;
    }

.customer-journeys-heading h2[b-8nbhlwjcyk] {
    margin: 0 0 14px;
    color: var(--section-alt-heading);
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.12;
    letter-spacing: -1px;
}

.customer-journeys-heading p[b-8nbhlwjcyk] {
    margin: 0;
    color: var(--section-alt-text);
    font-size: 17px;
    line-height: 1.65;
}

/*.customer-journey-card:target {
    border-color: var(--journey-colour);
    box-shadow: 0 0 0 3px rgba(30, 144, 255, 0.12), var(--card-shadow-hover);
}*/

/*============================================================
    GRID
============================================================*/

.customer-journeys-grid[b-8nbhlwjcyk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}


/*============================================================
    CARD
============================================================*/

.customer-journey-card[b-8nbhlwjcyk] {
    --journey-colour: var(--primary);
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 24px;
    overflow: hidden;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 22px;
    box-shadow: var(--card-shadow);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

    .customer-journey-card[b-8nbhlwjcyk]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: var(--journey-colour);
    }

    .customer-journey-card:hover[b-8nbhlwjcyk] {
        transform: translateY(-5px);
        border-color: var(--border-hover);
        box-shadow: var(--card-shadow-hover);
    }


/*============================================================
    COLOUR ACCENTS
============================================================*/

.journey-iva[b-8nbhlwjcyk] {
    --journey-colour: #1E90FF;
}

.journey-dro[b-8nbhlwjcyk] {
    --journey-colour: #2979D8;
}

.journey-dmp[b-8nbhlwjcyk] {
    --journey-colour: #1565C0;
}

.journey-bankruptcy[b-8nbhlwjcyk] {
    --journey-colour: #0D47A1;
}


/*============================================================
    CARD HEADER
============================================================*/

.customer-journey-card-header[b-8nbhlwjcyk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.customer-journey-tag[b-8nbhlwjcyk] {
    display: inline-flex;
    align-items: center;
    padding: 6px 11px;
    color: var(--journey-colour);
    background: var(--card-background-alt);
    border: 1px solid var(--border);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
}

.customer-journey-icon[b-8nbhlwjcyk] {
    color: var(--journey-colour);
    font-size: 29px;
}


/*============================================================
    CONTENT
============================================================*/

.customer-journey-card h3[b-8nbhlwjcyk] {
    margin: 0 0 11px;
    color: var(--heading);
    font-size: 21px;
    line-height: 1.25;
}

.customer-journey-summary[b-8nbhlwjcyk] {
    margin: 0 0 18px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.6;
}

.customer-journey-points[b-8nbhlwjcyk] {
    display: grid;
    gap: 9px;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
    color: var(--text);
    font-size: 14px;
}

    .customer-journey-points li[b-8nbhlwjcyk] {
        position: relative;
        padding-left: 22px;
        line-height: 1.5;
    }

        .customer-journey-points li[b-8nbhlwjcyk]::before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0;
            color: var(--journey-colour);
            font-weight: 900;
        }


/*============================================================
    AI AGENT BOX
============================================================*/

.customer-journey-agent[b-8nbhlwjcyk] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: auto;
    padding: 14px;
    color: var(--text);
    background: var(--card-background-alt);
    border: 1px solid var(--border);
    border-radius: 14px;
}

    .customer-journey-agent > .rz-icon[b-8nbhlwjcyk] {
        flex: 0 0 auto;
        margin-top: 1px;
        color: var(--journey-colour);
        font-size: 21px;
    }

    .customer-journey-agent strong[b-8nbhlwjcyk] {
        display: block;
        margin-bottom: 4px;
        color: var(--heading);
        font-size: 12px;
    }

    .customer-journey-agent p[b-8nbhlwjcyk] {
        margin: 0;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.5;
    }


/*============================================================
    AI DELIVERY BANNER
============================================================*/

.customer-journey-delivery[b-8nbhlwjcyk] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr);
    align-items: center;
    gap: 28px;
    margin-top: 24px;
    padding: 26px;
    color: #ffffff;
    background: linear-gradient( 135deg, var(--primary-light), var(--primary) );
    border-radius: 22px;
    box-shadow: var(--card-shadow-hover);
}

.customer-journey-delivery-copy[b-8nbhlwjcyk] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.customer-journey-delivery-icon[b-8nbhlwjcyk] {
    flex: 0 0 auto;
    padding: 11px;
    color: #ffffff;
    background: rgba(255, 255, 255, .14);
    border-radius: 14px;
    font-size: 29px;
}

.customer-journey-delivery h3[b-8nbhlwjcyk] {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 23px;
}

.customer-journey-delivery p[b-8nbhlwjcyk] {
    margin: 0;
    color: rgba(255,255,255,.88);
    font-size: 14px;
    line-height: 1.6;
}


/*============================================================
    DELIVERY PILLS
============================================================*/

.customer-journey-delivery-pills[b-8nbhlwjcyk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

    .customer-journey-delivery-pills span[b-8nbhlwjcyk] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 8px 11px;
        color: #ffffff;
        background: rgba(255,255,255,.12);
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 999px;
        font-size: 12px;
        font-weight: 800;
    }

    .customer-journey-delivery-pills .rz-icon[b-8nbhlwjcyk] {
        font-size: 16px;
    }


/*============================================================
    RESPONSIVE
============================================================*/

/*@media (max-width: 1150px) {

    .customer-journeys-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}*/

@media (max-width: 800px) {

    .customer-journey-delivery[b-8nbhlwjcyk] {
        grid-template-columns: 1fr;
    }

    .customer-journey-delivery-pills[b-8nbhlwjcyk] {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {

    .customer-journeys-section[b-8nbhlwjcyk] {
        padding: 55px 0 62px;
    }

    .customer-journeys-grid[b-8nbhlwjcyk] {
        grid-template-columns: 1fr;
    }

    .customer-journey-card[b-8nbhlwjcyk] {
        padding: 21px;
    }

    .customer-journey-delivery[b-8nbhlwjcyk] {
        padding: 21px;
    }

    .customer-journey-delivery-copy[b-8nbhlwjcyk] {
        flex-direction: column;
    }
}
/* _content/eZeDebtHelp/Components/Website/DebtSolutionCards.razor.rz.scp.css */
/*============================================================
    DEBT SOLUTIONS
============================================================*/
#debt-solutions[b-rqjb9ucxcl] {
    scroll-margin-top: 110px;
}

.debt-solutions-section[b-rqjb9ucxcl] {
    padding: 45px 0 82px;
    background: var(--section-background);
}

.debt-solutions-heading[b-rqjb9ucxcl] {
    max-width: 760px;
    margin-bottom: 34px;
}

.section-kicker[b-rqjb9ucxcl] {
    display: inline-block;
    margin-bottom: 9px;
    color: var(--primary);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.debt-solutions-heading h2[b-rqjb9ucxcl] {
    margin: 0 0 14px;
    color: var(--heading);
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.12;
    letter-spacing: -1px;
}

.debt-solutions-heading p[b-rqjb9ucxcl] {
    margin: 0;
    color: var(--muted);
    font-size: 17px;
    line-height: 1.65;
}


/*============================================================
    GRID
============================================================*/

.debt-solutions-grid[b-rqjb9ucxcl] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}


/*============================================================
    CARD
============================================================*/

.debt-solution-card[b-rqjb9ucxcl] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 24px;
    overflow: hidden;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 22px;
    box-shadow: var(--card-shadow);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

    .debt-solution-card[b-rqjb9ucxcl]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: var(--solution-colour, var(--primary));
    }

    .debt-solution-card:hover[b-rqjb9ucxcl] {
        transform: translateY(-5px);
        border-color: var(--border-hover);
        box-shadow: var(--card-shadow-hover);
    }


/*============================================================
    CARD HEADER
============================================================*/

.debt-solution-card-header[b-rqjb9ucxcl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.debt-solution-tag[b-rqjb9ucxcl] {
    display: inline-flex;
    align-items: center;
    padding: 6px 11px;
    color: var(--solution-colour, var(--primary));
    background: var(--card-background-alt);
    border: 1px solid var(--border);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
}

.debt-solution-icon[b-rqjb9ucxcl] {
    color: var(--solution-colour, var(--primary));
    font-size: 29px;
}


/*============================================================
    CARD CONTENT
============================================================*/

.debt-solution-card h3[b-rqjb9ucxcl] {
    margin: 0 0 11px;
    color: var(--heading);
    font-size: 21px;
    line-height: 1.25;
}

.debt-solution-summary[b-rqjb9ucxcl] {
    margin: 0 0 18px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.6;
}

.debt-solution-points[b-rqjb9ucxcl] {
    display: grid;
    gap: 9px;
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
    color: var(--text);
    font-size: 14px;
}

    .debt-solution-points li[b-rqjb9ucxcl] {
        position: relative;
        padding-left: 22px;
    }

        .debt-solution-points li[b-rqjb9ucxcl]::before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0;
            color: var(--solution-colour, var(--primary));
            font-weight: 900;
        }


/*============================================================
    CARD FOOTER
============================================================*/

.debt-solution-footer[b-rqjb9ucxcl] {
    margin-top: auto;
    padding-top: 5px;
}

.debt-solution-link[b-rqjb9ucxcl] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0;
    color: var(--primary);
    background: transparent;
    border: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
}

    .debt-solution-link .rz-icon[b-rqjb9ucxcl] {
        font-size: 18px;
        transition: transform .2s ease;
    }

    .debt-solution-link:hover[b-rqjb9ucxcl] {
        color: var(--primary-light);
    }

        .debt-solution-link:hover .rz-icon[b-rqjb9ucxcl] {
            transform: translateX(4px);
        }


/*============================================================
    LOADING / EMPTY
============================================================*/

.debt-solutions-loading[b-rqjb9ucxcl] {
    display: flex;
    justify-content: center;
    padding: 50px;
    color: var(--primary);
}

.debt-solutions-empty[b-rqjb9ucxcl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px;
    color: var(--muted);
    background: var(--card-background-alt);
    border: 1px solid var(--border);
    border-radius: 18px;
}


/*============================================================
    RESPONSIVE
============================================================*/

@media (max-width: 1050px) {

    .debt-solutions-grid[b-rqjb9ucxcl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {

    .debt-solutions-section[b-rqjb9ucxcl] {
        padding: 55px 0 62px;
    }

    .debt-solutions-grid[b-rqjb9ucxcl] {
        grid-template-columns: 1fr;
    }

    .debt-solution-card[b-rqjb9ucxcl] {
        padding: 21px;
    }
}
/* _content/eZeDebtHelp/Components/Website/FaqSection.Razor.rz.scp.css */
/*============================================================
    FAQ - LIGHT SECTION
============================================================*/

/*#faq {
    scroll-margin-top: 110px;
}*/


/*============================================================
    SECTION
============================================================*/

/*.faq-section {
    position: relative;
    padding: 42px 0 42px;
    overflow: hidden;
    background: var(--section-alt-background);
    color: var(--section-alt-text);
}*/


    /*============================================================
    CURVED BACKGROUND
============================================================*/

    /*.faq-section::before {
        content: "";
        position: absolute;
        top: -260px;
        right: -180px;
        width: 680px;
        height: 680px;
        border-radius: 50%;
        border: 90px solid rgba(30, 144, 255, 0.045);
        pointer-events: none;
    }

    .faq-section::after {
        content: "";
        position: absolute;
        left: -280px;
        bottom: -420px;
        width: 760px;
        height: 760px;
        border-radius: 50%;
        border: 115px solid rgba(30, 144, 255, 0.025);
        pointer-events: none;
    }

    .faq-section .website-container {
        position: relative;
        z-index: 1;
    }*/


/*============================================================
    HEADING
============================================================*/

/*.faq-heading {
    max-width: none;
    margin-bottom: 30px;
    color: var(--section-alt-heading);
}

.faq-section .section-kicker {
    color: #fbc4b2;
}

.faq-heading h2 {
    margin: 0 0 14px;
    color: var(--section-alt-heading);
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.12;
    letter-spacing: -1px;
    white-space: nowrap;
}

.faq-heading p {
    margin: 0;
    color: var(--section-alt-text);
    font-size: 17px;
    line-height: 1.65;
}*/


/*============================================================
    HEADING RESPONSIVE
============================================================*/

/*@media (max-width: 900px) {

    .faq-heading h2 {
        white-space: normal;
    }
}*/


/*============================================================
    CATEGORY TABS
============================================================*/

/*.faq-category-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 26px;
}

.faq-category-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 14px;
    color: var(--text-alt);
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 999px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: var(--card-shadow);
    transition: transform .2s ease, border-color .2s ease, background-color .2s ease, color .2s ease;
}

    .faq-category-tab:hover {
        transform: translateY(-2px);
        border-color: var(--border-hover);
    }

    .faq-category-tab.active {
        color: #ffffff;
        background: linear-gradient( 135deg, var(--primary-light), var(--primary) );
        border-color: transparent;
    }
    .faq-category-tab.span {
        color: var(--primary);
    }*/


/*============================================================
    CATEGORY COUNT
============================================================*/

/*.faq-category-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;*/
    /*    color: var(--primary);
    background: var(--card-background-alt);*/
    /*color: #ffffff;*/
    /*var(--card-background-alt);*/
    /*background: var(--card-background);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
}*/
/*.faq-category-count.active {
    color: #ffffff;
    background: linear-gradient( 135deg, var(--primary-light), var(--primary) );
    border-color: transparent;
}*/



/*============================================================
    SELECTED CATEGORY
============================================================*/

/*.faq-selected-category {
    margin-bottom: 18px;
}

    .faq-selected-category h3 {
        margin: 0 0 5px;
        color: var(--section-alt-heading);
        font-size: 23px;
    }

    .faq-selected-category p {
        margin: 0;
        color: var(--section-alt-text);
        font-size: 14px;
    }*/


/*============================================================
    FAQ LIST PANEL
============================================================*/

/*.faq-list-panel {
    overflow: hidden;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 20px;
    box-shadow: var(--card-shadow);
}*/


/*============================================================
    FAQ ITEM
============================================================*/

/*.faq-list-item {
    border-bottom: 1px solid var(--border);
    transition: background-color .2s ease;
}

    .faq-list-item:last-child {
        border-bottom: 0;
    }

    .faq-list-item.open {
        background: var(--card-background-alt);
    }*/


/*============================================================
    QUESTION
============================================================*/

/*.faq-list-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
    padding: 10px 22px;
    color: var(--heading);
    background: transparent;
    border: 0;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease;
}

    .faq-list-question:hover {
        color: var(--primary);
        background: var(--card-background-alt);
    }*/


/*============================================================
    QUESTION CONTENT
============================================================*/

/*.faq-list-question-content {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.faq-list-question-icon {
    flex: 0 0 auto;
    color: var(--primary);
    font-size: 22px;
}

.faq-list-toggle {
    flex: 0 0 auto;
    color: var(--primary);
    font-size: 25px;
}*/


/*============================================================
    ANSWER
============================================================*/

/*.faq-list-answer {
    padding: 0 22px 10px 57px;
    animation: faq-list-open .18s ease-out;
}

    .faq-list-answer p {
        margin: 0;
        padding-top: 3px;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.7;
    }*/


/*============================================================
    ANSWER ANIMATION
============================================================*/

/*@keyframes faq-list-open {

    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}*/


/*============================================================
    LOADING
============================================================*/

/*.faq-loading {
    display: flex;
    justify-content: center;
    padding: 50px;
    color: var(--muted);
}*/


/*============================================================
    EMPTY
============================================================*/

/*.faq-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px;
    color: var(--muted);
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--card-shadow);
}*/


/*============================================================
    MOBILE
============================================================*/

/*@media (max-width: 620px) {

    .faq-section {
        padding: 55px 0 62px;
    }
    .faq-category-tabs {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 4px;
    }


    .faq-category-tab {
        flex: 0 0 auto;
    }

    .faq-list-question {
        gap: 12px;
        padding: 17px;
    }

    .faq-list-answer {
        padding: 0 17px 18px 52px;
    }
}*/
/*============================================================
    FAQ - DARK SECTION
============================================================*/

#faq[b-8cij7odos2] {
    scroll-margin-top: 110px;
}


/*============================================================
    SECTION
============================================================*/

.faq-section[b-8cij7odos2] {
    position: relative;
    width: 100%;
    padding: 58px 0 64px;
    overflow: hidden;
    color: #ffffff;
    background: radial-gradient( circle at 85% 15%, rgba(30, 144, 255, 0.15), transparent 30% ), linear-gradient( 135deg, var(--navy), var(--deep-blue) 58%, #05090f );
}


    /*============================================================
    DECORATIVE CURVES
============================================================*/

    .faq-section[b-8cij7odos2]::before {
        content: "";
        position: absolute;
        top: -260px;
        right: -180px;
        width: 680px;
        height: 680px;
        border: 90px solid rgba(30, 144, 255, 0.07);
        border-radius: 50%;
        pointer-events: none;
    }


    .faq-section[b-8cij7odos2]::after {
        content: "";
        position: absolute;
        left: -280px;
        bottom: -420px;
        width: 760px;
        height: 760px;
        border: 115px solid rgba(255, 255, 255, 0.035);
        border-radius: 50%;
        pointer-events: none;
    }


    .faq-section .website-container[b-8cij7odos2] {
        position: relative;
        z-index: 1;
    }


/*============================================================
    HEADING
============================================================*/

.faq-heading[b-8cij7odos2] {
    max-width: 850px;
    margin-bottom: 28px;
}


.faq-section .section-kicker[b-8cij7odos2] {
    display: inline-block;
    margin-bottom: 10px;
    color: #fbc4b2;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}


.faq-heading h2[b-8cij7odos2] {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1px;
}


.faq-heading p[b-8cij7odos2] {
    max-width: 760px;
    margin: 0;
    color: #dbe5ff;
    font-size: 17px;
    line-height: 1.65;
}


/*============================================================
    CATEGORY TABS
============================================================*/

.faq-category-tabs[b-8cij7odos2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 25px;
}


.faq-category-tab[b-8cij7odos2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 14px;
    color: #e9f0ff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}


    .faq-category-tab:hover[b-8cij7odos2] {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.14);
        border-color: rgba(255, 255, 255, 0.28);
        transform: translateY(-2px);
    }


    .faq-category-tab.active[b-8cij7odos2] {
        color: #ffffff;
        background: linear-gradient( 135deg, var(--primary-light), var(--primary) );
        border-color: transparent;
        box-shadow: 0 8px 18px rgba(30, 110, 210, 0.30);
    }


/*============================================================
    CATEGORY COUNT
============================================================*/

.faq-category-count[b-8cij7odos2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 23px;
    height: 23px;
    padding: 0 6px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
}


.faq-category-tab.active .faq-category-count[b-8cij7odos2] {
    color: var(--primary);
    background: #ffffff;
}


/*============================================================
    SELECTED CATEGORY
============================================================*/

.faq-selected-category[b-8cij7odos2] {
    margin-bottom: 16px;
}


    .faq-selected-category h3[b-8cij7odos2] {
        margin: 0 0 5px;
        color: #ffffff;
        font-size: 22px;
        font-weight: 800;
    }


    .faq-selected-category p[b-8cij7odos2] {
        margin: 0;
        color: #dbe5ff;
        font-size: 14px;
    }


/*============================================================
    FAQ LIST PANEL
============================================================*/

.faq-list-panel[b-8cij7odos2] {
    overflow: hidden;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 20px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}


/*============================================================
    FAQ ITEM
============================================================*/

.faq-list-item[b-8cij7odos2] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    transition: background-color 0.2s ease;
}


    .faq-list-item:last-child[b-8cij7odos2] {
        border-bottom: 0;
    }


    .faq-list-item.open[b-8cij7odos2] {
        background: rgba(255, 255, 255, 0.07);
    }


/*============================================================
    QUESTION
============================================================*/

.faq-list-question[b-8cij7odos2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 18px;
    padding: 12px 20px;
    color: #ffffff;
    background: transparent;
    border: 0;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease;
}


    .faq-list-question:hover[b-8cij7odos2] {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.08);
    }


/*============================================================
    QUESTION CONTENT
============================================================*/

.faq-list-question-content[b-8cij7odos2] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}


.faq-list-question-icon[b-8cij7odos2] {
    flex: 0 0 auto;
    color: #86bfff;
    font-size: 21px;
}


.faq-list-toggle[b-8cij7odos2] {
    flex: 0 0 auto;
    color: #86bfff;
    font-size: 24px;
    transition: color 0.2s ease, transform 0.2s ease;
}


.faq-list-item.open .faq-list-toggle[b-8cij7odos2] {
    color: #ffffff;
}


/*============================================================
    ANSWER
============================================================*/

.faq-list-answer[b-8cij7odos2] {
    padding: 0 20px 13px 53px;
    animation: faq-list-open-b-8cij7odos2 0.18s ease-out;
}


    .faq-list-answer p[b-8cij7odos2] {
        margin: 0;
        padding-top: 3px;
        color: #dbe5ff;
        font-size: 14px;
        line-height: 1.7;
    }


@keyframes faq-list-open-b-8cij7odos2 {

    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/*============================================================
    LOADING
============================================================*/

.faq-loading[b-8cij7odos2] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    padding: 40px;
    color: #dbe5ff;
}


/*============================================================
    EMPTY
============================================================*/

.faq-empty[b-8cij7odos2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 30px;
    color: #dbe5ff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 18px;
}


/*============================================================
    TABLET
============================================================*/

@media (max-width: 900px) {

    .faq-heading h2[b-8cij7odos2] {
        white-space: normal;
    }
}


/*============================================================
    MOBILE
============================================================*/

@media (max-width: 620px) {

    .faq-section[b-8cij7odos2] {
        padding: 48px 0 55px;
    }


    .faq-heading[b-8cij7odos2] {
        margin-bottom: 22px;
    }


        .faq-heading h2[b-8cij7odos2] {
            white-space: normal;
            font-size: clamp(28px, 9vw, 36px);
        }


        .faq-heading p[b-8cij7odos2] {
            font-size: 15px;
        }


    .faq-category-tabs[b-8cij7odos2] {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 7px;
        scrollbar-width: thin;
    }


    .faq-category-tab[b-8cij7odos2] {
        flex: 0 0 auto;
        min-height: 38px;
        padding: 7px 12px;
        font-size: 12px;
    }


    .faq-selected-category h3[b-8cij7odos2] {
        font-size: 20px;
    }


    .faq-list-panel[b-8cij7odos2] {
        border-radius: 16px;
    }


    .faq-list-question[b-8cij7odos2] {
        gap: 10px;
        padding: 14px 15px;
        font-size: 14px;
    }


    .faq-list-question-content[b-8cij7odos2] {
        gap: 10px;
    }


    .faq-list-question-icon[b-8cij7odos2] {
        font-size: 20px;
    }


    .faq-list-toggle[b-8cij7odos2] {
        font-size: 22px;
    }


    .faq-list-answer[b-8cij7odos2] {
        padding: 0 15px 15px 45px;
    }


        .faq-list-answer p[b-8cij7odos2] {
            font-size: 13px;
            line-height: 1.65;
        }
}
/* _content/eZeDebtHelp/Components/Website/HeroSection.razor.rz.scp.css */
/*============================================================
    LAYOUT
============================================================*/

.website-hero[b-gkj5je4i3x] {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: calc(100dvh - 104px);
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: var(--ink);
    background: radial-gradient( circle at 82% 12%, rgba(216, 90, 48, 0.38), transparent 28% ), linear-gradient( 135deg, var(--navy), var(--deep-blue) 58%, #05090F );
}

    .website-hero[b-gkj5je4i3x]::before {
        content: "";
        position: absolute;
        top: -230px;
        right: -130px;
        width: 650px;
        height: 650px;
        border-radius: 50%;
        border: 85px solid rgba(30, 144, 255, 0.07);
        pointer-events: none;
    }

    .website-hero[b-gkj5je4i3x]::after {
        content: "";
        position: absolute;
        left: -260px;
        bottom: -390px;
        width: 720px;
        height: 720px;
        border-radius: 50%;
        border: 110px solid rgba(21, 101, 192, 0.055);
        pointer-events: none;
    }

/*.hero-inner {
    border: 3px solid lime;
}

.hero-content {
    border: 3px solid red;
}*/
/*============================================================
    HERO INNER
============================================================*/

.hero-inner[b-gkj5je4i3x] {
    display: grid;
    grid-template-columns: 1.5fr 1.5fr;
    align-items: stretch;
    gap: 44px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 32px 22px;
    box-sizing: border-box;
}


/*============================================================
    HERO CONTENT
============================================================*/

.hero-content[b-gkj5je4i3x] {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    min-width: 0;
    padding: 0;
}

.hero-eyebrow[b-gkj5je4i3x] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    padding: 8px 13px;
    color: #dbeafe;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
}

    .hero-eyebrow .rz-icon[b-gkj5je4i3x] {
        color: #86efac;
        font-size: 18px;
    }

.hero-title[b-gkj5je4i3x] {
    max-width: 690px;
    margin: 0 0 14px;
    color: #ffffff;
    font-size: clamp(30px, 5vw, 48px);
    font-weight: 900;
    line-height: 1.04;
    letter-spacing: -1.5px;
}

    .hero-title span[b-gkj5je4i3x] {
        display: block;
        color: #f0997b;
    }

.hero-description[b-gkj5je4i3x] {
    max-width: 620px;
    margin: 6px 0;
    color: #dbe5ff;
    font-size: 18px;
    line-height: 1.25;
}


/*============================================================
    HERO BUTTONS
============================================================*/

.hero-actions[b-gkj5je4i3x] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 14px;
    margin-bottom: 0;
}

.hero-button[b-gkj5je4i3x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 52px;
    padding: 13px 22px;
    border-radius: 999px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

    .hero-button .rz-icon[b-gkj5je4i3x] {
        font-size: 20px;
    }

.hero-button-primary[b-gkj5je4i3x] {
    color: #1f3f78;
    border: 1px solid #b8d9f5;
    background: #dceffc;
    box-shadow: 0 8px 20px rgba(49, 85, 166, 0.16);
}

    .hero-button-primary:hover[b-gkj5je4i3x] {
        color: #173568;
        border-color: #8fc3eb;
        background: #d6ecfa;
        box-shadow: 0 10px 24px rgba(49, 85, 166, 0.22);
        transform: translateY(-2px);
    }

.hero-button-outline[b-gkj5je4i3x] {
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.07);
}

    .hero-button-outline:hover[b-gkj5je4i3x] {
        transform: translateY(-2px);
        color: var(--deep-blue);
        background: #ffffff;
        border-color: #ffffff;
    }


/*============================================================
    HERO TRUST PILLS
============================================================*/

.hero-trust-row[b-gkj5je4i3x] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /*
        Push the trust pills and testimonial block
        to the bottom of the left-hand column.
    */
    margin-top: auto;
    padding-top: 24px;
}

.hero-trust-pill[b-gkj5je4i3x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    color: var(--card-background);
    background: var(--primary-);
    border: 1px solid var(--border);
    border-radius: 999px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

    .hero-trust-pill:hover[b-gkj5je4i3x] {
        color: var(--primary-);
        background: var(--card-background);
        border-color: var(--primary);
        text-decoration: none;
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(30, 110, 210, .22);
    }

    .hero-trust-pill:focus-visible[b-gkj5je4i3x] {
        outline: 3px solid rgba(30, 144, 255, .30);
        outline-offset: 3px;
    }

    .hero-trust-pill:active[b-gkj5je4i3x] {
        transform: translateY(0);
        box-shadow: 0 3px 8px rgba(30, 110, 210, .18);
    }


/*============================================================
    OVERALL TESTIMONIAL RATING
============================================================*/

.hero-rating[b-gkj5je4i3x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 12px 0 0;
    padding: 0;
}


/*============================================================
    RATING STARS
============================================================*/

.hero-rating-stars[b-gkj5je4i3x] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.hero-rating-star[b-gkj5je4i3x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border-radius: 0;
    font-size: 18px;
    line-height: 1;
    color: #ffffff;
    background: linear-gradient( 90deg, #00b67a 0%, #00b67a var(--star-fill), #d9d9d9 var(--star-fill), #d9d9d9 100% );
}


    .hero-rating-star:first-child[b-gkj5je4i3x] {
        border-radius: 10px 0 0 10px;
    }

    .hero-rating-star:last-child[b-gkj5je4i3x] {
        border-radius: 0 10px 10px 0;
    }


/*============================================================
    RATING SUMMARY
============================================================*/

.hero-rating-summary[b-gkj5je4i3x] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    padding: 6px 14px;
    font-size: 0.9rem;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;
}

    .hero-rating-summary strong[b-gkj5je4i3x] {
        color: #ffffff;
        font-size: 0.95rem;
        font-weight: 800;
    }

.hero-rating-divider[b-gkj5je4i3x] {
    opacity: 0.55;
}


/*============================================================
    HERO SPECIALIST PANEL
============================================================*/

.hero-specialists[b-gkj5je4i3x] {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 28px;
    box-shadow: 0 25px 55px rgba(0, 0, 0, .24);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/*============================================================
    HERO SPECIALIST HEADER
============================================================*/

.specialist-heading[b-gkj5je4i3x] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    width: 100%;
    gap: 2px;
    text-align: center;
}

    .specialist-heading strong[b-gkj5je4i3x] {
        color: #ffffff;
        font-size: 17px;
        font-weight: 900;
        line-height: 1.2;
    }

.specialist-job-title[b-gkj5je4i3x] {
    color: rgba(255, 255, 255, .88);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

    .hero-specialists-title h2[b-gkj5je4i3x] {
        width: 100%;
        margin: 0;
        padding: 0;
        color: #ffffff;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;
    }

.hero-specialists-icon[b-gkj5je4i3x] {
    position: absolute;
    right: 0;
    flex-shrink: 0;
    color: #ffffff;
    font-size: 34px;
    opacity: .75;
}


/*============================================================
    HERO SPECIALIST NOTES
============================================================*/

.hero-specialists-note[b-gkj5je4i3x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 5px;
    padding: 0;
    color: #dbeafe;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
}

    .hero-specialists-note .rz-icon[b-gkj5je4i3x] {
        color: #f0997b;
        font-size: 18px;
    }

.hero-specialists-header .hero-specialists-note[b-gkj5je4i3x] {
    margin-top: 0;
}

.hero-specialists-kicker[b-gkj5je4i3x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    color: #fbc4b2;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}

    .hero-specialists-kicker .rz-icon[b-gkj5je4i3x] {
        color: #22c55e;
        font-size: 18px;
    }


/*============================================================
    SPECIALIST GRID
============================================================*/

.hero-specialist-grid[b-gkj5je4i3x] {
    --specialist-card-height: 265px;
    --specialist-grid-gap: 14px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: var(--specialist-card-height);
    gap: var(--specialist-grid-gap);
    height: calc( (var(--specialist-card-height) * 2) + var(--specialist-grid-gap) );
    padding-right: 8px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .hero-specialist-grid[b-gkj5je4i3x]::-webkit-scrollbar {
        width: 7px;
    }

    .hero-specialist-grid[b-gkj5je4i3x]::-webkit-scrollbar-track {
        background: transparent;
    }

    .hero-specialist-grid[b-gkj5je4i3x]::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, .28);
        border-radius: 999px;
    }

        .hero-specialist-grid[b-gkj5je4i3x]::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, .45);
        }


/*============================================================
    SPECIALIST CARDS
============================================================*/

/*============================================================
    SPECIALIST CARDS
============================================================*/

.hero-specialist-card[b-gkj5je4i3x] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    height: var(--specialist-card-height);
    min-height: var(--specialist-card-height);
    padding: 14px 16px 12px;
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    background: linear-gradient(135deg, #1565c0, #0a1628);
    cursor: pointer;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .12);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

    .hero-specialist-card[b-gkj5je4i3x]::before {
        content: "";
        position: absolute;
        top: -35px;
        right: -28px;
        width: 95px;
        height: 95px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .08);
        pointer-events: none;
    }

    .hero-specialist-card:hover[b-gkj5je4i3x] {
        transform: translateY(-3px);
        border-color: rgba(255, 255, 255, .26);
        box-shadow: 0 18px 30px rgba(0, 0, 0, .20);
    }

    .hero-specialist-card:focus-visible[b-gkj5je4i3x] {
        outline: 3px solid #ffffff;
        outline-offset: 3px;
    }


/*============================================================
    SPECIALIST NAME + ROLE
============================================================*/

.specialist-heading[b-gkj5je4i3x] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    width: 100%;
    gap: 2px;
    text-align: center;
}

.specialist-name[b-gkj5je4i3x] {
    display: block;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
}

.specialist-job-title[b-gkj5je4i3x] {
    display: block;
    width: 100%;
    color: rgba(255, 255, 255, .88);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}


/*============================================================
    SPECIALIST AVATAR
============================================================*/

.specialist-avatar-wrapper[b-gkj5je4i3x] {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    width: 110px;
    height: 110px;
    margin: 2px auto;
}

.specialist-avatar-image[b-gkj5je4i3x],
.specialist-avatar-fallback[b-gkj5je4i3x] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.specialist-avatar-image[b-gkj5je4i3x] {
    display: block;
    object-fit: cover;
    object-position: center;
    border: 4px solid rgba(255, 255, 255, .85);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
}

.specialist-avatar-fallback[b-gkj5je4i3x] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient( 135deg, rgba(255, 255, 255, .30), rgba(255, 255, 255, .10) );
    border: 4px solid rgba(255, 255, 255, .75);
    font-size: 30px;
    font-weight: 900;
}


/*============================================================
    SPECIALIST VIDEO BADGE
============================================================*/

.specialist-video-badge[b-gkj5je4i3x] {
    position: absolute;
    right: -3px;
    bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    color: var(--primary);
    background: #ffffff;
    border: 3px solid rgba(255, 255, 255, .85);
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .20);
}

    .specialist-video-badge .rz-icon[b-gkj5je4i3x] {
        font-size: 18px;
    }


/*============================================================
    SPECIALIST DESCRIPTION
============================================================*/

.specialist-description[b-gkj5je4i3x] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    padding: 0 8px 2px;
    text-align: center;
}

.specialist-short-bio[b-gkj5je4i3x] {
    display: block;
    width: 100%;
    margin: 0;
    color: rgba(255, 255, 255, .76);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
    white-space: pre-line;
}



/*============================================================
    SHORT DESKTOP VIEWPORT
============================================================*/

@media (min-width: 941px) and (max-height: 850px) {

    .hero-inner[b-gkj5je4i3x] {
        gap: 32px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hero-title[b-gkj5je4i3x] {
        margin-bottom: 14px;
        font-size: clamp(40px, 5vw, 58px);
    }

    .hero-description[b-gkj5je4i3x] {
        margin-bottom: 18px;
        font-size: 17px;
        line-height: 1.5;
    }

    .hero-button[b-gkj5je4i3x] {
        min-height: 48px;
        padding: 11px 19px;
    }

    .hero-trust-row[b-gkj5je4i3x] {
        padding-top: 16px;
    }

    .hero-rating[b-gkj5je4i3x] {
        margin-top: 9px;
    }

    .hero-specialists[b-gkj5je4i3x] {
        padding: 16px;
    }

    .hero-specialists-header[b-gkj5je4i3x] {
        gap: 6px;
        padding: 0 4px;
    }

    .hero-specialists-title h2[b-gkj5je4i3x] {
        font-size: 20px;
    }

    .hero-specialist-grid[b-gkj5je4i3x] {
        --specialist-card-height: 185px;
        --specialist-grid-gap: 12px;
    }

    .hero-specialist-card[b-gkj5je4i3x] {
        gap: 14px;
        padding: 14px;
    }

    .specialist-avatar-wrapper[b-gkj5je4i3x],
    .specialist-avatar-image[b-gkj5je4i3x],
    .specialist-avatar-fallback[b-gkj5je4i3x] {
        width: 70px;
        height: 70px;
    }
}


/*============================================================
    VERY SHORT DESKTOP VIEWPORT
============================================================*/

@media (min-width: 941px) and (max-height: 720px) {

    .hero-inner[b-gkj5je4i3x] {
        gap: 28px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .hero-title[b-gkj5je4i3x] {
        margin-bottom: 10px;
        font-size: clamp(36px, 4.5vw, 50px);
        line-height: 1;
    }

    .hero-description[b-gkj5je4i3x] {
        margin-bottom: 12px;
        font-size: 15px;
        line-height: 1.4;
    }

    .hero-actions[b-gkj5je4i3x] {
        gap: 10px;
    }

    .hero-button[b-gkj5je4i3x] {
        min-height: 44px;
        padding: 9px 17px;
        font-size: 14px;
    }

    .hero-trust-row[b-gkj5je4i3x] {
        gap: 7px;
        padding-top: 10px;
    }

    .hero-trust-pill[b-gkj5je4i3x] {
        padding: 5px 10px;
        font-size: 12px;
    }

    .hero-rating[b-gkj5je4i3x] {
        gap: 8px;
        margin-top: 7px;
    }

    .hero-rating-star[b-gkj5je4i3x] {
        width: 22px;
        height: 22px;
        font-size: 14px;
    }

    .hero-rating-summary[b-gkj5je4i3x] {
        padding: 5px 10px;
        font-size: .8rem;
    }

    .hero-specialists[b-gkj5je4i3x] {
        padding: 12px;
    }

    .hero-specialists-header[b-gkj5je4i3x] {
        gap: 3px;
        margin-bottom: 3px;
        padding: 0 2px;
    }

    .hero-specialists-title h2[b-gkj5je4i3x] {
        font-size: 18px;
    }

    .hero-specialists-note[b-gkj5je4i3x] {
        font-size: 10px;
        line-height: 1.25;
    }

        .hero-specialists-note .rz-icon[b-gkj5je4i3x] {
            font-size: 16px;
        }

    .hero-specialist-grid[b-gkj5je4i3x] {
        --specialist-card-height: 160px;
        --specialist-grid-gap: 10px;
    }

    .hero-specialist-card[b-gkj5je4i3x] {
        gap: 12px;
        padding: 12px;
    }

    .specialist-avatar-wrapper[b-gkj5je4i3x],
    .specialist-avatar-image[b-gkj5je4i3x],
    .specialist-avatar-fallback[b-gkj5je4i3x] {
        width: 60px;
        height: 60px;
    }

    .specialist-copy strong[b-gkj5je4i3x] {
        font-size: 15px;
    }

    .specialist-job-title[b-gkj5je4i3x] {
        font-size: 11px;
    }

    .specialist-short-bio[b-gkj5je4i3x] {
        font-size: 10px;
        line-height: 1.35;
    }

    .hero-specialists-kicker[b-gkj5je4i3x] {
        font-size: 11px;
    }

        .hero-specialists-kicker .rz-icon[b-gkj5je4i3x] {
            font-size: 15px;
        }
}


/*============================================================
    TABLET
============================================================*/

@media (max-width: 940px) {

    .website-hero[b-gkj5je4i3x] {
        min-height: auto;
    }

    .hero-inner[b-gkj5je4i3x] {
        grid-template-columns: 1fr;
        align-items: initial;
        gap: 44px;
        padding: 58px 22px 50px;
    }

    .hero-content[b-gkj5je4i3x] {
        text-align: center;
    }

    .hero-eyebrow[b-gkj5je4i3x] {
        justify-content: center;
    }

    .hero-title[b-gkj5je4i3x],
    .hero-description[b-gkj5je4i3x] {
        margin-right: auto;
        margin-left: auto;
    }

    .hero-actions[b-gkj5je4i3x] {
        justify-content: center;
    }

    .hero-trust-row[b-gkj5je4i3x] {
        justify-content: center;
        margin-top: 24px;
        padding-top: 0;
    }

    .hero-rating[b-gkj5je4i3x] {
        justify-content: center;
    }

    .hero-specialists[b-gkj5je4i3x] {
        width: 100%;
        max-width: 720px;
        margin: 0 auto;
    }
}


/*============================================================
    MOBILE
============================================================*/

@media (max-width: 620px) {

    .hero-rating[b-gkj5je4i3x] {
        gap: 9px;
        margin-top: 12px;
    }

    .hero-rating-star[b-gkj5je4i3x] {
        width: 24px;
        height: 24px;
        font-size: 16px;
    }

    .hero-rating-summary[b-gkj5je4i3x] {
        font-size: 0.82rem;
    }
}

@media (max-width: 560px) {

    .hero-inner[b-gkj5je4i3x] {
        gap: 32px;
        padding: 44px 16px 38px;
    }

    .hero-eyebrow[b-gkj5je4i3x] {
        width: 100%;
        max-width: 340px;
        font-size: 12px;
        line-height: 1.35;
        text-align: center;
    }

    .hero-title[b-gkj5je4i3x] {
        font-size: clamp(38px, 12vw, 52px);
        letter-spacing: -1.4px;
    }

    .hero-description[b-gkj5je4i3x] {
        font-size: 17px;
    }

    .hero-actions[b-gkj5je4i3x] {
        flex-direction: column;
    }

    .hero-button[b-gkj5je4i3x] {
        width: 100%;
    }

    .hero-trust-row[b-gkj5je4i3x] {
        gap: 8px;
    }

    .hero-specialists[b-gkj5je4i3x] {
        padding: 15px;
        border-radius: 22px;
    }

    .hero-specialists-header[b-gkj5je4i3x] {
        gap: 7px;
        padding: 0;
    }

    .hero-specialists-title h2[b-gkj5je4i3x] {
        font-size: 19px;
    }

    .hero-specialists-icon[b-gkj5je4i3x] {
        font-size: 29px;
    }

    .hero-specialist-grid[b-gkj5je4i3x] {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        height: auto;
        max-height: none;
        padding-right: 0;
        overflow: visible;
    }

    .hero-specialist-card[b-gkj5je4i3x] {
        height: auto;
        min-height: 126px;
    }
}


/*============================================================
    TEAM MEMBER VIDEO MODAL
============================================================*/

.team-video-overlay[b-gkj5je4i3x] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 70px 16px 16px;
    background: rgba(0, 0, 0, 0.55);
    overflow-x: hidden;
    overflow-y: auto;
}

.team-video-modal[b-gkj5je4i3x] {
    width: min(450px, 75%);
    max-height: calc(100dvh - 55px);
    padding: 5px;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
    overflow-x: hidden;
    overflow-y: auto;
}


/*============================================================
    TEAM MEMBER VIDEO MODAL - MOBILE
============================================================*/

@media (max-width: 620px) {

    .team-video-overlay[b-gkj5je4i3x] {
        padding: 4px 6px 6px;
    }

    .team-video-modal[b-gkj5je4i3x] {
        width: 85%;
        max-width: 450px;
        max-height: calc(100dvh - 15px);
        padding: 5px;
        border-radius: 12px;
        transform: none;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

/*============================================================
    AI GUIDE AVATAR SIZE - FINAL OVERRIDE
============================================================*/

.hero-specialist-card .specialist-avatar-wrapper[b-gkj5je4i3x] {
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    flex: 0 0 110px !important;
}

.hero-specialist-card .specialist-avatar-image[b-gkj5je4i3x],
.hero-specialist-card .specialist-avatar-fallback[b-gkj5je4i3x] {
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    max-width: none !important;
    max-height: none !important;
}

@media (min-width: 981px) {
    .hero-specialist-grid[b-gkj5je4i3x] {
        --specialist-card-height: clamp(205px, calc((100dvh - 300px) / 2), 265px);
        height: calc( (var(--specialist-card-height) * 2) + var(--specialist-grid-gap) );
        min-height: 0;
    }
}

@media (min-width: 981px) {

    .hero-specialist-card .specialist-avatar-wrapper[b-gkj5je4i3x] {
        width: clamp(90px, 12dvh, 120px) !important;
        height: clamp(90px, 12dvh, 120px) !important;
        min-width: 0 !important;
        min-height: 0 !important;
        flex: 0 0 auto !important;
    }

    .hero-specialist-card .specialist-avatar-image[b-gkj5je4i3x],
    .hero-specialist-card .specialist-avatar-fallback[b-gkj5je4i3x] {
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
    }
}

/*============================================================
    MONEYHELPER HERO CALLOUT
============================================================*/

.moneyhelper-visual[b-gkj5je4i3x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    max-width: 620px;
    padding: 14px 16px 14px 20px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

    .moneyhelper-visual p[b-gkj5je4i3x] {
        flex: 1 1 auto;
        min-width: 0;
        margin: 0;
        color: rgba(255, 255, 255, .88);
        font-size: 15px;
        font-weight: 500;
        line-height: 1.75;
    }

        .moneyhelper-visual p[b-gkj5je4i3x]::first-line {
            color: #ffffff;
            font-weight: 700;
        }

.moneyhelper-link[b-gkj5je4i3x] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 8px 12px;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .14);
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

    .moneyhelper-link:hover[b-gkj5je4i3x] {
        transform: translateY(-2px);
        background: #f8fafc;
        box-shadow: 0 10px 22px rgba(0, 0, 0, .20);
    }

    .moneyhelper-link:focus-visible[b-gkj5je4i3x] {
        outline: 3px solid #ffffff;
        outline-offset: 3px;
    }

.moneyhelper-logo[b-gkj5je4i3x] {
    display: block;
    width: auto;
    height: 38px;
    max-width: 150px;
    object-fit: contain;
}


/*============================================================
    MONEYHELPER - SHORT DESKTOP VIEWPORTS
============================================================*/

@media (min-width: 981px) and (max-height: 850px) {

    .moneyhelper-visual[b-gkj5je4i3x] {
        gap: 14px;
        margin-top: 14px;
        padding: 10px 12px 10px 16px;
    }

        .moneyhelper-visual p[b-gkj5je4i3x] {
            font-size: 12px;
            line-height: 1.4;
        }

    .moneyhelper-link[b-gkj5je4i3x] {
        padding: 6px 10px;
    }

    .moneyhelper-logo[b-gkj5je4i3x] {
        height: 32px;
        max-width: 135px;
    }
}


/*============================================================
    MONEYHELPER - MOBILE
============================================================*/

@media (max-width: 640px) {

    .moneyhelper-visual[b-gkj5je4i3x] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        max-width: none;
        margin-top: 16px;
        padding: 14px 16px;
    }

        .moneyhelper-visual p[b-gkj5je4i3x] {
            width: 100%;
            font-size: 13px;
        }

    .moneyhelper-link[b-gkj5je4i3x] {
        align-self: flex-start;
    }

    .moneyhelper-logo[b-gkj5je4i3x] {
        height: 34px;
        max-width: 145px;
    }
}
/* _content/eZeDebtHelp/Components/Website/HowItWorks.razor.rz.scp.css */
/*============================================================
    HOW IT WORKS
============================================================*/
#how-it-works[b-x819zdq4sz] {
    scroll-margin-top: 110px;
}

.how-it-works-section[b-x819zdq4sz] {
    position: relative;
    padding: 42px 0 42px;
    overflow: hidden;
    background: var(--section-alt-background);
}


    /*============================================================
    CURVED BACKGROUND
============================================================*/

    .how-it-works-section[b-x819zdq4sz]::before {
        content: "";
        position: absolute;
        top: -230px;
        right: -130px;
        width: 650px;
        height: 650px;
        border-radius: 50%;
        border: 85px solid rgba(30, 144, 255, 0.07);
        pointer-events: none;
    }

    .how-it-works-section[b-x819zdq4sz]::after {
        content: "";
        position: absolute;
        left: -260px;
        bottom: -390px;
        width: 720px;
        height: 720px;
        border-radius: 50%;
        border: 110px solid rgba(21, 101, 192, 0.055);
        pointer-events: none;
    }

    .how-it-works-section .website-container[b-x819zdq4sz] {
        position: relative;
        z-index: 1;
    }


/*============================================================
    HEADING
============================================================*/

.how-it-works-heading[b-x819zdq4sz] {
    max-width: 800px;
    margin-bottom: 36px;
}

.how-it-works-section .section-kicker[b-x819zdq4sz] {
    color: #fbc4b2;
}

.how-it-works-heading h2[b-x819zdq4sz] {
    margin: 0 0 14px;
    color: var(--section-alt-heading);
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.12;
    letter-spacing: -1px;
}

.how-it-works-heading p[b-x819zdq4sz] {
    margin: 0;
    color: var(--section-alt-text);
    font-size: 17px;
    line-height: 1.65;
}


/*============================================================
    GRID
============================================================*/

.how-it-works-grid[b-x819zdq4sz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}


/*============================================================
    CARD
============================================================*/

.how-it-works-card[b-x819zdq4sz] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 260px;
    padding: 24px;
    overflow: hidden;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 22px;
    box-shadow: var(--card-shadow);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

    .how-it-works-card:hover[b-x819zdq4sz] {
        transform: translateY(-5px);
        border-color: var(--border-hover);
        box-shadow: var(--card-shadow-hover);
    }


/*============================================================
    CARD HEADER
============================================================*/

.how-it-works-card-header[b-x819zdq4sz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.how-it-works-number[b-x819zdq4sz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #ffffff;
    background: linear-gradient( 135deg, var(--primary-light), var(--primary) );
    border-radius: 50%;
    font-size: 17px;
    font-weight: 900;
    box-shadow: 0 8px 20px rgba(21, 101, 192, .24);
}

.how-it-works-icon[b-x819zdq4sz] {
    color: var(--primary);
    font-size: 30px;
}


/*============================================================
    CARD CONTENT
============================================================*/

.how-it-works-card h3[b-x819zdq4sz] {
    margin: 0 0 13px;
    color: var(--heading);
    font-size: 20px;
    line-height: 1.3;
}

.how-it-works-card p[b-x819zdq4sz] {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.65;
}


/*============================================================
    CONNECTING LINE - DESKTOP
============================================================*/

@media (min-width: 901px) {

    .how-it-works-card:not(:last-child)[b-x819zdq4sz]::after {
        content: "";
        position: absolute;
        top: 45px;
        right: -21px;
        width: 21px;
        height: 2px;
        background: rgba(255, 255, 255, .35);
        z-index: 2;
    }
}


/*============================================================
    RESPONSIVE
============================================================*/

@media (max-width: 1050px) {

    .how-it-works-grid[b-x819zdq4sz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {

    .how-it-works-section[b-x819zdq4sz] {
        padding: 55px 0 62px;
    }

    .how-it-works-grid[b-x819zdq4sz] {
        grid-template-columns: 1fr;
    }

    .how-it-works-card[b-x819zdq4sz] {
        min-height: auto;
        padding: 21px;
    }
}
/* _content/eZeDebtHelp/Components/Website/LeadDocumentUploadSection.razor.rz.scp.css */
.lead-documents[b-tbkqb747s6] {
    margin-top: 1px;
    padding: 5px 22px;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 20px;
    box-shadow: var(--card-shadow);
}


.lead-documents-header[b-tbkqb747s6] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 5px;
}


.lead-documents-icon[b-tbkqb747s6] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    color: var(--primary);
    background: var(--card-background-alt);
    border-radius: 14px;
}



.lead-documents-header p[b-tbkqb747s6] {
    margin: 0;
    color: var(--text);
    font-size: 14px;
    line-height: 1.6;
}


.lead-documents-header .lead-documents-secondary[b-tbkqb747s6] {
    margin-top: 6px;
    color: var(--primary);
    font-weight: 700;
}


.lead-documents-table[b-tbkqb747s6] {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 14px;
}


.lead-documents-table-header[b-tbkqb747s6],
.lead-document-row[b-tbkqb747s6] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(140px, .8fr) minmax(130px, .6fr);
    gap: 16px;
    align-items: center;
    padding: 14px 16px;
}


.lead-documents-table-header[b-tbkqb747s6] {
    color: var(--heading);
    background: var(--card-background-alt);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}


.lead-document-row[b-tbkqb747s6] {
    border-top: 1px solid var(--border);
}


.lead-document-details[b-tbkqb747s6] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}


    .lead-document-details strong[b-tbkqb747s6] {
        color: var(--heading);
        font-size: 14px;
    }


    .lead-document-details span[b-tbkqb747s6] {
        color: var(--text);
        font-size: 13px;
    }


    .lead-document-details small[b-tbkqb747s6] {
        color: var(--muted);
        font-size: 11px;
    }


.lead-document-status[b-tbkqb747s6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}


.document-status-uploaded[b-tbkqb747s6] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #00875a;
    font-size: 12px;
    font-weight: 800;
}


.document-status-optional[b-tbkqb747s6] {
    color: var(--muted);
    font-size: 12px;
}


.uploaded-file-name[b-tbkqb747s6] {
    max-width: 180px;
    overflow: hidden;
    color: var(--muted);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.document-upload-button[b-tbkqb747s6] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    padding: 9px 12px;
    color: #ffffff;
    background: linear-gradient( 135deg, var(--primary-light), var(--primary) );
    border-radius: 9px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}


    .document-upload-button[b-tbkqb747s6]  input[type="file"] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
    }


.lead-document-security[b-tbkqb747s6] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 16px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.5;
}


.lead-document-error[b-tbkqb747s6] {
    margin-top: 14px;
    padding: 10px 12px;
    color: #982f2f;
    background: #fff3f3;
    border: 1px solid #efcaca;
    border-radius: 9px;
    font-size: 12px;
}

.lead-documents-title[b-tbkqb747s6] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 5px;
    padding: 5px 15px;
    background: linear-gradient( 135deg, rgba(30, 110, 210, 0.10), rgba(30, 110, 210, 0.04) );
    border: 1px solid rgba(30, 110, 210, 0.20);
    border-left: 4px solid var(--primary);
    border-radius: 10px;
}


.lead-documents-title-icon[b-tbkqb747s6] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    color: #ffffff;
    background: var(--primary);
    border-radius: 9px;
}


    .lead-documents-title-icon[b-tbkqb747s6]  .rz-icon {
        font-size: 21px;
    }


.lead-documents-title h3[b-tbkqb747s6] {
    margin: 0;
    color: var(--heading);
    font-size: 21px;
    font-weight: 800;
    line-height: 1.2;
}


.lead-documents-title span[b-tbkqb747s6] {
    display: block;
    margin-top: 3px;
    color: var(--primary);
    font-size: 12px;
    font-weight: 700;
}

.lead-documents-intro[b-tbkqb747s6] {
    margin-bottom: 5px;
}


    .lead-documents-intro p[b-tbkqb747s6] {
        margin: 0;
        color: var(--text);
        font-size: 14px;
        line-height: 1.6;
    }


    .lead-documents-intro .lead-documents-secondary[b-tbkqb747s6] {
        margin-top: 6px;
        color: var(--primary);
        font-weight: 700;
    }

@media (max-width: 700px) {

    .lead-documents[b-tbkqb747s6] {
        padding: 5px 15px;
    }


    .lead-documents-table-header[b-tbkqb747s6] {
        display: none;
    }


    .lead-document-row[b-tbkqb747s6] {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 5px;
    }


    .lead-document-action[b-tbkqb747s6] {
        width: 100%;
    }


    .document-upload-button[b-tbkqb747s6] {
        min-height: 35px;
    }
}

/* SENT / READY TO SEND */

.uploaded-document[b-tbkqb747s6] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.document-status-uploaded[b-tbkqb747s6] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--primary);
    font-size: 12px;
    font-weight: 800;
}

.document-status-sent[b-tbkqb747s6] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #00875a;
    font-size: 12px;
    font-weight: 800;
}

    .document-status-uploaded[b-tbkqb747s6]  .rz-icon,
    .document-status-sent[b-tbkqb747s6]  .rz-icon {
        font-size: 16px;
    }

/* SEND UPLOADED DOCUMENTS */

.lead-document-send-footer[b-tbkqb747s6] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
    margin-top: 14px;
    margin-bottom: 10px;
}

.lead-document-send-button[b-tbkqb747s6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 42px;
    padding: 9px 14px;
    color: #ffffff;
    background: linear-gradient( 135deg, var(--primary-light), var(--primary) );
    border: 0;
    border-radius: 9px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(30, 110, 210, .18);
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

    .lead-document-send-button:hover:not(:disabled)[b-tbkqb747s6] {
        transform: translateY(-1px);
        box-shadow: 0 9px 20px rgba(30, 110, 210, .27);
    }

    .lead-document-send-button:disabled[b-tbkqb747s6] {
        opacity: .45;
        cursor: default;
        box-shadow: none;
    }

    .lead-document-send-button[b-tbkqb747s6]  .rz-icon {
        font-size: 18px;
    }

/* REPEAT UPLOAD MESSAGE */

.lead-document-send-hint[b-tbkqb747s6] {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.4;
}

/* SUCCESS - USER CAN STILL UPLOAD MORE */

.lead-document-send-success[b-tbkqb747s6] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 14px;
    padding: 10px 12px;
    color: #075c3d;
    background: #effbf6;
    border: 1px solid #bdebd7;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
}

    .lead-document-send-success[b-tbkqb747s6] >  .rz-icon {
        flex: 0 0 auto;
        margin-top: 1px;
        color: #00875a;
        font-size: 19px;
    }

    .lead-document-send-success div[b-tbkqb747s6] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .lead-document-send-success strong[b-tbkqb747s6] {
        font-weight: 800;
    }

    .lead-document-send-success span[b-tbkqb747s6] {
        color: #236b52;
    }

/* SENDING SPINNER */

.lead-document-spinner[b-tbkqb747s6] {
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: lead-document-spin-b-tbkqb747s6 .7s linear infinite;
}

@keyframes lead-document-spin-b-tbkqb747s6 {
    to {
        transform: rotate(360deg);
    }
}

/* MOBILE */

@media (max-width: 700px) {
    .lead-document-send-button[b-tbkqb747s6] {
        min-height: 40px;
    }
}

.uploaded-document-delete[b-tbkqb747s6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    margin-left: 4px;
    padding: 0;
    color: #b42318;
    background: #fff;
    border: 1px solid #f1b8b4;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

    .uploaded-document-delete:hover[b-tbkqb747s6] {
        color: #fff;
        background: #b42318;
        border-color: #b42318;
    }

    .uploaded-document-delete[b-tbkqb747s6]  .rz-icon {
        font-size: 17px;
    }
/* _content/eZeDebtHelp/Components/Website/LeadDocumentUploadSectionBack.razor.rz.scp.css */
.lead-documents[b-m37h270hor] {
    margin-top: 1px;
    padding: 5px 22px;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 20px;
    box-shadow: var(--card-shadow);
}


.lead-documents-header[b-m37h270hor] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 5px;
}


.lead-documents-icon[b-m37h270hor] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    color: var(--primary);
    background: var(--card-background-alt);
    border-radius: 14px;
}



.lead-documents-header p[b-m37h270hor] {
    margin: 0;
    color: var(--text);
    font-size: 14px;
    line-height: 1.6;
}


.lead-documents-header .lead-documents-secondary[b-m37h270hor] {
    margin-top: 6px;
    color: var(--primary);
    font-weight: 700;
}


.lead-documents-table[b-m37h270hor] {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 14px;
}


.lead-documents-table-header[b-m37h270hor],
.lead-document-row[b-m37h270hor] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(140px, .8fr) minmax(130px, .6fr);
    gap: 16px;
    align-items: center;
    padding: 14px 16px;
}


.lead-documents-table-header[b-m37h270hor] {
    color: var(--heading);
    background: var(--card-background-alt);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}


.lead-document-row[b-m37h270hor] {
    border-top: 1px solid var(--border);
}


.lead-document-details[b-m37h270hor] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}


    .lead-document-details strong[b-m37h270hor] {
        color: var(--heading);
        font-size: 14px;
    }


    .lead-document-details span[b-m37h270hor] {
        color: var(--text);
        font-size: 13px;
    }


    .lead-document-details small[b-m37h270hor] {
        color: var(--muted);
        font-size: 11px;
    }


.lead-document-status[b-m37h270hor] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}


.document-status-uploaded[b-m37h270hor] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #00875a;
    font-size: 12px;
    font-weight: 800;
}


.document-status-optional[b-m37h270hor] {
    color: var(--muted);
    font-size: 12px;
}


.uploaded-file-name[b-m37h270hor] {
    max-width: 180px;
    overflow: hidden;
    color: var(--muted);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.document-upload-button[b-m37h270hor] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    padding: 9px 12px;
    color: #ffffff;
    background: linear-gradient( 135deg, var(--primary-light), var(--primary) );
    border-radius: 9px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}


    .document-upload-button[b-m37h270hor]  input[type="file"] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
    }


.lead-document-security[b-m37h270hor] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 16px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.5;
}


.lead-document-error[b-m37h270hor] {
    margin-top: 14px;
    padding: 10px 12px;
    color: #982f2f;
    background: #fff3f3;
    border: 1px solid #efcaca;
    border-radius: 9px;
    font-size: 12px;
}

.lead-documents-title[b-m37h270hor] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 5px;
    padding: 5px 15px;
    background: linear-gradient( 135deg, rgba(30, 110, 210, 0.10), rgba(30, 110, 210, 0.04) );
    border: 1px solid rgba(30, 110, 210, 0.20);
    border-left: 4px solid var(--primary);
    border-radius: 10px;
}


.lead-documents-title-icon[b-m37h270hor] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    color: #ffffff;
    background: var(--primary);
    border-radius: 9px;
}


    .lead-documents-title-icon[b-m37h270hor]  .rz-icon {
        font-size: 21px;
    }


.lead-documents-title h3[b-m37h270hor] {
    margin: 0;
    color: var(--heading);
    font-size: 21px;
    font-weight: 800;
    line-height: 1.2;
}


.lead-documents-title span[b-m37h270hor] {
    display: block;
    margin-top: 3px;
    color: var(--primary);
    font-size: 12px;
    font-weight: 700;
}

.lead-documents-intro[b-m37h270hor] {
    margin-bottom: 5px;
}


    .lead-documents-intro p[b-m37h270hor] {
        margin: 0;
        color: var(--text);
        font-size: 14px;
        line-height: 1.6;
    }


    .lead-documents-intro .lead-documents-secondary[b-m37h270hor] {
        margin-top: 6px;
        color: var(--primary);
        font-weight: 700;
    }

@media (max-width: 700px) {

    .lead-documents[b-m37h270hor] {
        padding: 5px 15px;
    }


    .lead-documents-table-header[b-m37h270hor] {
        display: none;
    }


    .lead-document-row[b-m37h270hor] {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 5px;
    }


    .lead-document-action[b-m37h270hor] {
        width: 100%;
    }


    .document-upload-button[b-m37h270hor] {
        min-height: 35px;
    }
}
/* _content/eZeDebtHelp/Components/Website/MoneyHelperSection.razor.rz.scp.css */
/*============================================================
    MONEYHELPER / FREE DEBT ADVICE
============================================================*/
#money-helper[b-22skit268p] {
    scroll-margin-top: 110px;
}

.moneyhelper-section[b-22skit268p] {
    padding: 42px 0;
    background: var(--section-background);
}

.moneyhelper-grid[b-22skit268p] {
    display: grid;
    grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr);
    gap: 34px;
    align-items: stretch;
}


/*============================================================
    LEFT PANEL
============================================================*/

.moneyhelper-visual[b-22skit268p] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 38px;
    overflow: hidden;
    background: var(--card-background-alt);
    border: 1px solid var(--border);
    border-radius: 28px;
    box-shadow: var(--card-shadow);
}

    .moneyhelper-visual[b-22skit268p]::before {
        content: "";
        position: absolute;
        width: 260px;
        height: 260px;
        top: -130px;
        right: -110px;
        border-radius: 50%;
        background: rgba(30, 144, 255, .08);
        pointer-events: none;
    }

.moneyhelper-icon-wrap[b-22skit268p] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    margin-bottom: 22px;
    border-radius: 20px;
    background: linear-gradient( 135deg, var(--primary-light), var(--primary) );
    box-shadow: 0 10px 24px rgba(21, 101, 192, .22);
}

.moneyhelper-main-icon[b-22skit268p] {
    color: #ffffff;
    font-size: 36px;
}

.moneyhelper-label[b-22skit268p] {
    margin-bottom: 9px;
    color: var(--primary);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.moneyhelper-visual h3[b-22skit268p] {
    margin: 0 0 14px;
    color: var(--heading);
    font-size: 27px;
    line-height: 1.2;
}

.moneyhelper-visual p[b-22skit268p] {
    margin: 0 0 24px;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.65;
}


/*============================================================
    MONEYHELPER LINK
============================================================*/

/*.moneyhelper-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 8px;
    padding: 11px 18px;
    color: var(--primary);
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 999px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

    .moneyhelper-link:hover {
        color: var(--primary-light);
        border-color: var(--border-hover);
        transform: translateY(-2px);
        box-shadow: var(--card-shadow);
    }

    .moneyhelper-link .rz-icon {
        font-size: 18px;
    }
*/

.moneyhelper-link[b-22skit268p] {
    display: inline-flex;
    align-items: center;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}

.moneyhelper-logo[b-22skit268p] {
    display: block;
    width: 400px;
    height: auto;
    object-fit: contain;
}

.moneyhelper-link:hover[b-22skit268p] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .15);
}
/*============================================================
    RIGHT PANEL
============================================================*/

.moneyhelper-content[b-22skit268p] {
    padding: 38px;
    background: linear-gradient(135deg, rgb(255, 247, 237), rgb(239, 246, 255));
    /*background: var(--card-background);*/
    border: 1px solid var(--border);
    border-radius: 28px;
    box-shadow: var(--card-shadow);
}

    .moneyhelper-content h2[b-22skit268p] {
        margin: 0 0 18px;
        color: var(--heading);
        font-size: clamp(30px, 4vw, 42px);
        line-height: 1.12;
        letter-spacing: -.8px;
    }

    .moneyhelper-content > p[b-22skit268p] {
        margin: 0 0 15px;
        color: var(--muted);
        font-size: 16px;
        line-height: 1.7;
    }


/*============================================================
    INFORMATION NOTICE
============================================================*/

.moneyhelper-notice[b-22skit268p] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 26px;
    padding: 20px;
    background: var(--card-background-alt);
    border: 1px solid var(--border);
    border-left: 5px solid var(--primary);
    border-radius: 16px;
}

.moneyhelper-notice-icon[b-22skit268p] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    color: #ffffff;
    background: var(--primary);
    border-radius: 50%;
}

    .moneyhelper-notice-icon .rz-icon[b-22skit268p] {
        font-size: 21px;
    }

.moneyhelper-notice strong[b-22skit268p] {
    display: block;
    margin-bottom: 7px;
    color: var(--heading);
    font-size: 15px;
}

.moneyhelper-notice p[b-22skit268p] {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.55;
}

    .moneyhelper-notice p + p[b-22skit268p] {
        margin-top: 7px;
    }


/*============================================================
    RESPONSIVE
============================================================*/

@media (max-width: 900px) {

    .moneyhelper-grid[b-22skit268p] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {

    .moneyhelper-section[b-22skit268p] {
        padding: 54px 0;
    }

    .moneyhelper-visual[b-22skit268p],
    .moneyhelper-content[b-22skit268p] {
        padding: 24px;
        border-radius: 22px;
    }

    .moneyhelper-notice[b-22skit268p] {
        padding: 17px;
    }
}
/* _content/eZeDebtHelp/Components/Website/TeamMemberVideoDialog.razor.rz.scp.css */
/*============================================================
    TEAM MEMBER VIDEO DIALOG
============================================================*/

.team-video-dialog[b-b6hmm6uexb] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    gap: 6px;
    margin: 0;
    padding: 0;
}


/*============================================================
    CUSTOM HEADING
============================================================*/

.team-video-dialog-heading[b-b6hmm6uexb] {
    width: 100%;
    margin: 0;
    padding: 0 34px 2px 0;
    line-height: 1;
}

.team-video-heading-copy[b-b6hmm6uexb] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    line-height: 1;
}

    .team-video-heading-copy h2[b-b6hmm6uexb] {
        margin: 0 !important;
        padding: 0 !important;
        color: var(--heading);
        font-size: 14px;
        font-weight: 900;
        line-height: 14px !important;
    }

    .team-video-heading-copy span[b-b6hmm6uexb] {
        margin: 2px 0 0 !important;
        padding: 0 0 2px !important;
        color: var(--primary);
        font-size: 10px;
        font-weight: 700;
        line-height: 10px !important;
    }


/*============================================================
    CLOSE BUTTON
============================================================*/

.team-video-dialog-close[b-b6hmm6uexb] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #dc2626;
    background: #fff7f7;
    border: 1px solid rgba(220, 38, 38, 0.30);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.10);
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

    .team-video-dialog-close .rz-icon[b-b6hmm6uexb] {
        margin: 0;
        font-size: 16px;
        line-height: 1;
    }

    .team-video-dialog-close:hover[b-b6hmm6uexb] {
        color: #ffffff;
        background: #dc2626;
        border-color: #dc2626;
        transform: scale(1.06);
        box-shadow: 0 5px 14px rgba(220, 38, 38, 0.28), 0 0 12px rgba(220, 38, 38, 0.18);
    }

    .team-video-dialog-close:focus-visible[b-b6hmm6uexb] {
        outline: 3px solid rgba(220, 38, 38, 0.22);
        outline-offset: 2px;
    }


/*============================================================
    VIDEO PLAYER
============================================================*/

.team-video-player[b-b6hmm6uexb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 69vh;
    max-height: 540px;
    padding: 4px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 12px;
}

.team-video-element[b-b6hmm6uexb] {
    display: block;
    width: 80%;
    height: 100%;
    max-width: 95%;
    max-height: 100%;
    margin: 0 auto;
    object-fit: fill;
    background: #000000;
    border-radius: 8px;
}


/*============================================================
    VIDEO INFORMATION
============================================================*/

.team-video-info[b-b6hmm6uexb] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.team-video-biography[b-b6hmm6uexb] {
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 2px 10px;
    background: var(--card-background-alt);
    border: 1px solid var(--border);
    border-radius: 10px;
}

    .team-video-biography h3[b-b6hmm6uexb] {
        margin: 0 0 2px;
        color: var(--heading);
        font-size: 11px;
        font-weight: 800;
    }

    .team-video-biography p[b-b6hmm6uexb] {
        margin: 0;
        color: var(--muted);
        font-size: 9px;
        font-weight: 500;
        line-height: 1.35;
        white-space: pre-line;
    }


/*============================================================
    DOWNLOAD ICON
============================================================*/

.team-video-download-icon[b-b6hmm6uexb] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    color: #ffffff;
    background: linear-gradient( 135deg, var(--primary-light), var(--primary) );
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(21, 101, 192, .25);
    transition: transform .2s ease, box-shadow .2s ease;
}

    .team-video-download-icon:hover[b-b6hmm6uexb] {
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 9px 20px rgba(21, 101, 192, .32);
    }

    .team-video-download-icon .rz-icon[b-b6hmm6uexb] {
        font-size: 19px;
    }


/*============================================================
    VIDEO UNAVAILABLE
============================================================*/

.team-video-unavailable[b-b6hmm6uexb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 180px;
    color: var(--muted);
    background: var(--card-background-alt);
    border: 1px solid var(--border);
    border-radius: 12px;
}


/*============================================================
    MOBILE
============================================================*/

@media (max-width: 640px) {

    .team-video-dialog[b-b6hmm6uexb] {
        gap: 3px;
    }


    /*--------------------------------------------------------
        HEADING
    --------------------------------------------------------*/

    .team-video-dialog-heading[b-b6hmm6uexb] {
        padding: 0 34px 2px 0;
    }

    .team-video-heading-copy h2[b-b6hmm6uexb] {
        font-size: 14px;
        line-height: 14px !important;
    }

    .team-video-heading-copy span[b-b6hmm6uexb] {
        margin-top: 1px !important;
        font-size: 10px;
        line-height: 10px !important;
    }


    /*--------------------------------------------------------
        CLOSE BUTTON
    --------------------------------------------------------*/

    .team-video-dialog-close[b-b6hmm6uexb] {
        width: 30px;
        height: 30px;
    }

        .team-video-dialog-close .rz-icon[b-b6hmm6uexb] {
            font-size: 16px;
        }


    /*--------------------------------------------------------
        VIDEO

        Desktop maximum = 540px.
        Mobile gets approximately another 100px,
        maximum 640px, while still respecting viewport height.
    --------------------------------------------------------*/

    .team-video-player[b-b6hmm6uexb] {
        width: 100%;
        height: min( calc(69dvh + 100px), calc(100dvh - 145px) );
        max-height: 640px;
        padding: 3px;
    }

    .team-video-element[b-b6hmm6uexb] {
        width: 90%;
        height: 100%;
        max-width: 95%;
        max-height: 100%;
        margin: 0 auto;
    }


    /*--------------------------------------------------------
        BIOGRAPHY
    --------------------------------------------------------*/

    .team-video-biography[b-b6hmm6uexb] {
        padding: 2px 8px;
    }

        .team-video-biography h3[b-b6hmm6uexb] {
            font-size: 11px;
        }

        .team-video-biography p[b-b6hmm6uexb] {
            padding: 0;
            font-size: 9px;
        }


    /*--------------------------------------------------------
        DOWNLOAD
    --------------------------------------------------------*/

    .team-video-download-icon[b-b6hmm6uexb] {
        width: 26px;
        height: 26px;
    }

        .team-video-download-icon .rz-icon[b-b6hmm6uexb] {
            font-size: 12px;
        }
}
/* _content/eZeDebtHelp/Components/Website/TestimonialsSection.razor.rz.scp.css */

#testimonials[b-39z4861bgp] {
    scroll-margin-top: 110px;
}
/*============================================================
    TESTIMONIALS SECTION - DARK
============================================================*/


.testimonials-section[b-39z4861bgp] {
    position: relative;
    width: 100%;
    padding: 20px 24px ;
    overflow: hidden;
    background: var(--section-alt-background);
    color: var(--section-alt-text);
}


    /*============================================================
    DECORATIVE BACKGROUND
============================================================*/

    .testimonials-section[b-39z4861bgp]::before {
        content: "";
        position: absolute;
        top: -260px;
        right: -180px;
        width: 680px;
        height: 680px;
        border-radius: 50%;
        border: 90px solid rgba(30, 144, 255, 0.07);
        pointer-events: none;
    }

    .testimonials-section[b-39z4861bgp]::after {
        content: "";
        position: absolute;
        left: -280px;
        bottom: -420px;
        width: 760px;
        height: 760px;
        border-radius: 50%;
        border: 115px solid rgba(255, 255, 255, 0.035);
        pointer-events: none;
    }


/*============================================================
    CONTAINER
============================================================*/

.testimonials-container[b-39z4861bgp] {
    position: relative;
    z-index: 1;
    max-width: 1180px;
    margin: 0 auto;
}


/*============================================================
    HEADER
============================================================*/

.testimonials-header[b-39z4861bgp] {
    max-width: 760px;
    margin: 0 0 38px;
    text-align: left;
}

.testimonials-eyebrow[b-39z4861bgp] {
    display: inline-block;
    margin-bottom: 10px;
    color: #fbc4b2;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.testimonials-header h2[b-39z4861bgp] {
    margin: 0 0 14px;
    color: var(--section-alt-heading);
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1px;
}

    .testimonials-header h2 span[b-39z4861bgp] {
        color: var(--primary-light);
    }

.testimonials-header p[b-39z4861bgp] {
    max-width: 650px;
    margin: 0;
    color: var(--section-alt-text);
    font-size: 17px;
    line-height: 1.65;
}


/*============================================================
    GRID
============================================================*/

.testimonials-grid[b-39z4861bgp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}


/*============================================================
    TESTIMONIAL CARD
============================================================*/

.testimonial-card[b-39z4861bgp] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 28px;
    overflow: hidden;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: 22px;
    box-shadow: var(--card-shadow);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

    .testimonial-card[b-39z4861bgp]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient( 90deg, var(--primary-light), var(--primary) );
    }

    .testimonial-card:hover[b-39z4861bgp] {
        transform: translateY(-5px);
        border-color: var(--border-hover);
        box-shadow: var(--card-shadow-hover);
    }


/*============================================================
    STAR RATING
============================================================*/

.testimonial-rating[b-39z4861bgp] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 2px 0 12px;
}

.testimonial-star[b-39z4861bgp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    color: #ffffff;
    background: #d9d9d9;
    border-radius: 2px;
    font-size: 18px;
    line-height: 1;
}

    .testimonial-star.active[b-39z4861bgp] {
        background: #00b67a;
    }


/*============================================================
    TESTIMONIAL TITLE
============================================================*/

.testimonial-content-title[b-39z4861bgp] {
    margin: 0 0 7px;
    color: var(--heading);
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.35;
}


/*============================================================
    TESTIMONIAL TEXT
============================================================*/

.testimonial-content[b-39z4861bgp] {
    margin: 0 0 14px;
    color: var(--text);
    font-size: 1rem;
    line-height: 1.6;
    white-space: pre-line;
}


/*============================================================
    CUSTOMER DETAILS
============================================================*/

.testimonial-footer[b-39z4861bgp] {
    display: flex;
    align-items: center;
    padding-top: 11px;
    border-top: 1px solid var(--border);
}

.testimonial-person[b-39z4861bgp] {
    min-width: 0;
}

.testimonial-name[b-39z4861bgp] {
    color: var(--heading);
    font-size: 0.98rem;
    font-weight: 800;
}

.testimonial-location[b-39z4861bgp] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 3px;
    color: var(--muted);
    font-size: 0.82rem;
}

    .testimonial-location[b-39z4861bgp]  .rzi {
        font-size: 15px;
    }


/*============================================================
    LOADING
============================================================*/

.testimonials-loading[b-39z4861bgp] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    color: var(--section-alt-text);
}


/*============================================================
    TABLET
============================================================*/

@media (max-width: 1000px) {

    .testimonials-grid[b-39z4861bgp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/*============================================================
    MOBILE
============================================================*/

@media (max-width: 700px) {

    .testimonials-section[b-39z4861bgp] {
        padding: 60px 18px;
    }

    .testimonials-header[b-39z4861bgp] {
        margin-bottom: 30px;
    }

        .testimonials-header h2[b-39z4861bgp] {
            font-size: clamp(28px, 8vw, 36px);
        }

        .testimonials-header p[b-39z4861bgp] {
            font-size: 0.98rem;
        }

    .testimonials-grid[b-39z4861bgp] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .testimonial-card[b-39z4861bgp] {
        padding: 24px;
        border-radius: 20px;
    }
}
/* _content/eZeDebtHelp/Components/Website/WebsiteFooter.razor.rz.scp.css */
/*============================================================
    WEBSITE FOOTER
============================================================*/

.website-footer[b-2qd9cmoq3h] {
    margin-top: 0;
    padding: 20px 0 30px;
    background: #1f2937;
    color: #ffffff;
}


/*============================================================
    FOOTER GRID
============================================================*/

.footer-grid[b-2qd9cmoq3h] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.3fr;
    gap: 50px;
}

.footer-logo[b-2qd9cmoq3h] {
    height: 55px;
    margin-bottom: 20px;
}

.footer-column h4[b-2qd9cmoq3h] {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: 1.2rem;
}

.footer-column > p[b-2qd9cmoq3h] {
    margin: 0 0 10px;
    color: rgba(255, 255, 255, 0.75);
}

.footer-column ul[b-2qd9cmoq3h] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-column li[b-2qd9cmoq3h] {
    margin-bottom: 12px;
}

.footer-column a[b-2qd9cmoq3h] {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    transition: color 0.25s ease;
}

    .footer-column a:hover[b-2qd9cmoq3h] {
        color: #ffffff;
    }


/*============================================================
    CONTACT
============================================================*/

.footer-contact-item[b-2qd9cmoq3h] {
    display: flex;
    align-items: center;
    gap: 9px;
}

    .footer-contact-item .rz-icon[b-2qd9cmoq3h] {
        flex: 0 0 auto;
        font-size: 18px;
        opacity: 0.8;
    }

    .footer-contact-item a[b-2qd9cmoq3h] {
        color: inherit;
    }

        .footer-contact-item a:hover[b-2qd9cmoq3h] {
            color: #ffffff;
            text-decoration: underline;
        }


/*============================================================
    COMPANY / STATUTORY DETAILS
============================================================*/

.footer-company-details[b-2qd9cmoq3h] {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

    .footer-company-details p[b-2qd9cmoq3h] {
        display: block;
        margin: 0 0 12px;
        color: rgba(255, 255, 255, 0.72);
        font-size: 12px;
        line-height: 1.6;
    }

        .footer-company-details p:last-child[b-2qd9cmoq3h] {
            margin-bottom: 0;
        }

    .footer-company-details strong[b-2qd9cmoq3h] {
        color: rgba(255, 255, 255, 0.92);
        font-weight: 600;
    }

.registered-office[b-2qd9cmoq3h] {
    margin-top: 4px;
    font-size: 0.7rem;
    line-height: 1.3;
    opacity: 0.45;
}

.ico-registration[b-2qd9cmoq3h] {
    margin-top: 4px;
    font-size: 0.7rem;
    line-height: 1.3;
    opacity: 0.45;
}
/*============================================================
    FOOTER BOTTOM
============================================================*/

.footer-divider[b-2qd9cmoq3h] {
    margin: 10px 0 25px;
    border-color: rgba(255, 255, 255, 0.15);
    opacity: 0.15;
}

.footer-bottom-general[b-2qd9cmoq3h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    font-size: 14px;
}

.footer-bottom[b-2qd9cmoq3h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
}


/*============================================================
    SOCIAL
============================================================*/

.footer-social[b-2qd9cmoq3h] {
    display: flex;
    gap: 18px;
    font-size: 22px;
}

    .footer-social a[b-2qd9cmoq3h] {
        color: #ffffff;
        transition: color 0.25s ease, transform 0.25s ease;
    }

        .footer-social a:hover[b-2qd9cmoq3h] {
            color: var(--secondary);
            transform: translateY(-2px);
        }


/*============================================================
    TABLET
============================================================*/

@media (max-width: 992px) {

    .footer-grid[b-2qd9cmoq3h] {
        grid-template-columns: 1fr 1fr;
        gap: 36px;
    }
}


/*============================================================
    MOBILE
============================================================*/

@media (max-width: 768px) {

    .website-footer[b-2qd9cmoq3h] {
        padding: 24px 0;
    }

    .footer-grid[b-2qd9cmoq3h] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .footer-column h4[b-2qd9cmoq3h] {
        margin-bottom: 14px;
    }

    .footer-company-details[b-2qd9cmoq3h] {
        margin-top: 16px;
        padding-top: 14px;
    }

        .footer-company-details p[b-2qd9cmoq3h] {
            font-size: 11.5px;
            line-height: 1.55;
        }

    .footer-bottom-general[b-2qd9cmoq3h] {
        display: block;
        text-align: center;
    }

    .footer-bottom[b-2qd9cmoq3h] {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
}
/* _content/eZeDebtHelp/Components/Website/WebsiteHeader.razor.rz.scp.css */
/*============================================================
    HEADER
============================================================*/

.website-header[b-fm5ric8eoj] {
    position: fixed;
    top: 0;
    z-index: 2000;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}


/*============================================================
    HEADER LAYOUT
============================================================*/

.header-wrapper[b-fm5ric8eoj] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 92px;
    min-height: 92px;
    gap: 20px;
}


/*============================================================
    LOGO
============================================================*/

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

.logo-image[b-fm5ric8eoj] {
    display: block;
    width: auto;
    height: auto;
    object-fit: contain;
}


/*============================================================
    MOBILE ACTIONS
    Hidden on desktop
============================================================*/

.header-mobile-actions[b-fm5ric8eoj] {
    display: none;
}


/*============================================================
    FREE ASSESSMENT CTA
============================================================*/

.header-cta[b-fm5ric8eoj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 3px 18px;
    color: #ffffff !important;
    background: linear-gradient( 135deg, var(--primary-light), var(--primary) );
    border: 0;
    border-radius: 999px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(30, 110, 210, 0.40), 0 0 8px 2px rgba(84, 164, 245, 0.30);
    animation: header-cta-glow-b-fm5ric8eoj 2s ease-in-out infinite;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

    .header-cta:hover[b-fm5ric8eoj] {
        color: #ffffff !important;
        text-decoration: none !important;
        background: linear-gradient( 135deg, #62afff, #2479d8 );
        transform: translateY(-2px);
        box-shadow: 0 10px 26px rgba(30, 110, 210, 0.60), 0 0 34px 10px rgba(84, 164, 245, 0.70);
    }


/*============================================================
    CTA GLOW
============================================================*/

@keyframes header-cta-glow-b-fm5ric8eoj {

    0%, 100% {
        box-shadow: 0 6px 16px rgba(30, 110, 210, 0.40), 0 0 8px 2px rgba(84, 164, 245, 0.30);
    }

    50% {
        box-shadow: 0 8px 22px rgba(30, 110, 210, 0.55), 0 0 28px 9px rgba(84, 164, 245, 0.60);
    }
}


/*============================================================
    CONFIDENTIAL SUPPORT PILL
============================================================*/

.header-support[b-fm5ric8eoj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    gap: 6px;
    padding: 5px 10px;
    color: #475569;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.1;
    white-space: nowrap;
}

    .header-support .rz-icon[b-fm5ric8eoj] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        color: #22C55E;
        font-size: 10px;
        line-height: 1;
    }

    .header-support span[b-fm5ric8eoj] {
        flex: 0 0 auto;
    }


/*============================================================
    MOBILE
============================================================*/

@media (max-width: 900px) {

    .header-wrapper[b-fm5ric8eoj] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        width: 100%;
        column-gap: 9px;
    }


    /*========================================================
        MOBILE LOGO
    ========================================================*/

    .header-logo[b-fm5ric8eoj] {
        grid-column: 1;
        justify-self: start;
    }

    .logo-image[b-fm5ric8eoj] {
        width: 140px;
        height: auto;
    }


    /*========================================================
        MOBILE CENTRE ACTIONS
    ========================================================*/

    .header-mobile-actions[b-fm5ric8eoj] {
        grid-column: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 4px;
        justify-self: stretch;
    }


    /*========================================================
        MOBILE NAVIGATION / HAMBURGER
    ========================================================*/

    .header-navigation-host[b-fm5ric8eoj] {
        grid-column: 3;
        justify-self: end;
    }


    /*========================================================
        MOBILE FREE ASSESSMENT
    ========================================================*/

    .header-mobile-actions .header-cta[b-fm5ric8eoj] {
        min-height: 34px;
        padding: 5px 14px ;
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
    }


    /*========================================================
        MOBILE SUPPORT PILL
    ========================================================*/

    .header-mobile-actions .header-support[b-fm5ric8eoj] {
        display: inline-flex;
        width: fit-content;
        max-width: 100%;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 3px 12px ;
        font-size: 7px;
        font-weight: 500;
        line-height: 1;
        white-space: nowrap;
    }

        .header-mobile-actions .header-support[b-fm5ric8eoj]  .rz-icon {
            font-size: 7px;
        }
}


/*============================================================
    REDUCED MOTION
============================================================*/

@media (prefers-reduced-motion: reduce) {

    .header-cta[b-fm5ric8eoj] {
        animation: none;
    }
}
/* _content/eZeDebtHelp/Components/Website/WebsiteNavigation.razor.rz.scp.css */
/*============================================================
    ACTIVE NAVIGATION
============================================================*/

.website-menu-link[b-df3bl9x6jw] {
    position: relative;
}

    .website-menu-link.active[b-df3bl9x6jw] {
        color: var(--primary);
        font-weight: 800;
    }

        .website-menu-link.active[b-df3bl9x6jw]::after {
            content: "";
            position: absolute;
            left: 12px;
            right: 12px;
            bottom: -7px;
            height: 3px;
            background: linear-gradient( 90deg, var(--primary-light), var(--primary) );
            border-radius: 999px;
        }


/*============================================================
    HEADER ACTIONS
============================================================*/

.header-actions[b-df3bl9x6jw] {
    display: flex;
    align-items: center;
    gap: 14px;
}


/*============================================================
    ENQUIRY ACTION
============================================================*/

.enquiry-action[b-df3bl9x6jw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}


/*============================================================
    MAKE AN ENQUIRY
============================================================*/

.header-cta[b-df3bl9x6jw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 3px 18px;
    color: #ffffff !important;
    background: linear-gradient( 135deg, #b54860, #8f3048 );
    border: none;
    border-radius: 999px !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(143, 48, 72, 0.40), 0 0 10px 3px rgba(218, 125, 145, 0.35);
    animation: header-cta-glow-b-df3bl9x6jw 2s ease-in-out infinite;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

    .header-cta:hover[b-df3bl9x6jw] {
        color: #ffffff !important;
        text-decoration: none !important;
        background: linear-gradient( 135deg, #c3546c, #a33a53 );
        transform: translateY(-2px);
        box-shadow: 0 10px 26px rgba(143, 48, 72, 0.55), 0 0 34px 10px rgba(218, 125, 145, 0.65);
    }


/*============================================================
    ENQUIRY CTA GLOW
============================================================*/

@keyframes header-cta-glow-b-df3bl9x6jw {

    0%, 100% {
        box-shadow: 0 6px 16px rgba(143, 48, 72, 0.40), 0 0 10px 3px rgba(218, 125, 145, 0.35);
    }

    50% {
        box-shadow: 0 8px 22px rgba(143, 48, 72, 0.50), 0 0 28px 8px rgba(218, 125, 145, 0.60);
    }
}


/*============================================================
    CONFIDENTIAL DEBT SUPPORT
============================================================*/

.header-support[b-df3bl9x6jw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    gap: 6px;
    padding: 5px 10px;
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.1;
    white-space: nowrap;
}

    .header-support[b-df3bl9x6jw]  .rz-icon {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        color: #22c55e;
        font-size: 9px;
        line-height: 1;
    }

    .header-support span[b-df3bl9x6jw] {
        flex: 0 0 auto;
    }


/*============================================================
    PORTAL LOGIN
============================================================*/

.portal-login[b-df3bl9x6jw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 13px;
    color: #ffffff !important;
    background: linear-gradient( 135deg, #16324f, #2b5e84 );
    border: 1px solid #16324f;
    border-radius: 7px;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(22, 50, 79, .16);
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

    .portal-login[b-df3bl9x6jw]  .rz-icon {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        color: #ffffff !important;
        font-size: 17px;
        line-height: 1;
    }

    .portal-login span[b-df3bl9x6jw] {
        display: inline-flex;
        align-items: center;
        color: #ffffff !important;
    }

    .portal-login:hover[b-df3bl9x6jw] {
        color: #ffffff !important;
        text-decoration: none !important;
        background: linear-gradient( 135deg, #1d4162, #34719b );
        border-color: #1d4162;
        box-shadow: 0 6px 15px rgba(22, 50, 79, .25);
        transform: translateY(-1px);
    }

        .portal-login:hover[b-df3bl9x6jw]  .rz-icon,
        .portal-login:hover span[b-df3bl9x6jw] {
            color: #ffffff !important;
        }

    .portal-login:focus-visible[b-df3bl9x6jw] {
        outline: 3px solid rgba(43, 94, 132, .28);
        outline-offset: 3px;
    }


/*============================================================
    MOBILE MENU TOGGLE
============================================================*/

.mobile-menu-toggle[b-df3bl9x6jw] {
    display: none;
}


/*============================================================
    MOBILE
============================================================*/

@media (max-width: 900px) {

    /*========================================================
        MENU / CLOSE BUTTON
    ========================================================*/

    .mobile-menu-toggle[b-df3bl9x6jw] {
        position: relative;
        z-index: 2202;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        padding: 0;
        color: var(--primary);
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 50%;
        cursor: pointer;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.10);
        transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    }

        .mobile-menu-toggle:hover[b-df3bl9x6jw] {
            background: #f8fafc;
            border-color: var(--primary);
            transform: scale(1.05);
        }

        .mobile-menu-toggle[b-df3bl9x6jw]  .rz-icon {
            font-size: 24px;
            line-height: 1;
        }


        /*========================================================
        CLOSE BUTTON STATE
    ========================================================*/

        .mobile-menu-toggle.menu-open[b-df3bl9x6jw] {
            color: #dc2626;
            background: #fff7f7;
            border-color: rgba(220, 38, 38, 0.30);
        }

            .mobile-menu-toggle.menu-open:hover[b-df3bl9x6jw] {
                color: #ffffff;
                background: #dc2626;
                border-color: #dc2626;
                box-shadow: 0 5px 14px rgba(220, 38, 38, 0.28), 0 0 12px rgba(220, 38, 38, 0.18);
                transform: scale(1.06);
            }


    /*========================================================
        BACKDROP
    ========================================================*/

    .mobile-menu-backdrop[b-df3bl9x6jw] {
        position: fixed;
        inset: 0;
        z-index: 2198;
        background: rgba(15, 23, 42, 0.35);
        cursor: default;
    }


    /*========================================================
        NAVIGATION PANEL
    ========================================================*/

    .website-navigation[b-df3bl9x6jw] {
        z-index: 2200;
    }


    /*========================================================
        HEADER ACTIONS

        Your current mobile navigation intentionally hides
        these actions. We retain that existing behaviour.
    ========================================================*/

    .header-actions[b-df3bl9x6jw] {
        display: none !important;
    }
}
/* _content/eZeDebtHelp/Layout/AdminLayout.razor.rz.scp.css */
.page[b-0xnfuwbvw6] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-0xnfuwbvw6] {
    flex: 1;
}

.sidebar[b-0xnfuwbvw6] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

    .sidebar[b-0xnfuwbvw6] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-0xnfuwbvw6], article[b-0xnfuwbvw6] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-0xnfuwbvw6] {
    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-0xnfuwbvw6] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/eZeDebtHelp/Layout/AppLayout.razor.rz.scp.css */
.page[b-e1zh85magc] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-e1zh85magc] {
    flex: 1;
}

.sidebar[b-e1zh85magc] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

    .sidebar[b-e1zh85magc] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-e1zh85magc], article[b-e1zh85magc] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-e1zh85magc] {
    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-e1zh85magc] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/eZeDebtHelp/Layout/ApplicationVersionComponent.razor.rz.scp.css */

.version-size[b-ee297gjh6i] {
    font-size: 10px;
    color: white;
    background: #1f2937;
    /*    color: mediumslateblue;*/
}
/* _content/eZeDebtHelp/Layout/IntroducerLayout.razor.rz.scp.css */
/* ================================================================ */
/* INTRODUCER LAYOUT                                                 */
/* ================================================================ */

.introducer-shell[b-3fv2bvxbho] {
    width: 100%;
    min-height: 100vh;
    background: #f4f7fb;
}


/* ================================================================ */
/* HEADER                                                            */
/* ================================================================ */

.introducer-header[b-3fv2bvxbho] {
    position: relative;
    z-index: 100;
    width: 100%;
    min-height: 78px;
    color: #ffffff;
    background: linear-gradient(90deg, #16324f 0%, #1f4666 45%, #2b5e84 100%);
    box-shadow: 0 4px 16px rgba(15, 23, 42, .14);
}

.introducer-header-inner[b-3fv2bvxbho] {
    display: grid;
    width: 100%;
    min-height: 78px;
    padding: 0 28px;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 20px;
}


/* ================================================================ */
/* HEADER LEFT                                                       */
/* ================================================================ */

.introducer-header-left[b-3fv2bvxbho] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

    .introducer-header-left .introducer-user[b-3fv2bvxbho] {
        padding-left: 16px;
        border-left: 1px solid rgba(255, 255, 255, .18);
    }
/* ================================================================ */
/* BRAND                                                             */
/* ================================================================ */

.introducer-brand[b-3fv2bvxbho] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}

.introducer-brand-link[b-3fv2bvxbho] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    color: #ffffff;
    text-decoration: none;
}

    .introducer-brand-link:hover[b-3fv2bvxbho] {
        color: #ffffff;
        text-decoration: none;
    }

.introducer-brand-name[b-3fv2bvxbho] {
    color: #ffffff;
    font-size: 1.18rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .2px;
    white-space: nowrap;
}

.introducer-brand-subtitle[b-3fv2bvxbho] {
    margin-top: 3px;
    color: #bcd7f0;
    font-size: .62rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.introducer-brand-logo[b-3fv2bvxbho] {
    display: block;
    width: 170px;
    max-width: 100%;
    height: auto;
    border-radius: 14px;
}

/* ================================================================ */
/* NAVIGATION                                                        */
/* ================================================================ */

.introducer-nav[b-3fv2bvxbho] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

    .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item {
        display: inline-flex;
        min-height: 38px;
        padding: 0 13px;
        align-items: center;
        justify-content: center;
        gap: 7px;
        color: #e8f2fa !important;
        font-size: .78rem;
        font-weight: 600;
        line-height: 1;
        text-decoration: none !important;
        border: 1px solid transparent;
        border-radius: 7px;
        transition: color .18s ease, background-color .18s ease, border-color .18s ease;
    }

        .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item .nav-icon {
            color: #d7e9f7 !important;
            font-size: 18px;
        }

        .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item > span:not(.rz-icon) {
            color: inherit !important;
            text-decoration: none !important;
            white-space: nowrap;
        }

        .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item:hover {
            color: #ffffff !important;
            background: rgba(255, 255, 255, .11);
            border-color: rgba(255, 255, 255, .12);
        }

            .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item:hover .nav-icon {
                color: #ffffff !important;
            }

        .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item.active {
            color: #16324f !important;
            background: #ffffff;
            border-color: #ffffff;
            box-shadow: 0 3px 9px rgba(0, 0, 0, .12);
        }

            .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item.active .nav-icon {
                color: #16324f !important;
            }


/* ================================================================ */
/* CENTRE DASHBOARD HEADING                                          */
/* ================================================================ */

.introducer-header-title[b-3fv2bvxbho] {
    display: flex;
    min-width: 320px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.header-eyebrow[b-3fv2bvxbho] {
    color: #bcd7f0;
    font-size: .62rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .9px;
    text-transform: uppercase;
}

.header-title[b-3fv2bvxbho] {
    margin-top: 2px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.header-description[b-3fv2bvxbho] {
    margin-top: 2px;
    color: #d5e6f3;
    font-size: .68rem;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}


/* ================================================================ */
/* HEADER ACTIONS                                                    */
/* ================================================================ */

.introducer-header-actions[b-3fv2bvxbho] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}


/* ================================================================ */
/* USER                                                              */
/* ================================================================ */

.introducer-user[b-3fv2bvxbho] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.introducer-user-icon[b-3fv2bvxbho] {
    display: flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
}

    .introducer-user-icon .rz-icon[b-3fv2bvxbho] {
        font-size: 18px;
    }


/* ================================================================ */
/* PORTAL USER COMPONENT                                             */
/* ================================================================ */

.introducer-user[b-3fv2bvxbho]  .portal-user {
    color: #ffffff;
}

.introducer-user[b-3fv2bvxbho]  .portal-user-details {
    display: flex;
    flex-direction: column;
}

.introducer-user[b-3fv2bvxbho]  .portal-user-name {
    color: #ffffff;
}

.introducer-user[b-3fv2bvxbho]  .portal-user-role {
    color: #bcd7f0;
}

.introducer-user[b-3fv2bvxbho]  .portal-user-loading {
    color: #d7e9f7;
}

.introducer-user[b-3fv2bvxbho]  .portal-role-override {
    color: #ffffff;
}


/* ================================================================ */
/* LOGOUT                                                            */
/* ================================================================ */

.introducer-header-actions form[b-3fv2bvxbho] {
    margin: 0;
}

.introducer-logout[b-3fv2bvxbho] {
    display: flex;
    height: 38px;
    padding: 0 13px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #ffffff;
    font-family: inherit;
    font-size: .78rem;
    font-weight: 600;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 7px;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease;
}

    .introducer-logout:hover[b-3fv2bvxbho] {
        color: #ffffff;
        background: rgba(255, 255, 255, .16);
        border-color: rgba(255, 255, 255, .52);
    }

    .introducer-logout .rz-icon[b-3fv2bvxbho] {
        color: #ffffff;
        font-size: 18px;
    }


/* ================================================================ */
/* MAIN                                                              */
/* ================================================================ */

.introducer-main[b-3fv2bvxbho] {
    width: 100%;
    min-height: calc(100vh - 78px);
}


/* ================================================================ */
/* CONTENT                                                           */
/* ================================================================ */

.introducer-content[b-3fv2bvxbho] {
    width: 100%;
    min-height: calc(100vh - 78px);
    padding: 20px 28px 28px;
}

/* ================================================================ */
/* INTRODUCER ACCOUNT                                                */
/* ================================================================ */

.introducer-user-details[b-3fv2bvxbho] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.introducer-company-name[b-3fv2bvxbho] {
    max-width: 190px;
    overflow: hidden;
    color: #ffffff;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.introducer-user-role[b-3fv2bvxbho] {
    margin-top: 2px;
    color: #bcd7f0;
    font-size: .68rem;
    font-weight: 500;
    line-height: 1.1;
}

/* ================================================================ */
/* LARGE TABLET                                                      */
/* ================================================================ */

@media (max-width: 1200px) {

    .introducer-header-inner[b-3fv2bvxbho] {
        padding: 0 20px;
        gap: 14px;
    }

    .introducer-header-left[b-3fv2bvxbho] {
        gap: 14px;
    }

    .introducer-brand-name[b-3fv2bvxbho] {
        font-size: 1.05rem;
    }

    .introducer-nav[b-3fv2bvxbho] {
        gap: 3px;
    }

        .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item {
            padding: 0 8px;
            font-size: .74rem;
        }

            .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item .nav-icon {
                font-size: 17px;
            }

    .introducer-header-title[b-3fv2bvxbho] {
        min-width: 290px;
    }

    .header-title[b-3fv2bvxbho] {
        font-size: .9rem;
    }

    .header-description[b-3fv2bvxbho] {
        font-size: .64rem;
    }

    .introducer-header-actions[b-3fv2bvxbho] {
        gap: 9px;
    }

    .introducer-user-icon[b-3fv2bvxbho] {
        display: none;
    }
}


/* ================================================================ */
/* TABLET                                                            */
/* ================================================================ */

@media (max-width: 1000px) {

    .introducer-header-inner[b-3fv2bvxbho] {
        grid-template-columns: auto 1fr auto;
        padding: 0 16px;
    }

    .introducer-brand-subtitle[b-3fv2bvxbho] {
        display: none;
    }

    .introducer-header-left[b-3fv2bvxbho] {
        gap: 8px;
    }

    .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item {
        padding: 0 7px;
    }

        .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item .nav-icon {
            display: none;
        }

    .introducer-header-title[b-3fv2bvxbho] {
        min-width: 250px;
    }

    .header-title[b-3fv2bvxbho] {
        font-size: .82rem;
    }

    .header-description[b-3fv2bvxbho] {
        max-width: 270px;
        overflow: hidden;
        font-size: .61rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .introducer-content[b-3fv2bvxbho] {
        padding: 18px 22px 22px;
    }
}


/* ================================================================ */
/* MOBILE                                                            */
/* ================================================================ */

@media (max-width: 760px) {

    .introducer-header[b-3fv2bvxbho] {
        min-height: auto;
    }

    .introducer-header-inner[b-3fv2bvxbho] {
        display: grid;
        min-height: auto;
        padding: 10px 14px;
        grid-template-columns: 1fr auto;
        gap: 10px 12px;
    }

    .introducer-header-left[b-3fv2bvxbho] {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: flex-start;
    }

    .introducer-brand[b-3fv2bvxbho] {
        flex: 1;
    }

    .introducer-brand-name[b-3fv2bvxbho] {
        font-size: 1rem;
    }

    .introducer-brand-subtitle[b-3fv2bvxbho] {
        display: block;
        font-size: .56rem;
    }

    .introducer-nav[b-3fv2bvxbho] {
        display: flex;
    }

    .introducer-header-actions[b-3fv2bvxbho] {
        justify-content: flex-end;
    }

    .introducer-user[b-3fv2bvxbho] {
        display: none;
    }

    .introducer-header-title[b-3fv2bvxbho] {
        width: 100%;
        min-width: 0;
        grid-column: 1 / -1;
        grid-row: 2;
        padding-top: 8px;
        border-top: 1px solid rgba(255, 255, 255, .13);
    }

    .header-eyebrow[b-3fv2bvxbho] {
        font-size: .6rem;
    }

    .header-title[b-3fv2bvxbho] {
        margin-top: 2px;
        font-size: .82rem;
        white-space: normal;
    }

    .header-description[b-3fv2bvxbho] {
        max-width: none;
        margin-top: 2px;
        font-size: .62rem;
        white-space: normal;
    }

    .introducer-main[b-3fv2bvxbho] {
        min-height: auto;
    }

    .introducer-content[b-3fv2bvxbho] {
        min-height: auto;
        padding: 14px;
    }

    .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item {
        width: 36px;
        height: 36px;
        min-height: 36px;
        padding: 0;
    }

        .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item .nav-icon {
            display: inline-flex;
            font-size: 18px;
        }

        .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item > span:not(.rz-icon) {
            display: none;
        }

    .introducer-header-actions[b-3fv2bvxbho] {
        gap: 6px;
    }
}


/* ================================================================ */
/* SMALL MOBILE                                                      */
/* ================================================================ */

@media (max-width: 480px) {

    .introducer-header-inner[b-3fv2bvxbho] {
        padding: 9px 10px;
        gap: 8px;
    }

    .introducer-brand-name[b-3fv2bvxbho] {
        font-size: .92rem;
    }

    .introducer-brand-subtitle[b-3fv2bvxbho] {
        font-size: .52rem;
    }

    .introducer-logout[b-3fv2bvxbho] {
        width: 34px;
        height: 34px;
        padding: 0;
    }

        .introducer-logout span[b-3fv2bvxbho] {
            display: none;
        }

        .introducer-logout .rz-icon[b-3fv2bvxbho] {
            font-size: 17px;
        }

    .introducer-header-title[b-3fv2bvxbho] {
        padding-top: 7px;
    }

    .header-eyebrow[b-3fv2bvxbho] {
        font-size: .57rem;
    }

    .header-title[b-3fv2bvxbho] {
        font-size: .78rem;
    }

    .header-description[b-3fv2bvxbho] {
        font-size: .59rem;
    }

    .introducer-content[b-3fv2bvxbho] {
        padding: 12px;
    }
    .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item {
        width: 36px;
        height: 36px;
        min-height: 36px;
        padding: 0;
    }

        .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item .nav-icon {
            display: inline-flex;
            font-size: 18px;
        }

        .introducer-nav[b-3fv2bvxbho]  .introducer-nav-item > span:not(.rz-icon) {
            display: none;
        }

    .introducer-header-actions[b-3fv2bvxbho] {
        gap: 6px;
    }
}
/* _content/eZeDebtHelp/Layout/LoginLayout.razor.rz.scp.css */
/* ================================================================
   LOGIN LAYOUT
   ================================================================ */

.login-layout[b-bwivs2wj8l] {
    width: 100%;
    height: 95vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#blazor-error-ui[b-bwivs2wj8l] {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
    background: #fff3cd;
    color: #664d03;
    text-align: center;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, .15);
}

    #blazor-error-ui .reload[b-bwivs2wj8l] {
        margin-left: 10px;
    }

    #blazor-error-ui .dismiss[b-bwivs2wj8l] {
        position: absolute;
        right: 15px;
        cursor: pointer;
    }
/* _content/eZeDebtHelp/Layout/MainLayout.razor.rz.scp.css */
.page[b-xd34uezgca] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-xd34uezgca] {
    flex: 1;
}

.sidebar[b-xd34uezgca] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

    .sidebar[b-xd34uezgca] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-xd34uezgca], article[b-xd34uezgca] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-xd34uezgca] {
    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-xd34uezgca] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/eZeDebtHelp/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-axcgcl6gui] {
    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[b-axcgcl6gui] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

.navbar-brand[b-axcgcl6gui] {
    font-size: 1.1rem;
}

.bi[b-axcgcl6gui] {
    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[b-axcgcl6gui] {
    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[b-axcgcl6gui] {
    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[b-axcgcl6gui] {
    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");
}

.nav-item[b-axcgcl6gui] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-axcgcl6gui]  .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[b-axcgcl6gui]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-axcgcl6gui]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/eZeDebtHelp/Layout/PartnerLayout.razor.rz.scp.css */
/* ================================================================ */
/* partner LAYOUT                                                 */
/* ================================================================ */

.partner-shell[b-nwf7fys768] {
    width: 100%;
    min-height: 100vh;
    background: #f4f7fb;
}


/* ================================================================ */
/* HEADER                                                            */
/* ================================================================ */

.partner-header[b-nwf7fys768] {
    position: relative;
    z-index: 100;
    width: 100%;
    min-height: 78px;
    color: #ffffff;
    background: linear-gradient(90deg, #16324f 0%, #1f4666 45%, #2b5e84 100%);
    box-shadow: 0 4px 16px rgba(15, 23, 42, .14);
}

.partner-header-inner[b-nwf7fys768] {
    display: grid;
    width: 100%;
    min-height: 78px;
    padding: 0 28px;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 20px;
}


/* ================================================================ */
/* HEADER LEFT                                                       */
/* ================================================================ */

.partner-header-left[b-nwf7fys768] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

    .partner-header-left .partner-user[b-nwf7fys768] {
        padding-left: 16px;
        border-left: 1px solid rgba(255, 255, 255, .18);
    }
/* ================================================================ */
/* BRAND                                                             */
/* ================================================================ */

.partner-brand[b-nwf7fys768] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}

.partner-brand-link[b-nwf7fys768] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    color: #ffffff;
    text-decoration: none;
}

    .partner-brand-link:hover[b-nwf7fys768] {
        color: #ffffff;
        text-decoration: none;
    }

.partner-brand-name[b-nwf7fys768] {
    color: #ffffff;
    font-size: 1.18rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .2px;
    white-space: nowrap;
}

.partner-brand-subtitle[b-nwf7fys768] {
    margin-top: 3px;
    color: #bcd7f0;
    font-size: .62rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.partner-brand-logo[b-nwf7fys768] {
    display: block;
    width: 170px;
    max-width: 100%;
    height: auto;
    border-radius: 14px;
}

/* ================================================================ */
/* NAVIGATION                                                        */
/* ================================================================ */

.partner-nav[b-nwf7fys768] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

    .partner-nav[b-nwf7fys768]  .partner-nav-item {
        display: inline-flex;
        min-height: 38px;
        padding: 0 13px;
        align-items: center;
        justify-content: center;
        gap: 7px;
        color: #e8f2fa !important;
        font-size: .78rem;
        font-weight: 600;
        line-height: 1;
        text-decoration: none !important;
        border: 1px solid transparent;
        border-radius: 7px;
        transition: color .18s ease, background-color .18s ease, border-color .18s ease;
    }

        .partner-nav[b-nwf7fys768]  .partner-nav-item .nav-icon {
            color: #d7e9f7 !important;
            font-size: 18px;
        }

        .partner-nav[b-nwf7fys768]  .partner-nav-item > span:not(.rz-icon) {
            color: inherit !important;
            text-decoration: none !important;
            white-space: nowrap;
        }

        .partner-nav[b-nwf7fys768]  .partner-nav-item:hover {
            color: #ffffff !important;
            background: rgba(255, 255, 255, .11);
            border-color: rgba(255, 255, 255, .12);
        }

            .partner-nav[b-nwf7fys768]  .partner-nav-item:hover .nav-icon {
                color: #ffffff !important;
            }

        .partner-nav[b-nwf7fys768]  .partner-nav-item.active {
            color: #16324f !important;
            background: #ffffff;
            border-color: #ffffff;
            box-shadow: 0 3px 9px rgba(0, 0, 0, .12);
        }

            .partner-nav[b-nwf7fys768]  .partner-nav-item.active .nav-icon {
                color: #16324f !important;
            }


/* ================================================================ */
/* CENTRE DASHBOARD HEADING                                          */
/* ================================================================ */

.partner-header-title[b-nwf7fys768] {
    display: flex;
    min-width: 320px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.header-eyebrow[b-nwf7fys768] {
    color: #bcd7f0;
    font-size: .62rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .9px;
    text-transform: uppercase;
}

.header-title[b-nwf7fys768] {
    margin-top: 2px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.header-description[b-nwf7fys768] {
    margin-top: 2px;
    color: #d5e6f3;
    font-size: .68rem;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}


/* ================================================================ */
/* HEADER ACTIONS                                                    */
/* ================================================================ */

.partner-header-actions[b-nwf7fys768] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}


/* ================================================================ */
/* USER                                                              */
/* ================================================================ */

.partner-user[b-nwf7fys768] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.partner-user-icon[b-nwf7fys768] {
    display: flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
}

    .partner-user-icon .rz-icon[b-nwf7fys768] {
        font-size: 18px;
    }


/* ================================================================ */
/* PORTAL USER COMPONENT                                             */
/* ================================================================ */

.partner-user[b-nwf7fys768]  .portal-user {
    color: #ffffff;
}

.partner-user[b-nwf7fys768]  .portal-user-details {
    display: flex;
    flex-direction: column;
}

.partner-user[b-nwf7fys768]  .portal-user-name {
    color: #ffffff;
}

.partner-user[b-nwf7fys768]  .portal-user-role {
    color: #bcd7f0;
}

.partner-user[b-nwf7fys768]  .portal-user-loading {
    color: #d7e9f7;
}

.partner-user[b-nwf7fys768]  .portal-role-override {
    color: #ffffff;
}


/* ================================================================ */
/* LOGOUT                                                            */
/* ================================================================ */

.partner-header-actions form[b-nwf7fys768] {
    margin: 0;
}

.partner-logout[b-nwf7fys768] {
    display: flex;
    height: 38px;
    padding: 0 13px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #ffffff;
    font-family: inherit;
    font-size: .78rem;
    font-weight: 600;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 7px;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease;
}

    .partner-logout:hover[b-nwf7fys768] {
        color: #ffffff;
        background: rgba(255, 255, 255, .16);
        border-color: rgba(255, 255, 255, .52);
    }

    .partner-logout .rz-icon[b-nwf7fys768] {
        color: #ffffff;
        font-size: 18px;
    }


/* ================================================================ */
/* MAIN                                                              */
/* ================================================================ */

.partner-main[b-nwf7fys768] {
    width: 100%;
    min-height: calc(100vh - 78px);
}


/* ================================================================ */
/* CONTENT                                                           */
/* ================================================================ */

.partner-content[b-nwf7fys768] {
    width: 100%;
    min-height: calc(100vh - 78px);
    padding: 20px 28px 28px;
}

/* ================================================================ */
/* partner ACCOUNT                                                */
/* ================================================================ */

.partner-user-details[b-nwf7fys768] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.partner-company-name[b-nwf7fys768] {
    max-width: 190px;
    overflow: hidden;
    color: #ffffff;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.partner-user-role[b-nwf7fys768] {
    margin-top: 2px;
    color: #bcd7f0;
    font-size: .68rem;
    font-weight: 500;
    line-height: 1.1;
}

/* ================================================================ */
/* LARGE TABLET                                                      */
/* ================================================================ */

@media (max-width: 1200px) {

    .partner-header-inner[b-nwf7fys768] {
        padding: 0 20px;
        gap: 14px;
    }

    .partner-header-left[b-nwf7fys768] {
        gap: 14px;
    }

    .partner-brand-name[b-nwf7fys768] {
        font-size: 1.05rem;
    }

    .partner-nav[b-nwf7fys768] {
        gap: 3px;
    }

        .partner-nav[b-nwf7fys768]  .partner-nav-item {
            padding: 0 8px;
            font-size: .74rem;
        }

            .partner-nav[b-nwf7fys768]  .partner-nav-item .nav-icon {
                font-size: 17px;
            }

    .partner-header-title[b-nwf7fys768] {
        min-width: 290px;
    }

    .header-title[b-nwf7fys768] {
        font-size: .9rem;
    }

    .header-description[b-nwf7fys768] {
        font-size: .64rem;
    }

    .partner-header-actions[b-nwf7fys768] {
        gap: 9px;
    }

    .partner-user-icon[b-nwf7fys768] {
        display: none;
    }
}


/* ================================================================ */
/* TABLET                                                            */
/* ================================================================ */

@media (max-width: 1000px) {

    .partner-header-inner[b-nwf7fys768] {
        grid-template-columns: auto 1fr auto;
        padding: 0 16px;
    }

    .partner-brand-subtitle[b-nwf7fys768] {
        display: none;
    }

    .partner-header-left[b-nwf7fys768] {
        gap: 8px;
    }

    .partner-nav[b-nwf7fys768]  .partner-nav-item {
        padding: 0 7px;
    }

        .partner-nav[b-nwf7fys768]  .partner-nav-item .nav-icon {
            display: none;
        }

    .partner-header-title[b-nwf7fys768] {
        min-width: 250px;
    }

    .header-title[b-nwf7fys768] {
        font-size: .82rem;
    }

    .header-description[b-nwf7fys768] {
        max-width: 270px;
        overflow: hidden;
        font-size: .61rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .partner-content[b-nwf7fys768] {
        padding: 18px 22px 22px;
    }
}


/* ================================================================ */
/* MOBILE                                                            */
/* ================================================================ */

@media (max-width: 760px) {

    .partner-header[b-nwf7fys768] {
        min-height: auto;
    }

    .partner-header-inner[b-nwf7fys768] {
        display: grid;
        min-height: auto;
        padding: 10px 14px;
        grid-template-columns: 1fr auto;
        gap: 10px 12px;
    }

    .partner-header-left[b-nwf7fys768] {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: flex-start;
    }

    .partner-brand[b-nwf7fys768] {
        flex: 1;
    }

    .partner-brand-name[b-nwf7fys768] {
        font-size: 1rem;
    }

    .partner-brand-subtitle[b-nwf7fys768] {
        display: block;
        font-size: .56rem;
    }

    .partner-nav[b-nwf7fys768] {
        display: flex;
    }

    .partner-header-actions[b-nwf7fys768] {
        justify-content: flex-end;
    }

    .partner-user[b-nwf7fys768] {
        display: none;
    }

    .partner-header-title[b-nwf7fys768] {
        width: 100%;
        min-width: 0;
        grid-column: 1 / -1;
        grid-row: 2;
        padding-top: 8px;
        border-top: 1px solid rgba(255, 255, 255, .13);
    }

    .header-eyebrow[b-nwf7fys768] {
        font-size: .6rem;
    }

    .header-title[b-nwf7fys768] {
        margin-top: 2px;
        font-size: .82rem;
        white-space: normal;
    }

    .header-description[b-nwf7fys768] {
        max-width: none;
        margin-top: 2px;
        font-size: .62rem;
        white-space: normal;
    }

    .partner-main[b-nwf7fys768] {
        min-height: auto;
    }

    .partner-content[b-nwf7fys768] {
        min-height: auto;
        padding: 14px;
    }

    .partner-nav[b-nwf7fys768]  .partner-nav-item {
        width: 36px;
        height: 36px;
        min-height: 36px;
        padding: 0;
    }

        .partner-nav[b-nwf7fys768]  .partner-nav-item .nav-icon {
            display: inline-flex;
            font-size: 18px;
        }

        .partner-nav[b-nwf7fys768]  .partner-nav-item > span:not(.rz-icon) {
            display: none;
        }

    .partner-header-actions[b-nwf7fys768] {
        gap: 6px;
    }
}


/* ================================================================ */
/* SMALL MOBILE                                                      */
/* ================================================================ */

@media (max-width: 480px) {

    .partner-header-inner[b-nwf7fys768] {
        padding: 9px 10px;
        gap: 8px;
    }

    .partner-brand-name[b-nwf7fys768] {
        font-size: .92rem;
    }

    .partner-brand-subtitle[b-nwf7fys768] {
        font-size: .52rem;
    }

    .partner-logout[b-nwf7fys768] {
        width: 34px;
        height: 34px;
        padding: 0;
    }

        .partner-logout span[b-nwf7fys768] {
            display: none;
        }

        .partner-logout .rz-icon[b-nwf7fys768] {
            font-size: 17px;
        }

    .partner-header-title[b-nwf7fys768] {
        padding-top: 7px;
    }

    .header-eyebrow[b-nwf7fys768] {
        font-size: .57rem;
    }

    .header-title[b-nwf7fys768] {
        font-size: .78rem;
    }

    .header-description[b-nwf7fys768] {
        font-size: .59rem;
    }

    .partner-content[b-nwf7fys768] {
        padding: 12px;
    }
    .partner-nav[b-nwf7fys768]  .partner-nav-item {
        width: 36px;
        height: 36px;
        min-height: 36px;
        padding: 0;
    }

        .partner-nav[b-nwf7fys768]  .partner-nav-item .nav-icon {
            display: inline-flex;
            font-size: 18px;
        }

        .partner-nav[b-nwf7fys768]  .partner-nav-item > span:not(.rz-icon) {
            display: none;
        }

    .partner-header-actions[b-nwf7fys768] {
        gap: 6px;
    }
}
/* _content/eZeDebtHelp/Layout/SecureEnquiryLayout.razor.rz.scp.css */
.secure-layout[b-7g18rzsbgj] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    background: linear-gradient(145deg, #f8fbff 0%, #eef5fc 100%);
}

.secure-layout-main[b-7g18rzsbgj] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 32px 20px;
}

.secure-layout-footer[b-7g18rzsbgj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 18px 20px;
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 500;
}

    .secure-layout-footer > span:first-child[b-7g18rzsbgj] {
        color: #3155a6;
        font-weight: 700;
    }

.secure-layout-divider[b-7g18rzsbgj] {
    color: #cbd5e1;
}

@media (max-width: 600px) {
    .secure-layout-main[b-7g18rzsbgj] {
        padding: 20px 14px;
    }

    .secure-layout-footer[b-7g18rzsbgj] {
        flex-wrap: wrap;
        padding: 14px;
        text-align: center;
    }
}