*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-rail:#0a0c10;--bg-panel:#0e1117;--bg-thread:#080b0f;--bg-elevated:#131722;--bg-input:#ffffff0a;--bg-hover:#ffffff08;--bg-active:#4f6ef71f;--border-faint:#ffffff0a;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-accent:#4f6ef766;--text-primary:#e8ecf4;--text-secondary:#8b95a7;--text-muted:#4a5568;--text-faint:#2d3748;--accent:#4f6ef7;--accent-hover:#4060e8;--accent-dim:#4f6ef726;--accent-glow:#4f6ef74d;--green:#22c55e;--green-dim:#22c55e1f;--amber:#f59e0b;--amber-dim:#f59e0b1f;--red:#ef4444;--red-dim:#ef44441f;--purple:#9333ea;--ch-sms:#4f6ef7;--ch-whatsapp:#25d366;--ch-note:#f59e0b;--ch-voice:#9333ea;--rail-w:140px;--list-w:320px;--right-w:280px;--header-h:52px;--r-xs:4px;--r-sm:6px;--r-md:9px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--shadow-sm:0 1px 4px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 16px 48px #000000bf;--shadow-xl:0 32px 80px #000000d9;--fast:.12s;--normal:.2s;--ease:cubic-bezier(.25,.46,.45,.94);--spring:cubic-bezier(.34,1.56,.64,1)}[data-theme=dark-pro]{--bg-rail:#0a0c10;--bg-panel:#0e1117;--bg-thread:#080b0f;--bg-elevated:#131722;--bg-input:#ffffff0a;--bg-hover:#ffffff08;--bg-active:#4f6ef71f;--border-faint:#ffffff0a;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-accent:#4f6ef766;--text-primary:#e8ecf4;--text-secondary:#8b95a7;--text-muted:#4a5568;--text-faint:#2d3748;--accent:#4f6ef7;--accent-hover:#4060e8;--accent-dim:#4f6ef726;--accent-glow:#4f6ef74d;--green:#22c55e;--green-dim:#22c55e1f;--amber:#f59e0b;--amber-dim:#f59e0b1f;--red:#ef4444;--red-dim:#ef44441f;--shadow-sm:0 1px 4px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 16px 48px #000000bf;--shadow-xl:0 32px 80px #000000d9}[data-theme=midnight]{--bg-rail:#050913;--bg-panel:#080f1e;--bg-thread:#040710;--bg-elevated:#0d1628;--bg-input:#ffffff0a;--bg-hover:#ffffff08;--bg-active:#3b82f624;--border-faint:#ffffff0a;--border-subtle:#ffffff12;--border-medium:#ffffff1c;--border-accent:#3b82f666;--text-primary:#e2e8f6;--text-secondary:#7d8fad;--text-muted:#3d5070;--text-faint:#253550;--accent:#3b82f6;--accent-hover:#2563eb;--accent-dim:#3b82f626;--accent-glow:#3b82f64d;--shadow-sm:0 1px 4px #0009;--shadow-md:0 4px 16px #000000b3;--shadow-lg:0 16px 48px #000c;--shadow-xl:0 32px 80px #000000e6}[data-theme=midnight] .msg-row.out .msg-bubble{background:#172554;border-color:#3b82f659}[data-theme=carbon]{--bg-rail:#0f0f0e;--bg-panel:#161513;--bg-thread:#0c0c0b;--bg-elevated:#1c1a17;--bg-input:#ffffff0a;--bg-hover:#ffffff08;--bg-active:#f973161f;--border-faint:#ffffff0a;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-accent:#f9731666;--text-primary:#f0ede8;--text-secondary:#9d9690;--text-muted:#5c554d;--text-faint:#3a3530;--accent:#f97316;--accent-hover:#ea6c12;--accent-dim:#f9731626;--accent-glow:#f9731647;--shadow-sm:0 1px 4px #0000008c;--shadow-md:0 4px 16px #000000a6;--shadow-lg:0 16px 48px #000000c7;--shadow-xl:0 32px 80px #000000e0}[data-theme=carbon] .msg-row.out .msg-bubble{color:#fed7aa;background:#431407;border-color:#f9731659}[data-theme=carbon] .compose-send-btn{background:#f97316}[data-theme=carbon] .compose-send-btn:hover{background:#ea6c12}[data-theme=carbon] .btn-primary{background:#f97316}[data-theme=carbon] .btn-primary:hover{background:#ea6c12}[data-theme=arctic]{--bg-rail:#0d1017;--bg-panel:#111620;--bg-thread:#0a0d14;--bg-elevated:#161c28;--bg-input:#ffffff0a;--bg-hover:#ffffff08;--bg-active:#06b6d41f;--border-faint:#ffffff0a;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-accent:#06b6d466;--text-primary:#e8f4fc;--text-secondary:#7ba8c0;--text-muted:#3d607a;--text-faint:#243850;--accent:#06b6d4;--accent-hover:#0891b2;--accent-dim:#06b6d426;--accent-glow:#06b6d447;--shadow-sm:0 1px 4px #0000008c;--shadow-md:0 4px 16px #000000a6;--shadow-lg:0 16px 48px #000000c7;--shadow-xl:0 32px 80px #000000e0}[data-theme=arctic] .msg-row.out .msg-bubble{color:#cffafe;background:#083344;border-color:#06b6d459}[data-theme=arctic] .compose-send-btn{background:#06b6d4}[data-theme=arctic] .compose-send-btn:hover{background:#0891b2}[data-theme=arctic] .btn-primary{background:#06b6d4}[data-theme=arctic] .btn-primary:hover{background:#0891b2}[data-theme=emerald]{--bg-rail:#050e0a;--bg-panel:#08150f;--bg-thread:#040b07;--bg-elevated:#0d1d14;--bg-input:#ffffff0a;--bg-hover:#ffffff08;--bg-active:#10b9811f;--border-faint:#ffffff0a;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-accent:#10b98166;--text-primary:#e8f5ef;--text-secondary:#6dad90;--text-muted:#2e6050;--text-faint:#1c4035;--accent:#10b981;--accent-hover:#059669;--accent-dim:#10b98126;--accent-glow:#10b98147;--shadow-sm:0 1px 4px #0000008c;--shadow-md:0 4px 16px #000000a6;--shadow-lg:0 16px 48px #000000c7;--shadow-xl:0 32px 80px #000000e0}[data-theme=emerald] .msg-row.out .msg-bubble{color:#d1fae5;background:#064e3b;border-color:#10b98159}[data-theme=emerald] .compose-send-btn{background:#10b981}[data-theme=emerald] .compose-send-btn:hover{background:#059669}[data-theme=emerald] .btn-primary{background:#10b981}[data-theme=emerald] .btn-primary:hover{background:#059669}[data-theme=light]{--bg-rail:#f0f2f6;--bg-panel:#fff;--bg-thread:#f4f6fa;--bg-elevated:#fff;--bg-input:#0000000a;--bg-hover:#00000008;--bg-active:#4f6ef714;--border-faint:#0000000d;--border-subtle:#00000014;--border-medium:#00000024;--border-accent:#4f6ef766;--text-primary:#111827;--text-secondary:#374151;--text-muted:#9ca3af;--text-faint:#d1d5db;--accent:#4f6ef7;--accent-hover:#4060e8;--accent-dim:#4f6ef71a;--accent-glow:#4f6ef733;--green:#16a34a;--green-dim:#16a34a1a;--amber:#d97706;--amber-dim:#d977061a;--red:#dc2626;--red-dim:#dc26261a;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 16px 48px #00000029;--shadow-xl:0 32px 80px #0003}[data-theme=light] body{background:var(--bg-thread)}[data-theme=light] .rail,[data-theme=light] .list-panel{border-right-color:#00000014}[data-theme=light] .right-panel{border-left-color:#00000014}[data-theme=light] .conv-header{background:#fff;border-bottom-color:#00000014}[data-theme=light] .compose-bar{background:#fff;border-top-color:#00000014}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=light] .msg-row:not(.out) .msg-bubble{color:#1f2937;background:#fff;border-color:#0000001a}[data-theme=light] .msg-row.out .msg-bubble{color:#fff;background:#4f6ef7;border-color:#4f6ef74d}[data-theme=light] .modal-box,[data-theme=light] .number-dropdown,[data-theme=light] .status-dropdown,[data-theme=light] .presence-menu,[data-theme=light] .quick-replies-panel{background:#fff;border-color:#0000001f}[data-theme=light] .quick-replies-header{background:#fff}[data-theme=light] .toast{color:#111827;background:#fff;border-color:#0000001f}[data-theme=light] .rail-btn:hover{color:#374151;background:#4f6ef714}[data-theme=light] .rail-btn.active{background:#4f6ef724}[data-theme=light] .contact-row:hover{background:#00000008}[data-theme=light] .contact-row.selected{border-left-color:var(--accent);background:#4f6ef714}[data-theme=light] .msg-row.note .msg-bubble{color:#78350f;background:#fffbeb;border-color:#d977064d}[data-theme=light] .msg-row.whatsapp:not(.out) .msg-bubble{color:#14532d;background:#f0fdf4;border-color:#16a34a33}html,body{background:var(--bg-thread);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--r-full);background:#ffffff14}::-webkit-scrollbar-thumb:hover{background:#ffffff29}:focus-visible{outline-offset:2px;border-radius:var(--r-xs);outline:2px solid #4f6ef780}.app-shell{grid-template-columns:var(--rail-w) var(--list-w) 1fr var(--right-w);background:var(--bg-thread);height:100vh;display:grid;overflow:hidden}.rail{width:var(--rail-w);background:var(--bg-rail);border-right:1px solid #ffffff0d;flex-direction:column;align-items:center;height:100vh;display:flex;overflow:hidden}.rail-brand{width:100%;height:var(--header-h);border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:flex-start;align-items:center;gap:10px;padding:0 14px;display:flex}.rail-brand-name{color:var(--text-primary);letter-spacing:-.02em;font-size:14px;font-weight:800}.rail-brand-icon{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rail-nav{flex-direction:column;flex:1;align-items:center;gap:1px;width:100%;padding:10px 8px;display:flex}.rail-btn{width:calc(var(--rail-w) - 16px);border-radius:var(--r-md);height:38px;color:var(--text-muted);cursor:pointer;transition:all var(--fast) var(--ease);text-align:left;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:10px;padding:0 10px;font-family:inherit;font-size:12.5px;font-weight:500;display:flex;position:relative}.rail-btn svg{flex-shrink:0;width:16px;height:16px}.rail-btn:hover{color:var(--text-secondary);background:#4f6ef71a}.rail-btn.active{color:var(--accent);background:#4f6ef72e;box-shadow:0 0 0 1px #4f6ef74d}.rail-btn-label{flex:1;font-size:12.5px;font-weight:500}.rail-badge{background:var(--red);border-radius:var(--r-full);color:#fff;border:2px solid var(--bg-rail);justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px}.rail-bottom{flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 8px;display:flex}.rail-user{background:linear-gradient(135deg, var(--accent), var(--purple));color:#fff;cursor:pointer;width:32px;height:32px;transition:box-shadow var(--fast);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:relative}.rail-user-presence{background:var(--green);border:2px solid var(--bg-rail);border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.presence-menu{z-index:300;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--r-md);box-shadow:var(--shadow-xl);animation:fadeIn var(--fast) var(--ease) both;position:fixed;overflow:hidden}.presence-header{border-bottom:1px solid var(--border-subtle);padding:12px 16px}.presence-item{cursor:pointer;color:var(--text-secondary);transition:background var(--fast);align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.presence-item:hover{background:var(--bg-hover)}.presence-item.selected{color:var(--text-primary);background:var(--bg-active)}.presence-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.list-panel{width:var(--list-w);min-width:var(--list-w);background:var(--bg-panel);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;height:100vh;display:flex;overflow:hidden}.list-header{flex-shrink:0}.search-bar{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--r-md);transition:border-color var(--fast);align-items:center;gap:8px;margin:0 12px 8px;padding:7px 11px;display:flex}.search-bar:focus-within{border-color:#4f6ef766}.search-bar svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.search-bar input::placeholder{color:var(--text-muted)}.from-selector{border:1px solid var(--border-faint);border-radius:var(--r-sm);cursor:pointer;transition:all var(--fast);background:#ffffff06;align-items:center;gap:6px;width:calc(100% - 24px);margin:0 12px 8px;padding:6px 12px;font-family:inherit;font-size:11.5px;display:flex}.from-selector:hover{background:#4f6ef70f;border-color:#4f6ef740}.from-selector-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.from-selector-label{color:var(--text-muted);font-size:10.5px;font-weight:500}.from-selector-number{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.from-selector-vendor{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-left:auto;font-size:9.5px}.from-selector-chevron{width:10px;height:10px;color:var(--text-muted)}.queue-bar{border-bottom:1px solid var(--border-faint);flex-shrink:0;align-items:center;gap:8px;padding:5px 12px;display:flex}.queue-stat{color:var(--text-muted);align-items:center;gap:3px;font-size:11px;display:flex}.queue-stat-val{color:var(--text-secondary);font-size:12px;font-weight:700}.queue-stat-val.urgent{color:var(--red)}.queue-stat-val.warn{color:var(--amber)}.queue-divider{background:var(--border-subtle);width:1px;height:10px;margin:0 2px}.channel-tabs{border-bottom:1px solid var(--border-faint);scrollbar-width:none;flex-shrink:0;display:flex;overflow-x:auto}.channel-tabs::-webkit-scrollbar{display:none}.channel-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--fast);background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:8px 14px;font-family:inherit;font-size:11.5px;font-weight:500;display:flex}.channel-tab:hover{color:var(--text-secondary)}.channel-tab.active.ch-all,.channel-tab.active.ch-sms{color:var(--accent);border-bottom-color:var(--accent)}.channel-tab.active.ch-whatsapp{color:var(--ch-whatsapp);border-bottom-color:var(--ch-whatsapp)}.channel-tab.active.ch-chat{color:#60a5fa;border-bottom-color:#60a5fa}.channel-tab.active.ch-missed{color:var(--red);border-bottom-color:var(--red)}.channel-tab svg{flex-shrink:0;width:13px;height:13px}.channel-tab-count{background:var(--red);color:#fff;border-radius:var(--r-full);justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:800;display:flex}.list-body{flex:1;overflow-y:auto}.contact-row{cursor:pointer;border-bottom:1px solid var(--border-faint);transition:background var(--fast);align-items:flex-start;gap:10px;padding:10px 12px;display:flex;position:relative}.contact-row:hover{background:var(--bg-hover)}.contact-row.selected{border-left:2px solid var(--accent);background:#4f6ef717}.contact-row.selected:hover{background:#4f6ef71f}.contact-row-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex;position:relative}.contact-row-content{flex:1;min-width:0}.contact-row-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.contact-row-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13.5px;font-weight:600;overflow:hidden}.contact-row-time{color:var(--text-muted);flex-shrink:0;margin-left:6px;font-size:10.5px}.contact-row-meta{align-items:center;gap:5px;display:flex}.contact-row-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.ch-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.ch-icon svg{width:8px;height:8px}.ch-icon.sms{color:var(--accent);background:#4f6ef726}.ch-icon.whatsapp{color:var(--ch-whatsapp);background:#25d36626}.ch-icon.chat{color:#60a5fa;background:#60a5fa26}.conv-view{background:var(--bg-thread);border-right:1px solid var(--border-subtle);flex-direction:column;flex:1;min-width:0;display:flex}.conv-header{height:var(--header-h);border-bottom:1px solid var(--border-subtle);background:var(--bg-panel);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.conv-header-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.conv-contact-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.conv-contact-name{color:var(--text-primary);font-size:14px;font-weight:600}.conv-contact-phone{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11.5px}.conv-header-right{align-items:center;gap:4px;display:flex}.from-badge{border-radius:var(--r-full);color:var(--green);cursor:pointer;transition:all var(--fast);background:#22c55e12;border:1px solid #22c55e33;align-items:center;gap:5px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:600;display:flex}.from-badge-dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 5px #22c55e80}.from-badge:hover{background:#22c55e1f}.transfer-btn{border:1px solid var(--border-medium);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--fast);background:0 0;align-items:center;gap:5px;padding:5px 11px;font-family:inherit;font-size:11.5px;font-weight:500;display:flex}.transfer-btn svg{width:12px;height:12px}.transfer-btn:hover{color:var(--accent);border-color:#4f6ef766}.conv-status{border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all var(--fast);flex-shrink:0;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.conv-status.open{background:var(--green-dim);color:var(--green);border:1px solid #22c55e40}.conv-status.pending{background:var(--amber-dim);color:var(--amber);border:1px solid #f59e0b40}.conv-status.resolved{color:#6b7280;background:#3741514d;border:1px solid #37415166}.conv-status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.status-dropdown{z-index:100;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--r-md);box-shadow:var(--shadow-lg);min-width:160px;animation:fadeIn var(--fast) var(--ease) both;position:absolute;overflow:hidden}.status-dropdown-item{cursor:pointer;transition:background var(--fast);align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;display:flex}.status-dropdown-item:hover{background:var(--bg-hover)}.conv-thread{flex-direction:column;flex:1;gap:2px;padding:16px 20px;display:flex;overflow-y:auto}.thread-date{text-align:center;color:var(--text-muted);margin:14px 0;font-size:11px;position:relative}.thread-date:before,.thread-date:after{content:"";background:var(--border-subtle);width:calc(50% - 56px);height:1px;position:absolute;top:50%}.thread-date:before{left:0}.thread-date:after{right:0}.msg-row{align-items:flex-end;gap:8px;max-width:76%;margin-bottom:2px;display:flex}.msg-row.out{flex-direction:row-reverse;align-self:flex-end}.msg-row.same-sender{margin-bottom:1px}.msg-row.same-sender .msg-avatar{visibility:hidden}.msg-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.msg-wrap{flex-direction:column;gap:3px;max-width:100%;display:flex}.msg-bubble{color:var(--text-primary);word-break:break-word;border-radius:12px;padding:9px 13px;font-size:13.5px;line-height:1.5}.msg-row:not(.out) .msg-bubble{background:#161b26;border:1px solid #ffffff12;border-bottom-left-radius:4px}.msg-row.out .msg-bubble{color:#dbeafe;background:#1e3a8a;border:1px solid #4f6ef74d;border-bottom-right-radius:4px}.msg-row.whatsapp:not(.out) .msg-bubble{background:#0b2518;border-color:#25d36633}.msg-row.whatsapp.out .msg-bubble{color:#d1fae5;background:#0a3d1a;border-color:#25d3664d}.msg-row.note .msg-bubble{color:#fde68a;background:#1a1200;border:1px dashed #f59e0b4d}.msg-meta{color:var(--text-muted);align-items:center;gap:5px;padding:0 2px;font-size:10.5px;display:flex}.msg-row.out .msg-meta{justify-content:flex-end}.msg-status svg{width:12px;height:12px}.msg-status.delivered svg,.msg-status.received svg{color:var(--accent)}.msg-status.sent svg{color:var(--text-muted)}.msg-status.failed svg{color:var(--red)}.msg-channel-icon{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--r-full);align-items:center;gap:2px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-flex}.msg-channel-icon.sms{color:var(--accent);background:#4f6ef71a}.msg-channel-icon.whatsapp{color:var(--ch-whatsapp);background:#25d3661a}.msg-channel-icon.note{color:var(--ch-note);background:#f59e0b1a}.note-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ch-note);align-items:center;gap:4px;margin-bottom:3px;font-size:10px;font-weight:700;display:flex}.conv-placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.conv-placeholder-icon{opacity:.12;width:64px;height:64px;color:var(--accent);margin-bottom:16px}.conv-placeholder-title{color:var(--text-secondary);margin-bottom:8px;font-size:16px;font-weight:600}.compose-bar{border-top:1px solid var(--border-subtle);background:var(--bg-panel);flex-shrink:0;position:relative}.compose-mode-tabs{border-bottom:1px solid var(--border-faint);display:flex}.compose-mode-tab{cursor:pointer;color:var(--text-muted);transition:all var(--fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.compose-mode-tab:hover{color:var(--text-secondary)}.compose-mode-tab.active.mode-sms{color:var(--accent);border-bottom-color:var(--accent)}.compose-mode-tab.active.mode-whatsapp{color:var(--ch-whatsapp);border-bottom-color:var(--ch-whatsapp)}.compose-mode-tab.active.mode-note{color:var(--ch-note);border-bottom-color:var(--ch-note)}.compose-mode-tab svg{width:13px;height:13px}.compose-from-row,.compose-to-row{border-bottom:1px solid var(--border-faint);align-items:center;gap:8px;padding:6px 16px;display:flex}.compose-from-label,.compose-to-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;width:30px;font-size:10.5px;font-weight:600}.compose-to-value{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:12.5px}.number-dropdown-btn{cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:0;font-family:inherit;display:flex}.number-dd-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.number-dd-vendor{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-radius:var(--r-xs);background:#ffffff0d;margin-left:4px;padding:1px 5px;font-size:9.5px}.number-dd-chevron{width:12px;height:12px;color:var(--text-muted);margin-left:auto}.compose-body-area{padding:10px 16px}.compose-textarea{resize:none;width:100%;min-height:56px;max-height:150px;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:13.5px;line-height:1.6}.compose-textarea::placeholder{color:var(--text-muted)}.compose-footer{border-top:1px solid var(--border-faint);justify-content:space-between;align-items:center;padding:8px 16px 10px;display:flex}.compose-tools{align-items:center;gap:4px;display:flex}.compose-char-count{color:var(--text-muted);margin-left:6px;font-family:JetBrains Mono,monospace;font-size:11px}.compose-char-count.warn{color:var(--amber)}.compose-char-count.over{color:var(--red)}.compose-send-btn{background:var(--accent);color:#fff;cursor:pointer;transition:all var(--fast);border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.compose-send-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.compose-send-btn:active{transform:translateY(0)}.compose-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.compose-send-btn svg{width:14px;height:14px}.quick-replies-panel{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--r-lg) var(--r-lg) 0 0;z-index:50;max-height:280px;animation:slideUp var(--fast) var(--ease) both;border-bottom:none;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 -16px 40px #0009}.quick-replies-header{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);align-items:center;gap:8px;padding:10px 16px;font-size:10.5px;font-weight:700;display:flex;position:sticky;top:0}.quick-reply-item{cursor:pointer;border-bottom:1px solid var(--border-faint);transition:background var(--fast);align-items:flex-start;gap:10px;padding:9px 16px;display:flex}.quick-reply-item:last-child{border-bottom:none}.quick-reply-item:hover{background:#4f6ef712}.qr-shortcut{color:var(--accent);background:var(--accent-dim);border-radius:var(--r-xs);border:1px solid #4f6ef740;flex-shrink:0;margin-top:2px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.qr-info{flex:1;min-width:0}.qr-title{color:var(--text-primary);font-size:13px;font-weight:600}.qr-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.right-panel{width:var(--right-w);min-width:var(--right-w);background:var(--bg-panel);border-left:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;height:100vh;display:flex;overflow-y:auto}.rp-section{border-bottom:1px solid var(--border-faint);flex-shrink:0;padding:14px 16px}.rp-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.rp-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:10.5px;font-weight:700}.rp-section-action{color:var(--accent);cursor:pointer;transition:color var(--fast);background:0 0;border:none;padding:0;font-size:11.5px;font-weight:600}.rp-section-action:hover{color:#7c9ff5}.contact-card-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:19px;font-weight:700;display:flex}.contact-card-name{color:var(--text-primary);font-size:15px;font-weight:700}.contact-card-phone{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px}.contact-card-company{color:var(--text-secondary);font-size:12px}.contact-card-actions{gap:6px;margin-top:8px;display:flex}.contact-card-action{border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:all var(--fast);background:#ffffff0a;border-radius:7px;justify-content:center;align-items:center;display:flex}.contact-card-action:hover{color:var(--accent);background:#4f6ef71f;border-color:#4f6ef759}.contact-card-action svg{width:13px;height:13px}.stats-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.stat-cell{border:1px solid var(--border-subtle);text-align:center;background:#ffffff06;border-radius:7px;padding:8px 10px}.stat-val{color:var(--accent);font-size:20px;font-weight:800;line-height:1.1}.stat-lbl{color:var(--text-muted);margin-top:2px;font-size:10px}.tag-chip{border-radius:var(--r-full);color:#7c9ff5;background:#4f6ef71a;border:1px solid #4f6ef738;padding:2px 8px;font-size:10.5px;font-weight:600}.integration-row{border-bottom:1px solid var(--border-faint);align-items:center;gap:10px;padding:7px 0;display:flex}.integration-row:last-child{border-bottom:none}.integration-logo{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.integration-info{flex:1;min-width:0}.integration-name{color:var(--text-secondary);font-size:12.5px;font-weight:600}.integration-detail{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.status-dot{border-radius:50%;width:7px;height:7px}.teams-send-btn{color:#818cf8;cursor:pointer;width:100%;transition:all var(--fast);background:0 0;border:1px solid #6264f04d;border-radius:7px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:8px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.teams-send-btn svg{width:13px;height:13px}.teams-send-btn:hover{background:#6264f01a;border-color:#6264f080}.teams-send-btn:disabled{opacity:.5;cursor:not-allowed}.number-dropdown{z-index:200;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);min-width:320px;max-height:420px;animation:fadeIn var(--fast) var(--ease) both;position:fixed;overflow-y:auto}.number-dropdown-header{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);align-items:center;gap:8px;padding:10px 14px;font-size:10.5px;font-weight:700;display:flex;position:sticky;top:0}.number-dropdown-item{cursor:pointer;border-bottom:1px solid var(--border-faint);transition:background var(--fast);align-items:center;gap:10px;padding:10px 14px;display:flex}.number-dropdown-item:hover{background:#4f6ef70f}.number-dropdown-item.selected{border-left:2px solid var(--accent);background:#4f6ef71a}.number-dd-item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:flex}.number-dd-item-info{flex:1;min-width:0}.number-dd-item-num{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13.5px;font-weight:600}.number-dd-item-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.number-dd-item-caps{gap:3px;margin-top:4px;display:flex}.number-dd-checkmark{width:14px;height:14px;color:var(--accent);flex-shrink:0}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);width:460px;max-width:calc(100vw - 40px);max-height:85vh;animation:modalIn var(--normal) var(--spring) both;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-primary);font-size:16px;font-weight:700}.modal-close{width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:var(--r-sm);transition:all var(--fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-secondary)}.modal-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text-secondary);font-size:11.5px;font-weight:600}.form-input{background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);transition:all var(--fast);border-radius:7px;outline:none;padding:9px 12px;font-family:inherit;font-size:13.5px}.form-input:focus{background:#4f6ef70a;border-color:#4f6ef780;box-shadow:0 0 0 3px #4f6ef71a}.form-input::placeholder{color:var(--text-muted)}.form-hint{color:var(--text-muted);font-size:11px}.form-error{color:var(--red);font-size:11px}.tags-input-row{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:7px;flex-wrap:wrap;align-items:center;gap:5px;min-height:38px;padding:6px 10px;display:flex}.tags-input-row:focus-within{border-color:#4f6ef766}.tags-input-row input{min-width:80px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.tags-input-row input::placeholder{color:var(--text-muted)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;transition:all var(--fast);border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary svg{width:14px;height:14px}.btn-ghost{border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--fast);background:#ffffff0d;border-radius:7px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);background:#ffffff14}.btn-icon{cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:all var(--fast);background:0 0;border:1px solid #ffffff12;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-icon svg{width:15px;height:15px}.btn-icon:hover{color:var(--text-secondary);border-color:var(--border-medium);background:#ffffff0f}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;top:20px;right:20px}.toast{border:1px solid var(--border-medium);border-radius:var(--r-md);min-width:260px;max-width:380px;box-shadow:var(--shadow-lg);color:var(--text-primary);animation:toastIn var(--normal) var(--spring) both;pointer-events:all;background:#1a1f2e;align-items:center;gap:10px;padding:11px 16px;font-size:13px;display:flex}.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--red)}.toast.info{border-left:3px solid var(--accent)}.toast.warning{border-left:3px solid var(--amber)}@keyframes toastIn{0%{opacity:0;transform:translate(16px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.spinner{border:2px solid #4f6ef733;border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;margin:0 auto;animation:.6s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@media (max-width:900px){.list-panel{flex-shrink:0;width:100vw!important}.conv-view{width:100vw!important;min-width:0!important}.contact-row{padding:12px 14px!important}.compose-textarea{font-size:15px!important}}