/* ════════════════════════════════════════════════════════════════════ ADMIN PLUS — Estilos para preferências do usuário Aplica via atributos no : • data-cp-tema="claro" → tema claro • data-cp-tema="escuro" → tema escuro • data-cp-compacto="1" → modo compacto ════════════════════════════════════════════════════════════════════ */ /* TEMA CLARO — sobrescreve variáveis CSS principais */ html[data-cp-tema="claro"] { --bg: #f5f6f8; --s1: #ffffff; --s2: #f0f1f5; --sf: #ffffff; --tx: #1a1f2e; --t1: #2a3142; --t2: #4a5578; --t3: #707d9c; --bd: rgba(0, 0, 0, 0.10); } html[data-cp-tema="claro"] body { background: #f5f6f8 !important; color: #1a1f2e !important; } /* TEMA ESCURO — força o esquema padrão (caso navegador esteja em claro) */ html[data-cp-tema="escuro"] body { background: #090b11 !important; color: #dde4f5 !important; } /* MODO COMPACTO — UI mais densa */ html[data-cp-compacto="1"] { font-size: 13px; /* base menor */ } html[data-cp-compacto="1"] .tab, html[data-cp-compacto="1"] .sub-tab { padding: 6px 10px !important; font-size: 11px !important; } html[data-cp-compacto="1"] .btn { padding: 6px 12px !important; font-size: 12px !important; } html[data-cp-compacto="1"] .fld { margin-bottom: 8px !important; } html[data-cp-compacto="1"] .fld label { font-size: 10px !important; margin-bottom: 4px !important; } html[data-cp-compacto="1"] input, html[data-cp-compacto="1"] select, html[data-cp-compacto="1"] textarea { padding: 7px 9px !important; font-size: 12px !important; } html[data-cp-compacto="1"] .modal { padding: 14px !important; } html[data-cp-compacto="1"] .ctitle { font-size: 12px !important; } html[data-cp-compacto="1"] table th, html[data-cp-compacto="1"] table td { padding: 6px 8px !important; font-size: 11px !important; }