/* =========================================================
   comum/estilo.css — VISUAL DE TODAS AS PÁGINAS
   Cores do sistema: fundo #0a0a0a, verde #22c55e, dourado #eab308
   (o resto do layout usa as classes do Tailwind direto no HTML)
   ========================================================= */
:root { --fundo:#0a0a0a; --verde:#22c55e; --dourado:#eab308; --card:#141414; --borda:#262626; }
body { background:var(--fundo); font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }

/* Cores */
.verde { color:var(--verde) } .bg-verde { background:var(--verde) }
.dourado { color:var(--dourado) } .bg-dourado { background:var(--dourado) } .borda-dourada { border-color:var(--dourado) }

/* Cards arredondados */
.card { background:var(--card); border:1px solid var(--borda); border-radius:1.25rem; }

/* Campos de formulário */
.inp { background:var(--fundo); border:1px solid #333; border-radius:.75rem; padding:.65rem .9rem; width:100%; color:#fff; }
.inp:focus { outline:none; border-color:var(--verde); }
.chk { accent-color:var(--verde); width:1.1rem; height:1.1rem; }
input[type=date]::-webkit-calendar-picker-indicator, input[type=time]::-webkit-calendar-picker-indicator { filter: invert(1); }

/* Botão secundário (borda) */
.btn2 { border:1px solid #333; border-radius:.75rem; padding:.55rem .9rem; font-size:.85rem; }
.btn2:hover { border-color:var(--verde); }

/* Menu lateral do admin e abas do painel */
.menu a.ativo { background:#22c55e1a; color:var(--verde); }
.tab.ativo { background:var(--verde); color:#000; font-weight:700; }

/* Chave liga/desliga */
.switch { width:3rem; height:1.7rem; border-radius:999px; background:#333; position:relative; transition:.2s; cursor:pointer; flex-shrink:0; }
.switch::after { content:''; position:absolute; top:.2rem; left:.2rem; width:1.3rem; height:1.3rem; border-radius:999px; background:#fff; transition:.2s; }
.switch.on { background:var(--verde); } .switch.on::after { left:1.5rem; }