/* Emma — casca visual comum aos três sistemas. Veio de dentro do app.py
   (BASE_HTML) na separação de 18/09/2026, sem mudar uma regra. */
:root{--navy:#000C3F;--navy-deep:#00082A;--azul:#2E5FA3;--bronze:#8C6F45;--fundo:#F7F9FD;
--azul-agenda:#16306B;--borda:#D7DEEB;--borda-soft:#E8EDF5;--sunk:#EDF2FA;--slate:#586178;--ink:#0F1425;--suave:#EDF2FA;
--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
--sans:"Franklin Gothic Book","Franklin Gothic","Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box;margin:0}
/* o atributo hidden precisa vencer o display das classes: sem isto, um bloco
   com display:flex continua na tela mesmo marcado como escondido */
[hidden]{display:none!important}
body{font:15px/1.5 var(--sans);background:var(--fundo);color:var(--ink)}
.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.lateral{background:var(--navy-deep);color:#B9C0DA;display:flex;flex-direction:column}
.lateral .topo{padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.12)}
.lateral .topo .marca{display:block;width:100%;max-width:158px;height:auto}
/* o logotipo leva de volta à tela de publicações, que é a inicial do sistema */
.lateral .topo .marca-link{display:block;text-decoration:none;line-height:0;
opacity:1;transition:opacity .15s ease}
.lateral .topo .marca-link:hover{opacity:.82}
.lateral .topo .sub{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;
color:var(--bronze);margin-top:.55rem;display:block}
.lateral nav{display:flex;flex-direction:column;padding:.75rem 0;flex:1}
.lateral nav .selo-n{background:#A32020;color:#fff;border-radius:99px;padding:0 .35rem;
font-size:.62rem;margin-left:.2rem;vertical-align:middle}
.lateral nav .modulo{display:block;padding:.55rem 1.25rem .3rem;font-size:.58rem;
letter-spacing:.2em;text-transform:uppercase;color:#6E77A0}
.lateral nav a{color:#B9C0DA;text-decoration:none;border-left:2px solid transparent;
padding:.8rem 1.25rem;letter-spacing:.1em;font-size:.72rem;text-transform:uppercase}
.lateral nav a:hover{background:rgba(255,255,255,.05);color:#fff}
.lateral nav a.ativo{background:rgba(255,255,255,.08);color:#fff;border-left-color:var(--bronze)}
/* item do módulo que ainda não foi construído: ocupa o lugar dele na ordem,
   para a estrutura ser legível, mas não finge ser link */
.lateral nav .porvir{color:#5C6689;border-left:2px solid transparent;
padding:.8rem 1.25rem;letter-spacing:.1em;font-size:.72rem;text-transform:uppercase;
cursor:default}
.lateral nav .porvir::after{content:" · a criar";font-size:.62rem;letter-spacing:.06em;
text-transform:none;color:#4A5478}
.lateral .rodape{padding:1.1rem 1.25rem;border-top:1px solid rgba(255,255,255,.12);font-size:.78rem}
.lateral .rodape .quem{color:#fff;display:block;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lateral .rodape .nivel{display:block;font-size:.6rem;letter-spacing:.16em;
text-transform:uppercase;color:var(--bronze);margin:.15rem 0 .75rem}
.lateral .rodape a.sairbtn{display:block;text-align:center;color:#fff;text-decoration:none;
border:1px solid rgba(255,255,255,.4);border-radius:7px;padding:.4rem .7rem;
font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}
.lateral .rodape a.sairbtn:hover{background:rgba(255,255,255,.12);border-color:#fff}
.conteudo{padding:clamp(1.25rem,3vw,2.25rem);max-width:1180px;width:100%;margin:0 auto}
.cabecalho{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
padding-bottom:1rem;margin-bottom:1.4rem;border-bottom:1px solid var(--borda)}
.cabecalho h1{margin:0;font-size:1.6rem}
.relogio{text-align:right;font-variant-numeric:tabular-nums}
.relogio b{display:block;font-size:1.35rem;color:var(--navy);font-weight:600;letter-spacing:.04em;line-height:1.1}
.relogio span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
main{max-width:1100px;margin:1.2rem auto;padding:0 1rem}
/* ---------------------------------------------------------------- celular
   O painel nasceu para tela de trabalho, e no celular apenas encolhia: menu
   ilegível, números ocupando a tela inteira, botões pequenos demais para o
   dedo. Aqui ele se reorganiza, em vez de diminuir. A régua do toque é 44px,
   que é o mínimo confortável, e nenhuma fonte de leitura desce de 15px. */
@media(max-width:900px){
  .app{grid-template-columns:minmax(0,1fr)}
  /* Sem isto, o menu de nove abas estica a página inteira e o navegador afasta
     o zoom para caber: era a razão de tudo ficar minúsculo no celular. */
  .lateral,.conteudo,.lateral nav{min-width:0;max-width:100vw}
  body{overflow-x:hidden}

  /* O menu vira uma faixa rolável no topo, que acompanha a página: em tela
     pequena, voltar ao topo para trocar de aba custa mais que o menu ocupar
     56px. A marca sai da barra e vai para o cabeçalho, junto do título. */
  .lateral{position:sticky;top:0;z-index:30}
  .lateral .topo{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem}
  .lateral .topo .marca{max-width:208px}
  .lateral .topo .marca-link{flex:none;max-width:208px}
  .lateral .topo .sub{display:none}
  .lateral nav{flex-direction:row;overflow-x:auto;padding:0;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .lateral nav::-webkit-scrollbar{display:none}
  .lateral nav .modulo{display:none}
  .lateral nav a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent;
    padding:.85rem .9rem;font-size:.8rem;letter-spacing:.06em}
  .lateral nav a.ativo{border-left:0;border-bottom-color:var(--bronze)}
  .lateral .rodape{display:none}

  .conteudo{padding:1rem .7rem 3rem}
  .cabecalho{padding-bottom:.7rem;margin-bottom:1rem}
  .cabecalho h1{font-size:1.35rem}
  .relogio{text-align:left}
  .relogio b{font-size:1rem;display:inline;margin-right:.5rem}
  .relogio span{font-size:.66rem}

  /* Os indicadores em duas colunas: empilhados, o primeiro cartão de
     publicação ficava a três telas de distância. */
  .estatisticas{grid-template-columns:repeat(2,1fr);gap:.55rem;margin-bottom:.9rem}
  .estatisticas .est{padding:.7rem .8rem}
  .estatisticas .est b{font-size:1.4rem}
  .estatisticas .est span{font-size:.74rem}
  .estatisticas .est span.det{display:none}

  /* Alvo de toque: filtros, botões e campos com altura de dedo, não de cursor */
  .filtros{gap:.4rem}
  .filtros a{padding:.5rem .9rem;font-size:.88rem}
  input,select,textarea,button{padding:.6rem .7rem;font-size:16px}
  .card{padding:.9rem .8rem;border-radius:10px}
  .inline{gap:.5rem}
  .inline input,.inline select{min-width:0;flex:1 1 11rem;max-width:100%}
  /* qualquer campo com largura mínima escrita à mão cede no celular */
  .card input,.card select,.card textarea,.card label{min-width:0!important;max-width:100%}
  form{max-width:100%}
  .kpi,.faixa .fx{min-width:0}

  /* Cartão de publicação: é o que mais se lê no celular. O teor sobe para 15px
     e o menu Tratar ocupa a largura, para acertar com o polegar. */
  .cardmov{padding:.85rem .8rem .8rem}
  .cardmov .topo{gap:.45rem}
  .cardmov .teor{font-size:.95rem;line-height:1.5}
  .cardmov .partes{font-size:.85rem}
  details.tratar{width:100%}
  details.tratar>summary{padding:.65rem .9rem;text-align:center}
  .lapis-menu{position:static;width:100%;box-shadow:none;margin-top:.4rem}
  .lapis-menu a,.lapis-menu button{padding:.7rem .6rem;font-size:.9rem}

  /* Tabela larga rola em vez de espremer as colunas até o ilegível */
  .card>table{display:block;overflow-x:auto;white-space:nowrap}
  .card>table td,.card>table th{white-space:nowrap}
}
@media(max-width:480px){
  .lateral .topo .marca{max-width:184px}
  .cabecalho h1{font-size:1.2rem}
  .estatisticas .est b{font-size:1.25rem}
  .cardmov .topo .num{font-size:.8rem}
}
.card{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:1rem 1.2rem;margin-bottom:1rem}
h1{font-family:var(--serif);font-weight:400;font-size:1.35rem;color:var(--navy);margin-bottom:.8rem;letter-spacing:-.01em}
h2{font-family:var(--serif);font-weight:400;font-size:1.1rem;color:var(--navy);margin:.4rem 0 .5rem;letter-spacing:-.01em}
table{width:100%;border-collapse:collapse;font-size:.92rem}
th{color:var(--navy);text-align:left;border-bottom:2px solid var(--borda);padding:.35rem .5rem;white-space:nowrap}
td{border-bottom:1px solid var(--borda);padding:.4rem .5rem;vertical-align:top}
tr:hover td{background:var(--sunk)}
.tag{display:inline-block;padding:.05rem .5rem;border-radius:99px;font-size:.78rem;background:var(--suave);color:var(--navy);white-space:nowrap}
.tag.pendente{background:#FFF2CC}.tag.andamento{background:#DDEBF7}.tag.concluida{background:#E2EFDA}
.tag.urgente{background:#FDEDED;color:#8A1F1F;font-weight:600}
.num{font-family:ui-monospace,Menlo,monospace;font-size:.85rem;white-space:nowrap}
/* número de processo: clicar copia. O gesto se repete dezenas de vezes por dia
   (colar no PJe, no PROJUDI, na busca), e selecionar à mão erra o começo ou o fim. */
.copiavel{cursor:pointer;border-bottom:1px dashed var(--borda)}
.copiavel:hover{border-bottom-style:solid;background:var(--sunk)}
.copiavel::after{content:"⧉";font-size:.72em;opacity:0;margin-left:.25em;
  vertical-align:super;transition:opacity .12s}
.copiavel:hover::after{opacity:.55}
.copiavel.copiado{background:#E2EFDA;border-bottom-color:#3C7A3C}
.copiavel.copiado::after{content:"copiado ✓";opacity:1;font-size:.72em;
  color:#2F6B2F;vertical-align:baseline;margin-left:.4em;font-family:inherit}
/* o número que também é link para a ficha ganha o botão ao lado, para o clique
   continuar navegando */
.btncopia{background:none;border:0;padding:0 .25rem;cursor:pointer;opacity:.45;
  font-size:.85em;line-height:1;color:inherit}
.btncopia:hover{opacity:1}
.btncopia.copiado{opacity:1;color:#2F6B2F}
.resumo{color:var(--slate);font-size:.88rem;margin-top:.15rem}
form.inline{display:inline-flex;gap:.3rem;align-items:center}
input,select,textarea,button{font:inherit;padding:.35rem .55rem;border:1px solid var(--borda);border-radius:7px;background:#fff}
button{background:var(--azul);border-color:var(--azul);color:#fff;cursor:pointer}button:hover{filter:brightness(1.08)}
button.sutil{background:#fff;color:var(--navy)}
a.btnlink,label.btnlink{display:inline-block;font-size:.9rem;padding:.3rem .6rem;
border:1px solid var(--borda);
border-radius:7px;background:#fff;color:var(--navy);text-decoration:none}
a.btnlink:hover,label.btnlink:hover{background:var(--sunk)}
.estatisticas{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr;gap:.8rem;margin-bottom:1.1rem}
.est.duplo{display:flex;flex-direction:column;justify-content:space-between}
.est.duplo .metades{display:flex;gap:.9rem}
.est.duplo .metade{flex:1;text-decoration:none;color:inherit;border-radius:8px;padding:.1rem .25rem;
margin:-.1rem -.25rem}
.est.duplo .metade:hover{background:var(--sunk)}
.est.duplo .escolha{display:flex;gap:.3rem;margin-top:.5rem;padding-top:.45rem;
border-top:1px solid var(--borda-soft)}
.est.duplo .escolha select{font-size:.72rem;padding:.2rem .3rem;flex:1;min-width:0}
.est.duplo .escolha button{font-size:.7rem;padding:.2rem .5rem}
.estatisticas .est{background:#fff;border:1px solid var(--borda);border-radius:10px;
padding:.85rem 1rem;display:block;text-decoration:none;color:inherit}
.estatisticas a.est:hover{border-color:var(--azul);box-shadow:0 2px 10px rgba(0,12,63,.07)}
.estatisticas .est b{display:block;font-size:1.75rem;line-height:1.1;color:var(--navy);
font-variant-numeric:tabular-nums}
.estatisticas .est span{display:block;font-size:.78rem;color:var(--slate);margin-top:.15rem}
.estatisticas .est span.det{font-size:.72rem;color:var(--slate);margin-top:.3rem;
padding-top:.3rem;border-top:1px solid var(--borda-soft)}
@media(max-width:900px){.estatisticas{grid-template-columns:repeat(2,1fr)}}
.kpis{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}
.kpi{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:.6rem 1rem;min-width:120px}
.kpi b{font-size:1.4rem;color:var(--navy);display:block}.kpi span{font-size:.8rem;color:var(--slate)}
.flash{background:#E2EFDA;border:1px solid #b7d7a8;border-radius:8px;padding:.5rem .8rem;margin-bottom:.8rem}
.alerta{border:1px solid var(--borda);border-radius:9px;padding:.6rem .9rem;margin-bottom:.9rem;font-size:.9rem}
.alerta a{color:var(--navy);font-weight:600}
.cli-fora{color:#A32020;font-size:.85rem}
.filtros{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.7rem}
.filtros a{text-decoration:none;color:var(--navy);border:1px solid var(--borda);border-radius:99px;padding:.15rem .7rem;font-size:.85rem;background:#fff}
.filtros a.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.cols{display:grid;grid-template-columns:2fr 1fr;gap:1rem;align-items:start}
.cardmov{position:relative;border:1px solid var(--borda);border-left:5px solid var(--c,#94A3B8);
border-radius:9px;padding:.6rem 2.1rem .6rem .8rem;margin:.55rem 0;background:#fff}
.acoes{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin-top:.45rem}
.tag.aud{background:var(--suave);color:var(--navy);font-weight:600}
.tag.audpassada{background:var(--suave);color:var(--slate)}
.tag.cancelada{background:#FDEDED;color:#8A1F1F;text-decoration:line-through}
.lapis{position:absolute;top:.4rem;right:.5rem}
.lapis summary{list-style:none;cursor:pointer;color:var(--slate);font-size:.95rem;
width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;
border-radius:6px;border:1px solid transparent}
.lapis summary::-webkit-details-marker{display:none}
.lapis summary:hover{background:var(--sunk);border-color:var(--borda);color:var(--navy)}
.lapis-menu{position:absolute;right:0;top:1.8rem;z-index:5;background:#fff;
border:1px solid var(--borda);border-radius:9px;box-shadow:0 8px 24px rgba(0,12,63,.14);
padding:.35rem;min-width:270px;display:flex;flex-direction:column;gap:.15rem}
.lapis-menu a,.lapis-menu button{display:block;width:100%;text-align:left;
background:none;border:none;color:var(--navy);text-decoration:none;font-size:.82rem;
padding:.42rem .55rem;border-radius:6px;cursor:pointer}
.lapis-menu a:hover,.lapis-menu button:hover{background:var(--sunk)}
.lapis-menu form{margin:0}
.lapis-menu .inativo{display:block;padding:.42rem .55rem;font-size:.82rem;
color:#9AA3B2;cursor:not-allowed}
.tag.descartada{background:var(--suave);color:var(--slate);text-decoration:line-through}
.faixa{display:flex;align-items:stretch;gap:0;background:#fff;border:1px solid var(--borda);
border-radius:12px;padding:.55rem .4rem;margin-bottom:1rem;overflow-x:auto}
.faixa .fx{flex:1;min-width:150px;display:flex;align-items:baseline;gap:.55rem;
padding:.45rem .9rem;text-decoration:none;border-right:1px solid var(--borda-soft);
border-radius:8px}
.faixa .fx:last-of-type{border-right:none}
.faixa .fx:hover{background:var(--sunk)}
.faixa .fx.on{background:var(--sunk);box-shadow:inset 0 0 0 1px var(--borda)}
.faixa .fx b{font-size:1.5rem;font-weight:700;line-height:1}
.faixa .fx span{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:var(--slate)}
.fxgraf{display:flex;align-items:flex-end;gap:.28rem;padding:.2rem .8rem 0;border-left:1px solid var(--borda-soft)}
.fxcol{display:flex;flex-direction:column;align-items:center;gap:.15rem}
.fxbar{display:flex;flex-direction:column-reverse;justify-content:flex-start;
width:.62rem;height:36px;border-radius:2px;overflow:hidden}
.fxbar i{display:block;width:100%}
.fxcol span{font-size:.6rem;color:var(--slate)}
.lapis-menu .separa{font-size:.68rem;letter-spacing:.6px;text-transform:uppercase;
color:var(--slate);padding:.4rem .55rem .15rem;margin-top:.2rem;border-top:1px solid var(--borda)}
.tratar{position:relative;display:inline-block}
.tratar summary{list-style:none;cursor:pointer;font-size:.9rem;padding:.3rem .7rem;
border:1px solid var(--borda);border-radius:7px;background:#fff;color:var(--navy)}
.tratar summary::-webkit-details-marker{display:none}
.tratar summary::after{content:" ▾";color:var(--slate)}
.tratar summary:hover{background:var(--sunk)}
.tratar[open] summary{background:var(--sunk);border-color:var(--navy)}
.tratar .lapis-menu{left:0;right:auto;top:2.1rem}
/* Tela de usuários: nomes à esquerda, acessos à direita. O painel vive FORA de
   qualquer tabela — dentro de um <td colspan> ele obrigava o navegador a remedir
   todas as colunas ao abrir, e a página inteira se reorganizava. */
.gente{display:grid;grid-template-columns:290px minmax(0,1fr);gap:1.1rem;align-items:start}
.gente-lista{border:1px solid var(--borda);border-radius:12px;overflow:hidden;background:#fff}
.gente-lista .pes{display:block;width:100%;text-align:left;background:#fff;color:inherit;
border:0;border-bottom:1px solid var(--borda-soft);border-radius:0;padding:.7rem .9rem;cursor:pointer}
.gente-lista .pes:last-child{border-bottom:0}
.gente-lista .pes:hover{background:var(--sunk);filter:none}
.gente-lista .pes[aria-current="true"]{background:var(--suave);box-shadow:inset 3px 0 0 var(--navy)}
.gente-lista .pes b{display:block;font-size:1rem;font-weight:600;color:var(--navy)}
.gente-lista .pes span{display:block;font-family:ui-monospace,Menlo,monospace;
font-size:.8rem;color:var(--slate);margin-top:.1rem}
.gente-det{border:1px solid var(--borda);border-radius:12px;padding:1.1rem 1.2rem;
background:#fff;min-height:20rem}
.gente-det h3{font-family:var(--serif);font-weight:400;font-size:1.25rem;color:var(--navy);margin:0}
.gente-det .sub{font-size:.86rem;color:var(--slate);margin:.2rem 0 1rem}
/* cada módulo é um quadro fechado: a delimitação é o que deixa claro onde um
   acesso termina e o outro começa */
.gente-det .mod{border:1px solid var(--borda);border-radius:10px;
padding:.85rem .95rem;margin-bottom:.7rem}
.gente-det .chk{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;
margin:.2rem 1.1rem .2rem 0}
.gente-det .chk.forte{display:flex;margin:0;font-size:1rem;font-weight:600;color:var(--navy)}
.gente-det .chk input[type=checkbox]{width:17px;height:17px;accent-color:var(--navy);
margin:0;flex:0 0 auto}
.gente-det .itens{margin:.45rem 0 0 2.15rem;color:var(--slate);font-size:.88rem;line-height:1.5}
.gente-det .finas{margin:.5rem 0 0 2.15rem}
.gente-det .nivel{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .9rem}
.gente-det .nivel .rot{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;
color:var(--slate)}
.gente-det .barra{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.9rem}
.gente-det .barra form{margin:0}
.gente-det .senha-cx{margin-top:.55rem;gap:.4rem}
.gente-det h4{font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--slate);
font-weight:600;margin:1.1rem 0 .5rem;border-top:1px dashed var(--borda);padding-top:.9rem}
.gente-det .campo{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.4rem 0}
.gente-det .campo .rot{flex:0 0 8.5rem;font-size:.82rem;color:var(--slate)}
.gente-det .excluir-cx{margin-top:.55rem;border:1px solid #E7C3C3;background:#FDF6F6;
border-radius:9px;padding:.6rem .75rem;display:flex;align-items:center;gap:.45rem;
flex-wrap:wrap}
.gente-det .excluir-cx .rot{font-size:.82rem;color:#7A2E2E}
button.perigoso{background:#A32020;border-color:#A32020}
/* Advogados monitorados: os botões ficam numa linha só e as duas faixas
   dobráveis dividem a largura em partes iguais. Sem isto, o rótulo longo
   quebra, cresce mais que o vizinho e desalinha a linha inteira. */
.advs td,.advs th{vertical-align:middle}
.advs .acoes-adv{width:1%;white-space:nowrap;text-align:right}
.advs .acoes-adv button{white-space:nowrap}
.advs .det{display:block;margin-top:.15rem}
/* a célula vazia É o caminho para preencher: o lugar onde falta o dado
   passa a ser o lugar por onde se informa */
.advs .vazio{background:#FFF2CC;color:#7A5B00;border:1px solid #E8D9A8;
border-radius:6px;padding:.14rem .55rem;font-size:.78rem;font-weight:500;
cursor:pointer;white-space:nowrap}
.advs .vazio:hover{background:#FBE9B7;border-color:#D8C48A;filter:none}
.acessos-adv .dois{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;
margin-top:.75rem}
.acessos-adv h5{margin:0 0 .5rem;font-size:.7rem;letter-spacing:.09em;
text-transform:uppercase;color:var(--slate);font-weight:600;
border-bottom:1px solid var(--borda-soft);padding-bottom:.3rem}
.acessos-adv input{width:100%;margin-bottom:.4rem}
.acessos-adv .bts{display:flex;gap:.4rem;flex-wrap:wrap}
.acessos-adv .bts button{white-space:nowrap}
@media(max-width:820px){.acessos-adv .dois{grid-template-columns:1fr}}
@media(max-width:820px){.gente{grid-template-columns:1fr}.gente-det{min-height:0}}
.cardmov .topo{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.cardmov .teor{color:var(--slate);font-size:.9rem;margin:.35rem 0 .3rem}
.selo{color:#fff;border-radius:6px;padding:.08rem .5rem;font-size:.72rem;font-weight:700;letter-spacing:.5px;white-space:nowrap}
.cli{font-weight:600;color:var(--navy)}
.cli.fora{font-weight:400;color:#A32020;font-size:.85rem}
.partes{font-size:.82rem;color:var(--slate);margin:.3rem 0 .1rem;line-height:1.45}
.teorlink{color:var(--azul);text-decoration:none;font-size:.82rem;white-space:nowrap}
.teorlink:hover{text-decoration:underline}
form.busca input{background:#fff}
.venc{color:#A32020;font-weight:700}
details.editar{margin-top:.35rem}
details.editar summary{cursor:pointer;font-size:.78rem;color:var(--azul);list-style:none}
details.editar summary::-webkit-details-marker{display:none}
details.editar summary:hover{text-decoration:underline}
details.editar textarea,details.editar input{width:100%;max-width:430px}
.prazohoje{color:#B45309;font-weight:700}
.pt{display:inline-block;width:.65rem;height:.65rem;border-radius:50%;vertical-align:middle;margin-right:.3rem}
.cal{width:100%;border-collapse:separate;border-spacing:2px;text-align:center;font-size:.84rem}
.cal th{border:none;color:var(--slate);font-weight:600;font-size:.68rem;letter-spacing:.12em;padding:.35rem 0 .45rem}
.cal td{border:none;padding:0}
.cal a{position:relative;display:flex;align-items:center;justify-content:center;
width:2.15rem;height:2.15rem;margin:0 auto;border-radius:50%;text-decoration:none;
color:var(--ink);transition:background .15s,color .15s}
.cal a .pub{position:absolute;bottom:.28rem;left:50%;transform:translateX(-50%);
width:.28rem;height:.28rem;border-radius:50%;background:var(--bronze)}
.cal a.tem{background:var(--sunk);color:var(--navy);font-weight:700}
.cal a.hoje{background:var(--navy);color:#fff}
.cal a.hoje .pub{background:#fff}
.cal a.sel{box-shadow:0 0 0 2px var(--bronze)}
.cal a.aud{background:var(--bronze);color:#fff;font-weight:700}
.cal a.aud .pub.audi{background:#fff}
.agenda-lista{margin-top:.6rem;border-top:1px solid var(--borda-soft);padding-top:.5rem}
.ag{font-size:.78rem;color:var(--slate);padding:.2rem 0}
table.mes{width:100%;border-collapse:separate;border-spacing:3px;table-layout:fixed}
table.mes th{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);
border:none;padding:.2rem 0}
table.mes td{border:1px solid var(--borda-soft);border-radius:7px;vertical-align:top;
height:78px;padding:.25rem;background:#fff}
table.mes td.fora{background:transparent;border-color:transparent}
table.mes td.hoje{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
table.mes .dia{font-size:.74rem;color:var(--slate);font-weight:600}
table.mes .ev{font-size:.62rem;line-height:1.25;background:var(--sunk);border-left:3px solid;
border-radius:3px;padding:.1rem .2rem;margin-top:.15rem;overflow:hidden;
white-space:nowrap;text-overflow:ellipsis}
table.mes .ev.mais{background:none;border-left-color:transparent;color:var(--slate)}
.ag b{color:var(--navy)}
.pessoas{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem}
.pessoas .pessoa{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--ink);
background:var(--sunk);border:1px solid var(--borda-soft);border-radius:99px;
padding:.15rem .6rem .15rem .45rem;cursor:pointer}
.pessoas .pessoa input{width:auto;margin:0}
.opcoes{display:inline-flex;flex-wrap:wrap;gap:.3rem}
.opc{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--ink);
background:var(--sunk);border:1px solid var(--borda-soft);border-radius:99px;
padding:.15rem .65rem .15rem .5rem;cursor:pointer;white-space:nowrap}
.opc input{width:auto;margin:0;cursor:pointer}
.opc:hover{border-color:var(--borda)}
.opc.pendente:has(input:checked){background:#FFF2CC;border-color:#E4C877;font-weight:600}
.opc.andamento:has(input:checked){background:#DDEBF7;border-color:#9CC3E5;font-weight:600}
.opc.concluida:has(input:checked){background:#E2EFDA;border-color:#A9C99B;font-weight:600}
.cal a:hover{background:var(--navy-deep);color:#fff}
.calnav{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}
.calnav b{font-family:var(--serif);font-weight:400;font-size:1.05rem;color:var(--navy)}
.calnav a{color:var(--slate);text-decoration:none;width:1.8rem;height:1.8rem;display:flex;
align-items:center;justify-content:center;border:1px solid var(--borda);border-radius:50%;transition:all .15s}
.calnav a:hover{background:var(--navy);border-color:var(--navy);color:#fff}

/* Agenda: cartão claro como os demais, título navy centralizado e a GRADE
   do calendário — só ela — sobre um laranja bem claro. */
.card.agenda h2{color:var(--navy);font-family:var(--sans);font-weight:700;
text-align:center;font-size:.95rem;letter-spacing:.02em;margin-bottom:.7rem}
.card.agenda .grade{background:#FDF2E3;border:1px solid #F3E0C6;border-radius:10px;
padding:.6rem .55rem .5rem}
.card.agenda .grade .calnav b{color:var(--navy);font-weight:600}
.card.agenda .grade .calnav a{border-color:#E4CEA9;color:#8A7551}
.card.agenda .grade .calnav a:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.card.agenda .grade .cal th{color:#8A7551}
.card.agenda .grade .cal a{color:var(--ink)}
.card.agenda .grade .cal a.tem{background:#F6E3C4;color:var(--navy)}
.card.agenda .grade .cal a.hoje{background:var(--navy);color:#fff}
.card.agenda .grade .cal a.hoje .pub{background:#fff}
.card.agenda .grade .cal a:hover{background:var(--navy);color:#fff}
.card.agenda .resumo a{color:var(--azul);text-decoration:underline}
.med-secao{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);
border-top:1px solid var(--borda-soft);padding-top:.7rem;margin:.2rem 0 .7rem}
.med{margin:.05rem 0 .95rem}
.med:last-child{margin-bottom:.1rem}
.med-topo{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;
font-size:.82rem;color:var(--slate);margin-bottom:.3rem}
.med-topo b{font-size:.95rem;color:var(--navy);white-space:nowrap}
.med-topo b.sem{color:var(--slate);font-weight:400;font-size:.8rem}
.trilho{position:relative;height:8px;background:var(--sunk);border-radius:4px;overflow:hidden}
.trilho i{display:block;height:100%;border-radius:4px;background:var(--navy)}
.trilho .alvo{position:absolute;top:-2px;width:2px;height:12px;background:var(--bronze)}
.med-pe{font-size:.68rem;color:var(--slate);margin-top:.25rem}
.ativ{border-bottom:1px solid var(--borda);padding:.4rem 0;font-size:.88rem}
.entrada{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;
background:radial-gradient(1200px 600px at 50% -10%,#0A1550 0%,var(--navy-deep) 55%,#000616 100%)}
.entrada .caixa{width:100%;max-width:400px}
.entrada .marca{background:#fff;border-radius:14px 14px 0 0;padding:2.1rem 2rem 1.6rem;text-align:center;
border:1px solid var(--borda);border-bottom:none}
.entrada .marca img.sistema{width:100%;max-width:252px;height:auto;display:block;margin:0 auto}
.entrada .marca img.casa{width:100%;max-width:196px;height:auto;display:block;margin:0 auto;opacity:.82}
.entrada .marca .fio{width:44px;height:2px;background:var(--bronze);margin:1.25rem auto 1.1rem}
.entrada .marca .chave{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
color:var(--slate);margin-top:.9rem}
.entrada .corpo{background:#fff;border:1px solid var(--borda);border-top:none;
border-radius:0 0 14px 14px;padding:1.6rem 2rem 1.9rem;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.entrada label{display:block;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;
color:var(--slate);margin:0 0 .3rem}
.entrada input{width:100%;padding:.62rem .7rem;background:var(--sunk);border:1px solid var(--borda-soft)}
.entrada input:focus{outline:none;border-color:var(--azul);background:#fff}
.entrada .campo{margin-bottom:.95rem}
.entrada button{width:100%;background:var(--navy);border-color:var(--navy);padding:.7rem;
letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:600}
.entrada button:hover{background:var(--azul);border-color:var(--azul);filter:none}
.entrada .rodape{margin-top:1.1rem;text-align:center;font-size:.72rem;color:#8E97B5}
.entrada .flash{background:#FDEDED;border-color:#F3C0C0;color:#8A1F1F;text-align:center;font-size:.85rem}
@media(max-width:420px){.entrada .marca,.entrada .corpo{padding-left:1.3rem;padding-right:1.3rem}}
/* ---- Conversas: a lista no formato de mensageiro -----------------------
   A tabela antiga lia-se como caixa de e-mail: colunas do mesmo peso, nada
   saltava aos olhos e achar um fio exigia varrer linha por linha. Aqui cada
   conversa é um bloco com avatar, nome, prévia e hora, do jeito que quem
   atende já reconhece sem aprender nada. */
.busca-fio{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.busca-fio input{flex:1;min-width:230px}
.filtros{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.6rem}
.filtros a{font-size:.78rem;padding:.18rem .65rem;border-radius:99px;text-decoration:none;
border:1px solid var(--borda);background:#fff;color:var(--slate);white-space:nowrap}
.filtros a:hover{background:var(--sunk)}
.filtros a.ativo{background:var(--navy);border-color:var(--navy);color:#fff}
.filtros a .n{opacity:.7;font-variant-numeric:tabular-nums}
.fios{padding:.15rem 0;overflow:hidden}
.fio-item{display:flex;gap:.75rem;align-items:center;padding:.6rem .95rem;
border-bottom:1px solid var(--borda-soft);text-decoration:none;color:inherit}
.fio-item:last-child{border-bottom:none}
.fio-item:hover{background:var(--sunk)}
.fio-item.espera{box-shadow:inset 3px 0 0 #A32020}
.fio-item.fechada{opacity:.6}
.fio-av{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:var(--navy);
color:#fff;display:flex;align-items:center;justify-content:center;font-size:.82rem;
font-weight:600;letter-spacing:.02em}
.fio-av.fora{background:#AEB8CE}
.fio-corpo{flex:1;min-width:0}
.fio-alto{display:flex;gap:.6rem;align-items:baseline}
.fio-baixo{display:flex;gap:.5rem;align-items:center;margin-top:.1rem}
.fio-nome{flex:1;min-width:0;font-weight:600;color:var(--navy);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fio-nome.fora{color:var(--slate);font-weight:500}
.fio-hora{font-size:.74rem;color:var(--slate);white-space:nowrap}
.fio-hora.nova{color:#1F7A3D;font-weight:600}
.fio-previa{flex:1;min-width:0;font-size:.86rem;color:var(--slate);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fio-previa mark{background:#FFF2CC;padding:0 .1em}
.fio-item.naolida .fio-previa{color:var(--ink);font-weight:600}
.fio-quem{color:var(--slate)}
.fio-check{color:var(--azul)}
.bolha-n{background:#1F7A3D;color:#fff;border-radius:99px;font-size:.72rem;font-weight:600;
padding:.02rem .42rem;white-space:nowrap}
.fio-baixo .tag{font-size:.72rem}
@media(max-width:700px){
  .fio-item{padding:.55rem .5rem}
  .fio-av{flex-basis:36px;width:36px;height:36px;font-size:.76rem}
  .fio-baixo .tag{display:none}
}
/* ---- Conversas: duas colunas, como no WhatsApp Web ---------------------
   Abrir uma conversa não pode custar as outras de vista: a lista fica à
   esquerda o tempo todo e o fio abre ao lado, com rolagem própria em cada
   coluna. Quem atende passa de um cliente a outro num clique, sem voltar
   à tela anterior e sem perder o lugar na fila. */
.wa{display:grid;grid-template-columns:minmax(270px,340px) 1fr;
background:#fff;border:1px solid var(--borda);border-radius:12px;overflow:hidden;
height:calc(100vh - 430px);min-height:420px}
.wa-col{display:flex;flex-direction:column;min-width:0;min-height:0}
.wa-col.fio{border-left:1px solid var(--borda);background:var(--suave)}
.wa-topo{padding:.55rem .6rem;border-bottom:1px solid var(--borda-soft);background:var(--sunk)}
.wa-topo .busca-fio input{min-width:0}
.wa-fios{flex:1;min-height:0;overflow-y:auto}
.wa-nada{display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:.5rem;height:100%;text-align:center;color:var(--slate);padding:2rem 1.5rem}
.wa-nada .marca{font-family:var(--serif);font-size:1.1rem;color:var(--navy)}
.wa-cabeca{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;padding:.5rem .9rem;
border-bottom:1px solid var(--borda);background:var(--sunk)}
.wa-cabeca .quem{flex:1;min-width:0}
.wa-cabeca .nome{font-weight:600;color:var(--navy);overflow:hidden;
text-overflow:ellipsis;white-space:nowrap}
.wa-cabeca .sob{font-size:.78rem;color:var(--slate);overflow:hidden;
text-overflow:ellipsis;white-space:nowrap}
.wa-msgs{flex:1;min-height:0;overflow-y:auto;padding:.7rem .9rem}
.wa-caixa{border-top:1px solid var(--borda);background:#fff;padding:.6rem .9rem}
.wa-caixa textarea{width:100%;resize:vertical}
/* O fio, com o desenho de mensageiro: cliente à esquerda em branco, escritório
   à direita em verde. A cor não é o que separa uma mensagem da outra — o lado é.
   O bico no canto de cima marca de quem é a fala, e o respiro entre bolhas
   impede que uma resposta longa encoste na seguinte. */
.wa-msgs{background:var(--suave)}
.bolha{position:relative;margin:.65rem 0;padding:.5rem .7rem .3rem;border-radius:12px;
max-width:72%;width:fit-content;box-shadow:0 1px 2px rgba(15,20,37,.13);font-size:.92rem}
.bolha.deles{background:#fff;border-top-left-radius:3px}
.bolha.nossa{background:#DEF1D4;margin-left:auto;border-top-right-radius:3px}
.bolha .dito{line-height:1.45}
.bolha .quem{font-size:.73rem;font-weight:600;color:#1B4E86;margin-bottom:.2rem}
.bolha.nossa .quem{color:#33682A}
.bolha.nossa.emma .quem{color:#5B4A86}
.bolha .hora{display:block;text-align:right;font-size:.68rem;color:var(--slate);margin-top:.15rem}
.bolha .tag{font-size:.68rem;margin-left:.3rem;vertical-align:1px}
/* conferir a resposta da Emma é trabalho de revisão, não leitura: fica dobrado */
.aval{margin-top:.35rem}
.aval>summary{font-size:.72rem;color:var(--slate);cursor:pointer;list-style:none}
.aval>summary::-webkit-details-marker{display:none}
.aval>summary::before{content:"⌄ "}
.aval[open]>summary::before{content:"⌃ "}
.aval>summary:hover{color:var(--azul)}
.aval form{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center;margin-top:.35rem}
.aval input{flex:1;min-width:130px;font-size:13px;padding:.25rem .4rem}
.nota-sistema{text-align:center;margin:.7rem 0}
.nota-sistema span{display:inline-block;background:var(--suave);color:#41506B;font-size:.78rem;
padding:.2rem .7rem;border-radius:99px}
.fio-item.aberta{background:var(--suave)}
.fio-item.aberta:hover{background:var(--suave)}
a.wa-voltar{display:none}
.filtros .rotulo{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
color:var(--slate);align-self:center;margin-right:.15rem}
.filtros.equipe{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--borda-soft)}
/* os três números numa faixa: em cartão eles custavam 120px de altura, que é
   altura de conversa. O botão de contato novo mora aqui, à direita. */
.placar{display:flex;align-items:center;gap:.9rem;padding:.55rem .9rem;flex-wrap:wrap}
.placar .m{font-size:.86rem;color:var(--slate)}
.placar .m b{font-family:var(--sans);font-weight:600;font-size:1.15rem;color:var(--navy);
margin-right:.3rem}
.placar .m b.vermelho{color:#A32020}
.placar .risco{width:1px;height:20px;background:var(--borda)}
.placar .novo{margin-left:auto;background:var(--navy);color:#fff;border:1px solid var(--navy);
border-radius:7px;padding:.34rem 1.15rem;font-size:.86rem;font-weight:600;cursor:pointer}
.placar .novo:hover{background:var(--azul);border-color:var(--azul)}
/* o formulário de contato novo abre pelo botão, sem script */
.ct-form{display:none}
.ct-abre:checked~.ct-form{display:block}
/* do que trata a conversa, dito na lista no lugar da última frase */
.assunto{display:inline-block;padding:.02rem .5rem;border-radius:99px;font-size:.76rem;
font-weight:600}
.assunto.cli{background:#E7EEFB;color:#1B3C7A}
.assunto.tra{background:#FDEEE2;color:#8A4B1F}
.assunto.con{background:#E9F1E4;color:#3A6B2A}
.assunto.imo{background:#EDE7F8;color:#4B327A}
.assunto.fam{background:#FBE8F0;color:#7A2A52}
.assunto.exe{background:#E4EEF2;color:#25596B}
.assunto.civ{background:#EFEAE0;color:#6B5424}
.assunto.ger,.assunto.sis,.assunto.sem{background:var(--suave);color:var(--slate)}
.fio-trecho{color:var(--slate);font-size:.82rem}
/* cadeado da conferência de identidade, à direita do fio na lista */
.fio-bloco{position:relative}
.cadeado{position:absolute;right:.4rem;bottom:.28rem;margin:0}
.cadeado button,.cadeado.travado{background:none;border:0;padding:.25rem;cursor:pointer;
color:#A32020;opacity:.75;line-height:0;display:block}
.cadeado.travado{cursor:default;color:#8E97B5}
.cadeado button:hover{opacity:1;background:#FDEDED;border-radius:6px}
.fio-bloco:has(.cadeado) .fio-baixo{padding-right:1.6rem}
.fio-bloco:has(.cadeado) .fio-alto{padding-right:.1rem}
@media(max-width:900px){
  .wa{grid-template-columns:1fr;height:auto}
  .wa-col.fio{border-left:none;border-top:1px solid var(--borda)}
  .wa.com-fio .wa-col.lista{display:none}
  a.wa-voltar{display:inline-block}
  .wa-msgs{max-height:58vh}
  .wa-fios{max-height:70vh}
}
.ativ:last-child{border-bottom:none}
@media(max-width:900px){.cols{grid-template-columns:1fr}}
@media(max-width:700px){main{padding:0 .4rem}}

/* ============================ peles em prova ============================
   Só para escolher: o tema vive num atributo data-tema no <html>, guardado no
   navegador. Sem atributo, nada muda — o sistema continua exatamente como era. */

/* o tratamento "clean", comum às duas peles novas */
[data-tema] .card{border-radius:14px;padding:1.25rem 1.4rem;border-color:var(--borda);
box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 28px rgba(16,24,40,.05)}
[data-tema] h1{font-size:1.5rem;letter-spacing:-.02em}
[data-tema] h2{font-size:1.06rem;letter-spacing:-.01em}
[data-tema] th{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;
color:var(--slate);font-weight:600;border-bottom:1px solid var(--borda);padding:.6rem .6rem}
[data-tema] td{padding:.68rem .6rem;border-bottom:1px solid var(--borda-soft)}
[data-tema] .tag{border-radius:6px;font-size:.74rem;padding:.14rem .55rem;font-weight:500}
[data-tema] button{border-radius:8px;padding:.45rem .85rem;font-weight:500}
[data-tema] input,[data-tema] select,[data-tema] textarea{border-radius:8px;padding:.45rem .7rem}
[data-tema] .lateral nav a{text-transform:none;letter-spacing:0;font-size:.88rem;
padding:.6rem 1.25rem}
[data-tema] .lateral nav .modulo{font-size:.62rem;letter-spacing:.14em;padding-top:.9rem}
[data-tema] .lateral nav .porvir{text-transform:none;letter-spacing:0;font-size:.88rem;
padding:.6rem 1.25rem}
[data-tema] .lateral .topo .sub{letter-spacing:.14em}
[data-tema] .relogio b{font-weight:600}
[data-tema] .resumo{color:var(--slate)}

/* pele 1: a casa continua Mendonça Costa, só que mais leve */
:root[data-tema="clean"]{--suave:#EFF2FA;--fundo:#F8F9FB;--borda:#E6E9F0;--borda-soft:#F1F3F8;
--sunk:#F2F5FA;--slate:#6A7385;--ink:#14182A;
--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
--serif:"Playfair Display",Georgia,serif}
[data-tema="clean"] .lateral{background:#0B1030}
[data-tema="clean"] button.sutil{border-color:var(--borda)}


/* pele 2: a identidade do Emma Cobranças, vermelho e papel quente */
:root[data-tema="cobranca"]{--suave:#F1EBE8;--navy:#1A1A1A;--navy-deep:#1A1A1A;--azul:#C1121F;
--bronze:#8A8078;--azul-agenda:#7F1D1D;--fundo:#FBF9F8;--borda:#E8E2E0;
--borda-soft:#F1ECEA;--sunk:#F5F1EF;--slate:#7A7068;--ink:#1A1A1A;
--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
--serif:"Playfair Display",Georgia,serif}
[data-tema="cobranca"] .lateral{background:#1A1A1A;color:#C9BFB8}
[data-tema="cobranca"] .lateral nav a{color:#C9BFB8}
[data-tema="cobranca"] .lateral nav a.ativo{border-left-color:#C1121F}
[data-tema="cobranca"] .lateral .topo .sub{color:#C9BFB8}
/* o rótulo do grupo e o item ainda-não-construído tinham azul escrito à mão:
   dentro da pele quente ficavam frios, destoando de tudo em volta */
[data-tema="cobranca"] .lateral nav .modulo{color:#8A8078}
[data-tema="cobranca"] .lateral nav .porvir{color:#6F655E}
[data-tema="cobranca"] .lateral nav .porvir::after{color:#5A524C}
[data-tema="cobranca"] .lateral nav a:hover{color:#fff}
/* o círculo do radio e o quadrado do checkbox são pintados pelo sistema
   operacional, não pelo tema: sem accent-color eles ficam azuis dentro da
   pele quente */
[data-tema="cobranca"] input[type=radio],
[data-tema="cobranca"] input[type=checkbox]{accent-color:#1A1A1A}
/* o roxo do RISCO era o único ponto frio da pele quente. Vira grafite: o mais
   grave fica o mais sóbrio, e continua distinto do RELEVANTE, que é vermelho.
   Precisa de !important porque a cor vem de estilo inline, por classe. */
[data-tema="cobranca"] .selo.cl-extincao{background:#1A1A1A!important}
[data-tema="cobranca"] .pt.cl-extincao{background:#1A1A1A!important}
[data-tema="cobranca"] .cardmov.cl-extincao{--c:#1A1A1A!important}



/* o vermelho é da marca, mas aqui ele também é o aviso de perigo. Se todo
   botão fica vermelho, Excluir deixa de saltar — então ação comum é grafite
   e o vermelho volta a significar só uma coisa. */
[data-tema="cobranca"] button{background:#1A1A1A;border-color:#1A1A1A;color:#fff}
[data-tema="cobranca"] button.sutil{background:#fff;color:#1A1A1A;
border-color:var(--borda-strong,#D6CDC9)}
[data-tema="cobranca"] button.perigoso{background:#C1121F;border-color:#C1121F}
[data-tema="cobranca"] a{color:#1A1A1A}
[data-tema="cobranca"] .filtros a.on{background:#1A1A1A;border-color:#1A1A1A}


/* o seletor, que só existe na cópia */
.temas{margin-top:.8rem;border-top:1px solid rgba(255,255,255,.12);padding-top:.7rem}
.temas span{display:block;font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;
color:#6E77A0;margin-bottom:.35rem}
.temas button{background:none;border:1px solid rgba(255,255,255,.25);color:#B9C0DA;
border-radius:6px;padding:.22rem .5rem;font-size:.68rem;margin:0 .2rem .2rem 0;cursor:pointer}
.temas button:hover{background:rgba(255,255,255,.1);color:#fff}


/* ---------- cadastro de cliente (19/09/2026) ---------- */
.cad-abrir{font-size:1rem;padding:.6rem 1.1rem}
form.cad{display:flex;flex-direction:column;max-width:880px}
form.cad input,form.cad select,form.cad textarea{width:100%;box-sizing:border-box;
padding:.62rem .8rem;border-radius:8px}
.cad-topo{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.4rem}
.cad-titulo{text-transform:uppercase;letter-spacing:.04em;font-size:1.35rem;margin:0}
.cad-nota{max-width:220px;font-size:.78rem;color:var(--slate);line-height:1.4}
.cad-nota span{display:block;width:32px;height:3px;border-radius:2px;
background:var(--navy);margin-bottom:.5rem}
.cad-rot{font-weight:600;margin:1rem 0 .4rem;font-size:.92rem}
.cad-lista{display:flex;flex-direction:column;gap:.5rem}
button.cad-mais{align-self:flex-start;background:none;border:0;padding:.45rem 0 0;
color:var(--navy);font-size:.85rem;font-weight:500;cursor:pointer}
button.cad-mais:hover{text-decoration:underline;filter:none}
.cad-grade{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:1rem}
.cad-grade .cad-rot{display:block}
input.cad-busca{padding-left:2.2rem!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%237A7068' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E") no-repeat .75rem center}
button.cad-salvar{margin-top:1.4rem;padding:.8rem;font-size:1rem;font-weight:600;width:100%}
button.cad-cancelar{margin-top:.5rem;align-self:center}
@media(max-width:640px){.cad-grade{grid-template-columns:1fr}.cad-topo{flex-direction:column}
.cad-nota{max-width:none}}

/* editar cadastro: processos vinculados e exclusão (19/09/2026) */
.cad-vinculos{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}
.cad-vinculo{display:flex;justify-content:space-between;align-items:center;gap:.8rem;
padding:.55rem .8rem;border:1px solid var(--borda);border-radius:8px;background:var(--sunk)}
button.cad-desvincular{background:none;border:0;color:var(--slate);font-size:.8rem;padding:.2rem .4rem}
button.cad-desvincular:hover{color:#A32020;text-decoration:underline;filter:none}
a.cad-cancelar{align-self:center;margin-top:.6rem}
.cad-perigo{max-width:880px;margin:.4rem 0 2rem;text-align:right}
button.cad-excluir{background:none;border:0;color:#A32020;font-size:.82rem;opacity:.75;padding:.3rem 0}
button.cad-excluir:hover{opacity:1;text-decoration:underline;filter:none}
.cad-excluir-cx{text-align:left;border:1px solid #E7B4B4;background:#FDF3F3;border-radius:10px;
padding:1rem 1.2rem}
.cad-excluir-cx .bts{display:flex;gap:.5rem;margin-top:.8rem}
.cad-excluir-cx button[disabled]{opacity:.45;cursor:not-allowed}
a.editar-link{font-size:.78rem;color:var(--azul);text-decoration:none}
a.editar-link:hover{text-decoration:underline}
.cad-excluir-cx label.chk{display:flex;align-items:center;gap:.5rem;margin-top:.7rem;cursor:pointer}
.cad-excluir-cx label.chk input{width:auto}

/* indicadores discretos ao lado de um número (19/09/2026) */
h2.com-ind{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .9rem}
h2.com-ind .inds{display:inline-flex;gap:.9rem;align-items:baseline}
.ind{font-family:var(--sans);font-size:.8rem;font-weight:600;letter-spacing:0;cursor:default}
.ind small{font-weight:400;color:var(--slate);margin-left:.3rem;font-size:.72rem}
.ind.sobe{color:#2E7D32}.ind.desce{color:#C62828}.ind.igual{color:var(--slate)}

/* processos (19/09/2026) */
.cad-grade.dois{grid-template-columns:1fr 1fr}
.aviso-linha{display:flex;justify-content:space-between;align-items:center;gap:1rem;
padding-top:.8rem!important;padding-bottom:.8rem!important}
form.filtros-proc{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
form.filtros-proc .busca-larga{flex:1;min-width:260px}
form.filtros-proc label.chk{display:flex;align-items:center;gap:.35rem;font-size:.88rem}
table.tabela-proc td{vertical-align:top}
table.tabela-proc td.partes{font-size:.85rem;max-width:340px}
table.tabela-proc a.teorlink.num{font-weight:600}
[data-tema] .btncopia{background:none!important;border:0!important;color:var(--slate)!important;
padding:0 .3rem!important;font-size:.85rem}
@media(max-width:640px){.cad-grade.dois{grid-template-columns:1fr}.aviso-linha{flex-direction:column;align-items:flex-start}}
table.tabela-proc td:first-child{white-space:nowrap}
table.tabela-proc td:first-child .resumo{white-space:normal;max-width:240px}

/* cadastro consolidado do cliente (19/09/2026) */
a.nome-cliente{font-weight:600;color:inherit;text-decoration:none;border-bottom:1px dotted var(--slate)}
a.nome-cliente:hover{border-bottom-style:solid}
.ficha{max-width:1000px}
h3.ficha-sec{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);
font-weight:600;margin:1.6rem 0 .6rem;padding-bottom:.4rem;border-bottom:1px solid var(--borda-soft)}
dl.ficha-dados{margin:0;display:grid;gap:.1rem}
.ficha-linha{display:grid;grid-template-columns:200px 1fr;gap:1rem;padding:.45rem 0}
.ficha-linha dt{color:var(--slate);font-size:.88rem}
.ficha-linha dd{margin:0}
.ficha-acoes{margin-top:1.6rem;padding-top:1rem;border-top:1px solid var(--borda-soft)}
a.btnlink.primario{background:var(--navy);color:#fff;border-color:var(--navy);padding:.55rem 1.1rem;
font-weight:600;text-decoration:none}
@media(max-width:640px){.ficha-linha{grid-template-columns:1fr;gap:.1rem}}

/* ficha do processo: quadro da equipe (19/09/2026) */
form.ficha-form{max-width:880px}
.cad-ajuda{margin:.35rem 0 0}
.interesse-opcoes{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.interesse-opcoes label.chk{display:flex;align-items:center;gap:.45rem;cursor:pointer}
.interesse-opcoes input{width:auto!important}

/* tipo de cliente (19/09/2026) */
.tag.mod-individual,.tag.mod-assessoria{font-size:.68rem;padding:.05rem .45rem;vertical-align:middle}
.tag.mod-assessoria{background:#EDE7F6;color:#4527A0}
.tag.mod-individual{background:#E3F2FD;color:#1565C0}

/* fim da ficha do processo: fora da carteira e excluir (19/09/2026) */
.cad-perigo-bts{display:flex;justify-content:flex-end;gap:1.2rem;align-items:center}
button.cad-discreto{background:none!important;border:0!important;color:var(--slate)!important;
font-size:.82rem;padding:.3rem 0}
button.cad-discreto:hover{color:var(--ink)!important;text-decoration:underline;filter:none}
.cad-fora-cx{border-color:var(--borda)!important;background:var(--sunk)!important}
.fora-nota{text-align:right;margin:0 0 .4rem}

/* publicações: cartão padronizado e filtros num quadro (19/09/2026) */
.filtros-classe{margin:.8rem 0 0!important}
.cardmov .pub-quem{margin:.45rem 0 .1rem}
.cardmov .pub-quem a.nome-cliente,.cardmov .pub-quem .cli{font-weight:700;font-size:.98rem}
.cardmov .pub-proc{font-size:.85rem;margin-bottom:.15rem}
.cardmov .pub-proc .partes{color:var(--slate)}
.cardmov .pub-num{font-weight:600}
.cardmov .pub-advs{font-size:.78rem;color:var(--slate);margin-top:.2rem}
.cardmov .pub-advs b{color:var(--ink);font-weight:600}
details.advs-outros{display:inline}
details.advs-outros summary{display:inline;cursor:pointer;color:var(--slate);list-style:none;
text-decoration:underline dotted}
details.advs-outros summary::-webkit-details-marker{display:none}
details.advs-outros[open]{display:block;margin-top:.2rem}

/* publicações, segunda rodada (19/09/2026): topo em uma faixa, cartão por processo
   e dia, coluna da direita compacta */
.fila-topo{padding:.9rem 1.2rem!important}
.fila-topo .faixa{border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;background:none!important}
.fila-rodape{border-top:1px solid var(--borda-soft);margin-top:.7rem;padding-top:.6rem;
font-size:.8rem;color:var(--slate)}
.fila-rodape a{color:var(--slate);text-decoration:none}.fila-rodape a:hover{color:var(--ink)}
.fila-rodape b{color:var(--ink);font-weight:600}
.pub-itens{margin-top:.5rem}
.pub-item{border-top:1px dashed var(--borda);padding:.55rem 0 .15rem}
.pub-item:first-child{border-top:1px solid var(--borda-soft)}
.pub-item-topo{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.pub-item .teor{margin:.3rem 0 .35rem}
.coluna-compacta .card{padding:1rem 1.1rem!important}
.coluna-compacta .card h2{font-size:.95rem;margin-bottom:.6rem}
.coluna-compacta .cal td a{width:26px!important;height:26px!important;line-height:26px!important;font-size:.78rem}
.coluna-compacta .grade{padding:.5rem!important}
.coluna-compacta .calnav b{font-size:.95rem}
.coluna-compacta .agenda-lista{margin-top:.6rem;font-size:.8rem}
.coluna-compacta .ag{padding:.2rem 0}
.legenda-cal{font-size:.72rem;margin-top:.5rem}
.ind-grade{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.ind-bloco{border:1px solid var(--borda-soft);border-radius:8px;padding:.5rem .6rem;cursor:default}
.ind-bloco b{display:block;font-size:1.15rem}
.ind-bloco span{font-size:.72rem;color:var(--slate)}
.ind-bloco.fora b{color:#A32020}.ind-bloco.ok b{color:#2E7D32}
.ind-suas{margin:.7rem 0 0;font-size:.8rem}
.coluna-compacta .ativ{font-size:.82rem;padding:.3rem 0}
.fila-topo .fxgraf{flex:0 0 auto;min-width:9.5rem;padding-left:1rem}
.coluna-compacta .cal a{width:1.75rem;height:1.75rem;font-size:.8rem}
.coluna-compacta .cal a .pub{bottom:.12rem}
.coluna-compacta .cal th{padding:.2rem 0 .3rem}
.coluna-compacta .cal td,[data-tema] .coluna-compacta .cal td{padding:.12rem 0;border:none}

/* setas do dia na faixa de Publicações, liberação de acesso e Estatísticas */
.fila-topo .faixa .fx{flex-wrap:wrap;row-gap:.2rem}
.fila-topo .faixa .fx .ind{flex-basis:100%;font-size:.72rem;letter-spacing:0;text-transform:none}
.fila-topo .faixa .fx .ind small{text-transform:none;letter-spacing:0}
.tag.liberacao{background:#EFE9F7;color:#6B4FA0}
.link-estat{float:right;font-size:.78rem;color:var(--slate)!important;text-decoration:underline!important}
.tabela-rolavel{overflow-x:auto}
.tabela-estat{width:100%;margin-top:.6rem}
.tabela-estat th{text-align:left;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.tabela-estat td.num b{font-size:1.1rem}
.tabela-estat td{vertical-align:middle}
.fila-topo .faixa .fx{flex-direction:column;align-items:flex-start;gap:.25rem}
.fila-topo .faixa .fx span.ind.sobe{color:#2E7D32}.fila-topo .faixa .fx span.ind.desce{color:#C62828}
.fila-topo .faixa .fx span.ind.igual{color:var(--slate)}
.fila-topo .faixa .fx span.ind small{font-size:.7rem;color:var(--slate);font-weight:400}
.tabela-estat td.num .resumo{font-family:var(--sans);font-size:.75rem}
.fila-topo .faixa .fx .ind{flex-basis:auto;order:3;position:static}
.tabela-estat .sub-th{text-transform:none;letter-spacing:0;font-weight:400}
/* últimos 5 dias úteis, no lugar do gráfico da semana */
.uteis{flex:0 0 auto;padding-left:1rem;border-left:1px solid var(--borda-soft);display:flex;flex-direction:column;justify-content:center}
.uteis-tit{font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;color:var(--slate);margin-bottom:.35rem}
.uteis-dias{display:flex;gap:.3rem}
.util{display:flex;flex-direction:column;align-items:center;min-width:3.3rem;padding:.3rem .35rem;border-radius:7px;text-decoration:none;color:var(--ink)}
.util:hover,.util.on{background:var(--sunk)}
.util span{font-size:.66rem;color:var(--slate);white-space:nowrap}
.util b{font-size:1.15rem;line-height:1.3}
.util small{font-size:.62rem;color:#C0392B;white-space:nowrap}
@media (max-width:900px){.uteis{border-left:0;padding-left:0;margin-top:.6rem}}
.fila-topo .uteis{border-left:0;padding:.7rem 0 0;margin-top:.7rem;border-top:1px solid var(--borda-soft);flex-direction:row;align-items:center;gap:1rem}
.fila-topo .uteis-tit{margin:0;flex:0 0 auto}
.fila-topo .uteis-dias{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}
.fila-topo .util{flex-direction:row;justify-content:center;align-items:baseline;gap:.45rem;padding:.35rem .5rem}
.fila-topo .util b{font-size:1.05rem}
@media (max-width:900px){.fila-topo .uteis{flex-direction:column;align-items:stretch}.fila-topo .util{flex-direction:column;align-items:center;gap:0}}
/* linha de providências de cada publicação (triagem) */
.triagem{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;margin-top:.55rem;padding:.5rem .7rem;border:1px solid var(--borda-soft);border-radius:8px;background:var(--sunk)}
.tri-rot{font-size:.8rem;font-weight:600;color:var(--ink)}
.tri-op{display:inline-flex;align-items:center;gap:.4rem;font-size:.86rem;cursor:pointer;white-space:nowrap}
.tri-op input{width:18px;height:18px;accent-color:#111;margin:0;cursor:pointer}
.tri-ok{margin-left:auto;padding:.3rem 1.1rem!important;background:var(--navy,#0F1425)!important;color:#fff!important;border-radius:6px;font-weight:600}
.tri-msg{flex-basis:100%;font-size:.78rem;color:#C62828}
.triagem.feita{justify-content:space-between;font-size:.8rem;color:var(--slate);background:transparent}
.triagem.feita b{color:var(--ink);font-weight:600}
.triagem .reativar{background:none!important;border:0!important;color:var(--slate)!important;text-decoration:underline;font-size:.75rem;padding:0!important;cursor:pointer}
.pub-item.resolvida .pub-item-topo,.pub-item.resolvida .teor,.pub-item.resolvida .acoes{opacity:.45;filter:grayscale(1)}
.cardmov.resolvido{background:#F3F3F1}
.cardmov.resolvido .pub-quem,.cardmov.resolvido .pub-proc,.cardmov.resolvido .pub-advs,.cardmov.resolvido .topo{opacity:.55;filter:grayscale(1)}
.atalho-prov{margin-top:.3rem;font-size:.8rem}
@media (max-width:700px){.tri-ok{margin-left:0}}
.triagem{gap:.35rem .8rem}.tri-op{font-size:.84rem}
.triagem{flex-wrap:nowrap}.tri-op{font-size:.84rem}@media (max-width:1100px){.triagem{flex-wrap:wrap}}
/* caixa de explicação ao passar o mouse nas palavras da linha de providências */
.tri-op{position:relative}
.tri-op[data-dica]:hover::after{content:attr(data-dica);position:absolute;left:0;bottom:calc(100% + 8px);z-index:30;width:280px;white-space:normal;padding:.6rem .75rem;border-radius:8px;background:#1B2233;color:#fff;font-size:.78rem;line-height:1.45;font-weight:400;box-shadow:0 6px 18px rgba(0,0,0,.18);pointer-events:none}
.tri-op[data-dica]:hover::before{content:"";position:absolute;left:14px;bottom:calc(100% + 2px);border:6px solid transparent;border-top-color:#1B2233;z-index:30}
.tri-op:last-of-type[data-dica]:hover::after{left:auto;right:-40px}
.triagem .reativar{color:#C62828!important}
.tri-lib{background:none!important;border:0!important;color:var(--slate)!important;text-decoration:underline;font-size:.72rem;padding:0!important;cursor:pointer;white-space:nowrap}

/* ---- Providências: um cartão por processo, tarefas em colunas fixas ---- */
.prov-topo .faixa{border:0!important;box-shadow:none!important;padding:0!important;background:none!important;flex-wrap:wrap}
.prov-topo .filtros{width:100%;border-top:1px solid var(--borda-soft);padding-top:.6rem;margin-top:.7rem;display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.prov-topo .filtros a{padding:.28rem .8rem;border:1px solid var(--borda);border-radius:99px;text-decoration:none;color:var(--ink);font-size:.8rem}
.prov-topo .filtros a.on{background:#0F1425;color:#fff;border-color:#0F1425}
.busca-prov{margin-left:auto;display:flex;gap:.35rem;align-items:center}
.busca-prov input{width:250px;padding:.3rem .5rem}
.pcard{border:1px solid var(--borda);border-radius:12px;background:#fff;padding:1rem 1.2rem;margin-bottom:.9rem;border-left:4px solid #6B7280}
.pcab{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;border-bottom:1px solid var(--borda-soft);padding-bottom:.55rem;margin-bottom:.2rem}
.pcab .cli{font-weight:700;font-size:1rem}
.pcab .pub{font-size:.8rem;color:var(--slate);margin-top:.2rem}
.tarefa{display:grid;grid-template-columns:22px 1fr 190px 96px 168px 150px 46px;align-items:center;gap:.5rem;padding:.45rem 0;border-bottom:1px dashed var(--borda-soft);margin:0}
.tarefa .tcheck input{width:19px;height:19px;accent-color:#111;margin:0;cursor:pointer}
.tarefa .titulo{display:flex;align-items:center;gap:.5rem;font-size:.92rem;min-width:0}
.tarefa .titulo>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tarefa .tipo{flex:0 0 auto;width:5.6rem;text-align:center;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#6B7280;border-radius:4px;padding:.16rem 0}
.tipo.prazo{background:#B7791F}.tipo.audiencia{background:#D97328}.tipo.avisar{background:#2E7D32}
.tipo.gravar{background:#6B4FA0}.tipo.descartar{background:#6B7280}
.tarefa .tprazo{display:flex;flex-direction:column;gap:.1rem}
.tarefa input[type=date],.tarefa select{width:100%;padding:.2rem .35rem;font-size:.82rem}
.sem-prazo{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--slate);white-space:nowrap}
.sem-prazo input{width:14px;height:14px;accent-color:#111}
.tarefa .tquem{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}
.tarefa .tquem select{width:auto;max-width:100px}
.tarefa .junto{display:inline-flex;align-items:center;gap:.15rem;font-size:.72rem;background:var(--sunk);border-radius:99px;padding:.05rem .4rem}
.tarefa .add-resp{max-width:82px;font-size:.72rem;color:var(--slate)}
.tarefa .tvenc{font-size:.78rem;white-space:nowrap}
.tarefa .tacao{font-size:.8rem}
.tarefa .tacao .atalho-prov{margin:0}
.tarefa .tx{text-align:right}
.x-link{background:none!important;border:0!important;color:var(--slate)!important;cursor:pointer;font-size:.85rem;padding:0!important}
.tarefa.feita{grid-template-columns:22px 1fr auto auto;opacity:.65}
.tarefa.feita .titulo>span:last-child{text-decoration:line-through;color:var(--slate)}
.tarefa .feito-em{font-size:.8rem;color:var(--slate);text-align:right;white-space:nowrap}
.pcard .mais{margin-top:.6rem;font-size:.82rem}
.pcard .mais summary{cursor:pointer;color:var(--slate);text-decoration:underline;list-style:none}
.pcard .menu{margin-top:.6rem;border:1px solid var(--borda-soft);border-radius:9px;padding:.7rem .85rem;background:var(--sunk);display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem .8rem}
.pcard .menu h4{grid-column:1/-1;margin:.35rem 0 0;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);font-weight:600}
.pcard .menu label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcard .menu label input{width:17px;height:17px;accent-color:#111}
.pcard .menu .linha-fim{grid-column:1/-1;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}
.pcard .menu .livre{flex:1;min-width:220px;padding:.3rem .45rem}
.pcard .menu .aviso-caixa{grid-column:1/-1}
@media (max-width:1100px){.tarefa{grid-template-columns:22px 1fr;gap:.35rem}
.tarefa .tprazo,.tarefa .tvenc,.tarefa .tquem,.tarefa .tacao,.tarefa .tx{grid-column:2}
.pcard .menu{grid-template-columns:repeat(2,1fr)}}
.tarefa{grid-template-columns:22px 1fr 190px 126px 150px 140px 40px}
.tarefa .tvenc{font-size:.76rem;white-space:normal;line-height:1.25}
.tarefa .tquem{flex-direction:column;align-items:stretch;gap:.15rem}
.tarefa .tquem select,.tarefa .add-resp{max-width:none;width:100%}
.editar-opcoes{cursor:pointer;color:var(--slate);text-decoration:underline}
.nova-prov{padding:.8rem 1.2rem!important}
.nova-prov>summary{cursor:pointer;font-weight:600;list-style:none;color:var(--ink)}
.nova-prov>summary::-webkit-details-marker{display:none}
.tarefa .add-resp{max-width:none;width:100%}
.tarefa .add-resp>summary{cursor:pointer;color:var(--slate);font-size:.72rem;text-decoration:underline;list-style:none}
.tarefa .add-resp>summary::-webkit-details-marker{display:none}
.tarefa .add-resp select{margin-top:.2rem;font-size:.72rem}
.tipo.analisar{background:#1F6F7A}

/* ------------------------------------------------- celular: telas novas
   Providências e a linha de triagem nasceram em grade de tela larga. No
   telefone a grade vira duas faixas: o que fazer em cima, e os controles
   numa linha só embaixo, com rótulo curto. O texto da publicação sai
   justificado, que é como se lê num bloco estreito. */
@media(max-width:820px){
  .lateral nav .porvir{display:none}
  .lateral nav a{padding:.8rem .75rem}

  .pcard{padding:.85rem .8rem;border-radius:10px}
  .pcab{flex-direction:column;gap:.3rem}
  .pcab .cli{font-size:.95rem}
  .pcab .pub{text-align:justify;hyphens:auto}
  .pcard .menu{grid-template-columns:1fr}

  .tarefa{grid-template-columns:26px minmax(0,1fr);gap:.3rem .5rem;padding:.6rem 0}
  .tarefa .titulo{white-space:normal;align-items:flex-start;flex-wrap:wrap}
  .tarefa .titulo>span:last-child{white-space:normal;overflow:visible;font-size:.9rem}
  .tarefa .tprazo,.tarefa .tvenc,.tarefa .tquem,.tarefa .tacao,.tarefa .tx{
    grid-column:2;display:inline-flex;align-items:center;margin:0}
  .tarefa .tprazo{flex-direction:row;gap:.5rem;flex-wrap:wrap}
  .tarefa .tprazo input[type=date]{width:auto;min-width:9.5rem}
  .tarefa .tquem{flex-direction:row;gap:.4rem;flex-wrap:wrap}
  .tarefa .tquem select{width:auto;min-width:7rem}
  .tarefa .tvenc,.tarefa .tacao{font-size:.8rem}
  .tarefa .tx{justify-content:flex-start}
  .tarefa .tx .x-link{font-size:1rem}
  .tarefa.feita{grid-template-columns:26px minmax(0,1fr)}
  .tarefa.feita .feito-em{grid-column:2;text-align:left}

  .triagem{gap:.4rem .7rem;flex-wrap:wrap;padding:.55rem .6rem}
  .tri-ok{margin-left:0;width:100%}
  .tri-op{font-size:.9rem}
  .pub-item .teor,.teor{text-align:justify;hyphens:auto}
  .tri-op[data-dica]:hover::after{width:min(280px,72vw);left:auto;right:0}

  .prov-topo .filtros a{font-size:.78rem;padding:.3rem .7rem}
  .busca-prov{margin-left:0;width:100%}
  .busca-prov input{flex:1;width:auto}
  .fila-topo .uteis-dias{grid-template-columns:repeat(3,1fr)}
  .tabela-estat td.num b{font-size:1rem}
}
@media(max-width:820px){
  /* a linha da tarefa vira uma fita que dobra sozinha, em vez de uma coluna
     por controle: quadradinho e texto em cima, o resto numa faixa embaixo */
  .tarefa{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}
  .tarefa .tcheck{order:1}
  .tarefa .titulo{order:2;flex:1 1 calc(100% - 3rem);display:block}
  .tarefa .titulo .tipo{display:inline-block;vertical-align:middle;margin-right:.45rem}
  .tarefa .tprazo{order:3}.tarefa .tvenc{order:4}.tarefa .tquem{order:5}
  .tarefa .tacao{order:6}.tarefa .tx{order:7;margin-left:auto}
  .tarefa.feita .feito-em{order:3;flex:1 1 100%;text-align:left}

  /* os números do topo de Publicações em duas colunas, em vez de sair da tela */
  .fila-topo .faixa{display:grid;grid-template-columns:repeat(2,1fr);gap:.2rem}
  .fila-topo .faixa .fx{min-width:0;border-right:0;border-bottom:1px solid var(--borda-soft);padding:.55rem .6rem}
  .fila-rodape{font-size:.82rem;line-height:1.6}
  .cardmov .pub-proc,.cardmov .pub-advs,.cardmov .partes{white-space:normal;word-break:break-word}
  .quadro-busca form,.card form.inline{flex-wrap:wrap}
  .busca-larga,.card form.inline input[type=text],.card form.inline input:not([type]){flex:1 1 100%;min-width:0}
}
@media(max-width:820px){
  form input[name="q"],form input[name="busca"]{flex:1 1 100%;width:100%;min-width:0}
  .quadro-busca select,.quadro-busca button{flex:0 0 auto}
}
.abas-prov{display:flex;gap:.5rem;margin:0 0 .9rem}
.abas-prov a{padding:.55rem 1.1rem;border:1px solid var(--borda);border-bottom:0;border-radius:9px 9px 0 0;background:#fff;text-decoration:none;color:var(--slate);font-weight:600;font-size:.88rem}
.abas-prov a.on{background:#0F1425;color:#fff;border-color:#0F1425}
.abas-prov .selo-n{margin-left:.35rem}
.menu.cadastrar{margin-top:.7rem}
@media(max-width:820px){.abas-prov{flex-direction:column;gap:.3rem}.abas-prov a{border:1px solid var(--borda);border-radius:9px}}
.tarefa.por-cadastrar{background:#FFFBF0}
.tarefa .escolher>summary{cursor:pointer;color:#B7791F;font-size:.8rem;text-decoration:underline;list-style:none}
.tarefa .escolher>summary::-webkit-details-marker{display:none}
.tarefa .escolher .menu{grid-template-columns:repeat(3,1fr);margin-top:.5rem}
.tarefa .escolher{grid-column:1/-1}
.tarefa>.escolher{grid-column:1/-1;margin-top:.2rem}
/* cadastro largo: credor e devedor da Cobrança (19/09/2026) */
form.cad.cad-larga{max-width:1060px}
.cad-secao{margin:1.6rem 0 .2rem;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;
border-top:1px solid var(--borda-soft);padding-top:1.1rem}
form.cad .interesse-opcoes{display:flex;gap:.9rem;flex-wrap:wrap;margin-bottom:.2rem}
form.cad .interesse-opcoes .chk{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem}
form.cad .interesse-opcoes input{width:18px;height:18px;accent-color:#111;margin:0}
.ficha-credor{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.ficha-credor>.card{margin:0}
.ficha-credor>.card:last-child{grid-column:1/-1}
@media(max-width:900px){.ficha-credor{grid-template-columns:1fr}}
/* carteira: composição do total em grade (19/09/2026) */
.comp-total{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-top:.8rem}
.comp{border:1px solid var(--borda-soft);border-radius:8px;padding:.55rem .6rem}
.comp span{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}
.comp b{font-size:1.02rem}
.comp.forte{background:var(--sunk)}
.comp.forte b{font-size:1.1rem}
@media(max-width:900px){.comp-total{grid-template-columns:repeat(2,1fr)}}

/* ---- menu em grupos que abrem no clique (20/09/2026) ---- */
.lateral nav .solo,.lateral nav .grupo>summary{display:flex;align-items:center;gap:.4rem;
padding:.7rem 1.25rem;font-size:.82rem;letter-spacing:.04em;color:#B9C0DA;cursor:pointer;
border-left:2px solid transparent;list-style:none}
.lateral nav .grupo>summary::-webkit-details-marker{display:none}
.lateral nav .grupo>summary::after{content:"⌄";margin-left:auto;font-size:.9rem;opacity:.6;
transform:translateY(-2px)}
.lateral nav .grupo[open]>summary::after{content:"⌃";transform:translateY(2px)}
.lateral nav .grupo>summary:hover,.lateral nav .solo:hover{background:rgba(255,255,255,.05);color:#fff}
.lateral nav .grupo[open]>summary{color:#fff}
.lateral nav .grupo>a,.lateral nav .grupo>.porvir{padding-left:2.4rem;font-size:.8rem}
.lateral nav .grupo{border-bottom:1px solid rgba(255,255,255,.06)}
@media(max-width:900px){
  .lateral nav{align-items:stretch}
  .lateral nav .grupo{border-bottom:0;position:relative}
  .lateral nav .grupo>summary{padding:.85rem .9rem;white-space:nowrap}
  .lateral nav .grupo[open]{background:rgba(255,255,255,.06)}
  .lateral nav .grupo[open]>a,.lateral nav .grupo[open]>.porvir{position:static;padding:.7rem .9rem}
  .lateral nav .solo{padding:.85rem .9rem;white-space:nowrap}
}
.lateral nav .grupo>a,.lateral nav .grupo>.porvir{display:block}
.lateral nav .grupo>a .selo-n{margin-left:.35rem}
@media(max-width:900px){
  .lateral nav{flex-wrap:wrap;overflow-x:auto}
  .lateral nav .grupo[open]{flex:0 0 100%;order:2;background:rgba(255,255,255,.06)}
  .lateral nav .grupo[open]>a,.lateral nav .grupo[open]>.porvir{padding-left:1.4rem}
  .lateral nav .solo,.lateral nav .grupo:not([open]){flex:0 0 auto;order:1}
}

/* Carga e prazos (Emma Jurídico): a fila, a carga de cada pessoa e onde os prazos escorregam */
.cp-cab{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:flex-end;justify-content:space-between;margin-bottom:1rem}
.cp-abas{display:flex;background:var(--sunk);border-radius:8px;padding:3px;gap:2px}
.cp-abas a{font-size:.8rem;color:var(--slate);padding:.42rem .95rem;border-radius:6px;text-decoration:none}
.cp-abas a[aria-current]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.cp-cab .resumo{max-width:58ch;margin:0}
.cp-abas.pequeno a{padding:.28rem .7rem;font-size:.74rem}
.cp-resumo{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--borda);border-radius:12px;margin-bottom:1rem}
.cp-resumo>div{padding:1rem 1.2rem;border-right:1px solid var(--borda-soft)}
.cp-resumo>div:last-child{border-right:0}
.cp-rot{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.cp-val{font-family:var(--serif);font-size:2rem;line-height:1.15;margin-top:.15rem;font-variant-numeric:tabular-nums}
.cp-val.cp-alerta{color:#C1121F}
.cp-det{font-size:.78rem;color:var(--slate);margin-top:.1rem}
.cp-tab th.d,.cp-tab td.d{text-align:right}
.cp-tab td{vertical-align:middle}
.cp-tab td:first-child{white-space:nowrap}
.cp-barra{display:flex;align-items:center;gap:.6rem;min-width:150px}
.cp-trilho{flex:1;height:8px;border-radius:4px;background:var(--sunk)}
.cp-trilho i{display:block;height:100%;border-radius:4px;background:var(--navy)}
.cp-barra b{min-width:1.8rem;text-align:right;font-variant-numeric:tabular-nums}
.cp-pill{display:inline-block;border-radius:99px;padding:.06rem .6rem;font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;background:#F1F3F8;color:var(--slate)}
.cp-pill.bom{background:#E3F3EA;color:#1F7A4D}.cp-pill.at{background:#FBF0D5;color:#9A6A00}.cp-pill.ruim{background:#F8E1E1;color:#A32020}
.cp-nota{margin-top:.6rem}
.cp-grade{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:1rem;margin-bottom:1rem}
.cp-grade .card{margin-bottom:0}
.cp-topo-graf{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between}
.cp-leg{display:flex;gap:1rem;font-size:.78rem;color:var(--slate);margin:.5rem 0 .3rem}
.cp-leg .cl{background:var(--slate);opacity:.35}.cp-leg .es{background:var(--navy)}
.cp-leg i{display:inline-block;width:.75rem;height:.75rem;border-radius:2px;margin-right:.35rem;vertical-align:-1px}
.cp .card svg{display:block;width:100%;height:auto}
.cp .card svg text{fill:var(--slate);font:11px var(--sans)}
.cp-lista{display:flex;flex-direction:column;gap:.7rem;margin-top:.6rem}
.cp-lista>div{display:grid;grid-template-columns:1fr auto;gap:.15rem .8rem;font-size:.86rem}
.cp-lista em{font-style:normal;color:var(--slate);font-size:.78rem;margin-left:.4rem}
.cp-lista i{grid-column:1/-1;display:block;height:6px;border-radius:3px;background:var(--navy)}
.cp-lista i.ruim{background:#C1121F}
@media (max-width:900px){
  .cp-resumo{grid-template-columns:1fr 1fr}
  .cp-resumo>div:nth-child(2){border-right:0}
  .cp-resumo>div:nth-child(-n+2){border-bottom:1px solid var(--borda-soft)}
  .cp-grade{grid-template-columns:1fr}
}