/* Central do Artagius (B116, desenho de 11/11/2026, para aprovação). Só tokens --ag-* e classes ag-*; nenhuma cor solta.
   Peças novas (ct-*) entram no catálogo (interface/interface.css e exemplo.html) só depois da aprovação do Raphael. */
html,body{margin:0}
body.ct{min-height:100vh;background:radial-gradient(900px 520px at 20% -10%,var(--ag-luz-lucro),transparent 60%),radial-gradient(700px 480px at 100% 0%,var(--ag-luz-neutra),transparent 55%),var(--ag-fundo)}
.ct svg.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ct .so-escuro{display:none!important}
[data-tema="escuro"] .ct .so-claro{display:none!important}
[data-tema="escuro"] .ct .so-escuro{display:block!important}

/* ---------- moldura do computador ---------- */
.ct-menu{position:fixed;top:16px;left:16px;bottom:16px;display:flex;flex-direction:column}
.ct-marca{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:4px 12px 0}
.ct-marca img{display:block}
.ct-marca__nome{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ag-texto-2)}
.ct-menu nav{margin-top:26px;display:flex;flex-direction:column;gap:2px}
.ct-menu .ag-menu__item{justify-content:flex-start}
.ct-menu .ag-menu__item span.n{margin-left:auto;font-size:13px;color:var(--ag-texto-2);font-weight:500}
.ct-menu .ag-selo-n{margin-left:auto}
.ct-menu__pe{margin-top:auto;border-top:1px solid var(--ag-vidro-divisoria);padding:16px 12px 0;display:flex;align-items:center;gap:10px}
.ct-avatar{width:34px;height:34px;border-radius:50%;background:var(--ag-botao-escuro);color:var(--ag-botao-escuro-texto);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex:none}
.ct-menu__pe b{display:block;font-size:14px;font-weight:600}
.ct-menu__pe small{display:block;font-size:12px;color:var(--ag-texto-2)}
.ct-conteudo{margin-left:calc(var(--ag-menu-largura) + 32px);padding:28px var(--ag-espaco-10) 48px 8px;max-width:1180px}
.ct-topo{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.ct-topo__dir{display:flex;gap:10px;align-items:center}
.ct-pil{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--ag-raio-pilula);background:var(--ag-pilula-fundo);font-size:14px;color:var(--ag-texto-3);white-space:nowrap}
.ct-pil b{color:var(--ag-texto);font-weight:600}
.ct-ponto{width:8px;height:8px;border-radius:50%;background:var(--ag-lucro);display:inline-block}
.ct-manchete-bloco{margin-bottom:26px}

/* ---------- celular ---------- */
.ct-status,.ct-abas,.ct-cel-topo,.ct-titulo-cel{display:none}
@media (max-width:767px){
  .ct-menu,.ct-topo{display:none}
  .ct-conteudo{margin:0;padding:0 16px 120px;max-width:none}
  .ct-status{display:flex;height:54px;align-items:center;justify-content:space-between;padding:0 30px 0 44px;background:var(--ag-cor-preto);color:var(--ag-cor-branco);font-size:17px;font-weight:600;letter-spacing:-.01em}
  .ct-status svg{fill:var(--ag-cor-branco)}
  .ct-cel-topo{display:flex;align-items:center;justify-content:space-between;padding:10px 0 0}
  .ct-cel-topo img{display:block}
  .ct-cel-topo .ct-avatar{width:32px;height:32px;font-size:13px}
  .ct-titulo-cel{display:block;font-size:var(--ag-tipo-manchete);font-weight:600;letter-spacing:-.035em;margin-top:14px}
  .ct-manchete-bloco{margin:6px 0 18px}
  .ct-abas{display:flex;z-index:5}
  .ct-abas .ag-abas__item{position:relative;font-size:10px;gap:2px}
  .ct-abas .ag-abas__item .ag-selo-n{position:absolute;top:2px;left:calc(50% + 4px);min-width:18px;height:16px;font-size:10px}
  .ag-botao{min-height:var(--ag-altura-botao-celular);font-size:16px}
}

/* ---------- 1. cartão de pergunta ---------- */
.ct-grade{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.ct-coluna{display:flex;flex-direction:column;gap:16px}
.ct-grupo{display:flex;justify-content:space-between;align-items:baseline;margin:4px 2px -4px}
.ct-pergunta{display:flex;flex-direction:column;gap:12px}
.ct-pergunta__cab{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--ag-texto-2)}
.ct-pergunta__cab .ag-selo{font-weight:600}
.ct-pergunta__cab .esp{margin-left:auto;white-space:nowrap}
.ct-pergunta__q{font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.3;margin:0}
.ct-rec{display:grid;grid-template-columns:118px minmax(0,1fr);row-gap:6px;column-gap:12px;font-size:15px;line-height:1.45;padding:12px 14px;border-radius:14px;background:var(--ag-superficie-2)}
.ct-rec dt{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ag-texto-3);padding-top:2px}
.ct-rec dd{margin:0;color:var(--ag-texto-3)}
.ct-rec dd.r{color:var(--ag-texto);font-weight:600}
.ct-respostas{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ct-respostas .ag-link{margin-left:auto;font-size:14px;white-space:nowrap}
.ct-pergunta__pe{font-size:13px;color:var(--ag-texto-2);display:flex;gap:6px;flex-wrap:wrap}
.ct-respondida{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--ag-linha-suave);font-size:14px}
.ct-respondida:first-of-type{border-top:0}
.ct-respondida .q{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ag-texto-3)}
.ct-respondida .resp{font-weight:600;white-space:nowrap}
.ct-respondida .h{color:var(--ag-texto-2);white-space:nowrap;font-size:13px}
.ct-check{width:22px;height:22px;border-radius:50%;background:var(--ag-lucro-fundo);color:var(--ag-lucro);display:inline-flex;align-items:center;justify-content:center;flex:none}
.ct-check svg.ic{width:14px;height:14px;stroke-width:2.4}
.ct-tarefa{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--ag-linha-suave)}
.ct-tarefa:first-of-type{border-top:0;padding-top:4px}
.ct-caixa{width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1.5px var(--ag-texto-apagado);flex:none;margin-top:1px}
.ct-tarefa b{display:block;font-size:14px;font-weight:500;line-height:1.4}
.ct-tarefa small{display:block;font-size:13px;color:var(--ag-texto-2);margin-top:2px}
.ct-resumo{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid var(--ag-linha-suave)}
.ct-resumo:first-of-type{border-top:0;padding-top:4px}
.ct-resumo .ag-rotulo{font-size:11px}
.ct-resumo p{margin:0;font-size:14px;line-height:1.45}
.ct-resumo small{font-size:13px;color:var(--ag-texto-2)}
@media (max-width:767px){
  .ct-grade{grid-template-columns:1fr;gap:16px}
  .ct-pergunta__q{font-size:19px}
  .ct-rec{grid-template-columns:1fr;row-gap:2px}
  .ct-rec dd{margin-bottom:8px}
  .ct-rec dd:last-child{margin-bottom:0}
  .ct-respostas .ag-botao{flex:1 1 0}
  .ct-respostas .ag-link{margin:4px auto 0;flex-basis:100%;text-align:center;line-height:44px}
  .ct-so-pc{display:none!important}
}
@media (min-width:768px){.ct-so-cel{display:none!important}}

/* ---------- detalhe do pedido (folha) e confirmação ---------- */
.ct-folha-veu{position:fixed;inset:0;background:var(--ag-veu)}
.ct-folha{position:fixed;z-index:10;top:0;right:0;bottom:0;width:600px;background:var(--ag-superficie);box-shadow:var(--ag-sombra-folha);padding:28px 34px;display:flex;flex-direction:column;gap:18px;overflow:hidden}
.ct-folha__fechar{display:flex;justify-content:space-between;align-items:center}
.ct-folha__fechar .ct-pergunta__cab{flex:1 1 0}
.ct-folha h2{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin:0}
.ct-folha h3{margin:0 0 6px}
.ct-lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--ag-texto-3);line-height:1.45}
.ct-lista li{display:flex;gap:10px}
.ct-lista li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ag-texto-2);margin-top:9px;flex:none}
.ct-tabela-mini{width:100%;border-collapse:collapse;font-size:14px}
.ct-tabela-mini td,.ct-tabela-mini th{padding:9px 0;border-bottom:1px solid var(--ag-linha-suave);text-align:right;white-space:nowrap}
.ct-tabela-mini th{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--ag-texto-2)}
.ct-tabela-mini td:first-child,.ct-tabela-mini th:first-child{text-align:left;color:var(--ag-texto-3)}
.ct-folha__acoes{margin-top:auto;border-top:1px solid var(--ag-linha);padding-top:18px;display:flex;flex-direction:column;gap:12px}
.ct-dialogo-pos{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}
.ct-dialogo{width:500px;background:var(--ag-superficie);border-radius:var(--ag-raio-folha);padding:28px;box-shadow:var(--ag-sombra-confirmacao);display:flex;flex-direction:column;gap:16px}
.ct-dialogo h2{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0}
.ct-citacao{border-radius:14px;background:var(--ag-superficie-2);padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.ct-citacao .ag-rotulo{color:var(--ag-texto-3);font-size:11px}
.ct-citacao p{margin:0 0 6px;font-size:16px;line-height:1.4}
.ct-citacao p.r{font-size:20px;font-weight:600;margin:0}
.ct-dialogo__acoes{display:flex;gap:10px;justify-content:flex-end}
.ct-alca{display:none}
@media (max-width:767px){
  .ct-folha{width:auto;left:0;top:54px;padding:12px 16px 24px;box-shadow:none;gap:16px;overflow:auto}
  .ct-folha-veu{display:none}
  .ct-folha h2{font-size:var(--ag-tipo-titulo-interno)}
  .ct-folha__acoes{position:fixed;left:0;right:0;bottom:0;padding:14px 16px 30px;background:var(--ag-vidro);-webkit-backdrop-filter:var(--ag-vidro-desfoque);backdrop-filter:var(--ag-vidro-desfoque);border-top:1px solid var(--ag-vidro-borda)}
  .ct-folha__acoes .ct-respostas .ag-link{display:none}
  .ct-folha__fechar{flex-wrap:wrap;row-gap:10px}
  .ct-folha__fechar .ct-pergunta__cab{flex:1 1 100%}
  .ct-tabela-mini{font-size:13px}
  .ct-tabela-mini th{font-size:11px;letter-spacing:.02em}
  .ct-folha__acoes .ct-rec{display:flex;gap:10px;align-items:baseline;padding:8px 12px}
  .ct-folha__acoes .ct-rec dd{margin:0}
  .ct-dialogo-pos{align-items:flex-end;background:var(--ag-veu-forte)}
  .ct-dialogo{width:100%;border-radius:28px 28px 0 0;padding:10px 20px 34px}
  .ct-alca{display:block;width:40px;height:5px;border-radius:3px;background:var(--ag-superficie-2);margin:0 auto 6px}
  .ct-dialogo__acoes{flex-direction:column-reverse}
  .ct-dialogo__acoes .ag-botao{width:100%}
}
.ct-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:28px;min-width:440px}
@media (max-width:767px){.ct-toast{left:16px;right:16px;transform:none;min-width:0;bottom:96px}}

/* ---------- 2. pacotes: linha do tempo ---------- */
.ct-legenda{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--ag-texto-2);margin:-6px 0 14px}
.ct-legenda span{display:inline-flex;align-items:center;gap:6px}
.ct-pac{display:grid;grid-template-columns:250px repeat(5,minmax(0,1fr)) 96px;column-gap:0;align-items:start;padding:20px 0;border-top:1px solid var(--ag-linha-suave)}
.ct-pac:first-of-type{border-top:0;padding-top:4px}
.ct-pac__nome b{font-size:18px;font-weight:600;letter-spacing:-.01em}
.ct-pac__nome p{margin:4px 14px 0 0;font-size:13px;color:var(--ag-texto-2);line-height:1.4}
.ct-cab-pac{display:grid;grid-template-columns:250px repeat(5,minmax(0,1fr)) 96px;padding:0 0 12px;border-bottom:1px solid var(--ag-linha)}
.ct-cab-pac span{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--ag-texto-2)}
.ct-cab-pac span:last-child{text-align:right}
.ct-etapa{position:relative;display:flex;flex-direction:column;gap:3px;padding-top:26px;font-size:13px}
.ct-etapa:before{content:"";position:absolute;top:8px;left:0;right:0;height:2px;background:var(--ag-linha)}
.ct-etapa.feito:before{background:var(--ag-texto-2)}
.ct-etapa i{position:absolute;top:0;left:0;width:18px;height:18px;border-radius:50%;background:var(--ag-superficie);box-shadow:inset 0 0 0 2px var(--ag-linha)}
.ct-etapa.feito i{background:var(--ag-botao-escuro);box-shadow:none}
.ct-etapa.feito i:after{content:"";position:absolute;left:6px;top:3px;width:4px;height:8px;border:solid var(--ag-botao-escuro-texto);border-width:0 2px 2px 0;transform:rotate(45deg)}
.ct-etapa.agora i{background:var(--ag-superficie);box-shadow:inset 0 0 0 2px var(--ag-texto)}
.ct-etapa.agora i:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--ag-texto)}
.ct-etapa.problema i{background:var(--ag-perda);box-shadow:none}
.ct-etapa b{font-weight:600;font-size:14px}
.ct-etapa small{color:var(--ag-texto-2);font-size:13px}
.ct-etapa.falta b{color:var(--ag-texto-apagado);font-weight:500}
.ct-total{text-align:right;font-size:14px;font-weight:600;padding-top:24px;white-space:nowrap}
.ct-total small{display:block;font-weight:400;color:var(--ag-texto-2);font-size:13px}
.ct-alertas{grid-column:2 / -1;display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ct-alerta{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--ag-raio-pilula);background:var(--ag-alerta-fundo);box-shadow:inset 0 0 0 1px var(--ag-alerta-linha);font-size:13px;color:var(--ag-texto)}
.ct-alerta b{color:var(--ag-perda);font-weight:600}
/* celular: barra de 5 etapas */
.ct-barra5{display:flex;gap:4px;margin:12px 0 6px}
.ct-barra5 span{flex:1;height:6px;border-radius:3px;background:var(--ag-superficie-2)}
.ct-barra5 span.feito{background:var(--ag-texto-2)}
.ct-barra5 span.agora{background:var(--ag-texto)}
.ct-barra5 span.problema{background:var(--ag-perda)}
.ct-barra5-rot{display:flex;font-size:11px;color:var(--ag-texto-2)}
.ct-barra5-rot span{flex:1}
.ct-vert{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column}
.ct-vert li{display:grid;grid-template-columns:22px 1fr auto;column-gap:12px;align-items:start;position:relative;padding-bottom:14px;font-size:15px}
.ct-vert li:before{content:"";position:absolute;left:8px;top:20px;bottom:0;width:2px;background:var(--ag-linha)}
.ct-vert li:last-child:before{display:none}
.ct-vert li.feito:before{background:var(--ag-texto-2)}
.ct-vert li i{position:relative;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--ag-linha);background:var(--ag-superficie);margin-top:2px}
.ct-vert li.feito i{background:var(--ag-botao-escuro);box-shadow:none}
.ct-vert li.feito i:after{content:"";position:absolute;left:6px;top:3px;width:4px;height:8px;border:solid var(--ag-botao-escuro-texto);border-width:0 2px 2px 0;transform:rotate(45deg)}
.ct-vert li.agora i{box-shadow:inset 0 0 0 2px var(--ag-texto)}
.ct-vert li.agora i:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--ag-texto)}
.ct-vert li small{display:block;font-size:13px;color:var(--ag-texto-2)}
.ct-vert li .h{font-size:14px;color:var(--ag-texto-2);white-space:nowrap}
.ct-vert li.falta span{color:var(--ag-texto-apagado)}

/* ---------- 3. agentes ---------- */
.ct-espera{display:grid;grid-template-columns:150px 28px 150px minmax(0,1fr) 120px;align-items:center;padding:12px 0;border-top:1px solid var(--ag-linha-suave);font-size:15px}
.ct-espera:first-of-type{border-top:0;padding-top:2px}
.ct-espera .seta{color:var(--ag-texto-2);display:flex}
.ct-espera .o{color:var(--ag-texto-3)}
.ct-espera .t{text-align:right;color:var(--ag-texto-2);font-size:14px;white-space:nowrap}
.ct-espera .t.ag-perda{color:var(--ag-perda)}
.ct-espera b{font-weight:600}
.ct-estado{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--ag-raio-pilula);white-space:nowrap}
.ct-estado--trab{background:var(--ag-botao-escuro);color:var(--ag-botao-escuro-texto)}
.ct-estado--voce{background:var(--ag-superficie);color:var(--ag-texto);box-shadow:inset 0 0 0 1.5px var(--ag-texto)}
.ct-estado--espera{background:var(--ag-superficie);color:var(--ag-texto-3);box-shadow:inset 0 0 0 1px var(--ag-linha)}
.ct-estado--parado{background:var(--ag-superficie-2);color:var(--ag-texto-3)}
.ag-tabela.ct-ag td,.ag-tabela.ct-ag th{text-align:left;white-space:normal;vertical-align:top}
.ag-tabela.ct-ag td.nw{white-space:nowrap}
.ag-tabela.ct-ag td b{font-weight:600}
.ag-tabela.ct-ag td small{display:block;color:var(--ag-texto-2);font-size:13px}
.ct-agente{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid var(--ag-linha-suave)}
.ct-agente:first-of-type{border-top:0;padding-top:2px}
.ct-agente__l1{display:flex;align-items:center;gap:8px}
.ct-agente__l1 b{font-size:17px;font-weight:600}
.ct-agente__l1 .h{margin-left:auto;font-size:13px;color:var(--ag-texto-2);white-space:nowrap}
.ct-agente__l1 .h.ag-perda{color:var(--ag-perda)}
.ct-agente p{margin:0;font-size:15px;color:var(--ag-texto-3);line-height:1.4}

/* ---------- 4. negócio ---------- */
.ct-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ct-grupo-custo{display:flex;align-items:baseline;gap:4px 10px;margin:0 0 12px;flex-wrap:wrap}
.ct-grupo-custo h3{margin:0;white-space:nowrap}
.ct-quando{font-size:12px;line-height:1.4;color:var(--ag-texto-2);margin-top:6px;display:flex;align-items:flex-start;gap:6px}
.ct-quando:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ag-texto-apagado);flex:none;margin-top:5px}
.ct-gerou{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:0}
.ct-gerou>div{padding:0 20px;border-left:1px solid var(--ag-linha-suave)}
.ct-gerou>div:first-child{padding-left:0;border-left:0}
.ct-gerou .v{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:6px 0 4px;white-space:nowrap}
.ct-gerou p{margin:0;font-size:13px;color:var(--ag-texto-2);line-height:1.45}
@media (max-width:767px){
  .ct-kpis{grid-template-columns:1fr 1fr;gap:10px}
  .ct-gerou{grid-template-columns:1fr}
  .ct-gerou>div{padding:12px 0;border-left:0;border-top:1px solid var(--ag-linha-suave)}
  .ct-gerou>div:first-child{border-top:0;padding-top:0}
  .ct-gerou .v{font-size:22px}
}

/* ---------- 5. registro ---------- */
.ct-busca{display:flex;align-items:center;gap:10px;height:48px;border-radius:var(--ag-raio-campo);background:var(--ag-superficie);box-shadow:inset 0 0 0 2px var(--ag-texto);padding:0 14px;font-size:16px}
.ct-busca .dica{color:var(--ag-texto-2)}
.ct-busca .cursor{width:2px;height:20px;background:var(--ag-texto);margin-left:-8px}
.ct-filtros{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.ct-reg{display:grid;grid-template-columns:80px minmax(0,1fr) 170px;column-gap:20px;padding:16px 0;border-top:1px solid var(--ag-linha-suave)}
.ct-reg:first-of-type{border-top:0;padding-top:4px}
.ct-reg__h{font-size:14px;font-weight:600;white-space:nowrap}
.ct-reg__h small{display:block;font-weight:400;color:var(--ag-texto-2);font-size:13px;margin-top:2px}
.ct-reg__frase{font-size:16px;font-weight:600;line-height:1.4;margin:0}
.ct-reg__alc{font-size:14px;color:var(--ag-texto-3);margin:4px 0 0;line-height:1.45}
.ct-reg__onde{font-size:13px;color:var(--ag-texto-2);text-align:right;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.ct-marca-texto{background:var(--ag-superficie-2);border-radius:4px;padding:0 3px;color:var(--ag-texto)}
@media (max-width:767px){
  .ct-reg{grid-template-columns:1fr;row-gap:4px}
  .ct-reg__h{display:flex;gap:6px;align-items:baseline}
  .ct-reg__h small{margin:0}
  .ct-reg__h small:before{content:"· "}
  .ct-reg__onde{text-align:left;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}
  .ct-filtros{flex-wrap:nowrap;overflow:hidden;margin-right:-16px}
}

/* ---------- entrada ---------- */
.ct-entrada{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px 16px}
.ct-entrada__corpo{display:flex;flex-direction:column;align-items:center;gap:28px}
.ct-entrada__logo{display:flex;align-items:center;gap:12px}
.ct-entrada__logo img{display:block;height:30px!important;width:auto}
.ct-entrada__logo span{font-size:15px;font-weight:600;color:var(--ag-texto-2);border-left:1px solid var(--ag-linha);padding-left:12px;line-height:24px}
.ct-entrada .ag-cartao{width:440px;padding:32px;display:flex;flex-direction:column;gap:18px}
.ct-entrada h1{font-size:28px;font-weight:600;letter-spacing:-.025em;margin:0}
.ct-entrada .ag-botao{width:100%;min-height:48px;font-size:16px}
.ct-etapas-login{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--ag-texto-2)}
.ct-etapas-login span{width:28px;height:4px;border-radius:2px;background:var(--ag-superficie-2)}
.ct-etapas-login span.on{background:var(--ag-texto)}
.ct-codigo{display:flex;gap:10px}
.ct-codigo span{flex:1;height:58px;border-radius:var(--ag-raio-campo);box-shadow:inset 0 0 0 1px var(--ag-linha);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:600;background:var(--ag-superficie)}
.ct-codigo span.foco{box-shadow:inset 0 0 0 2px var(--ag-texto)}
.ct-codigo span.foco:after{content:"";width:2px;height:28px;background:var(--ag-texto)}
.ct-codigo span.g{margin-left:8px}
.ct-entrada__pe{font-size:13px;color:var(--ag-texto-2);text-align:center;max-width:440px;line-height:1.5}
.ct-senha{letter-spacing:.25em;font-size:20px;display:flex;align-items:center}
@media (max-width:767px){
  .ct-entrada{justify-content:flex-start;align-items:stretch;padding:0;gap:0;min-height:100vh}
  .ct-entrada__corpo{padding:18px 16px 0;align-items:stretch;gap:26px;flex:1}
  .ct-entrada__logo img{height:22px!important}
  .ct-entrada .ag-cartao{width:auto;padding:0;background:none;border:0;gap:18px}
  .ct-entrada h1{font-size:var(--ag-tipo-manchete)}
  .ct-entrada .ag-botao{min-height:var(--ag-altura-botao-celular)}
  .ct-entrada__pe{text-align:left;padding:0 16px 34px}
  .ct-codigo{gap:6px}
  .ct-codigo span{height:54px;font-size:24px}
  .ct-codigo span.g{margin-left:6px}
}

/* só na foto do celular (?moldura=1): a página fica presa num aparelho de 390 × 844; o que é fixo (abas, folha, diálogo) se prende a ele */
html.moldura body{width:390px;height:844px;min-height:0;overflow:hidden;transform:translateZ(0)}
html.moldura .ct-entrada{min-height:790px}
@media (max-width:767px){.ct-manchete-bloco .ag-manchete-apoio{display:none}}

/* ---------- estados que faltavam (Design, 12/11/2026; deploy/CENTRAL_SEPARADA.md §9) ---------- */
/* "Outra resposta": a caixa de texto no lugar da frase */
.ct-texto{display:block;min-height:96px;height:auto;padding:12px 14px;line-height:1.45;box-shadow:inset 0 0 0 2px var(--ag-texto);white-space:normal}
.ct-texto .cursor{display:inline-block;width:2px;height:18px;background:var(--ag-texto);vertical-align:-3px;margin-left:1px}
.ct-texto__ajuda{font-size:13px;color:var(--ag-texto-2);margin-top:6px;line-height:1.45}
/* entrada com erro: o campo vazio com o cursor, a borda de erro e a frase embaixo (ag-campo--erro e ag-campo__erro) */
.ct-cursor{display:inline-block;width:2px;height:20px;background:var(--ag-texto)}
.ct-codigo--erro span{box-shadow:inset 0 0 0 2px var(--ag-perda)}
.ct-desligado{opacity:.45}
/* Registro no celular: os filtros rolam de lado; a última pílula aparece cortada na borda (dá para ver que tem mais) */
@media (max-width:767px){
  .ct-filtros.ct-filtros--rola{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}
}
/* Negócio: trocar de empresa (a pílula abre a lista; no celular, sobe de baixo) */
.ct-pil--menu{box-shadow:inset 0 0 0 2px var(--ag-texto);color:var(--ag-texto)}
.ct-pil .seta{font-size:11px;color:var(--ag-texto-2)}
.ct-emp{position:absolute;z-index:12;width:340px;background:var(--ag-superficie);border-radius:18px;box-shadow:var(--ag-sombra-confirmacao);padding:8px}
.ct-emp__t{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ag-texto-2);padding:10px 12px 6px}
.ct-emp__item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px}
.ct-emp__item--ativo{background:var(--ag-superficie-2)}
.ct-emp__item b{font-size:15px;font-weight:600;display:block}
.ct-emp__item small{font-size:13px;color:var(--ag-texto-2)}
.ct-emp__item .ic{margin-left:auto;color:var(--ag-texto)}
.ct-emp__pe{font-size:12px;color:var(--ag-texto-2);padding:8px 12px 6px;line-height:1.45;border-top:1px solid var(--ag-linha);margin-top:6px}
@media (max-width:767px){
  .ct-emp-veu{position:fixed;inset:0;background:var(--ag-veu-forte);z-index:11}
  .ct-emp{position:fixed;left:0;right:0;bottom:0;width:auto;border-radius:28px 28px 0 0;padding:10px 12px 34px}
  .ct-emp .ct-alca{display:block}
}
@media (min-width:768px){.ct-emp-veu{display:none}}