/* Tema claro do VionBuilder.
   O escuro continua nos :root de cada tela.
   html[data-vb-theme="light"] só troca superfícies, textos e componentes. */

html[data-vb-theme="dark"] { color-scheme: dark; }
html[data-vb-theme="light"] { color-scheme: light; }

html[data-vb-theme="light"] {
    --bg-primary: #f4f6fb;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eef1f7;
    --border-primary: #e3e7f0;
    --border-secondary: #eef1f6;
    --text-primary: #111827;
    --text-secondary: #1f2937;
    --text-tertiary: #4b5563;
    --text-muted: #4b5563;
    --text-disabled: #6b7280;
    --kcard: #ffffff;
    --text-on-surface: #111827;
    --accent-primary: #6d28d9;
    --accent-secondary: #0e7490;
    --accent-hover: #5b21b6;
    --accent-active: #4c1d95;
    --overlay: rgba(17, 24, 39, 0.45);
    --warning-text: #b45309;
    --plan-free: #4b5563;
    --plan-pro: #6d28d9;
    --plan-max: #0e7490;
    --ink-violet: #5b21b6;
    --ink-green: #047857;
    --ink-blue: #1d4ed8;
    --ink-cyan: #0e7490;
    --ink-amber: #b45309;
    --ink-red: #b91c1c;
    --bg: #f4f6fb;
    --text: #111827;
}
html[data-vb-theme="light"] body.vb-app {
    background: var(--bg-primary);
    color: var(--text-primary);
}

/* Auth e checkout compartilham outro conjunto de tokens */
html[data-vb-theme="light"] body.vb-auth,
html[data-vb-theme="light"] body.vb-checkout {
    --bg: #f4f6fb;
    --bg-soft: #eef1f7;
    --surface: #ffffff;
    --surface-2: #f3f5fa;
    --border: #e3e7f0;
    --border-light: #d5dae6;
    --primary: #6d28d9;
    --primary-hover: #5b21b6;
    --primary-light: #6d28d9;
    --primary-glow: rgba(109, 40, 217, 0.14);
    --text: #111827;
    --text-muted: #4b5563;
    --text-subtle: #6b7280;
    --input-bg: #ffffff;
    --muted: #6b7280;
    --shadow: 0 10px 30px rgba(17, 24, 39, 0.08);
}

/* Editor: chrome claro. O preview da LP restaura o escuro logo abaixo. */
html[data-vb-theme="light"] .vb-editor-root {
    --bg: #f3f5fa;
    --surface: #ffffff;
    --surface2: #f4f6fb;
    --surface3: #eef1f7;
    --border: rgba(109, 40, 217, 0.22);
    --border2: rgba(17, 24, 39, 0.1);
    --purple: #6d28d9;
    --purple-light: #5b21b6;
    --purple-dim: rgba(109, 40, 217, 0.08);
    --purple-glow: rgba(109, 40, 217, 0.16);
    --text: #111827;
    --muted: #6b7280;
    --muted2: #4b5563;
    --danger: #b91c1c;
    --success: #047857;
    --warning: #b45309;
    background: #f3f5fa;
    color: #111827;
}

html[data-vb-theme="light"] .vb-editor-root .lp-preview {
    --bg: #080812;
    --surface: #0f0f1e;
    --surface2: #161628;
    --surface3: #1c1c32;
    --border: rgba(139, 92, 246, 0.18);
    --border2: rgba(255, 255, 255, 0.06);
    --purple: #8b5cf6;
    --purple-light: #a78bfa;
    --purple-dim: rgba(139, 92, 246, 0.08);
    --purple-glow: rgba(139, 92, 246, 0.22);
    --text: #e2e8f0;
    --muted: #64748b;
    --muted2: #94a3b8;
}

/* Botão de troca */
.vb-theme-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid var(--border-primary, var(--border, #2d2d4e));
    background: var(--bg-tertiary, var(--surface, transparent));
    color: var(--text-secondary, var(--text, #e5e7eb));
    border-radius: 999px;
    padding: 0.35rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    font-family: inherit;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}
.vb-theme-toggle:hover {
    border-color: var(--accent-primary, var(--primary, #a78bfa));
    color: var(--accent-primary, var(--primary, #a78bfa));
}
.vb-theme-toggle i { font-size: 1rem; line-height: 1; }
.vb-theme-toggle--float {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 80;
    background: var(--surface, #16162a);
}
@media (max-width: 640px) {
    .vb-app .vb-theme-toggle-label,
    .vb-editor .vb-theme-toggle-label,
    .vb-checkout .vb-theme-toggle-label { display: none; }
    .vb-app .vb-theme-toggle,
    .vb-editor .vb-theme-toggle,
    .vb-checkout .vb-theme-toggle { padding: 0.4rem; }
}

/* App: detalhes que não seguem só as variáveis */
html[data-vb-theme="light"] body.vb-app .card,
html[data-vb-theme="light"] body.vb-app .stat-card,
html[data-vb-theme="light"] body.vb-app .settings-section {
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}
html[data-vb-theme="light"] body.vb-app .db-table tr:hover td,
html[data-vb-theme="light"] body.vb-app .prop-table tr:hover td,
html[data-vb-theme="light"] body.vb-app .filter-panel-header:hover {
    background: rgba(109, 40, 217, 0.06);
}
html[data-vb-theme="light"] body.vb-app .plan-card-setting ul li {
    border-bottom-color: rgba(17, 24, 39, 0.06);
}
html[data-vb-theme="light"] body.vb-app .goals-history td {
    border-bottom-color: rgba(17, 24, 39, 0.08);
}
html[data-vb-theme="light"] body.vb-app .psp-count {
    background: rgba(17, 24, 39, 0.06);
    color: var(--text-secondary);
}
html[data-vb-theme="light"] body.vb-app .badge-novo { background: #dbeafe; color: #1d4ed8; }
html[data-vb-theme="light"] body.vb-app .badge-contato,
html[data-vb-theme="light"] body.vb-app .badge-aprovado { background: #d1fae5; color: #047857; }
html[data-vb-theme="light"] body.vb-app .badge-fechado { background: #fee2e2; color: #b91c1c; }
html[data-vb-theme="light"] body.vb-app .badge-pendente { background: #fef3c7; color: #b45309; }
html[data-vb-theme="light"] body.vb-app .badge-gratuito,
html[data-vb-theme="light"] body.vb-app .plan-badge-sidebar.gratuito {
    background: rgba(75, 85, 99, 0.12);
    color: #374151;
    border-color: rgba(75, 85, 99, 0.25);
}
html[data-vb-theme="light"] body.vb-app .badge-pro,
html[data-vb-theme="light"] body.vb-app .plan-badge-sidebar.pro {
    background: rgba(109, 40, 217, 0.1);
    color: #6d28d9;
    border-color: rgba(109, 40, 217, 0.28);
}
html[data-vb-theme="light"] body.vb-app .badge-max,
html[data-vb-theme="light"] body.vb-app .plan-badge-sidebar.max {
    background: rgba(14, 116, 144, 0.1);
    color: #0e7490;
    border-color: rgba(14, 116, 144, 0.28);
}
html[data-vb-theme="light"] body.vb-app .src-tiktok {
    background: rgba(17, 24, 39, 0.08);
    color: #111827;
}
html[data-vb-theme="light"] body.vb-app .src-direto,
html[data-vb-theme="light"] body.vb-app .tr-flat { color: #4b5563; }
html[data-vb-theme="light"] body.vb-app .st-novo { background: #dbeafe; color: #1d4ed8; }
html[data-vb-theme="light"] body.vb-app .st-contato { background: #fef3c7; color: #b45309; }
html[data-vb-theme="light"] body.vb-app .st-fechado { background: #d1fae5; color: #047857; }
html[data-vb-theme="light"] body.vb-app .wp-gratuito,
html[data-vb-theme="light"] body.vb-app .pcs-check.free { color: #374151; }
html[data-vb-theme="light"] body.vb-app .wp-pro,
html[data-vb-theme="light"] body.vb-app .pcs-check.pro { color: #6d28d9; }
html[data-vb-theme="light"] body.vb-app .wp-max,
html[data-vb-theme="light"] body.vb-app .pcs-check.max { color: #0e7490; }
html[data-vb-theme="light"] body.vb-app .widget-toggle input {
    background: #e5e7eb;
}
html[data-vb-theme="light"] body.vb-app .widget-toggle input:checked {
    background: var(--accent-primary);
}
html[data-vb-theme="light"] body.vb-app .widget-toggle input::after {
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.25);
}
html[data-vb-theme="light"] body.vb-app .color-swatch.sel { border-color: #111827; }
html[data-vb-theme="light"] body.vb-app input[type="date"],
html[data-vb-theme="light"] body.vb-app input[type="datetime-local"],
html[data-vb-theme="light"] body.vb-app input[type="time"] { color-scheme: light; }

/* Auth */
html[data-vb-theme="light"] body.vb-auth .panel-left {
    background: linear-gradient(160deg, #f5f3ff 0%, #ffffff 52%, #f0f9ff 100%);
    border-right-color: #e3e7f0;
}
html[data-vb-theme="light"] body.vb-auth .panel-left::before {
    background: radial-gradient(circle, rgba(109, 40, 217, 0.16) 0%, transparent 70%);
}
html[data-vb-theme="light"] body.vb-auth .panel-left::after {
    background: radial-gradient(circle, rgba(14, 116, 144, 0.12) 0%, transparent 70%);
}
html[data-vb-theme="light"] body.vb-auth label { color: #374151; }
html[data-vb-theme="light"] body.vb-auth select option {
    background: #ffffff;
    color: #111827;
}
html[data-vb-theme="light"] body.vb-auth .msg.success {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #047857;
}
html[data-vb-theme="light"] body.vb-auth .msg.success strong { color: #065f46; }
html[data-vb-theme="light"] body.vb-auth .msg.warning {
    background: #fffbeb;
    border-color: #fde68a;
    color: #b45309;
}
html[data-vb-theme="light"] body.vb-auth .msg.error,
html[data-vb-theme="light"] body.vb-auth .msg-error {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
}

/* Checkout */
html[data-vb-theme="light"] body.vb-checkout .checkout-header {
    background: rgba(255, 255, 255, 0.92);
}
html[data-vb-theme="light"] body.vb-checkout .hint { background: #f3f5fa; }

/* Editor */
html[data-vb-theme="light"] .vb-editor-root .editor-topbar {
    background: rgba(255, 255, 255, 0.94);
    border-bottom-color: #e3e7f0;
}
html[data-vb-theme="light"] .vb-editor-root .editor-topbar h1,
html[data-vb-theme="light"] .vb-editor-root .btn-back:hover { color: #111827; }
html[data-vb-theme="light"] .vb-editor-root .vt-btn.active,
html[data-vb-theme="light"] .vb-editor-root .dev-btn.active {
    background: #efe8ff;
    color: #4c1d95;
    border-color: #c4b5fd;
    box-shadow: none;
}
html[data-vb-theme="light"] .vb-editor-root .dev-btn:hover,
html[data-vb-theme="light"] .vb-editor-root .vt-btn:hover,
html[data-vb-theme="light"] .vb-editor-root .btn-back:hover {
    border-color: #c4b5fd;
    color: #4c1d95;
}
html[data-vb-theme="light"] .vb-editor-root .form-panel,
html[data-vb-theme="light"] .vb-editor-root .preview-panel {
    border-color: #e3e7f0;
}
html[data-vb-theme="light"] .vb-editor-root .card:hover,
html[data-vb-theme="light"] .vb-editor-root .sec-sort-card:hover,
html[data-vb-theme="light"] .vb-editor-root .card-hd:hover {
    border-color: #c4b5fd;
}
html[data-vb-theme="light"] .vb-editor-root .img-tip,
html[data-vb-theme="light"] .vb-editor-root .sticky-cta-tip {
    background: #fffbeb;
    border-color: #fcd34d;
}
html[data-vb-theme="light"] .vb-editor-root .sticky-cta-tip code {
    background: #fff;
    color: #78350f;
    border: 1px solid #fcd34d;
}
html[data-vb-theme="light"] .vb-editor-root .fl { color: #5b21b6; }
html[data-vb-theme="light"] .vb-editor-root .sec-hint,
html[data-vb-theme="light"] .vb-editor-root .max-help-panel {
    background: rgba(17, 24, 39, 0.03);
}
html[data-vb-theme="light"] .vb-editor-root .sec-lock-overlay {
    background: rgba(255, 255, 255, 0.78);
}
html[data-vb-theme="light"] .vb-editor-root .sec-group-sep.pro,
html[data-vb-theme="light"] .vb-editor-root .badge-plan.pro,
html[data-vb-theme="light"] .vb-editor-root .sec-lock-link { color: #6d28d9; }
html[data-vb-theme="light"] .vb-editor-root .sec-group-sep.max,
html[data-vb-theme="light"] .vb-editor-root .badge-plan.max,
html[data-vb-theme="light"] .vb-editor-root .sec-lock-link.max-link { color: #0e7490; }
html[data-vb-theme="light"] .vb-editor-root .badge-plan.free { color: #047857; }
html[data-vb-theme="light"] .vb-editor-root .img-tip,
html[data-vb-theme="light"] .vb-editor-root .sticky-cta-tip { color: #92400e; }
html[data-vb-theme="light"] .vb-editor-root .sticky-cta-tip-row strong { color: #78350f; }
html[data-vb-theme="light"] .vb-editor-root .unsaved-modal {
    background: #ffffff;
    border-color: rgba(109, 40, 217, 0.28);
    box-shadow: 0 24px 60px rgba(17, 24, 39, 0.16);
}
html[data-vb-theme="light"] .vb-editor-root .unsaved-title { color: #111827; }
html[data-vb-theme="light"] .vb-editor-root .unsaved-desc { color: #4b5563; }
html[data-vb-theme="light"] .vb-editor-root .btn-u-stay {
    color: #1f2937;
    border-color: rgba(17, 24, 39, 0.16);
}
html[data-vb-theme="light"] .vb-editor-root .btn-u-stay:hover {
    color: #111827;
    border-color: rgba(17, 24, 39, 0.32);
}

/* ── Kanban: cards claros, separados da coluna ── */
html[data-vb-theme="light"] body.vb-app .kb-col {
    background: #f6f7fb;
    border-color: #d9dfeb;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}
html[data-vb-theme="light"] body.vb-app .kb-card {
    background: #ffffff;
    border-color: #e3e8f2;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.05);
}
html[data-vb-theme="light"] body.vb-app .kb-card:hover {
    background: #ffffff;
    border-color: #c4b5fd;
    box-shadow: 0 10px 24px rgba(76, 29, 149, 0.1);
    transform: translateY(-2px);
}
html[data-vb-theme="light"] body.vb-app .kb-card.dragging {
    box-shadow: 0 16px 36px rgba(17, 24, 39, 0.14);
}
html[data-vb-theme="light"] body.vb-app .kb-add-btn:hover,
html[data-vb-theme="light"] body.vb-app .kb-drag-over {
    background: #f5f3ff;
    border-color: #7c3aed;
}
html[data-vb-theme="light"] body.vb-app .kb-col-bulk a:hover {
    background: rgba(109, 40, 217, 0.12);
}

/* ── Textos pastel: só no claro, para não sumirem no branco ── */
html[data-vb-theme="light"] body.vb-app :is(
    .kc-tag, .src-outros, .s-fechado,
    .wp-pro, .pcs-check.pro, .section-group-label.pro-label, .alert-info,
    .novidade-badge.pro, .goals-history a, .goals-month-nav a:hover,
    .kb-col-bulk a, .kb-card-action
) { color: #5b21b6; }
html[data-vb-theme="light"] body.vb-app :is(
    .kc-company, .kc-sent, .src-organico, .st-fechado, .s-contato,
    .available-badge, .alert-success, .novidade-badge.open, .tr-up,
    .roi-pos, .in-success, .pct-ok, .trend-up
) { color: #047857; }
html[data-vb-theme="light"] body.vb-app :is(
    .kc-origin, .kc-nicho, .src-google, .st-novo, .in-info, .s-novo
) { color: #1d4ed8; }
html[data-vb-theme="light"] body.vb-app :is(
    .pcs-check.max, .wp-max, .section-group-label.max-label,
    .origin-manual, .rcp-s-rodando
) { color: #0e7490; }
html[data-vb-theme="light"] body.vb-app :is(
    .st-contato, .src-direto, .origin-importacao, .rcp-skip,
    .pct-mid, .in-warn, .novidade-price
) { color: #b45309; }
html[data-vb-theme="light"] body.vb-app .novidade-price { color: #b45309; }
html[data-vb-theme="light"] body.vb-app :is(
    .kc-none, .tr-down, .roi-neg, .in-error, .pct-low, .btn-danger-soft,
    .danger-zone h3, .sem-resposta-banner strong, .form-hint.err
) { color: #b91c1c; }
html[data-vb-theme="light"] body.vb-app :is(
    .src-direto, .tr-flat, .wp-gratuito, .pcs-check.free, .rcp-s-pausado
) { color: #374151; }
html[data-vb-theme="light"] body.vb-app .novidade-badge.pro { color: #5b21b6; }
html[data-vb-theme="light"] body.vb-app .novidade-badge.open { color: #047857; }
html[data-vb-theme="light"] body.vb-app .novidade-soon-tag { color: #5b21b6; }

/* Cores cravadas no HTML (style="color:#...") */
html[data-vb-theme="light"] body.vb-app [style*="color:#a78bfa"],
html[data-vb-theme="light"] body.vb-app [style*="color: #a78bfa"],
html[data-vb-theme="light"] body.vb-app [style*="color:#c4b5fd"],
html[data-vb-theme="light"] body.vb-app [style*="color: #c4b5fd"],
html[data-vb-theme="light"] .vb-editor-root [style*="color:#a78bfa"],
html[data-vb-theme="light"] .vb-editor-root [style*="color:#c4b5fd"] { color: #5b21b6 !important; }
html[data-vb-theme="light"] body.vb-app [style*="color:#22d3ee"],
html[data-vb-theme="light"] body.vb-app [style*="color: #22d3ee"],
html[data-vb-theme="light"] .vb-editor-root [style*="color:#22d3ee"] { color: #0e7490 !important; }
html[data-vb-theme="light"] body.vb-app [style*="color:#60a5fa"],
html[data-vb-theme="light"] body.vb-app [style*="color: #60a5fa"],
html[data-vb-theme="light"] body.vb-app [style*="color:#93c5fd"] { color: #1d4ed8 !important; }
html[data-vb-theme="light"] body.vb-app [style*="color:#34d399"],
html[data-vb-theme="light"] body.vb-app [style*="color: #34d399"],
html[data-vb-theme="light"] body.vb-app [style*="color:#6ee7b7"],
html[data-vb-theme="light"] body.vb-app [style*="color:#86efac"] { color: #047857 !important; }
html[data-vb-theme="light"] body.vb-app [style*="color:#fbbf24"],
html[data-vb-theme="light"] body.vb-app [style*="color: #fbbf24"],
html[data-vb-theme="light"] body.vb-app [style*="color:#fde68a"],
html[data-vb-theme="light"] body.vb-app [style*="color:#f59e0b"] { color: #b45309 !important; }
html[data-vb-theme="light"] body.vb-app [style*="color:#f87171"],
html[data-vb-theme="light"] body.vb-app [style*="color: #f87171"],
html[data-vb-theme="light"] body.vb-app [style*="color:#fca5a5"],
html[data-vb-theme="light"] body.vb-app [style*="color:#fecaca"] { color: #b91c1c !important; }
html[data-vb-theme="light"] body.vb-app [style*="color:#9ca3af"],
html[data-vb-theme="light"] body.vb-app [style*="color:#94a3b8"] { color: #4b5563 !important; }
html[data-vb-theme="light"] body.vb-app [style*="color:#fb923c"] { color: #c2410c !important; }
html[data-vb-theme="light"] body.vb-app [style*="color:#e879f9"] { color: #a21caf !important; }
html[data-vb-theme="light"] .vb-editor-root .lp-preview [style*="color:#a78bfa"],
html[data-vb-theme="light"] .vb-editor-root .lp-preview [style*="color:#c4b5fd"] { color: #a78bfa !important; }
html[data-vb-theme="light"] .vb-editor-root .lp-preview [style*="color:#22d3ee"] { color: #22d3ee !important; }
html[data-vb-theme="light"] .vb-editor-root .lp-preview [style*="color:#9ca3af"],
html[data-vb-theme="light"] .vb-editor-root .lp-preview [style*="color:#94a3b8"] { color: #9ca3af !important; }
html[data-vb-theme="light"] .vb-editor-root .lp-preview [style*="color:#f87171"],
html[data-vb-theme="light"] .vb-editor-root .lp-preview [style*="color:#fca5a5"],
html[data-vb-theme="light"] .vb-editor-root .lp-preview [style*="color:#fecaca"] { color: #f87171 !important; }
html[data-vb-theme="light"] .vb-editor-root .lp-preview [style*="color:#34d399"],
html[data-vb-theme="light"] .vb-editor-root .lp-preview [style*="color:#6ee7b7"] { color: #34d399 !important; }
html[data-vb-theme="light"] .vb-editor-root .lp-preview [style*="color:#fbbf24"],
html[data-vb-theme="light"] .vb-editor-root .lp-preview [style*="color:#fde68a"] { color: #fbbf24 !important; }
html[data-vb-theme="light"] .vb-editor-root .btn-u-leave {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fecaca;
}
html[data-vb-theme="light"] .vb-editor-root .btn-u-leave:hover {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fca5a5;
}

/* Dashboard: acentos do modo escuro ficam claros demais no branco */
html[data-vb-theme="light"] body.vb-app .db-page {
    --g1: #5b21b6;
    --g2: #0e7490;
    --g3: #047857;
    --g4: #b45309;
    --g5: #b91c1c;
    --g6: #1d4ed8;
    --g7: #c2410c;
    --g8: #a21caf;
}
html[data-vb-theme="light"] body.vb-app .db-source-list .src-badge {
    background: color-mix(in srgb, currentColor 12%, #ffffff);
}
html[data-vb-theme="light"] body.vb-app .db-source-list .src-google { color: #1d4ed8; }
html[data-vb-theme="light"] body.vb-app .db-source-list .src-facebook { color: #1877f2; }
html[data-vb-theme="light"] body.vb-app .db-source-list .src-instagram { color: #be123c; }
html[data-vb-theme="light"] body.vb-app .db-source-list .src-linkedin { color: #0a66c2; }
html[data-vb-theme="light"] body.vb-app .db-source-list .src-tiktok { color: #111827; background: #f3f4f6; }
html[data-vb-theme="light"] body.vb-app .db-source-list .src-whatsapp,
html[data-vb-theme="light"] body.vb-app .db-source-list .src-organico { color: #047857; }
html[data-vb-theme="light"] body.vb-app .db-source-list .src-email { color: #a16207; }
html[data-vb-theme="light"] body.vb-app .db-source-list .src-referencia { color: #c2410c; }
html[data-vb-theme="light"] body.vb-app .db-source-list .src-direto { color: #4b5563; }
html[data-vb-theme="light"] body.vb-app .db-source-list .src-outros { color: #5b21b6; }
html[data-vb-theme="light"] body.vb-app .src-referencia { color: #c2410c; }
html[data-vb-theme="light"] body.vb-app .src-organico { color: #047857; }
html[data-vb-theme="light"] body.vb-app .db-table tr:hover td { background: #f5f3ff; }

/* ── Contornos, sombras e hover no claro ── */
html[data-vb-theme="light"] body.vb-app :is(
    .card, .stat-card, .db-card, .db-chart-card, .db-table-card, .db-rank-card,
    .an-card, .an-stat, .settings-section, .novidade-card, .goal-card
) {
    border-color: #dbe1ec;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
}
html[data-vb-theme="light"] body.vb-app :is(
    .card, .stat-card, .db-card, .an-stat, .novidade-card, .widget-item, .goal-card
):hover {
    border-color: #c4b5fd;
    box-shadow: 0 8px 22px rgba(76, 29, 149, 0.08);
}
html[data-vb-theme="light"] body.vb-app .nav-item:hover:not(.active) {
    background: #efe8ff;
    color: #4c1d95;
}
html[data-vb-theme="light"] body.vb-app .logout:hover {
    background: #f5f3ff;
}
html[data-vb-theme="light"] body.vb-app :is(
    tr:hover td,
    .db-table tr:hover td,
    .an-table tr:hover td,
    .camp-table tr:hover td,
    .prop-table tr:hover td,
    .goals-history tr:hover td
) {
    background: #f5f3ff;
}
html[data-vb-theme="light"] body.vb-app .filter-panel-header:hover,
html[data-vb-theme="light"] body.vb-app .stab:hover:not(.active),
html[data-vb-theme="light"] body.vb-app .vt-btn:hover:not(.on),
html[data-vb-theme="light"] body.vb-app .period-tab:hover:not(.on) {
    background: #f5f3ff;
    color: #5b21b6;
}
html[data-vb-theme="light"] body.vb-app .novidade-card::before {
    background: linear-gradient(135deg, rgba(109, 40, 217, 0.04), transparent 55%);
}

html[data-vb-theme="light"] body.vb-app .stat-novo { border-left-color: #1d4ed8; }
html[data-vb-theme="light"] body.vb-app .stat-contato { border-left-color: #047857; }
html[data-vb-theme="light"] body.vb-app .stat-fechado { border-left-color: #5b21b6; }
html[data-vb-theme="light"] body.vb-app .stat-novo .stat-box-value,
html[data-vb-theme="light"] body.vb-app .s-novo { color: #1d4ed8; background: #eff6ff; border-color: #bfdbfe; }
html[data-vb-theme="light"] body.vb-app .stat-novo .stat-box-value { background: transparent; border: 0; }
html[data-vb-theme="light"] body.vb-app .stat-contato .stat-box-value,
html[data-vb-theme="light"] body.vb-app .s-contato { color: #047857; background: #ecfdf5; border-color: #a7f3d0; }
html[data-vb-theme="light"] body.vb-app .stat-contato .stat-box-value { background: transparent; border: 0; }
html[data-vb-theme="light"] body.vb-app .stat-fechado .stat-box-value,
html[data-vb-theme="light"] body.vb-app .s-fechado { color: #5b21b6; background: #efe8ff; border-color: #c4b5fd; }
html[data-vb-theme="light"] body.vb-app .stat-fechado .stat-box-value { background: transparent; border: 0; }

html[data-vb-theme="light"] body.vb-app .prop-stat.highlight { border-left-color: #0e7490; border-color: #a5f3fc; }
html[data-vb-theme="light"] body.vb-app .prop-stat.highlight .value,
html[data-vb-theme="light"] body.vb-app .prop-value { color: #0e7490; }
html[data-vb-theme="light"] body.vb-app .ps-rascunho { color: #374151; background: #f3f4f6; border-color: #e5e7eb; }
html[data-vb-theme="light"] body.vb-app .ps-enviada { color: #1d4ed8; background: #eff6ff; border-color: #bfdbfe; }
html[data-vb-theme="light"] body.vb-app .ps-aprovada { color: #047857; background: #ecfdf5; border-color: #a7f3d0; }
html[data-vb-theme="light"] body.vb-app .ps-recusada { color: #b91c1c; background: #fef2f2; border-color: #fecaca; }
html[data-vb-theme="light"] body.vb-app .ps-expirada { color: #b45309; background: #fffbeb; border-color: #fde68a; }
html[data-vb-theme="light"] body.vb-app input[type=date] { color-scheme: light; }