.content:has(.channels-shell){max-width:none;padding:19px 54px 70px}
.content:has(.channel-bubble-shell){padding:20px 57px 70px}
.channels-shell{width:100%}
.channel-bubble-shell{width:100%}
.channels-shell input[type=checkbox],.channels-shell input[type=radio],.channel-modal input[type=checkbox],.channel-modal input[type=radio]{accent-color:#303030}
.channel-tabs{display:flex;align-items:center;gap:4px;margin:1px 0 11px;min-height:31px}
.channel-tabs a,.channel-tabs button{border:0;background:transparent;color:#303033;text-decoration:none;font-size:13px;padding:7px 12px;border-radius:8px;white-space:nowrap}
.channel-tabs a.active,.channel-tabs button.active{background:#e4e4e4}
.channel-tabs a:hover,.channel-tabs button:hover{background:#eaeaea}
.channel-section-title{font-size:14px;margin:0 0 10px;font-weight:700}
.channel-section-title.available{margin-top:25px}
.channel-live-card{height:69px;display:flex;align-items:center;gap:12px;padding:12px 16px}
.channel-live-copy{flex:1;min-width:0}
.channel-live-copy strong{font-size:13px}
.channel-live-copy .pill{margin-left:7px;font-weight:500;padding:3px 8px}
.channel-live-copy p{font-size:13px;color:#666;margin:6px 0 0}
.channel-live-card .btn,.channel-tile .btn{font-size:12px;padding:5px 11px;min-height:27px}
.channel-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.channel-tile{min-height:144px;padding:15px 16px 14px;border-color:#e5e5e5;box-shadow:0 1px 2px #0000000c}
.channel-tile-top{display:flex;align-items:center;gap:6px;min-height:40px}
.channel-tile-top strong{font-size:14px;white-space:nowrap}
.channel-tile-spacer{flex:1}
.channel-tile-logo{height:40px;width:40px;flex:none;display:grid;place-items:center}
.channel-tile-logo img{display:block;height:40px;width:40px;object-fit:contain}
.channel-about-wrap{position:relative}
.channel-about{width:20px;height:20px;border:0;background:none;color:#8a8a8a;padding:0;display:grid;place-items:center;cursor:pointer}
.channel-about svg{display:block;fill:currentColor}
.channel-about-popover{position:absolute;top:23px;left:-115px;width:274px;padding:12px;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 20px #0002;z-index:4;color:#494949;font-size:12px;line-height:1.55}
.channel-test-link,.channel-text-button,.channel-blue-link{border:0;background:none;color:#1762a6;cursor:pointer;font-size:12px;padding:4px}
.channel-test-link{text-decoration:underline}
.channel-tile ul{padding:0;margin:10px 0 0;list-style:none;display:grid;gap:8px}
.channel-tile li{font-size:13px;line-height:1.25;display:flex;gap:8px}
.channel-tile li:before{content:'✓';color:#70a48c;flex:none}
.channel-integrations{display:grid;gap:20px}
.channel-integration{min-height:88px;padding:15px 16px;display:flex;align-items:center;gap:16px}
.channel-integration-icon{width:55px;height:55px;flex:none;display:grid;place-items:center;border-radius:7px;background:#8cb534;color:#fff;font-weight:700;font-size:14px}
.channel-integration-icon img{width:55px;height:55px;object-fit:contain}
.channel-integration-icon.zapier{background:#ff4e00}
.channel-integration-icon.api{background:#333;font-size:29px}
.channel-integration>div:nth-child(2){flex:1}
.channel-integration strong{font-size:13px}
.channel-integration .pill{margin-left:6px}
.channel-integration p{font-size:13px;color:#666;margin:11px 0 0}
.channel-integration .btn{font-size:12px}
.channel-config-card,.channel-settings-card{overflow:hidden;margin-bottom:20px}
.channel-config-card h3,.channel-settings-card h3{font-size:14px;margin:0;padding:12px 15px;border-bottom:1px solid #e7e7e7}
.channel-config-body,.channel-settings-body{padding:14px 15px;font-size:13px}
.channel-config-body label,.channel-settings-body>label{display:grid;gap:7px;margin-bottom:17px}
.channel-config-body label.channel-check,.channel-settings-body>label:has(input[type=checkbox]),.channel-settings-body>label:has(input[type=radio]){display:flex;align-items:center;gap:8px}
.channel-bubble-shell .channel-settings-body input[type=checkbox]{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:16px;height:16px;min-width:16px;margin:0;border:1px solid #8a8a8a;border-radius:4px;background:#fff;display:inline-grid;place-items:center;cursor:pointer}
.channel-bubble-shell .channel-settings-body input[type=checkbox]:checked{background:#303030;border-color:#303030}
.channel-bubble-shell .channel-settings-body input[type=checkbox]:checked::after{content:'';width:8px;height:4px;border-left:1.7px solid #fff;border-bottom:1.7px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.channel-bubble-shell .channel-settings-body input[type=checkbox]:disabled{background:#f1f1f1;border-color:#e5e5e5;cursor:not-allowed}
.channel-bubble-shell .channel-settings-body input[type=checkbox]:focus-visible{outline:2px solid #303030;outline-offset:2px}
.channel-config-body .input,.channel-settings-body .input{width:100%;height:32px}
.channel-config-body p,.channel-settings-body p{color:#666;margin:5px 0 20px;line-height:1.4}
.channel-config-body .channel-syntax{line-height:1.5;margin:16px 0 0}
.channel-tag-input{border:1px solid #aaa;border-radius:7px;min-height:43px;padding:5px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.channel-tag-input span{max-width:100%;overflow-wrap:anywhere;background:#e9e9e9;padding:3px 7px;border-radius:3px;font-size:12px}
.channel-tag-input span button{border:0;background:none;padding:0 0 0 5px}
.channel-tag-input input{border:0;outline:none;flex:1;min-width:100px;height:25px;padding:0 4px;font-size:13px}
.channel-back{margin-right:7px;font-weight:400}
.channel-live-pill{vertical-align:middle;font-size:12px;font-weight:500;margin-left:6px}
.channel-bubble-shell .channel-tabs{margin-bottom:13px}
.channel-bubble-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.channel-bubble-columns>aside{min-width:0}
.channel-bubble-columns .channel-settings-card{margin-bottom:16px}
.channel-bubble-columns aside>.channel-settings-card:first-child{margin-bottom:16px;min-height:214px}
.channel-bubble-columns .channel-settings-body>label{font-size:13px}
.channel-bubble-columns .channel-settings-body label:has(textarea){display:grid}
.channel-bubble-columns textarea.input{height:52px;resize:vertical}
.channel-bubble-columns .channel-settings-body>div>p{margin:0 0 10px}
.channel-bubble-columns .channel-settings-body>div:has(button[data-channel-action="upload-avatar"]){position:relative;padding:3px 0 10px;margin-bottom:20px}
.channel-bubble-columns .channel-settings-body>div:has(button[data-channel-action="upload-avatar"]) .btn{position:absolute;right:0;bottom:10px}
.channel-bubble-content .channel-settings-body{padding-top:15px;padding-bottom:15px}
.channel-bubble-content .channel-settings-body>label{gap:4px;margin-bottom:20px}
.channel-bubble-content .channel-settings-body>label:nth-child(2){margin-bottom:17px}
.channel-bubble-content .channel-settings-body>div:has(button[data-channel-action="upload-avatar"]){margin-bottom:14px}
.channel-bubble-content .channel-settings-body>div:has(button[data-channel-action="upload-avatar"]) .btn{bottom:14px;width:69px;height:32px;min-height:32px;padding:0}
.channel-bubble-content .channel-settings-body>div:has(button[data-channel-action="upload-avatar"]) p{line-height:20px}
.channel-bubble-content .channel-settings-body>div:has(button[data-channel-action="upload-avatar"]) p:first-child{margin-bottom:14px}
.channel-bubble-content .channel-settings-body>label:nth-child(5){margin-bottom:20px}
.channel-bubble-content .channel-settings-body>label:nth-child(7){margin-bottom:0}
.channel-bubble-content .channel-settings-body>p:last-child{margin:6px 0 0;line-height:18px}
.channel-tag-input.messages{display:grid;justify-items:start;gap:3px;min-height:115px}
.channel-tag-input.messages input{width:100%}
.channel-bubble-columns textarea[data-channel-field="disclaimer"]{height:72px}
.channel-overview{padding:14px 15px 15px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;color:#666;font-size:13px}
.channel-overview strong{font-weight:400;color:#333}
.channel-overview .pill,.channel-overview .btn{justify-self:end}
.channel-preview>h3{display:flex;align-items:center;justify-content:space-between;height:64px;padding:16px 15px}
.channel-preview h3 .btn{font-size:12px;font-weight:400}
.channel-preview-section{height:712px;padding:12px 15px 14px;border-bottom:1px solid #e7e7e7}
.channel-preview-menu-wrap{position:relative}
.channel-preview-menu{position:absolute;top:32px;right:0;width:174px;padding:6px;background:white;border:1px solid #ddd;border-radius:9px;box-shadow:0 7px 18px #0002;z-index:3;display:grid}
.channel-preview-menu button{border:0;background:none;text-align:left;padding:8px;font-size:12px;border-radius:5px}
.channel-preview-menu button:hover{background:#f2f2f2}
.channel-typebar{height:60px;margin:22px 0 0 auto;width:min(340px,100%);padding:2px;border-radius:32px;background:linear-gradient(105deg,#ffd8ec,#fff,#ffefd9);box-shadow:0 0 19px #ffcee2,0 4px 12px #0000000d}
.channel-typebar-inner{height:100%;border-radius:30px;background:#fff;display:flex;align-items:center;gap:11px;padding:0 10px 0 13px;color:#7d8290;font-size:14px}
.channel-typebar-inner>img{width:19px;height:21px;opacity:.75}
.channel-typebar-placeholder{flex:1}
.channel-typebar .channel-send{position:relative}
.channel-typebar .channel-send i{position:absolute;right:-7px;top:-5px;width:18px;height:18px;background:#19c945;border-radius:50%;color:#fff;font-size:11px;font-weight:600;font-style:normal;display:grid;place-items:center}
.channel-product-preview{padding:14px;height:600px;font-size:13px;border:1px solid #eee;border-radius:22px;background:#fff;box-shadow:0 3px 12px #0001;overflow:hidden}
.channel-product-image{width:48%;height:203px;border:1px solid #ddd;border-radius:8px;float:left;margin-right:20px;display:grid;place-items:center;font-size:34px;color:#aaa;position:relative}
.channel-product-image>img{height:36px;width:36px;opacity:.42}
.channel-product-image span{position:absolute;right:5px;top:5px;background:#111;color:white;border-radius:6px;padding:5px 8px;font-size:12px}
.channel-product-preview h4{margin:18px 0 9px;font-size:20px;font-weight:500}
.channel-product-preview p{clear:both;padding-top:13px;color:#666}
.channel-product-options{display:flex;gap:7px}
.channel-product-options button{background:#fff;border:1px solid #ddd;border-radius:7px;padding:8px}
.channel-product-options button.selected{background:#111;color:#fff}
.channel-accordion h3{display:flex;justify-content:space-between;align-items:center}
.channel-preview .channel-accordion h3{height:53px;padding:12px 15px;border-bottom:0}
.channel-preview .channel-accordion:last-child h3{height:56px}
.channel-accordion h3 .btn{font-weight:400;font-size:12px}
.channel-toggle{width:26px;height:26px;display:grid;place-items:center;border:0;background:#f5f5f5;border-radius:7px;color:#4a4a4a;font-size:19px;font-weight:400;cursor:pointer}
.channel-share-body{padding:0 15px 12px}
.channel-share-body p{margin:5px 0 16px}
.channel-share-body strong{display:block;font-weight:600;margin:16px 0 9px}
.channel-share-field{height:33px;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 12px;color:#777;overflow:hidden;white-space:nowrap}
.channel-share-field span{overflow:hidden;text-overflow:ellipsis}
.channel-share-field button{width:20px;height:24px;flex:0 0 20px;padding:0;border:0;background:none;color:#777;display:grid;place-items:center}
.channel-share-field button svg{display:block;width:16px;height:16px}
.channel-qr-preview{width:158px;height:158px;border:1px solid #eee;border-radius:8px;background:repeating-linear-gradient(0deg,#eee 0 3px,#fff 3px 8px),repeating-linear-gradient(90deg,#ddd 0 3px,#fff 3px 8px);display:grid;place-items:center;margin:0 0 8px}
.channel-qr-preview span{background:#fff;padding:7px;color:#777;text-align:center;line-height:1.35;font-size:11px}
.channel-share-body>.btn{display:block;font-size:12px}
.channel-install-body{padding:16px 15px 15px}
.channel-install-status{display:flex;align-items:center;gap:8px;color:#666;font-size:12px;line-height:20px}
.channel-install-status .pill{margin:0}
.channel-install-body h4{font-size:13px;line-height:20px;margin:17px 0 6px}
.channel-install-body h4 .pill{font-weight:400;margin-left:4px}
.channel-install-body .channel-install-script-help{color:#666;font-size:13px;line-height:20px;margin:0 0 8px}
.channel-install-script-field{gap:8px}
.channel-install-script-field code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:12px;line-height:20px;color:#333}
.channel-install-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.channel-install-footer .channel-text-button{color:#1260a5;text-decoration:underline;font-size:13px;padding:0;margin:0;text-align:left}
.channel-install-footer .btn{flex:none;font-size:12px;min-height:28px;padding:4px 12px}
.channel-accordion h4{font-size:13px;margin:18px 0 8px}
.channel-accordion ol{padding-left:20px;line-height:1.8}
.channel-accordion textarea{min-height:76px}
.channel-bubble-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:2px 0 22px}
.channel-bubble-option{min-width:0;height:140px;border:1px solid #e1e1e1;border-radius:7px;display:grid;grid-template-rows:16px 40px 20px;justify-items:center;align-content:start;row-gap:12px;padding:16px 10px 14px;cursor:pointer;background:#fff}
.channel-bubble-option:hover{border-color:#b7b7b7}
.channel-bubble-option input{appearance:none;width:16px;height:16px;border:1px solid #aaa;border-radius:50%;margin:0;cursor:pointer}
.channel-bubble-option input:checked{border:5px solid #252525}
.channel-bubble-shell input[type=radio]{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:16px;height:16px;min-width:16px;margin:0;border:1px solid #8a8a8a;border-radius:50%;background:#fdfdfd;display:inline-grid;place-items:center;cursor:pointer}
.channel-bubble-shell input[type=radio]:checked{border:1px solid #1a1a1a;background:#303030}
.channel-bubble-shell input[type=radio]:checked::after{content:'';width:6px;height:6px;border-radius:50%;background:#fff}
.channel-bubble-shell input[type=radio]:focus-visible{outline:2px solid #303030;outline-offset:2px}
.channel-compliance-pill{display:inline-block;padding:2px 7px;border-radius:5px;background:#e3f2ff;color:#006298;font-size:12px;line-height:16px;white-space:nowrap}
.channel-bubble-sample{display:flex;align-items:center;justify-content:center;color:#303030}
.channel-bubble-sample.typebar{width:100%;max-width:185px;height:40px;border:1px solid #e0e0e0;border-radius:22px;gap:7px;box-shadow:0 1px 3px #00000010;font-size:13px;font-weight:600;white-space:nowrap}
.channel-bubble-sample.circle{width:44px;height:44px;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 1px 3px #00000010}
.channel-bubble-sample img{width:18px;height:20px;object-fit:contain}
.channel-bubble-sample .icon{width:21px;height:21px;stroke-width:1.8}
.channel-bubble-sample.custom{font-size:22px;font-weight:700}
.channel-bubble-option-title{font-size:13px;line-height:20px;text-align:center;white-space:nowrap}
.channel-bubble-appearance .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body>label:nth-child(-n+2){position:relative}
.channel-bubble-appearance .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body>label:nth-child(-n+2) .input{background:#f5f5f5;border:0;padding-right:40px}
.channel-bubble-appearance .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body>label:nth-child(-n+2):after{content:"";position:absolute;right:5px;bottom:4px;width:24px;height:24px;border-radius:5px;box-shadow:0 0 0 1px #ddd}
.channel-bubble-appearance .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body>label:first-child:after{background:#000}
.channel-bubble-appearance .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body>label:nth-child(2):after{background:#25d339}
.channel-bubble-appearance .channel-bubble-columns>div:first-child>.channel-settings-card:first-child{min-height:649px}
.channel-bubble-appearance .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body>p{margin:5px 0 11px}
.channel-bubble-appearance .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding-top:12px}
.channel-bubble-appearance .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body>label{min-width:0}
.channel-placement-body .channel-unit-field{height:32px;border:1px solid #aaa;border-radius:7px;display:flex;align-items:center;overflow:hidden}
.channel-placement-body .channel-unit-field input{border:0;outline:0;width:calc(100% - 60px);height:30px;padding:5px 10px;min-width:0;background:#fff}
.channel-placement-body .channel-unit-field span{flex:1;text-align:right;padding-right:12px;color:#888}
.channel-bubble-appearance .channel-placement-body>label.channel-z-index{grid-column:1/-1;margin-bottom:0}
.channel-bubble-appearance .channel-placement-body>p.channel-placement-help{grid-column:1/-1;margin:4px 0 0;color:#777;font-size:12px;line-height:20px}
.channel-bubble-appearance .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body{padding-bottom:15px}
.channel-bubble-appearance .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(3) .channel-settings-body{padding-top:16px;padding-bottom:5px}
.channel-bubble-features .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body{height:62px;display:flex;align-items:center;justify-content:space-between;padding-top:8px;padding-bottom:8px}
.channel-bubble-features .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body>label{margin:0;color:#aaa}
.channel-bubble-features .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body>label input{margin:0;width:16px;height:16px}
.channel-whatsapp-icon{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%;background:#20d467;color:#fff;font-size:16px;font-weight:700}
.channel-bubble-features .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body>a{font-size:13px}
.channel-bubble-features .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body{padding-top:15px;padding-bottom:15px}
.channel-bubble-features .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2){margin-bottom:15px}
.channel-bubble-features .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body>label{min-height:28px}
.channel-bubble-features .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body>label:first-child{margin-bottom:8px}
.channel-bubble-features .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body>label:last-child{margin-bottom:0}
.channel-bubble-features .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(n+4) .channel-settings-body{padding-top:15px;padding-bottom:6px}
.channel-bubble-visibility .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body{padding-top:15px;padding-bottom:15px}
.channel-bubble-visibility .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body>label{min-height:28px}
.channel-bubble-visibility .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body>label:first-child{margin-bottom:8px}
.channel-bubble-visibility .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body>label:nth-child(2){margin-bottom:20px}
.channel-bubble-visibility .channel-bubble-columns>div:first-child>.channel-settings-card:first-child .channel-settings-body>label:last-child{margin-bottom:0}
.channel-bubble-visibility .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body{padding-top:15px;padding-bottom:15px}
.channel-bubble-visibility .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body>label:nth-child(-n+2){min-height:28px}
.channel-bubble-visibility .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body>label:first-child{margin-bottom:8px}
.channel-bubble-visibility .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body>label:nth-child(2){margin-bottom:16px}
.channel-bubble-visibility .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body>label:has(.input){margin-top:8px;margin-bottom:6px;gap:8px}
.channel-bubble-visibility .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body .input{height:46px}
.channel-bubble-visibility .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(2) .channel-settings-body>p:last-child{margin:5px 0 0}
.channel-modal{padding:0;width:min(620px,calc(100vw - 30px));overflow:hidden}
.channel-modal-head{height:53px;background:#f7f7f7;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.channel-modal-head h2{font-size:14px;margin:0;font-weight:700}
.channel-modal-head>button{width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#555;display:grid;place-items:center;cursor:pointer}
.channel-modal-head>button:hover,.channel-modal-head>button:focus-visible{background:#e9e9e9}
.channel-modal-head>button svg{display:block}
.channel-step-head{height:52px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9e9e9;padding:0 16px;font-size:14px}
.channel-step-head span{color:#666}
.channel-modal-body{padding:16px;font-size:14px;line-height:20px;max-height:55vh;overflow:auto}
.channel-modal-body p{margin:0 0 16px;color:#666}
.channel-modal-body label:not(.channel-choice):not(.channel-device-choices label){display:grid;gap:7px;margin:14px 0;font-size:13px}
.channel-modal-body .input{width:100%;min-height:42px}
.channel-modal-body .channel-tag-input input{min-height:25px;width:auto}
.channel-modal-foot{height:48px;min-height:48px;border-top:1px solid #e9e9e9;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:8px 16px}
.channel-modal-foot .btn{font-size:12px;height:28px;min-height:28px;line-height:20px;padding:3px 12px}
.channel-wizard-needs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.channel-wizard-needs li{display:flex;align-items:flex-start;gap:12px;line-height:20px}
.channel-need-icon{width:20px;height:20px;flex:none;fill:#8a8a8a}
.channel-modal input[type=radio],.channel-modal input[type=checkbox]{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:16px;height:16px;min-width:16px;margin:0;border:1px solid #8a8a8a;background:#fdfdfd;display:inline-grid;place-items:center;vertical-align:middle;cursor:pointer}
.channel-modal input[type=radio]{border-radius:50%}
.channel-modal input[type=radio]:checked{background:#303030;border-color:#1a1a1a}
.channel-modal input[type=radio]:checked::after{content:'';width:6px;height:6px;border-radius:50%;background:#fff}
.channel-modal input[type=checkbox]{border-radius:4px}
.channel-modal input[type=checkbox]:checked{background:#303030;border-color:#303030}
.channel-modal input[type=checkbox]:checked::after{content:'';width:8px;height:4px;border-left:1.7px solid #fff;border-bottom:1.7px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.channel-modal input[type=radio]:focus-visible,.channel-modal input[type=checkbox]:focus-visible{outline:2px solid #303030;outline-offset:2px}
.channel-modal-body ol{padding-left:20px;margin:0 0 16px;display:grid;gap:11px}
.channel-device-choices{display:grid;gap:14px}
.channel-modal-body:has(.channel-device-choices){padding-top:20px;padding-bottom:20px}
.channel-choice{display:block!important;margin:0 0 18px!important}
.channel-choice input{margin-right:8px;vertical-align:middle}
.channel-choice small{display:block;font-size:13px;color:#666;line-height:20px;margin:5px 0 0 25px}
.channel-counts{display:flex;gap:15px;margin:5px 0 24px}
.channel-modal-body:has(.channel-counts) .channel-choice:last-child{margin-bottom:1px!important}
.channel-counts label{display:inline!important;margin:0!important}
.channel-wizard-error{background:#fde6e6;color:#854646;padding:10px;margin:12px 0 0;border-radius:7px}
.channel-inbox-field{display:flex;align-items:center;border:1px solid #aaa;border-radius:7px}
.channel-inbox-field input{border:0!important;min-height:31px!important}
.channel-inbox-field span{color:#888;margin-right:8px;white-space:nowrap}
.channel-detecting{color:#777;margin:0!important}
.channel-zendesk-page>.card{display:flex;align-items:center;gap:16px;padding:16px}
.channel-zendesk-page>.card>div:nth-child(2){flex:1}
.channel-zendesk-page h2{font-size:15px;margin:0 0 8px}
.channel-zendesk-page p{font-size:13px;margin:0;color:#666}
.channel-zendesk-page a{color:#1762a6;text-decoration:underline}
@media(max-width:900px){.content:has(.channels-shell){padding-left:20px;padding-right:20px}.channel-bubble-columns{grid-template-columns:1fr}}
@media(max-width:640px){.channel-tile-grid{grid-template-columns:1fr}.channel-live-card{flex-wrap:wrap;height:auto}.channel-tabs{overflow:auto}.channel-tile-top strong{white-space:normal}}

/* The product mock retains its original type bar; bubble rendering is shared. */
.channel-typebar:not(.emichat-launcher) button{border:0;background:transparent;color:#6b6b6b;padding:0;display:grid;place-items:center;cursor:pointer}
.channel-typebar:not(.emichat-launcher) button img{width:19px;height:19px;opacity:.66}
.channel-typebar:not(.emichat-launcher) .channel-send img{width:36px;height:36px;opacity:.25}

.channel-install-body [data-installation-form] .training-add-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:16px 0}.channel-install-body [data-installation-form] label{display:block}.channel-install-body [data-installation-form] .input{width:100%;margin-top:5px}.channel-install-body ol,.channel-install-body ul{padding-left:20px;font-size:13px;line-height:1.6}.channel-install-body details{margin-top:16px}.channel-install-body .channel-install-footer{gap:8px;flex-wrap:wrap}

/* Facebook/Instagram reuse the Email editor cards, grid, overview and header. */
.social-editor .channel-settings-card h3{display:flex;align-items:center;justify-content:space-between}
.social-editor .channel-settings-body .social-message-hint{margin-left:26px}
.social-topbar h1>.pill{font-size:12px;font-weight:450;margin-left:0}
.social-editor input:disabled{opacity:.45}
.channel-modal-body label.channel-social-page{display:flex!important;align-items:center;gap:12px;margin:10px 0;padding:12px;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer}
.channel-social-page:has(input:checked){border-color:#b4b4b4;background:#fafafa}
.channel-social-page input[type=checkbox]{width:16px;height:16px;flex:none;margin:0}
.social-page-photo{width:40px;height:40px;object-fit:cover;border-radius:8px;flex:none}
.social-page-caption{display:grid;gap:3px;min-width:0}.social-page-caption strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.social-page-caption small{color:#777;font-size:12px}
.channel-social-connected{display:flex;align-items:center;gap:12px;padding:12px 0}.channel-social-connected strong{font-size:13px}
/* Connected hub layout observed in Zipchat; shared reference/live row primitives. */
.content:has(>.channels-hub){padding:20px 32px 70px}.channels-hub{max-width:998px;margin:0 auto}.channels-hub>.channel-tabs{height:28px;min-height:28px;margin:0 0 20px;gap:4px}.channels-hub>.channel-tabs a{font-size:12px;line-height:20px;padding:4px 12px}.channel-hub-section+.channel-hub-section{margin-top:24px}.channels-hub .channel-section-title{font-size:14px;font-weight:650;line-height:20px;margin:0 0 8px}.channel-hub-rows{display:grid;gap:8px}.channels-hub .channel-live-card{height:auto;min-height:69.6px;padding:12px 16px;gap:12px;flex-wrap:wrap}.channel-live-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.channel-live-title h3{font-size:14px;font-weight:650;line-height:20px;margin:0}.channels-hub .channel-live-title .pill{font-size:12px;font-weight:650;line-height:16px;margin:0;padding:2px 8px;white-space:nowrap}.channels-hub .channel-live-title .pill.orange{background:#ffd49a;color:#4a2d08}.channels-hub .channel-live-copy p{font-size:13px;line-height:20px;margin:4px 0 0;color:#616161;overflow-wrap:anywhere}.channel-live-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.channels-hub .channel-live-card .btn{font-size:12px;line-height:20px;padding:3px 12px;min-height:28px;white-space:nowrap}.channels-hub .channel-tile-grid{gap:16px}.channels-hub .channel-tile-top{gap:6px}.channels-hub .channel-live-copy{flex:1 1 140px}.channels-hub .channel-tile-logo{height:40px;width:40px}
@media(max-width:639px){.content:has(>.channels-hub){padding:20px 16px 50px}.channels-hub .channel-live-card{align-items:center}.channel-live-actions{flex-basis:100%;padding-left:52px;justify-content:flex-start}.channels-hub .channel-live-copy{flex:1;min-width:0}.channels-hub .channel-tabs{overflow-x:auto}}
@media(max-width:639px){.channels-hub .channel-live-card .btn{font-size:14px;min-height:32px;padding:5px 12px}}
/* Facebook editor measured from connected vendor state; mock and live share it. */
.content:has(>.social-editor){padding:0}.content .social-editor{width:100%;max-width:1062px;margin:0 auto;padding:20px 32px 70px;font-size:13px;line-height:20px}.social-editor .pdp-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.social-editor>.channel-tabs{height:32px;min-height:32px;margin:0 0 16px -4px;width:50%;gap:4px}.social-editor>.channel-tabs a{padding:6px 12px;font-size:13px;line-height:20px}.social-editor .channel-settings-card h3{min-height:0}.social-editor aside .channel-settings-card h3{min-height:0}.social-editor .channel-editor-overview{gap:12px 16px}.social-editor aside .channel-settings-body{padding:12px 16px;border-bottom:1px solid #e9e9e9}.social-editor .channel-editor-overview a{color:#005bd3;text-decoration:underline}.social-editor .pill.green,.social-topbar .pill.green{background:#caffdf;color:#0c5132}.social-editor .social-message-hint{margin-left:26px!important}.social-topbar .pdp-top-actions>.btn{height:28px;min-height:28px;padding:4px 12px;font-size:12px;font-weight:550;background:#e6e6e6;border:0;border-radius:8px}.social-topbar .social-disconnect{color:#8e1f0b}.social-topbar .social-disconnect:disabled{opacity:.55;cursor:not-allowed}.social-topbar .pill{font-size:12px;line-height:16px;min-height:20px;padding:0 8px;border-radius:6px}.social-share{padding:16px}.social-share-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:24px;padding:0;border:0;background:transparent;color:#303030;text-align:left;font-size:13px}.social-share-toggle strong{font-weight:650}.social-share-toggle .icon{width:16px;height:16px}.social-share-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.social-share-body{margin-top:20px}.social-share-body>p{margin:0 0 16px;color:#303030;line-height:20px}.social-share-body>label{display:block;margin:0 0 4px}.social-share-body>.input{height:32px;min-height:32px;border:1px solid #8a8a8a;border-radius:8px;padding:6px 12px;margin:0;font:450 13px/20px Inter,Arial,sans-serif}.social-share-body>p.muted{margin:4px 0 0;color:#616161}.social-share-body h4{font-size:13px;font-weight:650;line-height:20px;margin:20px 0 8px}.social-share-link{display:flex;align-items:center;gap:8px;background:#f1f1f1;border-radius:8px;padding:6px 12px;min-height:32px}.social-share-link input{width:100%;min-width:0;flex:1;border:0;padding:0;background:transparent;font:450 13px/20px Inter,Arial,sans-serif;color:#303030}.social-share-link button{width:20px;height:20px;flex:none;padding:0;border:0;background:transparent;position:relative}.social-share-link button img{width:20px;height:20px}.social-share-link button.copied img{visibility:hidden}.social-share-link button.copied:after{content:'✓';position:absolute;inset:0;color:#008060;font-size:16px}.social-share-qr{display:flex;align-items:center;gap:12px}.social-share-qr>img{width:128px;height:128px;image-rendering:pixelated}.social-share-qr .btn{font-size:12px;min-height:28px;padding:4px 12px;white-space:nowrap}
@media(max-width:899px){.social-editor .pdp-columns{grid-template-columns:minmax(0,1fr)}.social-editor>.channel-tabs{width:calc(100% + 8px)}}
@media(max-width:639px){.content .social-editor{padding:20px 16px 70px}.social-share-qr{flex-wrap:wrap}.social-share-body>.input{font-size:16px;min-height:36px}}
/* Comments uses the same approved social cards and observed field grouping. */
.social-comment-fields,.social-comment-tools,.social-comment-cleanup{display:grid;gap:16px}.social-comment-settings .social-comment-check{display:flex;align-items:center;gap:8px;min-height:28px;padding:4px 0;margin:0;line-height:20px;font-weight:450}.social-comment-settings .social-comment-field>label:not(.email-visually-hidden){display:block;line-height:20px;margin:0 0 4px;font-weight:450}.social-comment-settings .social-comment-field textarea.input{height:120px;min-height:120px;margin:0;width:100%;font:450 13px/20px Inter,Arial,sans-serif;padding:6px 12px;border:1px solid #8a8a8a;border-radius:8px;resize:none}.social-comment-tool{display:grid;gap:8px}.social-comment-settings .social-comment-field input.input{height:32px;min-height:32px;width:100%;margin:0;padding:6px 12px;border:1px solid #8a8a8a;border-radius:8px;font:450 13px/20px Inter,Arial,sans-serif}.social-comment-settings .social-comment-field>p{font-size:13px;line-height:20px;margin:4px 0 0;color:#616161}.social-comment-settings .channel-settings-body>.social-comment-check{margin:0;padding:4px 0}
@media(max-width:639px){.social-comment-settings .social-comment-field input.input,.social-comment-settings .social-comment-field textarea.input{font-size:16px;line-height:24px}.social-comment-settings .social-comment-field input.input{min-height:36px}}

.social-editor-instagram .social-comment-field textarea.input{resize:vertical}


.social-editor-instagram .social-share-body{margin-top:16px}.social-editor-instagram .social-share-body>p{margin:0 0 16px;line-height:20px;color:#616161}.social-editor-instagram .social-share-body h4{margin:16px 0 8px}.social-editor-instagram .social-share-qr{gap:8px}.social-editor-instagram .social-share-qr .btn{height:28px;line-height:18px;padding:4px 12px}

.social-editor-instagram .social-share-link button.copied{width:44px}.social-editor-instagram .social-share-link button.copied img{display:none}.social-editor-instagram .social-share-link button.copied:after{content:none}.social-editor-instagram .social-copy-status{color:#008060;white-space:nowrap;font:450 13px/20px Inter,Arial,sans-serif}.social-copy-status:empty{display:none}

.social-disconnect-confirm{color:#fff;background:#c5280c;border-color:#b5260b}.social-disconnect-confirm:hover{background:#a9230a}

.modal:has([data-social-action="disconnect-confirm"]) .channel-modal-head{height:52.8px}.modal:has([data-social-action="disconnect-confirm"]) .channel-modal-head h2{font-weight:650}.modal:has([data-social-action="disconnect-confirm"]) .channel-modal-body p{margin:0;color:#303030;line-height:20px}.modal:has([data-social-action="disconnect-confirm"]) .channel-modal-foot{height:60.8px;padding:16px}.modal-backdrop:has(+.modal [data-social-action="disconnect-confirm"]){background:rgba(0,0,0,.55)}.social-disconnect-confirm{background:#e51c00;border-color:#d51a00}
.bubble-avatar-preview{display:block;width:40px;height:40px;object-fit:cover;border-radius:50%;margin:8px 0}.bubble-custom-css[hidden]{display:none}.bubble-custom-css textarea{width:100%;min-height:120px;font:13px/20px monospace}.bubble-custom-css ul{font-size:13px;line-height:20px;padding-left:20px}.bubble-custom-css code{font-size:12px}
.channel-bubble-features .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(n+3) .channel-settings-body{padding:16px}.channel-bubble-features .channel-bubble-columns>div:first-child>.channel-settings-card:nth-child(n+3) .channel-settings-body>label{margin:0;line-height:20px}[data-bubble-protection-fields]{display:grid;gap:16px;margin-top:16px}[data-bubble-protection-fields][hidden]{display:none}[data-bubble-protection-fields]>label{display:grid;gap:4px}