:root { --fundo: #f6f7f9; --cartao: #ffffff; --texto: #1c2430; --suave: #5b6675; --borda: #dde2e9; --ok: #1a7f4b; --ruim: #b3261e; --aviso: #8a6100; --neutro: #5b6675; }
@media (prefers-color-scheme: dark) {
  :root { --fundo: #11151b; --cartao: #1a2029; --texto: #e6eaf0; --suave: #9aa6b6; --borda: #2b3440; --ok: #5fd39a; --ruim: #ff8a80; --aviso: #f0c35a; --neutro: #9aa6b6; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fundo); color: var(--texto); font: 16px/1.5 system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px; }
h1 { font-size: 1.6rem; margin: 0 0 4px; }
.sub { color: var(--suave); margin: 0 0 24px; }
ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
li { background: var(--cartao); border: 1px solid var(--borda); border-radius: 10px; padding: 14px 16px; display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: center; }
li a { color: var(--texto); font-weight: 600; text-decoration: none; }
li a:hover, li a:focus { text-decoration: underline; }
.finalidade { grid-column: 1; color: var(--suave); font-size: .92rem; }
.status { grid-row: 1; grid-column: 2; font-size: .85rem; font-weight: 600; padding: 2px 10px; border-radius: 999px; border: 1px solid currentColor; color: var(--neutro); white-space: nowrap; }
.status[data-status="no_ar"] { color: var(--ok); }
.status[data-status="indisponivel"] { color: var(--ruim); }
.status[data-status="em_breve"], .status[data-status="restrito"] { color: var(--aviso); }
footer { margin-top: 24px; color: var(--suave); font-size: .85rem; }