.work{background:var(--bg);flex:1;grid-template-columns:334px 1fr 320px;min-width:0;min-height:0;display:grid}.pane{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.inbox{background:var(--surface);border-right:1px solid var(--border)}.thread{background:var(--surface-2)}.side{background:var(--surface);border-left:1px solid var(--border)}.inbox-top{border-bottom:1px solid var(--border);padding:16px 16px 10px}.inbox-top .row1{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.inbox-top h1{font-family:var(--font-display);letter-spacing:-.01em;font-size:17px;font-weight:600}.wa-pill{color:var(--wa);background:color-mix(in oklch, var(--wa) 12%, white);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:550;display:inline-flex}.wa-pill .dot{background:var(--wa);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in oklch, var(--wa) 22%, transparent);border-radius:50%;animation:2.4s ease-in-out infinite live}@keyframes live{0%,to{box-shadow:0 0 0 3px color-mix(in oklch, var(--wa) 22%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklch, var(--wa) 7%, transparent)}}.filtros{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px 5px;padding:11px 16px;display:flex}.filtros .chip{padding:5px 11px}.lista{flex:1;min-height:0;overflow-y:auto}.conv{cursor:pointer;border-bottom:1px solid var(--border);text-align:left;grid-template-columns:auto 1fr auto;gap:11px;width:100%;padding:13px 16px;transition:background .13s,transform .14s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.conv:hover{background:var(--surface-2)}.conv:hover:not(.on){transform:translate(2px)}.conv.on{background:var(--accent-soft)}.conv.on:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.conv .selo{background:var(--wa);border:2px solid var(--surface);border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:-2px;right:-2px}.conv .selo svg{stroke:#fff;stroke-width:2.4px;width:9px;height:9px}.conv.on .selo{border-color:var(--accent-soft)}.conv .mid{min-width:0}.conv .mid b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.conv .prev{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;overflow:hidden}.conv .prev.unread{color:var(--fg);font-weight:550}.conv .meta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.conv .time{color:var(--faint);white-space:nowrap;font-size:11px}.conv.tem-nao-lida .time{color:var(--accent);font-weight:600}.unread-b{background:var(--accent);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:600;display:grid}.th-head{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:64px;padding:11px 18px;display:flex}.th-head .voltar{color:var(--muted);border-radius:8px;margin-left:-6px;padding:6px;display:none}.th-head .mid{flex:1;min-width:0}.th-head .mid b{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.th-head .mid .sub{color:var(--muted);align-items:center;gap:7px;margin-top:1px;font-size:12px;display:flex}.th-head .sub .on-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.th-head .acoes{gap:4px;display:flex}.th-head .icobtn{background:0 0;border:none;width:36px;height:36px}.msgs{flex-direction:column;flex:1;gap:8px;min-height:0;padding:20px 22px;display:flex;overflow-y:auto}.dia{color:var(--faint);background:var(--surface);border:1px solid var(--border);border-radius:20px;align-self:center;margin:8px 0;padding:4px 12px;font-size:11px;font-weight:600}.sys{color:var(--muted);background:color-mix(in oklch, var(--warn) 12%, white);border:1px solid color-mix(in oklch, var(--warn) 25%, white);text-align:center;border-radius:9px;align-self:center;max-width:80%;padding:5px 12px;font-size:11.5px}.bub{max-width:74%;box-shadow:var(--sh-1);border-radius:14px;padding:9px 13px;font-size:13.5px;line-height:1.45;animation:.26s cubic-bezier(.22,1,.36,1) bub-in;position:relative}@keyframes bub-in{0%{opacity:0;transform:translateY(7px)scale(.98)}to{opacity:1;transform:none}}.bub .t{color:var(--faint);justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;font-size:10.5px;display:flex}.bub.in{background:var(--surface);border-bottom-left-radius:4px;align-self:flex-start}.bub.out{background:var(--wa-bubble);border-bottom-right-radius:4px;align-self:flex-end}.bub.out .t .ico-sm{color:var(--wa);width:14px;height:14px}.bub .quem{color:var(--accent);margin-bottom:2px;font-size:11px;font-weight:600}.composer{background:var(--surface);border-top:1px solid var(--border);padding:11px 16px 13px}.respostas{scrollbar-width:none;gap:7px;margin-bottom:10px;padding-bottom:2px;display:flex;overflow-x:auto}.respostas::-webkit-scrollbar{height:0}.tpl{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;border-radius:20px;padding:6px 11px;font-size:12px;font-weight:500;transition:all .13s}.tpl:hover{border-color:var(--accent);color:var(--accent)}.cbox{background:var(--surface-2);border:1px solid var(--border);border-radius:13px;align-items:flex-end;gap:9px;padding:6px 6px 6px 12px;transition:all .15s;display:flex}.cbox:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.cbox textarea{resize:none;color:var(--fg);background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:6px 0;font-family:inherit;font-size:13.5px;line-height:1.45}.cbox .anexo{color:var(--faint);border-radius:8px;padding:8px}.cbox .anexo:hover{color:var(--fg);background:var(--surface)}.enviar{background:var(--accent);color:#fff;width:38px;height:38px;box-shadow:var(--sh-1);border-radius:10px;flex:none;place-items:center;transition:all .13s;display:grid}.enviar:hover:not(:disabled){filter:brightness(1.06)}.enviar:active:not(:disabled){transform:scale(.92)}.enviar:disabled{opacity:.4;cursor:not-allowed}.side-top{border-bottom:1px solid var(--border);text-align:center;padding:20px 18px 16px}.side-top .bigav{margin:0 auto 10px}.side-top h2{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:600}.side-top .ph{color:var(--muted);margin-top:2px;font-size:12.5px}.side-top .quick{justify-content:center;gap:7px;margin-top:13px;display:flex}.qbtn{max-width:92px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:11px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:9px 4px;font-size:11px;font-weight:550;transition:all .13s;display:flex}.qbtn:hover{border-color:var(--accent);color:var(--accent);background:var(--surface)}.qbtn.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.qbtn.primary:hover{filter:brightness(1.06);color:#fff}@media (max-width:1180px){.work{grid-template-columns:300px 1fr 300px}}@media (max-width:900px){.work{grid-template-columns:1fr}.pane{display:none}.work[data-vista=inbox] .inbox,.work[data-vista=thread] .thread,.work[data-vista=side] .side{display:flex}.th-head .voltar{display:grid}.side{border-left:none}}