:root{--wa-green: #075e54;--wa-teal: #128c7e;--bg: #111b21;--panel: #202c33;--panel-2: #2a3942;--txt: #e9edef;--muted: #8696a0;--line: #2f3b43;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--txt)}.login-wrap{height:100%;display:grid;place-items:center}.login-card{background:var(--panel);padding:32px;border-radius:12px;width:320px;display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0 0 8px;color:var(--wa-green)}.login-card input,.login-card button{padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--txt);font-size:14px}.login-card button{background:var(--wa-teal);border:none;cursor:pointer;font-weight:600}.login-card button:disabled{opacity:.6}.login-err{color:#f6a3a3;font-size:13px}.inbox-shell{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.topbar button{margin-left:auto;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:6px 10px;cursor:pointer}.rt-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.rt-open{background:#25d366}.rt-reconnecting{background:#e0a23b}.rt-closed{background:#777}.panes{flex:1;display:grid;grid-template-columns:320px 1fr 320px;min-height:0}.pane{overflow:auto;padding:12px;border-right:1px solid var(--line)}.pane-contact{border-right:none}.dbg{font-size:11px;color:var(--muted);white-space:pre-wrap}.cl,.th,.cd{display:flex;flex-direction:column;height:100%;gap:8px}.cl-tabs{display:flex;gap:4px}.cl-tabs button,.th-modes button{flex:1;background:var(--panel-2);color:var(--muted);border:none;padding:6px;border-radius:6px;cursor:pointer}.cl-tabs button.on,.th-modes button.on{background:var(--wa-teal);color:#fff}.th-modes button.note.on{background:#b8860b}.cl-search,.th-composer input,.cd-inline input{background:var(--panel-2);border:1px solid var(--line);color:var(--txt);border-radius:6px;padding:8px;width:100%}.cl-items{overflow:auto;flex:1}.cl-item{display:flex;gap:10px;padding:8px;border-radius:8px;cursor:pointer}.cl-item:hover,.cl-item.sel{background:var(--panel-2)}.cl-av{width:38px;height:38px;border-radius:50%;background:var(--wa-green);display:grid;place-items:center;font-size:12px;font-weight:700}.cl-body{flex:1;min-width:0}.cl-row{display:flex;justify-content:space-between;gap:8px}.cl-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-time,.cd-act-time{color:var(--muted);font-size:11px}.cl-prev{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-badge{background:#25d366;color:#04221a;border-radius:10px;padding:0 6px;font-size:11px;font-weight:700}.cl-assigned{font-size:10px;color:#e0a23b}.cl-empty,.th-empty,.cl-search::placeholder{color:var(--muted)}.th-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:6px}.th-status{margin-left:8px;font-size:11px;padding:2px 6px;border-radius:6px;background:var(--panel-2);color:var(--muted)}.th-actions{display:flex;gap:6px;align-items:center}.th-actions button{background:var(--panel-2);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:5px 9px;cursor:pointer}.th-collision{color:#f0b232;font-size:12px}.th-feed{flex:1;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:8px 4px}.bub{max-width:70%;padding:6px 10px;border-radius:8px;background:var(--panel-2)}.bub.outbound{align-self:flex-end;background:#056162}.bub.pending{opacity:.6}.bub-meta{font-size:10px;color:var(--muted);margin-top:2px}.note{align-self:center;background:#3a2f12;border:1px solid #6b5413;color:#f3e2b0;padding:6px 10px;border-radius:8px;font-size:13px;max-width:80%}.note-tag{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#d8b24a}.th-composer{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:8px}.th-modes{display:flex;gap:4px}.th-composer button[type=submit]{background:var(--wa-teal);color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer}.cd{overflow:auto}.cd h3{margin:0}.cd-sub{color:var(--muted);font-size:13px}.cd h4{margin:12px 0 6px;border-bottom:1px solid var(--line);padding-bottom:4px}.cd-tags,.cd-inline{display:flex;flex-wrap:wrap;gap:6px}.cd-inline{margin-top:6px}.tag{background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:12px;padding:3px 10px;cursor:pointer;font-size:12px}.tag.on{background:var(--wa-teal);color:#fff}.cd-inline button{background:var(--wa-teal);color:#fff;border:none;border-radius:6px;padding:0 12px;cursor:pointer}.cd-deal{display:flex;justify-content:space-between;background:var(--panel-2);padding:6px 10px;border-radius:6px;margin-bottom:4px}.cd-deal-meta,.cd-act-kind{color:var(--muted);font-size:12px}.cd-acts{list-style:none;padding:0;margin:0}.cd-acts li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--line);font-size:12px}.nav{display:flex;gap:4px;margin-left:16px}.nav a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:6px;font-size:14px}.nav a.nav-on{background:var(--panel-2);color:var(--txt)}.content{flex:1;min-height:0;overflow:auto}.content .panes{height:100%}.rt-float{position:fixed;right:14px;bottom:14px;z-index:5}.kb{display:flex;gap:12px;padding:16px;height:100%;overflow:auto}.kb-empty,.gs,.imp,.nt,.an{padding:20px}.kb-col{background:var(--panel);border-radius:8px;min-width:240px;width:240px;padding:8px;display:flex;flex-direction:column;gap:6px}.kb-col-head{display:flex;justify-content:space-between;font-weight:600;padding:4px 6px;border-bottom:1px solid var(--line)}.kb-count{color:var(--muted)}.kb-card{background:var(--panel-2);border-radius:6px;padding:8px;cursor:grab}.kb-card-meta{color:var(--muted);font-size:12px;margin-top:4px}.gs-box{width:100%;max-width:560px;background:var(--panel-2);border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:10px 14px;font-size:15px}.gs-res{margin-top:14px;max-width:720px}.gs-row{padding:6px 0;border-bottom:1px solid var(--line)}.gs-sub{color:var(--muted);font-size:12px}.imp section,.nt section{margin-bottom:22px;max-width:640px}.imp-hint{color:var(--muted);font-size:13px}.imp-sum{margin-top:10px;background:var(--panel-2);padding:10px;border-radius:6px}.imp-err{color:#f0b6b6;font-size:12px}.nt-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}.nt-row.read{opacity:.5}.nt-prefs{display:flex;gap:16px;margin-bottom:10px}.nt button,.imp-sum+button,.nt-row button{background:var(--wa-teal);color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer}.nt button:disabled{opacity:.5}.an-cards{display:flex;gap:12px;flex-wrap:wrap}.an-card{background:var(--panel);border-radius:8px;padding:16px 22px;min-width:120px}.an-n{font-size:26px;font-weight:700}.an-l{color:var(--muted);font-size:12px}.an-bars{list-style:none;padding:0;max-width:480px}.an-bars li{display:flex;align-items:center;gap:10px;padding:4px 0}.an-bar{height:12px;background:var(--wa-teal);border-radius:6px;display:inline-block}