:root{--fundo:#f6f7f9;--painel:#fff;--borda:#e4e6ea;--texto:#1c1f24;--suave:#6b7280;--marca:#d6336c;--marca-fundo:#fdf0f5;--cliente:#f1f3f5;--nos:#fbe3ec;--ok:#16a34a;--ok-fundo:#e6f6ec;--atencao:#b45309;--atencao-fundo:#fff3cd;--alerta:#b91c1c;--alerta-fundo:#fde8e8}@media (prefers-color-scheme:dark){:root{--fundo:#111316;--painel:#191c20;--borda:#2a2e34;--texto:#eceef1;--suave:#9aa1ab;--marca:#f06595;--marca-fundo:#2b1a22;--cliente:#23272d;--nos:#3a2230;--ok:#4ade80;--ok-fundo:#14301f;--atencao:#fbbf24;--atencao-fundo:#3a2e0f;--alerta:#f87171;--alerta-fundo:#3b1b1b}}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--fundo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}a,input{color:inherit}.caixa{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100vh - 52px);height:calc(100dvh - 52px)}.lista{border-right:1px solid var(--borda);background:var(--painel)}.conversa,.lista{display:flex;flex-direction:column;min-height:0}.conversa,.lista{min-width:0}@media (max-width:720px){.caixa{grid-template-columns:minmax(0,1fr)}.caixa[data-aberta="0"] .conversa,.caixa[data-aberta="1"] .lista{display:none}}.rolagem{overflow-y:auto;min-height:0}.item-conversa{display:flex;gap:10px;padding:11px 14px;border:0;border-bottom:1px solid var(--borda);background:transparent;width:100%;text-align:left;cursor:pointer}.item-conversa:hover{background:var(--marca-fundo)}.item-conversa[aria-current=true]{background:var(--marca-fundo);box-shadow:inset 3px 0 0 var(--marca)}.l-corpo{flex:1 1;min-width:0}.l-linha{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.l-texto{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l-hora{font-size:11px;color:var(--suave);flex-shrink:0}.filtros{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.filtro{flex-shrink:0;padding:5px 11px;border-radius:99px;border:1px solid var(--borda);background:transparent;color:var(--suave);font-size:12px;font-weight:600;cursor:pointer}.filtro[aria-pressed=true]{border-color:var(--marca)}.avatar,.filtro[aria-pressed=true]{background:var(--marca-fundo);color:var(--marca)}.avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.balao{max-width:min(560px,82%);padding:8px 12px;border-radius:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.balao.cliente{background:var(--cliente);border-bottom-left-radius:4px;align-self:flex-start}.balao.nos{background:var(--nos);border-bottom-right-radius:4px;align-self:flex-end}.hora{font-size:11px;color:var(--suave);margin-top:3px}.etiqueta{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--marca-fundo);color:var(--marca)}:focus-visible{outline:2px solid var(--marca);outline-offset:2px}.topo{height:52px;justify-content:space-between;padding:0 16px;background:var(--painel);border-bottom:1px solid var(--borda);position:relative;z-index:30}.topo,.topo-marca{display:flex;align-items:center}.topo-marca{gap:10px;text-decoration:none;color:inherit;min-width:0}.topo-logo{width:28px;height:28px;border-radius:8px;background:var(--marca);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.menu-config{position:relative}.btn-engrenagem{width:40px;height:40px;border-radius:10px;border:1px solid var(--borda);background:transparent;color:var(--suave);display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-engrenagem:hover,.btn-engrenagem[aria-expanded=true]{color:var(--marca);border-color:var(--marca);background:var(--marca-fundo)}.menu-lista{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--painel);border:1px solid var(--borda);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.18);padding:6px;display:flex;flex-direction:column;z-index:50}.menu-usuario{padding:8px 10px;color:var(--suave);font-size:12px;border-bottom:1px solid var(--borda);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-lista a,.menu-lista button{display:block;width:100%;text-align:left;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--texto);text-decoration:none;cursor:pointer;font:inherit}.menu-lista a:hover,.menu-lista button:hover{background:var(--marca-fundo)}@media (max-width:520px){.so-largo{display:none}}.chips-marcadores{display:flex;flex-wrap:wrap;gap:6px}.chip-marcador{padding:4px 10px;border-radius:99px;border:1px solid var(--borda);background:transparent;color:var(--texto);font:inherit;font-size:12px;cursor:pointer}.chip-marcador:hover{border-color:var(--marca);background:var(--marca-fundo);color:var(--marca)}.pendente-aviso{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:var(--atencao-fundo);color:var(--atencao);font-size:12px;line-height:1.4}.seletor-pedido{width:100%;padding:7px 10px;border-radius:10px;border:1px solid var(--borda);background:var(--fundo);color:var(--texto);font:inherit;font-size:12px}.compositor{padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--borda);background:var(--painel);position:relative}.compositor.fechado{color:var(--suave);font-size:12px;line-height:1.45;background:var(--atencao-fundo);border-top-color:var(--borda);padding:12px 16px}.compositor-linha{display:flex;gap:8px;align-items:flex-end}.compositor textarea{flex:1 1;min-width:0;resize:none;padding:9px 12px;border-radius:12px;border:1px solid var(--borda);background:var(--fundo);color:var(--texto);font:inherit;line-height:1.4;max-height:160px}.btn-enviar{padding:9px 16px;border-radius:12px;border:0;background:var(--marca);color:#fff;font-weight:700;cursor:pointer;flex-shrink:0}.btn-enviar:disabled{opacity:.45;cursor:default}.btn-rapidas{width:40px;height:40px;border-radius:12px;border:1px solid var(--borda);background:transparent;font-size:18px;cursor:pointer;flex-shrink:0}.btn-rapidas[aria-expanded=true]{background:var(--marca-fundo);border-color:var(--marca)}.rapidas-painel{position:absolute;left:12px;right:12px;bottom:calc(100% + 6px);background:var(--painel);border:1px solid var(--borda);border-radius:14px;box-shadow:0 -6px 24px rgba(0,0,0,.14);padding:8px;z-index:10;display:flex;flex-direction:column;gap:6px}.rapidas-painel input{padding:8px 10px;border-radius:10px;border:1px solid var(--borda);background:var(--fundo);width:100%}.rapida-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:10px;background:transparent;cursor:pointer;color:inherit}.rapida-item:hover{background:var(--marca-fundo)}.rapida-item span{color:var(--suave);font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grade-figuras{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-gap:6px;gap:6px}.figura{aspect-ratio:1;padding:4px;border:2px solid transparent;border-radius:12px;background:var(--fundo);cursor:pointer;display:flex;align-items:center;justify-content:center}.figura:hover{border-color:var(--borda)}.figura[aria-pressed=true]{border-color:var(--marca);background:var(--marca-fundo)}.figura img{width:100%;height:100%;object-fit:contain}.gerenciar{font-size:12px;font-weight:600;color:var(--marca);padding:4px 6px}.atribuicao{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:12px}.atribuicao-quem{color:var(--suave)}.atribuicao button{padding:4px 10px;border-radius:99px;border:1px solid var(--borda);background:transparent;color:var(--marca);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.atribuicao button:hover{border-color:var(--marca);background:var(--marca-fundo)}@media (max-width:520px){.atribuicao-quem{display:none}}.etiqueta-dono{background:var(--cliente);color:var(--texto)}.etiqueta-presente{background:var(--cliente);color:var(--suave)}.etiqueta-digitando{background:var(--atencao-fundo);color:var(--atencao)}.faixa-atend{padding:8px 16px;font-size:12px;line-height:1.4;color:var(--suave);background:var(--cliente);border-top:1px solid var(--borda)}.faixa-digitando{background:var(--atencao-fundo);color:var(--atencao);font-weight:600}.faixa-dono{background:var(--marca-fundo);color:var(--marca)}.faixa-erro{background:var(--alerta-fundo);color:var(--alerta);font-weight:600}.obs-caixa{border:1px solid #7c3aed;background:color-mix(in srgb,#7c3aed 8%,var(--painel));border-radius:12px;padding:10px 12px}.obs-caixa h3{color:#7c3aed}.obs-item{padding:8px 10px;background:var(--painel);font-size:13px;line-height:1.4}.obs-campo,.obs-item{border-radius:10px;border:1px solid var(--borda)}.obs-campo{width:100%;padding:9px 12px;background:var(--fundo);color:var(--texto);font:inherit;resize:vertical}.obs-remover{border:0;background:transparent;color:var(--alerta);font-weight:600;cursor:pointer;padding:0;font-size:11px}.obs-resumo{margin-top:6px;padding:6px 8px;border-radius:8px;background:color-mix(in srgb,#7c3aed 12%,transparent);color:#7c3aed;font-size:12px;font-weight:600;overflow-wrap:anywhere}.ficha,.gaveta{background:var(--painel);display:flex;flex-direction:column;min-height:0}.ficha{border-left:1px solid var(--borda)}.ficha-topo{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--borda)}.ficha-topo button{border:0;background:transparent;color:var(--suave);font-size:18px;cursor:pointer;padding:4px 8px}.ficha-corpo{flex:1 1;padding:14px 16px 28px;display:flex;flex-direction:column;gap:14px}.ficha-corpo h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--suave)}.ficha-corpo section{display:flex;flex-direction:column;gap:8px}.ficha-corpo section>h3{margin-bottom:0}@media (min-width:1180px){.caixa[data-aberta="1"]{grid-template-columns:340px minmax(0,1fr) 380px}.btn-cliente,.fechar-ficha{display:none}}@media (max-width:1179px){.ficha{display:none}.ficha[data-aberta="1"]{display:flex;position:fixed;top:52px;right:0;bottom:0;width:min(420px,100%);z-index:20;box-shadow:-8px 0 24px rgba(0,0,0,.18)}}.gaveta{top:0;right:0;bottom:0;width:min(520px,100%);z-index:40;box-shadow:-8px 0 24px rgba(0,0,0,.22)}.gaveta,.vela{position:fixed}.vela{inset:0;background:rgba(0,0,0,.35);z-index:39}.cartao{border:1px solid var(--borda);border-radius:12px;padding:10px 12px;background:var(--painel);text-align:left;font-size:13px;line-height:1.4}.cartao-botao{width:100%;cursor:pointer;color:inherit}.cartao-botao:hover{border-color:var(--marca)}.destaque-alerta{border-color:var(--alerta);background:var(--alerta-fundo)}.selo{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--cliente);color:var(--suave)}.selo.tom-ok{background:var(--ok-fundo);color:var(--ok)}.selo.tom-atencao{background:var(--atencao-fundo);color:var(--atencao)}.selo.tom-alerta{background:var(--alerta-fundo);color:var(--alerta)}.aviso{margin:0;padding:8px 10px;border-radius:10px;background:var(--atencao-fundo);color:var(--atencao);font-size:12px}.dados{display:grid;grid-template-columns:max-content 1fr;grid-gap:4px 12px;gap:4px 12px;margin:0;font-size:13px}.dados dt{color:var(--suave)}.dados dd{margin:0;min-width:0;overflow-wrap:anywhere}.itens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.itens li{padding:8px 10px;border:1px solid var(--borda);border-radius:10px;font-size:13px;line-height:1.4}.itens li.diverge{border-color:var(--alerta);background:var(--alerta-fundo)}.itens .sku{display:block;color:var(--suave);font-size:11px;margin-top:2px;overflow-wrap:anywhere}.alerta-texto{color:var(--alerta);font-weight:600;margin-top:4px}.tempo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.tempo li{display:flex;gap:12px;padding-bottom:14px;position:relative;font-size:13px;line-height:1.4}.tempo li:before{content:"";position:absolute;left:4px;top:12px;bottom:0;width:2px;background:var(--borda)}.tempo li:last-child:before{display:none}.tempo .ponto{width:10px;height:10px;border-radius:50%;background:var(--suave);margin-top:4px;flex-shrink:0;position:relative;z-index:1}.tempo li.tom-ok .ponto{background:var(--ok)}.tempo li.tom-atencao .ponto{background:var(--atencao)}.tempo li.tom-alerta .ponto{background:var(--alerta)}