/* ============================================================
   RodoWall PAD — Estilos Base e Reset
   ------------------------------------------------------------
   Reset de margens, tipografia base, fundo com atmosfera
   (gradientes suaves) e barra de rolagem. Transição suave ao
   trocar de tema.
   ============================================================ */

*{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;background:var(--bg);color:var(--text);font-family:"Inter",sans-serif;font-size:14px;}
html{transition:background-color .25s ease;}
body,.topbar,.statsbar,.sidebar,.surface,.dash-card,.reg-card,.score-card{transition:background-color .25s ease,border-color .25s ease,color .25s ease;}
body::before{content:"";position:fixed;inset:0;background:
  radial-gradient(ellipse 60% 40% at 0% 0%,var(--glow-1) 0%,transparent 60%),
  radial-gradient(ellipse 40% 30% at 100% 100%,var(--glow-2) 0%,transparent 60%);
  pointer-events:none;z-index:0;transition:background .25s ease;}
#app,#loginScreen,#loading{position:relative;z-index:1;}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px;}
::-webkit-scrollbar-track{background:transparent;}
input,select,textarea,button{font-family:"Inter";}

/* Animação de pulsação (logo na tela de carregamento) */
@keyframes pulse{0%,100%{opacity:.8}50%{opacity:1}}