:root{--ruby: #722F37;--ruby-claro: #8f4049;--ruby-fundo: #f8f1f2;--baunilha: #F4E5C4;--tinta: #22201f;--tinta-fraca: #6b6462;--linha: #e4dedb;--papel: #ffffff;--fundo: #faf8f6;--ok: #1f7a4d;--alerta: #b8600f;--perigo: #a32b2b;--raio: 8px;--sombra: 0 1px 2px rgba(34,32,31,.06), 0 4px 12px rgba(34,32,31,.04)}*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--tinta);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:17px}h3{font-size:15px}a{color:var(--ruby)}.app{min-height:100vh;display:flex;flex-direction:column}.topo{background:var(--ruby);color:var(--baunilha);padding:10px 18px;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:20}.topo .marca{font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:13px}.topo nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}.topo nav button{background:transparent;border:0;color:#f4e5c4bf;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;font-family:inherit}.topo nav button:hover{background:#ffffff1a;color:var(--baunilha)}.topo nav button[aria-current=page]{background:#00000038;color:#fff;font-weight:600}.topo .quem{font-size:12px;color:#f4e5c4cc;text-align:right;line-height:1.35}.topo .quem button{background:none;border:0;color:#f4e5c499;cursor:pointer;font-size:11px;padding:0;text-decoration:underline;font-family:inherit}main{padding:20px;max-width:1400px;width:100%;margin:0 auto;flex:1}.cabecalho-pagina{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:4px}.subtitulo{color:var(--tinta-fraca);font-size:13px;margin:2px 0 18px}.cartao{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra)}.cartao+.cartao{margin-top:16px}.cartao>header{padding:12px 16px;border-bottom:1px solid var(--linha);display:flex;align-items:center;justify-content:space-between;gap:12px}.cartao>.corpo{padding:16px}.metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.metrica{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:14px 16px}.metrica .rotulo{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-fraca)}.metrica .valor{font-size:26px;font-weight:600;line-height:1.2;margin-top:4px;font-variant-numeric:tabular-nums}.metrica .nota{font-size:12px;color:var(--tinta-fraca);margin-top:2px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-fraca);font-weight:600;padding:9px 12px;border-bottom:1px solid var(--linha);white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid var(--linha);vertical-align:middle}tbody tr:hover{background:var(--ruby-fundo)}tbody tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}.rolagem{overflow-x:auto}.etiqueta{display:inline-block;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap;background:#eee;color:var(--tinta-fraca)}.etiqueta.superhot{background:#fde8e8;color:#a32b2b}.etiqueta.hot{background:#fdf0e0;color:#92510a}.etiqueta.warm{background:#fdf8e2;color:#7a6415}.etiqueta.cold{background:#eef1f4;color:#55606b}.etiqueta.urgente{background:#fde8e8;color:#a32b2b}.etiqueta.ajuste{background:#fdf0e0;color:#92510a}.etiqueta.ok{background:#e7f4ec;color:var(--ok)}.etiqueta.vazia{background:transparent;color:#b4adaa;font-weight:400}button.acao,.acao{font-family:inherit;font-size:14px;cursor:pointer;border-radius:6px;padding:7px 14px;border:1px solid var(--linha);background:var(--papel);color:var(--tinta);display:inline-flex;align-items:center;gap:6px;text-decoration:none}button.acao:hover,.acao:hover{border-color:#cfc7c3;background:#fbfaf9}button.acao.principal,.acao.principal{background:var(--ruby);border-color:var(--ruby);color:#fff;font-weight:500}button.acao.principal:hover,.acao.principal:hover{background:var(--ruby-claro)}button.acao.zap,.acao.zap{background:#128c7e;border-color:#128c7e;color:#fff;font-weight:500}button.acao.zap:hover,.acao.zap:hover{background:#0f7268}button.acao:disabled{opacity:.45;cursor:not-allowed}button.acao.pequeno,.acao.pequeno{padding:4px 10px;font-size:13px}.grupo-botoes{display:flex;gap:6px;flex-wrap:wrap}.campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.campo{display:flex;flex-direction:column;gap:5px}.campo.largo{grid-column:1 / -1}label{font-size:12px;font-weight:600;color:var(--tinta-fraca)}input,select,textarea{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--linha);border-radius:6px;background:var(--papel);color:var(--tinta);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid rgba(114,47,55,.25);border-color:var(--ruby)}textarea{resize:vertical;min-height:70px}.dica{font-size:12px;color:var(--tinta-fraca)}.aviso{padding:11px 14px;border-radius:var(--raio);font-size:13px;border:1px solid}.aviso.info{background:#f0f5fa;border-color:#d3e2f0;color:#2b4a68}.aviso.atencao{background:#fdf7e8;border-color:#f0e0b8;color:#7a5a11}.aviso.erro{background:#fdeeee;border-color:#f3d2d2;color:var(--perigo)}.aviso.ok{background:#eef7f1;border-color:#cfe6d9;color:var(--ok)}.aviso+*{margin-top:14px}.vazio{padding:44px 20px;text-align:center;color:var(--tinta-fraca)}.vazio .grande{font-size:17px;color:var(--tinta);margin-bottom:6px;font-weight:500}.filtros{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}.filtros .campo{min-width:150px}.tela-login{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--ruby)}.caixa-login{background:var(--papel);padding:32px;border-radius:12px;width:100%;max-width:380px;box-shadow:0 12px 40px #0003}.caixa-login .marca{text-align:center;margin-bottom:22px}.caixa-login .marca strong{display:block;color:var(--ruby);letter-spacing:.08em;text-transform:uppercase;font-size:14px}.caixa-login .marca span{font-size:12px;color:var(--tinta-fraca)}@media (max-width: 720px){main{padding:12px}.topo{flex-wrap:wrap;gap:8px 12px;padding:10px 14px}.topo .marca{order:1}.topo .quem{order:2;margin-left:auto;text-align:right}.topo nav{order:3;flex:0 0 100%;overflow-x:auto;flex-wrap:nowrap;gap:2px;scrollbar-width:none}.topo nav::-webkit-scrollbar{display:none}.topo nav button{white-space:nowrap;padding:6px 10px}.metricas{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.metrica{padding:10px 12px}.metrica .rotulo{font-size:10px}.metrica .valor{font-size:20px}.metrica .nota{font-size:11px}.metrica.apoio{display:none}.subtitulo{margin-bottom:14px}.filtros .campo{flex:1 1 140px;min-width:0}table.cartoes,table.cartoes tbody,table.cartoes tr,table.cartoes td{display:block;width:100%}table.cartoes thead{display:none}table.cartoes tr{border:1px solid var(--linha);border-radius:var(--raio);padding:12px;margin-bottom:10px;background:var(--papel)}table.cartoes tr:hover{background:var(--papel)}table.cartoes td{border:0;padding:3px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}table.cartoes td:before{content:attr(data-rotulo);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-fraca);font-weight:600;flex-shrink:0}table.cartoes td[data-rotulo=""]:before{display:none}table.cartoes td.destaque{display:block;padding-bottom:8px}table.cartoes td.destaque:before{display:none}table.cartoes td.destaque strong{font-size:16px}table.cartoes td.num{text-align:right}table.cartoes td .grupo-botoes{justify-content:flex-end}table.cartoes td.acoes{display:block;margin-top:10px;padding-top:10px;border-top:1px solid var(--linha)}table.cartoes td.acoes:before{display:none}table.cartoes td.acoes .grupo-botoes{justify-content:flex-start}table.cartoes td.acoes button.acao{flex:1 1 auto;justify-content:center;padding:9px 10px}.esconde-celular{display:none}}.quem-atende{background:var(--baunilha);border:1px solid #e6d5ad;border-radius:var(--raio);padding:10px 14px;margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quem-atende .rotulo{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#7a5c22;white-space:nowrap}.quem-atende .pessoas{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.quem-atende .alerta{font-size:12px;color:#8a5a12}.quem-atende input{padding:5px 9px;font-size:13px}@media (max-width: 720px){.quem-atende{padding:10px 12px}.quem-atende .rotulo{width:100%}}.quem-atende .pessoa{position:relative;display:inline-flex}.quem-atende .tirar{position:absolute;top:-7px;right:-7px;width:18px;height:18px;line-height:1;padding:0;border-radius:50%;border:1px solid #d9c9a3;background:var(--papel);color:var(--perigo);font-size:13px;cursor:pointer;display:grid;place-items:center}.quem-atende .tirar:hover{background:var(--perigo);color:#fff;border-color:var(--perigo)}.conversa-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.conversa{display:flex;flex-direction:column;gap:8px;max-height:460px;overflow-y:auto;padding:14px;background:var(--fundo);border:1px solid var(--linha);border-radius:var(--raio)}.balao{max-width:78%;padding:9px 13px;border-radius:12px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.balao .quem{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;opacity:.6;margin-bottom:3px}.balao.cliente{align-self:flex-start;background:var(--papel);border:1px solid var(--linha);border-bottom-left-radius:3px}.balao.lara{align-self:flex-end;background:var(--ruby-fundo);border:1px solid #ecd9db;border-bottom-right-radius:3px}@media (max-width: 720px){.balao{max-width:90%}}.responder{margin-top:10px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--linha);border-radius:var(--raio);padding:10px;background:var(--papel)}.responder textarea{min-height:72px;border:0;padding:4px;resize:vertical}.responder textarea:focus{outline:0}.responder .rodape{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--linha);padding-top:8px}