:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:90%}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef2f7,#dfe7ef)}.loginPanel{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid #e1e7ef;border-radius:8px;padding:32px;box-shadow:0 18px 60px #1f2d3d1f}.brandMark{width:52px;height:52px;display:grid;place-items:center;background:#132238;color:#fff;border-radius:8px}.login h1,.pageHeader h2{margin:16px 0 6px;letter-spacing:0}.login p{color:#5d6b7c;margin-bottom:24px}label{display:grid;gap:8px;color:#48576a;margin:14px 0}input,select,textarea{width:100%;border:1px solid #d6dee8;border-radius:8px;padding:11px 12px;background:#fff;color:#172033}input[type=color]{min-height:46px;padding:4px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}input[type=color]::-moz-color-swatch{border:0;border-radius:6px}textarea{min-height:112px;resize:vertical}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1f6f68;color:#fff;border-radius:8px;padding:11px 14px}.error{color:#b42318;display:block;margin-bottom:10px}.app{--sidebar-width: 256px;height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr;overflow:hidden}.app.sidebarCollapsed{--sidebar-width: 76px}.sidebar{min-height:100vh;background:#132238;color:#fff;display:flex;flex-direction:column;padding:18px;position:sticky;top:0}.logo{display:flex;align-items:center;gap:10px;height:44px;margin-bottom:18px}.collapseButton{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#d7e1ef;background:#ffffff14}.sidebar nav{display:grid;gap:6px}.sidebar nav button,.userBox button{display:flex;align-items:center;gap:10px;color:#d7e1ef;background:transparent;border-radius:8px;padding:10px;text-align:left}.sidebar nav button.active{background:#203552;color:#fff}.sidebar nav button.subNavItem{padding-left:28px;font-size:12px}.sidebarCollapsed .sidebar{padding:18px 12px}.sidebarCollapsed .logo{justify-content:center}.sidebarCollapsed .logo strong,.sidebarCollapsed .sidebar nav button{font-size:0}.sidebarCollapsed .collapseButton{margin-left:0}.sidebarCollapsed .sidebar nav button,.sidebarCollapsed .userBox button{justify-content:center}.sidebarCollapsed .userBox span,.sidebarCollapsed .userBox small{display:none}.userBox{margin-top:auto;border-top:1px solid rgba(255,255,255,.14);padding-top:14px;display:grid;gap:4px}.userBox small{color:#aebdd0}.workspace{padding:28px;overflow:auto;min-width:0;min-height:0;position:relative}.aiDetailGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px}.aiTestChat{min-height:260px;max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:14px;background:#f3f6f8;border:1px solid #dbe3ea;border-radius:6px}.aiTestMessage{max-width:82%;white-space:pre-wrap;overflow-wrap:anywhere;padding:9px 11px;border-radius:7px;line-height:1.45}.aiTestMessage.outgoing{align-self:flex-end;background:#d8f1ec;color:#0e443e}.aiTestMessage.incoming{align-self:flex-start;background:#fff;color:#1b2a3a;border:1px solid #e3e8ee}.aiTestComposer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:10px}.aiTestSources{display:block;margin-top:8px;color:#516172}.dynamicSource{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:9px;margin:12px 0;padding:10px;border:1px solid #dce8e7;border-radius:6px;background:#f2f8f7}.dynamicSource small,.categoryChecks small{display:block;color:#66758a;margin-top:3px}.categoryChecks{display:grid;gap:4px;max-height:220px;overflow:auto}.productPicker{display:grid;gap:10px}.productCategoryGroup{display:grid;gap:2px;padding:8px 0 2px;border-top:1px solid #dbe5ee}.productCategoryGroup:first-of-type{border-top:0;padding-top:0}.productCategoryGroup>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0 7px}.productCategoryGroup>header>div{display:grid;gap:1px}.productCategoryGroup>header strong{color:#243851;font-size:13px}.productCategoryGroup>header small{color:#66758a;font-size:11px}.categorySendButton{padding:6px 8px;border-radius:6px;color:#176e66;background:#e6f3f2;font-size:11px;white-space:nowrap}.categorySendButton:disabled{color:#7b8798;background:#eef2f5;cursor:default}.productResult{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e7edf3}.productResult:last-child{border-bottom:0}.productResult img,.productImagePlaceholder{width:62px;height:62px;border-radius:6px;object-fit:cover;background:#eef2f5;color:#66758a;display:grid;place-items:center}.productResult>div{display:grid;gap:3px;min-width:0}.productResult strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.productResult small{color:#66758a}.productResult a{display:inline-flex;align-items:center;gap:3px;width:max-content;color:#176e66;font-size:12px}.productResult.unavailable{opacity:.5;filter:grayscale(.8)}.wooSettingsPanel{max-width:860px}.wooSettingsForm{max-width:620px}.wooMeta{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid #e7edf3;color:#66758a;font-size:12px}.wooState.connected{background:#d9f1e9;color:#096556}.wooState.error{background:#ffe3df;color:#b42318}.compactForm label{margin:10px 0}.ruleRow{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(150px,1.5fr) 78px 34px;gap:8px;align-items:end;margin:8px 0}.aiToggle,.draftSendButton{color:#526174;background:#edf1f6;border-radius:8px;padding:7px 9px;font-size:12px}.aiToggle.active{background:#d9f1e9;color:#096556}.aiConversationLabel{display:inline-block;margin-left:8px;color:#49617b}.draftSendButton{display:block;margin-top:8px;color:#fff;background:#1f6f68}.channelRuleChecks,.accountRuleChecks{display:grid;gap:6px;margin:10px 0}.accountRuleChecks{padding-left:12px;border-left:2px solid #dce5ef}.channelSelectionGroup{margin:14px 0}.channelSelectionGroup>strong{display:block;font-size:13px;color:#243851}.attentionRuleFields{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px}.initialMessageRules{display:grid;gap:7px;margin:7px 0}.initialMessageRules>div{display:flex;gap:6px;align-items:center}.initialMessageRules input{min-width:0}.ruleMatchHint{display:block;margin-top:4px;color:#66758a;line-height:1.35}.conversationStatusSwitch{display:inline-flex;align-items:center;gap:6px;color:#526173;cursor:pointer;font-size:11px;text-transform:lowercase}.conversationStatusSwitch input{position:absolute;opacity:0;pointer-events:none}.conversationStatusTrack{position:relative;width:28px;height:16px;border-radius:999px;background:#bcc8d5;transition:background .15s ease}.conversationStatusTrack:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s ease}.conversationStatusSwitch input:checked+.conversationStatusTrack{background:#1f8b78}.conversationStatusSwitch input:checked+.conversationStatusTrack:after{transform:translate(12px)}.conversationStatusSwitch input:focus-visible+.conversationStatusTrack{outline:2px solid #2b73c8;outline-offset:2px}@media(max-width:900px){.aiDetailGrid,.ruleRow,.attentionRuleFields{grid-template-columns:1fr}.productResult{grid-template-columns:52px minmax(0,1fr)}.productResult .primary{grid-column:2;justify-self:start}}.whatsappStatusBar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;margin:-10px 0 18px;padding:12px 14px;border:1px solid #f4b26a;border-left:5px solid #d97008;border-radius:8px;background:#fff4e5;color:#8a3b0a;box-shadow:0 10px 24px #783c0a14}.whatsappStatusBar span{flex:1;font-weight:700}.whatsappStatusBar button{background:#d97008;color:#fff;border-radius:8px;padding:8px 11px;white-space:nowrap}.pageHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.headerActions{display:flex;align-items:center;gap:8px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:18px}.metric,.panel,.band{background:#fff;border:1px solid #e1e7ef;border-radius:8px}.metric{padding:18px}.metric span,small{color:#66758a}.metric strong{display:block;font-size:29px;margin-top:10px}.band{padding:20px;margin-top:18px}.agentDashboard .sectionTitle{align-items:flex-start;gap:14px}.agentRangeFilters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.agentRangeFilters label{display:grid;gap:4px;font-size:11px;color:#66758a}.agentRangeFilters select,.agentRangeFilters input{min-height:34px;font-size:12px}.agentStatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:14px}.agentStatCard{display:grid;gap:14px;padding:14px;border:1px solid #e1e7ef;border-radius:6px;background:#f8fafc}.agentStatCard>div:first-child{display:grid;gap:3px}.agentStatValues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.agentStatValues span{display:grid;gap:3px}.agentStatValues b{font-size:22px;color:#152b45}.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.panel{padding:16px}.wide{min-width:0}.listPanel{width:100%}.recordList{display:grid;gap:8px}.recordRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:12px;border:1px solid #edf1f6;border-radius:8px;background:#fbfdff}.contactRecordRow{grid-template-columns:auto minmax(0,1fr) auto auto}.selectedRecord{border-color:#9ed4c8;background:#f2fbf8}.rowCheck{margin:0;place-items:center}.rowCheck input{width:16px}.recordRow>div{display:grid;gap:5px;min-width:0}.recordRow strong,.recordRow small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contactLidLine{color:#5b5f97;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.recordRow button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#edf1f6;color:#172033;border-radius:8px;padding:9px 12px}.workspaceModalOverlay{position:fixed;inset:0 0 0 var(--sidebar-width);z-index:70;display:grid;place-items:center;padding:28px;background:#0f172a47}.confirmOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:28px;background:#0f172a47}.workspaceModal{width:min(760px,100%);max-height:calc(100vh - 56px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#fff;border:1px solid #e1e7ef;border-radius:8px;box-shadow:0 24px 80px #0f172a38}.confirmModal{width:min(440px,100%);overflow:hidden;background:#fff;border:1px solid #e1e7ef;border-radius:8px;box-shadow:0 24px 80px #0f172a38}.confirmModal header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e1e7ef}.confirmModal h3,.confirmModal p{margin:0}.confirmModal>div{display:grid;gap:16px;padding:16px}.confirmModal header button,.confirmActions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#edf1f6;color:#172033;border-radius:8px;padding:9px 12px}.confirmActions{display:flex;justify-content:flex-end;gap:8px}.workspaceModal header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e1e7ef}.workspaceModal h3{margin:0}.workspaceModal header button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#edf1f6}.workspaceModal>div{overflow:auto;padding:16px}.modalForm{display:grid;gap:10px}.modelPicker{position:relative}.modelPickerTrigger{width:100%;min-height:38px;display:flex;align-items:center;text-align:left}.modelPickerMenu{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;padding:8px;border:1px solid var(--line, #d7e0ea);border-radius:6px;background:#fff;box-shadow:0 10px 24px #0f233b29}.modelPickerMenu input{width:100%}.modelPickerOptions{max-height:220px;overflow-y:auto;margin-top:7px}.modelPickerOptions button{width:100%;display:grid;gap:2px;padding:8px;text-align:left;border-radius:5px;background:transparent}.modelPickerOptions button:hover,.modelPickerOptions button.selected{background:#eaf4f2}.modelPickerOptions small{color:#5c6f86;overflow-wrap:anywhere}.inlineSearch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.startContactList{display:grid;gap:4px;max-height:280px;overflow:auto;padding:8px;border:1px solid #edf1f6;border-radius:8px;background:#fbfdff}.startContactList button{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:7px 10px;border:1px solid #edf1f6;border-radius:8px;background:#fff;color:#172033;text-align:left}.startContactList button strong,.startContactList button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.startContactList button strong{flex:1 1 auto}.startContactList button small{flex:0 1 48%;color:#5c6f86}.startContactList .emptyList{display:grid;justify-items:center;gap:9px}.startContactList button.selected{border-color:#7fc8bd;background:#eefaf7}.bulkBar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px;border:1px solid #edf1f6;border-radius:8px;background:#fbfdff}.bulkBar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#edf1f6;color:#172033;border-radius:8px;padding:9px 12px}.bulkBar button:disabled,.primary:disabled{opacity:.55;cursor:not-allowed}.importMapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #edf1f6;border-radius:8px;background:#fbfdff}.importMapper h4{grid-column:1 / -1;margin:0}.importMapper label{margin:0}.progressBlock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.importSummary{display:grid;gap:5px;padding:12px;border:1px solid #b7e4cf;border-radius:8px;background:#ecfdf5;color:#14714b}.toolbar{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;margin-bottom:12px}table{width:100%;border-collapse:collapse}td{padding:13px 8px;border-top:1px solid #edf1f6}td:first-child{display:grid;gap:3px}tr{cursor:pointer}tr:hover{background:#f8fafc}.gridForm{display:grid;gap:10px}.emojiTextarea{position:relative;min-width:0}.emojiTextarea textarea{width:100%;padding-right:46px}.emojiControlStack{position:absolute;right:8px;top:8px;z-index:2;display:grid;gap:4px}.emojiButton,.composerAttachmentButton{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#edf1f6;color:#172033}.composerAttachmentButton:disabled{opacity:.55;cursor:not-allowed}.emojiPicker{position:absolute;right:0;bottom:calc(100% + 8px);z-index:80;display:grid;grid-template-columns:repeat(6,34px);gap:4px;padding:8px;border:1px solid #d6dee8;border-radius:8px;background:#fff;box-shadow:0 16px 44px #0f172a2e}.emojiPicker button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;background:#f8fafc;font-size:18px}.emojiPicker button:hover{background:#edf1f6}.columns{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.columns div{display:grid;gap:4px;padding:12px;background:#f8fafc;border-radius:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{background:#edf6f4;color:#1f6f68;border-radius:999px;padding:7px 10px}.contactEditForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px}.contactEditForm textarea,.contactEditForm .tagPicker,.contactEditForm .primary{grid-column:1 / -1}.compactTagPicker{display:grid;gap:8px}.inbox{display:grid;grid-template-columns:280px minmax(0,1fr) 260px;height:calc(100vh - 112px);min-height:0;border:1px solid #e1e7ef;border-radius:8px;overflow:hidden;background:#fff}.threadList{border-right:1px solid #e1e7ef;overflow:auto}.listLoading,.listEnd{padding:10px 12px;color:#66758a;font-size:12px;text-align:center}.conversationTools{position:sticky;top:0;z-index:2;display:grid;gap:8px;padding:10px;background:#fff;border-bottom:1px solid #e1e7ef}.conversationTools label{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;margin:0;color:#66758a}.conversationTools input,.conversationTools select{padding:8px 9px}.conversationToolActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.conversationBulkBar{position:sticky;top:91px;z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;background:#f7f9fc;border-bottom:1px solid #e1e7ef}.conversationBulkBar small{color:#66758a}.threadItem{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:stretch;border-bottom:1px solid #edf1f6;background:#fff}.threadItem.checked{background:#f2f7f6}.threadItem.unread .threadOpenButton{background:#f0f7ff}.threadItem.unread .threadIdentityLine strong,.threadItem.unread .threadLastAt{color:#0b5cab;font-weight:700}.threadCheck{display:flex;align-items:center;justify-content:center;margin:0;border-right:1px solid #edf1f6}.threadCheck input{width:auto}.threadOpenButton{width:100%;background:transparent;text-align:left;padding:14px;border-bottom:1px solid #edf1f6;display:grid;gap:5px}.emptyList{padding:18px 14px;color:#66758a;text-align:center}.threadItem.selected .threadOpenButton{background:#eaf4f2;box-shadow:inset 3px 0 #1f6f68}.threadMetaLine,.threadIdentityLine{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center}.threadMetaLine{grid-template-columns:auto minmax(0,1fr)}.threadChannel,.threadNotifications{display:inline-flex;align-items:center;gap:4px;min-width:0}.threadChannel{color:#168a5b}.threadChannel small{font-size:10px}.threadChannel.instagram{color:#c13584}.threadChannel.messenger{color:#2374e1}.unreadBadge{min-width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 5px;background:#0b5cab;color:#fff;font-size:10px;font-weight:700}.threadLastAt{white-space:nowrap;font-size:11px}.threadIdentityLine strong,.threadPreview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.threadPreview{display:block;color:#66758a;font-size:12px}.groupIcon{display:inline-block;vertical-align:-2px;margin-right:3px;color:#1f6f68}.instancePill,.statusPill{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:3px 7px;font-size:10px;line-height:1.2}.instancePill{max-width:96px;background:#dfe9f3;color:#31445d}.statusPill{justify-self:start;background:#eef2f6;color:#526173}.status-abierta{background:#e7f4ef;color:#1f6f68}.status-pendiente{background:#fff4d6;color:#8a5b00}.status-cerrada{background:#eceff3;color:#526173}.tagStrip{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.miniTag{--tag-color: #1f6f68;display:inline-flex;align-items:center;max-width:120px;padding:2px 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--tag-color) 45%,white);background:color-mix(in srgb,var(--tag-color) 12%,white);color:var(--tag-color);font-size:10px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lidTag{--tag-color: #5b5f97;font-weight:700;letter-spacing:.02em}.chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;min-width:0;min-height:0;overflow:hidden}.chatHeader,.replyBar{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #e1e7ef}.chatHeader{justify-content:space-between;gap:12px}.chatHeaderIdentity{display:grid;gap:2px;min-width:0;flex:1 1 auto}.chatHeaderActions,.chatHeaderActionGroup{display:inline-flex;align-items:center}.chatHeaderActions{flex:0 0 auto;gap:12px}.chatHeaderActionGroup{gap:4px}.chatHeader strong,.chatHeader small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replyBar{border-bottom:0;border-top:1px solid #e1e7ef;align-items:end}.iconButton{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#edf1f6;color:#172033;border-radius:8px;flex:0 0 auto}.hiddenFile{display:none}.messages{padding:18px;display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0;background:#f7f9fc}.dateSeparator{align-self:center;color:#526173;background:#e8eef5;border-radius:999px;padding:5px 10px;font-size:11px;margin:4px 0}.messageRow{display:flex;align-items:flex-end;gap:6px}.messageRow.outbound{justify-content:flex-end}.messageRow.outbound .replyIcon{order:-1}.bubble{max-width:70%;min-width:0;padding:10px 12px;border-radius:8px;background:#fff;border:1px solid #e1e7ef}.bubble:has(.compactAudioPlayer){width:min(430px,82%);min-width:min(360px,82%);max-width:82%}.messageMeta{display:flex;justify-content:flex-end;gap:8px;margin-top:6px;color:#66758a;font-size:10px}.messageAuthor{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messageRead{color:#1784c6}.messageReactions{display:flex;gap:3px;margin:5px -2px -16px auto;width:max-content;padding:2px 5px;border:1px solid #dce5ee;border-radius:8px;background:#fff;font-size:13px}.quotedMessage{display:flex;align-items:flex-start;gap:6px;width:100%;border:0;font:inherit;text-align:left;cursor:pointer;margin:-2px 0 8px;padding:7px 9px;border-left:3px solid #1f6f68;background:#1f6f6814;color:#405267;border-radius:6px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quotedMessageIcon{display:inline-flex;flex:0 0 auto;margin-top:1px;color:#1f6f68}.quotedMessage .messageText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quotedMessage:hover{background:#1f6f6826}.messageTargetHighlight .bubble{animation:messageTargetPulse 1.6s ease-out}@keyframes messageTargetPulse{0%,30%{box-shadow:0 0 0 3px #1f6f6861}to{box-shadow:0 0 #1f6f6800}}.replyIcon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#e8eef5;color:#526173;opacity:.35;flex:0 0 auto}.reactionIcon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;color:#607086;background:#edf1f6;opacity:0}.messageRow:hover .reactionIcon,.reactionIcon:focus-visible{opacity:1}.messageRow.outbound .reactionIcon{order:-2}.messageRow:hover .replyIcon,.replyIcon:focus-visible{opacity:1}.bubble.outbound{margin-left:auto;background:#e7f4ef;border-color:#cce7dd}.bubble.failed{border-color:#fecaca;background:#fff7f7}.compactAudioPlayer{display:grid;grid-template-columns:28px minmax(74px,1fr) auto 28px;align-items:center;gap:7px;min-width:0}.compactAudioPlayer audio{display:none}.audioPlayButton,.audioTranscriptionButton{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:6px}.audioPlayButton{color:#fff;background:#1f6f68}.audioTimeline{width:100%;min-width:0;accent-color:#1f6f68}.audioTime{white-space:nowrap;color:#526173;font-size:10px}.audioTranscription{display:grid;gap:6px;margin-top:7px}.audioTranscriptionButton{color:#245a68;background:#e6f3f2;border:1px solid #b9d9d6}.audioTranscriptionButton:disabled{opacity:.72;cursor:default}.audioTranscription p{margin:0;padding:7px 8px;white-space:pre-wrap;font-size:12px;line-height:1.35;background:#ffffff85;border-radius:6px}.audioTranscription p strong{display:block;margin-bottom:3px;font-size:10px;text-transform:uppercase;color:#47606d}.audioTranscription .error{font-size:11px}.composerEmojiInput textarea{padding-right:48px;min-height:92px;max-height:172px;resize:none;overflow:auto;line-height:1.35}.composerEmojiInput{flex:1 1 auto}.composerToolStack,.composerSendStack{display:grid;gap:6px;flex:0 0 auto}.composerSendStack .primary,.noteComposerButton{min-height:40px;white-space:nowrap}.noteComposerButton{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 14px;border-radius:8px;color:#526174;background:#edf1f6}.threadNoteIcon{flex:0 0 auto;color:#af6b10}.threadAiIcon{flex:0 0 auto;color:#5966a8}.latestPrivateNote{position:sticky;bottom:0;z-index:1;display:flex;align-items:flex-start;gap:8px;align-self:stretch;padding:9px 11px;border:1px solid #f1c27b;border-radius:8px;background:#fff8e9;color:#8a4b08;box-shadow:0 4px 14px #7545071f}.latestPrivateNote span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.imageMessage{display:grid;gap:8px;padding:0;border:0;background:transparent;color:inherit;text-align:left;max-width:280px}.imageMessage img{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:8px;border:1px solid #d6dee8}.sendError{padding:8px 12px;color:#b42318;background:#fff1f0;border-top:1px solid #fecaca}.attachmentPreview{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;border-top:1px solid #e1e7ef;background:#fbfdff}.replyPreview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-top:1px solid #e1e7ef;background:#f6fbf9}.replyPreview>div{display:grid;gap:2px;min-width:0}.replyPreview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#31445d}.replyPreview button{display:inline-flex;align-items:center;justify-content:center;background:#edf1f6;color:#172033;border-radius:8px;width:32px;height:32px}.attachmentPreview>div:first-child{display:grid;gap:3px}.attachmentPreview .imageMessage{max-width:96px}.attachmentPreview .imageMessage img{max-height:72px}.attachmentPreview button{display:inline-flex;align-items:center;justify-content:center;background:#edf1f6;color:#172033;border-radius:8px;width:36px;height:36px}.imageOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:32px;background:#0f172ad1}.imageOverlayClose{position:absolute;top:20px;right:20px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffffeb;color:#172033}.imageOverlay img{max-width:min(1100px,94vw);max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 24px 80px #00000059}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;padding:24px;background:#0f172a61}.quickReplyModal{width:min(560px,calc(100vw - 32px));max-height:min(680px,calc(100vh - 48px));display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff;border:1px solid #e1e7ef;border-radius:8px;box-shadow:0 24px 80px #0f172a38;overflow:hidden}.quickReplyModal header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e1e7ef}.quickReplyModal h3{margin:0}.quickReplyModal header button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#edf1f6}.quickReplyList{display:grid;gap:8px;padding:12px;overflow:auto}.quickReplyList button{display:grid;gap:5px;width:100%;text-align:left;background:#f8fafc;border:1px solid #edf1f6;border-radius:8px;padding:12px}.quickReplyList button:hover{background:#eef7f5;border-color:#cce7dd}.quickReplyList span{color:#66758a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{display:grid;place-items:center;color:#66758a}.contactSide{border-left:1px solid #e1e7ef;padding:16px;overflow:auto}.contactSide h3{display:inline-block}.contactEditButton{float:right;padding:6px 9px;border-radius:8px;background:#edf1f6;color:#172033}.contactDetails{display:grid;gap:7px;clear:both;padding-top:14px;color:#526173;font-size:13px}.contactDetails>strong{color:#172033;font-size:15px}.contactPhone{display:inline-flex;align-items:center;gap:5px;min-width:0}.copyPhoneButton{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:6px;color:#526173;background:#edf1f6}.copyConfirmation{color:#15715f;font-weight:600}.contactSegments{display:grid;gap:5px;padding-top:8px;margin-top:1px;border-top:1px solid #edf1f6}.contactSegments>small{color:#526173;font-weight:600}.emptySegments{color:#758397;font-size:12px}.reactionPicker{display:flex;flex-wrap:wrap;gap:10px}.reactionPicker button{width:48px;height:48px;border-radius:8px;background:#f3f6f9;font-size:24px}.privateNotes{display:grid;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #edf1f6}.conversationTagBox{display:grid;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #edf1f6}.conversationTagBox h4,.privateNotes h4{margin:0}.privateNotes form,.noteList{display:grid;gap:8px}.privateNotes textarea{min-height:58px;resize:vertical}.privateNotes .primary{width:100%}.noteList article{position:relative;display:grid;gap:6px;padding:10px 36px 10px 10px;background:#f8fafc;border:1px solid #edf1f6;border-radius:8px}.deleteNoteButton{position:absolute;top:7px;right:7px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#edf1f6;color:#66758a}.deleteNoteButton:hover{background:#fee2e2;color:#b42318}.noteList p{margin:0;white-space:pre-wrap}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f6}.row>div{display:grid;gap:4px}.row button,.toolbar button{background:#edf1f6;color:#172033;border-radius:8px;padding:9px 12px}.tagManager{display:grid;gap:8px}.tagRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;border:1px solid #edf1f6;border-radius:8px;background:#fbfdff}.tagRow:has(input){grid-template-columns:minmax(140px,1fr) 150px 48px auto auto}.tagRow input,.tagRow select{padding:8px 9px}.tagSummary{display:flex;align-items:center;gap:8px;min-width:0}.tagRow button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#edf1f6;color:#172033;border-radius:8px;padding:9px 12px}.smallIcon{width:34px;height:34px;padding:0}.dangerButton{color:#b42318!important;background:#fff1f0!important}.dangerButton:hover{background:#fee2e2!important}.broadcastList,.broadcastDetail,.broadcastDashboard,.variantEditor,.tagPicker{display:grid;gap:12px}.broadcastCard{display:grid;gap:8px;padding:12px;border:1px solid #edf1f6;border-radius:8px;background:#fbfdff}.broadcastCard.selected{border-color:#9ed4c8;background:#f2fbf8}.broadcastOpen{display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;color:inherit;padding:0;text-align:left}.broadcastOpen>div{display:grid;gap:3px;min-width:0}.broadcastOpen strong,.broadcastOpen small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progressBar{height:8px;overflow:hidden;border-radius:999px;background:#edf1f6}.progressBar span{display:block;height:100%;background:#1f6f68}.broadcastActions{display:flex;flex-wrap:wrap;gap:8px}.broadcastActions button,.variantEditor button,.tagPicker button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#edf1f6;color:#172033;border-radius:8px;padding:9px 12px}.tagPicker>div{display:flex;flex-wrap:wrap;gap:6px}.tagPicker button.active{background:#e7f4ef;color:#1f6f68;box-shadow:inset 0 0 0 1px #9ed4c8}.tagPicker button:disabled{cursor:not-allowed;opacity:.72}.variantEditor textarea{min-height:86px}.settingsGridCompact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settingsGridCompact label{margin:0}.broadcastDashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.broadcastDashboard section{display:grid;gap:10px}.quickReplyManager{display:grid;gap:8px}.quickReplyRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:8px;padding:10px;border:1px solid #edf1f6;border-radius:8px;background:#fbfdff}.quickReplyRow:has(textarea){grid-template-columns:minmax(150px,.75fr) minmax(220px,1.25fr) minmax(120px,.5fr) auto auto}.quickReplyRow input,.quickReplyRow textarea{padding:8px 9px}.quickReplyRow textarea{min-height:74px}.quickReplySummary{display:grid;gap:4px;min-width:0}.quickReplySummary p{margin:0;color:#48576a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quickReplyRow button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#edf1f6;color:#172033;border-radius:8px;padding:9px 12px}.rowActions{display:flex;gap:6px}.codeArea{min-height:260px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.settingsGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;align-items:start}.settingsLayout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:start}.settingsSubnav{display:grid;gap:4px;padding:8px;border:1px solid #dce5ef;background:#f8fafc;border-radius:8px}.settingsSubnav button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;text-align:left;color:#506176;background:transparent}.settingsSubnav button.active{color:#0f5d55;background:#eaf4f2;font-weight:700}.settingsContent{min-width:0}.channelGrid{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(210px,.7fr));gap:18px}.channelCard{min-height:220px}.channelInstanceList{display:grid;gap:2px;margin:2px 0 12px}.channelInstanceList article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e8eef4}.channelInstanceList article:last-child{border-bottom:0}.channelInstanceList strong,.channelInstanceList small{display:block}.channelInstanceList small,.channelInfrastructureHint{color:#66758a;font-size:11px}.channelInfrastructureHint{display:block;line-height:1.4}.settingsStatus{margin-top:12px;color:#496174}.channelCardHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.channelCardHeading h3,.channelCardHeading h4{margin:0}.channelCardHeading small{display:block;margin-top:3px;color:#66758a}.channelActive{border-top:3px solid #1f6f68}.channelPending{border-top:3px solid #c6d1df;color:#607086}.channelPending p{margin:18px 0 0;line-height:1.5}.instanceDetailModal{display:grid;gap:16px}.instanceDetailMeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#66758a;font-size:12px}.instanceMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.instanceMetrics div{display:grid;gap:3px;padding:12px;background:#f3f7fa;border:1px solid #e1e9f0;border-radius:6px}.instanceMetrics b{color:#172033;font-size:18px}.instanceMetrics span,.instanceDetailsList span{color:#66758a;font-size:11px}.instanceDetailActions{display:flex;flex-wrap:wrap;gap:8px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.sectionTitle button,.instanceRow button{display:inline-flex;align-items:center;gap:6px;background:#edf1f6;color:#172033;border-radius:8px;padding:9px 12px}.helperText{margin:10px 0 0;color:#66758a;line-height:1.5}.knowledgeEstimate{color:#66758a;font-size:12px}.wahaSessionsPanel,.webhookLogPanel{margin-top:18px}.webhookLogGrid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:12px}.webhookLogList{max-height:520px;overflow:auto}.webhookLogItem{display:grid;gap:4px;width:100%;padding:10px;border:1px solid #edf1f6;border-radius:8px;background:#fbfdff;color:#172033;text-align:left}.webhookLogItem.active{border-color:#7fc8bd;background:#eefaf7}.webhookPayloadViewer{min-height:360px;max-height:520px;margin:0;padding:12px;overflow:auto;border:1px solid #edf1f6;border-radius:8px;background:#0f172a;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.45}.wahaSessionRow{grid-template-columns:minmax(0,1fr) auto}.wahaSessionRow .rowActions{flex-wrap:wrap;justify-content:flex-end}.successBox{margin-top:12px;padding:12px;border:1px solid #b7e4cf;border-radius:8px;background:#ecfdf5;color:#14714b}.qrPanel{display:grid;place-items:center;gap:12px;margin-top:14px;padding:16px;border:1px solid #edf1f6;border-radius:8px;background:#fbfdff}.qrPanel img{width:min(280px,100%);aspect-ratio:1;object-fit:contain}.fileMessage{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:230px;max-width:340px;padding:10px;border-radius:6px;background:#ffffff6b;color:inherit;text-decoration:none}.fileMessage:hover{background:#ffffffad}.fileMessageIcon{display:grid;place-items:center;width:36px;height:42px;border-radius:4px;background:#dc2626;color:#fff}.fileMessageIcon b{font-size:8px;line-height:1}.fileMessageInfo{display:grid;gap:3px;min-width:0}.fileMessageInfo strong,.fileMessageInfo small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileMessageInfo strong{font-size:12px}.fileMessageInfo small{font-size:10px;opacity:.72}.qrPanel code{display:block;max-width:100%;padding:10px;background:#f1f5f9;border-radius:8px;overflow-wrap:anywhere}.connectionCodeBox{width:100%;display:grid;gap:6px}.connectionCodeBox span{color:#66758a;font-size:.9rem;font-weight:700}.instanceList{display:grid;gap:10px}.instanceRow{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto auto auto;gap:8px;align-items:center;padding:10px;background:#f8fafc;border:1px solid #edf1f6;border-radius:8px}.checkLine{display:flex;align-items:center;gap:6px;margin:0;white-space:nowrap}.checkLine input{width:auto}.webhookBox{margin-top:18px;display:grid;gap:8px}.webhookBox code{display:block;padding:10px;background:#f1f5f9;border-radius:8px;overflow-wrap:anywhere}.saveBar{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px;background:#f5f7fbf0;border-top:1px solid #e1e7ef}@media(max-width:1100px){.app{--sidebar-width: 88px}.sidebar nav button{justify-content:center;font-size:0}.logo strong,.userBox span,.userBox small{display:none}.metrics,.columns{grid-template-columns:repeat(2,1fr)}.split,.inbox,.settingsGrid,.settingsLayout,.channelGrid{grid-template-columns:1fr;height:auto}.instanceRow{grid-template-columns:1fr 1fr}.contactSide{border-left:0;border-top:1px solid #e1e7ef}}.optionList{display:grid;gap:8px}.optionList h4{margin:10px 0 2px;font-size:12px;color:#66758a}.optionList p{margin:0 0 4px;color:#66758a}.optionList button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border:1px solid #dbe4ef;border-radius:8px;background:#fff;text-align:left}.optionList button.selected{background:#eaf4f2;border-color:#9fcac2;color:#1f6f68}.filterIconButton,.tagPickerButton{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 10px;background:#edf1f6;color:#31445d;border-radius:8px}.filterIconButton{width:100%}.filterIconButton:disabled{opacity:.55;cursor:not-allowed}.filterIconButton span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tagPickerButton{width:100%;margin-bottom:8px}.tagPickerButton:disabled{opacity:.55;cursor:not-allowed}.messageText{white-space:pre-wrap;overflow-wrap:anywhere}.messageText a{color:#0f766e;text-decoration:underline;text-underline-offset:2px}.bubble.outbound .messageText a{color:#0b5f59}