*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--bg-surface: #1a1d27;--bg-hover: #252836;--bg-selected: #2d3147;--border: #2e3245;--text: #e4e6f0;--text-muted: #8b8fa3;--accent: #4f8cff;--accent-hover: #6ba0ff;--green: #34c759;--orange: #ff9f0a;--red: #ff453a;--msg-in-bg: #1e2130;--msg-out-bg: #1a3a5c;--radius: 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.app-header h1{font-size:18px;font-weight:600}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:340px;min-width:280px;border-right:1px solid var(--border);overflow-y:auto;background:var(--bg-surface)}.sidebar-loading,.sidebar-error{padding:20px;color:var(--text-muted)}.convo-list{list-style:none}.convo-list-empty{padding:40px 20px;text-align:center;color:var(--text-muted)}.convo-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.convo-item:hover{background:var(--bg-hover)}.convo-item.selected{background:var(--bg-selected);border-left:3px solid var(--accent)}.convo-item.closed{opacity:.6}.convo-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.convo-phone{font-weight:600;font-size:14px}.convo-item-meta{display:flex;gap:8px;font-size:12px;color:var(--text-muted)}.convo-window-closed{color:var(--orange)}.status-badges{display:flex;gap:4px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-unassigned{background:#3a2e00;color:var(--orange)}.badge-assigned{background:#002e1a;color:var(--green)}.badge-closed{background:#1a1a2e;color:var(--text-muted)}.badge-window-closed{background:#3a2200;color:var(--orange)}.badge-sla{font-size:10px}.sla-pending{background:#1a2e3a;color:var(--accent)}.sla-urgent{background:#3a2200;color:var(--orange)}.sla-breached{background:#3a0000;color:var(--red)}.sla-met{background:#002e1a;color:var(--green)}.main-panel{flex:1;display:flex;overflow:hidden}.no-selection{display:flex;align-items:center;justify-content:center;width:100%;color:var(--text-muted);font-size:16px}.thread{display:flex;flex-direction:column;width:100%;height:100%}.thread-loading,.thread-error{padding:20px;color:var(--text-muted)}.thread-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.thread-header-info{display:flex;align-items:center;gap:10px}.thread-header-info h2{font-size:16px;font-weight:600}.thread-assigned{color:var(--text-muted);font-size:13px}.thread-actions{display:flex;gap:8px}.thread-closed-label{color:var(--text-muted);font-style:italic}.thread-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.msg-bubble{max-width:70%;padding:10px 14px;border-radius:var(--radius);word-wrap:break-word;white-space:pre-wrap}.msg-in{align-self:flex-start;background:var(--msg-in-bg);border-bottom-left-radius:2px}.msg-out{align-self:flex-end;background:var(--msg-out-bg);border-bottom-right-radius:2px}.msg-body{margin-bottom:4px}.msg-media{display:inline-block;margin-top:4px;color:var(--accent);font-size:12px}.msg-meta{display:flex;gap:8px;font-size:11px;color:var(--text-muted);justify-content:flex-end}.msg-failed{color:var(--red)}.msg-status{align-self:center;padding:4px 12px;font-size:11px;color:var(--text-muted);background:var(--bg-surface);border-radius:10px}.reply-box{padding:12px 20px;border-top:1px solid var(--border);background:var(--bg-surface)}.reply-box-disabled{color:var(--text-muted);font-style:italic;text-align:center;padding:16px}.reply-window-warning{margin-bottom:8px;padding:6px 10px;background:#3a2200;color:var(--orange);border-radius:var(--radius);font-size:12px}.reply-error{margin-bottom:8px;padding:6px 10px;background:#3a0000;color:var(--red);border-radius:var(--radius);font-size:12px}.reply-input-row{display:flex;gap:8px}.reply-input{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:14px;font-family:inherit;resize:none;outline:none}.reply-input:focus{border-color:var(--accent)}.btn{padding:8px 16px;border:none;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-claim{background:var(--accent);color:#fff}.btn-claim:hover:not(:disabled){background:var(--accent-hover)}.btn-release{background:#2a2a3a;color:var(--text);border:1px solid var(--border)}.btn-close{background:#3a0000;color:var(--red)}.btn-send{background:var(--accent);color:#fff;min-width:64px}.btn-send:hover:not(:disabled){background:var(--accent-hover)}.btn-voice{background:var(--green);color:#000;font-weight:600}.voice-widget{display:flex;align-items:center;gap:10px}.voice-widget h3{font-size:13px;font-weight:600;color:var(--text-muted)}.voice-ready{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--green)}.voice-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green)}.voice-hint{font-size:11px;color:var(--text-muted);margin-left:8px}.voice-error{font-size:12px;color:var(--red)}.voice-controls{display:flex;align-items:center;gap:8px}.voice-dial{display:flex;gap:4px}.voice-dial-input{width:130px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:13px;font-family:inherit;outline:none}.voice-dial-input:focus{border-color:var(--accent)}.voice-call-controls{display:flex;align-items:center;gap:6px}.voice-state{font-size:13px;color:var(--text);font-weight:500}.btn-dial,.btn-answer{background:var(--green);color:#000}.btn-hangup{background:var(--red);color:#fff}.btn-hold{background:#2a2a3a;color:var(--text);border:1px solid var(--border)}.btn-disconnect{background:transparent;color:var(--text-muted);border:1px solid var(--border);font-size:11px;padding:4px 10px}.convo-list-container{display:flex;flex-direction:column;height:100%}.convo-filters{display:flex;border-bottom:1px solid var(--border);padding:0 4px;background:var(--bg-surface);flex-shrink:0}.filter-tab{flex:1;padding:10px 4px;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:4px}.filter-tab:hover{color:var(--text)}.filter-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:10px;font-weight:700}.convo-search{padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.convo-search-input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:13px;font-family:inherit;outline:none}.convo-search-input:focus{border-color:var(--accent)}.convo-search-input::placeholder{color:var(--text-muted)}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast{padding:10px 18px;border-radius:var(--radius);font-size:13px;font-weight:500;animation:toast-in .25s ease-out,toast-out .3s ease-in 3.7s;pointer-events:auto;box-shadow:0 4px 16px #0006}.toast-success{background:#0a3a1a;color:var(--green);border:1px solid #1a5a2a}.toast-error{background:#3a0a0a;color:var(--red);border:1px solid #5a1a1a}.toast-info{background:#0a1a3a;color:var(--accent);border:1px solid #1a2a5a}@keyframes toast-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.no-selection-content{text-align:center}.no-selection-hint{margin-top:12px;font-size:12px;color:var(--text-muted)}kbd{display:inline-block;padding:2px 6px;border:1px solid var(--border);border-radius:4px;background:var(--bg-surface);font-size:11px;font-family:monospace}