:root{--fundo:#f4f6f8;--superficie:#fff;--texto:#1f2933;--suave:#616e7c;--borda:#d9e2ec;--primaria:#2563eb;--perigo:#dc2626;color:var(--texto);background:var(--fundo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--fundo:#111827;--superficie:#1f2937;--texto:#e5e7eb;--suave:#9ca3af;--borda:#374151;--primaria:#60a5fa;--perigo:#f87171}}*{box-sizing:border-box}body{background:var(--fundo);margin:0}button{font:inherit;border:1px solid var(--primaria);background:var(--primaria);color:#fff;cursor:pointer;border-radius:6px;padding:6px 14px}button:disabled{opacity:.5;cursor:default}button.secundario{color:var(--texto);border-color:var(--borda);background:0 0}button.perigo{color:var(--perigo);border-color:var(--perigo);background:0 0}button.link{color:var(--primaria);background:0 0;border:none;padding:0;font-size:12px}input,select,textarea{font:inherit;border:1px solid var(--borda);background:var(--superficie);color:var(--texto);border-radius:6px;width:100%;padding:6px 8px}.erro{color:var(--perigo);font-size:13px}.detalhe{color:var(--suave);font-size:13px}.espaco{flex:1}.vazio{color:var(--suave);text-align:center;padding:12px}.topo{background:var(--superficie);border-bottom:1px solid var(--borda);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex}.topo nav{flex-wrap:wrap;flex:1 1 0;gap:4px;min-width:0;display:flex}.topo .marca{white-space:nowrap}.topo nav a{color:var(--suave);white-space:nowrap;border-radius:6px;padding:4px 8px;text-decoration:none}.topo nav a.active{color:var(--texto);background:var(--fundo);font-weight:600}.usuario{color:var(--suave)}.pagina{max-width:1200px;padding:16px}.tela-login{place-items:center;min-height:100vh;padding:16px;display:grid}.cartao-login{background:var(--superficie);border:1px solid var(--borda);border-radius:10px;gap:12px;width:100%;max-width:340px;padding:24px;display:grid}.cartao-login h1{margin:0 0 8px;font-size:22px}label{gap:4px;font-size:14px;display:grid}.kanban{align-items:flex-start;gap:12px;min-height:calc(100vh - 56px);padding:16px;display:flex;overflow-x:auto}.coluna{background:var(--superficie);border:1px solid var(--borda);border-top:4px solid var(--suave);border-radius:8px;flex-direction:column;flex:0 0 260px;max-height:calc(100vh - 90px);display:flex}.coluna.recolhida{flex-basis:170px}.coluna header{align-items:center;gap:8px;padding:10px 12px;display:flex}.coluna h2{flex:1;margin:0;font-size:14px}.contador{color:var(--suave);background:var(--fundo);border-radius:10px;padding:1px 8px;font-size:12px}.coluna ul{gap:8px;margin:0;padding:0 8px 8px;list-style:none;display:grid;overflow-y:auto}.cartao{border:1px solid var(--borda);background:var(--fundo);border-radius:6px;gap:2px;padding:8px 10px;font-size:14px;display:grid}.cartao.atrasada{border-left:4px solid var(--perigo)}.cartao .linha{justify-content:space-between;gap:8px;display:flex}.tempo,.prazo{color:var(--suave);font-size:12px}.prazo.estourado{color:var(--perigo);font-weight:600}.barra{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.barra h1{flex:auto;margin:0;font-size:20px}.barra input{max-width:300px}.barra select{width:auto}.tabela{border-collapse:collapse;background:var(--superficie);border:1px solid var(--borda);border-radius:8px;width:100%;font-size:14px}.tabela th,.tabela td{text-align:left;border-bottom:1px solid var(--borda);padding:8px 10px}.tabela th{color:var(--suave);font-weight:600}.clicavel{cursor:pointer}.clicavel:hover{background:var(--fundo)}.paginacao{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;font-size:14px;display:flex}.modal-fundo{background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--superficie);border-radius:10px;width:100%;max-width:560px;max-height:90vh;padding:20px;overflow-y:auto}.modal h2{margin-top:0}.grade{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grade .largo{grid-column:1/-1}fieldset{border:1px solid var(--borda);border-radius:6px;flex-wrap:wrap;gap:16px;display:flex}.opcao{align-items:center;gap:6px;display:flex}.opcao input{width:auto}.acoes{gap:8px;margin-top:16px;display:flex}@media (width<=600px){.grade{grid-template-columns:1fr}.topo{flex-wrap:wrap}.tabela th:nth-child(3),.tabela td:nth-child(3),.tabela th:nth-child(5),.tabela td:nth-child(5){display:none}}a.botao{background:var(--primaria);color:#fff;border-radius:6px;padding:6px 14px;text-decoration:none}.pagina.larga{max-width:1400px}.filtros{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.filtros select{width:auto}.num{white-space:nowrap;text-align:right!important}.truncar{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.etiqueta{border:1px solid var(--borda);white-space:nowrap;border-left-width:4px;border-radius:10px;padding:1px 8px;font-size:12px;display:inline-block}.etiqueta.suave{color:var(--suave);margin-left:8px;font-weight:400}.ok{color:#16a34a;font-size:14px}.voltar{color:var(--suave);text-decoration:none}.secao{background:var(--superficie);border:1px solid var(--borda);border-radius:8px;gap:10px;margin-bottom:12px;padding:12px 16px;display:grid}.secao h2{margin:0;font-size:15px}.grade.tres{grid-template-columns:repeat(3,1fr)}.grade .duplo{grid-column:span 2}.situacao-os{border-left:6px solid var(--suave)}.linha-situacao{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.linha-situacao select{width:auto}.linha-situacao input{flex:1;min-width:200px}.tabela.itens td{vertical-align:top}.tabela.itens .qtd{width:80px}.tabela.itens .valor{width:120px}tr.rejeitado td{opacity:.55;text-decoration:line-through}tr.rejeitado td.acoes-linha{opacity:1;text-decoration:none}.acoes-linha{white-space:nowrap;gap:10px;display:flex}.perigo-texto{color:var(--perigo)!important}.tecnico-linha{align-items:center;gap:4px;margin-bottom:4px;display:flex}.tecnico-linha .pct{width:60px}.totais{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.totais label{width:120px}.totais .total{font-size:18px}.busca{position:relative}.sugestoes{z-index:10;background:var(--superficie);border:1px solid var(--borda);border-radius:6px;max-height:280px;margin:2px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 6px 20px #00000026}.sugestoes button{width:100%;color:var(--texto);text-align:left;background:0 0;border:none;justify-content:space-between;gap:8px;padding:6px 8px;display:flex}.sugestoes button:hover{background:var(--fundo)}.anexos,.historico{gap:6px;margin:0;padding-left:18px;font-size:14px;display:grid}.anexos li{align-items:center;gap:10px;display:flex}.historico .obs{color:var(--suave);font-style:italic}@media (width<=800px){.grade.tres{grid-template-columns:1fr}.grade .duplo{grid-column:auto}}.kanban-pagina .kanban{min-height:calc(100vh - 110px)}.kanban-filtros{margin:0;padding:12px 16px 0}.kanban-filtros input{max-width:240px}.coluna.alvo{outline:2px dashed var(--primaria);outline-offset:2px}.coluna.destaque{box-shadow:0 0 0 1px #22c55e55}.cartao{cursor:grab}.cartao.arrastando{opacity:.4}.tempo.excedido{color:var(--perigo);font-weight:600}.nao-lidas{color:#fff;background:#16a34a;border-radius:10px;margin-left:6px;padding:0 6px;font-size:11px}.modal.pequeno{max-width:380px}.ao-vivo{background:var(--suave);border-radius:50%;width:8px;height:8px}.ao-vivo.ligado{background:#22c55e}.popups{z-index:50;gap:8px;width:min(360px,100vw - 32px);display:grid;position:fixed;top:64px;right:16px}.popup{background:var(--superficie);border:1px solid var(--borda);border-left:5px solid var(--primaria);border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;animation:.2s ease-out entrar;display:flex;box-shadow:0 8px 24px #00000040}.popup.os_autorizada{border-left-color:#22c55e}.popup.os_recusada,.popup.alerta{border-left-color:var(--perigo)}.popup-corpo{text-align:left;color:var(--texto);background:0 0;border:none;flex:1;gap:2px;padding:0;font-size:14px;display:grid}@keyframes entrar{0%{opacity:0;transform:translateY(-6px)}}.central{position:relative}.sino{padding:4px 10px}.central-lista{z-index:40;background:var(--superficie);border:1px solid var(--borda);border-radius:8px;width:min(380px,100vw - 32px);max-height:70vh;padding:10px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 8px 24px #00000040}.central-lista .linha{justify-content:space-between;margin-bottom:6px;display:flex}.central-lista ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.central-lista li button{text-align:left;width:100%;color:var(--texto);background:0 0;border:none;border-radius:6px;gap:2px;padding:6px;font-size:14px;display:grid}.central-lista li button:hover{background:var(--fundo)}.central-lista li.lida{opacity:.6}.mensagens{flex-direction:column;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.msg{border:1px solid var(--borda);background:var(--superficie);border-radius:8px;max-width:44rem;padding:.5rem .75rem}.msg.entrada{border-left:3px solid var(--suave);align-self:flex-start}.msg.saida{border-left:3px solid var(--primaria);align-self:flex-end}.msg.falhou{border-left-color:var(--perigo)}.texto-msg{white-space:pre-wrap;overflow-wrap:anywhere}.envio-cliente{border:1px dashed var(--borda);border-radius:8px;flex-direction:column;gap:.5rem;margin:.5rem 0;padding:.75rem;display:flex}.envio-cliente .destino{align-self:end;padding-bottom:.4rem}.marcadores{flex-wrap:wrap;gap:.5rem 1rem;margin:.5rem 0;display:flex}.marcador{white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex}.marcador input{width:auto}.modelos{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.qr{background:#fff;margin-top:.5rem;display:block}.atendimento{grid-template-columns:minmax(260px,340px) 1fr;align-items:start;gap:1rem;display:grid}.caixa-conversas{background:var(--superficie);border:1px solid var(--borda);border-radius:8px;overflow:hidden}.filtros-conversa{border-bottom:1px solid var(--borda);grid-template-columns:1fr 1fr;gap:.4rem;padding:.5rem;display:grid}.filtros-conversa input{grid-column:1/-1}.lista-conversas{max-height:calc(100vh - 200px);margin:0;padding:0;list-style:none;overflow-y:auto}.lista-conversas button{text-align:left;border:0;border-bottom:1px solid var(--borda);width:100%;color:var(--texto);font:inherit;cursor:pointer;background:0 0;border-left:3px solid #0000;border-radius:0;flex-direction:column;gap:2px;padding:.55rem .75rem;display:flex}.lista-conversas button.fila{border-left-color:#f59e0b}.lista-conversas button.ativa{background:color-mix(in srgb, var(--primaria) 12%, transparent)}.lista-conversas .linha{justify-content:space-between;gap:.5rem;display:flex}.lista-conversas .previa{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lista-conversas .vazio{padding:.75rem}.painel-conversa{background:var(--superficie);border:1px solid var(--borda);border-radius:8px;min-width:0;padding:.75rem 1rem}.cabecalho-conversa{border-bottom:1px solid var(--borda);flex-wrap:wrap;align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex}.cabecalho-conversa h1{margin:0;font-size:1.15rem}.cabecalho-conversa select{width:auto}.cabecalho-conversa .espaco{flex:1}.corpo-conversa{grid-template-columns:1fr 260px;gap:1rem;margin-top:.75rem;display:grid}.coluna-mensagens .mensagens{max-height:calc(100vh - 340px);overflow-y:auto}.msg.bot{border-left-color:#a855f7}.resposta{grid-template-columns:1fr auto;align-items:end;gap:.5rem;margin-top:.75rem;display:grid}.lateral-conversa h2{margin:.75rem 0 .35rem;font-size:.95rem}.os-conversa{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.painel-vazio{padding:2rem}@media (width<=900px){.atendimento,.corpo-conversa{grid-template-columns:1fr}}.interpretacao{margin-top:.25rem;font-style:italic}.acoes.revisao{align-items:center;margin-top:.4rem}.severidade.critico{background:var(--perigo);color:#fff}.severidade.aviso{color:#1f2933;background:#f59e0b}.severidade.info{background:var(--borda);color:var(--texto)}.alerta-contador{background:var(--perigo)}.grade label>span input[type=checkbox]{width:auto}main a{color:var(--primaria)}.painel h1{margin:0 0 12px;font-size:20px}.cartoes-painel{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:16px;display:grid}.indicador{background:var(--superficie);border:1px solid var(--borda);border-left:4px solid var(--borda);color:var(--texto);border-radius:8px;flex-direction:column;gap:2px;padding:12px 14px;text-decoration:none;display:flex}main a.indicador{color:var(--texto)}.indicador .titulo{color:var(--suave);font-size:13px}.indicador .valor{font-size:28px;line-height:1.2}.indicador.atencao{border-left-color:#f59e0b}.indicador.perigo{border-left-color:var(--perigo)}.colunas-painel{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.barras-situacao,.lista-painel{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.barras-situacao li{grid-template-columns:150px 1fr 36px;align-items:center;gap:8px;font-size:14px;display:grid}.barras-situacao .nome{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.barra-fundo{background:var(--fundo);border-radius:5px;height:10px;overflow:hidden}.barra-valor{background:var(--primaria);height:100%;display:block}.barras-situacao strong{text-align:right}