/* Toques modernos SUTIS — gradientes/sombras leves, sem mexer na estrutura.
   Carregado por último; fácil de reverter removendo o <link>. */

/* Header com leve gradiente e sombra suave */
.app-header {
  background: linear-gradient(180deg, var(--surface) 0%, var(--bg-2) 100%);
  box-shadow: 0 1px 0 var(--border), 0 2px 8px rgba(15, 23, 42, .04);
}

/* Aba ativa: mantém o underline consolidado + leve realce */
.app-nav-item.active {
  background: linear-gradient(180deg, rgba(79,70,229,.06), rgba(79,70,229,0));
  border-bottom-color: #4f46e5;
  color: #4338ca;
}

/* KPIs com sombra suave + faixa de cor sutil no topo */
.kpi-card {
  box-shadow: 0 1px 3px rgba(15, 23, 42, .05);
  position: relative;
  overflow: hidden;
}
.kpi-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--accent, #6366f1), transparent 70%);
  opacity: .5;
}

/* Painéis e listas com sombra leve */
.panel, .lanc-list, .page-subnav { box-shadow: 0 1px 3px rgba(15, 23, 42, .04); }

/* Botões primários com gradiente sutil */
.subnav-btn.primary,
.btn-page-primary,
.imp-footer .btn-page-primary {
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  border-color: #4f46e5;
  color: #fff;
}
.subnav-btn.primary:hover,
.btn-page-primary:hover { opacity: .93; }

/* Chip de conta ativa: leve profundidade */
.acct-tab.on { box-shadow: 0 2px 6px rgba(15, 23, 42, .18); }

/* Saldo total com leve destaque */
.page-subnav-total-value { color: var(--accent, #4f46e5); }

/* ── Tema escuro: roxo legível (clareia o #4f46e5/#6366f1 sobre fundo escuro) ── */
[data-theme="dark"] .page-subnav-total-value { color: #a5b4fc; }
[data-theme="dark"] .conc-sug.ia,
[data-theme="dark"] .conc-sug.regra,
[data-theme="dark"] .evcb-create,
[data-theme="dark"] .conc-create { color: #c7d2fe; }
[data-theme="dark"] .conc-sugchip {
  color: #c7d2fe; background: rgba(129,140,248,.14); border-color: rgba(129,140,248,.45);
}
[data-theme="dark"] .conc-sugchip:hover { background: rgba(129,140,248,.26); }
[data-theme="dark"] .conc-evchip,
[data-theme="dark"] .lanc-evento-chip { color: #c7d2fe; background: rgba(129,140,248,.22); }
[data-theme="dark"] .conc-sug.ia { background: rgba(129,140,248,.22); }
[data-theme="dark"] .app-nav-item.active { color: #c7d2fe; border-bottom-color: #818cf8; }
[data-theme="dark"] .conc-row.has-sug { background: rgba(129,140,248,.07); }
[data-theme="dark"] .conc-row.sel { background: rgba(129,140,248,.16); }
[data-theme="dark"] .placeholder-hint, [data-theme="dark"] .cad-help li { color: #94a3b8; }
[data-theme="dark"] .cad-num { color: #64748b; }