/* PRD Juris — portal. Tokens e componentes herdados do painel v4 (juizos_1grau.html),
   estendidos para as telas de operação: sinais, caso, ficha, mapa, evidência, comparação, chat. */

:root{
 --bg:#F3F4F6; --panel:#FFFFFF; --sunk:#E9ECF1; --line:#D3D8E0;
 --ink:#161C26; --ink2:#4C5666; --ink3:#78829A;
 --accent:#1F3F6E;
 --banco:#0D8A7A; --autor:#C2410C; --dividido:#6B7280;
 --shadow:0 1px 2px rgba(22,28,38,.05);
 --sombra-flut:0 6px 18px rgba(0,0,0,.12);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
 --bg:#0F131A; --panel:#171D27; --sunk:#121821; --line:#2A3342;
 --ink:#E8ECF2; --ink2:#A6B0C0; --ink3:#7D889B;
 --accent:#8DB0E6;
 --banco:#35A899; --autor:#D9773A; --dividido:#8A968F;
 --shadow:none; --sombra-flut:0 6px 18px rgba(0,0,0,.5);
}}
:root[data-theme="dark"]{
 --bg:#0F131A; --panel:#171D27; --sunk:#121821; --line:#2A3342;
 --ink:#E8ECF2; --ink2:#A6B0C0; --ink3:#7D889B;
 --accent:#8DB0E6;
 --banco:#35A899; --autor:#D9773A; --dividido:#8A968F;
 --shadow:none; --sombra-flut:0 6px 18px rgba(0,0,0,.5);
}

*{box-sizing:border-box}
html{color-scheme:light dark}
body{background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans",system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55;margin:0;-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding-block:26px 64px;padding-left:20px;padding-right:20px}
h1,h2,h3{font-family:Newsreader,Georgia,"Times New Roman",serif;font-weight:500;text-wrap:balance;margin:0}
h1{font-size:clamp(26px,4.2vw,38px);line-height:1.12;letter-spacing:-.01em}
h2{font-size:23px;margin:0 0 4px}
h3{font-size:17px}
p{margin:0}
code{font-family:"IBM Plex Mono",monospace;font-size:.92em}
.eyebrow{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink3);font-weight:500}
.mono{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums}
.lead{color:var(--ink2);font-size:16.5px;max-width:66ch;margin-top:10px}
.small{font-size:12.5px;color:var(--ink2);line-height:1.5}
.tiny{font-size:11.5px;color:var(--ink3);line-height:1.45}
a{color:var(--accent)}
hr.rule{border:0;border-top:1px solid var(--line);margin:38px 0 0}
.sechead{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:34px 0 14px}
.sechead p{color:var(--ink2);font-size:13.5px;max-width:64ch}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------------------------------------------------------------- topo e nav */
.topbar{position:sticky;top:0;z-index:20;background:var(--panel);border-bottom:1px solid var(--line)}
.topbar-in{max-width:1180px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.brand{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--ink)}
.brand-mark{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:500;letter-spacing:.08em;background:var(--accent);color:#fff;padding:3px 6px;border-radius:3px}
.brand-txt{font-family:Newsreader,Georgia,serif;font-size:18px}
.brand-txt i{color:var(--ink3);font-size:13px;font-style:normal}
.nav{display:flex;gap:2px;flex-wrap:wrap;flex:1;min-width:0}
.nav a{font-size:13px;color:var(--ink2);text-decoration:none;padding:5px 10px;border-radius:99px;white-space:nowrap}
.nav a:hover{background:var(--sunk);color:var(--ink)}
.nav a[aria-current="page"]{background:var(--accent);color:#fff}
.topbar-acoes{display:flex;gap:6px}
.ico{font:inherit;font-size:15px;line-height:1;width:32px;height:32px;border:1px solid var(--line);background:var(--panel);color:var(--ink2);border-radius:4px;cursor:pointer}
.ico:hover{background:var(--sunk);color:var(--ink)}
@media(max-width:700px){.topbar-in{gap:8px}.brand-txt i{display:none}.nav a{padding:5px 8px;font-size:12.5px}}

.tokenbar{border-top:1px solid var(--line);background:var(--sunk)}
.tokenbar-in{max-width:1180px;margin:0 auto;padding:12px 20px;display:grid;grid-template-columns:auto minmax(160px,300px) auto auto;gap:8px 12px;align-items:center}
.tokenbar-in label{font-size:13px;color:var(--ink2)}
.tokenbar-in p{grid-column:1/-1;margin:0}
.tokenbar input{font:inherit;font-size:14px;padding:7px 10px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:4px;width:100%}
@media(max-width:700px){.tokenbar-in{grid-template-columns:1fr 1fr}.tokenbar-in label{grid-column:1/-1}.tokenbar-in input{grid-column:1/-1}}

/* ---------------------------------------------------------------- estados */
.carregando{display:flex;align-items:center;gap:10px;color:var(--ink2);font-size:14px;padding:40px 0}
.spin{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:gira .8s linear infinite;display:inline-block}
@keyframes gira{to{transform:rotate(360deg)}}
.erro{border-left:3px solid var(--autor);background:var(--panel);border:1px solid var(--line);border-left-width:3px;padding:14px 16px;margin:18px 0}
.erro h3{color:var(--autor);margin-bottom:4px}
.vazio{border:1px dashed var(--line);background:var(--panel);padding:18px;color:var(--ink2);font-size:13.5px;text-align:center}
.aviso{border-left:3px solid var(--autor);padding:8px 12px;background:var(--sunk);font-size:13px;margin:10px 0}
.nota{border-left:3px solid var(--line);padding:6px 12px;background:var(--sunk);font-size:12.5px;color:var(--ink2);margin:8px 0}

/* ---------------------------------------------------------------- topline e filtros */
.topline{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.topline div{display:flex;flex-direction:column;gap:1px}
.topline b{font-family:"IBM Plex Mono",monospace;font-size:20px;font-weight:500;line-height:1.1}
.filtros{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;align-items:center}
.filtros .flabel{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);font-weight:500;margin-right:2px}
.filtros button,.tabs button{font:inherit;font-size:12.5px;padding:5px 11px;border:1px solid var(--line);background:var(--panel);color:var(--ink2);border-radius:99px;cursor:pointer}
.filtros button[aria-pressed="true"],.tabs button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.filtros select,.filtros input{font:inherit;font-size:12.5px;padding:5px 9px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:99px;max-width:100%;min-width:0;text-overflow:ellipsis}
.tabs{display:flex;gap:6px;margin:0 0 10px;flex-wrap:wrap}

/* ---------------------------------------------------------------- feed de sinais */
.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.sinal{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--dividido);padding:14px 16px 15px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--shadow)}
.sinal.up{border-left-color:var(--autor)} .sinal.down{border-left-color:var(--banco)}
.sinal-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.sinal-tipo{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);font-weight:500}
.sinal-verb{font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.28}
.sinal-verb b{font-weight:600}
.sinal-onde{font-size:12.5px;color:var(--ink2)}
.sinal-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.sinal-acoes a{font-size:12px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.dests{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:6px}
.dest{background:var(--panel);padding:16px 17px 17px;display:flex;flex-direction:column;gap:7px}
.dest h3{font-size:19px;line-height:1.2}
.dest.banco h3{color:var(--banco)} .dest.autor h3{color:var(--autor)}
.dest p{font-size:13px;color:var(--ink2);line-height:1.5}

/* ---------------------------------------------------------------- medidor de taxa (n + IC + selo sempre visíveis) */
.medidor{display:flex;flex-direction:column;gap:3px}
.medidor+.medidor{margin-top:8px}
.medidor .lab{font-size:11.5px;color:var(--ink3)}
.spark{display:block;overflow:visible}
.meter{display:flex;align-items:center;gap:10px}
.track{position:relative;flex:1;height:7px;background:var(--sunk);border-radius:2px;min-width:60px}
.track i{position:absolute;left:0;top:0;bottom:0;background:var(--dividido);border-radius:2px}
.banco .track i,.track.banco i{background:var(--banco)} .autor .track i,.track.autor i{background:var(--autor)}
.track u{position:absolute;top:-3px;bottom:-3px;border-left:1px solid var(--ink3);border-right:1px solid var(--ink3);opacity:.55}
.track s{position:absolute;top:-4px;bottom:-4px;border-left:2px dotted var(--ink2);text-decoration:none}
.num{font-family:"IBM Plex Mono",monospace;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;min-width:52px;text-align:right}
.meta{font-size:11.5px;color:var(--ink3);line-height:1.45}
.meta b{color:var(--ink2);font-weight:600}
.conf{font-weight:600} .conf.alta{color:var(--banco)} .conf.media{color:var(--ink2)} .conf.baixa{color:var(--autor)}
.selo{display:inline-block;font-size:10px;padding:1px 6px;border-radius:3px;font-family:"IBM Plex Mono",monospace;letter-spacing:.03em;border:1px solid var(--line);background:var(--sunk);color:var(--ink2);text-transform:uppercase}
.selo.alta{border-color:var(--banco);color:var(--banco)} .selo.baixa{border-color:var(--autor);color:var(--autor)}
.flag{display:inline-block;font-size:10.5px;padding:1px 6px;border-radius:3px;border:1px solid var(--line);background:var(--sunk);color:var(--ink2);font-family:"IBM Plex Mono",monospace}
.flag.acima{border-color:var(--autor);color:var(--autor)} .flag.abaixo{border-color:var(--banco);color:var(--banco)}
.bdg{display:inline-block;font-size:10.5px;padding:1px 6px;border-radius:3px;font-family:"IBM Plex Mono",monospace;background:var(--sunk);border:1px solid var(--line);color:var(--ink2)}
.legenda{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12.5px;color:var(--ink2);margin-bottom:12px}
.legenda span{display:flex;align-items:center;gap:6px}
.chip{width:11px;height:11px;border-radius:2px;display:inline-block}
.chip.banco{background:var(--banco)} .chip.autor{background:var(--autor)} .chip.dividido{background:var(--dividido)}

/* ---------------------------------------------------------------- painéis, indicadores, formulários */
.panel{background:var(--panel);border:1px solid var(--line);padding:16px 18px}
.panel+.panel{margin-top:14px}
.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px 12px;align-items:end}
.campo{min-width:0}
.campo label{display:block;font-size:12.5px;color:var(--ink2);margin-bottom:3px}
.campo input,.campo select,.searchbox,.askrow input{font:inherit;font-size:14px;padding:8px 11px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:4px;width:100%}
.btn{font:inherit;font-size:14px;font-weight:500;padding:9px 18px;background:var(--accent);color:#fff;border:0;border-radius:4px;cursor:pointer;white-space:nowrap}
.btn.secundario{background:var(--sunk);color:var(--ink2);border:1px solid var(--line)}
.btn[disabled]{opacity:.5;cursor:default}
.sugest{position:relative}
.sugest ul{position:absolute;z-index:15;left:0;right:0;top:100%;margin:2px 0 0;padding:4px 0;list-style:none;background:var(--panel);border:1px solid var(--line);border-radius:4px;max-height:280px;overflow:auto;box-shadow:var(--sombra-flut)}
.sugest li{padding:6px 11px;font-size:13.5px;cursor:pointer}
.sugest li:hover,.sugest li[aria-selected="true"]{background:var(--sunk)}
.sugest li .small{display:block}
.provas{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:4px 14px;margin-top:8px}
.provas label{display:flex;gap:7px;align-items:flex-start;font-size:13px;color:var(--ink2);cursor:pointer;padding:2px 0}
.provas input{margin-top:3px;accent-color:var(--accent)}
.trilha{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px;font-size:12.5px;align-items:center}
.trilha a,.trilha span{padding:3px 9px;border:1px solid var(--line);border-radius:99px;background:var(--sunk);color:var(--ink2);text-decoration:none}
.trilha a:hover{background:var(--panel)}
.trilha .esp{background:var(--accent);border-color:var(--accent);color:#fff}
.trilha b{color:inherit;font-weight:600}
.ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:12px;margin-top:14px}
.ind{background:var(--bg);border:1px solid var(--line);padding:11px 13px;display:flex;flex-direction:column;gap:6px}
.ind .lab{font-size:12.5px;color:var(--ink2);line-height:1.35}
.ind .val{display:flex;align-items:baseline;gap:8px}
.ind .val b{font-family:"IBM Plex Mono",monospace;font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}
.ind .val span{font-size:12px;color:var(--ink3)}
.ind.destaque{border-color:var(--accent);border-width:1px;box-shadow:inset 0 0 0 1px var(--accent)}
.bars{display:grid;gap:7px;margin-top:8px}
.bar{display:grid;grid-template-columns:minmax(120px,240px) 1fr 150px;align-items:center;gap:10px;font-size:13px}
.bar .t{height:9px;background:var(--sunk);border-radius:2px;position:relative}
.bar .t i{display:block;height:100%;background:var(--accent);border-radius:2px}
.bar.banco .t i{background:var(--banco)} .bar.autor .t i{background:var(--autor)}
.bar .t s{position:absolute;top:-3px;bottom:-3px;border-left:2px dotted var(--ink2)}
.bar .v{font-family:"IBM Plex Mono",monospace;text-align:right;font-size:12px;color:var(--ink3)}
.bar .v b{font-size:14px;color:var(--ink)}
.bar .rot{overflow:hidden;text-overflow:ellipsis}
@media(max-width:620px){.bar{grid-template-columns:1fr;gap:3px}.bar .v{text-align:left}}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
@media(max-width:860px){.duas{grid-template-columns:1fr}}
.sub{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);font-weight:500;margin:0 0 6px}

/* ---------------------------------------------------------------- tabelas */
.tw{overflow-x:auto;max-width:100%}
table{border-collapse:collapse;width:100%;font-size:13px}
th,td{padding:7px 9px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:top}
th:first-child,td:first-child{text-align:left}
td.tx,th.tx{text-align:left;white-space:normal}
th{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);font-weight:500;user-select:none;position:sticky;top:0;background:var(--panel);z-index:1}
th[data-k]{cursor:pointer}
th.sorted{color:var(--accent)}
tr.link{cursor:pointer} tr.link:hover td{background:var(--sunk)}
.cellbar{display:inline-grid;grid-template-columns:48px 42px;align-items:center;gap:7px}
.cellbar .t{height:7px;background:var(--sunk);border-radius:2px;position:relative}
.cellbar .t i{display:block;height:100%;background:var(--accent);border-radius:2px}
.cellbar .t s{position:absolute;top:-3px;bottom:-3px;border-left:2px dotted var(--ink2)}

/* ---------------------------------------------------------------- mapa por tema */
.mapa{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);overflow-x:auto}
.mapa-linha{display:grid;grid-template-columns:190px repeat(var(--cols,6),minmax(186px,1fr));gap:1px;background:var(--line)}
.mapa-cel{background:var(--panel);padding:9px 11px;min-width:0}
.mapa-cel.cab{background:var(--sunk);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);font-weight:500;display:flex;align-items:flex-end}
.mapa-cel.rot{background:var(--sunk);font-family:Newsreader,Georgia,serif;font-size:14.5px;line-height:1.25;color:var(--ink);display:flex;align-items:center}
.grau{display:grid;grid-template-columns:22px 1fr;gap:7px;align-items:start;margin-bottom:8px}
.grau:last-child{margin-bottom:0}
.grau-tag{font-family:"IBM Plex Mono",monospace;font-size:10px;color:var(--ink3);border:1px solid var(--line);border-radius:3px;text-align:center;padding:1px 0;margin-top:2px}
.grau-val{display:flex;flex-direction:column;gap:1px;min-width:0}
.grau-val b{font-family:"IBM Plex Mono",monospace;font-size:16px;font-weight:500;line-height:1.15}
.grau-val span{font-size:10.5px;color:var(--ink3);white-space:normal;line-height:1.4}
.mapa-vazio{color:var(--ink3);font-size:12px;margin-top:2px}
@media(max-width:760px){.mapa-linha{grid-template-columns:132px repeat(var(--cols,6),minmax(170px,1fr))}}

/* ---------------------------------------------------------------- chat */
.chat{background:var(--panel);border:1px solid var(--line);padding:16px 18px 18px}
.chatlog{display:flex;flex-direction:column;gap:14px;margin-bottom:12px;min-height:60px}
.msg{max-width:74ch;font-size:14px;line-height:1.55}
.msg.u{align-self:flex-end;background:var(--sunk);padding:8px 12px;border-radius:12px 12px 3px 12px}
/* o pre-wrap vale só para o texto da resposta: aplicado no bloco inteiro, a indentação do
   template vira espaço em branco na tela */
.msg.a .txt{white-space:pre-wrap;display:block}
.msg .who{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);display:block;margin-bottom:3px}
.chamadas{margin-top:8px;border-top:1px dotted var(--line);padding-top:7px}
.chamadas .sub{margin-bottom:4px}
.chamada{font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--ink3);white-space:pre-wrap;word-break:break-word;line-height:1.5}
.chamada b{color:var(--ink2);font-weight:500}
.askrow{display:flex;gap:8px}
.askrow input{flex:1}
.sug{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sug button{font:inherit;font-size:12px;padding:5px 10px;background:var(--sunk);color:var(--ink2);border:1px solid var(--line);border-radius:99px;cursor:pointer;text-align:left}
.sug button:hover{background:var(--panel);color:var(--ink)}

/* ---------------------------------------------------------------- método */
details{border-top:1px solid var(--line);padding:12px 0}
details summary{cursor:pointer;font-family:Newsreader,Georgia,serif;font-size:17px}
details dl{display:grid;grid-template-columns:190px 1fr;gap:8px 16px;font-size:13.5px;margin:12px 0 0}
details dt{font-weight:600} details dd{margin:0;color:var(--ink2);max-width:70ch}
@media(max-width:600px){details dl{grid-template-columns:1fr;gap:3px 0}details dd{margin-bottom:8px}}

.rodape{border-top:1px solid var(--line);background:var(--panel)}
.rodape-in{padding-block:18px 26px;display:flex;flex-direction:column;gap:6px}

/* linhas de recomendação */
.recs{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:7px}
.recs li{font-size:13.5px;color:var(--ink2);line-height:1.5;padding-left:16px;position:relative}
.recs li::before{content:"›";position:absolute;left:0;color:var(--accent);font-weight:600}
.recs li:first-child{color:var(--ink);font-weight:500}

/* ---------------------------------------------------------------- importar */
.area{font:inherit;font-size:14px;line-height:1.5;padding:9px 11px;background:var(--bg);color:var(--ink);
 border:1px solid var(--line);border-radius:4px;width:100%;resize:vertical;font-family:"IBM Plex Sans",system-ui,sans-serif}
.dropzone{border:2px dashed var(--line);border-radius:6px;background:var(--bg);padding:26px 18px;text-align:center;
 cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:center;transition:border-color .12s,background .12s}
.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent)}
.dropzone.sobre{border-color:var(--accent);background:var(--sunk)}
.dropzone .dz-t{font-family:Newsreader,Georgia,serif;font-size:19px}
.falta{color:var(--autor);font-weight:600}
.bdg.ruim{border-color:var(--autor);color:var(--autor)}
.resumo-import{font-size:15.5px;line-height:1.6;color:var(--ink);max-width:78ch}
.resumo-import b{font-family:"IBM Plex Mono",monospace;font-weight:500;font-variant-numeric:tabular-nums}

.esteira{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;counter-reset:et}
.esteira li{display:flex;flex-direction:column;gap:3px;align-items:flex-start;position:relative;padding-top:4px;min-width:0}
.esteira li::after{content:"";position:absolute;left:24px;right:-6px;top:15px;height:1px;background:var(--line)}
.esteira li:last-child::after{display:none}
.esteira .bolha{width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--panel);
 color:var(--ink3);display:flex;align-items:center;justify-content:center;font-size:11px;
 font-family:"IBM Plex Mono",monospace;position:relative;z-index:1}
.esteira .et-rot{font-size:12.5px;color:var(--ink3);line-height:1.25}
.esteira .et-sub{font-size:10.5px;color:var(--ink3);line-height:1.35;opacity:.85}
.esteira li.ok .bolha{background:var(--banco);border-color:var(--banco);color:#fff}
.esteira li.ok .et-rot{color:var(--ink2)}
.esteira li.agora .bolha{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px var(--sunk);animation:pulsa 1.4s ease-in-out infinite}
.esteira li.agora .et-rot{color:var(--ink);font-weight:600}
@keyframes pulsa{50%{opacity:.55}}
@media(max-width:760px){.esteira{grid-template-columns:1fr 1fr}.esteira li::after{display:none}}

.pendencia{border:1px solid var(--line);background:var(--bg);padding:12px 14px;margin-bottom:10px}
.pendencia.resolvida{opacity:.6;border-left:3px solid var(--banco)}
.pend-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.pend-trecho{margin:6px 0 4px;max-width:92ch}
.pend-form{margin-top:10px}
.pend-form .campo input,.pend-form .campo select{background:var(--panel)}
.pend-msg{margin-top:6px}

/* ---------------------------------------------------------------- conhecimento */
.conh{border-left:3px solid var(--line)}
.conh.ativo{border-left-color:var(--banco)}
.conh-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.conh-top>div{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.conh-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.conh-acoes .btn{font-size:13px;padding:6px 13px}

/* ---------------------------------------------------------------- feedback do chat */
.fb{display:flex;gap:6px;align-items:center;margin-top:10px;flex-wrap:wrap}
.fbbtn{font:inherit;font-size:14px;line-height:1;padding:5px 9px;border:1px solid var(--line);
 background:var(--panel);border-radius:4px;cursor:pointer}
.fbbtn:hover{background:var(--sunk)}
.fbbtn.on{border-color:var(--accent);background:var(--sunk)}
.fb-form{margin-top:8px;max-width:70ch}

/* evidência */
table.ev tr.ev-cab td{border-bottom:0;padding-bottom:2px}
table.ev tr.ev-linha td{padding-top:0;padding-bottom:10px}
table.ev td.ev-orgao{min-width:170px}
.ev-trecho{display:block;max-width:92ch;white-space:normal;font-size:12.5px;color:var(--ink2);line-height:1.5}
.ev-trecho::before{content:"“"} .ev-trecho::after{content:"”"}