/* RADAR — Atendimento e Processos (26/09/2026). Usa as variaveis do Radar. */

main.conteudo[data-vista="atendimento"][data-ativa], main.conteudo[data-vista="processos"][data-ativa]{ overflow-y: auto; }
#atendimento-tela, #processos-tela{ min-width: 0; }
.at-dep{ margin: 16px 0 6px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ouro); display: flex; justify-content: space-between; }
.at-dep span{ color: var(--texto-2); }
.at{ display: flex; flex-direction: column; gap: 14px; padding-bottom: 32px; }
.at [hidden]{ display: none !important; }

.at-cabeca{ display: flex; flex-direction: column; gap: 8px; }
.at-eyebrow{ font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ouro); }
.at-abas{ display: flex; flex-wrap: wrap; gap: 6px; }
.at-aba{
  font: inherit; font-size: 12.5px; font-weight: 600; padding: 7px 13px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--linha-2); background: transparent; color: var(--texto-2);
}
.at-aba:hover{ border-color: var(--linha); color: var(--texto); }
.at-aba.ativa{ background: rgba(229,177,58,.14); border-color: rgba(229,177,58,.45); color: var(--ouro-viva, var(--ouro)); }
.at-qtd{ display: inline-block; min-width: 18px; padding: 0 5px; margin-left: 4px; border-radius: 9px; font-size: 11px; background: rgba(229,177,58,.2); color: var(--ouro); text-align: center; }

.at-cartao{
  border: 1px solid var(--linha-2); border-radius: var(--r-lg, 14px); padding: 16px 18px;
  background: linear-gradient(180deg, var(--carta) 0%, var(--tinta-2, var(--carta)) 100%); box-shadow: var(--sombra);
}
.at-cartao h3{ margin: 0 0 10px; font-family: var(--titulo); font-size: 16px; font-weight: 600; color: var(--texto); }
.at-cartao h2{ margin: 4px 0; font-family: var(--titulo); font-size: 20px; font-weight: 600; color: var(--texto); }
.at-sub{ font-size: 12px; color: var(--texto-2); }
.at-vazio{ color: var(--texto-2); font-size: 13px; padding: 10px 0; }
.at-erro{ color: var(--nova-ink, #E97070); }
.at-dica{ margin: 10px 0 0; font-size: 13px; color: var(--ouro); }
.at-aviso-fixo{ font-size: 12.5px; color: var(--texto); background: rgba(229,177,58,.08); border: 1px solid rgba(229,177,58,.3); border-radius: 10px; padding: 10px 12px; }
.at code{ font-size: 12px; padding: 1px 5px; border-radius: 5px; background: rgba(255,255,255,.06); }

.at-aviso{ position: sticky; top: 0; z-index: 5; padding: 10px 14px; border-radius: 10px; font-size: 13px; font-weight: 600; }
.at-aviso.ok{ background: rgba(74,159,90,.16); border: 1px solid rgba(74,159,90,.4); color: var(--texto); }
.at-aviso.erro{ background: rgba(200,69,69,.16); border: 1px solid rgba(200,69,69,.45); color: var(--nova-ink, #E97070); }

.at-resumo{ display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.at-num-cartao{
  display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; font: inherit; cursor: pointer;
  padding: 12px 14px; border-radius: 12px; border: 1px solid var(--linha-2); background: var(--carta); color: var(--texto);
}
.at-num-cartao[disabled]{ cursor: default; opacity: 1; }
.at-num-cartao b{ font-size: 22px; font-family: var(--titulo); }
.at-num-cartao span{ font-size: 12px; color: var(--texto-2); }
.at-num-cartao.ruim{ border-color: rgba(200,69,69,.5); }
.at-num-cartao.ruim b{ color: var(--nova-ink, #E97070); }
.at-num-cartao:not([disabled]):hover{ border-color: var(--linha); }

.at-filtros{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 12px; }
.at-cartao.at-filtros{ margin-bottom: 0; }
.at-seg{ display: inline-flex; flex-wrap: wrap; border: 1px solid var(--linha-2); border-radius: 10px; overflow: hidden; }
.at-seg button, .at-seg label{
  font: inherit; font-size: 12.5px; padding: 6px 11px; border: 0; background: transparent; color: var(--texto-2); cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px;
}
.at-seg button + button, .at-seg label + label{ border-left: 1px solid var(--linha-2); }
.at-seg button[aria-pressed="true"]{ background: rgba(229,177,58,.16); color: var(--ouro-viva, var(--ouro)); }
.at-tipos button{ flex-direction: column; align-items: flex-start; padding: 10px 16px; font-weight: 700; }
.at-tipos small{ font-weight: 400; font-size: 11.5px; color: var(--texto-2); }
.at-busca{ flex: 1; min-width: 220px; }

.at input, .at select, .at textarea{
  font: inherit; font-size: 13px; color: var(--texto); background: rgba(255,255,255,.03);
  border: 1px solid var(--linha-2); border-radius: 8px; padding: 7px 9px; min-width: 0;
}
.at textarea{ width: 100%; resize: vertical; box-sizing: border-box; }
.at input:focus, .at select:focus, .at textarea:focus{ outline: 2px solid rgba(229,177,58,.5); outline-offset: 0; border-color: transparent; }
.at select option{ background: var(--carta); color: var(--texto); }
.at label{ display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--texto-2); }
.at label.at-check, .at label.at-inline{ flex-direction: row; align-items: center; gap: 6px; font-size: 12.5px; color: var(--texto); }
.at-form{ display: flex; flex-direction: column; gap: 12px; }
.at-campos2{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
.at-campos3{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 14px; margin-top: 12px; }
.at-linha{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 8px; }
.at-acoes{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; }

.at-botao{
  font: inherit; font-size: 12px; font-weight: 700; padding: 7px 12px; border-radius: 8px; cursor: pointer; white-space: nowrap;
  border: 1px solid rgba(229,177,58,.35); background: transparent; color: var(--ouro-viva, var(--ouro));
}
.at-botao:hover{ background: rgba(229,177,58,.12); }
.at-botao.forte{ background: var(--ouro); border-color: var(--ouro); color: #141414; }
.at-botao.forte:hover{ filter: brightness(1.08); }
.at-botao.perigo{ border-color: rgba(200,69,69,.5); color: var(--nova-ink, #E97070); }
.at-botao[disabled]{ opacity: .5; cursor: wait; }
.at-voltar{ font: inherit; font-size: 12px; background: none; border: 0; color: var(--texto-2); cursor: pointer; padding: 0 0 8px; }
.at-voltar:hover{ color: var(--ouro); }

.at-rolagem{ overflow-x: auto; }
.at-tabela td.at-nao-quebra{ white-space: nowrap; }
.at-acoes-linha{ display: inline-flex; gap: 6px; }
.at-tabela{ width: 100%; border-collapse: collapse; font-size: 13px; }
.at-tabela th{ text-align: left; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--texto-3, var(--texto-2)); padding: 8px 10px; border-bottom: 1px solid var(--linha-2); white-space: nowrap; }
.at-tabela td{ padding: 9px 10px; border-bottom: 1px solid var(--linha-2); vertical-align: top; color: var(--texto); }
.at-tabela tr[data-at-abrir]{ cursor: pointer; }
.at-tabela tr[data-at-abrir]:hover td{ background: rgba(229,177,58,.05); }
.at-tabela tr.atrasado td:first-child{ box-shadow: inset 3px 0 0 var(--nova, #C84545); }
.at-tabela a{ color: var(--ouro); text-decoration: none; }
.at-num{ font-weight: 700; color: var(--ouro); white-space: nowrap; }
.at-atraso{ color: var(--nova-ink, #E97070); font-weight: 700; }

.at-tipo{ display: inline-block; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.at-tipo.t-processo{ background: rgba(229,177,58,.16); color: var(--ouro); }
.at-tipo.t-tarefa{ background: rgba(90,140,220,.18); color: #8fb3ee; }
.at-tipo.t-duvida{ background: rgba(74,159,90,.18); color: #7cc58c; }
.at-selo{ display: inline-block; font-size: 11px; padding: 1px 7px; border-radius: 6px; border: 1px solid var(--linha-2); color: var(--texto-2); white-space: nowrap; }
.at-selo.fila{ border-color: rgba(229,177,58,.4); color: var(--ouro); }
.at-selo.ok{ border-color: rgba(74,159,90,.45); color: #7cc58c; }
.at-selo.erro{ border-color: rgba(200,69,69,.5); color: var(--nova-ink, #E97070); }
.at-barra{ height: 4px; border-radius: 3px; background: rgba(255,255,255,.08); margin-top: 6px; max-width: 180px; overflow: hidden; }
.at-barra i{ display: block; height: 100%; background: var(--ouro); }

.at-ch-cabeca .at-ch-titulo{ display: flex; flex-direction: column; gap: 4px; }
.at-ch-titulo .at-tipo{ align-self: flex-start; }
.at-ch-cabeca a{ color: var(--ouro); }
.at-ch-grade{ display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr); gap: 14px; align-items: start; }
.at-ch-grade > div, .at-ch-grade > aside{ display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.at-ch-grade.inversa{ grid-template-columns: minmax(280px, 1fr) minmax(0, 1.7fr); }

.at-etapas{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.at-etapas li{ display: grid; grid-template-columns: 30px 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--linha-2); }
.at-etapas li.e-feita{ background: rgba(74,159,90,.06); border-color: rgba(74,159,90,.28); }
.at-etapas li.e-pulada{ opacity: .6; }
.at-etapas li.atrasada{ border-color: rgba(200,69,69,.5); }
.at-marca{ width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; border: 1px solid var(--linha); color: var(--ouro); }
.e-feita .at-marca{ background: rgba(74,159,90,.25); border-color: transparent; color: #9fe0ad; }
.at-e-texto{ display: flex; flex-direction: column; gap: 2px; }
.at-e-acoes{ display: flex; gap: 6px; }

.at-tramites{ list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.at-tramites li{ padding: 10px 12px; border-radius: 10px; border-left: 3px solid var(--linha-2); background: rgba(255,255,255,.02); }
.at-tramites li.tr-cliente{ border-left-color: #8fb3ee; }
.at-tramites li.tr-escritorio{ border-left-color: var(--ouro); }
.at-tramites li.tr-interno{ border-left-color: var(--linha-2); opacity: .8; }
.at-tr-topo{ display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; margin-bottom: 4px; font-size: 12.5px; color: var(--texto); }
.at-tr-texto{ font-size: 13px; color: var(--texto); line-height: 1.5; word-break: break-word; }
.at-form-tramite{ border-top: 1px solid var(--linha-2); padding-top: 12px; display: flex; flex-direction: column; gap: 8px; }

.at-fila-mini{ list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; color: var(--texto); }
.at-aviso-item{ padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(229,177,58,.3); background: rgba(229,177,58,.05); margin-bottom: 8px; }
.at-aviso-item p{ margin: 4px 0; font-size: 13px; color: var(--texto); }
.at-aviso-item a{ color: var(--ouro); }

.at-proc-lista{ list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.at-proc-lista button{ width: 100%; text-align: left; font: inherit; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--linha-2); background: transparent; color: var(--texto); cursor: pointer; }
.at-proc-lista button[aria-pressed="true"]{ border-color: rgba(229,177,58,.5); background: rgba(229,177,58,.08); }
.at-etapas-edit{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.at-etapas-edit li{ display: grid; grid-template-columns: 30px minmax(0, 1fr) 70px auto auto; gap: 8px; align-items: center; }
.at-etapas-edit .at-e-aviso{ grid-column: 2 / -1; }
.at-mini{ flex-direction: row !important; align-items: center; gap: 4px !important; }
.at-mini input{ width: 48px; }
.at-e-mover{ display: inline-flex; gap: 2px; }
.at-e-mover button{ font: inherit; font-size: 12px; width: 26px; height: 26px; border-radius: 6px; border: 1px solid var(--linha-2); background: transparent; color: var(--texto-2); cursor: pointer; }

.at-passos{ margin: 0 0 10px; padding-left: 20px; font-size: 13px; color: var(--texto); line-height: 1.7; }
.at-token{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 12px; border-radius: 10px; border: 1px solid rgba(74,159,90,.45); background: rgba(74,159,90,.08); margin: 10px 0; font-size: 13px; color: var(--texto); }
.at-token code{ font-size: 13px; user-select: all; word-break: break-all; }

html[data-tema="claro"] .at input, html[data-tema="claro"] .at select, html[data-tema="claro"] .at textarea{ background: #fff; }
html[data-tema="claro"] .at code{ background: rgba(0,0,0,.06); }
html[data-tema="claro"] .at-tipo.t-tarefa{ color: #2f5fae; }
html[data-tema="claro"] .at-tipo.t-duvida, html[data-tema="claro"] .at-selo.ok{ color: #2f7a3e; }
html[data-tema="claro"] .e-feita .at-marca{ background: rgba(47,122,62,.18); color: #2f7a3e; }
@media (max-width: 720px){ .at-busca{ min-width: 100%; } }

@media (max-width: 1000px){
  .at-ch-grade, .at-ch-grade.inversa{ grid-template-columns: 1fr; }
  .at-campos3{ grid-template-columns: 1fr; }
}
@media (max-width: 720px){
  .at-campos2{ grid-template-columns: 1fr; }
  .at-etapas li{ grid-template-columns: 30px 1fr; }
  .at-e-acoes{ grid-column: 2; }
}

.at-novidade{ align-self: flex-start; font: inherit; font-size: 12px; font-weight: 700; padding: 6px 12px; border-radius: 999px; cursor: pointer;
  border: 1px solid rgba(74,159,90,.5); background: rgba(74,159,90,.14); color: #9fe0ad; }
html[data-tema="claro"] .at-novidade{ color: #2f7a3e; }

.at-anexos{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.at-anexo{ display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--ouro); text-decoration: none; padding: 6px 10px; border: 1px solid var(--linha-2); border-radius: 8px; }
.at-anexo.img{ padding: 0; overflow: hidden; }
.at-anexo.img img{ display: block; max-width: 220px; max-height: 160px; object-fit: cover; }
.at-anexar{ flex-direction: row !important; align-items: center; gap: 8px !important; font-size: 12.5px !important; color: var(--texto) !important; cursor: pointer; }
.at-anexar input{ font-size: 12px; }
.at-anexar{ flex-wrap: wrap; }
.at-anexar input{ max-width: 100%; min-width: 0; }
.at-anexo.img img{ max-width: min(220px, 100%); }
.at-tr-texto, .at-tr-topo{ overflow-wrap: anywhere; }
.at label.at-inline{ flex-wrap: wrap; max-width: 100%; }
.at label.at-inline select{ max-width: 100%; }

.at-modo{ display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; margin:4px 0 10px; font-size:13px; color:var(--texto); }

/* Formulario do Portal do Cliente (26/09) */
.at-portal-bloco{ border: 1px dashed var(--linha-2); border-radius: 10px; padding: 10px 12px; margin-top: 6px; }
.at-portal-dados{ margin: 8px 0 10px; }
.at-obrig{ color: var(--nova, #C84545); }
.at-alerta{ background: rgba(200,69,69,.12); border: 1px solid rgba(200,69,69,.4); border-radius: 8px; padding: 7px 10px; font-size: 12.5px; margin: 6px 0; }

/* Audio no tramite (26/09) */
.at-anexo.audio{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; border: 1px solid var(--linha-2); border-radius: 10px; padding: 6px 8px; }
.at-anexo.audio audio{ height: 34px; max-width: 100%; }

/* Etapas com caminhos (26/09 noite) */
.at-etapas li.e-aguardando{ opacity: .75; border-style: dashed; }
.at-etapas li.e-nao-aplica{ opacity: .45; }
.at-etapas li.e-nao-aplica b{ text-decoration: line-through; }
.at-etapas li.t-decisao.e-pendente{ border-color: var(--ouro); box-shadow: inset 3px 0 0 var(--ouro); }
.at-selo.t{ text-transform: lowercase; }
.at-e-desc{ margin: 4px 0 0; font-size: 12.5px; color: var(--texto-2); white-space: pre-wrap; }
.at-e-legal{ margin: 4px 0 0; font-size: 12px; color: var(--texto-2); font-style: italic; }
.at-check-et{ list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-direction: column; gap: 3px; font-size: 12.5px; }
.at-check-et label{ display: inline-flex; gap: 6px; align-items: center; }
.at-e-opcoes{ display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.at-anexar-et{ font-size: 12px; display: inline-flex; gap: 4px; align-items: center; }
.at-anexar-et input{ max-width: 180px; }
.at-etapas-edit li{ display: block; border: 1px solid var(--linha-2); border-radius: 10px; padding: 8px 10px; }
.at-etapas-edit li.aberta{ border-color: var(--ouro); }
.at-e-cab{ display: grid; grid-template-columns: 30px minmax(0, 1fr) 190px 70px auto; gap: 8px; align-items: center; }
.at-e-resumo{ margin: 4px 0 0 38px; display: flex; gap: 6px; flex-wrap: wrap; }
.at-e-resumo:empty{ display: none; }
.at-e-mais{ margin: 10px 0 2px 38px; display: flex; flex-direction: column; gap: 8px; }
.at-e-cond{ border: 1px dashed var(--linha-2); border-radius: 8px; padding: 8px 10px; display: flex; flex-direction: column; gap: 4px; }
.at-cond-grupo{ display: flex; gap: 10px; flex-wrap: wrap; align-items: center; font-size: 12.5px; }
@media (max-width: 760px){ .at-e-cab{ grid-template-columns: 30px 1fr; } .at-e-mais, .at-e-resumo{ margin-left: 0; } }

.at-e-titulo{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.at-e-titulo .at-selo{ white-space: normal; }
.at .at-check-et label{ flex-direction: row; gap: 8px; align-items: flex-start; font-size: 12.5px; color: var(--texto); }
.at .at-check-et input[type=checkbox]{ width: auto; height: auto; margin: 2px 0 0; padding: 0; flex: none; }
.at .at-cond-grupo label, .at .at-e-mais label.at-check{ flex-direction: row; align-items: center; gap: 6px; }
.at .at-cond-grupo input[type=checkbox], .at .at-e-mais input[type=checkbox]{ width: auto; }
.at-etapas .at-check-et li{ display: block; border: 0; padding: 0; background: none; border-radius: 0; box-shadow: none; opacity: 1; }
.at-e-resumo .at-selo{ white-space: normal; }

/* 27/09: barra de andamento do envio ao portal */
.at-envio { margin: 6px 0; min-width: 220px; }
.at-envio-t { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; margin-bottom: 4px; }
.at-envio-t b:empty { display: none; }
.at-envio-trilho { height: 8px; border-radius: 99px; background: rgba(127,127,127,.22); overflow: hidden; }
.at-envio-fill { height: 100%; border-radius: 99px; background: #c9a227; transition: width .6s ease; }
.at-envio.espera .at-envio-fill { background: repeating-linear-gradient(45deg, rgba(201,162,39,.45) 0 8px, rgba(201,162,39,.2) 8px 16px); }
.at-envio.andando .at-envio-fill { width: 5%; background: linear-gradient(90deg, #c9a227, #f0cf5a, #c9a227); background-size: 200% 100%;
  animation-name: at-anda, at-brilho; animation-timing-function: ease-out, linear; animation-fill-mode: forwards, none; animation-iteration-count: 1, infinite; }
@keyframes at-anda { from { width: 5%; } to { width: 95%; } }
@keyframes at-brilho { from { background-position: 0 0; } to { background-position: -200% 0; } }
.at-envio.ok .at-envio-fill { background: #2e9e5b; }
.at-envio.erro .at-envio-fill { background: #c0392b; }
.at-envio.erro .at-envio-t span:first-child { color: #e06b5f; }
.at-fila-mini { list-style: none; padding: 0; margin: 8px 0 0; }
.at-td-barra { min-width: 260px; }
@media (prefers-reduced-motion: reduce) { .at-envio.andando .at-envio-fill { animation: none; width: 60%; } }

/* 27/09: aviso de versao do Radar - Agente e download na 1a vez (tela de login) */
.at-faixa-agente { position: sticky; top: 0; z-index: 9999; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px;
  padding: 10px 16px; background: #2a2206; border-bottom: 1px solid #c9a227; color: #f3e6b3; font-size: 13px; }
.at-faixa-agente span { flex: 1 1 320px; }
.at-faixa-agente button, .at-baixar-login button { background: none; border: 1px solid rgba(201,162,39,.5); color: inherit; border-radius: 8px; padding: 6px 12px; cursor: pointer; font: inherit; }
.at-baixar-bt { display: inline-block; background: #c9a227; color: #111 !important; font-weight: 700; border-radius: 8px; padding: 7px 14px; text-decoration: none; }
.at-baixar-login { margin: 16px auto 0; max-width: 420px; padding: 12px 14px; border: 1px solid rgba(201,162,39,.45); border-radius: 12px; font-size: 13px; line-height: 1.45; color: inherit; background: rgba(201,162,39,.08); }
.at-baixar-acoes { display: flex; gap: 10px; margin-top: 10px; align-items: center; flex-wrap: wrap; }

/* 27/09: quadro de tarefas (kanban) */
.at-kb-filtros { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; margin-bottom: 12px; }
.at-kb { display: grid; grid-template-columns: repeat(4, minmax(230px, 1fr)); gap: 12px; overflow-x: auto; padding-bottom: 6px; }
.at-kb-col { background: rgba(127,127,127,.07); border: 1px solid rgba(127,127,127,.16); border-radius: 12px; padding: 10px; min-height: 180px; transition: background .15s, border-color .15s; }
.at-kb-col h4 { margin: 2px 2px 10px; font-size: 13px; display: flex; justify-content: space-between; align-items: center; }
.at-kb-col.c-aguardando-cliente { border-color: rgba(229,177,58,.45); }
.at-kb-col.c-concluido { opacity: .85; }
.at-kb-col.sobre { background: rgba(201,162,39,.14); border-color: #c9a227; }
.at-kb-cartao { background: var(--carta, #1b1b1b); border: 1px solid rgba(127,127,127,.22); border-radius: 10px; padding: 9px 10px; margin-bottom: 8px; cursor: grab; display: flex; flex-direction: column; gap: 4px; }
.at-kb-cartao.arrastando { opacity: .45; }
.at-kb-cartao { cursor: pointer; transition: border-color .15s, transform .15s; }
.at-kb-cartao:hover { border-color: rgba(212,175,55,.6); transform: translateY(-1px); }
.at-kb-cartao.atrasado { border-left: 3px solid #c0392b; }
.at-kb-topo { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 11px; }
.at-kb-num { font-weight: 700; color: #c9a227; text-decoration: none; }
.at-kb-prazo { margin-left: auto; font-size: 11px; opacity: .85; }
.at-kb-prazo.ruim { color: #e06b5f; font-weight: 700; opacity: 1; }
.at-kb-titulo { font-size: 13px; line-height: 1.3; }
.at-kb-falta { font-size: 12px; color: #e5b13a; background: rgba(229,177,58,.1); border-radius: 6px; padding: 4px 6px; }
.at-kb-acoes { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 4px; }
.at-kb-acoes button { font: inherit; font-size: 11px; background: none; border: 1px solid rgba(127,127,127,.35); color: inherit; border-radius: 6px; padding: 3px 7px; cursor: pointer; }
.at-kb-acoes button:hover { border-color: #c9a227; }
@media (max-width: 900px) { .at-kb { grid-template-columns: repeat(4, 260px); } }

/* 27/09: cores e resumo grafico do quadro */
.at-kb, .at-kb-resumo, .at-andamento { --kb-afazer: #4f8fe6; --kb-fazendo: #e5b13a; --kb-parado: #e8793a; --kb-conc: #2e9e5b; --kb-atras: #d9534f; }
.at-kb-resumo { display: grid; grid-template-columns: repeat(5, minmax(120px, 1fr)); gap: 10px; margin-bottom: 10px; }
.at-kb-kpi { border-radius: 12px; padding: 10px 12px; background: rgba(127,127,127,.08); border-top: 3px solid var(--c); display: flex; flex-direction: column; gap: 2px; }
.at-kb-kpi b { font-size: 26px; line-height: 1; color: var(--c); }
.at-kb-kpi span { font-size: 12px; opacity: .8; }
.at-kb-kpi.k-a-fazer { --c: var(--kb-afazer); } .at-kb-kpi.k-fazendo { --c: var(--kb-fazendo); }
.at-kb-kpi.k-aguardando-cliente { --c: var(--kb-parado); } .at-kb-kpi.k-concluido { --c: var(--kb-conc); } .at-kb-kpi.k-atrasado { --c: var(--kb-atras); }
.at-kb-barra { display: flex; height: 10px; border-radius: 99px; overflow: hidden; gap: 2px; margin-bottom: 14px; background: rgba(127,127,127,.15); }
.at-kb-barra i { display: block; height: 100%; }
.at-kb-barra .b-a-fazer { background: #4f8fe6; } .at-kb-barra .b-fazendo { background: #e5b13a; }
.at-kb-barra .b-aguardando-cliente { background: #e8793a; } .at-kb-barra .b-concluido { background: #2e9e5b; } .at-kb-barra .b-vazio { background: transparent; }
.at-kb-col { border-top: 4px solid var(--c); }
.at-kb-col.c-a-fazer { --c: var(--kb-afazer); background: rgba(79,143,230,.06); }
.at-kb-col.c-fazendo { --c: var(--kb-fazendo); background: rgba(229,177,58,.06); }
.at-kb-col.c-aguardando-cliente { --c: var(--kb-parado); background: rgba(232,121,58,.07); border-color: rgba(232,121,58,.35); border-top-color: var(--kb-parado); }
.at-kb-col.c-concluido { --c: var(--kb-conc); background: rgba(46,158,91,.06); }
.at-kb-col h4 { color: var(--c); }
.at-kb-col h4 .at-qtd { background: var(--c); color: #111; }
.at-kb-cartao { border-left: 3px solid var(--c); }
.at-kb-cartao.atrasado { border-left-color: var(--kb-atras); box-shadow: inset 0 0 0 1px rgba(217,83,79,.25); }
.at-kb-tipo { font-size: 10.5px; font-weight: 700; padding: 1px 7px; border-radius: 99px; }
.at-kb-tipo.t-processo { background: rgba(155,109,255,.18); color: #b69bff; }
.at-kb-tipo.t-tarefa { background: rgba(79,143,230,.18); color: #7fb0f0; }
.at-kb-tipo.t-duvida { background: rgba(46,190,170,.18); color: #5fd3c2; }
.at-kb-prazo { padding: 1px 7px; border-radius: 99px; font-weight: 600; }
.at-kb-prazo.p-atrasado { background: rgba(217,83,79,.2); color: #ef7d79; }
.at-kb-prazo.p-hoje { background: rgba(232,121,58,.2); color: #f39a63; }
.at-kb-prazo.p-amanha { background: rgba(229,177,58,.2); color: #f0c75e; }
.at-kb-prazo.p-ok { background: rgba(127,127,127,.15); }
.at-andamento { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.at-andamento .at-seg button[aria-pressed="true"][data-v="a-fazer"] { background: var(--kb-afazer); color: #111; }
.at-andamento .at-seg button[aria-pressed="true"][data-v="fazendo"] { background: var(--kb-fazendo); color: #111; }
.at-andamento .at-seg button[aria-pressed="true"][data-v="aguardando-cliente"] { background: var(--kb-parado); color: #111; }
@media (max-width: 900px) { .at-kb-resumo { grid-template-columns: repeat(3, 1fr); } }
html[data-tema="claro"] .at-kb-tipo.t-tarefa { color: #2d6cc4; } html[data-tema="claro"] .at-kb-tipo.t-duvida { color: #1f8a7a; } html[data-tema="claro"] .at-kb-tipo.t-processo { color: #6b45d6; }

/* 27/09: confirmacao do documento no portal por etapa */
.at-e-envio { margin: 4px 0 0; font-size: 12.5px; font-weight: 600; }
.at-e-envio.ok { color: #3fb950; }
.at-e-envio.erro { color: #f85149; }
.at-e-envio.fila { color: #d4a72c; }

/* 30/09 (Michel): nome do cliente em destaque no topo do chamado */
.at-ch-cliente{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 8px 12px; margin-bottom: 4px; border-radius: 10px;
  background: rgba(229,177,58,.10); border: 1px solid rgba(229,177,58,.35); }
.at-ch-cli-nome{ font-family: var(--titulo); font-size: 18px; font-weight: 700; color: var(--ouro-viva, var(--ouro)); letter-spacing: .01em; }
.at-ch-cli-det{ font-size: 12px; color: var(--texto-2); }

/* 30/09: quem falou no tramite = selo colorido; data/autor/canal apagados */
.at-tr-quem{ display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 2px 8px; border-radius: 6px; }
.at-tr-quem.q-cliente{ background: rgba(143,179,238,.18); color: #8fb3ee; border: 1px solid rgba(143,179,238,.45); }
.at-tr-quem.q-escritorio{ background: rgba(229,177,58,.16); color: var(--ouro-viva, var(--ouro)); border: 1px solid rgba(229,177,58,.45); }
.at-tr-quem.q-interno{ background: rgba(232,121,58,.14); color: #e8a06a; border: 1px solid rgba(232,121,58,.4); }
.at-tr-meta{ color: var(--texto-3, var(--texto-2)); opacity: .85; }
.at-tramites li.tr-interno{ border-left-color: #e8793a; opacity: 1; background: rgba(232,121,58,.05); }
html[data-tema="claro"] .at-tr-quem.q-cliente{ color: #2d5fa8; }
html[data-tema="claro"] .at-tr-quem.q-escritorio{ color: #8a6410; }
html[data-tema="claro"] .at-tr-quem.q-interno{ color: #a8531c; }

/* 30/09: modelo para copiar ao Portal do Cliente (envio manual) */
.at-modelo h3 .at-selo{ font-family: inherit; font-weight: 400; margin-left: 6px; vertical-align: middle; }
.at-mod-campo{ border: 1px solid var(--linha-2); border-radius: 10px; padding: 8px 10px; margin: 8px 0; background: rgba(255,255,255,.02); }
.at-mod-campo.d-cliente{ border-left: 3px solid #8fb3ee; }
.at-mod-campo.d-escritorio{ border-left: 3px solid var(--ouro); }
.at-mod-rot{ display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 4px; }
.at-mod-rot span{ font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ouro); }
.at-mod-txt{ font-size: 13px; color: var(--texto); line-height: 1.5; overflow-wrap: anywhere; user-select: text; }
.at-mod-tudo{ margin: 4px 0 10px; }
.at-botao.mini{ font-size: 11.5px; padding: 3px 9px; }
.at-modelo .at-portal-dados{ border-top: 1px solid var(--linha-2); margin-top: 10px; padding-top: 10px; }

/* 02/10 (Michel): nome de quem falou em destaque, acoes do tramite, chip do quadro e bloco do robo. */
.at-tr-topo{ align-items: center; gap: 10px; }
.at-tr-nome{ font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: .01em; }
.at-tr-nome.n-cliente{ color: #8fb3ee; }
.at-tr-nome.n-escritorio{ color: var(--ouro-viva, var(--ouro)); }
.at-tr-nome.n-interno{ color: #e8a06a; }
html[data-tema="claro"] .at-tr-nome.n-cliente{ color: #2d5fa8; }
html[data-tema="claro"] .at-tr-nome.n-escritorio{ color: #8a6410; }
html[data-tema="claro"] .at-tr-nome.n-interno{ color: #a8531c; }
.at-tramites li.tr-cliente{ background: rgba(143,179,238,.06); border-left-width: 5px; }
.at-tramites li.tr-escritorio{ background: rgba(229,177,58,.05); border-left-width: 5px; }
.at-tr-meta{ margin-bottom: 6px; }
.at-tr-acoes{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 8px; padding-top: 8px; border-top: 1px dashed var(--linha-2); }
.at-tr-acoes .at-tr-vai{ margin-right: auto; font-size: 12.5px; }
.at-botao.perigo.mini{ font-size: 11.5px; padding: 3px 9px; }
.at-tr-edicao{ display: flex; flex-direction: column; gap: 8px; }
.at-and-chip{ display: inline-block; font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 999px; color: #111; }
.at-and-chip.a-a-fazer{ background: var(--kb-afazer); }
.at-and-chip.a-fazendo{ background: var(--kb-fazendo); }
.at-and-chip.a-aguardando-cliente{ background: var(--kb-parado); }
.at-robo{ border: 1px solid var(--ouro); border-radius: 12px; padding: 10px 12px; margin: 6px 0 12px; background: rgba(229,177,58,.06); }
.at-robo-t{ margin-bottom: 4px; }
.at-previa{ margin: 8px 0; }
.at-previa summary{ cursor: pointer; font-size: 12.5px; color: var(--ouro-viva, var(--ouro)); }
.at-robo .at-fila-mini li{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.at-robo .at-botao.forte{ margin-top: 8px; }
.at-robo .at-botao[disabled]{ opacity: .5; cursor: not-allowed; }