@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(fontes/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(fontes/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(fontes/inter-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Rajdhani;font-weight:700;font-display:swap;src:url(fontes/rajdhani-latin-700-normal.woff2) format('woff2')}
:root{
  --noite:#0b1726;--marinho:#102542;--marca:#1890b4;--claro:#5cc3e0;--azul:#127a9a;
  --fundo:#eef2f6;--cartao:#fff;--texto:#1f2a37;--suave:#5b6876;--linha:#dde3ea;
  --verde:#1d8a4e;--verde-f:#e3f4ea;--ambar:#a15c00;--ambar-f:#fff2dc;--vermelho:#b42318;--vermelho-f:#fdecea;
  --azul-f:#e2f3f8;--cinza-f:#eef1f4;--nota:#fff8db;--nota-b:#e9d37a;
  --raio:10px;--sombra:0 1px 2px rgba(16,37,66,.06),0 2px 8px rgba(16,37,66,.06)
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:Inter,Arial,sans-serif;font-size:14px;color:var(--texto);background:var(--fundo);line-height:1.45}
h1,h2,h3{font-family:Rajdhani,Inter,sans-serif;font-weight:700;letter-spacing:.2px;margin:0;color:var(--noite)}
h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}
a{color:var(--azul)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--marca);outline-offset:2px}
.oculto{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* entrada */
.entrada{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 20% 0%,#16345b 0,var(--noite) 60%)}
.entrada-caixa{width:100%;max-width:400px;background:#fff;border-radius:14px;padding:32px 28px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.entrada-marca{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.entrada-marca img{width:44px;height:44px;border-radius:10px}
.entrada-marca b{font-family:Rajdhani,sans-serif;font-size:22px;color:var(--noite);display:block;line-height:1}
.entrada-marca span{color:var(--suave);font-size:13px}
.campo{display:block;margin-bottom:14px}
.campo>span{display:block;font-weight:600;font-size:13px;margin-bottom:5px}
.campo input,.campo select,.campo textarea{width:100%;border:1px solid #c9d2dc;border-radius:8px;padding:10px 12px;background:#fff}
.campo textarea{min-height:110px;resize:vertical}
.campo small{color:var(--suave);display:block;margin-top:4px}
.erro{color:var(--vermelho);background:var(--vermelho-f);border-radius:8px;padding:9px 12px;margin:0 0 12px;font-size:13px}
.ok-msg{color:var(--verde);background:var(--verde-f);border-radius:8px;padding:9px 12px;margin:0 0 12px;font-size:13px}

/* botões */
.bt{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;padding:9px 14px;font-weight:600;background:var(--azul);color:#fff;white-space:nowrap}
.bt:hover{filter:brightness(1.08)}
.bt:disabled{opacity:.55;cursor:default;filter:none}
.bt.cheio{width:100%;padding:11px}
.bt.sec{background:#fff;color:var(--noite);border-color:#c9d2dc}
.bt.sec:hover{background:#f5f8fa;filter:none}
.bt.verde{background:var(--verde)}
.bt.perigo{background:#fff;color:var(--vermelho);border-color:#f0c2bd}
.bt.peq{padding:6px 10px;font-size:13px}
.bt svg{width:16px;height:16px}

/* estrutura */
.app{display:grid;grid-template-columns:230px 1fr;min-height:100%}
.lateral{background:var(--noite);color:#c7d3e0;display:flex;flex-direction:column;padding:18px 12px;position:sticky;top:0;height:100vh}
.lateral .logo{display:flex;justify-content:center;align-items:center;padding:14px 8px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}
.lateral .logo>div{display:flex;flex-direction:column;align-items:center}
.lateral .logo img{height:28px;width:auto;display:block}
.lateral .logo small{display:block;color:var(--claro);font-weight:600;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;margin-top:6px;text-align:center;padding-left:1.6px;line-height:1}
.menu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#c7d3e0;text-decoration:none;font-weight:600;margin-bottom:2px}
.menu a:hover{background:rgba(255,255,255,.06);color:#fff}
.menu a.atual{background:var(--marinho);color:#fff;box-shadow:inset 3px 0 0 var(--claro)}
.menu a svg{width:18px;height:18px;flex:none;opacity:.9}
.menu .cont{margin-left:auto;background:var(--marca);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px;min-width:20px;text-align:center}
.lateral .eu{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:12px 8px 0;font-size:13px}
.lateral .eu b{color:#fff;display:block}
.lateral .eu button{background:none;border:0;color:var(--claro);padding:6px 0 0;font-weight:600}
.conteudo{padding:24px 28px 40px;min-width:0}
.topo{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.topo p{margin:4px 0 0;color:var(--suave)}
.aviso-email{background:var(--ambar-f);color:var(--ambar);border-radius:8px;padding:9px 12px;margin-bottom:16px;font-size:13px}

/* números da fila */
.numeros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.num{background:var(--cartao);border-radius:var(--raio);box-shadow:var(--sombra);padding:14px 16px;border-top:3px solid var(--linha)}
.num b{display:block;font-family:Rajdhani,sans-serif;font-size:30px;line-height:1;color:var(--noite)}
.num span{color:var(--suave);font-size:13px;font-weight:600}
.num.a{border-top-color:var(--marca)}.num.b{border-top-color:#6f63d9}.num.c{border-top-color:#e0a32e}.num.d{border-top-color:var(--verde)}

/* lista de chamados */
.filtros{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.filtros button{border:1px solid #c9d2dc;background:#fff;border-radius:999px;padding:6px 12px;font-weight:600;font-size:13px;color:var(--suave)}
.filtros button.sel{background:var(--noite);color:#fff;border-color:var(--noite)}
.lista{background:var(--cartao);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden}
.item{display:grid;grid-template-columns:46px minmax(0,1fr) 170px 150px 120px;gap:14px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--linha);text-decoration:none;color:inherit}
.item:last-child{border-bottom:0}
.item:hover{background:#f7fafc}
.item .pos{font-family:Rajdhani,sans-serif;font-size:20px;color:var(--suave);text-align:center}
.item .pos.prim{color:#fff;background:var(--azul);border-radius:8px;padding:2px 0}
.item .tit{font-weight:700;color:var(--noite);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item .sub{color:var(--suave);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item .tempo{font-size:13px;color:var(--suave)}
.item .tempo b{color:var(--texto);display:block}
.vazio{padding:40px 20px;text-align:center;color:var(--suave)}
.vazio b{display:block;color:var(--noite);font-size:16px;margin-bottom:4px}
.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;white-space:nowrap}
.chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.st-aberto{background:var(--azul-f);color:var(--azul)}
.st-atendimento{background:#ecebfb;color:#4f43c2}
.st-aguardando{background:var(--ambar-f);color:var(--ambar)}
.st-finalizado{background:var(--verde-f);color:var(--verde)}
.novo{display:inline-block;background:var(--vermelho);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 7px;margin-left:6px;vertical-align:1px}
.busca{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.busca input,.busca select{border:1px solid #c9d2dc;border-radius:8px;padding:9px 12px;background:#fff;min-width:200px}
.busca input{flex:1}

/* chamado */
.voltar{display:inline-flex;align-items:center;gap:6px;color:var(--suave);text-decoration:none;font-weight:600;margin-bottom:10px}
.cham{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.cham-cab{background:var(--cartao);border-radius:var(--raio);box-shadow:var(--sombra);padding:16px 18px;margin-bottom:12px}
.cham-cab h1{font-size:22px;margin:4px 0 6px}
.cham-cab .meta{color:var(--suave);font-size:13px}
.conversa{background:var(--cartao);border-radius:var(--raio);box-shadow:var(--sombra);padding:18px;display:flex;flex-direction:column;gap:14px;max-height:62vh;overflow:auto}
.msg{max-width:78%;display:flex;flex-direction:column;gap:4px}
.msg .quem{font-size:12px;color:var(--suave)}
.msg .quem b{color:var(--texto)}
.msg .bal{border-radius:12px;padding:10px 13px;white-space:pre-wrap;word-wrap:break-word}
.msg.cliente{align-self:flex-start}
.msg.cliente .bal{background:var(--cinza-f);border-top-left-radius:4px}
.msg.equipe{align-self:flex-end;align-items:flex-end}
.msg.equipe .bal{background:var(--azul);color:#fff;border-top-right-radius:4px}
.msg.interna .bal{background:var(--nota);color:var(--texto);border:1px dashed var(--nota-b)}
.msg.sistema{align-self:center;max-width:90%;text-align:center}
.msg.sistema .bal{background:none;color:var(--suave);font-size:12px;padding:0}
.anexos{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.anexos a{display:block;border:1px solid var(--linha);border-radius:8px;overflow:hidden;background:#fff;text-decoration:none;color:var(--texto);font-size:12px}
.anexos img{display:block;width:150px;height:100px;object-fit:cover}
.anexos .pdf{display:flex;align-items:center;gap:6px;padding:8px 10px;font-weight:600}
.responder{background:var(--cartao);border-radius:var(--raio);box-shadow:var(--sombra);padding:14px;margin-top:12px}
.responder textarea{width:100%;min-height:96px;border:1px solid #c9d2dc;border-radius:8px;padding:10px 12px;resize:vertical}
.responder.interna textarea{background:var(--nota);border-color:var(--nota-b)}
.resp-barra{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.resp-barra .esp{flex:1}
.marca-int{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--suave)}
.arqs{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.arqs span{background:var(--cinza-f);border-radius:999px;padding:3px 10px;font-size:12px;display:inline-flex;gap:6px;align-items:center}
.arqs button{border:0;background:none;color:var(--vermelho);font-weight:700;padding:0}
.lado{display:flex;flex-direction:column;gap:12px}
.caixa{background:var(--cartao);border-radius:var(--raio);box-shadow:var(--sombra);padding:16px}
.caixa h3{margin-bottom:10px}
.dados{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;font-size:13px;margin:0}
.dados dt{color:var(--suave)}
.dados dd{margin:0;font-weight:600;word-break:break-word}
.acoes{display:grid;gap:8px}
.outros a{display:block;padding:7px 0;border-bottom:1px solid var(--linha);text-decoration:none;font-size:13px;color:var(--texto)}
.outros a:last-child{border-bottom:0}

/* manuais / cadastro */
.duas{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}
.cat{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--suave);padding:12px 16px 4px}
.tab{width:100%;border-collapse:collapse;background:var(--cartao);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden}
.tab th,.tab td{padding:11px 14px;border-bottom:1px solid var(--linha);text-align:left;vertical-align:middle}
.tab th{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--suave);background:#f7f9fb}
.tab tr:last-child td{border-bottom:0}
.codigo{font-family:ui-monospace,Consolas,monospace;font-size:18px;font-weight:700;letter-spacing:2px;background:var(--azul-f);color:var(--noite);border-radius:8px;padding:10px 14px;display:inline-block}
.texto-manual h2{margin:18px 0 8px}.texto-manual p{margin:0 0 10px}.texto-manual ul{margin:0 0 10px 20px;padding:0}

@media (max-width:1100px){.item{grid-template-columns:40px minmax(0,1fr) 140px 110px}.item .col-at{display:none}}
@media (max-width:900px){
  .app{grid-template-columns:1fr}
  .lateral{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;padding:10px 12px;gap:6px}
  .lateral .logo{border:0;margin:0;padding:0 8px 0 0}
  .menu{display:flex;gap:2px;overflow-x:auto}
  .menu a{margin:0;padding:8px 9px}
  .menu a span.txt{display:none}
  .lateral .eu{margin:0 0 0 auto;border:0;padding:0}
  .lateral .eu b{display:none}
  .conteudo{padding:16px}
  .numeros{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cham,.duas{grid-template-columns:1fr}
  .item{grid-template-columns:34px minmax(0,1fr) auto}
  .chip{font-size:11px;padding:3px 7px}
  .item .col-tempo{display:none}
  .msg{max-width:92%}
}

/* utilidades (a CSP não aceita style= no HTML) */
[data-x=desl]{background:var(--vermelho-f)!important;color:var(--vermelho)!important}
[data-x=prev]{border-top:1px solid var(--linha);padding-top:10px}
[data-x=suave]{color:var(--suave)}
[data-x=titconv]{font-size:22px;margin-bottom:6px}
.item[data-x=man]{grid-template-columns:1fr auto}
[data-x=mb12]{margin-bottom:12px}[data-x=mb14]{margin-bottom:14px}
[data-x=destaque]{margin-bottom:16px;border-left:4px solid var(--azul)}
[data-x=formlim]{margin-top:18px;max-width:560px}
[data-x=subconv]{margin:0 0 16px;color:var(--suave)}
[data-x=m0suave]{margin:0;color:var(--suave)}
[data-x=navinfo]{margin:10px 0 0;color:var(--suave);font-size:12px}
[data-x=hprev]{margin:22px 0 8px}[data-x=mt6]{margin:6px 0 0}[data-x=pcod]{margin:6px 0 10px}
[data-x=w120]{max-width:120px}[data-x=alto]{min-height:280px!important}[data-x=mw0]{min-width:0}
[data-x=dir]{text-align:right;white-space:nowrap}[data-x=quebra]{word-break:break-all}
.carregando{padding:24px}