:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b141a;--panel:#111b21;--panel-2:#16232b;--border:#22343d;--text:#e9edef;--muted:#8696a0;--accent:#25d366;--accent-dark:#1da851;--danger:#f15c6d;--bubble-in:#202c33;--bubble-out:#005c4b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}button{font:inherit;cursor:pointer;background:var(--accent);color:#06281a;border:none;border-radius:8px;padding:8px 14px;font-weight:600}button:disabled{opacity:.6;cursor:default}button.ghost{color:var(--text);border:1px solid var(--border);background:0 0;font-weight:500}input{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);font:inherit;border-radius:8px;margin-top:6px;padding:10px 12px}label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:14px;font-size:12px;display:block}.muted{color:var(--muted)}.small{font-size:12px}.pad{padding:16px}.error{color:var(--danger);margin-top:12px;font-size:13px}.splash,.login-shell{justify-content:center;align-items:center;min-height:100%;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:min(360px,90vw);padding:28px}.login-card h1{margin:0;font-size:20px}.login-card button{width:100%;margin-top:20px}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:10px 18px;display:flex}.brand{letter-spacing:.02em;font-weight:700}.tabs{gap:6px;display:flex}.tabs button{color:var(--muted);background:0 0;font-weight:500}.tabs button.active{background:var(--panel-2);color:var(--text)}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.user-email{font-size:12px}.pill{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:11px}.pill.open{color:var(--accent);border-color:var(--accent-dark)}.pill.qr{color:#f5c451;border-color:#7a6220}.pill.logged_out,.pill.close{color:var(--danger);border-color:#6a2b34}.workspace{flex:1;min-height:0;display:flex}.workspace.single{justify-content:center}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;width:340px;min-width:260px;min-height:0;display:flex}.sidebar-title{border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 16px;font-weight:600;display:flex}.badge{background:var(--panel-2);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px}.chat-list{flex:1;overflow-y:auto}.chat-item{width:100%;color:var(--text);text-align:left;background:0 0;border-bottom:1px solid #ffffff0a;border-radius:0;align-items:center;gap:12px;padding:10px 14px;font-weight:400;display:flex}.chat-item:hover,.chat-item.active{background:var(--panel-2)}.chat-avatar{width:38px;height:38px;color:var(--accent);background:#2a3942;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.chat-meta{flex:1;min-width:0}.chat-row{justify-content:space-between;gap:8px;display:flex}.chat-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.chat-phone{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.conversation-title{align-items:baseline;gap:10px;display:flex}.chat-time{color:var(--muted);flex-shrink:0;font-size:11px}.chat-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.conversation{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.conversation.centered{justify-content:center;align-items:center}.conversation-header{background:var(--panel);border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding:12px 20px;display:flex}.conversation-header h2{margin:0;font-size:16px}.message-list{background:#0d171d;flex-direction:column;flex:1;gap:8px;padding:20px;display:flex;overflow-y:auto}.bubble{background:var(--bubble-in);border-radius:10px;align-self:flex-start;max-width:min(620px,78%);padding:8px 12px}.bubble.out{background:var(--bubble-out);align-self:flex-end}.bubble-head{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:4px;font-size:11px;display:flex}.bubble-text{white-space:pre-wrap;word-break:break-word;line-height:1.4}.media-image{border-radius:8px;max-width:100%;display:block}.media-audio{width:260px;max-width:100%}.media-video{border-radius:8px;max-width:100%;display:block}.media-file{color:#9be7c4}.qr-card{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:16px;width:min(420px,90vw);padding:28px}.qr-card h2{margin-top:0}.qr-card button{margin-top:16px}.qr-link{border-top:1px solid var(--border);text-align:left;margin-top:24px;padding-top:20px}.qr-link h3{margin:0 0 8px;font-size:14px}.qr-link select{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);font:inherit;border-radius:8px;margin-top:6px;padding:10px 12px}.qr-link-url{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.qr-link-actions{gap:8px;display:flex}.qr-link-actions button{flex:1;margin-top:8px}.qr-link>button{width:100%}.qr-image{background:#fff;border-radius:12px;width:300px;max-width:100%;height:300px;margin:16px auto 8px;padding:10px;display:block}.status-dot{border-radius:50%;width:12px;height:12px;margin:12px auto}.status-dot.online{background:var(--accent)}.status-dot.offline{background:var(--danger)}.status-dot.pending{background:#f5c451}code{background:var(--panel-2);border-radius:6px;padding:2px 8px;font-size:12px}@media (width<=720px){.sidebar{width:100%}.workspace{flex-direction:column}.workspace:not(.single) .conversation,.user-email{display:none}}