/* Campanha Tokite — visual neutro. Cinzas para tudo; o azul da Tokite só em
   ações principais e no item ativo. Cor semântica só no status da negociação. */

:root {
  --texto: #101828;
  --texto-2: #475467;
  --texto-3: #667085;
  --borda: #e4e7ec;
  --borda-forte: #d0d5dd;
  --fundo: #f6f7f9;
  --branco: #ffffff;
  --cinza-claro: #f9fafb;
  --cinza: #f2f4f7;
  --marca: #1b2a9e;
  --marca-escura: #14207a;
  --marca-clara: #eef0fb;

  --neg: #b54708;  --neg-fundo: #fffaeb;
  --rec: #b42318;  --rec-fundo: #fef3f2;
  --ok: #067647;   --ok-fundo: #ecfdf3;
  --aviso: #93370d; --aviso-fundo: #fef0c7;

  --raio: 8px;
  --raio-p: 6px;
  --sombra: 0 1px 2px rgba(16, 24, 40, .05);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--texto);
  background: var(--fundo);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
a { color: var(--marca); }
h1 { font-size: 1.5rem; line-height: 1.25; font-weight: 600; letter-spacing: -.01em; }
h2 { font-size: 1rem; font-weight: 600; }
h4 { font-size: .8125rem; font-weight: 600; color: var(--texto-2); margin-bottom: .2rem; }
.suave { color: var(--texto-3); }
.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--marca); outline-offset: 2px; border-radius: 4px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* Topo */
.topo {
  position: sticky; top: 0; z-index: 10;
  display: flex; align-items: center; gap: 2rem;
  height: 60px; padding: 0 2rem;
  background: var(--branco); border-bottom: 1px solid var(--borda);
}
.marca { display: flex; align-items: center; gap: .9rem; text-decoration: none; color: var(--texto-2); }
.marca img { height: 24px; width: auto; display: block; }
.marca-sub { padding-left: .9rem; border-left: 1px solid var(--borda-forte); font-weight: 500; font-size: .875rem; }
.abas { display: flex; gap: .25rem; height: 100%; }
.abas a {
  display: flex; align-items: center; padding: 0 .85rem; color: var(--texto-3); text-decoration: none; font-weight: 500;
  border-bottom: 2px solid transparent; border-top: 2px solid transparent;
}
.abas a:hover { color: var(--texto); }
.abas a[aria-current] { color: var(--marca); border-bottom-color: var(--marca); }
.usuario { margin-left: auto; display: flex; align-items: center; gap: .9rem; color: var(--texto-2); font-size: .875rem; }
.avatar {
  width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center;
  background: var(--cinza); color: var(--texto-2); font-weight: 600; font-size: .8rem; border: 1px solid var(--borda);
}

.pagina { width: 100%; max-width: 1400px; margin: 0 auto; padding: 1.75rem 2rem 2.5rem; flex: 1; }

.rodape {
  display: flex; align-items: center; justify-content: center; gap: .6rem;
  padding: 1.25rem 1rem 1.5rem; color: var(--texto-3); font-size: .75rem;
}
.rodape img { height: 30px; width: auto; display: block; }

/* Botões e campos */
.botao {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
  height: 38px; padding: 0 1rem; border-radius: var(--raio-p);
  border: 1px solid var(--borda-forte); background: var(--branco); color: var(--texto-2);
  font: inherit; font-weight: 600; font-size: .875rem; text-decoration: none; cursor: pointer; white-space: nowrap;
  box-shadow: var(--sombra);
}
.botao:hover { background: var(--cinza-claro); color: var(--texto); }
.botao.primario { background: var(--marca); border-color: var(--marca); color: #fff; }
.botao.primario:hover { background: var(--marca-escura); }
.botao:disabled { opacity: .6; cursor: progress; }
.botao.largo { width: 100%; }
.discreto { background: none; border: none; padding: 0; font: inherit; color: var(--texto-3); cursor: pointer; text-decoration: none; }
.discreto:hover { color: var(--texto); }
.discreto.perigo:hover { color: var(--rec); }

.campo { display: flex; flex-direction: column; gap: .35rem; font-size: .8125rem; font-weight: 500; color: var(--texto-2); }
input[type=text], input[type=password], input[type=search], input[type=number], input[type=date], select, textarea {
  font: inherit; font-size: .875rem; color: var(--texto); background: var(--branco);
  border: 1px solid var(--borda-forte); border-radius: var(--raio-p); padding: .55rem .7rem; width: 100%;
  box-shadow: var(--sombra);
}
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--marca); box-shadow: 0 0 0 3px var(--marca-clara); }
textarea { resize: vertical; min-height: 4.5rem; }

.mensagens { display: flex; flex-direction: column; gap: .5rem; margin-bottom: 1.25rem; }
.mensagem { padding: .7rem 1rem; border-radius: var(--raio-p); background: var(--branco); border: 1px solid var(--borda); }
.mensagem.success { background: var(--ok-fundo); color: var(--ok); border-color: #abefc6; }
.mensagem.error { background: var(--rec-fundo); color: var(--rec); border-color: #fecdca; }
.erro-campo { color: var(--rec); font-size: .8125rem; margin-top: -.4rem; }

/* Etiquetas */
.grupo-pill {
  display: inline-block; padding: .125rem .5rem; border-radius: 999px; font-size: .75rem; font-weight: 500; white-space: nowrap;
  background: var(--cinza); color: var(--texto-2); border: 1px solid var(--borda);
}

.status { display: inline-flex; align-items: center; gap: .4rem; font-size: .8125rem; font-weight: 500; color: var(--texto-2); white-space: nowrap; }
.status::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--borda-forte); }
.status-em_negociacao::before { background: #f79009; }
.status-recusou::before { background: #f04438; }
.status-acordo_fechado::before { background: #17b26a; }

.selo { display: inline-block; padding: .125rem .5rem; border-radius: 999px; font-size: .75rem; font-weight: 500; white-space: nowrap; border: 1px solid transparent; }
.selo-atendimento { background: var(--aviso-fundo); color: var(--aviso); border-color: #fedf89; }
.selo-recusou { background: var(--rec-fundo); color: var(--rec); border-color: #fecdca; }
.selo-novo { background: var(--marca-clara); color: var(--marca); border-color: #d5d9f5; }

/* Fila */
.fila-topo { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; margin-bottom: 1.25rem; }
.fila-topo p { margin-top: .25rem; }
.busca { flex: 0 1 420px; }
.busca input { height: 40px; padding-left: 2.25rem;
  background: var(--branco) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 3.5 3.5'/%3E%3C/svg%3E") no-repeat .75rem center; }

.grupos { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin-bottom: 1rem; }
.grupo-seg {
  display: flex; flex-direction: column; gap: .15rem; padding: .85rem 1rem;
  background: var(--branco); border: 1px solid var(--borda); border-radius: var(--raio); box-shadow: var(--sombra);
  text-decoration: none; color: var(--texto); transition: border-color .15s;
}
.grupo-seg:hover { border-color: var(--borda-forte); }
.grupo-seg.ativo { border-color: var(--marca); box-shadow: 0 0 0 1px var(--marca); }
.grupo-seg.apagado { opacity: .55; }
.grupo-nome { font-size: .8125rem; font-weight: 500; color: var(--texto-3); white-space: nowrap; }
.grupo-seg.ativo .grupo-nome { color: var(--marca); }
.grupo-total { font-size: 1.5rem; font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums; }
.grupo-barra { height: 4px; border-radius: 2px; background: var(--cinza); margin-top: .45rem; overflow: hidden; }
.grupo-barra span { display: block; height: 100%; background: var(--texto-3); border-radius: 2px; }
.grupo-seg.ativo .grupo-barra span { background: var(--marca); }

.filtros { display: flex; align-items: flex-end; flex-wrap: wrap; gap: .75rem; margin-bottom: 1rem; }
.filtro { display: flex; flex-direction: column; gap: .25rem; font-size: .75rem; font-weight: 500; color: var(--texto-3); }
.filtro select { width: auto; min-width: 150px; height: 36px; padding: 0 .6rem; }
.limpar { margin-left: auto; align-self: center; font-size: .8125rem; font-weight: 500; }

.tabela-caixa { background: var(--branco); border: 1px solid var(--borda); border-radius: var(--raio); box-shadow: var(--sombra); overflow-x: auto; }
.tabela { width: 100%; border-collapse: collapse; }
.tabela th {
  text-align: left; font-size: .75rem; font-weight: 500; color: var(--texto-3);
  padding: .7rem 1.25rem; border-bottom: 1px solid var(--borda); background: var(--cinza-claro); white-space: nowrap;
}
.tabela td { padding: .8rem 1.25rem; border-bottom: 1px solid var(--borda); vertical-align: middle; }
.tabela tbody tr:last-child td { border-bottom: none; }
.tabela th.num, .tabela td.num { text-align: right; }

.fila .linha { cursor: pointer; }
.fila .linha:hover { background: var(--cinza-claro); }
.devedor a { display: block; color: var(--texto); font-weight: 500; text-decoration: none; }
.devedor a:hover { color: var(--marca); }
.doc { font-size: .8125rem; color: var(--texto-3); font-variant-numeric: tabular-nums; }
.valor { font-weight: 500; }
.situacao { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .6rem; }
.contato-col { white-space: nowrap; color: var(--texto-2); }
.tentativas { display: block; font-size: .75rem; color: var(--texto-3); }
.vazio { text-align: center; color: var(--texto-3); padding: 2.5rem 1rem !important; }

.paginacao { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin-top: 1rem; }
.paginacao > :last-child { justify-self: end; }

/* Ficha do devedor */
.voltar { display: inline-block; margin-bottom: 1rem; color: var(--texto-3); text-decoration: none; font-size: .875rem; font-weight: 500; }
.voltar::before { content: '‹ '; }
.voltar:hover { color: var(--texto); }

.ficha { background: var(--branco); border: 1px solid var(--borda); border-radius: var(--raio); box-shadow: var(--sombra); margin-bottom: 1.25rem; }
.ficha-cabeca { display: flex; justify-content: space-between; align-items: flex-start; gap: 2rem; padding: 1.4rem 1.5rem 1.2rem; }
.ficha-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin-top: .45rem; }
.ficha-meta .doc { font-size: .875rem; color: var(--texto-2); }
.atendimento { display: flex; flex-direction: column; align-items: flex-end; gap: .5rem; }
.atendimento-botoes { display: flex; gap: .5rem; }
.aviso-atendimento { background: var(--aviso-fundo); color: var(--aviso); padding: .45rem .75rem; border-radius: var(--raio-p); font-size: .8125rem; font-weight: 500; }
.aviso-atendimento.meu { background: var(--ok-fundo); color: var(--ok); }

.resumo { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--borda); background: var(--cinza-claro); border-radius: 0 0 var(--raio) var(--raio); }
.resumo > div { padding: .9rem 1.5rem; border-right: 1px solid var(--borda); }
.resumo > div:last-child { border-right: none; }
.resumo dt { font-size: .75rem; color: var(--texto-3); font-weight: 500; }
.resumo dd { font-size: 1.125rem; font-weight: 600; font-variant-numeric: tabular-nums; margin-top: .1rem; }
.resumo small { font-size: .8125rem; font-weight: 400; color: var(--texto-3); }

.ficha-corpo { display: grid; grid-template-columns: minmax(340px, 400px) 1fr; gap: 1.25rem; align-items: start; }
.coluna-contato { display: flex; flex-direction: column; gap: 1.25rem; position: sticky; top: 80px; }
.painel { background: var(--branco); border: 1px solid var(--borda); border-radius: var(--raio); box-shadow: var(--sombra); padding: 1.25rem; }
.painel h2 { margin-bottom: 1rem; }

.form-contato { display: flex; flex-direction: column; gap: 1rem; }
.linha-campos { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.dica { font-size: .8125rem; color: var(--texto-3); }

.linha-tempo { list-style: none; }
.linha-tempo li { position: relative; padding: 0 0 1.1rem 1.25rem; border-left: 1px solid var(--borda); margin-left: 4px; }
.linha-tempo li:last-child { padding-bottom: 0; border-left-color: transparent; }
.linha-tempo li::before {
  content: ''; position: absolute; left: -5px; top: 6px; width: 9px; height: 9px; border-radius: 50%;
  background: var(--borda-forte); box-shadow: 0 0 0 3px var(--branco);
}
.linha-tempo li.r-aceitou::before { background: #17b26a; }
.linha-tempo li.r-recusou::before { background: #f04438; }
.linha-tempo li.r-contraproposta::before, .linha-tempo li.r-pediu_para_pensar::before { background: #f79009; }
.contato-topo { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .6rem; font-size: .8125rem; }
.contato-topo .excluir { margin-left: auto; }
.resposta-tag { font-weight: 600; font-size: .875rem; color: var(--texto); }
.contato-valores { display: flex; flex-wrap: wrap; gap: .2rem 1rem; font-size: .8125rem; color: var(--texto-2); margin-top: .15rem; font-variant-numeric: tabular-nums; }
.obs { margin-top: .4rem; font-size: .875rem; color: var(--texto-2); background: var(--cinza-claro); border: 1px solid var(--borda); border-radius: var(--raio-p); padding: .45rem .7rem; }

/* Processos */
.processos-cabeca { display: flex; justify-content: space-between; align-items: center; margin-bottom: .65rem; }
.contador { display: inline-block; min-width: 1.6rem; padding: 0 .45rem; margin-left: .35rem; border-radius: 999px; background: var(--cinza); border: 1px solid var(--borda); color: var(--texto-2); font-size: .75rem; text-align: center; font-weight: 500; }
.lista-processos { background: var(--branco); border: 1px solid var(--borda); border-radius: var(--raio); box-shadow: var(--sombra); overflow: hidden; }
.lista-cabeca, .processo > summary {
  display: grid; grid-template-columns: minmax(200px, 1.4fr) minmax(90px, .7fr) minmax(110px, .7fr) 70px minmax(110px, .8fr);
  gap: 1rem; align-items: center; padding: .7rem 1.25rem .7rem 2.25rem;
}
.lista-cabeca { font-size: .75rem; font-weight: 500; color: var(--texto-3); background: var(--cinza-claro); border-bottom: 1px solid var(--borda); }
.processo { border-bottom: 1px solid var(--borda); }
.processo:last-child { border-bottom: none; }
.processo > summary { cursor: pointer; list-style: none; position: relative; }
.processo > summary::-webkit-details-marker { display: none; }
.processo > summary::before {
  content: ''; position: absolute; left: 1.05rem; top: 50%; width: 6px; height: 6px; margin-top: -4px;
  border-right: 1.5px solid var(--texto-3); border-bottom: 1.5px solid var(--texto-3); transform: rotate(-45deg); transition: transform .15s;
}
.processo[open] > summary::before { transform: rotate(45deg); }
.processo > summary:hover { background: var(--cinza-claro); }
.cnj { font-weight: 500; font-variant-numeric: tabular-nums; }
.onde, .pontos { color: var(--texto-2); }
.processo.encerrado > summary { color: var(--texto-3); }
.processo-corpo { padding: .25rem 1.5rem 1.25rem 2.25rem; background: var(--cinza-claro); border-top: 1px solid var(--borda); }
.aviso-encerrado { margin: .75rem 0 0; font-weight: 600; color: var(--texto-2); }
.encerrados { margin-top: 1.25rem; }
.encerrados > summary { cursor: pointer; font-weight: 600; color: var(--texto-2); margin-bottom: .65rem; }

/* Importação */
.importar-grade { display: grid; grid-template-columns: minmax(320px, 400px) 1fr; gap: 1.25rem; align-items: start; }
.envio { display: flex; flex-direction: column; gap: 1rem; }
.zona-arquivo {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .3rem; text-align: center;
  min-height: 150px; padding: 1.25rem; border: 1px dashed var(--borda-forte); border-radius: var(--raio); background: var(--cinza-claro);
  cursor: pointer; color: var(--texto-3); position: relative;
}
.zona-arquivo:hover, .zona-arquivo.arrastando { border-color: var(--marca); background: var(--marca-clara); }
.zona-arquivo strong { color: var(--marca); font-weight: 600; }
.zona-arquivo input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.regras { font-size: .8125rem; color: var(--texto-2); padding-left: 1.1rem; display: flex; flex-direction: column; gap: .35rem; }
.historico td { font-size: .875rem; }
.sobre summary { cursor: pointer; color: var(--marca); font-size: .8125rem; margin-top: .2rem; }
.sobre dl { display: grid; grid-template-columns: max-content 1fr; gap: .25rem .9rem; margin-top: .5rem; font-size: .8125rem; max-width: 760px; white-space: normal; }
.sobre dt { font-weight: 600; color: var(--texto-2); }

/* Login */
body.tela-login { align-items: center; justify-content: center; }
.login {
  width: min(380px, calc(100vw - 2rem)); background: var(--branco); border: 1px solid var(--borda); border-radius: 12px;
  box-shadow: 0 12px 24px -6px rgba(16, 24, 40, .08); padding: 2rem; display: flex; flex-direction: column; gap: 1.1rem;
}
.login .logo { height: 30px; width: auto; align-self: flex-start; }
.login h1 { font-size: 1.25rem; margin-top: .5rem; }
.login p { margin-top: -.8rem; }
.tela-login .rodape { margin-top: 1.5rem; padding: 0; }

/* Telas menores */
@media (max-width: 1100px) {
  .ficha-corpo, .importar-grade { grid-template-columns: 1fr; }
  .coluna-contato { position: static; }
  .resumo { grid-template-columns: repeat(2, 1fr); }
  .resumo > div:nth-child(2) { border-right: none; }
  .resumo > div:nth-child(-n+2) { border-bottom: 1px solid var(--borda); }
}
@media (max-width: 760px) {
  .topo { padding: 0 1rem; gap: 1rem; }
  .marca-sub, .usuario > span:not(.avatar) { display: none; }
  .pagina { padding: 1.25rem 1rem 2rem; }
  .fila-topo, .ficha-cabeca { flex-direction: column; align-items: stretch; }
  .busca { flex-basis: auto; }
  .grupos { grid-template-columns: 1fr 1fr; }
  .atendimento { align-items: stretch; }
  .lista-cabeca { display: none; }
  .processo > summary { grid-template-columns: 1fr auto; gap: .2rem .75rem; }
}
input[data-moeda] { font-variant-numeric: tabular-nums; }

/* Acompanhamento */
.sem-margem { margin-bottom: 0; }
.indicadores { display: grid; grid-template-columns: repeat(6, 1fr); gap: .75rem; margin-bottom: 1.5rem; }
.indicadores > div { background: var(--branco); border: 1px solid var(--borda); border-radius: var(--raio); box-shadow: var(--sombra); padding: .85rem 1rem; }
.indicadores dt { font-size: .8125rem; color: var(--texto-3); font-weight: 500; }
.indicadores dd { font-size: 1.5rem; font-weight: 600; font-variant-numeric: tabular-nums; margin-top: .1rem; }
.bloco { margin-bottom: 1.75rem; }
.bloco h2 { margin-bottom: .65rem; }
.nome-link { color: var(--texto); font-weight: 500; text-decoration: none; }
.nome-link:hover { color: var(--marca); text-decoration: underline; }
.tabela tr.destacada td { background: var(--marca-clara); }
.alerta { display: inline-block; min-width: 1.5rem; padding: 0 .4rem; border-radius: 999px; background: var(--aviso-fundo); color: var(--aviso); font-weight: 600; text-align: center; }
.obs-col { max-width: 320px; color: var(--texto-2); font-size: .8125rem; }
.devedor .doc { display: block; }
@media (max-width: 1100px) { .indicadores { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) { .indicadores { grid-template-columns: repeat(2, 1fr); } }

.variacao { display: inline-block; margin-left: .25rem; padding: 0 .4rem; border-radius: 999px; font-size: .75rem; font-weight: 600; background: var(--cinza); color: var(--texto-2); border: 1px solid var(--borda); }
.variacao.abaixo { background: var(--neg-fundo); color: var(--neg); border-color: #fedf89; }

/* Detalhe do processo: rótulo em cima, valor embaixo, por seção */
.det { padding: 1rem 0; border-bottom: 1px solid var(--borda); }
.det:last-child { border-bottom: none; padding-bottom: .25rem; }
.det h4 { font-size: .875rem; font-weight: 600; color: var(--texto); margin-bottom: .75rem; }
.det-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .9rem 1.5rem; }
.det-grade.larga { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.det-grade .campo-largo { grid-column: span 2; }
@media (max-width: 760px) { .det-grade .campo-largo { grid-column: auto; } }
.det-grade dt { font-size: .75rem; color: var(--texto-3); margin-bottom: .15rem; }
.det-grade dd { font-size: .875rem; color: var(--texto); font-variant-numeric: tabular-nums; }
.det-grade dd.forte { font-weight: 600; }
.det-grade dd small { display: block; font-size: .75rem; color: var(--texto-3); margin-top: .1rem; }
.linha-item { display: block; }
.linha-item + .linha-item { margin-top: .2rem; }
.etiqueta { display: inline-block; margin: 0 .3rem .3rem 0; padding: .05rem .45rem; border: 1px solid var(--borda); border-radius: var(--raio-p); background: var(--branco); font-size: .8125rem; font-variant-numeric: tabular-nums; }
.det-lista { margin-top: 1rem; }
.det-rotulo { display: block; font-size: .75rem; color: var(--texto-3); margin-bottom: .35rem; }
.motivos { list-style: none; display: flex; flex-wrap: wrap; gap: .35rem; }
.motivos li { padding: .15rem .55rem; border-radius: 999px; font-size: .8125rem; background: var(--branco); border: 1px solid var(--borda); color: var(--texto-2); }
.motivos li.positivo { background: var(--ok-fundo); border-color: #abefc6; color: var(--ok); }
.motivos li.negativo { background: var(--rec-fundo); border-color: #fecdca; color: var(--rec); }
.det-texto { font-size: .875rem; line-height: 1.65; color: var(--texto-2); max-width: 85ch; }

/* Autos do processo (RPA) */
.autos-lista { list-style: none; margin-top: .6rem; display: flex; flex-direction: column; border: 1px solid var(--borda); border-radius: var(--raio-p); background: var(--branco); overflow: hidden; }
.autos-lista li { display: flex; justify-content: flex-start; align-items: baseline; gap: 1rem; padding: .5rem .8rem; border-bottom: 1px solid var(--borda); }
.autos-lista li:last-child { border-bottom: none; }
.autos-lista a { font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.autos-lista a::before { content: ''; display: inline-block; width: 12px; height: 14px; margin-right: .5rem; vertical-align: -2px; border: 1.5px solid currentColor; border-radius: 2px; }
.autos-lista a:hover { text-decoration: underline; }
.autos-meta { font-size: .8125rem; color: var(--texto-3); }

/* Acordos no SICC */
.selo-sicc { background: var(--marca-clara); color: var(--marca); border-color: #d5d9f5; text-decoration: none; }
.selo-sicc:hover { background: #e0e3f8; }
.botao.pequeno { height: 30px; padding: 0 .75rem; font-size: .8125rem; }

.sicc { padding: 0; margin-bottom: 1.25rem; overflow: hidden; }
.sicc-cabeca { display: flex; align-items: baseline; flex-wrap: wrap; gap: .4rem 1rem; padding: 1rem 1.25rem .75rem; }
.sicc-cabeca h2 { margin: 0; }
.sicc-cabeca .suave { font-size: .8125rem; }
.sicc-tabela td, .sicc-tabela th { padding: .6rem 1.25rem; }
.sicc-tabela tbody tr:hover { background: var(--cinza-claro); }
.sicc-acao { text-align: right; white-space: nowrap; }
.sicc-acao a { font-weight: 500; text-decoration: none; }
.sicc-acao a:hover { text-decoration: underline; }
.status.sicc-ativo::before { background: var(--marca); }
.status.sicc-quitado { color: var(--ok); } .status.sicc-quitado::before { background: #17b26a; }
.status.sicc-quebrado { color: var(--rec); } .status.sicc-quebrado::before { background: #f04438; }