/* Triune AV Planner — base
Reset enxuto + tipografia + regras de toque mobile. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
font-family: var(--font);
background: var(--bg);
color: var(--txt-2);
font-weight: 400;
font-size: 14px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
overscroll-behavior: none;
}
a { color: inherit; text-decoration: none; }
button {
font-family: inherit;
cursor: pointer;
border: none;
background: none;
}
img, svg { display: block; max-width: 100%; }
/* DEV6: evita zoom no iOS, mas oferece design compacto em desktop */
input, select, textarea {
font-family: inherit;
font-size: 13.5px;
background: var(--bg-3);
color: var(--txt-2);
border: 1px solid var(--line);
border-radius: var(--r-sm);
padding: 7px 11px;
width: 100%;
}
/* Selects custom — fim do quadrado branco padrão do navegador.
Remove aparência nativa, adiciona chevron SVG, fundo dark coerente. */
select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 32px;
cursor: pointer;
}
select:hover { border-color: var(--line-3); }
/* As