:root{--fundo:#f4f5f7;--cartao:#fff;--texto:#1d2330;--suave:#6b7280;--borda:#e3e6eb;--p1:#dc2626;--p2:#ea7a0c;--p3:#64748b;--p4:#94a3b8;--ok:#16a34a;--acento:#2563eb;--alerta:#ca8a04}*{box-sizing:border-box}body{background:var(--fundo);color:var(--texto);-webkit-text-size-adjust:100%;margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}.envoltorio{max-width:1200px;padding:16px;padding-top:max(16px, env(safe-area-inset-top));margin:0 auto}header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}header h1{flex:1;margin:0;font-size:18px}nav{align-items:center;gap:6px;display:flex}nav a{border:1px solid var(--borda);background:var(--cartao);border-radius:8px;padding:6px 12px;text-decoration:none}nav a.active{background:var(--texto);color:#fff;border-color:var(--texto)}.contadores{gap:8px;margin-bottom:10px;display:flex}.pill{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.pill.vermelho{color:var(--p1);background:#fee2e2}.pill.amarelo{color:var(--alerta);background:#fef3c7}.filtros{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}select,input,textarea{font:inherit;border:1px solid var(--borda);background:#fff;border-radius:6px;max-width:100%;padding:7px 9px}.filtros input{flex:1;min-width:140px}.item{background:var(--cartao);border:1px solid var(--borda);border-left:5px solid var(--p3);border-radius:10px;grid-template-columns:1fr auto;gap:4px 16px;margin-bottom:8px;padding:12px 14px;text-decoration:none;display:grid}.item:hover{box-shadow:0 2px 8px #0000000f}.item.p1{border-left-color:var(--p1)}.item.p2{border-left-color:var(--p2)}.item.p4{border-left-color:var(--p4)}.topo{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pr{color:#fff;background:var(--p3);border-radius:5px;padding:2px 7px;font-size:12px;font-weight:700}.pr.p1{background:var(--p1)}.pr.p2{background:var(--p2)}.pr.p4{background:var(--p4)}.cat{font-weight:600}.sla{font-size:12px;font-weight:600}.sla.atrasada{color:var(--p1)}.sla.perto{color:var(--p2)}.sla.ok{color:var(--suave)}.citacao{color:#374151;overflow-wrap:anywhere;font-style:italic}.meta{color:var(--suave);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.lado{text-align:right;color:var(--suave);font-size:12px}.lado b{color:var(--texto);font-size:13px;display:block}.tag{color:#3730a3;background:#eef2ff;border-radius:4px;padding:1px 6px;font-size:11px}.tag.rev{color:#92400e;background:#fef3c7}.tag.cel{color:#166534;background:#dcfce7}.tag.cob,.tag.sus{color:#991b1b;background:#fee2e2}.detalhe{grid-template-columns:380px 1fr;gap:12px;display:grid}.grade{grid-template-columns:1fr 1fr;gap:12px;display:grid}.largura-total{grid-column:1/-1}.caixa{background:var(--cartao);border:1px solid var(--borda);border-radius:10px;min-width:0;padding:14px}.caixa h3{margin:0 0 10px;font-size:15px}.linha{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:8px 0;display:flex}.marcas{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.rotulo{color:var(--suave);text-transform:uppercase;letter-spacing:.03em;margin-top:12px;font-size:12px}.largo{width:100%}.dados{margin:4px 0;padding-left:18px}.botoes{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.btn{font:inherit;cursor:pointer;border:0;border-radius:7px;padding:8px 14px;font-weight:600}.btn.ok{background:var(--ok);color:#fff}.btn.nao{background:#e5e7eb}.btn.ac{background:var(--acento);color:#fff}.btn:disabled{opacity:.6}.historico{color:var(--suave);border-left:2px solid var(--borda);overflow-wrap:anywhere;margin-top:6px;padding-left:10px;font-size:12px}.chat{background:#efeae2;border-radius:8px;flex-direction:column;gap:6px;max-height:70vh;padding:12px;display:flex;overflow:auto}.msg{overflow-wrap:anywhere;white-space:pre-wrap;background:#fff;border-radius:8px;max-width:85%;padding:6px 10px;font-size:13px}.msg.eu{background:#d9fdd3;align-self:flex-end}.msg.origem{outline:2px solid var(--p2)}.msg small{color:var(--suave);font-size:11px;display:block}.msg audio{width:100%;margin-top:4px}.foto{border-radius:6px;max-width:100%;margin-top:4px}.transcricao,.anexo{background:#f3f4f6;border-radius:6px;margin-top:4px;padding:4px 6px;font-size:12px;display:block}table{border-collapse:collapse;width:100%}td{border-bottom:1px solid var(--borda);vertical-align:middle;padding:8px 4px}.ponto{border-radius:50%;width:9px;height:9px;display:inline-block}.ponto.ok{background:var(--ok)}.ponto.mal{background:var(--p1)}.qr{width:220px;max-width:100%}.erro{color:var(--p1)}.aviso{background:#fff8db;border:1px solid #f0e2a0;border-radius:8px;grid-column:1/-1;padding:8px 12px}.vazio{text-align:center;color:var(--suave);padding:40px 0}.login{flex-direction:column;gap:10px;max-width:360px;margin:12vh auto;display:flex}.login label{flex-direction:column;gap:4px;font-size:13px;display:flex}@media (width<=760px){.detalhe,.grade,.item{grid-template-columns:1fr}.lado{text-align:left}.filtros select{flex:45%}td{border:0;padding:4px 0;display:block}tr{border-bottom:1px solid var(--borda);padding:6px 0;display:block}}.resumo{overflow-wrap:anywhere;font-weight:500}select.sem-empresa{color:#92400e;background:#fef3c7;border-color:#f59e0b}.msg .alteracao{color:#92400e;background:#fef3c7;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:.85em}ol.comprovantes{margin:2px 0 0;padding-left:20px}