/* ============================================================
   global.css — Reset y layout raíz
   Extraído 1:1 desde styles.css líneas 143–155.
   ============================================================ */

* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
html, body { height: 100%; overflow: hidden; background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Inter', 'Helvetica Neue', sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/* v8.5.16: baseline genérico — algunos inputs/selects/botones del archivo
   nunca tuvieron font-family explícito y caían en la tipografía nativa del
   navegador. Reglas más específicas (.form-input, #search-input, etc.) ya
   declaran lo suyo y siguen ganando por especificidad; esto es solo un piso
   para lo que quedó sin estilar. */
input, select, textarea, button { font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Inter', 'Helvetica Neue', sans-serif; }
input::placeholder, textarea::placeholder { color: var(--text-muted); }

/* ── APP ── */
#app { display: flex; flex-direction: column; height: 100vh; }