:root{--fundo:#f6f7f9;--painel:#fff;--borda:#e4e6ea;--texto:#1c1f24;--suave:#6b7280;--marca:#d6336c;--marca-fundo:#fdf0f5;--cliente:#f1f3f5;--nos:#fbe3ec;--ok:#16a34a}@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}}*{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 1fr;height:calc(100vh - 52px)}.lista{border-right:1px solid var(--borda);background:var(--painel)}.conversa,.lista{display:flex;flex-direction:column;min-height:0}.conversa{min-width:0}@media (max-width:720px){.caixa{grid-template-columns: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)}.avatar{width:38px;height:38px;border-radius:50%;background:var(--marca-fundo);color:var(--marca);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}