/* Movimentações — página servida pelo Integrador.
 * Mesma identidade do painel da extensão, porém responsiva: quem usa esta
 * página está num notebook qualquer, não numa estação de TI. */
:root{
  --o:#F5691C; --od:#DA6118; --peach:#FEAE76;
  --cream:#FFF7F1; --cream2:#FDF0E6; --ink:#211B18; --muted:#75665E;
  --borda:#EAD8CC; --ok:#247A4A; --okbg:#EAF6EF; --warn:#8B5A00; --warnbg:#FFF3D8;
  --bad:#A9362A; --badbg:#FCEBE8; --sombra:0 12px 34px rgba(73,39,18,.08);
  color-scheme:light;
}
*{box-sizing:border-box}
html{background:var(--cream)}
body{
  margin:0; color:var(--ink); font:14px/1.5 "Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  background:radial-gradient(circle at 92% 3%,rgba(254,174,118,.19),transparent 26%),
             linear-gradient(180deg,#fff 0,#fffaf6 330px,var(--cream) 100%);
}
button,input,select,textarea{font:inherit;color:inherit}
.oculto{display:none!important}

/* ---------- botões ---------- */
.btn{min-height:38px;padding:9px 14px;border:1px solid #dfc8b8;border-radius:9px;background:#fff;
     color:#66412b;font-weight:700;font-size:13px;cursor:pointer}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.primario{background:var(--o);color:#fff;border-color:var(--o)}
.btn.neutro{background:#fff}
.btn.perigo{background:var(--bad);color:#fff;border-color:var(--bad)}
.btn.pequeno{min-height:32px;padding:6px 10px;font-size:12px}

/* ---------- porta de entrada ---------- */
.porta{position:fixed;inset:0;z-index:99;display:flex;align-items:center;justify-content:center;padding:20px;
  background:linear-gradient(140deg,rgba(33,27,24,.74),rgba(73,39,18,.8)),
             radial-gradient(circle at 18% 12%,rgba(254,174,118,.3),transparent 42%)}
.cartao-login{width:100%;max-width:420px;background:#fff;border:1px solid var(--borda);border-radius:16px;
  box-shadow:0 26px 60px rgba(40,20,8,.34);padding:26px}
.marca{display:flex;gap:14px;align-items:center;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--borda)}
.marca img{width:46px;height:46px;border-radius:9px;object-fit:contain}
.marca small{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;color:#a06745}
.marca h1{margin:3px 0 0;font-size:21px;letter-spacing:-.02em}
.dica{font-size:13px;color:var(--muted);margin:0 0 14px}
.dica b{color:var(--ink)}
.cartao-login label{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;color:#8b5a39;margin-bottom:6px}
.cartao-login input{width:100%;border:1px solid var(--borda);border-radius:9px;padding:11px;margin-bottom:14px}
.cartao-login .btn{width:100%;margin-top:2px}
.cartao-login .btn.neutro{margin-top:8px}
#codigo{font-size:23px;letter-spacing:.42em;text-align:center;font-weight:700;color:var(--od)}
.alerta{margin-top:12px;padding:11px 13px;border:1px solid #f0c6bd;border-left:4px solid var(--bad);
  border-radius:10px;background:var(--badbg);color:#8d3327;font-size:12.5px}
.rodape-login{margin:16px 0 0;padding-top:13px;border-top:1px solid #f4eae3;font-size:11px;color:#9a867a}

/* ---------- topo ---------- */
.topo{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:18px 24px;color:#fff;background:linear-gradient(118deg,var(--od),var(--o) 64%,var(--peach))}
.topo-marca{display:flex;align-items:center;gap:16px}
.topo-marca img{width:56px;height:56px;object-fit:contain}
.topo-marca small{display:block;font-size:9px;font-weight:800;letter-spacing:.16em;opacity:.85}
.topo-marca h1{margin:5px 0 0;font-size:23px;line-height:1.05;letter-spacing:-.03em}
.topo-marca h1 span{font-weight:400}
.topo-lado{display:flex;align-items:center;gap:10px}
.quem{padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:11px;background:rgba(50,24,9,.14)}
.quem small{display:block;font-size:8px;letter-spacing:.1em;opacity:.8}
.quem b{display:block;font-size:12px;margin-top:2px}
.topo-lado .btn{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.4)}

.barra-contexto{display:flex;gap:22px;flex-wrap:wrap;padding:10px 24px;background:#fff;
  border-bottom:1px solid var(--borda);font-size:11.5px;color:var(--muted)}
.barra-contexto b{color:#9A5B33}

.abas{display:flex;gap:4px;padding:8px 18px;background:#fff;border-bottom:1px solid var(--borda);
  position:sticky;top:0;z-index:5;overflow-x:auto}
.abas button{border:0;background:transparent;padding:10px 14px;border-radius:9px;color:#705344;
  font-weight:700;font-size:12.5px;cursor:pointer;white-space:nowrap}
.abas button.ativa{background:var(--cream2);color:var(--od);box-shadow:inset 0 0 0 1px #efd4c1}
.abas i{font-style:normal;background:var(--o);color:#fff;border-radius:999px;padding:1px 7px;font-size:10px;margin-left:4px}
.abas i:empty{display:none}

main{padding:22px 24px 48px;max-width:1280px;margin:0 auto}
.aba{display:none}
.aba.ativa{display:block}
.titulo{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.titulo span{font-size:9.5px;font-weight:800;letter-spacing:.15em;color:#B26A3C}
.titulo h2{font-size:23px;margin:4px 0 0;letter-spacing:-.02em}

.painel{background:#fff;border:1px solid var(--borda);border-radius:14px;box-shadow:var(--sombra);padding:20px}
.campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.campo{display:flex;flex-direction:column;gap:6px}
.campo.largo{grid-column:1/-1}
.campo label{font-size:10px;font-weight:800;letter-spacing:.08em;color:#8b5a39}
.campo input,.campo select,.campo textarea{border:1px solid var(--borda);border-radius:9px;background:#fff;
  padding:10px 11px;min-height:40px;width:100%}
.campo small{font-size:11px;color:var(--muted)}
.campo small.erro{color:var(--bad)}

.resumo{display:flex;gap:20px;flex-wrap:wrap;margin-top:16px;padding:13px 15px;background:#fff8f3;
  border:1px solid #f0d9ca;border-radius:10px;font-size:12.5px;color:#695246}
.resumo>div{display:flex;flex-direction:column;min-width:170px;gap:2px}
.resumo small{font-size:9px;letter-spacing:.08em;color:#a06745;font-weight:800}
.resumo b{color:#382b25;font-size:13px}
.resumo span{font-size:11px;color:#887369}

.previa{margin-top:14px;padding:14px 15px;border:1px solid #efd7c6;border-radius:11px;
  background:linear-gradient(90deg,#fff8f3,#fff);font-size:12.5px}
.previa h3{margin:0 0 4px;font-size:13px}
.bloco-rota{margin-top:11px}
.bloco-rota>small{display:block;margin-bottom:6px;font-size:9px;letter-spacing:.08em;color:#a36540;font-weight:800}
.pilula{display:inline-block;margin:2px 5px 2px 0;padding:5px 9px;border-radius:999px;background:#fff;
  border:1px solid #eed8c8;font-size:11px;color:#755747}
.previa p{margin:10px 0 0;font-size:11.5px;color:var(--muted)}

.acoes{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.acoes span{font-size:12.5px;color:var(--muted)}
.acoes span.erro{color:var(--bad)}
.acoes span.ok{color:var(--ok)}

/* ---------- cartões de pendência ---------- */
.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.cartao{background:#fff;border:1px solid var(--borda);border-left:4px solid var(--o);border-radius:13px;
  padding:15px;box-shadow:var(--sombra)}
.cartao.alerta-falha{border-left-color:var(--bad)}
.cartao .topo-cartao{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;color:#9a745c}
.cartao h3{font-size:15px;margin:6px 0 2px}
.cartao .sub{font-size:11.5px;color:var(--muted);margin:0 0 10px}
.tarefa{margin:10px 0;padding:11px;background:#fff8f3;border:1px solid #f0ddd0;border-radius:9px}
.tarefa small{display:block;font-size:9.5px;color:var(--muted)}
.tarefa b{display:block;margin:3px 0;font-size:13px}
.cartao textarea{width:100%;border:1px solid var(--borda);border-radius:9px;padding:9px;min-height:54px;margin-top:8px}
.botoes-cartao{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.nota{font-size:11.5px;margin-top:8px;color:#887369}
.nota.ok{color:var(--ok)} .nota.ruim{color:var(--bad)}

.selo{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:10px;
  font-weight:800;background:#f2e9e3;color:#785e4f;white-space:nowrap}
.selo.ok{background:var(--okbg);color:var(--ok)}
.selo.atencao{background:var(--warnbg);color:var(--warn)}
.selo.ruim{background:var(--badbg);color:var(--bad)}
.selo.selo-falha{background:var(--badbg);color:var(--bad);border:1px solid var(--bad)}
.aviso-venc{display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:14px 0;padding:12px 14px;border-radius:11px;border:1px solid var(--borda);
  background:#fff8f3}
.aviso-venc small{display:block;color:#887369;font-size:11px;margin-top:3px}
.aviso-venc.ok{border-left:4px solid var(--ok)}
.aviso-venc.atencao{border-left:4px solid var(--warn);background:var(--warnbg)}
.aviso-venc.ruim{border-left:4px solid var(--bad);background:var(--badbg)}

/* ---------- acompanhamento ---------- */
.duas-colunas{display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}
.coluna-lista{background:#fff;border:1px solid var(--borda);border-radius:14px;box-shadow:var(--sombra);
  padding:12px;max-height:74vh;overflow:auto}
.coluna-lista>input{width:100%;border:1px solid var(--borda);border-radius:9px;padding:9px;margin-bottom:10px}
.item{display:block;width:100%;text-align:left;border:1px solid transparent;background:#fff;padding:11px;
  border-radius:9px;cursor:pointer;margin-bottom:6px}
.item:hover,.item.ativo{background:#fff7f1;border-color:#efd5c3}
.item b{display:block;font-size:13px}
.item span{display:block;font-size:11.5px;color:#4f3c32;margin-top:2px}
.item small{display:block;color:var(--muted);font-size:10.5px;margin-top:4px}
.coluna-detalhe{background:#fff;border:1px solid var(--borda);border-radius:14px;box-shadow:var(--sombra);
  padding:20px;min-height:420px}
.cabeca-detalhe{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--borda);
  padding-bottom:14px;flex-wrap:wrap}
.cabeca-detalhe h2{margin:4px 0 5px;font-size:22px}
.cabeca-detalhe p{margin:0;color:var(--muted);font-size:12px}
.rota-mov{display:grid;grid-template-columns:1fr 30px 1fr 1fr;gap:12px;align-items:center;padding:14px 0;
  border-bottom:1px solid #f1e5dc}
.rota-mov>div{display:flex;flex-direction:column;gap:3px}
.rota-mov small{font-size:9px;letter-spacing:.09em;color:#a06d4b;font-weight:800}
.rota-mov b{font-size:12.5px}
.rota-mov>i{font-style:normal;color:var(--o);font-size:20px;text-align:center}
.progresso{display:flex;align-items:center;gap:12px;padding:12px 0}
.trilho{flex:1;max-width:220px;height:7px;border-radius:999px;background:#f0e4dc;overflow:hidden}
.trilho i{display:block;height:100%;background:linear-gradient(90deg,var(--od),var(--o))}
.progresso b{font-size:12px;color:#6c574b}
.linha-cp{display:grid;grid-template-columns:7px 1fr auto;gap:10px;background:#faf8f7;border:1px solid #f0eae6;
  border-radius:7px;margin:5px 0;overflow:hidden;min-height:52px}
.barra-cp{background:#1597c9}
.barra-cp.ok{background:#17b66a} .barra-cp.ruim{background:var(--bad)}
.miolo-cp{padding:9px 0;display:flex;flex-direction:column;gap:2px}
.miolo-cp small{font-size:9.5px;color:#8b776b}
.miolo-cp b{font-size:12.5px}
.miolo-cp em{font-style:normal;font-size:11px;color:#715b4f;margin-top:3px}
.lado-cp{display:flex;align-items:center;padding:8px 12px}
.historico{margin-top:18px;border-top:1px solid var(--borda);padding-top:14px;max-height:320px;overflow:auto}
.historico h3{margin:0 0 8px;font-size:13px;color:#5785d4}
.linha-hist{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:8px 0;font-size:11.5px;
  border-bottom:1px dashed #f0e8e3}
.linha-hist time{color:#9a867a}
.linha-hist b{font-size:11px}
.linha-hist span{display:block;color:#5f4a3f}

.vazio{display:flex;align-items:center;justify-content:center;min-height:180px;color:#9a867a;
  font-size:13px;text-align:center;padding:20px}

@media(max-width:900px){
  .duas-colunas{grid-template-columns:1fr}
  .coluna-lista{max-height:none}
  .rota-mov{grid-template-columns:1fr;gap:8px}
  .rota-mov>i{display:none}
  main{padding:18px 16px 40px}
  .topo{padding:16px}
}

/* ---------- chamados SULTS (17/10/2026) ---------- */
.dica-aba{margin:-6px 0 12px;font-size:12.5px;color:var(--muted);max-width:820px}
.cartao.conferencia{border-left:4px solid var(--warn)}
.cartao .pendencias{margin:8px 0;padding:8px 10px 8px 26px;background:var(--warnbg);border-radius:9px;font-size:12.5px;color:#6b4500}
.cartao .lido{display:grid;grid-template-columns:110px 1fr;gap:2px 10px;font-size:12.5px;margin:6px 0}
.cartao .lido small{color:var(--muted)}
.cartao .campos{margin-top:10px;gap:10px}
.cartao .campos input,.cartao .campos select{font-size:12.5px;padding:7px 9px}