@import url("./brand-colors.css");
@media (max-width: 1199.98px) {
    @layer eurion-manual {
        body.client-admin-body .client-sidebar__brand {
            gap: 10px;
            padding-inline-end: 12px;
        }
        body.client-admin-body .client-sidebar__logo-full { max-width: 100%; object-fit: contain; }
        body.client-admin-body #clientSidebarClose {
            flex: 0 0 40px;
            height: 40px;
            margin-inline-start: auto;
            padding: 0;
            border-radius: 10px;
            background: var(--eurion-panel-raised) !important;
            color: var(--eurion-text) !important;
        }
        body.client-admin-body #clientSidebarClose:is(:hover, :focus-visible) {
            background: var(--eurion-panel-selected) !important;
        }
        body.client-admin-body #clientSidebarOpen {
            color: var(--eurion-text) !important;
            background: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
        }
    }
}
:where(i[data-icon]){display:inline-block;line-height:1;vertical-align:-.125em}
i[data-icon]>svg{display:inline-block;width:1em;height:1em;vertical-align:top}

.auth-layout .auth-panel:has(form),
.onboarding-body :is(.onboarding-shell, .onboarding-card, .onboarding-main__inner):has(form) {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}
.onboarding-body .onboarding-shell:has(form) .onboarding-guidance {
    padding: 0;
    margin-bottom: 2rem;
}

@layer eurion-manual {
    body.client-admin-body {
        --reviews-success-badge-text: #70dfbd;
        --reviews-success-badge-bg: rgba(45, 212, 167, .1);
    }
    html body.client-admin-body .main-body :is(
        .dashboard-readiness-badge.is-ready, .client-status-pill--active, .badge-success,
        .subscription-status--active, .usage-status.is-active, .client-api-status.is-active,
        .product-question-status.is-answered, .ai-answer-automation.is-active .ai-answer-state,
        .ai-summary-item__status .is-active, .usage-pill:not(.is-neutral,.is-danger,.is-warning),
        .client-api-responses .is-success, .product-review-row__verified
    ) {
        color: var(--reviews-success-badge-text) !important;
        background-color: var(--reviews-success-badge-bg) !important;
        border-radius: 999px;
    }
}

@layer eurion-manual {
    @media (hover: hover) {
        body.client-admin-body {
            --reviews-table-hover: color-mix(in srgb, var(--brand-accent) 9%, var(--eurion-panel));
        }
        html body.client-admin-body main table tbody > tr:not(.c-table-row-expanded-content):hover > :is(td, th) {
            background-color: var(--reviews-table-hover) !important;
            --bs-table-accent-bg: transparent;
            --bs-table-bg-state: transparent;
        }
    }
}

.product-questions-tabs a[data-slot="badge"] {
    border-radius: 999px !important;
}

@layer eurion-manual {
    html body.client-admin-body .client-admin-main .main-body :is([data-slot="badge"], .statistics-subnav__link).active {
        background: var(--brand-accent) !important;
        color: #fff !important;
    }
    html body.client-admin-body .client-admin-main .main-body :is([data-slot="badge"], .statistics-subnav__link).active :is(span, strong, i) {
        color: #fff !important;
    }
    html body.client-admin-body .client-admin-main .main-body .product-questions-tabs a.active strong {
        background: transparent !important;
    }
}

/* Workspace dimensions shared with Eurion Ads. */
:root {
    --client-sidebar-width: 264px;
    --client-topbar-height: 60px;
}
@media (min-width: 1200px) {
    html.client-sidebar-is-collapsed { --client-sidebar-width: 76px; }
    html:not(.client-sidebar-is-collapsed) .client-sidebar__brand { padding-inline: 24px; }
}
.client-admin-body .client-sidebar__logo-full { height: 44px; width: auto; max-width: 184px; object-fit: contain; }
.client-admin-body .client-sidebar__nav { padding: 24px 12px 18px; }
.client-admin-body .client-sidebar__section + .client-sidebar__section { margin-top: 28px; }
.client-admin-body :is(.client-sidebar__link, .client-sidebar__group-toggle) {
    min-height: 42px; padding: 10px 12px; margin-bottom: 4px; font-size: 13px;
}
.client-admin-body .client-sidebar__sublink { min-height: 32px; padding-block: 7px; font-size: 12px; }
.client-admin-body .client-sidebar__submenu { margin: 4px 0 10px 18px; }
.client-admin-body .client-topbar { padding-inline: 28px; }
.client-admin-body .client-page:not(.reviews-management-page) { padding: 32px; }
.client-admin-body .client-page-header { margin-bottom: 26px; }
.client-admin-body .client-page-title { font-size: clamp(24px, 2vw, 30px); line-height: 1.2; }
@media (max-width: 1199.98px) {
    .client-admin-body .client-topbar { padding-inline: 20px; }
    .client-admin-body .client-page:not(.reviews-management-page) { padding: 26px 24px; }
}
@media (max-width: 767.98px) {
    .client-admin-body .client-topbar { padding-inline: 14px; }
    .client-admin-body .client-page:not(.reviews-management-page) { padding: 24px 18px; }
    .client-admin-body .client-page-title { font-size: 25px; }
}

@layer eurion-manual {
    body.client-admin-body .main-body .reviews-all-page .product-reviews-summary {
        gap: 12px;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0;
        box-shadow: none !important;
    }
    .reviews-all-page .product-reviews-summary > .review-metric {
        display: grid;
        grid-template-columns: auto 1fr;
        align-content: center;
        column-gap: 12px;
        padding: 16px;
        background: var(--eurion-panel);
        border: 1px solid var(--eurion-line) !important;
        border-radius: 14px;
    }
    .review-metric > i {
        grid-row: span 2;
        align-self: center;
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        border-radius: 10px;
        background: var(--eurion-panel-raised);
        color: var(--brand-accent);
        font-size: 20px;
    }
    @media (max-width: 420px) {
        .reviews-all-page .product-reviews-summary > .review-metric { padding: 12px; column-gap: 8px; }
    }
}

@layer eurion-manual {
    body.client-admin-body .client-admin-main .main-body .ai-answer-page :is(.ai-answer-automation, .ai-answer-panel) {
        padding: clamp(16px, 2vw, 24px) !important;
        background: var(--eurion-panel) !important;
        border: 1px solid var(--eurion-line) !important;
        border-radius: 16px !important;
    }
}
    .ai-answer-flow > span .ai-answer-step-number {
        display: grid;
        place-items: center;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: var(--brand-accent);
        color: #fff !important;
        font-size: 12px;
    }
    @media (max-width: 1180px) {
        .ai-answer-page .ai-answer-flow { display: flex; grid-column: 1 / -1; flex-wrap: wrap; }
        .ai-answer-page .ai-answer-automation { grid-template-columns: 1fr; }
    }

@layer eurion-manual {
    body.client-admin-body .main-body .subscription-overview :is(.subscription-payment-notice, .subscription-trial-notice, .subscription-period-row) {
        background: var(--eurion-bg) !important;
    }
}

@layer eurion-manual {
    body.client-admin-body .main-body .usage-detail :is(.usage-table, .usage-table__row, .usage-note) {
        background: var(--eurion-bg) !important;
    }
}

@layer eurion-manual {
    body.client-admin-body .main-body .client-api-page :is(
        .client-api-empty-key, .client-api-secret, .client-api-inline-code,
        .client-api-endpoint, .client-api-doc-section, .client-api-aside-card,
        .client-api-note, .client-api-field, .client-api-code-block,
        .client-api-related-endpoints > div, .client-api-responses > div
    ) { background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
    body.client-admin-body .main-body .client-api-page .client-api-empty-key { min-height: auto; }
    body.client-admin-body .main-body .client-api-page .client-api-security-list > div { background: var(--eurion-bg) !important; }
}

@layer eurion-manual {
    html body.client-admin-body .client-admin-main .main-body :is(.product-questions-tabs, .admin-report-tabs, .client-selection-tabs) {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        padding: 6px !important;
        border: 1px solid var(--eurion-line) !important;
        border-radius: 14px !important;
        background: var(--eurion-panel) !important;
    }
    html body.client-admin-body .client-admin-main .main-body :is(.product-questions-tabs, .admin-report-tabs, .client-selection-tabs) > :is(a, button) {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 36px;
        padding: 8px 13px;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        color: var(--eurion-muted) !important;
    }
    html body.client-admin-body .client-admin-main .main-body :is(.product-questions-tabs, .admin-report-tabs, .client-selection-tabs) > :is(a, button):hover {
        background: var(--eurion-panel-raised) !important;
    }
    html body.client-admin-body .client-admin-main .main-body :is(.product-questions-tabs, .admin-report-tabs, .client-selection-tabs) > :is(a, button):is(.active, .is-active) {
        color: #fff !important;
        background: var(--brand-accent) !important;
    }
    html body.client-admin-body .client-admin-main .main-body :is(.product-questions-tabs, .admin-report-tabs) > a > :is(span, strong) {
        color: inherit !important;
        background: transparent !important;
        padding: 0;
    }
}

@layer eurion-manual {
    body.client-admin-body .main-body .usage-detail .usage-table {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px;
        border: 0 !important;
        background: transparent !important;
    }
    .usage-detail .usage-table .usage-table__row--head {
        display: grid;
        position: absolute;
        clip-path: inset(50%);
        width: 1px;
        height: 1px;
        overflow: hidden;
    }
    .usage-detail .usage-table .usage-table__row:not(.usage-table__row--head) {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px;
        padding: clamp(16px, 2vw, 24px);
        border: 1px solid var(--eurion-line) !important;
        border-radius: 14px !important;
    }
    .usage-detail .usage-table__metric { grid-column: 1 / -1 !important; }
    .usage-detail .usage-table__row > [data-label]::before {
        display: block;
        content: attr(data-label);
        color: var(--eurion-muted);
        font-size: 12px;
        margin-bottom: 4px;
    }
    @media (max-width: 680px) {
        body.client-admin-body .main-body .usage-detail .usage-table { grid-template-columns: 1fr !important; }
    }
}

@layer eurion-manual {
    body.client-admin-body .ai-summary-item .ai-summary-item__content {
        padding: 0 !important;
        background: transparent !important;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
}

.client-api-docs code {
    min-width: 0;
    overflow-wrap: anywhere;
}
.client-api-docs :not(pre) > code { white-space: normal; }

@layer heading-labels {
    body.client-admin-body .client-topbar__eyebrow {
        --heading-label-color: var(--brand-accent);
        color: var(--brand-accent) !important;
    }
}

.client-api-page :is(.client-api-key-card, .client-api-security-card, .client-api-docs) {
    padding: 22px;
    border-radius: 16px;
}
@media (max-width: 575.98px) {
    .client-api-page :is(.client-api-key-card, .client-api-security-card, .client-api-docs) {
        padding: 16px;
        border-radius: 13px;
    }
}
.client-api-page .client-api-overview { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.client-api-key-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.client-api-key-controls > .client-api-card-actions { margin: 0; margin-inline-start: auto; }
.client-api-key-controls > .client-api-empty-key { margin: 0; }
.client-api-page .client-api-security-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.client-api-page .client-api-docs-header { justify-content: flex-start; }
.client-api-page .client-api-version { margin-inline-start: auto; }
.client-api-page .client-api-doc-grid { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 24px; }
.client-api-page :is(.client-api-doc-main, .client-api-doc-aside) { gap: 24px; }
@media (max-width: 900px) {
    .client-api-page :is(.client-api-security-list, .client-api-doc-grid) { grid-template-columns: minmax(0, 1fr); }
}