:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #080b11;--rail: #0b1018;--panel: #101722;--panel-2: #121b28;--panel-3: #172233;--line: #243246;--line-soft: rgba(129, 154, 190, .18);--text: #e8eef8;--muted: #90a0b8;--faint: #65758d;--blue: #2e9bff;--blue-2: #196ee8;--green: #24c177;--orange: #f58634;--violet: #8b5cf6;--red: #ef5f75;--shadow: 0 18px 48px rgba(0, 0, 0, .32)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{width:100vw;height:100vh;display:grid;grid-template-columns:68px 274px minmax(312px,374px) minmax(420px,1fr) 326px;background:linear-gradient(180deg,rgba(36,72,110,.1),transparent 20%),var(--bg)}.app-shell.auth-only{display:grid;grid-template-columns:1fr}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 12%,rgba(46,155,255,.13),transparent 30%),linear-gradient(180deg,rgba(36,72,110,.1),transparent 22%),var(--bg)}.auth-panel{width:min(440px,100%);border:1px solid var(--line-soft);border-radius:10px;background:#101722f0;box-shadow:var(--shadow);padding:24px}.auth-brand{margin-bottom:18px}.auth-panel h1{font-size:28px;margin:4px 0 8px}.auth-copy,.auth-foot,.auth-state{color:var(--muted);font-size:13px;line-height:1.45}.auth-field{display:grid;gap:7px;margin-top:18px}.auth-field span{color:var(--muted);font-size:12px;font-weight:850}.auth-field input{height:42px;border:1px solid var(--line-soft);border-radius:8px;background:#101927;color:var(--text);padding:0 12px;outline:none}.auth-field input:focus{border-color:#2e9bff8c;box-shadow:0 0 0 3px #2e9bff1f}.auth-error{margin-top:12px;border:1px solid rgba(239,95,117,.22);border-radius:8px;background:#ef5f7517;color:#ffb6c1;padding:9px 10px;font-size:12px}.auth-submit{width:100%;margin-top:14px}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft)}.icon-rail,.inbox-panel,.conversation-panel,.chat-panel,.contact-panel{min-height:0;border-right:1px solid var(--line-soft)}.icon-rail{background:var(--rail);display:flex;flex-direction:column;align-items:center;padding:14px 10px;gap:18px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(46,155,255,.62);border-radius:12px;color:#8fc8ff;font-weight:800;font-size:21px;background:linear-gradient(180deg,#2e9bff2e,#2e9bff0a);box-shadow:inset 0 0 0 1px #ffffff08}.rail-nav,.rail-bottom{display:flex;flex-direction:column;gap:10px;align-items:center}.rail-nav{flex:1}.rail-btn,.icon-btn,.round-action{border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:#a6b5ca;transition:background .16s ease,color .16s ease,border-color .16s ease}.rail-btn{width:42px;height:42px;border-radius:11px}.rail-btn:hover,.rail-btn.active{color:#d9ecff;background:#2e9bff29}.rail-btn.active{box-shadow:inset 3px 0 0 var(--blue)}.user-status{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#35516f,#182534);position:relative;border:1px solid var(--line)}.presence-dot{position:absolute;right:2px;bottom:3px;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--rail)}.inbox-panel,.conversation-panel,.contact-panel{background:#101722f5}.inbox-panel{padding:18px 12px 14px;overflow-y:auto}.panel-header,.contact-header,.chat-header,.tabs,.list-toolbar,.title-row,.conversation-top,.conversation-meta,.row-main,.section-title,.chat-title,.header-actions,.composer-row,.summary-title,.quick-actions{display:flex;align-items:center}.panel-header,.contact-header,.chat-header{justify-content:space-between}.app-name{margin:0 0 3px;color:var(--blue);font-size:12px;font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:26px;line-height:1;font-weight:800}.icon-btn,.round-action{width:34px;height:34px;border-radius:9px;border:1px solid transparent}.icon-btn:hover,.round-action:hover{background:#ffffff0e;border-color:var(--line-soft)}.nav-group,.nav-section{margin-top:22px}.folder-row{width:100%;height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:9px;padding:0 9px;background:transparent;color:#d2dbea;cursor:pointer;font-size:14px}.folder-row.active{background:linear-gradient(90deg,#4299ff47,#4299ff14)}.folder-row.subtle{color:#aebbd0}.folder-row:hover{background:#ffffff0b}.row-main{gap:9px;min-width:0;white-space:nowrap}.count-pill,.soft-count{min-width:38px;height:24px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--blue);color:#06111f;font-weight:800;font-size:12px}.soft-count{color:#aab7cc;background:transparent;font-weight:600}.count-pill.orange{background:var(--orange);color:#1d0d03}.count-pill.green{background:var(--green);color:#03180e}.section-title{height:32px;justify-content:space-between;padding:0 9px;color:var(--muted);font-size:13px;font-weight:700}.small-orb,.life-icon{width:17px;height:17px;border-radius:6px;background:var(--blue);box-shadow:inset 0 0 0 1px #ffffff24}.small-orb{border-radius:50%}.violet{background:var(--violet)}.yellow{background:#f3c15f}.orange{background:var(--orange)}.blue{background:var(--blue)}.indigo{background:#6574ff}.green{background:var(--green)}.pink{background:#f06292}.conversation-panel{display:flex;flex-direction:column;min-width:0}.tabs{height:62px;padding:0 14px;gap:18px;border-bottom:1px solid var(--line-soft)}.tab{height:62px;border:0;background:transparent;color:var(--muted);font-size:18px;font-weight:800;cursor:pointer;position:relative}.tab.active{color:var(--blue)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--blue)}.round-action{margin-left:auto}.list-toolbar{height:48px;padding:0 14px;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line-soft)}.filter-btn{border:0;background:transparent;color:#c4d0e3;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px}.resolve-toggle{color:var(--muted);display:inline-flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.toggle-knob{width:28px;height:16px;border-radius:999px;background:#324255;position:relative}.toggle-knob:before{content:"";position:absolute;width:12px;height:12px;left:2px;top:2px;border-radius:50%;background:#b8c6d8}.inbox-sync{min-height:34px;margin:8px 10px 0;padding:0 10px;border:1px solid var(--line-soft);border-radius:8px;background:#0f1722c2;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;font-weight:800}.inbox-sync strong{color:var(--text)}.inbox-sync.live{color:#72e2aa;border-color:#24c17738;background:#24c17714}.inbox-sync.error{color:#ffb4b4;border-color:#ef44443d;background:#ef444414}.inbox-error{margin:8px 10px 0;padding:8px 10px;border:1px solid rgba(239,68,68,.24);border-radius:8px;background:#ef444414;color:#ffb4b4;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.conversation-list{overflow-y:auto;padding:8px}.empty-state{min-height:170px;margin:8px 2px;border:1px dashed var(--line-soft);border-radius:10px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center;font-size:12px}.empty-state svg{color:var(--blue)}.empty-state strong{color:var(--text)}.conversation-item{width:100%;min-height:96px;border:1px solid transparent;border-radius:10px;background:transparent;display:grid;grid-template-columns:42px 1fr auto;gap:10px;padding:10px;text-align:left;cursor:pointer}.conversation-item:hover{background:#ffffff09}.conversation-item.selected{background:linear-gradient(90deg,#2e9bff2e,#2e9bff0f);border-color:#2e9bff57}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2f84ce,#1f384e);display:grid;place-items:center;font-size:12px;font-weight:800;color:#dcefff;border:1px solid rgba(255,255,255,.12)}.avatar.selected{background:linear-gradient(135deg,#21c17a,#247bd8)}.conversation-copy{min-width:0}.conversation-top{justify-content:space-between;gap:8px;margin-bottom:4px}.conversation-top strong{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-top span{color:var(--muted);font-size:12px;flex:0 0 auto}.conversation-last{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#9dabbe;font-size:12px;line-height:1.35;min-height:32px}.conversation-meta{gap:6px;margin-top:6px}.stage-badge,.channel-pill,.sla-pill,.tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:6px;font-size:11px;font-weight:800}.stage-badge{background:#2e9bff2e;color:#87c7ff;border:1px solid rgba(46,155,255,.22)}.stage-hot-lead{background:#f5863429;color:#ffb075;border-color:#f5863447}.stage-customer{background:#24c17726;color:#7ce2ae;border-color:#24c17740}.stage-payment{background:#24c17729;color:#77e0a7}.channel-pill{background:#24c1771c;color:#6edfa5}.sla-pill{background:#24c1771a;color:#7ce2ae}.sla-pill.orange{background:#f5863424;color:#ffb075}.sla-pill.red{background:#ef5f7524;color:#ff9caf}.sla-pill.muted{background:#90a0b81a;color:#aab7c8}.unread{align-self:start;min-width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#071827;font-size:11px;font-weight:900}.chat-panel{min-width:0;background:radial-gradient(circle at 20% 0%,rgba(46,155,255,.08),transparent 25%),#0a0e15;display:grid;grid-template-rows:64px 1fr auto}.chat-header{padding:0 18px;border-bottom:1px solid var(--line-soft);background:#0c1119d6}.chat-title{gap:11px;min-width:0}.chat-title h2{font-size:15px;line-height:1.2}.chat-title p{margin-top:4px;color:var(--muted);font-size:12px}.title-row{gap:8px}.header-actions{gap:5px}.claim-btn{height:32px;border:1px solid rgba(46,155,255,.28);border-radius:7px;background:#2e9bff21;color:#bfe0ff;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;font-size:12px;font-weight:850;cursor:pointer}.mobile-theme-toggle{display:none}.chat-body{min-height:0;overflow-y:auto;padding:18px 22px 16px}.ai-banner{max-width:720px;min-height:36px;margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border:1px solid rgba(139,92,246,.28);border-radius:8px;background:linear-gradient(90deg,#8b5cf633,#2e9bff1f);color:#d9d0ff;font-size:12px}.ai-banner-copy{min-width:0;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.ai-banner strong{color:#f6f8ff}.ai-inline-action,.ai-stage-action{border:1px solid rgba(139,92,246,.28);border-radius:7px;background:#8b5cf621;color:#d9d1ff;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:850;cursor:pointer}.ai-inline-action{height:26px;padding:0 9px;flex:0 0 auto}.ai-stage-action{width:100%;min-height:34px;margin:-4px 0 14px;padding:0 10px}.message-line{display:flex;margin:10px 0}.chat-empty{width:min(520px,92%);min-height:170px;margin:24px auto 0;border:1px dashed var(--line-soft);border-radius:10px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center;padding:18px;font-size:12px;line-height:1.4}.chat-empty svg{color:var(--blue)}.chat-empty strong{color:var(--text)}.message-line.outgoing{justify-content:flex-end}.message-line.internal{justify-content:center}.message-bubble{max-width:min(620px,82%);border-radius:10px;padding:10px 12px 7px;background:#1c2532;border:1px solid rgba(255,255,255,.045);box-shadow:var(--shadow)}.message-line.outgoing .message-bubble{background:linear-gradient(135deg,#2179df,#2e9bff);color:#f7fbff}.message-line.internal .message-bubble{width:min(680px,92%);max-width:680px;background:linear-gradient(135deg,#463791cc,#1f3d84d1);border-color:#8b5cf63d}.message-bubble p{font-size:14px;line-height:1.45}.message-time{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:5px;color:#e6f0ffb8;font-size:11px}.tick{display:inline-flex;color:#e6f0ffbf}.tick.read{color:#afe0ff}.internal-label{display:flex;align-items:center;gap:6px;color:#cbbdff;font-size:11px;font-weight:800;margin-bottom:5px}.composer{border-top:1px solid var(--line-soft);padding:10px 14px 12px;background:#0c1119f0}.mode-switch{display:inline-flex;height:30px;padding:3px;gap:3px;border-radius:8px;background:#151f2d;margin-bottom:9px}.mode-switch button{border:0;border-radius:6px;padding:0 10px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:800}.mode-switch button.active{background:#2e9bff33;color:#d9ecff}.composer-row{gap:7px}.composer-row input{height:40px;flex:1;min-width:0;border:1px solid var(--line-soft);border-radius:9px;padding:0 12px;outline:0;background:#0f1722;color:var(--text);font-size:13px}.composer-row input:focus{border-color:#2e9bff8c}.send-btn{height:40px;border:0;border-radius:9px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;background:var(--blue);color:#06111f;cursor:pointer;font-weight:900;font-size:13px}.send-btn:disabled{cursor:not-allowed;opacity:.58}.contact-panel{overflow-y:auto;padding:16px 14px;border-right:0}.contact-header h2{font-size:15px}.contact-identity{display:flex;gap:11px;align-items:center;margin:18px 0 14px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.contact-identity h3{font-size:15px}.contact-identity p{color:var(--muted);font-size:12px;margin-top:3px}.quick-actions{gap:8px;margin-bottom:14px;flex-wrap:wrap}.quick-actions button{flex:1 1 calc(50% - 4px);height:34px;border:1px solid var(--line-soft);border-radius:8px;background:#131d2a;color:#c2d0e4;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800;cursor:pointer}.quick-actions button:disabled{opacity:.55;cursor:not-allowed}.crm-controls{display:grid;gap:9px;margin-bottom:14px;padding:10px;border:1px solid var(--line-soft);border-radius:8px;background:#0c111994}.crm-controls label{display:grid;gap:5px}.crm-controls span{color:var(--muted);font-size:11px;font-weight:800}.crm-controls select{width:100%;height:34px;border:1px solid var(--line-soft);border-radius:7px;background:#101927;color:#d8e3f3;padding:0 9px;font-size:12px;font-weight:750}.crm-controls select:disabled{opacity:.58}.crm-saving{min-height:30px;border:1px solid rgba(46,155,255,.24);border-radius:7px;background:#2e9bff1a;color:#9bd2ff;display:grid;place-items:center;font-size:11px;font-weight:850}.crm-hint{color:var(--muted);font-size:11px;line-height:1.35}.detail-section{border-top:1px solid var(--line-soft)}.detail-field{display:grid;grid-template-columns:104px 1fr;gap:8px;min-height:38px;align-items:center;border-bottom:1px solid var(--line-soft)}.detail-field span,.section-line-title,.suggested-reply span{color:var(--muted);font-size:12px}.detail-field strong{color:#d8e3f3;font-size:12px;font-weight:700;overflow-wrap:anywhere}.tags-section,.ai-summary,.notes{margin-top:16px}.tag-wrap{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.tag{background:#172334;color:#c3d4ea;border:1px solid var(--line-soft)}.ai-summary{border:1px solid rgba(46,155,255,.2);border-radius:10px;background:linear-gradient(180deg,#2e9bff17,#8b5cf614);padding:12px}.summary-title{gap:7px;color:#cde7ff;font-weight:900;font-size:13px;margin-bottom:8px}.ai-summary>p{color:#b9c8db;font-size:12px;line-height:1.45}.summary-grid{display:grid;grid-template-columns:96px 1fr;gap:8px;margin:12px 0;font-size:12px}.summary-grid span{color:var(--muted)}.summary-grid strong{color:#e3ebf7}.suggested-reply{border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.suggested-reply p{margin-top:5px;color:#dbe8f7;font-size:12px;line-height:1.42}.note-row{margin-top:8px;display:flex;gap:8px;color:#b9c8db;background:#131d2a;border:1px solid var(--line-soft);border-radius:8px;padding:9px;font-size:12px;line-height:1.35}.workspace-shell{grid-column:2 / -1;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(620px,1fr) 326px;background:radial-gradient(circle at 18% 0%,rgba(46,155,255,.08),transparent 30%),var(--bg)}.workspace-main,.workspace-side{min-width:0;min-height:0;overflow-y:auto}.workspace-main{padding:18px;border-right:1px solid var(--line-soft)}.workspace-side{padding:16px 14px;background:#101722f5}.workspace-header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.workspace-title{display:flex;align-items:center;gap:12px;min-width:0}.workspace-title h1{margin-bottom:5px}.workspace-title p:last-child{color:var(--muted);font-size:13px}.workspace-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#d9ecff;background:#2e9bff2e;border:1px solid rgba(46,155,255,.26);flex:0 0 auto}.workspace-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.kpi-card,.agent-card,.chart-panel,.settings-panel,.health-card,.qr-box,.side-section{border:1px solid var(--line-soft);border-radius:10px;background:#121b28d1;box-shadow:var(--shadow)}.kpi-card{min-height:92px;padding:12px;display:grid;gap:5px}.kpi-card span,.kpi-card small{color:var(--muted);font-size:12px}.kpi-card strong{font-size:24px;line-height:1.1}.kpi-card.blue{border-color:#2e9bff3d}.kpi-card.green{border-color:#24c17742}.kpi-card.orange,.kpi-card.red{border-color:#f5863447}.workspace-toolbar{min-height:46px;display:flex;align-items:center;gap:8px;margin-bottom:10px}.search-box{height:38px;flex:1;min-width:220px;border:1px solid var(--line-soft);border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--muted);background:#0f1722e6;font-size:13px}.chip-btn,.status-pill{border:1px solid var(--line-soft);border-radius:999px;background:#172233e6;color:#c3d2e7;height:30px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:800}.chip-btn{cursor:pointer}.chip-btn.active{color:#d9ecff;background:#2e9bff2e;border-color:#2e9bff4d}.data-table{border:1px solid var(--line-soft);border-radius:10px;overflow:hidden;background:#101722db}.table-row{width:100%;min-height:58px;border:0;border-bottom:1px solid var(--line-soft);background:transparent;color:var(--text);display:grid;grid-template-columns:minmax(220px,1.2fr) 112px minmax(150px,.9fr) 120px 120px 80px;gap:12px;align-items:center;padding:8px 12px;text-align:left;font-size:12px}.table-row:not(.table-head){cursor:pointer}.table-row:not(.table-head):hover,.table-row.selected{background:#2e9bff14}.table-head{min-height:38px;color:var(--muted);font-weight:800;background:#ffffff06}.table-contact{display:flex;align-items:center;gap:9px;min-width:0}.table-contact strong,.agent-card h2,.rule-row h2,.chart-panel h2,.settings-panel h2,.health-card h2,.side-section h2,.qr-box h2{font-size:14px}.table-contact small,.agent-card p,.rule-row p,.health-card p,.qr-box p{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.35}.side-section,.qr-box{padding:12px;margin-bottom:12px}.contact-identity.compact{margin:12px 0}.timeline,.decision-list,.risk-list{display:grid;gap:9px;margin-top:10px}.timeline span,.decision-list span,.risk-list span{display:flex;align-items:flex-start;gap:8px;color:#b9c8db;font-size:12px;line-height:1.35}.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.audit-list{display:grid;gap:8px;margin-top:10px}.audit-list span{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line-soft);color:var(--muted);font-size:12px}.audit-list strong{color:var(--blue);font-size:17px}.agent-card{padding:13px}.agent-top{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:10px;margin-bottom:12px}.agent-rules .detail-field{grid-template-columns:88px 1fr}.status-pill{height:24px;padding:0 8px}.status-pill.green{color:#72e2aa;background:#24c1771f;border-color:#24c17738}.status-pill.orange{color:#ffb274;background:#f586341f;border-color:#f5863438}.flow-canvas{min-height:136px;border:1px solid var(--line-soft);border-radius:10px;background:linear-gradient(rgba(129,154,190,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(129,154,190,.05) 1px,transparent 1px),#0a0e15b3;background-size:24px 24px;display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr;align-items:center;gap:0;padding:18px;margin-bottom:14px}.flow-node{min-height:72px;border-radius:10px;border:1px solid var(--line-soft);background:#121b28f0;display:flex;align-items:center;justify-content:center;gap:8px;color:#dbe9fb;font-weight:900;font-size:13px;text-align:center;padding:10px}.flow-node.ai{border-color:#8b5cf657}.flow-node.action{border-color:#f586344d}.flow-node.notify{border-color:#24c17747}.flow-line{height:2px;background:linear-gradient(90deg,#2e9bff40,#2e9bffe6)}.rule-list{display:grid;gap:8px}.rule-row{min-height:72px;border:1px solid var(--line-soft);border-radius:10px;background:#121b28cc;display:grid;grid-template-columns:12px minmax(0,1fr) 86px 78px 86px;gap:10px;align-items:center;padding:11px 12px}.rule-row>strong{color:var(--blue);font-size:12px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--orange)}.status-dot.green{background:var(--green)}.run-rule-btn{height:32px;border:1px solid rgba(46,155,255,.28);border-radius:7px;background:#2e9bff1f;color:#9bd2ff;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:850;cursor:pointer}.run-rule-btn:disabled{opacity:.55;cursor:not-allowed}.automation-run-line{align-items:flex-start;flex-direction:column;gap:4px}.automation-run-line svg{display:none}.automation-run-line strong{color:var(--text)}.report-grid,.settings-grid,.health-grid{display:grid;gap:12px}.report-grid{grid-template-columns:1.1fr .9fr}.chart-panel,.settings-panel{padding:13px}.funnel-row,.agent-load{display:grid;grid-template-columns:92px 1fr 64px;align-items:center;gap:10px;min-height:38px;color:var(--muted);font-size:12px}.funnel-row strong,.agent-load strong{color:var(--text);text-align:right}.bar-track,.agent-load div{height:9px;border-radius:999px;overflow:hidden;background:#819abe24}.bar-track span,.agent-load i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green))}.agent-load i{background:linear-gradient(90deg,var(--violet),var(--blue))}.health-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.health-card{min-height:82px;padding:12px;display:flex;align-items:center;gap:10px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.whatsapp-panel{grid-column:span 2;display:grid;gap:14px;border-color:#2e9bff3d}.whatsapp-panel.open{border-color:#24c17757}.whatsapp-panel.qr,.whatsapp-panel.connecting{border-color:#f5863457}.whatsapp-panel.error{border-color:#ef444457}.whatsapp-panel-head,.connection-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.whatsapp-panel-head h2{margin-top:3px}.whatsapp-panel-head p{max-width:660px;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45}.section-eyebrow{color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:0}.whatsapp-operating-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px;align-items:stretch}.session-metrics{display:grid;gap:8px;align-content:start}.session-metrics .detail-field{grid-template-columns:116px minmax(0,1fr)}.session-metrics .detail-field strong{overflow-wrap:anywhere}.qr-live-box{min-height:250px;border:1px solid var(--line-soft);border-radius:10px;background:linear-gradient(rgba(129,154,190,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(129,154,190,.05) 1px,transparent 1px),#080d15b3;background-size:18px 18px;display:grid;place-items:center;padding:14px}.qr-live-box.ready{background:#fff}.qr-live-box img{width:220px;height:220px;display:block}.qr-placeholder{display:grid;justify-items:center;gap:9px;text-align:center;color:var(--muted)}.qr-placeholder svg{color:var(--blue)}.qr-placeholder strong{color:var(--text);font-size:14px}.qr-placeholder span{max-width:200px;font-size:12px;line-height:1.35}.connection-actions{justify-content:flex-start;flex-wrap:wrap}.connection-actions button{height:36px}.connection-actions button:disabled{cursor:not-allowed;opacity:.46}.connection-primary{width:auto;min-width:172px}.connection-secondary{min-width:124px}.connection-alert{min-height:34px;border:1px solid rgba(239,68,68,.24);border-radius:9px;background:#ef444417;color:#ffb4b4;display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12px;line-height:1.35}.business-panel{grid-column:span 2;display:grid;gap:12px;border-color:#7357df42}.business-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.business-head p{max-width:720px;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45}.readiness-meter{width:190px;display:grid;gap:7px;color:var(--muted);font-size:12px;flex:0 0 auto}.readiness-meter span,.readiness-meter strong{display:flex;justify-content:space-between;color:var(--text);font-size:12px}.readiness-meter div{height:8px;border-radius:999px;overflow:hidden;background:#819abe29}.readiness-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--blue),var(--green))}.setup-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.setup-step{min-height:48px;border:1px solid var(--line-soft);border-radius:9px;background:#0c131ebd;color:var(--muted);display:flex;align-items:center;gap:8px;padding:8px;text-align:left}.setup-step span{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#819abe24;color:#c3d2e7;font-size:11px;font-weight:900}.setup-step strong{font-size:12px}.setup-step.active{color:#e8f2ff;border-color:#2e9bff61;background:#2e9bff24}.setup-step.active span{background:var(--blue);color:#fff}.wizard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:start}.guided-form,.profile-review{border:1px solid var(--line-soft);border-radius:10px;background:#080d155c;padding:12px}.wizard-question{margin-bottom:12px}.wizard-question span,.profile-review>h3,.missing-list>span{color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:0}.wizard-question h3{margin-top:4px;font-size:16px}.form-grid{display:grid;gap:10px}.form-grid.two,.guardrail-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field{display:grid;gap:6px;min-width:0}.form-field.wide{grid-column:1 / -1}.form-field span,.check-field{color:var(--muted);font-size:12px;font-weight:800}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid var(--line-soft);border-radius:9px;background:#0f1722e6;color:var(--text);font:inherit;font-size:13px;outline:none}.form-field input,.form-field select{height:38px;padding:0 10px}.form-field textarea{min-height:92px;padding:10px;resize:vertical;line-height:1.38}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#2e9bff94;box-shadow:0 0 0 3px #2e9bff1f}.service-editor,.knowledge-editor,.review-grid,.guardrail-columns{display:grid;gap:10px}.service-card{border:1px solid var(--line-soft);border-radius:9px;background:#ffffff06;padding:10px;display:grid;gap:10px}.template-card{border-color:#2e9bff33}.check-field{display:flex;align-items:center;gap:8px}.check-field input{width:16px;height:16px;accent-color:var(--blue)}.add-row-btn{width:fit-content}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-card{min-height:96px;border:1px solid var(--line-soft);border-radius:9px;background:#ffffff08;padding:10px;display:flex;gap:9px}.review-card svg{color:var(--blue);flex:0 0 auto}.review-card span,.review-card p{color:var(--muted);font-size:12px;line-height:1.35}.review-card strong{display:block;margin:2px 0 4px;font-size:14px}.wizard-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;flex-wrap:wrap}.wizard-actions button{min-width:118px}.wizard-actions button:disabled{cursor:not-allowed;opacity:.48}.profile-review{position:sticky;top:12px;display:grid;gap:12px}.profile-status{border:1px solid rgba(46,155,255,.2);border-radius:9px;background:#2e9bff14;padding:10px;display:grid;gap:3px}.profile-status strong{font-size:14px}.profile-status span{color:var(--muted);font-size:12px}.decision-list.compact{gap:8px}.missing-list{display:grid;gap:7px}.missing-list strong{min-height:26px;border:1px solid var(--line-soft);border-radius:999px;background:#f5863417;color:#ffd0a8;display:flex;align-items:center;padding:0 10px;font-size:12px}.status-pill.blue{color:#9bd1ff;background:#2e9bff1f;border-color:#2e9bff3d}.status-pill.red{color:#ffb4b4;background:#ef44441f;border-color:#ef44443d}.status-pill.muted{color:#adbed3;background:#819abe1a;border-color:#819abe2e}.live-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}.qr-box{display:grid;place-items:center;gap:9px;min-height:220px;text-align:center}.qr-box svg{color:var(--blue)}@media(max-width:1280px){.app-shell{grid-template-columns:64px 242px 326px minmax(390px,1fr)}.contact-panel{display:none}.workspace-shell{grid-template-columns:minmax(0,1fr)}.workspace-side{display:none}.agent-grid,.ops-grid,.report-grid{grid-template-columns:1fr}}@media(max-width:940px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;grid-template-columns:58px minmax(270px,36vw) 1fr}.inbox-panel{display:none}.chat-panel{min-height:100vh}.workspace-shell{grid-column:2 / -1}.kpi-grid,.health-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.whatsapp-panel,.business-panel{grid-column:span 2}.setup-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.wizard-grid{grid-template-columns:1fr}.profile-review{position:static}.whatsapp-operating-grid{grid-template-columns:1fr}.table-row{grid-template-columns:minmax(210px,1.4fr) 108px minmax(130px,1fr)}.table-row span:nth-child(n+4){display:none}.flow-canvas{grid-template-columns:1fr;gap:10px}.flow-line{width:2px;height:22px;justify-self:center}}@media(max-width:720px){.app-shell{grid-template-columns:1fr}.icon-rail,.conversation-panel,.contact-panel{display:none}.chat-panel{min-height:100vh}.workspace-shell{grid-column:1;min-height:100vh}.workspace-main{padding:12px}.workspace-header,.workspace-toolbar{align-items:stretch;flex-direction:column}.workspace-actions,.workspace-toolbar{width:100%}.workspace-actions .filter-btn,.workspace-actions .send-btn,.chip-btn{flex:1}.kpi-grid,.agent-grid,.health-grid,.settings-grid{grid-template-columns:1fr}.whatsapp-panel,.business-panel{grid-column:span 1}.business-head{flex-direction:column}.readiness-meter{width:100%}.setup-steps,.form-grid.two,.guardrail-columns,.review-grid{grid-template-columns:1fr}.whatsapp-panel-head,.connection-actions{align-items:stretch;flex-direction:column}.session-metrics .detail-field{grid-template-columns:1fr}.connection-primary,.connection-secondary{width:100%}.data-table{overflow-x:auto}.table-row{min-width:560px}.chat-header{padding:0 12px}.header-actions .icon-btn:nth-child(n+3){display:none}.header-actions .mobile-theme-toggle{display:inline-flex}.message-bubble{max-width:94%}.send-btn{width:42px;min-width:42px;padding:0;justify-content:center;color:transparent;gap:0}.send-btn svg{color:#06111f;min-width:18px}.composer-row .icon-btn:nth-of-type(2),.composer-row .icon-btn:nth-of-type(3){display:none}}.app-shell[data-theme=light]{color-scheme:light;--bg: #eef3f8;--rail: #e8eef6;--panel: #f8fbff;--panel-2: #ffffff;--panel-3: #edf4fb;--line: #d7e1ee;--line-soft: rgba(60, 85, 116, .16);--text: #142033;--muted: #5d6f86;--faint: #7c8da3;--blue: #1478e8;--blue-2: #0f62c6;--green: #14a66a;--orange: #e87522;--violet: #7357df;--red: #cf3f58;--shadow: 0 18px 42px rgba(51, 73, 102, .14);background:linear-gradient(180deg,rgba(20,120,232,.08),transparent 22%),var(--bg);color:var(--text)}.app-shell[data-theme=light] .icon-rail,.app-shell[data-theme=light] .inbox-panel,.app-shell[data-theme=light] .conversation-panel,.app-shell[data-theme=light] .contact-panel{background:#f8fbfff7;color:var(--text)}.app-shell[data-theme=light] .auth-shell{background:radial-gradient(circle at 20% 12%,rgba(20,120,232,.12),transparent 30%),#f3f7fb}.app-shell[data-theme=light] .auth-panel{background:#fffffff0;border-color:#d8e2ef;box-shadow:var(--shadow)}.app-shell[data-theme=light] .auth-field input{background:#f7faff;color:#17253a;border-color:#d4e0ed}.app-shell[data-theme=light] .auth-copy,.app-shell[data-theme=light] .auth-foot,.app-shell[data-theme=light] .auth-state,.app-shell[data-theme=light] .auth-field span{color:#516984}.app-shell[data-theme=light] .auth-error{color:#a22d3f;background:#cf3f5817;border-color:#cf3f5833}.app-shell[data-theme=light] .icon-rail{background:var(--rail)}.app-shell[data-theme=light] .brand-mark{background:#fff;color:var(--blue);box-shadow:0 8px 18px #1478e81f}.app-shell[data-theme=light] .rail-btn,.app-shell[data-theme=light] .icon-btn,.app-shell[data-theme=light] .round-action{color:#60748d}.app-shell[data-theme=light] .rail-btn:hover,.app-shell[data-theme=light] .rail-btn.active{color:var(--blue);background:#1478e81f}.app-shell[data-theme=light] .user-status{background:linear-gradient(135deg,#fff,#d7e8f8);border-color:#c8d7e8}.app-shell[data-theme=light] .presence-dot{box-shadow:0 0 0 3px var(--rail)}.app-shell[data-theme=light] .folder-row{color:#20304a}.app-shell[data-theme=light] .folder-row.active{background:linear-gradient(90deg,#1478e829,#1478e80f)}.app-shell[data-theme=light] .folder-row.subtle{color:#40546d}.app-shell[data-theme=light] .folder-row:hover,.app-shell[data-theme=light] .conversation-item:hover{background:#1478e80f}.app-shell[data-theme=light] .count-pill,.app-shell[data-theme=light] .count-pill.orange,.app-shell[data-theme=light] .count-pill.green{color:#fff}.app-shell[data-theme=light] .soft-count{color:#516984}.app-shell[data-theme=light] .filter-btn{color:#273a54}.app-shell[data-theme=light] .toggle-knob{background:#d0dce9}.app-shell[data-theme=light] .toggle-knob:before{background:#fff;box-shadow:0 1px 4px #30455f38}.app-shell[data-theme=light] .conversation-item.selected{background:linear-gradient(90deg,#1478e81f,#1478e80b);border-color:#1478e83d}.app-shell[data-theme=light] .inbox-sync{background:#ffffffc7;color:#5d7189;border-color:#d8e2ef}.app-shell[data-theme=light] .inbox-sync.live{color:#087a4c;background:#14a66a17;border-color:#14a66a2e}.app-shell[data-theme=light] .inbox-sync.error,.app-shell[data-theme=light] .inbox-error{color:#a22d3f;background:#cf3f5817;border-color:#cf3f5833}.app-shell[data-theme=light] .empty-state{color:#516984;border-color:#d8e2ef}.app-shell[data-theme=light] .conversation-last{color:#5d7189}.app-shell[data-theme=light] .stage-badge{color:#0f65bb;background:#1478e81a;border-color:#1478e82e}.app-shell[data-theme=light] .stage-hot-lead{color:#b45413;background:#e875221f;border-color:#e8752238}.app-shell[data-theme=light] .stage-customer,.app-shell[data-theme=light] .stage-payment,.app-shell[data-theme=light] .channel-pill{color:#087a4c;background:#14a66a1c;border-color:#14a66a2e}.app-shell[data-theme=light] .sla-pill{color:#087a4c;background:#14a66a1a}.app-shell[data-theme=light] .sla-pill.orange{color:#b45413;background:#e875221f}.app-shell[data-theme=light] .sla-pill.red{color:#a22d3f;background:#cf3f581a}.app-shell[data-theme=light] .sla-pill.muted{color:#64768b;background:#64768b1a}.app-shell[data-theme=light] .chat-panel{background:radial-gradient(circle at 20% 0%,rgba(20,120,232,.08),transparent 28%),#f3f7fb}.app-shell[data-theme=light] .chat-header,.app-shell[data-theme=light] .composer{background:#ffffffe0}.app-shell[data-theme=light] .ai-banner{background:linear-gradient(90deg,#7357df1f,#1478e814);color:#3b327d;border-color:#7357df38}.app-shell[data-theme=light] .ai-banner strong{color:#2b2468}.app-shell[data-theme=light] .ai-inline-action,.app-shell[data-theme=light] .ai-stage-action,.app-shell[data-theme=light] .claim-btn{background:#7357df1a;color:#503da8;border-color:#7357df33}.app-shell[data-theme=light] .message-bubble{background:#fff;color:#17253a;border-color:#dce5f0;box-shadow:var(--shadow)}.app-shell[data-theme=light] .message-line.outgoing .message-bubble{background:linear-gradient(135deg,#1876df,#3195f4);color:#fff}.app-shell[data-theme=light] .message-line.internal .message-bubble{background:linear-gradient(135deg,#efeafd,#e6f0ff);color:#1e2a4a;border-color:#7357df2e}.app-shell[data-theme=light] .chat-empty{color:#516984;border-color:#d8e2ef}.app-shell[data-theme=light] .message-time{color:#64768b}.app-shell[data-theme=light] .message-line.outgoing .message-time{color:#fffc}.app-shell[data-theme=light] .internal-label{color:#5b45b8}.app-shell[data-theme=light] .mode-switch{background:#e7eef7}.app-shell[data-theme=light] .mode-switch button{color:#5c6f87}.app-shell[data-theme=light] .mode-switch button.active{background:#fff;color:var(--blue);box-shadow:0 4px 12px #1478e81f}.app-shell[data-theme=light] .composer-row input,.app-shell[data-theme=light] .quick-actions button,.app-shell[data-theme=light] .note-row{background:#fff;color:#21334d;border-color:#d8e2ef}.app-shell[data-theme=light] .crm-controls{background:#fff;border-color:#d8e2ef;box-shadow:0 10px 24px #24395212}.app-shell[data-theme=light] .crm-controls span{color:#60748d}.app-shell[data-theme=light] .crm-controls select{background:#f7faff;color:#17253a;border-color:#d4e0ed}.app-shell[data-theme=light] .crm-saving{background:#1478e814;color:#0f65bb;border-color:#1478e833}.app-shell[data-theme=light] .composer-row input::placeholder{color:#8291a5}.app-shell[data-theme=light] .send-btn{color:#fff}.app-shell[data-theme=light] .detail-field strong,.app-shell[data-theme=light] .summary-grid strong{color:#16243a}.app-shell[data-theme=light] .tag{background:#eef5ff;color:#234466;border-color:#d5e2f0}.app-shell[data-theme=light] .ai-summary{background:linear-gradient(180deg,#1478e814,#7357df0f);border-color:#1478e82e}.app-shell[data-theme=light] .summary-title{color:#185ea6}.app-shell[data-theme=light] .ai-summary>p,.app-shell[data-theme=light] .suggested-reply p,.app-shell[data-theme=light] .note-row{color:#354b65}.app-shell[data-theme=light] .workspace-shell{background:radial-gradient(circle at 18% 0%,rgba(20,120,232,.08),transparent 30%),#f3f7fb}.app-shell[data-theme=light] .workspace-side,.app-shell[data-theme=light] .data-table,.app-shell[data-theme=light] .kpi-card,.app-shell[data-theme=light] .agent-card,.app-shell[data-theme=light] .chart-panel,.app-shell[data-theme=light] .settings-panel,.app-shell[data-theme=light] .health-card,.app-shell[data-theme=light] .qr-box,.app-shell[data-theme=light] .side-section,.app-shell[data-theme=light] .rule-row,.app-shell[data-theme=light] .flow-node{background:#ffffffeb;color:var(--text);border-color:#d8e2ef;box-shadow:var(--shadow)}.app-shell[data-theme=light] .search-box,.app-shell[data-theme=light] .chip-btn,.app-shell[data-theme=light] .status-pill,.app-shell[data-theme=light] .run-rule-btn,.app-shell[data-theme=light] .flow-canvas{background:#ffffffc7;color:#263a54;border-color:#d8e2ef}.app-shell[data-theme=light] .table-head{background:#edf4fb;color:#62758d}.app-shell[data-theme=light] .table-row{color:#142033}.app-shell[data-theme=light] .table-row:not(.table-head):hover,.app-shell[data-theme=light] .table-row.selected{background:#1478e814}.app-shell[data-theme=light] .table-contact small,.app-shell[data-theme=light] .agent-card p,.app-shell[data-theme=light] .rule-row p,.app-shell[data-theme=light] .health-card p,.app-shell[data-theme=light] .qr-box p,.app-shell[data-theme=light] .timeline span,.app-shell[data-theme=light] .decision-list span,.app-shell[data-theme=light] .risk-list span{color:#516984}.app-shell[data-theme=light] .flow-canvas{background:linear-gradient(rgba(60,85,116,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(60,85,116,.08) 1px,transparent 1px),#ffffffb8;background-size:24px 24px}.app-shell[data-theme=light] .bar-track,.app-shell[data-theme=light] .agent-load div{background:#3c55741f}.app-shell[data-theme=light] .guided-form,.app-shell[data-theme=light] .profile-review,.app-shell[data-theme=light] .setup-step,.app-shell[data-theme=light] .service-card,.app-shell[data-theme=light] .review-card{background:#ffffffb8;border-color:#d8e2ef}.app-shell[data-theme=light] .setup-step{color:#60748d}.app-shell[data-theme=light] .setup-step span{background:#edf4fb;color:#38607f}.app-shell[data-theme=light] .setup-step.active{color:#123b66;background:#1478e817;border-color:#1478e83d}.app-shell[data-theme=light] .setup-step.active span{background:#1478e8;color:#fff}.app-shell[data-theme=light] .form-field input,.app-shell[data-theme=light] .form-field textarea,.app-shell[data-theme=light] .form-field select{background:#fff;color:#17253a;border-color:#d4e0ed}.app-shell[data-theme=light] .business-head p,.app-shell[data-theme=light] .form-field span,.app-shell[data-theme=light] .check-field,.app-shell[data-theme=light] .review-card span,.app-shell[data-theme=light] .review-card p,.app-shell[data-theme=light] .profile-status span{color:#516984}.app-shell[data-theme=light] .profile-status{background:#1478e812;border-color:#1478e82b}.app-shell[data-theme=light] .readiness-meter div{background:#3c557424}.app-shell[data-theme=light] .missing-list strong{background:#f586341a;color:#8e4d12;border-color:#f5863438}.app-shell[data-theme=light] .workspace-icon{color:#1478e8;background:#1478e81a;border-color:#1478e847}.app-shell[data-theme=light] .audit-list span{color:#516984}.app-shell[data-theme=light] .whatsapp-panel{border-color:#1478e83d}.app-shell[data-theme=light] .whatsapp-panel.open{border-color:#14a66a47}.app-shell[data-theme=light] .whatsapp-panel.qr,.app-shell[data-theme=light] .whatsapp-panel.connecting{border-color:#e8752247}.app-shell[data-theme=light] .whatsapp-panel.error{border-color:#cf3f5847}.app-shell[data-theme=light] .whatsapp-panel-head p,.app-shell[data-theme=light] .qr-placeholder,.app-shell[data-theme=light] .qr-placeholder span{color:#516984}.app-shell[data-theme=light] .qr-live-box{background:linear-gradient(rgba(60,85,116,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(60,85,116,.08) 1px,transparent 1px),#ffffffc2;background-size:18px 18px;border-color:#d8e2ef}.app-shell[data-theme=light] .qr-live-box.ready{background:#fff}.app-shell[data-theme=light] .connection-alert{color:#a22d3f;background:#cf3f5817;border-color:#cf3f5833}@media(max-width:720px){.app-shell .send-btn,.app-shell[data-theme=light] .send-btn{color:transparent;overflow:hidden}.app-shell .connection-actions .send-btn,.app-shell[data-theme=light] .connection-actions .send-btn{min-width:100%;color:#06111f}.app-shell[data-theme=light] .connection-actions .send-btn{color:#fff}.app-shell[data-theme=light] .send-btn svg{color:#fff}}