/* Kikimimi · a tela. Tokens de cor e letras da Agência RPB (menu.css); sentimento nos tons dos velocímetros (verde,
   amarelo, vermelho; Rogerio, 07/11). Escala 3:2 de tipos e espaços. Tema claro: fundo branco, poucos elementos.
   Layout do mockup D-1 (08/11): a barra dos monitores à esquerda, o quadro no centro. */
:root{--papel:#fbfcff;--cartao:#fff;--tinta:#18243d;--suave:#5a6680;--linha:#dde3ee;--azul:#225cff;--marinho:#123b91;--ciano:#10a5de;--realce:#eaf0ff;
--ok:#1f8a4c;--ok-fundo:#e3f5ea;--erro:#c2331f;--erro-fundo:#fbe4e0;--ambar:#a98400;--ambar-fundo:#fdf4d2;--pos-cor:#2fae5f;--neu-cor:#f3c21d;--neg-cor:#d9432f;--neutro-cor:#f3c21d;--cinza:#c3ccdb;
--sombra:0 1px 2px rgba(28,34,51,.06),0 8px 24px rgba(28,34,51,.07);--titulo:Fraunces,Georgia,serif;--texto:Manrope,system-ui,sans-serif;
--t1:12px;--t2:18px;--t3:27px;--t4:40px;--e1:8px;--e2:12px;--e3:18px;--e4:27px;--e5:40px}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--papel);color:var(--tinta);font-family:var(--texto);font-size:14px;line-height:1.5;min-height:100vh}
a{color:var(--azul);text-decoration:none}
button{font:inherit;cursor:pointer;color:inherit}
mark{background:var(--realce);color:var(--marinho);border-bottom:2px solid var(--azul);padding:0 2px;border-radius:3px}
.suave{color:var(--suave)}
.logo{height:1em;width:auto;display:block}
.marca{display:inline-block;line-height:1;color:var(--tinta)}

/* início e senha */
.centro{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px 16px 80px;text-align:center;position:relative}
.centro .marca{font-size:clamp(44px,8vw,64px);animation:surgir .5s ease-out both}
.centro .marca .logo{height:1.6em}
.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.chip{border:1px solid var(--linha);background:var(--cartao);border-radius:999px;padding:6px 13px;font-size:13px;color:var(--marinho);font-weight:600}
.chip:hover{border-color:var(--azul);background:var(--realce)}
.aviso{color:var(--erro);font-weight:600}
.engrenagem{border:1px solid var(--linha);background:var(--cartao);border-radius:999px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--suave);flex:none}
.cartao-senha{background:var(--cartao);border:1px solid var(--linha);border-radius:20px;box-shadow:var(--sombra);padding:32px 28px;width:min(380px,100%);display:flex;flex-direction:column;gap:14px;align-items:center}
.cartao-senha .titulo{font-weight:700}
.cartao-senha input{width:100%;text-align:center;font-size:30px;letter-spacing:.5em;border:1px solid var(--linha);border-radius:14px;padding:10px 0 10px .5em;font-family:var(--texto);color:var(--tinta);outline:0}
.cartao-senha input:focus{border-color:var(--azul);box-shadow:0 0 0 3px var(--realce)}
.cartao-senha .dica{font-size:var(--t1);color:#9aa6bf}
.cartao-senha .erro{color:var(--erro);font-weight:700;font-size:13px}
.cartao-senha code{background:var(--realce);padding:1px 5px;border-radius:5px}
@keyframes surgir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* página do monitor */
.pagina{padding:0 clamp(16px,3vw,40px) 90px;max-width:1240px;margin:0 auto}
.topo{min-height:62px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--linha);flex-wrap:wrap;padding:10px 0}
.topo .marca{font-size:26px}
.topo .marca .logo{height:1.5em}
.topo .sep{width:1px;height:26px;background:var(--linha);margin:0 4px}
.topo .dir{margin-left:auto;display:flex;gap:10px;align-items:center;color:var(--suave);font-size:13px}
.numeros{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--e2);margin:var(--e3) 0}
.num{background:var(--cartao);border:1px solid var(--linha);border-radius:14px;padding:9px 13px 8px;min-width:0;position:relative;overflow:hidden;box-shadow:var(--sombra);--brilho:rgba(34,92,255,.16);color:var(--tinta);display:block;transition:transform .15s}
a.num:hover{transform:translateY(-1px);border-color:var(--azul)}
.num::after{content:"";position:absolute;right:-26px;bottom:-30px;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,var(--brilho),transparent 68%);pointer-events:none}
.num small{display:block;color:var(--suave);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;font-weight:700}
.num b{display:block;font-family:var(--titulo);font-weight:600;font-size:24px;line-height:1.05;margin-top:2px}
.num span{display:block;font-size:11px;color:var(--suave);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.num.pos{--brilho:rgba(47,174,95,.22)}.num.neu{--brilho:rgba(243,194,29,.3)}.num.neg{--brilho:rgba(217,67,47,.2)}
.num.pos b{color:var(--ok)}.num.neu b{color:var(--ambar)}.num.neg b{color:var(--erro)}
.num.plat{--brilho:rgba(16,165,222,.16)}
.plat .linhas{display:grid;grid-template-columns:52px 1fr auto auto;gap:0 6px;align-items:center;font-size:10px;line-height:1.3;margin-top:2px;color:var(--suave)}
.plat .linhas a{display:contents;color:inherit}
.plat .linhas a:hover span{color:var(--azul)}
.plat .linhas i{display:block;height:4px;border-radius:999px;background:var(--realce);overflow:hidden}
.plat .linhas i::before{content:"";display:block;height:100%;width:var(--w);background:var(--azul);border-radius:999px}
.plat .linhas em{font-style:normal;font-weight:700;color:var(--tinta);font-family:var(--titulo);font-size:11.5px;white-space:nowrap}
.plat .linhas small{font-size:9px;color:#9aa6bf;font-family:var(--texto);font-weight:600;text-transform:none;letter-spacing:0;display:inline}
.duo{display:grid;grid-template-columns:3fr 2fr;gap:var(--e2);margin-bottom:var(--e2)}
.peca{background:var(--cartao);border:1px solid var(--linha);border-radius:16px;padding:var(--e3) var(--e3) var(--e2);min-width:0;display:flex;flex-direction:column;gap:var(--e1)}
.peca h3{font-family:var(--titulo);font-weight:500;font-style:italic;font-size:var(--t2);letter-spacing:-.01em;line-height:1.2}
.peca h3 b{font-weight:600;font-style:normal}
.peca .leg{font-size:var(--t1);color:var(--suave);display:flex;gap:var(--e2);flex-wrap:wrap;align-items:center;justify-content:space-between}
.peca svg{width:100%;height:auto;display:block}
.peca svg text{font-family:var(--texto);font-size:10.5px;fill:var(--suave)}
.peca .vazio{color:#9aa6bf;padding:30px 0;text-align:center}
.filtro-sent{display:flex;gap:6px;flex-wrap:wrap}
.filtro-sent a{border:1px solid var(--linha);background:var(--cartao);border-radius:999px;padding:3px 10px;font-size:var(--t1);font-weight:700;display:flex;gap:6px;align-items:center;color:var(--suave)}
.filtro-sent a i{width:10px;height:10px;border-radius:50%;display:inline-block}
.filtro-sent a.on{border-color:var(--tinta);color:var(--tinta)}
.filtro-sent a.pos i{background:var(--pos-cor)}.filtro-sent a.neu i{background:var(--neu-cor)}.filtro-sent a.neg i{background:var(--neg-cor)}
svg.rio line.grade{stroke:#e8edf5;stroke-dasharray:3 4}
svg.rio text.grade{font-size:9.5px;fill:#9aa6bf}
svg.rio line.dia-linha,svg.rio line.eixo{stroke:#c9d2e3;stroke-width:1.2}
svg.rio text.dia{font-weight:700;fill:#8a94ab;font-size:10.5px}
svg.rio text.total{font-family:var(--titulo);font-size:14px;font-weight:600;fill:var(--tinta)}
svg.rio text.total.pico{fill:var(--azul)}
svg.rio rect.dia{cursor:pointer}
svg.rio rect.dia:hover{fill:rgba(34,92,255,.06)}
svg.anel circle.seg{fill:none;cursor:pointer;transition:stroke-width .2s}
svg.anel circle.seg:hover,svg.anel circle.seg.on{stroke-width:30}
svg.anel text.total{font-family:var(--titulo);font-size:34px;font-weight:600;fill:var(--tinta)}
.anel-centro svg{max-width:156px;margin:0 auto}
.anel-tabela{display:flex;flex-direction:column}
.anel-tabela a{display:grid;grid-template-columns:12px 1fr auto 38px 12px;gap:10px;align-items:center;padding:3px 8px;border-top:1px solid var(--linha);color:var(--tinta);font-size:13px}
.anel-tabela a:first-child{border-top:0}
.anel-tabela a:hover,.anel-tabela a.on{background:var(--realce)}
.anel-tabela i{width:12px;height:12px;border-radius:3px;display:inline-block}
.anel-tabela b{font-family:var(--titulo);font-weight:600;font-size:16px;text-align:right;font-variant-numeric:tabular-nums}
.anel-tabela small{color:var(--suave);font-weight:600;font-size:11px;text-align:right}
.anel-tabela a::after{content:"↓";color:var(--azul);font-weight:800;opacity:0;font-size:12px}
.anel-tabela a:hover::after{opacity:1}
.peca-rio .filtro-sent{gap:5px;margin-top:auto}
.peca-rio .filtro-sent a{padding:2px 8px;font-size:11px}
.peca-anel .leg{margin-top:auto}
/* a faixa "Mais indicadores": o velocímetro do monitor e o caminho para a tela de velocímetros (Rogerio, 07/11) */
.indicadores.faixa{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--cartao);border:1px solid var(--linha);border-radius:16px;padding:10px 22px 10px 14px;margin-bottom:var(--e2);color:var(--tinta);box-shadow:var(--sombra)}
.indicadores.faixa:hover{border-color:var(--azul)}
.indicadores.faixa .texto small{display:block;color:var(--suave);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;font-weight:700}
.indicadores.faixa .texto b{display:block;font-family:var(--titulo);font-weight:600;font-size:26px;line-height:1.1}
.indicadores.faixa .texto b.nsem{color:#9aa6bf}
.indicadores.faixa .texto b em{font-style:normal;font-size:18px;color:var(--suave);margin-left:4px}
.indicadores.faixa .texto>span{display:block;color:var(--suave);font-size:12px}
svg.medidor{display:block;overflow:visible}
.grupos-t{font-size:var(--t1);letter-spacing:.06em;text-transform:uppercase;color:var(--suave);font-weight:700;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:var(--e3) 0 var(--e1)}
.grupos-t small{font-weight:600;text-transform:none;letter-spacing:0}
.grupos{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--e1)}
.grupo{background:var(--cartao);border:1px solid var(--linha);border-radius:14px;padding:var(--e2);text-align:left;display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--tinta)}
.grupo:hover{border-color:var(--azul)}
.grupo.on{border-color:var(--azul);box-shadow:0 0 0 2px var(--realce)}
.grupo .nome{font-weight:800;font-size:13px;line-height:1.25}
.grupo .nome b{display:block;font-family:var(--titulo);font-weight:600;font-size:var(--t3);line-height:1}
.grupo .nome .pct{font-family:var(--texto);font-weight:600;font-size:11px;color:var(--suave);margin-left:6px;vertical-align:4px}
.grupo .def{font-size:11px;color:var(--suave)}
.grupo .mini{height:5px;border-radius:999px;background:var(--realce);overflow:hidden;margin-top:2px}
.grupo .mini i{display:block;height:100%;background:var(--neg-cor)}
.grupo.pos .mini i{background:var(--pos-cor)}.grupo.neu .mini i{background:var(--neutro-cor)}.grupo.outros .mini i{background:var(--cinza)}
.feed-t{margin:var(--e4) 0 var(--e1);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.feed-t h2{font-family:var(--titulo);font-weight:500;font-size:var(--t3)}
.feed-t h2 b{font-weight:600;font-style:italic}
.feed-t .cob{background:var(--realce);color:var(--marinho);border-radius:999px;padding:2px 9px;font-weight:700;font-size:var(--t1)}
.feed-t a{margin-left:auto}
.lista{background:var(--cartao);border:1px solid var(--linha);border-radius:16px;overflow:hidden}
.lista .vazio{padding:40px;text-align:center;color:#9aa6bf}
.c{display:grid;grid-template-columns:150px 1fr auto;gap:14px;padding:var(--e2) var(--e3);border-bottom:1px solid var(--linha);align-items:start;scroll-margin-top:20px}
.c:last-child{border-bottom:0}
.c:target{background:var(--realce)}
.c.corrigido{border-left:3px solid var(--pos-cor)}
.c .quem{font-size:12.5px;color:var(--suave);min-width:0}
.c .quem b{display:block;color:var(--tinta);font-weight:700;overflow-wrap:anywhere}
.c .quem b a{color:inherit}
.c .quem .src::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--azul);margin-right:5px}
.c .quem .src.tiktok::before{background:var(--tinta)}.c .quem .src.x::before{background:var(--ciano)}
.c .quem .resp{display:block;font-size:11px;color:#9aa6bf}
.c p{font-size:14.5px;overflow-wrap:anywhere;white-space:pre-line}
.c .selos{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;align-items:center;font-size:var(--t1);color:var(--suave)}
.c .dir{text-align:right;font-size:var(--t1);color:var(--suave);white-space:nowrap}
.pill{padding:2px 9px;border-radius:999px;font-weight:700;font-size:11.5px;white-space:nowrap}
.pill.pos{background:var(--ok-fundo);color:var(--ok)}.pill.neu{background:var(--ambar-fundo);color:var(--ambar)}.pill.neg{background:var(--erro-fundo);color:var(--erro)}
.pill.tema{background:var(--realce);color:var(--marinho)}
.pill.alvo{background:transparent;color:var(--marinho);border:1px solid var(--linha)}
.pill.inc{background:transparent;color:var(--suave);border:1px dashed var(--suave)}
.pill.nao{background:transparent;color:#9aa6bf;border:1px dashed var(--linha)}
.pill.fora{background:#f1f3f8;color:var(--suave)}
.filtro-sent a.inc i{background:#fff;border:1px dashed var(--suave)}.filtro-sent a.fora i,.filtro-sent a.nao i{background:var(--cinza)}
.num b a{color:inherit}.num span a{color:var(--azul)}
.oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}
.aprender{display:inline-flex;gap:4px;align-items:center;margin-left:auto;font-size:11px;color:#9aa6bf;flex-wrap:wrap}
.aprender .sinal{width:22px;height:22px;border-radius:50%;border:1px solid var(--linha);background:var(--cartao);padding:0;font-size:13px;font-weight:800;line-height:1;color:var(--suave);display:inline-flex;align-items:center;justify-content:center}
.aprender .sinal:hover{border-color:var(--tinta);color:var(--tinta)}
.aprender .sinal.on[data-s="pos"]{background:var(--ok-fundo);color:var(--ok);border-color:var(--ok)}
.aprender .sinal.on[data-s="neu"]{background:var(--ambar-fundo);color:var(--ambar);border-color:var(--neutro-cor)}
.aprender .sinal.on[data-s="neg"]{background:var(--erro-fundo);color:var(--erro);border-color:var(--erro)}
.aprender .msg{color:var(--ok);font-weight:700}
.aprender details{display:inline-block}
.aprender summary{cursor:pointer;list-style:none;border:1px solid var(--linha);border-radius:999px;padding:2px 8px;color:var(--suave)}
.aprender summary::-webkit-details-marker{display:none}
.aprender details[open] summary{border-color:var(--azul);color:var(--marinho)}
.aprender details div,.aprender details input,.aprender details select,.aprender details .btn{margin-top:4px}
.aprender input,.aprender select{font:inherit;font-size:11px;border:1px solid var(--linha);border-radius:999px;padding:2px 8px;background:var(--cartao);color:var(--tinta);max-width:130px}
.btn{border:1px solid var(--linha);background:var(--cartao);border-radius:999px;padding:9px 18px;font-weight:700;color:var(--marinho);display:inline-block}
.btn.pri{background:var(--azul);color:#fff;border-color:var(--azul)}
.btn.mini{padding:2px 8px;font-size:11px;font-weight:600}
.paginas{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:var(--e3);flex-wrap:wrap}
.nota{margin-top:var(--e3);font-size:var(--t1);color:#9aa6bf;display:flex;gap:var(--e3);flex-wrap:wrap;justify-content:space-between}

/* configurações */
.config{max-width:720px;margin:0 auto}
.config h2{font-family:var(--titulo);font-weight:500;font-size:26px;margin:22px 0 4px}
.config .sub{color:var(--suave);margin-bottom:18px}
.campo{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--linha)}
.campo label{font-weight:700}.campo small{display:block;color:var(--suave);font-weight:400;margin-top:2px}
.campo select,.campo input[type=number]{font:inherit;padding:8px 12px;border:1px solid var(--linha);border-radius:10px;background:var(--cartao);color:var(--tinta);width:160px}
.campo .moeda{color:var(--suave)}
.estim{background:var(--realce);border-radius:16px;padding:16px 18px;margin-top:18px;display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}
.estim b{font-family:var(--titulo);font-size:30px;font-weight:600}
.estim .aviso{color:var(--erro);font-weight:700;display:none}.estim.estoura .aviso{display:inline}
.estim small{flex-basis:100%;color:var(--suave)}
.monitores{display:flex;flex-direction:column;gap:6px}.monitores small{display:inline;margin-left:6px}
.acoes{margin-top:22px;display:flex;gap:10px}
.config.gabaritos{margin-top:40px;border-top:1px solid var(--linha)}
.config .ok{color:var(--ok);font-weight:700;margin:8px 0}
.config .envio{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.config .envio input[type=file]{font:inherit;font-size:13px;color:var(--suave)}
.girias-lista{list-style:none;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--suave)}
.girias-lista b{color:var(--tinta)}

@media (max-width:1000px){.numeros{grid-template-columns:repeat(3,1fr)}.num span{white-space:normal}.grupos{grid-template-columns:repeat(2,1fr)}.aprender{margin-left:0;width:100%}.duo{grid-template-columns:1fr}}
@media (max-width:600px){.numeros{grid-template-columns:repeat(2,1fr)}.c{grid-template-columns:1fr}.c .dir{text-align:left;white-space:normal}.campo{grid-template-columns:1fr}.topo .dir{margin-left:0;width:100%}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* velocímetros (B-9, foco): fundo liso, grade monitor × rede, medidores por tema */
.velocimetros-pagina .titulo-pagina{font-family:var(--titulo);font-weight:500;font-size:26px;margin:0}
.velocimetros-pagina .dir a{font-weight:600}
.grade{border-collapse:separate;border-spacing:0;width:100%;background:var(--cartao);border:1px solid var(--linha);border-radius:18px;overflow:hidden;margin-top:var(--e3)}
.grade th{font-weight:700;color:#9aa6bf;font-size:11.5px;text-transform:uppercase;letter-spacing:.12em;padding:16px 10px;border-bottom:1px solid var(--linha);text-align:center}
.grade th:first-child{text-align:left;padding-left:24px}
.grade td{padding:14px 10px;border-bottom:1px solid var(--linha);text-align:center;vertical-align:top}
.grade td.monitor{text-align:left;padding-left:24px;vertical-align:middle;width:210px}
.grade td.monitor .nome{font-family:var(--titulo);font-size:22px;font-weight:500}
.grade td.monitor .quando{font-size:12.5px;color:var(--suave);margin-top:4px}
.grade td.monitor .ver{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:600}
.grade tr:last-child td{border-bottom:0}
.grade td.consolidado{background:#f7f9fd}
.g svg.medidor{display:block;margin:0 auto;overflow:visible}
svg.medidor text.rotulo{font-family:var(--texto);font-weight:600;fill:#8a94ab;letter-spacing:.06em}
svg.medidor text.rotulo.forte{font-weight:800;fill:var(--tinta)}
svg.medidor .agulha{animation:girar 1.3s cubic-bezier(.25,1.1,.35,1) both}
@keyframes girar{from{transform:rotate(-90deg)}}
.g .valor{font-family:var(--titulo);font-weight:600;font-size:24px;line-height:1.1;margin-top:4px}
.g .valor small{font-family:var(--texto);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-left:6px}
.g .valor.nsem{color:#9aa6bf}
.g .desc{font-size:12.5px;color:var(--suave);line-height:1.45;margin-top:4px}
.g .desc a{font-weight:600}
.g .dist{display:flex;height:6px;border-radius:999px;overflow:hidden;margin:6px auto 4px;max-width:200px}
.g .dist i{display:block;height:100%}
.velocimetros-pagina h2{font-family:var(--titulo);font-weight:500;font-size:20px;margin:26px 0 10px}
.velocimetros-pagina h2 span{font-family:var(--texto);font-size:13px;color:#9aa6bf;margin-left:10px}
.velocimetros-pagina h2 span a{margin-right:10px;font-weight:600}
.temas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.temas .card{background:var(--cartao);border:1px solid var(--linha);border-radius:16px;padding:12px 8px;text-align:center}
.temas .nome{font-size:13px;font-weight:700;min-height:34px;display:flex;align-items:center;justify-content:center}
@media (max-width:1100px){.temas{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.grade,.grade thead,.grade tbody,.grade tr,.grade td,.grade th{display:block}.grade th{display:none}.grade td{text-align:left}.grade td.monitor{width:auto}.g svg.medidor{margin:0}.g .dist{margin-left:0}.temas{grid-template-columns:1fr}}
.chip.novo{color:var(--suave);border-style:dashed}
.em-construcao p{color:var(--suave);font-size:14px;line-height:1.5}
.em-construcao .chips{justify-content:center}
.config.banco{margin-top:40px;border-top:1px solid var(--linha)}
.config.banco form.campo{display:grid}

/* a tela principal (mockup D-1, 08/11): a barra dos monitores à esquerda, o quadro no centro */
.layout{display:flex;align-items:flex-start;gap:36px;max-width:1280px;margin:0 auto;padding:0 clamp(16px,3vw,32px)}
.layout .pagina{flex:1;min-width:0;padding:0 0 90px;margin:0;max-width:none;container-type:inline-size}
.barra{flex:0 0 196px;position:sticky;top:0;padding-top:22px;display:flex;flex-direction:column;gap:18px;min-height:100vh}
.barra .marca .logo{height:30px}
.barra ul{list-style:none;border-left:2px solid var(--linha)}
.barra li a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:15px;line-height:1.3;color:var(--suave)}
.barra li a small{display:block;font-size:11px;color:#9aa6bf;font-weight:600}
.barra li a:hover{color:var(--tinta)}
.barra li a.atual{color:var(--tinta);font-weight:600;border-left-color:var(--tinta)}
.barra li a.atual small{color:var(--suave)}
.barra .novo{display:block;padding:7px 0 7px 14px;font-size:13px;color:#9aa6bf;border-left:2px dashed var(--linha);margin-left:-2px}
.barra .fim{margin-top:auto;padding-bottom:24px;display:flex;flex-direction:column;gap:12px}
.busca-lateral{display:flex;align-items:center;gap:8px;border:1px solid var(--linha);border-radius:999px;padding:6px 12px;background:var(--cartao);font-size:13px}
.busca-lateral input{border:0;outline:0;font:inherit;color:var(--tinta);background:transparent;min-width:0;width:100%}
.busca-lateral input::placeholder{color:#9aa6bf}
.busca-lateral:focus-within{border-color:var(--azul)}
.ligacoes{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600}
.ligacoes a{color:var(--marinho)}
.topo-monitor{display:flex;align-items:center;gap:14px;padding:16px 0 12px;border-bottom:1px solid var(--linha);flex-wrap:wrap}
.topo-monitor h1{font-family:var(--titulo);font-weight:500;font-size:30px;letter-spacing:-.01em;line-height:1.1}
.topo-monitor .janela{display:block;color:var(--suave);font-size:12.5px;margin-top:3px}
.topo-monitor .dir{margin-left:auto;display:flex;gap:12px;align-items:center}
.voltar{width:36px;height:36px;border-radius:50%;border:1px solid var(--linha);background:var(--cartao);display:flex;align-items:center;justify-content:center;color:var(--marinho);font-size:18px;font-weight:700;flex:none}
.voltar:hover{border-color:var(--azul);background:var(--realce)}
html{scroll-behavior:smooth}
.feed-t{scroll-margin-top:16px}
/* os cards do topo são links: seta visível e, no clique, a tela desce até o feed (Rogerio, 07/11) */
a.num{cursor:pointer}
.num .seta{position:absolute;top:9px;right:11px;font-style:normal;font-weight:800;color:var(--azul);opacity:.45;transition:opacity .15s,transform .15s}
a.num:hover .seta{opacity:1;transform:translateY(2px)}
a.num:hover{border-color:var(--azul);box-shadow:0 0 0 2px var(--realce),var(--sombra)}
a.num.on{border-color:var(--azul);box-shadow:0 0 0 2px var(--realce)}
.feed-t h2 .sent{font-style:italic;font-weight:600}.sent.pos{color:var(--ok)}.sent.neu{color:var(--ambar)}.sent.neg{color:var(--erro)}
@container (max-width:1040px){.numeros{grid-template-columns:repeat(3,1fr)}.num span{white-space:normal}}
@media (max-width:900px){.layout{display:block}.barra{position:static;min-height:0;padding:14px 0 12px;border-bottom:1px solid var(--linha);flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
.barra ul{display:flex;flex-wrap:wrap;gap:6px;border:0}.barra li a{margin:0;padding:5px 12px;font-size:13px;border:1px solid var(--linha);border-radius:999px;background:var(--cartao)}
.barra li a small{display:none}.barra li a.atual{background:var(--tinta);color:#fff;border-color:var(--tinta)}.barra .novo{border:0;padding:5px 0}.barra .fim{margin:0;padding:0;flex-direction:row;width:100%}
.indicadores.faixa{grid-template-columns:auto 1fr}.indicadores.faixa .btn{grid-column:1/-1;justify-self:start}}