/* ============================================================================ Tema unificado LUMA — visual do Admin Console aplicado a todo o sistema. Carregado por último no de cada tela; usa !important para sobrepor os estilos inline antigos (azul) sem precisar reescrever cada página. ============================================================================ */ :root{ --brand:#6c4bf4; --brand-2:#5a3de0; --brand-bg:#f0edff; --bg:#f1f2f6; --card:#ffffff; --line:#ececf2; --ink:#1f2430; --ink-2:#4a4f60; --ink-3:#8a8aa0; } body{ background:var(--bg) !important; color:var(--ink) !important; } /* ---- Marca LUMA no topo da sidebar ---- */ .luma-brand{ display:flex !important; align-items:center; gap:10px; padding:14px 16px 14px; border-bottom:1px solid var(--line); margin-bottom:4px; } .luma-brand svg{ flex-shrink:0; } .luma-brand .luma-brand-text b{ display:block; font-size:15px; font-weight:800; color:var(--ink); line-height:1.05; } .luma-brand .luma-brand-text span{ font-size:11px; color:var(--ink-3); } /* ---- Logo no header (topo) do dashboard ---- */ .header-left{ display:flex !important; align-items:center; gap:10px; } .header-logo{ flex-shrink:0; } /* ---- Sidebar: azul-escuro -> branca com acento roxo ---- */ .sidebar{ background:#ffffff !important; border-right:1px solid var(--line) !important; box-shadow:none !important; } .sidebar-section-title{ color:#a6a6bb !important; } .sidebar-item{ color:var(--ink-2) !important; border-left:3px solid transparent !important; } .sidebar-item .sidebar-icon{ opacity:.9; } .sidebar-item:hover{ background:#f6f5fe !important; color:var(--ink) !important; border-left-color:var(--brand) !important; } .sidebar-item.active{ background:var(--brand-bg) !important; color:var(--brand) !important; border-left-color:var(--brand) !important; font-weight:600 !important; } .sidebar::-webkit-scrollbar-thumb{ background:#dcdce6 !important; } /* ---- Cabeçalhos / títulos ---- */ .header h1, .main h1, h1{ color:var(--ink) !important; } .sidebar-section-title{ letter-spacing:.8px; } /* ---- Botões ---- */ .btn-primary, .btn.btn-primary{ background:var(--brand) !important; color:#fff !important; border:none !important; } .btn-primary:hover{ background:var(--brand-2) !important; } a.btn-primary, button.btn-primary{ border-radius:8px !important; } /* ---- Cards / containers ---- */ .card, .table-container, .stat-card, .kpi, .widget, .panel{ background:var(--card) !important; border:1px solid var(--line) !important; border-radius:14px !important; box-shadow:0 1px 2px rgba(20,20,40,.04) !important; } /* ---- Tabelas ---- */ thead{ background:#f7f7fb !important; } th{ color:var(--ink-3) !important; text-transform:uppercase; letter-spacing:.4px; font-size:11px !important; } td{ border-bottom-color:#f3f3f7 !important; } tbody tr:hover{ background:#faf9ff !important; } /* ---- Inputs ---- */ input, select, textarea{ border-radius:8px !important; border-color:#e3e3ec !important; } input:focus, select:focus, textarea:focus{ outline:none !important; border-color:var(--brand) !important; box-shadow:0 0 0 3px var(--brand-bg) !important; } /* ---- Acentos diversos que usavam o azul antigo (#1a237e) ---- */ [style*="#1a237e"]{ /* deixa o navegador respeitar; sobreposição pontual abaixo */ } .spinner{ border-top-color:var(--brand) !important; }