/* Frente G (melhorias 3). Usa as variáveis de cor de estilo.css. */
.avisos-lista { list-style: none; margin: 8px 0 16px; padding: 0; display: grid; gap: 6px; }
.avisos-item { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.avisos-rotulo { display: flex; align-items: center; gap: 8px; cursor: pointer; min-height: 32px; }
.avisos-rotulo input { width: 18px; height: 18px; accent-color: var(--brand); }
.avisos-rotulo input:disabled { cursor: default; }
.avisos-pessoa { margin: 12px 0; }

/* Página pública do descadastro (/descadastro/<token>): sem o app em volta. */
body.descadastro { min-height: 100vh; display: grid; place-items: center; padding: 16px; background: var(--bg); color: var(--text); font-family: var(--sans); }
.descadastro-cartao { max-width: 480px; width: 100%; background: var(--surface); border: 1px solid var(--line); border-radius: var(--raio); padding: 24px; }
.descadastro-cartao h1 { font-size: 20px; margin: 0 0 12px; }
.descadastro-cartao p { line-height: 1.5; }
@media (prefers-color-scheme: dark) {
  body.descadastro { background: #10151b; color: #e8edf2; }
  .descadastro-cartao { background: #171e26; border-color: #2a333d; }
}