/*
 * Regras condicionais de tema extraidas dos CSS de componentes.
 * Fonte central: /static/tema/component-overrides.css
 */
/* source: app/web_dashboard/static/web_dashboard/css/dashboard_home.css */
/* ==========================================================================
   Dashboard Home - Light Theme
   ========================================================================== */

html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-root,
body.dashboard-body.light-theme .home-mobile-root {
    --home-light-page: #eef3f9;
    --home-light-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.985) 0%, rgba(246, 250, 253, 0.96) 100%);
    --home-light-surface-soft: linear-gradient(180deg, rgba(250, 252, 255, 0.98) 0%, rgba(243, 248, 252, 0.96) 100%);
    --home-light-panel-muted: #f3f7fb;
    --home-light-border: rgba(18, 34, 52, 0.12);
    --home-light-border-strong: rgba(18, 34, 52, 0.18);
    --home-light-text: #162a3d;
    --home-light-muted: #607487;
    --home-light-soft: #8194a7;
    --home-light-accent: #0a8fc5;
    --home-light-accent-soft: rgba(10, 143, 197, 0.14);
    --home-light-orange: #eb6a31;
    --home-light-orange-soft: rgba(235, 106, 49, 0.14);
    --home-light-success: #158763;
    --home-light-success-soft: rgba(21, 135, 99, 0.14);
    --home-light-danger: #c25a48;
    --home-light-danger-soft: rgba(194, 90, 72, 0.14);
    --home-light-shadow: 0 18px 38px rgba(18, 34, 52, 0.09);
    --home-light-shadow-soft: 0 12px 24px rgba(18, 34, 52, 0.06);
}

html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit {
    background: transparent !important;
    color: var(--home-light-text);
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-header,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-header {
    border: 1px solid var(--home-light-border) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.985) 0%, rgba(245, 249, 253, 0.98) 100%) !important;
    box-shadow: var(--home-light-shadow) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-header::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-header::after,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-header::before,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-header::after {
    opacity: 0.2 !important;
    border-color: rgba(10, 143, 197, 0.1) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-topbar,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-topbar {
    margin-bottom: 0.12rem !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-kicker,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-kicker {
    color: var(--home-light-soft) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-brand-row,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-brand-row {
    background: transparent !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-brand-logo,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-brand-logo {
    background: linear-gradient(180deg, #112235 0%, #091728 100%) !important;
    border: 1px solid rgba(10, 143, 197, 0.2) !important;
    border-radius: 0 !important;
    clip-path: var(--clip-card) !important;
    box-shadow: 0 14px 28px rgba(9, 23, 40, 0.22) !important;
    padding: 0.32rem 0.5rem !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-client-greeting,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-status-message,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-client-greeting,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-status-message {
    color: var(--home-light-muted) !important;
    text-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-client-value,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-client-value {
    color: var(--home-light-text) !important;
    text-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-status-message--online,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-status-message--online {
    color: var(--home-light-success) !important;
    text-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-shell,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-shell {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-section-title,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit #mobile-plan-heading.mobile-section-title,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-section-title,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit #mobile-plan-heading.mobile-section-title {
    color: var(--home-light-text) !important;
    border-bottom: 1px solid var(--home-light-border) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-section-title::after,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-section-title::after {
    background: linear-gradient(90deg, var(--home-light-orange) 0%, rgba(235, 106, 49, 0.08) 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-mobile-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-compact-block,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-action-btn,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-monitor.cockpit-consumption,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-panel,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-item,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-block,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .summary-chip,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-mobile-card,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-compact-block,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-action-btn,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-monitor.cockpit-consumption,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-panel,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-item,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-block,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .summary-chip {
    border: 1px solid var(--home-light-border) !important;
    background: var(--home-light-surface) !important;
    box-shadow: var(--home-light-shadow-soft) !important;
    outline: 0 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-mobile-card::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-mobile-card::after,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-compact-block::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-compact-block::after,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-action-btn::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-action-btn::after,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-kpi-card::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-kpi-card::after,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-mobile-card::before,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-mobile-card::after,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-compact-block::before,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-compact-block::after,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-action-btn::before,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-action-btn::after,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-kpi-card::before,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-kpi-card::after {
    display: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi__label,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi__value,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-compact-block-head,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-compact-item b,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-compact-item .value,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-action-btn__label,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .monitor-title,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .summary-chip strong,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-block-title,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-kv b,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi__label,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi__value,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-compact-block-head,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-compact-item b,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-compact-item .value,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-action-btn__label,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .monitor-title,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .summary-chip strong,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-block-title,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-kv b {
    color: var(--home-light-text) !important;
    text-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi__meta,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-compact-item,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-action-btn__meta,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .monitor-subtitle,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .summary-chip,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-k,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-ip,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-empty,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi__meta,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-compact-item,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-action-btn__meta,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .monitor-subtitle,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .summary-chip,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-k,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-ip,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-empty {
    color: var(--home-light-muted) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .monitor-badge,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .monitor-badge {
    background: var(--home-light-accent-soft) !important;
    color: var(--home-light-accent) !important;
    border: 1px solid rgba(10, 143, 197, 0.16) !important;
    box-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-status--on,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-status--on {
    background: var(--home-light-success-soft) !important;
    color: var(--home-light-success) !important;
    border: 0 !important;
    box-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-status--off,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-status--off {
    background: var(--home-light-danger-soft) !important;
    color: var(--home-light-danger) !important;
    border: 0 !important;
    box-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .dash-contract-selector label,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-sub,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-kpi__meta,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-row__label,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-meta,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-header,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .monitor-subtitle,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .summary-chip,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-radar-k,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-radar-ip,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-radar-meta-title,
body.dashboard-body.light-theme .home-desktop-only .dash-contract-selector label,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-sub,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-kpi__meta,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-row__label,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-meta,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-header,
body.dashboard-body.light-theme .home-desktop-only .monitor-subtitle,
body.dashboard-body.light-theme .home-desktop-only .summary-chip,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-radar-k,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-radar-ip,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-radar-meta-title {
    color: var(--home-light-muted) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-plan,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-kpi__label,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-kpi__value,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-row__value,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-detail-head,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-section-title,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-value,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .summary-chip strong,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .monitor-title,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-radar-kv b,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-plan,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-kpi__label,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-kpi__value,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-row__value,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-detail-head,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-section-title,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-value,
body.dashboard-body.light-theme .home-desktop-only .summary-chip strong,
body.dashboard-body.light-theme .home-desktop-only .monitor-title,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-radar-kv b {
    color: var(--home-light-text) !important;
    text-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-overview-block--plan,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-summary-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-actions-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-consumption-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-radar-panel,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-radar-item,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-kpi,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-detail-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-action,
body.dashboard-body.light-theme .home-desktop-only .home-overview-block--plan,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-summary-card,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-actions-card,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-consumption-card,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-radar-panel,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-radar-item,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-kpi,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-detail-card,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-card,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-action {
    background: var(--home-light-surface) !important;
    border-color: var(--home-light-border) !important;
    box-shadow: var(--home-light-shadow-soft) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-card::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-card::after,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-consumption-card::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-action::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-action::after,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-card::before,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-card::after,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-consumption-card::before,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-action::before,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-action::after {
    opacity: 0.18 !important;
    filter: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-status-pill,
body.dashboard-body.light-theme .home-desktop-only .home-plan-status-pill {
    background: var(--home-light-accent-soft) !important;
    color: var(--home-light-accent) !important;
    border-color: rgba(10, 143, 197, 0.18) !important;
    box-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-status-pill--success,
body.dashboard-body.light-theme .home-desktop-only .home-plan-status-pill--success {
    background: var(--home-light-success-soft) !important;
    color: var(--home-light-success) !important;
    border-color: rgba(21, 135, 99, 0.18) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-status-pill--warning,
body.dashboard-body.light-theme .home-desktop-only .home-plan-status-pill--warning {
    background: var(--home-light-orange-soft) !important;
    color: var(--home-light-orange) !important;
    border-color: rgba(235, 106, 49, 0.18) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-status-pill--danger,
body.dashboard-body.light-theme .home-desktop-only .home-plan-status-pill--danger {
    background: var(--home-light-danger-soft) !important;
    color: var(--home-light-danger) !important;
    border-color: rgba(194, 90, 72, 0.18) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .monitor-badge,
body.dashboard-body.light-theme .home-desktop-only .monitor-badge {
    background: var(--home-light-accent-soft) !important;
    color: var(--home-light-accent) !important;
    border: 1px solid rgba(10, 143, 197, 0.16) !important;
    box-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .summary-chip,
body.dashboard-body.light-theme .home-desktop-only .summary-chip {
    background: var(--home-light-surface-soft) !important;
    border: 1px solid rgba(18, 34, 52, 0.08) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-radar-status--on,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-radar-status--on {
    background: var(--home-light-success-soft) !important;
    color: var(--home-light-success) !important;
    border: 0 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-radar-status--off,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-radar-status--off {
    background: var(--home-light-danger-soft) !important;
    color: var(--home-light-danger) !important;
    border: 0 !important;
}


/* ==========================================================================
   Dashboard Home - Light Theme Polish
   ========================================================================== */

html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-root,
body.dashboard-body.light-theme .home-mobile-root {
    --home-light-page: #f4f7fb;
    --home-light-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.992) 0%, rgba(247, 250, 253, 0.98) 100%);
    --home-light-surface-soft: linear-gradient(180deg, rgba(251, 253, 255, 0.99) 0%, rgba(244, 248, 252, 0.97) 100%);
    --home-light-panel-muted: #eff4f9;
    --home-light-border: rgba(20, 39, 59, 0.12);
    --home-light-border-strong: rgba(20, 39, 59, 0.18);
    --home-light-text: #13273a;
    --home-light-muted: #627689;
    --home-light-soft: #7b8fa3;
    --home-light-accent: #0b8fc4;
    --home-light-accent-soft: rgba(11, 143, 196, 0.13);
    --home-light-orange: #eb6a31;
    --home-light-orange-soft: rgba(235, 106, 49, 0.13);
    --home-light-success: #157d5b;
    --home-light-success-soft: rgba(21, 125, 91, 0.14);
    --home-light-danger: #c15a4b;
    --home-light-danger-soft: rgba(193, 90, 75, 0.14);
    --home-light-shadow: 0 18px 40px rgba(16, 30, 45, 0.1);
    --home-light-shadow-soft: 0 12px 28px rgba(16, 30, 45, 0.07);
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit {
    background: linear-gradient(180deg, rgba(244, 247, 251, 0.98) 0%, rgba(238, 244, 249, 0.98) 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-header,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-header {
    background:
        radial-gradient(120% 100% at 100% 0%, rgba(11, 143, 196, 0.1) 0%, transparent 58%),
        radial-gradient(120% 90% at 0% 100%, rgba(235, 106, 49, 0.08) 0%, transparent 52%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.995) 0%, rgba(246, 250, 253, 0.985) 100%) !important;
    border-color: rgba(20, 39, 59, 0.1) !important;
    box-shadow: 0 18px 40px rgba(16, 30, 45, 0.1) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-header::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-header::after,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-header::before,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-header::after {
    display: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-header-main,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-hero,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-welcome,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-brand-toolbar,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-header-main,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-hero,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-welcome,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-brand-toolbar {
    background: transparent !important;
    box-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-brand-row,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-brand-row {
    padding-bottom: 0.45rem !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-client-greeting,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-client-greeting {
    color: #627689 !important;
    letter-spacing: 0.03em;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-client-value,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-client-value {
    color: #11263a !important;
    text-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-client-value--brand,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-client-value--brand {
    color: var(--home-light-orange) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-mobile-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-compact-block,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-action-btn,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-monitor.cockpit-consumption,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-panel,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-item,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-block,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-mobile-card,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-compact-block,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-action-btn,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-monitor.cockpit-consumption,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-panel,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-item,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-block {
    background:
        radial-gradient(120% 110% at 100% 0%, rgba(11, 143, 196, 0.06) 0%, transparent 58%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.992) 0%, rgba(245, 249, 252, 0.985) 100%) !important;
    border-color: rgba(20, 39, 59, 0.1) !important;
    box-shadow: 0 10px 22px rgba(16, 30, 45, 0.07) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-action-btn__label,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-action-btn__label {
    color: #12273b !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-action-btn__meta,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-action-btn__meta {
    color: #6b8093 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .summary-chip,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .summary-chip {
    background: linear-gradient(180deg, rgba(247, 251, 254, 0.98) 0%, rgba(241, 246, 250, 0.96) 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-overview-block--plan,
body.dashboard-body.light-theme .home-desktop-only .home-overview-block--plan {
    background:
        radial-gradient(140% 110% at 100% 0%, rgba(11, 143, 196, 0.08) 0%, transparent 58%),
        radial-gradient(120% 100% at 0% 100%, rgba(235, 106, 49, 0.07) 0%, transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.992) 0%, rgba(245, 249, 252, 0.98) 100%) !important;
    border-color: rgba(20, 39, 59, 0.1) !important;
    box-shadow: 0 16px 34px rgba(16, 30, 45, 0.08) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-overview-block--plan > div[style],
body.dashboard-body.light-theme .home-desktop-only .home-overview-block--plan > div[style] {
    opacity: 0.26 !important;
    filter: saturate(0.55) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-shell,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-head,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-shell,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-head {
    background: transparent !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .dash-card-title,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .dash-card-title i,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-plan,
body.dashboard-body.light-theme .home-desktop-only .dash-card-title,
body.dashboard-body.light-theme .home-desktop-only .dash-card-title i,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-plan {
    color: #11263a !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .plan-tag,
body.dashboard-body.light-theme .home-desktop-only .plan-tag {
    background: rgba(11, 143, 196, 0.1) !important;
    color: #0b6d96 !important;
    border: 1px solid rgba(11, 143, 196, 0.14) !important;
    box-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-kpi,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-plan-desktop-detail-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-summary-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-actions-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-consumption-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-radar-panel,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-radar-item,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-kpi,
body.dashboard-body.light-theme .home-desktop-only .home-plan-desktop-detail-card,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-summary-card,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-actions-card,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-consumption-card,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-radar-panel,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-radar-item {
    background:
        radial-gradient(120% 110% at 100% 0%, rgba(11, 143, 196, 0.05) 0%, transparent 62%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.992) 0%, rgba(246, 249, 252, 0.982) 100%) !important;
    border-color: rgba(20, 39, 59, 0.1) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-summary-card .home-desktop-kpi-card:nth-child(1),
body.dashboard-body.light-theme .home-desktop-only .home-desktop-summary-card .home-desktop-kpi-card:nth-child(1) {
    background: linear-gradient(180deg, rgba(255, 250, 244, 0.99) 0%, rgba(251, 245, 239, 0.97) 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-summary-card .home-desktop-kpi-card:nth-child(2),
body.dashboard-body.light-theme .home-desktop-only .home-desktop-summary-card .home-desktop-kpi-card:nth-child(2) {
    background: linear-gradient(180deg, rgba(245, 252, 249, 0.99) 0%, rgba(239, 248, 244, 0.97) 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-summary-card .home-desktop-kpi-card:nth-child(3),
body.dashboard-body.light-theme .home-desktop-only .home-desktop-summary-card .home-desktop-kpi-card:nth-child(3) {
    background: linear-gradient(180deg, rgba(244, 251, 255, 0.99) 0%, rgba(238, 247, 251, 0.97) 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-summary-card .home-desktop-kpi-card:nth-child(4),
body.dashboard-body.light-theme .home-desktop-only .home-desktop-summary-card .home-desktop-kpi-card:nth-child(4) {
    background: linear-gradient(180deg, rgba(250, 249, 255, 0.99) 0%, rgba(244, 243, 251, 0.97) 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-actions-card .home-desktop-kpi-action:nth-child(1),
body.dashboard-body.light-theme .home-desktop-only .home-desktop-actions-card .home-desktop-kpi-action:nth-child(1) {
    background: linear-gradient(180deg, rgba(255, 248, 241, 0.99) 0%, rgba(251, 244, 236, 0.97) 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-actions-card .home-desktop-kpi-action:nth-child(2),
body.dashboard-body.light-theme .home-desktop-only .home-desktop-actions-card .home-desktop-kpi-action:nth-child(2) {
    background: linear-gradient(180deg, rgba(244, 251, 255, 0.99) 0%, rgba(238, 246, 251, 0.97) 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-actions-card .home-desktop-kpi-action:nth-child(3),
body.dashboard-body.light-theme .home-desktop-only .home-desktop-actions-card .home-desktop-kpi-action:nth-child(3) {
    background: linear-gradient(180deg, rgba(244, 251, 248, 0.99) 0%, rgba(237, 247, 243, 0.97) 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-actions-card .home-desktop-kpi-action:nth-child(4),
body.dashboard-body.light-theme .home-desktop-only .home-desktop-actions-card .home-desktop-kpi-action:nth-child(4) {
    background: linear-gradient(180deg, rgba(245, 248, 255, 0.99) 0%, rgba(239, 243, 251, 0.97) 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-card:hover,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-action:hover,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-radar-item:hover,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-card:hover,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-action:hover,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-radar-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(16, 30, 45, 0.1) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-card::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-card::after,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-consumption-card::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-action::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-kpi-action::after,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-card::before,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-card::after,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-consumption-card::before,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-action::before,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-kpi-action::after {
    opacity: 0.08 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .chart-canvas-wrapper,
body.dashboard-body.light-theme .home-desktop-only .chart-canvas-wrapper {
    background: linear-gradient(180deg, rgba(248, 251, 254, 0.98) 0%, rgba(242, 247, 251, 0.96) 100%) !important;
    border: 1px solid rgba(20, 39, 59, 0.08) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.76) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .monitor-empty,
body.dashboard-body.light-theme .home-desktop-only .monitor-empty {
    color: #6d8194 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-radar-list,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-radar-list {
    gap: 12px;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-only .home-desktop-radar-item,
body.dashboard-body.light-theme .home-desktop-only .home-desktop-radar-item {
    border-color: rgba(20, 39, 59, 0.1) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-brand-row,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-brand-row {
    min-height: auto !important;
    height: auto !important;
    justify-items: center !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-brand-logo,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-brand-logo {
    width: auto !important;
    height: auto !important;
    padding: 0.42rem 0.58rem !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 251, 254, 0.94) 100%) !important;
    border: 1px solid rgba(20, 39, 59, 0.08) !important;
    clip-path: var(--clip-card) !important;
    box-shadow: 0 10px 22px rgba(16, 30, 45, 0.06) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-brand-logo .rv-logo-svg,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-brand-logo .rv-logo-svg {
    width: clamp(210px, 68vw, 262px) !important;
    max-height: 78px !important;
}


/* ==========================================================================
   Home - Premium Light Theme Refinements
   ========================================================================== */

html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-root,
body.dashboard-body.light-theme .home-mobile-root {
    color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-overview-block,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-summary-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-actions-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-consumption-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-radar-panel,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-radar-item,
html[data-dashboard-theme="light"] body.dashboard-body .home-plan-desktop-kpi,
html[data-dashboard-theme="light"] body.dashboard-body .home-plan-desktop-detail-card,
body.dashboard-body.light-theme .home-overview-block,
body.dashboard-body.light-theme .home-desktop-summary-card,
body.dashboard-body.light-theme .home-desktop-actions-card,
body.dashboard-body.light-theme .home-desktop-consumption-card,
body.dashboard-body.light-theme .home-desktop-radar-panel,
body.dashboard-body.light-theme .home-desktop-radar-item,
body.dashboard-body.light-theme .home-plan-desktop-kpi,
body.dashboard-body.light-theme .home-plan-desktop-detail-card {
    background: linear-gradient(180deg, var(--surface-1) 0%, var(--surface-2) 100%) !important;
    border: 1px solid rgba(21, 40, 59, 0.08) !important;
    border-radius: 22px !important;
    box-shadow: var(--shadow-soft) !important;
    clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-overview-block--plan,
body.dashboard-body.light-theme .home-overview-block--plan {
    background:
        radial-gradient(120% 100% at 100% 0%, rgba(39, 183, 201, 0.08) 0%, transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #f7fafd 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-action,
body.dashboard-body.light-theme .home-desktop-kpi-card,
body.dashboard-body.light-theme .home-desktop-kpi-action {
    background: #ffffff !important;
    border: 1px solid rgba(21, 40, 59, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 24px rgba(21, 40, 59, 0.06) !important;
    color: var(--text-primary) !important;
    clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-card::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-card::after,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-action::before,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-action::after,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-consumption-card::before,
body.dashboard-body.light-theme .home-desktop-kpi-card::before,
body.dashboard-body.light-theme .home-desktop-kpi-card::after,
body.dashboard-body.light-theme .home-desktop-kpi-action::before,
body.dashboard-body.light-theme .home-desktop-kpi-action::after,
body.dashboard-body.light-theme .home-desktop-consumption-card::before {
    display: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-summary-card .home-desktop-kpi-card:nth-child(1),
body.dashboard-body.light-theme .home-desktop-summary-card .home-desktop-kpi-card:nth-child(1) {
    box-shadow: inset 0 3px 0 rgba(217, 106, 52, 0.75), 0 10px 24px rgba(21, 40, 59, 0.06) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-summary-card .home-desktop-kpi-card:nth-child(2),
body.dashboard-body.light-theme .home-desktop-summary-card .home-desktop-kpi-card:nth-child(2) {
    box-shadow: inset 0 3px 0 rgba(30, 138, 98, 0.75), 0 10px 24px rgba(21, 40, 59, 0.06) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-summary-card .home-desktop-kpi-card:nth-child(3),
body.dashboard-body.light-theme .home-desktop-summary-card .home-desktop-kpi-card:nth-child(3) {
    box-shadow: inset 0 3px 0 rgba(14, 134, 183, 0.75), 0 10px 24px rgba(21, 40, 59, 0.06) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-summary-card .home-desktop-kpi-card:nth-child(4),
body.dashboard-body.light-theme .home-desktop-summary-card .home-desktop-kpi-card:nth-child(4) {
    box-shadow: inset 0 3px 0 rgba(39, 183, 201, 0.75), 0 10px 24px rgba(21, 40, 59, 0.06) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-actions-card .home-desktop-kpi-action:nth-child(1),
body.dashboard-body.light-theme .home-desktop-actions-card .home-desktop-kpi-action:nth-child(1) {
    box-shadow: inset 0 3px 0 rgba(217, 106, 52, 0.82), 0 10px 24px rgba(21, 40, 59, 0.06) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-actions-card .home-desktop-kpi-action:nth-child(2),
body.dashboard-body.light-theme .home-desktop-actions-card .home-desktop-kpi-action:nth-child(2) {
    box-shadow: inset 0 3px 0 rgba(39, 183, 201, 0.82), 0 10px 24px rgba(21, 40, 59, 0.06) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-actions-card .home-desktop-kpi-action:nth-child(3),
body.dashboard-body.light-theme .home-desktop-actions-card .home-desktop-kpi-action:nth-child(3) {
    box-shadow: inset 0 3px 0 rgba(14, 134, 183, 0.82), 0 10px 24px rgba(21, 40, 59, 0.06) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-actions-card .home-desktop-kpi-action:nth-child(4),
body.dashboard-body.light-theme .home-desktop-actions-card .home-desktop-kpi-action:nth-child(4) {
    box-shadow: inset 0 3px 0 rgba(185, 133, 42, 0.82), 0 10px 24px rgba(21, 40, 59, 0.06) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-card .home-desktop-kpi-header,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-action .home-desktop-kpi-header,
html[data-dashboard-theme="light"] body.dashboard-body .home-plan-desktop-kpi__label,
html[data-dashboard-theme="light"] body.dashboard-body .home-plan-desktop-row__label,
body.dashboard-body.light-theme .home-desktop-kpi-card .home-desktop-kpi-header,
body.dashboard-body.light-theme .home-desktop-kpi-action .home-desktop-kpi-header,
body.dashboard-body.light-theme .home-plan-desktop-kpi__label,
body.dashboard-body.light-theme .home-plan-desktop-row__label {
    color: var(--text-secondary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-card .home-desktop-kpi-header i,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-action .home-desktop-kpi-header i,
body.dashboard-body.light-theme .home-desktop-kpi-card .home-desktop-kpi-header i,
body.dashboard-body.light-theme .home-desktop-kpi-action .home-desktop-kpi-header i {
    color: var(--accent-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-card .home-desktop-kpi-value,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-action .home-desktop-kpi-value,
html[data-dashboard-theme="light"] body.dashboard-body .home-plan-desktop-kpi__value,
html[data-dashboard-theme="light"] body.dashboard-body .home-plan-desktop-row__value,
html[data-dashboard-theme="light"] body.dashboard-body .home-plan-desktop-plan,
body.dashboard-body.light-theme .home-desktop-kpi-card .home-desktop-kpi-value,
body.dashboard-body.light-theme .home-desktop-kpi-action .home-desktop-kpi-value,
body.dashboard-body.light-theme .home-plan-desktop-kpi__value,
body.dashboard-body.light-theme .home-plan-desktop-row__value,
body.dashboard-body.light-theme .home-plan-desktop-plan {
    color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-card .home-desktop-kpi-meta,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-action .home-desktop-kpi-meta,
html[data-dashboard-theme="light"] body.dashboard-body .home-plan-desktop-kpi__meta,
html[data-dashboard-theme="light"] body.dashboard-body .home-plan-desktop-sub,
html[data-dashboard-theme="light"] body.dashboard-body .monitor-subtitle,
body.dashboard-body.light-theme .home-desktop-kpi-card .home-desktop-kpi-meta,
body.dashboard-body.light-theme .home-desktop-kpi-action .home-desktop-kpi-meta,
body.dashboard-body.light-theme .home-plan-desktop-kpi__meta,
body.dashboard-body.light-theme .home-plan-desktop-sub,
body.dashboard-body.light-theme .monitor-subtitle {
    color: var(--text-muted) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-card:hover,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-kpi-action:hover,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-radar-item:hover,
body.dashboard-body.light-theme .home-desktop-kpi-card:hover,
body.dashboard-body.light-theme .home-desktop-kpi-action:hover,
body.dashboard-body.light-theme .home-desktop-radar-item:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(14, 134, 183, 0.14) !important;
    box-shadow: 0 16px 32px rgba(21, 40, 59, 0.1) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-consumption-section .monitor-head,
body.dashboard-body.light-theme .home-desktop-consumption-section .monitor-head {
    border-bottom-color: rgba(21, 40, 59, 0.07) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-consumption-section .monitor-title,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-radar-meta-title,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-radar-status,
body.dashboard-body.light-theme .home-desktop-consumption-section .monitor-title,
body.dashboard-body.light-theme .home-desktop-radar-meta-title,
body.dashboard-body.light-theme .home-desktop-radar-status {
    color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-consumption-section .monitor-badge,
body.dashboard-body.light-theme .home-desktop-consumption-section .monitor-badge {
    background: rgba(14, 134, 183, 0.12) !important;
    color: var(--accent-primary) !important;
    border: 1px solid rgba(14, 134, 183, 0.16) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-consumption-section .consumption-summary .summary-chip,
html[data-dashboard-theme="light"] body.dashboard-body .chart-canvas-wrapper,
body.dashboard-body.light-theme .home-desktop-consumption-section .consumption-summary .summary-chip,
body.dashboard-body.light-theme .chart-canvas-wrapper {
    background: linear-gradient(180deg, #ffffff 0%, #f7fafd 100%) !important;
    border: 1px solid rgba(21, 40, 59, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-consumption-section .consumption-summary .summary-chip span,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-radar-k,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-radar-ip,
body.dashboard-body.light-theme .home-desktop-consumption-section .consumption-summary .summary-chip span,
body.dashboard-body.light-theme .home-desktop-radar-k,
body.dashboard-body.light-theme .home-desktop-radar-ip {
    color: var(--text-secondary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-consumption-section .consumption-summary .summary-chip strong,
html[data-dashboard-theme="light"] body.dashboard-body .home-desktop-radar-kv b,
body.dashboard-body.light-theme .home-desktop-consumption-section .consumption-summary .summary-chip strong,
body.dashboard-body.light-theme .home-desktop-radar-kv b {
    color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit {
    background: transparent !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-header,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-shell,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-mobile-card,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-compact-block,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-action-btn,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-monitor,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-panel,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-item,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-radar-block,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-header,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-shell,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-mobile-card,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-compact-block,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-action-btn,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-monitor,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-panel,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-item,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-radar-block {
    background: linear-gradient(180deg, var(--surface-1) 0%, var(--surface-2) 100%) !important;
    border: 1px solid rgba(21, 40, 59, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 24px rgba(21, 40, 59, 0.06) !important;
    clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-section-title,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-kicker,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-section-title,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-kicker {
    color: var(--text-secondary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-client-value,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi__value,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-compact-item .value,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-action-btn__label,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .summary-chip strong,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-client-value,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi__value,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-compact-item .value,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-action-btn__label,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .summary-chip strong {
    color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-client-greeting,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .cockpit-status-message,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi__meta,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .home-plan-compact-item,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .mobile-action-btn__meta,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .summary-chip,
html[data-dashboard-theme="light"] body.dashboard-body .home-mobile-only .mobile-cockpit .monitor-subtitle,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-client-greeting,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .cockpit-status-message,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-mobile-kpi__meta,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .home-plan-compact-item,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .mobile-action-btn__meta,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .summary-chip,
body.dashboard-body.light-theme .home-mobile-only .mobile-cockpit .monitor-subtitle {
    color: var(--text-muted) !important;
}


html[data-dashboard-theme="light"] .home-plan-empty-notice,
body.dashboard-body.light-theme .home-plan-empty-notice {
    background: rgba(255, 77, 29, 0.06);
    border-color: rgba(255, 77, 29, 0.30);
    color: #1a1a1a;
}


html[data-dashboard-theme="light"] .home-plan-empty-notice > i,
body.dashboard-body.light-theme .home-plan-empty-notice > i {
    color: #ff4d1d;
}


html[data-dashboard-theme="light"] .home-plan-empty-notice strong,
body.dashboard-body.light-theme .home-plan-empty-notice strong {
    color: #111;
}


html[data-dashboard-theme="light"] .home-plan-empty-notice a,
body.dashboard-body.light-theme .home-plan-empty-notice a {
    color: #ff4d1d;
}

/* source: app/web_dashboard/static/web_dashboard/css/dashboard_sidebar_refresh.css */
@media (min-width: 992px) {

  html[data-dashboard-theme="dark"] body.dashboard-body .dash-main,
  body.dashboard-body.dark-theme .dash-main {
    margin-left: var(--sidebar-width);
    width: calc(100% - var(--sidebar-width));
  }
}

/* source: app/web_dashboard/static/web_dashboard/css/invoices.css */
/* ==========================================================================
   Invoices - Premium Light Theme
   ========================================================================== */

html[data-dashboard-theme="light"] body.dashboard-body .invoice-page-shell,
body.dashboard-body.light-theme .invoice-page-shell {
  color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .invoice-page-title,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-page-kicker,
body.dashboard-body.light-theme .invoice-page-title,
body.dashboard-body.light-theme .invoice-page-kicker {
  color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .invoice-page-subtitle,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-page-subtitle-item,
body.dashboard-body.light-theme .invoice-page-subtitle,
body.dashboard-body.light-theme .invoice-page-subtitle-item {
  color: var(--text-secondary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .invoice-tabs,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-menu-kpi,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-empty-card,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-next-card,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-mini-card,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-history-empty-card,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-history-card,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-mobile-item,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-hud-card,
body.dashboard-body.light-theme .invoice-tabs,
body.dashboard-body.light-theme .invoice-menu-kpi,
body.dashboard-body.light-theme .invoice-empty-card,
body.dashboard-body.light-theme .invoice-next-card,
body.dashboard-body.light-theme .invoice-mini-card,
body.dashboard-body.light-theme .invoice-history-empty-card,
body.dashboard-body.light-theme .invoice-history-card,
body.dashboard-body.light-theme .invoice-mobile-item,
body.dashboard-body.light-theme .invoice-hud-card {
  background: linear-gradient(180deg, var(--surface-1) 0%, var(--surface-2) 100%) !important;
  border: 1px solid rgba(21, 40, 59, 0.08) !important;
  border-radius: 20px !important;
  box-shadow: var(--shadow-soft) !important;
  clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #pills-tabContent .dash-card,
body.dashboard-body.light-theme #pills-tabContent .dash-card {
  background: linear-gradient(180deg, var(--surface-1) 0%, var(--surface-2) 100%) !important;
  border: 1px solid rgba(21, 40, 59, 0.08) !important;
  border-radius: 22px !important;
  box-shadow: var(--shadow-soft) !important;
  clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .invoice-tabs .nav-link.invoice-tab-chip,
body.dashboard-body.light-theme .invoice-tabs .nav-link.invoice-tab-chip {
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(21, 40, 59, 0.08) !important;
  border-radius: 16px !important;
  color: var(--text-secondary) !important;
  box-shadow: 0 8px 18px rgba(21, 40, 59, 0.04) !important;
  clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .invoice-tabs .nav-link.invoice-tab-chip:hover,
body.dashboard-body.light-theme .invoice-tabs .nav-link.invoice-tab-chip:hover {
  background: #ffffff !important;
  border-color: rgba(14, 134, 183, 0.16) !important;
  color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .invoice-tabs .nav-link.invoice-tab-chip.active,
body.dashboard-body.light-theme .invoice-tabs .nav-link.invoice-tab-chip.active {
  background: linear-gradient(135deg, rgba(217, 106, 52, 0.12), rgba(255, 255, 255, 0.98)) !important;
  border-color: rgba(217, 106, 52, 0.28) !important;
  color: var(--accent-warm) !important;
  box-shadow: 0 12px 24px rgba(217, 106, 52, 0.1) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .invoice-menu-kpi__label,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-mobile-item__meta,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-mobile-empty-sub,
body.dashboard-body.light-theme .invoice-menu-kpi__label,
body.dashboard-body.light-theme .invoice-mobile-item__meta,
body.dashboard-body.light-theme .invoice-mobile-empty-sub {
  color: var(--text-secondary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .invoice-menu-kpi__value,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-mobile-item__amount,
html[data-dashboard-theme="light"] body.dashboard-body .invoice-mobile-empty-title,
body.dashboard-body.light-theme .invoice-menu-kpi__value,
body.dashboard-body.light-theme .invoice-mobile-item__amount,
body.dashboard-body.light-theme .invoice-mobile-empty-title {
  color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .table-dark,
html[data-dashboard-theme="light"] body.dashboard-body .table-dark > :not(caption) > * > *,
body.dashboard-body.light-theme .table-dark,
body.dashboard-body.light-theme .table-dark > :not(caption) > * > * {
  --bs-table-bg: transparent !important;
  --bs-table-color: var(--text-primary) !important;
  --bs-table-striped-bg: transparent !important;
  --bs-table-hover-bg: transparent !important;
  --bs-table-border-color: rgba(21, 40, 59, 0.08) !important;
  color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .dash-table tbody tr,
body.dashboard-body.light-theme .dash-table tbody tr {
  background: linear-gradient(180deg, #ffffff 0%, #f7fafd 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .barcode-display,
body.dashboard-body.light-theme .barcode-display {
  background: linear-gradient(180deg, #ffffff 0%, #f5f8fb 100%) !important;
  border: 1px solid rgba(14, 134, 183, 0.2) !important;
  color: var(--text-primary) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 10px 20px rgba(21, 40, 59, 0.04) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .badge-status--open,
body.dashboard-body.light-theme .badge-status--open {
  background: rgba(185, 133, 42, 0.14) !important;
  color: #8e6820 !important;
  border-color: rgba(185, 133, 42, 0.22) !important;
  box-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .modal-content,
body.dashboard-body.light-theme .modal-content {
  background: linear-gradient(180deg, #ffffff 0%, #f7fafd 100%) !important;
  border: 1px solid rgba(21, 40, 59, 0.1) !important;
  color: var(--text-primary) !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 44px rgba(21, 40, 59, 0.14) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .modal-header,
body.dashboard-body.light-theme .modal-header {
  border-bottom-color: rgba(21, 40, 59, 0.08) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .modal-header .btn-close,
body.dashboard-body.light-theme .modal-header .btn-close {
  filter: none !important;
}

/* source: app/web_site/static/components/hero_streaming/css/style.css */
/* Regra base e Override do Dark Mode Global (COM ULTRA ESPECIFICIDADE) */
.btn-speed-ultra,
body.dark-theme .btn-speed-ultra,
body.dark-theme section#hero-streaming .btn-speed-ultra {
    flex: 1;
    background: rgba(255, 255, 255, 0.1) !important; /* Fundo um pouco mais visível */
    border: 1px solid rgba(255, 255, 255, 0.25) !important; /* Borda mais definida */
    color: #ffffff !important; /* TEXTO BRANCO PURO para contraste máximo */
    padding: 12px 5px !important;
    font-family: 'Orbitron', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
    position: relative;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important; /* Sombra para destacar do fundo */
}


.btn-speed-ultra:hover,
body.dark-theme .btn-speed-ultra:hover,
body.dark-theme section#hero-streaming .btn-speed-ultra:hover {
    background: rgba(255, 77, 29, 0.1) !important; /* Hover Orange */
    color: #fff !important;
    border-color: var(--c-orange) !important;
    box-shadow: 0 0 15px rgba(255, 77, 29, 0.4) !important;
}


/* ESTADO ATIVO (Laranja Neon Forçado) */
.btn-speed-ultra.active,
body.dark-theme .btn-speed-ultra.active,
body.dark-theme section#hero-streaming .btn-speed-ultra.active {
    background: linear-gradient(135deg, rgba(255, 77, 29, 0.2), rgba(255, 140, 0, 0.2)) !important;
    border-color: var(--c-orange) !important;
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(255, 77, 29, 0.8) !important;
    box-shadow: 0 0 20px rgba(255, 77, 29, 0.2) !important;
    transform: translateY(-2px) !important;
}

/* source: app/web_site/static/components/master_carousel/hero_streaming/css/style.css */
/* Regra base e Override do Dark Mode Global (COM ULTRA ESPECIFICIDADE) */
.btn-speed-ultra,
body.dark-theme .btn-speed-ultra,
body.dark-theme section#hero-streaming .btn-speed-ultra {
    flex: 1;
    background: rgba(255, 255, 255, 0.1) !important;
    /* Fundo um pouco mais visível */
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    /* Borda mais definida */
    color: #ffffff !important;
    /* TEXTO BRANCO PURO para contraste máximo */
    padding: 14px 6px !important;
    font-family: 'Orbitron', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
    position: relative;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
    /* Sombra para destacar do fundo */
}


.btn-speed-ultra:hover,
body.dark-theme .btn-speed-ultra:hover,
body.dark-theme section#hero-streaming .btn-speed-ultra:hover {
    background: rgba(255, 77, 29, 0.1) !important;
    /* Hover Orange */
    color: #fff !important;
    border-color: var(--c-orange) !important;
    box-shadow: 0 0 15px rgba(255, 77, 29, 0.4) !important;
}


/* ESTADO ATIVO (Laranja Neon Forçado) */
.btn-speed-ultra.active,
body.dark-theme .btn-speed-ultra.active,
body.dark-theme section#hero-streaming .btn-speed-ultra.active {
    background: var(--vn-glass-orange-bg) !important;
    border-color: var(--vn-glass-orange-border) !important;
    color: #ffffff !important;
    text-shadow: var(--vn-glass-text-shadow) !important;
    box-shadow: var(--vn-glass-orange-glow) !important;
    transform: translateY(-2px) !important;
}

/* source: app/web_site/static/components/section_planos/css/style.css */
body.light-theme {
    --planos-section-text: #041018;
    --planos-section-muted: rgba(4, 16, 24, 0.7);
    --planos-plan-speed: #0a1f33;
    --planos-section-eyebrow: #005f99;
    --planos-tabs-bg: rgba(15, 23, 42, 0.04);
    --planos-tabs-text: #041018;
    --planos-tab-icon: #003963;
    --planos-tab-pill: rgba(15, 23, 42, 0.04);
    --planos-tab-pill-border: rgba(15, 23, 42, 0.16);
    --planos-card-bg: #f8fafc;
    --planos-card-border: rgba(15, 23, 42, 0.14);
    --planos-card-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
    --planos-card-hover-shadow: 0 22px 40px rgba(15, 23, 42, 0.16);
    --planos-card-hover-border: rgba(15, 109, 140, 0.4);
    --planos-tab-active-text: #041018;
    --planos-tab-active-bg: var(--planos-cta);
    --planos-tab-hover-bg: rgba(255, 152, 0, 0.18);
    --planos-tab-hover-text: #b34700;
    --planos-logo-bg: rgba(15, 23, 42, 0.04);
    --planos-logo-border: rgba(15, 23, 42, 0.16);
    --planos-chip-border: rgba(4, 16, 24, 0.15);
    --planos-chip-bg: rgba(15, 23, 42, 0.02);
    --planos-chip-hover-border: rgba(0, 90, 140, 0.35);
    --planos-chip-hover-bg: rgba(0, 90, 140, 0.1);
    --planos-chip-hover-color: #005f73;
    --planos-panel-border: rgba(15, 23, 42, 0.18);
    --planos-panel-bg: rgba(15, 23, 42, 0.02);
    --planos-empty-border: rgba(4, 16, 24, 0.2);
    --planos-empty-cta-text: #041018;
    --planos-empty-cta-border: rgba(4, 16, 24, 0.45);
    --planos-empty-cta-hover-bg: rgba(4, 16, 24, 0.08);
    --planos-skeleton-from: rgba(4, 16, 24, 0.04);
    --planos-skeleton-to: rgba(4, 16, 24, 0.12);
}

body.light-theme .plano-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(246, 249, 252, 0.98) 100%);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.1);
}

body.light-theme .plano-card::before {
    background: linear-gradient(90deg, #0ea5e9 0%, #16b7cc 46%, #ff9a1f 100%);
}

body.light-theme .plano-card .card-header {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(243, 248, 252, 0.94)) !important;
}

body.light-theme .plano-card .card-body {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.98)) !important;
}

body.light-theme .plano-card .card-footer {
    background: linear-gradient(180deg, rgba(246, 249, 252, 0.96), rgba(255, 255, 255, 0.99)) !important;
}

body.light-theme .plano-card .price {
    background: none;
    color: #0e2033;
    -webkit-text-fill-color: currentColor;
    filter: none;
    letter-spacing: -1.5px;
}

body.light-theme .plano-card .currency,
body.light-theme .plano-card .term,
body.light-theme .plano-card .price-caption,
body.light-theme .plano-card .plan-eyebrow {
    color: rgba(14, 32, 51, 0.68) !important;
}

body.light-theme .plano-card .plan-mbps {
    color: #0b4d70;
}

body.light-theme .plano-card .plan-speed {
    color: #176087;
    font-weight: 600;
}

body.light-theme .plano-card .plan-logo-img,
body.light-theme .plano-card .plan-logo-text {
    background: linear-gradient(180deg, #ffffff, #f3f7fb);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

body.light-theme .plano-card .plan-benefit {
    background: rgba(4, 52, 87, 0.04);
    border-color: rgba(9, 73, 110, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

body.light-theme .plano-card .plan-benefit--extra {
    background: linear-gradient(135deg, rgba(15, 161, 211, 0.08), rgba(255, 153, 0, 0.12));
    border-color: rgba(15, 109, 140, 0.22);
    color: #0a516f;
}

body.light-theme .plano-card .plan-highlight-chip {
    color: #392000;
    box-shadow: 0 10px 20px rgba(255, 152, 0, 0.22);
}

body.light-theme .plano-card .assine-agora {
    box-shadow: 0 14px 26px rgba(255, 140, 2, 0.16);
}

body.light-theme .featured-plan {
    background: linear-gradient(180deg, rgba(255, 252, 244, 0.98), rgba(245, 250, 255, 0.98));
    border-color: rgba(255, 153, 0, 0.35);
    box-shadow: 0 22px 42px rgba(255, 166, 61, 0.18), 0 12px 26px rgba(15, 109, 140, 0.12);
}

body.light-theme .featured-plan .card-header {
    background: linear-gradient(180deg, rgba(255, 249, 236, 0.96), rgba(247, 251, 255, 0.94)) !important;
}

body.light-theme .featured-plan::after {
    border-color: rgba(255, 181, 71, 0.45);
}

/* Light theme override for the final angular glass CTA system.
   CTA primario: mesmo laranja SOLIDO vivo do tema escuro (tokens de
   tema/tokens.css) com texto escuro — solido funciona em qualquer fundo,
   entao claro e escuro compartilham a mesma receita; so as sombras mudam
   (drop shadow quente em vez de glow neon). */
body.light-theme:not(.dashboard-body):not(.auth-app) {
    --vn-action-glass-orange-bg: var(--vn-btn-primary-bg, #ff4d1d);
    --vn-action-glass-orange-hover-bg: var(--vn-btn-primary-bg-hover, #ff6a3d);
    --vn-action-glass-orange-border: rgba(194, 65, 12, 0.85);
    --vn-action-glass-orange-shadow: 0 10px 22px rgba(194, 65, 12, 0.28);
    --vn-action-glass-orange-hover-shadow: 0 14px 28px rgba(194, 65, 12, 0.36);
    --vn-action-glass-cyan-bg: linear-gradient(135deg, #ffffff 0%, #f5fbfd 100%);
    --vn-action-glass-cyan-hover-bg: linear-gradient(135deg, #e5f5f9 0%, #d7eef5 100%);
    --vn-action-glass-cyan-border: rgba(13, 109, 140, 0.98);
    --vn-action-glass-cyan-shadow: 0 12px 24px rgba(15, 23, 42, 0.08), 0 6px 14px rgba(13, 109, 140, 0.08);
    --vn-action-glass-cyan-hover-shadow: 0 14px 26px rgba(15, 23, 42, 0.1), 0 8px 18px rgba(13, 109, 140, 0.12);
}

body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente,
    .btn-warning
) {
    color: #ffffff !important;
    text-shadow: none !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta:not(.hero-cta--outline),
    .tc-btn-primary,
    .career-btn--primary,
    .trabalhe-btn-primary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .hero-rocket__btn--primary,
    .btn-warning
) {
    --vn-action-glass-bg: var(--vn-action-glass-orange-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-orange-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-orange-border);
    --vn-action-glass-shadow: var(--vn-action-glass-orange-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-orange-hover-shadow);
    --vn-action-glass-icon-bg: rgba(255, 255, 255, 0.98);
    --vn-action-glass-icon-border: rgba(255, 255, 255, 0.92);
    --vn-action-glass-icon-shadow: 0 8px 16px rgba(171, 64, 15, 0.12);
    --vn-action-glass-fg: var(--vn-btn-primary-fg, #111827);
    background: var(--vn-action-glass-bg) !important;
    border-color: var(--vn-action-glass-border) !important;
    color: var(--vn-action-glass-fg, #ffffff) !important;
    box-shadow: var(--vn-action-glass-shadow) !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech-outline:not(.btn-prioridade),
    .hero-cta--outline,
    .tc-btn-secondary,
    .career-btn--ghost,
    .trabalhe-btn-secondary,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-tech-secondary,
    .btn-cyber-secondary,
    .hero-rocket__btn--ghost,
    .btn-outline-cyan-virtualnet,
    .empty-cta,
    .area-cliente
) {
    --vn-action-glass-bg: var(--vn-action-glass-cyan-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-cyan-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-cyan-border);
    --vn-action-glass-shadow: var(--vn-action-glass-cyan-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-cyan-hover-shadow);
    --vn-action-glass-icon-bg: rgba(13, 109, 140, 0.08);
    --vn-action-glass-icon-border: rgba(13, 109, 140, 0.22);
    --vn-action-glass-icon-shadow: 0 8px 16px rgba(15, 23, 42, 0.08);
    --vn-action-glass-fg: #102033;
    background: var(--vn-action-glass-bg) !important;
    border-color: var(--vn-action-glass-border) !important;
    color: #102033 !important;
    box-shadow: var(--vn-action-glass-shadow) !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente,
    .btn-warning
):hover,
body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente,
    .btn-warning
):focus-visible {
    background: var(--vn-action-glass-hover-bg) !important;
    border-color: var(--vn-action-glass-border) !important;
    box-shadow: var(--vn-action-glass-hover-shadow) !important;
    color: var(--vn-action-glass-fg, #ffffff) !important;
    text-shadow: none !important;
    transform: translateY(-2px) !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente,
    .btn-warning
) > :where(i, svg):first-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 1.35rem !important;
    height: 1.35rem !important;
    min-width: 1.35rem !important;
    border: 1px solid var(--vn-action-glass-icon-border) !important;
    border-radius: 999px !important;
    background: var(--vn-action-glass-icon-bg) !important;
    box-shadow: var(--vn-action-glass-icon-shadow) !important;
    color: var(--vn-action-glass-border) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
    text-shadow: none !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta:not(.hero-cta--outline),
    .tc-btn-primary,
    .career-btn--primary,
    .trabalhe-btn-primary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .hero-rocket__btn--primary,
    .btn-warning
) > :where(i, svg):first-child {
    color: #ffffff !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) .plano-card .assine-agora {
    box-shadow: 0 14px 26px rgba(171, 64, 15, 0.16) !important;
    color: #ffffff !important;
}

/* source: app/web_site/static/web_site/css/auth-pages.css */
/* Light theme adjustments */
body.light-theme .auth-card {
    background: #ffffff;
    border-color: #dbe4ef;
    color: #0b0e14;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12);
}


body.light-theme .auth-card .tech-card {
    background: #ffffff;
}


body.light-theme .auth-title {
    color: #0b0e14;
}


body.light-theme .auth-subtitle,
body.light-theme .auth-note,
body.light-theme .auth-links,
body.light-theme .auth-footer,
body.light-theme .auth-help {
    color: #4b5563;
}


body.light-theme .auth-divider::before,
body.light-theme .auth-divider::after {
    background: #e5e7eb;
}


body.light-theme .auth-form .form-control {
    background: #ffffff;
    color: #111827;
    border-color: #cbd5e1;
}


body.light-theme .auth-form .form-control:focus {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 0.2rem rgba(14, 165, 233, 0.2);
}


body.light-theme .auth-form .form-check {
    color: #4b5563;
}


body.light-theme .auth-form .form-check-input {
    background-color: #ffffff;
    border-color: #cbd5e1;
}


body.light-theme .auth-pill {
    background: #f8fafc;
    border-color: #e2e8f0;
}


body.light-theme .auth-pill small {
    color: #64748b;
}


body.light-theme .auth-card .btn-tech-outline {
    color: #0b0e14 !important;
    border-color: #0ea5e9;
}


body.light-theme .auth-card .btn-tech-outline:hover {
    background: rgba(14, 165, 233, 0.08);
    box-shadow: 0 0 12px rgba(14, 165, 233, 0.25);
}

/* source: app/web_site/static/web_site/css/corporativas.css */
body.dark-theme #corporativas .corporativa-card {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.14);
}


body.light-theme #corporativas .corporativa-card {
    background: #ffffff;
    border-color: rgba(4, 16, 24, 0.12);
    box-shadow: 0 16px 30px rgba(4, 16, 24, 0.08);
}


body.dark-theme #corporativas .corporativa-media img {
    filter: saturate(1.05) contrast(1.15) brightness(0.9);
}


body.light-theme #corporativas .corporativa-media::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(4, 16, 24, 0.18) 100%);
}

/* source: app/web_site/static/web_site/css/gamer-tech-ui.css */
/* Typography Overrides */
body.dark-theme .section-gamer h1,
body.dark-theme .section-gamer h2,
body.dark-theme .section-gamer h3,
body.dark-theme .section-gamer h4,
body.dark-theme .section-gamer h5 {
    color: var(--text-white) !important;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.5px;
}


body.dark-theme .section-gamer p {
    color: var(--text-tech) !important;
}

/* source: app/web_site/static/web_site/css/gamer-tech-v5.css */
/* DARK MODE OVERRIDES */
body.dark-theme .section-gamer h1,
body.dark-theme .section-gamer h2,
body.dark-theme .section-gamer h3,
body.dark-theme .section-gamer h4,
body.dark-theme .section-gamer h5,
body.dark-theme .section-gamer p,
body.dark-theme .section-gamer span,
body.dark-theme .section-gamer div,
body.dark-theme .section-gamer strong,
body.dark-theme .section-gamer i {
    color: var(--text-white);
    /* Default to white */
}


body.dark-theme .section-gamer p {
    color: var(--text-tech) !important;
}


body.dark-theme .section-gamer .display-4 span {
    color: transparent !important;
    -webkit-text-stroke: 1px #fff;
    /* Or specific color overrides below */
}


body.dark-theme .footer-tech {
    background: linear-gradient(180deg, rgba(5, 11, 20, 0.98), rgba(5, 11, 20, 0.95)) !important;
    border-top: 1px solid rgba(0, 255, 234, 0.2) !important;
    backdrop-filter: blur(18px);
}


body.dark-theme footer.footer-tech {
    background: linear-gradient(180deg, rgba(5, 11, 20, 0.98), rgba(5, 11, 20, 0.95)) !important;
    border-top: 1px solid rgba(0, 255, 234, 0.2) !important;
    backdrop-filter: blur(18px) !important;
}


body.light-theme footer.footer-tech {
    background: linear-gradient(180deg, rgba(6, 15, 28, 0.96), rgba(6, 15, 28, 0.92)) !important;
    border-top: 1px solid rgba(15, 109, 140, 0.25) !important;
    color: #f5f7fb !important;
    backdrop-filter: blur(18px) !important;
}


body.light-theme footer.footer-tech h5,
body.light-theme footer.footer-tech p,
body.light-theme footer.footer-tech li,
body.light-theme footer.footer-tech small,
body.light-theme footer.footer-tech span,
body.light-theme footer.footer-tech a {
    color: #f5f7fb !important;
}


body.light-theme footer.footer-tech a:hover,
body.light-theme footer.footer-tech a:focus-visible {
    color: #ffb347 !important;
}

/* source: app/web_site/static/web_site/css/header.css */
/******************************************************************************
 * ARQUIVO UNIFICADO DE ESTILOS DO HEADER
 * --------------------------------------
 * Este arquivo combina todos os trechos de CSS fornecidos, referentes ao
 * header e seus componentes (botão "Assine Agora", navegação, dropdowns, temas,
 * ícones sociais, animações, etc.).
 *
 * Objetivo:
 * - Facilitar a manutenção ao manter todo o CSS do header em um único lugar.
 * - Preservar o layout atual, sem mudanças estruturais ou de comportamento.
 * - Fornecer comentários extensivos para orientar a equipe de desenvolvimento.
 *
 * Seções Principais:
 * 1. Variáveis e Temas (Light/Dark)
 * 2. Estilos Globais e Body
 * 3. Header e Divisores
 * 4. Navegação (Nav-Links, Dropdowns, Responsividade)
 * 5. Botões e Animações (Assine Agora, Pulso, etc.)
 * 6. Botões Sociais Personalizados (WhatsApp, TikTok, Facebook, Instagram)
 * 7. Botões Específicos (Área do Cliente, Fale com a Gente)
 *****************************************************************************/

/*==============================================
=            1. VARIÁVEIS E TEMAS              =
==============================================*/

/**
 * .light-theme
 * Descrição: Define variáveis (custom properties) para o tema claro.
 *            Controla cores de fundo, cor principal de texto e cor de hover.
 * Uso: Aplica-se ao <body> ou ao container principal para ativar o tema claro.
 */
.light-theme {
    --background-color: #f5f7fb;
    --background-header: linear-gradient(180deg, #ffffff, #eef2f7);
    --text-color: #0f172a;
    --item-hover: #0d6efd;
}


/**
 * .dark-theme
 * Descrição: Define variáveis (custom properties) para o tema escuro.
 *            Controla cores de fundo, cor principal de texto e cor de hover.
 * Uso: Aplica-se ao <body> ou ao container principal para ativar o tema escuro.
 */
.dark-theme {
    --background-color: #1b1b1b;
    --background-header: linear-gradient(180deg, #102c3a, #133a4a);
    --text-color: #ffffff;
    --item-hover: #ff9800;
}

/* source: app/web_site/static/web_site/css/logo.css */
body.light-theme .logo,
body.light-theme .logo-slogan,
html:not(.dark) body.auth-app .logo,
html:not(.dark) body.auth-app .logo-slogan {
    fill: #213548;
}

/* source: app/web_site/static/web_site/css/sobre-nos.css */
body.light-theme {
  --sobre-bg: #f7fbff;
  --sobre-bg-accent: #e9f3ff;
  --sobre-text: #041018;
  --sobre-muted: rgba(4, 16, 24, 0.7);
  --sobre-eyebrow: #005f99;
  --sobre-card: rgba(4, 16, 24, 0.04);
  --sobre-card-border: rgba(4, 16, 24, 0.08);
  --sobre-cta-text: #041018;
}

/* source: app/web_site/static/web_site/css/trabalhe-conosco-page.css */
body.dark-theme .tc-hero .tc-title {
    letter-spacing: 0 !important;
    text-transform: none !important;
}


body.dark-theme .tc-hero .tc-lede {
    color: rgba(232, 241, 255, 0.78) !important;
}

/* source: app/web_support/static/web_support/css/support_faq.css */
/* ==========================================================================
   FAQ - Premium Light Theme
   ========================================================================== */

html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root,
body.dashboard-body.light-theme .support-faq-root {
    --faq-muted: var(--text-secondary);
    --faq-card-bg: linear-gradient(180deg, var(--surface-1) 0%, var(--surface-2) 100%);
    --faq-card-border: rgba(21, 40, 59, 0.08);
    --faq-card-bg-hover: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    --faq-primary: var(--accent-warm);
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-page-header,
body.dashboard-body.light-theme .support-faq-root .support-page-header {
    background: linear-gradient(180deg, var(--surface-1) 0%, var(--surface-2) 100%) !important;
    border: 1px solid rgba(21, 40, 59, 0.08) !important;
    clip-path: var(--clip-card) !important;
    border-radius: 0 !important;
    box-shadow: var(--shadow-soft) !important;
    padding: 1.3rem 1.4rem !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-title,
body.dashboard-body.light-theme .support-faq-root .support-faq-title {
    background: none !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: initial !important;
    color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-subtitle,
html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-tip,
body.dashboard-body.light-theme .support-faq-root .support-faq-subtitle,
body.dashboard-body.light-theme .support-faq-root .support-faq-tip {
    color: var(--text-secondary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-search,
body.dashboard-body.light-theme .support-faq-root .support-faq-search {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(21, 40, 59, 0.1) !important;
    clip-path: var(--clip-btn) !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 18px rgba(21, 40, 59, 0.05) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-search .input-group-text,
html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-search .support-faq-clear,
body.dashboard-body.light-theme .support-faq-root .support-faq-search .input-group-text,
body.dashboard-body.light-theme .support-faq-root .support-faq-search .support-faq-clear {
    color: var(--text-secondary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-search .form-control,
body.dashboard-body.light-theme .support-faq-root .support-faq-search .form-control {
    color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-search .form-control::placeholder,
body.dashboard-body.light-theme .support-faq-root .support-faq-search .form-control::placeholder {
    color: var(--text-muted) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-item,
html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-side,
body.dashboard-body.light-theme .support-faq-root .support-faq-item,
body.dashboard-body.light-theme .support-faq-root .support-faq-side {
    background: var(--faq-card-bg) !important;
    border: 1px solid rgba(21, 40, 59, 0.08) !important;
    clip-path: var(--clip-card) !important;
    border-radius: 0 !important;
    box-shadow: var(--shadow-soft) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-item:hover,
body.dashboard-body.light-theme .support-faq-root .support-faq-item:hover {
    background: var(--faq-card-bg-hover) !important;
    border-color: rgba(14, 134, 183, 0.16) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-question,
body.dashboard-body.light-theme .support-faq-root .support-faq-question {
    color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-question:not(.collapsed),
body.dashboard-body.light-theme .support-faq-root .support-faq-question:not(.collapsed) {
    color: var(--accent-warm) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-answer,
body.dashboard-body.light-theme .support-faq-root .support-faq-answer {
    background: rgba(255, 255, 255, 0.66) !important;
    border-top-color: rgba(21, 40, 59, 0.08) !important;
    color: var(--text-secondary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-side-title,
body.dashboard-body.light-theme .support-faq-root .support-faq-side-title {
    color: var(--text-primary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-side p,
body.dashboard-body.light-theme .support-faq-root .support-faq-side p {
    color: var(--text-secondary) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-page-hero,
body.dashboard-body.light-theme .support-faq-root .support-faq-page-hero {
    border-color: rgba(20, 39, 59, 0.08) !important;
    background:
        radial-gradient(120% 120% at 100% 0%, rgba(11, 143, 196, 0.08) 0%, transparent 56%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 253, 0.99)) !important;
    box-shadow: var(--shadow-soft) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-page-kicker,
body.dashboard-body.light-theme .support-faq-root .support-faq-page-kicker {
    border-color: rgba(11, 143, 196, 0.18) !important;
    background: rgba(11, 143, 196, 0.08) !important;
    color: var(--accent-cool) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-root .support-faq-search,
body.dashboard-body.light-theme .support-faq-root .support-faq-search {
    box-shadow: 0 8px 18px rgba(21, 40, 59, 0.05) !important;
}

/* source: app/web_support/static/web_support/css/support_tickets.css */
/* ==========================================================================
   Support Tickets - Premium Light Theme
   ========================================================================== */

html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root,
body.dashboard-body.light-theme .support-tickets-root {
  --tickets-surface: linear-gradient(180deg, var(--surface-1) 0%, var(--surface-2) 100%);
  --tickets-border: rgba(21, 40, 59, 0.08);
  --tickets-border-strong: rgba(14, 134, 183, 0.18);
  --tickets-text: var(--text-primary);
  --tickets-muted: var(--text-secondary);
  --tickets-soft: var(--text-muted);
  --tickets-list-bg: linear-gradient(180deg, #ffffff 0%, #f7fafd 100%);
  --tickets-shell-bg: linear-gradient(180deg, #ffffff 0%, #f7fafd 100%);
  --tickets-shell-border: rgba(21, 40, 59, 0.08);
  --tickets-shell-shadow: 0 16px 30px rgba(21, 40, 59, 0.07);
  --tickets-table-head-bg: linear-gradient(180deg, #eef3f8 0%, #e3ebf3 100%);
  --tickets-table-head-text: #4e6378;
  --tickets-row-bg: transparent;
  --tickets-row-hover-bg: linear-gradient(180deg, rgba(14, 134, 183, 0.035) 0%, rgba(255, 255, 255, 0.92) 100%);
  --tickets-row-divider: rgba(21, 40, 59, 0.06);
  --tickets-row-divider-hover: rgba(14, 134, 183, 0.12);
  --tickets-row-accent: rgba(14, 134, 183, 0.55);
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-page-header,
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .tech-card,
body.dashboard-body.light-theme .support-tickets-root .support-page-header,
body.dashboard-body.light-theme .support-tickets-root .tech-card {
  background: var(--tickets-surface) !important;
  border: 1px solid var(--tickets-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--shadow-soft) !important;
  clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-page-header h2,
body.dashboard-body.light-theme .support-tickets-root .support-page-header h2 {
  color: var(--tickets-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-page-subtitle,
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .text-white-50,
body.dashboard-body.light-theme .support-tickets-root .support-page-subtitle,
body.dashboard-body.light-theme .support-tickets-root .text-white-50 {
  color: var(--tickets-muted) !important;
  opacity: 1 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .badge,
body.dashboard-body.light-theme .support-tickets-root .badge {
  border-radius: 999px !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .bg-dark,
body.dashboard-body.light-theme .support-tickets-root .bg-dark {
  background: rgba(255, 255, 255, 0.82) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-new-ticket-btn,
body.dashboard-body.light-theme .support-tickets-root .support-new-ticket-btn {
  border-radius: 16px !important;
  clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-search,
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-filter,
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-filters-toggle,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-search,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-filter,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-filters-toggle {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid var(--tickets-border) !important;
  color: var(--tickets-text) !important;
  box-shadow: 0 8px 18px rgba(21, 40, 59, 0.05) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-search,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-search {
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px) !important;
  border-radius: 0 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-filter,
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-filters-toggle,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-filter,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-filters-toggle {
  clip-path: var(--clip-btn) !important;
  border-radius: 0 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-search-input,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-search-input {
  color: var(--tickets-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-search-input::placeholder,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-search-input::placeholder {
  color: var(--tickets-soft) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-filter,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-filter {
  color: var(--tickets-muted) !important;
  font-weight: 700 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-filter.is-active,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-filter.is-active {
  background: rgba(14, 134, 183, 0.1) !important;
  border-color: rgba(14, 134, 183, 0.2) !important;
  color: var(--accent-primary) !important;
  box-shadow: 0 10px 20px rgba(14, 134, 183, 0.08) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-empty-state,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-empty-state {
  background: linear-gradient(180deg, var(--surface-1) 0%, var(--surface-2) 100%) !important;
  border-color: rgba(185, 133, 42, 0.22) !important;
  color: var(--tickets-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-table thead th,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-table thead th {
  color: var(--tickets-soft) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-table tbody tr,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-table tbody tr {
  background: linear-gradient(180deg, #ffffff 0%, #f7fafd 100%) !important;
  border: 1px solid var(--tickets-border) !important;
  box-shadow: 0 10px 22px rgba(21, 40, 59, 0.04) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-table tbody tr:hover,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-table tbody tr:hover {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border-color: rgba(14, 134, 183, 0.16) !important;
  box-shadow: 0 16px 28px rgba(21, 40, 59, 0.08) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-table tbody td,
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-table tbody .text-white,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-table tbody td,
body.dashboard-body.light-theme .support-tickets-root .support-tickets-table tbody .text-white {
  color: var(--tickets-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-rating__state,
body.dashboard-body.light-theme .support-tickets-root .support-ticket-rating__state {
  color: var(--tickets-muted) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-card,
body.dashboard-body.light-theme .support-tickets-root .support-ticket-card {
  background: linear-gradient(180deg, #ffffff 0%, #f7fafd 100%) !important;
  border: 1px solid var(--tickets-border) !important;
  box-shadow: 0 10px 22px rgba(21, 40, 59, 0.05) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-card .text-white,
body.dashboard-body.light-theme .support-tickets-root .support-ticket-card .text-white {
  color: var(--tickets-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-card .text-white-50,
body.dashboard-body.light-theme .support-tickets-root .support-ticket-card .text-white-50 {
  color: var(--tickets-muted) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .btn-icon-glass,
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-close-btn,
body.dashboard-body.light-theme .support-tickets-root .btn-icon-glass,
body.dashboard-body.light-theme .support-tickets-root .support-ticket-close-btn {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid var(--tickets-border) !important;
  color: var(--tickets-text) !important;
  border-radius: 14px !important;
  clip-path: none !important;
}


@media (min-width: 992px) {
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-page-header,
  body.dashboard-body.light-theme .support-tickets-root .support-page-header {
    padding: 0 !important;
    margin-bottom: 0.85rem !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
    border-radius: 0 !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-page-header h2,
  body.dashboard-body.light-theme .support-tickets-root .support-page-header h2 {
    color: var(--tickets-text) !important;
    text-shadow: none !important;
    letter-spacing: 0.03em !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-page-subtitle,
  body.dashboard-body.light-theme .support-tickets-root .support-page-subtitle {
    color: var(--tickets-muted) !important;
    opacity: 1 !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-page-header .badge,
  body.dashboard-body.light-theme .support-tickets-root .support-page-header .badge {
    background: rgba(255, 255, 255, 0.92) !important;
    border-width: 1px !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(21, 40, 59, 0.05) !important;
    color: var(--tickets-text) !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-page-header .badge.text-info,
  body.dashboard-body.light-theme .support-tickets-root .support-page-header .badge.text-info {
    color: var(--accent-primary) !important;
    border-color: rgba(14, 134, 183, 0.2) !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-toolbar,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 12px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-toolbar-actions,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-toolbar-actions {
    order: 2 !important;
    grid-template-columns: repeat(2, minmax(196px, 196px)) !important;
    gap: 10px !important;
    justify-items: end !important;
    margin-left: auto !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-toolbar-open-btn.btn.btn-tech,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-toolbar-open-btn.btn.btn-tech {
    background: linear-gradient(135deg, #d96a34 0%, #bf5826 100%) !important;
    border-color: #bf5826 !important;
    color: #fff7f2 !important;
    clip-path: var(--clip-btn) !important;
    border-radius: 0 !important;
    box-shadow: 0 14px 28px rgba(217, 106, 52, 0.18) !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-filters-toggle,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-filters-toggle {
    display: grid !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(21, 40, 59, 0.1) !important;
    color: var(--tickets-text) !important;
    clip-path: var(--clip-btn) !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 20px rgba(21, 40, 59, 0.05) !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-filters-toggle__meta,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-filters-toggle__meta {
    color: var(--tickets-soft) !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-filters-panel,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-filters-panel {
    order: 1 !important;
    width: min(840px, 100%) !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-desktop-list,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-desktop-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 4px !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-table,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-table {
    border-spacing: 0 10px !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-table thead tr,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-table thead tr {
    background: transparent !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-table tbody td,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-table tbody td {
    padding-top: 1.05rem !important;
    padding-bottom: 1.05rem !important;
    background: transparent !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-table tbody td:first-child,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-table tbody td:first-child {
    font-size: 1.05rem !important;
    color: var(--tickets-text) !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-table tbody td:nth-child(2) > div > span:first-child,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-table tbody td:nth-child(2) > div > span:first-child {
    font-size: 1.02rem !important;
    font-weight: 700 !important;
    color: var(--tickets-text) !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-rating--desktop,
  body.dashboard-body.light-theme .support-tickets-root .support-ticket-rating--desktop {
    align-items: flex-end !important;
    gap: 8px !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-rating__inline,
  body.dashboard-body.light-theme .support-tickets-root .support-ticket-rating__inline {
    gap: 10px !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-stars,
  body.dashboard-body.light-theme .support-tickets-root .support-ticket-stars {
    gap: 6px !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-star,
  body.dashboard-body.light-theme .support-tickets-root .support-ticket-star {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    background: rgba(238, 243, 248, 0.96) !important;
    border-color: rgba(100, 116, 139, 0.22) !important;
    color: #5b6777 !important;
    clip-path: var(--clip-btn) !important;
    border-radius: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-star:hover,
  body.dashboard-body.light-theme .support-tickets-root .support-ticket-star:hover {
    background: rgba(217, 106, 52, 0.1) !important;
    border-color: rgba(217, 106, 52, 0.28) !important;
    color: var(--accent-warm) !important;
    transform: translateY(-1px) !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-star.is-active,
  body.dashboard-body.light-theme .support-tickets-root .support-ticket-star.is-active {
    background: linear-gradient(135deg, rgba(217, 106, 52, 0.18), rgba(255, 255, 255, 0.98)) !important;
    border-color: rgba(217, 106, 52, 0.34) !important;
    color: var(--accent-warm) !important;
    box-shadow: 0 10px 16px rgba(217, 106, 52, 0.12) !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-rating__view-btn,
  body.dashboard-body.light-theme .support-tickets-root .support-ticket-rating__view-btn {
    min-width: 96px !important;
    min-height: 38px !important;
    padding: 0 0.7rem !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(14, 134, 183, 0.18) !important;
    color: var(--accent-primary) !important;
    clip-path: var(--clip-btn) !important;
    border-radius: 0 !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-rating__view-btn .support-ticket-action-text,
  body.dashboard-body.light-theme .support-tickets-root .support-ticket-rating__view-btn .support-ticket-action-text {
    color: var(--tickets-text) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-ticket-rating__state,
  body.dashboard-body.light-theme .support-tickets-root .support-ticket-rating__state {
    color: var(--tickets-muted) !important;
    font-size: 0.75rem !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .rounded-pill,
  body.dashboard-body.light-theme .support-tickets-root .rounded-pill {
    clip-path: var(--clip-btn) !important;
    border-radius: 0 !important;
  }

  
html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-table tbody tr td:first-child,
  html[data-dashboard-theme="light"] body.dashboard-body .support-tickets-root .support-tickets-table tbody tr td:last-child,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-table tbody tr td:first-child,
  body.dashboard-body.light-theme .support-tickets-root .support-tickets-table tbody tr td:last-child {
    border-radius: 0 !important;
  }
}


html[data-dashboard-theme="light"] #newTicketModal.support-modal--open-ticket .support-open-ticket-cancel,
body.dashboard-body.light-theme #newTicketModal.support-modal--open-ticket .support-open-ticket-cancel {
  border-color: rgba(21, 40, 59, 0.14) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 245, 250, 0.98) 100%) !important;
  color: #23384d !important;
}


html[data-dashboard-theme="light"] #newTicketModal.support-modal--open-ticket .support-open-ticket-submit,
body.dashboard-body.light-theme #newTicketModal.support-modal--open-ticket .support-open-ticket-submit {
  border-color: rgba(191, 88, 38, 0.98) !important;
  background: linear-gradient(135deg, rgba(217, 106, 52, 0.98), rgba(191, 88, 38, 0.96)) !important;
  color: #fff7f2 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #newTicketModal.support-modal--open-ticket .support-open-ticket-content,
body.dashboard-body.light-theme #newTicketModal.support-modal--open-ticket .support-open-ticket-content {
  border: 1px solid rgba(217, 106, 52, 0.58) !important;
  box-shadow:
    0 0 0 1px rgba(217, 106, 52, 0.1),
    0 18px 30px rgba(191, 88, 38, 0.12) !important;
}


html[data-dashboard-theme="dark"] body.dashboard-body #newTicketModal.support-modal--open-ticket .support-open-ticket-content,
body.dashboard-body.dark-theme #newTicketModal.support-modal--open-ticket .support-open-ticket-content {
  border: 1px solid rgba(217, 106, 52, 0.72) !important;
  box-shadow:
    0 0 0 1px rgba(217, 106, 52, 0.12),
    0 18px 32px rgba(191, 88, 38, 0.14) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #newTicketModal.support-modal--open-ticket .support-open-ticket-preferences,
body.dashboard-body.light-theme #newTicketModal.support-modal--open-ticket .support-open-ticket-preferences {
  border: 1px solid rgba(217, 106, 52, 0.22) !important;
  background: linear-gradient(180deg, rgba(248, 250, 253, 0.98) 0%, rgba(239, 244, 249, 0.98) 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
}


html[data-dashboard-theme="dark"] body.dashboard-body #newTicketModal.support-modal--open-ticket .support-open-ticket-preferences,
body.dashboard-body.dark-theme #newTicketModal.support-modal--open-ticket .support-open-ticket-preferences {
  border: 1px solid rgba(217, 106, 52, 0.18) !important;
  background: linear-gradient(160deg, rgba(10, 18, 28, 0.92), rgba(12, 20, 31, 0.9)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 170, 130, 0.04) !important;
}

/* source: app/web_support_chat/static/web_support_chat/css/support_chat_v2.css */
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-closed-footer,
body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-closed-footer {
    border-color: rgba(184, 129, 0, 0.16) !important;
    background: linear-gradient(180deg, rgba(255, 250, 239, 0.96), rgba(250, 244, 229, 0.96)) !important;
}


/* ==========================================================================
   Support - Light Theme
   ========================================================================== */

html[data-dashboard-theme="light"] body.dashboard-body .support-page-root,
body.dashboard-body.light-theme .support-page-root {
    --support-light-page: #f3f7fb;
    --support-light-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.995) 0%, rgba(246, 249, 252, 0.985) 100%);
    --support-light-surface-soft: linear-gradient(180deg, rgba(251, 253, 255, 0.995) 0%, rgba(243, 247, 251, 0.98) 100%);
    --support-light-panel: #eef4f9;
    --support-light-border: rgba(20, 39, 59, 0.11);
    --support-light-border-strong: rgba(20, 39, 59, 0.18);
    --support-light-text: #13283b;
    --support-light-muted: #617588;
    --support-light-soft: #7f92a4;
    --support-light-accent: #0b8fc4;
    --support-light-accent-soft: rgba(11, 143, 196, 0.13);
    --support-light-orange: #eb6a31;
    --support-light-orange-soft: rgba(235, 106, 49, 0.12);
    --support-light-success: #1a7d5a;
    --support-light-success-soft: rgba(26, 125, 90, 0.13);
    --support-light-danger: #c05a4b;
    --support-light-danger-soft: rgba(192, 90, 75, 0.14);
    --support-light-gold: #b8871d;
    --support-light-gold-soft: rgba(184, 135, 29, 0.14);
    --support-light-shadow: 0 18px 40px rgba(16, 30, 45, 0.08);
    --support-light-shadow-soft: 0 10px 24px rgba(16, 30, 45, 0.06);
}


html[data-dashboard-theme="light"] body.dashboard-body.support-page,
html[data-dashboard-theme="light"] body.dashboard-body .dash-main.support-page-main,
html[data-dashboard-theme="light"] body.dashboard-body .support-page-root,
body.dashboard-body.light-theme.support-page,
body.dashboard-body.light-theme .dash-main.support-page-main,
body.dashboard-body.light-theme .support-page-root {
    background:
        radial-gradient(110% 120% at 100% 0%, rgba(11, 143, 196, 0.07) 0%, transparent 55%),
        radial-gradient(100% 90% at 0% 100%, rgba(235, 106, 49, 0.06) 0%, transparent 45%),
        linear-gradient(180deg, rgba(243, 247, 251, 0.99) 0%, rgba(237, 243, 248, 0.99) 100%) !important;
    color: var(--support-light-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-page-header,
body.dashboard-body.light-theme .support-page-header {
    padding: 1.2rem 1.35rem !important;
    border: 1px solid var(--support-light-border) !important;
    background: var(--support-light-surface) !important;
    box-shadow: var(--support-light-shadow-soft) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-page-header h2,
body.dashboard-body.light-theme .support-page-header h2 {
    color: var(--support-light-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-page-subtitle,
html[data-dashboard-theme="light"] body.dashboard-body .support-page-header .text-white.opacity-50,
body.dashboard-body.light-theme .support-page-subtitle,
body.dashboard-body.light-theme .support-page-header .text-white.opacity-50 {
    color: var(--support-light-muted) !important;
    opacity: 1 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-connection-status,
body.dashboard-body.light-theme .support-connection-status {
    background: rgba(255, 255, 255, 0.84) !important;
    border-color: rgba(20, 39, 59, 0.1) !important;
    color: var(--support-light-text) !important;
    box-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-new-ticket-btn,
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-control-btn,
body.dashboard-body.light-theme .support-new-ticket-btn,
body.dashboard-body.light-theme .support-chat-control-btn {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(20, 39, 59, 0.12) !important;
    color: var(--support-light-text) !important;
    box-shadow: 0 10px 20px rgba(16, 30, 45, 0.04) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-new-conversation-header-btn,
body.dashboard-body.light-theme .support-new-conversation-header-btn {
    background: linear-gradient(135deg, rgba(235, 106, 49, 0.96), rgba(226, 89, 31, 0.94)) !important;
    border-color: rgba(214, 87, 35, 0.94) !important;
    color: #fff7f2 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-card,
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-content,
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-pane,
html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane,
html[data-dashboard-theme="light"] body.dashboard-body #support-tickets-pane,
html[data-dashboard-theme="light"] body.dashboard-body #support-faq-pane,
body.dashboard-body.light-theme .support-chat-card,
body.dashboard-body.light-theme .support-chat-content,
body.dashboard-body.light-theme .support-chat-pane,
body.dashboard-body.light-theme #support-history-pane,
body.dashboard-body.light-theme #support-tickets-pane,
body.dashboard-body.light-theme #support-faq-pane {
    background: var(--support-light-surface) !important;
    border-color: var(--support-light-border) !important;
    box-shadow: var(--support-light-shadow) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-tabs,
body.dashboard-body.light-theme .support-chat-tabs {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(20, 39, 59, 0.1) !important;
    box-shadow: inset 0 -1px 0 rgba(20, 39, 59, 0.06);
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-tabs .nav-link,
body.dashboard-body.light-theme .support-chat-tabs .nav-link {
    background: rgba(246, 249, 252, 0.9) !important;
    border-color: rgba(20, 39, 59, 0.08) !important;
    color: var(--support-light-muted) !important;
    box-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-tabs .nav-link.active,
body.dashboard-body.light-theme .support-chat-tabs .nav-link.active {
    background: rgba(235, 106, 49, 0.08) !important;
    border-color: rgba(235, 106, 49, 0.2) !important;
    color: var(--support-light-orange) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-tab-badge,
body.dashboard-body.light-theme .support-tab-badge {
    background: rgba(11, 143, 196, 0.12) !important;
    color: var(--support-light-accent) !important;
    border: 1px solid rgba(11, 143, 196, 0.16) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-header,
body.dashboard-body.light-theme .support-chat-header {
    background: linear-gradient(180deg, rgba(248, 251, 254, 0.98) 0%, rgba(243, 248, 252, 0.98) 100%) !important;
    border-bottom: 1px solid rgba(20, 39, 59, 0.08) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-header .text-white-50,
body.dashboard-body.light-theme .support-chat-header .text-white-50 {
    color: var(--support-light-muted) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-online-badge,
body.dashboard-body.light-theme .support-chat-online-badge {
    background: rgba(241, 250, 245, 0.98) !important;
    border-color: rgba(26, 125, 90, 0.2) !important;
    color: var(--support-light-success) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-messages,
body.dashboard-body.light-theme .support-chat-messages {
    background:
        radial-gradient(140% 100% at 100% 0%, rgba(11, 143, 196, 0.05) 0%, transparent 62%),
        linear-gradient(180deg, rgba(251, 253, 255, 0.99) 0%, rgba(243, 247, 251, 0.98) 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-empty,
body.dashboard-body.light-theme .support-chat-empty {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-empty-intro,
body.dashboard-body.light-theme .support-chat-empty-intro {
    border: 1px solid rgba(20, 39, 59, 0.08) !important;
    background:
        radial-gradient(120% 100% at 100% 0%, rgba(11, 143, 196, 0.08) 0%, transparent 56%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.992) 0%, rgba(246, 250, 253, 0.985) 100%) !important;
    box-shadow: var(--support-light-shadow-soft) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-empty-top i,
body.dashboard-body.light-theme .support-chat-empty-top i {
    color: var(--support-light-accent) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-empty-title,
html[data-dashboard-theme="light"] body.dashboard-body .support-topic-title,
body.dashboard-body.light-theme .support-chat-empty-title,
body.dashboard-body.light-theme .support-topic-title {
    color: var(--support-light-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-empty-subtitle,
html[data-dashboard-theme="light"] body.dashboard-body .support-topic-desc,
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-hint,
body.dashboard-body.light-theme .support-chat-empty-subtitle,
body.dashboard-body.light-theme .support-topic-desc,
body.dashboard-body.light-theme .support-chat-hint {
    color: var(--support-light-muted) !important;
    opacity: 1 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-topic-btn,
body.dashboard-body.light-theme .support-topic-btn {
    background: var(--support-light-surface) !important;
    border: 1px solid rgba(20, 39, 59, 0.1) !important;
    box-shadow: 0 12px 24px rgba(16, 30, 45, 0.05) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-topic-btn::before,
body.dashboard-body.light-theme .support-topic-btn::before {
    opacity: 0.1 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-topic-btn:hover,
html[data-dashboard-theme="light"] body.dashboard-body .support-topic-btn:focus-visible,
body.dashboard-body.light-theme .support-topic-btn:hover,
body.dashboard-body.light-theme .support-topic-btn:focus-visible {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 28px rgba(16, 30, 45, 0.09) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-topic-btn.topic-suporte,
body.dashboard-body.light-theme .support-topic-btn.topic-suporte {
    background: linear-gradient(180deg, rgba(240, 251, 254, 0.99) 0%, rgba(233, 247, 251, 0.97) 100%) !important;
    border-color: rgba(0, 229, 255, 0.34) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-topic-btn.topic-financeiro,
body.dashboard-body.light-theme .support-topic-btn.topic-financeiro {
    background: linear-gradient(180deg, rgba(255, 250, 241, 0.99) 0%, rgba(250, 245, 233, 0.97) 100%) !important;
    border-color: rgba(184, 135, 29, 0.32) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-topic-btn.topic-comercial,
body.dashboard-body.light-theme .support-topic-btn.topic-comercial {
    background: linear-gradient(180deg, rgba(243, 251, 247, 0.99) 0%, rgba(236, 247, 242, 0.97) 100%) !important;
    border-color: rgba(64, 196, 128, 0.3) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-topic-btn.topic-cancelamento,
body.dashboard-body.light-theme .support-topic-btn.topic-cancelamento {
    background: linear-gradient(180deg, rgba(255, 245, 245, 0.99) 0%, rgba(251, 238, 238, 0.97) 100%) !important;
    border-color: rgba(255, 107, 107, 0.3) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-topic-btn.topic-virtual,
body.dashboard-body.light-theme .support-topic-btn.topic-virtual {
    background: linear-gradient(180deg, rgba(244, 248, 255, 0.99) 0%, rgba(238, 243, 252, 0.97) 100%) !important;
    border-color: rgba(92, 141, 250, 0.24) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-topic-btn.topic-duvidas,
body.dashboard-body.light-theme .support-topic-btn.topic-duvidas {
    background: linear-gradient(180deg, rgba(255, 248, 241, 0.99) 0%, rgba(251, 244, 235, 0.97) 100%) !important;
    border-color: rgba(255, 179, 71, 0.28) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-bubble,
body.dashboard-body.light-theme .support-chat-bubble {
    border: 1px solid rgba(20, 39, 59, 0.09) !important;
    box-shadow: 0 10px 20px rgba(16, 30, 45, 0.04) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-bubble.from-agent,
body.dashboard-body.light-theme .support-chat-bubble.from-agent {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.996) 0%, rgba(246, 250, 253, 0.985) 100%) !important;
    border-left: 3px solid rgba(11, 143, 196, 0.25) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-bubble.from-user,
body.dashboard-body.light-theme .support-chat-bubble.from-user {
    background: linear-gradient(135deg, rgba(11, 143, 196, 0.16), rgba(11, 143, 196, 0.06)) !important;
    border-right: 3px solid rgba(11, 143, 196, 0.88) !important;
    color: var(--support-light-text) !important;
    filter: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-bubble .bubble-text,
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-bubble .bubble-time,
body.dashboard-body.light-theme .support-chat-bubble .bubble-text,
body.dashboard-body.light-theme .support-chat-bubble .bubble-time {
    color: var(--support-light-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-bubble .bubble-time,
body.dashboard-body.light-theme .support-chat-bubble .bubble-time {
    color: var(--support-light-muted) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-input,
body.dashboard-body.light-theme .support-chat-input {
    background: linear-gradient(180deg, rgba(248, 251, 254, 0.99) 0%, rgba(243, 248, 252, 0.99) 100%) !important;
    border-top: 1px solid rgba(20, 39, 59, 0.08) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-input-row,
body.dashboard-body.light-theme .support-chat-input-row {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(20, 39, 59, 0.12) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.74), 0 8px 18px rgba(16, 30, 45, 0.04) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-input textarea,
body.dashboard-body.light-theme .support-chat-input textarea {
    background: transparent !important;
    color: var(--support-light-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-input textarea::placeholder,
body.dashboard-body.light-theme .support-chat-input textarea::placeholder {
    color: #7b8ea0 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-quick-action,
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-attach,
body.dashboard-body.light-theme .support-chat-quick-action,
body.dashboard-body.light-theme .support-chat-attach {
    background: rgba(246, 249, 252, 0.95) !important;
    border-color: rgba(20, 39, 59, 0.1) !important;
    color: var(--support-light-accent) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-send,
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-send.btn-tech,
body.dashboard-body.light-theme .support-chat-send,
body.dashboard-body.light-theme .support-chat-send.btn-tech {
    background: linear-gradient(135deg, rgba(11, 143, 196, 0.96), rgba(8, 123, 170, 0.95)) !important;
    border-color: rgba(7, 114, 158, 0.92) !important;
    color: #f7fdff !important;
    box-shadow: 0 10px 18px rgba(11, 143, 196, 0.24) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-send i,
body.dashboard-body.light-theme .support-chat-send i {
    color: #f7fdff !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-toolbar,
html[data-dashboard-theme="light"] body.dashboard-body .support-history-list,
html[data-dashboard-theme="light"] body.dashboard-body .support-ticket-updates-panel,
html[data-dashboard-theme="light"] body.dashboard-body #support-tickets-pane .support-ticket-card,
html[data-dashboard-theme="light"] body.dashboard-body .support-faq-item,
body.dashboard-body.light-theme .support-history-toolbar,
body.dashboard-body.light-theme .support-history-list,
body.dashboard-body.light-theme .support-ticket-updates-panel,
body.dashboard-body.light-theme #support-tickets-pane .support-ticket-card,
body.dashboard-body.light-theme .support-faq-item {
    background: var(--support-light-surface) !important;
    border-color: rgba(20, 39, 59, 0.1) !important;
    box-shadow: 0 10px 22px rgba(16, 30, 45, 0.05) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-item,
body.dashboard-body.light-theme .support-history-item {
    background: linear-gradient(180deg, rgba(251, 253, 255, 0.99) 0%, rgba(243, 247, 251, 0.98) 100%) !important;
    border-color: rgba(20, 39, 59, 0.1) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-item .history-title,
html[data-dashboard-theme="light"] body.dashboard-body .support-ticket-updates-panel__title,
html[data-dashboard-theme="light"] body.dashboard-body #support-tickets-pane .support-ticket-card .text-white.fw-bold,
html[data-dashboard-theme="light"] body.dashboard-body .support-faq-item > summary,
body.dashboard-body.light-theme .support-history-item .history-title,
body.dashboard-body.light-theme .support-ticket-updates-panel__title,
body.dashboard-body.light-theme #support-tickets-pane .support-ticket-card .text-white.fw-bold,
body.dashboard-body.light-theme .support-faq-item > summary {
    color: var(--support-light-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-item .history-date,
html[data-dashboard-theme="light"] body.dashboard-body .support-history-item .history-preview,
html[data-dashboard-theme="light"] body.dashboard-body .support-history-label,
html[data-dashboard-theme="light"] body.dashboard-body #support-tickets-pane .support-ticket-card .text-white.opacity-75.small,
html[data-dashboard-theme="light"] body.dashboard-body #support-tickets-pane .support-ticket-card .text-white-50.small,
html[data-dashboard-theme="light"] body.dashboard-body .support-ticket-updates-panel__count,
html[data-dashboard-theme="light"] body.dashboard-body .support-ticket-update-item__message,
body.dashboard-body.light-theme .support-history-item .history-date,
body.dashboard-body.light-theme .support-history-item .history-preview,
body.dashboard-body.light-theme .support-history-label,
body.dashboard-body.light-theme #support-tickets-pane .support-ticket-card .text-white.opacity-75.small,
body.dashboard-body.light-theme #support-tickets-pane .support-ticket-card .text-white-50.small,
body.dashboard-body.light-theme .support-ticket-updates-panel__count,
body.dashboard-body.light-theme .support-ticket-update-item__message {
    color: var(--support-light-muted) !important;
    opacity: 1 !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-chip,
html[data-dashboard-theme="light"] body.dashboard-body .support-mobile-history-filter,
body.dashboard-body.light-theme .support-history-chip,
body.dashboard-body.light-theme .support-mobile-history-filter {
    background: rgba(247, 250, 253, 0.98) !important;
    border-color: rgba(20, 39, 59, 0.1) !important;
    color: var(--support-light-muted) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-chip.is-active,
html[data-dashboard-theme="light"] body.dashboard-body .support-history-chip[aria-pressed="true"],
html[data-dashboard-theme="light"] body.dashboard-body .support-mobile-history-filter.is-active,
body.dashboard-body.light-theme .support-history-chip.is-active,
body.dashboard-body.light-theme .support-history-chip[aria-pressed="true"],
body.dashboard-body.light-theme .support-mobile-history-filter.is-active {
    background: rgba(11, 143, 196, 0.11) !important;
    border-color: rgba(11, 143, 196, 0.18) !important;
    color: var(--support-light-accent) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-searchbox,
html[data-dashboard-theme="light"] body.dashboard-body .support-history-toolbar .form-control,
html[data-dashboard-theme="light"] body.dashboard-body .support-history-toolbar .form-select,
html[data-dashboard-theme="light"] body.dashboard-body .support-history-toolbar .input-group-text,
html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .support-mobile-history-search,
html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .support-mobile-history-search-input,
body.dashboard-body.light-theme .support-history-searchbox,
body.dashboard-body.light-theme .support-history-toolbar .form-control,
body.dashboard-body.light-theme .support-history-toolbar .form-select,
body.dashboard-body.light-theme .support-history-toolbar .input-group-text,
body.dashboard-body.light-theme #support-history-pane .support-mobile-history-search,
body.dashboard-body.light-theme #support-history-pane .support-mobile-history-search-input {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(20, 39, 59, 0.1) !important;
    color: var(--support-light-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-item,
body.dashboard-body.light-theme .support-faq-item {
    color: var(--support-light-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #support-chat .support-chat-bubble,
body.dashboard-body.light-theme #support-chat .support-chat-bubble {
    clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #support-chat .support-chat-bubble.from-user,
body.dashboard-body.light-theme #support-chat .support-chat-bubble.from-user {
    clip-path: polygon(14px 0, 100% 0, 100% 100%, 0 100%, 0 14px) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #support-chat .support-chat-input-row,
body.dashboard-body.light-theme #support-chat .support-chat-input-row {
    background: rgba(255, 255, 255, 0.96) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #support-chat .support-chat-send,
html[data-dashboard-theme="light"] body.dashboard-body #support-chat .support-chat-send.btn-tech,
body.dashboard-body.light-theme #support-chat .support-chat-send,
body.dashboard-body.light-theme #support-chat .support-chat-send.btn-tech {
    background: linear-gradient(135deg, rgba(11, 143, 196, 0.96), rgba(8, 123, 170, 0.95)) !important;
    border-color: rgba(7, 114, 158, 0.92) !important;
    color: #f7fdff !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #support-chat .support-topic-btn,
body.dashboard-body.light-theme #support-chat .support-topic-btn {
    background: var(--support-light-surface) !important;
}


@media (max-width: 991px) {

    html[data-dashboard-theme="light"] body.dashboard-body .support-chat-mobile-toolbar,
    body.dashboard-body.light-theme .support-chat-mobile-toolbar {
        background: rgba(255, 255, 255, 0.94) !important;
        border-bottom: 1px solid rgba(20, 39, 59, 0.09) !important;
        box-shadow: 0 10px 24px rgba(16, 30, 45, 0.05) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-mobile-toolbar .support-chat-control-btn,
    body.dashboard-body.light-theme .support-chat-mobile-toolbar .support-chat-control-btn {
        background: rgba(248, 251, 254, 0.96) !important;
        border-color: rgba(20, 39, 59, 0.1) !important;
        color: var(--support-light-text) !important;
        box-shadow: none !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-mobile-toolbar .support-chat-online-badge,
    body.dashboard-body.light-theme .support-chat-mobile-toolbar .support-chat-online-badge {
        background: rgba(241, 250, 245, 0.98) !important;
        color: var(--support-light-success) !important;
        border-color: rgba(26, 125, 90, 0.18) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page.support-active-tab-chat #support-chat-pane .support-chat-messages,
    body.dashboard-body.light-theme.support-page.support-active-tab-chat #support-chat-pane .support-chat-messages {
        background:
            radial-gradient(120% 100% at 100% 0%, rgba(11, 143, 196, 0.05) 0%, transparent 60%),
            linear-gradient(180deg, rgba(251, 253, 255, 0.99) 0%, rgba(242, 247, 251, 0.98) 100%) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page.support-active-tab-chat #support-chat-pane .support-chat-input,
    body.dashboard-body.light-theme.support-page.support-active-tab-chat #support-chat-pane .support-chat-input {
        border-top: 1px solid rgba(20, 39, 59, 0.1) !important;
        background: linear-gradient(180deg, rgba(248, 251, 254, 0.99), rgba(243, 247, 251, 0.99)) !important;
        box-shadow: 0 -10px 26px rgba(16, 30, 45, 0.07) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-input-row,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-input-row {
        background: rgba(255, 255, 255, 0.97) !important;
        border-color: rgba(20, 39, 59, 0.1) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat .support-chat-bubble.from-agent,
    body.dashboard-body.light-theme.support-page #support-chat .support-chat-bubble.from-agent {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.995) 0%, rgba(246, 250, 253, 0.985) 100%) !important;
        border-left: 3px solid rgba(11, 143, 196, 0.22) !important;
        border-radius: 4px !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat .support-chat-bubble.from-user,
    body.dashboard-body.light-theme.support-page #support-chat .support-chat-bubble.from-user {
        background: linear-gradient(135deg, rgba(11, 143, 196, 0.16), rgba(11, 143, 196, 0.06)) !important;
        border-right: 3px solid rgba(11, 143, 196, 0.88) !important;
        filter: none !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat .support-topic-desc,
    body.dashboard-body.light-theme.support-page #support-chat .support-topic-desc {
        color: var(--support-light-muted) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .support-mobile-history-toolbar,
    body.dashboard-body.light-theme #support-history-pane .support-mobile-history-toolbar {
        background: transparent !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .support-mobile-history-filters-toggle,
    html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .support-mobile-history-filters-panel,
    html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .support-mobile-history-new-btn,
    body.dashboard-body.light-theme #support-history-pane .support-mobile-history-filters-toggle,
    body.dashboard-body.light-theme #support-history-pane .support-mobile-history-filters-panel,
    body.dashboard-body.light-theme #support-history-pane .support-mobile-history-new-btn {
        background: rgba(255, 255, 255, 0.95) !important;
        border-color: rgba(20, 39, 59, 0.1) !important;
        color: var(--support-light-text) !important;
        box-shadow: 0 10px 22px rgba(16, 30, 45, 0.05) !important;
    }
}


html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .support-history-list,
html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .support-history-item,
body.dashboard-body.light-theme #support-history-pane .support-history-list,
body.dashboard-body.light-theme #support-history-pane .support-history-item {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.994) 0%, rgba(245, 249, 252, 0.985) 100%) !important;
    border-color: rgba(20, 39, 59, 0.1) !important;
    box-shadow: 0 10px 22px rgba(16, 30, 45, 0.05) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .support-history-item:hover,
body.dashboard-body.light-theme #support-history-pane .support-history-item:hover {
    border-color: rgba(11, 143, 196, 0.22) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .history-avatar,
body.dashboard-body.light-theme #support-history-pane .history-avatar {
    background: rgba(247, 250, 253, 0.98) !important;
    border-color: rgba(20, 39, 59, 0.12) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}


html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .history-time,
html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .history-side,
body.dashboard-body.light-theme #support-history-pane .history-time,
body.dashboard-body.light-theme #support-history-pane .history-side {
    color: var(--support-light-soft) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .history-status-badge.is-closed,
body.dashboard-body.light-theme #support-history-pane .history-status-badge.is-closed {
    background: rgba(94, 109, 128, 0.12) !important;
    color: #556779 !important;
    border-color: rgba(94, 109, 128, 0.22) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane .history-status-badge.is-archived,
body.dashboard-body.light-theme #support-history-pane .history-status-badge.is-archived {
    background: rgba(134, 146, 164, 0.1) !important;
    color: #697b8d !important;
    border-color: rgba(134, 146, 164, 0.22) !important;
}


/* ==========================================================================
   Support - Premium Light Theme Refinements
   ========================================================================== */

html[data-dashboard-theme="light"] body.dashboard-body .support-page-root,
body.dashboard-body.light-theme .support-page-root {
    --support-surface-base: var(--surface-1);
    --support-surface-soft: var(--surface-2);
    --support-border: rgba(21, 40, 59, 0.08);
    --support-border-strong: rgba(14, 134, 183, 0.18);
    --support-text: var(--text-primary);
    --support-muted: var(--text-secondary);
    --support-soft: var(--text-muted);
    --support-accent: var(--accent-primary);
    --support-warm: var(--accent-warm);
    --support-success: var(--state-success);
}


html[data-dashboard-theme="light"] body.dashboard-body .support-page-header,
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-card,
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-content,
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-pane,
html[data-dashboard-theme="light"] body.dashboard-body #support-history-pane,
html[data-dashboard-theme="light"] body.dashboard-body #support-tickets-pane,
html[data-dashboard-theme="light"] body.dashboard-body #support-faq-pane,
html[data-dashboard-theme="light"] body.dashboard-body .support-ticket-updates-panel,
body.dashboard-body.light-theme .support-page-header,
body.dashboard-body.light-theme .support-chat-card,
body.dashboard-body.light-theme .support-chat-content,
body.dashboard-body.light-theme .support-chat-pane,
body.dashboard-body.light-theme #support-history-pane,
body.dashboard-body.light-theme #support-tickets-pane,
body.dashboard-body.light-theme #support-faq-pane,
body.dashboard-body.light-theme .support-ticket-updates-panel {
    background: linear-gradient(180deg, var(--support-surface-base) 0%, var(--support-surface-soft) 100%) !important;
    border: 1px solid var(--support-border) !important;
    border-radius: 22px !important;
    box-shadow: var(--shadow-soft) !important;
    clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-tabs,
body.dashboard-body.light-theme .support-chat-tabs {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(21, 40, 59, 0.08) !important;
    box-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-tabs .nav-link,
body.dashboard-body.light-theme .support-chat-tabs .nav-link {
    background: rgba(255, 255, 255, 0.66) !important;
    border: 1px solid rgba(21, 40, 59, 0.08) !important;
    border-radius: 14px !important;
    color: var(--support-muted) !important;
    clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-tabs .nav-link:hover,
body.dashboard-body.light-theme .support-chat-tabs .nav-link:hover {
    border-color: rgba(14, 134, 183, 0.16) !important;
    background: #ffffff !important;
    color: var(--support-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-tabs .nav-link.active,
body.dashboard-body.light-theme .support-chat-tabs .nav-link.active {
    background: linear-gradient(135deg, rgba(217, 106, 52, 0.12), rgba(255, 255, 255, 0.96)) !important;
    border-color: rgba(217, 106, 52, 0.3) !important;
    color: var(--support-warm) !important;
    box-shadow: 0 10px 22px rgba(217, 106, 52, 0.1) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-control-btn,
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-mobile-toolbar .support-chat-control-btn,
body.dashboard-body.light-theme .support-chat-control-btn,
body.dashboard-body.light-theme .support-chat-mobile-toolbar .support-chat-control-btn {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(21, 40, 59, 0.1) !important;
    color: var(--support-text) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 18px rgba(21, 40, 59, 0.05) !important;
    clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-close-btn,
body.dashboard-body.light-theme .support-chat-close-btn {
    background: rgba(198, 81, 81, 0.08) !important;
    border-color: rgba(198, 81, 81, 0.2) !important;
    color: var(--state-danger) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-new-conversation-btn,
body.dashboard-body.light-theme .support-chat-new-conversation-btn {
    background: rgba(217, 106, 52, 0.1) !important;
    border-color: rgba(217, 106, 52, 0.22) !important;
    color: var(--support-warm) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-header,
body.dashboard-body.light-theme .support-chat-header {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 251, 253, 0.96) 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-messages,
body.dashboard-body.light-theme .support-chat-messages {
    background:
        radial-gradient(120% 100% at 100% 0%, rgba(39, 183, 201, 0.06) 0%, transparent 52%),
        linear-gradient(180deg, #fbfdff 0%, #f4f8fb 100%) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-bubble,
body.dashboard-body.light-theme .support-chat-bubble {
    border-radius: 18px !important;
    border: 1px solid rgba(21, 40, 59, 0.08) !important;
    box-shadow: 0 10px 20px rgba(21, 40, 59, 0.04) !important;
    clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-bubble.from-agent,
body.dashboard-body.light-theme .support-chat-bubble.from-agent {
    background: rgba(255, 255, 255, 0.96) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-bubble.from-user,
body.dashboard-body.light-theme .support-chat-bubble.from-user {
    background: linear-gradient(135deg, rgba(14, 134, 183, 0.12), rgba(39, 183, 201, 0.08)) !important;
    border-color: rgba(14, 134, 183, 0.16) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-bubble .bubble-text,
body.dashboard-body.light-theme .support-chat-bubble .bubble-text {
    color: var(--support-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-bubble .bubble-time,
body.dashboard-body.light-theme .support-chat-bubble .bubble-time {
    color: var(--support-soft) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-input,
html[data-dashboard-theme="light"] body.dashboard-body .support-chat-input-row,
body.dashboard-body.light-theme .support-chat-input,
body.dashboard-body.light-theme .support-chat-input-row {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(21, 40, 59, 0.1) !important;
    border-radius: 18px !important;
    clip-path: none !important;
    box-shadow: 0 10px 22px rgba(21, 40, 59, 0.05) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-input textarea,
body.dashboard-body.light-theme .support-chat-input textarea {
    color: var(--support-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-chat-input textarea::placeholder,
body.dashboard-body.light-theme .support-chat-input textarea::placeholder {
    color: var(--support-soft) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-toolbar,
html[data-dashboard-theme="light"] body.dashboard-body .support-history-list,
body.dashboard-body.light-theme .support-history-toolbar,
body.dashboard-body.light-theme .support-history-list {
    background: transparent !important;
    box-shadow: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-searchbox,
html[data-dashboard-theme="light"] body.dashboard-body .support-history-toolbar .form-control,
html[data-dashboard-theme="light"] body.dashboard-body .support-history-toolbar .form-select,
body.dashboard-body.light-theme .support-history-searchbox,
body.dashboard-body.light-theme .support-history-toolbar .form-control,
body.dashboard-body.light-theme .support-history-toolbar .form-select {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(21, 40, 59, 0.1) !important;
    color: var(--support-text) !important;
    border-radius: 14px !important;
    clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-chip,
body.dashboard-body.light-theme .support-history-chip {
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(21, 40, 59, 0.08) !important;
    color: var(--support-muted) !important;
    border-radius: 999px !important;
    clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-chip.is-active,
html[data-dashboard-theme="light"] body.dashboard-body .support-history-chip[aria-pressed="true"],
body.dashboard-body.light-theme .support-history-chip.is-active,
body.dashboard-body.light-theme .support-history-chip[aria-pressed="true"] {
    background: rgba(14, 134, 183, 0.1) !important;
    border-color: rgba(14, 134, 183, 0.2) !important;
    color: var(--support-accent) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-item,
body.dashboard-body.light-theme .support-history-item {
    background: linear-gradient(180deg, #ffffff 0%, #f7fafd 100%) !important;
    border: 1px solid rgba(21, 40, 59, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 22px rgba(21, 40, 59, 0.05) !important;
    clip-path: none !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-item:hover,
body.dashboard-body.light-theme .support-history-item:hover {
    border-color: rgba(14, 134, 183, 0.16) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-item.is-active,
body.dashboard-body.light-theme .support-history-item.is-active {
    background: linear-gradient(135deg, rgba(14, 134, 183, 0.1), rgba(255, 255, 255, 0.98)) !important;
    border-color: rgba(14, 134, 183, 0.22) !important;
    box-shadow: 0 14px 28px rgba(14, 134, 183, 0.09) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-item .history-title,
html[data-dashboard-theme="light"] body.dashboard-body .support-ticket-updates-panel__title,
body.dashboard-body.light-theme .support-history-item .history-title,
body.dashboard-body.light-theme .support-ticket-updates-panel__title {
    color: var(--support-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-history-item .history-date,
html[data-dashboard-theme="light"] body.dashboard-body .support-history-item .history-preview,
html[data-dashboard-theme="light"] body.dashboard-body .support-history-label,
html[data-dashboard-theme="light"] body.dashboard-body .support-ticket-updates-panel__count,
body.dashboard-body.light-theme .support-history-item .history-date,
body.dashboard-body.light-theme .support-history-item .history-preview,
body.dashboard-body.light-theme .support-history-label,
body.dashboard-body.light-theme .support-ticket-updates-panel__count {
    color: var(--support-muted) !important;
}


html[data-dashboard-theme="light"] #newTicketModal .support-open-ticket-body .mb-3.p-3.rounded-3.border.border-secondary.border-opacity-25.bg-black.bg-opacity-25,
body.dashboard-body.light-theme #newTicketModal .support-open-ticket-body .mb-3.p-3.rounded-3.border.border-secondary.border-opacity-25.bg-black.bg-opacity-25 {
    background: linear-gradient(180deg, rgba(247, 250, 253, 0.98) 0%, rgba(236, 243, 248, 0.98) 100%) !important;
    border-color: rgba(21, 40, 59, 0.1) !important;
    box-shadow: none !important;
}


html[data-dashboard-theme="light"] #newTicketModal .support-open-ticket-select,
html[data-dashboard-theme="light"] #newTicketModal .support-open-ticket-textarea,
html[data-dashboard-theme="light"] #newTicketModal .support-open-ticket-combo-toggle,
body.dashboard-body.light-theme #newTicketModal .support-open-ticket-select,
body.dashboard-body.light-theme #newTicketModal .support-open-ticket-textarea,
body.dashboard-body.light-theme #newTicketModal .support-open-ticket-combo-toggle {
    border-color: rgba(21, 40, 59, 0.12) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 252, 0.98) 100%) !important;
    color: #15283b !important;
}


html[data-dashboard-theme="light"] #newTicketModal .support-open-ticket-combo-menu,
body.dashboard-body.light-theme #newTicketModal .support-open-ticket-combo-menu {
    border-color: rgba(21, 40, 59, 0.12) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.995) 0%, rgba(241, 246, 250, 0.99) 100%) !important;
    box-shadow: 0 14px 24px rgba(21, 40, 59, 0.08) !important;
}


html[data-dashboard-theme="light"] #newTicketModal .support-open-ticket-combo-option,
body.dashboard-body.light-theme #newTicketModal .support-open-ticket-combo-option {
    color: #445a70 !important;
}


html[data-dashboard-theme="light"] #newTicketModal .support-open-ticket-combo-option:hover,
html[data-dashboard-theme="light"] #newTicketModal .support-open-ticket-combo-option.is-active,
body.dashboard-body.light-theme #newTicketModal .support-open-ticket-combo-option:hover,
body.dashboard-body.light-theme #newTicketModal .support-open-ticket-combo-option.is-active {
    background: linear-gradient(180deg, rgba(14, 134, 183, 0.12) 0%, rgba(255, 255, 255, 0.98) 100%) !important;
    color: #0e86b7 !important;
}


html[data-dashboard-theme="light"] #newTicketModal .support-open-ticket-combo-toggle.is-placeholder,
html[data-dashboard-theme="light"] #newTicketModal .support-open-ticket-select::placeholder,
html[data-dashboard-theme="light"] #newTicketModal .support-open-ticket-textarea::placeholder,
body.dashboard-body.light-theme #newTicketModal .support-open-ticket-combo-toggle.is-placeholder,
body.dashboard-body.light-theme #newTicketModal .support-open-ticket-select::placeholder,
body.dashboard-body.light-theme #newTicketModal .support-open-ticket-textarea::placeholder {
    color: #7a8da0 !important;
}


html[data-dashboard-theme="light"] #newTicketModal .support-open-ticket-info,
body.dashboard-body.light-theme #newTicketModal .support-open-ticket-info {
    background: linear-gradient(180deg, rgba(241, 249, 253, 0.98) 0%, rgba(233, 244, 250, 0.98) 100%) !important;
    border-color: rgba(14, 134, 183, 0.16) !important;
    color: #446276 !important;
}


html[data-dashboard-theme="light"] #chatFirstModal .modal-content,
body.dashboard-body.light-theme #chatFirstModal .modal-content,
html[data-dashboard-theme="light"] #supportChatNewConversationModal .support-chat-new-conversation-content,
body.dashboard-body.light-theme #supportChatNewConversationModal .support-chat-new-conversation-content {
    border-color: rgba(21, 40, 59, 0.1) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(245, 249, 253, 0.98) 100%) !important;
    box-shadow: 0 18px 32px rgba(21, 40, 59, 0.1) !important;
}


html[data-dashboard-theme="light"] #chatFirstModal .modal-title,
html[data-dashboard-theme="light"] #supportChatNewConversationModal .support-chat-new-conversation-title,
body.dashboard-body.light-theme #chatFirstModal .modal-title,
body.dashboard-body.light-theme #supportChatNewConversationModal .support-chat-new-conversation-title {
    color: #15283b !important;
}


html[data-dashboard-theme="light"] #chatFirstModal .modal-body p,
html[data-dashboard-theme="light"] #supportChatNewConversationModal .support-chat-new-conversation-copy,
body.dashboard-body.light-theme #chatFirstModal .modal-body p,
body.dashboard-body.light-theme #supportChatNewConversationModal .support-chat-new-conversation-copy {
    color: #5c7084 !important;
}


html[data-dashboard-theme="light"] #chatFirstModal .modal-footer .btn:not(:last-child),
html[data-dashboard-theme="light"] #supportChatNewConversationModal .support-chat-modal-cancel,
body.dashboard-body.light-theme #chatFirstModal .modal-footer .btn:not(:last-child),
body.dashboard-body.light-theme #supportChatNewConversationModal .support-chat-modal-cancel {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 245, 250, 0.98) 100%) !important;
    border-color: rgba(21, 40, 59, 0.14) !important;
    color: #23384d !important;
}


html[data-dashboard-theme="light"] #newTicketModal.support-modal--open-ticket .support-open-ticket-cancel,
body.dashboard-body.light-theme #newTicketModal.support-modal--open-ticket .support-open-ticket-cancel {
    border-color: rgba(21, 40, 59, 0.14) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 245, 250, 0.98) 100%) !important;
    color: #23384d !important;
}


@media (min-width: 1200px) {
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-closed-footer__feedback-btn,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-closed-footer__btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-closed-footer__feedback-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-closed-footer__btn {
        border-radius: 0 !important;
        clip-path: var(--clip-btn) !important;
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.8),
            0 8px 18px rgba(21, 40, 59, 0.08) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-closed-footer__feedback-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-closed-footer__feedback-btn {
        border-color: rgba(11, 143, 196, 0.24) !important;
        background: linear-gradient(180deg, rgba(245, 252, 254, 0.99), rgba(236, 248, 251, 0.99)) !important;
        color: #0b8fc4 !important;
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.8),
            0 8px 18px rgba(11, 143, 196, 0.1) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-closed-footer__btn.support-chat-new-conversation-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-closed-footer__btn.support-chat-new-conversation-btn {
        border-color: rgba(11, 143, 196, 0.24) !important;
        background: linear-gradient(180deg, rgba(245, 252, 254, 0.99), rgba(236, 248, 251, 0.99)) !important;
        color: #0b8fc4 !important;
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.8),
            0 8px 18px rgba(11, 143, 196, 0.1) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-header-actions .support-chat-control-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-header-actions .support-chat-control-btn {
        border-radius: 0 !important;
        clip-path: var(--clip-btn) !important;
        border-color: rgba(21, 40, 59, 0.12) !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 252, 0.98) 100%) !important;
        color: #15283b !important;
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.78),
            0 8px 18px rgba(21, 40, 59, 0.08) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-header-actions .support-chat-close-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-header-actions .support-chat-close-btn {
        border-color: rgba(235, 106, 49, 0.34) !important;
        background: linear-gradient(180deg, rgba(255, 247, 243, 0.99), rgba(252, 240, 233, 0.99)) !important;
        color: #c15d27 !important;
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.8),
            0 8px 18px rgba(235, 106, 49, 0.12) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-header-actions .support-chat-attachments-btn,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-header-actions .support-chat-archive-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-header-actions .support-chat-attachments-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-header-actions .support-chat-archive-btn {
        border-color: rgba(14, 134, 183, 0.18) !important;
        background: linear-gradient(180deg, rgba(250, 253, 255, 0.99), rgba(240, 247, 252, 0.99)) !important;
        color: #1d4e71 !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-header-actions .support-chat-new-conversation-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-header-actions .support-chat-new-conversation-btn {
        border-color: rgba(11, 143, 196, 0.24) !important;
        background: linear-gradient(180deg, rgba(245, 252, 254, 0.99), rgba(236, 248, 251, 0.99)) !important;
        color: #0b8fc4 !important;
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.8),
            0 8px 18px rgba(11, 143, 196, 0.1) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-header-actions .support-chat-online-badge,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-header-actions .support-chat-online-badge {
        border-color: rgba(34, 142, 96, 0.2) !important;
        background: linear-gradient(180deg, rgba(243, 251, 247, 0.99), rgba(235, 247, 241, 0.99)) !important;
        color: #1d8a62 !important;
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.78),
            0 8px 18px rgba(34, 142, 96, 0.09) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-item.is-active,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-item.topic-suporte.is-active,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-item.topic-financeiro.is-active,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-item.topic-comercial.is-active,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-item.topic-cancelamento.is-active,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-item.is-active,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-item.topic-suporte.is-active,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-item.topic-financeiro.is-active,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-item.topic-comercial.is-active,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-item.topic-cancelamento.is-active {
        border-color: rgba(var(--support-panel-orange-rgb), 0.64) !important;
        background:
            linear-gradient(
                135deg,
                rgba(var(--support-panel-orange-rgb), 0.12) 0%,
                rgba(255, 255, 255, 0.98) 58%,
                rgba(247, 250, 253, 0.98) 100%
            ) !important;
        box-shadow:
            0 0 0 1px rgba(var(--support-panel-orange-rgb), 0.22),
            0 14px 28px rgba(235, 106, 49, 0.13) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-item.is-active .history-go,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-item.is-active .history-time,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-item.is-active .history-go,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-item.is-active .history-time {
        color: rgba(var(--support-panel-orange-rgb), 0.88) !important;
    }
}


html[data-dashboard-theme="light"] body.dashboard-body #support-faq-pane .support-faq-pane-hero,
body.dashboard-body.light-theme #support-faq-pane .support-faq-pane-hero {
    border-color: rgba(20, 39, 59, 0.08) !important;
    background:
        radial-gradient(120% 120% at 100% 0%, rgba(11, 143, 196, 0.1) 0%, transparent 56%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 253, 0.99)) !important;
    box-shadow: var(--support-light-shadow-soft) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #support-faq-pane .support-faq-pane-hero__eyebrow,
body.dashboard-body.light-theme #support-faq-pane .support-faq-pane-hero__eyebrow {
    border-color: rgba(11, 143, 196, 0.2) !important;
    background: rgba(11, 143, 196, 0.08) !important;
    color: var(--support-light-accent) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #support-faq-pane .support-faq-pane-hero__title,
body.dashboard-body.light-theme #support-faq-pane .support-faq-pane-hero__title {
    color: var(--support-light-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body #support-faq-pane .support-faq-pane-hero__copy,
body.dashboard-body.light-theme #support-faq-pane .support-faq-pane-hero__copy {
    color: var(--support-light-muted) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-list .support-faq-item,
body.dashboard-body.light-theme .support-faq-list .support-faq-item {
    border-color: rgba(20, 39, 59, 0.08) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 249, 252, 0.99)) !important;
    box-shadow: var(--support-light-shadow-soft) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-list .support-faq-item > summary,
body.dashboard-body.light-theme .support-faq-list .support-faq-item > summary {
    color: var(--support-light-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-list .support-faq-item__eyebrow,
body.dashboard-body.light-theme .support-faq-list .support-faq-item__eyebrow {
    border-color: rgba(11, 143, 196, 0.18) !important;
    background: rgba(11, 143, 196, 0.08) !important;
    color: var(--support-light-accent) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-list .support-faq-item__question,
body.dashboard-body.light-theme .support-faq-list .support-faq-item__question {
    color: var(--support-light-text) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-list .support-faq-item__chevron,
body.dashboard-body.light-theme .support-faq-list .support-faq-item__chevron {
    border-color: rgba(20, 39, 59, 0.08) !important;
    background: rgba(246, 249, 252, 0.95) !important;
    color: var(--support-light-muted) !important;
}


html[data-dashboard-theme="light"] body.dashboard-body .support-faq-item .support-faq-answer,
body.dashboard-body.light-theme .support-faq-item .support-faq-answer {
    border-top-color: rgba(20, 39, 59, 0.08) !important;
    color: var(--support-light-muted) !important;
}

/* source: app/templates/account/login.html */
body.auth-app.light-theme .auth-help,
body.auth-app.light-theme .text-tech.small {
    color: #516579 !important;
}

/* source: app/web_support_chat/static/web_support_chat/css/support_chat_desktop_whatsapp.css */
/* Light Theme Overrides for Desktop Empty State */
@media (min-width: 992px) {

    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane.support-workspace-chat,
    body.dashboard-body.light-theme.support-page #support-chat-pane.support-workspace-chat {
        background-color: #f4f9fc !important;
        background-image: 
            radial-gradient(circle at center, rgba(11, 143, 196, 0.05) 0%, transparent 60%),
            url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0L80 20L80 60L40 80L0 60L0 20Z' fill='none' stroke='%230b8fc4' stroke-width='1' stroke-opacity='0.06'/%3E%3C/svg%3E") !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-chat-empty-top i.bi-chat-left-text,
    body.dashboard-body.light-theme.support-page .support-chat-empty-top i.bi-chat-left-text {
        color: #0b8fc4 !important;
        filter: drop-shadow(0 0 16px rgba(11, 143, 196, 0.3)) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-chat-empty-title,
    body.dashboard-body.light-theme.support-page .support-chat-empty-title {
        color: #1a3c5a !important;
        text-shadow: 0 0 15px rgba(11, 143, 196, 0.2) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-chat-empty-subtitle,
    body.dashboard-body.light-theme.support-page .support-chat-empty-subtitle {
        color: #5b768c !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-topic-btn,
    body.dashboard-body.light-theme.support-page .support-topic-btn {
        background: linear-gradient(145deg, #ffffff, #f0f7fb) !important;
        border: 1px solid rgba(11, 143, 196, 0.2) !important;
        box-shadow: 0 8px 24px rgba(20, 40, 60, 0.06) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-topic-btn:hover,
    body.dashboard-body.light-theme.support-page .support-topic-btn:hover {
        border-color: #0b8fc4 !important;
        box-shadow: 0 12px 32px rgba(20, 40, 60, 0.1), 0 0 15px rgba(11, 143, 196, 0.1) !important;
        background: linear-gradient(145deg, #ffffff, #e6f3fa) !important;
    }

    
/* Light Theme History Toolbar Overrides */
    html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-history-searchbox,
    body.dashboard-body.light-theme.support-page .support-history-searchbox {
        background-color: #ffffff !important;
        border-color: rgba(14, 134, 183, 0.3) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-history-searchbox-icon,
    body.dashboard-body.light-theme.support-page .support-history-searchbox-icon {
        color: #5b768c !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-history-searchbox-input,
    body.dashboard-body.light-theme.support-page .support-history-searchbox-input {
        color: #17344b !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-history-searchbox-input::placeholder,
    body.dashboard-body.light-theme.support-page .support-history-searchbox-input::placeholder {
        color: rgba(91, 118, 140, 0.6) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-history-toolbar .dropdown-toggle,
    body.dashboard-body.light-theme.support-page .support-history-toolbar .dropdown-toggle {
        background-color: #ffffff !important;
        border-color: rgba(14, 134, 183, 0.3) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-history-toolbar .dropdown-toggle i,
    body.dashboard-body.light-theme.support-page .support-history-toolbar .dropdown-toggle i {
        color: #0b8fc4 !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-history-toolbar .dropdown-menu,
    body.dashboard-body.light-theme.support-page .support-history-toolbar .dropdown-menu {
        background-color: #ffffff !important;
        border-color: rgba(14, 134, 183, 0.2) !important;
        box-shadow: 0 10px 30px rgba(76, 107, 136, 0.15) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-history-toolbar .dropdown-menu label,
    body.dashboard-body.light-theme.support-page .support-history-toolbar .dropdown-menu label {
        color: #5b768c !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-history-toolbar .dropdown-menu .form-select,
    body.dashboard-body.light-theme.support-page .support-history-toolbar .dropdown-menu .form-select {
        background-color: #f4f9fc !important;
        border-color: rgba(14, 134, 183, 0.2) !important;
        color: #17344b !important;
    }
}

/* source: app/web_support_chat/static/web_support_chat/css/support_chat_v2.css */
/* ==========================================================================
   Support Desktop Workspace Redesign
   ========================================================================== */




/* 2026-03-06: desktop support workspace should use the full canvas like tickets */

/* 2026-03-06: mobile support readability and control cleanup */
@media (max-width: 991.98px) {
html[data-dashboard-theme="light"] body.support-page,
    body.dashboard-body.light-theme.support-page {
        --support-mobile-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.985) 0%, rgba(244, 248, 252, 0.98) 100%);
        --support-mobile-panel-border: rgba(21, 40, 59, 0.1);
        --support-mobile-panel-shadow: 0 12px 24px rgba(21, 40, 59, 0.07);
        --support-mobile-text: #15283b;
        --support-mobile-muted: #55697d;
        --support-mobile-soft: #6f8397;
        --support-mobile-filter-bg: linear-gradient(180deg, rgba(247, 250, 253, 0.98) 0%, rgba(237, 243, 248, 0.96) 100%);
        --support-mobile-filter-border: rgba(21, 40, 59, 0.12);
        --support-mobile-filter-active-bg: linear-gradient(180deg, rgba(14, 134, 183, 0.14) 0%, rgba(255, 255, 255, 0.98) 100%);
        --support-mobile-filter-active-border: rgba(14, 134, 183, 0.24);
        --support-mobile-filter-active-text: #0e86b7;
        --support-mobile-note-bg: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 244, 236, 0.98) 100%);
        --support-mobile-note-border: rgba(217, 106, 52, 0.22);
        --support-mobile-note-text: #5a4335;
        --support-mobile-note-soft: #7c6655;
        --support-mobile-search-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 252, 0.98) 100%);
        --support-mobile-search-border: rgba(21, 40, 59, 0.12);
    }
}


/* 2026-03-09: desktop support workspace cleanup for history and guided entry */



/* 2026-03-09: desktop active-chat workspace polish */


/* 2026-03-09: desktop support tab density and state coherence */


/* 2026-03-10: desktop support tab workspace refinement */

/* ==========================================================================
   Desktop Layout (min-width: 992px) -- Consolidated
   Merged from 24 separate blocks during refactoring.
   ========================================================================== */
@media (min-width: 992px) {
/* --- from original lines 201-247 --- */
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-control-btn,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-quick-action,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-attach,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-control-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-quick-action,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-attach {
        border-color: rgba(18, 65, 93, 0.14) !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 252, 0.98)) !important;
        color: #395066 !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-close-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-close-btn {
        border-color: rgba(198, 81, 81, 0.2) !important;
        background: linear-gradient(180deg, rgba(255, 248, 248, 0.98), rgba(252, 240, 240, 0.98)) !important;
        color: #a04a4a !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-new-conversation-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-new-conversation-btn {
        border-color: rgba(0, 160, 193, 0.2) !important;
        background: linear-gradient(180deg, rgba(245, 252, 254, 0.98), rgba(237, 248, 251, 0.98)) !important;
        color: #0a8398 !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-online-badge,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-online-badge {
        border-color: rgba(34, 142, 96, 0.18) !important;
        background: linear-gradient(180deg, rgba(243, 251, 247, 0.98), rgba(235, 247, 241, 0.98)) !important;
        color: #1d8a62 !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-chip,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-searchbox,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-control .form-select,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-searchbox-clear,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane #support-history-more,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-chip,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-searchbox,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-control .form-select,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-searchbox-clear,
    body.dashboard-body.light-theme.support-page #support-history-pane #support-history-more {
        border-color: rgba(18, 65, 93, 0.12) !important;
        box-shadow: none !important;
    }

    
/* --- from original lines 8416-8461 --- */
html[data-dashboard-theme="light"] body.support-page #support-chat-pane.support-workspace-chat,
    html[data-dashboard-theme="light"] body.support-page #support-history-pane.support-workspace-history,
    body.dashboard-body.light-theme.support-page #support-chat-pane.support-workspace-chat,
    body.dashboard-body.light-theme.support-page #support-history-pane.support-workspace-history {
        background: linear-gradient(180deg, #ffffff 0%, #f7fafd 100%) !important;
        border: 1px solid rgba(21, 40, 59, 0.08) !important;
        box-shadow: var(--shadow-soft) !important;
    }

    
html[data-dashboard-theme="light"] body.support-page #support-chat-pane .support-chat-header,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-header {
        border-bottom-color: rgba(21, 40, 59, 0.08) !important;
    }

    
html[data-dashboard-theme="light"] body.support-page #support-chat-pane .support-chat-messages,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-messages {
        background:
            radial-gradient(120% 100% at 100% 0%, rgba(39, 183, 201, 0.05) 0%, transparent 55%),
            linear-gradient(180deg, #fbfdff 0%, #f5f9fc 100%) !important;
        border: 1px solid rgba(21, 40, 59, 0.06);
        clip-path: var(--clip-card);
    }

    
html[data-dashboard-theme="light"] body.support-page #support-chat-pane .support-chat-input-row,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-input-row {
        background: rgba(255, 255, 255, 0.94) !important;
        border: 1px solid rgba(21, 40, 59, 0.1) !important;
        box-shadow: 0 8px 18px rgba(21, 40, 59, 0.05) !important;
    }

    
html[data-dashboard-theme="light"] body.support-page #support-history-pane .support-history-searchbox,
    html[data-dashboard-theme="light"] body.support-page #support-history-pane .support-history-control .form-select,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-searchbox,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-control .form-select {
        background: rgba(255, 255, 255, 0.94) !important;
        border: 1px solid rgba(21, 40, 59, 0.1) !important;
        box-shadow: 0 8px 18px rgba(21, 40, 59, 0.04) !important;
    }

    
html[data-dashboard-theme="light"] body.support-page #support-history-pane .support-history-item,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-item {
        background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%) !important;
        border-color: rgba(21, 40, 59, 0.08) !important;
    }

    
html[data-dashboard-theme="light"] body.support-page .support-page-title,
    body.dashboard-body.light-theme.support-page .support-page-title {
        color: #15283b !important;
    }

    
html[data-dashboard-theme="light"] body.support-page .support-page-subtitle,
    body.dashboard-body.light-theme.support-page .support-page-subtitle {
        color: #5b7084 !important;
        opacity: 1 !important;
    }

    
html[data-dashboard-theme="light"] body.support-page .support-page-header-actions > a,
    body.dashboard-body.light-theme.support-page .support-page-header-actions > a {
        border-color: rgba(21, 40, 59, 0.1) !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 252, 0.98) 100%) !important;
        color: #15283b !important;
        box-shadow: 0 10px 20px rgba(21, 40, 59, 0.06) !important;
    }

    
html[data-dashboard-theme="light"] body.support-page .support-page-header-actions > a:hover,
    body.dashboard-body.light-theme.support-page .support-page-header-actions > a:hover {
        border-color: rgba(14, 134, 183, 0.22) !important;
        color: #0e86b7 !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-page-header,
    body.dashboard-body.light-theme.support-page .support-page-header,
    html[data-dashboard-theme="dark"] body.dashboard-body.support-page .support-page-header,
    body.dashboard-body.dark-theme.support-page .support-page-header {
        padding: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        clip-path: none !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-chat-header-copy,
    body.dashboard-body.light-theme.support-page .support-chat-header-copy {
        color: #516579 !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-chat-header-eyebrow,
    body.dashboard-body.light-theme.support-page .support-chat-header-eyebrow {
        color: #1d3247 !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-chat-header-helper,
    body.dashboard-body.light-theme.support-page .support-chat-header-helper {
        color: #677c90 !important;
    }

    
html[data-dashboard-theme="dark"] body.dashboard-body.support-page .support-chat-header-copy,
    body.dashboard-body.dark-theme.support-page .support-chat-header-copy {
        color: rgba(210, 224, 238, 0.78) !important;
    }

    
/* --- from original lines 9555-9656 --- */
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-chat-desktop-workspace,
    body.dashboard-body.light-theme.support-page .support-chat-desktop-workspace {
        border-color: rgba(14, 134, 183, 0.16) !important;
        background:
            radial-gradient(circle at top left, rgba(24, 171, 255, 0.08), transparent 26%),
            linear-gradient(180deg, rgba(244, 249, 253, 0.98), rgba(235, 243, 248, 0.98)) !important;
        box-shadow:
            inset 0 0 0 1px rgba(14, 134, 183, 0.06),
            0 18px 36px rgba(76, 107, 136, 0.12);
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane.support-workspace-history,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane.support-workspace-chat,
    body.dashboard-body.light-theme.support-page #support-history-pane.support-workspace-history,
    body.dashboard-body.light-theme.support-page #support-chat-pane.support-workspace-chat {
        border-color: rgba(14, 134, 183, 0.12) !important;
        background:
            linear-gradient(180deg, rgba(252, 254, 255, 0.98), rgba(241, 247, 251, 0.98)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.7),
            inset 0 0 0 1px rgba(14, 134, 183, 0.04);
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-history-desktop-eyebrow,
    body.dashboard-body.light-theme.support-page .support-history-desktop-eyebrow {
        border-color: rgba(14, 134, 183, 0.18);
        background: rgba(14, 134, 183, 0.08);
        color: #0b6280;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-history-desktop-title,
    body.dashboard-body.light-theme.support-page .support-history-desktop-title {
        color: #17344b;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-history-desktop-note,
    body.dashboard-body.light-theme.support-page .support-history-desktop-note {
        color: #64788d;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-toolbar,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-toolbar {
        border-color: rgba(14, 134, 183, 0.14) !important;
        background: linear-gradient(180deg, rgba(245, 250, 253, 0.98), rgba(236, 244, 249, 0.98)) !important;
        box-shadow:
            inset 0 0 0 1px rgba(14, 134, 183, 0.04),
            0 14px 24px rgba(76, 107, 136, 0.08);
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-label,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-label {
        color: #557086;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-history-pane .support-history-item,
    body.dashboard-body.light-theme.support-page #support-history-pane .support-history-item {
        border-color: rgba(14, 134, 183, 0.12) !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 248, 251, 0.98)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.85),
            0 8px 16px rgba(76, 107, 136, 0.08);
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-chat-empty-intro,
    body.dashboard-body.light-theme.support-page .support-chat-empty-intro {
        border-color: rgba(14, 134, 183, 0.14) !important;
        background:
            radial-gradient(circle at top left, rgba(24, 171, 255, 0.08), transparent 30%),
            linear-gradient(180deg, rgba(248, 252, 255, 0.98), rgba(238, 245, 250, 0.98)) !important;
        box-shadow:
            inset 0 0 0 1px rgba(14, 134, 183, 0.04),
            0 18px 30px rgba(76, 107, 136, 0.1);
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-chat-empty-kicker,
    body.dashboard-body.light-theme.support-page .support-chat-empty-kicker {
        border-color: rgba(176, 114, 0, 0.18);
        background: rgba(255, 171, 0, 0.1);
        color: #8a5f00;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-chat-empty-subtitle,
    body.dashboard-body.light-theme.support-page .support-chat-empty-subtitle {
        color: #5f7489;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-topic-btn,
    body.dashboard-body.light-theme.support-page .support-topic-btn {
        background:
            linear-gradient(160deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 252, 0.98)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.88),
            0 12px 22px rgba(76, 107, 136, 0.08) !important;
    }


html[data-dashboard-theme="light"] body.dashboard-body.support-page .support-topic-btn--secondary,
body.dashboard-body.light-theme.support-page .support-topic-btn--secondary {
        background:
            linear-gradient(160deg, rgba(249, 252, 255, 0.98), rgba(236, 243, 248, 0.98)) !important;
    }

    
/* --- from original lines 9867-9904 --- */
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-header,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-header {
        border-bottom-color: rgba(14, 134, 183, 0.12) !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-control-btn,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-quick-action,
    html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-attach,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-control-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-quick-action,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-attach {
        border-color: rgba(18, 65, 93, 0.14) !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 252, 0.98)) !important;
        color: #395066 !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-close-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-close-btn {
        border-color: rgba(198, 81, 81, 0.2) !important;
        background: linear-gradient(180deg, rgba(255, 248, 248, 0.98), rgba(252, 240, 240, 0.98)) !important;
        color: #a04a4a !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-new-conversation-btn,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-new-conversation-btn {
        border-color: rgba(0, 160, 193, 0.2) !important;
        background: linear-gradient(180deg, rgba(245, 252, 254, 0.98), rgba(237, 248, 251, 0.98)) !important;
        color: #0a8398 !important;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-online-badge,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-online-badge {
        border-color: rgba(34, 142, 96, 0.18) !important;
        background: linear-gradient(180deg, rgba(243, 251, 247, 0.98), rgba(235, 247, 241, 0.98)) !important;
        color: #1d8a62 !important;
    }

    
/* --- from original lines 10139-10179 --- */
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-status-badge,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-status-badge {
        border-color: rgba(61, 111, 181, 0.16);
        background: rgba(61, 111, 181, 0.08);
        color: #355f92;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-status-badge[data-state="open"],
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-status-badge[data-state="open"] {
        border-color: rgba(34, 142, 96, 0.18);
        background: rgba(34, 142, 96, 0.09);
        color: #1d8a62;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-status-badge[data-state="closed"],
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-status-badge[data-state="closed"] {
        border-color: rgba(184, 129, 0, 0.18);
        background: rgba(255, 171, 0, 0.1);
        color: #8a5f00;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-status-badge[data-state="archived"],
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-status-badge[data-state="archived"] {
        border-color: rgba(61, 111, 181, 0.16);
        background: rgba(61, 111, 181, 0.08);
        color: #355f92;
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-closed-footer,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-closed-footer {
        border-color: rgba(184, 129, 0, 0.18);
        background: linear-gradient(180deg, rgba(255, 250, 239, 0.98), rgba(250, 244, 229, 0.98));
        box-shadow: 0 10px 18px rgba(128, 95, 0, 0.08);
    }

    
html[data-dashboard-theme="light"] body.dashboard-body.support-page #support-chat-pane .support-chat-closed-footer__text,
    body.dashboard-body.light-theme.support-page #support-chat-pane .support-chat-closed-footer__text {
        color: #876100;
    }
}

/* Final public light-theme guards.
   Component overrides are loaded last, so these rules keep shared dark heroes
   readable while the rest of the page can use the light palette. */
body.light-theme {
    --background-header: linear-gradient(90deg, #083247 0%, #0f4f73 58%, #123c52 100%);
}

body.light-theme header,
body.light-theme header .navbar,
body.light-theme header .header-custom,
body.light-theme header nav .header-custom.border-lg {
    background: var(--background-header) !important;
    color: #ecf4ff !important;
    border-color: rgba(236, 244, 255, 0.22) !important;
    box-shadow: 0 12px 26px rgba(4, 14, 28, 0.28) !important;
}

body.light-theme header .nav-link,
body.light-theme header .nav-link span,
body.light-theme header .area-cliente,
body.light-theme header .social-icon,
body.light-theme header .social-icon i,
body.light-theme header .toggle-theme-btn,
body.light-theme header .toggle-theme-btn .bi,
body.light-theme header .navbar-toggler,
body.light-theme header .navbar-toggler i,
body.light-theme header .navbar-brand .logo,
body.light-theme header .navbar-brand .logo-slogan {
    color: #ecf4ff !important;
    fill: #ecf4ff !important;
}

body.light-theme header .nav-link:hover,
body.light-theme header .nav-link:focus,
body.light-theme header .nav-link.active,
body.light-theme header .nav-link.show,
body.light-theme header .social-icon:hover,
body.light-theme header .social-icon:focus,
body.light-theme header .area-cliente:hover,
body.light-theme header .area-cliente:focus {
    color: #00ffea !important;
    fill: #00ffea !important;
}

body.light-theme header .dropdown-menu {
    background: rgba(6, 16, 29, 0.96) !important;
    border: 1px solid rgba(236, 244, 255, 0.16) !important;
    box-shadow: 0 18px 34px rgba(4, 14, 28, 0.34) !important;
}

body.light-theme header .dropdown-item {
    color: #ecf4ff !important;
}

body.light-theme header .dropdown-item:hover,
body.light-theme header .dropdown-item:focus,
body.light-theme header .dropdown-item.active {
    background: rgba(255, 77, 29, 0.16) !important;
    color: #ffffff !important;
}

body.light-theme footer.footer-tech {
    background:
        radial-gradient(circle at 12% 16%, rgba(15, 111, 136, 0.08), transparent 44%),
        radial-gradient(circle at 88% 0%, rgba(255, 123, 29, 0.08), transparent 46%),
        linear-gradient(90deg, rgba(15, 23, 42, 0.025) 1px, transparent 1px),
        linear-gradient(rgba(15, 23, 42, 0.025) 1px, transparent 1px),
        #f3f7fb !important;
    background-size: 100% 100%, 100% 100%, 48px 48px, 48px 48px, auto !important;
    border-top: 1px solid rgba(15, 23, 42, 0.12) !important;
    color: #0f172a !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: none !important;
}

body.light-theme footer.footer-tech::before {
    opacity: 0.18 !important;
    background-image:
        linear-gradient(90deg, rgba(15, 111, 136, 0.08) 1px, transparent 1px),
        linear-gradient(rgba(15, 111, 136, 0.08) 1px, transparent 1px) !important;
}

body.light-theme footer.footer-tech::after {
    opacity: 0.42 !important;
    background:
        radial-gradient(circle at 10% 20%, rgba(15, 111, 136, 0.12), transparent 48%),
        radial-gradient(circle at 90% 0%, rgba(255, 123, 29, 0.12), transparent 42%) !important;
}

body.light-theme footer.footer-tech .footer-panel {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(15, 111, 136, 0.18) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.1) !important;
}

body.light-theme footer.footer-tech .navbar-brand,
body.light-theme footer.footer-tech .navbar-brand svg {
    --bs-light: #0f172a;
    color: #0f172a !important;
    fill: #0f172a !important;
}

body.light-theme footer.footer-tech h5,
body.light-theme footer.footer-tech .footer-title {
    color: #0b4f63 !important;
}

body.light-theme footer.footer-tech p,
body.light-theme footer.footer-tech li,
body.light-theme footer.footer-tech small,
body.light-theme footer.footer-tech span,
body.light-theme footer.footer-tech a,
body.light-theme footer.footer-tech .footer-blurb,
body.light-theme footer.footer-tech .footer-note,
body.light-theme footer.footer-tech .footer-contact,
body.light-theme footer.footer-tech .footer-meta,
body.light-theme footer.footer-tech .footer-legal {
    color: #334155 !important;
    text-shadow: none !important;
}

body.light-theme footer.footer-tech a:hover,
body.light-theme footer.footer-tech a:focus-visible {
    color: #a9290c !important;
}

body.light-theme footer.footer-tech .footer-title::before {
    background: #0b6f88 !important;
    box-shadow: none !important;
}

body.light-theme footer.footer-tech .footer-contact i {
    color: #0b6f88 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.light-theme footer.footer-tech .footer-links a::before {
    background: rgba(15, 23, 42, 0.34) !important;
}

body.light-theme footer.footer-tech .footer-divider {
    border-top-color: rgba(15, 111, 136, 0.2) !important;
}

body.light-theme footer.footer-tech .form-control {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.18) !important;
    color: #0f172a !important;
}

body.light-theme footer.footer-tech .form-control::placeholder {
    color: #94a3b8 !important;
}

body.light-theme footer.footer-tech .desktop-social-icons .icon {
    fill: #334155 !important;
}

body.light-theme footer.footer-tech .desktop-social-icons a:hover .icon,
body.light-theme footer.footer-tech .desktop-social-icons a:focus-visible .icon {
    fill: #0b6f88 !important;
}

body.light-theme #master-hero-carousel,
body.light-theme #master-hero-carousel section,
body.light-theme #master-hero-carousel .swiper-slide {
    background-color: #050b14 !important;
    color: #f7fbff !important;
}

body.light-theme #master-hero-carousel :is(h1, h2, h3, h4, p, li, span, strong, small),
body.light-theme #master-hero-carousel .trabalhe-title,
body.light-theme #master-hero-carousel .trabalhe-description,
body.light-theme #master-hero-carousel .trabalhe-feature,
body.light-theme #master-hero-carousel .hero-title,
body.light-theme #master-hero-carousel .lead,
body.light-theme #master-hero-carousel .gamer-title,
body.light-theme #master-hero-carousel .gamer-description,
body.light-theme #master-hero-carousel .section-title,
body.light-theme #master-hero-carousel .section-description {
    color: #f7fbff !important;
    -webkit-text-fill-color: currentColor !important;
}

body.light-theme #master-hero-carousel .trabalhe-eyebrow,
body.light-theme #master-hero-carousel .section-eyebrow,
body.light-theme #master-hero-carousel .text-neon-blue {
    color: #00ffea !important;
    -webkit-text-fill-color: currentColor !important;
}

body.light-theme #master-hero-carousel .text-gradient-hero {
    background: linear-gradient(90deg, #ff6b3d, #ffb347, #00d39a) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

body.light-theme main :not(#master-hero-carousel) .btn-tech-outline,
body.light-theme main .btn-outline-cyan-virtualnet {
    background: rgba(15, 111, 136, 0.08) !important;
    border-color: rgba(15, 111, 136, 0.55) !important;
    color: #0b4f63 !important;
    text-shadow: none !important;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08) !important;
}

body.light-theme main :not(#master-hero-carousel) .btn-tech-outline:hover,
body.light-theme main :not(#master-hero-carousel) .btn-tech-outline:focus-visible,
body.light-theme main .btn-outline-cyan-virtualnet:hover,
body.light-theme main .btn-outline-cyan-virtualnet:focus-visible {
    background: rgba(15, 111, 136, 0.15) !important;
    border-color: rgba(15, 111, 136, 0.78) !important;
    color: #07394a !important;
}

#master-hero-carousel .trabalhe-btn {
    min-width: min(100%, 190px) !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

#master-hero-carousel .trabalhe-btn-primary::before {
    display: none !important;
}

html[data-dashboard-theme="light"] body.dashboard-body .invoice-page-title,
body.dashboard-body.light-theme .invoice-page-title {
    color: #0f172a !important;
    -webkit-text-fill-color: currentColor !important;
}

html[data-dashboard-theme="light"] body.dashboard-body,
body.dashboard-body.light-theme {
    background-color: #eef3f8 !important;
    color: #15283b !important;
}

body.dark-theme .sp-field label,
body.dark-theme .sp-field.form-floating > label {
    color: rgba(247, 251, 255, 0.72) !important;
}

html[data-dashboard-theme="dark"] body.dashboard-body .text-muted,
html[data-dashboard-theme="dark"] body.dashboard-body .text-muted strong,
body.dashboard-body.dark-theme .text-muted,
body.dashboard-body.dark-theme .text-muted strong {
    color: rgba(203, 213, 225, 0.78) !important;
}

/* Final usability guards: keep compact links and controls easy to tap
   without changing the visual identity of the shared components. */
footer.footer-tech .footer-panel .list-unstyled a,
footer.footer-tech .footer-contact a,
footer.footer-tech .footer-legal a,
#localizacao a[href^="mailto:"],
.tech-card.pp-card a[href^="mailto:"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 100% !important;
    padding-block: 0.25rem !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

footer.footer-tech .footer-panel .list-unstyled li {
    min-height: 44px !important;
}

footer.footer-tech .footer-legal {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.35rem 0.75rem !important;
}

footer.footer-tech .footer-legal a {
    margin-inline: 0 !important;
}

footer.footer-tech #btn-toggle-particles {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
    min-width: 76px !important;
    min-height: 44px !important;
    padding: 0.25rem 0.55rem !important;
    line-height: 1.2 !important;
}

body.dashboard-body .btn.btn-sm,
body.dashboard-body a.btn.btn-sm,
body.dashboard-body button.btn.btn-sm,
body.dashboard-body .form-control-sm,
body.dashboard-body .form-select-sm {
    min-height: 36px !important;
}

body.dashboard-body .btn.btn-sm,
body.dashboard-body a.btn.btn-sm,
body.dashboard-body button.btn.btn-sm {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
    line-height: 1.15 !important;
    gap: 0.35rem !important;
}

body.dashboard-body .btn.btn-sm > *,
body.dashboard-body a.btn.btn-sm > *,
body.dashboard-body button.btn.btn-sm > * {
    min-width: 0 !important;
}

body.dashboard-body .btn-icon-glass.btn-sm {
    min-width: 36px !important;
    width: 36px !important;
}

body.dashboard-body .profile-avatar-action-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
}

body.dashboard-body .profile-avatar-change-btn {
    min-width: max-content !important;
    padding-inline: 0.9rem !important;
}

body.dashboard-body .support-chat-menu .support-topic-btn,
body.dashboard-body #support-chat .support-topic-btn,
body.dashboard-body.support-page .support-topic-btn {
    min-height: 72px !important;
    height: auto !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
    line-height: 1.2 !important;
}

body.dashboard-body .support-topic-btn .support-topic-title,
body.dashboard-body .support-topic-btn .support-topic-desc {
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
    /* break-word (não anywhere): "anywhere" entrava no cálculo de largura
       mínima do card e quebrava "CANCELAMENTO" como "CANCELAMENT/O".
       hyphens: quando a palavra realmente não cabe, quebra com hífen
       ("CANCELA-MENTO") em vez de corte seco. */
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
}

body.dashboard-body .home-desktop-kpi-card,
body.dashboard-body .home-desktop-kpi-action {
    height: auto !important;
    min-height: 136px !important;
    overflow: visible !important;
}

body.dashboard-body .home-overview-block--summary-actions .home-desktop-cockpit-grid,
body.dashboard-body .home-overview-block--summary-actions .home-desktop-kpi-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.dashboard-body .home-desktop-kpi-card .home-desktop-kpi-header,
body.dashboard-body .home-desktop-kpi-action .home-desktop-kpi-header,
body.dashboard-body .home-desktop-kpi-card .home-desktop-kpi-value,
body.dashboard-body .home-desktop-kpi-action .home-desktop-kpi-value,
body.dashboard-body .home-desktop-kpi-card .home-desktop-kpi-meta,
body.dashboard-body .home-desktop-kpi-action .home-desktop-kpi-meta {
    max-height: none !important;
    overflow: visible !important;
    text-overflow: initial !important;
}

body.dashboard-body .home-desktop-kpi-card .home-desktop-kpi-value,
body.dashboard-body .home-desktop-kpi-action .home-desktop-kpi-value {
    font-size: clamp(0.78rem, 1.15vw, 1rem) !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

body.dashboard-body .home-desktop-kpi-card .home-desktop-kpi-header span,
body.dashboard-body .home-desktop-kpi-action .home-desktop-kpi-header span,
body.dashboard-body .home-desktop-kpi-card .home-desktop-kpi-meta span,
body.dashboard-body .home-desktop-kpi-action .home-desktop-kpi-meta span {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body.dashboard-body .home-plan-empty-notice a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding-block: 0.25rem !important;
}

body.dashboard-body .cockpit-client-value {
    overflow: visible !important;
    text-overflow: initial !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

main .form-control,
main .form-select,
main select,
main input[type="email"],
main input[type="text"],
main input[type="number"],
main input[type="tel"],
main textarea {
    min-height: 40px !important;
}

main input[type="checkbox"],
main input[type="radio"],
body.dashboard-body input[type="checkbox"],
body.dashboard-body input[type="radio"] {
    min-width: 32px !important;
    min-height: 32px !important;
}

main .form-check,
body.dashboard-body .form-check {
    min-height: 40px !important;
}

.sp-video-card {
    height: auto !important;
}

.sp-video-desc {
    display: block !important;
    -webkit-line-clamp: initial !important;
    -webkit-box-orient: initial !important;
    overflow: visible !important;
}

@media (max-width: 575.98px) {
    body.dashboard-body .cockpit-client-value {
        font-size: clamp(1rem, 5.4vw, 1.38rem) !important;
        line-height: 1.08 !important;
    }

    body.dashboard-body .home-desktop-kpi-card .home-desktop-kpi-value,
    body.dashboard-body .home-desktop-kpi-action .home-desktop-kpi-value {
        font-size: 0.76rem !important;
        line-height: 1.16 !important;
    }

    body.dashboard-body .btn.btn-sm,
    body.dashboard-body a.btn.btn-sm,
    body.dashboard-body button.btn.btn-sm,
    body.dashboard-body .form-control-sm,
    body.dashboard-body .form-select-sm,
    footer.footer-tech .footer-panel .list-unstyled a,
    footer.footer-tech .footer-contact a,
    footer.footer-tech .footer-legal a,
    #localizacao a[href^="mailto:"],
    .tech-card.pp-card a[href^="mailto:"] {
        min-height: 44px !important;
    }
}

/* Final action button system: angular glass CTAs used across the public site. */
:root {
    --vn-action-glass-clip: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
    /* CTA primario: laranja SOLIDO vivo + texto escuro (receita do botao do
       login, eleita pelo dono em 2026-06-12 no lugar do vidro translucido,
       que lia como marrom sobre fundo escuro). Tokens em tema/tokens.css. */
    --vn-action-glass-orange-bg: var(--vn-btn-primary-bg, #ff4d1d);
    --vn-action-glass-orange-hover-bg: var(--vn-btn-primary-bg-hover, #ff6a3d);
    --vn-action-glass-orange-border: var(--vn-btn-primary-border, rgba(255, 145, 110, 0.7));
    --vn-action-glass-orange-shadow: var(--vn-btn-primary-glow, 0 6px 18px rgba(255, 77, 29, 0.35));
    --vn-action-glass-orange-hover-shadow: var(--vn-btn-primary-glow-hover, 0 10px 26px rgba(255, 77, 29, 0.5));
    --vn-action-glass-cyan-bg: linear-gradient(135deg, rgba(0, 255, 234, 0.1) 0%, rgba(6, 22, 34, 0.58) 56%, rgba(255, 255, 255, 0.06) 100%);
    --vn-action-glass-cyan-hover-bg: linear-gradient(135deg, rgba(0, 255, 234, 0.2) 0%, rgba(6, 31, 46, 0.64) 56%, rgba(255, 255, 255, 0.08) 100%);
    --vn-action-glass-cyan-border: rgba(0, 255, 234, 0.78);
    --vn-action-glass-cyan-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 0 18px rgba(0, 255, 234, 0.08), 0 0 0 1px rgba(0, 255, 234, 0.08), 0 16px 32px rgba(0, 0, 0, 0.22), 0 0 24px rgba(0, 255, 234, 0.13);
    --vn-action-glass-cyan-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 0 20px rgba(0, 255, 234, 0.13), 0 0 0 1px rgba(0, 255, 234, 0.14), 0 20px 38px rgba(0, 0, 0, 0.26), 0 0 32px rgba(0, 255, 234, 0.24);
}

body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente
) {
    --vn-action-glass-bg: var(--vn-action-glass-cyan-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-cyan-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-cyan-border);
    --vn-action-glass-shadow: var(--vn-action-glass-cyan-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-cyan-hover-shadow);
    --vn-action-glass-icon-bg: rgba(0, 255, 234, 0.18);
    --vn-action-glass-icon-border: rgba(0, 255, 234, 0.5);
    --vn-action-glass-icon-shadow: 0 0 18px rgba(0, 255, 234, 0.28);
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    min-height: 44px !important;
    max-width: 100% !important;
    padding: 0.78rem 1.25rem !important;
    border: 1px solid var(--vn-action-glass-border) !important;
    border-radius: 0 !important;
    background: var(--vn-action-glass-bg) !important;
    color: var(--vn-action-glass-fg, #ffffff) !important;
    box-shadow: var(--vn-action-glass-shadow) !important;
    clip-path: var(--vn-action-glass-clip) !important;
    overflow: hidden !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    text-shadow: var(--vn-action-glass-text-shadow, 0 1px 8px rgba(0, 0, 0, 0.58)) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    backdrop-filter: var(--vn-action-glass-backdrop, blur(12px) saturate(135%)) !important;
    -webkit-backdrop-filter: var(--vn-action-glass-backdrop, blur(12px) saturate(135%)) !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important;
}

body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-hero-cta,
    .hero-cta:not(.hero-cta--outline),
    .tc-btn-primary,
    .career-btn--primary,
    .trabalhe-btn-primary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .hero-rocket__btn--primary
) {
    --vn-action-glass-bg: var(--vn-action-glass-orange-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-orange-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-orange-border);
    --vn-action-glass-shadow: var(--vn-action-glass-orange-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-orange-hover-shadow);
    --vn-action-glass-icon-bg: rgba(255, 255, 255, 0.94);
    --vn-action-glass-icon-border: rgba(255, 255, 255, 0.88);
    --vn-action-glass-icon-shadow: 0 0 20px rgba(255, 255, 255, 0.48), 0 0 28px rgba(255, 77, 29, 0.28);
    /* Solido vivo: texto escuro (token --vn-on-orange), sem text-shadow nem blur. */
    --vn-action-glass-fg: var(--vn-btn-primary-fg, #111827);
    --vn-action-glass-text-shadow: none;
    --vn-action-glass-backdrop: none;
}

body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .hero-cta--outline,
    .tc-btn-secondary,
    .career-btn--ghost,
    .trabalhe-btn-secondary,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-tech-secondary,
    .btn-cyber-secondary,
    .hero-rocket__btn--ghost,
    .btn-outline-cyan-virtualnet,
    .empty-cta,
    .area-cliente
) {
    --vn-action-glass-bg: var(--vn-action-glass-cyan-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-cyan-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-cyan-border);
    --vn-action-glass-shadow: var(--vn-action-glass-cyan-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-cyan-hover-shadow);
    /* fg/sombra/blur acompanham o vencedor do fundo: sem isso, um elemento
       que combine classe laranja (fg escuro) com classe cyan de
       especificidade maior (ex: .btn-tech-outline.qs-link--orange em
       quem_somos) ficaria com texto escuro sobre vidro escuro. */
    --vn-action-glass-fg: #ffffff;
    --vn-action-glass-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.58);
    --vn-action-glass-backdrop: blur(12px) saturate(135%);
}

body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente
)::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0) 74%) !important;
    clip-path: inherit !important;
    opacity: 0.8 !important;
    transform: none !important;
    animation: none !important;
}

body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente
)::after {
    content: "" !important;
    position: absolute !important;
    top: -20% !important;
    bottom: -20% !important;
    left: -70% !important;
    z-index: 0 !important;
    width: 54% !important;
    pointer-events: none !important;
    background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.52) 48%, transparent 100%) !important;
    transform: translateX(-20%) skewX(-20deg) !important;
    opacity: 0 !important;
}

body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente
):hover,
body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente
):focus-visible {
    background: var(--vn-action-glass-hover-bg) !important;
    border-color: var(--vn-action-glass-border) !important;
    box-shadow: var(--vn-action-glass-hover-shadow) !important;
    color: var(--vn-action-glass-fg, #ffffff) !important;
    transform: translateY(-2px) !important;
}

body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente
):hover::after,
body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente
):focus-visible::after {
    opacity: 0.82 !important;
    transform: translateX(295%) skewX(-20deg) !important;
    transition: transform 0.68s ease, opacity 0.18s ease !important;
}

body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente
) > * {
    position: relative !important;
    z-index: 1 !important;
}

body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente
) > i:first-child,
body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente
) > svg:first-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 1.35rem !important;
    height: 1.35rem !important;
    min-width: 1.35rem !important;
    border: 1px solid var(--vn-action-glass-icon-border) !important;
    border-radius: 999px !important;
    background: var(--vn-action-glass-icon-bg) !important;
    box-shadow: var(--vn-action-glass-icon-shadow) !important;
    color: var(--vn-action-glass-border) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
    text-shadow: none !important;
}

body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-hero-cta,
    .hero-cta:not(.hero-cta--outline),
    .tc-btn-primary,
    .career-btn--primary,
    .trabalhe-btn-primary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .hero-rocket__btn--primary
) > i:first-child,
body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-hero-cta,
    .hero-cta:not(.hero-cta--outline),
    .tc-btn-primary,
    .career-btn--primary,
    .trabalhe-btn-primary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .hero-rocket__btn--primary
) > svg:first-child {
    color: #ff4d1d !important;
}

body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente
):focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.92) !important;
    outline-offset: 3px !important;
}

body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente
):disabled,
body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente
)[aria-disabled="true"] {
    cursor: not-allowed !important;
    opacity: 0.56 !important;
    transform: none !important;
}

body:not(.dashboard-body):not(.auth-app) .planos-tabs .nav-link,
body:not(.dashboard-body):not(.auth-app) .nav-tabs .nav-link,
body:not(.dashboard-body):not(.auth-app) [role="tab"],
body:not(.dashboard-body):not(.auth-app) .btn-close,
body:not(.dashboard-body):not(.auth-app) .mobile-offcanvas-close,
body:not(.dashboard-body):not(.auth-app) .support-history-filters-toggle,
body:not(.dashboard-body):not(.auth-app) .support-history-searchbox-clear,
body:not(.dashboard-body):not(.auth-app) .toggle-theme-btn,
body:not(.dashboard-body):not(.auth-app) .mobile-menu-toggle,
body:not(.dashboard-body):not(.auth-app) .career-btn--danger {
    text-transform: none !important;
}

body:not(.dashboard-body):not(.auth-app) header :where(a, button):where(.btn-tech, .area-cliente) {
    min-height: 52px !important;
    padding: 0.55rem 0.82rem !important;
    font-size: clamp(0.72rem, 0.82vw, 0.86rem) !important;
    line-height: 1.06 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

body:not(.dashboard-body):not(.auth-app) header a.btn-tech {
    min-width: 118px !important;
}

body:not(.dashboard-body):not(.auth-app) header .area-cliente {
    min-width: 104px !important;
    max-width: 124px !important;
}

body:not(.dashboard-body):not(.auth-app) header :where(a, button):where(.btn-tech, .area-cliente) > i:first-child,
body:not(.dashboard-body):not(.auth-app) header :where(a, button):where(.btn-tech, .area-cliente) > svg:first-child {
    width: 1.18rem !important;
    height: 1.18rem !important;
    min-width: 1.18rem !important;
    font-size: 0.66rem !important;
}

body:not(.dashboard-body):not(.auth-app) main .career-btn.career-btn--ghost {
    background: var(--vn-action-glass-cyan-bg) !important;
    border-color: var(--vn-action-glass-cyan-border) !important;
    color: #ffffff !important;
    box-shadow: var(--vn-action-glass-cyan-shadow) !important;
}

body:not(.dashboard-body):not(.auth-app) main .career-btn.career-btn--ghost:hover,
body:not(.dashboard-body):not(.auth-app) main .career-btn.career-btn--ghost:focus-visible {
    background: var(--vn-action-glass-cyan-hover-bg) !important;
    border-color: var(--vn-action-glass-cyan-border) !important;
    color: #ffffff !important;
    box-shadow: var(--vn-action-glass-cyan-hover-shadow) !important;
}

body.light-theme .career-jobs-section.section-unified-bg,
body.light-theme .career-process-section.section-unified-bg {
    background:
        linear-gradient(90deg, rgba(15, 23, 42, 0.025) 1px, transparent 1px),
        linear-gradient(rgba(15, 23, 42, 0.025) 1px, transparent 1px),
        linear-gradient(180deg, #f8fbff 0%, #eef4f9 100%) !important;
    background-size: 48px 48px, 48px 48px, auto !important;
    color: #0f172a !important;
}

@media (max-width: 575.98px) {
    body:not(.dashboard-body):not(.auth-app) :where(header, main, .modal) :where(a, button):where(
        .btn-tech,
        .btn-tech-outline,
        .btn-prioridade,
        .assine-agora:not(.btn-close),
        .btn-primary-cta,
        .btn-secondary-cta,
        .btn-ghost,
        .btn-outline-cyan-virtualnet,
        .btn-hero-cta,
        .hero-cta,
        .tc-btn,
        .career-btn:not(.career-btn--danger),
        .trabalhe-btn,
        .btn-tech-secondary,
        .plan-card-rocket__cta,
        .btn-cyber-cta,
        .btn-cyber-secondary,
        .hero-rocket__btn,
        .empty-cta,
        .area-cliente
    ) {
        min-height: 46px !important;
        padding: 0.72rem 1rem !important;
        font-size: clamp(0.78rem, 3.4vw, 0.95rem) !important;
    }
}

/* Final specificity pass for older public CTA classes with page-level overrides. */
body:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente,
    .btn-warning
) {
    --vn-action-glass-bg: var(--vn-action-glass-cyan-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-cyan-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-cyan-border);
    --vn-action-glass-shadow: var(--vn-action-glass-cyan-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-cyan-hover-shadow);
    --vn-action-glass-icon-bg: rgba(0, 255, 234, 0.18);
    --vn-action-glass-icon-border: rgba(0, 255, 234, 0.5);
    --vn-action-glass-icon-shadow: 0 0 18px rgba(0, 255, 234, 0.28);
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    min-height: 44px !important;
    max-width: 100% !important;
    padding: 0.78rem 1.25rem !important;
    border: 1px solid var(--vn-action-glass-border) !important;
    border-radius: 0 !important;
    background: var(--vn-action-glass-bg) !important;
    color: var(--vn-action-glass-fg, #ffffff) !important;
    box-shadow: var(--vn-action-glass-shadow) !important;
    clip-path: var(--vn-action-glass-clip) !important;
    overflow: hidden !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    text-shadow: var(--vn-action-glass-text-shadow, 0 1px 8px rgba(0, 0, 0, 0.58)) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    backdrop-filter: var(--vn-action-glass-backdrop, blur(12px) saturate(135%)) !important;
    -webkit-backdrop-filter: var(--vn-action-glass-backdrop, blur(12px) saturate(135%)) !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important;
}

body:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta:not(.hero-cta--outline),
    .tc-btn-primary,
    .career-btn--primary,
    .trabalhe-btn-primary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .hero-rocket__btn--primary,
    .btn-warning
) {
    --vn-action-glass-bg: var(--vn-action-glass-orange-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-orange-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-orange-border);
    --vn-action-glass-shadow: var(--vn-action-glass-orange-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-orange-hover-shadow);
    --vn-action-glass-icon-bg: rgba(255, 255, 255, 0.94);
    --vn-action-glass-icon-border: rgba(255, 255, 255, 0.88);
    --vn-action-glass-icon-shadow: 0 0 20px rgba(255, 255, 255, 0.48), 0 0 28px rgba(255, 77, 29, 0.28);
    /* Solido vivo: texto escuro (token --vn-on-orange), sem text-shadow nem blur. */
    --vn-action-glass-fg: var(--vn-btn-primary-fg, #111827);
    --vn-action-glass-text-shadow: none;
    --vn-action-glass-backdrop: none;
}

body:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech-outline:not(.btn-prioridade),
    .hero-cta--outline,
    .tc-btn-secondary,
    .career-btn--ghost,
    .trabalhe-btn-secondary,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-tech-secondary,
    .btn-cyber-secondary,
    .hero-rocket__btn--ghost,
    .btn-outline-cyan-virtualnet,
    .empty-cta,
    .area-cliente
) {
    --vn-action-glass-bg: var(--vn-action-glass-cyan-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-cyan-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-cyan-border);
    --vn-action-glass-shadow: var(--vn-action-glass-cyan-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-cyan-hover-shadow);
    /* fg/sombra/blur acompanham o vencedor do fundo: sem isso, um elemento
       que combine classe laranja (fg escuro) com classe cyan de
       especificidade maior (ex: .btn-tech-outline.qs-link--orange em
       quem_somos) ficaria com texto escuro sobre vidro escuro. */
    --vn-action-glass-fg: #ffffff;
    --vn-action-glass-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.58);
    --vn-action-glass-backdrop: blur(12px) saturate(135%);
}

body:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente,
    .btn-warning
):hover,
body:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente,
    .btn-warning
):focus-visible {
    background: var(--vn-action-glass-hover-bg) !important;
    border-color: var(--vn-action-glass-border) !important;
    color: var(--vn-action-glass-fg, #ffffff) !important;
    box-shadow: var(--vn-action-glass-hover-shadow) !important;
    transform: translateY(-2px) !important;
}

body:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente,
    .btn-warning
) > :where(i, svg):first-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 1.35rem !important;
    height: 1.35rem !important;
    min-width: 1.35rem !important;
    border: 1px solid var(--vn-action-glass-icon-border) !important;
    border-radius: 999px !important;
    background: var(--vn-action-glass-icon-bg) !important;
    box-shadow: var(--vn-action-glass-icon-shadow) !important;
    color: var(--vn-action-glass-border) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
    text-shadow: none !important;
}

body:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta:not(.hero-cta--outline),
    .tc-btn-primary,
    .career-btn--primary,
    .trabalhe-btn-primary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .hero-rocket__btn--primary,
    .btn-warning
) > :where(i, svg):first-child {
    color: #ff4d1d !important;
}

body:not(.dashboard-body):not(.auth-app) main :is(a, button):is(.btn-shine-cta, .qs-link) {
    --vn-action-glass-bg: var(--vn-action-glass-cyan-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-cyan-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-cyan-border);
    --vn-action-glass-shadow: var(--vn-action-glass-cyan-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-cyan-hover-shadow);
    --vn-action-glass-fg: #ffffff;
    --vn-action-glass-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.58);
    --vn-action-glass-backdrop: blur(12px) saturate(135%);
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    min-height: 44px !important;
    max-width: 100% !important;
    padding: 0.78rem 1.25rem !important;
    border: 1px solid var(--vn-action-glass-border) !important;
    border-radius: 0 !important;
    background: var(--vn-action-glass-bg) !important;
    color: var(--vn-action-glass-fg, #ffffff) !important;
    box-shadow: var(--vn-action-glass-shadow) !important;
    clip-path: var(--vn-action-glass-clip) !important;
    overflow: hidden !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    text-shadow: var(--vn-action-glass-text-shadow, 0 1px 8px rgba(0, 0, 0, 0.58)) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    backdrop-filter: var(--vn-action-glass-backdrop, blur(12px) saturate(135%)) !important;
    -webkit-backdrop-filter: var(--vn-action-glass-backdrop, blur(12px) saturate(135%)) !important;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important;
}

body:not(.dashboard-body):not(.auth-app) main :is(a, button):is(.btn-shine-cta, .qs-link--orange):not(.qs-link--cyan) {
    --vn-action-glass-bg: var(--vn-action-glass-orange-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-orange-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-orange-border);
    --vn-action-glass-shadow: var(--vn-action-glass-orange-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-orange-hover-shadow);
    --vn-action-glass-fg: var(--vn-btn-primary-fg, #111827);
    --vn-action-glass-text-shadow: none;
    --vn-action-glass-backdrop: none;
}

body:not(.dashboard-body):not(.auth-app) main :is(a, button):is(.btn-shine-cta, .qs-link):hover,
body:not(.dashboard-body):not(.auth-app) main :is(a, button):is(.btn-shine-cta, .qs-link):focus-visible {
    background: var(--vn-action-glass-hover-bg) !important;
    border-color: var(--vn-action-glass-border) !important;
    color: var(--vn-action-glass-fg, #ffffff) !important;
    box-shadow: var(--vn-action-glass-hover-shadow) !important;
    transform: translateY(-2px) !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) main :not(#master-hero-carousel) :is(a, button).btn-tech-outline,
body.light-theme:not(.dashboard-body):not(.auth-app) main :is(a, button).btn-outline-cyan-virtualnet,
body.light-theme:not(.dashboard-body):not(.auth-app) main :is(a, button).qs-link {
    --vn-action-glass-bg: var(--vn-action-glass-cyan-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-cyan-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-cyan-border);
    --vn-action-glass-shadow: var(--vn-action-glass-cyan-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-cyan-hover-shadow);
    background: var(--vn-action-glass-bg) !important;
    border-color: rgba(13, 109, 140, 0.55) !important;
    color: #102033 !important;
    box-shadow: var(--vn-action-glass-shadow) !important;
    text-shadow: none !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) main :is(a, button).qs-link--orange {
    --vn-action-glass-bg: var(--vn-action-glass-orange-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-orange-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-orange-border);
    --vn-action-glass-shadow: var(--vn-action-glass-orange-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-orange-hover-shadow);
    background: var(--vn-action-glass-bg) !important;
    border-color: var(--vn-action-glass-border) !important;
    box-shadow: var(--vn-action-glass-shadow) !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) main :not(#master-hero-carousel) :is(a, button).btn-tech-outline:hover,
body.light-theme:not(.dashboard-body):not(.auth-app) main :not(#master-hero-carousel) :is(a, button).btn-tech-outline:focus-visible,
body.light-theme:not(.dashboard-body):not(.auth-app) main :is(a, button).btn-outline-cyan-virtualnet:hover,
body.light-theme:not(.dashboard-body):not(.auth-app) main :is(a, button).btn-outline-cyan-virtualnet:focus-visible,
body.light-theme:not(.dashboard-body):not(.auth-app) main :is(a, button).qs-link:hover,
body.light-theme:not(.dashboard-body):not(.auth-app) main :is(a, button).qs-link:focus-visible {
    background: var(--vn-action-glass-hover-bg) !important;
    border-color: rgba(13, 109, 140, 0.78) !important;
    color: #07394a !important;
    box-shadow: var(--vn-action-glass-hover-shadow) !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) main :is(a, button).qs-link--orange,
body.light-theme:not(.dashboard-body):not(.auth-app) main :is(a, button).qs-link--orange:hover,
body.light-theme:not(.dashboard-body):not(.auth-app) main :is(a, button).qs-link--orange:focus-visible {
    color: var(--vn-on-orange, #111827) !important;
    text-shadow: none !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main) :is(a, button).btn-tech-outline,
body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main) :is(a, button).btn-tech-outline.btn-prioridade {
    color: #102033 !important;
    text-shadow: none !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main) :is(a, button).btn-tech-outline {
    border-color: rgba(16, 32, 51, 0.28) !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) header .nav-link:not(.active):not(:hover):not(:focus):not(:focus-visible):not(.show):not(.area-cliente) {
    color: #2a3440 !important;
    fill: #2a3440 !important;
}

body:not(.dashboard-body):not(.auth-app) main :is(a, button).builder-whatsapp-cta {
    --vn-action-glass-bg: var(--vn-action-glass-orange-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-orange-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-orange-border);
    --vn-action-glass-shadow: var(--vn-action-glass-orange-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-orange-hover-shadow);
    --vn-action-glass-fg: var(--vn-btn-primary-fg, #111827);
    --vn-action-glass-text-shadow: none;
    --vn-action-glass-backdrop: none;
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    min-height: 48px !important;
    max-width: 100% !important;
    padding: 0.85rem 1.25rem !important;
    border: 1px solid var(--vn-action-glass-border) !important;
    border-radius: 0 !important;
    background: var(--vn-action-glass-bg) !important;
    color: var(--vn-action-glass-fg, #ffffff) !important;
    box-shadow: var(--vn-action-glass-shadow) !important;
    clip-path: var(--vn-action-glass-clip) !important;
    overflow: hidden !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    text-shadow: var(--vn-action-glass-text-shadow, 0 1px 8px rgba(0, 0, 0, 0.58)) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    backdrop-filter: var(--vn-action-glass-backdrop, blur(12px) saturate(135%)) !important;
    -webkit-backdrop-filter: var(--vn-action-glass-backdrop, blur(12px) saturate(135%)) !important;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important;
}

body:not(.dashboard-body):not(.auth-app) main :is(a, button).builder-whatsapp-cta:hover,
body:not(.dashboard-body):not(.auth-app) main :is(a, button).builder-whatsapp-cta:focus-visible {
    background: var(--vn-action-glass-hover-bg) !important;
    border-color: var(--vn-action-glass-border) !important;
    color: var(--vn-action-glass-fg, #ffffff) !important;
    box-shadow: var(--vn-action-glass-hover-shadow) !important;
    transform: translateY(-2px) !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) main :is(a, button).builder-whatsapp-cta,
body.light-theme:not(.dashboard-body):not(.auth-app) main .career-jobs-section :is(a, button).career-btn--primary {
    /* CTA primario solido vivo (mesma receita global; tokens em tokens.css). */
    --vn-action-glass-bg: var(--vn-action-glass-orange-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-orange-hover-bg);
    --vn-action-glass-border: var(--vn-action-glass-orange-border);
    --vn-action-glass-shadow: var(--vn-action-glass-orange-shadow);
    --vn-action-glass-hover-shadow: var(--vn-action-glass-orange-hover-shadow);
    --vn-action-glass-fg: var(--vn-btn-primary-fg, #111827);
    background: var(--vn-action-glass-bg) !important;
    border-color: var(--vn-action-glass-border) !important;
    color: var(--vn-action-glass-fg, #ffffff) !important;
    box-shadow: var(--vn-action-glass-shadow) !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) main .career-jobs-section :is(a, button).career-btn--ghost {
    --vn-action-glass-bg: linear-gradient(180deg, #e7f8fb 0%, #d8eef4 100%);
    --vn-action-glass-hover-bg: linear-gradient(180deg, #d8f3f8 0%, #c7e5ee 100%);
    --vn-action-glass-border: rgba(15, 111, 136, 0.42);
    --vn-action-glass-shadow: 0 10px 18px rgba(15, 23, 42, 0.08);
    --vn-action-glass-hover-shadow: 0 14px 24px rgba(15, 111, 136, 0.16);
    background: var(--vn-action-glass-bg) !important;
    border-color: var(--vn-action-glass-border) !important;
    color: #0b4f63 !important;
    box-shadow: var(--vn-action-glass-shadow) !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) main :is(a, button).builder-whatsapp-cta:hover,
body.light-theme:not(.dashboard-body):not(.auth-app) main :is(a, button).builder-whatsapp-cta:focus-visible,
body.light-theme:not(.dashboard-body):not(.auth-app) main .career-jobs-section :is(a, button).career-btn--primary:hover,
body.light-theme:not(.dashboard-body):not(.auth-app) main .career-jobs-section :is(a, button).career-btn--primary:focus-visible,
body.light-theme:not(.dashboard-body):not(.auth-app) main .career-jobs-section :is(a, button).career-btn--ghost:hover,
body.light-theme:not(.dashboard-body):not(.auth-app) main .career-jobs-section :is(a, button).career-btn--ghost:focus-visible {
    background: var(--vn-action-glass-hover-bg) !important;
    border-color: var(--vn-action-glass-border) !important;
    box-shadow: var(--vn-action-glass-hover-shadow) !important;
    text-shadow: none !important;
}

/* CTAs do header nunca quebram linha: "ASSINE AGORA" virava duas linhas
   espremido ao lado de "Área do Cliente". O seletor espelha a especificidade
   do bloco glass acima (que impõe white-space: normal) e vence pela ordem. */
body:not(.dashboard-body):not(.auth-app) :is(header, footer.footer-tech) :is(a, button):is(.btn-tech.btn-tech, .area-cliente.area-cliente) {
    white-space: nowrap !important;
}

/* Tema claro: o glifo do ícone dos CTAs primários ficava branco sobre o
   disco branco (invisível). Glifo em laranja profundo sobre o disco claro —
   mesmo par do tema escuro, garantindo leitura em qualquer fundo. */
body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta:not(.hero-cta--outline),
    .tc-btn-primary,
    .career-btn--primary,
    .trabalhe-btn-primary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .hero-rocket__btn--primary,
    .btn-warning
) > :where(i, svg):first-child {
    color: #ab400f !important;
    border-color: rgba(171, 64, 15, 0.5) !important;
}

/* Tema escuro: glifo do ícone dos CTAs primários um grau mais profundo que o
   laranja neon — sobre o disco branco ficava em 2.99:1, abaixo do mínimo de
   3:1 para elementos gráficos. */
body:not(.light-theme):not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta:not(.hero-cta--outline),
    .tc-btn-primary,
    .career-btn--primary,
    .trabalhe-btn-primary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .hero-rocket__btn--primary,
    .btn-warning
) > :where(i, svg):first-child {
    color: #e0440e !important;
}

/* Tema claro: com o vidro laranja sutil (família "600 MEGA"), o texto dos
   CTAs primários vira tinta escura — branco não teria contraste no vidro
   claro. Inclui hover/focus pra regra de hover antiga não devolver o branco. */
body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta:not(.hero-cta--outline),
    .tc-btn-primary,
    .career-btn--primary,
    .trabalhe-btn-primary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .hero-rocket__btn--primary,
    .btn-warning,
    .builder-whatsapp-cta
),
body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta:not(.hero-cta--outline),
    .tc-btn-primary,
    .career-btn--primary,
    .trabalhe-btn-primary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .hero-rocket__btn--primary,
    .btn-warning,
    .builder-whatsapp-cta
):is(:hover, :focus-visible) {
    color: var(--vn-on-orange, #111827) !important;
    text-shadow: none !important;
}

/* CTAs do header levemente compactos no desktop pra caberem na barra.
   Especificidade espelhada ao bloco glass (que fixa padding com !important). */
@media (min-width: 1200px) {
    body:not(.dashboard-body):not(.auth-app) :is(header, footer.footer-tech) :is(a, button):is(.btn-tech.btn-tech, .area-cliente.area-cliente) {
        padding: 0.66rem 0.85rem !important;
        font-size: 0.78rem !important;
    }
}

/* Faixa xl (container de 1140px): mais um nível de compactação dos CTAs
   pra barra fechar com folga também em 1280-1399px. */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    body:not(.dashboard-body):not(.auth-app) :is(header, footer.footer-tech) :is(a, button):is(.btn-tech.btn-tech, .area-cliente.area-cliente) {
        padding: 0.6rem 0.55rem !important;
        font-size: 0.72rem !important;
        gap: 0.4rem !important;
    }
}

/* Tema claro: heroes e seções com imagem de fundo CONTINUAM escuros. Com o
   CTA primario solido, a mesma receita global funciona tambem aqui — este
   bloco so realinha o glow pro fundo escuro do hero. */
body.light-theme:not(.dashboard-body):not(.auth-app) :is(#master-hero-carousel, #hero-streaming, .hero-streaming-section, #tv-assinatura, .hero-gamer-section, .trabalhe-hero-section, .tc-hero, #foguetes-planos, .foguetes-planos, #hero-rocket, .hero-rocket-section) {
    --vn-action-glass-orange-bg: var(--vn-btn-primary-bg, #ff4d1d);
    --vn-action-glass-orange-hover-bg: var(--vn-btn-primary-bg-hover, #ff6a3d);
    --vn-action-glass-orange-border: var(--vn-btn-primary-border, rgba(255, 145, 110, 0.7));
    --vn-action-glass-orange-shadow: var(--vn-btn-primary-glow, 0 6px 18px rgba(255, 77, 29, 0.35));
    --vn-action-glass-orange-hover-shadow: var(--vn-btn-primary-glow-hover, 0 10px 26px rgba(255, 77, 29, 0.5));
    --vn-action-glass-bg: var(--vn-action-glass-orange-bg);
    --vn-action-glass-hover-bg: var(--vn-action-glass-orange-hover-bg);
}

body.light-theme:not(.dashboard-body):not(.auth-app) :is(#master-hero-carousel, #hero-streaming, .hero-streaming-section, #tv-assinatura, .hero-gamer-section, .trabalhe-hero-section, .tc-hero, #foguetes-planos, .foguetes-planos, #hero-rocket, .hero-rocket-section) :is(a, button):is(
    .btn-tech,
    .btn-prioridade,
    .btn-primary-cta,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta:not(.hero-cta--outline),
    .tc-btn-primary,
    .career-btn--primary,
    .trabalhe-btn-primary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .hero-rocket__btn--primary
),
body.light-theme:not(.dashboard-body):not(.auth-app) :is(#master-hero-carousel, #hero-streaming, .hero-streaming-section, #tv-assinatura, .hero-gamer-section, .trabalhe-hero-section, .tc-hero, #foguetes-planos, .foguetes-planos, #hero-rocket, .hero-rocket-section) :is(a, button):is(
    .btn-tech,
    .btn-prioridade,
    .btn-primary-cta,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta:not(.hero-cta--outline),
    .tc-btn-primary,
    .career-btn--primary,
    .trabalhe-btn-primary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .hero-rocket__btn--primary
):is(:hover, :focus-visible) {
    color: var(--vn-on-orange, #111827) !important;
}



/* Tema claro: o anel de foco branco do sistema (regra base de :focus-visible)
   compoe ~1.03:1 sobre as superficies claras — invisivel. Tinta escura no
   claro; a regra seguinte devolve o anel branco nos heroes que continuam
   escuros dentro do tema claro. */
body.light-theme:not(.dashboard-body):not(.auth-app) :is(header, main, footer.footer-tech, .modal) :is(a, button):is(
    .btn-tech,
    .btn-tech-outline,
    .btn-prioridade,
    .assine-agora:not(.btn-close),
    .btn-primary-cta,
    .btn-secondary-cta,
    .btn-ghost,
    .btn-outline-cyan-virtualnet,
    .btn-orange-virtualnet,
    .btn-hero-cta,
    .hero-cta,
    .tc-btn,
    .career-btn:not(.career-btn--danger),
    .trabalhe-btn,
    .btn-tech-secondary,
    .plan-card-rocket__cta,
    .btn-cyber-cta,
    .btn-cyber-secondary,
    .hero-rocket__btn,
    .empty-cta,
    .area-cliente,
    .btn-warning,
    .btn-shine-cta,
    .qs-link,
    .builder-whatsapp-cta
):focus-visible {
    outline-color: rgba(17, 24, 39, 0.85) !important;
}

body.light-theme:not(.dashboard-body):not(.auth-app) :is(#master-hero-carousel, #hero-streaming, .hero-streaming-section, #tv-assinatura, .hero-gamer-section, .trabalhe-hero-section, .tc-hero, #foguetes-planos, .foguetes-planos, #hero-rocket, .hero-rocket-section) :is(a, button):focus-visible {
    outline-color: rgba(255, 255, 255, 0.92) !important;
}

/* Titulo dos cards de topico do suporte (dashboard): 0.98rem nao acomoda
   "CANCELAMENTO" na largura do card e o navegador nao hifeniza pt-BR de
   forma confiavel - 0.86rem deixa a palavra inteira numa linha. */
body.dashboard-body.dashboard-body #support-chat-pane .support-topic-title {
    font-size: 0.86rem !important;
    letter-spacing: 0.02em !important;
}