/* Radar News WA — mesa de redação: barra fixa com conta e seções, resumo em linha, feed por dia. */
:root{
  --bg:#eef2f1; --surface:#ffffff; --sunk:#e3e9e7; --ink:#14211f; --muted:#5b6b67; --line:#cfd8d5;
  --accent:#0d6b63; --accent-ink:#ffffff; --accent-soft:#d6ebe8;
  --hot:#c2410c; --hot-soft:#fde4d6; --warm:#b45309; --warm-soft:#fcefd2; --mild:#4d7c0f; --mild-soft:#e6f2d3;
  --good:#15803d; --bad:#9f1239; --bad-soft:#fbe1e7;
  --f-display:"IBM Plex Sans Condensed","Arial Narrow",system-ui,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --r:8px; color-scheme:light;
}
/* tema: automático segue o sistema; o seletor grava data-tema="claro"|"escuro" no <html> */
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]){
  --bg:#0f1715; --surface:#16211e; --sunk:#1c2a27; --ink:#e3ece9; --muted:#93a6a1; --line:#2b3c38;
  --accent:#4fbfb2; --accent-ink:#06201d; --accent-soft:#173b37;
  --hot:#fb923c; --hot-soft:#3d2214; --warm:#fbbf24; --warm-soft:#3a2d10; --mild:#a3d65c; --mild-soft:#24331a;
  --good:#4ade80; --bad:#fb7185; --bad-soft:#3b1a22; color-scheme:dark}}
:root[data-tema="escuro"]{
  --bg:#0f1715; --surface:#16211e; --sunk:#1c2a27; --ink:#e3ece9; --muted:#93a6a1; --line:#2b3c38;
  --accent:#4fbfb2; --accent-ink:#06201d; --accent-soft:#173b37;
  --hot:#fb923c; --hot-soft:#3d2214; --warm:#fbbf24; --warm-soft:#3a2d10; --mild:#a3d65c; --mild-soft:#24331a;
  --good:#4ade80; --bad:#fb7185; --bad-soft:#3b1a22; color-scheme:dark}
.tema-sel{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--surface)}
.tema-sel button{border:0;background:none;color:var(--muted);font:500 12px/1 var(--f-body);padding:6px 9px;cursor:pointer;border-radius:0}
.tema-sel button[aria-pressed="true"]{background:var(--sunk);color:var(--ink)}
.tema-canto{position:fixed;top:12px;right:16px;z-index:6}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.5}
[hidden]{display:none!important}
.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
header.top{position:sticky;top:0;z-index:5;background:var(--surface);border-bottom:1px solid var(--line)}
.top .linha1{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-block:12px}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto;min-width:0}
.brand h1{font-family:var(--f-display);font-weight:700;font-size:21px;margin:0;white-space:nowrap}
.sweep{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);flex:none}
.conta-sel{display:flex;align-items:center;gap:8px}
.conta-sel select{width:auto;min-width:180px;font-weight:600}
.usuario{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}
nav.secoes{display:flex;gap:2px;overflow-x:auto;padding-bottom:8px}
nav.secoes a{font-family:var(--f-display);font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:7px 11px;border-radius:6px;white-space:nowrap}
nav.secoes a[aria-current="page"]{color:var(--ink);background:var(--sunk)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
main{padding-block:20px 60px;display:grid;gap:20px}
h2.titulo{font:600 22px/1.2 var(--f-display);margin:0}
.sub{font:500 11px/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.resumo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.resumo>div{background:var(--surface);padding:12px 14px;min-width:0}
.resumo .k{font:500 11px/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.resumo .v{font:600 26px/1.15 var(--f-display);font-variant-numeric:tabular-nums;margin-top:4px}
.resumo .s{font:400 12px/1.35 var(--f-mono);color:var(--muted);margin-top:2px}
.barra{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.barra .lbl{font-size:13px;color:var(--muted)}
.barra .esp{flex:1}
.chip{font:500 13px/1 var(--f-body);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:7px 11px;border-radius:999px;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.rodar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px}
.rodar .info{font-size:13px;color:var(--muted);flex:1;min-width:200px}
.dia{display:grid;gap:10px}
.dia h3{font:600 13px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:6px 0 0;display:flex;gap:10px;align-items:center}
.dia h3::after{content:"";flex:1;height:1px;background:var(--line)}
.pauta{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 14px}
.pauta.publicada{border-color:color-mix(in srgb,var(--good) 45%,var(--line))}
.pauta.producao{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.pauta.descartada,.pauta.expirada,.pauta.arquivada{opacity:.62}
.nota{grid-row:span 3;display:grid;place-items:center;align-content:center;border-radius:6px;height:56px;font:700 24px/1 var(--f-display);font-variant-numeric:tabular-nums}
.nota small{display:block;font:500 10px/1 var(--f-mono);opacity:.8;margin-top:3px}
.n-hot{background:var(--hot-soft);color:var(--hot)}.n-warm{background:var(--warm-soft);color:var(--warm)}.n-mild{background:var(--mild-soft);color:var(--mild)}
.meta{display:flex;flex-wrap:wrap;gap:4px 10px;font:400 12px/1.4 var(--f-mono);color:var(--muted);min-width:0;align-items:center}
.tag{background:var(--sunk);padding:1px 6px;border-radius:4px;color:var(--ink)}
.tag.ok{background:var(--mild-soft);color:var(--good)}.tag.no{background:var(--bad-soft);color:var(--bad)}.tag.resp{background:var(--accent-soft);color:var(--ink)}
.pauta h4{font:600 18px/1.3 var(--f-display);margin:0;text-wrap:balance}
.linha{margin:0;font-size:14px;min-width:0}
.linha b{font-weight:600}
.det{grid-column:2;display:grid;gap:10px;margin-top:6px;min-width:0}
.titulos{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.titulos li{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;background:var(--sunk);border-radius:6px;padding:6px 6px 6px 10px;font-size:14px}
.titulos li span{min-width:0;overflow-wrap:anywhere}
.duvidas{margin:0;padding-left:18px;font-size:14px}
.fontes{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:13px;align-items:baseline}
a{color:var(--accent)}
.acoes{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;padding-top:10px;border-top:1px dashed var(--line)}
button,.btn{font:500 13px/1 var(--f-body);cursor:pointer;border-radius:6px;padding:8px 12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
button.pri{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
button.perigo{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}
button.mini{padding:5px 8px;font-size:12px;flex:none}
button.ok[aria-pressed="true"]{background:var(--good);border-color:var(--good);color:var(--surface)}
button.no[aria-pressed="true"]{background:var(--bad);border-color:var(--bad);color:var(--surface)}
button:disabled{opacity:.5;cursor:default}
.retorno{display:flex;gap:6px;flex:1 1 260px;min-width:0}
.retorno input{flex:1;min-width:0}
input,textarea,select{font:400 14px/1.4 var(--f-body);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 10px;width:100%}
textarea{resize:vertical}
select.compacto{width:auto;padding:5px 8px;font-size:13px}
.muted{color:var(--muted);font-size:13px}
.vazio{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);padding:28px 20px;text-align:center;color:var(--muted)}
.vazio strong{display:block;color:var(--ink);font:600 18px/1.3 var(--f-display);margin-bottom:6px}
.cartao{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:12px;min-width:0}
.cartao h3{margin:0;font:600 18px/1.2 var(--f-display)}
form.grade{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
form.grade label,.campo{display:grid;gap:4px;font-size:13px;font-weight:500;min-width:0}
form.grade .full{grid-column:1/-1}
.hint{font-weight:400;color:var(--muted);font-size:12px}
.linha-acoes{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.check{display:flex!important;align-items:center;gap:8px!important;font-weight:500}
.check input{width:auto}
.dias{display:flex;flex-wrap:wrap;gap:6px}
.dias label{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:13px;cursor:pointer}
.dias input{width:auto}
.horarios{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.horarios .h{display:flex;gap:4px;align-items:center}
.horarios input{width:110px}
.tabela{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;font-size:14px;min-width:620px}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:500 11px/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
td.num{font-variant-numeric:tabular-nums;font-family:var(--f-mono);font-size:13px}
tr:last-child td{border-bottom:0}
.st{font:500 12px/1 var(--f-mono);padding:3px 6px;border-radius:4px;background:var(--sunk)}
.st.concluida{background:var(--mild-soft);color:var(--good)}.st.erro{background:var(--bad-soft);color:var(--bad)}
.st.rodando,.st.na_fila,.st.aguardando_triagem{background:var(--warm-soft);color:var(--warm)}
.duas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.link-box{display:flex;gap:6px;background:var(--sunk);border-radius:6px;padding:8px;align-items:center}
.link-box code{flex:1;min-width:0;overflow-wrap:anywhere;font:400 12px/1.4 var(--f-mono)}
.entrada{max-width:420px;margin:8vh auto 0;display:grid;gap:16px}
.entrada .brand{justify-content:center;margin:0}
.erro-msg{background:var(--bad-soft);color:var(--bad);border-radius:6px;padding:8px 10px;font-size:14px}
.aviso{background:var(--warm-soft);color:var(--ink);border-radius:var(--r);padding:12px 14px;font-size:14px}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--surface);padding:10px 14px;border-radius:6px;font-size:14px;z-index:20;max-width:calc(100% - 32px)}
@media (max-width:760px){.resumo{grid-template-columns:repeat(2,minmax(0,1fr))}form.grade,.duas{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){header.top{position:static}.pauta{grid-template-columns:44px minmax(0,1fr);padding:12px}.nota{height:48px;font-size:20px}.det,.acoes{grid-column:1/-1}.conta-sel select{min-width:0;width:100%}.conta-sel{width:100%}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* triagem e distribuição */
.chip .qt{font:500 11px/1 var(--f-mono);opacity:.7;margin-left:4px}
.dia-cab{display:flex;gap:10px;align-items:center;margin-top:6px}
.dia-cab h3{flex:1;margin:0}
.passar,.motivos{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.passar .lbl,.motivos .lbl{font-size:12px;color:var(--muted);margin-right:2px}
.passar .chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.motivos{background:var(--bad-soft);border-radius:6px;padding:8px}
.acoes .hint{flex:1 1 100%}
.btn.pri{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.quadro{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;align-items:start}
.pessoa ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pessoa li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;font-size:14px;align-items:start}
.nota-mini{font:700 13px/22px var(--f-display);text-align:center;border-radius:4px;height:22px}
input.compacto{width:150px;padding:5px 8px;font-size:13px}
.duas .full{grid-column:1/-1}
.aviso .mini{margin-left:6px}

/* ordenação e categorias */
.ferramentas{gap:8px 16px}
.mini-sel{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--muted);font-weight:400}
.tag.cat{background:transparent;border:1px solid var(--line);color:var(--ink)}
.passar .chip.sugerido{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.passar .chip.sugerido::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;margin-right:6px;vertical-align:middle;opacity:.8}
.cobre{display:flex;flex-wrap:wrap;gap:4px;max-width:320px}
.cobre .chip{padding:4px 8px;font-size:12px}
.cobre .chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
