/* ===========================================================================
   02 · BASE
   O que vale para a página inteira antes de existir componente nenhum:
   reinício, body, elementos nativos e barra de rolagem.
   =========================================================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* CONTROLE DE FORMULARIO NAO HERDA FONTE. `button`, `input`, `select` e
   `textarea` trazem a fonte do sistema operacional, e o `font-family` do body
   nao alcanca nenhum deles: no Windows isso aparecia como Arial no meio de uma
   tela inteira em Inter. So nao se via em todo lugar porque `.form-input`,
   `.form-select` e `.form-textarea` ja declaravam `inherit` por conta propria,
   o que escondia o buraco nos botoes.
   `font-family` e nao `font`: o atalho herdaria tambem tamanho e peso, e
   apagaria os que as classes de botao definem. */
button, input, select, textarea, optgroup {
    font-family: inherit;
}

body {
    font-family: var(--fonte);
    background: var(--dark);
    color: var(--text);
    min-height: 100vh;
    /* NÃO usar display:flex aqui. A sidebar é position:fixed (fora do fluxo),
       então o .main-content ficava sendo o único item flex e, com min-width:auto,
       não conseguia encolher abaixo do min-content: uma tabela larga esticava a
       página inteira para 2400px e tudo vazava para a direita.
       Também NÃO usar overflow-x:hidden como remendo: isso apenas recorta o que
       vaza, escondendo o problema e deixando conteúdo inacessível. */
}

/* Nada pode ser mais largo que a tela */
img, video, canvas, svg {
    max-width: 100%;
    height: auto;
}

hr { border-color: var(--dark-border); }

/* Barra de rolagem (8px é largura de caixa, não espaçamento: fica literal) */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--dark); }
::-webkit-scrollbar-thumb { background: var(--gold-dark); border-radius: var(--raio-xs); }
::-webkit-scrollbar-thumb:hover { background: var(--gold); }