/* Zefinha IA - Base / tema escuro */
:root {
    --bg: #0f1115;
    --bg-2: #171a21;
    --bg-3: #1e222b;
    --border: #2a2f3a;
    --text: #e6e8ec;
    --text-dim: #9aa1ac;
    --accent: #10a37f;
    --accent-2: #0d8a6a;
    --danger: #e5484d;
    --radius: 10px;
}

* { box-sizing: border-box; }

/* CSS de autor sempre vence o [hidden]{display:none} do user-agent stylesheet
   quando algum seletor de classe também define `display` no mesmo elemento
   (independe de especificidade — é a origem da regra que decide). Sem isto,
   qualquer `.algumaCoisa { display: flex }` combinado com `hidden` via JS
   (elemento.hidden = true) silenciosamente deixa de esconder o elemento. */
[hidden] { display: none !important; }

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: var(--bg);
    color: var(--text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
}

a { color: inherit; text-decoration: none; }

button {
    cursor: pointer;
    border: none;
    background: none;
    color: inherit;
    font: inherit;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 10px; }
::-webkit-scrollbar-track { background: transparent; }