:root{--bg:#f0f2f5;--panel:#ffffff;--border:#e4e7eb;--accent:#0ea5e9;--accent-dark:#0284c7;--text:#111827;--muted:#6b7280;--bubble-in:#ffffff;--bubble-out:#d9fdd3;--bubble-human:#cfe9ff}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}.login-wrap{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:28px;width:100%;max-width:360px;box-shadow:0 8px 30px rgba(0,0,0,.06)}.login-card h1{margin:0 0 4px;font-size:22px}.login-card p{margin:0 0 20px;color:var(--muted);font-size:14px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:9px;font-size:15px;font-family:inherit;outline:none}input:focus,textarea:focus{border-color:var(--accent)}button{cursor:pointer;border:none;border-radius:9px;font-size:15px;font-weight:600;font-family:inherit}.btn-primary{background:var(--accent);color:#fff;padding:11px 16px;width:100%}.btn-primary:hover{background:var(--accent-dark)}.btn-primary:disabled{opacity:.6;cursor:default}.error{color:#dc2626;font-size:13px;margin-top:8px}.inbox{display:grid;grid-template-columns:340px 1fr;height:100vh}.inbox,.list{overflow:hidden}.list{border-right:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0;min-width:0}.list-header,.thread-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.list-header h2{margin:0;font-size:17px}.filters{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border)}.chip{background:#f3f4f6;color:var(--muted);padding:6px 12px;border-radius:999px;font-size:13px}.chip.active{background:var(--accent);color:#fff}.push-banner{width:100%;text-align:center;padding:10px 12px;border:none;border-bottom:1px solid var(--border);background:#eff6ff;color:var(--accent-dark);font-size:13px;font-weight:600}.push-banner:hover{background:#dbeafe}.push-banner.denied{background:#fef2f2;color:#b91c1c;cursor:default;font-weight:500}.threads{overflow-y:auto;flex:1 1;min-height:0}.thread-item{padding:12px 16px;border-bottom:1px solid #f1f3f5;cursor:pointer;display:flex;gap:10px;align-items:center;min-width:0}.thread-item:hover{background:#f9fafb}.thread-item.sel{background:#e8f5fd}.thread-main{flex:1 1;min-width:0}.thread-name{font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}.thread-preview{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-state{font-size:11px;padding:1px 7px;border-radius:999px}.st-bot{background:#e0f2fe;color:#0369a1}.st-human{background:#fef3c7;color:#b45309}.st-off{background:#f3f4f6;color:#6b7280}.unread{background:#22c55e;color:#fff;font-size:11px;min-width:20px;height:20px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 6px}.thread{display:flex;flex-direction:column;min-height:0;min-width:0;background:#efeae2}.thread-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted)}.messages{flex:1 1;min-width:0;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:6px}.bubble{max-width:70%;padding:8px 12px;border-radius:10px;font-size:14px;line-height:1.35;box-shadow:0 1px 1px rgba(0,0,0,.06);overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;min-width:0}.bubble .meta{display:block;font-size:10px;color:var(--muted);margin-top:3px}.b-in{align-self:flex-start;background:var(--bubble-in)}.b-bot{background:var(--bubble-out)}.b-bot,.b-human{align-self:flex-end}.b-human{background:var(--bubble-human)}.b-failed{border:1px solid #dc2626}.composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);background:var(--panel);align-items:flex-end}.composer textarea{resize:none;max-height:120px}.btn-send{background:var(--accent);color:#fff;padding:10px 18px}.btn-ghost{background:#f3f4f6;color:var(--text);padding:8px 12px;font-size:13px}.window-warn{padding:10px 12px;background:#fef3c7;color:#92400e;font-size:13px;border-top:1px solid var(--border);text-align:center}.btn-back{display:none;align-items:center;justify-content:center;background:transparent;color:var(--accent);font-size:26px;line-height:1;padding:0 6px}@media (max-width:768px){.inbox{grid-template-columns:1fr}.list{border-right:none}.inbox .thread,.inbox.has-sel .list{display:none}.inbox.has-sel .thread{display:flex}.btn-back{display:inline-flex}.bubble{max-width:85%}.filters,.list-header,.thread-header{padding-left:12px;padding-right:12px}}@media (max-width:420px){.bubble{max-width:92%}}