/* ============================================================
   49imob — Painel v2 (handoff "Painel 2.0"). Tema OPT-IN via
   data-theme="handoff" (feature-flag §11): re-skin por CSS, sem
   alterar HTML/JS. Selecione em Minha Conta → Aparência → 49imob 2.0.
   Reaproveita as CSS vars do panel.css — nada sobrescreve os temas
   existentes (cream/dark/light/neon continuam idênticos).
   ============================================================ */
[data-theme="handoff"] {
  --bg: #F5F1EA; --surface: #FFFFFF; --surface2: #FBF9F5; --surface3: #F5F1EA;
  --border: #EBE4D9; --border-accent: #0EB9C9;
  --gold: #0A95A3; --gold-light: #A7E9EF; --gold-dim: #0F5E67;
  --blue: #0A95A3; --green: #2E7D53; --red: #BB5C16; --orange: #F68C34;
  --text: #232220; --text-dim: #4D473F; --text-muted: #8C8275;
  --on-accent: #FFFFFF;
  --success-bg: #E7F5EE; --warning-bg: #FEF4EA; --danger-bg: #FEF4EA; --info-bg: #ECFBFC;
  --login-bg: linear-gradient(135deg, #F5F1EA 0%, #ECFBFC 55%, #D2F4F7 100%);
  --topbar-bg: rgba(251, 249, 245, .92);
  --toast-success-bg: #E7F5EE; --toast-error-bg: #FEF4EA; --toast-info-bg: #ECFBFC;
  --glow: none;
  --shadow-sm: 0 1px 2px rgba(15, 94, 103, .05);
  --shadow-md: 0 4px 14px rgba(15, 94, 103, .08);
  --shadow-lg: 0 12px 32px rgba(15, 94, 103, .12);
  --radius: 16px; --radius-sm: 11px;
  --font: 'Hanken Grotesk', 'Inter', system-ui, -apple-system, sans-serif;
}

/* Sidebar teal escuro (identidade do painel v2) */
[data-theme="handoff"] .sidebar { background: #0F5E67; border-right-color: #0d5058; }
[data-theme="handoff"] .sidebar-brand { color: #fff; }
[data-theme="handoff"] .sidebar-brand-sub,
[data-theme="handoff"] .sidebar-section-label,
[data-theme="handoff"] .sidebar-user-role { color: rgba(255, 255, 255, .5); }
[data-theme="handoff"] .sidebar-link { color: rgba(255, 255, 255, .78); }
[data-theme="handoff"] .sidebar-link:hover:not(.active) { background: rgba(255, 255, 255, .08); color: #fff; }
[data-theme="handoff"] .sidebar-link.active { background: rgba(255, 255, 255, .14); color: #fff; }
[data-theme="handoff"] .sidebar-user-btn,
[data-theme="handoff"] .sidebar-user-name { color: #fff; }
[data-theme="handoff"] .sidebar-user-cog { color: rgba(255, 255, 255, .5); }
[data-theme="handoff"] .sidebar-logout { border-color: rgba(255, 255, 255, .2); color: rgba(255, 255, 255, .6); }
[data-theme="handoff"] .sidebar-logout:hover { background: rgba(255, 255, 255, .1); color: #fff; }

/* CTA laranja (ação primária) */
[data-theme="handoff"] .btn-gold { background: linear-gradient(135deg, #F68C34, #E0741C); color: #fff; }
[data-theme="handoff"] .btn-gold:hover { box-shadow: 0 4px 15px rgba(246, 140, 52, .32); }

/* Tipografia display serif nos títulos e números grandes */
[data-theme="handoff"] .page-title,
[data-theme="handoff"] .stat-card .value,
[data-theme="handoff"] .kpi-card .value { font-family: 'Newsreader', Georgia, serif; font-weight: 400; letter-spacing: 0; }
[data-theme="handoff"] .section-label,
[data-theme="handoff"] .sidebar-section-label { font-family: 'JetBrains Mono', ui-monospace, monospace; }

/* Cartões com raio maior (tokens do handoff) */
[data-theme="handoff"] .stat-card,
[data-theme="handoff"] .kpi-card,
[data-theme="handoff"] .section { border-radius: 16px; }

/* Preview do seletor de tema (Minha Conta) */
.theme-preview-handoff { background: #F5F1EA; }
.theme-preview-handoff span:nth-child(1) { background: #0F5E67; }
.theme-preview-handoff span:nth-child(2) { background: #0A95A3; }
.theme-preview-handoff span:nth-child(3) { background: #F68C34; }