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

/* /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/Public/NotificationCancellationPage.razor.rz.scp.css */
.notification-cancellation-page[b-v7ntx3c4yw] {
    align-items: center;
    background: radial-gradient(circle at 20% 10%, rgba(143, 211, 255, 0.2), transparent 32%),
        linear-gradient(135deg, #07111f 0%, #12253d 55%, #0d1728 100%);
    color: #e9f1ff;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
}

.notification-cancellation-card[b-v7ntx3c4yw] {
    background: rgba(15, 26, 46, 0.92);
    border: 1px solid rgba(143, 211, 255, 0.22);
    border-radius: 24px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
    max-width: 560px;
    padding: 40px;
    width: 100%;
}

.notification-cancellation-card .eyebrow[b-v7ntx3c4yw] {
    color: #8fd3ff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.notification-cancellation-card h1[b-v7ntx3c4yw] {
    font-size: clamp(2rem, 7vw, 3.5rem);
    line-height: 0.98;
    margin: 0 0 18px;
}

.notification-cancellation-card p[b-v7ntx3c4yw] {
    color: #c9d6e8;
    font-size: 1.05rem;
    line-height: 1.7;
    margin: 0;
}
/* /Components/Pages/Shared/Access/AccessBlocked.razor.rz.scp.css */
.access-blocked-page[b-diqhe0ejoi] {
    min-height: calc(100vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.access-blocked-card[b-diqhe0ejoi] {
    width: min(760px, 100%);
    padding: 2rem;
    border-radius: 1.5rem;
    background: var(--rz-base-background-color, #fff);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12);
    text-align: center;
}

.access-blocked-kicker[b-diqhe0ejoi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
    background: rgba(17, 24, 39, 0.08);
    color: var(--rz-text-color, #111827);
    margin-bottom: 1rem;
}

.access-blocked-card h1[b-diqhe0ejoi] {
    margin: 0 0 1rem;
    font-size: clamp(1.8rem, 4vw, 2.5rem);
}

.access-blocked-card p[b-diqhe0ejoi] {
    margin: 0 auto 1rem;
    max-width: 620px;
    color: var(--rz-text-secondary-color, #4b5563);
    line-height: 1.6;
}

.access-blocked-support-text[b-diqhe0ejoi] {
    font-weight: 600;
}

.access-blocked-actions[b-diqhe0ejoi] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.tech-support-card-action[b-diqhe0ejoi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.75rem 1.2rem;
    border: 0;
    border-radius: 999px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.tech-support-card-action-secondary[b-diqhe0ejoi] {
    background: rgba(17, 24, 39, 0.08);
    color: var(--rz-text-color, #111827);
}

@media (max-width: 576px) {
    .access-blocked-card[b-diqhe0ejoi] {
        padding: 1.5rem;
    }

    .access-blocked-actions[b-diqhe0ejoi] {
        flex-direction: column;
    }
}
/* /Components/Pages/Shared/AdminManagement/AvailablePhoneNumbersManager.razor.rz.scp.css */
.phone-number-manager[b-gskixv4vzr] {
    min-width: 0;
}

.phone-number-summary-grid[b-gskixv4vzr] {
    display: grid;
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    gap: .75rem;
}

.phone-number-summary-card[b-gskixv4vzr] {
    border: 1px solid var(--bs-border-color);
    border-radius: .65rem;
    padding: .8rem 1rem;
    min-width: 0;
}

.phone-number-summary-card-warning[b-gskixv4vzr] {
    border-color: var(--bs-warning-border-subtle);
}

.phone-number-summary-label[b-gskixv4vzr] {
    color: var(--bs-secondary-color);
    font-size: .82rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.phone-number-summary-value[b-gskixv4vzr] {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 650;
    margin-top: .2rem;
}

.phone-number-badge[b-gskixv4vzr] {
    display: inline-flex;
    align-items: center;
    padding: .2rem .55rem;
    border-radius: 999px;
    background: color-mix(in srgb, currentColor 10%, transparent);
    font-size: .82rem;
    font-weight: 600;
}

.phone-number-state-ok[b-gskixv4vzr] {
    color: var(--bs-success-text-emphasis);
}

.phone-number-state-muted[b-gskixv4vzr] {
    color: white;
}

.phone-number-state-warning[b-gskixv4vzr] {
    color: var(--bs-warning-text-emphasis);
    font-weight: 600;
}

.phone-number-actions-trigger[b-gskixv4vzr] {
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .4rem;
    border: 1px solid var(--bs-border-color);
    background: transparent;
    color: inherit;
    font-size: 1.25rem;
    line-height: 1;
    user-select: none;
}

.phone-number-actions-trigger:hover[b-gskixv4vzr] {
    background: color-mix(in srgb, currentColor 9%, transparent);
}

.button-compact[b-gskixv4vzr] {
    padding: .25rem .5rem;
    font-size: .8rem;
}

@media (max-width: 1000px) {
    .phone-number-summary-grid[b-gskixv4vzr] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }
}

@media (max-width: 560px) {
    .phone-number-summary-grid[b-gskixv4vzr] {
        grid-template-columns: 1fr;
    }
}

body.dark-theme .phone-number-manager[b-gskixv4vzr]  .phone-number-summary-label {
    color: #fff;
}

body.dark-theme .phone-number-manager[b-gskixv4vzr]  .phone-number-state-ok {
    color: #79e6a5;
}

body.dark-theme .phone-number-manager[b-gskixv4vzr]  .phone-number-actions-trigger {
    border-color: rgba(255, 255, 255, .22);
    color: #fff;
}
/* /Components/Pages/Shared/AdminManagement/Campaign/CampaignEditor.razor.rz.scp.css */
.campaign-editor-section[b-e5hp5hwvy1]
{
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.035);
}

.campaign-editor-section-header[b-e5hp5hwvy1]
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem 0;
}

.campaign-editor-section-header h5[b-e5hp5hwvy1],
.campaign-channel-editor-header h5[b-e5hp5hwvy1]
{
    margin: 0;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.campaign-editor-section-header p[b-e5hp5hwvy1]
{
    margin: 0.35rem 0 0;
    color: rgba(255, 255, 255, 0.66);
}

.campaign-editor-section-body[b-e5hp5hwvy1]
{
    padding: 1.25rem;
}

.campaign-channel-editor-view[b-e5hp5hwvy1]
{
    position: relative;
    overflow: hidden;
    margin: 1.25rem;
    padding: clamp(1.25rem, 2.5vw, 2rem);
    border: 1px solid rgba(31, 171, 209, 0.36);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(31, 171, 209, 0.2), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025));
    box-shadow:
        0 20px 55px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.campaign-channel-editor-view[b-e5hp5hwvy1]::before
{
    position: absolute;
    top: -9rem;
    right: -8rem;
    width: 20rem;
    height: 20rem;
    border: 1px solid rgba(31, 171, 209, 0.12);
    border-radius: 999px;
    box-shadow: 0 0 0 3.5rem rgba(31, 171, 209, 0.035);
    content: "";
    pointer-events: none;
}

.campaign-channel-editor-view > *[b-e5hp5hwvy1]
{
    position: relative;
    z-index: 1;
}

.campaign-channel-editor-header[b-e5hp5hwvy1]
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.45rem;
}

.campaign-channel-editor-header h5[b-e5hp5hwvy1]
{
    color: rgba(255, 255, 255, 0.98);
    font-size: clamp(1.35rem, 2vw, 1.65rem);
    line-height: 1.15;
}

.campaign-channel-editor-header p[b-e5hp5hwvy1]
{
    max-width: 42rem;
    margin-top: 0.45rem;
    color: rgba(255, 255, 255, 0.64) !important;
    line-height: 1.55;
}

.campaign-channel-type-badge[b-e5hp5hwvy1]
{
    display: inline-flex;
    width: fit-content;
    margin-bottom: 0.8rem;
    padding: 0.38rem 0.8rem;
    border: 1px solid rgba(31, 171, 209, 0.5);
    border-radius: 999px;
    color: rgba(166, 233, 255, 0.96);
    background: rgba(31, 171, 209, 0.13);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.campaign-channel-form-grid[b-e5hp5hwvy1]
{
    margin-top: 0;
}

.campaign-channel-editor-view[b-e5hp5hwvy1]  .form-label
{
    margin-bottom: 0.5rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 700;
}

.campaign-channel-editor-view[b-e5hp5hwvy1]  .form-control
{
    min-height: 3.2rem;
    border-color: rgba(130, 171, 224, 0.34);
    border-radius: 0.9rem;
    color: rgba(255, 255, 255, 0.94);
    background: rgba(5, 15, 34, 0.28);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
    transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.campaign-channel-editor-view[b-e5hp5hwvy1]  .form-control:focus
{
    border-color: rgba(31, 171, 209, 0.78);
    background: rgba(5, 15, 34, 0.36);
    box-shadow: 0 0 0 0.2rem rgba(31, 171, 209, 0.13);
}

.campaign-channel-editor-view[b-e5hp5hwvy1]  .form-control:disabled
{
    color: rgba(255, 255, 255, 0.52);
    background: rgba(5, 15, 34, 0.18);
    opacity: 1;
}

.campaign-channel-editor-view[b-e5hp5hwvy1]  .form-control::placeholder
{
    color: rgba(185, 202, 228, 0.56);
}

.campaign-channel-editor-view .form-text[b-e5hp5hwvy1]
{
    margin-top: 0.55rem;
    color: rgba(255, 255, 255, 0.52);
    line-height: 1.5;
}

.campaign-channel-footer[b-e5hp5hwvy1]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.campaign-channel-active[b-e5hp5hwvy1]
{
    display: flex;
    align-items: center;
    min-height: 2.75rem;
}

.campaign-channel-active[b-e5hp5hwvy1]  .form-check,
.campaign-channel-active[b-e5hp5hwvy1]  .form-group
{
    margin-bottom: 0;
}

.campaign-channel-actions[b-e5hp5hwvy1]
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.campaign-channel-action[b-e5hp5hwvy1]
{
    min-width: 7.5rem;
    min-height: 2.75rem;
    border-radius: 0.8rem;
    font-weight: 700;
}

.campaign-channel-primary-action[b-e5hp5hwvy1]
{
    box-shadow: 0 0.65rem 1.75rem rgba(31, 109, 255, 0.2);
}

@media (max-width: 767.98px)
{
    .campaign-editor-section-header[b-e5hp5hwvy1],
    .campaign-editor-section-body[b-e5hp5hwvy1],
    .campaign-channel-editor-view[b-e5hp5hwvy1]
    {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .campaign-channel-editor-view[b-e5hp5hwvy1]
    {
        margin: 1rem;
    }
}

.campaign-date-field[b-e5hp5hwvy1]
{
    display: flex;
    flex-direction: column;
}

.campaign-date-field-header[b-e5hp5hwvy1]
{
    display: flex;
    align-items: center;
    min-height: 2.25rem;
    margin-bottom: 0.5rem;
}

.campaign-end-date-toggle[b-e5hp5hwvy1]  .form-check,
.campaign-end-date-toggle[b-e5hp5hwvy1]  .form-group
{
    margin-bottom: 0;
}

.campaign-add-channel-dropdown[b-e5hp5hwvy1]
{
    position: relative;
    max-width: 100%;
}

.campaign-add-channel-dropdown[b-e5hp5hwvy1]  .manager-toolbar-dropdown-menu
{
    right: 0;
    left: auto;
    min-width: min(20rem, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
}

.campaign-add-channel-dropdown[b-e5hp5hwvy1]  .manager-toolbar-dropdown-menu-item
{
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 575.98px)
{
    .campaign-date-field-header[b-e5hp5hwvy1]
    {
        min-height: auto;
    }
}


.campaign-channel-section[b-e5hp5hwvy1]
{
    overflow: visible;
}

.campaign-active-state[b-e5hp5hwvy1]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.035);
}

.campaign-active-state[b-e5hp5hwvy1]  .form-check,
.campaign-active-state[b-e5hp5hwvy1]  .form-group
{
    margin-bottom: 0;
}

.campaign-active-state-badge[b-e5hp5hwvy1]
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 7.5rem;
    padding: 0.4rem 0.75rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 800;
}

.campaign-active-state-badge.is-active[b-e5hp5hwvy1]
{
    color: #fff;
    background: var(--rz-success, #16a34a);
}

.campaign-active-state-badge.is-inactive[b-e5hp5hwvy1]
{
    color: rgba(255, 255, 255, 0.86);
    background: rgba(255, 255, 255, 0.14);
}

.campaign-add-channel-dropdown[b-e5hp5hwvy1]  .manager-toolbar-dropdown-menu
{
    max-height: min(24rem, calc(100vh - 4rem));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

@media (max-width: 575.98px)
{
    .campaign-active-state[b-e5hp5hwvy1]
    {
        align-items: flex-start;
        flex-direction: column;
    }
}
.campaign-channel-form-field[b-e5hp5hwvy1]
{
    display: flex;
    flex-direction: column;
}

.campaign-channel-form-field-label[b-e5hp5hwvy1]
{
    display: flex;
    align-items: center;
    min-height: 1.5rem;
    margin-bottom: 0.5rem;
}

.campaign-channel-formatted-field[b-e5hp5hwvy1]  .form-label
{
    display: flex;
    align-items: center;
    min-height: 1.5rem;
}

.campaign-channel-formatted-field[b-e5hp5hwvy1]  .form-group,
.campaign-channel-formatted-field[b-e5hp5hwvy1]  .mb-3
{
    margin-bottom: 0 !important;
}

@media (max-width: 575.98px)
{
    .campaign-channel-footer[b-e5hp5hwvy1]
    {
        align-items: stretch;
        flex-direction: column;
    }

    .campaign-channel-actions[b-e5hp5hwvy1]
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .campaign-channel-action[b-e5hp5hwvy1]
    {
        width: 100%;
        min-width: 0;
    }
}
/* /Components/Pages/Shared/AdminManagement/Campaign/CampaignList.razor.rz.scp.css */
.campaign-page[b-x3ws4b4zxw]
{
    max-width: 1120px;
}

.campaign-hero[b-x3ws4b4zxw],
.campaign-panel[b-x3ws4b4zxw],
.campaign-summary-card[b-x3ws4b4zxw],
.campaign-card[b-x3ws4b4zxw]
{
    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);
}

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

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

.campaign-hero-content[b-x3ws4b4zxw],
.campaign-hero-actions[b-x3ws4b4zxw],
.campaign-panel > *[b-x3ws4b4zxw],
.campaign-card > *[b-x3ws4b4zxw]
{
    position: relative;
    z-index: 1;
}

.campaign-kicker[b-x3ws4b4zxw],
.campaign-customer-label[b-x3ws4b4zxw]
{
    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;
}

.campaign-hero-content h2[b-x3ws4b4zxw]
{
    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;
}

.campaign-hero-content p[b-x3ws4b4zxw],
.campaign-panel p[b-x3ws4b4zxw],
.campaign-card p[b-x3ws4b4zxw]
{
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.65;
}

.campaign-hero-content p[b-x3ws4b4zxw]
{
    max-width: 46rem;
    margin: 0.95rem 0 0;
}

.campaign-hero-actions[b-x3ws4b4zxw]
{
    display: flex;
    min-width: min(100%, 18rem);
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0.85rem;
}

.campaign-filter[b-x3ws4b4zxw]
{
    display: grid;
    gap: 0.4rem;
}

.campaign-filter label[b-x3ws4b4zxw]
{
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.82rem;
    font-weight: 800;
}

.campaign-primary-action[b-x3ws4b4zxw]
{
    min-height: 3rem;
    justify-content: center;
    border-color: rgba(31, 171, 209, 0.75);
    border-radius: 1rem;
    background: rgba(31, 171, 209, 0.2);
    font-weight: 900;
}

.campaign-primary-action:hover[b-x3ws4b4zxw]
{
    background: rgba(31, 171, 209, 0.28);
}

.campaign-summary-grid[b-x3ws4b4zxw]
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.campaign-summary-card[b-x3ws4b4zxw]
{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
}

.campaign-summary-card span[b-x3ws4b4zxw]
{
    color: rgba(255, 255, 255, 0.68);
    font-weight: 750;
}

.campaign-summary-card strong[b-x3ws4b4zxw]
{
    color: rgba(255, 255, 255, 0.98);
    font-size: clamp(1.65rem, 4vw, 2.4rem);
    font-weight: 950;
    letter-spacing: -0.06em;
    line-height: 1;
}

.campaign-panel[b-x3ws4b4zxw]
{
    padding: clamp(1.25rem, 3vw, 1.6rem);
}

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

.campaign-panel-header h3[b-x3ws4b4zxw]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: clamp(1.45rem, 3vw, 2.1rem);
    font-weight: 900;
    letter-spacing: -0.035em;
}

.campaign-panel-header p[b-x3ws4b4zxw]
{
    max-width: 38rem;
    margin: 0.45rem 0 0;
}

.campaign-card-grid[b-x3ws4b4zxw]
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.campaign-card[b-x3ws4b4zxw]
{
    display: flex;
    min-height: 100%;
    flex-direction: column;
    gap: 1.1rem;
    padding: clamp(1.15rem, 2.5vw, 1.5rem);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}

.campaign-card-header[b-x3ws4b4zxw]
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.campaign-card-header h4[b-x3ws4b4zxw]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: clamp(1.25rem, 2.5vw, 1.65rem);
    font-weight: 900;
    letter-spacing: -0.035em;
}

.campaign-customer-label[b-x3ws4b4zxw]
{
    margin-bottom: 0.55rem;
    font-size: 0.7rem;
}

.campaign-status[b-x3ws4b4zxw]
{
    display: inline-flex;
    flex: 0 0 auto;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 850;
}

.campaign-status-active[b-x3ws4b4zxw]
{
    border: 1px solid rgba(61, 220, 151, 0.42);
    color: rgba(168, 255, 214, 0.96);
    background: rgba(61, 220, 151, 0.14);
}

.campaign-status-inactive[b-x3ws4b4zxw]
{
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.68);
    background: rgba(255, 255, 255, 0.07);
}

.campaign-description[b-x3ws4b4zxw]
{
    min-height: 3.2rem;
    margin: 0;
}

.campaign-period[b-x3ws4b4zxw]
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.campaign-period > div[b-x3ws4b4zxw]
{
    display: grid;
    gap: 0.3rem;
    padding: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.045);
}

.campaign-period span[b-x3ws4b4zxw],
.campaign-channel-heading span[b-x3ws4b4zxw]
{
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.78rem;
    font-weight: 750;
}

.campaign-period strong[b-x3ws4b4zxw],
.campaign-channel-heading strong[b-x3ws4b4zxw]
{
    color: rgba(255, 255, 255, 0.92);
    font-weight: 850;
}

.campaign-channel-section[b-x3ws4b4zxw]
{
    display: grid;
    gap: 0.75rem;
}

.campaign-channel-heading[b-x3ws4b4zxw]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.campaign-channel-list[b-x3ws4b4zxw]
{
    display: grid;
    gap: 0.55rem;
}

.campaign-channel-item[b-x3ws4b4zxw]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.045);
}

.campaign-channel-item-inactive[b-x3ws4b4zxw]
{
    opacity: 0.62;
}

.campaign-channel-item > div[b-x3ws4b4zxw]
{
    min-width: 0;
}

.campaign-channel-type[b-x3ws4b4zxw]
{
    display: block;
    color: rgba(166, 233, 255, 0.86);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.campaign-channel-item strong[b-x3ws4b4zxw]
{
    display: block;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.92rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.campaign-channel-item code[b-x3ws4b4zxw]
{
    flex: 0 0 auto;
    padding: 0.3rem 0.5rem;
    border-radius: 0.55rem;
    color: rgba(255, 255, 255, 0.88);
    background: rgba(0, 0, 0, 0.22);
    font-size: 0.76rem;
}

.campaign-no-channels[b-x3ws4b4zxw]
{
    margin: 0;
}

.campaign-card-actions[b-x3ws4b4zxw]
{
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: auto;
    padding-top: 0.25rem;
}

.campaign-card-action[b-x3ws4b4zxw]
{
    flex: 1 1 9rem;
    justify-content: center;
    border-color: rgba(166, 233, 255, 0.35);
    border-radius: 0.95rem;
    background: rgba(31, 171, 209, 0.12);
    font-weight: 850;
}

.campaign-card-action-danger[b-x3ws4b4zxw]
{
    border-color: rgba(255, 107, 129, 0.32);
    background: rgba(255, 107, 129, 0.1);
}

.campaign-empty-state[b-x3ws4b4zxw]
{
    padding: 2rem;
    border: 1px dashed rgba(255, 255, 255, 0.16);
    border-radius: 1.2rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.035);
}

.campaign-empty-state h4[b-x3ws4b4zxw]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    font-weight: 900;
}

.campaign-empty-state p[b-x3ws4b4zxw]
{
    margin: 0.65rem 0 0;
}

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

    .campaign-summary-grid[b-x3ws4b4zxw],
    .campaign-card-grid[b-x3ws4b4zxw]
    {
        grid-template-columns: 1fr;
    }

    .campaign-hero-actions[b-x3ws4b4zxw]
    {
        width: 100%;
    }
}

@media (max-width: 560px)
{
    .campaign-hero[b-x3ws4b4zxw],
    .campaign-panel[b-x3ws4b4zxw],
    .campaign-card[b-x3ws4b4zxw],
    .campaign-summary-card[b-x3ws4b4zxw]
    {
        border-radius: 1.2rem;
    }

    .campaign-period[b-x3ws4b4zxw]
    {
        grid-template-columns: 1fr;
    }

    .campaign-channel-item[b-x3ws4b4zxw]
    {
        align-items: flex-start;
        flex-direction: column;
    }

    .campaign-card-actions[b-x3ws4b4zxw]
    {
        flex-direction: column;
    }
}
/* /Components/Pages/Shared/AdminManagement/Campaign/EditCampaignView.razor.rz.scp.css */
.campaign-edit-page[b-emdbxyfbji]
{
    max-width: 1180px;
}

.campaign-edit-hero[b-emdbxyfbji],
.campaign-edit-panel[b-emdbxyfbji]
{
    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.22);
}

.campaign-edit-hero[b-emdbxyfbji]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.campaign-edit-hero[b-emdbxyfbji]::before,
.campaign-edit-panel[b-emdbxyfbji]::before
{
    position: absolute;
    right: -5rem;
    bottom: -6rem;
    width: 15rem;
    height: 15rem;
    border-radius: 999px;
    background: rgba(31, 171, 209, 0.1);
    content: "";
}

.campaign-edit-hero-content[b-emdbxyfbji],
.campaign-edit-customer[b-emdbxyfbji],
.campaign-edit-panel > *[b-emdbxyfbji]
{
    position: relative;
    z-index: 1;
}

.campaign-edit-kicker[b-emdbxyfbji]
{
    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;
}

.campaign-edit-hero h2[b-emdbxyfbji]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.98);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.05em;
}

.campaign-edit-hero p[b-emdbxyfbji]
{
    max-width: 44rem;
    margin: 0.9rem 0 0;
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.6;
}

.campaign-edit-customer[b-emdbxyfbji]
{
    display: grid;
    gap: 0.25rem;
    min-width: 13rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.055);
}

.campaign-edit-customer span[b-emdbxyfbji]
{
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.campaign-edit-customer strong[b-emdbxyfbji]
{
    overflow-wrap: anywhere;
}

.campaign-edit-panel[b-emdbxyfbji]
{
    padding: clamp(1rem, 2.5vw, 1.5rem);
}

.campaign-edit-actions[b-emdbxyfbji]
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 767.98px)
{
    .campaign-edit-hero[b-emdbxyfbji]
    {
        align-items: stretch;
        flex-direction: column;
    }

    .campaign-edit-customer[b-emdbxyfbji]
    {
        min-width: 0;
    }
}
/* /Components/Pages/Shared/AdminManagement/Campaign/ViewCampaign.razor.rz.scp.css */
.campaign-view-page[b-bhjyp6nutu]
{
    --campaign-view-panel-bg: var(--background-light);
    --campaign-view-panel-border: rgba(15, 23, 42, 0.1);
    --campaign-view-text: var(--text-light);
    --campaign-view-muted: rgba(15, 23, 42, 0.66);
    --campaign-view-soft-bg: rgba(15, 23, 42, 0.035);
    --campaign-view-count-bg: rgba(15, 23, 42, 0.08);
    --campaign-view-input-bg: #eef2f7;
    --campaign-view-input-border: rgba(15, 23, 42, 0.14);
    --campaign-view-input-text: #475569;
    max-width: 1180px;
    color: var(--campaign-view-text);
}

body.dark-theme .campaign-view-page[b-bhjyp6nutu]
{
    --campaign-view-panel-bg: var(--card-dark);
    --campaign-view-panel-border: rgba(255, 255, 255, 0.12);
    --campaign-view-text: var(--text-dark);
    --campaign-view-muted: rgba(249, 250, 251, 0.7);
    --campaign-view-soft-bg: rgba(255, 255, 255, 0.035);
    --campaign-view-count-bg: rgba(255, 255, 255, 0.1);
    --campaign-view-input-bg: rgba(5, 15, 34, 0.28);
    --campaign-view-input-border: rgba(130, 171, 224, 0.3);
    --campaign-view-input-text: rgba(255, 255, 255, 0.78);
}

.campaign-view-kicker[b-bhjyp6nutu]
{
    display: inline-flex;
    margin-bottom: 0.5rem;
    color: var(--accent-color);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.campaign-view-panel[b-bhjyp6nutu]
{
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--campaign-view-panel-border);
    border-radius: 1.25rem;
    color: var(--campaign-view-text);
    background: var(--campaign-view-panel-bg);
}

.campaign-view-owner[b-bhjyp6nutu]
{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--campaign-view-panel-border);
    border-radius: 1rem;
    background: var(--campaign-view-soft-bg);
}

.campaign-view-owner span[b-bhjyp6nutu],
.campaign-view-section-header p[b-bhjyp6nutu]
{
    color: var(--campaign-view-muted);
}

.campaign-view-owner strong[b-bhjyp6nutu]
{
    color: var(--campaign-view-text);
    text-align: right;
}

.campaign-view-section-header[b-bhjyp6nutu]
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.campaign-view-section-header h3[b-bhjyp6nutu]
{
    margin: 0;
    color: var(--campaign-view-text);
    font-size: 1.25rem;
    font-weight: 800;
}

.campaign-view-section-header p[b-bhjyp6nutu]
{
    margin: 0.35rem 0 0;
}

.campaign-view-count[b-bhjyp6nutu]
{
    display: inline-flex;
    min-width: 2.25rem;
    min-height: 2.25rem;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    color: var(--campaign-view-text);
    background: var(--campaign-view-count-bg);
    font-weight: 800;
}

.campaign-view-page[b-bhjyp6nutu]  .campaign-editor-section
{
    border-color: var(--campaign-view-panel-border);
    background: var(--campaign-view-soft-bg);
}

.campaign-view-page[b-bhjyp6nutu]  .campaign-editor-section-header h5,
.campaign-view-page[b-bhjyp6nutu]  .campaign-channel-editor-header h5,
.campaign-view-page[b-bhjyp6nutu]  .form-label,
.campaign-view-page[b-bhjyp6nutu]  .header-title,
.campaign-view-page[b-bhjyp6nutu]  label
{
    color: var(--campaign-view-text) !important;
}

.campaign-view-page[b-bhjyp6nutu]  .campaign-editor-section-header p,
.campaign-view-page[b-bhjyp6nutu]  .text-muted,
.campaign-view-page[b-bhjyp6nutu]  .form-text
{
    color: var(--campaign-view-muted) !important;
}

.campaign-view-page[b-bhjyp6nutu]  .disabled
{
    opacity: 1;
}

.campaign-view-page[b-bhjyp6nutu]  .form-control:disabled,
.campaign-view-page[b-bhjyp6nutu]  .form-control.disabled,
.campaign-view-page[b-bhjyp6nutu]  textarea.form-control:disabled
{
    border-color: var(--campaign-view-input-border);
    color: var(--campaign-view-input-text);
    background: var(--campaign-view-input-bg);
    opacity: 1;
    -webkit-text-fill-color: var(--campaign-view-input-text);
}

.campaign-view-page[b-bhjyp6nutu]  .campaign-active-state
{
    border-color: var(--campaign-view-panel-border);
    background: var(--campaign-view-soft-bg);
}

.campaign-view-page[b-bhjyp6nutu]  .campaign-active-state-badge.is-inactive
{
    color: var(--campaign-view-text);
    background: var(--campaign-view-count-bg);
}

@media (max-width: 575.98px)
{
    .campaign-view-owner[b-bhjyp6nutu],
    .campaign-view-section-header[b-bhjyp6nutu]
    {
        flex-direction: column;
    }

    .campaign-view-owner strong[b-bhjyp6nutu]
    {
        text-align: left;
    }
}
/* /Components/Pages/Shared/AdminManagement/ConsentDocuments/ConsentDocumentManagement.razor.rz.scp.css */
.consent-document-actions[b-tuvqnf4od2] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .2rem;
    padding: .2rem;
    border: 1px solid var(--bs-border-color-translucent, var(--bs-border-color));
    border-radius: .55rem;
    background: var(--bs-tertiary-bg);
    white-space: nowrap;
}

.consent-document-action-button[b-tuvqnf4od2] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: .4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: transparent;
    color: var(--bs-secondary-color);
    line-height: 1;
    transition: background-color .12s ease, color .12s ease, opacity .12s ease;
}

.consent-document-action-button:hover:not(:disabled)[b-tuvqnf4od2],
.consent-document-action-button:focus-visible:not(:disabled)[b-tuvqnf4od2] {
    background: var(--bs-secondary-bg);
    color: var(--bs-emphasis-color);
    outline: none;
}

.consent-document-action-button:focus-visible:not(:disabled)[b-tuvqnf4od2] {
    box-shadow: 0 0 0 .15rem rgba(var(--bs-primary-rgb), .22);
}

.consent-document-action-button--primary[b-tuvqnf4od2] {
    color: var(--bs-primary);
}

.consent-document-action-button--primary:hover:not(:disabled)[b-tuvqnf4od2],
.consent-document-action-button--primary:focus-visible:not(:disabled)[b-tuvqnf4od2] {
    background: rgba(var(--bs-primary-rgb), .14);
    color: var(--bs-primary);
}

.consent-document-action-button--selected[b-tuvqnf4od2] {
    background: rgba(var(--bs-warning-rgb), .12);
    color: var(--bs-warning);
}

.consent-document-action-button--selected:hover:not(:disabled)[b-tuvqnf4od2],
.consent-document-action-button--selected:focus-visible:not(:disabled)[b-tuvqnf4od2] {
    background: rgba(var(--bs-warning-rgb), .2);
    color: var(--bs-warning);
}

.consent-document-action-button--danger[b-tuvqnf4od2] {
    color: var(--bs-danger);
}

.consent-document-action-button--danger:hover:not(:disabled)[b-tuvqnf4od2],
.consent-document-action-button--danger:focus-visible:not(:disabled)[b-tuvqnf4od2] {
    background: rgba(var(--bs-danger-rgb), .14);
    color: var(--bs-danger);
}

.consent-document-action-button:disabled[b-tuvqnf4od2] {
    opacity: .4;
    cursor: not-allowed;
}

.consent-document-action-button[b-tuvqnf4od2]  .svg-container,
.consent-document-action-button[b-tuvqnf4od2]  svg {
    display: block;
}

.consent-document-preview[b-tuvqnf4od2] {
    overflow-x: auto;
}

@media (max-width: 767.98px) {
    .consent-document-actions[b-tuvqnf4od2] {
        gap: .15rem;
    }

    .consent-document-action-button[b-tuvqnf4od2] {
        width: 1.9rem;
        height: 1.9rem;
    }
}

/* Keep the right-aligned actions header visually aligned with the table cell content. */
[b-tuvqnf4od2] .sade-table-view-grid .rz-grid-table thead > tr > th:last-child {
    padding-right: 1rem !important;
}
/* /Components/Pages/Shared/AdminManagement/CustomerProvisioning/AdminCustomerProvisioning.razor.rz.scp.css */
.admin-customer-provisioning-shell[b-qoot09vi6t] {
    min-height: 100vh;
}

.admin-customer-provisioning[b-qoot09vi6t] {
    min-height: 100vh;
    background: var(--sade-soft, #f7f8fc);
    color: var(--sade-ink, #10142f);
    padding: 2rem 1.5rem 4rem;
}

.provisioning-page[b-qoot09vi6t] {
    width: min(100%, 82rem);
    margin: 0 auto;
}

.provisioning-header[b-qoot09vi6t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.provisioning-header-copy[b-qoot09vi6t] {
    max-width: 54rem;
}

.provisioning-eyebrow[b-qoot09vi6t] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    margin-bottom: 0.65rem;
    padding: 0.3rem 0.65rem;
    border: 1px solid rgba(var(--sade-primary-rgb, 59, 130, 246), 0.22);
    border-radius: 999px;
    background: rgba(var(--sade-primary-rgb, 59, 130, 246), 0.08);
    color: var(--sade-primary, #3b82f6);
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0.02em;
}

.provisioning-header h1[b-qoot09vi6t] {
    margin: 0;
    color: var(--sade-ink, #10142f);
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    font-weight: 800;
    line-height: 1.15;
}

.provisioning-header p[b-qoot09vi6t] {
    margin: 0.7rem 0 0;
    color: var(--sade-muted, #667085);
    font-size: 1rem;
    line-height: 1.6;
}

.provisioning-step-card[b-qoot09vi6t],
.provisioning-completion-card[b-qoot09vi6t] {
    margin-bottom: 1.1rem;
    overflow: hidden;
    border: 1px solid var(--sade-border, #e6e8f3);
    border-radius: 1rem;
    background: var(--sade-panel, #fff);
    box-shadow: var(--sade-shadow, 0 16px 48px rgba(24, 20, 80, 0.08));
    transition: border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

.provisioning-step-card.is-active[b-qoot09vi6t] {
    border-color: rgba(var(--sade-primary-rgb, 59, 130, 246), 0.38);
    box-shadow: 0 0 0 3px rgba(var(--sade-primary-rgb, 59, 130, 246), 0.07), var(--sade-shadow, 0 16px 48px rgba(24, 20, 80, 0.08));
}

.provisioning-step-card.is-locked[b-qoot09vi6t] {
    opacity: 0.58;
}

.provisioning-step-header[b-qoot09vi6t] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.9rem;
    padding: 1.2rem 1.35rem;
    border-bottom: 1px solid var(--sade-border, #e6e8f3);
}

.provisioning-step-number[b-qoot09vi6t],
.provisioning-completion-icon[b-qoot09vi6t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    border: 1px solid rgba(var(--sade-primary-rgb, 59, 130, 246), 0.25);
    border-radius: 0.75rem;
    background: rgba(var(--sade-primary-rgb, 59, 130, 246), 0.1);
    color: var(--sade-primary, #3b82f6);
    font-weight: 800;
}

.provisioning-step-card.is-complete .provisioning-step-number[b-qoot09vi6t],
.provisioning-completion-icon[b-qoot09vi6t] {
    border-color: rgba(22, 163, 74, 0.32);
    background: rgba(22, 163, 74, 0.1);
    color: #16a34a;
}

.provisioning-step-heading[b-qoot09vi6t] {
    min-width: 0;
}

.provisioning-step-heading h2[b-qoot09vi6t],
.provisioning-completion-heading h2[b-qoot09vi6t] {
    margin: 0;
    color: var(--sade-ink, #10142f);
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.35;
}

.provisioning-step-heading p[b-qoot09vi6t] {
    margin: 0.25rem 0 0;
    color: var(--sade-muted, #667085);
    font-size: 0.9rem;
    line-height: 1.5;
}

.provisioning-complete-badge[b-qoot09vi6t] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.3rem 0.65rem;
    border: 1px solid rgba(22, 163, 74, 0.3);
    border-radius: 999px;
    background: rgba(22, 163, 74, 0.1);
    color: #16a34a;
    font-size: 0.78rem;
    font-weight: 750;
}

.provisioning-step-content[b-qoot09vi6t] {
    padding: 1.35rem;
}

.provisioning-form[b-qoot09vi6t] {
    margin-bottom: 1.25rem;
}

.provisioning-form[b-qoot09vi6t]  h2 {
    margin: 0 0 1rem;
    color: var(--sade-ink, #10142f);
    font-size: 1rem;
    font-weight: 750;
}

.provisioning-form[b-qoot09vi6t]  hr {
    margin: 1.35rem 0;
    border-color: var(--sade-border, #e6e8f3);
    opacity: 1;
}

.provisioning-account-grid[b-qoot09vi6t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding-top: 1.2rem;
    border-top: 1px solid var(--sade-border, #e6e8f3);
}

.provisioning-field-wide[b-qoot09vi6t] {
    grid-column: 1 / -1;
    max-width: 32rem;
}

.provisioning-field .form-label[b-qoot09vi6t] {
    margin-bottom: 0.45rem;
    color: var(--sade-ink, #10142f);
    font-weight: 650;
}

.provisioning-field .form-text[b-qoot09vi6t] {
    margin-top: 0.4rem;
    color: var(--sade-muted, #667085);
}

.provisioning-actions[b-qoot09vi6t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.provisioning-primary-action[b-qoot09vi6t] {
    min-height: 2.75rem;
    padding-inline: 1rem;
    border-radius: 0.65rem;
    font-weight: 700;
}

.provisioning-result-panel[b-qoot09vi6t] {
    padding: 1rem;
    border: 1px solid var(--sade-border, #e6e8f3);
    border-radius: 0.8rem;
    background: var(--sade-soft, #f8f7ff);
}

.provisioning-summary-list[b-qoot09vi6t] {
    display: grid;
    grid-template-columns: minmax(9rem, 0.35fr) minmax(0, 1fr);
    gap: 0.55rem 1rem;
    margin: 0;
}

.provisioning-summary-list dt[b-qoot09vi6t] {
    color: var(--sade-muted, #667085);
    font-weight: 650;
}

.provisioning-summary-list dd[b-qoot09vi6t] {
    min-width: 0;
    margin: 0;
    color: var(--sade-ink, #10142f);
    overflow-wrap: anywhere;
}

.provisioning-completion-card[b-qoot09vi6t] {
    border-color: rgba(22, 163, 74, 0.3);
}

.provisioning-completion-heading[b-qoot09vi6t] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 1.1rem;
}

.provisioning-step-content code[b-qoot09vi6t],
.provisioning-result-panel code[b-qoot09vi6t] {
    color: var(--sade-primary, #3b82f6);
}

body.dark-theme .admin-customer-provisioning[b-qoot09vi6t] {
    background: var(--background-dark);
}

body.dark-theme .provisioning-result-panel[b-qoot09vi6t] {
    background: var(--input-dark);
}

body.dark-theme .provisioning-step-card.is-active[b-qoot09vi6t] {
    border-color: rgba(var(--sade-primary-rgb, 59, 130, 246), 0.55);
}

body.dark-theme .provisioning-field .form-control[b-qoot09vi6t],
body.dark-theme .provisioning-field .form-select[b-qoot09vi6t],
body.dark-theme .provisioning-step-content .form-select[b-qoot09vi6t] {
    border-color: var(--sade-border);
    background-color: var(--input-dark);
    color: var(--text-dark);
}

body.dark-theme .provisioning-step-content .form-text[b-qoot09vi6t],
body.dark-theme .provisioning-step-heading p[b-qoot09vi6t],
body.dark-theme .provisioning-header p[b-qoot09vi6t],
body.dark-theme .provisioning-summary-list dt[b-qoot09vi6t] {
    color: var(--sade-muted);
}

@media (max-width: 767.98px) {
    .admin-customer-provisioning[b-qoot09vi6t] {
        padding: 1.1rem 0.85rem 2.5rem;
    }

    .provisioning-step-header[b-qoot09vi6t] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 1rem;
    }

    .provisioning-complete-badge[b-qoot09vi6t] {
        grid-column: 2;
        justify-self: start;
    }

    .provisioning-step-content[b-qoot09vi6t] {
        padding: 1rem;
    }

    .provisioning-account-grid[b-qoot09vi6t] {
        grid-template-columns: 1fr;
    }

    .provisioning-field-wide[b-qoot09vi6t] {
        grid-column: auto;
        max-width: none;
    }

    .provisioning-summary-list[b-qoot09vi6t] {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }

    .provisioning-summary-list dd[b-qoot09vi6t] {
        margin-bottom: 0.65rem;
    }
}
/* /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;
}

.agent-session-content[b-o1eeutt14x]
{
    display: grid;
    gap: 1rem;
}

.agent-session-summary[b-o1eeutt14x]
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.agent-session-summary > div[b-o1eeutt14x]
{
    min-width: 0;
    padding: 0.9rem 1rem;
    border: 1px solid var(--agent-card-border);
    border-radius: 16px;
    background: var(--agent-surface-muted);
}

.agent-session-summary dt[b-o1eeutt14x]
{
    margin: 0 0 0.35rem;
    color: var(--agent-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.agent-session-summary dd[b-o1eeutt14x]
{
    margin: 0;
    color: var(--agent-text);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.agent-session-mono[b-o1eeutt14x]
{
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.86rem;
}

.agent-session-recording[b-o1eeutt14x],
.agent-session-transcript[b-o1eeutt14x]
{
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--agent-card-border);
    border-radius: 18px;
    background: var(--agent-surface-muted);
}

.agent-session-section-header h3[b-o1eeutt14x],
.agent-session-transcript h3[b-o1eeutt14x]
{
    margin: 0;
    color: var(--agent-text);
    font-size: 1rem;
}

.agent-session-transcript-header[b-o1eeutt14x]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.agent-session-copy-button[b-o1eeutt14x]
{
    flex: 0 0 auto;
}

.agent-session-section-header p[b-o1eeutt14x]
{
    margin: 0.3rem 0 0;
    color: var(--agent-muted);
    font-size: 0.86rem;
}

.agent-session-audio[b-o1eeutt14x]
{
    width: 100%;
    min-height: 3rem;
}

.agent-session-notice[b-o1eeutt14x]
{
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--agent-card-border);
    border-radius: 14px;
    background: var(--agent-surface-strong);
    color: var(--agent-muted);
}

.agent-session-transcript-list[b-o1eeutt14x]
{
    display: grid;
    gap: 0.75rem;
    max-height: 32rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-right: 0.25rem;
}

.agent-session-transcript-entry[b-o1eeutt14x]
{
    display: grid;
    gap: 0.45rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--agent-card-border);
    border-radius: 16px;
    background: var(--agent-panel);
}

.agent-session-transcript-entry.is-agent[b-o1eeutt14x]
{
    border-left: 3px solid var(--agent-primary);
}

.agent-session-transcript-entry.is-customer[b-o1eeutt14x]
{
    margin-left: clamp(1.5rem, 5vw, 4rem);
    border-left: 3px solid var(--agent-secondary);
}

.agent-session-transcript-meta[b-o1eeutt14x]
{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.agent-session-transcript-meta strong[b-o1eeutt14x]
{
    color: var(--agent-text);
}

.agent-session-transcript-meta span[b-o1eeutt14x]
{
    color: var(--agent-muted);
    font-size: 0.78rem;
    white-space: nowrap;
}

.agent-session-transcript-text[b-o1eeutt14x]
{
    color: var(--agent-text);
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

@media (max-width: 640px)
{
    .agent-session-transcript-header[b-o1eeutt14x]
    {
        align-items: stretch;
        flex-direction: column;
    }

    .agent-session-copy-button[b-o1eeutt14x]
    {
        width: 100%;
    }

    .agent-session-transcript-meta[b-o1eeutt14x]
    {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.2rem;
    }

    .agent-session-transcript-entry.is-customer[b-o1eeutt14x]
    {
        margin-left: 0;
    }
}
/* /Components/Pages/Shared/Agent/Components/WhatsAppEmbeddedSignupView.razor.rz.scp.css */
.whatsapp-signup-card[b-asf78czkck] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(7rem, .55fr) minmax(0, 1fr);
    align-items: start;
    gap: 1rem 1.5rem;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--sade-border, var(--rz-base-300));
    border-radius: 12px;
    background: color-mix(in srgb, var(--sade-panel, var(--rz-base-background-color)) 86%, var(--sade-soft, #f8f7ff) 14%);
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
}

.whatsapp-signup-card > *[b-asf78czkck],
.whatsapp-call-capability > *[b-asf78czkck] {
    max-width: 100%;
    min-width: 0;
}

.whatsapp-signup-copy[b-asf78czkck],
.whatsapp-signup-heading[b-asf78czkck],
.whatsapp-signup-heading > span:last-child[b-asf78czkck],
.whatsapp-signup-status[b-asf78czkck],
.whatsapp-signup-actions[b-asf78czkck] {
    display: flex;
}

.whatsapp-signup-copy[b-asf78czkck],
.whatsapp-signup-heading > span:last-child[b-asf78czkck],
.whatsapp-signup-status[b-asf78czkck] {
    flex-direction: column;
}

.whatsapp-signup-copy[b-asf78czkck],
.whatsapp-signup-heading > span:last-child[b-asf78czkck],
.whatsapp-signup-status[b-asf78czkck] {
    gap: .25rem;
}

.whatsapp-signup-copy[b-asf78czkck],
.whatsapp-signup-heading > span:last-child[b-asf78czkck],
.whatsapp-signup-actions[b-asf78czkck] {
    min-width: 0;
}

.whatsapp-signup-heading[b-asf78czkck] {
    align-items: flex-start;
    gap: .65rem;
}

.whatsapp-signup-icon[b-asf78czkck] {
    display: grid;
    flex: 0 0 2.2rem;
    width: 2.2rem;
    height: 2.2rem;
    min-width: 2.2rem;
    min-height: 2.2rem;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--sade-panel, #fff) 80%, var(--rz-success, #22c55e) 20%);
}

.whatsapp-signup-heading small[b-asf78czkck],
.whatsapp-signup-status small[b-asf78czkck],
.whatsapp-signup-actions small[b-asf78czkck] {
    color: var(--rz-text-secondary-color);
    font-size: .82rem;
}

.whatsapp-signup-status[b-asf78czkck] {
    min-width: 0;
}

.whatsapp-signup-status small[b-asf78czkck] {
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.whatsapp-signup-number[b-asf78czkck] {
    margin-left: 2.85rem;
    font-weight: 700;
}

.whatsapp-signup-badge[b-asf78czkck] {
    display: inline-flex;
    align-self: flex-start;
    padding: .28rem .65rem;
    border: 1px solid var(--sade-border, var(--rz-base-300));
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
}

.whatsapp-signup-badge.is-ready[b-asf78czkck] {
    border-color: color-mix(in srgb, var(--sade-border, #ddd) 55%, var(--rz-success, #22c55e) 45%);
    background: color-mix(in srgb, var(--sade-panel, #fff) 88%, var(--rz-success, #22c55e) 12%);
}

.whatsapp-signup-badge.is-pending[b-asf78czkck] {
    border-color: color-mix(in srgb, var(--sade-border, #ddd) 55%, var(--rz-warning, #f59e0b) 45%);
    background: color-mix(in srgb, var(--sade-panel, #fff) 88%, var(--rz-warning, #f59e0b) 12%);
}

.whatsapp-signup-badge.is-failed[b-asf78czkck],
.whatsapp-signup-error[b-asf78czkck] {
    color: var(--rz-danger);
}

.whatsapp-signup-actions[b-asf78czkck] {
    align-self: start;
    align-items: flex-start;
    justify-content: flex-start;
}

.whatsapp-signup-actions small[b-asf78czkck] {
    max-width: 100%;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.whatsapp-signup-actions .whatsapp-sandbox-connect-link[b-asf78czkck] {
    margin-inline: auto;
    color: var(--rz-link-color, var(--rz-primary));
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.whatsapp-signup-actions .whatsapp-sandbox-connect-link:hover[b-asf78czkck],
.whatsapp-signup-actions .whatsapp-sandbox-connect-link:focus-visible[b-asf78czkck] {
    color: var(--rz-primary-darker, var(--rz-primary));
}

.whatsapp-signup-actions .whatsapp-sandbox-connect-link.is-disabled[b-asf78czkck] {
    opacity: .55;
    pointer-events: none;
    cursor: default;
}

.whatsapp-signup-actions[b-asf78czkck]  .whatsapp-refresh-status-button {
    color: var(--sade-ink, var(--rz-text-color)) !important;
}

.whatsapp-signup-actions[b-asf78czkck]  .whatsapp-refresh-status-button .rz-button-icon-left,
.whatsapp-signup-actions[b-asf78czkck]  .whatsapp-refresh-status-button .rz-button-icon-right {
    color: currentColor;
}

    .whatsapp-signup-actions[b-asf78czkck]  .whatsapp-refresh-status-button:hover,
    .whatsapp-signup-actions[b-asf78czkck]  .whatsapp-refresh-status-button:focus-visible
    {
        background: color-mix(in srgb, var(--sade-panel, var(--rz-base-background-color)) 82%, var(--sade-ink, var(--rz-text-color)) 18%);
        color: var(--sade-ink, var(--rz-text-color)) !important;
    }


.whatsapp-capability-label[b-asf78czkck] {
    font-size: .8rem;
    font-weight: 700;
}

.whatsapp-call-capability[b-asf78czkck] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(7rem, .55fr) minmax(0, 1fr);
    align-items: start;
    gap: 1rem 1.5rem;
    padding-top: .9rem;
    border-top: 1px solid var(--sade-border, var(--rz-base-300));
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.whatsapp-call-capability-copy[b-asf78czkck] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    min-width: 0;
}

.whatsapp-call-capability-copy > span:last-child[b-asf78czkck] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
}

.whatsapp-call-capability-copy small[b-asf78czkck] {
    color: var(--rz-text-secondary-color);
    font-size: .82rem;
}

.whatsapp-call-capability-icon[b-asf78czkck] {
    display: grid;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--sade-panel, #fff) 86%, var(--rz-primary, #7c3aed) 14%);
}

.whatsapp-call-capability-icon.is-neutral[b-asf78czkck]
{
    background: none;
}

.whatsapp-call-capability-icon.is-ready[b-asf78czkck] {
    background: color-mix(in srgb, var(--sade-panel, #fff) 80%, var(--rz-success, #22c55e) 20%);
}

.whatsapp-call-capability-icon.is-pending[b-asf78czkck] {
    background: color-mix(in srgb, var(--sade-panel, #fff) 80%, var(--rz-warning, #f59e0b) 20%);
}

.whatsapp-call-capability-icon.is-failed[b-asf78czkck] {
    background: color-mix(in srgb, var(--sade-panel, #fff) 80%, var(--rz-danger, #ef4444) 20%);
}

.whatsapp-call-actions[b-asf78czkck] {
    align-self: start;
    gap: .35rem;
    flex-wrap: wrap;
}

.whatsapp-call-capability-copy small[b-asf78czkck],
.whatsapp-call-actions small[b-asf78czkck] {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.whatsapp-signup-action-stack[b-asf78czkck] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    max-width: 100%;
    min-width: 0;
}

.whatsapp-sdk-help[b-asf78czkck] {
    max-width: 28rem;
}

.whatsapp-admin-fields label small[b-asf78czkck],
.whatsapp-admin-resource small[b-asf78czkck] {
    color: var(--rz-text-secondary-color);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.35;
}

.whatsapp-admin-resource[b-asf78czkck] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
    color: var(--rz-text-secondary-color);
    font-size: .8rem;
    font-weight: 700;
}

.whatsapp-admin-resource strong[b-asf78czkck] {
    display: flex;
    align-items: center;
    min-height: 2.6rem;
    padding: .65rem .8rem;
    overflow-wrap: anywhere;
    border: 1px solid var(--sade-border, var(--rz-base-300));
    border-radius: 8px;
    background: var(--definition-binding-control-background, color-mix(in srgb, var(--sade-panel, var(--rz-base-background-color)) 68%, var(--sade-soft, transparent) 32%));
    color: var(--sade-ink, var(--rz-text-color));
    font-size: .82rem;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .whatsapp-signup-card[b-asf78czkck] {
        grid-template-columns: 1fr;
    }

    .whatsapp-signup-actions[b-asf78czkck] {
        align-self: auto;
        justify-content: flex-start;
    }

    .whatsapp-call-capability[b-asf78czkck] {
        grid-template-columns: 1fr;
    }

    .whatsapp-call-actions[b-asf78czkck] {
        align-self: auto;
    }
}

.whatsapp-admin-setup[b-asf78czkck] {
    grid-column: 1 / -1;
    border-top: 1px solid var(--sade-border, var(--rz-base-300));
    padding-top: .75rem;
}

.whatsapp-admin-setup > summary[b-asf78czkck] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--rz-text-secondary-color);
    cursor: pointer;
    font-size: .84rem;
    font-weight: 700;
    list-style: none;
}

.whatsapp-admin-setup > summary[b-asf78czkck]::-webkit-details-marker {
    display: none;
}

.whatsapp-admin-setup-content[b-asf78czkck] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-top: .75rem;
    padding: .85rem;
    border: 1px solid var(--sade-border, var(--rz-base-300));
    border-radius: 10px;
    background: color-mix(in srgb, var(--sade-panel, var(--rz-base-background-color)) 92%, var(--sade-soft, transparent) 8%);
}

.whatsapp-admin-setup-content p[b-asf78czkck] {
    margin: 0;
    color: var(--rz-text-secondary-color);
    font-size: .84rem;
}

.whatsapp-admin-fields[b-asf78czkck] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.whatsapp-admin-fields label[b-asf78czkck] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    color: var(--rz-text-secondary-color);
    font-size: .8rem;
    font-weight: 700;
}

@media (max-width: 760px) {
    .whatsapp-admin-fields[b-asf78czkck] {
        grid-template-columns: 1fr;
    }
}
/* /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-summary-shell .conversation-balance-panel[b-xo4aucxf91]
{
    width: 100%;
    margin-bottom: 0;
}

    .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-panel-header-actions[b-xo4aucxf91]
{
    align-items: center;
}

.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-card-budget-limit-reached[b-xo4aucxf91]
{
    border-color: var(--billing-warning);
    box-shadow: 0 0 0 1px var(--billing-warning);
}

.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.largemax[b-xo4aucxf91]
    {
        max-height: 360px;
    }

    .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-footer-cell[b-xo4aucxf91]
{
    display: block;
    padding: 10px 12px;
    text-align: left;
}

:deep(.billing-payment-table tfoot td)[b-xo4aucxf91]
{
    border-top: 1px solid var(--billing-border);
    background: var(--billing-surface-muted);
    padding: 0;
}

:deep(.billing-payment-table tfoot td:first-child)[b-xo4aucxf91]
{
    border-left: 1px solid var(--billing-border);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

:deep(.billing-payment-table tfoot td:last-child)[b-xo4aucxf91]
{
    border-right: 1px solid var(--billing-border);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

: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/Billing/BudgetPanel.razor.rz.scp.css */
.billing-main-grid[b-kzullqg5jj]
{
    --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-warning: #f59e0b;
    --billing-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    --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);
    width: 100%;
    margin-top: 20px;
    color: var(--billing-text);
}

body.dark-theme .billing-main-grid[b-kzullqg5jj]
{
    --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-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-panel[b-kzullqg5jj]
{
    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-budget-limit-reached[b-kzullqg5jj]
{
    border-color: var(--billing-warning);
    box-shadow: 0 0 0 1px var(--billing-warning), var(--billing-shadow);
}

.billing-main-grid-your-license[b-kzullqg5jj]
{
    --billing-border: rgba(255, 255, 255, 0.12);
    --billing-border-strong: rgba(31, 171, 209, 0.45);
    --billing-text: rgba(255, 255, 255, 0.95);
    --billing-muted: rgba(255, 255, 255, 0.62);
    --billing-surface-elevated: rgba(255, 255, 255, 0.08);
    --billing-surface-strong: rgba(255, 255, 255, 0.06);
    --billing-surface-muted: rgba(255, 255, 255, 0.065);
    --billing-surface-soft: rgba(255, 255, 255, 0.025);
    --billing-card-border: rgba(255, 255, 255, 0.12);
    --billing-primary-soft: rgba(31, 171, 209, 0.1);
    --billing-primary-soft-strong: rgba(31, 171, 209, 0.16);
    display: block;
    width: 100%;
    margin: 0 0 1.5rem;
}

.billing-main-grid-your-license > article[b-kzullqg5jj]
{
    width: 100%;
    margin-top: 0;
    padding-right: 0;
    padding-left: 0;
}

.billing-panel-your-license[b-kzullqg5jj]
{
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.5rem;
    padding: clamp(1rem, 2.5vw, 1.35rem);
    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);
    backdrop-filter: none;
}

.billing-panel-your-license.billing-panel-budget-limit-reached[b-kzullqg5jj]
{
    border-color: var(--billing-warning);
    box-shadow: 0 0 0 1px var(--billing-warning), 0 22px 64px rgba(0, 0, 0, 0.24);
}

.billing-panel-your-license[b-kzullqg5jj]::before
{
    display: none;
}

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

.billing-panel.billing-panel-your-license h2[b-kzullqg5jj]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.94);
    font-size: 1.35rem;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.03em;
}

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

.billing-panel h2[b-kzullqg5jj],
.billing-panel h3[b-kzullqg5jj],
.billing-panel p[b-kzullqg5jj]
{
    margin-top: 0;
}

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

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

.billing-panel-header-actions[b-kzullqg5jj]
{
    align-items: center;
}

.billing-panel-header p[b-kzullqg5jj],
.billing-metric-detail[b-kzullqg5jj]
{
    color: var(--billing-muted);
    line-height: 1.58;
}

.billing-budget-manage-button[b-kzullqg5jj],
.billing-budget-save-button[b-kzullqg5jj]
{
    min-height: 44px;
    padding: 10px 18px;
    border: 1px solid var(--billing-border-strong);
    border-radius: 999px;
    background: var(--billing-primary-soft);
    color: var(--billing-text);
    font-weight: 800;
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}

.billing-budget-manage-button:hover:not(:disabled)[b-kzullqg5jj],
.billing-budget-save-button:hover:not(:disabled)[b-kzullqg5jj]
{
    background: var(--billing-primary-soft-strong);
    transform: translateY(-1px);
}

.billing-budget-manage-button:disabled[b-kzullqg5jj],
.billing-budget-save-button:disabled[b-kzullqg5jj]
{
    cursor: not-allowed;
    opacity: .55;
}

.billing-budget-manager[b-kzullqg5jj]
{
    position: relative;
    margin-top: 22px;
    padding: 22px;
    border: 1px solid var(--billing-border-strong);
    border-radius: var(--billing-radius-lg);
    background: var(--billing-surface-soft);
}

.billing-budget-manager-header h3[b-kzullqg5jj]
{
    margin-bottom: 8px;
    font-size: 20px;
}

.billing-budget-manager-header p[b-kzullqg5jj]
{
    max-width: 760px;
    margin-bottom: 0;
    color: var(--billing-muted);
}

.billing-budget-options[b-kzullqg5jj]
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.billing-budget-option[b-kzullqg5jj]
{
    min-height: 54px;
    padding: 12px 16px;
    border: 1px solid var(--billing-border);
    border-radius: 16px;
    background: var(--billing-surface-elevated);
    color: var(--billing-text);
    font-weight: 700;
    text-align: left;
}

.billing-budget-option:hover:not(:disabled)[b-kzullqg5jj]
{
    border-color: var(--billing-border-strong);
    background: var(--billing-primary-soft);
}

.billing-budget-option.selected[b-kzullqg5jj]
{
    border-color: var(--billing-primary);
    background: var(--billing-primary-soft-strong);
    box-shadow: inset 0 0 0 1px var(--billing-primary);
}

.billing-budget-option:disabled[b-kzullqg5jj]
{
    cursor: not-allowed;
    opacity: .55;
}

.billing-budget-custom-amount[b-kzullqg5jj]
{
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 320px;
    margin-top: 18px;
    color: var(--billing-muted);
    font-size: 13px;
    font-weight: 700;
}

.billing-budget-custom-input-wrap[b-kzullqg5jj]
{
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 1rem 14px;
    border: 1px solid var(--billing-border);
    border-radius: 14px;
    background: var(--billing-surface-elevated);
}

.billing-budget-custom-input-wrap input[b-kzullqg5jj]
{
    min-width: 0;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--billing-text);
    font-size: 17px;
    font-weight: 700;
}

.billing-budget-custom-input-wrap > span[b-kzullqg5jj]
{
    color: var(--billing-text);
    font-weight: 800;
}

.billing-budget-notification-toggle[b-kzullqg5jj]
{
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    margin-top: 20px;
    color: var(--billing-text);
    font-weight: 700;
    cursor: pointer;
}

.billing-budget-notification-toggle span[b-kzullqg5jj]
{
    color: var(--billing-text);
}

.billing-budget-switch-input[b-kzullqg5jj]
{
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.billing-budget-switch[b-kzullqg5jj]
{
    position: relative;
    flex: 0 0 auto;
    width: 42px;
    height: 24px;
    border: 1px solid var(--billing-border-strong);
    border-radius: 999px;
    background: var(--billing-surface-strong);
    transition: background-color .15s ease, border-color .15s ease;
}

.billing-budget-switch[b-kzullqg5jj]::after
{
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--billing-muted);
    transition: transform .15s ease, background-color .15s ease;
}

.billing-budget-switch-input:checked + .billing-budget-switch[b-kzullqg5jj]
{
    border-color: var(--billing-primary);
    background: var(--billing-primary-soft-strong);
}

.billing-budget-switch-input:checked + .billing-budget-switch[b-kzullqg5jj]::after
{
    transform: translateX(18px);
    background: var(--billing-primary);
}

.billing-budget-switch-input:focus-visible + .billing-budget-switch[b-kzullqg5jj]
{
    outline: 2px solid var(--billing-primary);
    outline-offset: 3px;
}

.billing-budget-switch-input:disabled + .billing-budget-switch[b-kzullqg5jj]
{
    opacity: .55;
}

.billing-budget-status[b-kzullqg5jj]
{
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 14px;
    font-weight: 700;
    max-width: 30rem;
    background: var(--billing-primary-soft);
}

.billing-budget-status.success[b-kzullqg5jj]
{
    border: 1px solid rgba(10, 226, 126, 0.35);
}

.billing-budget-status.error[b-kzullqg5jj]
{
    border: 1px solid rgba(220, 53, 69, .35);
}

.billing-budget-manager-actions[b-kzullqg5jj]
{
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.billing-budget-save-button[b-kzullqg5jj]
{
    min-width: 140px;
    justify-content: center;
}

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

.billing-saldo-grid[b-kzullqg5jj]
{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

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

.billing-metric-card-warning[b-kzullqg5jj]
{
    border-color: var(--billing-warning);
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.14), var(--billing-surface-soft));
    box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.18);
}

.billing-metric-detail-warning[b-kzullqg5jj]
{
    color: var(--billing-text);
}

.billing-pricing-metric-card[b-kzullqg5jj]
{
    display: flex;
    flex-direction: column;
}

.billing-pricing-metric-detail[b-kzullqg5jj]
{
    margin-top: auto;
}

.billing-metric-label[b-kzullqg5jj]
{
    font-size: 13px;
    color: var(--billing-muted);
}

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

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

@media (max-width: 991px)
{
    .billing-panel-header[b-kzullqg5jj]
    {
        flex-direction: column;
    }

    .billing-budget-options[b-kzullqg5jj]
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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

    .billing-budget-manager[b-kzullqg5jj]
    {
        padding: 18px;
    }

    .billing-budget-manage-button[b-kzullqg5jj],
    .billing-budget-save-button[b-kzullqg5jj]
    {
        width: 100%;
    }
}

.billing-paypal-authorization[b-kzullqg5jj]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 18px;
    padding: 14px 16px;
    border: 1px solid var(--billing-card-border);
    border-radius: 16px;
    background: var(--billing-surface-muted);
}

.billing-paypal-authorization.active[b-kzullqg5jj]
{
}

.billing-paypal-authorization.inactive[b-kzullqg5jj]
{
    border-color: rgba(245, 158, 11, 0.35);
}

.billing-paypal-authorization-title[b-kzullqg5jj]
{
    font-weight: 800;
}

.billing-paypal-authorization-detail[b-kzullqg5jj]
{
    margin-top: 4px;
    color: var(--billing-muted);
    font-size: 13px;
}

.billing-paypal-authorization-cancel[b-kzullqg5jj] {
    border: 1px solid red;
}

.billing-paypal-authorization-action[b-kzullqg5jj]
{
    flex: 0 0 auto;
}

@media (max-width: 767px)
{
    .billing-paypal-authorization[b-kzullqg5jj]
    {
        align-items: stretch;
        flex-direction: column;
    }

    .billing-paypal-authorization-action[b-kzullqg5jj]
    {
        width: 100%;
    }
}

.billing-overage-payment-actions[b-kzullqg5jj]
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-top: 18px;
    padding: 18px;
    border: 1px solid var(--billing-warning);
    border-radius: 18px;
    background: color-mix(in srgb, var(--billing-warning) 8%, transparent);
}

.billing-overage-payment-title[b-kzullqg5jj]
{
    margin-bottom: 4px;
    font-weight: 800;
}

.billing-overage-payment-detail[b-kzullqg5jj]
{
    color: var(--billing-muted);
    line-height: 1.5;
}

.billing-overage-payment-error[b-kzullqg5jj]
{
    margin-top: 8px;
    color: var(--billing-warning);
    font-weight: 700;
}

.billing-paypal-authorization-actions[b-kzullqg5jj]
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 700px)
{
    .billing-overage-payment-actions[b-kzullqg5jj]
    {
        align-items: stretch;
        flex-direction: column;
    }

    .billing-paypal-authorization-actions[b-kzullqg5jj]
    {
        justify-content: flex-start;
    }
}
/* /Components/Pages/Shared/Billing/ConversationBalancePanel.razor.rz.scp.css */
.conversation-balance-panel[b-eup5urddya]
{
    display: grid;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: clamp(1rem, 2.5vw, 1.35rem);
    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);
}

.conversation-balance-header[b-eup5urddya]
{
    position: relative;
    z-index: 1;
}

.conversation-balance-kicker[b-eup5urddya]
{
    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;
}

.conversation-balance-header h3[b-eup5urddya]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.94);
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.conversation-balance-grid[b-eup5urddya]
{
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

.conversation-balance-grid-three-columns[b-eup5urddya]
{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.conversation-balance-card[b-eup5urddya]
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.5rem;
    min-width: 0;
    min-height: 10rem;
    padding: 1.15rem;
    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);
}

.conversation-balance-card > span[b-eup5urddya]
{
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.conversation-balance-card-values[b-eup5urddya]
{
    display: grid;
    gap: 0.35rem;
    align-content: end;
    min-width: 0;
}

.conversation-balance-card-values strong[b-eup5urddya]
{
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.15;
}

.conversation-balance-card-values small[b-eup5urddya]
{
    color: rgba(226, 232, 240, 0.72);
    line-height: 1.45;
}

.conversation-balance-conversation-description[b-eup5urddya]
{
    margin: 0 0 0.35rem;
    color: rgba(226, 232, 240, 0.72);
    line-height: 1.45;
}

.conversation-balance-conversation-rows[b-eup5urddya]
{
    display: grid;
    gap: 0.75rem;
}

.conversation-balance-conversation-row[b-eup5urddya]
{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.conversation-balance-conversation-row:last-child[b-eup5urddya]
{
    padding-bottom: 0;
    border-bottom: 0;
}

.conversation-balance-conversation-row small[b-eup5urddya]
{
    color: rgba(226, 232, 240, 0.72);
    line-height: 1.45;
}

.conversation-balance-conversation-row strong[b-eup5urddya]
{
    flex: 0 0 auto;
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1.15;
}

.conversation-balance-price-text[b-eup5urddya]
{
    white-space: pre-line;
}

.conversation-balance-add-button[b-eup5urddya]
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    margin-top: auto;
    padding: 0.75rem 1.15rem;
    border: 1px solid rgba(125, 211, 252, 0.45);
    border-radius: 999px;
    color: #bae6fd;
    background: rgba(56, 189, 248, 0.14);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.conversation-balance-add-button:hover[b-eup5urddya]
{
    background: rgba(56, 189, 248, 0.22);
    border-color: rgba(125, 211, 252, 0.62);
    color: #eff6ff;
    transform: translateY(-1px);
}

.conversation-balance-add-button:focus-visible[b-eup5urddya]
{
    outline: 2px solid rgba(125, 211, 252, 0.85);
    outline-offset: 3px;
}

.conversation-balance-topup[b-eup5urddya]
{
    display: grid;
    gap: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 1rem;
}

@media (max-width: 1200px)
{
    .conversation-balance-grid-three-columns[b-eup5urddya]
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 992px)
{
    .conversation-balance-grid[b-eup5urddya]
    {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px)
{
    .conversation-balance-panel[b-eup5urddya]
    {
        padding: 1rem;
    }

    .conversation-balance-add-button[b-eup5urddya]
    {
        width: 100%;
    }
}
/* /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/Funnel/EditFunnel.razor.rz.scp.css */
.edit-funnel-loading-state[b-yhckhro2tg]
{
    align-items: center;
    color: var(--primary-color, #6ea8fe);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    min-height: 50vh;
    width: 100%;
}

.edit-funnel-loading-spinner[b-yhckhro2tg]
{
    animation: edit-funnel-loading-spin-b-yhckhro2tg 0.85s linear infinite;
    border: 3px solid color-mix(in srgb, currentColor 24%, transparent);
    border-radius: 50%;
    border-top-color: currentColor;
    height: 3rem;
    width: 3rem;
}

.edit-funnel-loading-text[b-yhckhro2tg]
{
    color: var(--text-color, currentColor);
    font-size: 1rem;
    font-weight: 600;
}

@keyframes edit-funnel-loading-spin-b-yhckhro2tg
{
    to
    {
        transform: rotate(360deg);
    }
}
.edit-funnel-error-state[b-yhckhro2tg]
{
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 50vh;
    padding: 2rem 1rem;
    width: 100%;
}

.edit-funnel-error-card[b-yhckhro2tg]
{
    align-items: flex-start;
    background: color-mix(in srgb, currentColor 4%, transparent);
    border: 1px solid color-mix(in srgb, var(--bs-danger, #dc3545) 45%, transparent);
    border-radius: 1rem;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
    display: flex;
    gap: 1.25rem;
    max-width: 46rem;
    padding: 1.75rem;
    width: 100%;
}

.edit-funnel-error-icon[b-yhckhro2tg]
{
    align-items: center;
    background: color-mix(in srgb, var(--bs-danger, #dc3545) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--bs-danger, #dc3545) 48%, transparent);
    border-radius: 50%;
    color: var(--bs-danger, #dc3545);
    display: flex;
    flex: 0 0 2.75rem;
    font-size: 1.35rem;
    font-weight: 700;
    height: 2.75rem;
    justify-content: center;
}

.edit-funnel-error-content[b-yhckhro2tg]
{
    min-width: 0;
}

.edit-funnel-error-content h2[b-yhckhro2tg]
{
    color: inherit;
    font-size: 1.4rem;
    margin: 0;
}

.edit-funnel-error-content p[b-yhckhro2tg]
{
    color: inherit;
    margin: 0.6rem 0 1.25rem;
    opacity: 0.82;
}

@media (max-width: 575.98px)
{
    .edit-funnel-error-card[b-yhckhro2tg]
    {
        padding: 1.25rem;
    }
}
/* /Components/Pages/Shared/Funnel/ViewFunnel.razor.rz.scp.css */
.funnel-view-page[b-1k26ua300a] {
    --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-1k26ua300a] {
    --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-1k26ua300a],
.funnel-empty-state[b-1k26ua300a] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
}

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

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

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

.funnel-loading-spinner[b-1k26ua300a] {
    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-1k26ua300a 0.9s linear infinite;
}

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

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

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

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

.funnel-hero[b-1k26ua300a] {
    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-1k26ua300a]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, var(--funnel-surface-strong), transparent 34%);
        pointer-events: none;
    }

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

.funnel-breadcrumb[b-1k26ua300a] {
    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-1k26ua300a] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-top: 1rem;
}

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

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

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

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

.funnel-chip[b-1k26ua300a] {
    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-1k26ua300a] {
    color: white;
    background: var(--funnel-primary-soft);
    border-color: var(--funnel-primary-soft-strong);
}

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

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

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

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

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

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

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

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

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

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

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

.funnel-card--section[b-1k26ua300a] {
}

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

.funnel-card__badge[b-1k26ua300a] {
    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-1k26ua300a] {
    display: grid;
    gap: 0.75rem;
}

.funnel-description-list__item[b-1k26ua300a] {
    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-1k26ua300a] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
    margin: 0;
}

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

.funnel-kv-list > div[b-1k26ua300a] {
    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-1k26ua300a] {
    grid-column: 1 / -1;
}

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

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

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

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

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

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

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

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

    .funnel-hero__actions .button[b-1k26ua300a],
    .funnel-hero__actions a.button[b-1k26ua300a] {
        width: 100%;
        justify-content: center;
    }
}

.funnel-linked-items[b-1k26ua300a] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.funnel-linked-items h3[b-1k26ua300a] {
    margin: 0;
    color: var(--funnel-text);
    font-size: 1rem;
}

.funnel-linked-item[b-1k26ua300a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 16px;
    background: var(--funnel-surface-muted);
    border: 1px solid var(--funnel-card-border);
}

.funnel-linked-item__content[b-1k26ua300a] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.funnel-linked-item__content strong[b-1k26ua300a],
.funnel-linked-item__content span[b-1k26ua300a] {
    overflow-wrap: anywhere;
}

.funnel-linked-item__content span[b-1k26ua300a],
.funnel-linked-item__type[b-1k26ua300a] {
    color: var(--funnel-muted);
    font-size: 0.86rem;
}

.funnel-linked-item__type[b-1k26ua300a] {
    font-weight: 700;
}

.funnel-linked-item__actions[b-1k26ua300a] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 640px) {
    .funnel-linked-item[b-1k26ua300a] {
        align-items: stretch;
        flex-direction: column;
    }

    .funnel-linked-item__actions[b-1k26ua300a] {
        justify-content: stretch;
    }

    .funnel-linked-item__actions .button[b-1k26ua300a] {
        flex: 1;
        justify-content: center;
    }
}
.funnel-conversation-card[b-1k26ua300a] {
    display: grid;
    gap: 1rem;
}

.funnel-conversation-recording[b-1k26ua300a],
.funnel-conversation-transcript[b-1k26ua300a] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 18px;
    background: var(--funnel-surface-muted);
    border: 1px solid var(--funnel-card-border);
}

.funnel-conversation-recording__header h3[b-1k26ua300a],
.funnel-conversation-transcript h3[b-1k26ua300a] {
    margin: 0;
    color: var(--funnel-text);
    font-size: 1rem;
}

.funnel-conversation-recording__header p[b-1k26ua300a] {
    margin: 0.3rem 0 0;
    color: var(--funnel-muted);
    font-size: 0.86rem;
}

.funnel-conversation-audio[b-1k26ua300a] {
    width: 100%;
    min-height: 3rem;
}

.funnel-conversation-notice[b-1k26ua300a] {
    padding: 0.85rem 0.95rem;
    border-radius: 14px;
    background: var(--funnel-surface-strong);
    border: 1px solid var(--funnel-card-border);
    color: var(--funnel-muted);
}

.funnel-conversation-notice--warning[b-1k26ua300a] {
    border-color: rgba(245, 158, 11, 0.35);
}

.funnel-transcript-list[b-1k26ua300a] {
    display: grid;
    gap: 0.75rem;
    max-height: 32rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-right: 0.25rem;
}

.funnel-transcript-entry[b-1k26ua300a] {
    display: grid;
    gap: 0.45rem;
    padding: 0.85rem 0.95rem;
    border-radius: 16px;
    background: var(--funnel-panel);
    border: 1px solid var(--funnel-card-border);
}

.funnel-transcript-entry.is-agent[b-1k26ua300a] {
    border-left: 3px solid var(--funnel-primary);
}

.funnel-transcript-entry.is-customer[b-1k26ua300a] {
    margin-left: clamp(1.5rem, 5vw, 4rem);
    border-left: 3px solid var(--funnel-secondary);
}

.funnel-transcript-entry__meta[b-1k26ua300a] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.funnel-transcript-entry__meta strong[b-1k26ua300a] {
    color: var(--funnel-text);
}

.funnel-transcript-entry__meta span[b-1k26ua300a] {
    color: var(--funnel-muted);
    font-size: 0.78rem;
    white-space: nowrap;
}

.funnel-transcript-entry__text[b-1k26ua300a] {
    color: var(--funnel-text);
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .funnel-transcript-entry__meta[b-1k26ua300a] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.2rem;
    }
}
/* /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, 193, 7, 0.55);
    color: rgba(255, 224, 130, 0.98);
    background: rgba(255, 193, 7, 0.14);
}

.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(1.1rem, 3vw, 1.65rem);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 88% -4%, rgba(31, 171, 209, 0.2), transparent 34%),
        radial-gradient(circle at 10% 110%, rgba(124, 77, 255, 0.08), transparent 30%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.025));
    box-shadow: 0 22px 64px rgba(0, 0, 0, 0.24);
}

.license-packages-window[b-51ml961jhq]::before
{
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(115deg, rgba(255, 255, 255, 0.045), transparent 28%, transparent 72%, rgba(57, 210, 255, 0.035));
    content: "";
}

.license-packages-window-header[b-51ml961jhq],
.license-carousel[b-51ml961jhq],
.license-package-navigation[b-51ml961jhq]
{
    position: relative;
    z-index: 1;
}

.license-packages-window-header[b-51ml961jhq]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.35rem;
}

.license-packages-window-header .license-selection-kicker[b-51ml961jhq]
{
    margin-bottom: 0;
}

.license-package-option-count[b-51ml961jhq]
{
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 999px;
    color: rgba(226, 239, 249, 0.7);
    background: rgba(255, 255, 255, 0.045);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.025em;
    white-space: nowrap;
}

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

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

.license-carousel-item[b-51ml961jhq]
{
    padding: 0.85rem 4rem 0.45rem;
}

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

[b-51ml961jhq] .license-carousel .rz-carousel-prev,
[b-51ml961jhq] .license-carousel .rz-carousel-next
{
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    padding: 0;
    border: 1px solid rgba(157, 224, 247, 0.2);
    border-radius: 999px;
    color: rgba(245, 251, 255, 0.96);
    background: rgba(19, 39, 61, 0.72);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

[b-51ml961jhq] .license-carousel .rz-carousel-prev
{
    left: clamp(0.25rem, 1.3vw, 1rem);
}

[b-51ml961jhq] .license-carousel .rz-carousel-next
{
    right: clamp(0.25rem, 1.3vw, 1rem);
}

[b-51ml961jhq] .license-carousel .rz-carousel-prev:hover,
[b-51ml961jhq] .license-carousel .rz-carousel-next:hover
{
    border-color: rgba(57, 210, 255, 0.52);
    background: rgba(28, 64, 88, 0.88);
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.3), 0 0 0 0.22rem rgba(57, 210, 255, 0.08);
    transform: scale(1.04);
}

[b-51ml961jhq] .license-carousel .rz-carousel-prev:focus-visible,
[b-51ml961jhq] .license-carousel .rz-carousel-next:focus-visible
{
    outline: 2px solid rgba(110, 225, 255, 0.92);
    outline-offset: 3px;
}

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

[b-51ml961jhq] .license-carousel .license-package-option
{
    min-height: 540px;
    border-color: rgba(180, 220, 238, 0.17);
    border-radius: 1.65rem;
    background:
        radial-gradient(circle at 95% 2%, rgba(39, 171, 209, 0.2), transparent 38%),
        linear-gradient(150deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.028));
    box-shadow: 0 28px 74px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

[b-51ml961jhq] .license-carousel .license-package-option-body
{
    display: flex;
    min-height: 540px;
    flex-direction: column;
    padding: clamp(1.35rem, 3vw, 1.8rem);
}

[b-51ml961jhq] .license-carousel .license-package-option-pill-row
{
    margin-bottom: 1.55rem;
}

[b-51ml961jhq] .license-carousel .license-package-option-pill
{
    border-color: rgba(194, 222, 236, 0.2);
    background: rgba(255, 255, 255, 0.07);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

[b-51ml961jhq] .license-carousel .license-package-price-block
{
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
    border-bottom-color: rgba(201, 228, 241, 0.12);
}

[b-51ml961jhq] .license-carousel .license-package-price-title
{
    font-size: clamp(2.2rem, 5vw, 3rem);
    letter-spacing: -0.045em;
}

[b-51ml961jhq] .license-carousel .license-package-price-type
{
    margin-top: 0.2rem;
    color: rgba(226, 239, 249, 0.74);
}

[b-51ml961jhq] .license-carousel .license-package-option-description
{
    min-height: 0;
    margin: 0;
    color: rgba(235, 244, 250, 0.82);
    font-size: 0.98rem;
    line-height: 1.65;
}

[b-51ml961jhq] .license-carousel .license-package-option-actions
{
    margin-top: auto;
    padding-top: 1.65rem;
}

.license-package-navigation[b-51ml961jhq]
{
    display: flex;
    width: min(100%, 720px);
    gap: 0.65rem;
    align-items: stretch;
    justify-content: center;
    margin: 0.7rem auto 0;
    padding: 0.35rem;
    overflow-x: auto;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 1rem;
    background: rgba(8, 24, 42, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
    scrollbar-width: none;
    scroll-snap-type: x proximity;
}

.license-package-navigation[b-51ml961jhq]::-webkit-scrollbar
{
    display: none;
}

.license-package-navigation-item[b-51ml961jhq]
{
    position: relative;
    display: flex;
    min-width: 7.25rem;
    max-width: 13rem;
    min-height: 2.85rem;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 0.9rem;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 0.78rem;
    color: rgba(222, 237, 247, 0.72);
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    scroll-snap-align: center;
    transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.license-package-navigation-item[b-51ml961jhq]::after
{
    position: absolute;
    right: 20%;
    bottom: 0.25rem;
    left: 20%;
    height: 2px;
    border-radius: 999px;
    background: transparent;
    content: "";
    transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
    transform: scaleX(0.35);
}

.license-package-navigation-item:hover[b-51ml961jhq]
{
    border-color: rgba(137, 205, 229, 0.18);
    color: rgba(245, 251, 255, 0.96);
    background: rgba(255, 255, 255, 0.055);
    transform: translateY(-1px);
}

.license-package-navigation-item-selected[b-51ml961jhq]
{
    border-color: rgba(57, 210, 255, 0.48);
    color: rgba(249, 253, 255, 0.98);
    background:
        radial-gradient(circle at 50% -90%, rgba(78, 217, 255, 0.3), transparent 65%),
        linear-gradient(180deg, rgba(57, 210, 255, 0.16), rgba(31, 171, 209, 0.09));
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(203, 247, 255, 0.08), 0 0 0 1px rgba(57, 210, 255, 0.04);
}

.license-package-navigation-item-selected[b-51ml961jhq]::after
{
    background: rgba(98, 224, 255, 0.98);
    box-shadow: 0 0 12px rgba(57, 210, 255, 0.65);
    transform: scaleX(1);
}

.license-package-navigation-item:focus-visible[b-51ml961jhq]
{
    outline: 2px solid rgba(110, 225, 255, 0.94);
    outline-offset: 2px;
}

.license-package-navigation-label[b-51ml961jhq]
{
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    font-size: 0.9rem;
    font-weight: 850;
    letter-spacing: -0.01em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[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%;
}

/*::deep .paypal-subscription-button
{
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 1rem;
    background-color: rgba(255, 255, 255, 0.14);
}*/

[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-packages-window[b-51ml961jhq]
    {
        padding: 1rem 0.75rem 1.1rem;
        border-radius: 1.25rem;
    }

    .license-packages-window-header[b-51ml961jhq]
    {
        padding: 0 0.25rem;
    }

    .license-package-option-count[b-51ml961jhq]
    {
        font-size: 0.74rem;
    }

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

    [b-51ml961jhq] .license-carousel .rz-carousel-prev,
    [b-51ml961jhq] .license-carousel .rz-carousel-next
    {
        width: 2.65rem;
        min-width: 2.65rem;
        height: 2.65rem;
        background: rgba(11, 30, 49, 0.86);
    }

    [b-51ml961jhq] .license-carousel .rz-carousel-prev
    {
        left: 0.1rem;
    }

    [b-51ml961jhq] .license-carousel .rz-carousel-next
    {
        right: 0.1rem;
    }

    [b-51ml961jhq] .license-carousel .license-package-option,
    [b-51ml961jhq] .license-carousel .license-package-option-body
    {
        min-height: 510px;
    }

    [b-51ml961jhq] .license-carousel .license-package-option-body
    {
        padding: 1.25rem;
    }

    .license-package-navigation[b-51ml961jhq]
    {
        justify-content: flex-start;
        margin-top: 0.55rem;
        padding: 0.3rem;
        scroll-padding-inline: 0.3rem;
    }

    .license-package-navigation-item[b-51ml961jhq]
    {
        min-width: 8.25rem;
        max-width: 10.5rem;
        flex: 0 0 auto;
    }

    .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;
    }
}

@media (prefers-reduced-motion: reduce)
{
    .license-package-navigation-item[b-51ml961jhq],
    .license-package-navigation-item[b-51ml961jhq]::after,
    [b-51ml961jhq] .license-carousel .rz-carousel-prev,
    [b-51ml961jhq] .license-carousel .rz-carousel-next
    {
        transition: none;
    }

    .license-package-navigation[b-51ml961jhq]
    {
        scroll-behavior: auto;
    }
}

.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-subscription-cancellation-note[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;
    color: white;
}

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

.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-ending[b-6hw3bojcah]
{
    border-color: rgba(255, 193, 7, 0.5);
    background:
        radial-gradient(circle at 15% 0%, rgba(255, 193, 7, 0.14), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
}

.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-kicker-row[b-6hw3bojcah]
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.your-license-current-kicker-row .your-license-kicker[b-6hw3bojcah]
{
    margin-bottom: 0.75rem;
}

.your-license-cancel-subscription-header-action[b-6hw3bojcah]
{
    flex: 0 0 auto;
    white-space: nowrap;
    color: red;
}

.your-license-cancel-subscription-header-action:hover[b-6hw3bojcah]
{
    color: white;
}

.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-placeholder[b-6hw3bojcah]
{
    visibility: hidden;
}

.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: 0.85rem;
}

.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;
}

.your-license-subscription-cancellation-note[b-6hw3bojcah]
{
    display: flex;
    align-items: flex-start;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(255, 193, 7, 0.32);
    border-radius: 1rem;
    background: rgba(255, 193, 7, 0.09);
    color: rgba(255, 236, 179, 0.96);
}

.your-license-subscription-cancellation-note > div[b-6hw3bojcah]
{
    display: grid;
    gap: 0.2rem;
}

.your-license-subscription-cancellation-note strong[b-6hw3bojcah]
{
    color: rgba(255, 244, 214, 0.98);
    font-weight: 900;
}

.your-license-subscription-cancellation-note span[b-6hw3bojcah]
{
    color: rgba(255, 236, 179, 0.84);
}

.your-license-cancel-subscription-action[b-6hw3bojcah]
{
    border-color: rgba(255, 99, 132, 0.38);
    background: rgba(255, 99, 132, 0.14);
    color: rgba(255, 225, 231, 0.98);
    font-weight: 800;
}

.your-license-cancel-subscription-action:hover:not(:disabled)[b-6hw3bojcah]
{
    border-color: rgba(255, 99, 132, 0.58);
    background: rgba(255, 99, 132, 0.22);
}

@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],
    .your-license-cancel-subscription-action[b-6hw3bojcah]
    {
        width: 100%;
    }

    .your-license-current-kicker-row[b-6hw3bojcah]
    {
        align-items: stretch;
        flex-direction: column;
    }
}

.your-license-extra-users-grid[b-6hw3bojcah]
{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1.5rem;
}

.your-license-extra-users-list-card[b-6hw3bojcah],
.your-license-extra-user-purchase-card[b-6hw3bojcah]
{
    min-height: 18rem;
}

.your-license-extra-user-purchase-card[b-6hw3bojcah]
{
    display: flex;
    flex-direction: column;
}

.your-license-extra-user-purchase-main[b-6hw3bojcah]
{
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.45rem;
    margin-bottom: 1rem;
}

.your-license-extra-user-purchase-main strong[b-6hw3bojcah]
{
    color: rgba(255, 255, 255, 0.96);
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    font-weight: 900;
    letter-spacing: -0.035em;
}

.your-license-extra-user-purchase-main p[b-6hw3bojcah],
.your-license-extra-user-license-row p[b-6hw3bojcah],
.your-license-extra-user-license-row small[b-6hw3bojcah]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.66);
    line-height: 1.55;
}


.your-license-extra-user-price-label[b-6hw3bojcah]
{
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.2rem;
    margin: -0.25rem 0 0.85rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(31, 171, 209, 0.28);
    border-radius: 1rem;
    background: rgba(31, 171, 209, 0.08);
}

.your-license-extra-user-price-label span[b-6hw3bojcah]
{
    color: rgba(214, 235, 246, 0.72);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.your-license-extra-user-price-label strong[b-6hw3bojcah]
{
    color: rgba(255, 255, 255, 0.94);
    font-size: 1rem;
    font-weight: 900;
}

.your-license-extra-user-purchase-footer[b-6hw3bojcah]
{
    position: relative;
    z-index: 1;
    margin-top: auto;
}

.your-license-paypal-additional-user-wrapper[b-6hw3bojcah] {
    max-width: 400px;
}

.your-license-paypal-additional-user[b-6hw3bojcah]
{
    width: 100%;
}

.your-license-extra-user-license-list[b-6hw3bojcah]
{
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.75rem;
    max-height: 600px;
    overflow: auto;
    padding: 1rem;
}

.your-license-extra-user-license-row[b-6hw3bojcah]
{
    padding: 0.9rem;
}

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

.conversation-balance-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;
}

@media (min-width: 768px)
{
    .your-license-extra-users-grid[b-6hw3bojcah]
    {
        grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
    }

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

.your-license-extra-user-license-row[b-6hw3bojcah]
{
    align-items: flex-start;
    grid-template-columns: minmax(0, 1fr);
}

.your-license-extra-user-actions[b-6hw3bojcah]
{
    display: grid;
    gap: 0.55rem;
    min-width: min(100%, 18rem);
}

.your-license-field-label[b-6hw3bojcah]
{
    color: rgba(214, 235, 246, 0.78);
    font-size: 0.78rem;
    font-weight: 750;
}

.your-license-extra-user-select[b-6hw3bojcah]
{
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(148, 197, 219, 0.24);
    color: rgba(255, 255, 255, 0.92);
}

.your-license-extra-user-select:disabled[b-6hw3bojcah]
{
    opacity: 0.65;
}

.your-license-extra-user-select option[b-6hw3bojcah]
{
    color: #0b1020;
}

.your-license-extra-user-button-row[b-6hw3bojcah]
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.45rem;
}

.your-license-compact-action[b-6hw3bojcah],
.your-license-compact-secondary-action[b-6hw3bojcah],
.your-license-compact-danger-action[b-6hw3bojcah]
{
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 0.35rem 0.7rem;
}

.your-license-compact-secondary-action[b-6hw3bojcah]
{
    background: rgba(148, 197, 219, 0.14);
    border-color: rgba(148, 197, 219, 0.28);
}

.your-license-compact-danger-action[b-6hw3bojcah]
{
    background: rgba(255, 99, 132, 0.14);
    border: 1px solid rgba(255, 99, 132, 0.72);
}

.your-license-warning-text[b-6hw3bojcah]
{
    color: rgba(255, 220, 150, 0.94);
}

@media (min-width: 992px)
{
    .your-license-extra-user-license-row[b-6hw3bojcah]
    {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.75fr);
    }
}

.your-license-extra-user-list-section[b-6hw3bojcah]
{
    display: grid;
    gap: 0.85rem;
}

.your-license-extra-user-list-toolbar[b-6hw3bojcah]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid rgba(31, 171, 209, 0.2);
    border-radius: 1rem;
    background: rgba(31, 171, 209, 0.07);
}

.your-license-extra-user-list-toolbar span[b-6hw3bojcah]
{
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.86rem;
    font-weight: 850;
}

.your-license-extra-user-list-toolbar small[b-6hw3bojcah]
{
    color: rgba(214, 235, 246, 0.68);
    line-height: 1.4;
    text-align: right;
}

.your-license-extra-user-empty-card[b-6hw3bojcah]
{
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem;
}

.your-license-extra-user-empty-card strong[b-6hw3bojcah]
{
    display: block;
    margin-bottom: 0.2rem;
    color: rgba(255, 255, 255, 0.92);
    font-weight: 850;
}

.your-license-extra-user-empty-card p[b-6hw3bojcah]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
}

.your-license-extra-user-empty-icon[b-6hw3bojcah],
.your-license-extra-user-license-avatar[b-6hw3bojcah]
{
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid rgba(31, 171, 209, 0.34);
    border-radius: 999px;
    color: rgba(166, 233, 255, 0.96);
    background: rgba(31, 171, 209, 0.12);
    font-size: 1rem;
    font-weight: 900;
}

.your-license-extra-user-license-row[b-6hw3bojcah]
{
    position: relative;
    display: grid;
    gap: 1rem;
    padding: 1rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.082), rgba(255, 255, 255, 0.035));
}

.your-license-extra-user-license-main[b-6hw3bojcah]
{
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.your-license-extra-user-license-topline[b-6hw3bojcah]
{
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
}

.your-license-extra-user-license-heading[b-6hw3bojcah]
{
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    width: 100%;
}

.your-license-extra-user-license-meta-row[b-6hw3bojcah]
{
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    color: rgba(214, 235, 246, 0.62);
    font-size: 0.78rem;
    font-weight: 700;
}

.your-license-extra-user-assignment-summary[b-6hw3bojcah]
{
    display: grid;
    gap: 0.25rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.9rem;
    background: rgba(0, 0, 0, 0.12);
}

.your-license-extra-user-assignment-summary span[b-6hw3bojcah]
{
    color: rgba(214, 235, 246, 0.62);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.your-license-extra-user-assignment-summary strong[b-6hw3bojcah]
{
    overflow: hidden;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.96rem;
    font-weight: 850;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.your-license-extra-user-assignment-empty[b-6hw3bojcah]
{
    border-color: rgba(255, 220, 150, 0.24);
    background: rgba(255, 220, 150, 0.07);
}

.your-license-extra-user-assignment-empty strong[b-6hw3bojcah]
{
    color: rgba(255, 220, 150, 0.96);
}

.your-license-extra-user-cancellation-note[b-6hw3bojcah]
{
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(255, 220, 150, 0.22);
    border-radius: 0.85rem;
    color: rgba(255, 220, 150, 0.96);
    background: rgba(255, 220, 150, 0.07);
    font-size: 0.82rem;
    font-weight: 750;
    line-height: 1.45;
}

.your-license-extra-user-assignment-editor[b-6hw3bojcah]
{
    display: grid;
    gap: 0.35rem;
}

.your-license-extra-user-actions[b-6hw3bojcah]
{
    align-self: stretch;
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 1rem;
    background: rgba(0, 0, 0, 0.1);
}

.your-license-extra-user-button-row[b-6hw3bojcah]
{
    align-items: center;
}

@media (min-width: 768px)
{
    .your-license-extra-user-license-list[b-6hw3bojcah]
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px)
{
    .your-license-extra-user-license-row[b-6hw3bojcah]
    {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 576px)
{
    .your-license-extra-user-list-toolbar[b-6hw3bojcah]
    {
        align-items: flex-start;
        flex-direction: column;
    }

    .your-license-extra-user-list-toolbar small[b-6hw3bojcah]
    {
        text-align: left;
    }

    .your-license-extra-user-license-row[b-6hw3bojcah]
    {
        padding: 0.85rem;
    }

    .your-license-extra-user-license-topline[b-6hw3bojcah]
    {
        align-items: flex-start;
    }
}

.your-license-cancellation-view[b-6hw3bojcah]
{
    display: grid;
    gap: 1rem;
    margin: 0 auto 1.5rem;
}

.your-license-cancellation-heading[b-6hw3bojcah],
.your-license-cancellation-card[b-6hw3bojcah],
.your-license-cancellation-final-notice[b-6hw3bojcah]
{
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 15% 0%, rgba(31, 171, 209, 0.18), transparent 36%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.2);
}

.your-license-cancellation-heading[b-6hw3bojcah],
.your-license-cancellation-card[b-6hw3bojcah]
{
    padding: clamp(1.1rem, 3vw, 1.5rem);
}

.your-license-cancellation-heading h2[b-6hw3bojcah]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.98);
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    font-weight: 900;
    letter-spacing: -0.04em;
}

.your-license-cancellation-heading p[b-6hw3bojcah],
.your-license-cancellation-card-description[b-6hw3bojcah]
{
    margin: 0.65rem 0 0;
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.6;
}

.your-license-cancellation-primary-card[b-6hw3bojcah]
{
    border-color: rgba(255, 193, 7, 0.42);
}

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

.your-license-cancellation-card-header > div[b-6hw3bojcah]
{
    display: grid;
    gap: 0.25rem;
}

.your-license-cancellation-card-header > div > span[b-6hw3bojcah]
{
    color: rgba(166, 233, 255, 0.84);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.your-license-cancellation-card-header h3[b-6hw3bojcah]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: 1.3rem;
    font-weight: 900;
    letter-spacing: -0.025em;
}

.your-license-cancellation-details[b-6hw3bojcah]
{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 1rem 0 0;
}

.your-license-cancellation-details > div[b-6hw3bojcah]
{
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid rgba(148, 197, 219, 0.18);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.035);
}

.your-license-cancellation-details dt[b-6hw3bojcah]
{
    color: rgba(214, 235, 246, 0.65);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.your-license-cancellation-details dd[b-6hw3bojcah]
{
    overflow-wrap: anywhere;
    margin: 0;
    color: rgba(255, 255, 255, 0.94);
    font-weight: 850;
}

.your-license-cancellation-warning[b-6hw3bojcah],
.your-license-cancellation-final-notice[b-6hw3bojcah]
{
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(255, 193, 7, 0.35);
    border-radius: 1rem;
    background: rgba(255, 193, 7, 0.1);
    color: rgba(255, 239, 194, 0.92);
    line-height: 1.55;
}

.your-license-cancellation-final-notice[b-6hw3bojcah]
{
    margin-top: 0;
    border-color: rgba(255, 99, 132, 0.38);
    background: rgba(255, 99, 132, 0.1);
    color: rgba(255, 225, 231, 0.96);
    font-weight: 700;
}

.your-license-cancellation-license-list[b-6hw3bojcah],
.your-license-cancellation-summary-list[b-6hw3bojcah]
{
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.your-license-cancellation-license-option[b-6hw3bojcah]
{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(148, 197, 219, 0.18);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.035);
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease;
}

.your-license-cancellation-license-option:hover[b-6hw3bojcah]
{
    border-color: rgba(31, 171, 209, 0.42);
    background: rgba(31, 171, 209, 0.07);
}

.your-license-cancellation-license-option:has(input:checked)[b-6hw3bojcah]
{
    border-color: rgba(31, 171, 209, 0.55);
    background: rgba(31, 171, 209, 0.11);
}

.your-license-cancellation-license-option input[b-6hw3bojcah]
{
    width: 1.15rem;
    height: 1.15rem;
    margin: 0;
    accent-color: #1fabd1;
}

.your-license-cancellation-license-option-content[b-6hw3bojcah]
{
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.your-license-cancellation-license-option-content strong[b-6hw3bojcah],
.your-license-cancellation-summary-item strong[b-6hw3bojcah]
{
    overflow-wrap: anywhere;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 850;
}

.your-license-cancellation-license-option-content small[b-6hw3bojcah],
.your-license-cancellation-summary-item small[b-6hw3bojcah],
.your-license-cancellation-summary-item > span[b-6hw3bojcah]
{
    overflow-wrap: anywhere;
    color: rgba(255, 255, 255, 0.62);
}

.your-license-cancellation-empty[b-6hw3bojcah]
{
    margin-top: 1rem;
    padding: 1rem;
    border: 1px dashed rgba(148, 197, 219, 0.24);
    border-radius: 1rem;
    color: rgba(255, 255, 255, 0.62);
    text-align: center;
}

.your-license-cancellation-summary-item[b-6hw3bojcah]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(148, 197, 219, 0.18);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.035);
}

.your-license-cancellation-summary-item > div[b-6hw3bojcah]
{
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.your-license-cancellation-actions[b-6hw3bojcah]
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0.25rem;
}

.your-license-cancellation-actions .btn[b-6hw3bojcah]
{
    min-width: 10rem;
}

.your-license-cancellation-final-action:disabled[b-6hw3bojcah]
{
    cursor: not-allowed;
    opacity: 0.58;
}

@media (max-width: 768px)
{
    .your-license-cancellation-details[b-6hw3bojcah]
    {
        grid-template-columns: 1fr;
    }

    .your-license-cancellation-license-option[b-6hw3bojcah]
    {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .your-license-cancellation-license-option > .your-license-status-pill[b-6hw3bojcah]
    {
        grid-column: 2;
    }
}

@media (max-width: 576px)
{
    .your-license-cancellation-card-header[b-6hw3bojcah],
    .your-license-cancellation-summary-item[b-6hw3bojcah],
    .your-license-cancellation-actions[b-6hw3bojcah]
    {
        align-items: stretch;
        flex-direction: column;
    }

    .your-license-cancellation-actions .btn[b-6hw3bojcah]
    {
        width: 100%;
        min-width: 0;
    }
}
/* /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;
    margin: 0;
    padding: 1rem 1.25rem;
    border-top: 1px solid color-mix(in srgb, var(--text-light, #111827) 12%, transparent);
    background: color-mix(in srgb, var(--background-light, #ffffff) 94%, #000000 6%);
}

.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;
}

body.dark-theme .edit-product-service-footer[b-wtnyk7mpc1] {
    background: color-mix(in srgb, var(--card-dark, #374151) 88%, var(--background-dark, #1f2937) 12%);
    border-top-color: color-mix(in srgb, var(--text-dark, #f9fafb) 14%, transparent);
}

body.dark-theme .edit-product-service-footer .btn-outline-secondary[b-wtnyk7mpc1] {
    border-color: color-mix(in srgb, var(--text-dark, #f9fafb) 42%, transparent);
    color: color-mix(in srgb, var(--text-dark, #f9fafb) 90%, transparent);
}

body.dark-theme .edit-product-service-footer .btn-outline-secondary:hover:not(:disabled)[b-wtnyk7mpc1] {
    background: color-mix(in srgb, var(--text-dark, #f9fafb) 10%, transparent);
    border-color: color-mix(in srgb, var(--text-dark, #f9fafb) 64%, transparent);
    color: var(--text-dark, #f9fafb);
}

body.dark-theme .edit-product-service-footer .btn:disabled[b-wtnyk7mpc1] {
    opacity: .5;
}

@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;
    }

    .edit-product-service-footer .btn[b-wtnyk7mpc1] {
        width: 100%;
    }
}

/* Product/service tabs are styled from the page so the shared editor doesn't require
   a colocated scoped CSS file in projects where the Razor component is excluded. */
.edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-nav {
    display: flex;
    gap: .35rem;
    margin-bottom: .75rem;
    padding: .35rem;
    border: 1px solid color-mix(in srgb, var(--text-light, #111827) 14%, transparent);
    border-radius: .75rem;
    background: color-mix(in srgb, var(--background-light, #ffffff) 88%, var(--text-light, #111827) 12%);
}

.edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-nav li {
    margin: 0;
    border: 1px solid transparent !important;
    border-radius: .55rem;
    background: color-mix(in srgb, var(--card-light, #ffffff) 88%, var(--background-light, #ffffff) 12%) !important;
}

.edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-nav li a {
    border: 0 !important;
    border-radius: inherit;
    background: transparent !important;
    color: var(--text-light, #111827) !important;
}

.edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-nav li.rz-tabview-selected,
.edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-nav li[aria-selected="true"] {
    border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 60%, transparent) !important;
    background: color-mix(in srgb, var(--primary-color, #3b82f6) 14%, var(--card-light, #ffffff) 86%) !important;
}

.edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-panels {
    margin-top: .75rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--text-light, #111827) 14%, transparent);
    border-radius: .75rem;
    background: color-mix(in srgb, var(--background-light, #ffffff) 94%, var(--text-light, #111827) 6%) !important;
}

.edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-panel[aria-hidden="false"] {
    background: transparent !important;
}

body.dark-theme .edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-nav {
    border-color: color-mix(in srgb, var(--text-dark, #f9fafb) 15%, transparent);
    background: color-mix(in srgb, var(--background-dark, #1f2937) 78%, var(--card-dark, #374151) 22%);
}

body.dark-theme .edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-nav li {
    border-color: color-mix(in srgb, var(--text-dark, #f9fafb) 10%, transparent) !important;
    background: color-mix(in srgb, var(--card-dark, #374151) 86%, var(--background-dark, #1f2937) 14%) !important;
}

body.dark-theme .edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-nav li a {
    color: color-mix(in srgb, var(--text-dark, #f9fafb) 88%, transparent) !important;
}

body.dark-theme .edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-nav li.rz-tabview-selected,
body.dark-theme .edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-nav li[aria-selected="true"] {
    border-color: color-mix(in srgb, var(--primary-color, #3b82f6) 72%, var(--text-dark, #f9fafb) 28%) !important;
    background: color-mix(in srgb, var(--primary-color, #3b82f6) 22%, var(--card-dark, #374151) 78%) !important;
}

body.dark-theme .edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-nav li.rz-tabview-selected a,
body.dark-theme .edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-nav li[aria-selected="true"] a {
    color: var(--text-dark, #f9fafb) !important;
}

body.dark-theme .edit-product-service-page[b-wtnyk7mpc1]  .product-service-tabs .rz-tabview-panels {
    border-color: color-mix(in srgb, var(--text-dark, #f9fafb) 16%, transparent);
    background: var(--background-dark, #1f2937) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-dark, #f9fafb) 4%, transparent);
}

/* /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-card-links[b-0xol8uu30l]
{
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-self: end;
}

.tech-support-card-link[b-0xol8uu30l]
{
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: rgba(166, 233, 255, 0.96);
    font-weight: 800;
    text-decoration: none;
}

.tech-support-card-link:hover[b-0xol8uu30l]
{
    text-decoration: underline;
}

.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-call-forwarding-guide[b-0xol8uu30l]
{
    margin-top: 1rem;
}

.tech-support-call-forwarding-faq[b-0xol8uu30l]  .call-forwarding-guide-intro > h3
{
    display: none;
}

.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%;
    }

    .tech-support-card-links[b-0xol8uu30l]
    {
        width: 100%;
    }
}

.tech-support-card-action-secondary[b-0xol8uu30l]
{
    border-color: rgba(166, 233, 255, 0.38);
    background: rgba(31, 171, 209, 0.14);
}

.tech-support-additional-services[b-0xol8uu30l]
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.tech-support-additional-service[b-0xol8uu30l]
{
    position: relative;
    display: flex;
    min-height: 20rem;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.25rem;
    padding: clamp(1.25rem, 3vw, 1.75rem);
    border: 1px solid rgba(31, 171, 209, 0.34);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 18% 0%, rgba(31, 171, 209, 0.18), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.2);
}

.tech-support-additional-service-content[b-0xol8uu30l]
{
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
}

.tech-support-additional-service-label[b-0xol8uu30l]
{
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin-bottom: clamp(1.0rem, 4vw, 1.5rem);
    padding: 0.35rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.96);
    background: rgba(255, 255, 255, 0.08);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

.tech-support-additional-service-pricing[b-0xol8uu30l]
{
    display: grid;
    gap: 0.2rem;
}

.tech-support-additional-service-price[b-0xol8uu30l]
{
    display: block;
    color: rgba(255, 255, 255, 0.98);
    font-size: clamp(1rem, 6vw, 2.25rem);
    font-weight: 950;
    letter-spacing: -0.07em;
    line-height: 0.95;
}

.tech-support-additional-service-interval[b-0xol8uu30l]
{
    display: block;
    color: rgba(255, 255, 255, 0.86);
    font-size: clamp(1.05rem, 2vw, 1.0rem);
    font-weight: 650;
    line-height: 1.35;
}

.tech-support-additional-service-divider[b-0xol8uu30l]
{
    width: 100%;
    height: 1px;
    margin: clamp(1rem, 3vw, 1rem) 0;
    background: rgba(255, 255, 255, 0.12);
}

.tech-support-additional-service-description[b-0xol8uu30l]
{
    margin: 0 !important;
    padding: 0;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 1rem;
    font-weight: 550;
    line-height: 1.65;
}

.tech-support-additional-service-action[b-0xol8uu30l]
{
    width: 100%;
    min-height: 3.6rem;
    justify-content: center;
    border-color: rgba(31, 171, 209, 0.75);
    border-radius: 1.1rem;
    color: rgba(255, 255, 255, 0.96);
    background: rgba(31, 171, 209, 0.2);
    font-size: 1rem;
    font-weight: 900;
}

.tech-support-additional-service-action:hover[b-0xol8uu30l]
{
    background: rgba(31, 171, 209, 0.28);
}

@media (max-width: 767.98px)
{
    .tech-support-additional-services[b-0xol8uu30l]
    {
        grid-template-columns: 1fr;
    }

    .tech-support-additional-service[b-0xol8uu30l]
    {
        min-height: 0;
    }
}

.tech-support-consulting-view[b-0xol8uu30l]
{
    display: grid;
    gap: 1.25rem;
}

.tech-support-consulting-back[b-0xol8uu30l]
{
    width: fit-content;
    white-space: nowrap;
}

.tech-support-consulting-form[b-0xol8uu30l]
{
    display: grid;
    gap: 1rem;
}

.tech-support-consulting-field[b-0xol8uu30l]
{
    display: grid;
    gap: 0.45rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 800;
}

.tech-support-consulting-description[b-0xol8uu30l],
.tech-support-consulting-date[b-0xol8uu30l]
{
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 1rem;
    color: rgba(255, 255, 255, 0.94);
    background: rgba(255, 255, 255, 0.07);
    padding: 0.85rem 1rem;
}

.tech-support-consulting-date-row[b-0xol8uu30l]
{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: end;
}

.tech-support-consulting-fetch[b-0xol8uu30l]
{
    min-height: 3.25rem;
    white-space: nowrap;
}

.tech-support-consulting-status[b-0xol8uu30l]
{
    padding: 0.9rem 1rem;
    border: 1px solid rgba(31, 171, 209, 0.28);
    border-radius: 1rem;
    color: rgba(255, 255, 255, 0.86);
    margin-bottom: 1rem;
    background: rgba(31, 171, 209, 0.1);
    font-weight: 700;
}

.tech-support-consulting-slots[b-0xol8uu30l]
{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.tech-support-consulting-slot[b-0xol8uu30l]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1rem;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.055);
    padding: 0.9rem 1rem;
    text-align: left;
}

.tech-support-consulting-slot-selected[b-0xol8uu30l]
{
    border-color: rgba(61, 220, 151, 0.62);
    background: rgba(61, 220, 151, 0.14);
}

.tech-support-consulting-slot strong[b-0xol8uu30l]
{
    color: rgba(255, 255, 255, 0.96);
    font-size: 0.85rem;
}

@media (max-width: 767.98px)
{
    .tech-support-consulting-date-row[b-0xol8uu30l],
    .tech-support-consulting-slots[b-0xol8uu30l]
    {
        grid-template-columns: 1fr;
    }

    .tech-support-consulting-fetch[b-0xol8uu30l],
    .tech-support-consulting-back[b-0xol8uu30l]
    {
        width: 100%;
    }
}

.tech-support-admin-actions[b-0xol8uu30l] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin-top: 1rem;
}

.tech-support-admin-scheduler-settings[b-0xol8uu30l] {
    margin-bottom: 1rem;
}

.tech-support-admin-settings-actions[b-0xol8uu30l] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.tech-support-ordered-meetings-section[b-0xol8uu30l]
{
    margin-bottom: 1.5rem;
}

.tech-support-ordered-meetings[b-0xol8uu30l]
{
    display: grid;
    gap: 0.85rem;
}

.tech-support-ordered-meeting[b-0xol8uu30l]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(31, 171, 209, 0.28);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.045);
}

.tech-support-ordered-meeting-main[b-0xol8uu30l]
{
    display: grid;
    min-width: 0;
    gap: 0.35rem;
}

.tech-support-ordered-meeting-title[b-0xol8uu30l]
{
    color: rgba(255, 255, 255, 0.96);
    font-size: 1.02rem;
    font-weight: 900;
}

.tech-support-ordered-meeting-time[b-0xol8uu30l]
{
    color: rgba(166, 233, 255, 0.92);
    font-size: 0.94rem;
    font-weight: 800;
}

.tech-support-ordered-meeting-attendees[b-0xol8uu30l],
.tech-support-ordered-meeting-description[b-0xol8uu30l]
{
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 0.94rem;
}

.tech-support-ordered-meeting-attendees[b-0xol8uu30l]
{
    color: rgba(255, 255, 255, 0.82) !important;
    font-weight: 700;
}

.tech-support-ordered-meeting-link[b-0xol8uu30l]
{
    flex: 0 0 auto;
    justify-content: center;
    white-space: nowrap;
}

@media (max-width: 767.98px)
{
    .tech-support-ordered-meeting[b-0xol8uu30l]
    {
        align-items: stretch;
        flex-direction: column;
    }

    .tech-support-ordered-meeting-link[b-0xol8uu30l]
    {
        width: 100%;
    }
}
/* /Components/Pages/Shared/TechSupportConsultingSlotPicker.razor.rz.scp.css */
.tech-support-consulting-view[b-b8n11ufrfj]
{
    display: grid;
    gap: 1.25rem;
}

.tech-support-card[b-b8n11ufrfj]
{
    position: relative;
    display: grid;
    gap: 1rem;
    min-height: 100%;
    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);
    padding: clamp(1.1rem, 2.5vw, 1.5rem);
}

.tech-support-card[b-b8n11ufrfj]::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-card > *[b-b8n11ufrfj]
{
    position: relative;
    z-index: 1;
}

.tech-support-consulting-header-card[b-b8n11ufrfj]
{
    margin-bottom: 0.25rem;
}

.tech-support-consulting-card[b-b8n11ufrfj]
{
    height: 100%;
    align-content: start;
}

.tech-support-consulting-slots-card[b-b8n11ufrfj]
{
    align-content: start;
}


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

.tech-support-panel-header h3[b-b8n11ufrfj]
{
    margin: 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: clamp(1.45rem, 3vw, 2.1rem);
    font-weight: 900;
    letter-spacing: -0.035em;
}

.tech-support-panel-header p[b-b8n11ufrfj]
{
    max-width: 34rem;
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.65;
}

.tech-support-kicker[b-b8n11ufrfj]
{
    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-consulting-back[b-b8n11ufrfj]
{
    width: fit-content;
    white-space: nowrap;
}

.tech-support-consulting-details-card[b-b8n11ufrfj]
{
    position: relative;
}

.tech-support-consulting-form[b-b8n11ufrfj]
{
    display: grid;
    align-content: start;
    gap: 1rem;
}

.tech-support-consulting-attendees-field[b-b8n11ufrfj]
{
    padding-right: 9rem;
}

.tech-support-consulting-field[b-b8n11ufrfj]
{
    display: grid;
    align-content: start;
    align-items: start;
    gap: 0.45rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 800;
}

.tech-support-consulting-field > span[b-b8n11ufrfj]
{
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    justify-self: start;
    align-self: start;
}

.tech-support-consulting-add-attendee[b-b8n11ufrfj]
{
    position: absolute;
    z-index: 2;
    top: 1.25rem;
    right: 1.25rem;
    margin: 0;
    border: 1px solid rgba(31, 171, 209, 0.45);
    appearance: none;
    cursor: pointer;
    white-space: nowrap;
}

.tech-support-consulting-add-attendee:hover[b-b8n11ufrfj],
.tech-support-consulting-add-attendee:focus-visible[b-b8n11ufrfj]
{
    border-color: rgba(166, 233, 255, 0.72);
    color: rgba(221, 247, 255, 0.98);
    background: rgba(31, 171, 209, 0.18);
}

.tech-support-consulting-description[b-b8n11ufrfj],
.tech-support-consulting-attendees[b-b8n11ufrfj],
.tech-support-consulting-email[b-b8n11ufrfj],
.tech-support-consulting-date[b-b8n11ufrfj]
{
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 1rem;
    color: rgba(255, 255, 255, 0.94);
    background: rgba(255, 255, 255, 0.07);
    box-sizing: border-box;
    padding: 0.85rem 1rem;
}

.tech-support-consulting-email[b-b8n11ufrfj],
.tech-support-consulting-date[b-b8n11ufrfj]
{
    height: 3.2rem;
    min-height: 3.2rem;
    line-height: 1.25rem;
}

.tech-support-consulting-email[b-b8n11ufrfj],
.tech-support-consulting-attendees[b-b8n11ufrfj]
{
    align-self: start;
}

.tech-support-consulting-attendees[b-b8n11ufrfj]
{
    min-height: 3.2rem;
    padding: 0;
}

[b-b8n11ufrfj] .tech-support-consulting-attendees.rz-dropdown,
[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-dropdown
{
    display: flex;
    align-items: flex-start;
    width: 100%;
    min-height: 3.2rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 1rem;
    color: rgba(255, 255, 255, 0.94);
    background: rgba(255, 255, 255, 0.07);
    box-shadow: none;
    box-sizing: border-box;
    overflow: visible;
}

[b-b8n11ufrfj] .tech-support-consulting-attendees.rz-state-focused,
[b-b8n11ufrfj] .tech-support-consulting-attendees.rz-dropdown:focus-within,
[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-dropdown:focus-within
{
    border-color: rgba(31, 171, 209, 0.64);
    box-shadow: 0 0 0 0.2rem rgba(31, 171, 209, 0.12);
    outline: none;
}

[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-dropdown-label,
[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-multiselect-label
{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.35rem;
    min-height: calc(3.2rem - 2px);
    padding: 0.65rem 2.75rem 0.65rem 1rem;
    color: rgba(255, 255, 255, 0.94);
    line-height: 1.25rem;
    background: transparent;
    white-space: normal;
}

[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-placeholder,
[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-dropdown-label.rz-placeholder
{
    color: rgba(255, 255, 255, 0.48);
    font-weight: 650;
}

[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-token
{
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin: 0;
    border: 1px solid rgba(31, 171, 209, 0.32);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.94);
    background: rgba(31, 171, 209, 0.13);
    padding: 0.22rem 0.55rem;
    font-size: 0.88rem;
    font-weight: 750;
    line-height: 1.15rem;
}

[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-token-label
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-token .rz-token-icon,
[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-token .rzi-times
{
    margin-left: 0.35rem;
    color: rgba(255, 255, 255, 0.72);
}

[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-dropdown-trigger,
[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-multiselect-trigger
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.7rem;
    min-height: calc(3.2rem - 2px);
    color: rgba(166, 233, 255, 0.9);
    background: transparent;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-dropdown-clear-icon,
[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-multiselect-clear-icon
{
    color: rgba(255, 255, 255, 0.62);
}

[b-b8n11ufrfj] .tech-support-consulting-attendees .rz-inputtext
{
    color: rgba(255, 255, 255, 0.94);
    background: transparent;
    box-shadow: none;
}

.tech-support-consulting-date-selected[b-b8n11ufrfj]
{
    cursor: default;
}

.tech-support-consulting-description:focus[b-b8n11ufrfj],
.tech-support-consulting-attendees:focus[b-b8n11ufrfj],
.tech-support-consulting-email:focus[b-b8n11ufrfj],
.tech-support-consulting-date:focus[b-b8n11ufrfj]
{
    border-color: rgba(31, 171, 209, 0.64);
    box-shadow: 0 0 0 0.2rem rgba(31, 171, 209, 0.12);
    outline: none;
}

.tech-support-consulting-date-row[b-b8n11ufrfj]
{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: end;
}

.tech-support-consulting-fetch[b-b8n11ufrfj]
{
    min-height: 3.25rem;
    white-space: nowrap;
}

.tech-support-consulting-slot-note[b-b8n11ufrfj],
.tech-support-consulting-status[b-b8n11ufrfj]
{
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    color: rgba(255, 255, 255, 0.86);
    font-weight: 700;
}

.tech-support-consulting-slot-note[b-b8n11ufrfj]
{
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.055);
}

.tech-support-consulting-status[b-b8n11ufrfj]
{
    border: 1px solid rgba(31, 171, 209, 0.28);
    background: rgba(31, 171, 209, 0.1);
}

.tech-support-consulting-slots[b-b8n11ufrfj]
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding-right: 0.35rem;
    max-width: 500px;
}

.tech-support-consulting-slot-time-grid[b-b8n11ufrfj]::-webkit-scrollbar
{
    width: 0.55rem;
}

.tech-support-consulting-slot-time-grid[b-b8n11ufrfj]::-webkit-scrollbar-thumb
{
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
}

.tech-support-consulting-slot-time-grid[b-b8n11ufrfj]::-webkit-scrollbar-track
{
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
}

.tech-support-consulting-slot-date-group[b-b8n11ufrfj]
{
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.035);
}

.tech-support-consulting-slot-date-header[b-b8n11ufrfj]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.95rem;
    font-weight: 900;
    letter-spacing: 0.01em;
    text-transform: capitalize;
}

.tech-support-consulting-slot-time-grid[b-b8n11ufrfj]
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
    max-height: 400px;
    overflow-y: auto;
    padding-right: 0.35rem;
}

.tech-support-consulting-slot[b-b8n11ufrfj]
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 2.85rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.055);
    padding: 0.7rem 0.9rem;
    text-align: center;
    transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
}

.tech-support-consulting-slot:hover[b-b8n11ufrfj]
{
    border-color: rgba(31, 171, 209, 0.46);
    background: rgba(31, 171, 209, 0.12);
    transform: translateY(-1px);
}

.tech-support-consulting-slot-selected[b-b8n11ufrfj]
{
    border-color: rgba(61, 220, 151, 0.62);
    background: rgba(61, 220, 151, 0.14);
}

.tech-support-consulting-slot strong[b-b8n11ufrfj]
{
    color: rgba(255, 255, 255, 0.96);
    font-size: 0.8rem;
}

@media (max-width: 767.98px)
{
    .tech-support-consulting-attendees-field[b-b8n11ufrfj]
    {
        padding-right: 0;
    }

    .tech-support-consulting-add-attendee[b-b8n11ufrfj]
    {
        position: static;
        justify-self: start;
        margin-bottom: 0.75rem;
    }

    .tech-support-panel-header[b-b8n11ufrfj]
    {
        flex-direction: column;
    }

    .tech-support-card[b-b8n11ufrfj]
    {
        border-radius: 1.2rem;
    }

    .tech-support-consulting-date-row[b-b8n11ufrfj]
    {
        grid-template-columns: 1fr;
    }

    .tech-support-consulting-fetch[b-b8n11ufrfj],
    .tech-support-consulting-back[b-b8n11ufrfj]
    {
        width: 100%;
    }
}