:root{--bg:#eceff3;--surface:#fff;--sunk:#f4f6f8;--fg:#17202a;--muted:#5e6b79;--line:#d8dee6;--accent:#0f7b6c;--accent-ink:#fff;--accent-soft:#e0f2ee;--ok:#1d7f3a;--ok-soft:#e3f4e8;--bad:#b4372b;--bad-soft:#fbe9e7;--warn:#9a6400;--warn-soft:#fdf2dc;--ai:#6b46c1;--ai-soft:#efe9fb;--thread:#efeae4;--in:#fff;--out:#d9f3ec;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#10151a;--surface:#1a2129;--sunk:#141a21;--fg:#e6ebf0;--muted:#93a1b0;--line:#2c3642;--accent:#3cc1ad;--accent-ink:#06201c;--accent-soft:#16332f;--ok:#5ccf7d;--ok-soft:#173222;--bad:#f08273;--bad-soft:#3a1d1a;--warn:#e8b14f;--warn-soft:#352a12;--ai:#b79df5;--ai-soft:#2a2244;--thread:#151b21;--in:#232c36;--out:#163a33;color-scheme:dark}}*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--surface);color:var(--fg);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--sunk);color:var(--fg);width:100%}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login section{width:min(360px,100%);display:grid;grid-gap:10px;gap:10px;justify-items:center;text-align:center}.login h1{margin:0;font-size:20px}.login p{margin:0;color:var(--muted);font-size:14px}.login-form{width:100%;display:grid;grid-gap:8px;gap:8px;text-align:left;margin-top:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}.login-form label{font-size:13px;color:var(--muted)}.login-error{color:var(--bad)!important;background:var(--bad-soft);border-radius:8px;padding:8px 10px}.app{height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);background:var(--surface)}.shell{display:flex}.pane,.shell{flex:1 1;min-height:0}.pane{display:none;flex-direction:column;min-width:0;position:relative}.app[data-pane=chat] .pane-chat,.app[data-pane=info] .pane-info,.app[data-pane=list] .pane-list,.app[data-pane=page] .pane-page{display:flex}.pane-chat{background:var(--thread)}.pane-info,.pane-page{background:var(--sunk)}.rail{display:none}.tabbar{display:flex;border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0)}.app[data-pane=chat] .tabbar,.app[data-pane=info] .tabbar{display:none}.nb{flex:1 1;border:0;background:transparent;display:grid;justify-items:center;grid-gap:1px;gap:1px;font-size:11px;color:var(--muted);padding:8px 0;position:relative}.nb span{font-size:20px;line-height:1.1}.nb.on{color:var(--accent);font-weight:600}.nb em{position:absolute;top:3px;left:calc(50% + 8px);background:var(--bad);color:#fff;border-radius:999px;font-size:10px;font-style:normal;padding:0 5px;font-weight:700}.only-desk{display:none!important}@media (min-width:900px){.app{background:var(--bg)}.rail{display:flex;width:68px;border-right:1px solid var(--line);background:var(--sunk);flex-direction:column;align-items:center;gap:6px;padding:12px 0}.rail .logo{width:38px;height:38px;border-radius:10px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;margin-bottom:8px}.rail .nb{flex:none;width:54px;border-radius:10px;padding:7px 0}.rail .nb.on{background:var(--accent-soft)}.tabbar{display:none}.app[data-nav=conversas] .pane-list{display:flex;flex:none;width:320px;border-right:1px solid var(--line);background:var(--surface)}.app[data-nav=conversas] .pane-chat{display:flex}.app[data-nav=conversas][data-open="1"] .pane-info{display:flex;flex:none;width:340px;border-left:1px solid var(--line)}.app:not([data-nav=conversas]) .pane-chat,.app:not([data-nav=conversas]) .pane-info,.app:not([data-nav=conversas]) .pane-list,.app[data-nav=conversas] .pane-page{display:none}.app:not([data-nav=conversas]) .pane-page{display:flex}.pane-page>*{width:min(620px,100%);margin-inline:auto}.only-phone{display:none!important}.only-desk{display:revert!important}}.hd{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--surface);min-height:56px}.hd h2{font-size:19px;margin:0;flex:1 1}.hd .grow{flex:1 1;min-width:0}.hd b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small{font-size:12.5px;color:var(--muted)}.ib{border:0;background:transparent;width:40px;height:40px;border-radius:10px;font-size:19px;flex:none}.ib:hover{background:var(--sunk)}.ib:disabled{opacity:.45}.search{padding:8px 12px 0}.filters{display:flex;gap:6px;padding:8px 12px;overflow-x:auto}.filters button{border:0;background:var(--sunk);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:13px;white-space:nowrap}.filters button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.scroll{flex:1 1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.cv{display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-gap:1px 10px;gap:1px 10px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);align-items:center;width:100%;background:transparent;text-align:left}.cv.on{background:var(--accent-soft)}.av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;grid-row:span 2;flex:none}.av.s{width:38px;height:38px}.cv .last,.cv b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv .last{font-size:13px;color:var(--muted)}.cv time{color:var(--muted)}.badge,.cv time{font-size:11px;justify-self:end}.badge{background:var(--accent);color:var(--accent-ink);font-weight:700;border-radius:999px;min-width:20px;padding:1px 6px;text-align:center}.tag{font-size:11px;font-weight:600;border-radius:5px;padding:1px 7px;background:var(--warn-soft);color:var(--warn);white-space:nowrap}.tag.ok{background:var(--ok-soft);color:var(--ok)}.empty{flex:1 1;display:grid;place-items:center;color:var(--muted);text-align:center;padding:24px}.msgs{flex:1 1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:9px;min-height:0}.bub{background:var(--in);border-radius:13px;padding:7px 10px;max-width:min(520px,84%);box-shadow:0 1px 0 rgba(0,0,0,.05);overflow-wrap:anywhere;position:relative;align-self:flex-start;border:0;text-align:left;white-space:pre-wrap}.bub.out{align-self:flex-end;background:var(--out)}.bub.failed{outline:1px solid var(--bad)}.bub.stk{background:transparent;box-shadow:none;padding:0}.bub.hasr{margin-bottom:9px}.bub img.photo,.bub video{display:block;max-width:100%;max-height:300px;border-radius:9px;margin-bottom:4px}.bub img.sticker{display:block;width:128px;height:128px;object-fit:contain}.bub audio{display:block;width:240px;max-width:100%;height:40px}.bub a.doc{display:block;padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:inherit;text-decoration:none}.meta{display:flex;justify-content:flex-end;gap:6px;font-size:11px;color:var(--muted);margin-top:2px;white-space:normal}.meta.err{color:var(--bad)}.quote{border-left:3px solid var(--accent);background:rgba(127,127,127,.14);border-radius:5px;padding:3px 8px;font-size:12.5px;margin-bottom:4px;max-height:40px;overflow:hidden;white-space:normal}.fwd,.quote{display:block;color:var(--muted)}.fwd{font-size:11.5px;font-style:italic}.react{position:absolute;bottom:-11px;left:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:0 6px;font-size:13px;line-height:20px}.linkchip{display:block;margin-top:6px;border-radius:8px;background:var(--accent-soft);color:var(--accent);padding:6px 9px;font-size:13px;font-weight:600;white-space:normal}.replybar{display:flex;gap:8px;align-items:center;padding:6px 10px;border-top:1px solid var(--line);background:var(--surface)}.replybar .quote{flex:1 1;margin:0;white-space:nowrap;text-overflow:ellipsis}.err{margin:0;padding:6px 12px;font-size:13px;color:var(--bad);background:var(--bad-soft);display:flex;justify-content:space-between;gap:8px}.err button{border:0;background:transparent;text-decoration:underline;font-size:12.5px}.tray{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;background:var(--surface);border-top:1px solid var(--line);max-height:190px;overflow-y:auto;align-items:center}.tray button{border:0;background:transparent;font-size:25px;padding:2px 5px;border-radius:8px}.tray button img{width:60px;height:60px;object-fit:contain;display:block}.tray.opts{flex-wrap:nowrap}.tray .wide,.tray.opts button{font-size:13px;border:1px solid var(--line);padding:10px 4px;background:var(--sunk);flex:1 1;min-width:0;white-space:nowrap}.tray .wide{flex:none;padding:9px 12px;border-style:dashed}.comp{display:flex;gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom, 0px));background:var(--surface);border-top:1px solid var(--line);align-items:flex-end}.comp textarea{resize:none;height:42px;max-height:136px;flex:1 1;min-width:0;border-radius:21px;line-height:1.35;padding:10px 14px;overflow-y:auto;font-size:16px}.send{width:44px;height:44px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-ink);flex:none;font-size:18px}.send.rec{background:var(--bad);color:#fff;animation:rec 1s infinite}.send:disabled{opacity:.6}@keyframes rec{50%{opacity:.5}}.recnote{flex:1 1;color:var(--bad);font-weight:600;align-self:center;padding-left:8px}.tabs{display:flex;background:var(--surface);border-bottom:1px solid var(--line)}.tabs button{flex:1 1;border:0;background:transparent;padding:11px 4px;color:var(--muted);border-bottom:2px solid transparent}.tabs button.on{color:var(--fg);border-bottom-color:var(--accent);font-weight:600}.pad{grid-gap:10px;gap:10px;align-content:start}.card,.pad{padding:12px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-gap:8px;gap:8px;min-width:0}.lbl{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600}.item{display:flex;gap:10px;align-items:center;min-width:0}.item img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:8px;flex:none}.cp{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--line);cursor:pointer}.cp:first-of-type{border-top:0}.cp input{width:auto;margin-top:3px}.cp>span{flex:1 1;min-width:0}.cp b.off{white-space:nowrap;color:var(--ok)}.cp b.off,.total{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.total{display:flex;justify-content:space-between;align-items:baseline}.total b{font-size:21px}.btn{border:0;border-radius:10px;padding:11px 14px;font-weight:600;background:var(--accent);color:var(--accent-ink);text-align:center;text-decoration:none}.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line);font-weight:500}.btn:disabled{opacity:.55;cursor:default}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.stats div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.stats b{display:block;font-size:17px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ev{display:grid;grid-template-columns:30px minmax(0,1fr);grid-gap:10px;gap:10px;padding-bottom:12px;position:relative}.ev:before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:2px;background:var(--line)}.ev:last-child:before{display:none}.ev .ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);font-size:14px;z-index:1}.ev time{font-size:11.5px;color:var(--muted)}.sw{width:46px;height:26px;border-radius:999px;border:0;background:var(--line);position:relative;flex:none}.sw:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}.sw[aria-checked=true]{background:var(--accent)}.sw[aria-checked=true]:after{left:23px}.veil{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--surface);width:100%;max-height:84dvh;overflow-y:auto;border-radius:18px 18px 0 0;padding:10px 14px calc(16px + env(safe-area-inset-bottom, 0px));display:grid;grid-gap:10px;gap:10px}.sheet .grip{width:40px;height:4px;border-radius:2px;background:var(--line);justify-self:center}.rx{display:flex;justify-content:space-between;gap:4px}.rx button{border:0;background:var(--sunk);border-radius:50%;width:46px;height:46px;font-size:23px}.rx button.on{background:var(--accent-soft)}.opt{display:flex;gap:12px;align-items:center;border:0;background:transparent;padding:12px 4px;text-align:left;width:100%;border-top:1px solid var(--line);font-size:16px}.opt.danger{color:var(--bad)}.pick{display:flex;gap:10px;align-items:center;padding:8px 2px}.pick input{width:auto}@media (min-width:900px){.veil{align-items:center}.sheet{width:400px;border-radius:14px;padding:16px}.sheet .grip{display:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}