/* HUB do Grupo ITIBAN: central de avisos (T-0651, S12 Avisos e S13 Preferencias de aviso). Usa os tokens de app.css; sem estilo inline (CSP).
   Computador: coluna de leitura de ate 860 px. Celular (ate 700 px): itens e chaves com alvo de 48 px ou mais, sem rolagem lateral. */
.av-tela{max-width:860px}
.av-tela .card{margin-bottom:16px}
.av-tela .voltar{margin:0 0 16px}
.av-lista{list-style:none;margin:0;padding:0}
.av-lista li+li{border-top:1px solid var(--line)}
.av-it{all:unset;box-sizing:border-box;display:flex;gap:12px;align-items:flex-start;width:100%;padding:14px 4px;min-height:56px;color:var(--txt);text-decoration:none;border-radius:10px}
a.av-it,button.av-it{cursor:pointer}
a.av-it:hover,button.av-it:hover{background:var(--bg)}
.av-it:focus-visible{outline:2px solid #142e4f;outline-offset:-2px}
.av-it>svg:last-child{margin-top:10px;color:var(--mut)}
.av-ic{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);color:var(--gold2)}
.av-it.urg .av-ic{background:var(--bad-bg);color:var(--bad)}
.av-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.av-tx b{font-weight:600;overflow-wrap:anywhere}
.av-it.novo .av-tx b{font-weight:750}
.av-it.novo .av-ic{box-shadow:0 0 0 2px var(--ink)}
.av-corpo{font-size:13.5px;color:var(--txt2);overflow-wrap:anywhere}
.av-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12.5px;color:var(--mut)}
.av-vis{flex:none;align-self:center;font-size:12.5px;font-weight:600;color:var(--ink2);white-space:nowrap}
.av-acoes{margin-top:0}
.av-pref{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer}
.av-pref:last-child{border-bottom:0}
.av-sw{position:relative;flex:none;display:inline-block;width:44px;height:26px}
.av-sw input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.av-sw i{position:absolute;inset:0;background:var(--sw-off,#c3c7cf);border-radius:99px;transition:.18s}
.av-sw i:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.18s}
.av-sw input:checked+i{background:var(--ok)}
.av-sw input:checked+i:after{left:21px}
.av-sw input:focus-visible+i{outline:2px solid #142e4f;outline-offset:2px}
.av-tela .erro{color:var(--bad);font-weight:600;margin:0 0 8px}
/* tablet e celular (768 inclusive): botoes e chips desta tela com alvo de 48 px */
@media(max-width:1024px){.av-tela .btn,.av-tela .tab{min-height:48px}}
@media(max-width:700px){
  .av-tela .card{padding:16px}
  .av-it{min-height:64px;padding:14px 2px}
  .av-vis{display:none}
  .av-acoes{display:grid;grid-template-columns:1fr 1fr}
  .av-acoes .btn{width:100%}
  .av-acoes .btn.pri,.av-acoes a.btn{grid-column:1 / -1}
  .av-pref{min-height:64px}
}