/* /Components/Layout/MainLayout.razor.rz.scp.css */
.site-shell[b-zf4afp63x6] {
    min-height: 100vh;
    background: radial-gradient( circle at 50% -10%, var(--bw-header-glow), transparent 34rem), var(--bw-bg);
    color: var(--bw-text);
    transition: background 220ms ease, color 220ms ease;
}

.site-header[b-zf4afp63x6] {
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid var(--bw-border);
    background: var(--bw-header-bg);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

.header-inner[b-zf4afp63x6] {
    width: min(1180px, calc(100% - 40px));
    height: 76px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 28px;
}

.brand[b-zf4afp63x6] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    color: var(--bw-text);
    text-decoration: none;
    font-weight: 760;
    letter-spacing: -0.035em;
}

    .brand:hover[b-zf4afp63x6] {
        color: var(--bw-text);
    }

.brand-name[b-zf4afp63x6] {
    font-size: 1.18rem;
}

.brand-mark[b-zf4afp63x6] {
    position: relative;
    width: 31px;
    height: 31px;
    border-radius: 10px;
    background: linear-gradient( 145deg, #244bf1 0%, #5676ff 55%, #7c8eff 100%);
    box-shadow: 0 8px 22px rgba(37, 75, 241, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.brand-mark-inner[b-zf4afp63x6] {
    position: absolute;
    width: 13px;
    height: 13px;
    top: 9px;
    left: 9px;
    border: 2px solid white;
    border-top-color: transparent;
    border-radius: 50%;
    transform: rotate(-28deg);
}

    .brand-mark-inner[b-zf4afp63x6]::after {
        content: "";
        position: absolute;
        width: 5px;
        height: 2px;
        top: -1px;
        right: -2px;
        border-radius: 99px;
        background: white;
        transform: rotate(24deg);
    }

.brand-mark-small[b-zf4afp63x6] {
    width: 27px;
    height: 27px;
    border-radius: 9px;
}

    .brand-mark-small .brand-mark-inner[b-zf4afp63x6] {
        width: 11px;
        height: 11px;
        top: 8px;
        left: 8px;
    }

.desktop-nav[b-zf4afp63x6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
}

    .desktop-nav a[b-zf4afp63x6] {
        color: var(--bw-text-muted);
        text-decoration: none;
        font-size: 0.9rem;
        font-weight: 600;
        transition: color 160ms ease, transform 160ms ease;
    }

        .desktop-nav a:hover[b-zf4afp63x6] {
            color: var(--bw-text);
            transform: translateY(-1px);
        }

.header-actions[b-zf4afp63x6] {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-action[b-zf4afp63x6] {
    padding: 10px 16px;
    border: 1px solid var(--bw-border);
    border-radius: 13px;
    background: var(--bw-surface-soft);
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.05);
    color: var(--bw-text);
    text-decoration: none;
    font-size: 0.86rem;
    font-weight: 700;
    transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease, border-color 160ms ease;
}

    .header-action:hover[b-zf4afp63x6] {
        color: var(--bw-text);
        background: var(--bw-surface-hover);
        border-color: var(--bw-border-strong);
        transform: translateY(-1px);
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.09);
    }

.site-footer[b-zf4afp63x6] {
    border-top: 1px solid var(--bw-border);
    background: var(--bw-bg);
}

.footer-inner[b-zf4afp63x6] {
    width: min(1180px, calc(100% - 40px));
    min-height: 160px;
    margin: 0 auto;
    padding: 36px 0;
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 48px;
}

.footer-brand p[b-zf4afp63x6] {
    margin: 12px 0 0;
    color: var(--bw-text-muted);
    font-size: 0.86rem;
}

.footer-status[b-zf4afp63x6] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--bw-text-muted);
    font-size: 0.82rem;
    white-space: nowrap;
}

.status-dot[b-zf4afp63x6] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #35b777;
    box-shadow: 0 0 0 4px rgba(53, 183, 119, 0.11);
}

.footer-copy[b-zf4afp63x6] {
    color: var(--bw-text-subtle);
    font-size: 0.78rem;
    white-space: nowrap;
}

@media (max-width: 820px) {
    .header-inner[b-zf4afp63x6] {
        width: min(100% - 28px, 1180px);
        height: 68px;
        display: flex;
        justify-content: space-between;
    }

    .desktop-nav[b-zf4afp63x6] {
        display: none;
    }

    .header-action[b-zf4afp63x6] {
        padding: 9px 13px;
        font-size: 0.8rem;
    }

    .footer-inner[b-zf4afp63x6] {
        width: min(100% - 32px, 1180px);
        grid-template-columns: 1fr;
        gap: 24px;
        align-items: start;
    }

    .footer-status[b-zf4afp63x6] {
        white-space: normal;
    }
}

@media (max-width: 500px) {
    .header-action[b-zf4afp63x6] {
        display: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-wr88iys07n],
.components-reconnect-repeated-attempt-visible[b-wr88iys07n],
.components-reconnect-failed-visible[b-wr88iys07n],
.components-pause-visible[b-wr88iys07n],
.components-resume-failed-visible[b-wr88iys07n],
.components-rejoining-animation[b-wr88iys07n] {
    display: none;
}

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


#components-reconnect-modal[b-wr88iys07n] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-wr88iys07n 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-wr88iys07n] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-wr88iys07n] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-wr88iys07n] {
        background-color: #6b9ed2;
    }

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

    .components-rejoining-animation div[b-wr88iys07n] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-wr88iys07n 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-gxbs2yappe] {
    width: 39px;
    height: 39px;
    padding: 0;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--bw-border);
    border-radius: 12px;
    background: var(--bw-surface-soft);
    color: var(--bw-text-secondary);
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    cursor: pointer;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

    .theme-toggle:hover[b-gxbs2yappe] {
        background: var(--bw-surface-hover);
        border-color: var(--bw-border-strong);
        color: var(--bw-text);
        transform: translateY(-1px);
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.09);
    }

    .theme-toggle:active[b-gxbs2yappe] {
        transform: translateY(0);
    }

    .theme-toggle:focus-visible[b-gxbs2yappe] {
        outline: 3px solid rgba(91, 118, 255, 0.28);
        outline-offset: 2px;
    }

.theme-icon[b-gxbs2yappe] {
    width: 18px;
    height: 18px;
}
/* /Components/Pages/App/Account.razor.rz.scp.css */
.account-tools-grid[b-6vsllz9xkf] {
    display: grid;
    grid-template-columns: repeat( 2, minmax(0, 1fr));
    gap: 12px;
}

.account-tool-card[b-6vsllz9xkf] {
    min-height: 120px;
    padding: 19px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    border: 1px solid var(--bw-border);
    border-radius: 18px;
    background: var(--bw-surface-soft);
    color: inherit;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

    .account-tool-card:hover[b-6vsllz9xkf] {
        transform: translateY(-2px);
        border-color: rgba(82, 107, 240, 0.23);
        background: linear-gradient( 145deg, rgba(82, 107, 240, 0.055), var(--bw-surface-soft));
        box-shadow: 0 15px 38px rgba(0, 0, 0, 0.06);
    }

.account-tool-icon[b-6vsllz9xkf] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(82, 107, 240, 0.10);
    color: #879aff;
    font-size: 0.86rem;
    font-weight: 800;
}

.account-tool-card h2[b-6vsllz9xkf] {
    margin: 4px 0 5px;
    color: var(--bw-text);
    font-size: 0.88rem;
    letter-spacing: -0.025em;
}

.account-tool-card p[b-6vsllz9xkf] {
    max-width: 460px;
    margin: 0;
    color: var(--bw-text-muted);
    font-size: 0.61rem;
    line-height: 1.5;
}

.account-tool-arrow[b-6vsllz9xkf] {
    color: var(--bw-text-subtle);
    font-size: 1rem;
}

@media (max-width: 760px) {
    .account-tools-grid[b-6vsllz9xkf] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.landing-page[b-ntn85i2rql] {
    overflow: hidden;
}

.hero[b-ntn85i2rql] {
    position: relative;
    width: min(1180px, calc(100% - 40px));
    min-height: 720px;
    margin: 0 auto;
    padding: 104px 0 82px;
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(480px, 1.08fr);
    align-items: center;
    gap: 74px;
}

.hero-glow[b-ntn85i2rql] {
    position: absolute;
    pointer-events: none;
    filter: blur(4px);
}

.hero-glow-left[b-ntn85i2rql] {
    width: 440px;
    height: 440px;
    left: -330px;
    top: 70px;
    border-radius: 50%;
    background: rgba(62, 98, 255, 0.08);
}

.hero-glow-right[b-ntn85i2rql] {
    width: 500px;
    height: 500px;
    right: -270px;
    top: 20px;
    border-radius: 50%;
    background: rgba(119, 84, 255, 0.07);
}

.hero-content[b-ntn85i2rql],
.hero-product[b-ntn85i2rql] {
    position: relative;
    z-index: 2;
}

.eyebrow[b-ntn85i2rql],
.section-kicker[b-ntn85i2rql] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #4962de;
    text-transform: uppercase;
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.115em;
}

.eyebrow[b-ntn85i2rql] {
    padding: 8px 12px;
    border: 1px solid rgba(73, 98, 222, 0.13);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 5px 20px rgba(15, 23, 42, 0.035);
}

.eyebrow-pulse[b-ntn85i2rql] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #526ef5;
    box-shadow: 0 0 0 4px rgba(82, 110, 245, 0.11);
}

.hero h1[b-ntn85i2rql] {
    max-width: 620px;
    margin: 24px 0 22px;
    color: #111827;
    font-size: clamp(3.35rem, 5.8vw, 5rem);
    line-height: 0.98;
    font-weight: 780;
    letter-spacing: -0.065em;
}

    .hero h1 span[b-ntn85i2rql],
    .section-heading h2 span[b-ntn85i2rql],
    .example-copy h2 span[b-ntn85i2rql],
    .closing-content h2 span[b-ntn85i2rql] {
        display: block;
        color: #596579;
    }

.hero-description[b-ntn85i2rql] {
    max-width: 570px;
    margin: 0;
    color: #667085;
    font-size: 1.11rem;
    line-height: 1.72;
}

.hero-actions[b-ntn85i2rql] {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 34px;
}

.primary-button[b-ntn85i2rql],
.secondary-button[b-ntn85i2rql],
.closing-button[b-ntn85i2rql] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 730;
    transition: transform 170ms ease, box-shadow 170ms ease, background 170ms ease;
}

.primary-button[b-ntn85i2rql] {
    padding: 14px 19px;
    background: linear-gradient( 145deg, #2349ee, #526ef5);
    color: white;
    box-shadow: 0 12px 28px rgba(49, 78, 232, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

    .primary-button:hover[b-ntn85i2rql] {
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 17px 36px rgba(49, 78, 232, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22);
    }

.secondary-button[b-ntn85i2rql] {
    padding: 13px 18px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: rgba(255, 255, 255, 0.72);
    color: #344054;
}

    .secondary-button:hover[b-ntn85i2rql] {
        color: #111827;
        background: white;
        transform: translateY(-2px);
    }

.trust-row[b-ntn85i2rql] {
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
    margin-top: 27px;
}

.trust-item[b-ntn85i2rql] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #7a8497;
    font-size: 0.77rem;
    font-weight: 600;
}

.check-icon[b-ntn85i2rql] {
    display: inline-grid;
    place-items: center;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: rgba(55, 181, 119, 0.11);
    color: #24945d;
    font-size: 0.66rem;
    font-weight: 900;
}

.hero-product[b-ntn85i2rql] {
    perspective: 1600px;
}

.product-window[b-ntn85i2rql] {
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.09);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 45px 90px rgba(26, 39, 80, 0.13), 0 12px 34px rgba(26, 39, 80, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transform: rotateY(-3deg) rotateX(1deg);
}

.window-toolbar[b-ntn85i2rql] {
    height: 57px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    background: rgba(250, 251, 253, 0.95);
}

.window-title[b-ntn85i2rql] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #252d3c;
    font-size: 0.8rem;
    font-weight: 750;
}

.mini-mark[b-ntn85i2rql] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background: linear-gradient( 145deg, #264df0, #6680ff);
}

.watching-pill[b-ntn85i2rql] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 6px 9px;
    border-radius: 999px;
    background: #eef9f3;
    color: #258257;
    font-size: 0.68rem;
    font-weight: 750;
}

    .watching-pill span[b-ntn85i2rql] {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #35b777;
    }

.dashboard-preview[b-ntn85i2rql] {
    padding: 27px;
    background: linear-gradient( 180deg, #f8f9fc, #f3f5f9);
}

.dashboard-heading[b-ntn85i2rql] {
    margin-bottom: 19px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.preview-label[b-ntn85i2rql] {
    margin-bottom: 2px;
    color: #8b93a3;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.impact-amount[b-ntn85i2rql] {
    display: inline;
    color: #151c29;
    font-size: 2.45rem;
    line-height: 1;
    font-weight: 780;
    letter-spacing: -0.055em;
}

.impact-period[b-ntn85i2rql] {
    display: inline;
    color: #929aab;
    font-size: 0.76rem;
    font-weight: 600;
}

.preview-summary[b-ntn85i2rql] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #8a93a3;
    font-size: 0.68rem;
    line-height: 1.35;
}

    .preview-summary strong[b-ntn85i2rql] {
        color: #364152;
        font-size: 1rem;
    }

.alert-card[b-ntn85i2rql] {
    padding: 20px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 20px;
    background: white;
    box-shadow: 0 11px 30px rgba(32, 44, 75, 0.06);
}

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

.provider[b-ntn85i2rql] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.provider-icon[b-ntn85i2rql] {
    display: grid;
    place-items: center;
    width: 37px;
    height: 37px;
    border-radius: 12px;
    background: #edf1ff;
    color: #4d66dc;
    font-size: 0.78rem;
    font-weight: 800;
}

.provider strong[b-ntn85i2rql],
.provider span[b-ntn85i2rql] {
    display: block;
}

.provider strong[b-ntn85i2rql] {
    color: #283142;
    font-size: 0.78rem;
}

.provider span[b-ntn85i2rql] {
    margin-top: 2px;
    color: #98a0ae;
    font-size: 0.65rem;
}

.increase-badge[b-ntn85i2rql] {
    padding: 5px 8px;
    border-radius: 999px;
    background: #fff0ee;
    color: #c9544a;
    font-size: 0.62rem;
    font-weight: 750;
}

.price-change[b-ntn85i2rql] {
    margin: 20px 0 15px;
    padding: 15px 0;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 15px;
    border-top: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5;
}

    .price-change > div[b-ntn85i2rql] {
        display: flex;
        flex-direction: column;
    }

    .price-change span[b-ntn85i2rql] {
        color: #9aa2b1;
        font-size: 0.62rem;
    }

    .price-change strong[b-ntn85i2rql] {
        margin-top: 2px;
        color: #252d3c;
        font-size: 1.06rem;
    }

.price-arrow[b-ntn85i2rql] {
    color: #a6adba !important;
    font-size: 1rem !important;
}

.impact-grid[b-ntn85i2rql] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

    .impact-grid div[b-ntn85i2rql] {
        padding: 11px 12px;
        border-radius: 12px;
        background: #f7f8fb;
    }

    .impact-grid span[b-ntn85i2rql],
    .impact-grid strong[b-ntn85i2rql] {
        display: block;
    }

    .impact-grid span[b-ntn85i2rql] {
        color: #929aaa;
        font-size: 0.61rem;
    }

    .impact-grid strong[b-ntn85i2rql] {
        margin-top: 2px;
        color: #d25146;
        font-size: 0.83rem;
    }

.reason-box[b-ntn85i2rql] {
    margin-top: 12px;
    padding: 14px;
    border-radius: 14px;
    background: #f8f9fb;
}

.reason-heading[b-ntn85i2rql] {
    margin-bottom: 7px;
    color: #6a7383;
    font-size: 0.63rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.reason-line[b-ntn85i2rql] {
    padding: 6px 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    color: #697386;
    font-size: 0.68rem;
}

    .reason-line strong[b-ntn85i2rql] {
        color: #c8544b;
    }

    .reason-line.unchanged strong[b-ntn85i2rql] {
        color: #778193;
    }

.preview-footer[b-ntn85i2rql] {
    margin-top: 13px;
    text-align: center;
    color: #9ba2b0;
    font-size: 0.58rem;
}

.proof-strip[b-ntn85i2rql] {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
    padding: 21px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.035);
}

.proof-item[b-ntn85i2rql] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #606a7c;
    font-size: 0.76rem;
    font-weight: 650;
    white-space: nowrap;
}

    .proof-item span[b-ntn85i2rql] {
        color: #9ca4b3;
        font-size: 0.63rem;
        font-weight: 800;
    }

.proof-divider[b-ntn85i2rql] {
    width: 1px;
    height: 18px;
    background: #e5e8ee;
}

.section[b-ntn85i2rql] {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 144px 0;
}

.section-heading[b-ntn85i2rql] {
    max-width: 680px;
    margin: 0 auto 55px;
    text-align: center;
}

    .section-heading h2[b-ntn85i2rql],
    .example-copy h2[b-ntn85i2rql],
    .security-copy h2[b-ntn85i2rql],
    .closing-content h2[b-ntn85i2rql] {
        margin: 16px 0 17px;
        color: #151b27;
        font-size: clamp(2.3rem, 4.2vw, 3.45rem);
        line-height: 1.04;
        font-weight: 770;
        letter-spacing: -0.055em;
    }

    .section-heading p[b-ntn85i2rql],
    .example-copy > p[b-ntn85i2rql],
    .security-copy p[b-ntn85i2rql],
    .closing-content p[b-ntn85i2rql] {
        color: #70798b;
        font-size: 1rem;
        line-height: 1.75;
    }

.steps[b-ntn85i2rql] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 17px;
}

.step-card[b-ntn85i2rql] {
    position: relative;
    min-height: 328px;
    padding: 28px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 23px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 13px 42px rgba(18, 31, 64, 0.04);
}

.featured-step[b-ntn85i2rql] {
    background: linear-gradient( 150deg, rgba(242, 245, 255, 0.95), rgba(255, 255, 255, 0.9));
    border-color: rgba(75, 99, 224, 0.13);
}

.step-number[b-ntn85i2rql] {
    position: absolute;
    top: 23px;
    right: 25px;
    color: #b1b7c3;
    font-size: 0.65rem;
    font-weight: 800;
}

.step-icon[b-ntn85i2rql] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 42px;
    border-radius: 15px;
    background: #f0f3ff;
}

.bank-icon[b-ntn85i2rql] {
    position: relative;
    width: 21px;
    height: 15px;
    border-left: 2px solid #5069df;
    border-right: 2px solid #5069df;
    border-bottom: 2px solid #5069df;
}

    .bank-icon[b-ntn85i2rql]::before {
        content: "";
        position: absolute;
        left: -4px;
        top: -7px;
        width: 25px;
        height: 2px;
        background: #5069df;
        transform: skewY(-20deg);
    }

.pulse-icon[b-ntn85i2rql] {
    position: relative;
    width: 25px;
    height: 15px;
}

    .pulse-icon[b-ntn85i2rql]::before {
        content: "";
        position: absolute;
        inset: 0;
        border-bottom: 2px solid #5069df;
        transform: skewX(-28deg) translateY(-5px);
    }

.document-icon[b-ntn85i2rql] {
    width: 19px;
    height: 24px;
    border: 2px solid #5069df;
    border-radius: 3px;
}

.step-card h3[b-ntn85i2rql] {
    margin: 0 0 11px;
    color: #2a3241;
    font-size: 1.1rem;
    font-weight: 740;
    letter-spacing: -0.025em;
}

.step-card p[b-ntn85i2rql] {
    margin: 0;
    color: #788194;
    font-size: 0.86rem;
    line-height: 1.68;
}

.step-detail[b-ntn85i2rql] {
    position: absolute;
    left: 28px;
    bottom: 27px;
    color: #9aa2b1;
    font-size: 0.68rem;
    font-weight: 650;
}

.mini-change[b-ntn85i2rql] {
    position: absolute;
    left: 28px;
    bottom: 24px;
    display: flex;
    align-items: center;
    gap: 11px;
    color: #9aa2b1;
    font-size: 0.76rem;
}

    .mini-change strong[b-ntn85i2rql] {
        color: #cc554c;
    }

.example-section[b-ntn85i2rql] {
    padding-top: 100px;
}

.example-layout[b-ntn85i2rql] {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(440px, 1.08fr);
    gap: 105px;
    align-items: center;
}

.example-copy h2 span[b-ntn85i2rql] {
    color: #596579;
}

.comparison-list[b-ntn85i2rql] {
    margin-top: 33px;
    display: grid;
    gap: 20px;
}

.comparison-item[b-ntn85i2rql] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.comparison-check[b-ntn85i2rql] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    border-radius: 50%;
    background: #edf8f2;
    color: #2c9d65;
    font-size: 0.72rem;
    font-weight: 900;
}

.comparison-item strong[b-ntn85i2rql],
.comparison-item span[b-ntn85i2rql] {
    display: block;
}

.comparison-item strong[b-ntn85i2rql] {
    margin-bottom: 3px;
    color: #344054;
    font-size: 0.86rem;
}

.comparison-item div > span[b-ntn85i2rql] {
    color: #8992a2;
    font-size: 0.77rem;
    line-height: 1.55;
}

.change-card[b-ntn85i2rql] {
    padding: 29px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 25px;
    background: white;
    box-shadow: 0 35px 80px rgba(25, 38, 75, 0.1), 0 7px 22px rgba(25, 38, 75, 0.05);
}

.change-card-header[b-ntn85i2rql] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.card-label[b-ntn85i2rql] {
    color: #939baa;
    text-transform: uppercase;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.change-card h3[b-ntn85i2rql] {
    margin: 3px 0 0;
    color: #2b3343;
    font-size: 1rem;
    font-weight: 760;
}

.confidence-pill[b-ntn85i2rql] {
    padding: 6px 9px;
    border-radius: 999px;
    background: #edf8f2;
    color: #27845a;
    font-size: 0.62rem;
    font-weight: 750;
}

.change-amount-row[b-ntn85i2rql] {
    padding: 31px 0 25px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 20px;
}

.old-amount[b-ntn85i2rql],
.new-amount[b-ntn85i2rql] {
    font-size: 2.2rem;
    font-weight: 760;
    letter-spacing: -0.045em;
}

.old-amount[b-ntn85i2rql] {
    color: #a1a8b4;
}

.new-amount[b-ntn85i2rql] {
    color: #222a38;
    text-align: right;
}

.large-arrow[b-ntn85i2rql] {
    color: #c2c7d0;
    font-size: 1.3rem;
}

.annual-callout[b-ntn85i2rql] {
    padding: 17px 19px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 18px;
    border-radius: 16px;
    background: #fff4f2;
}

    .annual-callout div:not(.annual-divider)[b-ntn85i2rql] {
        display: flex;
        flex-direction: column;
    }

    .annual-callout span[b-ntn85i2rql] {
        color: #a3736d;
        font-size: 0.63rem;
    }

    .annual-callout strong[b-ntn85i2rql] {
        margin-top: 2px;
        color: #c84e45;
        font-size: 1rem;
    }

.annual-divider[b-ntn85i2rql] {
    width: 1px;
    background: rgba(185, 99, 89, 0.16);
}

.why-list[b-ntn85i2rql] {
    margin-top: 17px;
    padding: 18px;
    border-radius: 16px;
    background: #f8f9fb;
}

.why-title[b-ntn85i2rql] {
    margin-bottom: 8px;
    color: #7b8494;
    text-transform: uppercase;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.07em;
}

.why-row[b-ntn85i2rql] {
    padding: 8px 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    color: #646e80;
    font-size: 0.76rem;
}

    .why-row > div[b-ntn85i2rql] {
        display: flex;
        align-items: center;
        gap: 9px;
    }

    .why-row strong[b-ntn85i2rql] {
        color: #bf5047;
    }

.reason-dot[b-ntn85i2rql] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e16c62;
}

.neutral-dot[b-ntn85i2rql] {
    background: #a9b0bc;
}

.muted-row strong[b-ntn85i2rql] {
    color: #7c8595;
}

.source-note[b-ntn85i2rql] {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    color: #9aa2b0;
    font-size: 0.63rem;
}

.source-check[b-ntn85i2rql] {
    color: #36a76f;
}

.security-section[b-ntn85i2rql] {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 35px 0 125px;
}

.security-card[b-ntn85i2rql] {
    padding: 47px 52px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 32px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 26px;
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.86), rgba(245, 247, 251, 0.93));
}

.security-symbol[b-ntn85i2rql] {
    display: grid;
    place-items: center;
    width: 70px;
    height: 70px;
    border-radius: 20px;
    background: #edf1ff;
}

.shield[b-ntn85i2rql] {
    position: relative;
    width: 29px;
    height: 34px;
    border: 2px solid #526bdd;
    border-radius: 14px 14px 17px 17px;
}

    .shield span[b-ntn85i2rql] {
        position: absolute;
        left: 9px;
        top: 8px;
        width: 8px;
        height: 13px;
        border-right: 2px solid #526bdd;
        border-bottom: 2px solid #526bdd;
        transform: rotate(40deg);
    }

.security-copy[b-ntn85i2rql] {
    max-width: 570px;
}

    .security-copy h2[b-ntn85i2rql] {
        margin-top: 10px;
        font-size: clamp(1.8rem, 3vw, 2.4rem);
    }

    .security-copy p[b-ntn85i2rql] {
        margin: 0;
        font-size: 0.84rem;
    }

.security-points[b-ntn85i2rql] {
    display: grid;
    gap: 10px;
}

    .security-points div[b-ntn85i2rql] {
        display: flex;
        align-items: center;
        gap: 9px;
        color: #657083;
        font-size: 0.75rem;
        font-weight: 650;
    }

    .security-points span[b-ntn85i2rql] {
        display: grid;
        place-items: center;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #edf8f2;
        color: #2a9661;
        font-size: 0.65rem;
    }

.closing-section[b-ntn85i2rql] {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 0 0 120px;
}

.closing-card[b-ntn85i2rql] {
    position: relative;
    overflow: hidden;
    min-height: 420px;
    padding: 70px 50px;
    display: grid;
    place-items: center;
    border-radius: 30px;
    background: radial-gradient( circle at 20% 0%, rgba(92, 119, 255, 0.32), transparent 35rem), linear-gradient( 145deg, #111b38, #11162a);
    box-shadow: 0 30px 70px rgba(16, 24, 48, 0.18);
}

.closing-glow[b-ntn85i2rql] {
    position: absolute;
    width: 430px;
    height: 430px;
    right: -140px;
    bottom: -270px;
    border-radius: 50%;
    background: rgba(91, 114, 255, 0.16);
    filter: blur(5px);
}

.closing-content[b-ntn85i2rql] {
    position: relative;
    z-index: 1;
    max-width: 700px;
    text-align: center;
}

.light-kicker[b-ntn85i2rql] {
    color: #899cff;
}

.closing-content h2[b-ntn85i2rql] {
    color: white;
}

    .closing-content h2 span[b-ntn85i2rql] {
        color: #aab4d2;
    }

.closing-content p[b-ntn85i2rql] {
    max-width: 540px;
    margin: 0 auto;
    color: #929dbd;
}

.closing-button[b-ntn85i2rql] {
    margin-top: 28px;
    padding: 14px 19px;
    background: white;
    color: #1b2440;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}

    .closing-button:hover[b-ntn85i2rql] {
        color: #1b2440;
        transform: translateY(-2px);
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.22);
    }

@media (max-width: 980px) {
    .hero[b-ntn85i2rql] {
        padding-top: 80px;
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .hero-content[b-ntn85i2rql] {
        max-width: 720px;
        margin: 0 auto;
        text-align: center;
    }

    .hero-description[b-ntn85i2rql] {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-actions[b-ntn85i2rql],
    .trust-row[b-ntn85i2rql] {
        justify-content: center;
    }

    .hero-product[b-ntn85i2rql] {
        width: min(620px, 100%);
        margin: 0 auto;
    }

    .product-window[b-ntn85i2rql] {
        transform: none;
    }

    .proof-strip[b-ntn85i2rql] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .proof-divider[b-ntn85i2rql] {
        display: none;
    }

    .steps[b-ntn85i2rql] {
        grid-template-columns: 1fr;
    }

    .step-card[b-ntn85i2rql] {
        min-height: 280px;
    }

    .example-layout[b-ntn85i2rql] {
        grid-template-columns: 1fr;
        gap: 65px;
    }

    .example-copy[b-ntn85i2rql] {
        max-width: 680px;
    }

    .change-card[b-ntn85i2rql] {
        width: min(600px, 100%);
    }

    .security-card[b-ntn85i2rql] {
        grid-template-columns: auto 1fr;
    }

    .security-points[b-ntn85i2rql] {
        grid-column: 2;
    }
}

@media (max-width: 700px) {
    .hero[b-ntn85i2rql],
    .section[b-ntn85i2rql],
    .security-section[b-ntn85i2rql],
    .closing-section[b-ntn85i2rql] {
        width: min(100% - 28px, 1180px);
    }

    .hero[b-ntn85i2rql] {
        min-height: auto;
        padding: 65px 0 60px;
    }

        .hero h1[b-ntn85i2rql] {
            font-size: clamp(2.8rem, 13vw, 4rem);
        }

    .hero-actions[b-ntn85i2rql] {
        flex-direction: column;
    }

    .primary-button[b-ntn85i2rql],
    .secondary-button[b-ntn85i2rql] {
        width: min(100%, 330px);
    }

    .trust-row[b-ntn85i2rql] {
        gap: 11px 17px;
    }

    .dashboard-preview[b-ntn85i2rql] {
        padding: 16px;
    }

    .alert-card[b-ntn85i2rql] {
        padding: 16px;
    }

    .proof-strip[b-ntn85i2rql] {
        width: min(100% - 28px, 1120px);
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .section[b-ntn85i2rql] {
        padding: 100px 0;
    }

    .section-heading[b-ntn85i2rql] {
        margin-bottom: 38px;
    }

        .section-heading h2[b-ntn85i2rql],
        .example-copy h2[b-ntn85i2rql] {
            font-size: 2.35rem;
        }

    .step-card[b-ntn85i2rql] {
        min-height: 300px;
        padding: 24px;
    }

    .step-detail[b-ntn85i2rql],
    .mini-change[b-ntn85i2rql] {
        left: 24px;
    }

    .change-card[b-ntn85i2rql] {
        padding: 20px;
    }

    .old-amount[b-ntn85i2rql],
    .new-amount[b-ntn85i2rql] {
        font-size: 1.65rem;
    }

    .security-card[b-ntn85i2rql] {
        padding: 31px 25px;
        grid-template-columns: 1fr;
    }

    .security-points[b-ntn85i2rql] {
        grid-column: auto;
    }

    .closing-card[b-ntn85i2rql] {
        min-height: 390px;
        padding: 55px 24px;
        border-radius: 24px;
    }
}

@media (max-width: 440px) {
    .eyebrow[b-ntn85i2rql] {
        font-size: 0.64rem;
    }

    .hero-description[b-ntn85i2rql] {
        font-size: 0.98rem;
    }

    .window-toolbar[b-ntn85i2rql] {
        padding: 0 14px;
    }

    .dashboard-heading[b-ntn85i2rql] {
        align-items: flex-start;
    }

    .impact-grid[b-ntn85i2rql] {
        grid-template-columns: 1fr;
    }

    .price-change[b-ntn85i2rql] {
        gap: 8px;
    }

    .annual-callout[b-ntn85i2rql] {
        grid-template-columns: 1fr;
    }

    .annual-divider[b-ntn85i2rql] {
        width: 100%;
        height: 1px;
    }

    .security-symbol[b-ntn85i2rql] {
        width: 58px;
        height: 58px;
    }
}
/* /Components/Shared/AlertCard.razor.rz.scp.css */
.alert-card[b-7lt6qwmhx7] {
    position: relative;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 15px;
    border: 1px solid var(--bw-border);
    border-radius: 18px;
    background: var(--bw-surface-soft);
    box-shadow: 0 12px 38px rgba(0, 0, 0, 0.045);
    transition: border-color 150ms ease, background 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

    .alert-card:hover[b-7lt6qwmhx7] {
        transform: translateY(-1px);
        border-color: var(--bw-border-strong);
        box-shadow: 0 16px 45px rgba(0, 0, 0, 0.065);
    }

    .alert-card.unread[b-7lt6qwmhx7] {
        border-color: rgba(82, 107, 240, 0.18);
        background: linear-gradient( 145deg, rgba(82, 107, 240, 0.055), var(--bw-surface-soft));
    }

    .alert-card.severity-critical[b-7lt6qwmhx7] {
        border-color: rgba(215, 79, 70, 0.22);
    }

    .alert-card.severity-warning[b-7lt6qwmhx7] {
        border-color: rgba(222, 155, 56, 0.18);
    }

.alert-card-icon[b-7lt6qwmhx7] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    font-size: 0.8rem;
    font-weight: 850;
}

    .alert-card-icon.increase[b-7lt6qwmhx7],
    .alert-card-icon.fee[b-7lt6qwmhx7],
    .alert-card-icon.discount[b-7lt6qwmhx7] {
        background: rgba(217, 83, 74, 0.09);
        color: #df7068;
    }

    .alert-card-icon.decrease[b-7lt6qwmhx7] {
        background: rgba(54, 181, 116, 0.09);
        color: #49b87d;
    }

    .alert-card-icon.due[b-7lt6qwmhx7] {
        background: rgba(224, 156, 55, 0.1);
        color: #d6a047;
    }

    .alert-card-icon.connection[b-7lt6qwmhx7] {
        background: rgba(224, 156, 55, 0.1);
        color: #d6a047;
    }

    .alert-card-icon.new-bill[b-7lt6qwmhx7] {
        background: rgba(82, 107, 240, 0.1);
        color: #879aff;
    }

    .alert-card-icon.unknown[b-7lt6qwmhx7] {
        background: rgba(100, 120, 170, 0.08);
        color: var(--bw-text-muted);
    }

.alert-card-content[b-7lt6qwmhx7] {
    min-width: 0;
}

.alert-card-heading[b-7lt6qwmhx7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.alert-title-line[b-7lt6qwmhx7] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.unread-dot[b-7lt6qwmhx7] {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #5f78f5;
    box-shadow: 0 0 0 4px rgba(82, 107, 240, 0.09);
}

.alert-title-line strong[b-7lt6qwmhx7] {
    color: var(--bw-text);
    font-size: 0.78rem;
}

.alert-type[b-7lt6qwmhx7] {
    display: block;
    margin-top: 4px;
    color: var(--bw-text-subtle);
    font-size: 0.56rem;
}

.alert-card-heading time[b-7lt6qwmhx7] {
    flex: 0 0 auto;
    color: var(--bw-text-subtle);
    font-size: 0.54rem;
    white-space: nowrap;
}

.alert-card-content > p[b-7lt6qwmhx7] {
    max-width: 820px;
    margin: 12px 0 15px;
    color: var(--bw-text-muted);
    font-size: 0.67rem;
    line-height: 1.58;
}

.alert-card-footer[b-7lt6qwmhx7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.alert-meta[b-7lt6qwmhx7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

    .alert-meta > span[b-7lt6qwmhx7] {
        padding: 4px 7px;
        border-radius: 7px;
        background: rgba(100, 120, 170, 0.065);
        color: var(--bw-text-muted);
        font-size: 0.52rem;
    }

.alert-severity.info[b-7lt6qwmhx7] {
    color: #8297ff;
}

.alert-severity.warning[b-7lt6qwmhx7] {
    color: #d3a047;
}

.alert-severity.critical[b-7lt6qwmhx7] {
    color: #df7068;
}

.alert-actions[b-7lt6qwmhx7] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.alert-secondary-action[b-7lt6qwmhx7],
.alert-primary-action[b-7lt6qwmhx7] {
    min-height: 31px;
    padding: 0 10px;
    border-radius: 9px;
    font-size: 0.56rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 150ms ease, background 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.alert-secondary-action[b-7lt6qwmhx7] {
    border: 1px solid var(--bw-border);
    background: rgba(100, 120, 170, 0.045);
    color: var(--bw-text-muted);
}

    .alert-secondary-action:hover:not(:disabled)[b-7lt6qwmhx7] {
        color: var(--bw-text);
        border-color: var(--bw-border-strong);
        background: rgba(100, 120, 170, 0.08);
    }

    .alert-secondary-action.dismiss:hover:not(:disabled)[b-7lt6qwmhx7] {
        border-color: rgba(217, 83, 74, 0.17);
        background: rgba(217, 83, 74, 0.07);
        color: #df7068;
    }

.alert-primary-action[b-7lt6qwmhx7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(82, 107, 240, 0.22);
    background: rgba(82, 107, 240, 0.11);
    color: #879aff;
}

    .alert-primary-action:hover:not(:disabled)[b-7lt6qwmhx7] {
        transform: translateY(-1px);
        background: rgba(82, 107, 240, 0.16);
    }

    .alert-secondary-action:disabled[b-7lt6qwmhx7],
    .alert-primary-action:disabled[b-7lt6qwmhx7] {
        opacity: 0.48;
        cursor: wait;
    }

@media (max-width: 680px) {
    .alert-card[b-7lt6qwmhx7] {
        padding: 16px;
        grid-template-columns: 1fr;
    }

    .alert-card-icon[b-7lt6qwmhx7] {
        width: 36px;
        height: 36px;
    }

    .alert-card-heading[b-7lt6qwmhx7] {
        flex-direction: column;
        gap: 5px;
    }

    .alert-card-footer[b-7lt6qwmhx7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .alert-actions[b-7lt6qwmhx7] {
        width: 100%;
        justify-content: stretch;
    }

        .alert-actions button[b-7lt6qwmhx7] {
            flex: 1;
        }
}
/* /Components/Shared/AlertSummary.razor.rz.scp.css */
.alert-summary[b-bnbsr1i1bq] {
    display: grid;
    grid-template-columns: repeat( 3, minmax(0, 1fr));
    gap: 12px;
}

    .alert-summary article[b-bnbsr1i1bq] {
        min-height: 105px;
        padding: 17px 18px;
        display: flex;
        flex-direction: column;
        border: 1px solid var(--bw-border);
        border-radius: 17px;
        background: var(--bw-surface-soft);
        box-shadow: 0 12px 38px rgba(0, 0, 0, 0.045);
    }

        .alert-summary article > span[b-bnbsr1i1bq] {
            color: var(--bw-text-muted);
            font-size: 0.6rem;
            font-weight: 700;
        }

        .alert-summary article > strong[b-bnbsr1i1bq] {
            margin-top: 9px;
            color: var(--bw-text);
            font-size: 1.7rem;
            line-height: 1;
            letter-spacing: -0.055em;
        }

        .alert-summary article > small[b-bnbsr1i1bq] {
            margin-top: auto;
            padding-top: 10px;
            color: var(--bw-text-subtle);
            font-size: 0.55rem;
        }

        .alert-summary article.has-unread[b-bnbsr1i1bq] {
            border-color: rgba(82, 107, 240, 0.18);
            background: linear-gradient( 145deg, rgba(82, 107, 240, 0.075), var(--bw-surface-soft));
        }

            .alert-summary article.has-unread > strong[b-bnbsr1i1bq] {
                color: #879aff;
            }

        .alert-summary article.has-attention[b-bnbsr1i1bq] {
            border-color: rgba(222, 149, 54, 0.18);
            background: linear-gradient( 145deg, rgba(222, 149, 54, 0.065), var(--bw-surface-soft));
        }

            .alert-summary article.has-attention > strong[b-bnbsr1i1bq] {
                color: #d5a047;
            }

@media (max-width: 650px) {
    .alert-summary[b-bnbsr1i1bq] {
        grid-template-columns: 1fr;
    }

        .alert-summary article[b-bnbsr1i1bq] {
            min-height: 86px;
        }
}
/* /Components/Shared/StatementUploadPanel.razor.rz.scp.css */
.statement-upload-panel[b-8asrteqxl2] {
    padding: 23px;
    display: grid;
    gap: 18px;
    border: 1px solid rgba(82, 107, 240, 0.18);
    border-radius: 20px;
    background: linear-gradient( 145deg, rgba(78, 103, 236, 0.075), var(--bw-surface-soft));
    box-shadow: 0 14px 42px rgba(0, 0, 0, 0.055);
}

.statement-upload-heading[b-8asrteqxl2] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.statement-upload-icon[b-8asrteqxl2] {
    width: 43px;
    height: 43px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(80, 105, 240, 0.12);
    color: #879aff;
}

    .statement-upload-icon svg[b-8asrteqxl2] {
        width: 21px;
        height: 21px;
    }

.statement-upload-kicker[b-8asrteqxl2] {
    color: #8498ff;
    font-size: 0.57rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.09em;
}

.statement-upload-heading h2[b-8asrteqxl2] {
    margin: 4px 0 5px;
    color: var(--bw-text);
    font-size: 0.94rem;
    letter-spacing: -0.03em;
}

.statement-upload-heading p[b-8asrteqxl2] {
    max-width: 630px;
    margin: 0;
    color: var(--bw-text-muted);
    font-size: 0.65rem;
    line-height: 1.55;
}

.statement-upload-body[b-8asrteqxl2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
}

.statement-file-input[b-8asrteqxl2] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect( 0, 0, 0, 0);
    white-space: nowrap;
}

.statement-file-picker[b-8asrteqxl2] {
    min-height: 62px;
    padding: 10px 13px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 11px;
    border: 1px dashed var(--bw-border-strong);
    border-radius: 13px;
    background: rgba(100, 120, 170, 0.035);
    cursor: pointer;
    transition: background 150ms ease, border-color 150ms ease;
}

    .statement-file-picker:hover[b-8asrteqxl2] {
        border-color: rgba(83, 108, 242, 0.4);
        background: rgba(83, 108, 242, 0.055);
    }

    .statement-file-picker.selected[b-8asrteqxl2] {
        border-style: solid;
        border-color: rgba(56, 181, 116, 0.2);
        background: rgba(56, 181, 116, 0.045);
    }

    .statement-file-picker.invalid[b-8asrteqxl2] {
        border-color: rgba(219, 94, 86, 0.24);
        background: rgba(219, 94, 86, 0.045);
    }

.picker-symbol[b-8asrteqxl2],
.selected-file-symbol[b-8asrteqxl2] {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 10px;
    font-weight: 800;
}

.picker-symbol[b-8asrteqxl2] {
    background: rgba(83, 108, 242, 0.1);
    color: #879aff;
    font-size: 1rem;
}

.selected-file-symbol[b-8asrteqxl2] {
    background: rgba(56, 181, 116, 0.1);
    color: #49b87d;
    font-size: 0.67rem;
}

.picker-copy[b-8asrteqxl2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .picker-copy strong[b-8asrteqxl2] {
        overflow: hidden;
        color: var(--bw-text-secondary);
        font-size: 0.69rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .picker-copy span[b-8asrteqxl2] {
        margin-top: 3px;
        color: var(--bw-text-subtle);
        font-size: 0.55rem;
    }

.statement-upload-button[b-8asrteqxl2] {
    min-height: 43px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient( 145deg, #294ff0, #5b74f5);
    color: white;
    box-shadow: 0 10px 25px rgba(44, 75, 232, 0.23);
    font-size: 0.68rem;
    font-weight: 740;
    white-space: nowrap;
    cursor: pointer;
    transition: opacity 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

    .statement-upload-button:hover:not(:disabled)[b-8asrteqxl2] {
        transform: translateY(-1px);
        box-shadow: 0 14px 31px rgba(44, 75, 232, 0.29);
    }

    .statement-upload-button:disabled[b-8asrteqxl2] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.statement-upload-spinner[b-8asrteqxl2] {
    width: 12px;
    height: 12px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: statement-spin-b-8asrteqxl2 0.75s linear infinite;
}

@keyframes statement-spin-b-8asrteqxl2 {
    to {
        transform: rotate(360deg);
    }
}

.statement-upload-status[b-8asrteqxl2] {
    padding: 11px 13px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-radius: 12px;
}

    .statement-upload-status.working[b-8asrteqxl2] {
        border: 1px solid rgba(83, 108, 242, 0.15);
        background: rgba(83, 108, 242, 0.055);
    }

    .statement-upload-status.success[b-8asrteqxl2] {
        border: 1px solid rgba(56, 181, 116, 0.16);
        background: rgba(56, 181, 116, 0.055);
    }

    .statement-upload-status.error[b-8asrteqxl2] {
        border: 1px solid rgba(219, 94, 86, 0.17);
        background: rgba(219, 94, 86, 0.055);
    }

.statement-status-dot[b-8asrteqxl2] {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    margin-top: 5px;
    border-radius: 50%;
}

.working .statement-status-dot[b-8asrteqxl2] {
    background: #8498ff;
}

.success .statement-status-dot[b-8asrteqxl2] {
    background: #49b87d;
}

.error .statement-status-dot[b-8asrteqxl2] {
    background: #df7169;
}

.statement-upload-status > div[b-8asrteqxl2] {
    display: flex;
    flex-direction: column;
}

.statement-upload-status strong[b-8asrteqxl2] {
    color: var(--bw-text-secondary);
    font-size: 0.64rem;
}

.statement-upload-status span:last-child[b-8asrteqxl2] {
    margin-top: 3px;
    color: var(--bw-text-muted);
    font-size: 0.58rem;
    line-height: 1.5;
}

.statement-upload-footnote[b-8asrteqxl2] {
    color: var(--bw-text-subtle);
    font-size: 0.53rem;
    line-height: 1.45;
}

@media (max-width: 700px) {
    .statement-upload-body[b-8asrteqxl2] {
        grid-template-columns: 1fr;
    }

    .statement-upload-button[b-8asrteqxl2] {
        width: 100%;
    }
}