:root{--bg:#f4f6f8;--bg-subtle:#f9fafb;--surface:#fff;--surface-raised:#fff;--surface-overlay:#fff;--accent:#128c7e;--accent-hover:#0e7163;--accent-press:#0b5c51;--accent-subtle:#e8f5f3;--accent-soft:#c8eae6;--accent-text:#0a4f46;--ink:#0d0f11;--ink-2:#374151;--ink-3:#6b7280;--ink-4:#9ca3af;--ink-5:#d1d5db;--border:#e5e8ec;--border-strong:#c8cdd5;--border-focus:#128c7e8c;--green:#16a34a;--green-subtle:#f0fdf4;--green-soft:#dcfce7;--amber:#d97706;--amber-subtle:#fffbeb;--amber-soft:#fef3c7;--red:#dc2626;--red-subtle:#fef2f2;--red-soft:#fee2e2;--blue:#2563eb;--blue-subtle:#eff6ff;--blue-soft:#dbeafe;--purple:#7c3aed;--purple-subtle:#faf5ff;--cyan:#0891b2;--orange:#ea580c;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow:0 4px 12px #00000012,0 1px 3px #0000000d;--shadow-md:0 8px 24px #00000014,0 2px 6px #0000000a;--shadow-lg:0 20px 48px #0000001a,0 4px 12px #0000000d;--shadow-focus:0 0 0 3px #128c7e33;--r-xs:4px;--r-sm:8px;--r:10px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:9999px;--sidebar-w:212px;--topbar-h:46px;--ctrl-h:36px;--ctrl-h-sm:30px;--ctrl-h-lg:42px;--ctrl-px:12px;--btn-px:14px;--font:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--ease:cubic-bezier(.16,1,.3,1);--t:160ms;--t-sm:100ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;min-width:320px}body{background:#f4f6f8;background:var(--bg);color:#0d0f11;color:var(--ink);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:13px;font-size:var(--text-base);line-height:1.5}button,input,select,textarea{font:inherit}a{color:#128c7e;color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#0d0f11;color:var(--ink);min-width:0;outline:none;transition:border-color .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1);transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease);width:100%}input,select{height:36px;height:var(--ctrl-h);padding:0 12px;padding:0 var(--ctrl-px)}input,select,textarea{font-size:13px;font-size:var(--text-base)}textarea{min-height:88px;padding:9px 12px;padding:9px var(--ctrl-px);resize:vertical}input:focus,select:focus,textarea:focus{border-color:#128c7e;border-color:var(--accent);box-shadow:0 0 0 3px #128c7e33;box-shadow:var(--shadow-focus)}input::placeholder,textarea::placeholder{color:#9ca3af;color:var(--ink-4)}label{color:#6b7280;color:var(--ink-3);display:block;font-size:12px;font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;margin-bottom:5px}button{background:none;border:none;cursor:pointer;transition:background .1s,color .1s,border-color .1s,box-shadow .1s,transform .1s;transition:background var(--t-sm),color var(--t-sm),border-color var(--t-sm),box-shadow var(--t-sm),transform var(--t-sm)}button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.formActions button.primary,.fullBtn,.loginCard button[type=submit],.simulateBtn,.uiButton{align-items:center;background:#128c7e;background:var(--accent);border:1px solid #0000;border-radius:8px;border-radius:var(--r-sm);color:#fff;display:inline-flex;font-size:13px;font-size:var(--text-base);font-weight:600;gap:6px;height:36px;height:var(--ctrl-h);justify-content:center;padding:0 14px;padding:0 var(--btn-px);white-space:nowrap}.formActions button.primary:hover,.fullBtn:hover,.loginCard button[type=submit]:hover,.simulateBtn:hover,.uiButton:hover{background:#0e7163;background:var(--accent-hover)}.loginCard button[type=submit]:active,.uiButton:active{background:#0b5c51;background:var(--accent-press)}.chatActions button,.contactActions button,.formActions button:not(.primary),.ghostButton,.leadControls button,.numberActions button,.numberForm button,.numberFormReal button,.secondaryBtn,.settingsForm button:not(.primary){align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#374151;color:var(--ink-2);display:inline-flex;font-size:13px;font-size:var(--text-base);font-weight:500;gap:6px;height:36px;height:var(--ctrl-h);justify-content:center;padding:0 14px;padding:0 var(--btn-px);white-space:nowrap}.formActions button:not(.primary):hover,.ghostButton:hover,.secondaryBtn:hover{background:#f9fafb;background:var(--bg-subtle);border-color:#c8cdd5;border-color:var(--border-strong)}.dangerBtn{align-items:center;background:#fef2f2;background:var(--red-subtle);border:1px solid #fee2e2;border:1px solid var(--red-soft);border-radius:8px;border-radius:var(--r-sm);color:#dc2626;color:var(--red);display:inline-flex;font-size:13px;font-size:var(--text-base);font-weight:600;gap:6px;height:36px;height:var(--ctrl-h);justify-content:center;padding:0 14px;padding:0 var(--btn-px)}.dangerBtn:hover{background:#fee2e2;background:var(--red-soft)}.activateBtn{align-items:center;background:#f0fdf4;background:var(--green-subtle);border:1px solid #dcfce7;border:1px solid var(--green-soft);border-radius:8px;border-radius:var(--r-sm);color:#16a34a;color:var(--green);display:inline-flex;font-size:13px;font-size:var(--text-base);font-weight:600;gap:6px;height:36px;height:var(--ctrl-h);padding:0 14px;padding:0 var(--btn-px)}.activateBtn:hover{background:#dcfce7;background:var(--green-soft)}.searchBox button,.sendBox button{align-items:center;background:#128c7e;background:var(--accent);border:1px solid #0000;border-radius:8px;border-radius:var(--r-sm);color:#fff;display:inline-flex;font-weight:600;justify-content:center;min-height:36px;min-height:var(--ctrl-h);padding:0 14px;padding:0 var(--btn-px)}.sendBox button:hover{background:#0e7163;background:var(--accent-hover)}.appShell{background:#f4f6f8;background:var(--bg);height:100vh}.appShell,.sidebar{display:flex;overflow:hidden}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #e5e8ec;border-right:1px solid var(--border);flex-direction:column;min-width:212px;min-width:var(--sidebar-w);width:212px;width:var(--sidebar-w);z-index:10}.logoArea{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:9px;padding:12px 12px 10px}.logoMark{background:#0000;border-radius:8px;border-radius:var(--r-sm);flex-shrink:0;height:34px;width:34px}.logoMark,.zapLogo{align-items:center;display:flex;justify-content:center}.zapLogo{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1}.logoCopy{min-width:0}.logoCopy strong{color:#0d0f11;color:var(--ink);display:block;font-size:12px;font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em;line-height:1.2}.logoCopy span{color:#9ca3af;color:var(--ink-4);display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebarStatusCard{display:none}.sidebarWhatsStatus{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:6px;padding:5px 12px}.wsDot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.wsDot.connected{background:#16a34a;background:var(--green)}.wsDot.qr{background:#d97706;background:var(--amber)}.wsDot.off{background:#9ca3af;background:var(--ink-4)}.wsLabel{color:#9ca3af;color:var(--ink-4);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebarNav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:8px 8px 4px}.sidebarNav::-webkit-scrollbar{width:4px}.sidebarNav::-webkit-scrollbar-thumb{background:#e5e8ec;background:var(--border);border-radius:4px}.navSection{margin-bottom:4px}.navSection small{color:#9ca3af;color:var(--ink-4);display:block;font-size:10px;font-weight:700;letter-spacing:.06em;padding:8px 8px 3px;text-transform:uppercase}.navSection.noLabel{margin-top:0}.sidebarNav button{align-items:center;border-radius:8px;border-radius:var(--r-sm);color:#374151;color:var(--ink-2);display:flex;font-size:12px;font-size:var(--text-sm);font-weight:500;height:32px;justify-content:space-between;padding:0 8px;text-align:left;transition:background .1s,color .1s;transition:background var(--t-sm),color var(--t-sm);width:100%}.sidebarNav button:hover{background:#f4f6f8;background:var(--bg);color:#0d0f11;color:var(--ink)}.sidebarNav button.active{background:#e8f5f3;background:var(--accent-subtle);color:#0a4f46;color:var(--accent-text);font-weight:600}.sidebarNav button.active .iconGlyph{color:#128c7e;color:var(--accent)}.navItemLead{align-items:center;display:flex;gap:8px}.navItemLead .iconGlyph{font-size:14px;text-align:center;width:16px}.sidebarNav button em{align-items:center;background:#dc2626;background:var(--red);border-radius:9999px;border-radius:var(--r-full);color:#fff;display:flex;font-size:10px;font-style:normal;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px}.userBox{border-top:1px solid #e5e8ec;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;padding:8px 10px}.userWorkspaceBadge{display:none}.userMini{align-items:center;display:flex;gap:8px}.userMini div{min-width:0}.userMini strong{color:#0d0f11;color:var(--ink);display:block;font-size:12px;font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userMini span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs)}.userBox .ghostButton{background:none;border:1px solid #e5e8ec;border:1px solid var(--border);color:#6b7280;color:var(--ink-3);font-size:12px;font-size:var(--text-sm);height:30px;height:var(--ctrl-h-sm);width:100%}.userBox .ghostButton:hover{background:#fef2f2;background:var(--red-subtle);border-color:#fee2e2;border-color:var(--red-soft);color:#dc2626;color:var(--red)}.mainArea{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.globalTopBar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:16px;height:46px;height:var(--topbar-h);justify-content:space-between;min-height:46px;min-height:var(--topbar-h);padding:0 20px;z-index:8}.topBarIdentity strong{color:#0d0f11;color:var(--ink);display:block;font-size:12px;font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em}.topBarIdentity span{color:#9ca3af;color:var(--ink-4);font-size:10px}.topActions,.topSearch{align-items:center;display:flex;gap:8px}.topSearch{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#9ca3af;color:var(--ink-4);height:32px;padding:0 10px;width:220px}.topSearch,.topSearch input{font-size:12px;font-size:var(--text-sm)}.topSearch input{background:none;border:none;box-shadow:none;color:#6b7280;color:var(--ink-3);flex:1 1;height:auto;padding:0}.topSearch kbd{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:4px;color:#9ca3af;color:var(--ink-4);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:10px;padding:1px 4px}.newButton{align-items:center;background:#128c7e;background:var(--accent);border-radius:8px;border-radius:var(--r-sm);color:#fff;display:inline-flex;font-size:12px;font-size:var(--text-sm);font-weight:600;gap:5px;height:32px;padding:0 12px}.newButton:hover{background:#0e7163;background:var(--accent-hover)}.profileChip{align-items:center;border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);cursor:default;display:flex;gap:8px;padding:4px 8px}.profileChip strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:600}.profileChip span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs)}.inboxToast{background:#0d0f11;background:var(--ink);border:none;border-radius:12px;border-radius:var(--r-md);bottom:20px;box-shadow:0 20px 48px #0000001a,0 4px 12px #0000000d;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:2px;max-width:280px;padding:12px 16px;position:fixed;right:20px;text-align:left;z-index:999}.inboxToast strong{font-size:12px;font-size:var(--text-sm);font-weight:700}.inboxToast span{color:#ffffffb3;font-size:11px;font-size:var(--text-xs)}.inboxToast:hover{background:#1f2937}.photo,.uiAvatar{align-items:center;background:#e8f5f3;background:var(--accent-subtle);border:1px solid #c8eae6;border:1px solid var(--accent-soft);border-radius:9999px;border-radius:var(--r-full);color:#0a4f46;color:var(--accent-text);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;letter-spacing:0;overflow:hidden;width:32px}.photo.large,.uiAvatar.large{font-size:16px;height:44px;width:44px}.photo.small,.uiAvatar.small{font-size:10px;height:26px;width:26px}.uiStatusPill{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:11px;font-size:var(--text-xs);font-weight:600;gap:5px;height:22px;padding:0 8px;white-space:nowrap}.uiStatusPill:before{background:currentColor;border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.uiStatusPill[data-tone=success]{background:#f0fdf4;background:var(--green-subtle);color:#16a34a;color:var(--green)}.uiStatusPill[data-tone=warning]{background:#fffbeb;background:var(--amber-subtle);color:#d97706;color:var(--amber)}.uiStatusPill[data-tone=error]{background:#fef2f2;background:var(--red-subtle);color:#dc2626;color:var(--red)}.uiStatusPill[data-tone=info]{background:#eff6ff;background:var(--blue-subtle);color:#2563eb;color:var(--blue)}.uiStatusPill[data-tone=neutral]{background:#f4f6f8;background:var(--bg);color:#6b7280;color:var(--ink-3)}.uiStatusPill[data-tone=accent]{background:#e8f5f3;background:var(--accent-subtle);color:#0a4f46;color:var(--accent-text)}.uiPageHeader h1{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em;line-height:1.2}.uiPageHeaderActions{align-items:center;display:flex;gap:8px}.uiPageHeaderRow{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.uiTabs{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:0;overflow-x:auto;padding:0 20px;scrollbar-width:none}.uiTabs::-webkit-scrollbar{display:none}.uiTabs button{border-bottom:2px solid #0000;border-radius:0;color:#6b7280;color:var(--ink-3);font-size:12px;font-size:var(--text-sm);font-weight:500;height:40px;margin-bottom:-1px;padding:0 14px;white-space:nowrap}.uiTabs button:hover{color:#0d0f11;color:var(--ink)}.uiTabs button.active{border-bottom-color:#128c7e;border-bottom-color:var(--accent);color:#128c7e;color:var(--accent);font-weight:600}.emptyState{align-items:center;display:flex;flex-direction:column;gap:8px;padding:40px 20px;text-align:center}.emptyState .emptyIcon{font-size:28px;opacity:.4}.emptyState h3{color:#374151;color:var(--ink-2);font-size:14px;font-size:var(--text-md);font-weight:600}.emptyState p{color:#9ca3af;color:var(--ink-4);font-size:12px;font-size:var(--text-sm);line-height:1.5;max-width:240px}.iconGlyph{font-style:normal}.loginPage{background:#f4f6f8;background:var(--bg);display:flex;min-height:100vh}.loginShowcase{background:linear-gradient(145deg,#128c7e,#0a6b5f 60%,#084e45);background:linear-gradient(145deg,var(--accent) 0,#0a6b5f 60%,#084e45 100%);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 64px}.loginShowcaseBadge{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:9999px;border-radius:var(--r-full);color:#ffffffe6;display:inline-flex;font-size:11px;font-size:var(--text-xs);font-weight:700;height:26px;letter-spacing:.04em;margin-bottom:28px;padding:0 10px;width:fit-content}.loginShowcase h1{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:14px;max-width:400px}.loginShowcase p{color:#fffc;font-size:14px;font-size:var(--text-md);line-height:1.6;margin-bottom:40px;max-width:380px}.loginShowcaseGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:380px}.loginShowcaseCard{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:12px;border-radius:var(--r-md);display:flex;flex-direction:column;gap:4px;padding:16px}.loginShowcaseCard strong{color:#fff;font-size:12px;font-size:var(--text-sm);font-weight:700}.loginShowcaseCard span{color:#ffffffb8;font-size:11px;font-size:var(--text-xs);line-height:1.4}.loginCard{background:#fff;background:var(--surface);border-left:1px solid #e5e8ec;border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;min-width:440px;padding:48px;width:440px}.loginCardTop{gap:14px;margin-bottom:32px}.brandIcon,.loginCardTop{align-items:center;display:flex}.brandIcon{background:#0000;flex-shrink:0;height:44px;justify-content:center;width:44px}.loginCardTop h1{color:#0d0f11;color:var(--ink);font-size:20px;font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em}.loginCardTop p{color:#6b7280;color:var(--ink-3);font-size:12px;font-size:var(--text-sm);margin-top:2px}.loginCard form{display:flex;flex-direction:column;gap:14px}.loginCard form label{color:#374151;color:var(--ink-2);font-size:12px;font-size:var(--text-sm);font-weight:600}.loginCard form input{border:1.5px solid #e5e8ec;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--r-sm);font-size:14px;font-size:var(--text-md);height:40px}.loginCard form input:focus{border-color:#128c7e;border-color:var(--accent)}.loginCard form .error{background:#fef2f2;background:var(--red-subtle);border:1px solid #fee2e2;border:1px solid var(--red-soft);border-radius:8px;border-radius:var(--r-sm);color:#dc2626;color:var(--red);font-size:12px;font-size:var(--text-sm);font-weight:500;padding:9px 12px}.loginCard form button{align-items:center;background:#128c7e;background:var(--accent);border:none;border-radius:8px;border-radius:var(--r-sm);color:#fff;display:flex;font-size:14px;font-size:var(--text-md);font-weight:700;height:42px;justify-content:center;margin-top:4px}.loginCard form button:hover:not(:disabled){background:#0e7163;background:var(--accent-hover)}.loginCardFoot{grid-gap:10px;border-top:1px solid #e5e8ec;border-top:1px solid var(--border);display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:28px;padding-top:24px}.loginFootItem{display:flex;flex-direction:column;gap:2px}.loginFootItem strong{color:#374151;color:var(--ink-2);font-size:12px;font-size:var(--text-sm);font-weight:700}.loginFootItem span{color:#9ca3af;color:var(--ink-4);font-size:11px;font-size:var(--text-xs);line-height:1.4}.referenceDashboard{background:#f4f6f8;background:var(--bg);display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.referenceDashboard::-webkit-scrollbar{width:6px}.referenceDashboard::-webkit-scrollbar-thumb{background:#e5e8ec;background:var(--border);border-radius:4px}.dashboardPageHeader{background:#fff;background:var(--surface);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border)}.referenceMetrics{display:flex;gap:12px;overflow-x:auto;padding:20px 24px 0;scrollbar-width:none}.referenceMetrics::-webkit-scrollbar{display:none}.referenceMetric{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:160px;padding:16px}.referenceMetric .metricIcon{align-items:center;border-radius:8px;border-radius:var(--r-sm);display:flex;font-size:15px;height:32px;justify-content:center;margin-bottom:2px;width:32px}.referenceMetric span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);font-weight:500}.referenceMetric strong{color:#0d0f11;color:var(--ink);font-size:20px;font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em;line-height:1}.referenceMetric small{color:#9ca3af;color:var(--ink-4);font-size:11px;font-size:var(--text-xs)}.referenceMetric.green .metricIcon{background:#f0fdf4;background:var(--green-subtle);color:#16a34a;color:var(--green)}.referenceMetric.blue .metricIcon{background:#eff6ff;background:var(--blue-subtle);color:#2563eb;color:var(--blue)}.referenceMetric.purple .metricIcon{background:#faf5ff;background:var(--purple-subtle);color:#7c3aed;color:var(--purple)}.referenceMetric.orange .metricIcon{background:#fffbeb;background:var(--amber-subtle);color:#d97706;color:var(--amber)}.referenceMetric.cyan .metricIcon{background:#e8f5f3;background:var(--accent-subtle);color:#128c7e;color:var(--accent)}.inboxGrid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:280px 1fr 260px;min-height:0;padding:16px 24px}.referencePanel{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;overflow:hidden}.referencePanelHeader{align-items:flex-start;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:14px 16px 10px}.referencePanelHeader h3{color:#0d0f11;color:var(--ink);font-size:14px;font-size:var(--text-md);font-weight:700}.referencePanelHeader h3 span{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:9999px;border-radius:var(--r-full);color:#9ca3af;color:var(--ink-4);font-size:11px;font-size:var(--text-xs);font-weight:600;margin-left:5px;padding:1px 7px}.referencePanelHeader p{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);margin-top:2px}.referencePanelHeader.compact{padding:12px 14px 8px}.referenceConversationList{flex:1 1;overflow-y:auto}.referenceConversationList::-webkit-scrollbar{width:4px}.referenceConversationList::-webkit-scrollbar-thumb{background:#e5e8ec;background:var(--border)}.referenceConversationItem{align-items:flex-start;background:none;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:10px 14px;text-align:left;transition:background .1s;transition:background var(--t-sm);width:100%}.referenceConversationItem:hover{background:#f9fafb;background:var(--bg-subtle)}.referenceConversationItem.selected{background:#e8f5f3;background:var(--accent-subtle)}.referenceConversationItem.selected .conversationMeta strong{color:#0a4f46;color:var(--accent-text)}.conversationMeta{flex:1 1;min-width:0}.conversationMeta strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:600}.conversationMeta span,.conversationMeta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversationMeta span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);margin-top:1px}.conversationMeta .referenceSla{display:inline-block;font-size:10px;font-weight:600;margin-top:3px}.conversationMeta .referenceSla.critical{color:#dc2626;color:var(--red)}.conversationMeta .referenceSla.warning{color:#d97706;color:var(--amber)}.conversationMeta .referenceSla.healthy{color:#16a34a;color:var(--green)}.conversationMeta .referenceSla.idle,.conversationStamp small{color:#9ca3af;color:var(--ink-4)}.conversationStamp small{font-size:10px}.actionCenterPanel{display:flex;flex-direction:column;min-height:320px}.actionCenterBody{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.actionCenterBody::-webkit-scrollbar{width:4px}.actionCenterBody::-webkit-scrollbar-thumb{background:#e5e8ec;background:var(--border)}.actionBadge{align-items:center;background:#dc2626;background:var(--red);border-radius:9999px;border-radius:var(--r-full);color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;margin-left:6px;min-width:18px;padding:0 5px;vertical-align:middle}.actionGroup{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;flex-direction:column;margin-bottom:2px;padding-bottom:4px}.actionGroup:last-child{border-bottom:none}.actionGroupLabel{align-items:center;color:#6b7280;color:var(--ink-3);display:flex;font-size:11px;font-size:var(--text-xs);font-weight:700;gap:7px;letter-spacing:.04em;padding:8px 14px 4px;text-transform:uppercase}.actionGroupLabel .actionGroupDot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.actionGroupLabel.critical .actionGroupDot{background:#dc2626;background:var(--red)}.actionGroupLabel.critical{color:#dc2626;color:var(--red)}.actionGroupLabel.warning .actionGroupDot{background:#d97706;background:var(--amber)}.actionGroupLabel.warning{color:#d97706;color:var(--amber)}.actionGroupLabel.neutral .actionGroupDot{background:#9ca3af;background:var(--ink-4)}.actionGroupLabel.neutral{color:#6b7280;color:var(--ink-3)}.actionItem{align-items:flex-start;background:none;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:9px;padding:8px 14px;text-align:left;transition:background .1s;transition:background var(--t-sm);width:100%}.actionItem:last-child{border-bottom:none}.actionItem:hover{background:#f9fafb;background:var(--bg-subtle)}.actionItemDot{border-radius:50%;flex-shrink:0;height:6px;margin-top:6px;width:6px}.actionItemDot.critical{background:#dc2626;background:var(--red)}.actionItemDot.warning{background:#d97706;background:var(--amber)}.actionItemDot.neutral{background:#d1d5db;background:var(--ink-5)}.actionItemMeta{flex:1 1;min-width:0}.actionItemMeta strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:600}.actionItemMeta strong,.actionItemMeta>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actionItemMeta>span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);margin-top:1px}.actionItemTags{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.slaChip,.unreadChip,.warningChip{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:10px;font-weight:700;height:16px;padding:0 6px}.slaChip.critical{background:#fef2f2;background:var(--red-subtle);color:#dc2626;color:var(--red)}.slaChip.warning{background:#fffbeb;background:var(--amber-subtle);color:#d97706;color:var(--amber)}.slaChip.healthy{background:#f0fdf4;background:var(--green-subtle);color:#16a34a;color:var(--green)}.slaChip.idle{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);color:#9ca3af;color:var(--ink-4)}.unreadChip{background:#e8f5f3;background:var(--accent-subtle);color:#0a4f46;color:var(--accent-text)}.warningChip{background:#fffbeb;background:var(--amber-subtle);color:#d97706;color:var(--amber)}.actionItemRight{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.actionItemRight>small{color:#9ca3af;color:var(--ink-4);font-size:10px}.actionItemCta{align-items:center;color:#128c7e;color:var(--accent);display:inline-flex;font-size:11px;font-size:var(--text-xs);font-weight:600;gap:3px;opacity:0;transition:opacity .1s;transition:opacity var(--t-sm)}.actionItem:hover .actionItemCta{opacity:1}.actionShowMore{background:none;color:#128c7e;color:var(--accent);font-size:11px;font-size:var(--text-xs);font-weight:600;padding:6px 14px;text-align:left;width:100%}.actionShowMore:hover{text-decoration:underline}.actionAllClear{flex:1 1;flex-direction:column;gap:8px;padding:40px 24px;text-align:center}.actionAllClear,.actionAllClearIcon{align-items:center;display:flex;justify-content:center}.actionAllClearIcon{background:#f0fdf4;background:var(--green-subtle);border-radius:50%;color:#16a34a;color:var(--green);height:48px;margin-bottom:4px;width:48px}.actionAllClear strong{color:#0d0f11;color:var(--ink);font-size:14px;font-size:var(--text-md);font-weight:700}.actionAllClear p{color:#9ca3af;color:var(--ink-4);font-size:12px;font-size:var(--text-sm);line-height:1.5;max-width:240px}.referenceChatHeader{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 14px}.chatIdentity,.referenceChatHeader{align-items:center;display:flex;gap:10px}.chatIdentity strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:600}.chatIdentity span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs)}.referenceMessages{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:12px}.referenceBubble{border-radius:12px;border-radius:var(--r-md);font-size:12px;font-size:var(--text-sm);line-height:1.5;max-width:80%;padding:8px 12px}.referenceBubble.client{align-self:flex-start;background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);color:#0d0f11;color:var(--ink)}.referenceBubble.agent{align-self:flex-end;background:#128c7e;background:var(--accent);color:#fff}.referenceBubble small{display:block;font-size:10px;margin-top:3px;opacity:.6;text-align:right}.composerReference{border-top:1px solid #e5e8ec;border-top:1px solid var(--border);padding:10px 12px}.composerSummary{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);line-height:1.5}.contactTabs{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex}.contactTabs button{border-bottom:2px solid #0000;border-radius:0;color:#6b7280;color:var(--ink-3);flex:1 1;font-size:11px;font-size:var(--text-xs);font-weight:600;height:36px;margin-bottom:-1px}.contactTabs button.active{border-bottom-color:#128c7e;border-bottom-color:var(--accent);color:#128c7e;color:var(--accent)}.contactHero{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:14px;position:relative}.contactHero strong{color:#0d0f11;color:var(--ink);display:block;font-size:12px;font-size:var(--text-sm);font-weight:700}.contactHero span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs)}.contactHero small{color:#9ca3af;color:var(--ink-4);font-size:10px}.editIcon{align-items:center;background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:4px;border-radius:var(--r-xs);color:#6b7280;color:var(--ink-3);display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.editIcon:hover{background:#e8f5f3;background:var(--accent-subtle);border-color:#c8eae6;border-color:var(--accent-soft);color:#128c7e;color:var(--accent)}.contactRows{display:flex;flex:1 1;flex-direction:column;gap:1px;overflow-y:auto;padding:8px 14px}.infoRow{align-items:baseline;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;padding:5px 0}.infoRow span{color:#9ca3af;color:var(--ink-4);flex-shrink:0}.infoRow span,.infoRow strong{font-size:11px;font-size:var(--text-xs)}.infoRow strong{color:#374151;color:var(--ink-2);font-weight:500;max-width:60%;text-align:right}.moreInfo{align-items:center;background:#f9fafb;background:var(--bg-subtle);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#6b7280;color:var(--ink-3);display:flex;font-size:11px;font-size:var(--text-xs);font-weight:600;height:30px;height:var(--ctrl-h-sm);justify-content:center;margin:10px 14px}.moreInfo:hover{background:#e8f5f3;background:var(--accent-subtle);border-color:#c8eae6;border-color:var(--accent-soft);color:#128c7e;color:var(--accent)}.lowerReferenceGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 280px;padding:0 24px 20px}.actionCenterPanel,.chatReferencePanel{min-height:340px}.contactReferencePanel{overflow:hidden}.pipelineColumnsReference{display:flex;flex:1 1;gap:10px;overflow-x:auto;padding:12px 14px}.pipelineColumnsReference::-webkit-scrollbar{height:4px}.pipelineColumnsReference::-webkit-scrollbar-thumb{background:#e5e8ec;background:var(--border)}.pipelineMiniColumn{border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);display:flex;flex-direction:column;flex-shrink:0;gap:5px;min-width:120px;padding:10px}.pipelineMiniColumn div:first-child{margin-bottom:4px}.pipelineMiniColumn strong{color:#0d0f11;color:var(--ink);display:block;font-size:11px;font-size:var(--text-xs);font-weight:700}.pipelineMiniColumn span{color:#6b7280;color:var(--ink-3);display:block;font-size:10px}.pipelineMiniColumn em{color:#374151;color:var(--ink-2);display:block;font-size:11px;font-size:var(--text-xs);font-style:normal;font-weight:700}.pipelineMiniColumn article{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:4px;border-radius:var(--r-xs);display:flex;flex-direction:column;gap:1px;padding:6px 8px}.pipelineMiniColumn article span{color:#374151;color:var(--ink-2);font-size:10px;font-weight:500}.pipelineMiniColumn article small{color:#9ca3af;color:var(--ink-4);font-size:10px}.pipelineMiniColumn button{background:#e8f5f3;background:var(--accent-subtle);border-radius:4px;border-radius:var(--r-xs);color:#128c7e;color:var(--accent);font-size:10px;font-weight:600;height:22px}.pipelineMiniColumn.blue{background:#eff6ff;background:var(--blue-subtle);border-color:#dbeafe;border-color:var(--blue-soft)}.pipelineMiniColumn.yellow{background:#fffbeb;background:var(--amber-subtle);border-color:#fef3c7;border-color:var(--amber-soft)}.pipelineMiniColumn.purple{background:#faf5ff;background:var(--purple-subtle);border-color:#8b5cf633}.pipelineMiniColumn.orange{background:#fffbeb;background:var(--amber-subtle);border-color:#fef3c7;border-color:var(--amber-soft)}.pipelineMiniColumn.green{background:#f0fdf4;background:var(--green-subtle);border-color:#dcfce7;border-color:var(--green-soft)}.whatsappReferencePanel{min-height:200px}.whatsStatusHeader{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 14px 8px}.whatsStatusHeader h3{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:700}.whatsStatusHeader h3 span{color:#128c7e;color:var(--accent)}.whatsStatusHeader i{background:#16a34a;background:var(--green);border-radius:50%;flex-shrink:0;height:8px;width:8px}.whatsappReferencePanel>p{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);padding:8px 14px 0}.qrBox.realQrBox{gap:10px;padding:10px 14px}.qrBox.realQrBox,.qrPreview{align-items:center;display:flex}.qrPreview{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);flex-shrink:0;height:54px;justify-content:center;overflow:hidden;width:54px}.qrPreview img{height:100%;object-fit:contain;width:100%}.qrStatusPlaceholder{align-items:center;color:#9ca3af;color:var(--ink-4);display:flex;flex-direction:column;font-size:10px;gap:2px}.qrBox.realQrBox>div strong{color:#0d0f11;color:var(--ink);display:block;font-size:12px;font-size:var(--text-sm);font-weight:700}.qrBox.realQrBox>div p{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);line-height:1.4;margin-top:2px}.whatsFooter{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding:8px 14px 12px}.whatsFooter span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs)}.whatsFooter strong{color:#374151;color:var(--ink-2)}.whatsFooter button{background:#e8f5f3;background:var(--accent-subtle);border:1px solid #c8eae6;border:1px solid var(--accent-soft);border-radius:8px;border-radius:var(--r-sm);color:#0a4f46;color:var(--accent-text);font-size:11px;font-size:var(--text-xs);font-weight:600;height:26px;padding:0 10px}.whatsFooter button:hover{background:#c8eae6;background:var(--accent-soft)}.status{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:10px;font-weight:700;height:18px;letter-spacing:.02em;padding:0 7px;text-transform:lowercase}.status.novo{background:#eff6ff;background:var(--blue-subtle);color:#2563eb;color:var(--blue)}.status.atendimento{background:#fffbeb;background:var(--amber-subtle);color:#d97706;color:var(--amber)}.status.finalizado{background:#f0fdf4;background:var(--green-subtle);color:#16a34a;color:var(--green)}.tagsInline{display:flex;flex-wrap:wrap;gap:4px}.tagsInline em{align-items:center;background:#e8f5f3;background:var(--accent-subtle);border:1px solid #c8eae6;border:1px solid var(--accent-soft);border-radius:9999px;border-radius:var(--r-full);color:#0a4f46;color:var(--accent-text);display:inline-flex;font-size:10px;font-style:normal;font-weight:600;height:18px;padding:0 7px}.attendanceTopBar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:10px 16px}.workspace{display:flex;flex:1 1;min-height:0;overflow:hidden}.workspace.attendanceWorkspace{background:#f4f6f8;background:var(--bg);gap:10px;overflow:visible;padding:8px 16px 16px}.conversationList{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;flex-shrink:0;min-width:290px;overflow:hidden;width:290px}.conversationList .listHeader{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 12px 6px}.conversationList .listHeader strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:700}.conversationList .searchRow{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);padding:8px 10px}.conversationList .searchRow input{background:#f4f6f8;background:var(--bg);border-color:#e5e8ec;border-color:var(--border);font-size:12px;font-size:var(--text-sm);height:30px;height:var(--ctrl-h-sm)}.conversationTabs{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;overflow-x:auto;scrollbar-width:none}.conversationTabs::-webkit-scrollbar{display:none}.conversationTabs button{border-bottom:2px solid #0000;border-radius:0;color:#6b7280;color:var(--ink-3);flex-shrink:0;font-size:11px;font-size:var(--text-xs);font-weight:600;height:34px;margin-bottom:-1px;padding:0 12px;white-space:nowrap}.conversationTabs button:hover{color:#0d0f11;color:var(--ink)}.conversationTabs button.active{border-bottom-color:#128c7e;border-bottom-color:var(--accent);color:#128c7e;color:var(--accent)}.conversationItems{flex:1 1;overflow-y:auto}.conversationItems::-webkit-scrollbar{width:4px}.conversationItems::-webkit-scrollbar-thumb{background:#e5e8ec;background:var(--border)}.conversationItem{align-items:flex-start;background:none;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);border-left:3px solid #0000;cursor:pointer;display:flex;gap:9px;padding:9px 12px;text-align:left;transition:background .1s;transition:background var(--t-sm);width:100%}.conversationItem:hover{background:#f9fafb;background:var(--bg-subtle)}.conversationItem.selected{background:#e8f5f3;background:var(--accent-subtle);border-left-color:#128c7e;border-left-color:var(--accent)}.conversationItem.selected .conversationTitleRow strong{color:#0a4f46;color:var(--accent-text)}.conversationItem.unread .conversationTitleRow strong{color:#0d0f11;color:var(--ink);font-weight:700}.conversationItem.active{background:#e8f5f3;background:var(--accent-subtle);border-left-color:#128c7e;border-left-color:var(--accent)}.conversationItem.active .ciName{color:#0a4f46;color:var(--accent-text)}.ciMeta{flex:1 1;min-width:0}.ciName{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:500;line-height:1.3}.ciName,.ciPreview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ciPreview{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);margin-top:1px}.ciSub{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.ciRight{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:3px}.ciTime{color:#9ca3af;color:var(--ink-4);font-size:10px}.unreadDot{background:#128c7e;background:var(--accent);color:#fff;display:flex;height:18px;justify-content:center;min-width:18px;padding:0 4px}.slaPill,.unreadDot{align-items:center;border-radius:9999px;border-radius:var(--r-full);font-size:10px;font-weight:700}.slaPill{display:inline-flex;gap:3px;height:16px;padding:0 6px}.slaPill.critical{background:#fef2f2;background:var(--red-subtle);color:#dc2626;color:var(--red)}.slaPill.warning{background:#fffbeb;background:var(--amber-subtle);color:#d97706;color:var(--amber)}.slaPill.healthy{background:#f0fdf4;background:var(--green-subtle);color:#16a34a;color:var(--green)}.slaPill.idle{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);color:#9ca3af;color:var(--ink-4)}.miniStatus{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:10px;font-weight:600;height:16px;padding:0 6px;white-space:nowrap}.miniStatus.novo{background:#eff6ff;background:var(--blue-subtle);color:#2563eb;color:var(--blue)}.miniStatus.atendimento{background:#fffbeb;background:var(--amber-subtle);color:#d97706;color:var(--amber)}.miniStatus.finalizado{background:#f0fdf4;background:var(--green-subtle);color:#16a34a;color:var(--green)}.priorityLabel{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:10px;font-weight:700;height:16px;padding:0 6px}.priorityLabel.critical{background:#fef2f2;background:var(--red-subtle);color:#dc2626;color:var(--red)}.priorityLabel.warning{background:#fffbeb;background:var(--amber-subtle);color:#d97706;color:var(--amber)}.priorityLabel.healthy{background:#f0fdf4;background:var(--green-subtle);color:#16a34a;color:var(--green)}.priorityLabel.idle{color:#9ca3af;color:var(--ink-4)}.chatPanel{border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.chatHeader,.chatPanel{background:#fff;background:var(--surface);display:flex}.chatHeader{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);flex-shrink:0;gap:10px;justify-content:space-between;padding:10px 16px}.chatHeaderLeft{align-items:center;display:flex;gap:10px}.chatHeaderLeft strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:700}.chatHeaderLeft span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs)}.chatActions{align-items:center;display:flex;gap:6px}.chatActions button{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#374151;color:var(--ink-2);font-size:11px;font-size:var(--text-xs);font-weight:600;height:30px;height:var(--ctrl-h-sm);padding:0 10px}.chatActions button:hover{background:#fff;background:var(--surface);border-color:#c8cdd5;border-color:var(--border-strong)}.chatActions button.active{background:#e8f5f3;background:var(--accent-subtle);border-color:#c8eae6;border-color:var(--accent-soft);color:#0a4f46;color:var(--accent-text)}.chatMessages{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:16px}.chatMessages::-webkit-scrollbar{width:4px}.chatMessages::-webkit-scrollbar-thumb{background:#e5e8ec;background:var(--border)}.messageBubble{border-radius:12px;border-radius:var(--r-md);display:flex;flex-direction:column;font-size:12px;font-size:var(--text-sm);line-height:1.55;max-width:72%;padding:9px 13px;word-break:break-word}.messageBubble.client{align-self:flex-start;background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-bottom-left-radius:4px;border-bottom-left-radius:var(--r-xs);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);color:#0d0f11;color:var(--ink)}.messageBubble.agent{align-self:flex-end;background:#128c7e;background:var(--accent);border-bottom-right-radius:4px;border-bottom-right-radius:var(--r-xs);color:#fff}.messageBubble .msgMeta{align-items:center;display:flex;font-size:10px;gap:4px;justify-content:flex-end;margin-top:4px;opacity:.65}.messageBubble.client .msgMeta{color:#9ca3af;color:var(--ink-4);opacity:1}.messageBubble .senderLabel{color:#c8eae6;color:var(--accent-soft);font-size:10px;font-weight:700;margin-bottom:3px}.messageBubble.client .senderLabel{color:#0a4f46;color:var(--accent-text)}.whatsappSendBar{background:#fff;background:var(--surface);border-top:1px solid #e5e8ec;border-top:1px solid var(--border);flex-shrink:0}.composerHeader{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:6px;padding:8px 12px 0}.composerHeader button{border-bottom:2px solid #0000;border-radius:0;color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);font-weight:600;height:30px;margin-bottom:-1px;padding:0 10px}.composerHeader button.active{border-bottom-color:#128c7e;border-bottom-color:var(--accent);color:#128c7e;color:var(--accent)}.sendBox{display:flex;flex-direction:column;padding:10px 12px}.sendBox textarea{border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);font-size:12px;font-size:var(--text-sm);max-height:160px;min-height:72px;padding:9px 12px;resize:none}.sendBox textarea:focus{border-color:#128c7e;border-color:var(--accent)}.composerActions{justify-content:space-between;margin-top:8px}.composerActions,.composerLeft{align-items:center;display:flex}.composerLeft{gap:4px}.composerLeft button{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);height:28px;padding:0 8px}.composerLeft button:hover{background:#e8f5f3;background:var(--accent-subtle);border-color:#c8eae6;border-color:var(--accent-soft);color:#0a4f46;color:var(--accent-text)}.sendBox>button.sendButton{align-self:flex-end;background:#128c7e;background:var(--accent);border-radius:8px;border-radius:var(--r-sm);color:#fff;font-size:12px;font-size:var(--text-sm);font-weight:700;height:34px;padding:0 16px}.sendBox>button.sendButton:hover{background:#0e7163;background:var(--accent-hover)}.windowStatusBar{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;font-size:11px;font-size:var(--text-xs);gap:8px;padding:6px 12px}.windowStatusBar.open{background:#f0fdf4;background:var(--green-subtle);color:#16a34a;color:var(--green)}.windowStatusBar.warning{background:#fffbeb;background:var(--amber-subtle);color:#d97706;color:var(--amber)}.windowStatusBar.closed{background:#fef2f2;background:var(--red-subtle);color:#dc2626;color:var(--red)}.windowStatusBar.idle{background:#f4f6f8;background:var(--bg);color:#6b7280;color:var(--ink-3)}.windowStatusBar strong{font-weight:700}.windowStatusBar span{opacity:.85}.templatePicker{background:#fff;background:var(--surface);border-top:1px solid #e5e8ec;border-top:1px solid var(--border);padding:10px 12px}.templatePicker label{color:#6b7280;color:var(--ink-3);display:block;font-size:11px;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.templateSelect{display:flex;gap:6px;margin-bottom:8px}.templateSelect select{flex:1 1;font-size:12px;font-size:var(--text-sm);height:30px;height:var(--ctrl-h-sm)}.templateVariables{display:flex;flex-direction:column;gap:5px}.templateVarRow{align-items:center;display:flex;gap:6px}.templateVarRow span{color:#9ca3af;color:var(--ink-4);flex-shrink:0;font-size:11px;font-size:var(--text-xs);text-align:right;width:24px}.templateVarRow input{flex:1 1;font-size:12px;font-size:var(--text-sm);height:30px;height:var(--ctrl-h-sm)}.templatePreviewBox{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#374151;color:var(--ink-2);font-size:11px;font-size:var(--text-xs);line-height:1.5;margin-top:8px;padding:8px 10px;white-space:pre-wrap}.quickRepliesDropdown{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:240px;overflow:hidden}.quickRepliesDropdown .qrHeader{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;padding:8px 12px;text-transform:uppercase}.quickRepliesDropdown .qrList{flex:1 1;overflow-y:auto}.quickRepliesDropdown .qrList::-webkit-scrollbar{width:4px}.quickRepliesDropdown .qrList::-webkit-scrollbar-thumb{background:#e5e8ec;background:var(--border)}.quickRepliesDropdown .qrItem{background:none;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:9px 12px;text-align:left;width:100%}.quickRepliesDropdown .qrItem:hover{background:#e8f5f3;background:var(--accent-subtle)}.quickRepliesDropdown .qrItem strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:600}.quickRepliesDropdown .qrItem span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quickRepliesDropdown .qrItem .shortcut{align-items:center;background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:4px;border-radius:var(--r-xs);color:#128c7e;color:var(--accent);display:inline-flex;font-family:monospace;font-size:10px;font-weight:700;height:16px;padding:0 6px}.rightPanel{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;flex-shrink:0;min-width:300px;overflow:hidden;width:300px}.crmPanelEmpty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;padding:32px 20px;text-align:center}.crmPanelEmpty h3{color:#0d0f11;color:var(--ink);font-size:14px;font-size:var(--text-md);font-weight:700}.crmPanelEmpty .muted{color:#9ca3af;color:var(--ink-4);font-size:12px;font-size:var(--text-sm);line-height:1.5;max-width:200px}.crmPanelEmpty:before{background:#e8f5f3;background:var(--accent-subtle);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23128C7E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border-radius:12px;border-radius:var(--r-md);content:"";display:block;height:44px;margin-bottom:4px;width:44px}.crmPanelTop{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 14px 0}.crmPanelTop>div{margin-bottom:8px}.crmPanelTop>div h3{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:700;line-height:1.3}.crmPanelTop>div p{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crmHeroCard{align-items:center;background:#f4f6f8;background:var(--bg);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:12px 14px}.crmHeroCard strong{color:#0d0f11;color:var(--ink);display:block;font-size:12px;font-size:var(--text-sm);font-weight:700}.crmHeroCard span{color:#6b7280;color:var(--ink-3);display:block;font-size:11px;font-size:var(--text-xs);margin-top:1px}.crmHeroCard small{color:#9ca3af;color:var(--ink-4);display:block;font-size:10px;margin-top:1px}.crmPanelSection{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);padding:10px 14px}.crmPanelSection.compact{padding:8px 14px}.crmPanelSection:last-child{border-bottom:none}.crmPanelSection>h4{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.crmSectionHeader{align-items:baseline;display:flex;gap:6px;margin-bottom:8px}.crmSectionHeader strong{color:#374151;color:var(--ink-2);font-size:11px;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.crmSectionHeader span{color:#9ca3af;color:var(--ink-4);font-size:10px}.infoItem{gap:8px;padding:4px 0}.infoItem strong{color:#0d0f11;color:var(--ink);font-size:11px;font-size:var(--text-xs);font-weight:600;max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.inlineFieldList{display:flex;flex-direction:column;gap:8px}.sideTags{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:5px;padding:8px 14px}.tagPillButton{align-items:center;background:#e8f5f3;background:var(--accent-subtle);border:1px solid #c8eae6;border:1px solid var(--accent-soft);border-radius:9999px;border-radius:var(--r-full);color:#0a4f46;color:var(--accent-text);display:inline-flex;font-size:11px;font-size:var(--text-xs);font-weight:600;height:22px;padding:0 9px}.tagPillButton:hover{background:#c8eae6;background:var(--accent-soft)}.sideNote{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border)}.sideNote,.sideNote.compactNote{padding:8px 14px}.sideNote strong{margin-bottom:4px}.sideNote p{font-size:11px;font-size:var(--text-xs)}.customerPanel{overflow:hidden}.customerPanel .crmPanelTop{flex-shrink:0}.customerPanel .crmScrollBody{flex:1 1;min-height:0;overflow-y:auto}.customerPanel .crmScrollBody::-webkit-scrollbar{width:4px}.customerPanel .crmScrollBody::-webkit-scrollbar-thumb{background:#e5e8ec;background:var(--border)}.timelineList{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding-right:4px}.timelineList::-webkit-scrollbar{width:3px}.timelineList::-webkit-scrollbar-thumb{background:#e5e8ec;background:var(--border)}.timelineCard{align-items:flex-start;display:flex;gap:8px}.timelineMarker{border-radius:50%;flex-shrink:0;height:6px;margin-top:5px;width:6px}.timelineCard.neutral .timelineMarker{background:#d1d5db;background:var(--ink-5)}.timelineCard.info .timelineMarker{background:#2563eb;background:var(--blue)}.timelineCard.success .timelineMarker{background:#16a34a;background:var(--green)}.timelineCard.warning .timelineMarker{background:#d97706;background:var(--amber)}.timelineCard.accent .timelineMarker{background:#128c7e;background:var(--accent)}.timelineCard .tcContent{flex:1 1;min-width:0}.timelineCard .tcContent strong{color:#0d0f11;color:var(--ink);display:block;font-size:11px;font-size:var(--text-xs);font-weight:600}.timelineCard .tcContent p{color:#6b7280;color:var(--ink-3);font-size:10px;line-height:1.4;margin-top:1px}.timelineCard .tcContent time{color:#9ca3af;color:var(--ink-4);font-size:10px}.timelineComposer{border-top:1px solid #e5e8ec;border-top:1px solid var(--border);padding:10px 14px}.timelineComposer textarea{font-size:11px;font-size:var(--text-xs);min-height:60px}.timelineComposer button{background:#128c7e;background:var(--accent);border-radius:8px;border-radius:var(--r-sm);color:#fff;font-size:11px;font-size:var(--text-xs);font-weight:700;height:30px;height:var(--ctrl-h-sm);margin-top:6px;width:100%}.timelineComposer button:hover{background:#0e7163;background:var(--accent-hover)}.inlineFieldEditor{display:flex;flex-direction:column;gap:4px}.inlineFieldEditor .fieldRow{align-items:center;display:flex;gap:6px}.inlineFieldEditor .fieldRow input{flex:1 1;font-size:12px;font-size:var(--text-sm);height:30px;height:var(--ctrl-h-sm)}.inlineFieldEditor .fieldRow button{background:#e8f5f3;background:var(--accent-subtle);border:1px solid #c8eae6;border:1px solid var(--accent-soft);border-radius:8px;border-radius:var(--r-sm);color:#0a4f46;color:var(--accent-text);font-size:11px;font-size:var(--text-xs);font-weight:600;height:30px;height:var(--ctrl-h-sm);padding:0 8px}.leadForm{display:flex;flex-direction:column;gap:8px;padding:10px 14px}.leadForm input,.leadForm select{font-size:12px;font-size:var(--text-sm);height:30px;height:var(--ctrl-h-sm)}.leadForm button{background:#128c7e;background:var(--accent);border-radius:8px;border-radius:var(--r-sm);color:#fff;font-weight:700;height:30px;height:var(--ctrl-h-sm)}.leadMetaItem{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.leadMetaItem span{color:#9ca3af;color:var(--ink-4);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.leadMetaItem strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:600}.contactsWorkspace{background:#f4f6f8;background:var(--bg);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.contactsTablePanel{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);flex:1 1;margin:16px;overflow:auto}.contactsTable{border-collapse:collapse;width:100%}.contactsTable thead{position:sticky;top:0;z-index:2}.contactsTable th{background:#f9fafb;background:var(--bg-subtle);color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);font-weight:700;letter-spacing:.03em;text-align:left;text-transform:uppercase}.contactsTable td,.contactsTable th{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);padding:10px 14px;white-space:nowrap}.contactsTable td{color:#374151;color:var(--ink-2);font-size:12px;font-size:var(--text-sm);max-width:200px;overflow:hidden;text-overflow:ellipsis}.contactsTable tr:last-child td{border-bottom:none}.contactsTable tr:hover td{background:#f9fafb;background:var(--bg-subtle)}.contactsTable tr.selectedRow td{background:#e8f5f3;background:var(--accent-subtle)}.contactsDrawer{background:#fff;background:var(--surface);border-left:1px solid #e5e8ec;border-left:1px solid var(--border);display:flex;flex-direction:column;min-width:360px;overflow-y:auto;width:360px}.contactsDrawerHeader{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.contactsDrawerHeader h3{color:#0d0f11;color:var(--ink);font-size:14px;font-size:var(--text-md);font-weight:700}.contactsDrawerHeader button{align-items:center;border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#6b7280;color:var(--ink-3);display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.contactsDrawerHeader button:hover{background:#f4f6f8;background:var(--bg)}.contactsToolbar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:10px 16px}.contactsSearch{flex:1 1;position:relative}.contactsSearch input{font-size:12px;font-size:var(--text-sm);height:30px;height:var(--ctrl-h-sm);padding-left:32px}.contactsSearch .searchIcon{color:#9ca3af;color:var(--ink-4);font-size:12px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.formActions{border-top:1px solid #e5e8ec;border-top:1px solid var(--border);display:flex;gap:8px;padding:12px 16px}.formActions button{border-radius:8px;border-radius:var(--r-sm);flex:1 1;font-size:12px;font-size:var(--text-sm);font-weight:600;height:36px;height:var(--ctrl-h)}.formActions button.primary{background:#128c7e;background:var(--accent);border:none;color:#fff}.formActions button.primary:hover{background:#0e7163;background:var(--accent-hover)}.contactActions{border-top:1px solid #e5e8ec;border-top:1px solid var(--border);display:flex;gap:6px;padding:12px 16px}.contactActions button{flex:1 1;font-size:12px;font-size:var(--text-sm);height:30px;height:var(--ctrl-h-sm)}.crmTabs,.settingsTabs{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;overflow-x:auto;padding:0 16px;scrollbar-width:none}.crmTabs::-webkit-scrollbar,.settingsTabs::-webkit-scrollbar{display:none}.crmTabs button,.settingsTabs button{border-bottom:2px solid #0000;border-radius:0;color:#6b7280;color:var(--ink-3);font-size:12px;font-weight:500;height:34px;margin-bottom:-1px;padding:0 12px;white-space:nowrap}.crmTabs button:hover,.settingsTabs button:hover{color:#0d0f11;color:var(--ink)}.crmTabs button.active,.settingsTabs button.active{border-bottom-color:#128c7e;border-bottom-color:var(--accent);color:#128c7e;color:var(--accent);font-weight:600}.kanbanBoard{align-items:flex-start;display:flex;flex:1 1;gap:12px;overflow-x:auto;padding:20px}.kanbanBoard::-webkit-scrollbar{height:6px}.kanbanBoard::-webkit-scrollbar-thumb{background:#e5e8ec;background:var(--border);border-radius:4px}.kanbanColumn{display:flex;flex-direction:column;flex-shrink:0;gap:8px;min-width:240px;width:240px}.kanbanColumnHeader{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);display:flex;justify-content:space-between;padding:10px 12px}.kanbanColumnHeader strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:700}.kanbanColumnHeader em{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:9999px;border-radius:var(--r-full);color:#6b7280;color:var(--ink-3);font-size:10px;font-style:normal;font-weight:700;padding:1px 7px}.leadCard{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px}.leadCard:hover{border-color:#c8eae6;border-color:var(--accent-soft);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-sm)}.leadCard.won{border-left:3px solid #16a34a;border-left:3px solid var(--green)}.leadCard.lost{border-left:3px solid #dc2626;border-left:3px solid var(--red);opacity:.6}.leadCard .lcTitle{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:600}.leadCard .lcContact{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs)}.leadCard .lcMeta{align-items:center;display:flex;gap:6px;justify-content:space-between}.leadCard .lcValue{color:#128c7e;color:var(--accent);font-size:12px;font-size:var(--text-sm);font-weight:700}.leadCard .lcDate{color:#9ca3af;color:var(--ink-4);font-size:10px}.leadCard .lcActions{display:flex;flex-wrap:wrap;gap:4px}.leadCard .lcActions button{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:4px;border-radius:var(--r-xs);color:#6b7280;color:var(--ink-3);font-size:10px;font-weight:600;height:20px;padding:0 7px}.leadCard .lcActions button:hover{background:#e8f5f3;background:var(--accent-subtle);border-color:#c8eae6;border-color:var(--accent-soft);color:#0a4f46;color:var(--accent-text)}.leadControls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.leadControls button{font-size:11px;font-size:var(--text-xs);height:30px;height:var(--ctrl-h-sm);padding:0 10px}.reportBox{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);padding:20px}.reportCards{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.reportCard{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:4px;padding:16px}.reportCard .rcLabel{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);font-weight:600}.reportCard .rcValue{color:#0d0f11;color:var(--ink);font-size:24px;font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em}.reportCard .rcSub{color:#9ca3af;color:var(--ink-4);font-size:11px;font-size:var(--text-xs)}.reportCard .rcBar{background:#e5e8ec;background:var(--border);border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.reportCard .rcBar span{background:#128c7e;background:var(--accent);border-radius:2px;display:block;height:100%}.settingsGrid{grid-gap:16px;align-items:start;background:#f4f6f8;background:var(--bg);display:grid;flex:1 1;gap:16px;grid-template-columns:minmax(340px,420px) 1fr;overflow:auto;padding:16px 20px}.settingsGrid--equipe,.settingsGrid--respostas,.settingsGrid--templates{grid-template-columns:1fr}.settingsGrid--equipe .settingsPanel,.settingsGrid--respostas .settingsPanel,.settingsGrid--templates .settingsPanel{display:grid;grid-template-columns:minmax(300px,360px) 1fr;grid-template-rows:auto 1fr}.settingsGrid--equipe .settingsPanel>.settingsHeader,.settingsGrid--respostas .settingsPanel>.settingsHeader,.settingsGrid--templates .settingsPanel>.settingsHeader{grid-column:1/-1}.settingsGrid--equipe .settingsPanel>.settingsForm,.settingsGrid--respostas .settingsPanel>.settingsForm,.settingsGrid--templates .settingsPanel>.settingsForm{border-right:1px solid #e5e8ec;border-right:1px solid var(--border);grid-column:1;grid-row:2}.settingsGrid--equipe .settingsPanel>.usersList,.settingsGrid--respostas .settingsPanel>.compactSettingsList,.settingsGrid--templates .settingsPanel>.compactSettingsList{grid-column:2;grid-row:2;overflow-y:auto}.settingsGrid--empresa{grid-template-columns:1fr}.settingsGrid--empresa .settingsPanel>.settingsForm{max-width:560px}.settingsOverviewCard{border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);overflow:hidden}.settingsOverviewCard .ocHeader{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.settingsOverviewCard .ocHeader h3{color:#0d0f11;color:var(--ink);font-size:14px;font-size:var(--text-md);font-weight:700}.settingsOverviewCard .ocList{padding:4px 0}.settingsOverviewCard .ocItem{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);color:#374151;color:var(--ink-2);cursor:pointer;display:flex;font-size:12px;font-size:var(--text-sm);gap:10px;padding:9px 16px}.settingsOverviewCard .ocItem:last-child{border-bottom:none}.settingsOverviewCard .ocItem:hover{background:#f9fafb;background:var(--bg-subtle)}.settingsOverviewCard .ocItem.active{background:#e8f5f3;background:var(--accent-subtle);color:#0a4f46;color:var(--accent-text);font-weight:600}.settingsOverviewCard .ocItem .iconGlyph{color:#9ca3af;color:var(--ink-4);width:16px}.settingsOverviewCard .ocItem.active .iconGlyph{color:#128c7e;color:var(--accent)}.settingsPanel{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);overflow:hidden}.settingsPanel>.spHeader{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);padding:16px 20px}.settingsPanel>.spHeader h3{color:#0d0f11;color:var(--ink);font-size:16px;font-size:var(--text-lg);font-weight:700}.settingsPanel>.spHeader p{color:#6b7280;color:var(--ink-3);font-size:12px;font-size:var(--text-sm);margin-top:3px}.settingsForm{display:flex;flex-direction:column;gap:10px;padding:16px 20px}.settingsForm label{color:#6b7280;color:var(--ink-3);font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:-6px;text-transform:uppercase}.settingsForm input,.settingsForm select,.settingsForm textarea{font-size:12px;font-size:var(--text-sm)}.settingsForm input,.settingsForm select{height:30px;height:var(--ctrl-h-sm)}.settingsForm .formRow{display:flex;gap:10px}.settingsForm .formRow>*{flex:1 1}.usersList{display:flex;flex-direction:column}.usersListHeader{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.usersListHeader h4{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:700}.userRow{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:10px 16px}.userRow:last-child{border-bottom:none}.userRow:hover{background:#f9fafb;background:var(--bg-subtle)}.userRowMeta{flex:1 1;min-width:0}.userRowMeta strong{color:#0d0f11;color:var(--ink);display:block;font-size:12px;font-size:var(--text-sm);font-weight:600}.userRowMeta span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs)}.userRowActions{align-items:center;display:flex;gap:6px}.userRowActions button{font-size:11px;font-size:var(--text-xs);height:30px;height:var(--ctrl-h-sm);padding:0 10px}.userLine{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:10px 16px;transition:background .1s;transition:background var(--t-sm)}.userLine:last-child{border-bottom:none}.userLine:hover{background:#f9fafb;background:var(--bg-subtle)}.userInitial{align-items:center;background:#e8f5f3;background:var(--accent-subtle);border-radius:50%;color:#0a4f46;color:var(--accent-text);display:flex;flex-shrink:0;font-size:12px;font-size:var(--text-sm);font-weight:700;height:32px;justify-content:center;width:32px}.userLine>div{flex:1 1;min-width:0}.userLine>div strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:600}.userLine>div span,.userLine>div strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userLine>div span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs)}.userLine>div small{color:#9ca3af;color:var(--ink-4);display:block;font-size:10px}.userLine>button{flex-shrink:0;font-size:11px;font-size:var(--text-xs);height:30px;height:var(--ctrl-h-sm);padding:0 12px}.numberForm,.numberFormReal{background:#f9fafb;background:var(--bg-subtle);flex-direction:column;padding:16px}.numberForm,.numberFormReal,.settingsNumberCard{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:10px}.settingsNumberCard{align-items:center;padding:14px 16px}.settingsNumberCard:last-child{border-bottom:none}.numberCardMeta{flex:1 1}.numberCardMeta strong{color:#0d0f11;color:var(--ink);display:block;font-size:12px;font-size:var(--text-sm);font-weight:600}.numberCardMeta span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs)}.numberActions{align-items:center;display:flex;gap:6px}.numberActions button{font-size:11px;font-size:var(--text-xs);height:30px;height:var(--ctrl-h-sm);padding:0 10px}.qrConnectPanel{display:flex;flex-direction:column;gap:14px;padding:16px}.qrConnectStatus{align-items:center;background:#f9fafb;background:var(--bg-subtle);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);display:flex;gap:12px;padding:12px}.qrConnectStatus .statusIcon{font-size:20px}.qrConnectStatus strong{color:#0d0f11;color:var(--ink);display:block;font-size:12px;font-size:var(--text-sm);font-weight:700}.qrConnectStatus span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs)}.qrConnectActions{display:flex;flex-wrap:wrap;gap:8px}.qrConnectActions button{flex:1 1;height:36px;height:var(--ctrl-h);min-width:120px}.qrBig{align-items:center;background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);display:flex;flex-direction:column;gap:10px;padding:16px;text-align:center}.qrBig img{height:160px;width:160px}.qrBig p{color:#6b7280;color:var(--ink-3);font-size:12px;font-size:var(--text-sm);line-height:1.5;max-width:240px}.pairingCodeBox{align-items:center;background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center}.pairingCodeBox .code{color:#0d0f11;color:var(--ink);font-family:Courier New,monospace;font-size:28px;font-weight:800;letter-spacing:.15em}.pairingCodeBox p{color:#6b7280;color:var(--ink-3)}.pairingCodeBox p,.signaturePreview{font-size:12px;font-size:var(--text-sm)}.signaturePreview{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#374151;color:var(--ink-2);line-height:1.6;padding:10px 12px;white-space:pre-wrap}.switch{align-items:center;cursor:pointer;display:inline-flex;gap:8px;-webkit-user-select:none;user-select:none}.switch input{display:none}.switchTrack{background:#e5e8ec;background:var(--border);border-radius:9999px;border-radius:var(--r-full);flex-shrink:0;height:20px;position:relative;transition:background .1s;transition:background var(--t-sm);width:36px}.switch input:checked~.switchTrack{background:#128c7e;background:var(--accent)}.switchThumb{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);height:16px;left:2px;position:absolute;top:2px;transition:transform .1s;transition:transform var(--t-sm);width:16px}.switch input:checked~.switchTrack .switchThumb{transform:translateX(16px)}.qrGrid{grid-gap:10px;display:grid;gap:10px;padding:14px 16px}.qrCard{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);display:flex;flex-direction:column;gap:6px;padding:12px 14px}.qrCard:hover{border-color:#c8cdd5;border-color:var(--border-strong)}.qrCard .qrcTop{align-items:center;display:flex;gap:8px;justify-content:space-between}.qrCard .qrcTop strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:600}.qrCard .qrcTop .shortcode{background:#e8f5f3;background:var(--accent-subtle);border:1px solid #c8eae6;border:1px solid var(--accent-soft);border-radius:4px;border-radius:var(--r-xs);color:#128c7e;color:var(--accent);font-family:monospace;font-size:10px;font-weight:700;padding:1px 6px}.qrCard .qrcBody{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);line-height:1.5}.qrCard .qrcMeta{align-items:center;flex-wrap:wrap}.qrCard .qrcActions,.qrCard .qrcMeta{display:flex;gap:6px}.qrCard .qrcActions button{font-size:11px;font-size:var(--text-xs);height:30px;height:var(--ctrl-h-sm);padding:0 10px}.saasGrid{background:#f4f6f8;background:var(--bg);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.saasMetrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.saasMetric{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);padding:16px}.saasMetric .smLabel{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);font-weight:600}.saasMetric .smValue{color:#0d0f11;color:var(--ink);font-size:24px;font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;margin:4px 0 2px}.saasMetric .smSub{color:#9ca3af;color:var(--ink-4);font-size:11px;font-size:var(--text-xs)}.saasCompanyCard{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:8px;padding:14px 16px}.saasCompanyCard:hover{border-color:#c8cdd5;border-color:var(--border-strong)}.saasCompanyCard .sccTop{align-items:center;display:flex;gap:10px;justify-content:space-between}.saasCompanyCard .sccTop strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:700}.saasCompanyCard .sccMeta{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.saasCompanyCard .sccStat{display:flex;flex-direction:column;gap:2px}.saasCompanyCard .sccStat span{color:#9ca3af;color:var(--ink-4);font-size:10px}.saasCompanyCard .sccStat strong{color:#374151;color:var(--ink-2);font-size:12px;font-size:var(--text-sm);font-weight:700}.pill{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:10px;font-weight:700;height:20px;padding:0 8px}.pill.active{background:#f0fdf4;background:var(--green-subtle);color:#16a34a;color:var(--green)}.pill.trial{background:#eff6ff;background:var(--blue-subtle);color:#2563eb;color:var(--blue)}.pill.late{background:#fffbeb;background:var(--amber-subtle);color:#d97706;color:var(--amber)}.pill.blocked{background:#fef2f2;background:var(--red-subtle);color:#dc2626;color:var(--red)}.pill.suspended{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);color:#6b7280;color:var(--ink-3)}.dialogOverlay,.modalOverlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.dialogBox,.modalBox{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 20px 48px #0000001a,0 4px 12px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.dialogHeader,.modalHeader{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 20px 14px}.dialogHeader h2,.modalHeader h2{color:#0d0f11;color:var(--ink);font-size:16px;font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em}.modalClose{align-items:center;background:none;border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#6b7280;color:var(--ink-3);display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.modalClose:hover{background:#f4f6f8;background:var(--bg);color:#0d0f11;color:var(--ink)}.dialogBody,.modalBody{display:flex;flex-direction:column;gap:14px;padding:20px}.dialogFooter,.modalFooter{border-top:1px solid #e5e8ec;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.metricCard{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);box-shadow:none;display:flex;flex-direction:row;gap:10px;padding:8px 16px}.metricCard span{color:#9ca3af;color:var(--ink-4);flex-shrink:0;font-size:11px}.metricCard strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em}.metricCard small{color:#9ca3af;color:var(--ink-4);font-size:10px;margin-left:auto}.metricCard-values{align-items:baseline;display:flex;gap:4px}.assignmentStrip{background:#e8f5f3;background:var(--accent-subtle);border-bottom:1px solid #c8eae6;border-bottom:1px solid var(--accent-soft);font-size:11px;font-size:var(--text-xs);gap:8px;padding:6px 12px}.assignmentStrip strong{color:#0a4f46;color:var(--accent-text);font-weight:700}.assignmentStrip span{color:#128c7e;color:var(--accent)}.sessionPill{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-size:11px;font-size:var(--text-xs);font-weight:600;gap:5px;height:22px;padding:0 8px}.sessionPill.connected{background:#f0fdf4;background:var(--green-subtle);color:#16a34a;color:var(--green)}.sessionPill.qr_ready{background:#fffbeb;background:var(--amber-subtle);color:#d97706;color:var(--amber)}.sessionPill.disconnected{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);color:#9ca3af;color:var(--ink-4)}.sessionPill.reconnecting{background:#eff6ff;background:var(--blue-subtle);color:#2563eb;color:var(--blue)}.error{background:#fef2f2;background:var(--red-subtle);border:1px solid #fee2e2;border:1px solid var(--red-soft);border-radius:8px;border-radius:var(--r-sm);color:#dc2626;color:var(--red);font-weight:500;padding:9px 12px}.error,.loadingState{font-size:12px;font-size:var(--text-sm)}.loadingState{align-items:center;color:#9ca3af;color:var(--ink-4);display:flex;justify-content:center;padding:40px}.metrics{background:#fff;background:var(--surface);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;flex-wrap:nowrap;gap:0;padding:0}.metrics .metricCard{border:none;border-radius:0;border-right:1px solid #e5e8ec;border-right:1px solid var(--border);box-shadow:none;flex:1 1;min-width:100px}.metrics .metricCard:last-child{border-right:none}.metricsSessionSlot{align-items:center;border-left:1px solid #e5e8ec;border-left:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;margin-left:auto;padding:0 14px}.uiStatusPill i{background:currentColor;border-radius:50%;display:inline-block;flex-shrink:0;height:6px;width:6px}.uiStatusPill-success{background:#f0fdf4;background:var(--green-subtle);color:#16a34a;color:var(--green)}.uiStatusPill-warning{background:#fffbeb;background:var(--amber-subtle);color:#d97706;color:var(--amber)}.uiStatusPill-danger,.uiStatusPill-error{background:#fef2f2;background:var(--red-subtle);color:#dc2626;color:var(--red)}.uiStatusPill-info{background:#eff6ff;background:var(--blue-subtle);color:#2563eb;color:var(--blue)}.uiStatusPill-neutral{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);color:#6b7280;color:var(--ink-3)}.uiStatusPill-accent{background:#e8f5f3;background:var(--accent-subtle);color:#0a4f46;color:var(--accent-text)}.uiPageHeader{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;min-height:44px;padding:9px 20px}.uiPageHeader h1,.uiPageHeader h2{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em;line-height:1.2}.uiPageHeader p{color:#9ca3af;color:var(--ink-4);font-size:11px;margin-top:1px}.uiPageHeader-copy{flex:1 1;min-width:0}.uiPageHeader-actions{gap:8px}.assignmentStrip,.uiPageHeader-actions{align-items:center;display:flex;flex-shrink:0}.assignmentStrip{background:#fff;background:var(--surface);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);gap:10px;min-height:32px;overflow:hidden;padding:4px 14px}.assignmentIntro{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:6px}.assignmentIntro strong{color:#6b7280;color:var(--ink-3);font-size:11px;font-weight:600}.assignmentIntro span{color:#9ca3af;color:var(--ink-4);font-size:10px}.assignmentRoster{align-items:center;display:flex;flex:1 1;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}.assignmentRoster::-webkit-scrollbar{display:none}.assignmentChip{align-items:center;background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:9999px;border-radius:var(--r-full);display:flex;flex-shrink:0;gap:5px;padding:2px 8px 2px 4px}.assignmentChip strong{color:#374151;color:var(--ink-2);font-size:11px;font-weight:600;white-space:nowrap}.assignmentChip span{display:none}.emptyInline{color:#9ca3af;color:var(--ink-4);font-size:11px;font-style:italic}.attendanceHeaderActions{align-items:center;display:flex;gap:8px}.attendanceHeaderActions .simulateBtn{font-size:11px;font-weight:600;height:28px;padding:0 10px}.attendanceHeaderActions .sessionPill{font-size:11px;height:24px;padding:0 8px}.panelHeader{align-items:flex-start;background:#fff;background:var(--surface);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);border-radius:12px 12px 0 0;border-radius:var(--r-md) var(--r-md) 0 0;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:12px 14px 10px}.panelHeader h3{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em;line-height:1.3}.panelHeader p{color:#9ca3af;color:var(--ink-4);font-size:11px;font-size:var(--text-xs);margin-top:2px}.attendanceOperationalBadges{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.attendanceToolbar{background:#fff;background:var(--surface);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 10px}.conversationSearchBox{align-items:center;background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);display:flex;gap:7px;height:30px;height:var(--ctrl-h-sm);padding:0 10px}.conversationSearchBox span{color:#9ca3af;color:var(--ink-4);flex-shrink:0;font-size:12px}.conversationSearchBox input{background:none;border:none;box-shadow:none;color:#0d0f11;color:var(--ink);flex:1 1;font-size:12px;font-size:var(--text-sm);height:auto;padding:0}.conversationSearchBox:focus-within{border-color:#128c7e;border-color:var(--accent);box-shadow:0 0 0 3px #128c7e33;box-shadow:var(--shadow-focus)}.filterPills{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:none}.filterPills::-webkit-scrollbar{display:none}.filterPills button{align-items:center;background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:9999px;border-radius:var(--r-full);color:#6b7280;color:var(--ink-3);display:inline-flex;flex-shrink:0;font-size:11px;font-size:var(--text-xs);font-weight:500;gap:4px;height:24px;padding:0 8px;white-space:nowrap}.filterPills button:hover{background:#fff;background:var(--surface);border-color:#c8cdd5;border-color:var(--border-strong);color:#0d0f11;color:var(--ink)}.filterPills button.active{background:#e8f5f3;background:var(--accent-subtle);border-color:#c8eae6;border-color:var(--accent-soft);color:#0a4f46;color:var(--accent-text);font-weight:600}.filterPills button em{background:#00000014;border-radius:9999px;border-radius:var(--r-full);color:inherit;font-size:10px;font-style:normal;font-weight:700;line-height:15px;padding:0 5px}.listFilterNotice{align-items:center;background:#fffbeb;background:var(--amber-subtle);border-bottom:1px solid #fef3c7;border-bottom:1px solid var(--amber-soft);display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:6px 12px}.listFilterNotice,.listFilterNotice button{color:#d97706;color:var(--amber);font-size:11px;font-size:var(--text-xs)}.listFilterNotice button{background:none;border:none;font-weight:600;height:auto;padding:0;text-decoration:underline}.reportCards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:20px}.reportBox h3{color:#0d0f11;color:var(--ink);font-size:14px;font-size:var(--text-md);font-weight:700;margin-bottom:12px}.reportBox.emphasis{background:#e8f5f3;background:var(--accent-subtle);border-color:#c8eae6;border-color:var(--accent-soft)}.reportBox.emphasis h3,.reportBox.emphasis p{color:#0a4f46;color:var(--accent-text)}.reportBox.emphasis p{font-size:12px;font-size:var(--text-sm);line-height:1.6;margin-bottom:14px}.reportInsightList{gap:0}.reportBarRow,.reportInsightList{display:flex;flex-direction:column}.reportBarRow{gap:4px;margin-bottom:12px}.reportBarRow:last-child{margin-bottom:0}.reportBarLabel{align-items:center;display:flex;gap:8px;justify-content:space-between}.reportBarLabel strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:600}.reportBarLabel span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);font-weight:700;min-width:20px;text-align:right}.reportBarTrack{background:#e5e8ec;background:var(--border);height:6px;overflow:hidden}.reportBarTrack,.reportBarTrack>div{border-radius:9999px;border-radius:var(--r-full)}.reportBarTrack>div{background:#128c7e;background:var(--accent);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);transition:width .4s var(--ease)}.reportBarTrack.alt>div{background:#2563eb;background:var(--blue)}.infoItem{align-items:baseline;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:7px 0}.infoItem:last-child{border-bottom:none}.infoItem span{color:#9ca3af;color:var(--ink-4);flex-shrink:0;font-size:11px;font-size:var(--text-xs)}.infoItem strong{color:#374151;color:var(--ink-2);font-weight:700}.errorBanner,.infoItem strong{font-size:12px;font-size:var(--text-sm)}.errorBanner{background:#fef2f2;background:var(--red-subtle);border-bottom:1px solid #fee2e2;border-bottom:1px solid var(--red-soft);color:#dc2626;color:var(--red);flex-shrink:0;font-weight:500;padding:9px 16px}.uiCard{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs)}.uiEmptyState{align-items:center;display:flex;flex-direction:column;gap:8px;padding:48px 20px;text-align:center}.uiEmptyIcon{font-size:32px;line-height:1;margin-bottom:4px;opacity:.35}.uiEmptyState h3{color:#374151;color:var(--ink-2);font-size:14px;font-size:var(--text-md);font-weight:600}.uiEmptyState p{color:#9ca3af;color:var(--ink-4);font-size:12px;font-size:var(--text-sm);line-height:1.5;max-width:260px}.uiAvatar-sm{font-size:10px!important;height:26px!important;width:26px!important}.uiAvatar-md{font-size:12px!important;height:32px!important;width:32px!important}.uiAvatar-lg{font-size:16px!important;height:44px!important;width:44px!important}.modalActions{align-items:center;border-top:1px solid #e5e8ec;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.modalBox h3{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);color:#0d0f11;color:var(--ink);font-size:16px;font-size:var(--text-lg);font-weight:700;padding:16px 20px 14px}.modalBox>form{display:flex;flex-direction:column;gap:12px;padding:16px 20px}.modalBox>form label{color:#374151;color:var(--ink-2);font-weight:600;margin-bottom:4px}.conversationItem.priority-critical:not(.selected){border-left-color:#dc2626;border-left-color:var(--red)}.conversationItem.priority-warning:not(.selected){border-left-color:#d97706;border-left-color:var(--amber)}.sessionDot{background:currentColor;border-radius:50%;display:inline-block;flex-shrink:0;height:6px;width:6px}.noticeBox{background:#e8f5f3;background:var(--accent-subtle);border:1px solid #c8eae6;border:1px solid var(--accent-soft);border-radius:8px;border-radius:var(--r-sm);color:#0a4f46;color:var(--accent-text);flex-shrink:0;font-size:12px;font-size:var(--text-sm);font-weight:500;padding:10px 14px}.noticeBox.error{background:#fef2f2;background:var(--red-subtle);border-color:#fee2e2;border-color:var(--red-soft);color:#dc2626;color:var(--red)}.settingsNotice{margin:12px 20px 0}.fieldHint{color:#9ca3af;color:var(--ink-4);display:block;font-size:11px;font-size:var(--text-xs);line-height:1.5;margin-top:-6px}.fieldHint code{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:3px;color:#374151;color:var(--ink-2);font-family:monospace;font-size:11px;padding:0 4px}.searchBox{align-items:center;display:flex;gap:6px}.searchBox input{flex:1 1}.searchBox button,.searchBox input{font-size:12px;font-size:var(--text-sm);height:30px;height:var(--ctrl-h-sm)}.searchBox button{background:#128c7e;background:var(--accent);border-radius:8px;border-radius:var(--r-sm);color:#fff;font-weight:600;padding:0 14px}.searchBox button:hover{background:#0e7163;background:var(--accent-hover)}.inlineSettingsFields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.settingsSwitch{align-items:flex-start;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);border-top:1px solid #e5e8ec;border-top:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;margin:4px 0;padding:12px 0}.settingsSwitch>div{flex:1 1;min-width:0}.settingsSwitch strong{color:#0d0f11;color:var(--ink);display:block;font-size:12px;font-size:var(--text-sm);font-weight:600;margin-bottom:2px}.settingsSwitch p{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);line-height:1.5}.settingsTip{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);margin:0 20px 14px;padding:10px 14px}.settingsTip,.settingsTip strong{font-size:12px;font-size:var(--text-sm)}.settingsTip strong{color:#0d0f11;color:var(--ink);font-weight:600}.settingsTip p{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);margin-top:2px}.settingsSnapshotGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:16px 20px}.settingsSnapshotGrid.compact{grid-template-columns:1fr;padding:8px 0}.settingsSnapshotGrid.compact .infoItem{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;font-size:12px;font-size:var(--text-sm);justify-content:space-between;padding:9px 20px}.settingsSnapshotGrid.compact .infoItem:last-child{border-bottom:none}.settingsSnapshotGrid.compact .infoItem span{color:#6b7280;color:var(--ink-3)}.settingsSnapshotGrid.compact .infoItem strong{color:#0d0f11;color:var(--ink);font-weight:600}.settingsOverviewStrip{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:nowrap;gap:0}.settingsOverviewCard,.settingsOverviewStrip{background:#fff;background:var(--surface);display:flex}.settingsOverviewCard{align-items:center;border-radius:0;border-right:1px solid #e5e8ec;border-right:1px solid var(--border);box-shadow:none;flex:1 1;flex-direction:row;gap:10px;min-width:100px;padding:8px 16px}.settingsOverviewCard:last-child{border-right:none}.settingsOverviewCard>span{color:#9ca3af;color:var(--ink-4);flex-shrink:0;font-size:11px}.settingsOverviewCard>strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em}.settingsOverviewCard>small{color:#9ca3af;color:var(--ink-4);font-size:10px;margin-left:auto}.settingsOverviewCard .ocHeader,.settingsOverviewCard .ocItem,.settingsOverviewCard .ocList{display:none!important}.settingsHeader{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:14px 20px}.settingsHeader>div h3{color:#0d0f11;color:var(--ink);font-size:14px;font-size:var(--text-md);font-weight:700}.settingsHeader>div p{margin-top:2px}.settingsHeader>div p,.settingsHeader>span{color:#9ca3af;color:var(--ink-4);font-size:11px}.settingsHeader>span{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:9999px;border-radius:var(--r-full);flex-shrink:0;font-weight:600;padding:2px 10px;white-space:nowrap}.settingsNumberHead{align-items:center;display:flex;gap:8px;justify-content:space-between}.settingsNumberHead strong{color:#0d0f11;color:var(--ink);display:block;font-size:12px;font-size:var(--text-sm);font-weight:700}.settingsNumberHead span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs)}.settingsNumberMeta{display:flex;flex-direction:column;gap:0;margin:4px 0}.saasCompanyControls{display:flex;gap:6px;margin-top:8px}.saasCompanyControls button{font-size:11px;font-size:var(--text-xs);height:30px;height:var(--ctrl-h-sm);padding:0 10px}.compactSettingsList{display:flex;flex-direction:column}.contactsCount{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);font-weight:600}.contactsCount,.contactsTableHead{background:#f9fafb;background:var(--bg-subtle);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);padding:8px 14px}.contactsTableHead{grid-gap:0;display:grid;gap:0;grid-template-columns:2fr 1.2fr 1fr .8fr 1fr 1fr 1.5fr;position:sticky;top:0;z-index:2}.contactsTableHead>span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);font-weight:700;letter-spacing:.03em;overflow:hidden;padding:0 6px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.contactsTableRow{grid-gap:0;align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:grid;gap:0;grid-template-columns:2fr 1.2fr 1fr .8fr 1fr 1fr 1.5fr;padding:8px 14px;transition:background .1s;transition:background var(--t-sm)}.contactsTableRow:hover{background:#f9fafb;background:var(--bg-subtle)}.contactsTableRow:last-child{border-bottom:none}.contactsTableRow>span{color:#374151;color:var(--ink-2);font-size:12px;font-size:var(--text-sm);overflow:hidden;padding:0 6px;text-overflow:ellipsis;white-space:nowrap}.contactTablePrimary{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:10px;min-width:0;padding:0 6px;text-align:left}.contactTablePrimary:hover strong{color:#128c7e;color:var(--accent)}.contactTablePrimary strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:600}.contactTablePrimary small,.contactTablePrimary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contactTablePrimary small{color:#9ca3af;color:var(--ink-4);font-size:11px;font-size:var(--text-xs)}.tagsRow{display:flex;flex-wrap:wrap;gap:4px;padding:0 6px}.tagsRow em{align-items:center;background:#e8f5f3;background:var(--accent-subtle);border:1px solid #c8eae6;border:1px solid var(--accent-soft);border-radius:9999px;border-radius:var(--r-full);color:#0a4f46;color:var(--accent-text);display:inline-flex;font-size:10px;font-style:normal;font-weight:600;height:18px;padding:0 7px}.tableMuted{color:#d1d5db;color:var(--ink-5);font-size:11px;font-size:var(--text-xs);padding:0 6px}.contactActions.inline{align-items:center;display:flex;gap:6px;padding:0 6px}.contactActions.inline button{font-size:11px;font-size:var(--text-xs);font-weight:600;height:30px;height:var(--ctrl-h-sm);padding:0 10px}.contactsDrawerBody{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.contactsDrawerHero{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:14px;padding:16px}.contactsDrawerHero strong{color:#0d0f11;color:var(--ink);display:block;font-size:14px;font-size:var(--text-md);font-weight:700}.contactsDrawerHero span{color:#6b7280;color:var(--ink-3);font-size:12px;font-size:var(--text-sm);margin-top:1px}.contactsDrawerHero small{color:#9ca3af;color:var(--ink-4);font-size:11px;font-size:var(--text-xs);margin-top:1px}.drawerInfoGrid{display:flex;flex-direction:column;gap:0;padding:12px 16px}.drawerInfoGrid .infoItem{padding:8px 0}.sideNote{background:#f9fafb;background:var(--bg-subtle);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);margin:4px 16px;padding:10px 14px}.sideNote strong{color:#6b7280;color:var(--ink-3);display:block;font-size:11px;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;margin-bottom:5px;text-transform:uppercase}.sideNote p{color:#374151;color:var(--ink-2);font-size:12px;font-size:var(--text-sm);line-height:1.5}.formActions.stack{flex-direction:column}.formActions.stack button{width:100%}.contactFormPanel.drawer{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:14px 16px}.contactFormPanel.drawer label{margin-bottom:2px}.leadSummaryStrip{background:#f4f6f8;background:var(--bg);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;padding:16px 20px}.leadSummaryCard{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:120px;padding:14px 16px}.leadSummaryCard>span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);font-weight:500}.leadSummaryCard>strong{color:#0d0f11;color:var(--ink);font-size:20px;font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em;line-height:1}.leadSummaryCard>small{color:#9ca3af;color:var(--ink-4);font-size:11px;font-size:var(--text-xs)}.funnelCreatePanel{background:#fff;background:var(--surface);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:14px 20px}.leadFiltersGrid{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:1fr 180px 140px auto}.leadFilterSummary{align-items:center;color:#6b7280;color:var(--ink-3);display:flex;font-size:11px;font-size:var(--text-xs);gap:10px}.leadFilterSummary strong{color:#374151;color:var(--ink-2);font-weight:700}.funnelCreatePanel .leadForm,.leadForm.funnelCreatePanel{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr auto;padding:0}.funnelCreatePanel .leadForm button{background:#128c7e;background:var(--accent);border-radius:8px;border-radius:var(--r-sm);color:#fff;font-size:12px;font-size:var(--text-sm);font-weight:700;height:36px;height:var(--ctrl-h);white-space:nowrap}.funnelCreatePanel .leadForm button:hover{background:#0e7163;background:var(--accent-hover)}.kanbanHeader{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:10px 12px}.kanbanHeader>div strong{color:#0d0f11;color:var(--ink);display:block;font-size:12px;font-size:var(--text-sm);font-weight:700}.kanbanHeader>div span,.kanbanHeader>em{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs)}.kanbanHeader>em{font-style:normal;font-weight:700;white-space:nowrap}.kanbanDropHint{color:#128c7e;color:var(--accent);font-size:11px;font-size:var(--text-xs);font-weight:600;padding:4px 2px;text-align:center}.kanbanColumn.dropReady .kanbanDropHint{color:#0e7163;color:var(--accent-hover)}.kanbanColumn.dropReady{background:#e8f5f3;background:var(--accent-subtle);border-radius:12px;border-radius:var(--r-md)}.kanbanCards{display:flex;flex:1 1;flex-direction:column;gap:6px}.emptyColumn{border:1px dashed #e5e8ec;border:1px dashed var(--border);border-radius:8px;border-radius:var(--r-sm);color:#d1d5db;color:var(--ink-5);font-size:11px;font-size:var(--text-xs);padding:12px 8px;text-align:center}.leadTop{align-items:flex-start;display:flex;gap:6px;justify-content:space-between}.leadTop strong{color:#0d0f11;color:var(--ink);flex:1 1;font-size:12px;font-size:var(--text-sm);font-weight:600;line-height:1.3;min-width:0}.leadTop span{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:9999px;border-radius:var(--r-full);color:#6b7280;color:var(--ink-3);flex-shrink:0;font-size:10px;font-weight:700;padding:1px 6px;text-transform:capitalize}.leadClientBlock{display:flex;flex-direction:column;gap:1px}.leadClientBlock p{color:#374151;color:var(--ink-2);font-size:12px;font-size:var(--text-sm);font-weight:500;margin:0}.leadClientBlock small{color:#9ca3af;color:var(--ink-4);font-size:11px;font-size:var(--text-xs)}.leadValueRow{align-items:center;display:flex;justify-content:space-between;margin-top:2px}.leadValue{color:#128c7e;color:var(--accent);font-size:12px;font-size:var(--text-sm);font-weight:700}.leadHandle{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:9999px;border-radius:var(--r-full);color:#d1d5db;color:var(--ink-5);cursor:grab;font-size:10px;font-style:normal;font-weight:600;padding:2px 8px}.leadHandle:hover{background:#e8f5f3;background:var(--accent-subtle);border-color:#c8eae6;border-color:var(--accent-soft);color:#128c7e;color:var(--accent)}.leadCard.lead-ganho{border-left:3px solid #16a34a;border-left:3px solid var(--green)}.leadCard.lead-perdido{border-left:3px solid #dc2626;border-left:3px solid var(--red);opacity:.65}.leadCard.dragging{box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a;box-shadow:var(--shadow-md);opacity:.5;transform:scale(.98)}.leadCard.selected{border-color:#128c7e;border-color:var(--accent);box-shadow:0 0 0 2px #e8f5f3;box-shadow:0 0 0 2px var(--accent-subtle)}.conversationText{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.conversationTitleRow{align-items:center;display:flex;gap:4px;justify-content:space-between}.conversationTitleRow strong{color:#0d0f11;color:var(--ink);flex:1 1;font-size:12px;font-size:var(--text-sm);font-weight:600;line-height:1.3;min-width:0}.conversationText>span,.conversationTitleRow strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversationText>span{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);line-height:1.4}.conversationText>small{color:#d1d5db;color:var(--ink-5);display:none;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversationItem:hover .conversationText>small{display:block}.conversationPriorityLine{align-items:center;display:none;font-size:10px;gap:4px;margin-top:1px}.conversationPriorityLine.critical{color:#dc2626;color:var(--red);display:flex}.conversationPriorityLine.warning{color:#d97706;color:var(--amber);display:flex}.conversationPriorityLine strong{font-weight:700}.conversationMetaRow{align-items:center;display:none;gap:6px;margin-top:2px}.conversationMetaRow>small{color:#9ca3af;color:var(--ink-4);font-size:10px;white-space:nowrap}.conversationItem.selected .conversationMetaRow,.conversationItem:hover .conversationMetaRow{display:flex}.slaMeta{align-items:center;display:inline-flex;font-size:10px;font-weight:600;gap:3px}.slaMeta.critical{color:#dc2626;color:var(--red)}.slaMeta.warning{color:#d97706;color:var(--amber)}.slaMeta.healthy{color:#16a34a;color:var(--green)}.slaMeta.idle{color:#d1d5db;color:var(--ink-5)}.conversationText>.slaMeta{display:none}.conversationActionRow{align-items:center;display:none;flex-wrap:wrap;gap:4px;margin-top:3px}.conversationItem.selected .conversationActionRow,.conversationItem:hover .conversationActionRow{display:flex}.miniActionButton{align-items:center;background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:9999px;border-radius:var(--r-full);color:#6b7280;color:var(--ink-3);display:inline-flex;font-size:10px;font-weight:600;height:20px;padding:0 8px;white-space:nowrap}.miniActionButton:hover{background:#fff;background:var(--surface);border-color:#c8cdd5;border-color:var(--border-strong);color:#0d0f11;color:var(--ink)}.miniActionButton.accent{background:#e8f5f3;background:var(--accent-subtle);border-color:#c8eae6;border-color:var(--accent-soft);color:#0a4f46;color:var(--accent-text)}.miniActionButton.accent:hover{background:#c8eae6;background:var(--accent-soft)}.miniActionButton.subtle{background:#f4f6f8;background:var(--bg);color:#6b7280;color:var(--ink-3)}.miniActionButton.danger{background:#fef2f2;background:var(--red-subtle);border-color:#fee2e2;border-color:var(--red-soft);color:#dc2626;color:var(--red)}.miniActionButton.danger:hover{background:#fee2e2;background:var(--red-soft)}.conversationStamp{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:3px}.conversationStamp>small{color:#9ca3af;color:var(--ink-4);font-size:10px}.conversationStamp>span{display:none}.conversationStamp>b{background:#128c7e;background:var(--accent);color:#fff;font-size:10px;height:18px;min-width:18px;padding:0 4px}.avatar.mini,.conversationStamp>b,.photo.mini{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:flex;font-weight:700;justify-content:center}.avatar.mini,.photo.mini{background:#e8f5f3;background:var(--accent-subtle);color:#0a4f46;color:var(--accent-text);flex-shrink:0;font-size:12px;height:32px;width:32px}.chatEmptyIcon{background:#e8f5f3;background:var(--accent-subtle);border-radius:50%;color:#128c7e;color:var(--accent);height:64px;margin-bottom:12px;width:64px}.chatEmpty,.chatEmptyIcon{align-items:center;display:flex;justify-content:center}.chatEmpty{color:#9ca3af;color:var(--ink-4);flex:1 1;flex-direction:column;gap:10px;padding:40px;text-align:center}.chatEmpty .bigIcon{font-size:40px;opacity:.3}.chatEmpty h3{color:#374151;color:var(--ink-2);font-size:16px;font-size:var(--text-lg);font-weight:600}.chatEmpty p{color:#9ca3af;color:var(--ink-4);font-size:12px;font-size:var(--text-sm);line-height:1.5;max-width:280px}.attendanceChatHeader{background:#fff;background:var(--surface);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);flex-shrink:0}.attendanceChatHeader .chatIdentity h3{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:700}.attendanceChatHeader .chatIdentity span{color:#6b7280;color:var(--ink-3);display:block;font-size:11px;font-size:var(--text-xs);margin-top:1px}.attendanceChatHeader .chatIdentity small{color:#9ca3af;color:var(--ink-4);display:block;font-size:10px;margin-top:1px}.chatMetaPills{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.chatMetaPills>em{font-style:normal}.conversationContextStrip{align-items:stretch;background:#f9fafb;background:var(--bg-subtle);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:0;overflow-x:auto;scrollbar-width:none}.conversationContextStrip::-webkit-scrollbar{display:none}.contextCell{border-right:1px solid #e5e8ec;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:1px;padding:7px 14px}.contextCell:last-child{border-right:none}.contextCell>span{color:#9ca3af;color:var(--ink-4);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.contextCell>strong{color:#374151;color:var(--ink-2);font-size:11px;font-size:var(--text-xs);font-weight:600}.sendChannelSummary{align-items:center;background:#f9fafb;background:var(--bg-subtle);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:6px 12px}.sendChannelSummary strong{color:#374151;color:var(--ink-2);font-size:11px;font-size:var(--text-xs);font-weight:700}.sendChannelSummary span{color:#9ca3af;color:var(--ink-4);font-size:11px;font-size:var(--text-xs)}.sendModeSwitch{display:flex;flex-shrink:0;gap:4px}.sendModeSwitch button{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:9999px;border-radius:var(--r-full);color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);font-weight:600;height:24px;padding:0 10px}.sendModeSwitch button.active{background:#128c7e;background:var(--accent);border-color:#128c7e;border-color:var(--accent);color:#fff}.sendModeSwitch button:hover:not(.active),.whatsappSendBar.attendanceSendBar{background:#fff;background:var(--surface)}.whatsappSendBar.attendanceSendBar{border-top:1px solid #e5e8ec;border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.messagesArea{background:#f9fafb;background:var(--bg-subtle);display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:16px}.messagesArea::-webkit-scrollbar{width:4px}.messagesArea::-webkit-scrollbar-thumb{background:#e5e8ec;background:var(--border);border-radius:4px}.messageMeta{align-items:center;display:flex;gap:6px;justify-content:flex-end;margin-top:3px}.messageMeta small{color:currentColor;font-size:10px;opacity:.65}.messageBubble.client .messageMeta small{color:#9ca3af;color:var(--ink-4);opacity:1}.messageBubble p{line-height:1.55;margin:0;white-space:pre-wrap;word-break:break-word}.audioBubble{align-items:center;display:flex;gap:8px;padding:4px 0}.audioBubble .audioBubbleIcon{align-items:center;background:#ffffff40;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.messageBubble.client .audioBubble .audioBubbleIcon{background:#e8f5f3;background:var(--accent-subtle);color:#128c7e;color:var(--accent)}.audioBubble .audioBubbleWave{align-items:center;display:flex;flex:1 1;gap:2px;height:24px}.audioBubble .audioBubbleWave span{animation:waveBar 1.1s ease-in-out infinite alternate;background:currentColor;border-radius:2px;display:inline-block;height:8px;height:var(--bar-h,8px);opacity:.55;width:3px}@keyframes waveBar{0%{opacity:.35;transform:scaleY(.7)}to{opacity:.8;transform:scaleY(1)}}.audioBubble .audioBubbleLabel{font-size:10px;opacity:.65;white-space:nowrap}.audioBubble .audioIcon{align-items:center;background:#ffffff40;border-radius:50%;display:flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;width:28px}.messageBubble.client .audioBubble .audioIcon{background:#e8f5f3;background:var(--accent-subtle);color:#128c7e;color:var(--accent)}.audioBubble .audioWave{align-items:center;display:flex;flex:1 1;gap:2px;height:24px}.audioBubble .audioWave span{background:currentColor;border-radius:2px;display:inline-block;opacity:.5;width:3px}.audioBubble .audioWave span:first-child{height:6px}.audioBubble .audioWave span:nth-child(2){height:12px}.audioBubble .audioWave span:nth-child(3){height:18px}.audioBubble .audioWave span:nth-child(4){height:10px}.audioBubble .audioWave span:nth-child(5){height:16px}.audioBubble .audioWave span:nth-child(6){height:8px}.audioBubble .audioWave span:nth-child(7){height:14px}.audioBubble .audioWave span:nth-child(8){height:6px}.audioBubble .audioDuration{font-size:10px;opacity:.7;white-space:nowrap}.messageBubble.audioMsg{min-width:220px}.audioBubblePlayer{accent-color:#128c7e;accent-color:var(--accent);border-radius:8px;border-radius:var(--r-sm);flex:1 1;height:32px;max-width:260px;min-width:160px;outline:none}.messageBubble.client .audioBubble .audioBubbleWave span{background:#128c7e;background:var(--accent)}.imageBubble{display:flex;flex-direction:column;gap:4px}.imageBubble .imageThumb{align-items:center;background:#fff3;border-radius:8px;border-radius:var(--r-sm);display:flex;font-size:28px;height:100px;justify-content:center;opacity:.6;overflow:hidden;width:160px}.sendNotice{background:#f9fafb;background:var(--bg-subtle);border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);color:#6b7280;color:var(--ink-3);flex-shrink:0;font-size:11px;font-size:var(--text-xs);padding:7px 14px}.sendNotice.warning{background:#fffbeb;background:var(--amber-subtle);border-color:#fef3c7;border-color:var(--amber-soft);color:#d97706;color:var(--amber)}.composerToolbar{align-items:center;display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px 4px}.composerToolbar .ghostButton{align-items:center;background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#6b7280;color:var(--ink-3);display:inline-flex;font-size:11px;font-size:var(--text-xs);font-weight:600;gap:5px;height:28px;padding:0 10px}.composerToolbar .ghostButton:hover{background:#fff;background:var(--surface);color:#0d0f11;color:var(--ink)}.composerToolbar .ghostButton.active{background:#e8f5f3;background:var(--accent-subtle);border-color:#c8eae6;border-color:var(--accent-soft);color:#0a4f46;color:var(--accent-text)}.composerToolbar .ghostButton:disabled{opacity:.4;pointer-events:none}.templateAssistBox{background:#f9fafb;background:var(--bg-subtle);border-top:1px solid #e5e8ec;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding:10px 12px}.templateAssistBox input,.templateAssistBox select{font-size:12px;font-size:var(--text-sm);height:30px;height:var(--ctrl-h-sm)}.templatePreview{background:#e8f5f3;background:var(--accent-subtle);border:1px solid #c8eae6;border:1px solid var(--accent-soft);border-radius:8px;border-radius:var(--r-sm);padding:8px 10px}.templatePreview strong{color:#0a4f46;color:var(--accent-text);display:block;font-size:10px;font-weight:700;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.templatePreview p{color:#0a4f46;color:var(--accent-text);font-size:11px;font-size:var(--text-xs);line-height:1.5;white-space:pre-wrap}.templateAssistActions{align-items:center;display:flex;gap:8px;justify-content:space-between}.templateAssistActions small{color:#9ca3af;color:var(--ink-4);font-size:11px;font-size:var(--text-xs)}.templateAssistActions code{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:3px;font-family:monospace;font-size:10px;padding:0 4px}.quickReplySuggestionStrip{align-items:center;background:#f9fafb;background:var(--bg-subtle);border-top:1px solid #e5e8ec;border-top:1px solid var(--border);display:flex;gap:8px;overflow-x:auto;padding:4px 12px;scrollbar-width:none}.quickReplySuggestionStrip::-webkit-scrollbar{display:none}.quickReplySuggestionStrip>small{color:#9ca3af;color:var(--ink-4);flex-shrink:0;font-size:10px;white-space:nowrap}.quickReplySuggestionList{display:flex;gap:4px}.quickReplySuggestionChip{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);display:inline-flex;flex-direction:column;gap:1px;padding:4px 9px;text-align:left;white-space:nowrap}.quickReplySuggestionChip:hover{background:#e8f5f3;background:var(--accent-subtle);border-color:#c8eae6;border-color:var(--accent-soft)}.quickReplySuggestionChip strong{color:#0d0f11;color:var(--ink);font-size:11px;font-size:var(--text-xs);font-weight:600}.quickReplySuggestionChip span{color:#9ca3af;color:var(--ink-4);font-size:10px}.quickReplyPanel{background:#fff;background:var(--surface);border-top:1px solid #e5e8ec;border-top:1px solid var(--border);display:flex;flex-direction:column;max-height:280px}.quickReplyPanelTop{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 12px}.quickReplyPanelTop strong{color:#0d0f11;color:var(--ink);font-size:11px;font-size:var(--text-xs);font-weight:700}.quickReplyPanelTop span{color:#9ca3af;color:var(--ink-4);font-size:10px}.quickReplyFavorites{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);padding:6px 12px}.quickReplyFavorites>small{color:#9ca3af;color:var(--ink-4);display:block;font-size:10px;font-weight:700;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.quickReplyFavoriteList{display:flex;flex-wrap:wrap;gap:4px}.quickReplyFavoriteChip{background:#f4f6f8;background:var(--bg);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);display:inline-flex;flex-direction:column;gap:1px;padding:4px 9px;text-align:left}.quickReplyFavoriteChip:hover{background:#e8f5f3;background:var(--accent-subtle);border-color:#c8eae6;border-color:var(--accent-soft)}.quickReplyFavoriteChip strong{color:#0d0f11;color:var(--ink);font-size:11px;font-size:var(--text-xs);font-weight:600}.quickReplyFavoriteChip span{color:#9ca3af;color:var(--ink-4);font-size:10px}.quickReplyPanelControls{border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;gap:6px;padding:6px 12px}.quickReplyPanelControls input,.quickReplyPanelControls select{font-size:12px;font-size:var(--text-sm);height:30px;height:var(--ctrl-h-sm)}.quickReplyList{flex:1 1;overflow-y:auto}.quickReplyList::-webkit-scrollbar{width:4px}.quickReplyList::-webkit-scrollbar-thumb{background:#e5e8ec;background:var(--border)}.quickReplyCard{background:none;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:3px;padding:9px 12px;text-align:left;width:100%}.quickReplyCard:hover{background:#f9fafb;background:var(--bg-subtle)}.quickReplyCardHead{align-items:center;display:flex;gap:6px}.quickReplyCardHead strong{color:#0d0f11;color:var(--ink);font-size:12px;font-size:var(--text-sm);font-weight:600}.quickReplyCardHead em{background:#e8f5f3;background:var(--accent-subtle);border:1px solid #c8eae6;border:1px solid var(--accent-soft);border-radius:4px;border-radius:var(--r-xs);color:#128c7e;color:var(--accent);font-family:monospace;font-size:10px;font-style:normal;font-weight:700;padding:0 5px}.quickReplyCardHead span{color:#9ca3af;color:var(--ink-4);font-size:10px}.quickReplyCard>p{color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);line-height:1.4;white-space:pre-wrap}.quickReplyCardMeta{display:flex;justify-content:space-between}.quickReplyCardMeta small{color:#d1d5db;color:var(--ink-5);font-size:10px}.quickReplyInlineMenu{background:#fff;background:var(--surface);border:1px solid #e5e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:0 12px 6px;max-height:220px;overflow:hidden}.quickReplyInlineMenuHead{align-items:center;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:6px 12px}.quickReplyInlineMenuHead strong{color:#0d0f11;color:var(--ink);font-size:11px;font-size:var(--text-xs);font-weight:700}.quickReplyInlineMenuHead span{color:#9ca3af;color:var(--ink-4);font-size:10px}.quickReplyInlineList{flex:1 1;overflow-y:auto}.quickReplyInlineOption{align-items:center;background:none;border-bottom:1px solid #e5e8ec;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 12px;text-align:left;width:100%}.quickReplyInlineOption.active,.quickReplyInlineOption:hover{background:#e8f5f3;background:var(--accent-subtle)}.quickReplyInlineOption>div strong{color:#0d0f11;color:var(--ink);display:block;font-size:11px;font-size:var(--text-xs);font-weight:600}.quickReplyInlineOption>div span,.quickReplyInlineOption>small{color:#9ca3af;color:var(--ink-4);font-size:10px}.quickReplyInlinePreview{border-top:1px solid #e5e8ec;border-top:1px solid var(--border);color:#6b7280;color:var(--ink-3);font-size:11px;font-size:var(--text-xs);line-height:1.4;padding:6px 12px;white-space:pre-wrap}.inlineFieldControl{align-items:center;display:flex;gap:6px}.inlineFieldControl input{flex:1 1;font-size:12px;font-size:var(--text-sm);height:30px;height:var(--ctrl-h-sm)}.miniInlineSave{background:#128c7e;background:var(--accent);border-radius:8px;border-radius:var(--r-sm);color:#fff;font-size:11px;font-size:var(--text-xs);font-weight:700;height:30px;height:var(--ctrl-h-sm);padding:0 10px;white-space:nowrap}.miniInlineSave:hover{background:#0e7163;background:var(--accent-hover)}.miniInlineSave:disabled{opacity:.5}.iconGlyph{align-items:center;display:inline-flex;flex-shrink:0;height:16px;justify-content:center;vertical-align:middle;width:16px}.iconGlyph svg{display:block}@media (max-width:1100px){.inboxGrid{grid-template-columns:260px 1fr}.contactReferencePanel{display:none}.lowerReferenceGrid{grid-template-columns:1fr}.whatsappReferencePanel{display:none}}@media (max-width:860px){.loginPage{flex-direction:column}.loginShowcase{padding:40px 32px}.loginCard{border-left:none;border-top:1px solid #e5e8ec;border-top:1px solid var(--border);min-width:0;padding:36px 32px;width:100%}.sidebar{display:none}.inboxGrid,.settingsGrid{grid-template-columns:1fr}.conversationList,.rightPanel{display:none}}
/*# sourceMappingURL=main.5ee29134.css.map*/