@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Space+Grotesk:wght@600;700&display=swap");:root{color-scheme:dark;--bg:#061411;--bg-soft:#0b201a;--bg-glow-a:rgba(0,194,139,0.24);--bg-glow-b:rgba(78,185,242,0.16);--surface:#10251f;--surface-2:#19342c;--surface-3:#25483d;--surface-hover:#2b5145;--elevated:rgba(16,37,31,0.94);--text:#f4fff9;--muted:#a4bbb2;--muted-strong:#d0e2da;--border:rgba(215,255,237,0.14);--border-strong:rgba(215,255,237,0.26);--accent:#00d193;--accent-2:#74f0cf;--accent-soft:rgba(0,209,147,0.18);--warning:#ffc468;--blue:#67c8ff;--pink:#ff87b7;--bubble-in:#17352e;--bubble-out:#056b56;--bubble-out-text:#f5fffb;--bubble-meta:#d1ede4;--wa-panel:rgba(13,28,24,0.96);--wa-search:#1d322c;--wa-chip:#213a33;--wa-chip-selected:#056b56;--wa-row-active:#203d34;--wa-primary:#f4fff9;--wa-secondary:#aec3bb;--wa-label-bg:rgba(233,255,244,0.11);--wa-green:#00c28b;--wa-unread:#1bd89e;--shadow:0 22px 64px rgba(0,0,0,0.34);--sidebar-width:248px;--radius-xl:28px}.themeLight,html[data-theme=light]{color-scheme:light;--bg:#f7f0e6;--bg-soft:#efe5d7;--bg-glow-a:rgba(0,128,105,0.16);--bg-glow-b:rgba(238,169,76,0.2);--surface:#fffaf2;--surface-2:#f4eadc;--surface-3:#eadcc8;--surface-hover:#e5d5bd;--elevated:rgba(255,250,242,0.96);--text:#16231d;--muted:#65766d;--muted-strong:#31463b;--border:rgba(31,46,38,0.13);--border-strong:rgba(31,46,38,0.24);--accent:#00876a;--accent-2:#006c58;--accent-soft:rgba(0,135,106,0.15);--warning:#af6b00;--blue:#096fa8;--pink:#be3b70;--bubble-in:#ffffff;--bubble-out:#d8f7ca;--bubble-out-text:#173322;--bubble-meta:#466055;--wa-panel:rgba(255,252,246,0.96);--wa-search:#ece5da;--wa-chip:#eee4d6;--wa-chip-selected:#d9fdd3;--wa-row-active:#e7f2dc;--wa-primary:#111b21;--wa-secondary:#53645b;--wa-label-bg:rgba(0,0,0,0.065);--wa-green:#008069;--wa-unread:#0aa66d;--shadow:0 22px 58px rgba(79,59,32,0.14)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;overflow:hidden;background:radial-gradient(circle at 0 0,var(--bg-glow-a),transparent 34rem),radial-gradient(circle at 100% 100%,var(--bg-glow-b),transparent 30rem),linear-gradient(135deg,var(--bg),var(--bg-soft));color:var(--text);font-family:Manrope,sans-serif;text-rendering:optimizeLegibility;transition:background .22s ease,color .22s ease}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(0,194,139,.35);outline-offset:2px}h1,h2,h3,h4,p{margin:0}.brand p,h1,h2,h3,h4{font-family:Space Grotesk,sans-serif}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(330px,400px) minmax(0,1fr);grid-gap:12px;gap:12px;height:100vh;min-height:100vh;overflow:hidden;padding:12px}.shell.detailsOpen{grid-template-columns:var(--sidebar-width) minmax(320px,380px) minmax(0,1fr) 320px}.settingsShell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.shell.sidebarCollapsed{--sidebar-width:72px}.shell.sidebarHover{--sidebar-width:248px}.sideNavRail{position:-webkit-sticky;position:sticky;top:12px;z-index:40;height:calc(100vh - 24px);min-width:0}.chatPanel,.detailPanel,.inboxPanel,.settingsPanel,.sidebar{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--elevated);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.sidebar{display:flex;height:100%;flex-direction:column;overflow-y:auto;padding:18px;transition:padding .18s ease}.agentCard,.attachmentPreviewBottom,.attachmentPreviewTopbar,.attachmentThumbRow,.attachmentTools,.brand,.channelCard,.composer,.connectedList div,.contactBlock,.conversation,.conversationMeta,.conversationTop,.detailPanelTop,.filterRow,.headerActions,.insightStrip,.qrActions,.qrHeader,.quickReplies,.setupSteps>div,.statusRows div{display:flex;align-items:center}.brand{gap:12px;margin-bottom:22px}.themeToggleButton{display:inline-flex;align-items:center;gap:7px;margin-left:auto;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-2) 84%,transparent);color:var(--muted-strong);padding:6px 9px;font-size:.72rem;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.04);transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.themeToggleButton span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent-2)}.themeToggleButton:hover{border-color:var(--border-strong);background:var(--surface-3);color:var(--text);transform:translateY(-1px)}.agentAvatar,.avatar,.brandMark,.channelIcon,.largeAvatar{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#05211a;font-weight:900}.brandMark{width:44px;height:44px;border-radius:15px;font-family:Space Grotesk,sans-serif;font-size:1.16rem}.brand p{font-size:1.05rem;font-weight:800}.agentCard p,.brand span,.bubble>span,.connectedList div,.contactBlock p,.conversation p,.conversationMeta small,.detailCard p,.eyebrow,.qrGuidance p,.qrPlaceholder,.settingsHero p,.settingsMetric p,.setupSteps p,.themeSwitchCard p{color:var(--muted)}.agentCard p,.brand span,.contactBlock p,.conversationMeta small,.detailCard p{font-size:.82rem}.navList{display:grid;grid-gap:8px;gap:8px}.navItem{position:relative;display:flex;width:100%;height:46px;align-items:center;border-radius:15px;background:transparent;color:var(--muted-strong);padding:0 14px;font-weight:900;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease}.navItem:before{width:8px;height:8px;margin-right:12px;border-radius:50%;background:currentColor;opacity:.55;content:""}.navItem.active,.navItem:hover{background:var(--accent-soft);color:var(--accent-2);transform:translateX(2px)}.sidebarSection{flex:1 1 auto;min-height:0;margin-top:24px;overflow:hidden}.sidebarSectionTitle{margin-bottom:10px;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.sidebarChannels{display:grid;grid-gap:8px;gap:8px;max-height:min(330px,42vh);overflow-y:auto;padding-right:2px}.sidebarChannel{display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;min-height:54px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2);color:var(--text);padding:8px 10px;text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.sidebarChannel.selected,.sidebarChannel:hover{border-color:var(--border-strong);background:var(--surface-3);transform:translateX(2px)}.sidebarChannelCode{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:var(--surface-3);color:var(--text);font-size:.72rem;font-weight:900}.dot.green,.sidebarChannel.green .sidebarChannelCode{background:var(--accent);color:#05211a}.dot.blue,.sidebarChannel.blue .sidebarChannelCode{background:var(--blue);color:#06141d}.dot.pink,.sidebarChannel.pink .sidebarChannelCode{background:var(--pink);color:#210713}.dot.black,.sidebarChannel.black .sidebarChannelCode{background:#111111;color:#ffffff}.sidebarChannelName{overflow:hidden;color:var(--muted-strong);font-size:.9rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.detailPanelTop strong,.sidebarChannel strong{color:var(--text);font-family:Space Grotesk,sans-serif}.sidebarCollapsed .sidebar{align-items:center;padding:14px 10px}.sidebarCollapsed .brand{width:100%;flex-direction:column;justify-content:center;gap:8px}.sidebarCollapsed .agentCard div:not(.agentAvatar),.sidebarCollapsed .brand div:not(.brandMark),.sidebarCollapsed .navLabel,.sidebarCollapsed .sidebarChannel strong,.sidebarCollapsed .sidebarChannelName,.sidebarCollapsed .sidebarSectionTitle,.sidebarCollapsed .themeToggleButton strong{display:none}.sidebarCollapsed .themeToggleButton{margin-left:0;padding:5px}.sidebarCollapsed .signOutButton{display:none}.sidebarCollapsed .navItem,.sidebarCollapsed .sidebarChannel{width:46px;height:46px;min-height:46px;justify-content:center;padding:0}.sidebarCollapsed .navItem:before{margin-right:0}.sidebarCollapsed .sidebarChannel{grid-template-columns:1fr}.sidebarCollapsed .sidebarChannelCode{width:34px;height:34px;margin:auto}.sidebarHover .sidebar{align-items:stretch;padding:18px}.sidebarHover .brand{flex-direction:row;gap:12px}.sidebarHover .agentCard div:not(.agentAvatar),.sidebarHover .brand div:not(.brandMark),.sidebarHover .navLabel,.sidebarHover .sidebarChannel strong,.sidebarHover .sidebarChannelName,.sidebarHover .sidebarSectionTitle,.sidebarHover .themeToggleButton strong{display:block}.sidebarHover .themeToggleButton{margin-left:auto;padding:6px 9px}.sidebarHover .signOutButton{display:block}.sidebarHover .navItem{width:100%;justify-content:flex-start;padding:0 14px}.sidebarHover .navItem:before{margin-right:12px}.sidebarHover .sidebarChannel{grid-template-columns:42px minmax(0,1fr) auto;width:100%;height:auto;min-height:54px;padding:8px 10px}.agentCard{gap:12px;margin-top:auto;border:1px solid var(--border);border-radius:18px;background:var(--surface-2);padding:12px}.agentAvatar,.avatar{width:40px;height:40px}.largeAvatar{width:52px;height:52px}.inboxPanel{display:flex;flex-direction:column;padding:18px}.waInboxPanel{gap:10px;border-color:var(--border-strong);background:linear-gradient(180deg,color-mix(in srgb,var(--wa-panel) 96%,var(--accent-soft)),var(--wa-panel));padding:16px 0 0}.waInboxHeader{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px 2px}.waInboxHeader h2{color:var(--wa-primary);font-size:1.68rem;letter-spacing:-.04em}.waInboxHeaderActions{display:flex;gap:8px}.waInboxHeaderActions button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:transparent;color:var(--wa-primary);font-size:1.35rem;font-weight:900}.waInboxHeaderActions .soundToggle{border:1px solid var(--border);background:var(--wa-chip);font-size:.95rem;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.waInboxHeaderActions .soundToggle.active,.waInboxHeaderActions .soundToggle:hover{border-color:color-mix(in srgb,var(--wa-green) 42%,var(--border));background:var(--accent-soft);color:var(--accent-2);transform:translateY(-1px)}.waSearchBox{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;gap:10px;align-items:center;min-height:42px;margin:0 18px;border:1px solid var(--border);border-radius:999px;background:var(--wa-search);color:var(--wa-secondary);padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.waSearchBox:focus-within{border-color:var(--border-strong);background:color-mix(in srgb,var(--wa-search) 86%,var(--accent-soft));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-soft) 72%,transparent)}.waSearchBox input{min-width:0;border:0;outline:0;background:transparent;color:var(--wa-primary)}.waSearchBox input::placeholder{color:var(--wa-secondary)}.waFilterChips{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;min-height:46px;overflow-x:auto;overflow-y:hidden;margin:0;padding:2px 18px 10px;scrollbar-width:none}.waFilterChips::-webkit-scrollbar{display:none}.waFilterChips button,.waFilterChips select{flex:0 0 auto;border:1px solid transparent;border-radius:999px;background:var(--wa-chip);color:var(--wa-secondary);padding:8px 12px;font-size:.78rem;font-weight:900;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.waFilterChips button:hover,.waFilterChips select:hover{border-color:var(--border);color:var(--wa-primary);transform:translateY(-1px)}.waFilterChips select{color-scheme:inherit;outline:0}.waFilterChips button.selected{border-color:color-mix(in srgb,var(--wa-green) 45%,transparent);background:var(--wa-chip-selected);color:var(--wa-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wa-green) 24%,transparent)}.filterDivider{flex:0 0 1px;height:24px;background:var(--border-strong)}.waChatList{overflow-y:auto;min-height:0;padding:0 0 28px}.waChatItem{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;width:calc(100% - 12px);min-width:0;margin:0 6px;border:1px solid transparent;border-radius:18px;background:transparent;color:inherit;padding:11px 10px 11px 12px;text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.waChatItem:hover{border-color:var(--border);background:var(--wa-search);transform:translateX(2px)}.waChatItem.active{border-color:color-mix(in srgb,var(--wa-green) 34%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--wa-green) 14%,transparent),transparent 45%),var(--wa-row-active);box-shadow:0 12px 30px color-mix(in srgb,var(--wa-green) 12%,transparent)}.waChatItem.menuOpen{z-index:45}.waChatItem.pinned:before{position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 99px 99px 0;background:var(--wa-green);content:""}.waAvatar{display:grid;place-items:center;width:52px;height:52px;border:2px solid color-mix(in srgb,var(--wa-green) 24%,transparent);border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--wa-green) 34%,#24453b),var(--wa-green));color:#05211a;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.24)}.waChatBody{min-width:0;overflow:hidden}.waChatTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.waChatPreview p,.waChatTop span,.waChatTop strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waChatTop strong{min-width:0;color:var(--wa-primary);font-size:.96rem;font-weight:900}.waChatTop span{flex:0 0 auto;color:var(--wa-secondary);font-size:.72rem;font-weight:700}.waChatPreview{display:flex;align-items:center;gap:6px;margin-top:3px}.waChatPreview,.waChatPreview p{min-width:0;color:var(--wa-secondary)}.waChatPreview p{line-height:1.35}.waTicks{flex:0 0 auto;color:var(--wa-secondary);font-size:.76rem;letter-spacing:-.16em}.waTicks.read{color:#53bdeb}.waTicks.failed{color:#ff7b6f;letter-spacing:0}.waChatLabels{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.waChatLabels small{border-radius:999px;background:var(--wa-label-bg);color:var(--wa-secondary);padding:3px 7px;font-size:.66rem;font-weight:800}.waChatRight{grid-gap:5px;gap:5px}.waActionMenuWrap,.waChatRight{position:relative;display:grid;justify-items:end}.waChevronButton{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:transparent;color:var(--wa-secondary);transition:background .14s ease,color .14s ease,transform .14s ease}.waChevronButton:hover,.waChevronButton[aria-expanded=true]{background:var(--wa-label-bg);color:var(--wa-primary)}.waChevronButton[aria-expanded=true]{transform:rotate(180deg)}.waActionMenu{position:absolute;top:calc(100% + 6px);right:0;z-index:28;display:grid;min-width:154px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#111b20;box-shadow:0 18px 44px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04);padding:6px;animation:waActionMenuIn .12s ease-out}@keyframes waActionMenuIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.waActionMenu button{display:grid;grid-template-columns:24px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:center;width:100%;border-radius:10px;background:transparent;color:#f7fbfb;padding:9px 10px;font-size:.82rem;font-weight:900;text-align:left;transition:background .14s ease,color .14s ease}.waActionMenu button:hover{background:rgba(255,255,255,.07)}.waActionMenu button span{color:var(--wa-green);font-size:.8rem}.waUnreadBadge{display:grid;place-items:center;min-width:21px;height:21px;border-radius:999px;background:var(--wa-unread);color:#07130f;padding:0 6px;font-size:.72rem;font-weight:900}.waChevron{color:var(--wa-secondary);font-size:.9rem}.chatHeader,.panelHeader,.settingsHero{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.panelHeader{margin-bottom:16px}.eyebrow{margin-bottom:6px;color:var(--accent-2);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1{font-size:clamp(1.38rem,2.4vw,2rem);line-height:1.08}h1,h2{color:var(--text);letter-spacing:-.03em}h2{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.12}.composeButton,.sendButton{flex:0 0 auto;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#05211a;font-weight:900;box-shadow:0 12px 28px rgba(0,194,139,.18);padding:10px 17px}.searchBox{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;gap:10px;align-items:center;min-height:46px;margin-bottom:10px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);padding:11px 13px}.searchBox span{color:var(--accent-2);font-size:.76rem;font-weight:900}.attachmentPreviewBottom textarea,.composer textarea,.searchBox input{width:100%;border:0;outline:0;background:transparent;color:var(--text);display:block;line-height:1.45}.attachmentPreviewBottom textarea::placeholder,.composer textarea::placeholder,.searchBox input::placeholder{color:var(--muted)}.filterRow,.quickReplies{gap:8px;flex:0 0 auto;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.chatManagementFilters{display:flex;gap:8px;align-items:center;flex:0 0 auto;flex-wrap:wrap;overflow:visible;padding-bottom:6px}.chatManagementBar select,.chatManagementFilters select{border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted-strong);padding:9px 12px;font-weight:900}.chatManagementBar button,.chatManagementFilters button,.detailPanelTop button,.filterRow button,.ghostButton,.headerActions button,.quickReplies button{flex:0 0 auto;border-radius:999px;background:var(--surface-2);color:var(--muted-strong);padding:9px 12px;font-size:.78rem;font-weight:900;white-space:nowrap;transition:background .16s ease,color .16s ease,transform .16s ease}.chatManagementBar button.selected,.chatManagementBar button:hover,.chatManagementFilters button.selected,.chatManagementFilters button:hover,.detailPanelTop button:hover,.filterRow button.selected,.filterRow button:hover,.ghostButton:hover,.headerActions button:hover,.headerActions button[aria-pressed=true],.quickReplies button:hover{background:var(--accent-soft);color:var(--accent-2);transform:translateY(-1px)}.conversationList{display:grid;grid-gap:6px;gap:6px;flex:1 1 auto;min-height:0;overflow-y:auto;margin:8px -6px 0;padding:0 6px 14px}.conversation{position:relative;gap:12px;width:100%;border:1px solid transparent;border-radius:18px;background:transparent;color:inherit;padding:12px;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.conversation.active,.conversation:hover{border-color:var(--border);background:var(--surface-2);transform:translateX(2px)}.pinnedConversation{border-color:rgba(68,209,141,.38);background:rgba(68,209,141,.05)}.conversationBody{min-width:0;flex:1 1;overflow:hidden}.conversationMeta,.conversationTop{justify-content:space-between;gap:10px}.conversation p,.conversationTop span,.conversationTop strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversationTop strong{color:var(--text)}.conversationTop span{flex:0 0 auto;color:var(--muted);font-size:.74rem}.conversation p,.conversationMeta{margin-top:6px}.conversationMeta{justify-content:flex-start}.badge,.conversationMeta small,.customerTag,.datePill{border-radius:999px;font-weight:900}.chatLabelPill,.conversationMeta small,.labelPillRow small{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--accent-soft);color:var(--muted-strong);padding:4px 8px;font-size:.72rem;font-weight:900}.chatLabelPill.removable button{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-2);font-size:.68rem;font-weight:900}.chatLabelPill.removable button:hover{background:var(--accent);color:#05211a}.labelPillRow{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.conversationQuickActions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;max-width:100%}.conversationQuickActions button{min-width:0;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted-strong);padding:5px 8px;font-size:.68rem;font-weight:900}.badge{display:grid;place-items:center;min-width:24px;height:24px;background:var(--accent);color:#05211a;font-size:.74rem}.emptyState{border:1px dashed var(--border-strong);border-radius:20px;color:var(--muted);padding:20px 14px;text-align:center}.chatPanel{position:relative;display:flex;flex-direction:column;background:radial-gradient(circle at 18px 18px,color-mix(in srgb,var(--accent) 14%,transparent) 2px,transparent 2px),radial-gradient(circle at 76px 54px,color-mix(in srgb,var(--text) 8%,transparent) 1px,transparent 1px),linear-gradient(135deg,color-mix(in srgb,var(--bg-soft) 82%,var(--surface)),var(--bg));background-size:92px 92px,120px 120px,auto}.themeLight .chatPanel{background:radial-gradient(circle at 20px 20px,rgba(0,128,105,.08) 2px,transparent 0),radial-gradient(circle at 76px 54px,rgba(107,83,50,.08) 1px,transparent 0),linear-gradient(135deg,#fbf3e8,#efe2cf);background-size:96px 96px,124px 124px,auto}.chatHeader{position:relative;z-index:3;flex:0 0 auto;align-items:center;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 94%,var(--surface-2));padding:14px 18px;box-shadow:0 10px 32px color-mix(in srgb,#000000 18%,transparent)}.contactBlock{gap:12px}.profileTrigger{min-width:0;border-radius:18px;background:transparent;color:inherit;padding:6px 8px 6px 0;text-align:left}.profileTrigger:hover{background:var(--accent-soft)}.contactBlock h2{overflow:hidden;font-size:1.08rem;text-overflow:ellipsis;white-space:nowrap}.headerActions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.insightStrip{gap:10px;flex:0 0 auto;padding:12px 18px}.chatManagementBar,.insightStrip{border-bottom:1px solid var(--border)}.chatManagementBar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:0 0 auto;background:color-mix(in srgb,var(--elevated) 80%,transparent);padding:10px 18px}.conversationSearchBox{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;grid-gap:8px;gap:8px;align-items:center;min-width:min(340px,100%);border:1px solid var(--border);border-radius:999px;background:var(--surface-2);padding:8px 10px 8px 12px}.conversationSearchBox span{color:var(--accent-2);font-size:.72rem;font-weight:900}.conversationSearchBox input{min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.searchMatchControls{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:.72rem;font-weight:900}.searchMatchControls strong{min-width:34px;color:var(--muted-strong);text-align:right}.searchMatchControls button{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-3);color:var(--text);padding:0}.searchMatchControls button:disabled{opacity:.35}.insightStrip div{flex:1 1;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);padding:10px 12px}.insightStrip span,.qrHeader span,.settingsMetric span,.statusRows span,.themeSwitchCard span{display:block;color:var(--muted);font-size:.74rem;font-weight:900}.insightStrip strong{display:block;margin-top:2px;color:var(--text);font-size:.92rem}.messageArea{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-height:0;overflow:auto;padding:24px clamp(18px,4vw,64px) 96px;scroll-padding-bottom:180px}.messageGroup{display:contents}.emptyMessageState{border:1px dashed var(--border-strong);border-radius:18px;background:color-mix(in srgb,var(--surface-2) 78%,transparent);padding:14px 18px;font-weight:800}.datePill,.emptyMessageState{align-self:center;color:var(--muted)}.datePill{border:1px solid var(--border);background:var(--surface-2);padding:7px 12px;font-size:.75rem}.unreadSeparator{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:12px;gap:12px;align-items:center;color:var(--wa-green);font-size:.74rem;font-weight:900}.unreadSeparator:after,.unreadSeparator:before{height:1px;background:color-mix(in srgb,var(--wa-green) 42%,transparent);content:""}.unreadSeparator span{border:1px solid color-mix(in srgb,var(--wa-green) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--wa-green) 12%,var(--surface-2));padding:6px 10px}.bubbleRow{display:flex}.bubbleRow.agent{justify-content:flex-end}.bubbleRow.targetMessage .bubble{animation:targetMessagePulse 1.6s ease;box-shadow:0 0 0 2px rgba(241,123,95,.75),0 18px 38px rgba(241,123,95,.2)}.bubbleRow.activeSearchMatch .bubble{box-shadow:0 0 0 2px rgba(255,196,104,.82),0 18px 38px rgba(255,196,104,.18)}@keyframes targetMessagePulse{0%,to{transform:translateY(0)}18%{transform:translateY(-2px)}35%{box-shadow:0 0 0 4px rgba(241,123,95,.85),0 18px 40px rgba(241,123,95,.28)}}.bubble{position:relative;max-width:min(72%,560px);border:1px solid var(--border);border-radius:20px 20px 20px 6px;background:var(--bubble-in);color:var(--text);overflow-wrap:anywhere;padding:12px 14px 8px;box-shadow:0 10px 28px color-mix(in srgb,#000000 16%,transparent)}.bubbleRow.agent .bubble{border-color:color-mix(in srgb,var(--wa-green) 28%,transparent);border-radius:20px 20px 6px 20px;background:linear-gradient(135deg,var(--bubble-out),color-mix(in srgb,var(--bubble-out) 82%,#003d32));color:var(--bubble-out-text)}.bubbleMenuTrigger{position:absolute;top:6px;right:8px;z-index:2;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.16);color:var(--muted-strong);font-size:.9rem;font-weight:900;opacity:0;transition:opacity .14s ease,background .14s ease}.bubble:hover .bubbleMenuTrigger,.bubbleMenuTrigger[aria-expanded=true]{opacity:1}.bubbleMenuTrigger:hover{background:rgba(0,0,0,.28);color:var(--text)}.bubbleActionMenu{position:absolute;top:34px;right:8px;z-index:30;display:grid;width:min(260px,calc(100vw - 40px));overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#111816;box-shadow:0 24px 80px rgba(0,0,0,.38);padding:8px}.bubbleRow.customer .bubbleActionMenu{right:auto;left:8px}.bubbleActionMenu button{display:grid;grid-template-columns:34px 1fr;grid-gap:10px;gap:10px;align-items:center;border-radius:12px;background:transparent;color:#f3f7f5;padding:11px 12px;font-size:.92rem;font-weight:900;text-align:left}.bubbleActionMenu button:hover{background:rgba(255,255,255,.08)}.bubbleActionMenu button.withDivider{margin-top:7px;border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 12px 12px;padding-top:15px}.bubbleActionMenu span{display:grid;place-items:center;color:#ffffff;font-size:1rem}.bubble p{line-height:1.55;white-space:pre-wrap;word-break:break-word}.bubble.hasAttachment{width:min(360px,76vw);padding:6px 6px 8px}.attachmentMessage{display:grid;grid-gap:8px;gap:8px}.imageAttachmentTrigger{position:relative;display:block;overflow:hidden;width:100%;border-radius:16px;background:transparent;padding:0;text-align:left}.imageAttachmentTrigger:hover img{transform:scale(1.015)}.imageAttachment img,.videoAttachment video{width:100%;max-height:320px;border-radius:16px;object-fit:cover;transition:transform .18s ease}.mediaPreviewBadge{position:absolute;right:10px;bottom:10px;border-radius:999px;background:rgba(5,12,10,.72);color:#ffffff;padding:6px 10px;font-size:.7rem;font-weight:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audioAttachment,.documentAttachment,.videoAttachment{border-radius:16px;overflow:hidden}.audioAttachment audio,.videoAttachment video{display:block;width:100%}.audioAttachment{gap:0;background:linear-gradient(135deg,rgba(25,36,33,.92),rgba(16,24,22,.98));padding:12px}.audioWavePreview{display:flex;align-items:center;justify-content:center;gap:4px;min-height:54px;margin-bottom:10px;border-radius:14px;background:rgba(255,255,255,.06)}.audioWavePreview span{width:4px;border-radius:999px;background:linear-gradient(180deg,#44d18d,#1f8f61)}.mediaInfoBar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;border-radius:12px;background:rgba(0,0,0,.14);padding:8px 10px}.mediaInfoBar a,.mediaInfoBar span{overflow:hidden;color:var(--muted-strong);font-size:.74rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.documentActions a,.mediaInfoBar a{color:#7ee0ad;text-decoration:none}.audioAttachment p,.documentAttachment p,.imageAttachment p,.videoAttachment p{padding:2px 6px 0}.documentAttachment{border-radius:16px;overflow:hidden}.documentPreviewPane{display:grid;place-items:center;min-height:156px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(220,226,221,.92)),radial-gradient(circle at 24px 24px,rgba(0,0,0,.12) 1px,transparent 0);color:#d93025}.documentPreviewPane span{display:grid;place-items:center;width:78px;height:96px;margin:0;border-radius:12px;background:#d93025;color:#ffffff;font-size:1rem;font-weight:900;transform:rotate(-7deg)}.pdfPreviewFrame{width:100%;min-height:220px;border:0;border-radius:16px;background:rgba(255,255,255,.92)}.documentInfoRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;border-radius:14px;background:rgba(0,0,0,.13);padding:10px}.documentIcon{display:grid;place-items:center;width:38px;height:42px;margin:0;border-radius:8px;background:#d93025;color:#ffffff;font-size:.7rem;font-weight:900}.documentInfoRow small,.documentInfoRow strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documentInfoRow strong{color:var(--text);font-size:.9rem}.documentActions{display:flex;flex-direction:column;gap:5px;align-items:flex-end}.documentActions a{border-radius:999px;background:rgba(255,255,255,.08);padding:5px 8px;font-size:.68rem;font-weight:900}.documentInfoRow small{margin-top:2px;color:var(--muted-strong);font-size:.75rem;font-weight:800}.bubble>span{display:block;margin-top:6px;font-size:.72rem;text-align:right}.messageMetaLine{display:inline-flex!important;align-items:center;justify-content:flex-end;gap:8px;color:var(--bubble-meta)}.bubbleRow.customer .messageMetaLine{color:var(--muted-strong)}.deliveryStatus{border-radius:999px;background:color-mix(in srgb,var(--text) 12%,transparent);color:var(--bubble-out-text);padding:2px 6px;font-size:.62rem;font-weight:900;text-transform:uppercase}.deliveryStatus.read{color:#5fd0ff}.deliveryStatus.failed{color:#ff8a7a}.retryMessageButton{display:inline-flex;margin-top:6px;border-radius:999px;background:rgba(255,123,111,.16);color:#ffd2cc;padding:5px 9px;font-size:.72rem;font-weight:900}.deletedMessageText{color:var(--muted-strong);font-style:italic}.messageMarkers{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.messageMarkers span{border-radius:999px;background:rgba(255,255,255,.09);color:#d8eee7;padding:3px 7px;font-size:.68rem;font-weight:900}.quotePreview{position:relative;display:grid;grid-template-columns:5px minmax(0,1fr) auto;grid-gap:0;gap:0;overflow:hidden;margin-bottom:8px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 86%,#202726);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 7%,transparent)}.quotePreviewAccent{background:var(--warning)}.quotePreviewBody{min-width:0;padding:9px 10px}.quotePreviewTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.quotePreviewMeta{min-width:0}.quotePreviewMeta strong{display:block;color:var(--warning);font-size:.83rem;font-weight:900;line-height:1.2}.quotePreviewBody p,.quotePreviewMeta span{display:-webkit-box;overflow:hidden;color:var(--muted-strong);font-size:.86rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.quotePreviewMeta span{align-items:center;margin-top:4px;gap:6px}.quotePreviewMediaIcon{display:inline-block;width:12px;height:10px;margin-right:5px;border:1.5px solid;border-radius:2px;vertical-align:-1px}.quotePreviewBody p{margin-top:7px;color:var(--text)}.quotePreviewThumb{width:64px;height:46px;flex:0 0 auto;border-radius:7px;object-fit:cover}.clickableQuote{cursor:pointer;transition:border-color .16s ease,transform .16s ease}.clickableQuote:focus-visible,.clickableQuote:hover{border-color:rgba(241,123,95,.55);outline:0;transform:translateY(-1px)}.quotePreview button{display:grid;place-items:center;width:28px;height:28px;align-self:center;margin-right:8px;border-radius:50%;background:rgba(255,255,255,.08);color:var(--text);font-weight:900}.composerQuote{margin:8px 0 0;background:color-mix(in srgb,var(--surface-2) 88%,#202726)}.bubble:has(.quotePreview)>p{margin-top:8px;color:inherit;font-size:1rem;font-weight:800}.replyPanel{position:relative;flex:0 0 auto;border-top:1px solid var(--border);background:var(--elevated);padding:10px 14px 12px;transition:background .16s ease,box-shadow .16s ease}.replyPanel.dragOver{background:color-mix(in srgb,var(--elevated) 72%,var(--accent-soft));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--wa-green) 52%,transparent)}.composerDropHint{position:absolute;right:18px;bottom:calc(100% + 10px);z-index:34;border:1px solid color-mix(in srgb,var(--wa-green) 36%,transparent);border-radius:999px;background:#111b20;color:#f7fbfb;padding:10px 14px;font-size:.82rem;font-weight:900;box-shadow:0 18px 42px rgba(0,0,0,.32)}.chatErrorBanner{margin-bottom:8px;border:1px solid rgba(241,123,95,.34);border-radius:14px;background:rgba(241,123,95,.12);color:#ffd8cd;padding:9px 12px;font-size:.86rem;font-weight:800}.composer{gap:10px;align-items:flex-end;margin-top:6px;border:1px solid var(--border);border-radius:26px;background:var(--surface-2);padding:8px 10px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.composer:focus-within{border-color:var(--border-strong);background:color-mix(in srgb,var(--surface-2) 88%,var(--accent-soft));box-shadow:0 16px 38px rgba(0,0,0,.16)}.attachPicker{position:relative;display:flex;flex:0 0 auto;align-items:center;min-height:42px}.attachMenu{position:absolute;bottom:calc(100% + 14px);left:-4px;z-index:35;display:grid;width:min(292px,calc(100vw - 32px));overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#111b20;box-shadow:0 22px 54px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04);padding:10px 0;transform-origin:bottom left;animation:attachMenuIn .14s ease-out}@keyframes attachMenuIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.attachOption{display:grid;grid-template-columns:48px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;width:100%;min-height:48px;background:transparent;color:#f7fbfb;padding:7px 20px 7px 18px;font-size:1rem;font-weight:900;text-align:left;transition:background .14s ease,transform .14s ease}.attachOption:hover{background:rgba(255,255,255,.055)}.attachOption:active{transform:scale(.99)}.attachIcon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#ffffff;font-family:Space Grotesk,sans-serif;font-size:1.02rem;font-weight:900;line-height:1;box-shadow:inset 0 -8px 14px rgba(0,0,0,.14)}.attachTone-purple .attachIcon{background:linear-gradient(135deg,#8f5bff,#6f48e8)}.attachTone-blue .attachIcon{background:linear-gradient(135deg,#18a6ff,#1679e8)}.attachTone-pink .attachIcon{background:linear-gradient(135deg,#ff5aa8,#e13a79)}.attachTone-orange .attachIcon{background:linear-gradient(135deg,#ffad3d,#ef7c22)}.emojiInputWrap{position:relative;display:flex;flex:1 1 auto;align-items:flex-end;min-width:0}.emojiHoverTarget{display:flex;flex:0 0 auto}.emojiButton{display:grid;place-items:center;width:38px;height:42px;flex:0 0 auto;border-radius:999px;background:transparent;color:var(--muted-strong);font-size:1.15rem;font-weight:900}.emojiButton:hover,.emojiButton[aria-expanded=true]{background:var(--surface-3);color:var(--text)}.emojiPicker{position:absolute;left:0;bottom:calc(100% + 12px);z-index:30;display:grid;grid-template-columns:repeat(8,34px);grid-gap:6px;gap:6px;border:1px solid var(--border-strong);border-radius:18px;background:var(--elevated);box-shadow:var(--shadow);padding:10px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.emojiPicker button{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:transparent;font-size:1.16rem;transition:background .14s ease,transform .14s ease}.emojiPicker button:hover{background:var(--accent-soft);transform:translateY(-1px)}.roundButton{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:transparent;color:var(--muted-strong);font-size:1.35rem;font-weight:700}.roundButton:hover{background:var(--surface-3);color:var(--text)}.composer textarea{flex:1 1 auto;min-width:0;min-height:42px;max-height:124px;overflow-y:auto;resize:none;padding:10px 2px 8px;scrollbar-width:thin}.composer .sendButton,.voiceButton{display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0}.voiceButton,.waSendButton{border-radius:50%;font-size:1rem;line-height:1}.voiceButton{flex:0 0 auto;background:var(--surface-3);color:var(--muted-strong);font-size:1.12rem;font-weight:900;transition:background .16s ease,color .16s ease,transform .16s ease}.voiceButton:hover{background:var(--accent-soft);color:var(--accent-2);transform:translateY(-1px)}.emptyChatState{display:grid;place-items:center;padding:24px}.emptyChatCard{display:grid;justify-items:center;width:min(440px,100%);border:1px solid var(--border);border-radius:32px;background:var(--elevated);padding:34px;text-align:center}.emptyChatMark{display:grid;place-items:center;width:72px;height:72px;margin-bottom:18px;border-radius:24px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#05211a;font-family:Space Grotesk,sans-serif;font-weight:900}.emptyChatCard p:not(.eyebrow){max-width:340px;margin:12px 0 18px;color:var(--muted);line-height:1.6}.detailPanel{display:grid;align-content:start;grid-gap:14px;gap:14px;padding:18px}.detailPanelTop{justify-content:space-between;gap:12px}.detailCard,.qrCard,.settingsHero,.settingsMetric,.setupCard,.setupSteps>div,.statusRows div,.themeSwitchCard{border:1px solid var(--border);background:var(--surface-2)}.detailCard{border-radius:22px;padding:16px}.detailCard.profile{text-align:center}.detailCard.profile .largeAvatar{margin:0 auto 12px}.customerTag{display:inline-flex;margin-top:12px;background:rgba(240,183,90,.18);color:var(--warning);padding:8px 12px}.connectedList{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.connectedList div{gap:10px;font-size:.9rem;font-weight:800}.dot{width:10px;height:10px;border-radius:50%}.timeline p{border-left:2px solid var(--accent-soft);padding-left:10px;line-height:1.5}.settingsPanel{position:relative;overflow:auto;padding:24px 24px 56px}.settingsPanel:before{position:fixed;inset:24px 24px auto auto;width:min(36vw,420px);height:min(36vw,420px);border-radius:50%;background:radial-gradient(circle,rgba(100,227,193,.18),transparent 68%);content:"";pointer-events:none}.settingsHero{position:relative;overflow:hidden;border-radius:34px;background:radial-gradient(circle at 92% 8%,rgba(100,227,193,.26),transparent 20rem),linear-gradient(135deg,rgba(0,194,139,.18),transparent 42%),var(--surface-2);padding:clamp(22px,4vw,38px)}.settingsHero:after{position:absolute;right:-80px;bottom:-110px;width:300px;height:300px;border:1px solid var(--border-strong);border-radius:88px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);content:"";transform:rotate(18deg)}.heroConnectionCard,.settingsHeroCopy{position:relative;z-index:1}.settingsHeroCopy{max-width:680px}.settingsHero h1{max-width:680px;margin-top:4px;font-size:clamp(2rem,5vw,4.4rem);line-height:.95}.settingsHero p{max-width:680px;margin-top:14px;color:var(--muted);line-height:1.6}.qrActions,.settingsHeroActions,.setupHeader.horizontal{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}.connectionBadge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--accent-soft);color:var(--muted-strong);padding:9px 12px;font-size:.78rem;font-weight:900}.connectionBadge span,.statusDot{width:9px;height:9px;border-radius:50%;background:var(--warning)}.connectionBadge.online span,.statusDot.online{background:var(--wa-green)}.connectionBadge.ready span,.statusDot.ready{background:var(--blue)}.connectionBadge.offline span,.statusDot.offline{background:var(--pink)}.heroConnectionCard{display:grid;justify-items:center;grid-gap:14px;gap:14px;min-width:min(280px,100%);border:1px solid var(--border-strong);border-radius:28px;background:color-mix(in srgb,var(--surface) 74%,transparent);padding:18px;text-align:center}.heroMeterRing{display:grid;place-items:center;width:138px;height:138px;border:12px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;color:var(--text);font-family:Space Grotesk,sans-serif;font-weight:900}.settingsQuickGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:16px 0}.settingsMetric{border-radius:22px;padding:16px}.settingsMetric strong{display:block;margin:5px 0;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.1rem}.apiNotice{display:grid;grid-gap:4px;gap:4px;margin-bottom:16px;border:1px solid rgba(236,111,167,.36);border-radius:18px;background:rgba(236,111,167,.12);color:var(--text);padding:14px 16px}.apiNotice span{color:var(--muted-strong);overflow-wrap:anywhere}.settingsGridEnhanced{display:grid;grid-template-columns:minmax(340px,1.35fr) minmax(280px,.9fr);grid-gap:16px;gap:16px}.connectionConsole,.integrationCard,.preferenceCard,.setupJourney{border-radius:26px;padding:18px}.qrHeader{justify-content:space-between;gap:12px}.qrGuidance h2,.qrHeader strong,.setupHeader h2{display:block;margin-top:4px;color:var(--text);font-family:Space Grotesk,sans-serif}.qrHeader small{border-radius:999px;background:var(--accent-soft);color:var(--muted-strong);padding:8px 10px;font-size:.72rem;font-weight:900;white-space:nowrap}.qrExperience{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:center;margin:22px 0}.qrBox{position:relative;display:grid;aspect-ratio:1;width:min(340px,100%);overflow:hidden;border:14px solid #ffffff;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.qrBox,.qrBox span{background:#ffffff}.qrBox span.dark{background:#000000}.qrBox.connected span{opacity:.18}.qrOverlay,.qrPlaceholder{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);text-align:center}.qrPlaceholder{display:grid;grid-gap:6px;gap:6px;width:min(76%,250px);color:#4b5b54;font-weight:800;line-height:1.45}.qrOverlay{border-radius:999px;background:var(--wa-green);color:#05211a;padding:12px 16px;font-weight:900}.qrGuidance{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.qrHintList{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.qrHintList span{border-radius:999px;background:var(--accent-soft);color:var(--muted-strong);padding:7px 10px;font-size:.72rem;font-weight:900}.settingsSideStack,.setupSteps,.statusRows{display:grid;grid-gap:12px;gap:12px}.themeSwitchCard{display:grid;grid-gap:14px;gap:14px;border-radius:26px;padding:18px}.themeSwitchCard strong{display:block;margin:4px 0;color:var(--text);font-family:Space Grotesk,sans-serif}.setupHeader{margin-bottom:14px}.setupSteps>div{gap:12px;border-radius:18px;padding:14px}.setupSteps>div>div{min-width:0}.setupSteps strong{color:var(--text)}.integrationCard{grid-column:1/-1}.statusRows div strong{color:var(--text);overflow-wrap:anywhere;text-align:right}.dangerGhost{color:var(--pink)}.loginShell{display:grid;min-height:100vh;place-items:center;padding:24px}.loginCard{display:grid;grid-gap:16px;gap:16px;width:min(460px,100%);border:1px solid var(--border-strong);border-radius:34px;background:radial-gradient(circle at 90% 10%,var(--bg-glow-a),transparent 18rem),var(--elevated);box-shadow:var(--shadow);padding:clamp(24px,5vw,42px)}.loginBrandMark{display:grid;place-items:center;width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#05211a;font-family:Space Grotesk,sans-serif;font-size:1.45rem;font-weight:900}.loginHint span,.loginIntro,.userAccessCard p{color:var(--muted);line-height:1.55}.loginForm,.loginForm label,.userEditor,.userEditor label{display:grid;grid-gap:8px;gap:8px}.loginForm input,.userEditor input,.userEditor select{width:100%;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);color:var(--text);padding:12px 13px}.loginError{border:1px solid rgba(236,111,167,.38);border-radius:14px;background:rgba(236,111,167,.12);color:var(--pink);padding:11px 12px;font-weight:900}.loginHint{display:grid;grid-gap:5px;gap:5px;border-radius:18px;background:var(--surface-2);padding:14px}.signOutButton{margin-left:auto;border-radius:999px;background:var(--surface-3);color:var(--muted-strong);padding:7px 10px;font-size:.7rem;font-weight:900}.userAccessCard{display:grid;grid-gap:16px;gap:16px}.securityCallout,.userAccessHeader,.userAccessSummary{display:flex;gap:12px;align-items:center;justify-content:space-between}.userAccessHeader{align-items:flex-start}.securityCallout,.userAccessSummary span{border:1px solid var(--border);border-radius:18px;background:var(--surface-2);color:var(--muted);padding:10px 12px;font-size:.78rem;font-weight:900}.userAccessSummary span strong{display:block;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.1rem}.securityCallout{justify-content:flex-start;background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--surface-2) 84%,transparent))}.rolePill,.securityCallout strong{color:var(--accent-2)}.rolePill{border-radius:999px;background:var(--accent-soft);padding:8px 12px;font-weight:900}.userAdminGrid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);grid-gap:16px;gap:16px;align-items:start}.permissionGrid,.userList{display:grid;grid-gap:10px;gap:10px}.userListState{border:1px dashed var(--border-strong);border-radius:18px;color:var(--muted);padding:18px;text-align:center}.userList button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;border:1px solid var(--border);border-radius:18px;background:var(--surface-2);color:var(--text);padding:10px;text-align:left}.userList button.selected{border-color:var(--border-strong);background:var(--accent-soft)}.userList span{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#05211a;font-weight:900}.permissionGrid small,.userList em,.userList small{color:var(--muted);font-size:.74rem;font-style:normal}.userEditor{border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--surface) 62%,transparent);padding:16px}.formGridTwo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.activeToggle,.permissionGrid label{display:flex;align-items:flex-start;gap:10px}.permissionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.permissionGrid label{border:1px solid var(--border);border-radius:16px;background:var(--surface-2);padding:12px}.integrationCard .setupHeader.horizontal{margin-top:0;margin-bottom:16px}.statusRows{grid-template-columns:repeat(2,minmax(0,1fr))}.statusRows div{align-items:flex-start;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-2) 88%,var(--accent-soft)),var(--surface-2));padding:15px}.statusRows div span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.statusRows div strong{max-width:100%;font-family:Space Grotesk,sans-serif;font-size:1rem;line-height:1.25}.userAccessCard{gap:18px}.userAccessHeader{border-bottom:1px solid var(--border);padding-bottom:16px}.integrationCard h2,.userAccessHeader h2{margin-top:4px;color:var(--text)}.userAccessSummary{flex-wrap:wrap;justify-content:flex-end}.userAccessSummary span{min-width:78px;text-align:center}.securityCallout{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-content:start}.userAdminGrid{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr)}.userList{align-content:start;max-height:560px;overflow:auto;padding-right:4px}.userList button{grid-template-columns:auto minmax(0,1fr);position:relative;padding:12px}.userList button>div{display:grid;grid-gap:3px;gap:3px;min-width:0}.userList small,.userList strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userList em{grid-column:2;justify-self:start;border-radius:999px;background:var(--wa-label-bg);padding:4px 8px}.userEditor{gap:16px}.userEditor label{color:var(--muted-strong);font-size:.78rem;font-weight:900}.userEditor input,.userEditor select{margin-top:2px;color:var(--text);font-size:.92rem;font-weight:700}.activeToggle{width:max-content;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);padding:10px 13px}.permissionGrid{gap:12px}.permissionGrid label{min-height:104px;align-items:flex-start}.permissionGrid input{flex:0 0 auto;margin-top:3px}.permissionGrid span{display:grid;grid-gap:5px;gap:5px}.permissionGrid strong{display:block;color:var(--text);font-size:.9rem;line-height:1.25}.permissionGrid small{display:block;line-height:1.45}.successNotice{border-color:rgba(0,194,139,.32);background:var(--accent-soft);color:var(--accent-2)}.userAccessCardV2{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 18%,var(--border));background:radial-gradient(circle at 4% 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 23rem),linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-2) 80%,transparent))}.userAccessTitleBlock{max-width:560px}.userAccessCardV2 .userAccessSummary{display:grid;grid-template-columns:repeat(3,minmax(86px,1fr)) auto;min-width:min(100%,520px)}.userAccessCardV2 .userAccessSummary span{min-width:0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 88%,var(--accent-soft)),var(--surface-2));padding:12px 14px;text-align:left}.userAccessCardV2 .userAccessSummary small{display:block;margin-bottom:3px;color:var(--muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.saveUserButton,.userAddButton{min-height:46px}.accessBlueprint{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.accessBlueprint div{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:color-mix(in srgb,var(--surface-2) 82%,transparent);padding:16px}.accessBlueprint div:after{position:absolute;right:-18px;top:-26px;width:76px;height:76px;border-radius:50%;background:var(--accent-soft);content:""}.accessBlueprint span{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:14px;border-radius:13px;background:var(--accent-soft);color:var(--accent-2);font-family:Space Grotesk,sans-serif;font-weight:900}.accessBlueprint strong{display:block;margin-bottom:6px;color:var(--text);font-family:Space Grotesk,sans-serif}.accessBlueprint p{font-size:.83rem}.securityCalloutV2{grid-template-columns:auto minmax(0,1fr);border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--accent-soft) 82%,transparent),color-mix(in srgb,var(--surface-2) 78%,transparent));padding:14px}.guardIcon{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#05211a;font-size:.74rem;font-weight:900}.securityCalloutV2 p{margin-top:2px;font-size:.84rem}.userDirectory,.userEditorV2{border:1px solid var(--border);border-radius:26px;background:color-mix(in srgb,var(--surface) 76%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.03)}.userDirectory{display:grid;grid-gap:12px;gap:12px;min-width:0;padding:14px}.userDirectoryHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.editorHero span,.permissionCountCard strong,.permissionEditorHeader span,.userDirectoryHeader span{color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.editorHero strong,.permissionEditorHeader strong,.userDirectoryHeader strong{display:block;margin-top:3px;color:var(--text);font-family:Space Grotesk,sans-serif}.userSearchBox{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);padding:10px 12px}.userSearchBox span{color:var(--accent-2);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.userSearchBox input{min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.userSearchBox input::placeholder{color:var(--muted)}.userListV2{max-height:650px;padding-right:2px}.userListV2 button{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;border-radius:20px;background:color-mix(in srgb,var(--surface-2) 78%,transparent);transition:border-color .16s ease,background .16s ease,transform .16s ease}.userListV2 button.selected,.userListV2 button:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--border-strong));background:linear-gradient(90deg,color-mix(in srgb,var(--accent-soft) 70%,transparent),transparent),var(--surface-2);transform:translateX(2px)}.userListV2 button>div{display:grid;grid-gap:4px;gap:4px}.userListV2 .userAvatar{width:44px;height:44px;border-radius:16px}.userListV2 em.rolePill{justify-self:start;width:max-content;padding:4px 8px;font-size:.68rem}.statusPill{align-self:start;border-radius:999px;padding:5px 8px;font-size:.68rem;font-style:normal;font-weight:900}.statusPill.active{background:var(--accent-soft);color:var(--accent-2)}.statusPill.inactive{background:color-mix(in srgb,var(--pink) 14%,transparent);color:var(--pink)}.rolePill.super_admin{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.rolePill.admin{background:color-mix(in srgb,var(--blue) 16%,transparent);color:var(--blue)}.rolePill.agent{background:var(--accent-soft);color:var(--accent-2)}.userEditorV2{padding:18px}.editorHero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;border:1px solid var(--border);border-radius:22px;background:radial-gradient(circle at 0 0,var(--accent-soft),transparent 15rem),var(--surface-2);padding:14px}.editorAvatar{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#05211a;font-family:Space Grotesk,sans-serif;font-weight:900}.editorHero p,.permissionEditorHeader em,.permissionGroup legend span,.userEditorV2 label small{color:var(--muted);font-size:.8rem;line-height:1.45}.userFormGrid label small{margin-top:-2px}.accountStateRow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center}.activeToggleV2{width:100%;border-radius:18px}.activeToggleV2 span{color:var(--text)}.permissionCountCard{min-width:150px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2);padding:10px 13px}.permissionCountCard span{display:block;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.18rem;font-weight:900}.permissionEditor{display:grid;grid-gap:14px;gap:14px;border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--surface-2) 72%,transparent);padding:14px}.permissionEditorHeader{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.permissionEditorHeader em{max-width:220px;border-radius:999px;background:var(--accent-soft);color:var(--accent-2);padding:7px 10px;font-style:normal;font-weight:900}.permissionGroupGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.permissionGroup{display:grid;grid-gap:9px;gap:9px;min-width:0;margin:0;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--surface) 62%,transparent);padding:13px}.permissionGroup legend{display:grid;grid-gap:3px;gap:3px;width:100%;margin-bottom:4px;padding:0}.permissionGroup legend strong{color:var(--text);font-family:Space Grotesk,sans-serif}.permissionItem{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);padding:11px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.permissionItem.checked{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:color-mix(in srgb,var(--accent-soft) 46%,var(--surface-2))}.permissionItem:hover{transform:translateY(-1px)}.permissionItem span{display:grid;grid-gap:4px;gap:4px}.permissionItem strong{color:var(--text);line-height:1.25}.permissionItem small{color:var(--muted);font-size:.75rem;line-height:1.42}@media (max-width:1180px){.shell,.shell.detailsOpen{grid-template-columns:220px minmax(310px,370px) minmax(0,1fr)}.settingsShell{grid-template-columns:220px minmax(0,1fr)}.shell{--sidebar-width:220px}.detailPanel{position:fixed;inset:12px 12px 12px auto;z-index:45;width:min(340px,calc(100vw - 24px))}}@media (max-width:920px){body{overflow:auto}.settingsShell,.shell,.shell.detailsOpen{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sideNavRail{position:relative;top:0;height:auto}.chatPanel,.inboxPanel,.settingsPanel,.sidebar{min-height:0}.accessBlueprint,.permissionGrid,.permissionGroupGrid,.qrExperience,.settingsGridEnhanced,.settingsQuickGrid,.userAccessCardV2 .userAccessSummary,.userAdminGrid{grid-template-columns:1fr}.userAccessCardV2 .userAccessSummary{min-width:0}}@media (max-width:640px){.settingsShell,.shell,.shell.detailsOpen{gap:10px;padding:8px}.chatPanel,.detailPanel,.inboxPanel,.settingsPanel,.sidebar{border-radius:22px}.chatHeader,.panelHeader,.settingsHero,.setupHeader.horizontal,.themeSwitchCard,.userAccessHeader,.userAccessSummary{align-items:stretch;flex-direction:column}.ghostButton,.headerActions button,.heroConnectionCard,.sendButton,.userAccessSummary .ghostButton{width:100%}.accountStateRow,.editorHero,.formGridTwo,.securityCallout,.securityCalloutV2,.statusRows{grid-template-columns:1fr}.activeToggle,.permissionCountCard{width:100%}.editorHero .rolePill{justify-self:start}.permissionEditorHeader{flex-direction:column}.heroMeterRing{width:118px;height:118px}.headerActions{width:100%}.insightStrip{display:grid}.bubble{max-width:88%}.messageArea{padding:18px 12px}.replyPanel{padding:8px}.composer{align-items:flex-end;border-radius:20px;flex-wrap:nowrap;gap:8px}.composer textarea{flex:1 1 auto}.emojiPicker{grid-template-columns:repeat(4,34px)}.composer .sendButton{width:auto;min-height:42px;padding-inline:15px}.attachmentTools{display:none}.attachmentPreviewBottom{align-items:stretch;flex-wrap:wrap}.captionEmojiWrap{flex-basis:calc(100% - 70px)}.attachmentPreviewBottom textarea{flex-basis:auto}.attachmentThumbRow{order:2;width:100%}}.newChatOverlay{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:rgba(0,0,0,.38);padding:18px}.newChatCard{display:grid;grid-gap:14px;gap:14px;width:min(360px,100%);border:1px solid var(--border-strong);border-radius:24px;background:#111b20;box-shadow:0 28px 70px rgba(0,0,0,.42);padding:18px}.newChatHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.newChatCard label,.newChatHeader span{color:var(--muted);font-size:.78rem;font-weight:900}.newChatHeader strong{display:block;color:var(--text);font-size:1.18rem}.newChatHeader button{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-3);color:var(--text)}.newChatCard label{display:grid;grid-gap:8px;gap:8px}.newChatCard input,.newChatCard textarea{width:100%;border:1px solid var(--border);border-radius:16px;outline:0;background:var(--surface-2);color:var(--text);padding:11px 12px;resize:none}.assignmentActions button,.newChatSubmit{border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#05211a;padding:10px 14px;font-weight:900}.voiceRecorderBar{display:grid;grid-template-columns:auto auto minmax(90px,1fr) auto auto;grid-gap:10px;gap:10px;align-items:center;margin-top:8px;border:1px solid rgba(255,123,111,.24);border-radius:999px;background:rgba(255,123,111,.1);padding:8px 10px}.recordingDot{width:10px;height:10px;border-radius:50%;background:#ff5d52;box-shadow:0 0 0 6px rgba(255,93,82,.12)}.recordingWave{display:flex;align-items:center;gap:3px;min-width:0}.recordingWave span{width:3px;height:12px;border-radius:999px;background:var(--accent-2);opacity:.8}.recordingWave span:nth-child(3n){height:22px}.voiceRecorderBar button{border-radius:999px;background:var(--surface-3);color:var(--text);padding:7px 10px;font-weight:900}.assignmentActions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.assignmentActions button{padding:7px 10px;font-size:.74rem}.detailMediaGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:10px}.detailMediaItem{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface-3);color:var(--text);text-decoration:none}.detailMediaItem img{width:100%;height:100%;object-fit:cover}.detailMediaItem small{max-width:100%;overflow:hidden;padding:4px;color:var(--muted-strong);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.imageViewerOverlay{position:fixed;inset:0;z-index:120;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:rgba(3,10,8,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.imageViewerTopbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(10,25,21,.92);padding:12px 20px}.imageViewerIdentity{display:flex;align-items:center;gap:12px;min-width:0}.imageViewerAvatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#05211a;font-weight:900}.imageViewerIdentity span,.imageViewerIdentity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imageViewerIdentity strong{color:#f7fbfb;font-size:.96rem}.imageViewerIdentity span{color:rgba(247,251,251,.66);font-size:.8rem;font-weight:800}.imageViewerActions{display:flex;align-items:center;gap:8px}.imageViewerActions a,.imageViewerActions button,.imageViewerNav{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);color:#f7fbfb;text-decoration:none;font-size:1.1rem;font-weight:900}.imageViewerStage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;padding:28px 72px}.imageViewerStage img{display:block;max-width:100%;max-height:100%;border-radius:10px;object-fit:contain;box-shadow:0 24px 80px rgba(0,0,0,.42)}.imageViewerNav{position:fixed;top:50%;z-index:122;transform:translateY(-50%)}.imageViewerNav.previous{left:24px}.imageViewerNav.next{right:24px}.imageViewerFilmstrip{display:flex;gap:8px;overflow-x:auto;background:rgba(10,25,21,.9);padding:10px 16px}.imageViewerFilmstrip button{flex:0 0 auto;width:58px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.08);padding:0}.imageViewerFilmstrip button.selected{border-color:var(--accent-2)}.imageViewerFilmstrip img{width:100%;height:100%;object-fit:cover}@media (max-width:720px){.imageViewerStage{padding:18px 16px}.imageViewerNav{top:auto;bottom:82px;transform:none}}.mediaGalleryHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.mediaGalleryHeader span{border-radius:999px;background:var(--wa-label-bg);color:var(--muted-strong);padding:4px 8px;font-size:.68rem;font-weight:900}.mediaTabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin:10px 0;border-radius:999px;background:var(--surface-3);padding:4px}.mediaTabs button{border-radius:999px;background:transparent;color:var(--muted-strong);padding:7px 8px;font-size:.72rem;font-weight:900}.mediaTabs button.selected{background:var(--accent);color:#05211a}.detailDocumentList,.detailLinkList{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.detailDocumentItem,.detailLinkItem{display:grid;grid-template-columns:38px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;border:1px solid var(--border);border-radius:15px;background:var(--surface-3);color:var(--text);padding:10px;text-decoration:none}.detailDocumentItem>span,.detailLinkItem>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent-soft);color:var(--accent-2);font-size:.72rem;font-weight:900}.detailDocumentItem small,.detailDocumentItem strong,.detailLinkItem small,.detailLinkItem strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detailDocumentItem strong,.detailLinkItem strong{font-size:.82rem}.detailDocumentItem small,.detailLinkItem small{color:var(--muted);font-size:.68rem}.imageViewerOverlay{background:#0b1113;grid-template-rows:70px minmax(0,1fr) 84px}.imageViewerTopbar{min-height:70px;border-bottom:0;background:#111b20;padding:10px 18px}.imageViewerAvatar{width:46px;height:46px;border:2px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#78f1cd,#0fb884);font-size:.88rem}.imageViewerIdentity strong{font-size:1rem;font-weight:900}.imageViewerIdentity span{margin-top:2px;color:rgba(247,251,251,.58);font-size:.78rem;text-transform:none}.imageViewerActions{gap:4px;overflow-x:auto;padding-left:10px}.imageViewerActions a,.imageViewerActions button,.imageViewerNav{width:36px;height:36px;background:transparent;color:rgba(247,251,251,.9);font-size:1.08rem;transition:background .14s ease,color .14s ease,transform .14s ease}.imageViewerActions a:hover,.imageViewerActions button:hover,.imageViewerNav:hover{background:rgba(255,255,255,.1);color:#ffffff}.imageViewerClose{margin-left:6px;font-size:1.35rem!important}.imageViewerStage{background:#0b1113;padding:24px 82px}.imageViewerStage img{max-height:calc(100vh - 190px);border-radius:4px;box-shadow:0 30px 90px rgba(0,0,0,.48)}.imageViewerNav{width:44px;height:44px;background:rgba(255,255,255,.08);font-size:2rem}.imageViewerNav.previous{left:18px}.imageViewerNav.next{right:18px}.imageViewerFilmstrip{align-items:center;justify-content:center;min-height:84px;border-top:1px solid rgba(255,255,255,.08);background:#111b20;padding:10px 18px}.imageViewerFilmstrip button{width:64px;height:58px;border:2px solid transparent;border-radius:7px;opacity:.74;transition:border-color .14s ease,opacity .14s ease,transform .14s ease}.imageViewerFilmstrip button:hover{opacity:1;transform:translateY(-1px)}.imageViewerFilmstrip button.selected{border-color:#21d07a;opacity:1}.waSendEditor{position:fixed;inset:0;z-index:130;display:grid;grid-template-rows:64px minmax(0,1fr) 134px;background:#0b1113;color:#f7fbfb}.waSendEditorTopbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-gap:12px;gap:12px;align-items:center;background:#111b20;padding:10px 18px}.waSendEditorTopbar>a,.waSendEditorTopbar>button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:transparent;color:#f7fbfb;font-size:1.4rem;font-weight:900;text-decoration:none}.waSendEditorTopbar>a:hover,.waSendEditorTopbar>button:hover{background:rgba(255,255,255,.09)}.waSendEditorTopbar .attachmentTools{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;overflow-x:auto}.waSendEditorTopbar .attachmentTools button{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:transparent;color:rgba(247,251,251,.88);padding:0;font-size:1rem;font-weight:900}.waSendEditorTopbar .attachmentTools button:hover{background:rgba(255,255,255,.09);color:#ffffff}.waSendEditorStage{display:grid;place-items:center;min-height:0;overflow:hidden;padding:26px clamp(18px,5vw,80px)}.waSendEditorStage>img,.waSendEditorStage>video{display:block;max-width:100%;max-height:100%;border-radius:6px;object-fit:contain;box-shadow:0 28px 80px rgba(0,0,0,.42)}.sendEditorDocument{display:grid;justify-items:center;grid-gap:12px;gap:12px;width:min(420px,100%);border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#111b20;padding:32px;text-align:center}.sendEditorDocument>span{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:linear-gradient(135deg,#8f5bff,#6f48e8);color:#ffffff;font-weight:900}.sendEditorDocument strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendEditorDocument.audioDoc>span{background:linear-gradient(135deg,#ffad3d,#ef7c22)}.sendEditorDocument audio{width:min(320px,100%)}.waSendEditorBottom{display:grid;grid-template-columns:minmax(220px,1fr) auto 64px;grid-gap:14px;gap:14px;align-items:center;border-top:1px solid rgba(255,255,255,.08);background:#111b20;padding:14px 18px}.sendEditorCaption{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px 38px;align-items:center;grid-gap:6px;gap:6px;min-height:48px;border-radius:999px;background:rgba(255,255,255,.08);padding:0 8px 0 16px}.sendEditorCaption textarea{min-height:42px;max-height:94px;border:0;outline:0;resize:none;background:transparent;color:#f7fbfb;padding:11px 0}.sendEditorCaption textarea::placeholder{color:rgba(247,251,251,.52)}.sendEditorCaption>button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:transparent;color:rgba(247,251,251,.86);font-size:1.08rem}.sendEditorEmojiPicker{right:0;bottom:calc(100% + 10px);left:auto}.sendEditorTray{display:flex;align-items:center;gap:9px;min-width:0;overflow-x:auto;padding:0}.sendEditorAdd,.sendEditorTray .attachmentThumb{flex:0 0 auto;width:54px;height:54px;overflow:hidden;border:2px solid transparent;border-radius:8px;background:rgba(255,255,255,.08);color:#f7fbfb;padding:0}.sendEditorTray .attachmentThumb.selected{border-color:#21d07a}.sendEditorTray .attachmentThumb img,.sendEditorTray .attachmentThumb video{width:100%;height:100%;object-fit:cover}.sendEditorAdd,.sendEditorSend,.sendEditorTray .attachmentThumb span{display:grid;place-items:center;font-weight:900}.sendEditorSend{width:58px;height:58px;border-radius:50%;background:#f7fbfb;color:#111b20;padding:0;font-size:1.2rem}@media (max-width:820px){.waSendEditor{grid-template-rows:58px minmax(0,1fr) auto}.waSendEditorBottom{grid-template-columns:1fr 58px}.sendEditorTray{grid-column:1/-1;order:2}}.viewOnceAttachment{display:grid;grid-template-columns:42px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;min-width:min(320px,70vw);border:1px solid color-mix(in srgb,var(--warning) 32%,transparent);border-radius:16px;background:color-mix(in srgb,var(--warning) 10%,rgba(0,0,0,.18));padding:11px}.viewOnceAttachment>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--warning) 22%,transparent);color:var(--warning);font-weight:900}.viewOnceAttachment p,.viewOnceAttachment strong{display:block;margin:0}.viewOnceAttachment strong{color:var(--text);font-size:.9rem}.viewOnceAttachment p{margin-top:2px;color:var(--muted-strong);font-size:.75rem;line-height:1.35}