@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#182333;background:#f4f6fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.layout{min-height:100vh;display:flex}.sidebar{width:248px;background:#111c2d;color:#c8d2e1;padding:26px 16px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 32px;color:#fff}.brandIcon{width:39px;height:39px;background:#18a77a;color:#fff;border-radius:13px;display:grid;place-items:center}.brand b,.brand small{display:block}.brand b{font-family:Manrope,sans-serif;font-size:14px}.brand small{font-size:11px;color:#94a3b8;margin-top:4px}.workspaceLabel,.eyebrow{font-size:10px;letter-spacing:1.5px;color:#91a0b5;font-weight:700;padding:0 10px 12px}.nav{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#b7c2d3;text-align:left;padding:12px;border-radius:9px;margin:2px 0;font-size:13px}.nav svg{width:17px;height:17px}.nav.active,.nav:hover{background:#20314a;color:#fff}.nav.active{box-shadow:inset 3px 0 #20bd8c}.sideBottom{margin-top:auto}.secure{display:flex;gap:10px;background:#1a2940;padding:12px;border-radius:10px;margin:20px 0;color:#6fe0b7}.secure span b,.secure small{display:block}.secure b{font-size:12px;color:#e1e9f2}.secure small{font-size:10px;color:#9caec2;margin-top:4px}.main{padding:30px 38px;max-width:1600px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.topbar .eyebrow{padding:0;color:#8290a3}.topbar h1{font-family:Manrope,sans-serif;font-size:25px;margin:7px 0 0;letter-spacing:-.7px}.userChip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e7ebf1;padding:7px 12px 7px 7px;border-radius:30px;font-size:12px}.avatar{width:29px;height:29px;border-radius:50%;background:#e0f5ed;color:#16835f;display:grid;place-items:center;font-weight:700}.hero{background:linear-gradient(115deg,#13243a,#1c3b50);color:#fff;border-radius:17px;padding:29px 34px;min-height:205px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.pill{font-size:9px;letter-spacing:1px;font-weight:700;background:#29475a;color:#a6f2d8;padding:7px 10px;border-radius:20px}.dot{display:inline-block;width:6px;height:6px;background:#42d8a7;border-radius:50%;margin-right:6px}.hero h2{font-family:Manrope,sans-serif;font-size:26px;line-height:1.25;letter-spacing:-.8px;margin:17px 0 8px}.hero p{font-size:12px;color:#c0cfdd;margin:0}.heroArt{position:relative;width:190px;height:150px;display:grid;place-items:center;color:#54d8ae}.heroArt>svg{z-index:1;background:#244b5a;border-radius:28px;padding:19px;width:100px;height:100px;filter:drop-shadow(0 14px 25px #07152166)}.orbit{position:absolute;border:1px solid #467080;border-radius:50%;width:150px;height:150px}.orbit2{width:190px;height:110px;transform:rotate(-30deg)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.stat{position:relative;background:#fff;border:1px solid #e8ecf2;border-radius:13px;padding:18px 19px}.stat span{font-size:12px;color:#6f7d8e}.stat>svg{position:absolute;right:18px;top:17px;color:#8ba0b1;width:18px}.stat b{display:block;font-family:Manrope,sans-serif;font-size:27px;margin:12px 0 4px}.stat small{color:#8b97a6;font-size:11px}.panel{background:#fff;border:1px solid #e7ebf1;border-radius:14px;padding:22px;margin-bottom:18px}.panelHead{display:flex;justify-content:space-between;align-items:flex-start}.panel h3{font-family:Manrope,sans-serif;margin:0;font-size:16px}.muted{color:#8390a0;font-size:12px;line-height:1.6}.panelHead p{margin:6px 0 0}.secondary,.smallButton{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dfe5ec;border-radius:8px;padding:9px 12px;font-size:11px;color:#3d4d5e}.addRow{display:flex;gap:9px;margin:19px 0 21px}.addRow input,.form input{border:1px solid #dfe5ec;border-radius:8px;padding:11px 12px;outline:none;background:#fff;min-width:0}.addRow input{flex:1;font-size:12px}.addRow input:focus,.form input:focus{border-color:#1ba77c;box-shadow:0 0 0 3px #1ba77c18}.primary{border:0;background:#159b70;color:#fff;border-radius:8px;padding:10px 14px;font-weight:600;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px}.primary:hover{background:#0e805b}.primary:disabled{opacity:.6}.tableHead,.numberRow{display:grid;grid-template-columns:minmax(180px,2fr) 1fr 1fr 90px;gap:12px;align-items:center}.tableHead{background:#f7f9fb;border-block:1px solid #edf0f4;padding:10px 12px;font-size:9px;letter-spacing:1px;font-weight:700;color:#8b97a6}.numberRow{padding:13px 12px;border-bottom:1px solid #eff2f6;font-size:11px;color:#647286}.numberName{display:flex;align-items:center;gap:10px}.numberIcon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e5f7f0;color:#13956a}.numberName b,.numberName small{display:block}.numberName b{font-size:12px;color:#273547}.numberName small{font-size:10px;color:#8a96a5;margin-top:4px}.status{width:max-content;border-radius:20px;padding:5px 8px;background:#f1f3f6;color:#7b8795;font-size:10px}.status.connected{background:#e4f8ef;color:#14865e}.status.error{background:#fff0ed;color:#c24d3b}.smallButton{padding:7px 9px;font-size:10px}.empty{text-align:center;padding:32px;color:#7f8c9c}.emptyIcon{width:44px;height:44px;border-radius:14px;background:#eef8f4;color:#20a77b;display:grid;place-items:center;margin:0 auto 12px}.empty b{font-size:12px;color:#405063}.empty p{font-size:11px}.roadmap{display:flex;gap:22px;align-items:flex-start}.roadmap>div:first-child{max-width:230px;flex-shrink:0}.roadmap p{line-height:1.6}.moduleGrid{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.moduleGrid>div{border:1px solid #edf0f4;padding:13px;border-radius:10px;display:grid;grid-template-columns:22px 1fr;gap:6px 9px;align-content:start}.moduleGrid svg{color:#159b70;width:18px;grid-row:span 2}.moduleGrid b{font-size:11px}.moduleGrid small{font-size:10px;color:#8491a0;line-height:1.5}footer{text-align:center;font-size:10px;color:#9aa4b1;padding:12px}.authShell{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 15%,#e0f6ed,transparent 32%),#f4f6fa}.authCard{width:min(100%,430px);background:#fff;border:1px solid #e6ebf1;border-radius:18px;padding:30px;box-shadow:0 18px 60px #20334b12}.authCard .brand{padding:0;color:#182333}.authCard .brand small{color:#8491a0}.authCard h1{font-family:Manrope,sans-serif;font-size:25px;margin:25px 0 6px}.authCard>p{margin-top:0}.form{display:grid;gap:15px;margin-top:24px}.form label{display:grid;gap:7px;font-size:12px;color:#435166;font-weight:600}.form input{width:100%;font-size:13px}.form .primary{padding:12px}.link{border:0;background:none;color:#148c67;font-size:12px;padding:17px 0 0}.fine{display:flex;align-items:center;gap:6px;border-top:1px solid #edf0f4;padding-top:16px;margin-top:22px!important;font-size:10px!important;color:#8995a3}.alert{background:#e6f7ef;color:#147b58;border-radius:9px;padding:10px 13px;font-size:12px;margin-bottom:12px;display:flex;justify-content:space-between}.alert button{border:0;background:none;color:inherit}.error{color:#b33e35;background:#fff0ee;border-radius:8px;padding:10px;font-size:12px}.authCard .error{margin-top:12px}.authCard .fine{background:none}@media (max-width:1000px){.sidebar{width:210px}.main{padding:24px 20px}.roadmap{display:block}.roadmap>div:first-child{max-width:none}.moduleGrid{margin-top:15px}}@media (max-width:700px){.sidebar{width:62px;padding:18px 8px}.sidebar .brand{padding:0 3px 28px}.sidebar .brand>div:last-child,.workspaceLabel,.nav:not(.active),.nav.active{font-size:0}.sidebar .nav{justify-content:center;padding:12px 0}.sidebar .nav svg{width:19px;height:19px}.secure{display:none}.sideBottom .nav{font-size:0}.main{padding:20px 13px}.topbar h1{font-size:21px}.userChip span{display:none}.hero{padding:22px}.heroArt{display:none}.hero h2{font-size:23px}.stats{grid-template-columns:1fr;gap:9px}.stat{padding:13px 16px}.stat b{margin:7px 0 2px}.panel{padding:15px}.tableHead{display:none}.numberRow{grid-template-columns:minmax(0,1fr) auto;gap:9px}.numberRow>span:nth-child(3){display:none}.numberName{min-width:0}.addRow{flex-wrap:wrap}.addRow input{flex-basis:100%}.moduleGrid{grid-template-columns:1fr}.roadmap{padding:16px}}.rowActions{display:flex;gap:5px;flex-wrap:wrap}.connectBtn{background:#e5f7f0;color:#137b5a;border-color:#c9efdf}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#091423b8;z-index:1000;display:grid;place-items:center;padding:18px}.qrModal{position:relative;width:min(100%,430px);background:#fff;border-radius:18px;padding:28px;text-align:center;box-shadow:0 25px 80px #0004}.modalClose{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:28px;color:#7b8795}.qrTitleIcon{width:48px;height:48px;border-radius:15px;background:#e5f7f0;color:#159b70;display:grid;place-items:center;margin:0 auto 12px}.qrModal h2{font-family:Manrope,sans-serif;font-size:20px;margin:0 0 9px}.qrModal p{font-size:12px;color:#728094;line-height:1.6}.qrImage{width:280px;max-width:100%;height:auto;border:1px solid #e7ebf1;border-radius:12px;padding:8px;margin:8px auto}.qrPlaceholder{width:280px;max-width:100%;height:280px;margin:8px auto;background:#f6f8fb;border:1px dashed #d7dfe8;border-radius:12px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:#718096;font-size:12px}.qrPlaceholder svg{animation:spin 1.4s linear infinite}.qrStatus{display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;color:#596779;margin:8px}.dotStatus{width:7px;height:7px;border-radius:50%;background:#d5a33c}.dotStatus.good{background:#16a36f}.qrModal>small{display:block;color:#9aa4b1;font-size:10px;line-height:1.5;margin:12px 0}.modalCancel{margin:14px auto 0;justify-content:center}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:800px){.main{padding:20px 14px}.sidebar{width:64px;padding:20px 8px}.sidebar .brand div:not(.brandIcon),.workspaceLabel,.sidebar .nav:not(.active),.sidebar .nav.active{font-size:0}.sidebar .brand{padding:0 4px 28px}.sidebar .brandIcon{flex-shrink:0}.sidebar .nav{justify-content:center;padding:12px 6px}.sidebar .secure{display:none}.roadmap{display:block}.roadmap>div:first-child{max-width:none}.tableHead,.numberRow{grid-template-columns:minmax(130px,1.5fr) 1fr 80px 110px;gap:7px}.numberRow{padding:12px 4px}.numberName{gap:6px}.numberIcon{display:none}.smallButton{padding:6px;font-size:9px}}.sessionNotice{display:flex;align-items:flex-start;gap:10px;background:#eaf8f2;border:1px solid #d3f0e3;color:#176b50;border-radius:10px;padding:13px;font-size:12px;line-height:1.6}.sessionNotice svg{flex-shrink:0}.phase11NewChatButton{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;font-size:10px;white-space:nowrap}.phase11DirectChatForm{display:flex;flex-direction:column;gap:11px;padding:13px;border-bottom:1px solid #dcefe6;background:#f5fbf8}.phase11DirectChatFormHead{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.phase11DirectChatFormHead>div{display:flex;flex-direction:column;gap:5px}.phase11DirectChatFormHead b{display:flex;align-items:center;gap:6px;font-size:12px;color:#176b50}.phase11DirectChatFormHead small,.phase11DirectChatForm label small{font-size:10px;line-height:1.45;color:#748397}.phase11DirectChatForm>label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:650;color:#344256}.phase11DirectChatForm input:not([type=checkbox]),.phase11DirectChatForm select,.phase11DirectChatForm textarea{width:100%;min-width:0;border:1px solid #d8e2e9;border-radius:8px;background:#fff;padding:9px;font:inherit;font-weight:400;color:#263447}.phase11DirectChatForm textarea{resize:vertical}.phase11DirectConsent{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px!important;font-weight:400!important;line-height:1.45}.phase11DirectConsent input{margin-top:2px;flex-shrink:0}.phase11DirectChatActions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.phase11DirectChatActions button{display:inline-flex;align-items:center;gap:5px}@media (max-width:800px){.phase11NewChatButton{padding:7px;font-size:10px}.phase11DirectChatForm{padding:11px}.phase11DirectChatActions button{flex:1;justify-content:center}}.inboxPanel{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);min-height:560px;background:#fff;border:1px solid #e7ebf1;border-radius:14px;overflow:hidden;margin-bottom:18px}.chatList{border-right:1px solid #edf0f4;min-width:0}.chatListHead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-bottom:1px solid #edf0f4;font-size:13px}.chatListControls{display:flex;align-items:center;gap:6px;min-width:0}.chatNumberFilter{min-width:0;max-width:165px;border:1px solid #dfe5ec;border-radius:7px;background:#fff;color:#344256;padding:7px 8px;font-size:10px}.iconButton{border:1px solid #e1e7ed;background:#fff;border-radius:7px;padding:7px;color:#647286}.chatItem{width:100%;display:flex;align-items:flex-start;gap:10px;padding:13px;border:0;border-bottom:1px solid #f0f2f5;background:#fff;text-align:left;color:#263447}.chatItem:hover,.chatItem.selected{background:#f0faf6}.chatAvatar{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e1f6ed;color:#16865f;font-size:12px;font-weight:700}.chatSummary{min-width:0;flex:1}.chatSummary b,.chatSummary small{display:block}.chatSummary b{font-size:12px}.chatSummary small{font-size:10px;color:#8a96a5;margin-top:3px}.chatSummary p{font-size:11px;color:#718095;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 0}.unreadBadge{background:#159b70;color:#fff;border-radius:20px;padding:3px 6px;font-size:9px}.chatDetail{display:flex;flex-direction:column;min-width:0}.chatDetailHead{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid #edf0f4}.chatDetailHead b,.chatDetailHead small{display:block}.chatDetailHead b{font-size:13px}.chatDetailHead small{font-size:10px;color:#8390a0;margin-top:4px}.messageList{flex:1;min-height:350px;max-height:60vh;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:18px;background:#f7f9fb}.messageBubble{max-width:80%;padding:10px 12px;border-radius:12px;font-size:12px;overflow-wrap:anywhere;box-shadow:0 1px 2px #1020300b}.messageBubble p{margin:0;white-space:pre-wrap;line-height:1.5}.messageBubble small{display:block;margin-top:7px;font-size:9px;color:#7e8b9b}.messageBubble.incoming{align-self:flex-start;background:#fff;border:1px solid #e9edf2;border-top-left-radius:3px}.messageBubble.outgoing{align-self:flex-end;background:#dff7ec;border:1px solid #c8eedc;border-top-right-radius:3px}.composer{display:flex;gap:9px;padding:13px;border-top:1px solid #edf0f4}.composer input{flex:1;min-width:0;border:1px solid #dfe5ec;border-radius:9px;padding:11px;font-size:12px}.chatEmpty{margin:auto}.hookRow{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid #edf0f4}.hookRow>div{flex:1;min-width:0}.hookRow b,.hookRow small{display:block;overflow-wrap:anywhere}.hookRow b{font-size:12px;color:#344256}.hookRow small{font-size:10px;color:#8491a1;margin-top:5px}.hookRow a{color:#758397}.secretBox{display:flex;flex-direction:column;gap:10px;background:#f4f8fb;border:1px solid #dfe8ef;border-radius:10px;padding:14px;font-size:12px}.secretBox code{word-break:break-all;color:#116b4e;font-size:11px}.secretBox .secondary{align-self:flex-start}@media (max-width:800px){.inboxPanel{grid-template-columns:1fr}.chatList{border-right:0;border-bottom:1px solid #edf0f4;max-height:260px;overflow:auto}.chatListHead{flex-wrap:wrap}.chatListControls{flex:1}.chatNumberFilter{flex:1;max-width:none}.messageList{min-height:260px}.chatDetailHead{padding:12px}.composer{padding:9px}.hookRow{align-items:flex-start}.sessionNotice{font-size:11px}}.contactForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}.contactForm label,.form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#526175}.contactForm input,.contactForm select,.contactForm textarea,.addRow select,.apiKeyForm input{width:100%;border:1px solid #dfe5ec;border-radius:8px;padding:11px 12px;background:#fff;outline:none;color:#243246;min-width:0}.contactForm input:focus,.contactForm select:focus,.contactForm textarea:focus,.addRow select:focus{border-color:#1ba77c;box-shadow:0 0 0 3px #1ba77c18}.contactForm .fullField{grid-column:1/-1}.contactForm>button{justify-self:start}.groupGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.groupCard{display:flex;align-items:center;gap:12px;border:1px solid #e9edf2;border-radius:10px;padding:14px}.groupCard>div{flex:1;min-width:0}.groupCard b,.groupCard small{display:block}.groupCard b{font-size:12px}.groupCard small{font-size:10px;color:#8491a1;margin-top:5px}.groupCard strong{font-size:20px;font-family:Manrope,sans-serif}.contactRow,.apiKeyRow{display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf0f4;padding:14px 3px}.contactInfo,.apiKeyMeta{flex:1;min-width:0}.contactInfo>b,.contactInfo>small,.apiKeyMeta>b,.apiKeyMeta>small{display:block}.contactInfo>b,.apiKeyMeta>b{font-size:12px;color:#263649}.contactInfo>small,.apiKeyMeta>small{font-size:10px;color:#8290a1;margin-top:4px;overflow-wrap:anywhere}.contactTags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.contactTags .status{font-size:9px}.apiKeyForm{max-width:650px;margin-top:16px}.apiNumberChoices{border:1px solid #e7ebf1;border-radius:10px;padding:14px;display:grid;gap:10px}.apiNumberChoices>b{font-size:12px;color:#425165}.checkLine{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;font-weight:500!important;padding:8px;background:#f8fafc;border-radius:8px}.checkLine input{width:16px!important;height:16px;accent-color:#159b70}.checkLine span{display:flex;flex-direction:column;gap:3px}.checkLine small{font-size:10px;color:#8491a1}.secretBox{display:grid;gap:10px;background:#effaf5;border:1px solid #c7ecdd;border-radius:10px;padding:15px;margin-top:18px}.secretBox code{font-size:12px;overflow-wrap:anywhere;color:#126a4c}.secretBox .secondary{width:max-content}.apiExample{background:#132238;color:#d7f4e8;padding:17px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.7;overflow-x:auto}.addRow select{max-width:240px;font-size:12px}@media (max-width:760px){.contactForm,.groupGrid{grid-template-columns:1fr}.contactForm .fullField{grid-column:auto}.addRow select{max-width:none}.apiKeyRow{align-items:flex-start;flex-wrap:wrap}.contactRow{align-items:flex-start}.groupCard{flex-wrap:wrap}}.form textarea,.apiKeyForm textarea{font:inherit;resize:vertical;min-height:70px;border:1px solid #dfe5ec;border-radius:8px;padding:11px 12px;outline:none;background:#fff;width:100%;min-width:0;color:#182333}.form textarea:focus,.apiKeyForm textarea:focus{border-color:#1ba77c;box-shadow:0 0 0 3px #1ba77c18}.form label small{display:block;color:#8390a0;font-size:10px;line-height:1.5;margin-top:5px}.apiKeyRow{grid-template-columns:minmax(200px,1fr) auto auto auto}.apiKeyRow .smallButton{white-space:nowrap}.adminStats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.adminTable{margin-top:14px;overflow-x:auto}.serviceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0}.serviceCard{border:1px solid #e8ecf2;border-radius:12px;padding:15px;display:flex;align-items:center;gap:11px;min-width:0;background:#fff}.serviceIcon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#edf7f3;color:#159b70;flex-shrink:0}.serviceInfo{flex:1;min-width:0}.serviceInfo b,.serviceInfo small{display:block;text-transform:capitalize}.serviceInfo b{font-size:12px}.serviceInfo small{font-size:10px;color:#8390a0;margin-top:4px}@media (max-width:900px){.apiKeyRow{grid-template-columns:minmax(160px,1fr) auto}.apiKeyRow .apiKeyMeta{grid-column:1/-1}.adminTable .tableHead,.adminTable .numberRow{min-width:520px}}.dangerButton{color:#b42318;background:#fff7f6;border-color:#f2c7c5;white-space:nowrap}.dangerButton:hover{background:#ffebe8}.dangerButton:disabled{opacity:.55;cursor:wait}.attachmentButton{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border:1px solid #dfe5ec;border-radius:9px;background:#fff;color:#506277;cursor:pointer;flex-shrink:0}.attachmentButton:hover{background:#f0faf6;color:#13845f}.mediaMessage{display:grid;gap:8px;min-width:0}.mediaMessage p{margin:0;white-space:pre-wrap;line-height:1.5}.messageImage{display:block;width:auto;max-width:min(100%,340px);max-height:360px;object-fit:contain;border-radius:9px;border:1px solid #e7ebf1;background:#fff}.messageVideo{display:block;max-width:min(100%,340px);max-height:360px;border-radius:9px;background:#101827}.messageAudio{display:block;max-width:100%;width:290px}.mediaActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border:1px solid #e1e8ee;background:#ffffffa6;border-radius:8px;padding:8px;min-width:0}.mediaActions span{font-size:11px;overflow-wrap:anywhere;flex:1;min-width:80px}.mediaActions a,.locationMessage a{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#087c59;text-decoration:none;font-weight:700}.mediaActions a:hover,.locationMessage a:hover{text-decoration:underline}.locationMessage{display:grid;gap:7px;min-width:180px}.locationMessage p{margin:0;white-space:pre-wrap;line-height:1.5}.locationMessage small{color:#718095;overflow-wrap:anywhere}.locationComposer{display:grid;gap:10px;padding:12px 14px;border-top:1px solid #edf0f4;background:#fbfcfe}.locationFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.locationFields input{min-width:0;width:100%;border:1px solid #dfe5ec;border-radius:8px;padding:10px;font-size:12px}.locationActions{display:flex;gap:8px;flex-wrap:wrap}.apiDocs h4{margin:18px 0 8px;color:#2b3e52;font-size:13px}.apiDocs p,.apiDocs li{font-size:12px;line-height:1.65;color:#627186;overflow-wrap:anywhere}.apiDocs code{white-space:pre-wrap;overflow-wrap:anywhere}.apiDocs .panelHead h3{display:flex;align-items:center;gap:8px}@media (max-width:800px){.composer{gap:5px}.composer input{font-size:11px;padding:10px 7px}.attachmentButton{min-width:32px;height:34px}.locationFields{grid-template-columns:1fr}.messageBubble{max-width:94%}.messageImage,.messageVideo{max-width:100%}}.panelActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.teamMemberCard{border:1px solid #e5ebf1;border-radius:12px;padding:14px;margin-top:11px;display:grid;gap:12px;background:#fff}.teamMemberTop{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.teamMemberTop>div{display:grid;gap:4px;flex:1;min-width:170px}.teamMemberTop small,.templateMeta small,.auditActor small,.auditAction small{display:block;color:#738197;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.checkGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.checkLine{display:flex;align-items:flex-start;gap:9px;border:1px solid #e4eaf0;border-radius:9px;padding:10px;font-size:12px;min-width:0}.checkLine input{margin-top:2px;flex-shrink:0}.checkLine span{overflow-wrap:anywhere}.checkLine small{display:block;color:#7b8999;margin-top:3px}.inlineField{display:flex;align-items:center;gap:12px;max-width:380px;font-size:12px;font-weight:700}.inlineField select{flex:1;min-width:130px;border:1px solid #dfe5ec;border-radius:8px;padding:9px;background:#fff}.settingsForm{max-width:560px}.templateComposerRow{display:flex;gap:8px;align-items:center;padding:9px 12px;border-bottom:1px solid #edf0f4;background:#fff}.templateComposerRow select{min-width:0;flex:1;border:1px solid #dfe5ec;border-radius:8px;padding:10px;background:#fff;font-size:12px}.templateRow{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f4;padding:13px 0;flex-wrap:wrap}.templateMeta{flex:1;min-width:190px;display:grid;gap:4px}.templateMeta p{margin:0;color:#66758b;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.auditList{display:grid}.auditRow{display:grid;grid-template-columns:minmax(140px,.9fr) minmax(180px,1.25fr) minmax(100px,.6fr);gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid #edf0f4}.auditActor,.auditAction{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.auditAction strong{font-size:12px;color:#26374d}.auditRow details summary{cursor:pointer;font-size:11px;color:#27775f}.auditRow details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;max-width:100%;max-height:230px;overflow:auto;background:#f6f8fa;padding:8px;border-radius:6px}@media (max-width:800px){.checkGrid,.auditRow{grid-template-columns:1fr}.templateComposerRow{flex-wrap:wrap}.templateComposerRow select{flex-basis:100%}.teamMemberTop{align-items:flex-start}}.reportFilters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:14px 0 20px}.reportFilters label,.subscriptionRow label{display:grid;gap:6px;color:#435166;font-size:12px;font-weight:600;min-width:135px}.reportFilters input,.reportFilters select,.subscriptionRow select{border:1px solid #dfe5ec;border-radius:8px;padding:10px 11px;background:#fff;color:#26384a;min-width:0}.apiReportHead,.apiReportRow{display:grid;grid-template-columns:1.2fr 1.35fr .9fr 1fr 1.1fr;gap:12px;align-items:start}.apiReportHead{margin-top:6px}.apiReportRow{padding:13px 10px;border-bottom:1px solid #edf0f4;color:#42536a;font-size:11px;overflow-wrap:anywhere}.apiReportRow>span{min-width:0}.apiReportRow small{display:block;margin-top:4px;color:#75849a;line-height:1.4}.apiReportRow .status{display:inline-flex;margin-bottom:3px}.planForm,.autoReplyForm{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.planForm .checkLine,.autoReplyForm .fullField,.planForm .primary,.autoReplyForm .primary{grid-column:1/-1}.planForm .checkLine,.autoReplyForm .checkLine{display:flex;align-items:center;gap:8px}.planForm .checkLine input,.autoReplyForm .checkLine input{width:auto}.subscriptionRow{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(150px,1fr) minmax(150px,1fr);gap:14px;align-items:center;padding:15px 2px;border-bottom:1px solid #edf0f4}.subscriptionRow .apiKeyMeta{min-width:0}.subscriptionRow label select{width:100%;font-weight:500}.contactInfo small{overflow-wrap:anywhere;word-break:break-word}.apiKeyMeta small{overflow-wrap:anywhere}@media (max-width:900px){.apiReportHead{display:none}.apiReportRow{grid-template-columns:1fr 1fr;gap:10px}.subscriptionRow,.planForm,.autoReplyForm{grid-template-columns:1fr}.planForm .checkLine,.autoReplyForm .fullField,.planForm .primary,.autoReplyForm .primary{grid-column:1}}.contactImportForm{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:14px}.contactImportForm label{display:grid;gap:7px;min-width:0;font-size:12px;font-weight:600;color:#526175}.contactImportForm input,.contactImportForm select,.campaignForm select{width:100%;min-width:0;border:1px solid #dfe5ec;border-radius:8px;padding:11px 12px;background:#fff;color:#243246}.contactImportForm small{display:block;color:#8390a0;font-size:10px;font-weight:400;line-height:1.5}.importSummary{margin-top:14px;padding:14px;border:1px solid #dcebe5;border-radius:10px;background:#f8fcfa;font-size:12px;color:#344256}.importSummary>details{margin-top:10px}.importSummary summary{cursor:pointer;color:#276d56}.importSummary ul{margin:8px 0 0;padding-left:20px;max-height:220px;overflow:auto}.importSummary li{font-size:11px;line-height:1.5;margin:4px 0;overflow-wrap:anywhere}.importStats{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.importStats span{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#fff;border:1px solid #e4ece8;border-radius:8px;font-size:11px}.importStats strong{font-size:15px;color:#167b5b}.contactRowActions{display:flex;gap:6px;flex-shrink:0;align-items:center}.contactInfo{overflow-wrap:anywhere}.contactInfo small{word-break:break-word}.cloudConfigForm{grid-template-columns:repeat(2,minmax(0,1fr))}.cloudConfigForm>button,.campaignForm>.campaignPersonalize,.campaignForm>button{grid-column:1/-1}.cloudConfigList{margin-top:15px}.campaignForm{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.campaignForm label{min-width:0}.campaignForm input,.campaignForm select{width:100%;min-width:0}.campaignPersonalize{align-items:flex-start!important}.campaignPersonalize>input{flex:0 0 16px!important;margin-top:2px}.campaignSafetyNote{padding:12px 14px;border:1px solid #e3e9ef;border-radius:9px;background:#f8fafc;color:#5a6a7e;font-size:11px;line-height:1.6;margin:14px 0 0}.campaignRow{display:grid;grid-template-columns:minmax(180px,1.3fr) auto minmax(190px,1fr) auto;gap:12px;align-items:center;padding:15px 2px;border-bottom:1px solid #edf0f4}.campaignMain{display:grid;gap:4px;min-width:0}.campaignMain>b{color:#263649;font-size:12px}.campaignMain small{color:#7c899a;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.campaignCounts{display:flex;gap:7px;flex-wrap:wrap}.campaignCounts span{display:flex;gap:5px;padding:6px 7px;border-radius:7px;background:#f6f8fa;color:#6a7789;font-size:10px}.campaignCounts b{color:#2f4054}.campaignError{color:#b42318!important}.panel,.panelHead,.contactRow,.contactInfo,.contactImportForm>*{min-width:0;max-width:100%}.panelHead{gap:12px;flex-wrap:wrap}.contactRow{flex-wrap:wrap}.contactInfo{flex:1 1 220px}@media (max-width:900px){.contactImportForm{grid-template-columns:repeat(2,minmax(0,1fr))}.contactImportForm>button{grid-column:1/-1;justify-self:start}.campaignRow{grid-template-columns:minmax(0,1fr) auto}.campaignCounts{grid-column:1/-1}.campaignRow>.smallButton{justify-self:start}}@media (max-width:760px){.contactImportForm,.cloudConfigForm,.campaignForm{grid-template-columns:minmax(0,1fr)}.cloudConfigForm>button,.campaignForm>.campaignPersonalize,.campaignForm>button{grid-column:1}.contactImportForm>button{grid-column:1;justify-self:stretch}.contactRowActions{width:100%;padding-left:49px}.panelHead .panelActions{width:100%}.panelHead .panelActions button{flex:1}.campaignRow{grid-template-columns:minmax(0,1fr);gap:9px}.campaignCounts{grid-column:auto}.campaignRow>.smallButton{width:max-content}.importStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.importStats span{justify-content:space-between;min-width:0;flex-wrap:wrap}.main{min-width:0}.topbar{align-items:flex-start;gap:10px}.topbar h1{overflow-wrap:anywhere}}@media (max-width:420px){.importStats{grid-template-columns:1fr}.importStats span{flex-wrap:nowrap}.panel{padding:13px}.contactRowActions{padding-left:0}.sidebar{width:52px}.chatNumberFilter{font-size:10px}}.webhookEndpoint{border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:12px;margin:10px 0;min-width:0}.webhookEndpoint .hookRow{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;min-width:0}.webhookEndpoint .hookInfo{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}.webhookEndpoint .hookActions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.webhookDeliveries{margin-top:14px;padding-top:12px;border-top:1px solid var(--border,#e5e7eb);min-width:0}.webhookDeliveryItem{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:9px;padding:12px 0;border-bottom:1px solid var(--border,#e5e7eb);min-width:0}.webhookDeliveryMeta{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}.webhookDeliveryItem .hookActions{grid-column:1/-1}.webhookAttempts{grid-column:1/-1;background:var(--surface-soft,#f8fafc);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:10px;min-width:0;overflow-wrap:anywhere}.webhookAttempts>div{display:flex;flex-direction:column;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--border,#e5e7eb)}@media (max-width:640px){.webhookEndpoint{padding:10px}.webhookEndpoint .hookRow{display:flex;flex-direction:column}.webhookEndpoint .hookActions{width:100%}.webhookEndpoint .hookActions .smallButton{flex:1 1 auto}.webhookDeliveryItem{grid-template-columns:minmax(0,1fr)}.webhookDeliveryItem .status{justify-self:start}.webhookDeliveryItem .hookActions{grid-column:auto}}.developerPortal .panelHead{margin-bottom:18px}.developerPortal .panelHead h3{display:flex;align-items:center;gap:8px}.developerOverviewGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 24px}.developerCard{min-width:0;border:1px solid #e7ebf1;border-radius:10px;padding:13px;display:flex;flex-direction:column;gap:8px;background:#fbfcfd}.developerCard>b{font-size:12px;color:#394b60}.developerCard code{white-space:normal;overflow-wrap:anywhere;font-size:11px;color:#167b5d}.developerCard small{font-size:10px;color:#8491a0;line-height:1.5}.developerSubhead{margin-top:20px!important}.developerToolbar{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin:14px 0}.developerToolbar label{display:flex;flex-direction:column;gap:6px;min-width:180px;font-size:11px;color:#5a687a}.developerToolbar select{border:1px solid #dfe5ec;border-radius:8px;padding:9px 10px;background:#fff;color:#263649}.developerToolbar .secondary{display:inline-flex;text-decoration:none;white-space:nowrap}.developerCode{max-height:430px;overflow:auto}.developerEndpointList{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.developerEndpointList>div{display:grid;grid-template-columns:54px minmax(0,1fr);gap:6px 9px;align-items:start;border:1px solid #edf0f4;border-radius:9px;padding:12px}.developerEndpointList code{font-size:11px;overflow-wrap:anywhere;color:#273c52}.developerEndpointList small{grid-column:2;font-size:10px;line-height:1.5;color:#8190a1}.methodBadge{display:inline-flex;justify-content:center;border-radius:5px;padding:4px;font-size:9px;font-weight:700}.methodBadge.get{background:#e8f2ff;color:#2d66a5}.methodBadge.post{background:#e5f8ef;color:#16845f}.developerChecklist{display:grid;grid-template-columns:1fr 1fr;gap:3px 18px;margin:14px 0}.developerChecklist p{display:flex;align-items:flex-start;gap:8px;margin:4px 0;font-size:11px;line-height:1.5;color:#657487}.developerChecklist svg{flex:0 0 auto;color:#159b70;margin-top:1px}.developerChecklist code{overflow-wrap:anywhere}@media (max-width:850px){.developerOverviewGrid,.developerEndpointList,.developerChecklist{grid-template-columns:1fr}.developerToolbar{align-items:stretch}.developerToolbar .secondary{justify-content:center}}.integrationCenter .panelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.integrationCenter .panelHead h3{display:flex;align-items:center;gap:8px}.integrationCenter .panelHead .secondary{display:inline-flex;align-items:center;gap:7px;text-decoration:none;white-space:nowrap}.integrationNotice{display:flex;align-items:flex-start;gap:9px;padding:13px 14px;border:1px solid #cdeee0;border-radius:10px;background:#f0fbf6;color:#27694f;font-size:12px;line-height:1.55}.integrationNotice svg{flex:0 0 auto;margin-top:1px}.integrationToolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.integrationToolbar label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#6c7a8b;min-width:210px}.integrationToolbar label:first-child{flex:1;position:relative}.integrationToolbar label:first-child svg{position:absolute;left:11px;bottom:12px}.integrationToolbar input,.integrationToolbar select{border:1px solid #dce3eb;border-radius:8px;padding:10px 11px;background:#fff;color:#263648;font:inherit;min-width:0}.integrationToolbar label:first-child input{padding-left:34px}.integrationGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.integrationCard{border:1px solid #e6ebf1;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:11px;min-width:0;background:#fff}.integrationCardTop{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.integrationCategory,.integrationMaturity{border-radius:6px;padding:4px 7px;font-size:10px;font-weight:650}.integrationCategory{background:#edf3fb;color:#476689}.integrationMaturity{background:#eef8f3;color:#24825e}.integrationCard h3{font-size:15px;margin:0;color:#233246}.integrationCard p{font-size:12px;line-height:1.6;color:#6d7b8d;margin:0;flex:1}.integrationCardActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:3px}.integrationCardActions button,.integrationCardActions a{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.integrationGuide .panelHead h3{margin-top:0}.integrationSteps{display:grid;gap:11px;margin:16px 0 22px}.integrationStep{display:flex;align-items:flex-start;gap:11px}.integrationStep>span{display:flex;align-items:center;justify-content:center;flex:0 0 26px;height:26px;background:#edf7f2;color:#20845c;border-radius:50%;font-size:11px;font-weight:700}.integrationStep p{font-size:12px;line-height:1.65;color:#54667c;margin:3px 0 0}.integrationSnippetHead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.integrationSnippetHead h4{margin:0;font-size:13px}.integrationSnippetHead button{display:inline-flex;align-items:center;gap:6px}.integrationCode{max-height:390px;overflow:auto;white-space:pre;overflow-wrap:normal}.integrationFootnote{font-size:11px;line-height:1.6}.integrationStatusGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.integrationStatusGrid>div{border:1px solid #e7edf3;border-radius:10px;padding:13px}.integrationStatusGrid b{display:flex;align-items:center;gap:7px;font-size:12px;color:#344c65}.integrationStatusGrid p{font-size:11px;line-height:1.6;color:#718095;margin:9px 0 0}.integrationStatusGrid svg{color:#27946b}.integrationEmpty{padding:20px;text-align:center}@media (max-width:1000px){.integrationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.integrationStatusGrid{grid-template-columns:1fr}}@media (max-width:650px){.integrationGrid{grid-template-columns:1fr}.integrationCenter .panelHead{flex-direction:column}.integrationToolbar,.integrationToolbar label{width:100%;min-width:0}.integrationCardActions>*{flex:1;justify-content:center}.integrationCode{font-size:11px}}.supportPage{display:flex;flex-direction:column;gap:18px}.supportWidgetConfig .panelHead,.supportInboxPanel .panelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.supportWidgetConfig .panelHead h3,.supportInboxPanel .panelHead h3{display:flex;align-items:center;gap:8px}.supportConfigForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:17px}.supportConfigForm label,.supportTicketForm label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#617186}.supportConfigForm input:not([type=checkbox]):not([type=color]),.supportConfigForm textarea,.supportTicketForm input,.supportTicketForm select,.supportTicketForm textarea,.supportInboxActions select{width:100%;min-width:0;border:1px solid #dce3eb;border-radius:8px;background:#fff;color:#263648;padding:10px 11px;font:inherit}.supportConfigForm input[type=color]{height:38px;width:60px;border:1px solid #dce3eb;border-radius:8px;background:#fff;padding:4px}.supportOriginField{grid-column:1/-1}.supportOriginField small{line-height:1.5;color:#8694a6}.supportCheck{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.supportCheck input{accent-color:#16865d}.supportConfigActions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.supportConfigActions button,.supportSecretRow button,.supportSectionTitle button,.supportOneTimeSecret button{display:inline-flex;align-items:center;gap:6px}.supportEmbed{margin-top:17px;border-top:1px solid #e9eef3;padding-top:16px}.supportSectionTitle,.supportSecretRow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.supportEmbed pre{margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.supportEmbed .muted{font-size:11px;line-height:1.6}.supportSecretRow{padding:12px;border:1px solid #e7edf3;border-radius:9px;margin-top:12px}.supportSecretRow span{font-size:12px;color:#4e6074}.supportOneTimeSecret{border:1px solid #f5d79b;background:#fff9eb;border-radius:10px;padding:13px;display:grid;gap:9px;margin-top:12px;font-size:12px;color:#775015}.supportOneTimeSecret code{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.supportOneTimeSecret p{margin:0;line-height:1.55}.supportInboxActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.supportDeskGrid{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:14px;margin-top:14px;align-items:start}.supportConversationList{border:1px solid #e4eaf0;border-radius:11px;overflow:auto;max-height:760px;background:#fff}.supportConversationRow{display:flex;width:100%;flex-direction:column;gap:6px;text-align:left;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:13px;cursor:pointer;color:#27384c}.supportConversationRow:last-child{border-bottom:0}.supportConversationRow:hover,.supportConversationRow.selected{background:#f0f8f4}.supportConversationName{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px;font-weight:750}.supportConversationRow>small{font-size:10px;line-height:1.4;color:#7b8898;overflow-wrap:anywhere}.supportConversationRow>p{font-size:11px;color:#596b7f;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}.supportConversationMeta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#7a8798;font-size:10px}.supportStatus{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700;background:#eef2f6;color:#536274;text-transform:capitalize}.supportStatus.open{background:#eaf7ef;color:#26794f}.supportStatus.pending{background:#fff3d9;color:#946215}.supportStatus.resolved{background:#e9eef8;color:#51658b}.supportEscalatedTag{font-size:9px;background:#ffedeb;color:#b42318;border-radius:5px;padding:3px 5px}.supportConversationDetail{min-width:0;border:1px solid #e4eaf0;border-radius:11px;overflow:hidden;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:stretch}.supportDetailHead{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:15px;border-bottom:1px solid #e9eef3}.supportDetailHead h3{font-size:14px;margin:0 0 5px}.supportDetailHead p{font-size:11px;color:#758397;margin:0;overflow-wrap:anywhere}.supportTranscript{grid-column:1;grid-row:2;padding:13px;display:flex;flex-direction:column;gap:10px;min-height:270px;max-height:475px;overflow:auto;background:#f8fafb}.supportMessage{padding:10px 11px;border-radius:10px;border:1px solid #e8edf2;background:#fff;max-width:95%;align-self:flex-start}.supportMessage.fromAgent{align-self:flex-end;background:#eaf7f0;border-color:#d6eee1}.supportMessage.privateNote{align-self:stretch;background:#fff9e9;border-color:#f3dfae;max-width:100%}.supportMessage>div{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#607187}.supportMessage.privateNote>div{color:#946215}.supportMessage time{font-size:9px;font-weight:400;white-space:nowrap}.supportMessage p{font-size:12px;line-height:1.6;color:#2f4052;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.supportReplyForm{grid-column:1;grid-row:3;border-top:1px solid #e7edf2;padding:12px;display:flex;flex-direction:column;gap:9px}.supportReplyMode{display:flex;gap:7px;flex-wrap:wrap}.supportReplyMode button{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dce4ec;border-radius:7px;background:#fff;color:#64758a;font-size:10px;cursor:pointer}.supportReplyMode button.active{background:#edf8f2;color:#267d54;border-color:#cfe9dc}.supportReplyMode button.active.private{background:#fff5df;color:#976715;border-color:#f0dda9}.supportReplyForm textarea{resize:vertical;border:1px solid #dce3eb;border-radius:8px;padding:10px;font:inherit;font-size:12px;min-height:75px}.supportReplyForm>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.supportReplyForm small{font-size:10px;color:#8290a1}.supportReplyForm .primary,.supportTicketForm .primary{display:inline-flex;align-items:center;justify-content:center;gap:6px}.supportTicketForm{grid-column:2;grid-row:2/span 2;border-left:1px solid #e7edf2;padding:13px;display:flex;flex-direction:column;gap:11px;background:#fff}.supportTicketForm h4{display:flex;align-items:center;gap:7px;margin:0;font-size:12px}.supportTicketForm label{gap:6px}.supportTicketForm .primary{margin-top:4px}.supportEmptyDetail{grid-column:1/-1;min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#8492a3}.supportEmptyDetail b{font-size:13px;color:#42546a}.supportEmptyDetail span{font-size:11px}.supportInboxPanel .empty{padding:20px;text-align:center}.supportInboxPanel .panelHead .secondary{display:inline-flex;align-items:center;gap:6px}@media (max-width:1150px){.supportConversationDetail{grid-template-columns:minmax(0,1fr)}.supportTicketForm{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid #e7edf2}.supportTranscript,.supportReplyForm{grid-column:1}.supportTranscript,.supportReplyForm{grid-row:auto}}@media (max-width:800px){.supportConfigForm{grid-template-columns:1fr}.supportOriginField{grid-column:1}.supportDeskGrid{grid-template-columns:1fr}.supportConversationList{max-height:300px}.supportWidgetConfig .panelHead,.supportInboxPanel .panelHead{flex-direction:column}.supportInboxActions{width:100%}.supportInboxActions select{flex:1}}.supportRatingsPanel .panelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.supportRatingsPanel .panelHead h3{display:flex;align-items:center;gap:8px}.supportRatingSummary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.supportRatingSummary>div{border:1px solid #e4ebf1;border-radius:10px;padding:14px;background:#fbfcfd;display:grid;gap:6px}.supportRatingSummary small{font-size:11px;color:#728096}.supportRatingSummary b{font-size:24px;color:#20374c}.supportRatingSummary b span{font-size:12px;color:#7c8a9c;font-weight:500}.supportRatingBody{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);gap:18px}.supportRatingBody h4{font-size:12px;margin:3px 0 12px;color:#34495f}.supportRatingDistribution,.supportRatingRecent{min-width:0}.supportRatingBarRow{display:grid;grid-template-columns:42px minmax(40px,1fr) 30px;gap:9px;align-items:center;margin:11px 0}.supportRatingBarRow>span{font-size:11px;color:#4d6076}.supportRatingBarRow>span b,.supportRatingStars{color:#d69a24}.supportRatingBarTrack{height:8px;border-radius:999px;background:#edf1f5;overflow:hidden}.supportRatingBarTrack i{display:block;height:100%;border-radius:999px;background:#e0ab3b;min-width:0}.supportRatingBarRow>small{font-size:10px;text-align:right;color:#7e8a9a}.supportRatingItem{padding:12px 0;border-top:1px solid #edf1f4}.supportRatingItem>div{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.supportRatingItem>div>b{font-size:12px;color:#30445a}.supportRatingStars{font-size:13px;letter-spacing:1px;white-space:nowrap}.supportRatingItem>small{display:block;color:#8290a1;font-size:10px;margin-top:5px}.supportRatingItem>p{margin:7px 0 0;font-size:12px;color:#53667b;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.supportRatingEmpty{font-size:12px;color:#7e8da0;padding:14px;border:1px dashed #dce4ec;border-radius:9px;background:#fafcfd;line-height:1.6}@media (max-width:750px){.supportRatingBody{grid-template-columns:1fr}.supportRatingSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.supportRatingsPanel .panelHead{flex-direction:column}}.supportUnreadBadge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 6px;border-radius:999px;background:#e5484d;color:#fff;font-size:10px;font-weight:800;line-height:1;margin-left:auto}.supportUnreadPill{display:inline-flex;align-items:center;justify-content:center;background:#e7f7ee;color:#19764e;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:800;white-space:nowrap}.supportConversationName{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.supportUnreadSummary{font-size:10px;font-weight:800;color:#b42318;background:#fff0ef;border:1px solid #f5d0ce;border-radius:999px;padding:5px 8px;white-space:nowrap}.supportAlertToggle{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.supportAlertToggle:focus-visible,.supportConversationRow:focus-visible{outline:3px solid #6a9fff;outline-offset:2px}@media (max-width:800px){.supportInboxActions .supportAlertToggle{flex:1;justify-content:center}.supportUnreadSummary{margin-right:auto}}.supportPersistentUnreadTag{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:10px;font-weight:800;line-height:1}.wa-install-launcher{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));z-index:1600;display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:calc(100vw - 28px);border:1px solid #cde8dc;border-radius:999px;background:#fff;color:#166c50;padding:11px 15px;box-shadow:0 8px 28px #15283a24;font-size:12px;font-weight:750;cursor:pointer}.wa-install-launcher:hover{background:#f0fbf5;border-color:#159b70}.wa-install-launcher:focus-visible,.wa-mobile-menu-toggle:focus-visible,.wa-pwa-primary:focus-visible,.wa-pwa-close:focus-visible{outline:3px solid #79a9ff;outline-offset:3px}.wa-pwa-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1800;display:grid;place-items:center;overflow-y:auto;padding:20px;background:#101827a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.wa-pwa-dialog{position:relative;width:min(100%,460px);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #e5ebf0;border-radius:20px;background:#fff;padding:28px;box-shadow:0 28px 90px #09142355}.wa-pwa-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:#f1f4f7;color:#4b5b6e;cursor:pointer}.wa-pwa-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#e4f8ef;color:#12815b;margin-bottom:17px}.wa-pwa-dialog h2{margin:0 40px 8px 0;font:800 21px/1.3 Manrope,sans-serif;color:#1a2a3d}.wa-pwa-intro,.wa-pwa-note{font-size:13px;color:#627187;line-height:1.65}.wa-pwa-dialog ol{display:grid;gap:10px;padding-left:23px;margin:18px 0}.wa-pwa-dialog li{padding-left:3px;color:#34465a;font-size:13px;line-height:1.55}.wa-pwa-note{border-top:1px solid #e8edf2;padding-top:13px;font-size:11px}.wa-pwa-primary{width:100%;padding:12px;border:0;border-radius:10px;background:#159b70;color:#fff;font-weight:750;cursor:pointer}.wa-mobile-menu-toggle,.wa-mobile-nav-backdrop{display:none}@media (max-width:760px){.layout{display:block;min-height:100vh;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:min(84vw,290px);max-width:290px;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;z-index:1501;transform:translate(-110%);transition:transform .22s ease;padding:20px 14px;box-shadow:18px 0 45px #1018272b}body.wa-mobile-nav-open .sidebar{transform:translate(0)}.sidebar .brand{padding:0 6px 22px}.sidebar .brand>div:last-child{display:block}.sidebar .brand b{font-size:14px}.sidebar .brand small{font-size:11px}.sidebar .workspaceLabel{font-size:10px;display:block}.sidebar .nav,.sidebar .nav:not(.active),.sidebar .nav.active{width:100%;justify-content:flex-start;gap:12px;padding:11px 10px;font-size:12px;min-height:42px;white-space:normal;text-align:left}.sidebar .nav svg{width:17px;height:17px;flex-shrink:0}.sidebar .secure{display:flex}.sidebar .sideBottom .nav{font-size:12px}.sidebar .sideBottom .nav svg{width:17px}.wa-mobile-menu-toggle{position:fixed;display:grid;place-items:center;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));z-index:1503;width:40px;height:40px;border:1px solid #dbe4ec;border-radius:12px;background:#fff;color:#20374b;box-shadow:0 4px 16px #14273d1a;cursor:pointer}.wa-mobile-nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;width:100%;height:100%;padding:0;border:0;background:#10182785;cursor:pointer}.main{width:100%;max-width:none;min-width:0;margin:0;padding:calc(14px + env(safe-area-inset-top)) 12px calc(84px + env(safe-area-inset-bottom))}.topbar{padding:43px 2px 0;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:17px}.topbar>div:first-child{min-width:0;max-width:100%}.topbar .eyebrow{font-size:9px;letter-spacing:1px}.topbar h1{font-size:clamp(19px,5vw,23px);line-height:1.25;overflow-wrap:anywhere}.userChip{max-width:100%;padding:5px 9px 5px 5px;font-size:11px}.userChip span{display:block;max-width:min(54vw,220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{padding:14px;border-radius:12px}.panelHead{gap:10px}.panelHead>div{min-width:0}.panel h3{overflow-wrap:anywhere}.hero{padding:19px;min-height:unset}.hero h2{font-size:clamp(20px,5.8vw,24px)}.stats{grid-template-columns:1fr;gap:9px}.inboxPanel,.supportDeskGrid,.supportRatingBody{grid-template-columns:minmax(0,1fr)}.adminTable,.tableWrap,.dataTableWrap{max-width:100%;overflow-x:auto}.supportConversationDetail{grid-template-columns:minmax(0,1fr)}.supportTicketForm{grid-column:1}.supportTranscript,.messageList{max-height:48dvh}.composer{flex-wrap:wrap}.composer input{min-width:0;flex:1 1 140px}.wa-install-launcher{right:max(10px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));padding:10px 12px;font-size:11px;box-shadow:0 5px 20px #15283a2b}.wa-install-launcher span{max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-pwa-backdrop{padding:12px}.wa-pwa-dialog{max-height:calc(100dvh - 24px);padding:23px 18px;border-radius:16px}.wa-pwa-dialog h2{font-size:19px}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}@media (min-width:761px){.wa-mobile-menu-toggle,.wa-mobile-nav-backdrop{display:none!important}}
