:root{--bg:#f5f7fb;--surface-soft:#f8fafc;--surface-strong:#111827;--text:#111827;--muted:#64748b;--subtle:#94a3b8;--border:#e4e9f2;--border-strong:#cbd5e1;--primary:#1663ff;--primary-strong:#0f46bf;--green:#0f9f6e;--green-soft:#e8f8f1;--amber:#b7791f;--amber-soft:#fff4dc;--red:#d92d20;--red-soft:#fff1f0;--blue-soft:#edf5ff;--ink-soft:#eef2f7;--shadow:0 16px 42px #0f172a14;--shadow-sm:0 8px 22px #0f172a0f;--radius:18px;--radius-sm:12px;--sidebar:252px}*{box-sizing:border-box}html{min-width:320px}body{color:var(--text);font-family:Aptos,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0;margin:0}button,input,select,textarea{font:inherit}button{transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}button:not(:disabled):hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.62}input,select,textarea{background:#fff;background:var(--surface);border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#111827;color:var(--text);min-width:0;outline:none;width:100%}input,select{height:40px;padding:0 12px}textarea{min-height:92px;padding:11px 12px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#1663ffb3;box-shadow:0 0 0 4px #1663ff1a}.chatActions button,.contactActions button,.formActions button,.fullBtn,.ghostButton,.leadControls button,.leadForm button,.loginCard button,.numberActions button,.numberForm button,.numberFormReal button,.searchBox button,.secondaryBtn,.sendBox button,.settingsForm button,.simulateBtn,.uiButton,.userBox button{background:#1663ff;background:var(--primary);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:13px;font-weight:700;min-height:38px;padding:0 14px;white-space:nowrap}.fullBtn.secondary,.secondaryBtn,.uiButton-secondary{background:#eef2f7;background:var(--ink-soft);border-color:#e4e9f2;border-color:var(--border);color:#334155}.ghostButton{background:#fff;background:var(--surface);border-color:#e4e9f2;border-color:var(--border);color:#1663ff;color:var(--primary)}.contactActions .dangerBtn,.dangerBtn{background:#d92d20!important;background:var(--red)!important;border-color:#d92d20!important;border-color:var(--red)!important;color:#fff!important}.activateBtn{background:#eaf8ef!important;background:var(--green-soft)!important;border:1px solid #b7ead4!important;color:#047857!important}.loginPage{background:linear-gradient(120deg,#ffffffb8,#fff3),linear-gradient(135deg,#eef5ff,#f8fafc 44%,#eefbf5);display:grid;min-height:100vh;padding:24px;place-items:center}.loginCard{background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:24px;box-shadow:0 16px 42px #0f172a14;box-shadow:var(--shadow);padding:34px;width:min(420px,100%)}.brandIcon{background:#111827;border-radius:16px;box-shadow:0 14px 30px #11182738;color:#fff;display:grid;font-size:25px;font-weight:900;height:54px;place-items:center;width:54px}.brandIcon.small{background:#0f172a;border-radius:13px;font-size:18px;height:40px;width:40px}.loginCard h1{font-size:32px;line-height:1.1;margin:18px 0 6px}.loginCard p,.premiumHeader p,.settingsHeader p,.topBar p{color:#7a8698;color:var(--muted);line-height:1.45;margin:4px 0 0}.loginCard form{grid-gap:10px;display:grid;gap:10px;margin-top:24px}.contactFormPanel label,.loginCard label,.modalBox label,.settingsForm label,.sideForm label{color:#334155;font-size:12px;font-weight:750}.loginCard input{height:44px}.loginCard button{font-size:14px;height:46px;margin-top:6px}.loginCard small{color:#7a8698;color:var(--muted);display:block;margin-top:18px}.error,.errorBanner,.noticeBox,.sendNotice{border-radius:12px;border-radius:var(--radius-sm);font-size:13px;font-weight:650;padding:10px 12px}.error,.errorBanner{background:#fff1f0;background:var(--red-soft);border:1px solid #fecaca;color:#991b1b}.noticeBox,.sendNotice{background:#eef8ff;border:1px solid #c7e8ff;color:#075985}.noticeBox.compact{margin-bottom:12px}.settingsNotice{margin-bottom:16px}.appShell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid #e4e9f2;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:22px;height:100vh;padding:18px;position:sticky;top:0}.logoArea{align-items:center;border-bottom:1px solid #e4e9f2;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:4px 4px 12px}.logoArea strong,.userBox strong{display:block;font-size:15px}.logoArea span,.userBox span{color:#7a8698;color:var(--muted);display:block;font-size:12px;margin-top:3px}.sidebar nav{grid-gap:5px;display:grid;gap:5px}.sidebar nav button{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-weight:700;height:40px;text-align:left;width:100%}.sidebar nav button.active,.sidebar nav button:hover{background:#f3f6fb;border-color:#e4e9f2;border-color:var(--border);color:#111827;color:var(--text);transform:none}.navIcon{background:#eef4ff;border-radius:8px;color:#1663ff;color:var(--primary);display:grid;font-size:13px;font-weight:900;height:24px;place-items:center;width:24px}.userBox{background:#f8fafc;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:16px;padding:14px}.userBox button{background:#fff;border-color:#e4e9f2;border-color:var(--border);color:#334155;margin-top:12px;width:100%}.mainArea{min-width:0;overflow:hidden;padding:22px;position:relative}.topBar{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;min-height:54px}.topBar h2{font-size:25px;letter-spacing:0;line-height:1.14;margin:0}.connectionPill{align-items:center;background:#fff;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:999px;color:#7a8698;color:var(--muted);display:inline-flex;font-size:13px;font-weight:800;gap:8px;height:38px;padding:0 12px}.connectionPill span{background:#b7791f;background:var(--amber);border-radius:50%;height:8px;width:8px}.connectionPill.connected span{background:#16a34a;background:var(--green)}.metrics{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.assignmentStrip{grid-gap:12px;background:#fff;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:18px;display:grid;gap:12px;grid-template-columns:280px minmax(0,1fr);margin-bottom:14px;padding:14px 16px}.assignmentIntro span,.assignmentIntro strong{display:block}.assignmentIntro strong{color:#0f172a;font-size:14px}.assignmentIntro span{color:#64748b;font-size:12px;line-height:1.5;margin-top:4px}.assignmentRoster{display:flex;flex-wrap:wrap;gap:10px}.assignmentChip{align-items:center;background:#f8fbff;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:16px;display:flex;gap:10px;min-width:180px;padding:10px 12px}.assignmentChip span,.assignmentChip strong{display:block}.assignmentChip strong{color:#0f172a;font-size:13px}.assignmentChip span{color:#64748b;font-size:12px;margin-top:3px}.emptyInline{color:#64748b;font-size:12px;padding:8px 0}.chatPanel,.contactFormPanel,.contactsTablePanel,.conversationList,.dashboardPanel,.funnelCreatePanel,.kanbanColumn,.metricCard,.reportBox,.rightPanel,.settingsPanel,.uiCard{background:#fff;background:var(--surface);border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:0 8px 22px #0f172a0f;box-shadow:var(--shadow-sm)}.metricCard{min-height:104px;padding:17px}.metricCard span{color:#7a8698;color:var(--muted);display:block;font-size:12px;font-weight:800}.metricCard strong{display:block;font-size:30px;line-height:1;margin-top:8px}.metricCard small{color:#94a3b8;color:var(--subtle);display:block;font-weight:650;margin-top:8px}.dashboardGrid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1.25fr) minmax(310px,.8fr)}.dashboardPanel{overflow:hidden}.dashboardPanel-main{grid-row:span 2}.panelHeader{align-items:center;border-bottom:1px solid #e4e9f2;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;min-height:60px;padding:14px 16px}.panelHeader h3{font-size:15px;margin:0}.panelHeader>span{background:#eef5ff;background:var(--blue-soft);border-radius:999px;color:#1663ff;color:var(--primary);display:grid;font-size:12px;font-weight:900;height:24px;min-width:26px;padding:0 8px;place-items:center}.activityList,.miniContactList{grid-gap:0;display:grid;gap:0;padding:6px}.activityRow,.miniContact{grid-gap:12px;align-items:center;border-radius:14px;display:grid;gap:12px;grid-template-columns:42px minmax(0,1fr) auto;padding:12px}.miniContact{grid-template-columns:42px minmax(0,1fr)}.activityRow:hover,.miniContact:hover{background:#f8fafc}.activityRow span,.activityRow strong,.miniContact span,.miniContact strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activityRow span,.miniContact span{color:#7a8698;color:var(--muted);font-size:12px;margin-top:3px}.pipelineSnapshot{padding:18px}.pipelineSnapshot>strong{display:block;font-size:28px}.pipelineSnapshot>span{color:#7a8698;color:var(--muted);font-weight:700}.pipelineBars{grid-gap:12px;display:grid;gap:12px;margin-top:18px}.pipelineBars div{grid-gap:7px;display:grid;gap:7px}.pipelineBars label{color:#475569;font-size:12px;font-weight:750}.pipelineBars span{background:linear-gradient(90deg,#1663ff,#16a34a);background:linear-gradient(90deg,var(--primary),var(--green));border-radius:999px;height:8px}.workspace{grid-gap:14px;display:grid;gap:14px;grid-template-columns:310px minmax(420px,1fr) 330px;height:calc(100vh - 178px);min-height:560px}.attendanceTopBar{align-items:flex-start}.attendanceHeaderActions{align-items:center;display:flex;gap:12px}.sessionPill{grid-gap:2px 10px;align-items:center;background:#fff;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:18px;display:grid;gap:2px 10px;grid-template-columns:auto 1fr;min-width:260px;padding:10px 14px}.sessionPill small,.sessionPill strong{grid-column:2}.sessionPill strong{color:#0f172a;font-size:13px}.sessionPill small{color:#64748b;font-size:12px}.sessionDot{background:#94a3b8;border-radius:999px;height:9px;width:9px}.sessionPill.success .sessionDot{background:#16a34a}.sessionPill.warning .sessionDot{background:#f59e0b}.attendanceWorkspace{height:calc(100vh - 214px)}.chatPanel,.conversationList{overflow:hidden}.conversationList{display:flex;flex-direction:column}.attendanceListHeader{align-items:flex-start}.attendanceListHeader p{color:#64748b;font-size:12px;margin:4px 0 0}.attendanceToolbar{grid-gap:10px;background:#fbfdff;border-bottom:1px solid #e4e9f2;border-bottom:1px solid var(--border);display:grid;gap:10px;padding:12px}.conversationSearchBox{align-items:center;background:#fff;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:14px;display:grid;grid-template-columns:36px minmax(0,1fr);height:42px}.conversationSearchBox span{color:#64748b;display:grid;place-items:center}.conversationSearchBox input{background:#0000;border:0;color:#0f172a;height:100%;padding:0 12px 0 0;width:100%}.conversationSearchBox input:focus{outline:none}.filterPills{display:flex;flex-wrap:wrap;gap:8px}.filterPills button{align-items:center;background:#fff;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:999px;color:#475569;display:inline-flex;font-size:12px;font-weight:750;gap:6px;min-height:34px;padding:0 12px}.filterPills button em{background:#eef2f7;border-radius:999px;color:#64748b;font-size:11px;font-style:normal;padding:2px 6px}.filterPills button.active{background:#eefbf3;border-color:#16a34a;color:#15803d}.filterPills button.active em{background:#d7f5e2;color:#15803d}.filterPills.secondary button.active{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.filterPills.secondary button.active em{background:#dbeafe;color:#1d4ed8}.listFilterNotice{background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;color:#1e3a8a;font-size:12px;margin:10px 12px 0;padding:10px 12px}.listFilterNotice button{background:#0000;border:0;color:#2563eb;font-size:12px;font-weight:750;margin-left:8px;padding:0}.conversationItem{grid-gap:11px;background:#fff;border:none;border-bottom:1px solid #e4e9f2;border-bottom:1px solid var(--border);cursor:pointer;display:grid;gap:11px;grid-template-columns:42px minmax(0,1fr) auto;padding:13px 14px;text-align:left;width:100%}.conversationItem.selected,.conversationItem:hover{background:#f7faff;transform:none}.conversationItem.unread{background:linear-gradient(90deg,#f4fcf7,#fff 30%);border-left:3px solid #22c55e;padding-left:11px}.conversationItem.unread .slaMeta.critical{color:#b91c1c}.avatar,.contactAvatar,.userInitial{background:#ecfdf5;border-radius:14px;color:#047857;display:grid;font-weight:900;height:42px;place-items:center;width:42px}.conversationText{min-width:0}.conversationText small,.conversationText span,.conversationText strong{display:block}.conversationText span{color:#475569;font-size:13px;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversationText small{color:#94a3b8;color:var(--subtle);font-size:12px}.conversationText .slaMeta{font-weight:700;margin-top:4px}.conversationText .slaMeta.healthy,.referenceSla.healthy{color:#15803d}.conversationText .slaMeta.warning,.referenceSla.warning{color:#b45309}.conversationText .slaMeta.critical,.referenceSla.critical{color:#dc2626}.conversationText .slaMeta.idle,.referenceSla.idle{color:#64748b}.conversationStamp{grid-gap:6px;gap:6px}.conversationStamp small{color:#94a3b8;font-size:11px}.status{align-items:center;align-self:start;background:#eef2f7;background:var(--ink-soft);border-radius:999px;color:#334155;display:inline-flex;font-size:11px;font-style:normal;font-weight:850;justify-content:center;min-height:22px;padding:0 8px}.status.novo{background:#fff4dc;background:var(--amber-soft);color:#8a5a12}.status.atendimento{background:#eaf8ef;background:var(--green-soft);color:#047857}.status.finalizado{background:#eef2ff;color:#4338ca}.chatPanel{display:grid;grid-template-rows:auto auto auto 1fr auto;min-height:0}.chatHeader{align-items:center;border-bottom:1px solid #e4e9f2;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;min-height:66px;padding:13px 16px}.chatHeader h3{font-size:17px;margin:0}.chatHeader span{color:#7a8698;color:var(--muted);font-size:13px}.chatIdentity{gap:12px}.chatIdentity h3,.chatIdentity small,.chatIdentity span{display:block}.chatIdentity h3{font-size:17px;margin:0}.chatIdentity span{margin-top:3px}.chatIdentity small{color:#64748b;font-size:12px;font-weight:650;margin-top:4px}.chatActions{align-items:center;display:flex;gap:8px}.chatActions select{min-width:150px;width:auto}.chatActions button:last-child{background:#111827}.whatsappSendBar{grid-gap:10px;background:#fbfdff;border-bottom:1px solid #e4e9f2;border-bottom:1px solid var(--border);display:grid;gap:10px;grid-template-columns:210px 1fr;padding:10px 12px}.attendanceSendBar{align-items:center;grid-template-columns:minmax(0,1fr) auto}.sendChannelSummary span,.sendChannelSummary strong{display:block}.sendChannelSummary strong{color:#0f172a;font-size:13px}.sendChannelSummary span{color:#64748b;font-size:12px;line-height:1.45;margin-top:4px}.sendModeSwitch{align-items:center;background:#fff;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:999px;display:inline-flex;gap:8px;padding:4px}.sendModeSwitch button{background:#0000;border:0;border-radius:999px;color:#64748b;font-size:12px;font-weight:750;min-height:34px;padding:0 12px}.sendModeSwitch button.active{background:#e8fff1;color:#15803d}.sendNotice{background:#eff6ff;border-radius:14px;color:#1d4ed8;font-size:12px;font-weight:650;margin:12px 12px 0;padding:10px 12px}.messagesArea{background:linear-gradient(180deg,#f8fafcf5,#f1f5f9f5),repeating-linear-gradient(45deg,#0000,#0000 18px,#94a3b812 0,#94a3b812 19px);min-height:0;overflow-y:auto;padding:18px}.messageBubble{border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:16px;box-shadow:0 7px 18px #0f172a0d;margin-bottom:10px;max-width:72%;padding:11px 13px;width:fit-content}.messageBubble p{line-height:1.45;margin:0 0 6px}.messageBubble small{color:#7a8698;color:var(--muted);font-size:11px;font-weight:650}.messageBubble.client{background:#fff;border-top-left-radius:5px}.messageBubble.agent{background:#eaf3ff;border-color:#cfe4ff;border-top-right-radius:5px;margin-left:auto}.sendBox{grid-gap:10px;background:#fff;border-top:1px solid #e4e9f2;border-top:1px solid var(--border);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 102px;padding:12px}.sendBox input{border-radius:14px;height:42px}.sendBox textarea{background:#fff;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:16px;color:#0f172a;font:inherit;min-height:86px;padding:12px 14px;resize:vertical;width:100%}.sendBox textarea:focus{border-color:#93c5fd;outline:2px solid #2563eb1f}.composerActions{grid-gap:10px;display:grid;gap:10px;grid-template-rows:1fr auto}.composerActions small{color:#64748b;font-size:12px;line-height:1.5}.composerActions button{min-height:44px;width:100%}.chatEmpty{grid-gap:8px;align-content:center;color:#7a8698;color:var(--muted);display:grid;gap:8px;grid-row:1/-1;padding:28px;place-items:center;text-align:center}.bigIcon{font-size:34px}.rightPanel{overflow-y:auto;padding:16px}.contactFormPanel h3,.reportBox h3,.rightPanel h3,.settingsHeader h3{font-size:16px;margin:0 0 14px}.infoItem{border-bottom:1px solid #e4e9f2;border-bottom:1px solid var(--border);padding:10px 0}.infoItem span{color:#7a8698;color:var(--muted);display:block;font-size:11px;font-weight:850;margin-bottom:4px;text-transform:uppercase}.infoItem strong{display:block;font-size:13px;line-height:1.35}.sideTags,.tagsRow{display:flex;flex-wrap:wrap;gap:6px}.sideTags{margin:14px 0}.tagsRow{margin-top:8px}.sideTags em,.tagsRow em{background:#eef6ff;border-radius:999px;color:#155eef;font-size:11px;font-style:normal;font-weight:850;padding:4px 8px}.settingsTip,.sideNote{background:#f8fafc;background:var(--surface-soft);border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:14px;color:#475569;margin:12px 0;padding:13px}.settingsTip strong,.sideNote strong{color:#111827;color:var(--text)}.settingsTip p,.sideNote p{line-height:1.45;margin:6px 0 0}.settingsForm,.sideForm{grid-gap:9px;display:grid;gap:9px}.fullBtn{margin-top:6px;width:100%}.leadMiniBox{border-top:1px solid #e4e9f2;border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.leadMiniBox h4{margin:0 0 12px}.emptyState,.muted,.uiEmptyState{color:#7a8698;color:var(--muted);line-height:1.5;padding:22px}.emptyState.compact{padding:16px}.customerPanel .muted{padding:0}.contactsWorkspace{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 360px;height:calc(100vh - 96px);min-height:610px}.contactsTablePanel{display:flex;flex-direction:column;overflow:hidden}.contactsToolbar{border-bottom:1px solid #e4e9f2;border-bottom:1px solid var(--border);padding:14px}.contactsToolbar,.searchBox{grid-gap:10px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 92px}.contactsCount{border-bottom:1px solid #e4e9f2;border-bottom:1px solid var(--border);color:#7a8698;color:var(--muted);font-size:12px;font-weight:800;padding:10px 16px}.contactsList{overflow-y:auto;padding:10px}.contactCard{grid-gap:12px;align-items:start;background:#fff;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:16px;display:grid;gap:12px;grid-template-columns:42px minmax(0,1fr) 122px;margin-bottom:10px;padding:13px}.contactMain{min-width:0}.contactMain small,.contactMain span,.contactMain strong{display:block}.contactMain span{color:#334155;margin:3px 0}.contactMain p,.contactMain small{color:#7a8698;color:var(--muted)}.contactMain p{font-size:13px;line-height:1.42;margin:8px 0 0}.contactActions{grid-gap:7px;display:grid;gap:7px}.contactActions button{font-size:12px;min-height:34px;padding:0 9px}.contactActions button:nth-child(2){background:#111827}.contactFormPanel{display:flex;flex-direction:column;gap:9px;overflow-y:auto;padding:16px}.formActions{grid-gap:8px;display:grid;gap:8px;margin-top:8px}.funnelCreatePanel{margin-bottom:14px;padding:14px}.leadForm{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1.25fr 1fr .7fr 1fr 1fr 118px}.kanbanBoard{grid-gap:14px;display:grid;gap:14px;grid-auto-columns:310px;grid-auto-flow:column;height:calc(100vh - 176px);overflow-x:auto;padding-bottom:8px}.kanbanColumn{background:#f8fafc;display:flex;flex-direction:column;min-height:100%;overflow:hidden}.kanbanHeader{align-items:center;background:#fff;border-bottom:1px solid #e4e9f2;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:13px}.kanbanHeader span,.kanbanHeader strong{display:block}.kanbanHeader span{color:#7a8698;color:var(--muted);font-size:12px;margin-top:3px}.kanbanHeader em{background:#eef5ff;background:var(--blue-soft);border-radius:999px;color:#1663ff;color:var(--primary);font-size:12px;font-style:normal;font-weight:900;padding:5px 8px}.kanbanCards{overflow-y:auto;padding:10px}.emptyColumn{border:1px dashed #cbd5e1;border:1px dashed var(--border-strong);border-radius:14px;color:#94a3b8;color:var(--subtle);font-size:13px;padding:18px;text-align:center}.leadCard{background:#fff;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 18px rgba(15,23,42,.045);margin-bottom:10px;padding:13px}.leadCard.lead-ganho{border-color:#a7f3d0}.leadCard.lead-perdido{border-color:#fecaca;opacity:.82}.leadTop{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.leadTop strong{font-size:14px;line-height:1.3}.leadTop span{background:#f1f5f9;border-radius:999px;color:#334155;font-size:11px;font-weight:900;padding:4px 7px}.leadCard p{color:#334155;font-weight:800;margin:10px 0 2px}.leadCard small,.leadMeta{color:#7a8698;color:var(--muted);font-size:12px}.leadValue{color:#047857;font-size:20px;font-weight:900;margin:12px 0}.leadMeta{margin-bottom:10px}.leadControls{grid-gap:6px;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) 66px 68px}.leadControls button,.leadControls select{font-size:12px;min-height:34px;padding:0 8px}.reportCards,.settingsGrid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.reportBox,.settingsPanel{padding:16px}.reportBox p{border-bottom:1px solid #e4e9f2;border-bottom:1px solid var(--border);color:#475569;display:flex;gap:12px;justify-content:space-between;margin:0;padding:11px 0}.settingsGrid{height:calc(100vh - 104px);overflow-y:auto;padding-bottom:8px}.settingsPanel{overflow:hidden}.settingsPanel.wide{grid-column:1/-1}.settingsHeader{align-items:flex-start;border-bottom:1px solid #e4e9f2;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;margin-bottom:15px;padding-bottom:14px}.settingsHeader span{background:#eef5ff;background:var(--blue-soft);border-radius:999px;color:#1663ff;color:var(--primary);font-size:12px;font-weight:900;padding:5px 9px;white-space:nowrap}.usersList{grid-gap:9px;display:grid;gap:9px;margin-top:16px;max-height:360px;overflow-y:auto}.userLine{grid-gap:11px;align-items:center;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:15px;display:grid;gap:11px;grid-template-columns:42px minmax(0,1fr) 96px;padding:11px}.userLine small,.userLine span,.userLine strong{display:block;min-width:0}.userLine span{color:#475569;font-size:13px;margin:2px 0;overflow:hidden;text-overflow:ellipsis}.userLine small{color:#94a3b8;color:var(--subtle);font-size:12px}.numberForm,.numberFormReal{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 180px;margin-bottom:14px}.numbersList{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.numberCard{grid-gap:12px;align-items:center;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:16px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto auto;padding:13px}.numberCard small,.numberCard span,.numberCard strong{display:block}.numberCard span{color:#7a8698;color:var(--muted);margin-top:3px}.numberCard small{color:#94a3b8;color:var(--subtle);font-size:12px;margin-top:4px}.numberCard em{background:#fff4dc;background:var(--amber-soft);border-radius:999px;color:#8a5a12;font-size:12px;font-style:normal;font-weight:900;padding:6px 9px}.numberActions{grid-gap:6px;display:grid;gap:6px}.modalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a6b;display:grid;inset:0;padding:22px;place-items:center;position:fixed;z-index:1000}.modalBox{background:#fff;border:1px solid #e4e9f2;border:1px solid var(--border);border-radius:20px;box-shadow:0 16px 42px #0f172a14;box-shadow:var(--shadow);max-height:min(720px,calc(100vh - 44px));overflow-y:auto;padding:20px;width:min(440px,100%)}.modalBox h3{font-size:17px;margin:0 0 12px}.modalBox p{color:#475569;line-height:1.5;margin:0 0 16px}.modalBox form{grid-gap:9px;display:grid;gap:9px}.modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}@media (max-width:1240px){.assignmentStrip{grid-template-columns:1fr}.workspace{grid-template-columns:300px minmax(0,1fr)}.attendanceWorkspace{height:auto}.rightPanel{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.contactsWorkspace,.dashboardGrid,.reportCards,.settingsGrid{grid-template-columns:1fr;height:auto}.dashboardPanel-main{grid-row:auto}.leadForm{grid-template-columns:1fr 1fr}.kanbanBoard{height:calc(100vh - 236px)}}@media (max-width:880px){.appShell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #e4e9f2;border-bottom:1px solid var(--border);border-right:none;height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.userBox{margin-top:0}.mainArea{padding:16px}.chatHeader,.settingsHeader,.topBar{align-items:stretch;flex-direction:column}.assignmentStrip,.contactsToolbar,.leadForm,.metrics,.numberForm,.numberFormReal,.numbersList,.searchBox,.workspace{grid-template-columns:1fr}.workspace{height:auto;min-height:0}.chatPanel,.conversationList,.rightPanel{min-height:420px}.rightPanel{display:block}.chatActions{flex-wrap:wrap;width:100%}.chatActions select{width:100%}.attendanceHeaderActions,.attendanceSendBar{display:grid;grid-template-columns:1fr}.sessionPill{min-width:0}.sendBox,.whatsappSendBar{grid-template-columns:1fr}.messageBubble{max-width:88%}.contactsWorkspace{min-height:0}.activityRow,.contactCard,.numberCard,.userLine{grid-template-columns:42px minmax(0,1fr)}.contactActions,.numberActions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.numberActions{grid-template-columns:1fr 1fr}.kanbanBoard{grid-auto-columns:minmax(280px,86vw);height:auto}.leadControls{grid-template-columns:1fr}}:root{--bg:#f6f8fb;--surface:#fff;--line:#dfe5ee;--line-soft:#edf1f6;--ink:#111827;--soft-ink:#4b5563;--muted:#7a8698;--green:#16a34a;--green-strong:#10a854;--green-soft:#eaf8ef;--blue:#2575ed;--blue-soft:#eef5ff;--purple:#8b5cf6;--orange:#fb7c21;--cyan:#1aaeb5;--shadow-card:0 10px 28px rgba(16,24,40,.055);--sidebar:246px}body{color:#111827;color:var(--ink);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.appShell,body{background:#f6f8fb;background:var(--bg)}.appShell{grid-template-columns:246px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid #dfe5ee;border-right:1px solid var(--line);gap:16px;overflow-y:auto;padding:16px 12px}.logoArea{border-bottom:0;padding:0 10px 16px}.zapLogo{color:#13a653;display:grid;font-size:40px;font-weight:900;height:42px;line-height:1;place-items:center;width:32px}.logoArea strong{font-size:22px;font-weight:850;letter-spacing:-.01em}.logoArea span{color:#6b7280;font-size:12px;line-height:1.25}.sidebarNav{grid-gap:18px;display:grid;gap:18px}.navSection{grid-gap:4px;display:grid;gap:4px}.navSection small{color:#6b7280;font-size:12px;font-weight:800;letter-spacing:.05em;padding:0 10px 6px;text-transform:uppercase}.navSection.noLabel{margin-bottom:2px}.sidebar nav button{border-radius:7px;color:#4b5563;font-size:14px;font-weight:650;gap:10px;height:36px;padding:0 10px}.sidebar nav button.active{background:#eaf8ef;border-color:#d7f0df;color:#0f8f45}.sidebar nav button:hover{background:#f3f7f5;border-color:#0000;color:#111827}.sidebar nav button em{background:#f1f4f7;border-radius:999px;color:#667085;display:inline-grid;font-size:12px;font-style:normal;font-weight:800;height:22px;margin-left:auto;min-width:24px;place-items:center}.sidebar nav button.active em{background:#d8f4e2;color:#0f8f45}.iconGlyph{color:currentColor;display:inline-grid;font-size:15px;height:18px;line-height:1;place-items:center;width:18px}.userBox{background:#0000;border:0;border-radius:0;border-top:1px solid #edf1f6;border-top:1px solid var(--line-soft);margin-top:auto;padding:12px}.collapseButton{align-items:center;background:#fff!important;border:1px solid #dfe5ee!important;border:1px solid var(--line)!important;border-radius:7px;color:#667085!important;display:flex;gap:8px;height:38px;justify-content:center;margin-bottom:12px;width:100%}.profileChip,.userMini{align-items:center;display:flex;gap:10px}.mainArea{overflow:auto;padding:0}.globalTopBar{grid-gap:22px;align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-bottom:1px solid #dfe5ee;border-bottom:1px solid var(--line);display:grid;gap:22px;grid-template-columns:1fr auto;height:72px;padding:0 26px;position:sticky;top:0;z-index:30}.globalTopBar>strong{font-size:15px;font-weight:800}.topSearch{grid-gap:8px;align-items:center;background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:7px;display:grid;gap:8px;grid-template-columns:24px minmax(0,1fr) 42px;height:42px;padding:0 10px}.topSearch input{border:0;box-shadow:none;color:#667085;height:38px;padding:0}.topSearch kbd{background:#fafbfc;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:5px;color:#667085;display:inline-grid;font-size:12px;height:24px;place-items:center}.topActions{align-items:center;display:flex;gap:12px;justify-content:flex-end}.newButton{align-items:center;background:linear-gradient(180deg,#18b65f,#11a151);border:0;border-radius:6px;box-shadow:0 8px 18px #11a15138;color:#fff;display:inline-flex;font-weight:800;gap:8px;height:40px;justify-content:center;min-width:94px}.iconButton{background:#fff;border:0;border-radius:999px;color:#667085;display:grid;height:36px;place-items:center;position:relative;width:36px}.iconButton.hasBadge em{background:#ef4444;border-radius:999px;color:#fff;display:grid;font-size:10px;font-style:normal;font-weight:900;height:17px;min-width:17px;place-items:center;position:absolute;right:-1px;top:-2px}.profileChip{border-left:1px solid #dfe5ee;border-left:1px solid var(--line);min-width:170px;padding-left:8px}.profileChip span,.profileChip strong{display:block;white-space:nowrap}.profileChip strong{font-size:13px;font-weight:750}.profileChip span{color:#6b7280;font-size:12px}.referenceDashboard{padding:22px 26px 28px}.referenceMetrics{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(5,minmax(180px,1fr));margin-bottom:26px}.referenceMetric,.referencePanel{background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px rgba(16,24,40,.055);box-shadow:var(--shadow-card)}.referenceMetric{grid-column-gap:14px;column-gap:14px;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto 1fr auto;min-height:138px;overflow:hidden;padding:20px 18px 14px;position:relative}.metricIcon{background:#dcf7e5;border-radius:999px;color:#17a653;display:grid;font-size:21px;grid-row:1/3;height:48px;place-items:center;width:48px}.referenceMetric.blue .metricIcon{background:#e8f2ff;color:#2575ed;color:var(--blue)}.referenceMetric.purple .metricIcon{background:#f1ebff;color:#8b5cf6;color:var(--purple)}.referenceMetric.orange .metricIcon{background:#fff1e7;color:#fb7c21;color:var(--orange)}.referenceMetric.cyan .metricIcon{background:#e6fbfb;color:#1aaeb5;color:var(--cyan)}.referenceMetric span{color:#697386;font-size:13px;font-weight:650}.referenceMetric strong{color:#111827;display:block;font-size:24px;font-weight:850;letter-spacing:-.02em;line-height:1.1;margin-top:6px;word-break:break-word}.sparkLine{align-items:flex-end;align-self:end;display:flex;gap:3px;grid-column:2;height:24px}.sparkLine i{border-top:2px solid #18a957;transform:rotate(-15deg);width:22px}.blue .sparkLine i{border-color:#2575ed;border-color:var(--blue)}.purple .sparkLine i{border-color:#8b5cf6;border-color:var(--purple)}.orange .sparkLine i{border-color:#fb7c21;border-color:var(--orange)}.cyan .sparkLine i{border-color:#1aaeb5;border-color:var(--cyan)}.referenceMetric small{color:#4b5563;font-size:12px;font-weight:650;grid-column:1/-1}.referenceMetric small:first-letter{color:#16a34a}.referenceMetric small.down{color:#64748b}.inboxGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(315px,390px) minmax(470px,1fr) minmax(330px,430px);margin-bottom:26px}.referencePanel{overflow:hidden}.chatReferencePanel,.contactReferencePanel,.conversationsPanel{height:588px}.referencePanelHeader{align-items:center;border-bottom:1px solid #dfe5ee;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;min-height:62px;padding:14px 18px}.referencePanelHeader.compact{align-items:flex-start;min-height:92px}.referencePanelHeader h3{font-size:17px;font-weight:800;margin:0}.referencePanelHeader h3 span{background:#e8f8ef;border-radius:999px;color:#14a351;font-size:12px;margin-left:8px;padding:2px 8px}.referencePanelHeader p{color:#667085;font-size:13px;margin:8px 0 0}.conversationTabs{display:flex;gap:22px;margin-top:22px;white-space:nowrap}.conversationTabs button{background:#0000;border:0;color:#6b7280;font-size:13px;font-weight:700;padding:0 0 12px;position:relative}.conversationTabs button.active{color:#12a050}.conversationTabs button.active:after{background:#16a34a;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.conversationTabs em{background:#eef2f6;border-radius:999px;font-size:11px;font-style:normal;margin-left:5px;padding:2px 6px}.panelToolIcons{color:#667085;display:flex;gap:12px}.referenceConversationList{height:calc(100% - 92px);overflow-y:auto}.referenceConversationItem{grid-gap:10px;align-items:center;background:#fff;border:0;border-bottom:1px solid #edf1f6;border-bottom:1px solid var(--line-soft);border-left:3px solid #0000;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr) 46px;height:64px;padding:8px 12px;text-align:left;width:100%}.referenceConversationItem.selected{background:linear-gradient(90deg,#f1fbf5,#fff);border-left-color:#16a34a}.avatar{border-radius:999px}.avatar.photo,.contactAvatar{background:linear-gradient(135deg,#e7f8ee,#cdeedd);border:1px solid #d5eadf;color:#0f8f45}.avatar.large{font-size:21px;height:66px;width:66px}.avatar.mini{font-size:11px;height:26px;width:26px}.conversationMeta{min-width:0}.conversationMeta small,.conversationMeta span,.conversationMeta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversationMeta strong{font-size:14px;font-weight:800}.conversationMeta span{color:#697386;font-size:12px;margin-top:4px}.referenceSla{font-size:11px;font-weight:750;margin-top:5px}.conversationStamp{grid-gap:5px;display:grid;gap:5px;justify-items:end}.conversationStamp small{color:#8b95a5;font-size:12px}.conversationStamp b{background:#ef4444;border-radius:999px;color:#fff;display:grid;font-size:11px;font-weight:850;height:22px;min-width:22px;place-items:center}.inboxToast{grid-gap:4px;background:#fffffffa;border:1px solid #dbeafe;border-radius:18px;box-shadow:0 24px 60px #0f172a29;display:grid;gap:4px;padding:14px 16px;position:absolute;right:22px;text-align:left;top:86px;width:min(360px,calc(100% - 44px));z-index:30}.inboxToast strong{color:#0f172a;font-size:14px}.inboxToast span{color:#64748b;font-size:12px;line-height:1.5}.conversationStamp em{background:#18af59;border-radius:999px;color:#fff;display:grid;font-size:11px;font-style:normal;font-weight:850;height:19px;min-width:19px;place-items:center}.chatReferencePanel{display:grid;grid-template-rows:66px 1fr 146px}.referenceChatHeader{align-items:center;border-bottom:1px solid #dfe5ee;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:10px 16px}.chatIdentity{align-items:center;display:flex;gap:10px}.chatIdentity span,.chatIdentity strong{display:block}.chatIdentity span{color:#697386;font-size:12px;margin-top:4px}.chatIdentity i{background:#18a957;border-radius:999px;display:inline-block;height:7px;margin-right:5px;width:7px}.chatToolbar{align-items:center;color:#667085;display:flex;gap:16px}.chatToolbar button{background:#17a653;border:0;border-radius:6px;color:#fff;font-weight:800;height:36px;min-width:86px}.referenceMessages{background:linear-gradient(#ffffffe6,#ffffffe0),radial-gradient(circle at 20px 20px,#1118270f 1px,#0000 0);background-size:auto,18px 18px;overflow-y:auto;padding:16px;position:relative}.referenceBubble{background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:7px;box-shadow:0 8px 20px #1018280f;margin-bottom:13px;max-width:64%;padding:12px 14px;position:relative;width:fit-content}.referenceBubble.agent{background:#dcf7d7;border-color:#badfba;margin-left:auto}.referenceBubble p{color:#374151;font-size:13px;line-height:1.45;margin:0}.referenceBubble small{color:#8b95a5;display:block;font-size:11px;margin-top:4px;text-align:right}.filePreview{align-items:center;display:flex;gap:10px;min-width:260px}.filePreview>strong{background:#ef4444;border-radius:4px;color:#fff;display:grid;font-size:10px;height:36px;place-items:center;width:36px}.filePreview b,.filePreview span{display:block}.filePreview span{color:#667085;font-size:12px}.composerReference{background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 24px #1018280d;margin:0 14px 14px;overflow:hidden}.composerTabs{border-bottom:1px solid #edf1f6;border-bottom:1px solid var(--line-soft);display:flex;gap:24px;height:46px;padding:0 16px}.composerTabs button{background:#0000;border:0;color:#667085;font-weight:750;position:relative}.composerTabs button.active{color:#12a050}.composerTabs button.active:after{background:#16a34a;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.composerReference input{border:0;box-shadow:none;height:44px;padding:0 16px}.composerSummary{color:#667085;line-height:1.5;padding:16px}.composerFooter{align-items:center;color:#667085;display:flex;height:42px;justify-content:space-between;padding:0 12px 10px 16px}.composerFooter>div{display:flex;gap:13px}.composerFooter button{background:#17a653;border:0;border-radius:6px;color:#fff;height:36px;width:58px}.contactTabs{border-bottom:1px solid #dfe5ee;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));height:50px}.contactTabs button{background:#fff;border:0;color:#667085;font-weight:700;position:relative}.contactTabs button.active{color:#12a050}.contactTabs button.active:after{background:#16a34a;bottom:0;content:"";height:2px;left:16px;position:absolute;right:16px}.contactHero{grid-gap:14px;align-items:center;border-bottom:1px solid #edf1f6;border-bottom:1px solid var(--line-soft);display:grid;gap:14px;grid-template-columns:70px minmax(0,1fr) 36px;padding:28px 20px 22px;position:relative}.contactHero small,.contactHero span,.contactHero strong{display:block}.contactHero strong{font-size:20px;font-weight:850}.contactHero span{color:#667085;margin-top:5px}.contactHero small{color:#8b95a5;margin-top:4px}.editIcon{background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:6px;color:#667085;height:36px;width:36px}.contactRows{padding:14px 20px 0}.infoRow{align-items:center;border-bottom:1px solid #edf1f6;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:112px minmax(0,1fr);min-height:51px}.infoRow>span{color:#667085;font-size:13px}.infoRow>strong{color:#4b5563;font-size:13px;font-weight:600;line-height:1.45}.ownerInline,.tagsInline{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.hotLead,.tagsInline em{background:#dff4e6;border-radius:4px;color:#128a47;font-size:12px;font-style:normal;font-weight:700;padding:5px 10px}.tagsInline em:nth-child(2){background:#e7f0ff;color:#3168c8}.tagsInline button{background:#f8fafc;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:5px;height:28px;width:28px}.hotLead{background:#fff0df;color:#f97316}.moreInfo{background:#0000;border:0;color:#667085;font-size:12px;font-weight:700;height:42px;margin-top:12px;width:100%}.lowerReferenceGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(560px,1fr) minmax(420px,.72fr)}.pipelineReferencePanel,.whatsappReferencePanel{min-height:306px}.pipelineActions{display:flex;gap:12px}.pipelineActions button,.whatsFooter button{background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:6px;color:#374151;font-weight:650;height:36px;padding:0 14px}.pipelineColumnsReference{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);padding:16px}.pipelineMiniColumn{background:#f0f7ff;border:1px solid #cfe5ff;border-radius:6px;min-height:210px;padding:12px}.pipelineMiniColumn.yellow{background:#fff8e7;border-color:#f3dfac}.pipelineMiniColumn.purple{background:#f6f0ff;border-color:#dfd0fb}.pipelineMiniColumn.orange{background:#fff1e9;border-color:#f2d3c0}.pipelineMiniColumn.green{background:#effaf2;border-color:#ccebd4}.pipelineMiniColumn>div{min-height:56px}.pipelineMiniColumn em,.pipelineMiniColumn span,.pipelineMiniColumn strong{display:block}.pipelineMiniColumn strong{font-size:13px}.pipelineMiniColumn span{color:#667085;font-size:12px;margin-top:3px}.pipelineMiniColumn em{color:#4b5563;font-size:12px;font-style:normal;margin-top:7px;text-align:right}.pipelineMiniColumn article{background:#ffffffdb;border:1px solid #edf1f6;border:1px solid var(--line-soft);border-radius:5px;margin-top:8px;padding:9px}.pipelineMiniColumn article small,.pipelineMiniColumn article span{display:block}.pipelineMiniColumn article small{color:#667085;margin-top:4px}.pipelineMiniColumn button{background:#0000;border:0;color:#667085;margin-top:9px;width:100%}.whatsappReferencePanel{padding:18px 20px}.whatsStatusHeader{align-items:center;display:flex;gap:10px}.whatsStatusHeader h3{font-size:17px;margin:0}.whatsStatusHeader span{color:#16a34a}.whatsStatusHeader i{background:#16a34a;border-radius:999px;height:9px;width:9px}.whatsappReferencePanel>p{color:#667085;margin:8px 0 16px}.qrBox{grid-gap:22px;align-items:center;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:7px;display:grid;gap:22px;grid-template-columns:142px 1fr;padding:14px}.qrPreview{display:grid;min-height:132px;place-items:center;width:132px}.qrPreview img{background:#fff;border:1px solid #dfe5ee;border:1px solid var(--line);border-radius:6px;height:132px;object-fit:contain;padding:6px;width:132px}.qrStatusPlaceholder{grid-gap:8px;background:#fbfcfe;border:1px dashed #dfe5ee;border:1px dashed var(--line);border-radius:6px;color:#667085;display:grid;font-weight:700;gap:8px;height:132px;place-items:center;text-align:center;width:132px}.qrStatusPlaceholder .iconGlyph{font-size:28px}.realQrBox p{color:#667085;line-height:1.6;margin:8px 0 0}.fakeQr{background:linear-gradient(90deg,#111 10px,#0000 0) 0 0 /22px 22px,linear-gradient(#111 10px,#0000 0) 0 0 /22px 22px,#fff;border:8px solid #fff;box-shadow:inset 0 0 0 4px #111;height:132px;outline:1px solid #dfe5ee;outline:1px solid var(--line);position:relative;width:132px}.fakeQr span{background:#fff;border:7px solid #111;height:30px;position:absolute;width:30px}.fakeQr span:first-child{left:6px;top:6px}.fakeQr span:nth-child(2){right:6px;top:6px}.fakeQr span:nth-child(3){bottom:6px;left:6px}.qrBox strong{display:block;margin-bottom:8px}.qrBox ol{color:#667085;line-height:1.8;margin:0 0 12px 18px;padding:0}.disconnectBtn{background:#fff;border:1px solid #f4b4b4;border-radius:5px;color:#ef4444;font-weight:800;height:36px;padding:0 18px}.whatsFooter{align-items:center;color:#667085;display:flex;font-size:12px;justify-content:space-between;margin-top:12px}.whatsFooter button{border-color:#7ddfa0;color:#14a351;min-width:108px}@media (max-width:1450px){.referenceMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.inboxGrid{grid-template-columns:340px minmax(0,1fr)}.contactReferencePanel{grid-column:1/-1;height:auto}.lowerReferenceGrid{grid-template-columns:1fr}}@media (max-width:1050px){.globalTopBar{grid-template-columns:1fr;height:auto;padding:14px 18px}.topActions{flex-wrap:wrap;justify-content:flex-start}.inboxGrid,.pipelineColumnsReference,.referenceMetrics{grid-template-columns:1fr}.chatReferencePanel,.contactReferencePanel,.conversationsPanel{height:auto;min-height:420px}}@media (max-width:760px){.appShell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.referenceDashboard{padding:16px}.topSearch{grid-template-columns:24px 1fr}.profileChip,.topSearch kbd{display:none}.qrBox{grid-template-columns:1fr}}
/*# sourceMappingURL=main.d528f0d5.css.map*/