/* _content/AiReceptionist/Components/Layout/MainLayout.razor.rz.scp.css */
/* ============================================================
   MAIN LAYOUT
   ============================================================ */

.page[b-tqlory5bgj] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-tqlory5bgj] {
    flex: 1;
    min-width: 0;
}


/* ============================================================
   SHELL
   ============================================================ */

.site-shell[b-tqlory5bgj] {
    width: 100%;
    min-height: calc(100vh - 72px);
}

.site-shell.authenticated[b-tqlory5bgj] {
    display: flex;
    align-items: stretch;
}

.site-shell.public[b-tqlory5bgj] {
    display: block;
}


/* ============================================================
   CONTENT
   ============================================================ */

.site-content[b-tqlory5bgj] {
    min-width: 0;
}

.authenticated-content[b-tqlory5bgj] {
    flex: 1 1 auto;
    width: 0;
    min-width: 0;
}

.public-content[b-tqlory5bgj] {
    width: 100%;
    min-width: 0;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 900px) {

    .site-shell.authenticated[b-tqlory5bgj] {
        display: block;
    }

    .authenticated-content[b-tqlory5bgj] {
        width: 100%;
    }
}


/* ============================================================
   BLAZOR ERROR UI
   ============================================================ */

#blazor-error-ui[b-tqlory5bgj] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-tqlory5bgj] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/AiReceptionist/Components/Pages/About.razor.rz.scp.css */
.about-page[b-75ffq1u85s] {
    background: #ffffff;
    color: #111318;
}

.about-container[b-75ffq1u85s] {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


/* HERO */

.about-hero[b-75ffq1u85s] {
    position: relative;
    overflow: hidden;
    padding: 120px 0 130px;
    background:
            radial-gradient(
                    circle at 80% 30%,
                    rgba(79, 99, 255, 0.16),
                    transparent 38%
            ),
            #0b0d12;
    color: #ffffff;
}

.hero-content[b-75ffq1u85s] {
    max-width: 850px;
}

.eyebrow[b-75ffq1u85s],
.section-label[b-75ffq1u85s] {
    display: inline-block;
    margin-bottom: 22px;
    color: #737ff5;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.13em;
}

.hero-content h1[b-75ffq1u85s] {
    margin: 0;
    font-size: clamp(3rem, 6vw, 5.6rem);
    font-weight: 650;
    line-height: 0.98;
    letter-spacing: -0.055em;
}

.hero-content h1 span[b-75ffq1u85s] {
    color: #858b98;
}

.hero-lead[b-75ffq1u85s] {
    max-width: 720px;
    margin: 38px 0 0;
    color: #d1d4db;
    font-size: 1.25rem;
    line-height: 1.7;
}

.hero-secondary[b-75ffq1u85s] {
    max-width: 650px;
    margin: 18px 0 0;
    color: #8f96a3;
    font-size: 1rem;
    line-height: 1.7;
}

.hero-actions[b-75ffq1u85s] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 38px;
}


/* BUTTONS */

.btn-primary[b-75ffq1u85s],
.btn-secondary[b-75ffq1u85s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition:
            transform 0.2s ease,
            background 0.2s ease,
            border-color 0.2s ease;
}

.btn-primary[b-75ffq1u85s] {
    background: #ffffff;
    color: #0b0d12;
}

.btn-primary:hover[b-75ffq1u85s] {
    color: #0b0d12;
    transform: translateY(-2px);
}

.btn-secondary[b-75ffq1u85s] {
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #d5d8df;
}

.btn-secondary:hover[b-75ffq1u85s] {
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
}


/* STANDARD SECTIONS */

.about-section[b-75ffq1u85s] {
    padding: 110px 0;
}

.alt-section[b-75ffq1u85s] {
    background: #f6f7f9;
}

.intro-grid[b-75ffq1u85s],
.content-grid[b-75ffq1u85s] {
    display: grid;
    grid-template-columns: minmax(280px, 0.9fr) minmax(400px, 1.1fr);
    gap: 100px;
}

.intro-grid h2[b-75ffq1u85s],
.content-heading h2[b-75ffq1u85s],
.section-heading h2[b-75ffq1u85s],
.owner-card h2[b-75ffq1u85s],
.cta-inner h2[b-75ffq1u85s] {
    margin: 0;
    color: #111318;
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 650;
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.intro-copy p[b-75ffq1u85s],
.content-copy p[b-75ffq1u85s],
.owner-copy p[b-75ffq1u85s] {
    margin: 0 0 22px;
    color: #626874;
    font-size: 1rem;
    line-height: 1.8;
}

.large-copy[b-75ffq1u85s] {
    color: #242832 !important;
    font-size: 1.3rem !important;
    font-weight: 500;
    line-height: 1.55 !important;
}


/* SECTION HEADING */

.section-heading[b-75ffq1u85s] {
    max-width: 720px;
    margin-bottom: 60px;
}

.section-heading > p[b-75ffq1u85s] {
    max-width: 600px;
    margin: 22px 0 0;
    color: #626874;
    font-size: 1.05rem;
    line-height: 1.75;
}


/* FEATURE CARDS */

.feature-grid[b-75ffq1u85s] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.feature-card[b-75ffq1u85s] {
    padding: 34px;
    background: #ffffff;
    border: 1px solid #e4e6eb;
    border-radius: 14px;
}

.feature-number[b-75ffq1u85s] {
    margin-bottom: 50px;
    color: #747b88;
    font-size: 0.75rem;
    font-weight: 700;
}

.feature-card h3[b-75ffq1u85s] {
    margin: 0 0 14px;
    color: #151820;
    font-size: 1.25rem;
}

.feature-card p[b-75ffq1u85s] {
    margin: 0;
    color: #69707c;
    font-size: 0.92rem;
    line-height: 1.7;
}


/* PRINCIPLES */

.principles-section[b-75ffq1u85s] {
    background: #0b0d12;
    color: #ffffff;
}

.light-heading h2[b-75ffq1u85s] {
    color: #ffffff;
}

.light-heading > p[b-75ffq1u85s] {
    color: #9ba1ad;
}

.principles-grid[b-75ffq1u85s] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.principle[b-75ffq1u85s] {
    min-height: 280px;
    padding: 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.principle:first-child[b-75ffq1u85s] {
    padding-left: 0;
}

.principle:last-child[b-75ffq1u85s] {
    border-right: 0;
}

.principle > span[b-75ffq1u85s] {
    display: block;
    margin-bottom: 55px;
    color: #6f7682;
    font-size: 0.75rem;
}

.principle h3[b-75ffq1u85s] {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: 1.15rem;
}

.principle p[b-75ffq1u85s] {
    margin: 0;
    color: #8f96a3;
    font-size: 0.9rem;
    line-height: 1.7;
}


/* TEXT LINKS */

.text-link[b-75ffq1u85s] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    color: #343fca;
    font-size: 0.92rem;
    font-weight: 600;
    text-decoration: none;
}

.text-link:hover[b-75ffq1u85s] {
    text-decoration: underline;
}


/* OWNER */

.owner-section[b-75ffq1u85s] {
    padding: 0 0 110px;
}

.owner-card[b-75ffq1u85s] {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 100px;
    padding: 60px;
    background: #f6f7f9;
    border-radius: 18px;
}


/* CTA */

.contact-cta[b-75ffq1u85s] {
    padding: 100px 0;
    background: #12151c;
    color: #ffffff;
}

.cta-inner[b-75ffq1u85s] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 100px;
    align-items: center;
}

.cta-inner h2[b-75ffq1u85s] {
    max-width: 650px;
    color: #ffffff;
}

.cta-contact[b-75ffq1u85s] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.contact-item[b-75ffq1u85s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #ffffff;
    text-decoration: none;
}

.contact-label[b-75ffq1u85s] {
    color: #777f8d;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.contact-item strong[b-75ffq1u85s] {
    font-size: 1rem;
    font-weight: 500;
}

.contact-item:hover strong[b-75ffq1u85s] {
    text-decoration: underline;
}

.cta-contact .btn-primary[b-75ffq1u85s] {
    margin-top: 12px;
}


/* TABLET */

@media (max-width: 900px) {

    .about-hero[b-75ffq1u85s] {
        padding: 90px 0 100px;
    }

    .about-section[b-75ffq1u85s] {
        padding: 80px 0;
    }

    .intro-grid[b-75ffq1u85s],
    .content-grid[b-75ffq1u85s],
    .owner-card[b-75ffq1u85s],
    .cta-inner[b-75ffq1u85s] {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .feature-grid[b-75ffq1u85s] {
        grid-template-columns: 1fr;
    }

    .feature-number[b-75ffq1u85s] {
        margin-bottom: 25px;
    }

    .principles-grid[b-75ffq1u85s] {
        grid-template-columns: repeat(2, 1fr);
    }

    .principle:nth-child(2)[b-75ffq1u85s] {
        border-right: 0;
    }

    .principle:first-child[b-75ffq1u85s] {
        padding-left: 30px;
    }

    .owner-section[b-75ffq1u85s] {
        padding-bottom: 80px;
    }
}


/* MOBILE */

@media (max-width: 560px) {

    .about-container[b-75ffq1u85s] {
        width: calc(100% - 32px);
    }

    .about-hero[b-75ffq1u85s] {
        padding: 70px 0 75px;
    }

    .hero-content h1[b-75ffq1u85s] {
        font-size: 2.8rem;
    }

    .hero-lead[b-75ffq1u85s] {
        margin-top: 28px;
        font-size: 1.05rem;
    }

    .hero-actions[b-75ffq1u85s] {
        align-items: stretch;
        flex-direction: column;
    }

    .btn-primary[b-75ffq1u85s],
    .btn-secondary[b-75ffq1u85s] {
        width: 100%;
    }

    .about-section[b-75ffq1u85s] {
        padding: 65px 0;
    }

    .intro-grid[b-75ffq1u85s],
    .content-grid[b-75ffq1u85s] {
        gap: 30px;
    }

    .section-heading[b-75ffq1u85s] {
        margin-bottom: 40px;
    }

    .feature-card[b-75ffq1u85s] {
        padding: 28px;
    }

    .principles-grid[b-75ffq1u85s] {
        grid-template-columns: 1fr;
    }

    .principle[b-75ffq1u85s],
    .principle:first-child[b-75ffq1u85s] {
        min-height: auto;
        padding: 28px 0;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .principle:last-child[b-75ffq1u85s] {
        border-bottom: 0;
    }

    .principle > span[b-75ffq1u85s] {
        margin-bottom: 25px;
    }

    .owner-card[b-75ffq1u85s] {
        padding: 32px 24px;
        border-radius: 12px;
    }

    .owner-section[b-75ffq1u85s] {
        padding-bottom: 65px;
    }

    .contact-cta[b-75ffq1u85s] {
        padding: 70px 0;
    }

    .cta-inner[b-75ffq1u85s] {
        gap: 45px;
    }
}
/* _content/AiReceptionist/Components/Pages/AddressBook.razor.rz.scp.css */
.page-header[b-qjx0hhqq6t] {
    border-left: 5px solid #2563eb;
    padding-left: 20px;
}

.page-header h1[b-qjx0hhqq6t] {
    color: #1f2937;
}

.page-header p[b-qjx0hhqq6t] {
    font-size: 1.05rem;
}

.cognivox-card[b-qjx0hhqq6t] {
    border: none;
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(0,0,0,.08);
    overflow: hidden;
}

.cognivox-card-header[b-qjx0hhqq6t] {
    background: white;
    padding: 22px 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    border-bottom: 1px solid #eef2f7;
}

.cognivox-card-body[b-qjx0hhqq6t] {
    padding: 24px;
}

.address-book-toolbar[b-qjx0hhqq6t] {
    display: flex;
    justify-content: flex-end;
}

.address-book-search[b-qjx0hhqq6t] {
    width: min(100%, 460px);
}

.cognivox-dialog .e-dlg-header[b-qjx0hhqq6t] {
    font-size: 1.2rem;
    font-weight: 600;
}

.cognivox-dialog .e-dlg-content[b-qjx0hhqq6t] {
    padding: 24px;
}

.cognivox-dialog label[b-qjx0hhqq6t] {
    font-weight: 600;
    margin-bottom: .4rem;
}

.address-book-dialog .e-dlg-content[b-qjx0hhqq6t] {
    max-height: 75vh;
    overflow-y: auto;
    padding: 24px 30px;
}

.address-book-dialog .form-label[b-qjx0hhqq6t] {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
}

.e-grid[b-qjx0hhqq6t] {
    border-radius: 12px;
}

.e-grid .e-headercell[b-qjx0hhqq6t] {
    background: #f8fafc;
    font-weight: 600;
}

.e-grid .e-row:hover[b-qjx0hhqq6t] {
    background: #f4f8ff;
}

.e-primary[b-qjx0hhqq6t],
.e-btn[b-qjx0hhqq6t] {
    border-radius: 10px !important;
}

.favourite-button[b-qjx0hhqq6t] {
    border: 0;
    background: transparent;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    padding: 4px 8px;
    color: #64748b;
}

.favourite-button.is-favourite[b-qjx0hhqq6t] {
    color: #d97706;
}

.favourite-button:hover[b-qjx0hhqq6t] {
    transform: scale(1.08);
}

.form-check[b-qjx0hhqq6t] {
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .cognivox-card-header[b-qjx0hhqq6t] {
        align-items: flex-start;
        flex-direction: column;
    }

    .address-book-toolbar[b-qjx0hhqq6t] {
        justify-content: stretch;
    }

    .address-book-search[b-qjx0hhqq6t] {
        width: 100%;
    }
}
/* _content/AiReceptionist/Components/Pages/Admin/AccountDashboard.razor.rz.scp.css */
/* ============================================================
   CALL HISTORY PAGE
   ============================================================ */

.call-history-page[b-a2pdkkts10] {
    padding: 1.5rem;
    background: #f6f8fb;
    min-height: 100vh;
}


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

.call-history-header[b-a2pdkkts10] {
    margin-bottom: 1.75rem;
}

.call-history-title[b-a2pdkkts10] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    color: #172033;
    letter-spacing: -0.025em;
}

.call-history-subtitle[b-a2pdkkts10] {
    margin-top: 0.35rem;
    color: #6b7280;
    font-size: 0.95rem;
}


/* ============================================================
   FILTER BAR
   ============================================================ */

.call-history-filter[b-a2pdkkts10] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;

    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 12px;

    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.03),
            0 2px 6px rgba(16, 24, 40, 0.03);
}

.call-history-filter-item[b-a2pdkkts10] {
    width: 260px;
}

.call-history-filter label[b-a2pdkkts10] {
    display: block;
    margin-bottom: 0.45rem;

    font-size: 0.8rem;
    font-weight: 600;
    color: #4b5563;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}


/* ============================================================
   SUMMARY GRID
   ============================================================ */

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


/* ============================================================
   SUMMARY CARD
   ============================================================ */

.summary-card[b-a2pdkkts10] {
    position: relative;

    padding: 1.35rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 14px;

    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.03),
            0 3px 8px rgba(16, 24, 40, 0.04);

    transition:
            transform 0.18s ease,
            box-shadow 0.18s ease;
}

.summary-card:hover[b-a2pdkkts10] {
    transform: translateY(-2px);

    box-shadow:
            0 3px 8px rgba(16, 24, 40, 0.06),
            0 8px 20px rgba(16, 24, 40, 0.06);
}

.summary-card-label[b-a2pdkkts10] {
    margin-bottom: 0.5rem;

    color: #7b8494;
    font-size: 0.78rem;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 0.045em;
}

.summary-card-value[b-a2pdkkts10] {
    color: #172033;
    font-size: 1.85rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.03em;
}


/* ============================================================
   PANELS
   ============================================================ */

.dashboard-panel[b-a2pdkkts10] {
    margin-bottom: 1.5rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 14px;

    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.03),
            0 3px 8px rgba(16, 24, 40, 0.03);

    overflow: hidden;
}

.dashboard-panel-header[b-a2pdkkts10] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 1rem 1.25rem;

    border-bottom: 1px solid #edf0f4;
}

.dashboard-panel-title[b-a2pdkkts10] {
    margin: 0;

    color: #202939;
    font-size: 1rem;
    font-weight: 650;
}

.dashboard-panel-body[b-a2pdkkts10] {
    padding: 1.25rem;
}


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

.token-grid[b-a2pdkkts10] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.token-card[b-a2pdkkts10] {
    padding: 1.15rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 12px;
}

.token-card-label[b-a2pdkkts10] {
    margin-bottom: 0.4rem;

    color: #7b8494;
    font-size: 0.78rem;
    font-weight: 600;
}

.token-card-value[b-a2pdkkts10] {
    color: #202939;
    font-size: 1.4rem;
    font-weight: 700;
}


/* ============================================================
   SYNCFUSION TAB
   ============================================================ */

[b-a2pdkkts10] .e-tab {
    background: transparent;
}

[b-a2pdkkts10] .e-tab .e-tab-header {
    background: #ffffff;

    border: 1px solid #e7eaf0;
    border-radius: 12px 12px 0 0;
}

[b-a2pdkkts10] .e-tab .e-tab-header .e-toolbar-item {
    padding: 0 0.25rem;
}

[b-a2pdkkts10] .e-tab .e-tab-header .e-tab-text {
    font-weight: 600;
}

[b-a2pdkkts10] .e-tab .e-content {
    background: transparent;
}


/* ============================================================
   SYNCFUSION GRID
   ============================================================ */

[b-a2pdkkts10] .e-grid {
    border: none !important;
    border-radius: 12px;

    font-size: 0.9rem;

    overflow: hidden;
}

[b-a2pdkkts10] .e-grid .e-gridheader {
    border-color: #e7eaf0;
}

[b-a2pdkkts10] .e-grid .e-headercell {
    background: #f8fafc;

    border-color: #edf0f4;

    color: #4b5563;

    font-size: 0.78rem;
    font-weight: 650;

    text-transform: uppercase;
    letter-spacing: 0.035em;
}

[b-a2pdkkts10] .e-grid .e-rowcell {
    border-color: #edf0f4;

    color: #374151;

    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

[b-a2pdkkts10] .e-grid .e-row:hover .e-rowcell {
    background: #f8fafc;
}

[b-a2pdkkts10] .e-grid .e-altrow {
    background: #fcfcfd;
}


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

[b-a2pdkkts10] .e-grid .e-pager {
    border-top: 1px solid #edf0f4;
    background: #ffffff;
}


/* ============================================================
   CHART
   ============================================================ */

.chart-container[b-a2pdkkts10] {
    min-height: 350px;
}


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

.call-history-loading[b-a2pdkkts10] {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 300px;

    color: #6b7280;
    font-size: 0.95rem;
}


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

.call-history-error[b-a2pdkkts10] {
    padding: 1rem 1.25rem;

    background: #fff5f5;
    border: 1px solid #fecaca;
    border-radius: 10px;

    color: #991b1b;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1200px) {

    .summary-grid[b-a2pdkkts10],
    .token-grid[b-a2pdkkts10] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 768px) {

    .call-history-page[b-a2pdkkts10] {
        padding: 1rem;
    }

    .summary-grid[b-a2pdkkts10],
    .token-grid[b-a2pdkkts10] {
        grid-template-columns: 1fr;
    }

    .call-history-filter[b-a2pdkkts10] {
        display: block;
    }

    .call-history-filter-item[b-a2pdkkts10] {
        width: 100%;
    }

    .summary-card-value[b-a2pdkkts10] {
        font-size: 1.6rem;
    }
}

.summary-card-warning[b-a2pdkkts10] {
    border: 1px solid #dc3545;
    background: #fff5f5;
}

.summary-card-warning .summary-card-label[b-a2pdkkts10] {
    color: #b02a37;
}

.summary-card-warning .summary-card-value[b-a2pdkkts10] {
    color: #dc3545;
}

.summary-card-warning-text[b-a2pdkkts10] {
    margin-top: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #dc3545;
}

.transcript-dialog[b-a2pdkkts10] {
    padding: 0;
}

.transcript-call-info[b-a2pdkkts10] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 24px;
    margin-bottom: 18px;
    padding: 16px 18px;
    border-radius: 10px;
    background: #f5f6f8;
    font-size: 0.9rem;
}


/* Transcript container */

.transcript-list[b-a2pdkkts10] {
    padding: 22px;
    background: #1f2630;
    border-radius: 16px;
    max-height: 560px;
    overflow-y: auto;
}


/* Individual message */

.transcript-message[b-a2pdkkts10] {
    padding: 18px 22px;
    margin-bottom: 16px;
    border-radius: 14px;
    color: #ffffff;
}

.transcript-message:last-child[b-a2pdkkts10] {
    margin-bottom: 0;
}


/* Caller */

.transcript-caller[b-a2pdkkts10] {
    background: #24449a;
}


/* Receptionist */

.transcript-receptionist[b-a2pdkkts10] {
    background: #39348e;
}


/* Speaker heading */

.transcript-speaker[b-a2pdkkts10] {
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 700;
}


/* Actual message */

.transcript-message-text[b-a2pdkkts10] {
    font-size: 1rem;
    line-height: 1.55;
    font-weight: 400;
}


/* No transcript */

.transcript-empty[b-a2pdkkts10] {
    padding: 30px;
    text-align: center;
    color: #aeb6c2;
}


/* Scrollbar */

.transcript-list[b-a2pdkkts10]::-webkit-scrollbar {
    width: 8px;
}

.transcript-list[b-a2pdkkts10]::-webkit-scrollbar-track {
    background: transparent;
}

.transcript-list[b-a2pdkkts10]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 10px;
}

.transcript-list[b-a2pdkkts10]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.35);
}


/* Mobile */

@media (max-width: 700px) {

    .transcript-call-info[b-a2pdkkts10] {
        grid-template-columns: 1fr;
    }

    .transcript-list[b-a2pdkkts10] {
        padding: 14px;
    }

    .transcript-message[b-a2pdkkts10] {
        padding: 16px;
    }
}
/* ============================================================
   CALL RECORDING
   ============================================================ */

.call-recording-card[b-a2pdkkts10] {
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
}

.call-recording-header[b-a2pdkkts10] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px 12px;
}

.call-recording-icon[b-a2pdkkts10] {
    display: flex;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eef2ff;
}

.call-recording-icon span[b-a2pdkkts10] {
    width: 14px;
    height: 14px;
    border: 3px solid #4f46e5;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12);
}

.call-recording-heading[b-a2pdkkts10] { min-width: 0; flex: 1 1 auto; }
.call-recording-title[b-a2pdkkts10] { color: #0f172a; font-size: .98rem; font-weight: 700; line-height: 1.25; }
.call-recording-status[b-a2pdkkts10] { display: flex; align-items: center; gap: 6px; margin-top: 4px; color: #64748b; font-size: .78rem; font-weight: 500; }
.call-recording-status-dot[b-a2pdkkts10] { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; }
.call-recording-duration[b-a2pdkkts10] { flex: 0 0 auto; padding: 5px 9px; border: 1px solid #e2e8f0; border-radius: 999px; background: #fff; color: #475569; font-size: .76rem; font-weight: 600; white-space: nowrap; }

.call-recording-player[b-a2pdkkts10] {
    display: grid;
    grid-template-columns: 46px 48px minmax(100px, 1fr) 48px 42px;
    align-items: center;
    gap: 10px;
    margin: 4px 18px 16px;
    padding: 12px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #f8fafc;
}

.call-recording-audio[b-a2pdkkts10] { display: none; }

.call-recording-play-button[b-a2pdkkts10],
.call-recording-volume-button[b-a2pdkkts10] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    cursor: pointer;
    transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}

.call-recording-play-button[b-a2pdkkts10] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #4f46e5;
    box-shadow: 0 5px 14px rgba(79, 70, 229, .25);
}
.call-recording-play-button:hover[b-a2pdkkts10] { transform: translateY(-1px); background: #4338ca; box-shadow: 0 7px 18px rgba(79,70,229,.3); }
.call-recording-play-button:focus-visible[b-a2pdkkts10],
.call-recording-volume-button:focus-visible[b-a2pdkkts10],
.call-recording-progress:focus-visible[b-a2pdkkts10] { outline: 3px solid rgba(79,70,229,.22); outline-offset: 2px; }

.call-recording-play-icon[b-a2pdkkts10] {
    width: 0;
    height: 0;
    margin-left: 3px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #fff;
}
.call-recording-play-button.is-playing .call-recording-play-icon[b-a2pdkkts10] {
    width: 12px;
    height: 14px;
    margin-left: 0;
    border: 0;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
}

.call-recording-time[b-a2pdkkts10] { color: #475569; font-size: .82rem; font-weight: 650; font-variant-numeric: tabular-nums; text-align: center; }

.call-recording-progress[b-a2pdkkts10] {
    width: 100%;
    height: 5px;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 999px;
    .custom-audio-progress {
        --audio-progress: 0%;

        background: linear-gradient(
                to right,
                #4f46e5 0%,
                #4f46e5 var(--audio-progress),
                #d9e1ec var(--audio-progress),
                #d9e1ec 100%
        );
    }
    cursor: pointer;[b-a2pdkkts10]
}
.call-recording-progress[b-a2pdkkts10]::-webkit-slider-thumb { width: 15px; height: 15px; appearance: none; -webkit-appearance: none; border: 3px solid #fff; border-radius: 50%; background: #4f46e5; box-shadow: 0 1px 5px rgba(15,23,42,.25); }
.call-recording-progress[b-a2pdkkts10]::-moz-range-thumb { width: 11px; height: 11px; border: 3px solid #fff; border-radius: 50%; background: #4f46e5; box-shadow: 0 1px 5px rgba(15,23,42,.25); }

.call-recording-volume-button[b-a2pdkkts10] { width: 38px; height: 38px; border-radius: 10px; background: transparent; }
.call-recording-volume-button:hover[b-a2pdkkts10] { background: #eef2ff; }
.call-recording-volume-icon[b-a2pdkkts10] { position: relative; width: 18px; height: 16px; }
.call-recording-volume-icon[b-a2pdkkts10]::before { content: ''; position: absolute; left: 0; top: 5px; width: 6px; height: 7px; border-radius: 2px 0 0 2px; background: #64748b; }
.call-recording-volume-icon[b-a2pdkkts10]::after { content: ''; position: absolute; left: 5px; top: 2px; width: 10px; height: 12px; border: 2px solid #64748b; border-left: 0; border-top-color: transparent; border-bottom-color: transparent; border-radius: 0 50% 50% 0; }
.call-recording-volume-button.is-muted .call-recording-volume-icon[b-a2pdkkts10]::after { border-color: #ef4444; border-left: 2px solid #ef4444; transform: rotate(45deg); width: 2px; height: 18px; left: 10px; top: -1px; border-radius: 0; }

.call-recording-footer[b-a2pdkkts10] { padding: 9px 18px; border-top: 1px solid #e8eef6; background: rgba(248,250,252,.85); color: #64748b; font-size: .72rem; line-height: 1.35; }

@media (max-width: 576px) {
    .call-recording-header[b-a2pdkkts10] { padding: 14px 14px 10px; }
    .call-recording-player[b-a2pdkkts10] { grid-template-columns: 42px 42px 1fr 38px; gap: 7px; margin: 4px 14px 12px; padding: 10px; }
    .call-recording-time-total[b-a2pdkkts10] { display: none; }
    .call-recording-duration[b-a2pdkkts10] { display: none; }
    .call-recording-footer[b-a2pdkkts10] { padding: 8px 14px; }
    .call-recording-play-button[b-a2pdkkts10] { width: 42px; height: 42px; }
}


/* ============================================================
   EMAIL TRANSCRIPT PANEL
   ============================================================ */

.transcript-email-panel[b-a2pdkkts10] {
    margin: 20px 0 22px;
    padding: 20px;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.transcript-email-title[b-a2pdkkts10] {
    margin-bottom: 16px;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.transcript-email-grid[b-a2pdkkts10] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
    align-items: end;
    gap: 16px;
}

.transcript-email-field[b-a2pdkkts10] {
    min-width: 0;
}

.transcript-email-field label[b-a2pdkkts10] {
    display: block;
    margin-bottom: 7px;
    color: #475569;
    font-size: .78rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.transcript-email-field[b-a2pdkkts10]  .e-input-group,
.transcript-email-field[b-a2pdkkts10]  .e-control-wrapper {
    min-height: 42px;
    border-color: #dbe4f0 !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.transcript-email-field[b-a2pdkkts10]  .e-input-group:hover,
.transcript-email-field[b-a2pdkkts10]  .e-control-wrapper:hover {
    border-color: #aebdd0 !important;
}

.transcript-email-field[b-a2pdkkts10]  .e-input-group.e-input-focus,
.transcript-email-field[b-a2pdkkts10]  .e-control-wrapper.e-input-focus {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, .10) !important;
}

.transcript-email-field[b-a2pdkkts10]  input.e-input {
    min-height: 40px;
    padding-left: 12px !important;
    padding-right: 12px !important;
    color: #334155;
    font-size: .9rem;
}

.transcript-email-action[b-a2pdkkts10] {
    display: flex;
    align-items: flex-end;
    padding-left: 4px;
}

.transcript-email-action[b-a2pdkkts10]  .transcript-email-button {
    min-height: 42px;
    padding: 0 20px !important;
    border-radius: 9px !important;
    font-weight: 650 !important;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(79, 70, 229, .18);
}

.transcript-email-action[b-a2pdkkts10]  .transcript-email-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(79, 70, 229, .24);
}

.transcript-email-panel .alert[b-a2pdkkts10],
.transcript-email-panel .text-success[b-a2pdkkts10],
.transcript-email-panel .text-danger[b-a2pdkkts10] {
    margin-top: 14px;
}

@media (max-width: 900px) {
    .transcript-email-grid[b-a2pdkkts10] {
        grid-template-columns: 1fr 1fr;
    }

    .transcript-email-action[b-a2pdkkts10] {
        grid-column: 1 / -1;
        padding-left: 0;
    }
}

@media (max-width: 650px) {
    .transcript-email-panel[b-a2pdkkts10] {
        padding: 16px;
    }

    .transcript-email-grid[b-a2pdkkts10] {
        grid-template-columns: 1fr;
    }

    .transcript-email-action[b-a2pdkkts10] {
        grid-column: auto;
    }

    .transcript-email-action[b-a2pdkkts10]  .transcript-email-button {
        width: 100%;
    }
}


/* ============================================================
   TELEPHONE CALL ACTION
   ============================================================ */

.telephone-call-cell[b-a2pdkkts10] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.telephone-call-number[b-a2pdkkts10] {
    min-width: 0;
    overflow: hidden;
    color: #374151;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.telephone-call-button[b-a2pdkkts10] {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #dbe4f0;
    border-radius: 9px;
    background: #ffffff;
    color: #4f46e5;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
    transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.telephone-call-button:hover[b-a2pdkkts10] {
    transform: translateY(-1px);
    border-color: #c7d2fe;
    background: #eef2ff;
    box-shadow: 0 4px 10px rgba(79, 70, 229, .12);
}

.telephone-call-button:focus-visible[b-a2pdkkts10] {
    outline: 3px solid rgba(79, 70, 229, .18);
    outline-offset: 2px;
}
/* _content/AiReceptionist/Components/Pages/Admin/AccountStatement.razor.rz.scp.css */
.account-statement-page[b-q489gfa1sj] {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 28px 24px 48px;
    background: #f4f7fb;
    min-height: calc(100vh - 70px);
}

.statement-toolbar[b-q489gfa1sj] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.statement-toolbar-title[b-q489gfa1sj] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #172033;
}

.statement-toolbar-subtitle[b-q489gfa1sj] {
    margin-top: 4px;
    color: #64748b;
}

.statement-month-selector[b-q489gfa1sj] {
    width: 250px;
}

.statement-month-selector label[b-q489gfa1sj] {
    display: block;
    margin-bottom: 6px;
    font-size: .875rem;
    font-weight: 600;
    color: #475569;
}

.statement-paper[b-q489gfa1sj] {
    background: #ffffff;
    border: 1px solid #dfe5ee;
    border-radius: 16px;
    box-shadow: 0 10px 35px rgba(15, 23, 42, .07);
    overflow: hidden;
}

.statement-header[b-q489gfa1sj] {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding: 42px 48px 32px;
}

.statement-logo[b-q489gfa1sj] {
    display: inline-block;
    padding: 8px 13px;
    border-radius: 7px;
    background: #1d4ed8;
    color: #ffffff;
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.statement-document-title[b-q489gfa1sj] {
    margin-top: 20px;
    font-size: 2.15rem;
    line-height: 1.1;
    font-weight: 750;
    color: #111827;
}

.statement-document-subtitle[b-q489gfa1sj] {
    margin-top: 7px;
    color: #64748b;
}

.statement-period-card[b-q489gfa1sj] {
    min-width: 330px;
    align-self: flex-start;
    padding: 20px 22px;
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    background: #f8fafc;
}

.statement-period-label[b-q489gfa1sj],
.statement-section-label[b-q489gfa1sj] {
    margin-bottom: 7px;
    color: #64748b;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.statement-period-value[b-q489gfa1sj] {
    color: #172033;
    font-size: 1.05rem;
    font-weight: 700;
}

.statement-period-meta[b-q489gfa1sj] {
    margin-top: 7px;
    color: #94a3b8;
    font-size: .8rem;
}

.statement-divider[b-q489gfa1sj] {
    height: 1px;
    background: #e2e8f0;
    margin: 0 48px;
}

.statement-address-section[b-q489gfa1sj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
    gap: 60px;
    padding: 34px 48px;
}

.statement-address[b-q489gfa1sj] {
    color: #475569;
    line-height: 1.65;
}

.statement-company-name[b-q489gfa1sj] {
    margin-bottom: 4px;
    color: #172033;
    font-size: 1.15rem;
    font-weight: 700;
}

.statement-contact-line[b-q489gfa1sj] {
    margin-top: 8px;
}

.statement-account-details[b-q489gfa1sj] {
    border-left: 1px solid #e2e8f0;
    padding-left: 34px;
}

.statement-detail-row[b-q489gfa1sj] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 6px 0;
    color: #64748b;
    font-size: .9rem;
}

.statement-detail-row strong[b-q489gfa1sj] {
    color: #172033;
    font-weight: 600;
    text-align: right;
    overflow-wrap: anywhere;
}

.statement-summary[b-q489gfa1sj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 48px 38px;
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    overflow: hidden;
}

.statement-summary-item[b-q489gfa1sj] {
    padding: 20px 22px;
    border-right: 1px solid #e2e8f0;
    background: #f8fafc;
}

.statement-summary-item:last-child[b-q489gfa1sj] {
    border-right: 0;
}

.statement-summary-closing[b-q489gfa1sj] {
    background: #172554;
}

.statement-summary-label[b-q489gfa1sj] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.statement-summary-closing .statement-summary-label[b-q489gfa1sj] {
    color: #bfdbfe;
}

.statement-summary-value[b-q489gfa1sj] {
    margin-top: 7px;
    color: #172033;
    font-size: 1.35rem;
    font-weight: 750;
}

.statement-summary-closing .statement-summary-value[b-q489gfa1sj] {
    color: #ffffff;
}

.statement-section-heading[b-q489gfa1sj] {
    margin-bottom: 14px;
    color: #172033;
    font-size: 1.15rem;
    font-weight: 700;
}

.statement-transactions[b-q489gfa1sj] {
    padding: 0 48px;
}

.statement-table[b-q489gfa1sj] {
    width: 100%;
    border-collapse: collapse;
}

.statement-table th[b-q489gfa1sj] {
    padding: 12px 14px;
    border-top: 1px solid #dbe3ee;
    border-bottom: 1px solid #dbe3ee;
    background: #f8fafc;
    color: #475569;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.statement-table td[b-q489gfa1sj] {
    padding: 16px 14px;
    border-bottom: 1px solid #edf1f5;
    color: #334155;
    vertical-align: top;
}

.statement-table tbody tr:last-child td[b-q489gfa1sj] {
    border-bottom: 1px solid #dbe3ee;
}

.statement-date[b-q489gfa1sj] {
    width: 130px;
    white-space: nowrap;
}

.statement-money-column[b-q489gfa1sj] {
    width: 150px;
    text-align: right;
    white-space: nowrap;
}

.statement-balance[b-q489gfa1sj] {
    font-weight: 700;
    color: #172033 !important;
}

.statement-credit[b-q489gfa1sj] {
    color: #047857 !important;
}

.statement-transaction-description[b-q489gfa1sj] {
    color: #172033;
    font-weight: 600;
}

.statement-transaction-reference[b-q489gfa1sj] {
    margin-top: 4px;
    color: #94a3b8;
    font-size: .76rem;
    overflow-wrap: anywhere;
}

.statement-empty[b-q489gfa1sj] {
    padding: 32px;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
}

.statement-totals[b-q489gfa1sj] {
    display: flex;
    justify-content: flex-end;
    padding: 30px 48px 42px;
}

.statement-totals-box[b-q489gfa1sj] {
    width: 390px;
}

.statement-total-row[b-q489gfa1sj] {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding: 8px 0;
    color: #475569;
}

.statement-total-row strong[b-q489gfa1sj] {
    color: #172033;
}

.statement-total-closing[b-q489gfa1sj] {
    margin-top: 8px;
    padding-top: 14px;
    border-top: 2px solid #172033;
    color: #172033;
    font-size: 1.08rem;
    font-weight: 700;
}

.statement-footer[b-q489gfa1sj] {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding: 20px 48px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b;
    font-size: .78rem;
}

.statement-loading[b-q489gfa1sj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 300px;
    color: #64748b;
}

@media (max-width: 900px) {
    .statement-toolbar[b-q489gfa1sj],
    .statement-header[b-q489gfa1sj],
    .statement-footer[b-q489gfa1sj] {
        flex-direction: column;
        align-items: stretch;
    }

    .statement-month-selector[b-q489gfa1sj],
    .statement-period-card[b-q489gfa1sj] {
        width: 100%;
        min-width: 0;
    }

    .statement-address-section[b-q489gfa1sj] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .statement-account-details[b-q489gfa1sj] {
        border-left: 0;
        border-top: 1px solid #e2e8f0;
        padding-left: 0;
        padding-top: 24px;
    }

    .statement-summary[b-q489gfa1sj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .statement-summary-item:nth-child(2)[b-q489gfa1sj] {
        border-right: 0;
    }

    .statement-summary-item:nth-child(-n+2)[b-q489gfa1sj] {
        border-bottom: 1px solid #e2e8f0;
    }
}

@media (max-width: 600px) {
    .account-statement-page[b-q489gfa1sj] {
        padding: 18px 12px 32px;
    }

    .statement-header[b-q489gfa1sj],
    .statement-address-section[b-q489gfa1sj],
    .statement-transactions[b-q489gfa1sj],
    .statement-totals[b-q489gfa1sj] {
        padding-left: 22px;
        padding-right: 22px;
    }

    .statement-divider[b-q489gfa1sj] {
        margin-left: 22px;
        margin-right: 22px;
    }

    .statement-summary[b-q489gfa1sj] {
        margin-left: 22px;
        margin-right: 22px;
        grid-template-columns: 1fr;
    }

    .statement-summary-item[b-q489gfa1sj] {
        border-right: 0;
        border-bottom: 1px solid #e2e8f0;
    }

    .statement-summary-item:last-child[b-q489gfa1sj] {
        border-bottom: 0;
    }

    .statement-totals-box[b-q489gfa1sj] {
        width: 100%;
    }
}

@media print {
    .no-print[b-q489gfa1sj] {
        display: none !important;
    }

    .account-statement-page[b-q489gfa1sj] {
        max-width: none;
        padding: 0;
        background: #ffffff;
    }

    .statement-paper[b-q489gfa1sj] {
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
}


.statement-usage-summary[b-q489gfa1sj] {
    padding: 0 48px 34px;
}

.statement-usage-grid[b-q489gfa1sj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.statement-usage-item[b-q489gfa1sj] {
    padding: 17px 18px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
}

.statement-usage-name[b-q489gfa1sj] {
    color: #172033;
    font-weight: 700;
}

.statement-usage-count[b-q489gfa1sj] {
    margin-top: 3px;
    color: #94a3b8;
    font-size: .76rem;
}

.statement-usage-value[b-q489gfa1sj] {
    margin-top: 10px;
    color: #172033;
    font-size: 1.08rem;
    font-weight: 750;
}

.statement-time[b-q489gfa1sj] {
    margin-top: 3px;
    color: #94a3b8;
    font-size: .74rem;
}

.statement-type[b-q489gfa1sj] {
    width: 115px;
    color: #475569 !important;
    font-size: .82rem;
    font-weight: 650;
    white-space: nowrap;
}

.statement-reconciliation[b-q489gfa1sj] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 0 48px 30px;
    color: #64748b;
    font-size: .8rem;
}

.statement-reconciled[b-q489gfa1sj] {
    color: #047857;
}

.statement-not-reconciled[b-q489gfa1sj] {
    color: #b91c1c;
}

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

@media (max-width: 600px) {
    .statement-usage-summary[b-q489gfa1sj],
    .statement-reconciliation[b-q489gfa1sj] {
        padding-left: 22px;
        padding-right: 22px;
    }

    .statement-usage-grid[b-q489gfa1sj] {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   PRINT STATEMENT
   ============================================================ */

@media print {

    @page {
        size: A4 portrait;
        margin: 12mm;
    }

    /* Hide the application shell */
    header[b-q489gfa1sj],
    nav[b-q489gfa1sj],
    aside[b-q489gfa1sj],
    footer[b-q489gfa1sj],
    .sidebar[b-q489gfa1sj],
    .sidebar-wrapper[b-q489gfa1sj],
    .sidebar-container[b-q489gfa1sj],
    .topbar[b-q489gfa1sj],
    .navbar[b-q489gfa1sj],
    .app-header[b-q489gfa1sj],
    .app-sidebar[b-q489gfa1sj],
    .no-print[b-q489gfa1sj] {
        display: none !important;
    }

    html[b-q489gfa1sj],
    body[b-q489gfa1sj] {
        background: #fff !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Remove normal application layout constraints */
    .account-statement-page[b-q489gfa1sj] {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        background: #fff !important;
    }

    .statement-shell[b-q489gfa1sj],
    .statement-paper[b-q489gfa1sj] {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        box-shadow: none !important;
        border: none !important;
        background: #fff !important;
    }

    /* Keep statement sections together where possible */
    .statement-header[b-q489gfa1sj],
    .statement-summary[b-q489gfa1sj],
    .statement-usage-summary[b-q489gfa1sj] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    /* Allow the transaction table to continue across pages */
    .statement-transactions[b-q489gfa1sj] {
        break-inside: auto;
        page-break-inside: auto;
    }

    table[b-q489gfa1sj] {
        width: 100% !important;
    }

    thead[b-q489gfa1sj] {
        display: table-header-group;
    }

    tr[b-q489gfa1sj] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* _content/AiReceptionist/Components/Pages/Admin/AppointmentTest.razor.rz.scp.css */
/* ============================================================
   Appointment Integration Test Harness
   ============================================================ */

h3[b-dmxpsbr3uq] {
    font-weight: 700;
    margin-bottom: 0.25rem;
}

h5[b-dmxpsbr3uq] {
    font-weight: 600;
    margin-bottom: 1.25rem;
    color: #1f2937;
}

hr[b-dmxpsbr3uq] {
    margin: 2rem 0;
    border: 0;
    border-top: 1px solid #e5e7eb;
    opacity: 1;
}


/* ============================================================
   Page
   ============================================================ */

.test-page[b-dmxpsbr3uq] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 2rem;
}

.test-header[b-dmxpsbr3uq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;

    margin-bottom: 2rem;
    padding-bottom: 1.5rem;

    border-bottom: 1px solid #e5e7eb;
}

.test-header h2[b-dmxpsbr3uq] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 700;
}

.test-header p[b-dmxpsbr3uq] {
    margin: 0.35rem 0 0;
    color: #6b7280;
}


/* ============================================================
   Cards
   ============================================================ */

.test-card[b-dmxpsbr3uq] {
    background: #ffffff;

    border: 1px solid #e5e7eb;
    border-radius: 10px;

    padding: 1.5rem;
    margin-bottom: 1.5rem;

    box-shadow:
            0 1px 2px rgba(0, 0, 0, 0.04);
}

.test-card-header[b-dmxpsbr3uq] {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 1.25rem;
}

.test-card-header h5[b-dmxpsbr3uq] {
    margin: 0;
}

.test-step[b-dmxpsbr3uq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    border-radius: 50%;

    background: #212529;
    color: #ffffff;

    font-size: 0.8rem;
    font-weight: 700;

    margin-right: 0.6rem;
}


/* ============================================================
   Context
   ============================================================ */

.context-card[b-dmxpsbr3uq] {
    background: #f8fafc;
}

.context-grid[b-dmxpsbr3uq] {
    display: grid;

    grid-template-columns:
        repeat(auto-fit, minmax(250px, 1fr));

    gap: 1rem;
}


/* ============================================================
   Forms
   ============================================================ */

.form-label[b-dmxpsbr3uq] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #374151;

    margin-bottom: 0.35rem;
}

.form-control[b-dmxpsbr3uq] {
    border-color: #d1d5db;
    border-radius: 6px;
}

.form-control:focus[b-dmxpsbr3uq] {
    border-color: #6b7280;

    box-shadow:
            0 0 0 0.15rem rgba(107, 114, 128, 0.15);
}

textarea.form-control[b-dmxpsbr3uq] {
    min-height: 90px;
    resize: vertical;
}


/* ============================================================
   Buttons
   ============================================================ */

.btn[b-dmxpsbr3uq] {
    border-radius: 6px;
    font-weight: 500;
    padding-left: 1rem;
    padding-right: 1rem;
}

.btn:disabled[b-dmxpsbr3uq] {
    cursor: not-allowed;
}


/* ============================================================
   Selected appointment
   ============================================================ */

.selected-appointment[b-dmxpsbr3uq] {
    padding: 1rem 1.25rem;

    border: 1px solid #dbeafe;
    border-radius: 8px;

    background: #eff6ff;

    margin-bottom: 1.5rem;
}

.selected-appointment label[b-dmxpsbr3uq] {
    color: #1e40af;
}

.selected-appointment input[b-dmxpsbr3uq] {
    background: #ffffff;
}


/* ============================================================
   Results table
   ============================================================ */

.appointment-table[b-dmxpsbr3uq] {
    font-size: 0.86rem;
}

.appointment-table thead th[b-dmxpsbr3uq] {
    white-space: nowrap;

    background: #f8fafc;

    color: #4b5563;

    font-size: 0.75rem;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 0.025em;

    border-bottom: 1px solid #d1d5db;
}

.appointment-table td[b-dmxpsbr3uq] {
    vertical-align: middle;
}

.appointment-table tbody tr:hover[b-dmxpsbr3uq] {
    background: #f8fafc;
}


/* ============================================================
   Provider badges
   ============================================================ */

.provider-badge[b-dmxpsbr3uq] {
    display: inline-block;

    padding: 0.25rem 0.55rem;

    border-radius: 999px;

    font-size: 0.72rem;
    font-weight: 600;

    background: #e5e7eb;
    color: #374151;
}

.provider-google[b-dmxpsbr3uq] {
    background: #e8f0fe;
    color: #174ea6;
}

.provider-cognivox[b-dmxpsbr3uq] {
    background: #ecfdf5;
    color: #047857;
}

.provider-microsoft[b-dmxpsbr3uq] {
    background: #f3e8ff;
    color: #7e22ce;
}


/* ============================================================
   Status
   ============================================================ */

.status-badge[b-dmxpsbr3uq] {
    display: inline-block;

    padding: 0.25rem 0.55rem;

    border-radius: 999px;

    font-size: 0.72rem;
    font-weight: 600;
}

.status-confirmed[b-dmxpsbr3uq] {
    background: #dcfce7;
    color: #166534;
}

.status-cancelled[b-dmxpsbr3uq] {
    background: #fee2e2;
    color: #991b1b;
}


/* ============================================================
   Operation result
   ============================================================ */

.operation-result[b-dmxpsbr3uq] {
    position: sticky;
    bottom: 1rem;

    z-index: 10;

    margin-top: 2rem;
}

.operation-result .alert[b-dmxpsbr3uq] {
    box-shadow:
            0 5px 20px rgba(0, 0, 0, 0.12);

    border-radius: 8px;
}


/* ============================================================
   Busy indicator
   ============================================================ */

.busy-indicator[b-dmxpsbr3uq] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;

    padding: 0.5rem 0.8rem;

    background: #f3f4f6;

    border-radius: 6px;

    font-size: 0.85rem;
    font-weight: 500;
}

.busy-spinner[b-dmxpsbr3uq] {
    width: 16px;
    height: 16px;

    border: 2px solid #d1d5db;
    border-top-color: #374151;

    border-radius: 50%;

    animation: test-spin-b-dmxpsbr3uq 0.7s linear infinite;
}

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


/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 768px) {

    .test-page[b-dmxpsbr3uq] {
        padding: 1rem;
    }

    .test-header[b-dmxpsbr3uq] {
        align-items: flex-start;
        flex-direction: column;
    }

    .test-card[b-dmxpsbr3uq] {
        padding: 1rem;
    }
}
/* _content/AiReceptionist/Components/Pages/Admin/BusinessEnquiries.razor.rz.scp.css */
.enquiries-page[b-t4w82vdhsb] { min-height:100vh; background:#f8fafc; padding:5rem 0 7rem; }
.enquiries-container[b-t4w82vdhsb] { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
.page-header[b-t4w82vdhsb] { display:flex; justify-content:space-between; align-items:flex-start; gap:2rem; margin-bottom:2rem; }
.page-header h1[b-t4w82vdhsb] { margin:.25rem 0 .6rem; color:#071f4e; font-size:2.4rem; font-weight:800; }
.page-header p[b-t4w82vdhsb] { margin:0; color:#64748b; }
.eyebrow[b-t4w82vdhsb] { color:#2563eb; font-size:.78rem; font-weight:800; letter-spacing:.12em; }
.btn-refresh[b-t4w82vdhsb],.btn-save[b-t4w82vdhsb],.btn-delete[b-t4w82vdhsb],.btn-cancel[b-t4w82vdhsb],.action-link[b-t4w82vdhsb] { border:0; border-radius:9px; padding:.72rem 1rem; font-weight:700; text-decoration:none; cursor:pointer; }
.btn-refresh[b-t4w82vdhsb],.btn-save[b-t4w82vdhsb],.action-link[b-t4w82vdhsb] { background:#071f4e; color:#fff; }
.btn-delete[b-t4w82vdhsb] { background:#b91c1c; color:#fff; }
.btn-cancel[b-t4w82vdhsb] { background:#e2e8f0; color:#334155; }
.summary-grid[b-t4w82vdhsb] { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-bottom:1.5rem; }
.summary-card[b-t4w82vdhsb] { padding:1.3rem 1.4rem; border:1px solid #e2e8f0; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.04); }
.summary-card span[b-t4w82vdhsb] { display:block; color:#64748b; font-size:.85rem; font-weight:700; }
.summary-card strong[b-t4w82vdhsb] { display:block; margin-top:.35rem; color:#071f4e; font-size:2rem; }
.summary-new[b-t4w82vdhsb] { border-color:#bfdbfe; background:#eff6ff; }
.toolbar[b-t4w82vdhsb] { display:grid; grid-template-columns:1fr 220px; gap:1rem; margin-bottom:1.25rem; }
.toolbar .form-control[b-t4w82vdhsb],.toolbar .form-select[b-t4w82vdhsb],.status-select[b-t4w82vdhsb] { min-height:46px; border:1px solid #cbd5e1; border-radius:9px; }
.state-card[b-t4w82vdhsb] { padding:2rem; text-align:center; background:#fff; border:1px solid #e2e8f0; border-radius:14px; color:#64748b; }
.enquiry-list[b-t4w82vdhsb] { display:grid; gap:.75rem; }
.enquiry-item[b-t4w82vdhsb] { padding:1.25rem 1.4rem; background:#fff; border:1px solid #e2e8f0; border-radius:12px; cursor:pointer; transition:.15s ease; }
.enquiry-item:hover[b-t4w82vdhsb],.enquiry-item.selected[b-t4w82vdhsb] { border-color:#93c5fd; box-shadow:0 8px 25px rgba(15,23,42,.07); }
.enquiry-main[b-t4w82vdhsb] { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; }
.enquiry-title[b-t4w82vdhsb] { color:#071f4e; font-size:1.05rem; font-weight:800; }
.enquiry-contact[b-t4w82vdhsb] { margin-top:.25rem; color:#64748b; font-size:.9rem; }
.enquiry-meta[b-t4w82vdhsb] { display:flex; flex-wrap:wrap; gap:1.2rem; margin-top:.8rem; color:#64748b; font-size:.82rem; }
.status-badge[b-t4w82vdhsb] { display:inline-flex; padding:.35rem .65rem; border-radius:999px; font-size:.72rem; font-weight:800; white-space:nowrap; background:#f1f5f9; color:#475569; }
.status-badge.new[b-t4w82vdhsb] { background:#dbeafe; color:#1d4ed8; }
.status-badge.in-progress[b-t4w82vdhsb] { background:#fef3c7; color:#92400e; }
.status-badge.contacted[b-t4w82vdhsb] { background:#ede9fe; color:#6d28d9; }
.status-badge.completed[b-t4w82vdhsb] { background:#dcfce7; color:#166534; }
.status-badge.closed[b-t4w82vdhsb] { background:#e2e8f0; color:#475569; }
.detail-card[b-t4w82vdhsb] { margin-top:1.5rem; padding:2rem; background:#fff; border:1px solid #dbe3ee; border-radius:16px; box-shadow:0 18px 45px rgba(15,23,42,.08); }
.detail-heading[b-t4w82vdhsb] { display:flex; justify-content:space-between; gap:1rem; padding-bottom:1.5rem; border-bottom:1px solid #e2e8f0; }
.detail-heading h2[b-t4w82vdhsb] { margin:.3rem 0; color:#071f4e; }
.reference[b-t4w82vdhsb] { color:#94a3b8; font-size:.8rem; word-break:break-all; }
.close-detail[b-t4w82vdhsb] { border:0; background:transparent; color:#64748b; font-size:2rem; line-height:1; cursor:pointer; }
.detail-grid[b-t4w82vdhsb] { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-top:1.5rem; }
.detail-section[b-t4w82vdhsb] { padding:1.4rem; border:1px solid #e2e8f0; border-radius:12px; background:#fff; }
.detail-section h3[b-t4w82vdhsb] { margin:0 0 1rem; color:#172554; font-size:1rem; }
.detail-section dl[b-t4w82vdhsb] { display:grid; grid-template-columns:150px 1fr; gap:.55rem 1rem; margin:0; }
.detail-section dt[b-t4w82vdhsb] { color:#64748b; font-weight:700; }
.detail-section dd[b-t4w82vdhsb] { margin:0; color:#0f172a; overflow-wrap:anywhere; }
.full-width[b-t4w82vdhsb] { margin-top:1.5rem; }
.feature-grid[b-t4w82vdhsb] { display:grid; grid-template-columns:repeat(2,1fr); gap:.65rem; }
.feature-pill[b-t4w82vdhsb] { padding:.7rem .85rem; border-radius:8px; font-size:.88rem; }
.feature-pill.enabled[b-t4w82vdhsb] { background:#ecfdf5; color:#166534; }
.feature-pill.disabled[b-t4w82vdhsb] { background:#f8fafc; color:#94a3b8; }
.long-text-content[b-t4w82vdhsb] { white-space:pre-wrap; color:#334155; line-height:1.7; }
.contact-actions[b-t4w82vdhsb] { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.2rem; }
.management-panel[b-t4w82vdhsb] { display:flex; align-items:flex-end; gap:.8rem; margin-top:1.5rem; padding:1.25rem; border-radius:12px; background:#f8fafc; border:1px solid #e2e8f0; }
.management-panel > div:first-child[b-t4w82vdhsb] { min-width:210px; }
.delete-confirmation[b-t4w82vdhsb] { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; margin-top:1rem; padding:1rem 1.2rem; border:1px solid #fecaca; border-radius:10px; background:#fef2f2; color:#7f1d1d; }
.delete-confirmation span[b-t4w82vdhsb] { margin-right:auto; }
.delete-confirmation div[b-t4w82vdhsb] { display:flex; gap:.6rem; }
@media (max-width:800px) { .summary-grid[b-t4w82vdhsb] { grid-template-columns:repeat(2,1fr); } .toolbar[b-t4w82vdhsb],.detail-grid[b-t4w82vdhsb] { grid-template-columns:1fr; } .feature-grid[b-t4w82vdhsb] { grid-template-columns:1fr; } .management-panel[b-t4w82vdhsb] { align-items:stretch; flex-direction:column; } .management-panel > div:first-child[b-t4w82vdhsb] { min-width:0; } }
@media (max-width:520px) { .enquiries-page[b-t4w82vdhsb] { padding:3rem 0 5rem; } .enquiries-container[b-t4w82vdhsb] { width:calc(100% - 28px); } .page-header[b-t4w82vdhsb] { flex-direction:column; } .summary-grid[b-t4w82vdhsb] { grid-template-columns:1fr 1fr; } .enquiry-main[b-t4w82vdhsb] { flex-direction:column; } .detail-card[b-t4w82vdhsb] { padding:1.2rem; } .detail-section dl[b-t4w82vdhsb] { grid-template-columns:1fr; gap:.2rem; } .detail-section dd[b-t4w82vdhsb] { margin-bottom:.65rem; } }
/* _content/AiReceptionist/Components/Pages/Admin/CallHistory.razor.rz.scp.css */
/* ============================================================
   CALL HISTORY PAGE
   ============================================================ */

.call-history-page[b-y326etdhfw] {
    padding: 1.5rem;
    background: #f6f8fb;
    min-height: 100vh;
}


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

.call-history-header[b-y326etdhfw] {
    margin-bottom: 1.75rem;
}

.call-history-title[b-y326etdhfw] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    color: #172033;
    letter-spacing: -0.025em;
}

.call-history-subtitle[b-y326etdhfw] {
    margin-top: 0.35rem;
    color: #6b7280;
    font-size: 0.95rem;
}


/* ============================================================
   FILTER BAR
   ============================================================ */

.call-history-filter[b-y326etdhfw] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;

    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 12px;

    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.03),
            0 2px 6px rgba(16, 24, 40, 0.03);
}

.call-history-filter-item[b-y326etdhfw] {
    width: 260px;
}

.call-history-filter label[b-y326etdhfw] {
    display: block;
    margin-bottom: 0.45rem;

    font-size: 0.8rem;
    font-weight: 600;
    color: #4b5563;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}


/* ============================================================
   SUMMARY GRID
   ============================================================ */

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


/* ============================================================
   SUMMARY CARD
   ============================================================ */

.summary-card[b-y326etdhfw] {
    position: relative;

    padding: 1.35rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 14px;

    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.03),
            0 3px 8px rgba(16, 24, 40, 0.04);

    transition:
            transform 0.18s ease,
            box-shadow 0.18s ease;
}

.summary-card:hover[b-y326etdhfw] {
    transform: translateY(-2px);

    box-shadow:
            0 3px 8px rgba(16, 24, 40, 0.06),
            0 8px 20px rgba(16, 24, 40, 0.06);
}

.summary-card-label[b-y326etdhfw] {
    margin-bottom: 0.5rem;

    color: #7b8494;
    font-size: 0.78rem;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 0.045em;
}

.summary-card-value[b-y326etdhfw] {
    color: #172033;
    font-size: 1.85rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.03em;
}


/* ============================================================
   PANELS
   ============================================================ */

.dashboard-panel[b-y326etdhfw] {
    margin-bottom: 1.5rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 14px;

    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.03),
            0 3px 8px rgba(16, 24, 40, 0.03);

    overflow: hidden;
}

.dashboard-panel-header[b-y326etdhfw] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 1rem 1.25rem;

    border-bottom: 1px solid #edf0f4;
}

.dashboard-panel-title[b-y326etdhfw] {
    margin: 0;

    color: #202939;
    font-size: 1rem;
    font-weight: 650;
}

.dashboard-panel-body[b-y326etdhfw] {
    padding: 1.25rem;
}


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

.token-grid[b-y326etdhfw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.token-card[b-y326etdhfw] {
    padding: 1.15rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 12px;
}

.token-card-label[b-y326etdhfw] {
    margin-bottom: 0.4rem;

    color: #7b8494;
    font-size: 0.78rem;
    font-weight: 600;
}

.token-card-value[b-y326etdhfw] {
    color: #202939;
    font-size: 1.4rem;
    font-weight: 700;
}


/* ============================================================
   SYNCFUSION TAB
   ============================================================ */

[b-y326etdhfw] .e-tab {
    background: transparent;
}

[b-y326etdhfw] .e-tab .e-tab-header {
    background: #ffffff;

    border: 1px solid #e7eaf0;
    border-radius: 12px 12px 0 0;
}

[b-y326etdhfw] .e-tab .e-tab-header .e-toolbar-item {
    padding: 0 0.25rem;
}

[b-y326etdhfw] .e-tab .e-tab-header .e-tab-text {
    font-weight: 600;
}

[b-y326etdhfw] .e-tab .e-content {
    background: transparent;
}


/* ============================================================
   SYNCFUSION GRID
   ============================================================ */

[b-y326etdhfw] .e-grid {
    border: none !important;
    border-radius: 12px;

    font-size: 0.9rem;

    overflow: hidden;
}

[b-y326etdhfw] .e-grid .e-gridheader {
    border-color: #e7eaf0;
}

[b-y326etdhfw] .e-grid .e-headercell {
    background: #f8fafc;

    border-color: #edf0f4;

    color: #4b5563;

    font-size: 0.78rem;
    font-weight: 650;

    text-transform: uppercase;
    letter-spacing: 0.035em;
}

[b-y326etdhfw] .e-grid .e-rowcell {
    border-color: #edf0f4;

    color: #374151;

    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

[b-y326etdhfw] .e-grid .e-row:hover .e-rowcell {
    background: #f8fafc;
}

[b-y326etdhfw] .e-grid .e-altrow {
    background: #fcfcfd;
}


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

[b-y326etdhfw] .e-grid .e-pager {
    border-top: 1px solid #edf0f4;
    background: #ffffff;
}


/* ============================================================
   CHART
   ============================================================ */

.chart-container[b-y326etdhfw] {
    min-height: 350px;
}


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

.call-history-loading[b-y326etdhfw] {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 300px;

    color: #6b7280;
    font-size: 0.95rem;
}


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

.call-history-error[b-y326etdhfw] {
    padding: 1rem 1.25rem;

    background: #fff5f5;
    border: 1px solid #fecaca;
    border-radius: 10px;

    color: #991b1b;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1200px) {

    .summary-grid[b-y326etdhfw],
    .token-grid[b-y326etdhfw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 768px) {

    .call-history-page[b-y326etdhfw] {
        padding: 1rem;
    }

    .summary-grid[b-y326etdhfw],
    .token-grid[b-y326etdhfw] {
        grid-template-columns: 1fr;
    }

    .call-history-filter[b-y326etdhfw] {
        display: block;
    }

    .call-history-filter-item[b-y326etdhfw] {
        width: 100%;
    }

    .summary-card-value[b-y326etdhfw] {
        font-size: 1.6rem;
    }
}

.summary-card-warning[b-y326etdhfw] {
    border: 1px solid #dc3545;
    background: #fff5f5;
}

.summary-card-warning .summary-card-label[b-y326etdhfw] {
    color: #b02a37;
}

.summary-card-warning .summary-card-value[b-y326etdhfw] {
    color: #dc3545;
}

.summary-card-warning-text[b-y326etdhfw] {
    margin-top: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #dc3545;
}

.transcript-dialog[b-y326etdhfw] {
    padding: 0;
}

.transcript-call-info[b-y326etdhfw] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 24px;
    margin-bottom: 18px;
    padding: 16px 18px;
    border-radius: 10px;
    background: #f5f6f8;
    font-size: 0.9rem;
}


/* Transcript container */

.transcript-list[b-y326etdhfw] {
    padding: 22px;
    background: #1f2630;
    border-radius: 16px;
    max-height: 560px;
    overflow-y: auto;
}


/* Individual message */

.transcript-message[b-y326etdhfw] {
    padding: 18px 22px;
    margin-bottom: 16px;
    border-radius: 14px;
    color: #ffffff;
}

.transcript-message:last-child[b-y326etdhfw] {
    margin-bottom: 0;
}


/* Caller */

.transcript-caller[b-y326etdhfw] {
    background: #24449a;
}


/* Receptionist */

.transcript-receptionist[b-y326etdhfw] {
    background: #39348e;
}


/* Speaker heading */

.transcript-speaker[b-y326etdhfw] {
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 700;
}


/* Actual message */

.transcript-message-text[b-y326etdhfw] {
    font-size: 1rem;
    line-height: 1.55;
    font-weight: 400;
}


/* No transcript */

.transcript-empty[b-y326etdhfw] {
    padding: 30px;
    text-align: center;
    color: #aeb6c2;
}


/* Scrollbar */

.transcript-list[b-y326etdhfw]::-webkit-scrollbar {
    width: 8px;
}

.transcript-list[b-y326etdhfw]::-webkit-scrollbar-track {
    background: transparent;
}

.transcript-list[b-y326etdhfw]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 10px;
}

.transcript-list[b-y326etdhfw]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.35);
}


/* Mobile */

@media (max-width: 700px) {

    .transcript-call-info[b-y326etdhfw] {
        grid-template-columns: 1fr;
    }

    .transcript-list[b-y326etdhfw] {
        padding: 14px;
    }

    .transcript-message[b-y326etdhfw] {
        padding: 16px;
    }
}
/* _content/AiReceptionist/Components/Pages/Admin/ChargingProfiles.razor.rz.scp.css */

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

.charging-page[b-8l569osh48] {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 28px;
}


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

.charging-header[b-8l569osh48] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.charging-header h1[b-8l569osh48] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
}

.charging-header p[b-8l569osh48] {
    margin: 7px 0 0;
    color: var(--bs-secondary-color);
    font-size: 0.95rem;
}

.charging-new-button[b-8l569osh48] {
    flex-shrink: 0;
    min-height: 42px;
    padding-left: 18px;
    padding-right: 18px;
}

.charging-button-icon[b-8l569osh48] {
    display: inline-block;
    margin-right: 6px;
    font-size: 1.2rem;
    line-height: 1;
}


/* ============================================================
   ALERTS
   ============================================================ */

.charging-alert[b-8l569osh48] {
    margin-bottom: 20px;
    border-radius: 10px;
}


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

.charging-loading[b-8l569osh48] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 180px;
    color: var(--bs-secondary-color);
}


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

.charging-table-card[b-8l569osh48] {
    overflow: hidden;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.charging-table-header[b-8l569osh48] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 22px;
    border-bottom: 1px solid var(--bs-border-color);
}

.charging-table-header h2[b-8l569osh48] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.charging-table-header span[b-8l569osh48] {
    display: block;
    margin-top: 3px;
    color: var(--bs-secondary-color);
    font-size: 0.82rem;
}


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

.charging-desktop-table table[b-8l569osh48] {
    min-width: 900px;
}

.charging-desktop-table thead th[b-8l569osh48] {
    padding: 13px 18px;
    background: var(--bs-tertiary-bg);
    border-bottom: 1px solid var(--bs-border-color);
    color: var(--bs-secondary-color);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.charging-desktop-table tbody td[b-8l569osh48] {
    padding: 17px 18px;
    border-color: var(--bs-border-color);
    vertical-align: middle;
}

.charging-desktop-table tbody tr:last-child td[b-8l569osh48] {
    border-bottom: 0;
}

.charging-profile-name[b-8l569osh48] {
    font-weight: 650;
}

.charging-profile-code[b-8l569osh48] {
    margin-top: 2px;
    color: var(--bs-secondary-color);
    font-family: monospace;
    font-size: 0.78rem;
}

.charging-description[b-8l569osh48] {
    max-width: 380px;
    margin-top: 5px;
    color: var(--bs-secondary-color);
    font-size: 0.8rem;
    line-height: 1.4;
}

.charging-money[b-8l569osh48] {
    font-weight: 650;
    white-space: nowrap;
}

.charging-currency[b-8l569osh48] {
    color: var(--bs-secondary-color);
    font-size: 0.75rem;
}

.charging-percentage[b-8l569osh48] {
    font-weight: 650;
    white-space: nowrap;
}

.charging-muted[b-8l569osh48] {
    color: var(--bs-secondary-color);
}


/* ============================================================
   BADGES
   ============================================================ */

.charging-badge[b-8l569osh48] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 650;
    white-space: nowrap;
}

.charging-badge-active[b-8l569osh48] {
    color: var(--bs-success-text-emphasis);
    background: var(--bs-success-bg-subtle);
    border: 1px solid var(--bs-success-border-subtle);
}

.charging-badge-disabled[b-8l569osh48] {
    color: var(--bs-secondary-color);
    background: var(--bs-secondary-bg);
    border: 1px solid var(--bs-border-color);
}

.charging-badge-default[b-8l569osh48] {
    color: var(--bs-primary-text-emphasis);
    background: var(--bs-primary-bg-subtle);
    border: 1px solid var(--bs-primary-border-subtle);
}


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

.charging-actions[b-8l569osh48] {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    white-space: nowrap;
}


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

.charging-empty[b-8l569osh48] {
    padding: 48px 20px !important;
    text-align: center;
}

.charging-empty-title[b-8l569osh48] {
    font-weight: 650;
}

.charging-empty-copy[b-8l569osh48] {
    margin-top: 4px;
    color: var(--bs-secondary-color);
    font-size: 0.85rem;
}


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

.charging-mobile-list[b-8l569osh48] {
    display: none;
}

.charging-mobile-card[b-8l569osh48] {
    padding: 18px;
    border-bottom: 1px solid var(--bs-border-color);
}

.charging-mobile-card:last-child[b-8l569osh48] {
    border-bottom: 0;
}

.charging-mobile-heading[b-8l569osh48] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.charging-mobile-description[b-8l569osh48] {
    margin-top: 12px;
    color: var(--bs-secondary-color);
    font-size: 0.85rem;
    line-height: 1.5;
}

.charging-mobile-values[b-8l569osh48] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 18px;
}

.charging-mobile-value[b-8l569osh48] {
    min-width: 0;
    padding: 12px;
    background: var(--bs-tertiary-bg);
    border-radius: 8px;
}

.charging-mobile-value > span:first-child[b-8l569osh48] {
    display: block;
    margin-bottom: 5px;
    color: var(--bs-secondary-color);
    font-size: 0.72rem;
}

.charging-mobile-value strong[b-8l569osh48] {
    display: block;
    font-size: 0.95rem;
}

.charging-mobile-actions[b-8l569osh48] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 16px;
}


/* ============================================================
   EDITOR
   ============================================================ */

.charging-editor[b-8l569osh48] {
    margin-top: 24px;
    overflow: hidden;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.charging-editor-header[b-8l569osh48] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 21px 24px;
    border-bottom: 1px solid var(--bs-border-color);
}

.charging-editor-header h2[b-8l569osh48] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
}

.charging-editor-header p[b-8l569osh48] {
    margin: 5px 0 0;
    color: var(--bs-secondary-color);
    font-size: 0.85rem;
}

.charging-close[b-8l569osh48] {
    width: 34px;
    height: 34px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--bs-secondary-color);
    font-size: 1.5rem;
    line-height: 1;
}

.charging-close:hover[b-8l569osh48] {
    background: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}

.charging-editor-body[b-8l569osh48] {
    padding: 24px;
}


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

.charging-form-grid[b-8l569osh48] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.charging-field-wide[b-8l569osh48] {
    grid-column: span 2;
}

.charging-field-full[b-8l569osh48] {
    grid-column: 1 / -1;
}

.charging-field label[b-8l569osh48] {
    display: block;
    margin-bottom: 7px;
    font-size: 0.84rem;
    font-weight: 650;
}

.charging-field small[b-8l569osh48] {
    display: block;
    margin-top: 6px;
    color: var(--bs-secondary-color);
    font-size: 0.75rem;
    line-height: 1.4;
}

.charging-field .form-control[b-8l569osh48],
.charging-field .form-select[b-8l569osh48],
.charging-field .input-group-text[b-8l569osh48] {
    min-height: 42px;
}


/* ============================================================
   OPTIONS
   ============================================================ */

.charging-options[b-8l569osh48] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid var(--bs-border-color);
}

.charging-option[b-8l569osh48] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 14px;
    border: 1px solid var(--bs-border-color);
    border-radius: 9px;
    cursor: pointer;
}

.charging-option .form-check-input[b-8l569osh48] {
    flex-shrink: 0;
    margin-top: 3px;
}

.charging-option strong[b-8l569osh48] {
    display: block;
    font-size: 0.87rem;
}

.charging-option small[b-8l569osh48] {
    display: block;
    margin-top: 3px;
    color: var(--bs-secondary-color);
    font-size: 0.75rem;
    line-height: 1.4;
}


/* ============================================================
   EDITOR ACTIONS
   ============================================================ */

.charging-editor-actions[b-8l569osh48] {
    display: flex;
    gap: 10px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--bs-border-color);
}


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

@media (max-width: 991.98px) {

    .charging-page[b-8l569osh48] {
        padding: 22px;
    }

    .charging-form-grid[b-8l569osh48] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .charging-field-wide[b-8l569osh48] {
        grid-column: span 1;
    }

}


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

@media (max-width: 767.98px) {

    .charging-page[b-8l569osh48] {
        padding: 16px;
    }

    .charging-header[b-8l569osh48] {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
    }

    .charging-header h1[b-8l569osh48] {
        font-size: 1.5rem;
    }

    .charging-new-button[b-8l569osh48] {
        width: 100%;
    }

    .charging-desktop-table[b-8l569osh48] {
        display: none;
    }

    .charging-mobile-list[b-8l569osh48] {
        display: block;
    }

    .charging-table-header[b-8l569osh48] {
        padding: 17px 18px;
    }

    .charging-form-grid[b-8l569osh48] {
        grid-template-columns: 1fr;
    }

    .charging-field-wide[b-8l569osh48],
    .charging-field-full[b-8l569osh48] {
        grid-column: auto;
    }

    .charging-options[b-8l569osh48] {
        grid-template-columns: 1fr;
    }

    .charging-editor-header[b-8l569osh48] {
        padding: 18px;
    }

    .charging-editor-body[b-8l569osh48] {
        padding: 18px;
    }

    .charging-editor-actions[b-8l569osh48] {
        flex-direction: column;
    }

    .charging-editor-actions .btn[b-8l569osh48] {
        width: 100%;
    }

}


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

@media (max-width: 480px) {

    .charging-page[b-8l569osh48] {
        padding: 12px;
    }

    .charging-mobile-values[b-8l569osh48] {
        grid-template-columns: 1fr 1fr;
    }

    .charging-mobile-value:last-child[b-8l569osh48] {
        grid-column: 1 / -1;
    }

    .charging-mobile-actions[b-8l569osh48] {
        grid-template-columns: 1fr;
    }

}
/* _content/AiReceptionist/Components/Pages/Admin/CompanyChargingProfiles.razor.rz.scp.css */
/* ============================================================
   COMPANY CHARGING PROFILES
   ============================================================ */

.company-charging-page[b-lrhrj243bl] {
    width: 100%;
    padding: 1.5rem;
}

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

.company-charging-header h1[b-lrhrj243bl] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
}

.company-charging-header p[b-lrhrj243bl] {
    margin: .35rem 0 0;
    color: #6c757d;
}

.company-charging-card[b-lrhrj243bl] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .85rem;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.company-charging-card-header[b-lrhrj243bl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
}

.company-charging-card-header h2[b-lrhrj243bl] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.company-charging-grid[b-lrhrj243bl] {
    padding: 1rem;
}

/* ============================================================
   GRID CONTENT
   ============================================================ */

.company-name-cell[b-lrhrj243bl] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.company-name-cell .company-name[b-lrhrj243bl] {
    font-weight: 600;
    color: #111827;
}

.company-name-cell .company-id[b-lrhrj243bl] {
    font-size: .75rem;
    color: #9ca3af;
}

.profile-name[b-lrhrj243bl] {
    font-weight: 600;
}

.profile-unassigned[b-lrhrj243bl] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-weight: 600;
    color: #b45309;
}

.markup-value[b-lrhrj243bl] {
    font-weight: 700;
    white-space: nowrap;
}

.edit-profile-button[b-lrhrj243bl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-width: 78px;
}

/* ============================================================
   DIALOG
   ============================================================ */

.charging-dialog-content[b-lrhrj243bl] {
    padding: .25rem .1rem;
}

.charging-company-summary[b-lrhrj243bl] {
    padding: 1rem;
    margin-bottom: 1rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
}

.charging-company-name[b-lrhrj243bl] {
    margin: 0 0 .25rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #111827;
}

.charging-company-telephone[b-lrhrj243bl] {
    margin: 0;
    color: #6b7280;
}

/* ============================================================
   CURRENT PROFILE
   ============================================================ */

.current-profile-panel[b-lrhrj243bl],
.selected-profile-panel[b-lrhrj243bl] {
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.profile-panel-title[b-lrhrj243bl] {
    margin: 0 0 .85rem;
    font-size: .9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .035em;
    color: #6b7280;
}

.profile-detail-grid[b-lrhrj243bl] {
    display: grid;
    grid-template-columns: minmax(130px, .8fr) minmax(0, 1.2fr);
    gap: .65rem 1rem;
}

.profile-detail-label[b-lrhrj243bl] {
    color: #6b7280;
    font-size: .875rem;
}

.profile-detail-value[b-lrhrj243bl] {
    font-weight: 600;
    color: #111827;
    word-break: break-word;
}

.profile-markup[b-lrhrj243bl] {
    font-size: 1.05rem;
    font-weight: 700;
}

/* ============================================================
   PROFILE SELECTOR
   ============================================================ */

.profile-selector-section[b-lrhrj243bl] {
    margin: 1rem 0;
}

.profile-selector-section label[b-lrhrj243bl] {
    display: block;
    margin-bottom: .45rem;
    font-weight: 600;
    color: #374151;
}

.profile-selector-help[b-lrhrj243bl] {
    margin-top: .4rem;
    font-size: .8rem;
    color: #6b7280;
}

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

.profile-status-row[b-lrhrj243bl] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .75rem;
}

.profile-status-badge[b-lrhrj243bl] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .3rem .6rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
}

.profile-status-active[b-lrhrj243bl] {
    background: #dcfce7;
    color: #166534;
}

.profile-status-inactive[b-lrhrj243bl] {
    background: #f3f4f6;
    color: #4b5563;
}

.profile-status-default[b-lrhrj243bl] {
    background: #dbeafe;
    color: #1d4ed8;
}

.profile-status-arrangement[b-lrhrj243bl] {
    background: #fef3c7;
    color: #92400e;
}

/* ============================================================
   MESSAGES
   ============================================================ */

.charging-message[b-lrhrj243bl] {
    margin: 1rem 0;
    padding: .75rem 1rem;
    border-radius: .65rem;
    font-size: .9rem;
}

.charging-message-success[b-lrhrj243bl] {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}

.charging-message-error[b-lrhrj243bl] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

/* ============================================================
   DIALOG ACTIONS
   ============================================================ */

.charging-dialog-actions[b-lrhrj243bl] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .75rem;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

.charging-dialog-actions .btn[b-lrhrj243bl] {
    min-width: 110px;
}

/* ============================================================
   SYNCFUSION REFINEMENTS
   ============================================================ */

[b-lrhrj243bl] .e-grid {
    border: 0;
}

[b-lrhrj243bl] .e-grid .e-headercell {
    font-weight: 700;
}

[b-lrhrj243bl] .e-grid .e-rowcell {
    vertical-align: middle;
}

[b-lrhrj243bl] .e-dialog .e-dlg-header {
    font-weight: 700;
}

[b-lrhrj243bl] .e-dialog .e-dlg-content {
    padding: 1.25rem;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 768px) {
    .company-charging-page[b-lrhrj243bl] {
        padding: 1rem;
    }

    .company-charging-header[b-lrhrj243bl] {
        flex-direction: column;
    }

    .company-charging-card-header[b-lrhrj243bl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .profile-detail-grid[b-lrhrj243bl] {
        grid-template-columns: 1fr;
        gap: .2rem;
    }

    .profile-detail-value[b-lrhrj243bl] {
        margin-bottom: .65rem;
    }

    .charging-dialog-actions[b-lrhrj243bl] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .charging-dialog-actions .btn[b-lrhrj243bl] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .company-charging-page[b-lrhrj243bl] {
        padding: .75rem;
    }

    .company-charging-header h1[b-lrhrj243bl] {
        font-size: 1.45rem;
    }

    .company-charging-grid[b-lrhrj243bl] {
        padding: .5rem;
    }

    .charging-company-summary[b-lrhrj243bl],
    .current-profile-panel[b-lrhrj243bl],
    .selected-profile-panel[b-lrhrj243bl] {
        padding: .8rem;
    }
}
/* _content/AiReceptionist/Components/Pages/Admin/CompanyModules.razor.rz.scp.css */
.module-code[b-tm7kp7m7zm] {
    display: inline-block;
    font-family: var(--bs-font-monospace);
    font-size: 0.75rem;
    color: var(--bs-secondary-color);
}

.module-total[b-tm7kp7m7zm] {
    padding: 1rem 1.25rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    background: var(--bs-tertiary-bg);
}

.module-total-value[b-tm7kp7m7zm] {
    margin-top: 0.25rem;
    font-size: 1.75rem;
    font-weight: 700;
}
/* _content/AiReceptionist/Components/Pages/Admin/ConversationLogs.razor.rz.scp.css */
/* ============================================================
   CALL HISTORY PAGE
   ============================================================ */

.call-history-page[b-db4seg1kt0] {
    padding: 1.5rem;
    background: #f6f8fb;
    min-height: 100vh;
}


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

.call-history-header[b-db4seg1kt0] {
    margin-bottom: 1.75rem;
}

.call-history-title[b-db4seg1kt0] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    color: #172033;
    letter-spacing: -0.025em;
}

.call-history-subtitle[b-db4seg1kt0] {
    margin-top: 0.35rem;
    color: #6b7280;
    font-size: 0.95rem;
}


/* ============================================================
   FILTER BAR
   ============================================================ */

.call-history-filter[b-db4seg1kt0] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;

    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 12px;

    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.03),
            0 2px 6px rgba(16, 24, 40, 0.03);
}

.call-history-filter-item[b-db4seg1kt0] {
    width: 260px;
}

.call-history-filter label[b-db4seg1kt0] {
    display: block;
    margin-bottom: 0.45rem;

    font-size: 0.8rem;
    font-weight: 600;
    color: #4b5563;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}


/* ============================================================
   SUMMARY GRID
   ============================================================ */

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


/* ============================================================
   SUMMARY CARD
   ============================================================ */

.summary-card[b-db4seg1kt0] {
    position: relative;

    padding: 1.35rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 14px;

    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.03),
            0 3px 8px rgba(16, 24, 40, 0.04);

    transition:
            transform 0.18s ease,
            box-shadow 0.18s ease;
}

.summary-card:hover[b-db4seg1kt0] {
    transform: translateY(-2px);

    box-shadow:
            0 3px 8px rgba(16, 24, 40, 0.06),
            0 8px 20px rgba(16, 24, 40, 0.06);
}

.summary-card-label[b-db4seg1kt0] {
    margin-bottom: 0.5rem;

    color: #7b8494;
    font-size: 0.78rem;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 0.045em;
}

.summary-card-value[b-db4seg1kt0] {
    color: #172033;
    font-size: 1.85rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.03em;
}


/* ============================================================
   PANELS
   ============================================================ */

.dashboard-panel[b-db4seg1kt0] {
    margin-bottom: 1.5rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 14px;

    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.03),
            0 3px 8px rgba(16, 24, 40, 0.03);

    overflow: hidden;
}

.dashboard-panel-header[b-db4seg1kt0] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 1rem 1.25rem;

    border-bottom: 1px solid #edf0f4;
}

.dashboard-panel-title[b-db4seg1kt0] {
    margin: 0;

    color: #202939;
    font-size: 1rem;
    font-weight: 650;
}

.dashboard-panel-body[b-db4seg1kt0] {
    padding: 1.25rem;
}


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

.token-grid[b-db4seg1kt0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.token-card[b-db4seg1kt0] {
    padding: 1.15rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 12px;
}

.token-card-label[b-db4seg1kt0] {
    margin-bottom: 0.4rem;

    color: #7b8494;
    font-size: 0.78rem;
    font-weight: 600;
}

.token-card-value[b-db4seg1kt0] {
    color: #202939;
    font-size: 1.4rem;
    font-weight: 700;
}


/* ============================================================
   SYNCFUSION TAB
   ============================================================ */

[b-db4seg1kt0] .e-tab {
    background: transparent;
}

[b-db4seg1kt0] .e-tab .e-tab-header {
    background: #ffffff;

    border: 1px solid #e7eaf0;
    border-radius: 12px 12px 0 0;
}

[b-db4seg1kt0] .e-tab .e-tab-header .e-toolbar-item {
    padding: 0 0.25rem;
}

[b-db4seg1kt0] .e-tab .e-tab-header .e-tab-text {
    font-weight: 600;
}

[b-db4seg1kt0] .e-tab .e-content {
    background: transparent;
}


/* ============================================================
   SYNCFUSION GRID
   ============================================================ */

[b-db4seg1kt0] .e-grid {
    border: none !important;
    border-radius: 12px;

    font-size: 0.9rem;

    overflow: hidden;
}

[b-db4seg1kt0] .e-grid .e-gridheader {
    border-color: #e7eaf0;
}

[b-db4seg1kt0] .e-grid .e-headercell {
    background: #f8fafc;

    border-color: #edf0f4;

    color: #4b5563;

    font-size: 0.78rem;
    font-weight: 650;

    text-transform: uppercase;
    letter-spacing: 0.035em;
}

[b-db4seg1kt0] .e-grid .e-rowcell {
    border-color: #edf0f4;

    color: #374151;

    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

[b-db4seg1kt0] .e-grid .e-row:hover .e-rowcell {
    background: #f8fafc;
}

[b-db4seg1kt0] .e-grid .e-altrow {
    background: #fcfcfd;
}


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

[b-db4seg1kt0] .e-grid .e-pager {
    border-top: 1px solid #edf0f4;
    background: #ffffff;
}


/* ============================================================
   CHART
   ============================================================ */

.chart-container[b-db4seg1kt0] {
    min-height: 350px;
}


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

.call-history-loading[b-db4seg1kt0] {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 300px;

    color: #6b7280;
    font-size: 0.95rem;
}


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

.call-history-error[b-db4seg1kt0] {
    padding: 1rem 1.25rem;

    background: #fff5f5;
    border: 1px solid #fecaca;
    border-radius: 10px;

    color: #991b1b;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1200px) {

    .summary-grid[b-db4seg1kt0],
    .token-grid[b-db4seg1kt0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 768px) {

    .call-history-page[b-db4seg1kt0] {
        padding: 1rem;
    }

    .summary-grid[b-db4seg1kt0],
    .token-grid[b-db4seg1kt0] {
        grid-template-columns: 1fr;
    }

    .call-history-filter[b-db4seg1kt0] {
        display: block;
    }

    .call-history-filter-item[b-db4seg1kt0] {
        width: 100%;
    }

    .summary-card-value[b-db4seg1kt0] {
        font-size: 1.6rem;
    }
}

.summary-card-warning[b-db4seg1kt0] {
    border: 1px solid #dc3545;
    background: #fff5f5;
}

.summary-card-warning .summary-card-label[b-db4seg1kt0] {
    color: #b02a37;
}

.summary-card-warning .summary-card-value[b-db4seg1kt0] {
    color: #dc3545;
}

.summary-card-warning-text[b-db4seg1kt0] {
    margin-top: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #dc3545;
}

.transcript-dialog[b-db4seg1kt0] {
    padding: 0;
}

.transcript-call-info[b-db4seg1kt0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 24px;
    margin-bottom: 18px;
    padding: 16px 18px;
    border-radius: 10px;
    background: #f5f6f8;
    font-size: 0.9rem;
}


/* Transcript container */

.transcript-list[b-db4seg1kt0] {
    padding: 22px;
    background: #1f2630;
    border-radius: 16px;
    max-height: 560px;
    overflow-y: auto;
}


/* Individual message */

.transcript-message[b-db4seg1kt0] {
    padding: 18px 22px;
    margin-bottom: 16px;
    border-radius: 14px;
    color: #ffffff;
}

.transcript-message:last-child[b-db4seg1kt0] {
    margin-bottom: 0;
}


/* Caller */

.transcript-caller[b-db4seg1kt0] {
    background: #24449a;
}


/* Receptionist */

.transcript-receptionist[b-db4seg1kt0] {
    background: #39348e;
}


/* Speaker heading */

.transcript-speaker[b-db4seg1kt0] {
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 700;
}


/* Actual message */

.transcript-message-text[b-db4seg1kt0] {
    font-size: 1rem;
    line-height: 1.55;
    font-weight: 400;
}


/* No transcript */

.transcript-empty[b-db4seg1kt0] {
    padding: 30px;
    text-align: center;
    color: #aeb6c2;
}


/* Scrollbar */

.transcript-list[b-db4seg1kt0]::-webkit-scrollbar {
    width: 8px;
}

.transcript-list[b-db4seg1kt0]::-webkit-scrollbar-track {
    background: transparent;
}

.transcript-list[b-db4seg1kt0]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 10px;
}

.transcript-list[b-db4seg1kt0]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.35);
}


/* Mobile */

@media (max-width: 700px) {

    .transcript-call-info[b-db4seg1kt0] {
        grid-template-columns: 1fr;
    }

    .transcript-list[b-db4seg1kt0] {
        padding: 14px;
    }

    .transcript-message[b-db4seg1kt0] {
        padding: 16px;
    }
}

/* ============================================================
   CALL RECORDING
   ============================================================ */

.call-recording-card[b-db4seg1kt0] {
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
}

.call-recording-header[b-db4seg1kt0] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px 12px;
}

.call-recording-icon[b-db4seg1kt0] {
    display: flex;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eef2ff;
}

.call-recording-icon span[b-db4seg1kt0] {
    width: 14px;
    height: 14px;
    border: 3px solid #4f46e5;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12);
}

.call-recording-heading[b-db4seg1kt0] { min-width: 0; flex: 1 1 auto; }
.call-recording-title[b-db4seg1kt0] { color: #0f172a; font-size: .98rem; font-weight: 700; line-height: 1.25; }
.call-recording-status[b-db4seg1kt0] { display: flex; align-items: center; gap: 6px; margin-top: 4px; color: #64748b; font-size: .78rem; font-weight: 500; }
.call-recording-status-dot[b-db4seg1kt0] { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; }
.call-recording-duration[b-db4seg1kt0] { flex: 0 0 auto; padding: 5px 9px; border: 1px solid #e2e8f0; border-radius: 999px; background: #fff; color: #475569; font-size: .76rem; font-weight: 600; white-space: nowrap; }

.call-recording-player[b-db4seg1kt0] {
    display: grid;
    grid-template-columns: 46px 48px minmax(100px, 1fr) 48px 42px;
    align-items: center;
    gap: 10px;
    margin: 4px 18px 16px;
    padding: 12px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #f8fafc;
}

.call-recording-audio[b-db4seg1kt0] { display: none; }

.call-recording-play-button[b-db4seg1kt0],
.call-recording-volume-button[b-db4seg1kt0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    cursor: pointer;
    transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}

.call-recording-play-button[b-db4seg1kt0] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #4f46e5;
    box-shadow: 0 5px 14px rgba(79, 70, 229, .25);
}
.call-recording-play-button:hover[b-db4seg1kt0] { transform: translateY(-1px); background: #4338ca; box-shadow: 0 7px 18px rgba(79,70,229,.3); }
.call-recording-play-button:focus-visible[b-db4seg1kt0],
.call-recording-volume-button:focus-visible[b-db4seg1kt0],
.call-recording-progress:focus-visible[b-db4seg1kt0] { outline: 3px solid rgba(79,70,229,.22); outline-offset: 2px; }

.call-recording-play-icon[b-db4seg1kt0] {
    width: 0;
    height: 0;
    margin-left: 3px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #fff;
}
.call-recording-play-button.is-playing .call-recording-play-icon[b-db4seg1kt0] {
    width: 12px;
    height: 14px;
    margin-left: 0;
    border: 0;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
}

.call-recording-time[b-db4seg1kt0] { color: #475569; font-size: .82rem; font-weight: 650; font-variant-numeric: tabular-nums; text-align: center; }

.call-recording-progress[b-db4seg1kt0] {
    width: 100%;
    height: 5px;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 999px;
    .custom-audio-progress {
        --audio-progress: 0%;

        background: linear-gradient(
                to right,
                #4f46e5 0%,
                #4f46e5 var(--audio-progress),
                #d9e1ec var(--audio-progress),
                #d9e1ec 100%
        );
    }
    cursor: pointer;[b-db4seg1kt0]
}
.call-recording-progress[b-db4seg1kt0]::-webkit-slider-thumb { width: 15px; height: 15px; appearance: none; -webkit-appearance: none; border: 3px solid #fff; border-radius: 50%; background: #4f46e5; box-shadow: 0 1px 5px rgba(15,23,42,.25); }
.call-recording-progress[b-db4seg1kt0]::-moz-range-thumb { width: 11px; height: 11px; border: 3px solid #fff; border-radius: 50%; background: #4f46e5; box-shadow: 0 1px 5px rgba(15,23,42,.25); }

.call-recording-volume-button[b-db4seg1kt0] { width: 38px; height: 38px; border-radius: 10px; background: transparent; }
.call-recording-volume-button:hover[b-db4seg1kt0] { background: #eef2ff; }
.call-recording-volume-icon[b-db4seg1kt0] { position: relative; width: 18px; height: 16px; }
.call-recording-volume-icon[b-db4seg1kt0]::before { content: ''; position: absolute; left: 0; top: 5px; width: 6px; height: 7px; border-radius: 2px 0 0 2px; background: #64748b; }
.call-recording-volume-icon[b-db4seg1kt0]::after { content: ''; position: absolute; left: 5px; top: 2px; width: 10px; height: 12px; border: 2px solid #64748b; border-left: 0; border-top-color: transparent; border-bottom-color: transparent; border-radius: 0 50% 50% 0; }
.call-recording-volume-button.is-muted .call-recording-volume-icon[b-db4seg1kt0]::after { border-color: #ef4444; border-left: 2px solid #ef4444; transform: rotate(45deg); width: 2px; height: 18px; left: 10px; top: -1px; border-radius: 0; }

.call-recording-footer[b-db4seg1kt0] { padding: 9px 18px; border-top: 1px solid #e8eef6; background: rgba(248,250,252,.85); color: #64748b; font-size: .72rem; line-height: 1.35; }

@media (max-width: 576px) {
    .call-recording-header[b-db4seg1kt0] { padding: 14px 14px 10px; }
    .call-recording-player[b-db4seg1kt0] { grid-template-columns: 42px 42px 1fr 38px; gap: 7px; margin: 4px 14px 12px; padding: 10px; }
    .call-recording-time-total[b-db4seg1kt0] { display: none; }
    .call-recording-duration[b-db4seg1kt0] { display: none; }
    .call-recording-footer[b-db4seg1kt0] { padding: 8px 14px; }
    .call-recording-play-button[b-db4seg1kt0] { width: 42px; height: 42px; }
}


/* ============================================================
   EMAIL TRANSCRIPT PANEL
   ============================================================ */

.transcript-email-panel[b-db4seg1kt0] {
    margin: 20px 0 22px;
    padding: 20px;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.transcript-email-title[b-db4seg1kt0] {
    margin-bottom: 16px;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.transcript-email-grid[b-db4seg1kt0] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
    align-items: end;
    gap: 16px;
}

.transcript-email-field[b-db4seg1kt0] {
    min-width: 0;
}

.transcript-email-field label[b-db4seg1kt0] {
    display: block;
    margin-bottom: 7px;
    color: #475569;
    font-size: .78rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.transcript-email-field[b-db4seg1kt0]  .e-input-group,
.transcript-email-field[b-db4seg1kt0]  .e-control-wrapper {
    min-height: 42px;
    border-color: #dbe4f0 !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.transcript-email-field[b-db4seg1kt0]  .e-input-group:hover,
.transcript-email-field[b-db4seg1kt0]  .e-control-wrapper:hover {
    border-color: #aebdd0 !important;
}

.transcript-email-field[b-db4seg1kt0]  .e-input-group.e-input-focus,
.transcript-email-field[b-db4seg1kt0]  .e-control-wrapper.e-input-focus {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, .10) !important;
}

.transcript-email-field[b-db4seg1kt0]  input.e-input {
    min-height: 40px;
    padding-left: 12px !important;
    padding-right: 12px !important;
    color: #334155;
    font-size: .9rem;
}

.transcript-email-action[b-db4seg1kt0] {
    display: flex;
    align-items: flex-end;
    padding-left: 4px;
}

.transcript-email-action[b-db4seg1kt0]  .transcript-email-button {
    min-height: 42px;
    padding: 0 20px !important;
    border-radius: 9px !important;
    font-weight: 650 !important;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(79, 70, 229, .18);
}

.transcript-email-action[b-db4seg1kt0]  .transcript-email-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(79, 70, 229, .24);
}

.transcript-email-panel .alert[b-db4seg1kt0],
.transcript-email-panel .text-success[b-db4seg1kt0],
.transcript-email-panel .text-danger[b-db4seg1kt0] {
    margin-top: 14px;
}

@media (max-width: 900px) {
    .transcript-email-grid[b-db4seg1kt0] {
        grid-template-columns: 1fr 1fr;
    }

    .transcript-email-action[b-db4seg1kt0] {
        grid-column: 1 / -1;
        padding-left: 0;
    }
}

@media (max-width: 650px) {
    .transcript-email-panel[b-db4seg1kt0] {
        padding: 16px;
    }

    .transcript-email-grid[b-db4seg1kt0] {
        grid-template-columns: 1fr;
    }

    .transcript-email-action[b-db4seg1kt0] {
        grid-column: auto;
    }

    .transcript-email-action[b-db4seg1kt0]  .transcript-email-button {
        width: 100%;
    }
}


/* ============================================================
   TELEPHONE CALL ACTION
   ============================================================ */

.telephone-call-cell[b-db4seg1kt0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.telephone-call-number[b-db4seg1kt0] {
    min-width: 0;
    overflow: hidden;
    color: #374151;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.telephone-call-button[b-db4seg1kt0] {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #dbe4f0;
    border-radius: 9px;
    background: #ffffff;
    color: #4f46e5;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
    transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.telephone-call-button:hover[b-db4seg1kt0] {
    transform: translateY(-1px);
    border-color: #c7d2fe;
    background: #eef2ff;
    box-shadow: 0 4px 10px rgba(79, 70, 229, .12);
}

.telephone-call-button:focus-visible[b-db4seg1kt0] {
    outline: 3px solid rgba(79, 70, 229, .18);
    outline-offset: 2px;
}
/* _content/AiReceptionist/Components/Pages/Admin/CustomerDashboard.razor.rz.scp.css */
/* ============================================================
   CALL HISTORY PAGE
   ============================================================ */

.call-history-page[b-pzmrcph2la] {
    padding: 1.5rem;
    background: #f6f8fb;
    min-height: 100vh;
}


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

.call-history-header[b-pzmrcph2la] {
    margin-bottom: 1.75rem;
}

.call-history-title[b-pzmrcph2la] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    color: #172033;
    letter-spacing: -0.025em;
}

.call-history-subtitle[b-pzmrcph2la] {
    margin-top: 0.35rem;
    color: #6b7280;
    font-size: 0.95rem;
}


/* ============================================================
   FILTER BAR
   ============================================================ */

.call-history-filter[b-pzmrcph2la] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;

    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 12px;

    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.03),
            0 2px 6px rgba(16, 24, 40, 0.03);
}

.call-history-filter-item[b-pzmrcph2la] {
    width: 260px;
}

.call-history-filter label[b-pzmrcph2la] {
    display: block;
    margin-bottom: 0.45rem;

    font-size: 0.8rem;
    font-weight: 600;
    color: #4b5563;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}


/* ============================================================
   SUMMARY GRID
   ============================================================ */

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


/* ============================================================
   SUMMARY CARD
   ============================================================ */

.summary-card[b-pzmrcph2la] {
    position: relative;

    padding: 1.35rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 14px;

    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.03),
            0 3px 8px rgba(16, 24, 40, 0.04);

    transition:
            transform 0.18s ease,
            box-shadow 0.18s ease;
}

.summary-card:hover[b-pzmrcph2la] {
    transform: translateY(-2px);

    box-shadow:
            0 3px 8px rgba(16, 24, 40, 0.06),
            0 8px 20px rgba(16, 24, 40, 0.06);
}

.summary-card-label[b-pzmrcph2la] {
    margin-bottom: 0.5rem;

    color: #7b8494;
    font-size: 0.78rem;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 0.045em;
}

.summary-card-value[b-pzmrcph2la] {
    color: #172033;
    font-size: 1.85rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.03em;
}


/* ============================================================
   PANELS
   ============================================================ */

.dashboard-panel[b-pzmrcph2la] {
    margin-bottom: 1.5rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 14px;

    box-shadow:
            0 1px 2px rgba(16, 24, 40, 0.03),
            0 3px 8px rgba(16, 24, 40, 0.03);

    overflow: hidden;
}

.dashboard-panel-header[b-pzmrcph2la] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 1rem 1.25rem;

    border-bottom: 1px solid #edf0f4;
}

.dashboard-panel-title[b-pzmrcph2la] {
    margin: 0;

    color: #202939;
    font-size: 1rem;
    font-weight: 650;
}

.dashboard-panel-body[b-pzmrcph2la] {
    padding: 1.25rem;
}


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

.token-grid[b-pzmrcph2la] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.token-card[b-pzmrcph2la] {
    padding: 1.15rem;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 12px;
}

.token-card-label[b-pzmrcph2la] {
    margin-bottom: 0.4rem;

    color: #7b8494;
    font-size: 0.78rem;
    font-weight: 600;
}

.token-card-value[b-pzmrcph2la] {
    color: #202939;
    font-size: 1.4rem;
    font-weight: 700;
}


/* ============================================================
   SYNCFUSION TAB
   ============================================================ */

[b-pzmrcph2la] .e-tab {
    background: transparent;
}

[b-pzmrcph2la] .e-tab .e-tab-header {
    background: #ffffff;

    border: 1px solid #e7eaf0;
    border-radius: 12px 12px 0 0;
}

[b-pzmrcph2la] .e-tab .e-tab-header .e-toolbar-item {
    padding: 0 0.25rem;
}

[b-pzmrcph2la] .e-tab .e-tab-header .e-tab-text {
    font-weight: 600;
}

[b-pzmrcph2la] .e-tab .e-content {
    background: transparent;
}


/* ============================================================
   SYNCFUSION GRID
   ============================================================ */

[b-pzmrcph2la] .e-grid {
    border: none !important;
    border-radius: 12px;

    font-size: 0.9rem;

    overflow: hidden;
}

[b-pzmrcph2la] .e-grid .e-gridheader {
    border-color: #e7eaf0;
}

[b-pzmrcph2la] .e-grid .e-headercell {
    background: #f8fafc;

    border-color: #edf0f4;

    color: #4b5563;

    font-size: 0.78rem;
    font-weight: 650;

    text-transform: uppercase;
    letter-spacing: 0.035em;
}

[b-pzmrcph2la] .e-grid .e-rowcell {
    border-color: #edf0f4;

    color: #374151;

    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

[b-pzmrcph2la] .e-grid .e-row:hover .e-rowcell {
    background: #f8fafc;
}

[b-pzmrcph2la] .e-grid .e-altrow {
    background: #fcfcfd;
}


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

[b-pzmrcph2la] .e-grid .e-pager {
    border-top: 1px solid #edf0f4;
    background: #ffffff;
}


/* ============================================================
   CHART
   ============================================================ */

.chart-container[b-pzmrcph2la] {
    min-height: 350px;
}


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

.call-history-loading[b-pzmrcph2la] {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 300px;

    color: #6b7280;
    font-size: 0.95rem;
}


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

.call-history-error[b-pzmrcph2la] {
    padding: 1rem 1.25rem;

    background: #fff5f5;
    border: 1px solid #fecaca;
    border-radius: 10px;

    color: #991b1b;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1200px) {

    .summary-grid[b-pzmrcph2la],
    .token-grid[b-pzmrcph2la] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 768px) {

    .call-history-page[b-pzmrcph2la] {
        padding: 1rem;
    }

    .summary-grid[b-pzmrcph2la],
    .token-grid[b-pzmrcph2la] {
        grid-template-columns: 1fr;
    }

    .call-history-filter[b-pzmrcph2la] {
        display: block;
    }

    .call-history-filter-item[b-pzmrcph2la] {
        width: 100%;
    }

    .summary-card-value[b-pzmrcph2la] {
        font-size: 1.6rem;
    }
}

.summary-card-warning[b-pzmrcph2la] {
    border: 1px solid #dc3545;
    background: #fff5f5;
}

.summary-card-warning .summary-card-label[b-pzmrcph2la] {
    color: #b02a37;
}

.summary-card-warning .summary-card-value[b-pzmrcph2la] {
    color: #dc3545;
}

.summary-card-warning-text[b-pzmrcph2la] {
    margin-top: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #dc3545;
}

.transcript-dialog[b-pzmrcph2la] {
    padding: 0;
}

.transcript-call-info[b-pzmrcph2la] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 24px;
    margin-bottom: 18px;
    padding: 16px 18px;
    border-radius: 10px;
    background: #f5f6f8;
    font-size: 0.9rem;
}


/* Transcript container */

.transcript-list[b-pzmrcph2la] {
    padding: 22px;
    background: #1f2630;
    border-radius: 16px;
    max-height: 560px;
    overflow-y: auto;
}


/* Individual message */

.transcript-message[b-pzmrcph2la] {
    padding: 18px 22px;
    margin-bottom: 16px;
    border-radius: 14px;
    color: #ffffff;
}

.transcript-message:last-child[b-pzmrcph2la] {
    margin-bottom: 0;
}


/* Caller */

.transcript-caller[b-pzmrcph2la] {
    background: #24449a;
}


/* Receptionist */

.transcript-receptionist[b-pzmrcph2la] {
    background: #39348e;
}


/* Speaker heading */

.transcript-speaker[b-pzmrcph2la] {
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 700;
}


/* Actual message */

.transcript-message-text[b-pzmrcph2la] {
    font-size: 1rem;
    line-height: 1.55;
    font-weight: 400;
}


/* No transcript */

.transcript-empty[b-pzmrcph2la] {
    padding: 30px;
    text-align: center;
    color: #aeb6c2;
}


/* Scrollbar */

.transcript-list[b-pzmrcph2la]::-webkit-scrollbar {
    width: 8px;
}

.transcript-list[b-pzmrcph2la]::-webkit-scrollbar-track {
    background: transparent;
}

.transcript-list[b-pzmrcph2la]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 10px;
}

.transcript-list[b-pzmrcph2la]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.35);
}


/* Mobile */

@media (max-width: 700px) {

    .transcript-call-info[b-pzmrcph2la] {
        grid-template-columns: 1fr;
    }

    .transcript-list[b-pzmrcph2la] {
        padding: 14px;
    }

    .transcript-message[b-pzmrcph2la] {
        padding: 16px;
    }
}
/* ============================================================
   EMAIL TRANSCRIPT PANEL
   ============================================================ */

.transcript-email-panel[b-pzmrcph2la] {
    margin: 20px 0 22px;
    padding: 20px;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.transcript-email-title[b-pzmrcph2la] {
    margin-bottom: 16px;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.transcript-email-grid[b-pzmrcph2la] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
    align-items: end;
    gap: 16px;
}

.transcript-email-field[b-pzmrcph2la] {
    min-width: 0;
}

.transcript-email-field label[b-pzmrcph2la] {
    display: block;
    margin-bottom: 7px;
    color: #475569;
    font-size: .78rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.transcript-email-field[b-pzmrcph2la]  .e-input-group,
.transcript-email-field[b-pzmrcph2la]  .e-control-wrapper {
    min-height: 42px;
    border-color: #dbe4f0 !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.transcript-email-field[b-pzmrcph2la]  .e-input-group:hover,
.transcript-email-field[b-pzmrcph2la]  .e-control-wrapper:hover {
    border-color: #aebdd0 !important;
}

.transcript-email-field[b-pzmrcph2la]  .e-input-group.e-input-focus,
.transcript-email-field[b-pzmrcph2la]  .e-control-wrapper.e-input-focus {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, .10) !important;
}

.transcript-email-field[b-pzmrcph2la]  input.e-input {
    min-height: 40px;
    padding-left: 12px !important;
    padding-right: 12px !important;
    color: #334155;
    font-size: .9rem;
}

.transcript-email-action[b-pzmrcph2la] {
    display: flex;
    align-items: flex-end;
    padding-left: 4px;
}

.transcript-email-action[b-pzmrcph2la]  .transcript-email-button {
    min-height: 42px;
    padding: 0 20px !important;
    border-radius: 9px !important;
    font-weight: 650 !important;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(79, 70, 229, .18);
}

.transcript-email-action[b-pzmrcph2la]  .transcript-email-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(79, 70, 229, .24);
}

.transcript-email-panel .alert[b-pzmrcph2la],
.transcript-email-panel .text-success[b-pzmrcph2la],
.transcript-email-panel .text-danger[b-pzmrcph2la] {
    margin-top: 14px;
}

@media (max-width: 900px) {
    .transcript-email-grid[b-pzmrcph2la] {
        grid-template-columns: 1fr 1fr;
    }

    .transcript-email-action[b-pzmrcph2la] {
        grid-column: 1 / -1;
        padding-left: 0;
    }
}

@media (max-width: 650px) {
    .transcript-email-panel[b-pzmrcph2la] {
        padding: 16px;
    }

    .transcript-email-grid[b-pzmrcph2la] {
        grid-template-columns: 1fr;
    }

    .transcript-email-action[b-pzmrcph2la] {
        grid-column: auto;
    }

    .transcript-email-action[b-pzmrcph2la]  .transcript-email-button {
        width: 100%;
    }
}


/* ============================================================
   TELEPHONE CALL ACTION
   ============================================================ */

.telephone-call-cell[b-pzmrcph2la] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.telephone-call-number[b-pzmrcph2la] {
    min-width: 0;
    overflow: hidden;
    color: #374151;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.telephone-call-button[b-pzmrcph2la] {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #dbe4f0;
    border-radius: 9px;
    background: #ffffff;
    color: #4f46e5;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
    transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.telephone-call-button:hover[b-pzmrcph2la] {
    transform: translateY(-1px);
    border-color: #c7d2fe;
    background: #eef2ff;
    box-shadow: 0 4px 10px rgba(79, 70, 229, .12);
}

.telephone-call-button:focus-visible[b-pzmrcph2la] {
    outline: 3px solid rgba(79, 70, 229, .18);
    outline-offset: 2px;
}

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

.customer-summary-grid[b-pzmrcph2la] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.customer-charge-grid[b-pzmrcph2la] {
    max-width: 760px;
}

.customer-charge-row[b-pzmrcph2la] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #edf0f4;
    color: #374151;
}

.customer-charge-row:last-child[b-pzmrcph2la] {
    border-bottom: 0;
}

.customer-charge-total[b-pzmrcph2la] {
    margin-top: 0.35rem;
    padding-top: 1rem;
    border-top: 2px solid #dbe4f0;
    border-bottom: 0;
    color: #172033;
    font-size: 1.05rem;
    font-weight: 700;
}

@media (max-width: 992px) {
    .customer-summary-grid[b-pzmrcph2la] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .customer-summary-grid[b-pzmrcph2la] {
        grid-template-columns: 1fr;
    }
}
/* _content/AiReceptionist/Components/Pages/Admin/Departments.razor.rz.scp.css */
/* ============================================================
   DEPARTMENTS PAGE
   ============================================================ */

.department-page[b-e6mapa4l5y] {
    padding-bottom: 3rem;
}

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

.department-header[b-e6mapa4l5y] {
    margin-bottom: 1.75rem;
}

.department-header h1[b-e6mapa4l5y] {
    font-weight: 700;
    letter-spacing: -0.02em;
}

.department-header p[b-e6mapa4l5y] {
    max-width: 720px;
}

/* ============================================================
   TOOLBAR
   ============================================================ */

.department-toolbar[b-e6mapa4l5y] {
    border-radius: 0.85rem;
}

.department-toolbar .form-control[b-e6mapa4l5y] {
    min-height: 44px;
}

/* ============================================================
   DEPARTMENT CARD
   ============================================================ */

.department-card[b-e6mapa4l5y] {
    border-radius: 0.9rem;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.department-card:hover[b-e6mapa4l5y] {
    transform: translateY(-2px);
}

.department-card .card-body[b-e6mapa4l5y] {
    padding: 1.35rem;
}

.department-card .card-footer[b-e6mapa4l5y] {
    padding: 0.9rem 1.35rem;
}

/* ============================================================
   DEPARTMENT NAME / DESCRIPTION / STATUS
   ============================================================ */

.department-name[b-e6mapa4l5y] {
    font-weight: 650;
    line-height: 1.3;
}

.department-description[b-e6mapa4l5y] {
    line-height: 1.6;
    white-space: pre-line;
}

.department-status[b-e6mapa4l5y] {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

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

.department-empty[b-e6mapa4l5y] {
    border-radius: 0.9rem;
}

.department-empty-icon[b-e6mapa4l5y] {
    font-size: 2.5rem;
}

/* ============================================================
   EDITOR MODAL
   ============================================================ */

.department-modal-backdrop[b-e6mapa4l5y] {
    background-color: rgba(0, 0, 0, 0.45);
}

.department-modal .modal-content[b-e6mapa4l5y] {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
}

.department-modal .modal-header[b-e6mapa4l5y] {
    padding: 1.25rem 1.5rem;
}

.department-modal .modal-body[b-e6mapa4l5y] {
    padding: 1.5rem;
}

.department-modal .modal-footer[b-e6mapa4l5y] {
    padding: 1rem 1.5rem;
}

.department-modal .form-label[b-e6mapa4l5y] {
    font-weight: 600;
}

.department-modal textarea[b-e6mapa4l5y] {
    resize: vertical;
    min-height: 120px;
}

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

@media (max-width: 767.98px) {
    .department-card .card-footer .d-flex[b-e6mapa4l5y] {
        flex-direction: column;
    }

    .department-card .card-footer .btn[b-e6mapa4l5y] {
        width: 100%;
    }
}
/* _content/AiReceptionist/Components/Pages/Admin/EmailCentre.razor.rz.scp.css */
.email-centre[b-q21d6tf0p8] {
    position: relative;
    padding: 24px;
}

.email-header[b-q21d6tf0p8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.email-header h2[b-q21d6tf0p8] {
    margin: 0;
    font-size: 1.75rem;
}

.email-header p[b-q21d6tf0p8] {
    margin: 4px 0 0;
    opacity: .68;
}

.email-grid[b-q21d6tf0p8] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: 24px;
    align-items: start;
}

.composer-card[b-q21d6tf0p8],
.preview-card[b-q21d6tf0p8] {
    background: var(--bs-body-bg, #fff);
    border: 1px solid rgba(127,127,127,.20);
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 4px 18px rgba(0,0,0,.05);
}

.form-grid[b-q21d6tf0p8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.field[b-q21d6tf0p8] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.field label[b-q21d6tf0p8] {
    font-size: .86rem;
    font-weight: 600;
}

.full-width[b-q21d6tf0p8] {
    grid-column: 1 / -1;
}

.composer-actions[b-q21d6tf0p8] {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(127,127,127,.16);

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.right-actions[b-q21d6tf0p8] {
    display: flex;
    gap: 10px;
}

.preview-card[b-q21d6tf0p8] {
    position: sticky;
    top: 20px;
}

.preview-header[b-q21d6tf0p8] {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(127,127,127,.15);
}

.preview-header h4[b-q21d6tf0p8] {
    margin: 0;
}

.preview-header span[b-q21d6tf0p8] {
    font-size: .78rem;
    opacity: .65;
}

.preview-meta[b-q21d6tf0p8] {
    padding: 16px 0;
    display: grid;
    gap: 10px;
    border-bottom: 1px solid rgba(127,127,127,.15);
}

.preview-meta > div[b-q21d6tf0p8] {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 10px;
}

.preview-meta strong[b-q21d6tf0p8] {
    font-size: .82rem;
}

.preview-meta span[b-q21d6tf0p8] {
    overflow-wrap: anywhere;
}

.preview-body[b-q21d6tf0p8] {
    min-height: 390px;
    padding-top: 20px;
    overflow-wrap: anywhere;
}

.sending-overlay[b-q21d6tf0p8] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.18);
    backdrop-filter: blur(2px);

    display: flex;
    justify-content: center;
    align-items: center;

    z-index: 10000;
}

@media (max-width: 1100px) {
    .email-grid[b-q21d6tf0p8] {
        grid-template-columns: 1fr;
    }

    .preview-card[b-q21d6tf0p8] {
        position: static;
    }
}

@media (max-width: 720px) {
    .email-centre[b-q21d6tf0p8] {
        padding: 14px;
    }

    .form-grid[b-q21d6tf0p8] {
        grid-template-columns: 1fr;
    }

    .full-width[b-q21d6tf0p8] {
        grid-column: auto;
    }

    .email-header[b-q21d6tf0p8],
    .composer-actions[b-q21d6tf0p8] {
        align-items: stretch;
        flex-direction: column;
    }

    .right-actions[b-q21d6tf0p8] {
        justify-content: flex-end;
    }
}
/* _content/AiReceptionist/Components/Pages/Admin/Integrations.razor.rz.scp.css */
.sip-trunks-card[b-w1jdrukt6u] {
    overflow: hidden;
}

.sip-trunk-list[b-w1jdrukt6u] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sip-trunk-row[b-w1jdrukt6u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 18px;
    border: 1px solid var(--bs-border-color);
    border-radius: 12px;
    background: var(--bs-body-bg);
}

.sip-trunk-main[b-w1jdrukt6u] {
    min-width: 0;
    flex: 1;
}

.sip-trunk-actions[b-w1jdrukt6u] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.sip-trunk-editor[b-w1jdrukt6u] {
    padding: 4px 0;
}

.sip-capabilities[b-w1jdrukt6u] {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    padding: 14px 16px;
    border: 1px solid var(--bs-border-color);
    border-radius: 10px;
}

.sip-number-list[b-w1jdrukt6u] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sip-number-row[b-w1jdrukt6u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 10px 12px;
    border-top: 1px solid var(--bs-border-color);
}

@media (max-width: 767.98px) {
    .sip-trunk-row[b-w1jdrukt6u] {
        align-items: flex-start;
        flex-direction: column;
    }

    .sip-trunk-actions[b-w1jdrukt6u] {
        width: 100%;
    }

    .sip-capabilities[b-w1jdrukt6u] {
        flex-direction: column;
        gap: 10px;
    }

    .sip-number-row[b-w1jdrukt6u] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/AiReceptionist/Components/Pages/Admin/SystemSettings.razor.rz.scp.css */
/* ============================================================
   SYSTEM SETTINGS
   ============================================================ */

.system-settings-page[b-iqlgdh3m0m] {
    max-width: 1500px;
    margin: 0 auto;
}


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

.system-settings-header[b-iqlgdh3m0m] {
    margin-bottom: 1.75rem;
}

.system-settings-header h1[b-iqlgdh3m0m] {
    font-weight: 700;
    letter-spacing: -0.02em;
}

.system-settings-header p[b-iqlgdh3m0m] {
    max-width: 750px;
}


/* ============================================================
   SETTINGS CARD
   ============================================================ */

.system-settings-card[b-iqlgdh3m0m] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 14px;
    overflow: hidden;
}

.system-settings-card .card-header[b-iqlgdh3m0m] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 1.25rem 1.5rem;
}

.system-settings-card .card-body[b-iqlgdh3m0m] {
    padding: 1.5rem;
}

.system-settings-card .card-footer[b-iqlgdh3m0m] {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding: 1rem 1.5rem;
}


/* ============================================================
   WARNING
   ============================================================ */

.system-settings-warning[b-iqlgdh3m0m] {
    border-radius: 10px;
    margin-bottom: 1.5rem;
}

.system-settings-warning strong[b-iqlgdh3m0m] {
    display: block;
    margin-bottom: 0.25rem;
}


/* ============================================================
   PROMPT EDITOR
   ============================================================ */

.prompt-editor[b-iqlgdh3m0m] {
    width: 100%;
    min-height: 650px;
    resize: vertical;

    font-family:
            "SFMono-Regular",
            Consolas,
            "Liberation Mono",
            Menlo,
            monospace;

    font-size: 0.9rem;
    line-height: 1.55;

    padding: 1rem;

    border-radius: 10px;
    border: 1px solid #ced4da;

    white-space: pre-wrap;
    tab-size: 4;
}

.prompt-editor:focus[b-iqlgdh3m0m] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
}


/* ============================================================
   PROMPT INFORMATION
   ============================================================ */

.prompt-meta[b-iqlgdh3m0m] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.75rem;

    font-size: 0.82rem;
    color: #6c757d;
}

.prompt-meta-item[b-iqlgdh3m0m] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}


/* ============================================================
   VERSION
   ============================================================ */

.prompt-version[b-iqlgdh3m0m] {
    max-width: 160px;
}


/* ============================================================
   LAST UPDATED
   ============================================================ */

.last-updated-value[b-iqlgdh3m0m] {
    min-height: 38px;
    display: flex;
    align-items: center;

    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;

    padding: 0.375rem 0.75rem;
}


/* ============================================================
   ACTION BAR
   ============================================================ */

.system-settings-actions[b-iqlgdh3m0m] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
}


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

@media (max-width: 768px) {

    .system-settings-card .card-header[b-iqlgdh3m0m],
    .system-settings-card .card-body[b-iqlgdh3m0m],
    .system-settings-card .card-footer[b-iqlgdh3m0m] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .prompt-editor[b-iqlgdh3m0m] {
        min-height: 500px;
        font-size: 0.85rem;
    }

    .system-settings-actions[b-iqlgdh3m0m] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .system-settings-actions button[b-iqlgdh3m0m] {
        width: 100%;
    }
}

.system-prompt-editor textarea[b-iqlgdh3m0m] {
    min-height: 650px;
    width: 100%;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.875rem;
    line-height: 1.5;
}
/* _content/AiReceptionist/Components/Pages/Admin/TradeFaqAdmin.razor.rz.scp.css */
.faq-admin-page[b-putr1hjsve] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 32px;
}

.faq-admin-header[b-putr1hjsve],
.faq-editor-header[b-putr1hjsve],
.faq-toolbar[b-putr1hjsve],
.faq-question-card-header[b-putr1hjsve] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.faq-admin-header[b-putr1hjsve] { margin-bottom: 28px; }
.faq-admin-header h1[b-putr1hjsve] { margin: 0 0 6px; font-size: 2rem; font-weight: 800; color: #0f172a; }
.faq-admin-header p[b-putr1hjsve] { margin: 0; color: #64748b; }

.faq-admin-layout[b-putr1hjsve] {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.faq-page-list[b-putr1hjsve],
.faq-editor[b-putr1hjsve] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(15, 23, 42, .05);
}

.faq-page-list[b-putr1hjsve] { overflow: hidden; }
.faq-page-list-heading[b-putr1hjsve] { padding: 17px 18px; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #64748b; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }

.faq-page-item[b-putr1hjsve] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 15px 18px;
    border: 0;
    border-bottom: 1px solid #f1f5f9;
    background: #fff;
    color: #334155;
    text-align: left;
}
.faq-page-item:hover[b-putr1hjsve] { background: #f8fafc; }
.faq-page-item.active[b-putr1hjsve] { background: #eff6ff; color: #1d4ed8; }
.faq-page-key[b-putr1hjsve] { font-weight: 700; }
.faq-page-count[b-putr1hjsve] { min-width: 44px; padding: 3px 7px; border-radius: 999px; background: #f1f5f9; color: #64748b; font-size: .72rem; text-align: center; }
.faq-page-item.active .faq-page-count[b-putr1hjsve] { background: #dbeafe; color: #1d4ed8; }

.faq-editor[b-putr1hjsve] { min-height: 500px; padding: 28px; }
.faq-editor-header[b-putr1hjsve] { padding-bottom: 24px; border-bottom: 1px solid #e2e8f0; }
.faq-editor-eyebrow[b-putr1hjsve] { display: block; margin-bottom: 5px; color: #2563eb; font-size: .7rem; font-weight: 800; letter-spacing: .1em; }
.faq-editor-header h2[b-putr1hjsve] { margin: 0 0 5px; color: #0f172a; font-size: 1.6rem; font-weight: 800; }
.faq-page-route[b-putr1hjsve] { color: #64748b; font-size: .85rem; }
.faq-editor-actions[b-putr1hjsve] { display: flex; gap: 10px; }

.faq-page-key-editor[b-putr1hjsve] { margin-top: 24px; padding: 20px; border: 1px solid #bfdbfe; border-radius: 12px; background: #eff6ff; }
.faq-page-key-editor label[b-putr1hjsve], .faq-field label[b-putr1hjsve] { display: block; margin-bottom: 7px; color: #334155; font-size: .84rem; font-weight: 700; }
.faq-page-key-editor small[b-putr1hjsve] { display: block; margin-top: 7px; color: #64748b; }

.faq-toolbar[b-putr1hjsve] { margin: 26px 0 18px; }
.faq-toolbar strong[b-putr1hjsve], .faq-toolbar span[b-putr1hjsve] { display: block; }
.faq-toolbar strong[b-putr1hjsve] { color: #0f172a; }
.faq-toolbar span[b-putr1hjsve] { margin-top: 2px; color: #64748b; font-size: .82rem; }

.faq-question-list[b-putr1hjsve] { display: flex; flex-direction: column; gap: 16px; }
.faq-question-card[b-putr1hjsve] { padding: 20px; border: 1px solid #dbe3ee; border-radius: 14px; background: #fff; }
.faq-question-card.disabled[b-putr1hjsve] { background: #f8fafc; opacity: .82; }
.faq-question-card-header[b-putr1hjsve] { margin-bottom: 18px; }
.faq-question-number[b-putr1hjsve] { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #eff6ff; color: #2563eb; font-size: .82rem; font-weight: 800; }
.faq-question-status[b-putr1hjsve] { flex: 1; }
.faq-question-status .form-check[b-putr1hjsve] { margin: 0; }
.faq-question-status span[b-putr1hjsve] { margin-left: 6px; color: #64748b; font-size: .8rem; }
.faq-question-controls[b-putr1hjsve] { display: flex; gap: 7px; }
.faq-field + .faq-field[b-putr1hjsve] { margin-top: 15px; }
.faq-field textarea[b-putr1hjsve] { resize: vertical; min-height: 105px; }

.faq-empty-state[b-putr1hjsve],
.faq-empty-questions[b-putr1hjsve],
.faq-loading[b-putr1hjsve] { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; color: #64748b; }
.faq-empty-state[b-putr1hjsve] { min-height: 430px; }
.faq-empty-state i[b-putr1hjsve], .faq-empty-questions i[b-putr1hjsve] { margin-bottom: 14px; color: #94a3b8; font-size: 2rem; }
.faq-empty-state h2[b-putr1hjsve] { margin: 0 0 7px; color: #334155; }
.faq-empty-state p[b-putr1hjsve] { margin: 0; }
.faq-empty-questions[b-putr1hjsve] { padding: 55px 20px; border: 1px dashed #cbd5e1; border-radius: 14px; background: #f8fafc; }
.faq-empty-questions strong[b-putr1hjsve] { color: #334155; }
.faq-empty-questions span[b-putr1hjsve] { margin-top: 4px; font-size: .86rem; }
.faq-empty-small[b-putr1hjsve] { padding: 22px 18px; color: #94a3b8; font-size: .85rem; }
.faq-loading[b-putr1hjsve] { min-height: 300px; gap: 12px; }

@media (max-width: 991.98px) {
    .faq-admin-layout[b-putr1hjsve] { grid-template-columns: 1fr; }
    .faq-page-list[b-putr1hjsve] { max-height: 260px; overflow-y: auto; }
}

@media (max-width: 767.98px) {
    .faq-admin-page[b-putr1hjsve] { padding: 20px 14px; }
    .faq-admin-header[b-putr1hjsve], .faq-editor-header[b-putr1hjsve], .faq-toolbar[b-putr1hjsve] { align-items: stretch; flex-direction: column; }
    .faq-editor[b-putr1hjsve] { padding: 20px; }
    .faq-editor-actions[b-putr1hjsve] { width: 100%; }
    .faq-editor-actions .btn[b-putr1hjsve] { flex: 1; }
    .faq-question-card-header[b-putr1hjsve] { flex-wrap: wrap; }
    .faq-question-controls[b-putr1hjsve] { width: 100%; justify-content: flex-end; }
}
/* _content/AiReceptionist/Components/Pages/Admin/Users.razor.rz.scp.css */
.page-header[b-rlack4ri4h] {
    border-left: 5px solid #2563eb;
    padding-left: 20px;
}

.cognivox-card[b-rlack4ri4h] {
    border: none;
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(0,0,0,.08);
    overflow: hidden;
}

.cognivox-card-header[b-rlack4ri4h] {
    background: white;
    padding: 22px 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eef2f7;
}

.cognivox-card-body[b-rlack4ri4h] {
    padding: 24px;
}

.cognivox-dialog .e-dlg-header[b-rlack4ri4h] {
    font-size: 1.2rem;
    font-weight: 600;
}

.cognivox-dialog .e-dlg-content[b-rlack4ri4h] {
    padding: 24px;
}

.cognivox-dialog label[b-rlack4ri4h] {
    font-weight: 600;
    margin-bottom: .4rem;
}

.user-dialog .e-dlg-content[b-rlack4ri4h] {
    max-height: 75vh;
    overflow-y: auto;
    padding: 24px 30px;
}

.user-dialog .form-label[b-rlack4ri4h] {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
}

.e-grid[b-rlack4ri4h] {
    border-radius: 12px;
}

.e-grid .e-headercell[b-rlack4ri4h] {
    background: #f8fafc;
    font-weight: 600;
}

.e-grid .e-row:hover[b-rlack4ri4h] {
    background: #f4f8ff;
}

.e-primary[b-rlack4ri4h] {
    border-radius: 10px !important;
}

.e-btn[b-rlack4ri4h] {
    border-radius: 10px !important;
}

.page-header h1[b-rlack4ri4h] {
    color: #1f2937;
}

.page-header p[b-rlack4ri4h] {
    font-size: 1.05rem;
}

@media (max-width: 768px) {
    .cognivox-card-header[b-rlack4ri4h] {
        align-items: flex-start;
        gap: 16px;
        flex-direction: column;
    }
}


.delete-warning[b-rlack4ri4h] {
    display: flex;
    gap: 18px;
    align-items: flex-start;
}

.delete-warning-icon[b-rlack4ri4h] {
    flex: 0 0 auto;
    font-size: 2rem;
    line-height: 1;
    color: #dc3545;
}

.delete-user-dialog .e-footer-content[b-rlack4ri4h] {
    padding-top: 18px;
}

.delete-user-dialog .e-danger[b-rlack4ri4h] {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}


.password-policy-message[b-rlack4ri4h] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    background: #eff6ff;
    color: #1e3a8a;
}

.password-policy-message i[b-rlack4ri4h] {
    font-size: 1.25rem;
    line-height: 1.35;
}

.password-policy-message strong[b-rlack4ri4h] {
    display: block;
    margin-bottom: 2px;
}

.password-policy-message span[b-rlack4ri4h] {
    display: block;
    font-size: .9rem;
    color: #475569;
}
/* _content/AiReceptionist/Components/Pages/AiSettings.razor.rz.scp.css */
.page-header[b-rhlys44s5d] {

    margin-bottom: 40px;

}

.page-header h1[b-rhlys44s5d] {

    font-weight: 800;

    color: #0f172a;

}

.page-header p[b-rhlys44s5d] {

    color: #64748b;

    font-size: 1.1rem;

}

.card[b-rhlys44s5d] {

    border: none !important;

    border-radius: 22px;

    background: rgba(255,255,255,.92);

    backdrop-filter: blur(20px);

    box-shadow: 0 20px 50px rgba(15,23,42,.08);

}

.card-header[b-rhlys44s5d] {

    background: white;

    border-bottom: 1px solid #e2e8f0;

    padding: 20px 28px;

    border-radius: 22px 22px 0 0 !important;

}

.card-header h4[b-rhlys44s5d] {

    margin: 0;

    font-weight: 700;

    color: #0f172a;

}

.card-body[b-rhlys44s5d] {

    padding: 30px;

}

.form-label[b-rhlys44s5d] {

    font-weight: 600;

    color: #334155;

    margin-bottom: 8px;

}

.e-control[b-rhlys44s5d] {

    width: 100%;

}

.e-input-group[b-rhlys44s5d],
.e-dropdownlist[b-rhlys44s5d],
.e-numerictextbox[b-rhlys44s5d],
.e-textarea[b-rhlys44s5d] {

    border-radius: 12px !important;

}

.e-accordion[b-rhlys44s5d] {

    border: none !important;

    border-radius: 20px;

    overflow: hidden;

    box-shadow: 0 20px 50px rgba(15,23,42,.08);

}

.e-acrdn-item[b-rhlys44s5d] {

    border: none !important;

}

.e-acrdn-header[b-rhlys44s5d] {

    background: white !important;

    padding: 18px 24px;

    font-weight: 700;

    font-size: 1rem;

    color: #0f172a;

}

.e-acrdn-content[b-rhlys44s5d] {

    padding: 30px !important;

    background: #fafcff;

}

.workspace-section[b-rhlys44s5d] {

    margin-bottom: 35px;

}

pre[b-rhlys44s5d] {

    background: #0f172a;

    color: #e2e8f0;

    border-radius: 16px;

    padding: 20px;

    font-size: .92rem;

    line-height: 1.6;

    max-height: 320px;

    overflow: auto;

    white-space: pre-wrap;

}

.alert-info[b-rhlys44s5d] {

    background: #eff6ff;

    border: 1px solid #bfdbfe;

    color: #1d4ed8;

    border-radius: 14px;

}

.btn-primary[b-rhlys44s5d],
.e-primary[b-rhlys44s5d] {

    background: #2563eb !important;

    border-color: #2563eb !important;

    border-radius: 999px !important;

    padding: 10px 30px;

    font-weight: 600;

}

.btn-primary:hover[b-rhlys44s5d],
.e-primary:hover[b-rhlys44s5d] {

    background: #1d4ed8 !important;

}

.settings-footer[b-rhlys44s5d] {

    margin-top: 40px;

    text-align: right;

}

.switch-row[b-rhlys44s5d] {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 12px 0;

}

.switch-row span[b-rhlys44s5d] {

    font-weight: 500;

    color: #334155;

}

.section-divider[b-rhlys44s5d] {

    margin: 35px 0;

    border-top: 1px solid #e2e8f0;

}

.live-preview[b-rhlys44s5d] {

    background: linear-gradient(180deg,#0f172a,#1e293b);

    color: white;

    border-radius: 20px;

    padding: 25px;

}

.live-preview h5[b-rhlys44s5d] {

    color: white;

    margin-bottom: 20px;

}

.live-preview .value[b-rhlys44s5d] {

    color: #93c5fd;

    font-weight: 600;

}

.e-textarea[b-rhlys44s5d],
.e-input-group.e-control-wrapper[b-rhlys44s5d] {
    width: 100% !important;
}
/* _content/AiReceptionist/Components/Pages/Appointments.razor.rz.scp.css */
.appointments-page[b-hzk6tjb8s6] {
    min-height: 100vh;
    background: linear-gradient(135deg,#0f172a,#1e293b,#111827);
    padding: 40px;
    color: #fff;
}

.appointments-header[b-hzk6tjb8s6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 20px;
}

.appointments-header h1[b-hzk6tjb8s6] {
    font-size: 2.4rem;
    font-weight: 700;
    margin: 10px 0 5px;
}

.appointments-header p[b-hzk6tjb8s6] {
    color: rgba(255,255,255,.75);
    margin: 0;
}

.appointments-badge[b-hzk6tjb8s6] {
    display: inline-block;
    background: #2563eb;
    color: white;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: 1px;
}

.appointments-actions[b-hzk6tjb8s6] {
    display: flex;
    gap: 10px;
}

.calendar-card[b-hzk6tjb8s6] {
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(18px);
    border-radius: 20px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 15px 40px rgba(0,0,0,.35);
}

/* Syncfusion Schedule */

.e-schedule[b-hzk6tjb8s6] {
    border-radius: 15px;
    overflow: hidden;
    border: none !important;
}

.e-schedule .e-schedule-toolbar[b-hzk6tjb8s6] {
    background: #1e3a8a;
    color: white;
}

.e-schedule .e-toolbar-item .e-tbar-btn-text[b-hzk6tjb8s6],
.e-schedule .e-toolbar-item .e-icons[b-hzk6tjb8s6] {
    color: white !important;
}

.e-schedule .e-active-view[b-hzk6tjb8s6] {
    background: rgba(255,255,255,.15);
    border-radius: 8px;
}

.e-schedule .e-work-cells:hover[b-hzk6tjb8s6] {
    background: rgba(37,99,235,.08);
}

.e-schedule .e-header-cells[b-hzk6tjb8s6] {
    background: #eff6ff;
    font-weight: 600;
}

.e-schedule .e-work-hours[b-hzk6tjb8s6] {
    background: #ffffff;
}

.e-schedule .e-work-cells[b-hzk6tjb8s6] {
    background: #ffffff;
}

.e-schedule .e-appointment[b-hzk6tjb8s6] {
    background: #2563eb;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: .85rem;
    padding: 2px 6px;
}

.e-schedule .e-appointment:hover[b-hzk6tjb8s6] {
    filter: brightness(1.08);
}

.e-quick-popup-wrapper[b-hzk6tjb8s6],
.e-event-window[b-hzk6tjb8s6] {
    border-radius: 15px;
}

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

.e-btn.e-primary:hover[b-hzk6tjb8s6] {
    background: #1d4ed8;
}

.spinner-border[b-hzk6tjb8s6] {
    width: 3rem;
    height: 3rem;
}

.alert[b-hzk6tjb8s6] {
    border-radius: 12px;
}

@media (max-width:768px) {

    .appointments-page[b-hzk6tjb8s6] {
        padding: 15px;
    }

    .appointments-header[b-hzk6tjb8s6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .appointments-header h1[b-hzk6tjb8s6] {
        font-size: 1.8rem;
    }

    .calendar-card[b-hzk6tjb8s6] {
        padding: 10px;
    }

    .e-schedule[b-hzk6tjb8s6] {
        font-size: .85rem;
    }
}
/* _content/AiReceptionist/Components/Pages/BookDemo.razor.rz.scp.css */
.demo-page[b-yugbgl77yz] {
    position: relative;
    padding: 90px 0;
    background:
            radial-gradient(
                    circle at 10% 20%,
                    rgba(37, 99, 235, 0.09),
                    transparent 35%),
            linear-gradient(
                    135deg,
                    #f8fafc 0%,
                    #ffffff 55%,
                    #eef4ff 100%);
}

.demo-intro[b-yugbgl77yz] {
    max-width: 620px;
}

.demo-eyebrow[b-yugbgl77yz] {
    display: inline-block;
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 18px;
}

.demo-intro h1[b-yugbgl77yz] {
    font-size: clamp(2.7rem, 5vw, 4.4rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.demo-lead[b-yugbgl77yz] {
    margin-top: 25px;
    font-size: 1.3rem;
    line-height: 1.6;
}

.demo-description[b-yugbgl77yz] {
    color: #64748b;
    font-size: 1.05rem;
    line-height: 1.7;
}

.demo-capabilities[b-yugbgl77yz] {
    margin-top: 35px;
}

.demo-capability[b-yugbgl77yz] {
    display: flex;
    gap: 15px;
    margin-bottom: 22px;
}

.demo-capability strong[b-yugbgl77yz] {
    display: block;
    margin-bottom: 3px;
}

.demo-capability span[b-yugbgl77yz] {
    color: #64748b;
}

.demo-check[b-yugbgl77yz] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #2563eb;
    color: white;
    font-weight: 700;
}

.demo-card[b-yugbgl77yz] {
    padding: 42px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    box-shadow:
            0 25px 60px rgba(15, 23, 42, 0.12);
}

.demo-card-header[b-yugbgl77yz] {
    margin-bottom: 30px;
}

.demo-card-header h2[b-yugbgl77yz] {
    font-weight: 700;
}

.demo-card-header p[b-yugbgl77yz] {
    color: #64748b;
}

.demo-card .form-label[b-yugbgl77yz] {
    font-weight: 600;
    font-size: 0.92rem;
}

.demo-card .form-control[b-yugbgl77yz],
.demo-card .form-select[b-yugbgl77yz] {
    min-height: 52px;
    border-radius: 10px;
    border-color: #dbe1ea;
}

.demo-card textarea.form-control[b-yugbgl77yz] {
    min-height: 120px;
}

.demo-card .form-control:focus[b-yugbgl77yz],
.demo-card .form-select:focus[b-yugbgl77yz] {
    border-color: #2563eb;
    box-shadow:
            0 0 0 0.2rem rgba(37, 99, 235, 0.12);
}

.validation-message[b-yugbgl77yz] {
    display: block;
    margin-top: 6px;
    color: #dc2626;
    font-size: 0.82rem;
}

.demo-privacy[b-yugbgl77yz] {
    margin: 0;
    color: #94a3b8;
    font-size: 0.78rem;
    text-align: center;
}

.demo-success[b-yugbgl77yz] {
    padding: 50px 15px;
    text-align: center;
}

.success-icon[b-yugbgl77yz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 0 auto 25px;
    border-radius: 50%;
    background: #16a34a;
    color: white;
    font-size: 2rem;
    font-weight: 700;
}

.demo-next[b-yugbgl77yz] {
    padding: 90px 0;
}

.demo-next-heading[b-yugbgl77yz] {
    max-width: 700px;
    margin: 0 auto 50px;
}

.demo-next-heading h2[b-yugbgl77yz] {
    font-size: 2.4rem;
    font-weight: 700;
}

.demo-step[b-yugbgl77yz] {
    height: 100%;
    padding: 35px;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    background: white;
}

.demo-step-number[b-yugbgl77yz] {
    color: #2563eb;
    font-size: 1.8rem;
    font-weight: 700;
}

.demo-step h4[b-yugbgl77yz] {
    margin-top: 20px;
    font-weight: 700;
}

.demo-step p[b-yugbgl77yz] {
    margin-bottom: 0;
    color: #64748b;
    line-height: 1.7;
}

.demo-cta[b-yugbgl77yz] {
    padding: 80px 0;
    background: #0f172a;
    color: white;
}

.demo-cta h2[b-yugbgl77yz] {
    font-size: 2.5rem;
    font-weight: 700;
}

.demo-cta p[b-yugbgl77yz] {
    margin: 15px 0 30px;
    color: #cbd5e1;
    font-size: 1.15rem;
}

@media (max-width: 991px) {

    .demo-page[b-yugbgl77yz] {
        padding: 60px 0;
    }

    .demo-card[b-yugbgl77yz] {
        margin-top: 20px;
    }
}

@media (max-width: 576px) {

    .demo-page[b-yugbgl77yz] {
        padding: 40px 0;
    }

    .demo-card[b-yugbgl77yz] {
        padding: 25px 20px;
        border-radius: 18px;
    }

    .demo-intro h1[b-yugbgl77yz] {
        font-size: 2.6rem;
    }

    .demo-next[b-yugbgl77yz] {
        padding: 60px 0;
    }
}
/* _content/AiReceptionist/Components/Pages/BookingEvents.razor.rz.scp.css */
/* ============================================================
   BOOKING EVENTS PAGE
   ============================================================ */

.booking-events-page[b-evybzckc5n] {
    width: 100%;
    box-sizing: border-box;

    padding: 28px 32px 40px 32px;
}


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

.booking-events-header[b-evybzckc5n] {
    margin-bottom: 28px;
}

.booking-events-header h1[b-evybzckc5n] {
    margin: 0;
    color: #1f2937;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.booking-events-header p[b-evybzckc5n] {
    margin: 8px 0 0 0;
    color: var(--bs-secondary-color);
    font-size: 1.05rem;
}


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

.booking-events-card[b-evybzckc5n] {
    width: 100%;
    box-sizing: border-box;

    border: none;
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .08);
    overflow: hidden;

    background: white;
}


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

.booking-events-card-header[b-evybzckc5n] {
    background: white;

    padding: 22px 28px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    border-bottom: 1px solid #eef2f7;
}

.booking-events-card-header h4[b-evybzckc5n] {
    margin: 0;
    font-weight: 700;
}

.booking-events-count[b-evybzckc5n] {
    display: block;
    margin-top: 3px;
    color: #6b7280;
    font-size: .85rem;
}


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

.booking-events-grid-wrapper[b-evybzckc5n] {
    width: 100%;
}

.booking-package-count[b-evybzckc5n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 28px;
    height: 28px;

    padding: 0 8px;

    border-radius: 20px;

    background: #f1f5f9;

    font-weight: 600;
}

.booking-event-actions[b-evybzckc5n] {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ============================================================
   OVERALL EVENT CAPACITY
   ============================================================ */

.event-capacity-summary[b-evybzckc5n] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    width: 100%;
}

.event-capacity-item[b-evybzckc5n] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 62px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.event-capacity-icon[b-evybzckc5n] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #eef2ff;
}

.event-capacity-icon i[b-evybzckc5n] {
    font-size: 14px;
}

.event-capacity-item small[b-evybzckc5n] {
    display: block;
    margin-bottom: 1px;
    font-size: 11px;
    color: #6b7280;
}

.event-capacity-item strong[b-evybzckc5n] {
    display: block;
    font-size: 17px;
    line-height: 1.2;
    color: #1f2937;
}

.booking-event-capacity-grid[b-evybzckc5n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 68px;
    padding: 4px 8px;
    font-weight: 600;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
}

@media (max-width: 900px) {
    .event-capacity-summary[b-evybzckc5n] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .event-capacity-summary[b-evybzckc5n] {
        grid-template-columns: 1fr;
    }
}
/* _content/AiReceptionist/Components/Pages/Business.razor.rz.scp.css */
.business-hero[b-ayum48q1q8] { padding: 7rem 0 6rem; background: linear-gradient(135deg,#f8fafc 0%,#eef4ff 100%); }
.business-hero .lead[b-ayum48q1q8] { max-width: 850px; margin: 1.5rem 0 2rem; color:#475569; line-height:1.75; }
.business-section[b-ayum48q1q8] { padding: 6rem 0; background:#fff; }
.section-heading[b-ayum48q1q8] { max-width:900px; margin:0 auto 3rem; }
.section-heading .lead[b-ayum48q1q8] { max-width:820px; }
.eyebrow[b-ayum48q1q8] { display:inline-block; margin-bottom:.8rem; color:#2563eb; font-size:.82rem; font-weight:800; letter-spacing:.1em; }
.business-feature-card[b-ayum48q1q8] { height:100%; padding:2rem; border:1px solid #e2e8f0; border-radius:16px; background:#fff; box-shadow:0 10px 30px rgba(15,23,42,.05); }
.business-feature-card h3[b-ayum48q1q8] { margin:1.2rem 0 .8rem; color:#071f4e; font-size:1.3rem; font-weight:700; }
.business-feature-card p[b-ayum48q1q8] { margin:0; color:#64748b; line-height:1.7; }
.feature-icon[b-ayum48q1q8] { width:58px; height:58px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:#eaf1ff; color:#071f4e; font-size:.82rem; font-weight:800; }
.integration-section[b-ayum48q1q8] { padding:6rem 0; background:#f8fafc; border-top:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb; }
.capability-list[b-ayum48q1q8] { display:grid; gap:1rem; }
.capability[b-ayum48q1q8] { display:flex; gap:1rem; padding:1.15rem 1.25rem; border-radius:12px; background:#fff; border:1px solid #e2e8f0; }
.capability > span[b-ayum48q1q8] { color:#071f4e; font-size:1.2rem; font-weight:800; }
.capability strong[b-ayum48q1q8],.capability small[b-ayum48q1q8] { display:block; }
.capability strong[b-ayum48q1q8] { color:#172554; margin-bottom:.25rem; }
.capability small[b-ayum48q1q8] { color:#64748b; line-height:1.5; }
.enquiry-section[b-ayum48q1q8] { padding:6rem 0 7rem; background:#fff; }
.enquiry-card[b-ayum48q1q8] { padding:3rem; border:1px solid #e2e8f0; border-radius:20px; background:#fff; box-shadow:0 20px 55px rgba(15,23,42,.08); }
.enquiry-card .form-label[b-ayum48q1q8] { color:#172554; font-weight:700; }
.enquiry-card .form-control[b-ayum48q1q8],.enquiry-card .form-select[b-ayum48q1q8] { min-height:48px; border-color:#cbd5e1; border-radius:9px; }
.enquiry-card textarea.form-control[b-ayum48q1q8] { min-height:auto; }
.requirement-grid[b-ayum48q1q8] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem 1.5rem; padding:1.25rem; background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; }
.requirement-grid label[b-ayum48q1q8] { display:flex; align-items:center; gap:.65rem; color:#334155; }
@media (max-width:768px) { .business-hero[b-ayum48q1q8],.business-section[b-ayum48q1q8],.integration-section[b-ayum48q1q8],.enquiry-section[b-ayum48q1q8] { padding:4rem 0; } .enquiry-card[b-ayum48q1q8] { padding:1.5rem; } .requirement-grid[b-ayum48q1q8] { grid-template-columns:1fr; } }
/* _content/AiReceptionist/Components/Pages/Catalogue.razor.rz.scp.css */
/* ============================================================
   CATALOGUE PAGE
   ============================================================ */

.catalogue-page[b-eaqg9v8p65] {
    width: 100%;
    box-sizing: border-box;
    padding: 28px 32px 40px 32px;
}


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

.catalogue-header[b-eaqg9v8p65] {
    margin-bottom: 28px;
}

.catalogue-header h1[b-eaqg9v8p65] {
    margin: 0;
    color: #1f2937;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.catalogue-header p[b-eaqg9v8p65] {
    margin: 8px 0 0 0;
    color: var(--bs-secondary-color);
    font-size: 1.05rem;
}


/* ============================================================
   MAIN CARD
   ============================================================ */

.catalogue-card[b-eaqg9v8p65] {
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .08);
    overflow: hidden;
    background: white;
}


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

.catalogue-card-header[b-eaqg9v8p65] {
    background: white;
    padding: 22px 28px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 20px;

    border-bottom: 1px solid #eef2f7;
}

.catalogue-card-header h4[b-eaqg9v8p65] {
    margin: 0;
    font-weight: 700;
}

.catalogue-count[b-eaqg9v8p65] {
    display: block;
    margin-top: 3px;
    color: #6b7280;
    font-size: .85rem;
}


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

.catalogue-grid-wrapper[b-eaqg9v8p65] {
    width: 100%;
}

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

.catalogue-price[b-eaqg9v8p65] {
    font-weight: 600;
    color: #1f2937;
}

.catalogue-empty-value[b-eaqg9v8p65] {
    color: #9ca3af;
}


/* ============================================================
   DIALOG
   ============================================================ */

.catalogue-dialog-content[b-eaqg9v8p65] {
    padding: 4px 2px 8px 2px;
}

.catalogue-dialog-title[b-eaqg9v8p65] {
    display: flex;
    align-items: center;
    font-weight: 700;
}


/* ============================================================
   SECTIONS
   ============================================================ */

.catalogue-section[b-eaqg9v8p65] {
    padding: 22px 0;
    border-bottom: 1px solid #eef2f7;
}

.catalogue-section:first-child[b-eaqg9v8p65] {
    padding-top: 4px;
}

.catalogue-section:last-child[b-eaqg9v8p65] {
    border-bottom: none;
    padding-bottom: 4px;
}

.catalogue-section-header[b-eaqg9v8p65] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.catalogue-section-header-action[b-eaqg9v8p65] {
    justify-content: space-between;
}

.catalogue-section-header-action > .d-flex[b-eaqg9v8p65] {
    gap: 14px;
}

.catalogue-section-header h5[b-eaqg9v8p65] {
    margin: 0;
    color: #1f2937;
    font-weight: 700;
}

.catalogue-section-header p[b-eaqg9v8p65] {
    margin: 3px 0 0 0;
    color: #6b7280;
    font-size: .88rem;
}

.catalogue-section-icon[b-eaqg9v8p65] {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    border-radius: 10px;
    background: #eef2ff;
}

.catalogue-section-icon i[b-eaqg9v8p65] {
    font-size: 16px;
}


/* ============================================================
   EXTERNAL LINKS
   ============================================================ */

.catalogue-external-links[b-eaqg9v8p65] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.catalogue-external-link[b-eaqg9v8p65] {
    padding: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #f8fafc;
}

.catalogue-link-delete[b-eaqg9v8p65] {
    width: 100%;
}


/* ============================================================
   TAGS
   ============================================================ */

.catalogue-tag-button-column[b-eaqg9v8p65] {
    display: flex;
    align-items: end;
}

.catalogue-tag-button-column .e-btn[b-eaqg9v8p65] {
    width: 100%;
}

.catalogue-tags[b-eaqg9v8p65] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.catalogue-tag[b-eaqg9v8p65] {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 6px 10px;

    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 20px;

    color: #334155;
    font-size: .88rem;
    font-weight: 600;
}

.catalogue-tag button[b-eaqg9v8p65] {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    margin: 0;

    border: none;
    background: transparent;

    color: #64748b;
    cursor: pointer;
}

.catalogue-tag button:hover[b-eaqg9v8p65] {
    color: #dc2626;
}


/* ============================================================
   ATTRIBUTES
   ============================================================ */

.catalogue-attributes[b-eaqg9v8p65] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.catalogue-attribute-card[b-eaqg9v8p65] {
    padding: 16px;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    background: #f8fafc;
}

.catalogue-attribute-delete[b-eaqg9v8p65] {
    width: 100%;
}

.catalogue-attribute-switch[b-eaqg9v8p65] {
    min-height: 31px;
    display: flex;
    align-items: center;
}


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

.catalogue-empty-state[b-eaqg9v8p65] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 130px;

    padding: 24px;

    border: 1px dashed #d1d5db;
    border-radius: 12px;

    background: #f8fafc;

    text-align: center;
}

.catalogue-empty-state i[b-eaqg9v8p65] {
    margin-bottom: 10px;
    color: #64748b;
    font-size: 24px;
}

.catalogue-empty-state strong[b-eaqg9v8p65] {
    color: #1f2937;
}

.catalogue-empty-state span[b-eaqg9v8p65] {
    margin-top: 4px;
    max-width: 520px;
    color: #6b7280;
    font-size: .88rem;
}


/* ============================================================
   ACTIVE / AVAILABILITY SETTINGS
   ============================================================ */

.catalogue-active-setting[b-eaqg9v8p65] {
    display: flex;
    align-items: center;
    gap: 14px;

    min-height: 70px;

    padding: 14px 16px;

    border: 1px solid #e5e7eb;
    border-radius: 12px;

    background: #f8fafc;
}

.catalogue-active-setting strong[b-eaqg9v8p65] {
    display: block;
    color: #1f2937;
}

.catalogue-active-setting small[b-eaqg9v8p65] {
    display: block;
    margin-top: 2px;
    color: #6b7280;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 900px) {

    .catalogue-page[b-eaqg9v8p65] {
        padding: 24px 20px 36px 20px;
    }

    .catalogue-section-header-action[b-eaqg9v8p65] {
        align-items: flex-start;
        flex-direction: column;
    }
}


@media (max-width: 576px) {

    .catalogue-page[b-eaqg9v8p65] {
        padding: 20px 14px 30px 14px;
    }

    .catalogue-card-header[b-eaqg9v8p65] {
        align-items: flex-start;
        flex-direction: column;
    }

    .catalogue-add-button[b-eaqg9v8p65] {
        width: 100%;
    }
}
/* _content/AiReceptionist/Components/Pages/CatalogueConfiguration.razor.rz.scp.css */
/* ============================================================
   CATALOGUE CONFIGURATION PAGE
   ============================================================ */

.catalogue-configuration-page[b-xbiinu8k37] {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 28px 24px 60px;
}


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

.catalogue-configuration-header[b-xbiinu8k37] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.catalogue-configuration-header h1[b-xbiinu8k37] {
    display: flex;
    align-items: center;
    margin: 0 0 7px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2;
    color: #0f172a;
}

.catalogue-configuration-header h1 i[b-xbiinu8k37] {
    color: #2563eb;
}

.catalogue-configuration-header p[b-xbiinu8k37] {
    margin: 0;
    max-width: 760px;
    color: #64748b;
    font-size: 0.98rem;
    line-height: 1.6;
}


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

.catalogue-config-card[b-xbiinu8k37] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 560px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow:
            0 1px 2px rgba(15, 23, 42, 0.03),
            0 8px 24px rgba(15, 23, 42, 0.04);
}


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

.catalogue-config-card-header[b-xbiinu8k37] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 82px;
    padding: 18px 20px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.catalogue-config-card-header > div:first-child[b-xbiinu8k37] {
    min-width: 0;
}

.catalogue-config-card-header h4[b-xbiinu8k37] {
    display: flex;
    align-items: center;
    margin: 0 0 4px;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 700;
}

.catalogue-config-card-header h4 i[b-xbiinu8k37] {
    color: #2563eb;
}

.catalogue-config-card-header span[b-xbiinu8k37] {
    display: block;
    overflow: hidden;
    color: #64748b;
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ============================================================
   LIST CONTAINER
   ============================================================ */

.catalogue-config-list[b-xbiinu8k37] {
    flex: 1;
    min-height: 0;
    padding: 12px;
}


/* ============================================================
   CONFIGURATION ITEM
   ============================================================ */

.catalogue-config-item[b-xbiinu8k37] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin-bottom: 8px;
    padding: 13px 12px 13px 15px;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    transition:
            border-color 0.15s ease,
            background-color 0.15s ease,
            box-shadow 0.15s ease,
            transform 0.15s ease;
}

.catalogue-config-item:last-child[b-xbiinu8k37] {
    margin-bottom: 0;
}

.catalogue-config-item:hover[b-xbiinu8k37] {
    border-color: #bfdbfe;
    background: #f8fbff;
    box-shadow: 0 3px 10px rgba(37, 99, 235, 0.06);
}

.catalogue-config-item.selected[b-xbiinu8k37] {
    border-color: #2563eb;
    background: #eff6ff;
    box-shadow:
            inset 3px 0 0 #2563eb,
            0 3px 10px rgba(37, 99, 235, 0.08);
}


/* ============================================================
   ITEM CONTENT
   ============================================================ */

.catalogue-config-item-main[b-xbiinu8k37] {
    flex: 1;
    min-width: 0;
}

.catalogue-config-item-title[b-xbiinu8k37] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 3px;
}

.catalogue-config-item-title strong[b-xbiinu8k37] {
    overflow: hidden;
    color: #0f172a;
    font-size: 0.94rem;
    font-weight: 650;
    text-overflow: ellipsis;
}

.catalogue-config-item-main > small[b-xbiinu8k37] {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.45;
}

.catalogue-config-sort[b-xbiinu8k37] {
    display: block;
    margin-top: 5px;
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 500;
}


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

.catalogue-config-item-title .badge[b-xbiinu8k37] {
    flex: 0 0 auto;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 600;
}


/* ============================================================
   ITEM ACTIONS
   ============================================================ */

.catalogue-config-item-actions[b-xbiinu8k37] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 4px;
}

.catalogue-config-item-actions .btn[b-xbiinu8k37] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    padding: 0;
    border-radius: 7px;
}

.catalogue-config-item-actions .e-btn[b-xbiinu8k37] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 31px;
    width: 31px;
    height: 31px;
    padding: 0;
    border-radius: 7px;
}


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

.catalogue-config-empty[b-xbiinu8k37] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 30px 20px;
    color: #64748b;
    text-align: center;
}

.catalogue-config-empty > i[b-xbiinu8k37] {
    margin-bottom: 14px;
    color: #cbd5e1;
    font-size: 2rem;
}

.catalogue-config-empty strong[b-xbiinu8k37] {
    margin-bottom: 6px;
    color: #334155;
    font-size: 0.95rem;
    font-weight: 650;
}

.catalogue-config-empty span[b-xbiinu8k37] {
    max-width: 290px;
    color: #94a3b8;
    font-size: 0.82rem;
    line-height: 1.5;
}


/* ============================================================
   CATEGORY TREE
   ============================================================ */

.catalogue-category-list[b-xbiinu8k37] {
    overflow-x: hidden;
}

.catalogue-category-tree-item[b-xbiinu8k37] {
    position: relative;
}

.catalogue-category-item[b-xbiinu8k37] {
    cursor: default;
}

.catalogue-category-item:hover[b-xbiinu8k37] {
    transform: none;
}

.catalogue-category-item .fa-turn-up[b-xbiinu8k37] {
    color: #94a3b8;
    font-size: 0.7rem;
}


/* ============================================================
   CHILD CATEGORY VISUAL GUIDE
   ============================================================ */

.catalogue-category-tree-item
.catalogue-category-tree-item[b-xbiinu8k37] {
    position: relative;
}

.catalogue-category-tree-item
.catalogue-category-tree-item[b-xbiinu8k37]::before {
    position: absolute;
    top: -8px;
    bottom: 8px;
    left: 9px;
    width: 1px;
    content: "";
    background: #e2e8f0;
}


/* ============================================================
   DIALOG TITLE
   ============================================================ */

[b-xbiinu8k37] .catalogue-dialog-title {
    display: flex;
    align-items: center;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 700;
}

[b-xbiinu8k37] .catalogue-dialog-title i {
    color: #2563eb;
}


/* ============================================================
   DIALOG
   ============================================================ */

[b-xbiinu8k37] .cognivox-dialog.e-dialog {
    overflow: hidden;
    border: 0;
    border-radius: 14px;
    box-shadow:
            0 20px 60px rgba(15, 23, 42, 0.18);
}

[b-xbiinu8k37] .cognivox-dialog .e-dlg-header-content {
    padding: 18px 22px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

[b-xbiinu8k37] .cognivox-dialog .e-dlg-content {
    padding: 22px;
}

[b-xbiinu8k37] .cognivox-dialog .e-footer-content {
    padding: 14px 22px 18px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}


/* ============================================================
   EDITOR
   ============================================================ */

.catalogue-type-editor[b-xbiinu8k37] {
    width: 100%;
}

.catalogue-type-editor .form-label[b-xbiinu8k37] {
    margin-bottom: 6px;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 650;
}

.catalogue-type-editor .text-muted[b-xbiinu8k37] {
    color: #94a3b8 !important;
    font-size: 0.76rem;
    line-height: 1.45;
}


/* ============================================================
   SYNCFUSION FORM CONTROLS
   ============================================================ */

[b-xbiinu8k37] .catalogue-type-editor .e-input-group,
[b-xbiinu8k37] .catalogue-type-editor .e-input-group.e-control-wrapper {
    border-radius: 8px;
}

[b-xbiinu8k37] .catalogue-type-editor textarea.e-input {
    min-height: 90px;
    resize: vertical;
}


/* ============================================================
   ACTIVE SWITCH SETTING
   ============================================================ */

.catalogue-active-setting[b-xbiinu8k37] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 20px;
    padding: 15px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.catalogue-active-setting > div[b-xbiinu8k37] {
    flex: 1;
}

.catalogue-active-setting strong[b-xbiinu8k37] {
    display: block;
    margin-bottom: 3px;
    color: #334155;
    font-size: 0.85rem;
    font-weight: 650;
}

.catalogue-active-setting small[b-xbiinu8k37] {
    display: block;
    color: #64748b;
    font-size: 0.76rem;
    line-height: 1.45;
}


/* ============================================================
   DELETE DIALOG
   ============================================================ */

.catalogue-delete-message[b-xbiinu8k37] {
    padding: 4px 0;
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.6;
}

.catalogue-delete-message p[b-xbiinu8k37] {
    margin-bottom: 12px;
}

.catalogue-delete-message strong[b-xbiinu8k37] {
    color: #0f172a;
}


/* ============================================================
   SYNCFUSION BUTTONS
   ============================================================ */

[b-xbiinu8k37] .catalogue-config-card .e-btn {
    border-radius: 8px;
    font-weight: 600;
}

[b-xbiinu8k37] .catalogue-config-card-header .e-primary {
    min-width: 74px;
}

[b-xbiinu8k37] .catalogue-config-item-actions .e-flat {
    color: #475569;
}

[b-xbiinu8k37] .catalogue-config-item-actions .e-flat:hover {
    color: #2563eb;
    background: #eff6ff;
}

[b-xbiinu8k37] .catalogue-config-item-actions .e-danger {
    color: #dc2626;
}

[b-xbiinu8k37] .catalogue-config-item-actions .e-danger:hover {
    color: #b91c1c;
    background: #fef2f2;
}


/* ============================================================
   BOOTSTRAP ALERT
   ============================================================ */

.catalogue-configuration-page .alert[b-xbiinu8k37] {
    border-radius: 10px;
}


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

@media (max-width: 1199.98px) {

    .catalogue-config-card[b-xbiinu8k37] {
        min-height: 420px;
    }

}


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

@media (max-width: 767.98px) {

    .catalogue-configuration-page[b-xbiinu8k37] {
        padding: 20px 14px 40px;
    }

    .catalogue-configuration-header[b-xbiinu8k37] {
        flex-direction: column;
        align-items: stretch;
        margin-bottom: 20px;
    }

    .catalogue-configuration-header h1[b-xbiinu8k37] {
        font-size: 1.5rem;
    }

    .catalogue-configuration-header > div:last-child[b-xbiinu8k37] {
        width: 100%;
    }

    .catalogue-configuration-header .btn[b-xbiinu8k37] {
        width: 100%;
    }

    .catalogue-config-card[b-xbiinu8k37] {
        min-height: 360px;
    }

    .catalogue-config-card-header[b-xbiinu8k37] {
        min-height: auto;
        padding: 15px;
    }

    .catalogue-config-list[b-xbiinu8k37] {
        padding: 9px;
    }

    .catalogue-config-item[b-xbiinu8k37] {
        align-items: flex-start;
        padding: 12px 10px 12px 12px;
    }

    .catalogue-config-item-actions[b-xbiinu8k37] {
        gap: 2px;
    }

    .catalogue-category-item[b-xbiinu8k37] {
        margin-left: 0 !important;
    }

}


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

@media (max-width: 480px) {

    .catalogue-config-card-header[b-xbiinu8k37] {
        align-items: flex-start;
        flex-direction: column;
    }

    .catalogue-config-card-header .e-btn[b-xbiinu8k37] {
        width: 100%;
    }

    .catalogue-config-item[b-xbiinu8k37] {
        flex-direction: column;
    }

    .catalogue-config-item-actions[b-xbiinu8k37] {
        justify-content: flex-end;
        width: 100%;
        padding-top: 5px;
        border-top: 1px solid #f1f5f9;
    }

    .catalogue-active-setting[b-xbiinu8k37] {
        align-items: flex-start;
    }

}
/* _content/AiReceptionist/Components/Pages/ChangePassword.razor.rz.scp.css */
/* ============================================================
   COGNIVOX CHANGE PASSWORD
   ============================================================ */

.change-password-page[b-gvezcr0khm] {
    min-height: calc(100vh - 70px);
    display: flex;
    align-items: center;
    padding: 50px 20px;
    background:
            radial-gradient(
                    circle at top left,
                    rgba(13, 110, 253, 0.10),
                    transparent 38%
            ),
            #f5f7fb;
}


/* ============================================================
   CONTAINER
   ============================================================ */

.change-password-container[b-gvezcr0khm] {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}


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

.change-password-card[b-gvezcr0khm] {
    width: 100%;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 18px;
    padding: 42px 40px;

    box-shadow:
            0 18px 45px rgba(0, 0, 0, 0.08);
}


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

.change-password-header[b-gvezcr0khm] {
    text-align: center;
    margin-bottom: 32px;
}


.change-password-icon[b-gvezcr0khm] {
    width: 72px;
    height: 72px;

    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;

    background: #0d6efd;
    color: #ffffff;

    font-size: 29px;

    box-shadow:
            0 10px 25px rgba(13, 110, 253, 0.22);
}


.change-password-header h1[b-gvezcr0khm] {
    margin: 0 0 10px;

    color: #1f2937;

    font-size: 28px;
    font-weight: 700;
}


.change-password-header p[b-gvezcr0khm] {
    max-width: 390px;

    margin: 0 auto;

    color: #6b7280;

    font-size: 15px;
    line-height: 1.6;
}


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

.change-password-page form[b-gvezcr0khm] {
    width: 100%;
}


.change-password-page .form-label[b-gvezcr0khm] {
    display: block;

    margin-bottom: 7px;

    color: #374151;

    font-size: 14px;
    font-weight: 600;
}


.change-password-page .form-control[b-gvezcr0khm] {
    display: block;

    width: 100%;
    min-height: 52px;

    padding: 12px 14px;

    box-sizing: border-box;

    border: 1px solid #d8dee8;
    border-radius: 10px;

    background: #ffffff;
    color: #1f2937;

    font-size: 16px;

    box-shadow: none;

    transition:
            border-color 0.15s ease,
            box-shadow 0.15s ease;
}


.change-password-page .form-control:hover[b-gvezcr0khm] {
    border-color: #b8c1cf;
}


.change-password-page .form-control:focus[b-gvezcr0khm] {
    border-color: #0d6efd;

    outline: none;

    box-shadow:
            0 0 0 4px rgba(13, 110, 253, 0.10);
}


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

.change-password-requirements[b-gvezcr0khm] {
    margin-top: 4px;

    padding: 16px 18px;

    border: 1px solid #e5e7eb;
    border-radius: 10px;

    background: #f8fafc;

    color: #6b7280;

    font-size: 13px;
    line-height: 1.9;
}


.change-password-requirements-title[b-gvezcr0khm] {
    margin-bottom: 5px;

    color: #374151;

    font-size: 14px;
    font-weight: 600;
}


.change-password-requirements i[b-gvezcr0khm] {
    width: 14px;

    color: #198754;

    font-size: 11px;
}


/* ============================================================
   BUTTON
   ============================================================ */

.change-password-page .btn-primary[b-gvezcr0khm] {
    width: 100%;
    min-height: 52px;

    border: 0;
    border-radius: 10px;

    background: #0d6efd;
    color: #ffffff;

    font-size: 16px;
    font-weight: 600;

    transition:
            background-color 0.15s ease,
            transform 0.1s ease,
            box-shadow 0.15s ease;
}


.change-password-page .btn-primary:hover[b-gvezcr0khm] {
    background: #0b5ed7;

    color: #ffffff;

    box-shadow:
            0 8px 20px rgba(13, 110, 253, 0.20);
}


.change-password-page .btn-primary:active[b-gvezcr0khm] {
    transform: translateY(1px);
}


.change-password-page .btn-primary:disabled[b-gvezcr0khm] {
    cursor: not-allowed;

    opacity: 0.65;

    box-shadow: none;
}


/* ============================================================
   ALERTS
   ============================================================ */

.change-password-page .alert[b-gvezcr0khm] {
    border-radius: 10px;

    font-size: 14px;
    line-height: 1.5;
}


.change-password-page .alert-danger[b-gvezcr0khm] {
    border: 1px solid #f5c2c7;

    background: #f8d7da;
    color: #842029;
}


.change-password-page .alert-success[b-gvezcr0khm] {
    margin-bottom: 24px;

    border: 1px solid #badbcc;

    background: #d1e7dd;
    color: #0f5132;
}


/* ============================================================
   VALIDATION
   ============================================================ */

.change-password-page .validation-message[b-gvezcr0khm],
.change-password-page .field-validation-error[b-gvezcr0khm],
.change-password-page .validation-summary-errors[b-gvezcr0khm] {
    color: #dc3545;

    font-size: 13px;
}


.change-password-page .validation-message[b-gvezcr0khm],
.change-password-page .field-validation-error[b-gvezcr0khm] {
    display: block;

    margin-top: 6px;
}


/* ============================================================
   BACK LINK
   ============================================================ */

.change-password-back-link[b-gvezcr0khm] {
    margin-top: 24px;

    text-align: center;
}


.change-password-back-link a[b-gvezcr0khm] {
    color: #0d6efd;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none;
}


.change-password-back-link a:hover[b-gvezcr0khm] {
    text-decoration: underline;
}


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

@media (max-width: 576px) {

    .change-password-page[b-gvezcr0khm] {
        align-items: flex-start;

        padding: 25px 14px;
    }


    .change-password-card[b-gvezcr0khm] {
        padding: 32px 22px;

        border-radius: 14px;
    }


    .change-password-icon[b-gvezcr0khm] {
        width: 64px;
        height: 64px;

        font-size: 26px;
    }


    .change-password-header h1[b-gvezcr0khm] {
        font-size: 24px;
    }


    .change-password-header p[b-gvezcr0khm] {
        font-size: 14px;
    }


    .change-password-requirements[b-gvezcr0khm] {
        padding: 14px 15px;
    }
}
/* _content/AiReceptionist/Components/Pages/CookieConsent.razor.rz.scp.css */
.cookie-overlay[b-ejthtknyzu] {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgba(5, 7, 10, 0.45);
    backdrop-filter: blur(2px);
}

.cookie-consent[b-ejthtknyzu] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    left: 24px;
    z-index: 9999;

    width: min(100% - 48px, 1100px);
    margin: 0 auto;

    background: #11141a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;

    color: #ffffff;

    box-shadow:
            0 20px 60px rgba(0, 0, 0, 0.35);
}


/* MAIN BANNER */

.cookie-main[b-ejthtknyzu] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;

    padding: 26px 28px;
}

.cookie-icon[b-ejthtknyzu] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    background: rgba(115, 127, 245, 0.12);
    border-radius: 50%;

    color: #8993ff;
    font-size: 1.2rem;
}

.cookie-content h2[b-ejthtknyzu],
.preferences-header h2[b-ejthtknyzu] {
    margin: 0 0 8px;

    color: #ffffff;

    font-size: 1.15rem;
    font-weight: 650;
}

.cookie-content p[b-ejthtknyzu] {
    max-width: 650px;
    margin: 0;

    color: #a9afbb;

    font-size: 0.88rem;
    line-height: 1.6;
}

.cookie-content .cookie-policy-text[b-ejthtknyzu] {
    margin-top: 6px;
    color: #7f8794;
    font-size: 0.8rem;
}

.cookie-content a[b-ejthtknyzu] {
    color: #aab1ff;
    text-decoration: none;
}

.cookie-content a:hover[b-ejthtknyzu] {
    text-decoration: underline;
}


/* BUTTONS */

.cookie-actions[b-ejthtknyzu] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cookie-btn[b-ejthtknyzu] {
    min-height: 42px;
    padding: 0 17px;

    border: 0;
    border-radius: 7px;

    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 600;

    white-space: nowrap;
    cursor: pointer;

    transition:
            background 0.2s ease,
            color 0.2s ease,
            border-color 0.2s ease;
}

.cookie-btn-primary[b-ejthtknyzu] {
    background: #ffffff;
    color: #101319;
}

.cookie-btn-primary:hover[b-ejthtknyzu] {
    background: #e7e9ed;
}

.cookie-btn-secondary[b-ejthtknyzu] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #d0d4db;
}

.cookie-btn-secondary:hover[b-ejthtknyzu] {
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
}

.cookie-btn-link[b-ejthtknyzu] {
    padding: 0 8px;
    background: transparent;
    color: #9299a6;
}

.cookie-btn-link:hover[b-ejthtknyzu] {
    color: #ffffff;
}


/* PREFERENCES */

.cookie-preferences[b-ejthtknyzu] {
    padding: 30px;
}

.preferences-header[b-ejthtknyzu] {
    max-width: 680px;
    margin-bottom: 28px;
}

.preferences-label[b-ejthtknyzu] {
    display: block;
    margin-bottom: 8px;

    color: #737ff5;

    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.preferences-header p[b-ejthtknyzu] {
    margin: 0;

    color: #9299a6;

    font-size: 0.88rem;
    line-height: 1.6;
}

.preference-row[b-ejthtknyzu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    padding: 20px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.preference-info h3[b-ejthtknyzu] {
    margin: 0 0 5px;

    color: #ffffff;

    font-size: 0.92rem;
    font-weight: 600;
}

.preference-info p[b-ejthtknyzu] {
    max-width: 600px;
    margin: 0;

    color: #858c98;

    font-size: 0.8rem;
    line-height: 1.5;
}

.always-active[b-ejthtknyzu] {
    flex-shrink: 0;

    color: #8993ff;

    font-size: 0.75rem;
    font-weight: 600;
}


/* SWITCH */

.switch[b-ejthtknyzu] {
    position: relative;

    display: inline-block;
    flex-shrink: 0;

    width: 46px;
    height: 25px;
}

.switch input[b-ejthtknyzu] {
    width: 0;
    height: 0;
    opacity: 0;
}

.slider[b-ejthtknyzu] {
    position: absolute;
    inset: 0;

    background: #383d47;
    border-radius: 30px;

    cursor: pointer;

    transition: 0.2s;
}

.slider[b-ejthtknyzu]::before {
    position: absolute;

    width: 19px;
    height: 19px;

    left: 3px;
    bottom: 3px;

    content: "";

    background: #ffffff;
    border-radius: 50%;

    transition: 0.2s;
}

.switch input:checked + .slider[b-ejthtknyzu] {
    background: #737ff5;
}

.switch input:checked + .slider[b-ejthtknyzu]::before {
    transform: translateX(21px);
}

.switch input:focus-visible + .slider[b-ejthtknyzu] {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
}


/* PREFERENCE ACTIONS */

.preferences-actions[b-ejthtknyzu] {
    display: flex;
    align-items: center;
    gap: 10px;

    padding-top: 24px;

    border-top: 1px solid rgba(255, 255, 255, 0.08);
}


/* TABLET */

@media (max-width: 900px) {

    .cookie-main[b-ejthtknyzu] {
        grid-template-columns: auto 1fr;
    }

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


/* MOBILE */

@media (max-width: 600px) {

    .cookie-overlay[b-ejthtknyzu] {
        backdrop-filter: none;
    }

    .cookie-consent[b-ejthtknyzu] {
        right: 12px;
        bottom: 12px;
        left: 12px;

        width: calc(100% - 24px);

        border-radius: 12px;
    }

    .cookie-main[b-ejthtknyzu] {
        display: flex;
        align-items: flex-start;
        flex-direction: column;

        gap: 16px;

        padding: 22px;
    }

    .cookie-icon[b-ejthtknyzu] {
        width: 40px;
        height: 40px;
    }

    .cookie-actions[b-ejthtknyzu] {
        align-items: stretch;
        flex-direction: column;

        width: 100%;
    }

    .cookie-btn[b-ejthtknyzu] {
        width: 100%;
    }

    .cookie-preferences[b-ejthtknyzu] {
        max-height: 85vh;
        padding: 22px;

        overflow-y: auto;
    }

    .preference-row[b-ejthtknyzu] {
        gap: 20px;
    }

    .preferences-actions[b-ejthtknyzu] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/AiReceptionist/Components/Pages/Cookies.razor.rz.scp.css */
.cookies-page[b-rtdf4dj4dh] {
    background: #ffffff;
    color: #111318;
}

.cookies-container[b-rtdf4dj4dh] {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


/* HERO */

.cookies-hero[b-rtdf4dj4dh] {
    padding: 100px 0 90px;
    background:
            radial-gradient(
                    circle at 80% 20%,
                    rgba(79, 99, 255, 0.14),
                    transparent 38%
            ),
            #0b0d12;
    color: #ffffff;
}

.eyebrow[b-rtdf4dj4dh] {
    display: inline-block;
    margin-bottom: 22px;
    color: #737ff5;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.13em;
}

.cookies-hero h1[b-rtdf4dj4dh] {
    margin: 0;
    font-size: clamp(3rem, 6vw, 5rem);
    font-weight: 650;
    line-height: 1;
    letter-spacing: -0.055em;
}

.hero-lead[b-rtdf4dj4dh] {
    max-width: 720px;
    margin: 30px 0 0;
    color: #c7cbd3;
    font-size: 1.15rem;
    line-height: 1.75;
}

.policy-meta[b-rtdf4dj4dh] {
    margin-top: 32px;
    color: #7f8794;
    font-size: 0.82rem;
}


/* MAIN LAYOUT */

.cookies-content[b-rtdf4dj4dh] {
    padding: 90px 0 120px;
}

.cookies-layout[b-rtdf4dj4dh] {
    display: grid;
    grid-template-columns: 220px minmax(0, 760px);
    justify-content: space-between;
    gap: 100px;
}


/* SIDEBAR */

.cookies-sidebar[b-rtdf4dj4dh] {
    position: relative;
}

.sidebar-inner[b-rtdf4dj4dh] {
    position: sticky;
    top: 100px;
}

.sidebar-title[b-rtdf4dj4dh] {
    display: block;
    margin-bottom: 20px;
    color: #949aa5;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.cookies-sidebar nav[b-rtdf4dj4dh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

.cookies-sidebar nav button[b-rtdf4dj4dh] {
    width: 100%;
    margin: 0;
    padding: 5px 0;

    background: none;
    border: 0;

    color: #6d7380;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;

    cursor: pointer;

    transition: color 0.2s ease;
}

.cookies-sidebar nav button:hover[b-rtdf4dj4dh] {
    color: #111318;
}

.cookies-sidebar nav button:focus-visible[b-rtdf4dj4dh] {
    color: #111318;
    outline: 2px solid #737ff5;
    outline-offset: 3px;
    border-radius: 2px;
}


/* POLICY SECTIONS */

.cookies-section[b-rtdf4dj4dh] {
    scroll-margin-top: 100px;
    padding: 0 0 70px;
    margin-bottom: 70px;
    border-bottom: 1px solid #e7e9ed;
}

.cookies-section:last-child[b-rtdf4dj4dh] {
    margin-bottom: 0;
    border-bottom: 0;
}

.section-number[b-rtdf4dj4dh] {
    display: block;
    margin-bottom: 14px;
    color: #737ff5;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.cookies-section h2[b-rtdf4dj4dh] {
    margin: 0 0 28px;
    color: #14171d;
    font-size: clamp(1.7rem, 3vw, 2.25rem);
    font-weight: 650;
    line-height: 1.15;
    letter-spacing: -0.035em;
}

.cookies-section h3[b-rtdf4dj4dh] {
    margin: 38px 0 15px;
    color: #242832;
    font-size: 1.08rem;
    font-weight: 650;
}

.cookies-section p[b-rtdf4dj4dh] {
    margin: 0 0 20px;
    color: #626874;
    font-size: 0.97rem;
    line-height: 1.85;
}

.cookies-section strong[b-rtdf4dj4dh] {
    color: #282c35;
}


/* LISTS */

.cookies-section ul[b-rtdf4dj4dh] {
    margin: 10px 0 28px;
    padding-left: 22px;
}

.cookies-section li[b-rtdf4dj4dh] {
    margin-bottom: 10px;
    padding-left: 5px;
    color: #626874;
    font-size: 0.95rem;
    line-height: 1.7;
}

.cookies-section li[b-rtdf4dj4dh]::marker {
    color: #737ff5;
}


/* COOKIE CATEGORY */

.cookie-category[b-rtdf4dj4dh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 28px;
    padding: 20px 22px;
    background: #f6f7f9;
    border: 1px solid #e4e6eb;
    border-radius: 10px;
}

.cookie-category h3[b-rtdf4dj4dh] {
    margin: 4px 0 0;
    font-size: 1rem;
}

.category-label[b-rtdf4dj4dh] {
    color: #8c929e;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.status-badge[b-rtdf4dj4dh] {
    flex-shrink: 0;
    padding: 6px 10px;
    background: #e9ebff;
    border-radius: 20px;
    color: #454fbd;
    font-size: 0.7rem;
    font-weight: 650;
}

.status-badge.optional[b-rtdf4dj4dh] {
    background: #eeeeef;
    color: #676d77;
}


/* NOTICE */

.notice-box[b-rtdf4dj4dh] {
    margin-top: 32px;
    padding: 25px 28px;
    background: #f7f7fb;
    border-left: 3px solid #737ff5;
    border-radius: 0 8px 8px 0;
}

.notice-box strong[b-rtdf4dj4dh] {
    display: block;
    margin-bottom: 10px;
    color: #222630;
    font-size: 0.95rem;
}

.notice-box p[b-rtdf4dj4dh] {
    margin: 0;
    font-size: 0.9rem;
}


/* LINKS */

.cookies-link[b-rtdf4dj4dh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    color: #3f49c8;
    font-size: 0.92rem;
    font-weight: 600;
    text-decoration: none;
}

.cookies-link:hover[b-rtdf4dj4dh] {
    text-decoration: underline;
}


/* COOKIE SETTINGS BUTTON - READY FOR LATER */

.manage-cookies-button[b-rtdf4dj4dh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin-top: 10px;
    padding: 0 20px;

    background: #111318;
    border: 0;
    border-radius: 7px;

    color: #ffffff;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 600;

    cursor: pointer;

    transition:
            background 0.2s ease,
            transform 0.2s ease;
}

.manage-cookies-button:hover[b-rtdf4dj4dh] {
    background: #282c35;
    transform: translateY(-1px);
}


/* CONTACT */

.contact-card[b-rtdf4dj4dh] {
    margin: 35px 0;
    border: 1px solid #e1e4e8;
    border-radius: 12px;
    overflow: hidden;
}

.contact-row[b-rtdf4dj4dh] {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 20px;
    padding: 20px 24px;
    border-bottom: 1px solid #e8eaed;
}

.contact-row:last-child[b-rtdf4dj4dh] {
    border-bottom: 0;
}

.contact-row > span[b-rtdf4dj4dh] {
    color: #858b96;
    font-size: 0.82rem;
}

.contact-row a[b-rtdf4dj4dh] {
    color: #333bc1;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
}

.contact-row a:hover[b-rtdf4dj4dh] {
    text-decoration: underline;
}


/* TABLET */

@media (max-width: 900px) {

    .cookies-hero[b-rtdf4dj4dh] {
        padding: 80px 0 75px;
    }

    .cookies-content[b-rtdf4dj4dh] {
        padding: 70px 0 90px;
    }

    .cookies-layout[b-rtdf4dj4dh] {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .cookies-sidebar[b-rtdf4dj4dh] {
        display: none;
    }

    .cookies-body[b-rtdf4dj4dh] {
        max-width: 760px;
    }
}


/* MOBILE */

@media (max-width: 560px) {

    .cookies-container[b-rtdf4dj4dh] {
        width: calc(100% - 32px);
    }

    .cookies-hero[b-rtdf4dj4dh] {
        padding: 65px 0 60px;
    }

    .cookies-hero h1[b-rtdf4dj4dh] {
        font-size: 2.8rem;
    }

    .hero-lead[b-rtdf4dj4dh] {
        margin-top: 24px;
        font-size: 1rem;
    }

    .cookies-content[b-rtdf4dj4dh] {
        padding: 55px 0 70px;
    }

    .cookies-section[b-rtdf4dj4dh] {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .cookies-section h2[b-rtdf4dj4dh] {
        margin-bottom: 22px;
    }

    .cookies-section p[b-rtdf4dj4dh] {
        font-size: 0.94rem;
        line-height: 1.8;
    }

    .cookie-category[b-rtdf4dj4dh] {
        align-items: flex-start;
        flex-direction: column;
    }

    .notice-box[b-rtdf4dj4dh] {
        padding: 20px;
    }

    .contact-row[b-rtdf4dj4dh] {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 18px 20px;
    }
}
/* _content/AiReceptionist/Components/Pages/EmployeeCalendar.razor.rz.scp.css */
.appointments-page[b-atkmgjqyw5] {
    min-height: 100vh;
    background: linear-gradient(135deg,#0f172a,#1e293b,#111827);
    padding: 40px;
    color: #fff;
}

.appointments-header[b-atkmgjqyw5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 20px;
}

.appointments-header h1[b-atkmgjqyw5] {
    font-size: 2.4rem;
    font-weight: 700;
    margin: 10px 0 5px;
}

.appointments-header p[b-atkmgjqyw5] {
    color: rgba(255,255,255,.75);
    margin: 0;
}

.appointments-badge[b-atkmgjqyw5] {
    display: inline-block;
    background: #2563eb;
    color: white;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: 1px;
}

.appointments-actions[b-atkmgjqyw5] {
    display: flex;
    gap: 10px;
}

.calendar-card[b-atkmgjqyw5] {
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(18px);
    border-radius: 20px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 15px 40px rgba(0,0,0,.35);
}

/* Syncfusion Schedule */

.e-schedule[b-atkmgjqyw5] {
    border-radius: 15px;
    overflow: hidden;
    border: none !important;
}

.e-schedule .e-schedule-toolbar[b-atkmgjqyw5] {
    background: #1e3a8a;
    color: white;
}

.e-schedule .e-toolbar-item .e-tbar-btn-text[b-atkmgjqyw5],
.e-schedule .e-toolbar-item .e-icons[b-atkmgjqyw5] {
    color: white !important;
}

.e-schedule .e-active-view[b-atkmgjqyw5] {
    background: rgba(255,255,255,.15);
    border-radius: 8px;
}

.e-schedule .e-work-cells:hover[b-atkmgjqyw5] {
    background: rgba(37,99,235,.08);
}

.e-schedule .e-header-cells[b-atkmgjqyw5] {
    background: #eff6ff;
    font-weight: 600;
}

.e-schedule .e-work-hours[b-atkmgjqyw5] {
    background: #ffffff;
}

.e-schedule .e-work-cells[b-atkmgjqyw5] {
    background: #ffffff;
}

.e-schedule .e-appointment[b-atkmgjqyw5] {
    background: #2563eb;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: .85rem;
    padding: 2px 6px;
}

.e-schedule .e-appointment:hover[b-atkmgjqyw5] {
    filter: brightness(1.08);
}

.e-quick-popup-wrapper[b-atkmgjqyw5],
.e-event-window[b-atkmgjqyw5] {
    border-radius: 15px;
}

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

.e-btn.e-primary:hover[b-atkmgjqyw5] {
    background: #1d4ed8;
}

.spinner-border[b-atkmgjqyw5] {
    width: 3rem;
    height: 3rem;
}

.alert[b-atkmgjqyw5] {
    border-radius: 12px;
}

@media (max-width:768px) {

    .appointments-page[b-atkmgjqyw5] {
        padding: 15px;
    }

    .appointments-header[b-atkmgjqyw5] {
        flex-direction: column;
        align-items: flex-start;
    }

    .appointments-header h1[b-atkmgjqyw5] {
        font-size: 1.8rem;
    }

    .calendar-card[b-atkmgjqyw5] {
        padding: 10px;
    }

    .e-schedule[b-atkmgjqyw5] {
        font-size: .85rem;
    }
}
/* _content/AiReceptionist/Components/Pages/Employees.razor.rz.scp.css */
.page-header[b-h7dfwzlznp] {
    border-left: 5px solid #2563eb;
    padding-left: 20px;
}

.cognivox-card[b-h7dfwzlznp] {
    border: none;
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(0,0,0,.08);
    overflow: hidden;
}

.cognivox-card-header[b-h7dfwzlznp] {
    background: white;
    padding: 22px 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eef2f7;
}

.cognivox-card-body[b-h7dfwzlznp] {
    padding: 24px;
}

.cognivox-dialog .e-dlg-header[b-h7dfwzlznp] {
    font-size: 1.2rem;
    font-weight: 600;
}

.cognivox-dialog .e-dlg-content[b-h7dfwzlznp] {
    padding: 24px;
}

.cognivox-dialog label[b-h7dfwzlznp] {
    font-weight: 600;
    margin-bottom: .4rem;
}

.e-grid[b-h7dfwzlznp] {
    border-radius: 12px;
}

.e-grid .e-headercell[b-h7dfwzlznp] {
    background: #f8fafc;
    font-weight: 600;
}

.e-grid .e-row:hover[b-h7dfwzlznp] {
    background: #f4f8ff;
}

.e-primary[b-h7dfwzlznp] {
    border-radius: 10px !important;
}

.e-btn[b-h7dfwzlznp] {
    border-radius: 10px !important;
}

.form-check[b-h7dfwzlznp] {
    display: flex;
    align-items: center;
}

.page-header h1[b-h7dfwzlznp] {
    color: #1f2937;
}

.page-header p[b-h7dfwzlznp] {
    font-size: 1.05rem;
}

.employee-dialog .e-dlg-content[b-h7dfwzlznp] {
    max-height: 75vh;
    overflow-y: auto;
    padding: 24px 30px;
}

.employee-dialog .form-label[b-h7dfwzlznp] {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
}

.working-hours-container[b-h7dfwzlznp] {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.working-hours-row[b-h7dfwzlznp] {
    display: grid;
    grid-template-columns: 160px 160px 1fr 50px 1fr;
    gap: 16px;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.working-hours-row:last-child[b-h7dfwzlznp] {
    border-bottom: none;
}

.working-enabled[b-h7dfwzlznp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.working-time label[b-h7dfwzlznp] {
    display: block;
    font-size: 0.8rem;
    color: #6c757d;
    margin-bottom: 3px;
}

.working-separator[b-h7dfwzlznp] {
    text-align: center;
    font-size: 1.2rem;
}

.absence-row[b-h7dfwzlznp] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    gap: 12px;
    align-items: end;
    padding: 14px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.absence-delete[b-h7dfwzlznp] {
    padding-bottom: 1px;
}

@media (max-width: 900px) {
    .working-hours-row[b-h7dfwzlznp] {
        grid-template-columns: 1fr 1fr;
    }

    .working-separator[b-h7dfwzlznp] {
        display: none;
    }

    .absence-row[b-h7dfwzlznp] {
        grid-template-columns: 1fr;
    }
}
/* _content/AiReceptionist/Components/Pages/EventBookings.razor.rz.scp.css */
/* ============================================================
   EVENT BOOKINGS PAGE
   ============================================================ */

.event-bookings-page[b-7qy18lcwb3] {
    width: 100%;
    box-sizing: border-box;

    padding: 28px 32px 40px 32px;
}


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

.event-bookings-header[b-7qy18lcwb3] {
    margin-bottom: 28px;
}

.event-bookings-header h1[b-7qy18lcwb3] {
    display: flex;
    align-items: center;

    margin: 0;

    color: #1f2937;

    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.event-bookings-header h1 i[b-7qy18lcwb3] {
    color: #1f2937;
    font-size: 1.8rem;
}

.event-bookings-header p[b-7qy18lcwb3] {
    margin: 8px 0 0 0;

    color: var(--bs-secondary-color);

    font-size: 1.05rem;
}


/* ============================================================
   MAIN CARD
   ============================================================ */

.event-bookings-card[b-7qy18lcwb3] {
    width: 100%;
    box-sizing: border-box;

    background: #ffffff;

    border: none;
    border-radius: 18px;

    box-shadow: 0 10px 35px rgba(0, 0, 0, .08);

    overflow: hidden;
}


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

.event-bookings-card-header[b-7qy18lcwb3] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 22px 28px;

    background: #ffffff;

    border-bottom: 1px solid #eef2f7;
}

.event-bookings-card-header h4[b-7qy18lcwb3] {
    margin: 0;

    color: #1f2937;

    font-size: 1.25rem;
    font-weight: 700;
}

.event-bookings-count[b-7qy18lcwb3] {
    display: block;

    margin-top: 3px;

    color: #6b7280;

    font-size: .85rem;
}


/* ============================================================
   FILTER AREA
   ============================================================ */

.event-bookings-filters[b-7qy18lcwb3] {
    padding: 20px 28px;

    background: #f8fafc;

    border-bottom: 1px solid #eef2f7;
}

.event-bookings-filters .form-label[b-7qy18lcwb3] {
    margin-bottom: 6px;

    color: #4b5563;

    font-size: .85rem;
    font-weight: 600;
}

.event-bookings-filters .form-control[b-7qy18lcwb3],
.event-bookings-filters .form-select[b-7qy18lcwb3] {
    min-height: 42px;

    background-color: #ffffff;

    border: 1px solid #d1d5db;
    border-radius: 8px;

    box-shadow: none;
}

.event-bookings-filters .form-control:focus[b-7qy18lcwb3],
.event-bookings-filters .form-select:focus[b-7qy18lcwb3] {
    border-color: #86b7fe;

    box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .15);
}


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

.event-bookings-card .table-responsive[b-7qy18lcwb3] {
    width: 100%;

    overflow-x: auto;
}


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

.event-bookings-table[b-7qy18lcwb3] {
    width: 100%;

    margin: 0;

    border-collapse: separate;
    border-spacing: 0;
}

.event-bookings-table thead th[b-7qy18lcwb3] {
    padding: 14px 16px;

    color: #374151;

    background: #f8fafc;

    border-top: none;
    border-bottom: 1px solid #e5e7eb;

    font-size: .85rem;
    font-weight: 700;

    white-space: nowrap;
}

.event-bookings-table tbody td[b-7qy18lcwb3] {
    padding: 15px 16px;

    color: #374151;

    background: #ffffff;

    border-bottom: 1px solid #eef2f7;

    vertical-align: middle;
}

.event-bookings-table tbody tr:last-child td[b-7qy18lcwb3] {
    border-bottom: none;
}

.event-bookings-table tbody tr:hover td[b-7qy18lcwb3] {
    background: #f8fbff;
}


/* ============================================================
   BOOKING REFERENCE
   ============================================================ */

.booking-reference[b-7qy18lcwb3] {
    color: #1f2937;

    font-weight: 700;

    white-space: nowrap;
}


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

.booking-customer-name[b-7qy18lcwb3] {
    display: block;

    color: #1f2937;

    font-weight: 600;
}

.booking-customer-detail[b-7qy18lcwb3] {
    display: block;

    margin-top: 2px;

    color: #6b7280;

    font-size: .8rem;
}


/* ============================================================
   EVENT
   ============================================================ */

.booking-event-name[b-7qy18lcwb3] {
    display: block;

    color: #1f2937;

    font-weight: 600;
}


/* ============================================================
   PACKAGE / OPTION
   ============================================================ */

.booking-package[b-7qy18lcwb3] {
    display: block;

    color: #1f2937;

    font-weight: 600;
}

.booking-option[b-7qy18lcwb3] {
    display: block;

    margin-top: 2px;

    color: #6b7280;

    font-size: .8rem;
}


/* ============================================================
   PRICE
   ============================================================ */

.booking-total[b-7qy18lcwb3] {
    color: #1f2937;

    font-weight: 700;

    white-space: nowrap;
}


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

.booking-status[b-7qy18lcwb3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 28px;

    padding: 5px 10px;

    border-radius: 20px;

    font-size: .75rem;
    font-weight: 700;

    white-space: nowrap;
}


/* Confirmed */

.booking-status-confirmed[b-7qy18lcwb3] {
    color: #166534;

    background: #dcfce7;
}


/* Awaiting payment */

.booking-status-awaiting[b-7qy18lcwb3] {
    color: #92400e;

    background: #fef3c7;
}


/* Expired */

.booking-status-expired[b-7qy18lcwb3] {
    color: #475569;

    background: #e2e8f0;
}


/* Cancelled */

.booking-status-cancelled[b-7qy18lcwb3] {
    color: #991b1b;

    background: #fee2e2;
}


/* ============================================================
   VIEW BUTTON
   ============================================================ */

.event-bookings-table .btn-outline-primary[b-7qy18lcwb3] {
    display: inline-flex;
    align-items: center;

    border-radius: 7px;

    font-size: .8rem;
    font-weight: 600;

    white-space: nowrap;
}


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

.event-bookings-empty[b-7qy18lcwb3] {
    padding: 70px 20px;

    text-align: center;
}

.event-bookings-empty > i[b-7qy18lcwb3] {
    display: block;

    margin-bottom: 14px;

    color: #94a3b8;

    font-size: 2.2rem;
}

.event-bookings-empty h5[b-7qy18lcwb3] {
    margin-bottom: 6px;

    color: #1f2937;

    font-weight: 700;
}

.event-bookings-empty p[b-7qy18lcwb3] {
    color: #6b7280;
}


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

.event-bookings-loading[b-7qy18lcwb3] {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 300px;
}


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

.event-bookings-page > .alert[b-7qy18lcwb3] {
    margin-bottom: 0;

    border-radius: 12px;
}


/* ============================================================
   RESPONSIVE - LARGE TABLET
   ============================================================ */

@media (max-width: 1200px) {

    .event-bookings-page[b-7qy18lcwb3] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .event-bookings-table thead th[b-7qy18lcwb3],
    .event-bookings-table tbody td[b-7qy18lcwb3] {
        padding-left: 12px;
        padding-right: 12px;
    }
}


/* ============================================================
   RESPONSIVE - TABLET / MOBILE
   ============================================================ */

@media (max-width: 768px) {

    .event-bookings-page[b-7qy18lcwb3] {
        padding: 20px 16px 32px 16px;
    }

    .event-bookings-header[b-7qy18lcwb3] {
        margin-bottom: 22px;
    }

    .event-bookings-header h1[b-7qy18lcwb3] {
        font-size: 1.7rem;
    }

    .event-bookings-header h1 i[b-7qy18lcwb3] {
        font-size: 1.55rem;
    }

    .event-bookings-header p[b-7qy18lcwb3] {
        font-size: .95rem;
    }

    .event-bookings-card[b-7qy18lcwb3] {
        border-radius: 14px;
    }

    .event-bookings-card-header[b-7qy18lcwb3] {
        padding: 18px;

        align-items: flex-start;
        flex-direction: column;

        gap: 12px;
    }

    .event-bookings-filters[b-7qy18lcwb3] {
        padding: 18px;
    }

    .event-bookings-table[b-7qy18lcwb3] {
        min-width: 950px;
    }
}


/* ============================================================
   RESPONSIVE - SMALL MOBILE
   ============================================================ */

@media (max-width: 480px) {

    .event-bookings-page[b-7qy18lcwb3] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .event-bookings-header h1[b-7qy18lcwb3] {
        font-size: 1.5rem;
    }

    .event-bookings-card-header[b-7qy18lcwb3],
    .event-bookings-filters[b-7qy18lcwb3] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* _content/AiReceptionist/Components/Pages/EventBookingView.razor.rz.scp.css */
/* ============================================================
   EVENT BOOKING VIEW PAGE
   ============================================================ */

.event-booking-view-page[b-a7hbaetvp3] {
    width: 100%;
    box-sizing: border-box;

    padding: 28px 32px 40px;
}


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

.event-booking-view-header[b-a7hbaetvp3] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 28px;
}

.event-booking-view-header h1[b-a7hbaetvp3] {
    display: flex;
    align-items: center;

    margin: 0;

    color: #1f2937;

    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.event-booking-view-header h1 i[b-a7hbaetvp3] {
    font-size: 1.8rem;
}

.event-booking-view-header p[b-a7hbaetvp3] {
    margin: 8px 0 0;

    color: var(--bs-secondary-color);

    font-size: 1.05rem;
}

.event-booking-view-header .btn[b-a7hbaetvp3] {
    flex: 0 0 auto;

    border-radius: 8px;

    font-weight: 600;
}


/* ============================================================
   SUMMARY
   ============================================================ */

.booking-summary-card[b-a7hbaetvp3] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 24px 28px;

    margin-bottom: 24px;

    background: #ffffff;

    border-radius: 18px;

    box-shadow: 0 10px 35px rgba(0, 0, 0, .08);
}

.booking-summary-label[b-a7hbaetvp3] {
    display: block;

    margin-bottom: 5px;

    color: #6b7280;

    font-size: .8rem;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: .04em;
}

.booking-reference[b-a7hbaetvp3] {
    color: #1f2937;

    font-size: 1.35rem;
    font-weight: 800;
}

.booking-summary-status[b-a7hbaetvp3] {
    flex: 0 0 auto;
}


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

.booking-detail-card[b-a7hbaetvp3] {
    height: 100%;

    padding: 24px;

    background: #ffffff;

    border-radius: 18px;

    box-shadow: 0 10px 35px rgba(0, 0, 0, .08);
}


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

.booking-detail-card-header[b-a7hbaetvp3] {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    padding-bottom: 18px;
    margin-bottom: 20px;

    border-bottom: 1px solid #eef2f7;
}

.booking-detail-card-header h4[b-a7hbaetvp3] {
    margin: 0;

    color: #1f2937;

    font-size: 1.05rem;
    font-weight: 700;
}

.booking-detail-card-header p[b-a7hbaetvp3] {
    margin: 4px 0 0;

    color: #6b7280;

    font-size: .82rem;
}

.booking-detail-icon[b-a7hbaetvp3] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    border-radius: 10px;

    color: #374151;

    background: #f1f5f9;
}


/* ============================================================
   DETAIL GRID
   ============================================================ */

.booking-detail-grid[b-a7hbaetvp3] {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 20px 28px;
}

.booking-detail-item[b-a7hbaetvp3] {
    min-width: 0;
}

.booking-detail-item-full[b-a7hbaetvp3] {
    grid-column: 1 / -1;
}

.booking-detail-label[b-a7hbaetvp3] {
    display: block;

    margin-bottom: 5px;

    color: #6b7280;

    font-size: .76rem;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: .03em;
}

.booking-detail-value[b-a7hbaetvp3] {
    display: block;

    color: #1f2937;

    font-size: .95rem;
    font-weight: 600;

    overflow-wrap: anywhere;
}

.booking-total-value[b-a7hbaetvp3] {
    font-size: 1.15rem;
    font-weight: 800;
}

.booking-technical-value[b-a7hbaetvp3] {
    font-family: monospace;

    font-size: .8rem;
}


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

.booking-status[b-a7hbaetvp3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 7px 13px;

    border-radius: 20px;

    font-size: .78rem;
    font-weight: 700;

    white-space: nowrap;
}

.booking-status-confirmed[b-a7hbaetvp3] {
    color: #166534;
    background: #dcfce7;
}

.booking-status-awaiting[b-a7hbaetvp3] {
    color: #92400e;
    background: #fef3c7;
}

.booking-status-expired[b-a7hbaetvp3] {
    color: #475569;
    background: #e2e8f0;
}

.booking-status-cancelled[b-a7hbaetvp3] {
    color: #991b1b;
    background: #fee2e2;
}


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

.booking-payment-empty[b-a7hbaetvp3] {
    display: flex;
    align-items: center;

    gap: 14px;

    padding: 18px;

    border-radius: 10px;

    background: #f8fafc;
}

.booking-payment-empty > i[b-a7hbaetvp3] {
    color: #64748b;

    font-size: 1.4rem;
}

.booking-payment-empty strong[b-a7hbaetvp3] {
    display: block;

    color: #1f2937;
}

.booking-payment-empty span[b-a7hbaetvp3] {
    display: block;

    margin-top: 3px;

    color: #6b7280;

    font-size: .82rem;
}


/* ============================================================
   ATTENDEES
   ============================================================ */

.booking-attendees-empty[b-a7hbaetvp3] {
    display: flex;
    align-items: center;

    gap: 10px;

    color: #6b7280;
}

.booking-attendee-summary[b-a7hbaetvp3] {
    display: flex;
    align-items: baseline;

    gap: 6px;
}

.booking-attendee-summary strong[b-a7hbaetvp3] {
    color: #1f2937;

    font-size: 1.4rem;
}

.booking-attendee-summary span[b-a7hbaetvp3] {
    color: #6b7280;
}


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

.event-booking-view-loading[b-a7hbaetvp3] {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 300px;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1200px) {

    .event-booking-view-page[b-a7hbaetvp3] {
        padding-left: 24px;
        padding-right: 24px;
    }
}


@media (max-width: 768px) {

    .event-booking-view-page[b-a7hbaetvp3] {
        padding: 20px 16px 32px;
    }

    .event-booking-view-header[b-a7hbaetvp3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .event-booking-view-header h1[b-a7hbaetvp3] {
        font-size: 1.7rem;
    }

    .booking-summary-card[b-a7hbaetvp3] {
        align-items: flex-start;
        flex-direction: column;

        padding: 20px;
    }

    .booking-detail-card[b-a7hbaetvp3] {
        padding: 20px;
    }

    .booking-detail-grid[b-a7hbaetvp3] {
        grid-template-columns: 1fr;
    }

    .booking-detail-item-full[b-a7hbaetvp3] {
        grid-column: auto;
    }
}

/* ============================================================
   SUMMARY ACTIONS
   ============================================================ */

.booking-summary-actions[b-a7hbaetvp3] {
    display: flex;
    align-items: center;
    gap: 12px;
}


/* ============================================================
   PAYMENT HEADER
   ============================================================ */

.booking-payment-header[b-a7hbaetvp3] {
    align-items: center;
    justify-content: space-between;
}


/* ============================================================
   PAYMENT CONFIRMED
   ============================================================ */

.booking-payment-confirmed[b-a7hbaetvp3] {
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 18px;

    border-radius: 10px;

    color: #166534;
    background: #dcfce7;
}

.booking-payment-confirmed-icon[b-a7hbaetvp3] {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    font-size: 1.3rem;
}

.booking-payment-confirmed strong[b-a7hbaetvp3] {
    display: block;
}

.booking-payment-confirmed span[b-a7hbaetvp3] {
    display: block;

    margin-top: 3px;

    font-size: .85rem;
}


/* ============================================================
   PAYMENT HISTORY
   ============================================================ */

.booking-payment-history[b-a7hbaetvp3] {
    margin-top: 28px;
    padding-top: 24px;

    border-top: 1px solid #eef2f7;
}

.booking-payment-history h5[b-a7hbaetvp3],
.booking-stripe-information h5[b-a7hbaetvp3] {
    margin: 0 0 14px;

    color: #1f2937;

    font-size: .95rem;
    font-weight: 700;
}

.booking-payment-table[b-a7hbaetvp3] {
    margin-bottom: 0;
}

.booking-payment-table th[b-a7hbaetvp3] {
    background: #f8fafc;

    color: #4b5563;

    font-size: .8rem;
    font-weight: 700;
}


/* ============================================================
   STRIPE INFORMATION
   ============================================================ */

.booking-stripe-information[b-a7hbaetvp3] {
    margin-top: 28px;
    padding-top: 24px;

    border-top: 1px solid #eef2f7;
}


/* ============================================================
   RECORD PAYMENT DIALOG
   ============================================================ */

.record-payment-content[b-a7hbaetvp3] {
    padding: 4px;
}

.record-payment-title[b-a7hbaetvp3] {
    display: flex;
    align-items: center;

    font-weight: 700;
}

.record-payment-booking[b-a7hbaetvp3] {
    margin-bottom: 20px;
    padding: 14px 16px;

    border-radius: 10px;

    background: #f8fafc;
}

.record-payment-booking span[b-a7hbaetvp3],
.record-payment-booking strong[b-a7hbaetvp3],
.record-payment-booking small[b-a7hbaetvp3] {
    display: block;
}

.record-payment-booking span[b-a7hbaetvp3] {
    color: #6b7280;

    font-size: .75rem;
    font-weight: 600;

    text-transform: uppercase;
}

.record-payment-booking strong[b-a7hbaetvp3] {
    margin-top: 2px;

    color: #1f2937;
}

.record-payment-booking small[b-a7hbaetvp3] {
    margin-top: 2px;

    color: #6b7280;
}

.record-payment-content .form-label[b-a7hbaetvp3] {
    margin-bottom: 6px;

    color: #374151;

    font-size: .82rem;
    font-weight: 600;
}

.record-payment-content .form-control[b-a7hbaetvp3],
.record-payment-content .form-select[b-a7hbaetvp3],
.record-payment-content .input-group-text[b-a7hbaetvp3] {
    min-height: 42px;

    border-radius: 8px;
}

.record-payment-content textarea.form-control[b-a7hbaetvp3] {
    min-height: 90px;
}


/* ============================================================
   RECORD PAYMENT WARNING
   ============================================================ */

.record-payment-warning[b-a7hbaetvp3] {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    padding: 14px;

    border-radius: 10px;

    color: #854d0e;
    background: #fefce8;

    border: 1px solid #fde68a;
}

.record-payment-warning > i[b-a7hbaetvp3] {
    margin-top: 3px;
}

.record-payment-warning strong[b-a7hbaetvp3] {
    display: block;

    font-size: .88rem;
}

.record-payment-warning span[b-a7hbaetvp3] {
    display: block;

    margin-top: 3px;

    font-size: .8rem;
}


/* ============================================================
   RESPONSIVE PAYMENT
   ============================================================ */

@media (max-width: 768px) {

    .booking-summary-actions[b-a7hbaetvp3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .booking-payment-header[b-a7hbaetvp3] {
        align-items: flex-start;
        flex-direction: column;

        gap: 14px;
    }
}
/* _content/AiReceptionist/Components/Pages/EventPayments.razor.rz.scp.css */
.event-payments-page[b-s5yyhqy3vu] {
    padding: 2.5rem 2rem 4rem;
    width: 100%;
}

.event-payments-header[b-s5yyhqy3vu] {
    margin-bottom: 2rem;
}

.event-payments-title-row[b-s5yyhqy3vu] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.event-payments-icon[b-s5yyhqy3vu] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 1.35rem;
    flex-shrink: 0;
}

.event-payments-title-row h1[b-s5yyhqy3vu] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #212529;
}

.event-payments-title-row p[b-s5yyhqy3vu] {
    margin: .35rem 0 0;
    color: #6c757d;
}

.payment-summary-grid[b-s5yyhqy3vu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.payment-summary-card[b-s5yyhqy3vu] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.35rem 1.5rem;
}

.payment-summary-label[b-s5yyhqy3vu] {
    color: #6b7280;
    font-size: .85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.payment-summary-value[b-s5yyhqy3vu] {
    margin-top: .45rem;
    color: #111827;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 700;
}

.payment-summary-detail[b-s5yyhqy3vu] {
    margin-top: .35rem;
    color: #9ca3af;
    font-size: .85rem;
}

.payments-card[b-s5yyhqy3vu] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}

.payments-card-header[b-s5yyhqy3vu] {
    padding: 1.4rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.payments-card-header h4[b-s5yyhqy3vu] {
    margin: 0;
    font-weight: 700;
}

.payments-card-header p[b-s5yyhqy3vu] {
    margin: .3rem 0 0;
    color: #6b7280;
}

.payments-filters[b-s5yyhqy3vu] {
    display: grid;
    grid-template-columns:
        minmax(150px, 1fr)
        minmax(150px, 1fr)
        minmax(220px, 1.5fr)
        minmax(190px, 1.2fr)
        auto;
    gap: 1rem;
    align-items: end;
    padding: 1.25rem 1.5rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.payment-filter[b-s5yyhqy3vu] {
    min-width: 0;
}

.payment-filter label[b-s5yyhqy3vu] {
    display: block;
    margin-bottom: .4rem;
    color: #374151;
    font-size: .85rem;
    font-weight: 600;
}

.payment-filter-actions[b-s5yyhqy3vu] {
    display: flex;
    align-items: end;
}

.payment-filter-actions .btn[b-s5yyhqy3vu] {
    white-space: nowrap;
}

.payments-grid-container[b-s5yyhqy3vu] {
    padding: 0;
}

.payments-loading[b-s5yyhqy3vu] {
    padding: 3rem;
    text-align: center;
    color: #6b7280;
}

@media (max-width: 1200px) {
    .payment-summary-grid[b-s5yyhqy3vu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .payments-filters[b-s5yyhqy3vu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .event-payments-page[b-s5yyhqy3vu] {
        padding: 1.5rem 1rem 3rem;
    }

    .payment-summary-grid[b-s5yyhqy3vu] {
        grid-template-columns: 1fr;
    }

    .payments-filters[b-s5yyhqy3vu] {
        grid-template-columns: 1fr;
    }

    .payment-filter-actions .btn[b-s5yyhqy3vu] {
        width: 100%;
    }

    .event-payments-title-row[b-s5yyhqy3vu] {
        align-items: flex-start;
    }

    .event-payments-title-row h1[b-s5yyhqy3vu] {
        font-size: 1.65rem;
    }
}
/* _content/AiReceptionist/Components/Pages/Features.razor.rz.scp.css */
.features-page[b-rkwbrai5un] { background:#fff; color:#111318; }
.features-container[b-rkwbrai5un] { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.features-hero[b-rkwbrai5un] { padding:110px 0 120px; background:#0b0d12; color:#fff; overflow:hidden; }
.hero-grid[b-rkwbrai5un] { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:90px; align-items:center; }
.eyebrow[b-rkwbrai5un],.section-label[b-rkwbrai5un] { display:inline-block; margin-bottom:22px; color:#737ff5; font-size:.76rem; font-weight:700; letter-spacing:.13em; }
.features-hero h1[b-rkwbrai5un] { margin:0; font-size:clamp(3rem,6vw,5.6rem); font-weight:650; line-height:.98; letter-spacing:-.055em; }
.features-hero h1 span[b-rkwbrai5un] { color:#858b98; }
.hero-lead[b-rkwbrai5un] { max-width:720px; margin:38px 0 0; color:#d1d4db; font-size:1.2rem; line-height:1.7; }
.hero-secondary[b-rkwbrai5un] { max-width:650px; margin:16px 0 0; color:#8f96a3; line-height:1.7; }
.hero-actions[b-rkwbrai5un],.cta-actions[b-rkwbrai5un] { display:flex; gap:14px; margin-top:36px; }
.btn-primary[b-rkwbrai5un],.btn-secondary[b-rkwbrai5un] { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border-radius:8px; font-size:.9rem; font-weight:600; text-decoration:none; transition:transform .2s ease,border-color .2s ease; }
.btn-primary[b-rkwbrai5un] { background:#fff; color:#0b0d12; }
.btn-primary:hover[b-rkwbrai5un] { color:#0b0d12; transform:translateY(-2px); }
.btn-secondary[b-rkwbrai5un] { border:1px solid rgba(255,255,255,.16); color:#d5d8df; }
.btn-secondary:hover[b-rkwbrai5un] { border-color:rgba(255,255,255,.38); color:#fff; }
.hero-panel[b-rkwbrai5un] { padding:18px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(255,255,255,.04); }
.hero-panel-item[b-rkwbrai5un] { display:flex; align-items:center; gap:16px; padding:22px 18px; border-bottom:1px solid rgba(255,255,255,.09); color:#e6e8ec; }
.hero-panel-item:last-child[b-rkwbrai5un] { border-bottom:0; }
.hero-panel-item i[b-rkwbrai5un] { width:24px; color:#858df7; text-align:center; font-size:1.15rem; }
.features-section[b-rkwbrai5un] { padding:105px 0; }
.alt-section[b-rkwbrai5un] { background:#f6f7f9; }
.section-heading[b-rkwbrai5un] { max-width:760px; margin-bottom:58px; }
.section-heading h2[b-rkwbrai5un],.business-heading h2[b-rkwbrai5un],.features-cta h2[b-rkwbrai5un] { margin:0; color:#111318; font-size:clamp(2rem,4vw,3.2rem); font-weight:650; line-height:1.08; letter-spacing:-.04em; }
.section-heading p[b-rkwbrai5un],.business-heading>p[b-rkwbrai5un] { max-width:650px; margin:22px 0 0; color:#626874; font-size:1.04rem; line-height:1.75; }
.feature-grid[b-rkwbrai5un] { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.feature-card[b-rkwbrai5un] { min-height:300px; padding:30px; border:1px solid #e4e6eb; border-radius:14px; background:#fff; }
.feature-icon[b-rkwbrai5un],.module-icon[b-rkwbrai5un] { display:flex; align-items:center; justify-content:center; width:46px; height:46px; margin-bottom:42px; border-radius:10px; background:#f0f1ff; color:#343fca; }
.feature-card h3[b-rkwbrai5un],.module-card h3[b-rkwbrai5un],.business-point h3[b-rkwbrai5un] { margin:0 0 12px; color:#151820; font-size:1.15rem; }
.feature-card p[b-rkwbrai5un],.module-card p[b-rkwbrai5un],.business-point p[b-rkwbrai5un] { margin:0; color:#69707c; font-size:.92rem; line-height:1.7; }
.module-grid[b-rkwbrai5un] { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.module-card[b-rkwbrai5un] { display:grid; grid-template-columns:auto 1fr; gap:24px; padding:34px; background:#fff; border:1px solid #e1e4e9; border-radius:14px; }
.module-card .module-icon[b-rkwbrai5un] { margin:0; }
.module-note[b-rkwbrai5un] { margin:26px 0 0; color:#777e89; font-size:.88rem; }
.business-section[b-rkwbrai5un] { background:#0b0d12; color:#fff; }
.business-grid[b-rkwbrai5un] { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }
.business-heading h2[b-rkwbrai5un] { color:#fff; }
.business-heading>p[b-rkwbrai5un] { color:#9ba1ad; }
.text-link[b-rkwbrai5un] { display:inline-flex; align-items:center; gap:8px; margin-top:26px; color:#aeb4ff; font-weight:600; text-decoration:none; }
.text-link:hover[b-rkwbrai5un] { text-decoration:underline; }
.business-points[b-rkwbrai5un] { border-top:1px solid rgba(255,255,255,.1); }
.business-point[b-rkwbrai5un] { display:grid; grid-template-columns:42px 1fr; gap:20px; padding:30px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.business-point>i[b-rkwbrai5un] { color:#858df7; font-size:1.2rem; }
.business-point h3[b-rkwbrai5un] { color:#fff; }
.business-point p[b-rkwbrai5un] { color:#969da9; }
.compact-heading[b-rkwbrai5un] { margin-bottom:42px; }
.integration-strip[b-rkwbrai5un] { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #e4e6eb; border-radius:14px; overflow:hidden; }
.integration-strip>div[b-rkwbrai5un] { display:grid; grid-template-columns:auto 1fr; column-gap:14px; padding:30px; border-right:1px solid #e4e6eb; }
.integration-strip>div:last-child[b-rkwbrai5un] { border-right:0; }
.integration-strip i[b-rkwbrai5un] { grid-row:1 / 3; color:#343fca; font-size:1.2rem; margin-top:3px; }
.integration-strip strong[b-rkwbrai5un] { color:#171a22; }
.integration-strip span[b-rkwbrai5un] { margin-top:5px; color:#727985; font-size:.86rem; }
.features-cta[b-rkwbrai5un] { padding:95px 0; background:#12151c; color:#fff; }
.cta-inner[b-rkwbrai5un] { display:grid; grid-template-columns:1.25fr .75fr; gap:80px; align-items:center; }
.features-cta h2[b-rkwbrai5un] { color:#fff; }
.features-cta p[b-rkwbrai5un] { max-width:650px; margin:20px 0 0; color:#969da9; line-height:1.7; }
.cta-actions[b-rkwbrai5un] { justify-content:flex-end; margin-top:0; }
@media (max-width:1000px) { .feature-grid[b-rkwbrai5un] { grid-template-columns:repeat(2,1fr); } .hero-grid[b-rkwbrai5un],.business-grid[b-rkwbrai5un],.cta-inner[b-rkwbrai5un] { grid-template-columns:1fr; gap:45px; } .hero-panel[b-rkwbrai5un] { max-width:650px; } .cta-actions[b-rkwbrai5un] { justify-content:flex-start; } }
@media (max-width:700px) { .features-container[b-rkwbrai5un] { width:calc(100% - 32px); } .features-hero[b-rkwbrai5un] { padding:75px 0 80px; } .features-section[b-rkwbrai5un] { padding:70px 0; } .feature-grid[b-rkwbrai5un],.module-grid[b-rkwbrai5un],.integration-strip[b-rkwbrai5un] { grid-template-columns:1fr; } .integration-strip>div[b-rkwbrai5un] { border-right:0; border-bottom:1px solid #e4e6eb; } .integration-strip>div:last-child[b-rkwbrai5un] { border-bottom:0; } .hero-actions[b-rkwbrai5un],.cta-actions[b-rkwbrai5un] { flex-direction:column; align-items:stretch; } .btn-primary[b-rkwbrai5un],.btn-secondary[b-rkwbrai5un] { width:100%; } .module-card[b-rkwbrai5un] { grid-template-columns:1fr; } .feature-card[b-rkwbrai5un] { min-height:auto; } .features-cta[b-rkwbrai5un] { padding:70px 0; } }
/* _content/AiReceptionist/Components/Pages/ForgotPassword.razor.rz.scp.css */
/* ============================================================
   COGNIVOX FORGOT PASSWORD
   ============================================================ */

.forgot-password-page[b-orssujtu63] {
    min-height: calc(100vh - 70px);
    display: flex;
    align-items: center;
    padding: 50px 20px;
    background:
            radial-gradient(
                    circle at top left,
                    rgba(13, 110, 253, 0.10),
                    transparent 38%
            ),
            #f5f7fb;
}


/* ============================================================
   CONTAINER
   ============================================================ */

.forgot-password-container[b-orssujtu63] {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}


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

.forgot-password-card[b-orssujtu63] {
    width: 100%;
    background: #ffffff;

    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 18px;

    padding: 42px 40px;

    box-shadow:
            0 18px 45px rgba(0, 0, 0, 0.08);
}


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

.forgot-password-header[b-orssujtu63] {
    text-align: center;
    margin-bottom: 32px;
}


.forgot-password-icon[b-orssujtu63] {
    width: 72px;
    height: 72px;

    margin: 0 auto 20px;

    border-radius: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #0d6efd;
    color: #ffffff;

    font-size: 30px;

    box-shadow:
            0 10px 25px rgba(13, 110, 253, 0.22);
}


.forgot-password-header h1[b-orssujtu63] {
    margin: 0 0 10px;

    font-size: 28px;
    font-weight: 700;

    color: #1f2937;
}


.forgot-password-header p[b-orssujtu63] {
    margin: 0 auto;

    max-width: 380px;

    font-size: 15px;
    line-height: 1.6;

    color: #6b7280;
}


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

.forgot-password-page form[b-orssujtu63] {
    width: 100%;
}


.forgot-password-page .form-label[b-orssujtu63] {
    display: block;

    margin-bottom: 7px;

    font-size: 14px;
    font-weight: 600;

    color: #374151;
}


/* ============================================================
   INPUT
   ============================================================ */

.forgot-password-page .form-control[b-orssujtu63] {
    display: block;

    width: 100%;
    max-width: none;

    min-height: 52px;

    box-sizing: border-box;

    padding: 12px 14px;

    border: 1px solid #d8dee8;
    border-radius: 10px;

    background-color: #ffffff;
    color: #1f2937;

    font-size: 16px;

    box-shadow: none;

    transition:
            border-color 0.15s ease,
            box-shadow 0.15s ease;
}


.forgot-password-page .form-control[b-orssujtu63]::placeholder {
    color: #9ca3af;
}


.forgot-password-page .form-control:hover[b-orssujtu63] {
    border-color: #b8c0cc;
}


.forgot-password-page .form-control:focus[b-orssujtu63] {
    border-color: #0d6efd;

    outline: 0;

    box-shadow:
            0 0 0 4px rgba(13, 110, 253, 0.10);
}


/* ============================================================
   VALIDATION
   ============================================================ */

.forgot-password-page .validation-message[b-orssujtu63],
.forgot-password-page .field-validation-error[b-orssujtu63] {
    display: block;

    margin-top: 7px;

    color: #dc3545;

    font-size: 13px;
}


.forgot-password-page .validation-summary-errors[b-orssujtu63] {
    margin-bottom: 20px;

    color: #dc3545;

    font-size: 13px;
}


/* ============================================================
   PRIMARY BUTTON
   ============================================================ */

.forgot-password-page .btn-primary[b-orssujtu63] {
    width: 100%;

    min-height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 10px;

    padding: 12px 18px;

    font-size: 16px;
    font-weight: 600;

    background: #0d6efd;
    color: #ffffff;

    text-decoration: none;

    transition:
            background-color 0.15s ease,
            transform 0.1s ease,
            box-shadow 0.15s ease;
}


.forgot-password-page .btn-primary:hover[b-orssujtu63] {
    background: #0b5ed7;
    color: #ffffff;

    box-shadow:
            0 8px 20px rgba(13, 110, 253, 0.20);
}


.forgot-password-page .btn-primary:active[b-orssujtu63] {
    transform: translateY(1px);
}


.forgot-password-page .btn-primary:disabled[b-orssujtu63] {
    opacity: 0.65;
    cursor: not-allowed;

    box-shadow: none;
}


/* ============================================================
   SUCCESS MESSAGE
   ============================================================ */

.forgot-password-page .alert-success[b-orssujtu63] {
    margin-bottom: 24px;

    padding: 16px 18px;

    border: 1px solid #badbcc;
    border-radius: 10px;

    background: #d1e7dd;
    color: #0f5132;

    font-size: 14px;
    line-height: 1.5;
}


.forgot-password-page .alert-success strong[b-orssujtu63] {
    display: block;

    font-size: 16px;
    font-weight: 700;
}


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

.forgot-password-page .alert-danger[b-orssujtu63] {
    margin-bottom: 20px;

    padding: 14px 16px;

    border: 1px solid #f5c2c7;
    border-radius: 10px;

    background: #f8d7da;
    color: #842029;

    font-size: 14px;
    line-height: 1.5;
}


/* ============================================================
   SUCCESS HELP TEXT
   ============================================================ */

.forgot-password-help[b-orssujtu63] {
    margin-bottom: 24px;

    padding: 16px 18px;

    border: 1px solid #e5e7eb;
    border-radius: 10px;

    background: #f8fafc;

    color: #6b7280;

    font-size: 14px;
    line-height: 1.55;
}


.forgot-password-help p[b-orssujtu63] {
    margin: 0;
}


.forgot-password-help p + p[b-orssujtu63] {
    margin-top: 10px;
}


/* ============================================================
   BACK TO LOGIN
   ============================================================ */

.forgot-password-login-link[b-orssujtu63] {
    margin-top: 24px;

    text-align: center;
}


.forgot-password-login-link a[b-orssujtu63] {
    display: inline-flex;
    align-items: center;

    color: #0d6efd;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none;

    transition: color 0.15s ease;
}


.forgot-password-login-link a:hover[b-orssujtu63] {
    color: #0a58ca;

    text-decoration: underline;
}


/* ============================================================
   SPINNER
   ============================================================ */

.forgot-password-page .spinner-border-sm[b-orssujtu63] {
    width: 1rem;
    height: 1rem;

    border-width: 0.15em;
}


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

@media (max-width: 576px) {

    .forgot-password-page[b-orssujtu63] {
        min-height: calc(100vh - 60px);

        align-items: flex-start;

        padding: 28px 14px;
    }


    .forgot-password-card[b-orssujtu63] {
        padding: 32px 22px;

        border-radius: 14px;
    }


    .forgot-password-header[b-orssujtu63] {
        margin-bottom: 26px;
    }


    .forgot-password-icon[b-orssujtu63] {
        width: 64px;
        height: 64px;

        margin-bottom: 18px;

        font-size: 27px;

        border-radius: 16px;
    }


    .forgot-password-header h1[b-orssujtu63] {
        font-size: 24px;
    }


    .forgot-password-header p[b-orssujtu63] {
        font-size: 14px;
    }


    .forgot-password-page .form-control[b-orssujtu63] {
        min-height: 50px;

        font-size: 16px;
    }


    .forgot-password-page .btn-primary[b-orssujtu63] {
        min-height: 50px;
    }
}
/* _content/AiReceptionist/Components/Pages/Help.razor.rz.scp.css */
.help-page[b-kr9n3zeqs6] {
    min-height: 100vh;
    background: #f7f8fa;
}


/* ============================================================
   HERO
   ============================================================ */

.help-hero[b-kr9n3zeqs6] {
    padding: 80px 0 90px;
    background:
            linear-gradient(
                    135deg,
                    #101828 0%,
                    #1d2939 100%);
    color: white;
}

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

.help-badge[b-kr9n3zeqs6] {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    opacity: 0.8;
}

.help-hero h1[b-kr9n3zeqs6] {
    margin-bottom: 16px;
    font-size: clamp(2.4rem, 5vw, 4rem);
    font-weight: 700;
}

.help-hero p[b-kr9n3zeqs6] {
    margin-bottom: 32px;
    font-size: 1.15rem;
    opacity: 0.8;
}


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

.help-search[b-kr9n3zeqs6] {
    position: relative;
    max-width: 650px;
    margin: 0 auto;
}

.help-search input[b-kr9n3zeqs6] {
    height: 60px;
    padding-left: 52px;
    padding-right: 50px;
    border: none;
    border-radius: 14px;
    font-size: 1rem;
}

.help-search input:focus[b-kr9n3zeqs6] {
    border: none;
    box-shadow:
            0 0 0 4px rgba(255, 255, 255, 0.12);
}

.help-search-icon[b-kr9n3zeqs6] {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 19px;
    transform: translateY(-50%);
}

.help-search-spinner[b-kr9n3zeqs6] {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    color: #667085;
}


/* ============================================================
   CONTENT
   ============================================================ */

.help-content[b-kr9n3zeqs6] {
    padding: 60px 0 100px;
}


/* ============================================================
   CATEGORY
   ============================================================ */

.help-category[b-kr9n3zeqs6] {
    margin-bottom: 60px;
}

.help-category-heading[b-kr9n3zeqs6] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 22px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e4e7ec;
}

.help-category-heading h2[b-kr9n3zeqs6] {
    margin: 0;
    font-size: 1.45rem;
    font-weight: 700;
    color: #101828;
}

.help-category-heading span[b-kr9n3zeqs6] {
    color: #667085;
    font-size: 0.875rem;
}


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

.help-article-card[b-kr9n3zeqs6] {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 170px;
    padding: 24px;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    background: white;
    text-align: left;
    cursor: pointer;
    transition:
            transform 0.15s ease,
            box-shadow 0.15s ease,
            border-color 0.15s ease;
}

.help-article-card:hover[b-kr9n3zeqs6] {
    transform: translateY(-2px);
    border-color: #cfd4dc;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.08);
}

.help-article-card:focus-visible[b-kr9n3zeqs6] {
    outline: 3px solid rgba(37, 99, 235, 0.25);
    outline-offset: 2px;
}

.help-article-card-body[b-kr9n3zeqs6] {
    flex: 1;
}

.help-article-card h3[b-kr9n3zeqs6] {
    margin: 0 0 10px;
    color: #101828;
    font-size: 1.1rem;
    font-weight: 650;
}

.help-article-card p[b-kr9n3zeqs6] {
    margin: 0;
    color: #667085;
    line-height: 1.6;
}

.help-article-arrow[b-kr9n3zeqs6] {
    align-self: center;
    margin-left: 20px;
    color: #667085;
    font-size: 1.5rem;
}


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

.help-results[b-kr9n3zeqs6] {
    width: 100%;
}

.help-results-heading[b-kr9n3zeqs6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e4e7ec;
}

.help-results-heading h2[b-kr9n3zeqs6] {
    margin: 0 0 8px;
    color: #101828;
    font-size: 1.75rem;
    font-weight: 700;
}

.help-results-heading p[b-kr9n3zeqs6] {
    margin: 0;
    color: #667085;
    font-size: 0.95rem;
}

.help-results-heading strong[b-kr9n3zeqs6] {
    color: #344054;
    font-weight: 600;
}

.help-results-heading .btn[b-kr9n3zeqs6] {
    flex-shrink: 0;
    border-radius: 8px;
}


/* ============================================================
   SEARCH RESULT LIST
   ============================================================ */

.help-search-result-list[b-kr9n3zeqs6] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}


/* ============================================================
   SEARCH RESULT CARD
   ============================================================ */

.help-search-result[b-kr9n3zeqs6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 130px;
    padding: 24px 26px;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    background: #ffffff;
    text-align: left;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition:
            transform 0.15s ease,
            box-shadow 0.15s ease,
            border-color 0.15s ease;
}

.help-search-result:hover[b-kr9n3zeqs6] {
    transform: translateY(-2px);
    border-color: #cfd4dc;
    box-shadow:
            0 8px 24px rgba(16, 24, 40, 0.08);
}

.help-search-result:focus-visible[b-kr9n3zeqs6] {
    outline: 3px solid rgba(37, 99, 235, 0.25);
    outline-offset: 2px;
}


/* ============================================================
   SEARCH RESULT CONTENT
   ============================================================ */

.help-search-result-content[b-kr9n3zeqs6] {
    flex: 1;
    min-width: 0;
}

.help-search-result-category[b-kr9n3zeqs6] {
    margin-bottom: 7px;
    color: #667085;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.help-search-result h3[b-kr9n3zeqs6] {
    margin: 0 0 8px;
    color: #101828;
    font-size: 1.15rem;
    font-weight: 650;
    line-height: 1.4;
}

.help-search-result p[b-kr9n3zeqs6] {
    margin: 0;
    color: #667085;
    font-size: 0.95rem;
    line-height: 1.6;
}


/* ============================================================
   SEARCH RESULT ARROW
   ============================================================ */

.help-search-result .help-article-arrow[b-kr9n3zeqs6] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    margin-left: 24px;
    border-radius: 50%;
    background: #f2f4f7;
    color: #475467;
    font-size: 1.3rem;
    transition:
            transform 0.15s ease,
            background-color 0.15s ease;
}

.help-search-result:hover .help-article-arrow[b-kr9n3zeqs6] {
    transform: translateX(3px);
    background: #e4e7ec;
}


/* ============================================================
   SEARCHING
   ============================================================ */

.help-searching[b-kr9n3zeqs6] {
    padding: 70px 20px;
    color: #667085;
    text-align: center;
}


/* ============================================================
   NO RESULTS
   ============================================================ */

.help-no-results[b-kr9n3zeqs6] {
    padding: 60px 30px;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    background: #ffffff;
    color: #667085;
    text-align: center;
}

.help-no-results h3[b-kr9n3zeqs6] {
    margin: 0 0 12px;
    color: #101828;
    font-size: 1.35rem;
    font-weight: 700;
}

.help-no-results p[b-kr9n3zeqs6] {
    margin-bottom: 8px;
    line-height: 1.6;
}

.help-no-results p:last-child[b-kr9n3zeqs6] {
    margin-bottom: 0;
}


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

.help-loading[b-kr9n3zeqs6],
.help-empty[b-kr9n3zeqs6] {
    padding: 70px 20px;
    color: #667085;
    text-align: center;
}

.help-empty h3[b-kr9n3zeqs6] {
    color: #101828;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 767.98px) {

    .help-hero[b-kr9n3zeqs6] {
        padding: 60px 0 70px;
    }

    .help-content[b-kr9n3zeqs6] {
        padding: 40px 0 70px;
    }

    .help-results-heading[b-kr9n3zeqs6] {
        flex-direction: column;
        gap: 16px;
    }

    .help-results-heading .btn[b-kr9n3zeqs6] {
        align-self: flex-start;
    }

    .help-search-result[b-kr9n3zeqs6] {
        min-height: 0;
        padding: 20px;
    }

    .help-search-result h3[b-kr9n3zeqs6] {
        font-size: 1.05rem;
    }

    .help-search-result .help-article-arrow[b-kr9n3zeqs6] {
        width: 36px;
        height: 36px;
        margin-left: 14px;
    }

    .help-category-heading[b-kr9n3zeqs6] {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
}
/* _content/AiReceptionist/Components/Pages/HelpArticle.razor.rz.scp.css */
.help-article-page[b-ctemqdk4bz] {
    min-height: 100vh;
    padding: 55px 0 100px;
    background: #fff;
}

.help-article-layout[b-ctemqdk4bz] {
    max-width: 900px;
    margin: 0 auto;
}

.help-article-main[b-ctemqdk4bz] {
    width: 100%;
}

.help-back[b-ctemqdk4bz] {
    margin-bottom: 35px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #475467;
    font-weight: 500;
}

.help-back:hover[b-ctemqdk4bz] {
    color: #101828;
}

.help-breadcrumb[b-ctemqdk4bz] {
    margin-bottom: 12px;
    color: #667085;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.help-title[b-ctemqdk4bz] {
    margin-bottom: 16px;
    color: #101828;
    font-size: clamp(2rem, 5vw, 3.3rem);
    font-weight: 750;
    line-height: 1.1;
}

.help-summary[b-ctemqdk4bz] {
    max-width: 760px;
    margin-bottom: 18px;
    color: #475467;
    font-size: 1.2rem;
    line-height: 1.65;
}

.help-meta[b-ctemqdk4bz] {
    margin-bottom: 32px;
    color: #98a2b3;
    font-size: 0.875rem;
}

.help-markdown[b-ctemqdk4bz] {
    padding-top: 20px;
    color: #344054;
    font-size: 1.05rem;
    line-height: 1.75;
}

.help-markdown h1[b-ctemqdk4bz],
.help-markdown h2[b-ctemqdk4bz],
.help-markdown h3[b-ctemqdk4bz],
.help-markdown h4[b-ctemqdk4bz] {
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #101828;
    font-weight: 700;
}

.help-markdown h2[b-ctemqdk4bz] {
    padding-bottom: 10px;
    border-bottom: 1px solid #eaecf0;
}

.help-markdown p[b-ctemqdk4bz] {
    margin-bottom: 1.25rem;
}

.help-markdown li[b-ctemqdk4bz] {
    margin-bottom: 0.5rem;
}

.help-markdown blockquote[b-ctemqdk4bz] {
    margin: 1.75rem 0;
    padding: 16px 20px;
    border-left: 4px solid #98a2b3;
    background: #f9fafb;
    color: #475467;
}

.help-markdown code[b-ctemqdk4bz] {
    padding: 2px 6px;
    border-radius: 5px;
    background: #f2f4f7;
}

.help-markdown pre[b-ctemqdk4bz] {
    overflow-x: auto;
    padding: 20px;
    border-radius: 10px;
    background: #101828;
    color: #f9fafb;
}

.help-markdown pre code[b-ctemqdk4bz] {
    padding: 0;
    background: transparent;
    color: inherit;
}

.help-markdown img[b-ctemqdk4bz] {
    max-width: 100%;
    height: auto;
    margin: 20px 0;
    border: 1px solid #eaecf0;
    border-radius: 10px;
}

.help-article-footer[b-ctemqdk4bz] {
    margin-top: 60px;
    padding-top: 20px;
}

.help-not-found[b-ctemqdk4bz] {
    padding: 100px 20px;
    text-align: center;
}
/* _content/AiReceptionist/Components/Pages/Home.razor.rz.scp.css */
/* ============================================================
   HERO
   ============================================================ */

.hero-parallax[b-5v06t74w88] {
    position: relative;

    min-height: calc(100vh - 70px);

    overflow: hidden;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

    display: flex;
    align-items: center;

    padding: 80px 0 60px;
}


/* ============================================================
   HERO OVERLAY
   ============================================================ */

.hero-overlay[b-5v06t74w88] {
    position: absolute;
    inset: 0;

    background:
            radial-gradient(
                    circle at center,
                    rgba(37, 99, 235, 0.08) 0%,
                    rgba(2, 8, 23, 0) 45%
            ),
            linear-gradient(
                    90deg,
                    rgba(2, 8, 23, 0.94) 0%,
                    rgba(2, 8, 23, 0.82) 42%,
                    rgba(2, 8, 23, 0.58) 100%
            );
}


/* ============================================================
   HERO CONTAINER
   ============================================================ */

.hero-parallax .container[b-5v06t74w88] {
    position: relative;
    z-index: 2;

    width: 100%;
}


/* ============================================================
   HERO CONTENT
   ============================================================ */

.hero-content[b-5v06t74w88] {
    position: relative;
    z-index: 5;

    width: 100%;
    max-width: 1180px;

    margin: 0;

    color: white;
}


/* ============================================================
   HERO HEADING
   ============================================================ */

.hero-content h1[b-5v06t74w88] {
    width: 100%;
    max-width: 1120px;

    margin: 0 0 28px;

    font-size: clamp(3.5rem, 5.2vw, 5.75rem);
    font-weight: 800;

    line-height: 0.98;
    letter-spacing: -0.04em;

    color: #ffffff;
}


/* ============================================================
   HERO LEAD
   ============================================================ */

.hero-lead[b-5v06t74w88] {
    max-width: 900px;

    margin-bottom: 18px;

    font-size: 1.35rem;
    line-height: 1.6;

    color: #eff6ff;
}


/* ============================================================
   HERO DESCRIPTION
   ============================================================ */

.hero-description[b-5v06t74w88] {
    max-width: 900px;

    margin-bottom: 0;

    font-size: 1.05rem;
    line-height: 1.7;

    color: #bfdbfe;
}


/* ============================================================
   HERO ACTIONS
   ============================================================ */

.hero-actions[b-5v06t74w88] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;

    gap: 14px;

    max-width: 1000px;
}


.hero-actions .btn[b-5v06t74w88] {
    margin-right: 0 !important;
}


/* ============================================================
   HERO CTA BUTTON
   ============================================================ */

.hero-cta[b-5v06t74w88] {
    display: inline-flex;
    flex-direction: column;

    align-items: flex-start;
    justify-content: center;

    min-width: 285px;

    padding: 0.75rem 1.5rem;

    text-align: left;

    white-space: normal;
}


.hero-cta-title[b-5v06t74w88] {
    display: block;

    font-size: 1rem;
    font-weight: 700;

    line-height: 1.2;
}


.hero-cta-subtitle[b-5v06t74w88] {
    display: block;

    margin-top: 0.2rem;

    font-size: 0.78rem;
    font-weight: 400;

    line-height: 1.2;

    opacity: 0.82;
}


/* ============================================================
   HERO FEATURES
   ============================================================ */

.hero-features[b-5v06t74w88] {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;

    width: 100%;
    max-width: 1100px;
}


.hero-feature[b-5v06t74w88] {
    display: inline-flex;
    align-items: center;

    padding: 9px 15px;

    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;

    background: rgba(15, 23, 42, 0.48);

    color: #f8fafc;

    font-size: 0.9rem;
    font-weight: 600;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}


/* ============================================================
   HERO LARGE DESKTOP
   ============================================================ */

@media (min-width: 1200px) {

    .hero-parallax .container[b-5v06t74w88] {
        max-width: 1440px;

        padding-left: 70px;
        padding-right: 70px;
    }


    .hero-content[b-5v06t74w88] {
        max-width: 1180px;
    }


    .hero-content h1[b-5v06t74w88] {
        max-width: 1120px;
    }

}


/* ============================================================
   HERO VERY LARGE DESKTOP
   ============================================================ */

@media (min-width: 1600px) {

    .hero-parallax .container[b-5v06t74w88] {
        max-width: 1540px;
    }


    .hero-content[b-5v06t74w88] {
        max-width: 1250px;
    }


    .hero-content h1[b-5v06t74w88] {
        max-width: 1200px;

        font-size: 5.75rem;
    }

}


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

@media (max-width: 991.98px) {

    .hero-parallax[b-5v06t74w88] {
        min-height: auto;

        padding: 90px 0 70px;

        background-attachment: scroll;
    }


    .hero-content[b-5v06t74w88] {
        width: 100%;
        max-width: none;
    }


    .hero-content h1[b-5v06t74w88] {
        max-width: 850px;

        font-size: clamp(3rem, 8vw, 4.5rem);

        line-height: 1;
    }


    .hero-lead[b-5v06t74w88] {
        max-width: 800px;

        font-size: 1.2rem;
    }


    .hero-description[b-5v06t74w88] {
        max-width: 800px;
    }

}


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

@media (max-width: 767.98px) {

    .hero-parallax[b-5v06t74w88] {
        min-height: auto;

        padding: 70px 0 60px;

        background-attachment: scroll;
    }


    .hero-content[b-5v06t74w88] {
        width: 100%;
        max-width: none;
    }


    .hero-content h1[b-5v06t74w88] {
        width: 100%;
        max-width: none;

        margin-bottom: 24px;

        font-size: clamp(2.7rem, 12vw, 3.5rem);

        line-height: 1;
        letter-spacing: -0.035em;
    }


    .hero-lead[b-5v06t74w88] {
        width: 100%;
        max-width: none;

        font-size: 1.12rem;

        line-height: 1.55;
    }


    .hero-description[b-5v06t74w88] {
        width: 100%;
        max-width: none;

        font-size: 1rem;

        line-height: 1.65;
    }


    .hero-actions[b-5v06t74w88] {
        width: 100%;

        flex-direction: column;
        align-items: stretch;
    }


    .hero-actions .btn[b-5v06t74w88] {
        width: 100%;
    }


    .hero-cta[b-5v06t74w88] {
        width: 100%;
        min-width: 0;

        align-items: center;

        text-align: center;
    }


    .hero-features[b-5v06t74w88] {
        width: 100%;
    }

}


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

@media (max-width: 480px) {

    .hero-parallax[b-5v06t74w88] {
        padding: 60px 0 50px;
    }


    .hero-content h1[b-5v06t74w88] {
        font-size: clamp(2.4rem, 11vw, 3rem);
    }


    .hero-feature[b-5v06t74w88] {
        width: 100%;

        justify-content: center;
    }

}


/* ============================================================
   COMING SOON BANNER
   ============================================================ */

.launch-banner[b-5v06t74w88] {
    position: relative;
    z-index: 10;

    padding: 0.9rem 0;

    background:
            linear-gradient(
                    90deg,
                    #1d4ed8 0%,
                    #2563eb 50%,
                    #1d4ed8 100%
            );

    color: white;
}


.launch-banner-content[b-5v06t74w88] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 2rem;
}


.launch-banner-text[b-5v06t74w88] {
    display: flex;
    align-items: center;

    gap: 1.25rem;

    line-height: 1.45;
}


.launch-banner-text strong[b-5v06t74w88] {
    margin-right: 0.4rem;

    font-size: 1.05rem;
}


.launch-banner-text span:not(.launch-badge)[b-5v06t74w88] {
    color: rgba(255, 255, 255, 0.85);
}


.launch-badge[b-5v06t74w88] {
    display: inline-flex;
    align-items: center;

    flex-shrink: 0;

    padding: 0.4rem 0.8rem;

    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 999px;

    background: rgba(255, 255, 255, 0.12);

    font-size: 0.75rem;
    font-weight: 700;

    letter-spacing: 0.08em;
}


.launch-button[b-5v06t74w88] {
    flex-shrink: 0;

    color: #1d4ed8;

    font-weight: 600;
}


.launch-button:hover[b-5v06t74w88] {
    color: #1e40af;

    background: #f8fafc;
}


/* ============================================================
   COMING SOON TABLET
   ============================================================ */

@media (max-width: 991px) {

    .launch-banner-content[b-5v06t74w88] {
        flex-direction: column;
        align-items: flex-start;

        gap: 1rem;
    }


    .launch-banner-text[b-5v06t74w88] {
        align-items: flex-start;
    }

}


/* ============================================================
   COMING SOON MOBILE
   ============================================================ */

@media (max-width: 576px) {

    .launch-banner[b-5v06t74w88] {
        padding: 1.1rem 0;
    }


    .launch-banner-text[b-5v06t74w88] {
        flex-direction: column;

        gap: 0.7rem;
    }


    .launch-banner-text strong[b-5v06t74w88] {
        display: block;

        margin-bottom: 0.25rem;
    }


    .launch-button[b-5v06t74w88] {
        width: 100%;
    }

}




/* ============================================================
   PROMO VIDEO
   ============================================================ */

.promo-video-section[b-5v06t74w88] {
    padding: 100px 0;

    background:
            linear-gradient(
                    180deg,
                    #ffffff 0%,
                    #f8fafc 100%
            );
}

.promo-video-heading[b-5v06t74w88] {
    max-width: 850px;
    margin: 0 auto 45px;
}

.promo-video-eyebrow[b-5v06t74w88] {
    display: inline-block;

    margin-bottom: 14px;

    color: #2563eb;

    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.promo-video-heading h2[b-5v06t74w88] {
    margin: 0 0 18px;

    color: #0f172a;

    font-size: clamp(2.4rem, 4vw, 3.6rem);
    font-weight: 800;

    line-height: 1.08;
    letter-spacing: -0.04em;
}

.promo-video-heading p[b-5v06t74w88] {
    margin: 0;

    color: #64748b;

    font-size: 1.08rem;
    line-height: 1.75;
}


/* ============================================================
   PROMO VIDEO PLAYER
   ============================================================ */

.promo-video-grid[b-5v06t74w88] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

.promo-video-card[b-5v06t74w88] {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.09);
}

.promo-video-wrapper[b-5v06t74w88] {
    position: relative;

    width: 100%;
    max-width: none;

    margin: 0;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    border-radius: 0;

    background: #020817;
}

.promo-video-wrapper iframe[b-5v06t74w88] {
    display: block;

    width: 100%;
    height: 100%;

    border: 0;
}

.promo-video-actions[b-5v06t74w88] {
    margin-top: 35px;
}

.promo-video-card-content[b-5v06t74w88] {
    padding: 24px 26px 26px;
}

.promo-video-card-content h3[b-5v06t74w88] {
    margin: 0 0 9px;
    color: #0f172a;
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.3;
}

.promo-video-card-content p[b-5v06t74w88] {
    margin: 0;
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.65;
}


/* ============================================================
   PROMO VIDEO MOBILE
   ============================================================ */

@media (max-width: 767.98px) {

    .promo-video-grid[b-5v06t74w88] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .promo-video-section[b-5v06t74w88] {
        padding: 65px 0;
    }

    .promo-video-heading[b-5v06t74w88] {
        margin-bottom: 30px;
    }

    .promo-video-card[b-5v06t74w88] {
        border-radius: 14px;
    }

    .promo-video-card-content[b-5v06t74w88] {
        padding: 20px 21px 22px;
    }
}


/* ============================================================
   FEATURE STEPS
   ============================================================ */

.feature-step[b-5v06t74w88] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    margin-bottom: 1rem;

    border-radius: 50%;

    background: rgba(13, 110, 253, 0.08);

    color: var(--bs-primary);

    font-size: 0.85rem;
    font-weight: 700;
}


/* ============================================================
   BOOKING PARALLAX
   ============================================================ */

.booking-parallax[b-5v06t74w88] {
    position: relative;

    min-height: 560px;

    display: flex;
    align-items: center;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

    overflow: hidden;
}


/* ============================================================
   BOOKING PARALLAX OVERLAY
   ============================================================ */

.booking-parallax-overlay[b-5v06t74w88] {
    position: absolute;
    inset: 0;

    background:
            linear-gradient(
                    90deg,
                    rgba(4, 10, 28, 0.96) 0%,
                    rgba(6, 18, 48, 0.91) 45%,
                    rgba(4, 10, 28, 0.88) 100%
            );
}


/* ============================================================
   BOOKING PARALLAX CONTAINER
   ============================================================ */

.booking-parallax .container[b-5v06t74w88] {
    position: relative;
    z-index: 2;
}


/* ============================================================
   BOOKING PARALLAX CONTENT
   ============================================================ */

.booking-parallax-content[b-5v06t74w88] {
    padding: 6rem 0;

    color: #fff;
}


.booking-parallax-content h2[b-5v06t74w88] {
    margin: 0;

    color: #fff;

    font-size: clamp(2.2rem, 4vw, 4rem);
    font-weight: 700;

    line-height: 1.08;
}


.booking-parallax-content .lead[b-5v06t74w88] {
    max-width: 760px;

    margin-left: auto;
    margin-right: auto;

    color: rgba(255, 255, 255, 0.9);
}


.booking-parallax-description[b-5v06t74w88] {
    max-width: 850px;

    margin-left: auto;
    margin-right: auto;

    color: rgba(255, 255, 255, 0.72);
}


/* ============================================================
   BOOKING FLOW
   ============================================================ */

.booking-flow[b-5v06t74w88] {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);

    align-items: stretch;

    gap: 1rem;

    width: 100%;
}


.booking-flow-item[b-5v06t74w88] {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-width: 0;
    min-height: 130px;

    padding: 1.5rem;

    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;

    background: rgba(255, 255, 255, 0.07);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}


.booking-flow-item strong[b-5v06t74w88] {
    display: block;

    margin-bottom: 0.45rem;

    color: #fff;

    font-size: 1rem;
}


.booking-flow-item span[b-5v06t74w88] {
    color: rgba(255, 255, 255, 0.7);

    font-size: 0.88rem;

    line-height: 1.5;
}


.booking-flow-arrow[b-5v06t74w88] {
    display: flex;
    align-items: center;
    justify-content: center;

    color: rgba(255, 255, 255, 0.55);

    font-size: 1.5rem;
}


/* ============================================================
   RESPONSIVE BOOKING PARALLAX
   ============================================================ */

@media (max-width: 991.98px) {

    .booking-parallax[b-5v06t74w88] {
        min-height: auto;

        /*
         * Fixed backgrounds are unreliable on several mobile
         * browsers, particularly iOS Safari.
         */
        background-attachment: scroll;
    }


    .booking-parallax-content[b-5v06t74w88] {
        padding: 4.5rem 0;
    }


    .booking-flow[b-5v06t74w88] {
        grid-template-columns: 1fr;

        gap: 0.75rem;
    }


    .booking-flow-arrow[b-5v06t74w88] {
        height: 20px;

        transform: rotate(90deg);
    }

}


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

@media (max-width: 576px) {

    .booking-parallax-content[b-5v06t74w88] {
        padding: 4rem 0;
    }


    .booking-parallax-content h2[b-5v06t74w88] {
        font-size: 2.4rem;
    }


    .booking-flow-item[b-5v06t74w88] {
        min-height: auto;

        padding: 1.25rem;
    }

}

/* ============================================================
   COGNIVOX FOR YOUR BUSINESS
   ============================================================ */

.industry-section[b-5v06t74w88] {
    position: relative;

    padding: 110px 0;

    overflow: hidden;

    background:
            linear-gradient(
                    135deg,
                    #f8fafc 0%,
                    #eff6ff 100%
            );
}


/* ============================================================
   INDUSTRY HEADING
   ============================================================ */

.industry-heading[b-5v06t74w88] {
    max-width: 820px;

    margin: 0 auto 60px;
}

.industry-eyebrow[b-5v06t74w88] {
    display: inline-block;

    margin-bottom: 14px;

    color: #2563eb;

    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.industry-heading h2[b-5v06t74w88] {
    margin: 0 0 20px;

    color: #0f172a;

    font-size: clamp(2.4rem, 4vw, 3.6rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.industry-heading h2 span[b-5v06t74w88] {
    color: #2563eb;
}

.industry-heading p[b-5v06t74w88] {
    max-width: 720px;

    margin: 0 auto;

    color: #64748b;

    font-size: 1.08rem;
    line-height: 1.75;
}


/* ============================================================
   INDUSTRY GRID
   ============================================================ */

.industry-grid[b-5v06t74w88] {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 22px;
}


/* ============================================================
   INDUSTRY CARD
   ============================================================ */

.industry-card[b-5v06t74w88] {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 300px;

    padding: 30px;

    overflow: hidden;

    border: 1px solid #dbe3ee;
    border-radius: 20px;

    background: #ffffff;

    color: inherit;
    text-decoration: none;

    box-shadow:
            0 5px 20px rgba(15, 23, 42, 0.025);

    transition:
            transform 0.2s ease,
            box-shadow 0.2s ease,
            border-color 0.2s ease;
}

a.industry-card:hover[b-5v06t74w88] {
    transform: translateY(-5px);

    border-color: #bfdbfe;

    box-shadow:
            0 20px 50px rgba(15, 23, 42, 0.09);

    color: inherit;
    text-decoration: none;
}


/* ============================================================
   INDUSTRY ICON
   ============================================================ */

.industry-icon[b-5v06t74w88] {
    width: 56px;
    height: 56px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 56px;

    margin-bottom: 24px;

    border-radius: 15px;

    background: #eff6ff;
    color: #2563eb;

    font-size: 1.35rem;

    transition:
            transform 0.2s ease,
            background 0.2s ease,
            color 0.2s ease;
}

a.industry-card:hover .industry-icon[b-5v06t74w88] {
    transform: scale(1.05);

    background: #2563eb;
    color: #ffffff;
}


/* ============================================================
   INDUSTRY CARD CONTENT
   ============================================================ */

.industry-card-content[b-5v06t74w88] {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.industry-card h3[b-5v06t74w88] {
    margin: 0 0 12px;

    color: #0f172a;

    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.3;
}

.industry-card p[b-5v06t74w88] {
    margin: 0 0 24px;

    color: #64748b;

    font-size: 0.94rem;
    line-height: 1.7;
}


/* ============================================================
   INDUSTRY CARD LINK
   ============================================================ */

.industry-link[b-5v06t74w88] {
    display: flex;
    align-items: center;

    gap: 9px;

    margin-top: auto;

    color: #2563eb;

    font-size: 0.85rem;
    font-weight: 700;
}

.industry-link i[b-5v06t74w88] {
    font-size: 0.78rem;

    transition: transform 0.2s ease;
}

a.industry-card:hover .industry-link i[b-5v06t74w88] {
    transform: translateX(4px);
}


/* ============================================================
   MORE INDUSTRIES CARD
   ============================================================ */

.industry-card-more[b-5v06t74w88] {
    border-style: dashed;

    background:
            linear-gradient(
                    135deg,
                    #f8fafc 0%,
                    #ffffff 100%
            );
}

.industry-card-more .industry-icon[b-5v06t74w88] {
    background: #f1f5f9;
    color: #64748b;
}

.industry-link-muted[b-5v06t74w88] {
    color: #64748b;
}


/* ============================================================
   INDUSTRY BOTTOM CTA
   ============================================================ */

.industry-bottom[b-5v06t74w88] {
    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    align-items: center;

    gap: 24px;

    margin-top: 45px;

    padding: 30px 34px;

    border: 1px solid #bfdbfe;
    border-radius: 20px;

    background: #ffffff;

    box-shadow:
            0 10px 30px rgba(15, 23, 42, 0.04);
}

.industry-bottom-icon[b-5v06t74w88] {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 58px;

    border-radius: 16px;

    background: #2563eb;
    color: #ffffff;

    font-size: 1.3rem;

    box-shadow:
            0 10px 25px rgba(37, 99, 235, 0.2);
}

.industry-bottom-content span[b-5v06t74w88] {
    display: block;

    margin-bottom: 5px;

    color: #2563eb;

    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.09em;
}

.industry-bottom-content h3[b-5v06t74w88] {
    margin: 0 0 5px;

    color: #0f172a;

    font-size: 1.15rem;
    font-weight: 800;
}

.industry-bottom-content p[b-5v06t74w88] {
    max-width: 680px;

    margin: 0;

    color: #64748b;

    font-size: 0.9rem;
    line-height: 1.6;
}

.industry-bottom .btn[b-5v06t74w88] {
    white-space: nowrap;

    font-weight: 600;
}


/* ============================================================
   INDUSTRIES - TABLET
   ============================================================ */

@media (max-width: 991.98px) {

    .industry-section[b-5v06t74w88] {
        padding: 85px 0;
    }

    .industry-grid[b-5v06t74w88] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .industry-bottom[b-5v06t74w88] {
        grid-template-columns:
            auto minmax(0, 1fr);
    }

    .industry-bottom .btn[b-5v06t74w88] {
        grid-column: 2;

        justify-self: start;
    }
}


/* ============================================================
   INDUSTRIES - MOBILE
   ============================================================ */

@media (max-width: 575.98px) {

    .industry-section[b-5v06t74w88] {
        padding: 65px 0;
    }

    .industry-heading[b-5v06t74w88] {
        margin-bottom: 40px;

        text-align: left !important;
    }

    .industry-heading p[b-5v06t74w88] {
        margin: 0;
    }

    .industry-grid[b-5v06t74w88] {
        grid-template-columns: 1fr;
    }

    .industry-card[b-5v06t74w88] {
        min-height: 0;

        padding: 26px;
    }

    .industry-bottom[b-5v06t74w88] {
        display: block;

        margin-top: 35px;

        padding: 26px;
    }

    .industry-bottom-icon[b-5v06t74w88] {
        margin-bottom: 20px;
    }

    .industry-bottom .btn[b-5v06t74w88] {
        margin-top: 20px;

        white-space: normal;
    }
}
/* ============================================================
   AUTHENTICATED HOME - GETTING COGNIVOX READY
   ============================================================ */

.hero-with-setup .container[b-5v06t74w88] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    align-items: start;
    gap: 48px;
}

.hero-with-setup .hero-content[b-5v06t74w88] {
    min-width: 0;
}

.hero-with-setup .hero-content h1[b-5v06t74w88] {
    font-size: clamp(3rem, 4.4vw, 5rem);
}

.setup-panel[b-5v06t74w88] {
    position: fixed;
    z-index: 40;
    top: 96px;
    right: 48px;
    width: 410px;
    min-height: 535px;
    padding: 26px 28px 28px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 22px;
    background: rgba(8, 20, 45, 0.94);
    color: #ffffff;
    box-shadow: 0 24px 65px rgba(2, 8, 23, 0.34);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.setup-panel-header[b-5v06t74w88] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.setup-panel-eyebrow[b-5v06t74w88] {
    display: block;
    margin-bottom: 5px;
    color: #93c5fd;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.11em;
}

.setup-panel h2[b-5v06t74w88] {
    margin: 0;
    color: #ffffff;
    font-size: 1.28rem;
    font-weight: 800;
    line-height: 1.2;
}

.setup-progress-count[b-5v06t74w88] {
    flex: 0 0 auto;
    padding: 5px 9px;
    border: 1px solid rgba(147, 197, 253, 0.25);
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.18);
    color: #dbeafe;
    font-size: 0.72rem;
    font-weight: 700;
}

.setup-progress-track[b-5v06t74w88] {
    height: 6px;
    margin-top: 18px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
}

.setup-progress-track span[b-5v06t74w88] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #60a5fa;
    transition: width 0.35s ease;
}

.setup-progress-label[b-5v06t74w88] {
    margin-top: 6px;
    color: #94a3b8;
    font-size: 0.7rem;
    text-align: right;
}

.setup-list[b-5v06t74w88] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 12px;
}

.setup-list[b-5v06t74w88]::before {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 25px;
    width: 2px;
    background: rgba(147, 197, 253, 0.32);
}

.setup-list[b-5v06t74w88]  .setup-step {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 78px;
    padding: 10px 8px 10px 0;
    border: 1px solid transparent;
    border-radius: 13px;
    color: inherit;
    text-decoration: none;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.setup-list[b-5v06t74w88]  .setup-step:hover {
    border-color: rgba(147, 197, 253, 0.18);
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    text-decoration: none;
}

.setup-list[b-5v06t74w88]  .setup-step-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 3px solid rgba(147, 197, 253, 0.62);
    border-radius: 50%;
    background: #0b1933;
    color: #bfdbfe;
    font-size: 1rem;
    font-weight: 800;
}

.setup-list[b-5v06t74w88]  .setup-step.is-complete .setup-step-status {
    border-color: #86efac;
    background: #123b2a;
    color: #86efac;
}

.setup-list[b-5v06t74w88]  .setup-step-copy {
    min-width: 0;
}

.setup-list[b-5v06t74w88]  .setup-step-copy strong,
.setup-list[b-5v06t74w88]  .setup-step-copy small {
    display: block;
}

.setup-list[b-5v06t74w88]  .setup-step-copy strong {
    color: #f8fafc;
    font-size: 0.86rem;
    font-weight: 750;
    line-height: 1.2;
}

.setup-list[b-5v06t74w88]  .setup-step-copy small {
    margin-top: 2px;
    color: #94a3b8;
    font-size: 0.7rem;
    line-height: 1.25;
}

.setup-list[b-5v06t74w88]  .setup-step-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #93c5fd;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

.setup-list[b-5v06t74w88]  .setup-step-action i {
    font-size: 0.56rem;
}

.setup-complete-message[b-5v06t74w88] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 14px;
    padding: 10px 12px;
    border: 1px solid rgba(34, 197, 94, 0.2);
    border-radius: 12px;
    background: rgba(34, 197, 94, 0.1);
    color: #bbf7d0;
    font-size: 0.76rem;
    font-weight: 600;
}

@media (max-width: 1199.98px) {
    .hero-with-setup .container[b-5v06t74w88] {
        grid-template-columns: minmax(0, 1fr) 350px;
        gap: 30px;
    }

    .setup-panel[b-5v06t74w88] {
        right: 28px;
        width: 350px;
    }
}

@media (max-width: 991.98px) {
    .hero-with-setup .container[b-5v06t74w88] {
        display: block;
    }

    .hero-with-setup .setup-panel[b-5v06t74w88] {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        max-width: 680px;
        margin-top: 32px;
    }
}

@media (max-width: 575.98px) {
    .setup-panel[b-5v06t74w88] {
        padding: 20px;
        border-radius: 18px;
    }

    .setup-panel-header[b-5v06t74w88] {
        gap: 10px;
    }

    .setup-list[b-5v06t74w88]  .setup-step {
        grid-template-columns: 52px minmax(0, 1fr);
    }

    .setup-list[b-5v06t74w88]  .setup-step-action {
        grid-column: 2;
        justify-self: start;
        margin-top: -4px;
    }
}
/* _content/AiReceptionist/Components/Pages/IntegrationsExamples.razor.rz.scp.css */
.integrations-hero[b-deww3smrin] {
    position: relative;
    padding: 8rem 0 7rem;
    background:
            radial-gradient(circle at 80% 30%,
            rgba(37, 99, 235, 0.18),
            transparent 35%),
            linear-gradient(135deg, #071126, #101a3a);
    color: white;
}

.integrations-hero .lead[b-deww3smrin] {
    max-width: 760px;
    font-size: 1.35rem;
}

.integrations-hero .text-secondary[b-deww3smrin] {
    color: rgba(255, 255, 255, 0.7) !important;
    max-width: 800px;
}

.integration-card[b-deww3smrin] {
    padding: 2rem;
    border: 1px solid #e7eaf0;
    border-radius: 20px;
    background: white;
    transition:
            transform 0.2s ease,
            box-shadow 0.2s ease;
}

.integration-card:hover[b-deww3smrin] {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
}

.integration-icon[b-deww3smrin] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 1.25rem;
    border-radius: 16px;
    background: #eef5ff;
    font-size: 1.7rem;
}

.integration-card h4[b-deww3smrin] {
    margin-bottom: 0.75rem;
    font-weight: 700;
}

.integration-card p[b-deww3smrin] {
    margin: 0;
    color: #667085;
    line-height: 1.7;
}

.integration-band[b-deww3smrin] {
    background: #f7f9fc;
}

.action-list[b-deww3smrin] {
    padding: 2rem;
    background: white;
    border-radius: 22px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);
}

.action-item[b-deww3smrin] {
    display: flex;
    gap: 0.9rem;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #edf0f4;
    font-size: 1.05rem;
    font-weight: 500;
}

.action-item:last-child[b-deww3smrin] {
    border-bottom: 0;
}

.action-item span[b-deww3smrin] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #eaf2ff;
    color: #2563eb;
    font-weight: 700;
}

.custom-integration[b-deww3smrin] {
    padding: 4rem;
    border-radius: 28px;
    background: #081329;
    color: white;
}

.custom-integration .text-muted[b-deww3smrin] {
    color: rgba(255, 255, 255, 0.68) !important;
}

.custom-box[b-deww3smrin] {
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.06);
}

.custom-box h4[b-deww3smrin] {
    margin-bottom: 1.25rem;
}

.custom-box ul[b-deww3smrin] {
    margin: 0;
    padding-left: 1.25rem;
}

.custom-box li[b-deww3smrin] {
    padding: 0.35rem 0;
    color: rgba(255, 255, 255, 0.8);
}

.security-card[b-deww3smrin] {
    padding: 2rem;
    border-radius: 20px;
    background: white;
    border: 1px solid #e7eaf0;
}

.security-card h4[b-deww3smrin] {
    font-weight: 700;
}

.security-card p[b-deww3smrin] {
    margin-bottom: 0;
    color: #667085;
    line-height: 1.7;
}

.integration-cta[b-deww3smrin] {
    padding: 4rem 2rem;
}

@media (max-width: 768px) {

    .integrations-hero[b-deww3smrin] {
        padding: 5rem 0;
    }

    .integrations-hero h1[b-deww3smrin] {
        font-size: 2.6rem;
    }

    .custom-integration[b-deww3smrin] {
        padding: 2rem;
    }

    .integration-cta .btn[b-deww3smrin] {
        display: block;
        width: 100%;
        margin: 0 0 1rem !important;
    }
}
/* _content/AiReceptionist/Components/Pages/Marketing/Marketing.razor.rz.scp.css */
.marketing-page[b-ufgae7ha4i] { min-height:100vh; padding:1.5rem; background:#f6f8fb; color:#172033; }
.marketing-header[b-ufgae7ha4i] { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; }
.marketing-title[b-ufgae7ha4i] { margin:0; font-size:1.75rem; font-weight:700; letter-spacing:-.025em; }
.marketing-subtitle[b-ufgae7ha4i] { margin-top:.35rem; color:#6b7280; font-size:.95rem; }
.marketing-summary-grid[b-ufgae7ha4i] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-bottom:1.5rem; }
.marketing-summary-card[b-ufgae7ha4i] { padding:1.35rem; background:#fff; border:1px solid #e7eaf0; border-radius:14px; box-shadow:0 1px 2px rgba(16,24,40,.03),0 3px 8px rgba(16,24,40,.04); }
.marketing-summary-label[b-ufgae7ha4i] { margin-bottom:.5rem; color:#7b8494; font-size:.78rem; font-weight:600; text-transform:uppercase; letter-spacing:.045em; }
.marketing-summary-value[b-ufgae7ha4i] { color:#172033; font-size:1.85rem; font-weight:700; line-height:1.15; }
.marketing-tabs[b-ufgae7ha4i] { display:flex; gap:.25rem; padding:.35rem; margin-bottom:1.25rem; border:1px solid #e7eaf0; border-radius:12px; background:#fff; overflow-x:auto; }
.marketing-tab[b-ufgae7ha4i] { display:flex; align-items:center; gap:.55rem; padding:.7rem 1rem; border:0; border-radius:9px; background:transparent; color:#64748b; font-weight:650; white-space:nowrap; cursor:pointer; }
.marketing-tab span[b-ufgae7ha4i] { min-width:24px; padding:.1rem .4rem; border-radius:999px; background:#f1f5f9; color:#64748b; font-size:.72rem; text-align:center; }
.marketing-tab.active[b-ufgae7ha4i] { background:#eef2ff; color:#4338ca; }
.marketing-tab.active span[b-ufgae7ha4i] { background:#fff; color:#4338ca; }
.marketing-filter[b-ufgae7ha4i] { display:flex; align-items:flex-end; gap:1rem; padding:1rem 1.25rem; margin-bottom:1.25rem; background:#fff; border:1px solid #e7eaf0; border-radius:12px; box-shadow:0 1px 2px rgba(16,24,40,.03); }
.marketing-filter-item[b-ufgae7ha4i] { width:230px; } .marketing-filter-item.grow[b-ufgae7ha4i] { flex:1; width:auto; }
.marketing-filter label[b-ufgae7ha4i],.field label[b-ufgae7ha4i] { display:block; margin-bottom:.45rem; color:#4b5563; font-size:.78rem; font-weight:650; text-transform:uppercase; letter-spacing:.035em; }
.marketing-panel[b-ufgae7ha4i] { margin-bottom:1.5rem; overflow:hidden; background:#fff; border:1px solid #e7eaf0; border-radius:14px; box-shadow:0 1px 2px rgba(16,24,40,.03),0 3px 8px rgba(16,24,40,.03); }
.marketing-panel-header[b-ufgae7ha4i] { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.25rem; border-bottom:1px solid #edf0f4; }
.marketing-panel-header h2[b-ufgae7ha4i] { margin:0; color:#202939; font-size:1rem; font-weight:700; }.marketing-panel-header p[b-ufgae7ha4i] { margin:.25rem 0 0; color:#7b8494; font-size:.82rem; }
.editor-panel[b-ufgae7ha4i] { padding-bottom:1.25rem; }.marketing-form-grid[b-ufgae7ha4i] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.25rem; padding:1.25rem; }.field.span-2[b-ufgae7ha4i] { grid-column:1/-1; }.field small[b-ufgae7ha4i] { display:block; margin-top:.4rem; color:#7b8494; }.checkbox-field[b-ufgae7ha4i] { display:flex; align-items:center; gap:.6rem; padding-top:1.6rem; }.checkbox-field label[b-ufgae7ha4i] { margin:0; text-transform:none; font-size:.9rem; }.editor-actions[b-ufgae7ha4i] { display:flex; justify-content:flex-end; gap:.75rem; padding:0 1.25rem; }
.marketing-table[b-ufgae7ha4i] { width:100%; border-collapse:collapse; font-size:.88rem; }.marketing-table th[b-ufgae7ha4i] { padding:.8rem 1rem; background:#f8fafc; border-bottom:1px solid #edf0f4; color:#4b5563; font-size:.75rem; font-weight:650; text-transform:uppercase; letter-spacing:.035em; text-align:left; }.marketing-table td[b-ufgae7ha4i] { padding:.9rem 1rem; border-bottom:1px solid #edf0f4; color:#374151; vertical-align:middle; }.marketing-table tbody tr:last-child td[b-ufgae7ha4i] { border-bottom:0; }.marketing-table tbody tr:hover td[b-ufgae7ha4i] { background:#f8fafc; }.company-name[b-ufgae7ha4i] { color:#202939; font-weight:650; }.company-secondary[b-ufgae7ha4i] { display:block; max-width:260px; margin-top:.2rem; overflow:hidden; color:#64748b; font-size:.78rem; text-overflow:ellipsis; white-space:nowrap; }.actions-column[b-ufgae7ha4i] { min-width:260px; }.row-actions[b-ufgae7ha4i] { display:flex; flex-wrap:wrap; gap:.4rem; }.row-actions button[b-ufgae7ha4i] { padding:.32rem .55rem; border:1px solid #dbe4f0; border-radius:7px; background:#fff; color:#475569; font-size:.75rem; font-weight:600; cursor:pointer; }.row-actions button:hover[b-ufgae7ha4i] { background:#f8fafc; }.row-actions .approve[b-ufgae7ha4i] { border-color:#bbf7d0; color:#15803d; }.row-actions .danger[b-ufgae7ha4i] { border-color:#fecaca; color:#b91c1c; }
.status-badge[b-ufgae7ha4i] { display:inline-flex; padding:.25rem .55rem; border-radius:999px; background:#f1f5f9; color:#475569; font-size:.72rem; font-weight:650; white-space:nowrap; }.status-approved[b-ufgae7ha4i] { background:#ecfdf3; color:#15803d; }.status-readyforreview[b-ufgae7ha4i] { background:#eff6ff; color:#1d4ed8; }.status-rejected[b-ufgae7ha4i],.status-suppressed[b-ufgae7ha4i] { background:#fff1f2; color:#be123c; }.status-contacted[b-ufgae7ha4i],.status-replied[b-ufgae7ha4i],.status-converted[b-ufgae7ha4i] { background:#f0fdf4; color:#166534; }
.marketing-empty[b-ufgae7ha4i] { padding:3.5rem 1.5rem; text-align:center; }.marketing-empty .empty-icon[b-ufgae7ha4i] { display:flex; align-items:center; justify-content:center; width:56px; height:56px; margin:0 auto 1rem; border-radius:50%; background:#eef2ff; color:#4f46e5; font-size:1.6rem; }.marketing-empty h3[b-ufgae7ha4i] { margin:0 0 .5rem; font-size:1.05rem; }.marketing-empty p[b-ufgae7ha4i] { max-width:520px; margin:0 auto 1.25rem; color:#7b8494; }.marketing-loading[b-ufgae7ha4i] { display:flex; align-items:center; justify-content:center; gap:.8rem; min-height:260px; color:#6b7280; }
.sector-grid[b-ufgae7ha4i] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; padding:1.25rem; }.sector-card[b-ufgae7ha4i] { padding:1.1rem; border:1px solid #e7eaf0; border-radius:12px; background:#fff; }.sector-card-top[b-ufgae7ha4i] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }.sector-card h3[b-ufgae7ha4i] { margin:0 0 .35rem; font-size:1rem; }.sector-card p[b-ufgae7ha4i] { min-height:42px; margin:.85rem 0; color:#64748b; font-size:.85rem; }.sector-meta[b-ufgae7ha4i] { color:#7b8494; font-size:.75rem; }.active-dot[b-ufgae7ha4i],.inactive-dot[b-ufgae7ha4i] { font-size:.72rem; font-weight:650; }.active-dot[b-ufgae7ha4i] { color:#15803d; }.inactive-dot[b-ufgae7ha4i] { color:#94a3b8; }
.form-control[b-ufgae7ha4i],.form-select[b-ufgae7ha4i] { min-height:42px; border-color:#dbe4f0; border-radius:9px; }.form-control:focus[b-ufgae7ha4i],.form-select:focus[b-ufgae7ha4i] { border-color:#4f46e5; box-shadow:0 0 0 3px rgba(79,70,229,.10); } textarea.form-control[b-ufgae7ha4i] { min-height:auto; }
@media(max-width:1100px){.marketing-summary-grid[b-ufgae7ha4i]{grid-template-columns:repeat(2,minmax(0,1fr));}.sector-grid[b-ufgae7ha4i]{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:768px){.marketing-page[b-ufgae7ha4i]{padding:1rem}.marketing-header[b-ufgae7ha4i]{align-items:flex-start;flex-direction:column}.marketing-filter[b-ufgae7ha4i]{display:grid;grid-template-columns:1fr}.marketing-filter-item[b-ufgae7ha4i],.marketing-filter-item.grow[b-ufgae7ha4i]{width:100%}.marketing-form-grid[b-ufgae7ha4i]{grid-template-columns:1fr}.field.span-2[b-ufgae7ha4i]{grid-column:auto}.sector-grid[b-ufgae7ha4i]{grid-template-columns:1fr}.marketing-summary-grid[b-ufgae7ha4i]{grid-template-columns:1fr}.editor-actions[b-ufgae7ha4i]{flex-direction:column-reverse}.editor-actions .btn[b-ufgae7ha4i]{width:100%}}

/* ============================================================
   STAGE 3A - AI + WEB PROSPECT DISCOVERY
   ============================================================ */

.marketing-header-actions[b-ufgae7ha4i] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.discovery-panel[b-ufgae7ha4i] {
    border-color: #c7d2fe;
}

.discovery-form[b-ufgae7ha4i] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.2fr) 150px;
    gap: 1rem;
    padding: 1.25rem;
}

.discovery-options[b-ufgae7ha4i] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.25rem;
    padding: .95rem 1rem;
    border: 1px solid #e7eaf0;
    border-radius: 10px;
    background: #f8fafc;
}

.discovery-check[b-ufgae7ha4i] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin: 0;
    color: #475569;
    font-size: .88rem;
    font-weight: 600;
    cursor: pointer;
}

.discovery-check input[b-ufgae7ha4i] {
    width: 17px;
    height: 17px;
}

.discovery-action[b-ufgae7ha4i] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
}

.discovery-note[b-ufgae7ha4i],
.discovery-summary[b-ufgae7ha4i] {
    margin: 0 1.25rem 1.25rem;
    padding: .8rem 1rem;
    border-radius: 9px;
    background: #eef2ff;
    color: #475569;
    font-size: .82rem;
    line-height: 1.55;
}

.discovery-results-header[b-ufgae7ha4i] {
    gap: 1rem;
}

.discovery-result-actions[b-ufgae7ha4i] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.discovery-select-column[b-ufgae7ha4i] {
    width: 72px;
    text-align: center !important;
}

.discovery-select-column input[b-ufgae7ha4i] {
    width: 18px;
    height: 18px;
}

.discovery-ineligible td[b-ufgae7ha4i] {
    background: #fafafa;
    opacity: .72;
}

.source-links[b-ufgae7ha4i] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.source-links a[b-ufgae7ha4i],
.source-links span[b-ufgae7ha4i] {
    display: inline-flex;
    padding: .2rem .45rem;
    border-radius: 6px;
    background: #eef2ff;
    color: #4338ca;
    font-size: .72rem;
    font-weight: 650;
    text-decoration: none;
}

.candidate-review-message[b-ufgae7ha4i] {
    max-width: 230px;
    margin-top: .4rem;
    color: #7b8494;
    font-size: .74rem;
    line-height: 1.4;
}

.marketing-operation-blocker[b-ufgae7ha4i] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(15, 23, 42, .38);
    backdrop-filter: blur(2px);
}

.marketing-operation-card[b-ufgae7ha4i] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: min(520px, 100%);
    padding: 1.4rem 1.5rem;
    border: 1px solid #e7eaf0;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 20px 60px rgba(15, 23, 42, .18);
}

.marketing-operation-title[b-ufgae7ha4i] {
    margin-bottom: .25rem;
    color: #172033;
    font-weight: 700;
}

.marketing-operation-text[b-ufgae7ha4i] {
    color: #64748b;
    font-size: .86rem;
    line-height: 1.5;
}

@media (max-width: 900px) {
    .discovery-form[b-ufgae7ha4i] {
        grid-template-columns: 1fr 1fr;
    }

    .discovery-number-field[b-ufgae7ha4i] {
        grid-column: 1 / -1;
    }

    .discovery-results-header[b-ufgae7ha4i] {
        align-items: flex-start;
        flex-direction: column;
    }

    .discovery-result-actions[b-ufgae7ha4i] {
        justify-content: flex-start;
    }
}

@media (max-width: 650px) {
    .marketing-header-actions[b-ufgae7ha4i],
    .marketing-header-actions .btn[b-ufgae7ha4i],
    .discovery-result-actions[b-ufgae7ha4i],
    .discovery-result-actions .btn[b-ufgae7ha4i] {
        width: 100%;
    }

    .discovery-form[b-ufgae7ha4i] {
        grid-template-columns: 1fr;
    }

    .discovery-number-field[b-ufgae7ha4i],
    .discovery-options[b-ufgae7ha4i],
    .discovery-action[b-ufgae7ha4i] {
        grid-column: auto;
    }

    .discovery-action .btn[b-ufgae7ha4i] {
        width: 100%;
    }
}

/* ============================================================
   STAGE 4 - AI PROSPECT RESEARCH
   ============================================================ */

.research-panel[b-ufgae7ha4i] {
    border: 1px solid #dbeafe;
}

.research-fit-row[b-ufgae7ha4i] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.research-fit-label[b-ufgae7ha4i] {
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #64748b;
}

.fit-badge[b-ufgae7ha4i] {
    display: inline-flex;
    align-items: center;
    padding: .3rem .6rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    background: #f1f5f9;
    color: #475569;
    white-space: nowrap;
}

.fit-high[b-ufgae7ha4i] {
    background: #dcfce7;
    color: #166534;
}

.fit-medium[b-ufgae7ha4i] {
    background: #fef3c7;
    color: #92400e;
}

.fit-low[b-ufgae7ha4i] {
    background: #fee2e2;
    color: #991b1b;
}

.fit-unclear[b-ufgae7ha4i],
.fit-unassessed[b-ufgae7ha4i] {
    background: #f1f5f9;
    color: #475569;
}

.research-summary[b-ufgae7ha4i],
.research-reason[b-ufgae7ha4i] {
    padding: .9rem 1rem;
    border-radius: .75rem;
    background: #f8fafc;
    color: #334155;
    margin-bottom: 1rem;
    line-height: 1.55;
}

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

.research-card[b-ufgae7ha4i] {
    border: 1px solid #e2e8f0;
    border-radius: .85rem;
    padding: 1rem;
    background: #fff;
}

.research-card h3[b-ufgae7ha4i] {
    font-size: .95rem;
    margin: 0 0 .7rem;
    color: #0f172a;
}

.research-card ul[b-ufgae7ha4i] {
    margin: 0;
    padding-left: 1.15rem;
}

.research-card li[b-ufgae7ha4i] {
    margin-bottom: .45rem;
    color: #475569;
    line-height: 1.45;
}

.research-evidence-list a[b-ufgae7ha4i] {
    overflow-wrap: anywhere;
}

.row-actions button.research[b-ufgae7ha4i] {
    color: #1d4ed8;
    border-color: #bfdbfe;
    background: #eff6ff;
}

@media (max-width: 900px) {
    .research-grid[b-ufgae7ha4i] {
        grid-template-columns: 1fr;
    }
}


/* Stage 5 - campaign draft review */
.campaign-draft-panel[b-ufgae7ha4i] { border-left: 4px solid var(--bs-primary); }
.campaign-draft-meta[b-ufgae7ha4i] { color: #6b7280; font-size: .9rem; }
.campaign-draft-body[b-ufgae7ha4i] { min-height: 300px; white-space: pre-wrap; }


/* ============================================================
   STAGE 5D - RECIPIENT EMAIL PREVIEW
   ============================================================ */
.campaign-recipient-preview[b-ufgae7ha4i] { margin-top: 1rem; border: 1px solid #dbe3ee; border-radius: 12px; overflow: hidden; background: #f8fafc; }
.campaign-recipient-envelope[b-ufgae7ha4i] { padding: 12px 16px; background: #eef2f7; border-bottom: 1px solid #dbe3ee; color: #334155; font-size: .92rem; line-height: 1.6; }
.campaign-email-iframe[b-ufgae7ha4i] { display: block; width: 100%; height: 760px; border: 0; background: #f1f5f9; }
@media (max-width: 768px) { .campaign-email-iframe[b-ufgae7ha4i] { height: 680px; } }

/* ============================================================
   CAMPAIGN WORKFLOW - PROSPECT SELECTION + FILTERING
   ============================================================ */

/* Campaign detail summary sits inside a panel, so give it its own spacing. */
.marketing-panel > .marketing-summary-grid[b-ufgae7ha4i] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 1.25rem 1.25rem 0;
    margin-bottom: 0;
}

/* Add Prospects area. */
.marketing-panel .mt-4[b-ufgae7ha4i] {
    padding: 0 1.25rem 1.25rem;
}

.marketing-panel .mt-4 > h3[b-ufgae7ha4i] {
    margin: 0 0 .35rem;
    color: #202939;
    font-size: 1rem;
    font-weight: 700;
}

.marketing-panel .mt-4 > .company-secondary[b-ufgae7ha4i] {
    max-width: none;
    margin-bottom: 1rem;
    white-space: normal;
}

.marketing-filter-grid[b-ufgae7ha4i] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) minmax(180px, 1fr) minmax(170px, .8fr) minmax(150px, .7fr);
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e7eaf0;
    border-radius: 12px;
    background: #f8fafc;
}

.marketing-filter-grid > div[b-ufgae7ha4i] {
    min-width: 0;
}

.marketing-filter-grid label[b-ufgae7ha4i] {
    display: block;
    margin-bottom: .45rem;
    color: #4b5563;
    font-size: .75rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .035em;
}

/* Bulk-selection toolbar. */
.marketing-filter-grid + .d-flex[b-ufgae7ha4i] {
    min-height: 42px;
    padding: .7rem .85rem;
    border: 1px solid #e7eaf0;
    border-radius: 10px;
    background: #fff;
}

.marketing-filter-grid + .d-flex .company-secondary[b-ufgae7ha4i] {
    max-width: none;
    margin: 0 0 0 auto;
    white-space: normal;
}

/* Campaign prospect selection checkbox. */
.marketing-panel .marketing-table input[type="checkbox"][b-ufgae7ha4i] {
    width: 18px;
    height: 18px;
    margin: 0;
    vertical-align: middle;
    accent-color: #4f46e5;
    cursor: pointer;
}

/* Keep campaign action buttons tidy and consistent with the prospect table. */
.marketing-panel .marketing-table td:last-child button[b-ufgae7ha4i] {
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .marketing-panel > .marketing-summary-grid[b-ufgae7ha4i] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .marketing-filter-grid[b-ufgae7ha4i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .marketing-panel > .marketing-summary-grid[b-ufgae7ha4i] {
        grid-template-columns: 1fr;
        padding: 1rem 1rem 0;
    }

    .marketing-panel .mt-4[b-ufgae7ha4i] {
        padding: 0 1rem 1rem;
    }

    .marketing-filter-grid[b-ufgae7ha4i] {
        grid-template-columns: 1fr;
        gap: .8rem;
        padding: .85rem;
    }

    .marketing-filter-grid + .d-flex[b-ufgae7ha4i] {
        align-items: stretch !important;
        flex-direction: column;
    }

    .marketing-filter-grid + .d-flex .btn[b-ufgae7ha4i] {
        width: 100%;
    }

    .marketing-filter-grid + .d-flex .company-secondary[b-ufgae7ha4i] {
        margin-left: 0;
        text-align: center;
    }
}


/* ============================================================
   CAMPAIGN PROCESSING + SEND HISTORY
   ============================================================ */
.campaign-progress-grid[b-ufgae7ha4i] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1rem; padding:1.25rem; }
.campaign-workflow-toolbar[b-ufgae7ha4i] { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:0 1.25rem 1rem; padding:1rem; border:1px solid #dbe4f0; border-radius:12px; background:#f8fafc; }
.campaign-workflow-actions[b-ufgae7ha4i] { display:flex; flex-wrap:wrap; gap:.6rem; justify-content:flex-end; }
.campaign-processing-message[b-ufgae7ha4i] { margin:0 1.25rem 1.25rem; padding:.75rem 1rem; border-radius:9px; background:#eef2ff; color:#475569; font-size:.84rem; }
.campaign-send-history[b-ufgae7ha4i] { margin:1.25rem; border:1px solid #e7eaf0; border-radius:12px; overflow:hidden; }
.campaign-send-history h3[b-ufgae7ha4i] { margin:0; padding:1rem 1.1rem; border-bottom:1px solid #edf0f4; background:#f8fafc; color:#202939; font-size:1rem; font-weight:700; }
.marketing-panel .marketing-table td:last-child > button[b-ufgae7ha4i] { margin:0 .35rem .35rem 0; padding:.38rem .65rem; border:1px solid #dbe4f0; border-radius:7px; background:#fff; color:#475569; font-size:.78rem; font-weight:600; cursor:pointer; }
.marketing-panel .marketing-table td:last-child > button:hover[b-ufgae7ha4i] { background:#f8fafc; }
.marketing-panel .marketing-table td:last-child > button.success[b-ufgae7ha4i] { border-color:#bbf7d0; color:#15803d; }
.marketing-panel .marketing-table td:last-child > button.danger[b-ufgae7ha4i] { border-color:#fecaca; color:#b91c1c; }
.marketing-panel .marketing-table td:last-child > button:disabled[b-ufgae7ha4i] { opacity:.55; cursor:not-allowed; }
@media(max-width:1200px){.campaign-progress-grid[b-ufgae7ha4i]{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:768px){.campaign-progress-grid[b-ufgae7ha4i]{grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem}.campaign-workflow-toolbar[b-ufgae7ha4i]{align-items:stretch;flex-direction:column;margin:0 1rem 1rem}.campaign-workflow-actions[b-ufgae7ha4i]{flex-direction:column}.campaign-workflow-actions .btn[b-ufgae7ha4i]{width:100%}.campaign-send-history[b-ufgae7ha4i]{margin:1rem}}
@media(max-width:480px){.campaign-progress-grid[b-ufgae7ha4i]{grid-template-columns:1fr}}


/* Campaign historical sent-email viewer */
.campaign-sent-email-view[b-ufgae7ha4i] { margin:1.25rem; border:1px solid #dbe3ee; border-radius:12px; overflow:hidden; background:#fff; }
.campaign-sent-email-header[b-ufgae7ha4i] { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; padding:1rem 1.1rem; background:#f8fafc; border-bottom:1px solid #e7eaf0; }
.campaign-sent-email-header h3[b-ufgae7ha4i] { margin:0; color:#202939; font-size:1rem; font-weight:700; }
.campaign-sent-email-header p[b-ufgae7ha4i] { margin:.25rem 0 0; color:#667085; font-size:.85rem; }
.campaign-sent-email-meta[b-ufgae7ha4i] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem 1.5rem; padding:1rem 1.1rem; border-bottom:1px solid #edf0f4; font-size:.9rem; }
.campaign-sent-email-subject[b-ufgae7ha4i] { grid-column:1/-1; }
.campaign-sent-email-body[b-ufgae7ha4i] { margin:1rem; }
@media(max-width:768px){.campaign-sent-email-view[b-ufgae7ha4i]{margin:1rem}.campaign-sent-email-header[b-ufgae7ha4i]{flex-direction:column}.campaign-sent-email-meta[b-ufgae7ha4i]{grid-template-columns:1fr}.campaign-sent-email-subject[b-ufgae7ha4i]{grid-column:auto}}

/* ============================================================
   CAMPAIGN CONTROL CENTRE
   ============================================================ */

.campaign-workflow-toolbar[b-ufgae7ha4i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    margin: 0 1.25rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

.campaign-workflow-actions[b-ufgae7ha4i] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
}

.campaign-bulk-send-confirm[b-ufgae7ha4i] {
    margin: 0 1.25rem 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #fff7f7;
    color: #7f1d1d;
    line-height: 1.5;
}

.campaign-processing-message[b-ufgae7ha4i] {
    margin: 0 1.25rem 1rem;
    padding: .75rem 1rem;
    border-radius: 9px;
    background: #eef2ff;
    color: #4338ca;
    font-size: .84rem;
    font-weight: 600;
}

.campaign-review-filter[b-ufgae7ha4i] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 0 1.25rem 1rem;
}

.campaign-review-filter label[b-ufgae7ha4i] {
    margin: 0;
    color: #475569;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.campaign-review-filter .form-select[b-ufgae7ha4i] {
    width: 190px;
}

.campaign-actions-cell[b-ufgae7ha4i] {
    min-width: 250px;
}

.campaign-actions-cell button[b-ufgae7ha4i] {
    margin: .15rem .3rem .15rem 0;
    padding: .34rem .58rem;
    border: 1px solid #dbe4f0;
    border-radius: 7px;
    background: #fff;
    color: #475569;
    font-size: .75rem;
    font-weight: 650;
}

.campaign-actions-cell button:hover[b-ufgae7ha4i] {
    background: #f8fafc;
}

.campaign-actions-cell button.success[b-ufgae7ha4i] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.campaign-actions-cell button.danger[b-ufgae7ha4i] {
    border-color: #fecaca;
    background: #fff7f7;
    color: #b91c1c;
}

.campaign-error-text[b-ufgae7ha4i] {
    max-width: 260px;
    margin-top: .35rem;
    color: #b91c1c;
    font-size: .72rem;
    line-height: 1.35;
}

@media (max-width: 900px) {
    .campaign-workflow-toolbar[b-ufgae7ha4i] {
        align-items: flex-start;
        flex-direction: column;
    }

    .campaign-workflow-actions[b-ufgae7ha4i] {
        justify-content: flex-start;
        width: 100%;
    }

    .campaign-review-filter[b-ufgae7ha4i] {
        align-items: flex-start;
        flex-direction: column;
    }

    .campaign-review-filter .form-select[b-ufgae7ha4i] {
        width: 100%;
    }
}
/* _content/AiReceptionist/Components/Pages/Marketing/Unsubscribe.razor.rz.scp.css */
.unsubscribe-page[b-b1kdmrgw3k] {
    min-height: 72vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;
    background: #f8fafc;
}

.unsubscribe-card[b-b1kdmrgw3k] {
    width: 100%;
    max-width: 640px;
    padding: 2.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
    text-align: center;
}

.brand[b-b1kdmrgw3k] {
    margin-bottom: 1.5rem;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .18em;
    color: #2563eb;
}

.unsubscribe-card h1[b-b1kdmrgw3k] {
    margin-bottom: 1rem;
    color: #0f172a;
    font-size: clamp(1.8rem, 4vw, 2.4rem);
}

.unsubscribe-card p[b-b1kdmrgw3k] {
    color: #475569;
    line-height: 1.65;
}

.unsubscribe-button[b-b1kdmrgw3k] {
    margin: 1.25rem 0;
    padding: .85rem 1.5rem;
    border: 0;
    border-radius: 10px;
    background: #dc2626;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.unsubscribe-button:disabled[b-b1kdmrgw3k] {
    opacity: .65;
    cursor: default;
}

.success-icon[b-b1kdmrgw3k] {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.25rem;
    border-radius: 50%;
    background: #dcfce7;
    color: #166534;
    font-size: 1.6rem;
    font-weight: 800;
}

.small-text[b-b1kdmrgw3k],
.footer-note[b-b1kdmrgw3k] {
    font-size: .86rem;
    color: #64748b !important;
}

.footer-note[b-b1kdmrgw3k] {
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e2e8f0;
}
/* _content/AiReceptionist/Components/Pages/Onboarding.razor.rz.scp.css */

.onboarding-step-circle[b-lom1rh5stu]
{
    width: 38px;
    height: 38px;
    margin: 0 auto 8px auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    background: #e9ecef;
    color: #6c757d;
}

.onboarding-step-circle-active[b-lom1rh5stu]
{
    background: #24449a;
    color: white;
}

.onboarding-step-circle-complete[b-lom1rh5stu]
{
    background: #198754;
    color: white;
}

.onboarding-step-text[b-lom1rh5stu]
{
    font-size: 0.875rem;
    color: #6c757d;
}

.onboarding-step-text-active[b-lom1rh5stu]
{
    color: #212529;
    font-weight: 700;
}

/* ============================================================
   ONBOARDING ACCOUNT TYPE / REGULATORY CARDS
   ============================================================ */

.onboarding-account-type-card[b-lom1rh5stu] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 180px;
    padding: 1.5rem;
    background: var(--bs-body-bg);
    border: 2px solid var(--bs-border-color);
    border-radius: 0.75rem;
    cursor: pointer;
    transition:
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out,
            transform 0.15s ease-in-out;
}

.onboarding-account-type-card:hover[b-lom1rh5stu] {
    border-color: var(--bs-primary);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .08);
    transform: translateY(-1px);
}

.onboarding-account-type-card-selected[b-lom1rh5stu] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .12);
}

.onboarding-regulatory-field[b-lom1rh5stu] {
    padding: 1.25rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;
    background: var(--bs-body-bg);
}

.onboarding-regulatory-field code[b-lom1rh5stu] {
    word-break: break-word;
}


/* ============================================================
   ALTERNATIVE TELEPHONE / BUSINESS OPTION
   ============================================================ */

.existing-telephone-option[b-lom1rh5stu] {
    position: relative;
    display: block;
    width: 100%;
    padding: 1.6rem 1.75rem;
    text-align: left;
    color: inherit;
    background: linear-gradient(135deg, #ffffff 0%, #f7faff 100%);
    border: 2px solid #cfe0ff;
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.existing-telephone-option:hover[b-lom1rh5stu] {
    border-color: #0d6efd;
    box-shadow: 0 12px 28px rgba(13, 110, 253, 0.14);
    transform: translateY(-2px);
}

.existing-telephone-option:focus-visible[b-lom1rh5stu] {
    outline: 3px solid rgba(13, 110, 253, .25);
    outline-offset: 3px;
}

.existing-telephone-option-badge[b-lom1rh5stu] {
    display: inline-flex;
    margin-bottom: 1rem;
    padding: .38rem .7rem;
    color: #0d6efd;
    background: #eaf2ff;
    border: 1px solid #cfe0ff;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
}

.existing-telephone-option-content[b-lom1rh5stu] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.existing-telephone-option-icon[b-lom1rh5stu] {
    display: flex;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    color: #0d6efd;
    background: #eaf2ff;
    border-radius: 14px;
    font-size: 1.55rem;
}

.existing-telephone-option-copy[b-lom1rh5stu] {
    flex: 1 1 auto;
    min-width: 0;
}

.existing-telephone-option-action[b-lom1rh5stu] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-top: .35rem;
    color: #0d6efd;
    font-weight: 700;
}

.existing-telephone-option:hover .existing-telephone-option-action[b-lom1rh5stu] {
    text-decoration: underline;
}

@media (max-width: 576px) {
    .existing-telephone-option[b-lom1rh5stu] {
        padding: 1.25rem;
    }

    .existing-telephone-option-content[b-lom1rh5stu] {
        gap: .8rem;
    }

    .existing-telephone-option-icon[b-lom1rh5stu] {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 1.3rem;
    }
}
/* _content/AiReceptionist/Components/Pages/Pricing.razor.rz.scp.css */
.pricing-hero[b-9bjgztdenh] {
    padding: 6rem 0 3rem;
    background: #f8fafc;
}

.pricing-hero .lead[b-9bjgztdenh] {
    max-width: 760px;
    margin-top: 1rem;
}

.pricing-section[b-9bjgztdenh] {
    padding: 3rem 0 7rem;
    background: #f8fafc;
}

.pricing-card[b-9bjgztdenh] {
    position: relative;
    height: 100%;
    min-height: 680px;

    background: #fff;

    border: 2px solid #e4eaf3;
    border-radius: 16px;

    overflow: hidden;

    transition:
            transform 0.2s ease,
            box-shadow 0.2s ease;
}

.pricing-card:hover[b-9bjgztdenh] {
    transform: translateY(-5px);

    box-shadow:
            0 18px 45px rgba(15, 23, 42, 0.10);
}

.pricing-card.recommended[b-9bjgztdenh] {
    border: 4px solid #071f4e;
}

.recommended-banner[b-9bjgztdenh] {
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #071f4e;
    color: white;

    font-weight: 700;
    letter-spacing: 0.04em;
}

.pricing-content[b-9bjgztdenh] {
    padding: 2.2rem;
}

.plan-intro[b-9bjgztdenh] {
    min-height: 145px;
}

.plan-intro h2[b-9bjgztdenh] {
    margin-bottom: 1rem;

    color: #071f4e;

    font-weight: 700;
}

.plan-intro p[b-9bjgztdenh] {
    color: #475569;

    line-height: 1.7;
}

.pricing-divider[b-9bjgztdenh] {
    height: 1px;

    margin: 0 0 2rem;

    background: #d9dee7;
}

.trial-badge[b-9bjgztdenh] {
    display: inline-block;

    margin-bottom: 0.75rem;
    padding: 0.35rem 0.65rem;

    border-radius: 4px;

    background: #9af5d1;
    color: #071f4e;

    font-size: 0.85rem;
    font-weight: 700;
}

.price[b-9bjgztdenh] {
    display: flex;
    align-items: baseline;

    color: #071f4e;
}

.currency[b-9bjgztdenh] {
    font-size: 2.5rem;
    font-weight: 700;
}

.amount[b-9bjgztdenh] {
    font-size: 4rem;
    line-height: 1;

    font-weight: 700;
}

.period[b-9bjgztdenh] {
    margin-left: 0.2rem;

    font-size: 1rem;
    font-weight: 600;
}

.price-note[b-9bjgztdenh] {
    margin: 0.8rem 0 1.5rem;

    color: #475569;

    font-size: 0.9rem;
}

.pricing-button[b-9bjgztdenh] {
    width: 100%;

    padding: 0.9rem 1rem;

    border-radius: 8px;

    font-weight: 700;
}

.features[b-9bjgztdenh] {
    margin-top: 2.5rem;
}

.feature[b-9bjgztdenh] {
    display: flex;
    gap: 0.8rem;

    margin-bottom: 1rem;

    color: #172554;

    line-height: 1.4;
}

.check[b-9bjgztdenh] {
    flex: 0 0 auto;

    color: #071f4e;

    font-size: 1.15rem;
    font-weight: 700;
}

.pricing-integrations[b-9bjgztdenh] {
    padding: 5rem 0;

    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.pricing-cta[b-9bjgztdenh] {
    padding: 6rem 0;
}

.pricing-cta .lead[b-9bjgztdenh] {
    max-width: 750px;

    margin: 1rem auto 0;

    color: #64748b;
}

@media (max-width: 991px) {

    .pricing-card[b-9bjgztdenh] {
        min-height: auto;
    }

    .plan-intro[b-9bjgztdenh] {
        min-height: auto;
    }

}

@media (max-width: 768px) {

    .pricing-hero[b-9bjgztdenh] {
        padding: 4rem 0 2rem;
    }

    .pricing-content[b-9bjgztdenh] {
        padding: 1.5rem;
    }

    .pricing-cta .btn[b-9bjgztdenh] {
        display: block;

        width: 100%;

        margin: 0 0 1rem !important;
    }

}

/* ============================================================
   PAY AS YOU GO - ONBOARDING AND ONGOING PRICING
   ============================================================ */

.onboarding-includes[b-9bjgztdenh],
.ongoing-pricing[b-9bjgztdenh] {
    margin-top: 1.75rem;
    padding: 1.35rem;
    border: 1px solid #e4eaf3;
    border-radius: 12px;
    background: #f8fafc;
}

.onboarding-includes h3[b-9bjgztdenh],
.ongoing-pricing h3[b-9bjgztdenh] {
    margin: 0 0 1rem;
    color: #071f4e;
    font-size: 1.05rem;
    font-weight: 700;
}

.onboarding-includes .feature[b-9bjgztdenh] {
    margin-bottom: 0.75rem;
}

.onboarding-includes .feature:last-child[b-9bjgztdenh] {
    margin-bottom: 0;
}

.ongoing-price-row[b-9bjgztdenh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
}

.ongoing-price-row > div:first-child[b-9bjgztdenh] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    color: #172554;
}

.ongoing-price-row > div:first-child span[b-9bjgztdenh],
.ongoing-pricing-note[b-9bjgztdenh] {
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.55;
}

.ongoing-price-amount[b-9bjgztdenh] {
    flex: 0 0 auto;
    text-align: right;
    color: #071f4e;
}

.ongoing-price-amount strong[b-9bjgztdenh] {
    display: block;
    font-size: 1.45rem;
    line-height: 1.1;
}

.ongoing-price-amount span[b-9bjgztdenh] {
    font-size: 0.85rem;
    font-weight: 600;
}

.ongoing-pricing-note[b-9bjgztdenh] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #d9dee7;
}

@media (max-width: 575px) {
    .ongoing-price-row[b-9bjgztdenh] {
        flex-direction: column;
        gap: 0.8rem;
    }

    .ongoing-price-amount[b-9bjgztdenh] {
        text-align: left;
    }
}
/* _content/AiReceptionist/Components/Pages/Privacy.razor.rz.scp.css */
.privacy-page[b-1kycdgdsfh] {
    background: #ffffff;
    color: #111318;
}

.privacy-container[b-1kycdgdsfh] {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


/* HERO */

.privacy-hero[b-1kycdgdsfh] {
    padding: 100px 0 90px;
    background:
            radial-gradient(
                    circle at 80% 20%,
                    rgba(79, 99, 255, 0.14),
                    transparent 38%
            ),
            #0b0d12;
    color: #ffffff;
}

.eyebrow[b-1kycdgdsfh] {
    display: inline-block;
    margin-bottom: 22px;
    color: #737ff5;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.13em;
}

.privacy-hero h1[b-1kycdgdsfh] {
    margin: 0;
    font-size: clamp(3rem, 6vw, 5rem);
    font-weight: 650;
    line-height: 1;
    letter-spacing: -0.055em;
}

.hero-lead[b-1kycdgdsfh] {
    max-width: 720px;
    margin: 30px 0 0;
    color: #c7cbd3;
    font-size: 1.15rem;
    line-height: 1.75;
}

.policy-meta[b-1kycdgdsfh] {
    margin-top: 32px;
    color: #7f8794;
    font-size: 0.82rem;
}


/* MAIN LAYOUT */

.privacy-content[b-1kycdgdsfh] {
    padding: 90px 0 120px;
}

.policy-layout[b-1kycdgdsfh] {
    display: grid;
    grid-template-columns: 220px minmax(0, 760px);
    justify-content: space-between;
    gap: 100px;
}


/* SIDEBAR */

.policy-sidebar[b-1kycdgdsfh] {
    position: relative;
}

.sidebar-inner[b-1kycdgdsfh] {
    position: sticky;
    top: 100px;
}

.sidebar-title[b-1kycdgdsfh] {
    display: block;
    margin-bottom: 20px;
    color: #949aa5;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.policy-sidebar nav[b-1kycdgdsfh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.policy-sidebar nav button[b-1kycdgdsfh] {
    width: 100%;
    padding: 6px 0;
    margin: 0;

    background: none;
    border: 0;

    color: #6d7380;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;

    cursor: pointer;

    transition: color 0.2s ease;
}

.policy-sidebar nav button:hover[b-1kycdgdsfh] {
    color: #111318;
}

.policy-sidebar nav button:focus-visible[b-1kycdgdsfh] {
    color: #111318;
    outline: 2px solid #737ff5;
    outline-offset: 3px;
    border-radius: 2px;
}

.policy-sidebar nav a[b-1kycdgdsfh] {
    padding: 6px 0;
    color: #6d7380;
    font-size: 0.82rem;
    line-height: 1.3;
    text-decoration: none;
    transition: color 0.2s ease;
}

.policy-sidebar nav a:hover[b-1kycdgdsfh] {
    color: #111318;
}


/* POLICY SECTIONS */

.policy-section[b-1kycdgdsfh] {
    scroll-margin-top: 100px;
    padding: 0 0 70px;
    margin-bottom: 70px;
    border-bottom: 1px solid #e7e9ed;
}

.policy-section:last-child[b-1kycdgdsfh] {
    margin-bottom: 0;
    border-bottom: 0;
}

.section-number[b-1kycdgdsfh] {
    display: block;
    margin-bottom: 14px;
    color: #737ff5;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.policy-section h2[b-1kycdgdsfh] {
    margin: 0 0 28px;
    color: #14171d;
    font-size: clamp(1.7rem, 3vw, 2.25rem);
    font-weight: 650;
    line-height: 1.15;
    letter-spacing: -0.035em;
}

.policy-section h3[b-1kycdgdsfh] {
    margin: 38px 0 15px;
    color: #242832;
    font-size: 1.08rem;
    font-weight: 650;
}

.policy-section p[b-1kycdgdsfh] {
    margin: 0 0 20px;
    color: #626874;
    font-size: 0.97rem;
    line-height: 1.85;
}

.policy-section strong[b-1kycdgdsfh] {
    color: #282c35;
}


/* LISTS */

.policy-section ul[b-1kycdgdsfh] {
    margin: 10px 0 28px;
    padding-left: 22px;
}

.policy-section li[b-1kycdgdsfh] {
    margin-bottom: 10px;
    padding-left: 5px;
    color: #626874;
    font-size: 0.95rem;
    line-height: 1.7;
}

.policy-section li[b-1kycdgdsfh]::marker {
    color: #737ff5;
}


/* INFORMATION BOX */

.info-box[b-1kycdgdsfh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 30px;
    padding: 24px 26px;
    background: #f6f7f9;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

.info-box strong[b-1kycdgdsfh] {
    margin-bottom: 5px;
    font-size: 0.85rem;
}

.info-box a[b-1kycdgdsfh] {
    color: #454dcb;
    font-size: 0.9rem;
    text-decoration: none;
}

.info-box a:hover[b-1kycdgdsfh] {
    text-decoration: underline;
}


/* NOTICE */

.notice-box[b-1kycdgdsfh] {
    margin-top: 32px;
    padding: 25px 28px;
    background: #f7f7fb;
    border-left: 3px solid #737ff5;
    border-radius: 0 8px 8px 0;
}

.notice-box strong[b-1kycdgdsfh] {
    display: block;
    margin-bottom: 10px;
    color: #222630;
    font-size: 0.95rem;
}

.notice-box p[b-1kycdgdsfh] {
    margin: 0;
    font-size: 0.9rem;
}


/* LINKS */

.policy-link[b-1kycdgdsfh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    color: #3f49c8;
    font-size: 0.92rem;
    font-weight: 600;
    text-decoration: none;
}

.policy-link:hover[b-1kycdgdsfh] {
    text-decoration: underline;
}


/* CONTACT */

.contact-card[b-1kycdgdsfh] {
    margin: 35px 0;
    border: 1px solid #e1e4e8;
    border-radius: 12px;
    overflow: hidden;
}

.contact-row[b-1kycdgdsfh] {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 20px;
    padding: 20px 24px;
    border-bottom: 1px solid #e8eaed;
}

.contact-row:last-child[b-1kycdgdsfh] {
    border-bottom: 0;
}

.contact-row > span[b-1kycdgdsfh] {
    color: #858b96;
    font-size: 0.82rem;
}

.contact-row a[b-1kycdgdsfh] {
    color: #333bc1;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
}

.contact-row a:hover[b-1kycdgdsfh] {
    text-decoration: underline;
}

.ico-text[b-1kycdgdsfh] {
    margin-top: 30px !important;
    color: #7a808b !important;
    font-size: 0.88rem !important;
}


/* TABLET */

@media (max-width: 900px) {

    .privacy-hero[b-1kycdgdsfh] {
        padding: 80px 0 75px;
    }

    .privacy-content[b-1kycdgdsfh] {
        padding: 70px 0 90px;
    }

    .policy-layout[b-1kycdgdsfh] {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .policy-sidebar[b-1kycdgdsfh] {
        display: none;
    }

    .policy-body[b-1kycdgdsfh] {
        max-width: 760px;
    }
}


/* MOBILE */

@media (max-width: 560px) {

    .privacy-container[b-1kycdgdsfh] {
        width: calc(100% - 32px);
    }

    .privacy-hero[b-1kycdgdsfh] {
        padding: 65px 0 60px;
    }

    .privacy-hero h1[b-1kycdgdsfh] {
        font-size: 2.8rem;
    }

    .hero-lead[b-1kycdgdsfh] {
        margin-top: 24px;
        font-size: 1rem;
    }

    .privacy-content[b-1kycdgdsfh] {
        padding: 55px 0 70px;
    }

    .policy-section[b-1kycdgdsfh] {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .policy-section h2[b-1kycdgdsfh] {
        margin-bottom: 22px;
    }

    .policy-section p[b-1kycdgdsfh] {
        font-size: 0.94rem;
        line-height: 1.8;
    }

    .info-box[b-1kycdgdsfh],
    .notice-box[b-1kycdgdsfh] {
        padding: 20px;
    }

    .contact-row[b-1kycdgdsfh] {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 18px 20px;
    }
}
/* _content/AiReceptionist/Components/Pages/RealtimeTest.razor.rz.scp.css */
.hero-parallax[b-7kmnnel91v]{

    min-height:100vh;

    background-image:url("/images/cognivox-background.png");

    background-size:cover;

    background-position:center;

    background-attachment:fixed;

    position:relative;

    display:flex;

    align-items:center;

}

.hero-overlay[b-7kmnnel91v]{

    position:absolute;

    inset:0;

    background:linear-gradient(
            rgba(2,8,23,.45),
            rgba(2,8,23,.75));

}

.hero-parallax .container[b-7kmnnel91v]{

    position:relative;

    z-index:2;

}

.glass-card[b-7kmnnel91v]{

    backdrop-filter:blur(18px);

    background:rgba(15,23,42,.55);

    border:1px solid rgba(255,255,255,.12);

    border-radius:24px;

    padding:40px;

    color:white;

    box-shadow:0 30px 80px rgba(0,0,0,.45);

}

.status-bar[b-7kmnnel91v]{

    display:flex;

    justify-content:space-between;

    align-items:center;

    color:white;

}

.conversation-window[b-7kmnnel91v]{

    background:rgba(0,0,0,.25);

    border-radius:16px;

    padding:20px;

    min-height:450px;

    max-height:550px;

    overflow-y:auto;

}

.message[b-7kmnnel91v]{

    padding:15px;

    border-radius:14px;

    margin-bottom:15px;

}

.message.caller[b-7kmnnel91v]{

    background:#1e3a8a;

}

.message.assistant[b-7kmnnel91v]{

    background:#312e81;

}

.message strong[b-7kmnnel91v]{

    display:block;

    margin-bottom:8px;

}

.message p[b-7kmnnel91v]{

    margin:0;

    white-space:pre-wrap;

}

.navbar[b-7kmnnel91v]{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    z-index:10;

    padding-top:25px;

}
/* _content/AiReceptionist/Components/Pages/ReceptionistSetup.razor.rz.scp.css */
/* ============================================================
   RECEPTIONIST SETUP PAGE
   ============================================================ */

.receptionist-setup-page[b-2yiceiumkh] {
    min-height: 100vh;
    background: #f6f8fb;
}


.setup-container[b-2yiceiumkh] {
    max-width: 1000px;
    margin: 0 auto;
}


/* ============================================================
   PROGRESS
   ============================================================ */

.setup-progress-card[b-2yiceiumkh] {
    background: #ffffff;
    border: 1px solid #e8ebef;
    border-radius: 12px;
    padding: 20px;
}


.setup-progress[b-2yiceiumkh] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}


.setup-progress-step[b-2yiceiumkh] {
    flex: 1;
    text-align: center;
    min-width: 0;
}


.progress-circle[b-2yiceiumkh] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin: 0 auto 7px auto;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #e9ecef;
    color: #6c757d;

    font-weight: 700;
}


.progress-circle-active[b-2yiceiumkh] {
    background: #0d6efd;
    color: #ffffff;
}


.progress-circle-complete[b-2yiceiumkh] {
    background: #198754;
    color: #ffffff;
}


.progress-label[b-2yiceiumkh] {
    color: #6c757d;
    font-size: 0.75rem;
    font-weight: 600;
}


.progress-label-active[b-2yiceiumkh] {
    color: #0d6efd;
}


.progress-label-complete[b-2yiceiumkh] {
    color: #198754;
}


/* ============================================================
   STEP NUMBER
   ============================================================ */

.step-number[b-2yiceiumkh] {
    color: #0d6efd;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.05em;
}


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

.template-search-panel[b-2yiceiumkh] {
    padding: 1rem;

    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;

    background: var(--bs-tertiary-bg);
}


.template-search-box .input-group-text[b-2yiceiumkh] {
    background: var(--bs-body-bg);
    border-right: 0;
}


.template-search-box .form-control[b-2yiceiumkh] {
    border-left: 0;
}


.template-search-box .form-control:focus[b-2yiceiumkh] {
    box-shadow: none;
    border-color: var(--bs-border-color);
}


/* ============================================================
   FEATURED / GENERAL BUSINESS
   ============================================================ */

.template-featured[b-2yiceiumkh] {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 1rem;

    padding: 1rem 1.1rem;

    border: 1px solid rgba(var(--bs-primary-rgb), .25);
    border-radius: .75rem;

    background: rgba(var(--bs-primary-rgb), .045);
}


/* ============================================================
   TEMPLATE CATEGORY CARDS
   ============================================================ */

.template-category-card[b-2yiceiumkh] {
    appearance: none;
    -webkit-appearance: none;

    width: 100%;
    min-height: 88px;

    display: flex;
    align-items: center;

    gap: .85rem;

    padding: 1rem;

    text-align: left;
    font-family: inherit;

    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;

    background: var(--bs-body-bg);
    color: var(--bs-body-color);

    cursor: pointer;

    transition:
            border-color .15s ease,
            box-shadow .15s ease,
            transform .15s ease,
            background-color .15s ease;
}


.template-category-card:hover[b-2yiceiumkh] {
    border-color: var(--bs-primary);

    background:
            rgba(var(--bs-primary-rgb), .025);

    box-shadow:
            0 .25rem .85rem rgba(0, 0, 0, .08);

    transform:
            translateY(-1px);
}


.template-category-card:focus[b-2yiceiumkh] {
    outline: none;
}


.template-category-card:focus-visible[b-2yiceiumkh] {
    border-color: var(--bs-primary);

    outline:
            3px solid rgba(var(--bs-primary-rgb), .18);

    outline-offset: 2px;
}


/* ============================================================
   TEMPLATE CATEGORY ICON
   ============================================================ */

.template-category-icon[b-2yiceiumkh] {
    width: 42px;
    height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 42px;

    border-radius: .65rem;

    background:
            rgba(var(--bs-primary-rgb), .09);

    color: var(--bs-primary);

    font-size: 1.15rem;
    font-weight: 700;
}


/* ============================================================
   TEMPLATE CATEGORY CONTENT
   ============================================================ */

.template-category-content[b-2yiceiumkh] {
    min-width: 0;

    display: flex;
    flex-direction: column;

    flex: 1 1 auto;
}


.template-category-name[b-2yiceiumkh] {
    font-weight: 650;
    line-height: 1.25;
}


.template-category-count[b-2yiceiumkh] {
    margin-top: .25rem;

    color: var(--bs-secondary-color);

    font-size: .8rem;
}


.template-category-arrow[b-2yiceiumkh] {
    color: var(--bs-secondary-color);

    font-size: 1.6rem;
    line-height: 1;
}


/* ============================================================
   INDIVIDUAL RECEPTIONIST / TEMPLATE CARDS
   ============================================================ */

.template-card[b-2yiceiumkh] {
    appearance: none;
    -webkit-appearance: none;

    display: block;

    width: 100%;
    height: 100%;
    min-height: 130px;

    padding: 1.15rem 1.25rem;

    border: 1px solid #dee2e6;
    border-radius: .75rem;

    background: #ffffff;
    color: #212529;

    text-align: left;
    font-family: inherit;

    cursor: pointer;

    box-shadow:
            0 .125rem .35rem rgba(0, 0, 0, .035);

    transition:
            border-color .15s ease,
            box-shadow .15s ease,
            transform .15s ease,
            background-color .15s ease;
}


.template-card:hover[b-2yiceiumkh] {
    border-color: #0d6efd;

    background: #fbfdff;

    box-shadow:
            0 .35rem 1rem rgba(0, 0, 0, .08);

    transform:
            translateY(-2px);
}


.template-card:focus[b-2yiceiumkh] {
    outline: none;
}


.template-card:focus-visible[b-2yiceiumkh] {
    border-color: #0d6efd;

    outline:
            3px solid rgba(13, 110, 253, .18);

    outline-offset: 2px;
}


/* ============================================================
   SELECTED TEMPLATE CARD
   ============================================================ */

.template-card-selected[b-2yiceiumkh] {
    border: 2px solid #0d6efd;

    background: #f7fbff;

    box-shadow:
            0 .25rem .85rem rgba(13, 110, 253, .10);
}


.template-card-selected:hover[b-2yiceiumkh] {
    border-color: #0d6efd;

    background: #f2f8ff;

    box-shadow:
            0 .35rem 1rem rgba(13, 110, 253, .14);
}


/* ============================================================
   TEMPLATE NAME
   ============================================================ */

.template-name[b-2yiceiumkh] {
    margin-bottom: .4rem;

    color: #212529;

    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}


/* ============================================================
   TEMPLATE DESCRIPTION
   ============================================================ */

.template-description[b-2yiceiumkh] {
    color: #6c757d;

    font-size: .875rem;
    line-height: 1.5;
}


/* ============================================================
   TEMPLATE CATEGORY BADGE
   ============================================================ */

.template-card-category[b-2yiceiumkh] {
    display: inline-flex;
    align-items: center;

    width: fit-content;

    margin-top: .8rem;
    padding: .25rem .6rem;

    border-radius: 999px;

    background: #f1f3f5;
    color: #6c757d;

    font-size: .72rem;
    font-weight: 600;
    line-height: 1.2;
}


/* ============================================================
   SELECTED TEMPLATE CHECK
   ============================================================ */

.template-selected[b-2yiceiumkh] {
    width: 28px;
    height: 28px;

    flex: 0 0 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #0d6efd;
    color: #ffffff;

    font-size: .85rem;
    font-weight: 800;

    box-shadow:
            0 .125rem .35rem rgba(13, 110, 253, .25);
}


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

.template-empty-state[b-2yiceiumkh] {
    padding: 2rem;

    text-align: center;

    border: 1px dashed var(--bs-border-color);
    border-radius: .75rem;

    background: var(--bs-tertiary-bg);
}


/* ============================================================
   SECTION HELP
   ============================================================ */

.section-help[b-2yiceiumkh] {
    padding: 16px 18px;

    border-radius: 8px;

    background: #f8f9fa;
    color: #495057;

    font-size: 0.9rem;
    line-height: 1.6;
}


/* ============================================================
   GENERATED CONTENT
   ============================================================ */

.generated-content[b-2yiceiumkh] {
    min-height: 320px;
}


/* ============================================================
   COMPLETE
   ============================================================ */

.setup-complete-icon[b-2yiceiumkh] {
    width: 56px;
    height: 56px;

    border-radius: 50%;

    background: #d1e7dd;
    color: #0f5132;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 1.4rem;
    font-weight: 800;
}


/* ============================================================
   REVIEW
   ============================================================ */

.review-item[b-2yiceiumkh] {
    padding: 18px 0;

    border-bottom:
            1px solid #e9ecef;
}


.review-heading[b-2yiceiumkh] {
    color: #212529;

    font-weight: 700;

    margin-bottom: 7px;
}


.review-content[b-2yiceiumkh] {
    color: #495057;

    line-height: 1.65;

    white-space: pre-wrap;
}


/* ============================================================
   TABLET / SMALL SCREEN
   ============================================================ */

@media (max-width: 767.98px) {

    .setup-progress[b-2yiceiumkh] {
        overflow-x: auto;
        justify-content: flex-start;
    }


    .setup-progress-step[b-2yiceiumkh] {
        flex: 0 0 110px;
    }


    .template-card[b-2yiceiumkh] {
        min-height: 115px;
    }

}


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

@media (max-width: 575.98px) {

    .template-featured[b-2yiceiumkh] {
        align-items: stretch;
        flex-direction: column;
    }


    .template-category-card[b-2yiceiumkh] {
        min-height: 78px;
        padding: .9rem;
    }


    .template-card[b-2yiceiumkh] {
        min-height: auto;
        padding: 1rem;
    }


    .template-name[b-2yiceiumkh] {
        font-size: .95rem;
    }


    .template-description[b-2yiceiumkh] {
        font-size: .825rem;
    }

}

/* ============================================================
   WEBSITE SCAN PAGE BLOCKER
   ============================================================ */

.website-scan-blocker[b-2yiceiumkh] {
    position: fixed;
    inset: 0;
    z-index: 2000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background: rgba(246, 248, 251, .88);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.website-scan-blocker-card[b-2yiceiumkh] {
    width: min(520px, 100%);
    padding: 32px;

    text-align: center;

    border: 1px solid #e8ebef;
    border-radius: 14px;

    background: #ffffff;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .14);
}

.website-scan-spinner[b-2yiceiumkh] {
    width: 3rem;
    height: 3rem;
    margin-bottom: 20px;
}

.website-scan-blocker-title[b-2yiceiumkh] {
    margin-bottom: 10px;

    color: #212529;

    font-size: 1.3rem;
    font-weight: 700;
}

.website-scan-blocker-message[b-2yiceiumkh] {
    color: #495057;

    font-size: .95rem;
    line-height: 1.55;
}

.website-scan-blocker-note[b-2yiceiumkh] {
    margin-top: 16px;
    padding-top: 16px;

    border-top: 1px solid #e9ecef;

    color: #6c757d;

    font-size: .82rem;
    line-height: 1.5;
}

@media (max-width: 575.98px) {
    .website-scan-blocker[b-2yiceiumkh] {
        padding: 16px;
    }

    .website-scan-blocker-card[b-2yiceiumkh] {
        padding: 26px 20px;
    }
}
/* _content/AiReceptionist/Components/Pages/Register.razor.rz.scp.css */
.register-page[b-l0ecntttx0] {

    position: relative;

    min-height: 100vh;

    background: url("/images/cognivox-background.png")
    center center / cover no-repeat fixed;

}

.register-overlay[b-l0ecntttx0] {

    position: absolute;

    inset: 0;

    background:
            linear-gradient(
                    rgba(2,8,23,.55),
                    rgba(2,8,23,.80));

}

.hero-panel[b-l0ecntttx0] {

    position: relative;

    z-index: 2;

    color: white;

    max-width: 600px;

    padding: 80px;

}

.hero-panel h1[b-l0ecntttx0] {

    font-size: 5rem;

    font-weight: 800;

}

.hero-panel h2[b-l0ecntttx0] {

    margin-top: 20px;

    color: #93c5fd;

}

.hero-panel p[b-l0ecntttx0] {

    margin-top: 30px;

    font-size: 1.25rem;

    line-height: 1.8;

}

.register-card[b-l0ecntttx0] {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 600px;

    padding: 50px;

    border-radius: 24px;

    background: rgba(255,255,255,.92);

    backdrop-filter: blur(16px);

    box-shadow: 0 25px 60px rgba(0,0,0,.35);

}

.register-card h2[b-l0ecntttx0] {

    font-weight: 700;

}

.register-card .e-control[b-l0ecntttx0] {

    width: 100%;

}

.register-card .btn-primary[b-l0ecntttx0] {

    background: #2563eb;

    border: none;

}

.register-card .btn-primary:hover[b-l0ecntttx0] {

    background: #1d4ed8;

}

.section-title[b-l0ecntttx0] {
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 20px;
}

.account-intro[b-l0ecntttx0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 18px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    color: #334155;
}

.account-intro strong[b-l0ecntttx0] {
    color: #1e293b;
    font-size: 1rem;
}

.account-intro span[b-l0ecntttx0] {
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.5;
}


.hero-features[b-l0ecntttx0] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
}

.hero-features div[b-l0ecntttx0] {
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
    border-radius: 14px;
    padding: 18px;
    color: white;
    font-weight: 600;
}

.workspace-summary[b-l0ecntttx0] {
    margin: 35px 0;
    background: #f8fafc;
    border-radius: 16px;
    padding: 25px;
    border: 1px solid #e2e8f0;
}

.workspace-summary h6[b-l0ecntttx0] {
    font-weight: 700;
    margin-bottom: 15px;
}

.workspace-summary ul[b-l0ecntttx0] {
    margin: 0;
    padding-left: 20px;
}

.workspace-summary li[b-l0ecntttx0] {
    margin-bottom: 8px;
}

.register-footer[b-l0ecntttx0] {
    margin-top: 30px;
    text-align: center;
}

.register-footer a[b-l0ecntttx0] {
    font-weight: 600;
    text-decoration: none;
}

.register-card .e-control[b-l0ecntttx0] {
    width: 100%;
}
@media (max-width: 991.98px) {
    .register-page[b-l0ecntttx0] {
        padding: 32px 16px;
        background-attachment: scroll;
    }

    .register-card[b-l0ecntttx0] {
        max-width: 640px;
        padding: 36px;
    }
}

@media (max-width: 575.98px) {
    .register-page[b-l0ecntttx0] {
        padding: 16px 10px;
    }

    .register-card[b-l0ecntttx0] {
        padding: 26px 20px;
        border-radius: 18px;
    }

    .workspace-summary[b-l0ecntttx0] {
        margin: 28px 0;
        padding: 20px;
    }
}
/* _content/AiReceptionist/Components/Pages/ResetPassword.razor.rz.scp.css */
/* ============================================================
   COGNIVOX RESET PASSWORD
   ============================================================ */

.reset-password-page[b-yogy8bhobh] {
    min-height: calc(100vh - 70px);
    display: flex;
    align-items: center;
    padding: 50px 20px;
    background:
            radial-gradient(
                    circle at top left,
                    rgba(13, 110, 253, 0.10),
                    transparent 38%
            ),
            #f5f7fb;
}


/* ============================================================
   CONTAINER
   ============================================================ */

.reset-password-container[b-yogy8bhobh] {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}


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

.reset-password-card[b-yogy8bhobh] {
    width: 100%;
    box-sizing: border-box;

    background: #ffffff;

    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 18px;

    padding: 42px 40px;

    box-shadow:
            0 18px 45px rgba(0, 0, 0, 0.08);
}


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

.reset-password-header[b-yogy8bhobh] {
    text-align: center;
    margin-bottom: 32px;
}


.reset-password-header h1[b-yogy8bhobh] {
    margin: 0 0 10px;

    font-size: 28px;
    font-weight: 700;

    color: #1f2937;
}


.reset-password-header p[b-yogy8bhobh] {
    max-width: 380px;

    margin: 0 auto;

    font-size: 15px;
    line-height: 1.6;

    color: #6b7280;
}


/* ============================================================
   ICON
   ============================================================ */

.reset-password-icon[b-yogy8bhobh] {
    width: 72px;
    height: 72px;

    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;

    background: #0d6efd;
    color: #ffffff;

    font-size: 30px;

    box-shadow:
            0 10px 25px rgba(13, 110, 253, 0.22);
}


/* ============================================================
   SUCCESS ICON
   ============================================================ */

.reset-password-icon-success[b-yogy8bhobh] {
    background: #198754;

    box-shadow:
            0 10px 25px rgba(25, 135, 84, 0.22);
}


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

.reset-password-icon-error[b-yogy8bhobh] {
    background: #dc3545;

    box-shadow:
            0 10px 25px rgba(220, 53, 69, 0.20);
}


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

.reset-password-page form[b-yogy8bhobh] {
    width: 100%;
}


.reset-password-page .form-label[b-yogy8bhobh] {
    display: block;

    margin-bottom: 7px;

    font-size: 14px;
    font-weight: 600;

    color: #374151;
}


/* ============================================================
   PASSWORD INPUT WRAPPER
   ============================================================ */

.reset-password-page .password-input[b-yogy8bhobh] {
    position: relative;

    width: 100%;
}


/* ============================================================
   INPUT
   ============================================================ */

.reset-password-page .form-control[b-yogy8bhobh] {
    display: block;

    width: 100%;
    max-width: none;

    min-height: 52px;

    box-sizing: border-box;

    padding:
            12px
            48px
            12px
            14px;

    border: 1px solid #d8dee8;
    border-radius: 10px;

    background-color: #ffffff;
    color: #1f2937;

    font-size: 16px;

    box-shadow: none;

    transition:
            border-color 0.15s ease,
            box-shadow 0.15s ease;
}


.reset-password-page .form-control:hover[b-yogy8bhobh] {
    border-color: #b8c0cc;
}


.reset-password-page .form-control:focus[b-yogy8bhobh] {
    border-color: #0d6efd;

    outline: 0;

    box-shadow:
            0 0 0 4px rgba(13, 110, 253, 0.10);
}


/* ============================================================
   SHOW / HIDE PASSWORD BUTTON
   ============================================================ */

.reset-password-page .password-toggle[b-yogy8bhobh] {
    position: absolute;

    top: 50%;
    right: 10px;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    padding: 0;

    border: 0;
    border-radius: 7px;

    background: transparent;
    color: #6b7280;

    cursor: pointer;

    transition:
            background-color 0.15s ease,
            color 0.15s ease;
}


.reset-password-page .password-toggle:hover[b-yogy8bhobh] {
    background: #f3f4f6;
    color: #0d6efd;
}


.reset-password-page .password-toggle:focus[b-yogy8bhobh] {
    outline: none;

    background: #f3f4f6;
    color: #0d6efd;
}


/* ============================================================
   VALIDATION
   ============================================================ */

.reset-password-page .validation-message[b-yogy8bhobh],
.reset-password-page .field-validation-error[b-yogy8bhobh] {
    display: block;

    margin-top: 7px;

    color: #dc3545;

    font-size: 13px;
}


.reset-password-page .validation-summary-errors[b-yogy8bhobh] {
    margin-bottom: 20px;

    color: #dc3545;

    font-size: 13px;
}


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

.reset-password-page .password-requirements[b-yogy8bhobh] {
    margin-bottom: 24px;

    padding: 16px 18px;

    border: 1px solid #e5e7eb;
    border-radius: 10px;

    background: #f8fafc;

    color: #6b7280;

    font-size: 13px;
    line-height: 1.7;
}


.reset-password-page .password-requirements-title[b-yogy8bhobh] {
    margin-bottom: 8px;

    color: #374151;

    font-size: 14px;
    font-weight: 600;
}


.reset-password-page .password-requirements > div:not(
    .password-requirements-title
)[b-yogy8bhobh] {
    display: flex;
    align-items: center;
}


.reset-password-page .password-requirements i[b-yogy8bhobh] {
    width: 16px;

    color: #198754;

    font-size: 11px;
}


/* ============================================================
   PRIMARY BUTTON
   ============================================================ */

.reset-password-page .btn-primary[b-yogy8bhobh] {
    width: 100%;

    min-height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    padding: 12px 18px;

    border: 0;
    border-radius: 10px;

    background: #0d6efd;
    color: #ffffff;

    font-size: 16px;
    font-weight: 600;

    text-decoration: none;

    transition:
            background-color 0.15s ease,
            transform 0.1s ease,
            box-shadow 0.15s ease;
}


.reset-password-page .btn-primary:hover[b-yogy8bhobh] {
    background: #0b5ed7;
    color: #ffffff;

    box-shadow:
            0 8px 20px rgba(13, 110, 253, 0.20);
}


.reset-password-page .btn-primary:active[b-yogy8bhobh] {
    transform: translateY(1px);
}


.reset-password-page .btn-primary:disabled[b-yogy8bhobh] {
    opacity: 0.65;

    cursor: not-allowed;

    box-shadow: none;
}


/* ============================================================
   SUCCESS MESSAGE
   ============================================================ */

.reset-password-page .alert-success[b-yogy8bhobh] {
    margin-bottom: 24px;

    padding: 15px 17px;

    border: 1px solid #badbcc;
    border-radius: 10px;

    background: #d1e7dd;
    color: #0f5132;

    font-size: 14px;
    line-height: 1.5;
}


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

.reset-password-page .alert-danger[b-yogy8bhobh] {
    margin-bottom: 24px;

    padding: 15px 17px;

    border: 1px solid #f5c2c7;
    border-radius: 10px;

    background: #f8d7da;
    color: #842029;

    font-size: 14px;
    line-height: 1.5;
}


/* ============================================================
   BACK TO LOGIN
   ============================================================ */

.reset-password-login-link[b-yogy8bhobh] {
    margin-top: 24px;

    text-align: center;
}


.reset-password-login-link a[b-yogy8bhobh] {
    display: inline-flex;
    align-items: center;

    color: #0d6efd;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none;

    transition: color 0.15s ease;
}


.reset-password-login-link a:hover[b-yogy8bhobh] {
    color: #0a58ca;

    text-decoration: underline;
}


/* ============================================================
   VALIDATING SPINNER
   ============================================================ */

.reset-password-page .spinner-border[b-yogy8bhobh] {
    vertical-align: middle;
}


.reset-password-page .spinner-border-sm[b-yogy8bhobh] {
    width: 1rem;
    height: 1rem;

    border-width: 0.15em;
}


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

@media (max-width: 576px) {

    .reset-password-page[b-yogy8bhobh] {
        min-height: calc(100vh - 60px);

        align-items: flex-start;

        padding: 28px 14px;
    }


    .reset-password-card[b-yogy8bhobh] {
        padding: 32px 22px;

        border-radius: 14px;
    }


    .reset-password-header[b-yogy8bhobh] {
        margin-bottom: 26px;
    }


    .reset-password-icon[b-yogy8bhobh] {
        width: 64px;
        height: 64px;

        margin-bottom: 18px;

        border-radius: 16px;

        font-size: 27px;
    }


    .reset-password-header h1[b-yogy8bhobh] {
        font-size: 24px;
    }


    .reset-password-header p[b-yogy8bhobh] {
        font-size: 14px;
    }


    .reset-password-page .form-control[b-yogy8bhobh] {
        min-height: 50px;

        font-size: 16px;
    }


    .reset-password-page .btn-primary[b-yogy8bhobh] {
        min-height: 50px;
    }


    .reset-password-page .password-requirements[b-yogy8bhobh] {
        padding: 14px 16px;
    }
}
/* _content/AiReceptionist/Components/Pages/Search.razor.rz.scp.css */
/* ============================================================
   SEARCH PAGE
   ============================================================ */

.search-page[b-xdyd7e3c75] {
    min-height: calc(100vh - 70px);
    background: #f8fafc;
}


/* ============================================================
   CONTAINER
   ============================================================ */

.search-container[b-xdyd7e3c75] {
    width: min(1100px, calc(100% - 40px));
    margin: 0 auto;
}


/* ============================================================
   HERO
   ============================================================ */

.search-hero[b-xdyd7e3c75] {
    position: relative;
    overflow: hidden;

    padding: 72px 0 88px;

    background:
            radial-gradient(
                    circle at 75% 20%,
                    rgba(37, 99, 235, 0.22),
                    transparent 38%
            ),
            linear-gradient(
                    135deg,
                    #020817 0%,
                    #07152f 55%,
                    #0b1d3c 100%
            );
}


.search-hero[b-xdyd7e3c75]::after {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    right: -180px;
    top: -200px;

    border-radius: 50%;

    background: rgba(37, 99, 235, 0.08);

    pointer-events: none;
}


.search-hero-content[b-xdyd7e3c75] {
    position: relative;
    z-index: 2;

    max-width: 850px;

    margin: 0 auto;

    text-align: center;
}


.search-eyebrow[b-xdyd7e3c75] {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 18px;

    padding: 7px 13px;

    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 999px;

    background: rgba(37, 99, 235, 0.12);

    color: #93c5fd;

    font-size: 0.75rem;
    font-weight: 700;

    letter-spacing: 0.12em;
}


.search-hero h1[b-xdyd7e3c75] {
    margin: 0 0 14px;

    color: #ffffff;

    font-size: clamp(2.3rem, 5vw, 3.5rem);
    font-weight: 750;

    letter-spacing: -0.035em;
}


.search-hero p[b-xdyd7e3c75] {
    max-width: 650px;

    margin: 0 auto;

    color: #cbd5e1;

    font-size: 1.1rem;
    line-height: 1.7;
}


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

.search-form[b-xdyd7e3c75] {
    max-width: 800px;

    margin: 38px auto 0;
}


.search-input-wrapper[b-xdyd7e3c75] {
    display: flex;
    align-items: center;

    position: relative;

    min-height: 66px;

    padding: 6px;

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
            0 18px 50px rgba(0, 0, 0, 0.24);
}


.search-input-icon[b-xdyd7e3c75] {
    position: absolute;

    left: 24px;

    color: #64748b;

    font-size: 1.1rem;

    pointer-events: none;
}


.search-input[b-xdyd7e3c75] {
    flex: 1;

    width: 100%;
    min-width: 0;

    padding: 14px 18px 14px 52px;

    border: 0;
    outline: 0;

    background: transparent;

    color: #0f172a;

    font-size: 1.05rem;
}


.search-input[b-xdyd7e3c75]::placeholder {
    color: #94a3b8;
}


.search-button[b-xdyd7e3c75] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-width: 130px;

    padding: 14px 22px;

    border: 0;
    border-radius: 10px;

    background: #2563eb;

    color: #ffffff;

    font-size: 1rem;
    font-weight: 650;

    transition:
            background 0.2s ease,
            transform 0.2s ease,
            box-shadow 0.2s ease;
}


.search-button:hover:not(:disabled)[b-xdyd7e3c75] {
    background: #1d4ed8;

    transform: translateY(-1px);

    box-shadow:
            0 8px 20px rgba(37, 99, 235, 0.3);
}


.search-button:disabled[b-xdyd7e3c75] {
    cursor: default;
    opacity: 0.7;
}


/* ============================================================
   RESULTS SECTION
   ============================================================ */

.search-results-section[b-xdyd7e3c75] {
    padding: 54px 0 80px;
}


/* ============================================================
   RESULTS HEADER
   ============================================================ */

.results-header[b-xdyd7e3c75] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;

    margin-bottom: 25px;
}


.results-label[b-xdyd7e3c75] {
    display: block;

    margin-bottom: 7px;

    color: #2563eb;

    font-size: 0.73rem;
    font-weight: 750;

    letter-spacing: 0.12em;
}


.results-header h2[b-xdyd7e3c75] {
    margin: 0;

    color: #0f172a;

    font-size: 1.65rem;
    font-weight: 700;

    letter-spacing: -0.025em;
}


.results-header h2 span[b-xdyd7e3c75] {
    color: #475569;
    font-weight: 500;
}


.results-count[b-xdyd7e3c75] {
    flex-shrink: 0;

    padding: 9px 15px;

    border: 1px solid #dbe3ef;
    border-radius: 999px;

    background: #ffffff;

    color: #0f172a;

    font-size: 0.9rem;
    font-weight: 700;

    box-shadow:
            0 2px 8px rgba(15, 23, 42, 0.04);
}


.results-count span[b-xdyd7e3c75] {
    color: #64748b;
    font-weight: 500;
}


/* ============================================================
   RESULT LIST
   ============================================================ */

.results-list[b-xdyd7e3c75] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}


/* ============================================================
   RESULT CARD
   ============================================================ */

.search-result-card[b-xdyd7e3c75] {
    position: relative;

    margin: 0;

    padding: 25px 27px;

    border: 1px solid #e2e8f0;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
            0 3px 12px rgba(15, 23, 42, 0.035);

    transition:
            border-color 0.2s ease,
            transform 0.2s ease,
            box-shadow 0.2s ease;
}


.search-result-card:hover[b-xdyd7e3c75] {
    transform: translateY(-2px);

    border-color: #bfdbfe;

    box-shadow:
            0 12px 30px rgba(15, 23, 42, 0.08);
}


.result-content[b-xdyd7e3c75] {
    max-width: 900px;
}


/* ============================================================
   RESULT ROUTE
   ============================================================ */

.result-route[b-xdyd7e3c75] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;

    margin-bottom: 10px;

    color: #64748b;

    font-size: 0.78rem;
    font-weight: 600;
}


.result-route i[b-xdyd7e3c75] {
    color: #2563eb;
}


.result-route > span:first-of-type[b-xdyd7e3c75] {
    color: #2563eb;
}


.route-divider[b-xdyd7e3c75] {
    color: #cbd5e1;
}


.route-path[b-xdyd7e3c75] {
    color: #94a3b8;

    font-weight: 500;
}


/* ============================================================
   RESULT TITLE
   ============================================================ */

.result-title[b-xdyd7e3c75] {
    display: inline-block;

    margin-bottom: 9px;

    color: #0f172a;

    font-size: 1.28rem;
    font-weight: 700;

    line-height: 1.35;

    text-decoration: none;

    transition: color 0.2s ease;
}


.result-title:hover[b-xdyd7e3c75] {
    color: #2563eb;
}


/* ============================================================
   RESULT DESCRIPTION
   ============================================================ */

.result-description[b-xdyd7e3c75] {
    max-width: 850px;

    margin: 0 0 13px;

    color: #475569;

    font-size: 0.96rem;
    line-height: 1.65;
}


/* ============================================================
   RESULT LINK
   ============================================================ */

.result-link[b-xdyd7e3c75] {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #2563eb;

    font-size: 0.88rem;
    font-weight: 650;

    text-decoration: none;
}


.result-link i[b-xdyd7e3c75] {
    font-size: 0.75rem;

    transition: transform 0.2s ease;
}


.result-link:hover i[b-xdyd7e3c75] {
    transform: translateX(3px);
}


/* ============================================================
   INITIAL STATE
   ============================================================ */

.search-intro[b-xdyd7e3c75] {
    max-width: 600px;

    margin: 30px auto;

    text-align: center;
}


.search-intro-icon[b-xdyd7e3c75],
.search-empty-icon[b-xdyd7e3c75] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 62px;
    height: 62px;

    margin: 0 auto 18px;

    border-radius: 16px;

    background: #eff6ff;

    color: #2563eb;

    font-size: 1.35rem;
}


.search-intro h2[b-xdyd7e3c75],
.search-empty h2[b-xdyd7e3c75] {
    margin-bottom: 9px;

    color: #0f172a;

    font-size: 1.45rem;
    font-weight: 700;
}


.search-intro p[b-xdyd7e3c75],
.search-empty p[b-xdyd7e3c75] {
    color: #64748b;

    line-height: 1.65;
}


/* ============================================================
   EMPTY RESULTS
   ============================================================ */

.search-empty[b-xdyd7e3c75] {
    max-width: 620px;

    margin: 30px auto;

    padding: 45px 30px;

    border: 1px solid #e2e8f0;
    border-radius: 16px;

    background: #ffffff;

    text-align: center;
}


.search-empty-hint[b-xdyd7e3c75] {
    margin-bottom: 0;

    font-size: 0.9rem;
}


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

.search-loading[b-xdyd7e3c75] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    min-height: 180px;

    color: #475569;

    font-weight: 600;
}


.search-loading .spinner-border[b-xdyd7e3c75] {
    width: 1.5rem;
    height: 1.5rem;

    color: #2563eb;
}


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

.search-message[b-xdyd7e3c75] {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    margin-bottom: 25px;

    padding: 18px 20px;

    border-radius: 12px;
}


.search-error[b-xdyd7e3c75] {
    border: 1px solid #fecaca;

    background: #fef2f2;

    color: #991b1b;
}


.search-message-icon[b-xdyd7e3c75] {
    padding-top: 2px;

    font-size: 1.15rem;
}


.search-message strong[b-xdyd7e3c75] {
    display: block;

    margin-bottom: 3px;
}


.search-message p[b-xdyd7e3c75] {
    margin: 0;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 768px) {

    .search-container[b-xdyd7e3c75] {
        width: min(100% - 28px, 1100px);
    }


    .search-hero[b-xdyd7e3c75] {
        padding: 52px 0 62px;
    }


    .search-hero h1[b-xdyd7e3c75] {
        font-size: 2.3rem;
    }


    .search-hero p[b-xdyd7e3c75] {
        font-size: 1rem;
    }


    .search-input-wrapper[b-xdyd7e3c75] {
        display: block;

        padding: 6px;
    }


    .search-input-icon[b-xdyd7e3c75] {
        top: 24px;
    }


    .search-input[b-xdyd7e3c75] {
        min-height: 54px;

        padding-right: 15px;
    }


    .search-button[b-xdyd7e3c75] {
        width: 100%;

        margin-top: 4px;
    }


    .search-results-section[b-xdyd7e3c75] {
        padding: 38px 0 60px;
    }


    .results-header[b-xdyd7e3c75] {
        align-items: flex-start;
        flex-direction: column;

        gap: 14px;
    }


    .search-result-card[b-xdyd7e3c75] {
        padding: 21px;
    }


    .route-path[b-xdyd7e3c75] {
        width: 100%;

        margin-top: 2px;
    }

}


@media (max-width: 480px) {

    .search-container[b-xdyd7e3c75] {
        width: min(100% - 20px, 1100px);
    }


    .search-hero[b-xdyd7e3c75] {
        padding: 42px 0 52px;
    }


    .search-hero h1[b-xdyd7e3c75] {
        font-size: 2rem;
    }


    .search-eyebrow[b-xdyd7e3c75] {
        font-size: 0.68rem;
    }


    .result-title[b-xdyd7e3c75] {
        font-size: 1.15rem;
    }


    .search-result-card[b-xdyd7e3c75] {
        padding: 18px;
    }

}

.result-description[b-xdyd7e3c75]  .search-highlight {
    background: rgba(37, 99, 235, 0.14);
    color: #1d4ed8;
    font-weight: 700;
    padding: 1px 3px;
    border-radius: 4px;
}
/* _content/AiReceptionist/Components/Pages/SoftPhone/SoftPhone.razor.rz.scp.css */
.softphone-page[b-li1retr7rc] {
    min-height: calc(100vh - 70px);
    padding: 32px 16px 48px;
    background:
            radial-gradient(circle at top, rgba(37, 99, 235, 0.08), transparent 36rem),
            #f7f9fc;
}

.softphone-shell[b-li1retr7rc] {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
}

.softphone-header[b-li1retr7rc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.softphone-eyebrow[b-li1retr7rc] {
    margin-bottom: 2px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    color: #64748b;
}

.softphone-header h1[b-li1retr7rc] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 800;
    color: #172033;
}

.softphone-status[b-li1retr7rc] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
    padding: 7px 11px;
    border: 1px solid #dbe2ea;
    border-radius: 999px;
    background: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
}

.status-dot[b-li1retr7rc] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
}

.softphone-status.connecting .status-dot[b-li1retr7rc] {
    background: #f59e0b;
}

.softphone-status.connected .status-dot[b-li1retr7rc] {
    background: #22c55e;
}

.softphone-card[b-li1retr7rc] {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 28px;
    background: #fff;
    box-shadow:
            0 24px 60px rgba(15, 23, 42, 0.08),
            0 3px 12px rgba(15, 23, 42, 0.04);
}

.number-panel[b-li1retr7rc] {
    position: relative;
    min-height: 126px;
    padding: 27px 54px 22px;
    text-align: center;
    border-bottom: 1px solid #edf1f5;
}

.number-label[b-li1retr7rc] {
    margin-bottom: 10px;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #94a3b8;
}

.number-display[b-li1retr7rc] {
    min-height: 39px;
    overflow-wrap: anywhere;
    font-size: clamp(1.35rem, 6vw, 1.9rem);
    line-height: 1.25;
    font-weight: 700;
    color: #172033;
}

.number-display:only-child[b-li1retr7rc] {
    color: #94a3b8;
}

.number-input[b-li1retr7rc] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    text-align: center;
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none;
}

.number-input[b-li1retr7rc]::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.number-input:disabled[b-li1retr7rc] {
    opacity: 1;
    -webkit-text-fill-color: #172033;
}

.backspace-button[b-li1retr7rc] {
    position: absolute;
    top: 64px;
    right: 18px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    font-size: 1.35rem;
    color: #64748b;
}

.backspace-button:hover[b-li1retr7rc] {
    background: #f1f5f9;
}

.active-call-panel[b-li1retr7rc] {
    padding: 18px 24px 4px;
    text-align: center;
}

.active-call-caption[b-li1retr7rc] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #2563eb;
}

.active-call-number[b-li1retr7rc] {
    margin-top: 4px;
    font-size: 1.15rem;
    font-weight: 700;
    color: #172033;
}

.call-duration[b-li1retr7rc] {
    margin-top: 5px;
    font-variant-numeric: tabular-nums;
    color: #64748b;
}

.keypad[b-li1retr7rc] {
    display: grid;
    grid-template-columns: repeat(3, 78px);
    justify-content: center;
    gap: 14px 20px;
    padding: 28px 22px 24px;
}

.keypad-key[b-li1retr7rc] {
    width: 78px;
    height: 78px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    background: #f8fafc;
    color: #172033;
    transition:
            transform 100ms ease,
            background 100ms ease,
            border-color 100ms ease;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.keypad-key:hover:not(:disabled)[b-li1retr7rc] {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.keypad-key:active:not(:disabled)[b-li1retr7rc] {
    transform: scale(0.94);
}

.keypad-key:disabled[b-li1retr7rc] {
    opacity: 0.45;
}

.key-main[b-li1retr7rc] {
    font-size: 1.65rem;
    line-height: 1;
    font-weight: 600;
}

.key-letters[b-li1retr7rc] {
    min-height: 12px;
    margin-top: 5px;
    font-size: 0.58rem;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.12em;
    color: #64748b;
}

.call-actions[b-li1retr7rc] {
    min-height: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    padding: 8px 24px 26px;
}

.call-button[b-li1retr7rc],
.hangup-button[b-li1retr7rc],
.secondary-action[b-li1retr7rc] {
    border: 0;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.call-button[b-li1retr7rc],
.hangup-button[b-li1retr7rc] {
    width: 78px;
    height: 78px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border-radius: 50%;
    color: #fff;
    font-size: 0.69rem;
    font-weight: 700;
}

.call-button[b-li1retr7rc] {
    background: #16a34a;
    box-shadow: 0 10px 24px rgba(22, 163, 74, 0.24);
}

.call-button:disabled[b-li1retr7rc] {
    opacity: 0.4;
    box-shadow: none;
}

.hangup-button[b-li1retr7rc] {
    background: #dc2626;
    box-shadow: 0 10px 24px rgba(220, 38, 38, 0.22);
}

.hangup-button .action-icon[b-li1retr7rc] {
    transform: rotate(135deg);
}

.secondary-action[b-li1retr7rc] {
    width: 68px;
    height: 68px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border-radius: 50%;
    background: #f1f5f9;
    color: #334155;
    font-size: 0.65rem;
    font-weight: 700;
}

.secondary-action.active[b-li1retr7rc] {
    background: #dbeafe;
    color: #1d4ed8;
}

.secondary-action:disabled[b-li1retr7rc] {
    opacity: 0.4;
}

.action-icon[b-li1retr7rc] {
    font-size: 1.35rem;
    line-height: 1;
}

.softphone-footer[b-li1retr7rc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #edf1f5;
    background: #fbfcfe;
}

.footer-item[b-li1retr7rc] {
    min-height: 67px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-size: 0.67rem;
    font-weight: 700;
    color: #2563eb;
}

.footer-item.disabled[b-li1retr7rc] {
    color: #a0aec0;
}

.footer-icon[b-li1retr7rc] {
    font-size: 1.1rem;
}

.development-note[b-li1retr7rc] {
    margin-top: 15px;
    text-align: center;
    font-size: 0.75rem;
    color: #94a3b8;
}

@media (max-width: 480px) {
    .softphone-page[b-li1retr7rc] {
        min-height: 100dvh;
        padding: 14px 10px 24px;
    }

    .softphone-header[b-li1retr7rc] {
        padding: 0 5px;
        margin-bottom: 12px;
    }

    .softphone-header h1[b-li1retr7rc] {
        font-size: 1.45rem;
    }

    .softphone-card[b-li1retr7rc] {
        border-radius: 24px;
    }

    .keypad[b-li1retr7rc] {
        grid-template-columns: repeat(3, 72px);
        gap: 11px 18px;
        padding-top: 22px;
    }

    .keypad-key[b-li1retr7rc] {
        width: 72px;
        height: 72px;
    }
}

@media (max-width: 340px) {
    .keypad[b-li1retr7rc] {
        grid-template-columns: repeat(3, 66px);
        gap: 10px 13px;
    }

    .keypad-key[b-li1retr7rc] {
        width: 66px;
        height: 66px;
    }

    .number-panel[b-li1retr7rc] {
        padding-left: 45px;
        padding-right: 45px;
    }
}
/* _content/AiReceptionist/Components/Pages/Support.razor.rz.scp.css */
/* ============================================================
   SUPPORT PAGE
   ============================================================ */

.support-page[b-4ii630cl48] {
    min-height: calc(100vh - 80px);
    padding: 70px 0 110px;
    background:
            radial-gradient(
                    circle at top right,
                    rgba(13, 110, 253, 0.08),
                    transparent 32%
            ),
            linear-gradient(
                    180deg,
                    #f8fafc 0%,
                    #ffffff 45%,
                    #f8fafc 100%
            );
}


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

.support-header[b-4ii630cl48] {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

.support-header .badge[b-4ii630cl48] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.support-header h1[b-4ii630cl48] {
    margin: 4px 0 14px;
    font-size: clamp(2.25rem, 5vw, 3.4rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.04em;
    color: #0f172a;
}

.support-header p[b-4ii630cl48] {
    max-width: 650px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.7;
    color: #64748b;
}


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

.support-card[b-4ii630cl48] {
    position: relative;
    padding: 32px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    box-shadow:
            0 1px 2px rgba(15, 23, 42, 0.03),
            0 12px 35px rgba(15, 23, 42, 0.06);
    transition:
            border-color 0.2s ease,
            box-shadow 0.2s ease,
            transform 0.2s ease;
}

.support-card:hover[b-4ii630cl48] {
    border-color: #d7e2f0;
    box-shadow:
            0 2px 4px rgba(15, 23, 42, 0.04),
            0 18px 45px rgba(15, 23, 42, 0.08);
}

.support-card h2[b-4ii630cl48] {
    margin: 0 0 6px;
    font-size: 1.45rem;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: #0f172a;
}

.support-card p[b-4ii630cl48] {
    line-height: 1.6;
}


/* ============================================================
   DIVIDER
   ============================================================ */

.support-card hr[b-4ii630cl48] {
    border: 0;
    border-top: 1px solid #e2e8f0;
    opacity: 1;
}


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

.form-label[b-4ii630cl48] {
    margin-bottom: 8px;
    font-size: 0.9rem;
    font-weight: 650;
    color: #334155;
}

.form-control[b-4ii630cl48],
.form-select[b-4ii630cl48] {
    min-height: 50px;
    padding: 11px 14px;
    font-size: 0.95rem;
    color: #0f172a;
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    box-shadow: none;
    transition:
            border-color 0.15s ease,
            box-shadow 0.15s ease;
}

.form-control[b-4ii630cl48]::placeholder {
    color: #94a3b8;
}

.form-control:hover[b-4ii630cl48],
.form-select:hover[b-4ii630cl48] {
    border-color: #94a3b8;
}

.form-control:focus[b-4ii630cl48],
.form-select:focus[b-4ii630cl48] {
    color: #0f172a;
    background-color: #ffffff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow:
            0 0 0 4px rgba(13, 110, 253, 0.12);
}

textarea.form-control[b-4ii630cl48] {
    min-height: 175px;
    padding-top: 14px;
    line-height: 1.6;
    resize: vertical;
}


/* ============================================================
   BUTTONS
   ============================================================ */

.support-card .btn[b-4ii630cl48] {
    min-height: 46px;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 0.92rem;
    font-weight: 650;
    transition:
            transform 0.15s ease,
            box-shadow 0.15s ease,
            background-color 0.15s ease;
}

.support-card .btn-primary[b-4ii630cl48] {
    box-shadow:
            0 6px 16px rgba(13, 110, 253, 0.18);
}

.support-card .btn-primary:hover:not(:disabled)[b-4ii630cl48] {
    transform: translateY(-1px);
    box-shadow:
            0 9px 22px rgba(13, 110, 253, 0.25);
}

.support-card .btn-outline-secondary[b-4ii630cl48] {
    border-color: #cbd5e1;
    color: #475569;
}

.support-card .btn-outline-secondary:hover:not(:disabled)[b-4ii630cl48] {
    color: #0f172a;
    background: #f1f5f9;
    border-color: #94a3b8;
}

.support-card .btn:disabled[b-4ii630cl48] {
    cursor: not-allowed;
    opacity: 0.65;
}


/* ============================================================
   ALERTS
   ============================================================ */

.alert[b-4ii630cl48] {
    padding: 18px 20px;
    border-radius: 12px;
    border-width: 1px;
}

.alert-success[b-4ii630cl48] {
    color: #166534;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.alert-success .alert-heading[b-4ii630cl48] {
    margin-bottom: 7px;
    font-weight: 700;
    color: #166534;
}

.alert-danger[b-4ii630cl48] {
    color: #991b1b;
    background: #fef2f2;
    border-color: #fecaca;
}


/* ============================================================
   EMPTY TICKETS
   ============================================================ */

.empty-tickets[b-4ii630cl48] {
    margin-top: 22px;
    padding: 50px 25px;
    text-align: center;
    background:
            linear-gradient(
                    180deg,
                    #fafcff 0%,
                    #f8fafc 100%
            );
    border: 1px dashed #cbd5e1;
    border-radius: 14px;
}

.empty-tickets[b-4ii630cl48]::before {
    content: "?";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin: 0 auto 16px;
    font-size: 1.35rem;
    font-weight: 750;
    color: #0d6efd;
    background: #eff6ff;
    border: 1px solid #dbeafe;
    border-radius: 50%;
}

.empty-tickets h5[b-4ii630cl48] {
    margin-bottom: 7px;
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
}

.empty-tickets p[b-4ii630cl48] {
    font-size: 0.93rem;
}


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

.table-responsive[b-4ii630cl48] {
    margin-top: 20px;
    border: 1px solid #e2e8f0;
    border-radius: 13px;
    overflow: hidden;
}

.table[b-4ii630cl48] {
    margin-bottom: 0;
    vertical-align: middle;
}

.table thead[b-4ii630cl48] {
    background: #f8fafc;
}

.table th[b-4ii630cl48] {
    padding: 13px 16px;
    font-size: 0.73rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.055em;
    color: #64748b;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    white-space: nowrap;
}

.table td[b-4ii630cl48] {
    padding: 17px 16px;
    font-size: 0.91rem;
    color: #475569;
    background: #ffffff;
    border-color: #edf2f7;
}

.table tbody tr:last-child td[b-4ii630cl48] {
    border-bottom: 0;
}

.table tbody tr[b-4ii630cl48] {
    transition: background-color 0.15s ease;
}

.table tbody tr:hover td[b-4ii630cl48] {
    background: #f8fbff;
}

.table td strong[b-4ii630cl48] {
    font-weight: 700;
    color: #0f172a;
}


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

.table .badge[b-4ii630cl48] {
    padding: 7px 10px;
    font-size: 0.72rem;
    font-weight: 650;
    border-radius: 20px;
}


/* ============================================================
   SPINNER
   ============================================================ */

.spinner-border[b-4ii630cl48] {
    width: 2rem;
    height: 2rem;
}

.spinner-border-sm[b-4ii630cl48] {
    width: 1rem;
    height: 1rem;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 767.98px) {

    .support-page[b-4ii630cl48] {
        padding: 45px 0 75px;
    }

    .support-header[b-4ii630cl48] {
        margin-bottom: 30px;
        text-align: left;
    }

    .support-header h1[b-4ii630cl48] {
        font-size: 2.25rem;
    }

    .support-header p[b-4ii630cl48] {
        font-size: 1rem;
    }

    .support-card[b-4ii630cl48] {
        padding: 22px;
        border-radius: 16px;
    }

    .support-card h2[b-4ii630cl48] {
        font-size: 1.25rem;
    }

    .support-card .d-flex.gap-2[b-4ii630cl48] {
        flex-direction: column;
    }

    .support-card .d-flex.gap-2 .btn[b-4ii630cl48] {
        width: 100%;
    }

    .table th[b-4ii630cl48],
    .table td[b-4ii630cl48] {
        padding: 13px;
    }
}


/* ============================================================
   VERY SMALL SCREENS
   ============================================================ */

@media (max-width: 480px) {

    .support-page[b-4ii630cl48] {
        padding-top: 32px;
    }

    .support-card[b-4ii630cl48] {
        padding: 18px;
        border-radius: 14px;
    }

    .support-header h1[b-4ii630cl48] {
        font-size: 2rem;
    }

    .support-card > .d-flex:first-child[b-4ii630cl48] {
        align-items: stretch !important;
    }

    .support-card > .d-flex:first-child .btn[b-4ii630cl48] {
        width: 100%;
    }
}
/* _content/AiReceptionist/Components/Pages/SupportTicket.razor.rz.scp.css */
.support-ticket-page[b-bovzyy4s0c] {
    min-height: 100vh;
    background: #f7f9fc;
}

.ticket-number[b-bovzyy4s0c] {
    display: inline-block;
    font-family: monospace;
    font-size: 0.95rem;
    font-weight: 600;
    color: #52606d;
    background: #eef2f7;
    border-radius: 6px;
    padding: 5px 10px;
}

.ticket-label[b-bovzyy4s0c] {
    color: #6c757d;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 4px;
}

.ticket-value[b-bovzyy4s0c] {
    font-weight: 600;
    color: #212529;
}

.ticket-message[b-bovzyy4s0c] {
    white-space: pre-wrap;
    line-height: 1.7;
    color: #343a40;
}

.support-reply[b-bovzyy4s0c] {
    border-left: 4px solid #0d6efd !important;
}

.customer-reply[b-bovzyy4s0c] {
    border-left: 4px solid #adb5bd !important;
}

.support-badge[b-bovzyy4s0c] {
    display: inline-block;
    margin-top: 6px;
    padding: 3px 8px;
    border-radius: 20px;
    background: #e7f1ff;
    color: #0d6efd;
    font-size: 0.72rem;
    font-weight: 700;
}

.conversation-heading[b-bovzyy4s0c] {
    padding-top: 8px;
}

textarea.form-control[b-bovzyy4s0c] {
    resize: vertical;
    min-height: 140px;
}
/* _content/AiReceptionist/Components/Pages/Terms.razor.rz.scp.css */
.terms-page[b-8btrj8i423] {
    background: #ffffff;
    color: #111318;
}

.terms-container[b-8btrj8i423] {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


/* HERO */

.terms-hero[b-8btrj8i423] {
    padding: 100px 0 90px;
    background:
            radial-gradient(
                    circle at 80% 20%,
                    rgba(79, 99, 255, 0.14),
                    transparent 38%
            ),
            #0b0d12;
    color: #ffffff;
}

.eyebrow[b-8btrj8i423] {
    display: inline-block;
    margin-bottom: 22px;
    color: #737ff5;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.13em;
}

.terms-hero h1[b-8btrj8i423] {
    margin: 0;
    font-size: clamp(3rem, 6vw, 5rem);
    font-weight: 650;
    line-height: 1;
    letter-spacing: -0.055em;
}

.hero-lead[b-8btrj8i423] {
    max-width: 720px;
    margin: 30px 0 0;
    color: #c7cbd3;
    font-size: 1.15rem;
    line-height: 1.75;
}

.policy-meta[b-8btrj8i423] {
    margin-top: 32px;
    color: #7f8794;
    font-size: 0.82rem;
}


/* LAYOUT */

.terms-content[b-8btrj8i423] {
    padding: 90px 0 120px;
}

.terms-layout[b-8btrj8i423] {
    display: grid;
    grid-template-columns: 220px minmax(0, 760px);
    justify-content: space-between;
    gap: 100px;
}


/* SIDEBAR */

.terms-sidebar[b-8btrj8i423] {
    position: relative;
}

.sidebar-inner[b-8btrj8i423] {
    position: sticky;
    top: 100px;
}

.sidebar-title[b-8btrj8i423] {
    display: block;
    margin-bottom: 20px;
    color: #949aa5;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.terms-sidebar nav[b-8btrj8i423] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

.terms-sidebar nav button[b-8btrj8i423] {
    width: 100%;
    margin: 0;
    padding: 5px 0;
    background: none;
    border: 0;
    color: #6d7380;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
    transition: color 0.2s ease;
}

.terms-sidebar nav button:hover[b-8btrj8i423] {
    color: #111318;
}

.terms-sidebar nav button:focus-visible[b-8btrj8i423] {
    color: #111318;
    outline: 2px solid #737ff5;
    outline-offset: 3px;
    border-radius: 2px;
}


/* TERMS SECTIONS */

.terms-section[b-8btrj8i423] {
    scroll-margin-top: 100px;
    padding: 0 0 70px;
    margin-bottom: 70px;
    border-bottom: 1px solid #e7e9ed;
}

.terms-section:last-child[b-8btrj8i423] {
    margin-bottom: 0;
    border-bottom: 0;
}

.section-number[b-8btrj8i423] {
    display: block;
    margin-bottom: 14px;
    color: #737ff5;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.terms-section h2[b-8btrj8i423] {
    margin: 0 0 28px;
    color: #14171d;
    font-size: clamp(1.7rem, 3vw, 2.25rem);
    font-weight: 650;
    line-height: 1.15;
    letter-spacing: -0.035em;
}

.terms-section h3[b-8btrj8i423] {
    margin: 38px 0 15px;
    color: #242832;
    font-size: 1.08rem;
    font-weight: 650;
}

.terms-section p[b-8btrj8i423] {
    margin: 0 0 20px;
    color: #626874;
    font-size: 0.97rem;
    line-height: 1.85;
}

.terms-section strong[b-8btrj8i423] {
    color: #282c35;
}


/* LISTS */

.terms-section ul[b-8btrj8i423] {
    margin: 10px 0 28px;
    padding-left: 22px;
}

.terms-section li[b-8btrj8i423] {
    margin-bottom: 10px;
    padding-left: 5px;
    color: #626874;
    font-size: 0.95rem;
    line-height: 1.7;
}

.terms-section li[b-8btrj8i423]::marker {
    color: #737ff5;
}


/* NOTICE */

.notice-box[b-8btrj8i423] {
    margin-top: 32px;
    padding: 25px 28px;
    background: #f7f7fb;
    border-left: 3px solid #737ff5;
    border-radius: 0 8px 8px 0;
}

.notice-box strong[b-8btrj8i423] {
    display: block;
    margin-bottom: 10px;
    color: #222630;
    font-size: 0.95rem;
}

.notice-box p[b-8btrj8i423] {
    margin: 0;
    font-size: 0.9rem;
}


/* INTERNAL LINKS */

.terms-link[b-8btrj8i423] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    color: #3f49c8;
    font-size: 0.92rem;
    font-weight: 600;
    text-decoration: none;
}

.terms-link:hover[b-8btrj8i423] {
    text-decoration: underline;
}


/* CONTACT */

.contact-card[b-8btrj8i423] {
    margin: 35px 0;
    border: 1px solid #e1e4e8;
    border-radius: 12px;
    overflow: hidden;
}

.contact-row[b-8btrj8i423] {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 20px;
    padding: 20px 24px;
    border-bottom: 1px solid #e8eaed;
}

.contact-row:last-child[b-8btrj8i423] {
    border-bottom: 0;
}

.contact-row > span[b-8btrj8i423] {
    color: #858b96;
    font-size: 0.82rem;
}

.contact-row a[b-8btrj8i423] {
    color: #333bc1;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
}

.contact-row a:hover[b-8btrj8i423] {
    text-decoration: underline;
}


/* TABLET */

@media (max-width: 900px) {

    .terms-hero[b-8btrj8i423] {
        padding: 80px 0 75px;
    }

    .terms-content[b-8btrj8i423] {
        padding: 70px 0 90px;
    }

    .terms-layout[b-8btrj8i423] {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .terms-sidebar[b-8btrj8i423] {
        display: none;
    }

    .terms-body[b-8btrj8i423] {
        max-width: 760px;
    }
}


/* MOBILE */

@media (max-width: 560px) {

    .terms-container[b-8btrj8i423] {
        width: calc(100% - 32px);
    }

    .terms-hero[b-8btrj8i423] {
        padding: 65px 0 60px;
    }

    .terms-hero h1[b-8btrj8i423] {
        font-size: 2.8rem;
    }

    .hero-lead[b-8btrj8i423] {
        margin-top: 24px;
        font-size: 1rem;
    }

    .terms-content[b-8btrj8i423] {
        padding: 55px 0 70px;
    }

    .terms-section[b-8btrj8i423] {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .terms-section h2[b-8btrj8i423] {
        margin-bottom: 22px;
    }

    .terms-section p[b-8btrj8i423] {
        font-size: 0.94rem;
        line-height: 1.8;
    }

    .notice-box[b-8btrj8i423] {
        padding: 20px;
    }

    .contact-row[b-8btrj8i423] {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 18px 20px;
    }
}
/* _content/AiReceptionist/Components/Pages/TopUp.razor.rz.scp.css */
/* _content/AiReceptionist/Components/Settings/RealtimeAudioSettings.razor.rz.scp.css */
/* ============================================================
   REALTIME AUDIO SETTINGS
   ============================================================ */

.container-fluid[b-yctz247cse] {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 2rem;
    padding-bottom: 3rem;
}


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

h2[b-yctz247cse] {
    font-weight: 600;
    letter-spacing: -0.02em;
}

.text-muted[b-yctz247cse] {
    line-height: 1.6;
}


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

.card[b-yctz247cse] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    overflow: hidden;
}

.card-header[b-yctz247cse] {
    padding: 1rem 1.25rem;
    background: rgba(0, 0, 0, 0.025);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.card-body[b-yctz247cse] {
    padding: 1.5rem;
}


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

.form-label[b-yctz247cse] {
    margin-bottom: 0.5rem;
}

.form-control[b-yctz247cse] {
    min-height: 42px;
    border-radius: 7px;
}

.form-control:focus[b-yctz247cse] {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

.form-text[b-yctz247cse] {
    margin-top: 0.5rem;
    line-height: 1.5;
    max-width: 750px;
}


/* ============================================================
   NUMBER INPUTS
   ============================================================ */

.input-group[b-yctz247cse] {
    max-width: 400px;
}

.input-group .form-control[b-yctz247cse] {
    text-align: right;
}

.input-group-text[b-yctz247cse] {
    min-width: 55px;
    justify-content: center;
}


/* ============================================================
   SWITCHES
   ============================================================ */

.form-switch[b-yctz247cse] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.form-switch .form-check-input[b-yctz247cse] {
    width: 3rem;
    height: 1.5rem;
    margin-top: 0;
    cursor: pointer;
}

.form-switch .form-check-label[b-yctz247cse] {
    cursor: pointer;
}


/* ============================================================
   SAVE BUTTON
   ============================================================ */

.btn-primary[b-yctz247cse] {
    min-width: 150px;
    min-height: 42px;
    border-radius: 7px;
    font-weight: 500;
}

.btn-primary:disabled[b-yctz247cse] {
    cursor: not-allowed;
}


/* ============================================================
   CURRENT CONFIGURATION TABLE
   ============================================================ */

.table td[b-yctz247cse] {
    padding: 0.85rem 0.5rem;
    vertical-align: middle;
}

.table tr:first-child td[b-yctz247cse] {
    border-top: 0;
}

.table tr:last-child td[b-yctz247cse] {
    border-bottom: 0;
}


/* ============================================================
   BADGES
   ============================================================ */

.badge[b-yctz247cse] {
    min-width: 75px;
    padding: 0.45rem 0.65rem;
    font-weight: 500;
}


/* ============================================================
   ALERTS
   ============================================================ */

.alert[b-yctz247cse] {
    border-radius: 8px;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 768px) {

    .container-fluid[b-yctz247cse] {
        padding-top: 1rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .card-body[b-yctz247cse] {
        padding: 1rem;
    }

    .input-group[b-yctz247cse] {
        max-width: 100%;
    }

    .btn-primary[b-yctz247cse] {
        width: 100%;
    }
}
/* _content/AiReceptionist/Components/SiteComponents/Footer.razor.rz.scp.css */
.site-footer[b-s6ie1mjokt] {
    width: 100%;
    margin-top: auto;
    background: #0b0d12;
    color: #a9afbb;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-container[b-s6ie1mjokt] {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
    padding: 64px 0 28px;
}

/* Main footer area */
.footer-main[b-s6ie1mjokt] {
    display: grid;
    grid-template-columns: minmax(280px, 1.05fr) minmax(720px, 2.35fr);
    gap: 72px;
    padding-bottom: 48px;
}

/* Brand */
.footer-brand[b-s6ie1mjokt] {
    max-width: 440px;
}

.footer-logo[b-s6ie1mjokt] {
    display: inline-block;
    margin-bottom: 18px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    text-decoration: none;
}

.footer-logo:hover[b-s6ie1mjokt] {
    color: #fff;
}

.footer-description[b-s6ie1mjokt] {
    margin: 0;
    max-width: 420px;
    color: #8f96a3;
    font-size: 0.95rem;
    line-height: 1.7;
}

/* Footer navigation */
.footer-nav[b-s6ie1mjokt] {
    display: grid;
    grid-template-columns: minmax(110px, 0.75fr) minmax(210px, 1.35fr) minmax(190px, 1.2fr) minmax(140px, 0.9fr);
    gap: 36px;
}

.footer-column[b-s6ie1mjokt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-column h3[b-s6ie1mjokt] {
    margin: 0 0 6px;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.footer-column a[b-s6ie1mjokt] {
    color: #8f96a3;
    font-size: 0.9rem;
    line-height: 1.5;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-column a:hover[b-s6ie1mjokt] {
    color: #fff;
}

.footer-product-text[b-s6ie1mjokt] {
    max-width: 220px;
    color: #8f96a3;
    font-size: 0.9rem;
    line-height: 1.6;
}

.footer-product a[b-s6ie1mjokt] {
    max-width: 220px;
}

/* Prevent phone/email from wrapping awkwardly */
.footer-column a[href^="tel:"][b-s6ie1mjokt],
.footer-column a[href^="mailto:"][b-s6ie1mjokt] {
    white-space: nowrap;
}

/* Divider */
.footer-divider[b-s6ie1mjokt] {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
}

/* Bottom footer */
.footer-bottom[b-s6ie1mjokt] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding-top: 26px;
    font-size: 0.82rem;
}

.footer-copyright[b-s6ie1mjokt] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #707784;
}

/* Nathan Software Solutions credit */
.footer-owner[b-s6ie1mjokt] {
    font-size: 0.78rem;
}

.footer-owner a[b-s6ie1mjokt] {
    color: #8f96a3;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-owner a:hover[b-s6ie1mjokt] {
    color: #fff;
}

/* Bottom legal links */
.footer-bottom-links[b-s6ie1mjokt] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.footer-bottom-links a[b-s6ie1mjokt] {
    color: #8f96a3;
    font-size: 0.82rem;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-bottom-links a:hover[b-s6ie1mjokt] {
    color: #fff;
}

/* Tablet */
@media (max-width: 900px) {

    .footer-container[b-s6ie1mjokt] {
        width: min(100% - 40px, 1200px);
        padding-top: 48px;
    }

    .footer-main[b-s6ie1mjokt] {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .footer-nav[b-s6ie1mjokt] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
        max-width: 760px;
        gap: 36px 56px;
    }
}

/* Small tablet */
@media (max-width: 650px) {

    .footer-nav[b-s6ie1mjokt] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
        gap: 36px;
    }

    .footer-bottom[b-s6ie1mjokt] {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }
}

/* Mobile */
@media (max-width: 520px) {

    .footer-container[b-s6ie1mjokt] {
        width: calc(100% - 32px);
        padding: 40px 0 24px;
    }

    .footer-main[b-s6ie1mjokt] {
        gap: 36px;
        padding-bottom: 36px;
    }

    .footer-description[b-s6ie1mjokt] {
        font-size: 0.9rem;
    }

    .footer-nav[b-s6ie1mjokt] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .footer-column[b-s6ie1mjokt] {
        gap: 10px;
    }

    .footer-bottom[b-s6ie1mjokt] {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .footer-bottom-links[b-s6ie1mjokt] {
        flex-wrap: wrap;
        gap: 12px 20px;
    }
}
/* _content/AiReceptionist/Components/SiteComponents/Phone.razor.rz.scp.css */
.phone-page[b-vobfa3v5nt] {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 32px 24px 60px;
}


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

.phone-header[b-vobfa3v5nt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.phone-header h1[b-vobfa3v5nt] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #0f172a;
}

.phone-header h1 i[b-vobfa3v5nt] {
    color: #2563eb;
}

.phone-header p[b-vobfa3v5nt] {
    margin: 7px 0 0;
    color: #64748b;
}


/* ============================================================
   REGISTRATION
   ============================================================ */

.registration-status[b-vobfa3v5nt] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 0.875rem;
    font-weight: 600;
}

.status-dot[b-vobfa3v5nt] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #94a3b8;
}

.registration-status.connected[b-vobfa3v5nt] {
    background: #ecfdf5;
    color: #047857;
}

.registration-status.connected .status-dot[b-vobfa3v5nt] {
    background: #10b981;
}

.registration-status.connecting[b-vobfa3v5nt] {
    background: #eff6ff;
    color: #1d4ed8;
}

.registration-status.connecting .status-dot[b-vobfa3v5nt] {
    background: #3b82f6;
}

.registration-status.failed[b-vobfa3v5nt] {
    background: #fef2f2;
    color: #b91c1c;
}

.registration-status.failed .status-dot[b-vobfa3v5nt] {
    background: #ef4444;
}


/* ============================================================
   LAYOUT
   ============================================================ */

.phone-layout[b-vobfa3v5nt] {
    display: grid;
    grid-template-columns: minmax(420px, 560px) minmax(320px, 1fr);
    gap: 28px;
    align-items: start;
}


/* ============================================================
   MAIN PHONE CARD
   ============================================================ */

.phone-card[b-vobfa3v5nt] {
    position: relative;
    min-height: 620px;
    padding: 32px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);
}


/* ============================================================
   CONNECTION
   ============================================================ */

.sip-connection-panel[b-vobfa3v5nt] {
    max-width: 390px;
    margin: 50px auto;
}

.section-title[b-vobfa3v5nt] {
    margin-bottom: 22px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

.form-group[b-vobfa3v5nt] {
    margin-bottom: 18px;
}

.form-group label[b-vobfa3v5nt] {
    display: block;
    margin-bottom: 7px;
    color: #475569;
    font-size: 0.9rem;
    font-weight: 600;
}

.phone-action[b-vobfa3v5nt] {
    width: 100%;
    margin-top: 10px;
    padding: 13px 18px;
    border: 0;
    border-radius: 9px;
    font-weight: 600;
}

.phone-action.primary[b-vobfa3v5nt] {
    background: #2563eb;
    color: #ffffff;
}


/* ============================================================
   DIALLER
   ============================================================ */

.dialler[b-vobfa3v5nt] {
    max-width: 370px;
    margin: 10px auto 0;
}

.number-display[b-vobfa3v5nt] {
    margin-bottom: 28px;
}

.number-display input[b-vobfa3v5nt] {
    width: 100%;
    padding: 18px 12px;
    border: 0;
    border-bottom: 1px solid #cbd5e1;
    outline: none;
    background: transparent;
    text-align: center;
    color: #0f172a;
    font-size: 1.75rem;
    font-weight: 500;
}

.number-display input:focus[b-vobfa3v5nt] {
    border-bottom-color: #2563eb;
}

.keypad[b-vobfa3v5nt] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.keypad-row[b-vobfa3v5nt] {
    display: flex;
    justify-content: center;
    gap: 22px;
}

.dial-key[b-vobfa3v5nt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    background: #f8fafc;
    color: #0f172a;
    transition:
            transform 0.1s ease,
            background 0.1s ease;
}

.dial-key:hover[b-vobfa3v5nt] {
    background: #e2e8f0;
}

.dial-key:active[b-vobfa3v5nt] {
    transform: scale(0.94);
}

.digit[b-vobfa3v5nt] {
    font-size: 1.55rem;
    font-weight: 600;
}

.dial-actions[b-vobfa3v5nt] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    margin-top: 30px;
}

.call-button[b-vobfa3v5nt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    margin: auto;
    border: 0;
    border-radius: 50%;
    background: #16a34a;
    color: #ffffff;
    font-size: 1.65rem;
}

.call-button:disabled[b-vobfa3v5nt] {
    opacity: 0.45;
}

.delete-button[b-vobfa3v5nt] {
    justify-self: center;
    border: 0;
    background: transparent;
    color: #64748b;
    font-size: 1.4rem;
}

.delete-button:disabled[b-vobfa3v5nt] {
    opacity: 0.3;
}

.dial-action-spacer[b-vobfa3v5nt] {
    width: 40px;
}


/* ============================================================
   INCOMING CALL
   ============================================================ */

.incoming-call-panel[b-vobfa3v5nt],
.active-call-panel[b-vobfa3v5nt] {
    max-width: 400px;
    margin: 40px auto;
    text-align: center;
}

.incoming-label[b-vobfa3v5nt],
.call-state-label[b-vobfa3v5nt] {
    margin-bottom: 25px;
    color: #64748b;
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.incoming-avatar[b-vobfa3v5nt],
.call-avatar[b-vobfa3v5nt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 105px;
    height: 105px;
    margin: 0 auto 22px;
    border-radius: 50%;
    background: #eff6ff;
    color: #2563eb;
    font-size: 3rem;
}

.incoming-name[b-vobfa3v5nt],
.active-call-number[b-vobfa3v5nt] {
    color: #0f172a;
    font-size: 1.65rem;
    font-weight: 700;
}

.incoming-number[b-vobfa3v5nt] {
    margin-top: 5px;
    color: #64748b;
    font-size: 1.05rem;
}

.incoming-actions[b-vobfa3v5nt] {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-top: 42px;
}

.round-action[b-vobfa3v5nt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border: 0;
    border-radius: 50%;
    color: white;
    font-size: 1.55rem;
}

.round-action.answer[b-vobfa3v5nt] {
    background: #16a34a;
}

.round-action.reject[b-vobfa3v5nt] {
    background: #dc2626;
}


/* ============================================================
   ACTIVE CALL
   ============================================================ */

.call-duration[b-vobfa3v5nt] {
    margin-top: 8px;
    color: #64748b;
    font-variant-numeric: tabular-nums;
}

.in-call-actions[b-vobfa3v5nt] {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 40px;
}

.call-control[b-vobfa3v5nt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    min-width: 80px;
    border: 0;
    background: transparent;
    color: #475569;
    font-size: 0.85rem;
}

.control-icon[b-vobfa3v5nt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #f1f5f9;
    color: #334155;
    font-size: 1.25rem;
}

.call-control.active .control-icon[b-vobfa3v5nt] {
    background: #fee2e2;
    color: #dc2626;
}

.in-call-keypad[b-vobfa3v5nt] {
    margin-top: 28px;
}

.in-call-keypad .keypad-row[b-vobfa3v5nt] {
    margin-bottom: 10px;
}

.dial-key.small[b-vobfa3v5nt] {
    width: 50px;
    height: 50px;
    font-size: 1rem;
}

.hangup-button[b-vobfa3v5nt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 42px auto 0;
    border: 0;
    border-radius: 50%;
    background: #dc2626;
    color: white;
    font-size: 1.7rem;
}


/* ============================================================
   DISCONNECT
   ============================================================ */

.disconnect-link[b-vobfa3v5nt] {
    display: block;
    margin: 30px auto 0;
    border: 0;
    background: transparent;
    color: #64748b;
    font-size: 0.85rem;
    text-decoration: underline;
}


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

.phone-side-panel[b-vobfa3v5nt] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.side-card[b-vobfa3v5nt] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
}

.side-card-header[b-vobfa3v5nt] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 17px 20px;
    border-bottom: 1px solid #e2e8f0;
    color: #0f172a;
    font-weight: 700;
}

.side-card-header i[b-vobfa3v5nt] {
    color: #2563eb;
}

.empty-state[b-vobfa3v5nt] {
    padding: 45px 20px;
    text-align: center;
    color: #94a3b8;
}

.empty-state i[b-vobfa3v5nt] {
    display: block;
    margin-bottom: 12px;
    font-size: 2rem;
}


/* ============================================================
   ERRORS
   ============================================================ */

.phone-error[b-vobfa3v5nt] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 24px;
    padding: 13px 15px;
    border-radius: 9px;
    background: #fef2f2;
    color: #b91c1c;
    font-size: 0.9rem;
}


/* ============================================================
   AUDIO
   ============================================================ */

audio[b-vobfa3v5nt] {
    display: none;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 900px) {

    .phone-layout[b-vobfa3v5nt] {
        grid-template-columns: 1fr;
    }

    .phone-card[b-vobfa3v5nt] {
        min-height: auto;
    }
}


@media (max-width: 600px) {

    .phone-page[b-vobfa3v5nt] {
        padding: 20px 14px 40px;
    }

    .phone-header[b-vobfa3v5nt] {
        flex-direction: column;
    }

    .phone-card[b-vobfa3v5nt] {
        padding: 24px 16px;
    }

    .dial-key[b-vobfa3v5nt] {
        width: 64px;
        height: 64px;
    }

    .keypad-row[b-vobfa3v5nt] {
        gap: 18px;
    }
}


/* ============================================================
   SPEED DIAL
   ============================================================ */

.speed-dial-grid[b-vobfa3v5nt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 16px;
}

.speed-dial-slot[b-vobfa3v5nt] {
    position: relative;
    min-width: 0;
}

.speed-dial-call[b-vobfa3v5nt],
.speed-dial-empty[b-vobfa3v5nt] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 112px;
    padding: 18px 34px 14px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
    color: #334155;
    text-align: center;
    transition: border-color 0.15s ease, background 0.15s ease, transform 0.1s ease;
}

.speed-dial-call:hover:not(:disabled)[b-vobfa3v5nt],
.speed-dial-empty:hover[b-vobfa3v5nt] {
    border-color: #93c5fd;
    background: #eff6ff;
}

.speed-dial-call:active:not(:disabled)[b-vobfa3v5nt],
.speed-dial-empty:active[b-vobfa3v5nt] {
    transform: scale(0.98);
}

.speed-dial-call:disabled[b-vobfa3v5nt] {
    opacity: 0.55;
}

.speed-dial-call > i[b-vobfa3v5nt],
.speed-dial-empty > i[b-vobfa3v5nt] {
    margin-bottom: 7px;
    color: #2563eb;
    font-size: 1.25rem;
}

.speed-dial-position[b-vobfa3v5nt] {
    position: absolute;
    top: 8px;
    left: 10px;
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 700;
}

.speed-dial-name[b-vobfa3v5nt] {
    display: block;
    width: 100%;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.speed-dial-number[b-vobfa3v5nt] {
    display: block;
    width: 100%;
    margin-top: 3px;
    overflow: hidden;
    color: #64748b;
    font-size: 0.76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.speed-dial-empty[b-vobfa3v5nt] {
    padding-right: 14px;
    border-style: dashed;
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 600;
}

.speed-dial-edit[b-vobfa3v5nt] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    background: #ffffff;
    color: #64748b;
    font-size: 0.72rem;
}

.speed-dial-edit:hover[b-vobfa3v5nt] {
    border-color: #93c5fd;
    color: #2563eb;
}

@media (max-width: 600px) {
    .speed-dial-grid[b-vobfa3v5nt] {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   PHONE FEATURE CONTROLS
   ============================================================ */

.phone-feature-actions[b-vobfa3v5nt] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    max-width: 370px;
    margin: 18px auto 0;
}

.phone-feature-button[b-vobfa3v5nt] {
    min-height: 48px;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    background: #ffffff;
    color: #334155;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.phone-feature-button:hover:not(:disabled)[b-vobfa3v5nt] {
    background: #f8fafc;
}

.phone-feature-button.active[b-vobfa3v5nt] {
    background: #fff7ed;
    border-color: #fdba74;
    color: #c2410c;
}

.phone-feature-button:disabled[b-vobfa3v5nt] {
    opacity: 0.45;
    cursor: not-allowed;
}

.phone-feature-button.dnd[b-vobfa3v5nt] {
    background: #f8fafc;
}

.transfer-choice-grid[b-vobfa3v5nt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.transfer-status-panel[b-vobfa3v5nt] {
    padding: 14px;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    background: #eff6ff;
}

@media (max-width: 600px) {
    .phone-feature-actions[b-vobfa3v5nt] {
        grid-template-columns: 1fr;
    }

    .transfer-choice-grid[b-vobfa3v5nt] {
        grid-template-columns: 1fr;
    }
}
/* _content/AiReceptionist/Components/SiteComponents/SiteHeader.razor.rz.scp.css */
.site-header[b-q5ot9w44bs] {
    position: sticky;
    top: 0;
    z-index: 5000;

    height: 72px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 0 24px;

    background: #111;
    border-bottom: 1px solid #222;
}

.header-left[b-q5ot9w44bs] {
    display: flex;
    align-items: center;
    gap: 32px;
}


/* ============================================================
   SIDEBAR TOGGLE
   ============================================================ */

.sidebar-toggle-button[b-q5ot9w44bs] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;

    padding: 0;

    border: 0;
    border-radius: 8px;

    background: transparent;
    color: #fff;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    font-size: 1.45rem;
    line-height: 1;

    transition:
            background-color .15s ease,
            color .15s ease;
}

.sidebar-toggle-button:hover[b-q5ot9w44bs],
.sidebar-toggle-button:focus-visible[b-q5ot9w44bs] {
    background: #222;
    color: #fff;
}

.sidebar-toggle-button i[b-q5ot9w44bs] {
    color: inherit;
    font-size: inherit;
    line-height: 1;
}

.logo-button[b-q5ot9w44bs] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.logo-button img[b-q5ot9w44bs] {
    height: 48px;
    width: auto;
    display: block;
}

.desktop-nav[b-q5ot9w44bs] {
    display: flex;
    gap: 8px;
}

.nav-link[b-q5ot9w44bs] {
    border: none;
    background: transparent;

    color: #d0d0d0;

    padding: 10px 16px;

    border-radius: 6px;

    cursor: pointer;

    font-size: 14px;
    font-weight: 600;

    transition: all .2s;
}

.nav-link:hover[b-q5ot9w44bs] {
    background: #222;
    color: white;
}

.nav-link.active[b-q5ot9w44bs] {
    background: #CB2537;
    color: white;
}

.header-right[b-q5ot9w44bs] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.search-box[b-q5ot9w44bs] {
    width: 320px;
    height: 42px;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 0 14px;

    background: #1a1a1a;
    border: 1px solid #2a2a2a;
    border-radius: 24px;
}

.search-box i[b-q5ot9w44bs] {
    color: #999;
}

.search-box input[b-q5ot9w44bs] {
    flex: 1;

    border: none;
    outline: none;

    background: transparent;
    color: white;
}

.user-info[b-q5ot9w44bs] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-name[b-q5ot9w44bs] {
    color: white;
    font-size: 14px;
}

.user-button[b-q5ot9w44bs],
.signin-button[b-q5ot9w44bs] {
    height: 40px;

    border: none;
    border-radius: 20px;

    background: #CB2537;
    color: white;

    cursor: pointer;

    display: flex;
    align-items: center;
    gap: 8px;

    padding: 0 16px;

    transition: .2s;
}

.user-button:hover[b-q5ot9w44bs],
.signin-button:hover[b-q5ot9w44bs] {
    background: #e03043;
}

@media (max-width: 768px) {

    .site-header[b-q5ot9w44bs] {
        padding: 0 12px;
    }

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

    .search-box[b-q5ot9w44bs] {
        width: 180px;
    }

    .user-name[b-q5ot9w44bs] {
        display: none;
    }

    .logo-button img[b-q5ot9w44bs] {
        height: 40px;
    }
}

.admin-menu[b-q5ot9w44bs] {
    position: relative;
    display: inline-block;
}

.admin-menu-button[b-q5ot9w44bs] {
    display: flex;
    align-items: center;
    gap: .5rem;

    background: transparent;
    border: none;
    color: white;
    font-weight: 500;
    padding: .5rem .75rem;
    border-radius: 6px;

    transition: all .2s ease;
}

.admin-menu-button:hover[b-q5ot9w44bs] {
    background: rgba(255,255,255,.1);
}

.admin-menu-dropdown[b-q5ot9w44bs] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;

    min-width: 240px;

    background: #1c1c1c;
    border: 1px solid #333;
    border-radius: 8px;

    box-shadow:
            0 10px 25px rgba(0,0,0,.35);

    overflow: hidden;
    z-index: 1000;
}

.admin-menu-item[b-q5ot9w44bs] {
    display: flex;
    align-items: center;
    gap: .75rem;

    width: 100%;
    padding: .85rem 1rem;

    color: #fff;
    text-decoration: none;
    cursor: pointer;

    transition: background .2s ease;
}

.admin-menu-item:hover[b-q5ot9w44bs] {
    background: #2d2d2d;
    color: #fff;
}

.navbar-brand-button[b-q5ot9w44bs] {
    display: inline-flex;
    align-items: center;
    padding: 0;
    background: transparent;
    border: 0;
    color: white;
    cursor: pointer;
    text-decoration: none;
}

.navbar-brand-button span[b-q5ot9w44bs] {
    color: white;
}

.navbar-brand-button:hover[b-q5ot9w44bs],
.navbar-brand-button:focus[b-q5ot9w44bs] {
    color: white;
}

.navbar-brand-button:focus-visible[b-q5ot9w44bs] {
    outline: 2px solid rgba(255, 255, 255, 0.8);
    outline-offset: 5px;
    border-radius: 4px;
}

.transcript-dialog[b-q5ot9w44bs] {
    padding: 4px;
}

.transcript-call-info[b-q5ot9w44bs] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 24px;
    padding-bottom: 10px;
    font-size: 0.9rem;
}

.transcript-content[b-q5ot9w44bs] {
    margin-top: 15px;
    padding: 18px;
    background: #f8f9fa;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    white-space: pre-wrap;
    line-height: 1.7;
    max-height: 500px;
    overflow-y: auto;
    font-size: 0.95rem;
}

.transcript-empty[b-q5ot9w44bs] {
    color: #777;
    font-style: italic;
}

@media (max-width: 700px) {

    .transcript-call-info[b-q5ot9w44bs] {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   OWNER COMPANY SELECTOR
   ============================================================ */

.company-switcher[b-q5ot9w44bs] {
    color: #fff !important;
}

.company-switcher[b-q5ot9w44bs],
.company-switcher *[b-q5ot9w44bs] {
    box-sizing: border-box;
}

.company-switcher label[b-q5ot9w44bs],
.company-switcher .company-switcher-label[b-q5ot9w44bs],
.company-switcher i[b-q5ot9w44bs] {
    color: #fff !important;
}


/* ============================================================
   SELECT - CLOSED STATE
   ============================================================ */

.company-switcher select[b-q5ot9w44bs],
.company-switcher select.form-select[b-q5ot9w44bs] {
    color: #fff !important;
    background-color: #111 !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 8px;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
}


/* ============================================================
   SELECT - HOVER / FOCUS
   ============================================================ */

.company-switcher select:hover[b-q5ot9w44bs],
.company-switcher select.form-select:hover[b-q5ot9w44bs] {
    color: #fff !important;
    background-color: #1a1a1a !important;
    -webkit-text-fill-color: #fff !important;
}

.company-switcher select:focus[b-q5ot9w44bs],
.company-switcher select.form-select:focus[b-q5ot9w44bs] {
    color: #fff !important;
    background-color: #111 !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: none !important;
    outline: none;
}


/* ============================================================
   DROPDOWN OPTIONS
   ============================================================ */

.company-switcher select option[b-q5ot9w44bs] {
    color: #111 !important;
    background-color: #fff !important;
    -webkit-text-fill-color: #111 !important;
}

/* ============================================================
   PROFILE BUTTON
   ============================================================ */

.header-profile-button[b-q5ot9w44bs] {
    min-height: 40px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 16px;

    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;

    background: rgba(255, 255, 255, 0.04);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;

    cursor: pointer;

    transition:
            background-color .2s ease,
            border-color .2s ease,
            color .2s ease;
}

.header-profile-button:hover[b-q5ot9w44bs],
.header-profile-button:focus[b-q5ot9w44bs] {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.28);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.header-profile-button:focus-visible[b-q5ot9w44bs] {
    outline: 2px solid rgba(255, 255, 255, 0.75);
    outline-offset: 2px;
}

.header-profile-button:active[b-q5ot9w44bs] {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 768px) {
    .header-profile-button[b-q5ot9w44bs] {
        max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* _content/AiReceptionist/Components/SiteComponents/SiteSidebar.razor.rz.scp.css */
/* ============================================================
   COGNIVOX SIDEBAR
   ============================================================ */

.cognivox-sidebar[b-wix0zvm5wx] {
    width: 250px;
    min-width: 250px;
    flex: 0 0 250px;

    background: #151515;
    border-right: 1px solid #292929;

    min-height: calc(100vh - 72px);
    height: calc(100vh - 72px);

    position: sticky;
    top: 72px;
    align-self: flex-start;

    overflow-y: auto;
    overflow-x: hidden;

    scrollbar-width: thin;
    scrollbar-color: #444 transparent;
}

.sidebar-inner[b-wix0zvm5wx] {
    padding: 22px 14px 30px;
}

.sidebar-nav[b-wix0zvm5wx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sidebar-section[b-wix0zvm5wx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 18px;
}

.sidebar-heading[b-wix0zvm5wx] {
    padding: 0 10px 5px;
    color: #777;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    user-select: none;
}


/* ============================================================
   NAVLINKS
   NavLink renders its anchor in a child component, so ::deep is
   required for scoped CSS to style the generated <a>.
   ============================================================ */

.sidebar-nav[b-wix0zvm5wx]  a.sidebar-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;

    min-height: 44px;
    margin: 1px 0;
    padding: 7px 10px;

    border-radius: 8px;

    color: #c7c7c7;
    text-decoration: none;

    font-size: 14px;
    font-weight: 500;

    transition:
            background-color .15s ease,
            color .15s ease;
}

.sidebar-nav[b-wix0zvm5wx]  a.sidebar-link:hover {
    background: #222;
    color: #fff;
    text-decoration: none;
}

.sidebar-nav[b-wix0zvm5wx]  a.sidebar-link.active {
    background: rgba(203, 37, 55, .16);
    color: #fff;
    font-weight: 600;
}

.sidebar-nav[b-wix0zvm5wx]  a.sidebar-link.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    background: #CB2537;
    border-radius: 0 3px 3px 0;
}


/* ============================================================
   ICONS / LABELS
   ============================================================ */

.sidebar-icon[b-wix0zvm5wx] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;
    background: #202020;
    color: #999;

    font-size: 14px;

    transition:
            background-color .15s ease,
            color .15s ease;
}

.sidebar-nav[b-wix0zvm5wx]  a.sidebar-link:hover .sidebar-icon {
    background: #2b2b2b;
    color: #fff;
}

.sidebar-nav[b-wix0zvm5wx]  a.sidebar-link.active .sidebar-icon {
    background: #CB2537;
    color: #fff;
}

.sidebar-label[b-wix0zvm5wx] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* ============================================================
   SCROLLBAR
   ============================================================ */

.cognivox-sidebar[b-wix0zvm5wx]::-webkit-scrollbar {
    width: 6px;
}

.cognivox-sidebar[b-wix0zvm5wx]::-webkit-scrollbar-track {
    background: transparent;
}

.cognivox-sidebar[b-wix0zvm5wx]::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 6px;
}


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

@media (max-width: 900px) {

    .cognivox-sidebar[b-wix0zvm5wx] {
        position: relative;
        top: auto;

        width: 100%;
        min-width: 100%;
        height: auto;
        min-height: auto;
        flex: 0 0 100%;

        border-right: 0;
        border-bottom: 1px solid #292929;

        overflow: visible;
    }

    .sidebar-inner[b-wix0zvm5wx] {
        padding: 16px 14px 20px;
    }
}

.cognivox-sidebar.sidebar-hidden[b-wix0zvm5wx] {
    display: none;
}