:root{--bg: #f4f6f8;--panel: #ffffff;--border: #e3e7ec;--border-strong: #cfd6de;--text: #17202a;--muted: #64707d;--primary: #0f766e;--primary-dark: #0b5e57;--primary-soft: #e6f4f2;--danger: #dc2626;--success: #16a34a;--warn: #d97706;--note: #fff8db;--note-border: #f2d36b;--radius: 8px;--shadow: 0 8px 30px rgba(15, 23, 42, .12);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg)}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--border-strong);border-radius:6px;padding:7px 9px;background:#fff;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--primary)}input[type=color]{padding:2px;height:34px;width:56px}textarea{resize:vertical}select.bare{border:none;width:auto;padding:4px;background:transparent;font-weight:500}a{color:var(--primary)}h2{font-size:20px;margin:0}h3{font-size:16px;margin:0 0 12px}h4{font-size:13px;margin:18px 0 8px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:flex;align-items:center;gap:6px}h5{margin:12px 0 4px;color:var(--muted);font-size:12px;text-transform:uppercase}code,.mono,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}kbd{background:#eef1f4;border:1px solid var(--border);border-radius:4px;padding:1px 5px}.mono{background:#f1f5f9;padding:6px 8px;border-radius:6px;margin:6px 0;word-break:break-all}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:600}.text-danger{color:var(--danger)}.spacer{flex:1}.grow{flex:1;min-width:0}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.gap-s{gap:6px}.gap-m{gap:12px}.wrap{flex-wrap:wrap}.pad-s{padding:10px 4px}.full{width:100%;justify-content:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 12px}.icon{flex-shrink:0;vertical-align:middle}.mobile-only{display:none!important}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-strong);background:#fff;padding:7px 14px;border-radius:6px;font-weight:500;white-space:nowrap;text-decoration:none;color:var(--text)}.btn:hover{background:#f6f8fa}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.success{background:var(--success);border-color:var(--success);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger-outline{color:var(--danger);border-color:#f3b5b5}.btn.warn{background:var(--warn);border-color:var(--warn);color:#fff}.btn.small{padding:5px 10px;font-size:13px}.btn.tiny{padding:3px 8px;font-size:12px}.icon-btn{background:none;border:none;padding:6px;border-radius:6px;display:inline-flex;align-items:center;color:var(--muted);position:relative}.icon-btn:hover{background:#eef1f4;color:var(--text)}.icon-btn:disabled{opacity:.35}.icon-btn.badge-dot:after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--primary)}.link{background:none;border:none;padding:0;color:var(--primary);font-weight:500;text-align:left}.link:hover{text-decoration:underline}.link.danger,.danger:not(.btn){color:var(--danger)!important}.seg{display:inline-flex;background:#eef1f4;border-radius:8px;padding:3px;gap:2px}.seg button{border:none;background:none;padding:5px 10px;border-radius:6px;font-size:13px;font-weight:500;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.seg button.active{background:#fff;color:var(--text);box-shadow:0 1px 2px #00000014}.count{background:#64707d26;color:var(--muted);font-size:11px;padding:0 6px;border-radius:10px;font-weight:600}.check{display:inline-flex;align-items:center;gap:6px;font-size:13px;margin:4px 0;cursor:pointer}.pill-check{border:1px solid var(--border);padding:4px 10px;border-radius:20px}.boot-screen{height:100%;display:grid;place-items:center}.shell{display:flex;height:100%}.sidebar{width:78px;background:#0f2a28;color:#cfe3e0;display:flex;flex-direction:column;align-items:stretch;padding:10px 6px;gap:2px;flex-shrink:0}.brand{display:flex;align-items:center;gap:8px;font-weight:700;justify-content:center;margin-bottom:12px}.brand .brand-name{display:none}.brand.big{font-size:20px;justify-content:flex-start;margin:0}.logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px}.nav-item{background:none;border:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px;border-radius:8px;font-size:11px}.nav-item:hover{background:#ffffff14}.nav-item.active{background:#14b8a638;color:#fff}.demo-badge{font-size:10px;font-weight:700;text-align:center;background:#f59e0b;color:#1f2937;border-radius:4px;padding:2px}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:54px;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:0 16px;flex-shrink:0}.search-trigger{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:#f6f8fa;border-radius:8px;padding:7px 12px;color:var(--muted);width:380px;max-width:45vw;font-size:13px}.search-trigger kbd{margin-left:auto}.user-btn{background:none;border:none;padding:0}.content{flex:1;min-height:0;overflow:hidden}.notif-btn.flash{animation:shake .5s}@keyframes shake{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.notif-count{position:absolute;top:0;right:0;background:var(--danger);color:#fff;font-size:10px;border-radius:10px;padding:0 4px;min-width:16px;text-align:center;font-weight:700}.notif-list{max-height:420px;overflow:auto;width:360px}.notif{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:2px;white-space:normal!important}.notif.unread{background:var(--primary-soft)}.menu-wrap{position:relative;display:inline-block}.menu{position:absolute;top:calc(100% + 4px);z-index:50;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);min-width:190px;padding:4px;max-height:60vh;overflow:auto}.menu.left{left:0}.menu.right{right:0}.menu>button,.menu .notif-list>button{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;padding:7px 10px;border-radius:5px;text-align:left;font-size:13px;white-space:nowrap}.menu>button:hover,.menu .notif-list>button:hover{background:#f1f4f7}.menu-head{padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}.overlay{position:fixed;inset:0;background:#0f172a66;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow:auto}.modal{background:#fff;border-radius:12px;box-shadow:var(--shadow);max-width:100%;display:flex;flex-direction:column;max-height:88vh}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0}.modal-body{padding:16px 18px;overflow:auto}.modal-foot{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.drawer-overlay{justify-content:flex-end;padding:0;align-items:stretch}.drawer{background:var(--bg);height:100%;max-width:100%;overflow:auto;box-shadow:var(--shadow);animation:slidein .18s ease-out;display:flex;flex-direction:column}@keyframes slidein{0%{transform:translate(40px);opacity:.5}}.drawer-head{background:#fff;padding:16px 20px;display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--border)}.drawer-head h2{margin:2px 0 6px}.drawer>.stagebar{background:#fff;padding:0 20px 14px;border-bottom:1px solid var(--border)}.drawer-body{display:grid;grid-template-columns:290px 1fr;gap:14px;padding:14px;flex:1}.drawer-main{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:0 14px 14px;min-width:0}.big-value{font-size:18px;font-weight:700}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.card h4{margin:0}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field-label{font-size:12px;font-weight:600;color:#3c4752}.hint{font-size:11px;color:var(--muted)}.callout{background:#f1f5f9;border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:14px;font-size:13px}.callout.warn{background:#fff7e6;border-color:#f6d28b;display:flex;gap:8px;align-items:flex-start}.copy-box{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.copy-box textarea{font-family:ui-monospace,monospace;font-size:12px}.toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:#1f2937;color:#fff;padding:9px 16px;border-radius:8px;box-shadow:var(--shadow);font-size:13px;animation:pop .15s ease-out;max-width:90vw}.toast.error{background:var(--danger)}@keyframes pop{0%{transform:translateY(10px);opacity:0}}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:50px 20px;display:flex;flex-direction:column;align-items:center;gap:6px}.empty h4{color:var(--text);text-transform:none;letter-spacing:0;font-size:15px;margin:6px 0 0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:12px;overflow-x:auto}.tab{border:none;background:none;padding:10px 12px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;display:flex;gap:6px;align-items:center;white-space:nowrap}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.avatar{position:relative;border-radius:50%;color:#fff;display:inline-grid;place-items:center;font-weight:600;flex-shrink:0}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-channel{position:absolute;right:-6px;bottom:-5px;border:2px solid #fff;border-radius:6px;display:flex;background:#fff}.channel-icon{flex-shrink:0;vertical-align:middle}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:1px 7px;border-radius:10px;background:color-mix(in srgb,var(--c) 12%,white);color:color-mix(in srgb,var(--c) 80%,black);font-weight:600;white-space:nowrap}.chip .dot{width:6px;height:6px;border-radius:50%;background:var(--c)}.chip-x{border:none;background:none;padding:0 0 0 3px;font-size:13px;line-height:1;color:inherit;opacity:.6}.tag{display:inline-flex;align-items:center;background:#eef1f4;border-radius:4px;padding:1px 7px;font-size:12px;margin:2px 4px 2px 0}.tags{display:flex;flex-wrap:wrap;align-items:center}.tag-input{width:110px;padding:2px 6px;font-size:12px}.score{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:700;padding:1px 6px;border-radius:10px}.score.hot{background:#fee2e2;color:#b91c1c}.score.warm{background:#fef3c7;color:#92400e}.score.cold{background:#e0f2fe;color:#075985}.priority{font-size:10px;font-weight:700;text-transform:uppercase;padding:1px 5px;border-radius:4px}.priority.high{background:#fee2e2;color:#b91c1c}.priority.low{background:#f1f5f9;color:#64748b}.status-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:#e0f2fe;color:#075985;white-space:nowrap}.status-badge.won{background:#dcfce7;color:#166534}.status-badge.lost{background:#fee2e2;color:#991b1b}.stage-pill{font-size:11px;background:var(--primary-soft);color:var(--primary-dark);padding:1px 7px;border-radius:10px;font-weight:600;white-space:nowrap}.sla,.snoozed{font-size:11px;color:var(--danger);display:inline-flex;align-items:center;gap:2px;font-weight:600}.snoozed{color:var(--warn)}.stage-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:6px}.inbox{display:flex;height:100%}.conv-list{width:360px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.conv-list-head{padding:12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.conv-list-head .seg{width:100%}.conv-list-head .seg button{flex:1;justify-content:center}.search-row{display:flex;gap:4px}.search-input{display:flex;align-items:center;gap:6px;border:1px solid var(--border-strong);border-radius:6px;padding:0 8px;background:#fff;flex:1;min-width:160px}.search-input input{border:none;box-shadow:none!important;padding:7px 0}.search-input.big{padding:4px 10px;margin-bottom:10px}.channel-chips{display:flex;gap:4px}.channel-chips button{border:1px solid var(--border);background:#fff;border-radius:16px;padding:3px 9px;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.channel-chips button.active{border-color:var(--primary);background:var(--primary-soft)}.status-row{margin:-2px 0 -4px}.more-filters{display:flex;flex-direction:column;gap:6px;padding:8px;background:#f8fafb;border-radius:6px}.bulk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;background:var(--primary-soft);border-bottom:1px solid var(--border);font-size:13px}.bulk-bar select{width:auto;padding:3px 6px;font-size:12px}.conv-items{overflow-y:auto;flex:1}.conv-item{display:flex;gap:10px;padding:11px 12px;border-bottom:1px solid #f0f2f5;cursor:pointer;position:relative}.conv-item:hover{background:#f8fafb}.conv-item.active{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary)}.conv-avatar{position:relative}.conv-avatar .hover-check{position:absolute;top:-4px;left:-4px;display:none}.conv-item:hover .hover-check,.hover-check:checked{display:block}.conv-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.conv-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.conv-item.unread .conv-name{font-weight:700}.conv-time{font-size:11px;color:var(--muted);flex-shrink:0}.conv-preview{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-item.unread .conv-preview{color:var(--text)}.unread-badge{background:var(--primary);color:#fff;border-radius:10px;font-size:11px;padding:0 6px;font-weight:700;flex-shrink:0}.conv-tags{display:flex;gap:4px;align-items:center;flex-wrap:nowrap;overflow:hidden;min-height:18px}.star{color:#f59e0b}.thread{flex:1;display:flex;flex-direction:column;min-width:0;background:#efeae2}.empty-thread{justify-content:center;background:var(--bg)}.thread-head{background:var(--panel);border-bottom:1px solid var(--border);padding:9px 14px;display:flex;align-items:center;gap:10px}.thread-title{flex:1;min-width:0;cursor:pointer}.thread-title .name{font-weight:600}.thread-title .sub{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.thread-actions{display:flex;align-items:center;gap:4px}.messages{flex:1;overflow-y:auto;padding:16px 6%;display:flex;flex-direction:column;gap:4px}.day-sep{text-align:center;margin:10px 0}.day-sep span{background:#fff;padding:3px 10px;border-radius:8px;font-size:11px;color:var(--muted);box-shadow:0 1px 1px #0000000d}.event-msg{align-self:center;font-size:11px;color:#5b6570;background:#ffffffb3;padding:3px 10px;border-radius:8px;margin:3px 0;text-align:center}.msg{display:flex}.msg.out,.msg.note{justify-content:flex-end}.bubble{max-width:min(560px,75%);background:#fff;padding:7px 10px 5px;border-radius:10px;box-shadow:0 1px 1px #0000000f;word-wrap:break-word}.msg.in .bubble{border-top-left-radius:2px}.msg.out .bubble{background:#d9fdd3;border-top-right-radius:2px}.msg.note .bubble{background:var(--note);border:1px dashed var(--note-border)}.note-label{font-size:11px;font-weight:600;color:#8a6d0b;display:flex;align-items:center;gap:4px;margin-bottom:2px}.text{white-space:pre-wrap;line-height:1.4}.msg-meta{display:flex;justify-content:flex-end;gap:6px;align-items:center;font-size:10.5px;color:#667781;margin-top:2px}.tick{color:#8696a0}.tick.read{color:#53bdeb}.tick.failed{color:var(--danger)}.tpl-tag{background:#e8eef3;padding:0 4px;border-radius:3px}.msg-error{color:var(--danger);font-size:12px;display:flex;gap:4px;align-items:center;margin-top:3px}.msg-img{max-width:280px;max-height:280px;border-radius:6px;display:block;margin-bottom:4px}.doc{display:flex;align-items:center;gap:6px;background:#0000000a;padding:8px;border-radius:6px;text-decoration:none;margin-bottom:4px}.reply-quote{border-left:3px solid var(--primary);background:#0000000a;padding:3px 8px;border-radius:4px;font-size:12px;color:var(--muted);margin-bottom:4px}.leadform-card{min-width:260px}.lf-head{display:flex;align-items:center;gap:6px;margin-bottom:2px}.leadform-card table{width:100%;border-collapse:collapse;margin-top:6px;font-size:13px}.leadform-card td{padding:4px 6px;border-top:1px solid #eef1f4;vertical-align:top}.leadform-card td:first-child{color:var(--muted);text-transform:capitalize;width:42%}.composer{background:var(--panel);border-top:1px solid var(--border);padding:8px 12px 10px;position:relative}.composer.note-mode{background:#fffdf2}.composer.locked{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;padding:14px}.composer textarea{border:none;box-shadow:none!important;padding:6px 2px;resize:none;background:transparent}.composer-tabs{display:flex;gap:2px}.composer-tabs button{border:none;background:none;padding:4px 10px;font-size:12px;font-weight:600;color:var(--muted);border-radius:5px;display:flex;gap:4px;align-items:center}.composer-tabs button.active{background:#eef1f4;color:var(--text)}.note-mode .composer-tabs button.active{background:var(--note);color:#8a6d0b}.composer-actions{display:flex;justify-content:space-between;align-items:center}.composer-actions .left,.composer-actions .right{display:flex;align-items:center;gap:4px}.window-banner{display:flex;align-items:center;gap:6px;font-size:12px;background:#eff6ff;color:#1e40af;padding:6px 10px;border-radius:6px;margin-bottom:6px}.window-banner.warn{background:#fff7e6;color:#92400e}.window-banner.error{background:#fef2f2;color:#991b1b}.suggest{position:absolute;bottom:100%;left:12px;right:12px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);max-height:280px;overflow:auto;z-index:20}.suggest button{display:block;width:100%;border:none;background:none;padding:7px 12px;text-align:left}.suggest button.active,.suggest button:hover{background:var(--primary-soft)}.attachment-chip{display:inline-flex;gap:6px;align-items:center;background:#eef1f4;border-radius:6px;padding:3px 8px;font-size:12px;margin-top:4px}.emoji-pop{position:absolute;bottom:110%;left:0;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:6px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;z-index:30}.emoji-pop button{border:none;background:none;font-size:20px;padding:4px;border-radius:4px}.emoji-pop button:hover{background:#f1f4f7}.tpl-preview{background:#efeae2;padding:14px;border-radius:8px}.tpl-preview .bubble{background:#d9fdd3;white-space:pre-wrap}.contact-panel{width:330px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--border);overflow-y:auto;position:relative}.panel-close{position:absolute;top:8px;right:8px}.cp-head{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 14px 12px;border-bottom:1px solid var(--border);text-align:center}.cp-name{font-weight:600;font-size:16px}.cp-channels{display:flex;gap:4px}.panel-sec{border-bottom:1px solid var(--border)}.panel-sec-head{display:flex;align-items:center;gap:6px;padding:10px 14px;font-weight:600;font-size:13px;cursor:pointer;user-select:none}.panel-sec-head:hover{background:#fafbfc}.panel-sec-body{padding:0 14px 14px;display:flex;flex-direction:column;gap:8px}.cp-lead{display:flex;flex-direction:column;gap:8px}.pipeline-select{font-size:12px;padding:4px 6px}.kv{display:grid;grid-template-columns:90px 1fr;gap:6px 8px;align-items:center;font-size:13px}.kv>span:nth-child(odd){color:var(--muted);font-size:12px}.kv select,.kv input{padding:4px 6px;font-size:13px}.label-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.inline-edit{border:none;background:none;padding:2px 4px;margin:-2px -4px;border-radius:4px;text-align:left;display:inline-flex;align-items:center;gap:6px;font:inherit;max-width:100%}.inline-edit .icon{opacity:0;color:var(--muted)}.inline-edit:hover{background:#f1f4f7}.inline-edit:hover .icon{opacity:1}.inline-input{padding:3px 6px}.other-conv{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--border);background:#fff;border-radius:6px;padding:8px;margin-bottom:6px;text-align:left;font-size:13px}.other-conv:hover{background:#f8fafb}.lead-mini{border:1px solid var(--border);border-radius:6px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:3px;font-size:13px}.lead-mini:hover{background:#f8fafb}.stagebar{display:flex;gap:2px;overflow-x:auto}.stage-step{flex:1;min-width:0;border:none;background:#e9edf1;color:#4b5563;padding:7px 4px 7px 12px;font-size:12px;font-weight:600;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,8px 50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-step:first-child{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);border-radius:4px 0 0 4px}.stage-step span{overflow:hidden;text-overflow:ellipsis;display:block}.stage-step.done{background:color-mix(in srgb,var(--c) 30%,white);color:#1f2937}.stage-step.current{background:var(--c);color:#fff}.stage-step:hover{filter:brightness(.95)}.stagebar.compact .stage-step{padding:6px 2px 6px 10px;font-size:0;height:22px}.stagebar.compact .stage-step.current{font-size:0}.stagebar.closed .stage-step{opacity:.5}.cp-lead .stagebar.compact:after{content:none}.wonlost{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.task-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.task-list li{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border:1px solid var(--border);border-radius:6px;background:#fff}.task-list li input{margin-top:3px}.task-list li.done .task-title{text-decoration:line-through;color:var(--muted)}.task-list li.overdue{border-left:3px solid var(--danger)}.task-list li.overdue .due{color:var(--danger);font-weight:600}.task-list.compact li{padding:6px 8px}.task-main{flex:1;cursor:pointer;min-width:0}.task-title{font-weight:500}.task-meta{display:flex;gap:8px;font-size:12px;color:var(--muted);align-items:center;flex-wrap:wrap;margin-top:2px}.pill-type{background:#eef1f4;padding:0 6px;border-radius:4px}.due{display:inline-flex;align-items:center;gap:3px}.quick-due{display:flex;gap:4px;flex-wrap:wrap;margin:-4px 0 12px}.notes-box{display:flex;flex-direction:column;gap:8px}.note-input{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.note{background:var(--note);border:1px solid #f5e6a8;padding:8px 10px;border-radius:6px}.note-text{white-space:pre-wrap;font-size:13px}.note-meta{font-size:11px;color:var(--muted);display:flex;gap:8px;margin-top:4px}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #f0f2f5;font-size:13px}.tl-icon{width:24px;height:24px;border-radius:50%;background:#eef1f4;display:grid;place-items:center;flex-shrink:0;color:var(--muted)}.tl-lead_won .tl-icon{background:#dcfce7;color:#166534}.tl-lead_lost .tl-icon{background:#fee2e2;color:#991b1b}.tl-note .tl-icon{background:var(--note);color:#8a6d0b}.tl-meta{font-size:11px;color:var(--muted)}.page{height:100%;overflow:auto;display:flex;flex-direction:column}.page-head{background:var(--panel);border-bottom:1px solid var(--border);padding:14px 18px 10px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0;z-index:5}.page-head .tabs{margin-bottom:-10px;border-bottom:none}.title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar select{width:auto;padding:5px 8px;font-size:13px}.toolbar .search-input{max-width:260px}.pipeline-pick{width:auto;font-weight:600}.page-body{padding:18px}.page-body.narrow{max-width:860px}.kanban{display:flex;gap:10px;padding:14px;overflow-x:auto;flex:1;align-items:flex-start}.kcol{width:272px;flex-shrink:0;background:#eaedf1;border-radius:10px;display:flex;flex-direction:column;max-height:100%}.kcol.over{outline:2px dashed var(--primary);background:var(--primary-soft)}.kcol.closed-col{width:230px}.kcol-head{padding:10px 12px 8px;border-top:3px solid var(--c);border-radius:10px 10px 0 0}.kcol-body{padding:0 8px 8px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:60px}.lead-card{background:#fff;border-radius:8px;padding:9px 10px;box-shadow:0 1px 2px #00000014;cursor:grab;display:flex;flex-direction:column;gap:5px;border-left:3px solid transparent}.lead-card:hover{box-shadow:0 3px 8px #0000001f}.lead-card.rotting{border-left-color:var(--danger)}.lc-title{font-weight:600;font-size:13px;line-height:1.3}.lc-contact{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.lc-value{font-weight:600;font-size:13px}.lc-task{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:2px}.lc-task.overdue{color:var(--danger);font-weight:600}.lc-task.none{color:var(--warn)}.rot-label{font-size:11px;color:var(--danger)}.kadd{border:1px dashed var(--border-strong);background:transparent;border-radius:6px;padding:6px;color:var(--muted);font-size:12px;display:flex;align-items:center;justify-content:center;gap:4px}.kadd:hover{background:#fff}.table-wrap{overflow:auto;padding:14px 18px}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:8px;font-size:13px}.table th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:9px 10px;border-bottom:1px solid var(--border);background:#fafbfc;white-space:nowrap}.table th.sortable{cursor:pointer}.table th.sorted{color:var(--primary)}.table td{padding:9px 10px;border-bottom:1px solid #f0f2f5;vertical-align:middle}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#f8fafb}.table tr.rotting td:first-child{box-shadow:inset 3px 0 0 var(--danger)}.small-table{padding:8px 0;max-height:220px}.table-wrap .bulk-bar{border-radius:8px;margin-bottom:8px;border:none}.dup-group{border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:10px}.dup-row{padding:6px 0}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:14px}.kpi{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px}.kpi-label{font-size:12px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:4px}.kpi.warn .kpi-label .icon{color:var(--warn)}.kpi-value{font-size:26px;font-weight:700;margin:4px 0 2px}.kpi-sub{font-size:12px;color:var(--muted)}.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chart-grid .card{margin:0}.span2{grid-column:span 2}.chart-grid .table-wrap{padding:0}.hbars{display:flex;flex-direction:column;gap:8px}.hbar{display:grid;grid-template-columns:140px 1fr auto;gap:10px;align-items:center;font-size:13px}.hbar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3c4752}.hbar-track{height:12px;display:block}.hbar-fill{display:block;height:100%;background:var(--primary);border-radius:0 4px 4px 0;min-width:2px}.hbar:hover .hbar-fill{background:var(--primary-dark)}.hbar-value{font-weight:600;font-size:12px;white-space:nowrap}.columns-chart{display:flex;flex-direction:column;gap:6px}.cols{display:flex;align-items:flex-end;gap:2px;height:150px;border-bottom:1px solid var(--border-strong)}.col{flex:1;height:100%;display:flex;align-items:flex-end;cursor:default}.col-fill{display:block;width:100%;background:var(--primary);border-radius:4px 4px 0 0;min-height:1px;opacity:.85}.col.hover .col-fill{opacity:1;background:var(--primary-dark)}.col-axis{display:flex;justify-content:space-between}.settings{flex-direction:row}.settings-nav{width:230px;background:#fff;border-right:1px solid var(--border);padding:16px 10px;display:flex;flex-direction:column;gap:2px;flex-shrink:0;overflow:auto}.settings-nav h2{padding:0 8px 12px}.settings-nav button{border:none;background:none;text-align:left;padding:8px 10px;border-radius:6px;display:flex;gap:8px;align-items:center;color:#3c4752}.settings-nav button:hover{background:#f1f4f7}.settings-nav button.active{background:var(--primary-soft);color:var(--primary-dark);font-weight:600}.settings-body{flex:1;overflow:auto;padding:18px}.settings-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px 20px;max-width:860px}.settings-card textarea{margin-bottom:6px}.settings-card>.btn.primary{margin-top:10px}.crud-list{display:flex;flex-direction:column}.crud-row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #f0f2f5}.crud-row select{width:auto}.crud-row.inactive{opacity:.55}.bh-grid{display:flex;flex-direction:column;gap:6px;margin:8px 0}.bh-row{display:flex;align-items:center;gap:8px}.bh-row .check{width:130px}.bh-row input[type=time]{width:120px}.stage-editor{display:flex;flex-direction:column;gap:6px;margin:14px 0}.stage-row{display:grid;grid-template-columns:64px 1fr 60px 80px 110px 36px;gap:8px;align-items:center}.stage-row.head{font-size:12px;color:var(--muted);font-weight:600}.col-move{display:flex}.action-row{display:flex;gap:6px;align-items:center;margin-bottom:8px}.action-row select,.action-row input{width:auto}.action-row .grow{flex:1}.switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#cbd5e1;border-radius:20px;transition:.15s;cursor:pointer}.switch span:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.15s}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:before{transform:translate(16px)}.test-results{margin-top:12px;display:flex;flex-direction:column;gap:4px;font-size:13px}.test-results .ok{color:var(--success)}.test-results .bad{color:var(--danger)}.shortcuts{line-height:2}.login{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#0f2a28,#0f766e);padding:16px}.login-card{background:#fff;padding:28px;border-radius:14px;width:380px;max-width:100%;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.demo-user{justify-content:flex-start!important;padding:10px 12px}.demo-user .muted{margin-left:auto}.search-results button{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;padding:8px;border-radius:6px;text-align:left}.search-results button:hover{background:#f1f4f7}.channel-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}.channel-pick button{border:1px solid var(--border);background:#fff;border-radius:8px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px}.channel-pick button.active{border-color:var(--primary);background:var(--primary-soft)}@media(max-width:1100px){.contact-panel{position:fixed;right:0;top:54px;bottom:0;z-index:40;box-shadow:var(--shadow)}.drawer-body,.chart-grid{grid-template-columns:1fr}.span2{grid-column:auto}}@media(max-width:760px){.mobile-only{display:inline-flex!important}.sidebar{position:fixed;left:-90px;top:0;bottom:0;z-index:60;transition:left .15s}.nav-open .sidebar{left:0}.search-trigger{width:auto;flex:1;max-width:none}.search-trigger kbd{display:none}.topbar .btn.small{padding:5px 7px;font-size:0;gap:0}.conv-list{width:100%}.inbox .thread,.inbox.show-thread .conv-list{display:none}.inbox.show-thread .thread{display:flex}.contact-panel{width:100%}.messages{padding:12px}.bubble{max-width:88%}.grid2,.grid3{grid-template-columns:1fr}.settings{flex-direction:column}.settings-nav{width:100%;flex-direction:row;overflow-x:auto;padding:8px}.settings-nav h2{display:none}.settings-nav button{white-space:nowrap}.thread-actions .assign-btn{font-size:0;gap:0}.stage-row{grid-template-columns:50px 1fr 50px 60px 80px 30px}}.stage-current{margin-top:6px;color:#3c4752;font-weight:500}.callback-btn.scheduled{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.callback-badge{font-size:11px;color:#1d4ed8;background:#eff6ff;padding:0 6px;border-radius:10px;display:inline-flex;align-items:center;gap:3px;font-weight:600;white-space:nowrap}.callback-badge.overdue{color:#b91c1c;background:#fee2e2}.callback-chip{border:1px dashed #93c5fd;background:#eff6ff;color:#1d4ed8;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px}.callback-chip.active{border-style:solid}.callback-banner{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#eff6ff;border-bottom:1px solid #bfdbfe;color:#1e3a8a;font-size:13px;flex-wrap:wrap}.callback-banner.overdue{background:#fef2f2;border-color:#fecaca;color:#991b1b}.quick-due .btn.active{border-color:var(--primary);background:var(--primary-soft)}.reminder-stack{position:fixed;right:18px;bottom:18px;z-index:150;display:flex;flex-direction:column;gap:10px;width:340px;max-width:calc(100vw - 36px)}.reminder-card{background:#fff;border:1px solid var(--border);border-left:4px solid #2563eb;border-radius:10px;box-shadow:var(--shadow);padding:12px 14px;display:flex;flex-direction:column;gap:8px;animation:pop .2s ease-out}.reminder-title{display:flex;align-items:center;gap:6px;font-weight:700;color:#1d4ed8;font-size:13px}.reminder-text{font-size:13px}.sla,.snoozed,.callback-badge{white-space:nowrap}.callout.ok{background:#f0fdf4;border-color:#bbf7d0;display:flex;flex-direction:column;gap:4px}.callout.ok>.row{color:#166534}.mono.inline{display:inline;padding:1px 6px;margin:0}.find-pages{display:flex;flex-direction:column;gap:8px;background:#eff6ff;border-color:#bfdbfe}.find-pages code{white-space:normal}.page-list{background:#fff;border-radius:6px;padding:0 10px}.lf-error{display:flex;gap:6px;background:#fef2f2;color:#991b1b;border-radius:6px;padding:8px;margin:6px 0;font-size:12px}.lf-error .btn{margin-top:6px}.webhook-log{max-height:340px;overflow:auto;font-size:12px;border:1px solid var(--border);border-radius:6px}.webhook-log .wl-row{display:grid;grid-template-columns:70px 120px 1fr;gap:8px;padding:5px 8px;border-bottom:1px solid #f0f2f5}.webhook-log .wl-row.bad{background:#fef2f2}.webhook-log .wl-row.skip{color:var(--muted)}.text-ok{color:var(--success)}.stage-automation{margin-top:18px;border-top:1px solid var(--border);padding-top:4px}.stage-automation h4 .check{text-transform:none;letter-spacing:0;color:var(--text);font-size:13px}.auto-rule{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px}.auto-rule.off .auto-rule-body{opacity:.5}.auto-rule-body{font-size:13px;margin-top:6px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.auto-rule-body select,.auto-rule-body input:not([type=checkbox]){width:auto;display:inline-block;padding:4px 6px;margin:0 4px}.auto-rule-body textarea{max-width:420px}.auto-rule-body input.num{width:70px}.save-row{margin-top:16px;position:sticky;bottom:0;background:#fff;padding:10px 0 0;border-top:1px solid var(--border)}.text-warn{color:var(--warn);font-weight:600}.fu-label{font-size:11px;color:#b45309;display:flex;align-items:center;gap:3px;font-weight:600}.await-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:3px}
/*# sourceMappingURL=app.css.map */