@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';
@import '_content/Sade.AgentEditor/Sade.AgentEditor.bo6mkc42bq.bundle.scp.css';
@import '_content/Sade.CSM/Sade.CSM.ywogquyqvw.bundle.scp.css';
@import '_content/SadeYourSalesAssistant.Shared/SadeYourSalesAssistant.Shared.kmju5bka00.bundle.scp.css';

/* /Components/HomePage.razor.rz.scp.css */
.mainpage-content[b-ibi2bwjh0f]
{
}

.mainpage-intro-content[b-ibi2bwjh0f] {
    padding-right: 0px;
}

.accept-policy-box[b-ibi2bwjh0f] {
    margin-top: 4em;
    margin-bottom: 4em;
    text-align:center;
}

.registration-page[b-ibi2bwjh0f]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    /*background: linear-gradient(to bottom, #0d0d0d, #1a1a1a);*/
    /*color: white;*/
    padding: 2rem;
    font-family: 'Segoe UI', sans-serif;
}

.description[b-ibi2bwjh0f]
{
    opacity: 0.8;
    max-width: 600px;
    text-align: center;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    /*color: #ccc;*/
}

.card-container[b-ibi2bwjh0f]
{
    display: flex;
    gap: 2rem;
    margin-bottom: 2em;
    flex-wrap: wrap;
    justify-content: center;
}

.register-card[b-ibi2bwjh0f]
{
    /*background: #111;*/
    border-radius: 1rem;
    padding: 2rem;
    width: 300px;
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 2px solid white;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .register-card:hover[b-ibi2bwjh0f]
    {
        transform: translateY(-5px);
        box-shadow: 0 0 20px black;
    }

    .register-card h3[b-ibi2bwjh0f]
    {
        font-size: 1.3rem;
        margin-bottom: 1rem;
        color: white;
    }

    .register-card button[b-ibi2bwjh0f]
    {
        background-color: black;
        color: white;
        border: 1px solid white;
        margin-top: auto;
        padding: 0.75rem 1.5rem;
        border-radius: 999px;
        font-weight: bold;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .register-card button:hover[b-ibi2bwjh0f]
        {
            background-color: darkgray;
            opacity: 0.9;
        }

.decline-button.selected[b-ibi2bwjh0f]
{
    background-color: darkred !important;
}

.accept-button.selected[b-ibi2bwjh0f]
{
    background-color: darkgreen !important;
}

.privacy-expander summary[b-ibi2bwjh0f]
{
    font-size: 25px;
}

.register-buttons[b-ibi2bwjh0f]
{
    text-align: center;
}

.privacy-consent[b-ibi2bwjh0f]
{
    margin-bottom: 40px;
}

.privacy-actions[b-ibi2bwjh0f]
{
    column-gap: 20px;
    display: flex;
    flex-direction: row;
    justify-content:center;
}

.gdpr[b-ibi2bwjh0f],
.privacy-consent[b-ibi2bwjh0f],
.gdpr p[b-ibi2bwjh0f]
{
    background-color: transparent;
    color: white;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    display: block;
}

    .gdpr a[b-ibi2bwjh0f]
    {
        background-color: red;
        color: red;
    }
/* /Components/Layout/DefaultLayout.razor.rz.scp.css */
.sade-body[b-gfxx37l1xb]
{
    min-height: 100vh;
    height:100vh;
    width: 100%;
    display:block;
    overflow:auto;
    margin: 0;
}

.navbar[b-gfxx37l1xb] {
    background-color: black;
    color: white;
}
/* /Components/Layout/DynamicAccessLayout.razor.rz.scp.css */
:root[b-uz3kljbswv] {
    /* Keep in sync with DynamicAccessLayout.MaximumQuerySampleSize */
    --dynamic-access-layout-maximum-query-sample-size: 25;
}

body[b-uz3kljbswv] {
}

[b-uz3kljbswv] .rz-layout
{
    width: 100%;
    min-width: 0;
}

[b-uz3kljbswv] .rz-header,
[b-uz3kljbswv] .rz-body
{
    min-width: 0;
}

.sade-body[b-uz3kljbswv]
{
    padding-right: 5em;
}

@media (max-width: 720px)
{
    .sade-body[b-uz3kljbswv]
    {
        padding-right: 5em;
    }
}

.navbar[b-uz3kljbswv] {
    background-color: black;
    color: white;
}
/* /Components/Layout/MainPageLayout.razor.rz.scp.css */
.sade-body[b-oe1wkbqunw]
{
    background-color: var(--background-dark);
    width: 100%;
    height: 100vh;
    display: block;
    overflow: auto;
    margin: 0;
}

[b-oe1wkbqunw] .rz-body
{
    padding: 0px !important;
}
/* /Components/Pages/FourthRevolution/PublicHomeView.razor.rz.scp.css */
.mainpage-content[b-bscdv7e9k2]
{
}

.mainpage-intro-content[b-bscdv7e9k2] {
    padding-right: 0px;
}

.accept-policy-box[b-bscdv7e9k2] {
    margin-top: 4em;
    margin-bottom: 4em;
    text-align:center;
}

.registration-page[b-bscdv7e9k2]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    /*background: linear-gradient(to bottom, #0d0d0d, #1a1a1a);*/
    /*color: white;*/
    padding: 2rem;
    font-family: 'Segoe UI', sans-serif;
}

.description[b-bscdv7e9k2]
{
    opacity: 0.8;
    max-width: 600px;
    text-align: center;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    /*color: #ccc;*/
}

.card-container[b-bscdv7e9k2]
{
    display: flex;
    gap: 2rem;
    margin-bottom: 2em;
    flex-wrap: wrap;
    justify-content: center;
}

.register-card[b-bscdv7e9k2]
{
    /*background: #111;*/
    border-radius: 1rem;
    padding: 2rem;
    width: 300px;
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 2px solid white;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .register-card:hover[b-bscdv7e9k2]
    {
        transform: translateY(-5px);
        box-shadow: 0 0 20px black;
    }

    .register-card h3[b-bscdv7e9k2]
    {
        font-size: 1.3rem;
        margin-bottom: 1rem;
        color: white;
    }

    .register-card button[b-bscdv7e9k2]
    {
        background-color: black;
        color: white;
        border: 1px solid white;
        margin-top: auto;
        padding: 0.75rem 1.5rem;
        border-radius: 999px;
        font-weight: bold;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .register-card button:hover[b-bscdv7e9k2]
        {
            background-color: darkgray;
            opacity: 0.9;
        }

.decline-button.selected[b-bscdv7e9k2]
{
    background-color: darkred !important;
}

.accept-button.selected[b-bscdv7e9k2]
{
    background-color: darkgreen !important;
}

.privacy-expander summary[b-bscdv7e9k2]
{
    font-size: 25px;
}

.register-buttons[b-bscdv7e9k2]
{
    text-align: center;
}

.privacy-consent[b-bscdv7e9k2]
{
    margin-bottom: 40px;
}

.privacy-actions[b-bscdv7e9k2]
{
    column-gap: 20px;
    display: flex;
    flex-direction: row;
    justify-content:center;
}

.gdpr[b-bscdv7e9k2],
.privacy-consent[b-bscdv7e9k2],
.gdpr p[b-bscdv7e9k2]
{
    background-color: transparent;
    color: white;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    display: block;
}

    .gdpr a[b-bscdv7e9k2]
    {
        background-color: red;
        color: red;
    }
/* /Components/Pages/FourthRevolution/ServiceProvider/Cvs.razor.rz.scp.css */
body[b-5je3tnojd2] {
}

.cvBox-selected[b-5je3tnojd2]
{
    transform: translateY(-5px);
    box-shadow: 0px 0px 20px 10px #00bfff55;
}

.cvBox[b-5je3tnojd2] {
    height: 300px;
    width: 200px;
    margin: 1em;
}
/* /Components/Pages/Mini/PublicHomeView.razor.rz.scp.css */
.mainpage-content[b-z24esfit4i]
{
}

.mainpage-intro-content[b-z24esfit4i] {
    padding-right: 0px;
}

.accept-policy-box[b-z24esfit4i] {
    margin-top: 4em;
    margin-bottom: 4em;
    text-align:center;
}

.registration-page[b-z24esfit4i]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    /*background: linear-gradient(to bottom, #0d0d0d, #1a1a1a);*/
    /*color: white;*/
    padding: 2rem;
    font-family: 'Segoe UI', sans-serif;
}

.description[b-z24esfit4i]
{
    opacity: 0.8;
    max-width: 600px;
    text-align: center;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    /*color: #ccc;*/
}

.card-container[b-z24esfit4i]
{
    display: flex;
    gap: 2rem;
    margin-bottom: 2em;
    flex-wrap: wrap;
    justify-content: center;
}

.register-card[b-z24esfit4i]
{
    /*background: #111;*/
    border-radius: 1rem;
    padding: 2rem;
    width: 300px;
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 2px solid white;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .register-card:hover[b-z24esfit4i]
    {
        transform: translateY(-5px);
        box-shadow: 0 0 20px black;
    }

    .register-card h3[b-z24esfit4i]
    {
        font-size: 1.3rem;
        margin-bottom: 1rem;
        color: white;
    }

    .register-card button[b-z24esfit4i]
    {
        background-color: black;
        color: white;
        border: 1px solid white;
        margin-top: auto;
        padding: 0.75rem 1.5rem;
        border-radius: 999px;
        font-weight: bold;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .register-card button:hover[b-z24esfit4i]
        {
            background-color: darkgray;
            opacity: 0.9;
        }

.decline-button.selected[b-z24esfit4i]
{
    background-color: darkred !important;
}

.accept-button.selected[b-z24esfit4i]
{
    background-color: darkgreen !important;
}

.privacy-expander summary[b-z24esfit4i]
{
    font-size: 25px;
}

.register-buttons[b-z24esfit4i]
{
    text-align: center;
}

.privacy-consent[b-z24esfit4i]
{
    margin-bottom: 40px;
}

.privacy-actions[b-z24esfit4i]
{
    column-gap: 20px;
    display: flex;
    flex-direction: row;
    justify-content:center;
}

.gdpr[b-z24esfit4i],
.privacy-consent[b-z24esfit4i],
.gdpr p[b-z24esfit4i]
{
    background-color: transparent;
    color: white;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    display: block;
}

    .gdpr a[b-z24esfit4i]
    {
        background-color: red;
        color: red;
    }
/* /Components/Pages/Mini/SetupPage.razor.rz.scp.css */
.setup-page-content[b-d5fq1amkzf] {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 180ms ease, transform 180ms ease;
    will-change: opacity, transform;
}

.setup-page-content.is-transitioning[b-d5fq1amkzf] {
    opacity: 0;
    transform: translateY(6px);
}

@media (prefers-reduced-motion: reduce) {
    .setup-page-content[b-d5fq1amkzf] {
        transition: none;
    }
}
/* /Components/Pages/Shared/Agent/AgentStatistics.razor.rz.scp.css */
.agent-summary-shell[b-o1eeutt14x]
{
    --agent-bg: var(--background-light);
    --agent-bg-soft: #f4f7fb;
    --agent-panel: var(--background-light);
    --agent-border: rgba(15, 23, 42, 0.08);
    --agent-border-strong: rgba(59, 130, 246, 0.18);
    --agent-text: var(--text-light);
    --agent-muted: rgba(15, 23, 42, 0.68);
    --agent-primary: var(--primary-color);
    --agent-secondary: var(--accent-color);
    --agent-cyan: var(--accent-color);
    --agent-warning: #f59e0b;
    --agent-danger: #dc3545;
    --agent-success: #198754;
    --agent-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    --agent-shadow-strong: 0 24px 60px rgba(59, 130, 246, 0.12);
    --agent-brand-shadow: rgba(59, 130, 246, 0.18);
    --agent-radius-xl: 28px;
    --agent-radius-lg: 22px;
    --agent-surface-elevated: rgba(255, 255, 255, 0.88);
    --agent-surface-strong: rgba(15, 23, 42, 0.05);
    --agent-surface-muted: rgba(15, 23, 42, 0.035);
    --agent-surface-soft: rgba(15, 23, 42, 0.025);
    --agent-surface-subtle: rgba(15, 23, 42, 0.02);
    --agent-card-border: rgba(15, 23, 42, 0.06);
    --agent-primary-soft: rgba(59, 130, 246, 0.10);
    --agent-primary-soft-strong: rgba(59, 130, 246, 0.16);
    --agent-table-bg: rgba(255, 255, 255, 0.98);
    --agent-table-cell: rgba(248, 250, 252, 0.98);
    --agent-table-hover: rgba(239, 246, 255, 0.98);
    --agent-table-surface: rgba(248, 250, 252, 0.98);
    --agent-table-control: rgba(255, 255, 255, 0.92);
    --agent-table-control-disabled: rgba(15, 23, 42, 0.025);
    --agent-table-apply: linear-gradient(135deg, var(--agent-primary), var(--agent-secondary));
    --agent-table-apply-text: #ffffff;
}

body.dark-theme .agent-summary-shell[b-o1eeutt14x]
{
    --agent-bg: var(--background-dark);
    --agent-bg-soft: #162033;
    --agent-panel: var(--card-dark);
    --agent-border: rgba(255, 255, 255, 0.08);
    --agent-border-strong: rgba(110, 156, 255, 0.24);
    --agent-text: var(--text-dark);
    --agent-muted: rgba(249, 250, 251, 0.7);
    --agent-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
    --agent-shadow-strong: 0 24px 80px rgba(59, 130, 246, 0.12);
    --agent-brand-shadow: rgba(99, 167, 255, 0.34);
    --agent-surface-elevated: rgba(255, 255, 255, 0.04);
    --agent-surface-strong: rgba(255, 255, 255, 0.05);
    --agent-surface-muted: rgba(255, 255, 255, 0.035);
    --agent-surface-soft: rgba(255, 255, 255, 0.025);
    --agent-surface-subtle: rgba(255, 255, 255, 0.02);
    --agent-card-border: rgba(255, 255, 255, 0.07);
    --agent-primary-soft: rgba(99, 167, 255, 0.14);
    --agent-primary-soft-strong: rgba(99, 167, 255, 0.22);
    --agent-table-bg: rgba(3, 10, 28, 0.97);
    --agent-table-cell: rgba(8, 18, 40, 0.88);
    --agent-table-hover: rgba(13, 28, 58, 0.96);
    --agent-table-surface: rgba(8, 18, 40, 0.96);
    --agent-table-control: rgba(255, 255, 255, 0.035);
    --agent-table-control-disabled: rgba(255, 255, 255, 0.025);
    --agent-table-apply: linear-gradient(135deg, var(--agent-primary), rgba(99, 167, 255, 0.55));
}
.agent-summary-shell[b-o1eeutt14x]
{
    min-height: 100vh;
    padding: 28px;
    margin: 0;
    color: var(--agent-text);
    background: transparent;
    font-family: inherit;
}

    .agent-summary-shell h1[b-o1eeutt14x],
    .agent-summary-shell h2[b-o1eeutt14x],
    .agent-summary-shell h3[b-o1eeutt14x],
    .agent-summary-shell p[b-o1eeutt14x]
    {
        margin-top: 0;
    }

.agent-topbar[b-o1eeutt14x]
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 22px;
}

.agent-brand-column[b-o1eeutt14x]
{
    max-width: 760px;
}

.agent-brand-row[b-o1eeutt14x]
{
    display: flex;
    align-items: center;
    gap: 18px;
}

.agent-support-row[b-o1eeutt14x]
{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.agent-brand-mark[b-o1eeutt14x]
{
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--agent-primary), var(--agent-secondary));
    color: white;
    font-weight: 900;
    font-size: 26px;
    box-shadow: 0 16px 38px var(--agent-brand-shadow);
    flex: 0 0 auto;
}

.agent-panel-kicker[b-o1eeutt14x]
{
    color: var(--agent-cyan);
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 8px;
}

.agent-summary-shell h1[b-o1eeutt14x]
{
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.02;
    letter-spacing: -0.04em;
    margin-bottom: 8px;
}

.agent-summary-shell h2[b-o1eeutt14x]
{
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.08;
    letter-spacing: -0.03em;
    margin-bottom: 10px;
}

.agent-subtext[b-o1eeutt14x],
.agent-panel-header p[b-o1eeutt14x],
.agent-summary-shell span[b-o1eeutt14x],
.agent-summary-shell p[b-o1eeutt14x],
.agent-mini-kpi-label[b-o1eeutt14x],
.agent-metric-detail[b-o1eeutt14x]
{
    color: var(--agent-muted);
    line-height: 1.58;
}

.agent-toolbar[b-o1eeutt14x]
{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
    align-items: flex-end;
}

.agent-toolbar-item[b-o1eeutt14x]
{
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 200px;
}

.agent-input-label[b-o1eeutt14x]
{
    color: var(--agent-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.agent-toolbar-button[b-o1eeutt14x],
.agent-month-picker[b-o1eeutt14x],
.agent-date-picker[b-o1eeutt14x],
.agent-toggle[b-o1eeutt14x],
.agent-range-pill[b-o1eeutt14x]
{
    border: 1px solid var(--agent-border);
    border-radius: 999px;
    color: var(--agent-text);
    background: var(--agent-surface-elevated);
    box-shadow: inset 0 1px 0 var(--agent-border);
}

.agent-toolbar-button[b-o1eeutt14x]
{
    width: 100%;
    padding: 10px 16px;
    min-height: 46px;
    text-align: center;
    font-weight: 800;
    cursor: pointer;
}

    .agent-toolbar-button:disabled[b-o1eeutt14x]
    {
        cursor: not-allowed;
        opacity: 0.65;
    }

.agent-toolbar-export[b-o1eeutt14x]
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.agent-month-picker[b-o1eeutt14x]
{
    width: 100%;
}

.agent-date-picker[b-o1eeutt14x]
{
    width: 100%;
}

.agent-toggle[b-o1eeutt14x]
{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    min-height: 46px;
}

    .agent-toggle span[b-o1eeutt14x]
    {
        color: var(--agent-text);
        font-size: 14px;
        line-height: 1.35;
    }

.agent-range-pill[b-o1eeutt14x]
{
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 10px 16px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.agent-hero-grid[b-o1eeutt14x],
.agent-kpi-grid[b-o1eeutt14x],
.agent-main-grid[b-o1eeutt14x],
.agent-split-grid[b-o1eeutt14x]
{
}

.agent-panel[b-o1eeutt14x],
.agent-mini-kpi[b-o1eeutt14x]
{
    position: relative;
    height: 100%;
    background: var(--agent-panel);
    border: 1px solid var(--agent-border);
    border-radius: var(--agent-radius-xl);
    padding: 24px;
    box-shadow: var(--agent-shadow);
    overflow: hidden;
    backdrop-filter: blur(14px);
}

    .agent-panel[b-o1eeutt14x]::before,
    .agent-mini-kpi[b-o1eeutt14x]::before
    {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, var(--agent-surface-strong), transparent 34%);
        pointer-events: none;
    }

.agent-panel-glow[b-o1eeutt14x]
{
    border-color: var(--agent-primary-soft-strong);
    box-shadow: 0 24px 80px rgba(59, 130, 246, 0.12);
}

.agent-panel-header[b-o1eeutt14x]
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}

.agent-pill[b-o1eeutt14x]
{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    font-size: 12px;
    font-weight: 800;
    background: var(--agent-surface-strong);
    border: 1px solid var(--agent-border);
    border-radius: 999px;
    white-space: nowrap;
}

.agent-pill-info[b-o1eeutt14x]
{
    color: var(--agent-cyan);
}

.agent-pill-warning[b-o1eeutt14x]
{
    color: var(--agent-warning);
}

.agent-pill-danger[b-o1eeutt14x]
{
    color: var(--agent-danger);
}

.agent-pill-success[b-o1eeutt14x]
{
    color: var(--agent-success);
}

.agent-metric-grid[b-o1eeutt14x]
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.agent-metric-card[b-o1eeutt14x]
{
    border-radius: 22px;
    border: 1px solid var(--agent-card-border);
    background: var(--agent-surface-muted);
    padding: 18px;
}

.agent-metric-card-primary[b-o1eeutt14x]
{
    background: linear-gradient(180deg, var(--agent-primary-soft), var(--agent-surface-soft));
    border-color: var(--agent-primary-soft-strong);
}

.agent-metric-label[b-o1eeutt14x],
.agent-mini-kpi-label[b-o1eeutt14x],
.agent-activity-label[b-o1eeutt14x]
{
    font-size: 13px;
    color: var(--agent-muted);
}

.agent-metric-value[b-o1eeutt14x],
.agent-mini-kpi-value[b-o1eeutt14x],
.agent-activity-value[b-o1eeutt14x]
{
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.04em;
    margin: 14px 0 10px;
}

.agent-kpi-grid[b-o1eeutt14x]
{
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
    margin-top: 20px;
}

.agent-mini-kpi[b-o1eeutt14x]
{
    min-height: 180px;
}

.agent-main-grid[b-o1eeutt14x],
.agent-split-grid[b-o1eeutt14x]
{
    margin-top: 20px;
}

.agent-chart-host[b-o1eeutt14x]
{
    position: relative;
    width: 100%;
}

    .agent-chart-host.large[b-o1eeutt14x]
    {
        height: 360px;
    }

    .agent-chart-host.medium[b-o1eeutt14x]
    {
        height: 290px;
    }

        .agent-chart-host.medium.agent-chart-host-token[b-o1eeutt14x]
        {
            height: 370px;
            padding-bottom: 44px;
        }

.agent-table-host[b-o1eeutt14x]
{
    /* max-height: 420px; */
    overflow: auto;
    border-radius: var(--agent-radius-lg);
    border: 1px solid var(--agent-border);
    background: var(--agent-surface-subtle);
}

.agent-empty-state[b-o1eeutt14x]
{
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    min-height: 220px;
    border-radius: var(--agent-radius-lg);
    border: 1px dashed var(--agent-border-strong);
    color: var(--agent-muted);
    background: var(--agent-surface-soft);
    text-align: center;
    padding: 24px;
}

.agent-activity-grid[b-o1eeutt14x]
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.agent-activity-card[b-o1eeutt14x]
{
    border-radius: 22px;
    border: 1px solid var(--agent-card-border);
    background: var(--agent-surface-muted);
    padding: 18px;
}

.agent-activity-detail[b-o1eeutt14x]
{
    color: var(--agent-muted);
    line-height: 1.5;
}

.agent-table[b-o1eeutt14x]
{
    color: var(--agent-text);
    margin-bottom: 0;
}

    .agent-table thead th[b-o1eeutt14x]
    {
        position: sticky;
        top: 0;
        z-index: 1;
        background: rgba(5, 8, 22, 0.96);
        color: var(--agent-muted);
        text-transform: uppercase;
        letter-spacing: .08em;
        font-size: 11px;
        border-bottom: 1px solid var(--agent-border);
    }

    .agent-table tbody td[b-o1eeutt14x]
    {
        border-bottom: 1px solid var(--agent-card-border);
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .agent-table tbody tr:hover td[b-o1eeutt14x]
    {
        background: var(--agent-surface-muted);
    }

:deep(.agent-month-picker .rz-inputtext)[b-o1eeutt14x],
:deep(.agent-month-picker .rz-datepicker-input)[b-o1eeutt14x],
:deep(.agent-month-picker input)[b-o1eeutt14x],
:deep(.agent-date-picker .rz-inputtext)[b-o1eeutt14x],
:deep(.agent-date-picker .rz-datepicker-input)[b-o1eeutt14x],
:deep(.agent-date-picker input)[b-o1eeutt14x]
{
    background: transparent;
    color: var(--agent-text);
    border: none;
    box-shadow: none;
    padding: 10px 16px;
}

:deep(.agent-month-picker .rz-button)[b-o1eeutt14x],
:deep(.agent-date-picker .rz-button)[b-o1eeutt14x]
{
    background: transparent;
    border: none;
    color: var(--agent-muted);
}

:deep(.agent-toggle .rz-chkbox-box)[b-o1eeutt14x]
{
    border-color: var(--agent-border-strong);
    background: rgba(255,255,255,0.04);
}

:deep(.agent-summary-shell .rz-chart)[b-o1eeutt14x]
{
    height: 100%;
}

:deep(.agent-summary-shell .rz-chart svg)[b-o1eeutt14x]
{
    overflow: visible;
}

:deep(.agent-chart-host-token .rz-category-axis text)[b-o1eeutt14x]
{
    font-size: 11px;
    text-anchor: end;
    transform: translateY(6px) rotate(-32deg);
    transform-box: fill-box;
    transform-origin: center;
}

:deep(.agent-summary-shell .rz-axis text)[b-o1eeutt14x],
:deep(.agent-summary-shell .rz-legend-text)[b-o1eeutt14x],
:deep(.agent-summary-shell .rz-chart-tooltip)[b-o1eeutt14x]
{
    fill: var(--agent-muted);
    color: var(--agent-muted);
}

:deep(.agent-summary-shell .rz-grid-lines line)[b-o1eeutt14x],
:deep(.agent-summary-shell .rz-axis line)[b-o1eeutt14x]
{
    stroke: var(--agent-border);
}

:deep(.agent-summary-shell .rz-series-item)[b-o1eeutt14x]
{
    stroke: var(--agent-primary);
    fill: rgba(59, 130, 246, 0.66);
}

@media (max-width: 1199px)
{
    .agent-metric-grid[b-o1eeutt14x]
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px)
{
    .agent-summary-shell[b-o1eeutt14x]
    {
        padding: 18px;
    }

    .agent-topbar[b-o1eeutt14x],
    .agent-panel-header[b-o1eeutt14x]
    {
        flex-direction: column;
    }

    .agent-toolbar[b-o1eeutt14x]
    {
        width: 100%;
        justify-content: stretch;
    }

    .agent-toolbar-item[b-o1eeutt14x]
    {
        min-width: 100%;
    }

    .agent-chart-host.large[b-o1eeutt14x],
    .agent-chart-host.medium[b-o1eeutt14x]
    {
        height: 320px;
    }
}

@media (max-width: 767px)
{
    .agent-metric-grid[b-o1eeutt14x],
    .agent-activity-grid[b-o1eeutt14x]
    {
        grid-template-columns: 1fr;
    }

    .agent-summary-shell h1[b-o1eeutt14x]
    {
        font-size: 30px;
    }
}


[b-o1eeutt14x] .agent-statistics-table .rz-data-grid,
[b-o1eeutt14x] .agent-statistics-table .rz-datatable,
[b-o1eeutt14x] .agent-statistics-table .rz-grid,
[b-o1eeutt14x] .agent-statistics-table .rz-data-grid-data,
[b-o1eeutt14x] .agent-statistics-table .rz-datatable-tablewrapper,
[b-o1eeutt14x] .agent-statistics-table .rz-grid-table-wrapper,
[b-o1eeutt14x] .agent-statistics-table table,
[b-o1eeutt14x] .agent-statistics-table .rz-grid-table,
[b-o1eeutt14x] .agent-statistics-table .rz-grid-table-fixed,
[b-o1eeutt14x] .agent-statistics-table .rz-grid-table-striped
{
    background: var(--agent-table-bg) !important;
    color: var(--agent-text);
    border: none;
}

    [b-o1eeutt14x] .agent-statistics-table thead th,
    [b-o1eeutt14x] .agent-statistics-table .rz-grid-table thead th,
    [b-o1eeutt14x] .agent-statistics-table th.rz-unselectable-text,
    [b-o1eeutt14x] .agent-statistics-table th.rz-sortable-column
    {
        position: sticky;
        top: 0;
        z-index: 2;
        background: var(--agent-table-bg) !important;
        color: var(--agent-muted) !important;
        border-bottom: 1px solid var(--agent-border) !important;
        box-shadow: inset 0 -1px 0 rgba(255,255,255,0.04);
    }

[b-o1eeutt14x] .agent-statistics-table .rz-column-title,
[b-o1eeutt14x] .agent-statistics-table .rz-column-title-content,
[b-o1eeutt14x] .agent-statistics-table .rz-sortable-column-icon,
[b-o1eeutt14x] .agent-statistics-table .rz-grid-filter-icon,
[b-o1eeutt14x] .agent-statistics-table .rz-column-resizer,
[b-o1eeutt14x] .agent-statistics-table .rz-row-toggler,
[b-o1eeutt14x] .agent-statistics-table .rzi
{
    color: var(--agent-muted) !important;
}

[b-o1eeutt14x] .agent-statistics-table th,
[b-o1eeutt14x] .agent-statistics-table td
{
    border-color: var(--agent-card-border) !important;
}

[b-o1eeutt14x] .agent-statistics-table tbody tr,
[b-o1eeutt14x] .agent-statistics-table .rz-data-row,
[b-o1eeutt14x] .agent-statistics-table .rz-datatable-even,
[b-o1eeutt14x] .agent-statistics-table .rz-datatable-odd,
[b-o1eeutt14x] .agent-statistics-table .rz-grid-table tbody tr,
[b-o1eeutt14x] .agent-statistics-table tr:not(.rz-group-row)
{
    background: transparent !important;
    color: var(--agent-text);
}

    [b-o1eeutt14x] .agent-statistics-table tbody td,
    [b-o1eeutt14x] .agent-statistics-table .rz-grid-table tbody td,
    [b-o1eeutt14x] .agent-statistics-table .rz-data-row > td,
    [b-o1eeutt14x] .agent-statistics-table .rz-datatable-even > td,
    [b-o1eeutt14x] .agent-statistics-table .rz-datatable-odd > td,
    [b-o1eeutt14x] .agent-statistics-table tr:not(.rz-group-row) > td
    {
        color: var(--agent-text) !important;
        background: var(--agent-table-cell) !important;
        border-bottom: 1px solid var(--agent-card-border) !important;
        box-shadow: inset 0 -1px 0 var(--agent-surface-soft);
        padding-top: 14px;
        padding-bottom: 14px;
    }

    [b-o1eeutt14x] .agent-statistics-table tbody tr:hover td,
    [b-o1eeutt14x] .agent-statistics-table .rz-data-row:hover > td,
    [b-o1eeutt14x] .agent-statistics-table .rz-datatable-even:hover > td,
    [b-o1eeutt14x] .agent-statistics-table .rz-datatable-odd:hover > td,
    [b-o1eeutt14x] .agent-statistics-table .rz-selectable:hover:not(.rz-state-highlight) > td
    {
        background: var(--agent-table-hover) !important;
    }

[b-o1eeutt14x] .agent-statistics-table .rz-state-highlight > td,
[b-o1eeutt14x] .agent-statistics-table .rz-selectable.rz-state-highlight > td
{
    background: var(--agent-primary-soft) !important;
}

[b-o1eeutt14x] .agent-statistics-table .rz-group-row,
[b-o1eeutt14x] .agent-statistics-table .rz-group-row > td,
[b-o1eeutt14x] .agent-statistics-table .rz-group-row .rz-cell-data
{
    color: var(--agent-text) !important;
    font-weight: 700;
}

    [b-o1eeutt14x] .agent-statistics-table .rz-group-row .rz-button,
    [b-o1eeutt14x] .agent-statistics-table .rz-group-row .rz-row-toggler
    {
        color: var(--agent-primary) !important;
    }

[b-o1eeutt14x] .agent-statistics-table nav.rz-pager,
[b-o1eeutt14x] .agent-statistics-table .rz-pager
{
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 14px 12px;
    background: var(--agent-table-surface) !important;
    color: var(--agent-muted) !important;
    border-top: 1px solid var(--agent-border) !important;
}

[b-o1eeutt14x] .agent-statistics-table .rz-pager-summary,
[b-o1eeutt14x] .agent-statistics-table .rz-pagesize-text
{
    color: var(--agent-muted) !important;
}

[b-o1eeutt14x] .agent-statistics-table .rz-pager-pages
{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}

[b-o1eeutt14x] .agent-statistics-table .rz-pager-item
{
    list-style: none;
}

[b-o1eeutt14x] .agent-statistics-table .rz-pager-element
{
    min-width: 42px;
    min-height: 42px;
    border: 1px solid var(--agent-border-strong) !important;
    border-radius: 12px;
    background: var(--agent-surface-muted) !important;
    color: var(--agent-text) !important;
    box-shadow: none;
}

    [b-o1eeutt14x] .agent-statistics-table .rz-pager-element:hover,
    [b-o1eeutt14x] .agent-statistics-table .rz-pager-page.rz-state-active,
    [b-o1eeutt14x] .agent-statistics-table .rz-pager-page.rz-state-focused,
    [b-o1eeutt14x] .agent-statistics-table .rz-pager-page[aria-current="page"]
    {
        background: var(--agent-primary-soft-strong) !important;
        color: var(--agent-text) !important;
        border-color: var(--agent-primary-soft-strong) !important;
    }

    [b-o1eeutt14x] .agent-statistics-table .rz-pager-element.rz-state-disabled,
    [b-o1eeutt14x] .agent-statistics-table .rz-pager-element[disabled],
    [b-o1eeutt14x] .agent-statistics-table .rz-pager-element[aria-disabled="true"]
    {
        opacity: 0.45;
        background: var(--agent-surface-soft) !important;
        color: var(--agent-muted) !important;
    }

[b-o1eeutt14x] .agent-statistics-table .rz-dropdown,
[b-o1eeutt14x] .agent-statistics-table .rz-dropdown:not(.rz-state-disabled),
[b-o1eeutt14x] .agent-statistics-table .rz-textbox,
[b-o1eeutt14x] .agent-statistics-table .rz-inputtext
{
    border: 1px solid var(--agent-border-strong) !important;
    border-radius: 12px;
    background: var(--agent-surface-muted) !important;
    color: var(--agent-text) !important;
    box-shadow: none !important;
}

[b-o1eeutt14x] .agent-statistics-table .rz-dropdown-label,
[b-o1eeutt14x] .agent-statistics-table .rz-dropdown-trigger,
[b-o1eeutt14x] .agent-statistics-table .rz-dropdown-trigger-icon,
[b-o1eeutt14x] .agent-statistics-table .rz-textbox,
[b-o1eeutt14x] .agent-statistics-table .rz-inputtext
{
    color: var(--agent-text) !important;
}

[b-o1eeutt14x] .agent-statistics-table .rz-overlaypanel,
[b-o1eeutt14x] .agent-statistics-table .rz-dropdown-panel
{
    background: var(--agent-table-surface) !important;
    color: var(--agent-text) !important;
    border: 1px solid var(--agent-border-strong) !important;
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}

[b-o1eeutt14x] .agent-statistics-table .rz-grid-filter,
[b-o1eeutt14x] .agent-statistics-table .rz-grid-filter-label,
[b-o1eeutt14x] .agent-statistics-table .rz-dropdown-item,
[b-o1eeutt14x] .agent-statistics-table .rz-dropdown-item span
{
    color: var(--agent-text) !important;
}

[b-o1eeutt14x] .agent-statistics-table .rz-dropdown-item,
[b-o1eeutt14x] .agent-statistics-table .rz-grid-filter-buttons
{
    background: transparent !important;
}

    [b-o1eeutt14x] .agent-statistics-table .rz-dropdown-item:hover,
    [b-o1eeutt14x] .agent-statistics-table .rz-dropdown-item.rz-state-highlight
    {
        background: var(--agent-primary-soft) !important;
    }

[b-o1eeutt14x] .agent-statistics-table .rz-button.rz-clear-filter
{
    background: var(--agent-card-border) !important;
    color: var(--agent-text) !important;
    border: 1px solid var(--agent-border-strong) !important;
}

[b-o1eeutt14x] .agent-statistics-table .rz-button.rz-apply-filter
{
    background: var(--agent-table-apply) !important;
    color: var(--agent-table-apply-text) !important;
    border: none !important;
}


/* Follow-up theme overrides: match page controls and DashboardInfoBox surfaces */
.agent-summary-shell[b-o1eeutt14x]  .agent-panel
{
    background: var(--agent-panel) !important;
    border: 1px solid var(--agent-border) !important;
    box-shadow: var(--agent-shadow) !important;
}

.agent-summary-shell[b-o1eeutt14x]  .agent-panel::before
{
    background: linear-gradient(180deg, var(--agent-surface-strong), transparent 34%) !important;
}

.agent-summary-shell[b-o1eeutt14x]  .agent-panel.agent-panel-glow
{
    border-color: var(--agent-primary-soft-strong) !important;
    box-shadow: 0 24px 60px rgba(59, 130, 246, 0.12) !important;
}

.agent-summary-shell[b-o1eeutt14x]  .agent-panel h2,
.agent-summary-shell[b-o1eeutt14x]  .agent-panel .agent-panel-content,
.agent-summary-shell[b-o1eeutt14x]  .agent-panel .agent-pill,
.agent-summary-shell[b-o1eeutt14x]  .agent-panel .agent-pill span,
.agent-summary-shell[b-o1eeutt14x]  .agent-panel .agent-panel-kicker
{
    color: inherit;
}

.agent-summary-shell[b-o1eeutt14x]  .agent-panel p
{
    color: var(--agent-muted) !important;
}

.agent-summary-shell[b-o1eeutt14x]  .agent-toolbar-export,
.agent-summary-shell[b-o1eeutt14x]  button.agent-toolbar-export,
.agent-summary-shell[b-o1eeutt14x]  .agent-toolbar-export.btn,
.agent-summary-shell[b-o1eeutt14x]  .agent-toolbar-export.dropdown-toggle,
.agent-summary-shell[b-o1eeutt14x]  .agent-toolbar-export.dropdown-toggle.btn
{
    width: 100%;
    min-height: 46px;
    border: 1px solid var(--agent-border) !important;
    border-radius: 999px !important;
    background: var(--agent-surface-elevated) !important;
    color: var(--agent-text) !important;
    box-shadow: inset 0 1px 0 var(--agent-border) !important;
}

.agent-summary-shell[b-o1eeutt14x]  .agent-toolbar-export:hover,
.agent-summary-shell[b-o1eeutt14x]  .agent-toolbar-export:focus,
.agent-summary-shell[b-o1eeutt14x]  .agent-toolbar-export:active,
.agent-summary-shell[b-o1eeutt14x]  .show > .agent-toolbar-export,
.agent-summary-shell[b-o1eeutt14x]  .agent-toolbar-export.btn.show
{
    background: var(--agent-primary-soft) !important;
    border-color: var(--agent-primary-soft-strong) !important;
    color: var(--agent-text) !important;
}

.agent-summary-shell[b-o1eeutt14x]  .dropdown-menu
{
    min-width: 240px;
    padding: 8px;
    overflow: hidden;
    background: var(--agent-panel) !important;
    border: 1px solid var(--agent-border) !important;
    border-radius: 18px !important;
    box-shadow: var(--agent-shadow) !important;
}

.agent-summary-shell[b-o1eeutt14x]  .dropdown-menu li,
.agent-summary-shell[b-o1eeutt14x]  .dropdown-menu div
{
    background: transparent !important;
}

.agent-summary-shell[b-o1eeutt14x]  .dropdown-item
{
    width: 100%;
    padding: 10px 14px;
    border-radius: 12px;
    background: transparent !important;
    color: var(--agent-text) !important;
    font-weight: 600;
}

.agent-summary-shell[b-o1eeutt14x]  .dropdown-item:hover,
.agent-summary-shell[b-o1eeutt14x]  .dropdown-item:focus,
.agent-summary-shell[b-o1eeutt14x]  .dropdown-item.active
{
    background: var(--agent-primary-soft) !important;
    color: var(--agent-text) !important;
}

.agent-summary-shell[b-o1eeutt14x]  .dropdown-divider
{
    height: 0;
    margin: 6px 10px;
    overflow: hidden;
    border-top: 1px solid var(--agent-border) !important;
    background: transparent !important;
    opacity: 1;
}

/* /Components/Pages/Shared/Agent/ViewFunnel.razor.rz.scp.css */
.funnel-view-page[b-tcuktc6dzi] {
    --funnel-bg: var(--background-light);
    --funnel-panel: var(--background-light);
    --funnel-border: rgba(15, 23, 42, 0.08);
    --funnel-border-strong: rgba(59, 130, 246, 0.18);
    --funnel-text: var(--text-light);
    --funnel-muted: rgba(15, 23, 42, 0.68);
    --funnel-primary: var(--primary-color);
    --funnel-secondary: var(--accent-color);
    --funnel-cyan: var(--accent-color);
    --funnel-warning: #f59e0b;
    --funnel-danger: #dc3545;
    --funnel-success: #198754;
    --funnel-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    --funnel-shadow-strong: 0 24px 60px rgba(59, 130, 246, 0.12);
    --funnel-brand-shadow: rgba(59, 130, 246, 0.18);
    --funnel-radius-xl: 28px;
    --funnel-radius-lg: 22px;
    --funnel-surface-elevated: rgba(255, 255, 255, 0.88);
    --funnel-surface-strong: rgba(15, 23, 42, 0.05);
    --funnel-surface-muted: rgba(15, 23, 42, 0.035);
    --funnel-surface-soft: rgba(15, 23, 42, 0.025);
    --funnel-card-border: rgba(15, 23, 42, 0.06);
    --funnel-primary-soft: rgba(59, 130, 246, 0.10);
    --funnel-primary-soft-strong: rgba(59, 130, 246, 0.16);
    padding: 1.25rem 0 2.5rem;
    color: var(--funnel-text);
}

body.dark-theme .funnel-view-page[b-tcuktc6dzi] {
    --funnel-bg: var(--background-dark);
    --funnel-panel: var(--card-dark);
    --funnel-border: rgba(255, 255, 255, 0.08);
    --funnel-border-strong: rgba(110, 156, 255, 0.24);
    --funnel-text: var(--text-dark);
    --funnel-muted: rgba(249, 250, 251, 0.7);
    --funnel-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
    --funnel-shadow-strong: 0 24px 80px rgba(59, 130, 246, 0.12);
    --funnel-brand-shadow: rgba(99, 167, 255, 0.34);
    --funnel-surface-elevated: rgba(255, 255, 255, 0.04);
    --funnel-surface-strong: rgba(255, 255, 255, 0.05);
    --funnel-surface-muted: rgba(255, 255, 255, 0.035);
    --funnel-surface-soft: rgba(255, 255, 255, 0.025);
    --funnel-card-border: rgba(255, 255, 255, 0.07);
    --funnel-primary-soft: rgba(99, 167, 255, 0.14);
    --funnel-primary-soft-strong: rgba(99, 167, 255, 0.22);
}

.funnel-loading-state[b-tcuktc6dzi],
.funnel-empty-state[b-tcuktc6dzi] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
}

.funnel-loading-card[b-tcuktc6dzi],
.funnel-empty-state[b-tcuktc6dzi],
.funnel-card[b-tcuktc6dzi],
.funnel-subcard[b-tcuktc6dzi] {
    background: var(--funnel-panel);
    border: 1px solid var(--funnel-border);
    box-shadow: var(--funnel-shadow);
    backdrop-filter: blur(14px);
}

.funnel-loading-card[b-tcuktc6dzi],
.funnel-empty-state[b-tcuktc6dzi],
.funnel-card[b-tcuktc6dzi],
.funnel-subcard[b-tcuktc6dzi],
.funnel-hero[b-tcuktc6dzi] {
    border-radius: var(--funnel-radius-lg);
}

.funnel-loading-card[b-tcuktc6dzi] {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 1.5rem 1.75rem;
}

.funnel-loading-spinner[b-tcuktc6dzi] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    border: 3px solid var(--funnel-primary-soft-strong);
    border-top-color: var(--funnel-primary);
    animation: funnel-spin-b-tcuktc6dzi 0.9s linear infinite;
}

.funnel-empty-state[b-tcuktc6dzi] {
    flex-direction: column;
    text-align: center;
    padding: 2.25rem;
}

.funnel-empty-state h2[b-tcuktc6dzi],
.funnel-loading-card h3[b-tcuktc6dzi],
.funnel-card__header h2[b-tcuktc6dzi],
.funnel-subcard h3[b-tcuktc6dzi],
.funnel-hero h1[b-tcuktc6dzi] {
    margin: 0;
    color: var(--funnel-text);
}

.funnel-empty-state p[b-tcuktc6dzi],
.funnel-loading-card p[b-tcuktc6dzi],
.funnel-hero__subtitle[b-tcuktc6dzi] {
    margin: 0.5rem 0 0;
    color: var(--funnel-muted);
}

.funnel-empty-actions[b-tcuktc6dzi] {
    margin-top: 1.25rem;
}

.funnel-hero[b-tcuktc6dzi] {
    position: relative;
    overflow: hidden;
    background: var(--funnel-panel);
    color: var(--funnel-text);
    padding: 1.75rem;
    border: 1px solid var(--funnel-primary-soft-strong);
    box-shadow: var(--funnel-shadow-strong);
    backdrop-filter: blur(14px);
}

    .funnel-hero[b-tcuktc6dzi]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, var(--funnel-surface-strong), transparent 34%);
        pointer-events: none;
    }

    .funnel-hero > *[b-tcuktc6dzi] {
        position: relative;
        z-index: 1;
    }

.funnel-breadcrumb[b-tcuktc6dzi] {
    display: inline-flex;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: var(--funnel-surface-strong);
    border: 1px solid var(--funnel-border);
    color: var(--funnel-cyan);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.funnel-hero__title-row[b-tcuktc6dzi] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-top: 1rem;
}

.funnel-hero h1[b-tcuktc6dzi] {
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.funnel-hero__subtitle[b-tcuktc6dzi] {
    max-width: 65ch;
    line-height: 1.58;
}

.funnel-hero__actions[b-tcuktc6dzi] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.funnel-hero__chips[b-tcuktc6dzi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.funnel-chip[b-tcuktc6dzi] {
    display: inline-flex;
    align-items: center;
    min-height: 2.1rem;
    padding: 0.35rem 0.78rem;
    border-radius: 999px;
    background: var(--funnel-surface-strong);
    border: 1px solid var(--funnel-border);
    color: var(--funnel-text);
    font-weight: 800;
}

.funnel-chip--stage[b-tcuktc6dzi] {
    color: var(--funnel-cyan);
    background: var(--funnel-primary-soft);
    border-color: var(--funnel-primary-soft-strong);
}

.funnel-chip--status.status-active[b-tcuktc6dzi] { color: var(--funnel-success); }
.funnel-chip--status.status-lost[b-tcuktc6dzi] { color: var(--funnel-danger); }
.funnel-chip--status.status-won[b-tcuktc6dzi] { color: var(--funnel-success); }
.funnel-chip--status.status-onhold[b-tcuktc6dzi] { color: var(--funnel-warning); }
.funnel-chip--status.status-offersubmitted[b-tcuktc6dzi] { color: var(--funnel-cyan); }

.funnel-hero__meta-grid[b-tcuktc6dzi],
.funnel-grid[b-tcuktc6dzi] {
    display: grid;
    gap: 1rem;
}

.funnel-hero__meta-grid[b-tcuktc6dzi] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin-top: 1.5rem;
}

.funnel-meta-card[b-tcuktc6dzi] {
    padding: 1rem 1.1rem;
    border-radius: 18px;
    background: var(--funnel-surface-muted);
    border: 1px solid var(--funnel-card-border);
}

.funnel-meta-card span[b-tcuktc6dzi] {
    display: block;
    font-size: 0.82rem;
    color: var(--funnel-muted);
    margin-bottom: 0.3rem;
}

.funnel-meta-card strong[b-tcuktc6dzi] {
    display: block;
    font-size: 1rem;
    color: var(--funnel-text);
    word-break: break-word;
}

.funnel-grid--overview[b-tcuktc6dzi] {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    margin-top: 1rem;
}

.funnel-grid--agreement[b-tcuktc6dzi],
.funnel-grid--attachments[b-tcuktc6dzi] {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.funnel-card[b-tcuktc6dzi],
.funnel-subcard[b-tcuktc6dzi] {
    position: relative;
    padding: 1.25rem;
    overflow: hidden;
}

    .funnel-card[b-tcuktc6dzi]::before,
    .funnel-subcard[b-tcuktc6dzi]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, var(--funnel-surface-strong), transparent 34%);
        pointer-events: none;
    }

    .funnel-card > *[b-tcuktc6dzi],
    .funnel-subcard > *[b-tcuktc6dzi] {
        position: relative;
        z-index: 1;
    }

.funnel-card--section[b-tcuktc6dzi] {
    margin-top: 1rem;
}

.funnel-card__header[b-tcuktc6dzi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.funnel-card__badge[b-tcuktc6dzi] {
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.6rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--funnel-primary-soft);
    border: 1px solid var(--funnel-primary-soft-strong);
    color: var(--funnel-cyan);
    font-weight: 800;
}

.funnel-description-list[b-tcuktc6dzi] {
    display: grid;
    gap: 0.75rem;
}

.funnel-description-list__item[b-tcuktc6dzi] {
    padding: 0.95rem 1rem;
    border-radius: 16px;
    background: var(--funnel-surface-muted);
    border: 1px solid var(--funnel-card-border);
    color: var(--funnel-text);
    font-weight: 500;
    line-height: 1.6;
}

.funnel-kv-list[b-tcuktc6dzi] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
    margin: 0;
}

.funnel-kv-list--two-column[b-tcuktc6dzi] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.funnel-kv-list > div[b-tcuktc6dzi] {
    padding: 0.85rem 0.95rem;
    border-radius: 16px;
    background: var(--funnel-surface-muted);
    border: 1px solid var(--funnel-card-border);
}

.funnel-kv-list__full[b-tcuktc6dzi] {
    grid-column: 1 / -1;
}

.funnel-kv-list dt[b-tcuktc6dzi] {
    margin: 0 0 0.35rem;
    color: var(--funnel-muted);
    font-size: 0.82rem;
    font-weight: 600;
}

.funnel-kv-list dd[b-tcuktc6dzi] {
    margin: 0;
    color: var(--funnel-text);
    font-weight: 600;
    white-space: pre-wrap;
    word-break: break-word;
}

@keyframes funnel-spin-b-tcuktc6dzi {
    to { transform: rotate(360deg); }
}

@media (max-width: 992px) {
    .funnel-hero[b-tcuktc6dzi] {
        padding: 1.5rem;
    }

    .funnel-hero__title-row[b-tcuktc6dzi],
    .funnel-kv-list--two-column[b-tcuktc6dzi] {
        grid-template-columns: 1fr;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .funnel-view-page[b-tcuktc6dzi] {
        padding-top: 1rem;
    }

    .funnel-loading-card[b-tcuktc6dzi],
    .funnel-empty-state[b-tcuktc6dzi],
    .funnel-card[b-tcuktc6dzi],
    .funnel-subcard[b-tcuktc6dzi],
    .funnel-hero[b-tcuktc6dzi] {
        border-radius: 18px;
    }

    .funnel-hero__actions[b-tcuktc6dzi] {
        width: 100%;
    }

    .funnel-hero__actions .button[b-tcuktc6dzi],
    .funnel-hero__actions a.button[b-tcuktc6dzi] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Shared/Billing/Billing.razor.rz.scp.css */
.billing-summary-shell[b-xo4aucxf91]
{
    --billing-bg: var(--background-light);
    --billing-bg-soft: #f4f7fb;
    --billing-panel: var(--background-light);
    --billing-border: rgba(15, 23, 42, 0.08);
    --billing-border-strong: rgba(59, 130, 246, 0.18);
    --billing-text: var(--text-light);
    --billing-muted: rgba(15, 23, 42, 0.68);
    --billing-primary: var(--primary-color);
    --billing-secondary: var(--accent-color);
    --billing-cyan: var(--accent-color);
    --billing-warning: #f59e0b;
    --billing-danger: #dc3545;
    --billing-success: #198754;
    --billing-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    --billing-shadow-strong: 0 24px 60px rgba(59, 130, 246, 0.12);
    --billing-brand-shadow: rgba(59, 130, 246, 0.18);
    --billing-radius-xl: 28px;
    --billing-radius-lg: 22px;
    --billing-surface-elevated: rgba(255, 255, 255, 0.88);
    --billing-surface-strong: rgba(15, 23, 42, 0.05);
    --billing-surface-muted: rgba(15, 23, 42, 0.035);
    --billing-surface-soft: rgba(15, 23, 42, 0.025);
    --billing-card-border: rgba(15, 23, 42, 0.06);
    --billing-primary-soft: rgba(59, 130, 246, 0.10);
    --billing-primary-soft-strong: rgba(59, 130, 246, 0.16);
    --billing-grid-line: rgba(15, 23, 42, 0.08);
    --billing-graph-fill: rgba(59, 130, 246, 0.66);
}

body.dark-theme .billing-summary-shell[b-xo4aucxf91]
{
    --billing-bg: var(--background-dark);
    --billing-bg-soft: #162033;
    --billing-panel: var(--card-dark);
    --billing-border: rgba(255, 255, 255, 0.08);
    --billing-border-strong: rgba(110, 156, 255, 0.24);
    --billing-text: var(--text-dark);
    --billing-muted: rgba(249, 250, 251, 0.7);
    --billing-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
    --billing-shadow-strong: 0 24px 80px rgba(59, 130, 246, 0.12);
    --billing-brand-shadow: rgba(99, 167, 255, 0.34);
    --billing-surface-elevated: rgba(255, 255, 255, 0.04);
    --billing-surface-strong: rgba(255, 255, 255, 0.05);
    --billing-surface-muted: rgba(255, 255, 255, 0.035);
    --billing-surface-soft: rgba(255, 255, 255, 0.025);
    --billing-card-border: rgba(255, 255, 255, 0.07);
    --billing-primary-soft: rgba(99, 167, 255, 0.14);
    --billing-primary-soft-strong: rgba(99, 167, 255, 0.18);
    --billing-grid-line: var(--billing-border);
    --billing-graph-fill: rgba(99, 167, 255, 0.82);
}
.billing-summary-shell[b-xo4aucxf91]
{
    min-height: 100vh;
    padding: 28px;
    margin: 0;
    color: var(--billing-text);
    background: transparent;
    font-family: inherit;
}

.billing-summary-shell h1[b-xo4aucxf91],
.billing-summary-shell h2[b-xo4aucxf91],
.billing-summary-shell h3[b-xo4aucxf91],
.billing-summary-shell p[b-xo4aucxf91]
{
    margin-top: 0;
}

.billing-topbar[b-xo4aucxf91]
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 22px;
}

.billing-brand-column[b-xo4aucxf91]
{
    max-width: 760px;
}

.billing-brand-row[b-xo4aucxf91]
{
    display: flex;
    align-items: center;
    gap: 18px;
}

.billing-brand-mark[b-xo4aucxf91]
{
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--billing-primary), var(--billing-secondary));
    color: white;
    font-weight: 900;
    font-size: 26px;
    box-shadow: 0 16px 38px var(--billing-brand-shadow);
    flex: 0 0 auto;
}

.billing-panel-kicker[b-xo4aucxf91]
{
    color: var(--billing-cyan);
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 8px;
}

.billing-summary-shell h1[b-xo4aucxf91]
{
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.02;
    letter-spacing: -0.04em;
    margin-bottom: 8px;
}

.billing-summary-shell h2[b-xo4aucxf91]
{
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.08;
    letter-spacing: -0.03em;
    margin-bottom: 10px;
}

.billing-subtext[b-xo4aucxf91],
.billing-panel-header p[b-xo4aucxf91],
.billing-summary-shell span[b-xo4aucxf91],
.billing-summary-shell p[b-xo4aucxf91],
.billing-mini-kpi-label[b-xo4aucxf91],
.billing-metric-detail[b-xo4aucxf91]
{
    color: var(--billing-muted);
    line-height: 1.58;
}

.billing-toolbar[b-xo4aucxf91]
{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
    align-items: flex-end;
}

.billing-toolbar-item[b-xo4aucxf91]
{
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 200px;
}

.billing-input-label[b-xo4aucxf91]
{
    color: var(--billing-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.billing-toolbar-button[b-xo4aucxf91],
.billing-month-picker[b-xo4aucxf91],
.billing-toggle[b-xo4aucxf91]
{
    border: 1px solid var(--billing-border);
    border-radius: 999px;
    color: var(--billing-text);
    background: var(--billing-surface-elevated);
    box-shadow: inset 0 1px 0 var(--billing-border);
}

.billing-toolbar-button[b-xo4aucxf91]
{
    width: 100%;
    min-height: 46px;
    padding: 10px 16px;
    text-align: left;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.billing-month-picker[b-xo4aucxf91]
{
    width: 100%;
}

.billing-toggle[b-xo4aucxf91]
{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    min-height: 46px;
}

.billing-toggle span[b-xo4aucxf91]
{
    color: var(--billing-text);
    font-size: 14px;
    line-height: 1.35;
}

.billing-hero-grid[b-xo4aucxf91],
.billing-kpi-grid[b-xo4aucxf91],
.billing-main-grid[b-xo4aucxf91],
.billing-split-grid[b-xo4aucxf91]
{
}

.billing-mini-kpi[b-xo4aucxf91]
{
    height: 100%;
}

.billing-panel[b-xo4aucxf91],
.billing-mini-kpi[b-xo4aucxf91]
{
    position: relative;
    background: var(--billing-panel);
    border: 1px solid var(--billing-border);
    border-radius: var(--billing-radius-xl);
    padding: 24px;
    box-shadow: var(--billing-shadow);
    overflow: hidden;
    backdrop-filter: blur(14px);
}

.billing-panel[b-xo4aucxf91]::before,
.billing-mini-kpi[b-xo4aucxf91]::before
{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, var(--billing-surface-strong), transparent 34%);
    pointer-events: none;
}

.billing-panel-glow[b-xo4aucxf91]
{
    border-color: var(--billing-primary-soft-strong);
    box-shadow: 0 24px 80px rgba(59, 130, 246, 0.12);
}

.billing-panel-header[b-xo4aucxf91]
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}

.billing-pill[b-xo4aucxf91]
{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    font-size: 12px;
    font-weight: 800;
    background: var(--billing-surface-strong);
    border: 1px solid var(--billing-border);
    border-radius: 999px;
    white-space: nowrap;
}

.billing-pill-info[b-xo4aucxf91]
{
    color: var(--billing-cyan);
}

.billing-pill-warning[b-xo4aucxf91]
{
    color: var(--billing-warning);
}

.billing-pill-danger[b-xo4aucxf91]
{
    color: var(--billing-danger);
}

.billing-pill-success[b-xo4aucxf91]
{
    color: var(--billing-success);
}

.billing-metric-grid[b-xo4aucxf91]
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.billing-metric-card[b-xo4aucxf91]
{
    border-radius: 22px;
    border: 1px solid var(--billing-card-border);
    background: var(--billing-surface-muted);
    padding: 18px;
}

.billing-metric-card-primary[b-xo4aucxf91]
{
    background: linear-gradient(180deg, var(--billing-primary-soft), var(--billing-surface-soft));
    border-color: var(--billing-primary-soft-strong);
}

.billing-metric-label[b-xo4aucxf91],
.billing-mini-kpi-label[b-xo4aucxf91],
.billing-activity-label[b-xo4aucxf91]
{
    font-size: 13px;
    color: var(--billing-muted);
}

.billing-metric-value[b-xo4aucxf91],
.billing-mini-kpi-value[b-xo4aucxf91],
.billing-activity-value[b-xo4aucxf91]
{
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.04em;
    margin: 14px 0 10px;
}

.billing-kpi-grid[b-xo4aucxf91]
{
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
    margin-top: 20px;
}

.billing-mini-kpi[b-xo4aucxf91]
{
    min-height: 180px;
}

.billing-main-grid[b-xo4aucxf91],
.billing-split-grid[b-xo4aucxf91]
{
    margin-top: 20px;
}

.billing-chart-host[b-xo4aucxf91]
{
    position: relative;
    width: 100%;
}

.billing-chart-host.large[b-xo4aucxf91]
{
    height: 360px;
}

.billing-chart-host.medium[b-xo4aucxf91]
{
    height: 290px;
}

.billing-chart-host.medium.billing-chart-host-token[b-xo4aucxf91]
{
    height: 370px;
    padding-bottom: 44px;
}

.billing-empty-state[b-xo4aucxf91]
{
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    min-height: 220px;
    border-radius: var(--billing-radius-lg);
    border: 1px dashed var(--billing-border-strong);
    color: var(--billing-muted);
    background: var(--billing-surface-soft);
    text-align: center;
    padding: 24px;
}

.billing-activity-grid[b-xo4aucxf91]
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.billing-activity-card[b-xo4aucxf91]
{
    border-radius: 22px;
    border: 1px solid var(--billing-card-border);
    background: var(--billing-surface-muted);
    padding: 18px;
}

.billing-activity-detail[b-xo4aucxf91]
{
    color: var(--billing-muted);
    line-height: 1.5;
}

.billing-payment-table[b-xo4aucxf91],
.billing-payment-total-row[b-xo4aucxf91]
{
    --billing-payment-date-column: 32%;
    --billing-payment-usage-column: 34%;
    --billing-payment-vat-column: 34%;
}

.billing-payment-total-row[b-xo4aucxf91]
{
    display: grid;
    grid-template-columns: var(--billing-payment-date-column) var(--billing-payment-usage-column) var(--billing-payment-vat-column);
    align-items: center;
    margin-top: 10px;
    overflow: hidden;
    border: 1px solid var(--billing-border);
    border-radius: 12px;
    background: var(--billing-surface-muted);
}

.billing-payment-total-row span[b-xo4aucxf91]
{
    padding: 10px 12px;
}

.billing-payment-total-row span:nth-child(n + 2)[b-xo4aucxf91]
{
    text-align: left;
}

:deep(.billing-month-picker .rz-inputtext)[b-xo4aucxf91],
:deep(.billing-month-picker .rz-datepicker-input)[b-xo4aucxf91],
:deep(.billing-month-picker input)[b-xo4aucxf91]
{
    background: transparent;
    color: var(--billing-text);
    border: none;
    box-shadow: none;
    padding: 10px 16px;
    min-height: 46px;
}

:deep(.billing-month-picker .rz-button)[b-xo4aucxf91]
{
    background: transparent;
    border: none;
    color: var(--billing-muted);
}

:deep(.billing-toggle .rz-chkbox-box)[b-xo4aucxf91]
{
    border-color: var(--billing-border-strong);
    background: rgba(255,255,255,0.04);
}

:deep(.billing-summary-shell .rz-chart)[b-xo4aucxf91]
{
    height: 100%;
}

:deep(.billing-summary-shell .rz-chart svg)[b-xo4aucxf91]
{
    overflow: visible;
}

:deep(.billing-chart-host-token .rz-category-axis text)[b-xo4aucxf91]
{
    font-size: 11px;
    text-anchor: end;
    transform: translateY(6px) rotate(-32deg);
    transform-box: fill-box;
    transform-origin: center;
}

:deep(.billing-summary-shell .rz-axis text)[b-xo4aucxf91],
:deep(.billing-summary-shell .rz-legend-text)[b-xo4aucxf91],
:deep(.billing-summary-shell .rz-chart-tooltip)[b-xo4aucxf91]
{
    fill: var(--billing-muted);
    color: var(--billing-muted);
}

:deep(.billing-summary-shell .rz-grid-lines line)[b-xo4aucxf91],
:deep(.billing-summary-shell .rz-axis line)[b-xo4aucxf91]
{
    stroke: var(--billing-border);
}

:deep(.billing-summary-shell .rz-series-item)[b-xo4aucxf91]
{
    stroke: var(--billing-primary);
    fill: var(--billing-graph-fill);
}

@media (max-width: 1199px)
{
    .billing-metric-grid[b-xo4aucxf91]
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px)
{
    .billing-summary-shell[b-xo4aucxf91]
    {
        padding: 18px;
    }

    .billing-topbar[b-xo4aucxf91],
    .billing-panel-header[b-xo4aucxf91]
    {
        flex-direction: column;
    }

    .billing-toolbar[b-xo4aucxf91]
    {
        width: 100%;
        justify-content: stretch;
    }

    .billing-toolbar-item[b-xo4aucxf91]
    {
        min-width: 100%;
    }

    .billing-chart-host.large[b-xo4aucxf91],
    .billing-chart-host.medium[b-xo4aucxf91]
    {
        height: 320px;
    }
}

@media (max-width: 767px)
{
    .billing-metric-grid[b-xo4aucxf91],
    .billing-activity-grid[b-xo4aucxf91]
    {
        grid-template-columns: 1fr;
    }

    .billing-summary-shell h1[b-xo4aucxf91]
    {
        font-size: 30px;
    }
}


/* Follow-up theme overrides: dropdown toggle should match page palette */
.billing-summary-shell[b-xo4aucxf91]  .billing-toolbar-button,
.billing-summary-shell[b-xo4aucxf91]  button.billing-toolbar-button,
.billing-summary-shell[b-xo4aucxf91]  .billing-toolbar-button.btn,
.billing-summary-shell[b-xo4aucxf91]  .billing-toolbar-button.dropdown-toggle,
.billing-summary-shell[b-xo4aucxf91]  .billing-toolbar-button.dropdown-toggle.btn
{
    width: 100%;
    min-height: 46px;
    border: 1px solid var(--billing-border) !important;
    border-radius: 999px !important;
    background: var(--billing-surface-elevated) !important;
    color: var(--billing-text) !important;
    box-shadow: inset 0 1px 0 var(--billing-border) !important;
}

.billing-summary-shell[b-xo4aucxf91]  .billing-toolbar-button:hover,
.billing-summary-shell[b-xo4aucxf91]  .billing-toolbar-button:focus,
.billing-summary-shell[b-xo4aucxf91]  .billing-toolbar-button:active,
.billing-summary-shell[b-xo4aucxf91]  .show > .billing-toolbar-button,
.billing-summary-shell[b-xo4aucxf91]  .billing-toolbar-button.btn.show
{
    background: var(--billing-primary-soft) !important;
    border-color: var(--billing-primary-soft-strong) !important;
    color: var(--billing-text) !important;
}

.billing-summary-shell[b-xo4aucxf91]  .dropdown-menu
{
    background: var(--billing-panel) !important;
    border: 1px solid var(--billing-border) !important;
    border-radius: 18px !important;
    box-shadow: var(--billing-shadow) !important;
}

.billing-summary-shell[b-xo4aucxf91]  .dropdown-item
{
    color: var(--billing-text) !important;
}

.billing-summary-shell[b-xo4aucxf91]  .dropdown-item:hover,
.billing-summary-shell[b-xo4aucxf91]  .dropdown-item:focus,
.billing-summary-shell[b-xo4aucxf91]  .dropdown-item.active
{
    background: var(--billing-primary-soft) !important;
    color: var(--billing-text) !important;
}


/* /Components/Pages/Shared/ContactPersonel.razor.rz.scp.css */
.contact-content[b-yt64j1pf4x]
{
    max-width: 100%;
}
/* /Components/Pages/Shared/Failure/MissingRequirement.razor.rz.scp.css */
.missing-root[b-k249912986]
{
    min-height: calc(100vh - 2rem);
    padding: 1rem;
    display: flex;
    align-items: start;
    justify-content: center;
    background: var(--rz-body-background-color, #f6f7f9);
}

.missing-shell[b-k249912986]
{
    width: 100%;
    max-width: 760px;
}

.missing-card[b-k249912986]
{
    border-radius: 14px;
    background: var(--rz-panel-background-color, #fff);
    border: 1px solid rgba(0,0,0,0.06);
    padding: 1.75rem 1.75rem 1.5rem 1.75rem;
    text-align: center;
}

.missing-icon[b-k249912986]
{
    display: flex;
    justify-content: center;
    margin-bottom: 0.75rem;
}

.missing-icon-circle[b-k249912986]
{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.25rem;
    border: 1px solid rgba(0,0,0,0.10);
    background: rgba(0,0,0,0.03);
    user-select: none;
}

.missing-title[b-k249912986]
{
    font-weight: 800;
    margin-bottom: 0.5rem;
}

.missing-text[b-k249912986]
{
    opacity: 0.85;
    margin-bottom: 1.25rem;
}

.missing-list[b-k249912986]
{
    list-style: none;
    padding: 0;
    margin: 0 0 1.25rem 0;
    display: grid;
    gap: 0.5rem;
}

    .missing-list li[b-k249912986]
    {
        background: rgba(0,0,0,0.04);
        border: 1px solid rgba(0,0,0,0.08);
        border-radius: 10px;
        padding: 0.5rem 0.75rem;
        font-weight: 600;
    }

.missing-actions[b-k249912986]
{
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.missing-primary[b-k249912986]
{
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0.5rem 1rem;
    border-radius: 10px;
}
/* /Components/Pages/Shared/Failure/Unauthorized.razor.rz.scp.css */

.unauth-icon[b-j00aj4r00h]
{
    display: flex;
    justify-content: center;
    margin-bottom: 0.75rem;
}

.unauth-icon-circle[b-j00aj4r00h]
{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.25rem;
    border: 1px solid rgba(0,0,0,0.10);
    background: rgba(0,0,0,0.03);
    user-select: none;
}

.unauth-title[b-j00aj4r00h]
{
    font-weight: 800;
    margin-bottom: 0.5rem;
}

.unauth-text[b-j00aj4r00h]
{
    opacity: 0.85;
    margin-bottom: 1.25rem;
}

.unauth-actions[b-j00aj4r00h]
{
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.unauth-primary[b-j00aj4r00h]
{
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0.5rem 1rem;
    border-radius: 10px;
}

.unauth-secondary[b-j00aj4r00h]
{
    opacity: 0.85;
}

.unauth-link[b-j00aj4r00h]
{
    text-decoration: none;
}

    .unauth-link:hover[b-j00aj4r00h]
    {
        text-decoration: underline;
    }
/* /Components/Pages/Shared/License/LicenseSelection.razor.rz.scp.css */
.license-selection-page[b-51ml961jhq]
{
    max-width: 1120px;
}

.license-selection-hero[b-51ml961jhq]
{
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 1rem;
    align-items: stretch;
    margin-bottom: 1.5rem;
}

.license-selection-header[b-51ml961jhq],
.current-license-panel[b-51ml961jhq]
{
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 15% 0%, rgba(31, 171, 209, 0.2), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
    box-shadow: 0 22px 64px rgba(0, 0, 0, 0.24);
}

.license-selection-header[b-51ml961jhq]
{
    padding: clamp(1.25rem, 3vw, 2rem);
}

.license-selection-kicker[b-51ml961jhq],
.current-license-eyebrow[b-51ml961jhq]
{
    display: inline-flex;
    width: fit-content;
    margin-bottom: 0.75rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid rgba(31, 171, 209, 0.45);
    border-radius: 999px;
    color: rgba(166, 233, 255, 0.96);
    background: rgba(31, 171, 209, 0.1);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.license-selection-header h2[b-51ml961jhq]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.98);
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.055em;
}

.license-selection-header p[b-51ml961jhq]
{
    max-width: 58rem;
    margin: 0.95rem 0 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 1rem;
    line-height: 1.65;
}

.current-license-panel[b-51ml961jhq]
{
    display: flex;
    min-height: 100%;
    justify-content: space-between;
    gap: 1rem;
    padding: clamp(1.15rem, 3vw, 1.5rem);
}

.current-license-panel[b-51ml961jhq]::before
{
    position: absolute;
    inset: auto -3rem -4rem auto;
    width: 11rem;
    height: 11rem;
    border-radius: 999px;
    background: rgba(31, 171, 209, 0.12);
    content: "";
}

.current-license-panel-active[b-51ml961jhq]
{
    border-color: rgba(61, 220, 151, 0.4);
}

.current-license-panel-expired[b-51ml961jhq]
{
    border-color: rgba(255, 82, 82, 0.62);
    background:
        radial-gradient(circle at 15% 0%, rgba(255, 82, 82, 0.18), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
}

.current-license-panel-expired p[b-51ml961jhq],
.current-license-panel-expired .current-license-state[b-51ml961jhq]
{
    color: #ff6b6b;
}

.current-license-panel-new-user[b-51ml961jhq]
{
    border-color: rgba(31, 171, 209, 0.45);
}

.current-license-panel h3[b-51ml961jhq]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: clamp(1.35rem, 2.2vw, 2rem);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.current-license-panel p[b-51ml961jhq]
{
    margin: 0.7rem 0 0;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.55;
}

.current-license-state[b-51ml961jhq]
{
    position: relative;
    z-index: 1;
    display: inline-flex;
    height: fit-content;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 0.45rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.08);
    font-size: 0.82rem;
    font-weight: 800;
}

.current-license-subscription-state[b-51ml961jhq]
{
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: fit-content;
    margin-top: 0.65rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.8rem;
    font-weight: 800;
}

.current-license-subscription-state-active[b-51ml961jhq]
{
    border-color: rgba(61, 220, 151, 0.45);
    color: rgba(151, 255, 210, 0.96);
    background: rgba(61, 220, 151, 0.1);
}

.current-license-subscription-state-inactive[b-51ml961jhq]
{
    border-color: rgba(255, 82, 82, 0.45);
    color: #ff8a8a;
    background: rgba(255, 82, 82, 0.1);
}

.current-license-subscription-state-pending[b-51ml961jhq]
{
    border-color: rgba(255, 193, 7, 0.45);
    color: rgba(255, 224, 130, 0.96);
    background: rgba(255, 193, 7, 0.1);
}

.license-processing-card[b-51ml961jhq]
{
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: flex-start;
    margin: 0 0 1.5rem;
    padding: clamp(1rem, 3vw, 1.35rem);
    overflow: hidden;
    border: 1px solid rgba(57, 210, 255, 0.28);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 8% 0%, rgba(57, 210, 255, 0.22), transparent 34%),
        radial-gradient(circle at 92% 15%, rgba(61, 220, 151, 0.14), transparent 30%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.082), rgba(255, 255, 255, 0.03));
    box-shadow: 0 22px 64px rgba(0, 0, 0, 0.24);
}

.license-processing-card[b-51ml961jhq]::before
{
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.07), transparent 34%, rgba(255, 255, 255, 0.045));
    content: "";
}

.license-processing-icon[b-51ml961jhq],
.license-processing-content[b-51ml961jhq]
{
    position: relative;
    z-index: 1;
}

.license-processing-icon[b-51ml961jhq]
{
    display: inline-flex;
    width: 3.25rem;
    height: 3.25rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(57, 210, 255, 0.42);
    border-radius: 1rem;
    color: rgba(204, 247, 255, 0.98);
    background: rgba(57, 210, 255, 0.12);
    box-shadow: 0 0 32px rgba(57, 210, 255, 0.14);
    font-size: 1.35rem;
    font-weight: 900;
}

.license-processing-card-test-license .license-processing-icon[b-51ml961jhq]
{
    border-color: rgba(61, 220, 151, 0.42);
    color: rgba(176, 255, 222, 0.98);
    background: rgba(61, 220, 151, 0.12);
}

.license-processing-header[b-51ml961jhq]
{
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
}

.license-processing-eyebrow[b-51ml961jhq]
{
    display: inline-flex;
    width: fit-content;
    margin-bottom: 0.35rem;
    color: rgba(166, 233, 255, 0.92);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.license-processing-card h3[b-51ml961jhq]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: clamp(1.15rem, 2.4vw, 1.55rem);
    font-weight: 900;
    letter-spacing: -0.035em;
}

.license-processing-card p[b-51ml961jhq]
{
    max-width: 58rem;
    margin: 0.55rem 0 0.95rem;
    color: rgba(255, 255, 255, 0.74);
    line-height: 1.6;
}

.license-processing-progress-summary[b-51ml961jhq]
{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.45rem;
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.82rem;
    font-weight: 800;
}

[b-51ml961jhq] .license-processing-progress
{
    height: 0.7rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
}

[b-51ml961jhq] .license-processing-progress .rz-progressbar-value
{
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(57, 210, 255, 0.95), rgba(61, 220, 151, 0.95));
}

.license-processing-steps[b-51ml961jhq]
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.license-processing-step[b-51ml961jhq]
{
    position: relative;
    min-height: 2.25rem;
    padding: 0.55rem 0.7rem 0.55rem 1.8rem;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 0.75rem;
    color: rgba(255, 255, 255, 0.58);
    background: rgba(255, 255, 255, 0.045);
    font-size: 0.8rem;
    font-weight: 800;
}

.license-processing-step[b-51ml961jhq]::before
{
    position: absolute;
    top: 50%;
    left: 0.7rem;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.32);
    content: "";
    transform: translateY(-50%);
}

.license-processing-step-complete[b-51ml961jhq]
{
    border-color: rgba(61, 220, 151, 0.34);
    color: rgba(176, 255, 222, 0.96);
    background: rgba(61, 220, 151, 0.09);
}

.license-processing-step-complete[b-51ml961jhq]::before
{
    background: rgba(61, 220, 151, 0.95);
}

.license-processing-step-active[b-51ml961jhq]
{
    border-color: rgba(57, 210, 255, 0.42);
    color: rgba(204, 247, 255, 0.98);
    background: rgba(57, 210, 255, 0.09);
}

.license-processing-step-active[b-51ml961jhq]::before
{
    background: rgba(57, 210, 255, 0.95);
    box-shadow: 0 0 0 0.35rem rgba(57, 210, 255, 0.12);
}


.license-packages-window[b-51ml961jhq]
{
    position: relative;
    overflow: hidden;
    padding: clamp(1rem, 3vw, 1.5rem);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 85% 0%, rgba(31, 171, 209, 0.16), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
    box-shadow: 0 22px 64px rgba(0, 0, 0, 0.24);
}

.license-packages-window-header[b-51ml961jhq]
{
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.75rem;
}

.license-packages-window-header h3[b-51ml961jhq]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    font-weight: 900;
    letter-spacing: -0.035em;
}

.license-carousel[b-51ml961jhq]
{
    width: 100%;
}

.license-carousel-slide[b-51ml961jhq]
{
    width: min(100%, 650px);
    margin: 0 auto;
}

.license-carousel-item[b-51ml961jhq]
{
    padding: 0.75rem 3rem 0.5rem;
}

[b-51ml961jhq] .license-carousel .rz-carousel-item
{
    align-items: stretch;
}

[b-51ml961jhq] .license-carousel .license-package-option-standalone,
[b-51ml961jhq] .license-carousel .license-package-option
{
    width: 100%;
    max-width: 650px;
}

[b-51ml961jhq] .license-package-actions
{
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}

[b-51ml961jhq] .license-package-chat-actions
{
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    width: 80%;
    max-width: 100%;
    margin: 0 auto;
}

[b-51ml961jhq] .license-package-chat-actions .btn
{
    width: 100%;
    min-height: 44px;
    padding: 0.75rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0.75rem;
    color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.06);
    font-weight: 800;
    transition: background 160ms ease, border-color 160ms ease, transform 80ms ease;
}

[b-51ml961jhq] .license-package-chat-actions .btn:hover
{
    border-color: rgba(57, 210, 255, 0.55);
    background: rgba(255, 255, 255, 0.09);
}

[b-51ml961jhq] .license-package-chat-actions .btn:active
{
    transform: translateY(1px);
}

[b-51ml961jhq] .license-package-chat-actions .btn.primary
{
    border-color: rgba(57, 210, 255, 0.55);
    background: linear-gradient(180deg, rgba(57, 210, 255, 0.22), rgba(0, 174, 239, 0.16));
}

[b-51ml961jhq] .license-package-chat-actions .btn.primary:hover
{
    border-color: rgba(57, 210, 255, 0.9);
    background: linear-gradient(180deg, rgba(57, 210, 255, 0.3), rgba(0, 174, 239, 0.22));
}

[b-51ml961jhq] .license-package-chat-actions .btn.ghost
{
    border-color: rgba(255, 255, 255, 0.16);
    color: rgba(233, 241, 255, 0.86);
    background: rgba(255, 255, 255, 0.04);
}

[b-51ml961jhq] .paypal-subscription-button--full-width
{
    width: 100%;
    max-width: 100%;
}

[b-51ml961jhq] .paypal-subscription-button--full-width > div[id^="paypal-button-"]
{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

[b-51ml961jhq] .license-package-status
{
    width: 100%;
    max-width: 100%;
    padding: 0.95rem 1.15rem;
    border: 1px solid rgba(31, 171, 209, 0.75);
    border-radius: 0.95rem;
    color: rgba(255, 255, 255, 0.95);
    background: rgba(31, 171, 209, 0.18);
    font-weight: 800;
    text-align: center;
    overflow: auto;
}

[b-51ml961jhq] .license-package-status-action-width
{
    width: 80%;
    margin: 0 auto;
}

[b-51ml961jhq] .license-package-mock-button
{
    width: 100%;
    padding: 0.85rem 1rem;
    border: 1px dashed rgba(255, 255, 255, 0.35);
    border-radius: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    background: transparent;
}

[b-51ml961jhq] .license-package-mock-button:hover
{
    color: white;
    border-color: rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.06);
}

@media (max-width: 992px)
{
    .license-selection-hero[b-51ml961jhq]
    {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px)
{
    .license-carousel-item[b-51ml961jhq]
    {
        padding: 0.75rem 0.5rem;
    }

    .current-license-panel[b-51ml961jhq]
    {
        flex-direction: column;
    }
}

.license-payment-polling-progress[b-51ml961jhq]
{
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.88rem;
    font-weight: 700;
}

@media (max-width: 768px)
{
    .license-processing-card[b-51ml961jhq]
    {
        grid-template-columns: 1fr;
    }

    .license-processing-header[b-51ml961jhq]
    {
        flex-direction: column;
        gap: 0.75rem;
    }


    .license-processing-steps[b-51ml961jhq]
    {
        grid-template-columns: 1fr;
    }
}

.license-payment-error[b-51ml961jhq]
{
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5rem;
    padding: 1.15rem 1.25rem;
    border: 1px solid rgba(255, 107, 107, 0.38);
    border-radius: 1.1rem;
    color: rgba(255, 255, 255, 0.92);
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 107, 107, 0.2), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.035));
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.22);
}

.license-payment-error[b-51ml961jhq]::before
{
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent 45%);
    content: "";
}

.license-payment-error > *[b-51ml961jhq]
{
    position: relative;
    z-index: 1;
}

.license-payment-error .btn.primary[b-51ml961jhq]
{
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.15rem;
    border: 1px solid rgba(57, 210, 255, 0.72);
    border-radius: 0.85rem;
    color: rgba(255, 255, 255, 0.98);
    background:
        linear-gradient(180deg, rgba(57, 210, 255, 0.34), rgba(0, 174, 239, 0.22));
    box-shadow: 0 12px 30px rgba(0, 174, 239, 0.16);
    font-weight: 900;
    text-decoration: none;
    transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 80ms ease;
}

.license-payment-error .btn.primary:hover[b-51ml961jhq],
.license-payment-error .btn.primary:focus-visible[b-51ml961jhq]
{
    border-color: rgba(91, 224, 255, 0.98);
    color: white;
    background:
        linear-gradient(180deg, rgba(57, 210, 255, 0.46), rgba(0, 174, 239, 0.32));
    box-shadow: 0 16px 36px rgba(0, 174, 239, 0.22);
}

.license-payment-error .btn.primary:active[b-51ml961jhq]
{
    transform: translateY(1px);
}
/* /Components/Pages/Shared/License/YourLicense.razor.rz.scp.css */
.your-license-page[b-6hw3bojcah]
{
    max-width: 1120px;
}

.your-license-hero[b-6hw3bojcah],
.your-license-current-card[b-6hw3bojcah],
.your-license-panel[b-6hw3bojcah],
.your-license-empty-state[b-6hw3bojcah]
{
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 15% 0%, rgba(31, 171, 209, 0.22), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
    box-shadow: 0 22px 64px rgba(0, 0, 0, 0.24);
}

.your-license-hero[b-6hw3bojcah]
{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.your-license-hero[b-6hw3bojcah]::before,
.your-license-current-card[b-6hw3bojcah]::before,
.your-license-empty-state[b-6hw3bojcah]::before
{
    position: absolute;
    inset: auto -4rem -5rem auto;
    width: 14rem;
    height: 14rem;
    border-radius: 999px;
    background: rgba(31, 171, 209, 0.12);
    content: "";
}

.your-license-hero-content[b-6hw3bojcah],
.your-license-hero-actions[b-6hw3bojcah],
.your-license-current-main[b-6hw3bojcah],
.your-license-metrics-grid[b-6hw3bojcah],
.your-license-inline-warning[b-6hw3bojcah],
.your-license-empty-state > *[b-6hw3bojcah]
{
    position: relative;
    z-index: 1;
}

.your-license-hero-content h2[b-6hw3bojcah]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.98);
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.055em;
}

.your-license-hero-content p[b-6hw3bojcah]
{
    max-width: 48rem;
    margin: 0.95rem 0 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 1rem;
    line-height: 1.65;
}

.your-license-hero-actions[b-6hw3bojcah]
{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    min-width: 13rem;
}

.your-license-primary-action[b-6hw3bojcah]
{
    white-space: nowrap;
}

.your-license-kicker[b-6hw3bojcah]
{
    display: inline-flex;
    width: fit-content;
    margin-bottom: 0.75rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid rgba(31, 171, 209, 0.45);
    border-radius: 999px;
    color: rgba(166, 233, 255, 0.96);
    background: rgba(31, 171, 209, 0.1);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.your-license-current-card[b-6hw3bojcah]
{
    display: grid;
    gap: 1.35rem;
    margin-bottom: 1.5rem;
    padding: clamp(1.25rem, 3vw, 1.6rem);
}

.your-license-current-card-active[b-6hw3bojcah]
{
    border-color: rgba(61, 220, 151, 0.4);
}

.your-license-current-card-expired[b-6hw3bojcah]
{
    border-color: rgba(255, 82, 82, 0.62);
    background:
        radial-gradient(circle at 15% 0%, rgba(255, 82, 82, 0.18), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
}

.your-license-current-title-row[b-6hw3bojcah],
.your-license-panel-header[b-6hw3bojcah],
.your-license-list-card-title-row[b-6hw3bojcah],
.your-license-payment-topline[b-6hw3bojcah],
.your-license-payment-details[b-6hw3bojcah]
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.your-license-current-title-row h3[b-6hw3bojcah]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -0.045em;
}

.your-license-current-main p[b-6hw3bojcah]
{
    max-width: 62rem;
    margin: 0.85rem 0 0;
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.6;
}

.your-license-metrics-grid[b-6hw3bojcah]
{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.your-license-metric-card[b-6hw3bojcah],
.your-license-list-card[b-6hw3bojcah],
.your-license-payment-card[b-6hw3bojcah],
.your-license-muted-card[b-6hw3bojcah]
{
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.065);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.your-license-metric-card[b-6hw3bojcah]
{
    display: grid;
    gap: 0.35rem;
    min-height: 9rem;
    padding: 1rem;
}

.your-license-metric-card span[b-6hw3bojcah],
.your-license-payment-details[b-6hw3bojcah],
.your-license-payment-meta[b-6hw3bojcah],
.your-license-list-card p[b-6hw3bojcah]
{
    color: rgba(255, 255, 255, 0.62);
}

.your-license-metric-card span[b-6hw3bojcah]
{
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.your-license-metric-card strong[b-6hw3bojcah]
{
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.12rem;
    font-weight: 900;
    line-height: 1.18;
}

.your-license-metric-card small[b-6hw3bojcah]
{
    align-self: end;
    color: rgba(255, 255, 255, 0.54);
}

.your-license-section-grid[b-6hw3bojcah]
{
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 1rem;
}

.your-license-panel[b-6hw3bojcah]
{
    padding: clamp(1rem, 2.5vw, 1.35rem);
}

.your-license-panel-header[b-6hw3bojcah]
{
    position: relative;
    z-index: 1;
    margin-bottom: 1rem;
}

.your-license-panel-header h3[b-6hw3bojcah]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.94);
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.your-license-count-pill[b-6hw3bojcah],
.your-license-status-pill[b-6hw3bojcah],
.your-license-list-card-title-row span[b-6hw3bojcah]
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 850;
    white-space: nowrap;
}

.your-license-count-pill[b-6hw3bojcah]
{
    min-width: 2.35rem;
    min-height: 2.35rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid rgba(31, 171, 209, 0.36);
    color: rgba(166, 233, 255, 0.96);
    background: rgba(31, 171, 209, 0.1);
}

.your-license-status-pill[b-6hw3bojcah]
{
    padding: 0.42rem 0.72rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.78);
}

.your-license-status-success[b-6hw3bojcah]
{
    border-color: rgba(61, 220, 151, 0.45);
    color: rgba(151, 255, 210, 0.96);
    background: rgba(61, 220, 151, 0.1);
}

.your-license-status-warning[b-6hw3bojcah]
{
    border-color: rgba(255, 193, 7, 0.45);
    color: rgba(255, 224, 130, 0.96);
    background: rgba(255, 193, 7, 0.1);
}

.your-license-status-danger[b-6hw3bojcah]
{
    border-color: rgba(255, 82, 82, 0.45);
    color: #ff8a8a;
    background: rgba(255, 82, 82, 0.1);
}

.your-license-status-neutral[b-6hw3bojcah]
{
    border-color: rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.78);
    background: rgba(255, 255, 255, 0.08);
}

.your-license-license-list[b-6hw3bojcah],
.your-license-payment-list[b-6hw3bojcah]
{
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.75rem;
    max-height: 30rem;
    overflow-y: auto;
    padding-right: 0.35rem;
    scrollbar-gutter: stable;
}

.your-license-license-list[b-6hw3bojcah]::-webkit-scrollbar,
.your-license-payment-list[b-6hw3bojcah]::-webkit-scrollbar
{
    width: 0.45rem;
}

.your-license-license-list[b-6hw3bojcah]::-webkit-scrollbar-thumb,
.your-license-payment-list[b-6hw3bojcah]::-webkit-scrollbar-thumb
{
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
}

.your-license-list-card[b-6hw3bojcah],
.your-license-payment-card[b-6hw3bojcah],
.your-license-muted-card[b-6hw3bojcah]
{
    padding: 1rem;
}

.your-license-list-card[b-6hw3bojcah]
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.your-license-list-card-current[b-6hw3bojcah]
{
    border-color: rgba(31, 171, 209, 0.42);
    background: rgba(31, 171, 209, 0.09);
}

.your-license-list-card h4[b-6hw3bojcah]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 1rem;
    font-weight: 850;
}

.your-license-list-card-title-row[b-6hw3bojcah]
{
    justify-content: flex-start;
}

.your-license-list-card-title-row span[b-6hw3bojcah]
{
    padding: 0.22rem 0.55rem;
    border: 1px solid rgba(31, 171, 209, 0.36);
    color: rgba(166, 233, 255, 0.96);
    background: rgba(31, 171, 209, 0.1);
    font-size: 0.72rem;
}

.your-license-list-card p[b-6hw3bojcah]
{
    margin: 0.35rem 0 0;
    font-size: 0.9rem;
}

.your-license-payment-card[b-6hw3bojcah]
{
    display: grid;
    gap: 0.65rem;
}

.your-license-payment-amount[b-6hw3bojcah]
{
    color: rgba(255, 255, 255, 0.96);
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: -0.02em;
}

.your-license-payment-details[b-6hw3bojcah],
.your-license-payment-meta[b-6hw3bojcah]
{
    font-size: 0.88rem;
}

.your-license-payment-meta[b-6hw3bojcah]
{
    display: grid;
    gap: 0.25rem;
    overflow-wrap: anywhere;
}

.your-license-muted-card[b-6hw3bojcah]
{
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, 0.68);
}

.your-license-empty-state[b-6hw3bojcah]
{
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: clamp(1.25rem, 3vw, 1.75rem);
}

.your-license-empty-icon[b-6hw3bojcah]
{
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 193, 7, 0.45);
    border-radius: 1rem;
    color: rgba(255, 224, 130, 0.96);
    background: rgba(255, 193, 7, 0.1);
    font-weight: 900;
}

.your-license-empty-state h3[b-6hw3bojcah]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 900;
}

.your-license-empty-state p[b-6hw3bojcah]
{
    margin: 0.35rem 0 1rem;
    color: rgba(255, 255, 255, 0.64);
}

.your-license-alert[b-6hw3bojcah],
.your-license-inline-warning[b-6hw3bojcah]
{
    border-radius: 1rem;
}

@media (max-width: 992px)
{
    .your-license-hero[b-6hw3bojcah],
    .your-license-section-grid[b-6hw3bojcah]
    {
        grid-template-columns: 1fr;
    }

    .your-license-hero[b-6hw3bojcah]
    {
        display: grid;
    }

    .your-license-hero-actions[b-6hw3bojcah]
    {
        justify-content: flex-start;
    }

    .your-license-metrics-grid[b-6hw3bojcah]
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px)
{
    .your-license-current-title-row[b-6hw3bojcah],
    .your-license-list-card[b-6hw3bojcah],
    .your-license-payment-topline[b-6hw3bojcah],
    .your-license-payment-details[b-6hw3bojcah]
    {
        align-items: flex-start;
        flex-direction: column;
    }

    .your-license-metrics-grid[b-6hw3bojcah]
    {
        grid-template-columns: 1fr;
    }

    .your-license-hero-actions[b-6hw3bojcah],
    .your-license-primary-action[b-6hw3bojcah]
    {
        width: 100%;
    }
}
/* /Components/Pages/Shared/ProductServices/EditProductOrService.razor.rz.scp.css */
.edit-product-service-header[b-wtnyk7mpc1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.edit-product-service-footer[b-wtnyk7mpc1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.edit-product-service-footer-left[b-wtnyk7mpc1],
.edit-product-service-footer-right[b-wtnyk7mpc1] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.edit-product-service-footer-right[b-wtnyk7mpc1] {
    margin-left: auto;
}

@media (max-width: 576px) {
    .edit-product-service-footer[b-wtnyk7mpc1],
    .edit-product-service-footer-left[b-wtnyk7mpc1],
    .edit-product-service-footer-right[b-wtnyk7mpc1] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .edit-product-service-footer-right[b-wtnyk7mpc1] {
        margin-left: 0;
    }
}
/* /Components/Pages/Shared/ProductServices/ProductServiceManager.razor.rz.scp.css */
.product-service-header[b-1uztlql7k7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.product-service-actions[b-1uztlql7k7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.product-service-grid .rz-cell-data[b-1uztlql7k7] {
    white-space: normal;
}

@media (max-width: 768px) {
    .product-service-actions[b-1uztlql7k7] {
        justify-content: flex-start;
        width: 100%;
    }
}
/* /Components/Pages/Shared/TechSupport.razor.rz.scp.css */
.tech-support-page[b-0xol8uu30l]
{
    max-width: 1120px;
}

.tech-support-hero[b-0xol8uu30l],
.tech-support-card[b-0xol8uu30l],
.tech-support-panel[b-0xol8uu30l]
{
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 15% 0%, rgba(31, 171, 209, 0.22), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
    box-shadow: 0 22px 64px rgba(0, 0, 0, 0.24);
}

.tech-support-hero[b-0xol8uu30l]
{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.tech-support-hero[b-0xol8uu30l]::before,
.tech-support-card[b-0xol8uu30l]::before,
.tech-support-panel[b-0xol8uu30l]::before
{
    position: absolute;
    inset: auto -4rem -5rem auto;
    width: 14rem;
    height: 14rem;
    border-radius: 999px;
    background: rgba(31, 171, 209, 0.12);
    content: "";
}

.tech-support-hero-content[b-0xol8uu30l],
.tech-support-card > *[b-0xol8uu30l],
.tech-support-panel > *[b-0xol8uu30l]
{
    position: relative;
    z-index: 1;
}

.tech-support-kicker[b-0xol8uu30l],
.tech-support-card-label[b-0xol8uu30l]
{
    display: inline-flex;
    width: fit-content;
    margin-bottom: 0.75rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid rgba(31, 171, 209, 0.45);
    border-radius: 999px;
    color: rgba(166, 233, 255, 0.96);
    background: rgba(31, 171, 209, 0.1);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tech-support-hero-content h2[b-0xol8uu30l]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.98);
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.055em;
}

.tech-support-hero-content p[b-0xol8uu30l],
.tech-support-card p[b-0xol8uu30l],
.tech-support-panel p[b-0xol8uu30l],
.tech-support-faq-list p[b-0xol8uu30l]
{
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.65;
}

.tech-support-hero-content p[b-0xol8uu30l]
{
    max-width: 48rem;
    margin: 0.95rem 0 0;
    font-size: 1rem;
}

.tech-support-card-label[b-0xol8uu30l]
{
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    z-index: 2;
    max-width: calc(100% - 2.5rem);
    margin-bottom: 0;
    white-space: nowrap;
}

.tech-support-grid[b-0xol8uu30l]
{
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(17rem, 0.75fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.tech-support-card[b-0xol8uu30l]
{
    display: grid;
    gap: 1rem;
    min-height: 100%;
    padding: clamp(1.1rem, 2.5vw, 1.5rem);
    padding-top: clamp(4.5rem, 6vw, 5rem);
}

.tech-support-card-featured[b-0xol8uu30l]
{
    border-color: rgba(61, 220, 151, 0.35);
    background:
        radial-gradient(circle at 15% 0%, rgba(61, 220, 151, 0.18), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
}

.tech-support-card-icon[b-0xol8uu30l]
{
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.08);
    font-size: 1.35rem;
}

.tech-support-card h3[b-0xol8uu30l],
.tech-support-panel h3[b-0xol8uu30l]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.96);
    font-weight: 900;
    letter-spacing: -0.035em;
}

.tech-support-card h3[b-0xol8uu30l]
{
    font-size: clamp(1.35rem, 2.5vw, 1.8rem);
}

.tech-support-card p[b-0xol8uu30l]
{
    margin: 0.75rem 0 0;
}

.tech-support-card-action[b-0xol8uu30l]
{
    width: fit-content;
    align-self: end;
}

.tech-support-panel[b-0xol8uu30l]
{
    margin-bottom: 1.5rem;
    padding: clamp(1.25rem, 3vw, 1.6rem);
}

.tech-support-panel-header[b-0xol8uu30l]
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.tech-support-panel-header h3[b-0xol8uu30l]
{
    font-size: clamp(1.45rem, 3vw, 2.1rem);
}

.tech-support-panel-header p[b-0xol8uu30l]
{
    max-width: 34rem;
    margin: 0;
}

.tech-support-steps[b-0xol8uu30l]
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.tech-support-step[b-0xol8uu30l]
{
    display: flex;
    gap: 0.85rem;
    min-height: 100%;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.045);
}

.tech-support-step > span[b-0xol8uu30l]
{
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.96);
    background: rgba(31, 171, 209, 0.24);
    font-weight: 900;
}

.tech-support-step strong[b-0xol8uu30l]
{
    display: block;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.98rem;
}

.tech-support-step p[b-0xol8uu30l]
{
    margin: 0.35rem 0 0;
    font-size: 0.92rem;
}

.tech-support-faq-list[b-0xol8uu30l]
{
    display: grid;
    gap: 0.75rem;
}

.tech-support-faq-list details[b-0xol8uu30l]
{
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.045);
    padding: 1rem 1.1rem;
}

.tech-support-faq-list summary[b-0xol8uu30l]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: rgba(255, 255, 255, 0.92);
    cursor: pointer;
    font-weight: 850;
    list-style: none;
}

.tech-support-faq-list summary[b-0xol8uu30l]::-webkit-details-marker
{
    display: none;
}

.tech-support-faq-list summary[b-0xol8uu30l]::after
{
    content: "+";
    color: rgba(166, 233, 255, 0.96);
    font-size: 1.25rem;
    font-weight: 900;
}

.tech-support-faq-list details[open] summary[b-0xol8uu30l]::after
{
    content: "−";
}

.tech-support-faq-list p[b-0xol8uu30l]
{
    margin: 0.85rem 0 0;
}

.tech-support-external-faq[b-0xol8uu30l]
{
    color: rgba(255, 255, 255, 0.76);
}

@media (max-width: 900px)
{
    .tech-support-hero[b-0xol8uu30l],
    .tech-support-panel-header[b-0xol8uu30l]
    {
        flex-direction: column;
    }

    .tech-support-grid[b-0xol8uu30l],
    .tech-support-steps[b-0xol8uu30l]
    {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px)
{
    .tech-support-hero[b-0xol8uu30l],
    .tech-support-card[b-0xol8uu30l],
    .tech-support-panel[b-0xol8uu30l]
    {
        border-radius: 1.2rem;
    }

    .tech-support-card-action[b-0xol8uu30l]
    {
        width: 100%;
    }
}
/* /Components/Pages/Shared/Testing/ExportPage.razor.rz.scp.css */
.export-page[b-4o4ama3bab] {
    min-height: calc(100vh - 2rem);
    padding: 1.5rem;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), transparent 28rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}

.export-panel[b-4o4ama3bab] {
    width: min(100%, 960px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.export-header[b-4o4ama3bab],
.export-card[b-4o4ama3bab],
.export-result-card[b-4o4ama3bab] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.25rem;
    background: rgba(20, 24, 31, 0.78);
    box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(18px);
}

.export-header[b-4o4ama3bab] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
}

.export-eyebrow[b-4o4ama3bab] {
    margin: 0 0 0.35rem;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.export-header h1[b-4o4ama3bab],
.export-result-header h2[b-4o4ama3bab] {
    margin: 0;
    color: rgba(255, 255, 255, 0.94);
}

.export-header h1[b-4o4ama3bab] {
    font-size: clamp(1.75rem, 4vw, 2.65rem);
    line-height: 1;
}

.export-description[b-4o4ama3bab],
.export-result-header p[b-4o4ama3bab] {
    margin: 0.65rem 0 0;
    color: rgba(255, 255, 255, 0.66);
}

.export-status-pill[b-4o4ama3bab] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.08);
    font-size: 0.85rem;
    white-space: nowrap;
}

.export-status-pill.loading[b-4o4ama3bab] {
    color: rgba(255, 255, 255, 0.96);
}

.export-spinner[b-4o4ama3bab] {
    width: 0.8rem;
    height: 0.8rem;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-top-color: rgba(255, 255, 255, 0.9);
    border-radius: 999px;
    animation: export-spin-b-4o4ama3bab 0.75s linear infinite;
}

.export-card[b-4o4ama3bab],
.export-result-card[b-4o4ama3bab] {
    padding: 1.25rem;
}

.export-card[b-4o4ama3bab] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 1rem;
}

.export-control-group[b-4o4ama3bab] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.export-label[b-4o4ama3bab] {
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.9rem;
    font-weight: 700;
}

.export-dropdown[b-4o4ama3bab] {
    width: 100%;
    min-height: 2.75rem;
}

.export-empty-state[b-4o4ama3bab] {
    padding: 0.75rem;
    color: rgba(255, 255, 255, 0.58);
}

.export-actions[b-4o4ama3bab] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.export-primary-action[b-4o4ama3bab],
.export-secondary-action[b-4o4ama3bab] {
    min-height: 2.75rem;
    padding-inline: 1rem;
}

.export-result-header[b-4o4ama3bab] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.export-download-link[b-4o4ama3bab] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.12);
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
    transition: transform 0.16s ease, background-color 0.16s ease;
}

.export-download-link:hover[b-4o4ama3bab] {
    color: #fff;
    background: rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
}

.export-result-preview[b-4o4ama3bab] {
    width: 100%;
    min-height: 28rem;
    resize: vertical;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1rem;
    padding: 1rem;
    color: rgba(255, 255, 255, 0.84);
    background: rgba(4, 7, 12, 0.58);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.9rem;
    line-height: 1.55;
    outline: none;
}

.export-result-preview[b-4o4ama3bab]::placeholder {
    color: rgba(255, 255, 255, 0.38);
}

.export-result-preview:disabled[b-4o4ama3bab] {
    opacity: 1;
}

@keyframes export-spin-b-4o4ama3bab {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 720px) {
    .export-page[b-4o4ama3bab] {
        padding: 1rem;
    }

    .export-header[b-4o4ama3bab],
    .export-card[b-4o4ama3bab],
    .export-result-header[b-4o4ama3bab] {
        flex-direction: column;
        align-items: stretch;
    }

    .export-card[b-4o4ama3bab] {
        display: flex;
    }

    .export-actions[b-4o4ama3bab],
    .export-download-link[b-4o4ama3bab] {
        width: 100%;
    }

    .export-actions > .button[b-4o4ama3bab] {
        flex: 1 1 12rem;
    }
}