/* Commenta v2.14.4 — Dashboard Demo 2: mobile sidebar navigation */
body.cn-app-demo-sidebar .cn-mobile-sidebar-trigger{display:none}
body.cn-app-demo-sidebar .cn-mobile-sidebar-overlay{display:none}

@media(max-width:1024px){
  html.cn-mobile-menu-open,html.cn-mobile-menu-open body{overflow:hidden!important;overscroll-behavior:none}
  body.cn-app-demo-sidebar .cn-mobile-nav{display:none!important}
  body.cn-app-demo-sidebar .cn-shell,
  body.cn-app-demo-sidebar .cn-vue-shell{padding-bottom:0!important}
  body.cn-app-demo-sidebar .cn-main,
  body.cn-app-demo-sidebar .cn-vue-shell>.cn-main{padding-bottom:34px!important}
  body.cn-app-demo-sidebar .cn-content,
  body.cn-app-demo-sidebar .cn-vue-shell>.cn-main>.cn-content{padding-bottom:24px!important}

  body.cn-app-demo-sidebar .cn-top{display:flex!important;align-items:center!important;gap:10px!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-trigger{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border:1px solid color-mix(in srgb,var(--cn-theme-border,#e7e9ef) 92%,transparent)!important;border-radius:14px!important;background:var(--cn-theme-surface,#fff)!important;color:var(--cn-theme-text,#171821)!important;box-shadow:0 6px 22px rgba(16,24,40,.06)!important;padding:0!important;cursor:pointer!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-trigger .cn-icon{width:20px!important;height:20px!important}
  body.cn-app-demo-sidebar .cn-top-copy{min-width:0!important;flex:1 1 auto!important}
  body.cn-app-demo-sidebar .cn-top-actions{flex:0 0 auto!important}

  body.cn-app-demo-sidebar .cn-mobile-sidebar-overlay{position:fixed!important;inset:0!important;z-index:12000!important;display:block!important;background:rgba(14,18,29,.46)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;opacity:1!important;visibility:visible!important;direction:rtl!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-overlay[hidden]{display:none!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-drawer{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:min(86vw,340px)!important;max-width:340px!important;display:flex!important;flex-direction:column!important;background:var(--cn-theme-surface,#fff)!important;border-left:1px solid var(--cn-theme-border,#e7e9ef)!important;box-shadow:-22px 0 70px rgba(16,24,40,.20)!important;padding:calc(14px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom))!important;overflow:hidden!important;animation:cn-mobile-drawer-in .2s cubic-bezier(.2,.8,.2,1)!important}
  @keyframes cn-mobile-drawer-in{from{transform:translateX(104%);opacity:.6}to{transform:translateX(0);opacity:1}}

  body.cn-app-demo-sidebar .cn-mobile-sidebar-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:2px 3px 13px!important;border-bottom:1px solid var(--cn-theme-border,#e7e9ef)!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-brand>img,
  body.cn-app-demo-sidebar .cn-mobile-sidebar-brand>.cn-brandmark{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:13px!important;object-fit:contain!important;background:#fff!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-brand>div{display:grid!important;gap:1px!important;min-width:0!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-brand b{font-size:13px!important;font-weight:900!important;color:var(--cn-theme-text,#171821)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-brand small{font-size:10px!important;color:var(--cn-theme-muted,#727785)!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-close{width:38px!important;height:38px!important;flex:0 0 38px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid var(--cn-theme-border,#e7e9ef)!important;border-radius:12px!important;background:#f7f8fb!important;color:#667085!important;cursor:pointer!important}

  body.cn-app-demo-sidebar .cn-mobile-sidebar-nav{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;padding:12px 1px!important;display:grid!important;align-content:start!important;gap:4px!important;scrollbar-width:thin!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-nav button{position:relative!important;width:100%!important;min-height:46px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;padding:5px 9px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#667085!important;text-align:right!important;font:800 11.5px/1.4 var(--cn-font,"Vazirmatn",Tahoma,sans-serif)!important;cursor:pointer!important;box-shadow:none!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-nav button:hover{background:#f7f8fb!important;color:var(--cn-theme-text,#171821)!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-nav button.active{background:color-mix(in srgb,var(--cn-theme-accent,#6757e8) 10%,#fff)!important;color:var(--cn-theme-accent,#6757e8)!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-nav button.active:before{content:""!important;position:absolute!important;right:0!important;top:10px!important;bottom:10px!important;width:3px!important;border-radius:999px!important;background:var(--cn-theme-accent,#6757e8)!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#f4f5f8!important;color:#667085!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-nav button.active .cn-mobile-sidebar-icon{background:color-mix(in srgb,var(--cn-theme-accent,#6757e8) 13%,#fff)!important;color:var(--cn-theme-accent,#6757e8)!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-icon .cn-icon{width:19px!important;height:19px!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-nav button>em{min-width:23px!important;height:23px!important;padding:0 6px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#e5485d!important;color:#fff!important;font-size:9px!important;font-style:normal!important;border:2px solid #fff!important}

  body.cn-app-demo-sidebar .cn-mobile-sidebar-foot{flex:0 0 auto!important;border-top:1px solid var(--cn-theme-border,#e7e9ef)!important;padding:11px 2px 0!important;display:grid!important;gap:8px!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-usage{padding:10px 11px!important;border:1px solid var(--cn-theme-border,#e7e9ef)!important;border-radius:13px!important;background:#fafbfc!important;display:grid!important;gap:7px!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-usage>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-usage b{font-size:10.5px!important;color:var(--cn-theme-text,#171821)!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-usage span{font-size:9px!important;color:var(--cn-theme-muted,#727785)!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-profile{min-height:49px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:5px 7px!important;border:1px solid var(--cn-theme-border,#e7e9ef)!important;border-radius:13px!important;background:#fff!important;text-align:right!important;cursor:pointer!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-profile img{width:36px!important;height:36px!important;border-radius:11px!important;object-fit:cover!important;background:#f2f4f7!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-profile>span{display:grid!important;gap:1px!important;min-width:0!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-profile b{font-size:11px!important;color:var(--cn-theme-text,#171821)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-profile small{font-size:9px!important;color:var(--cn-theme-muted,#727785)!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-logout{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid rgba(217,45,32,.18)!important;border-radius:12px!important;background:#fff7f6!important;color:#b42318!important;font:850 10.5px var(--cn-font,"Vazirmatn",Tahoma,sans-serif)!important;cursor:pointer!important}
}

@media(max-width:760px){
  body.cn-app-demo-sidebar .cn-main,
  body.cn-app-demo-sidebar .cn-vue-shell>.cn-main{padding:0 12px 26px!important}
  body.cn-app-demo-sidebar .cn-top{position:sticky!important;top:0!important;z-index:110!important;margin:0 -12px 10px!important;padding:calc(9px + env(safe-area-inset-top)) 12px 9px!important;background:color-mix(in srgb,var(--cn-theme-background,#f7f8fb) 92%,transparent)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-bottom:1px solid color-mix(in srgb,var(--cn-theme-border,#e7e9ef) 76%,transparent)!important}
  body.cn-app-demo-sidebar .cn-top h1{font-size:17px!important;line-height:1.4!important;margin:0!important}
  body.cn-app-demo-sidebar .cn-top p{display:none!important}
  body.cn-app-demo-sidebar .cn-top-actions{gap:5px!important}
  body.cn-app-demo-sidebar .cn-top-actions .cn-top-channel-action{display:none!important}
  body.cn-app-demo-sidebar .cn-top-actions .cn-create-action{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:13px!important}
  body.cn-app-demo-sidebar .cn-top-actions .cn-create-action span:not(:first-child){display:none!important}
  body.cn-app-demo-sidebar .cn-top-actions .cn-icon-btn{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:13px!important}
}

@media(max-width:380px){body.cn-app-demo-sidebar .cn-mobile-sidebar-drawer{width:91vw!important}}

@media(prefers-reduced-motion:reduce){body.cn-app-demo-sidebar .cn-mobile-sidebar-drawer{animation:none!important}}


/* v2.14.5 — Demo 2: simple, wizard-style automation editor (no canvas/dragging). */
body.cn-app-demo-sidebar.cn-simple-automation-open{overflow:hidden!important}
.cn-simple-automation-home{display:grid;gap:16px;direction:rtl}
.cn-simple-page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 1px}
.cn-simple-page-head h2{margin:0 0 5px;font-size:19px;font-weight:950;color:var(--cn-theme-text,#171821)}
.cn-simple-page-head p{margin:0;color:var(--cn-theme-muted,#777b87);font-size:11px}
.cn-simple-flow-filters{display:flex;gap:8px;overflow:auto;padding:2px 0 6px;scrollbar-width:none}
.cn-simple-flow-filters::-webkit-scrollbar{display:none}.cn-simple-flow-filters button{flex:0 0 auto;min-height:39px;border:1px solid var(--cn-theme-border,#e8e9ee);background:#fff;border-radius:13px;padding:6px 11px;display:flex;align-items:center;gap:7px;color:#707583;font:800 10px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer}.cn-simple-flow-filters button.active{border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 42%,#fff);background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 7%,#fff);color:var(--cn-theme-accent,#7c3aed)}.cn-simple-flow-filters img{width:22px;height:22px;object-fit:contain}.cn-simple-flow-list{display:grid;gap:9px}.cn-simple-flow-card{width:100%;border:1px solid var(--cn-theme-border,#e8e9ee);background:#fff;border-radius:17px;min-height:76px;padding:9px 11px;display:grid;grid-template-columns:45px minmax(0,1fr) auto 22px;align-items:center;gap:9px;text-align:right;cursor:pointer;box-shadow:0 6px 22px rgba(16,24,40,.035);font-family:inherit}.cn-simple-flow-card:hover{border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 22%,#e8e9ee);box-shadow:0 8px 26px rgba(16,24,40,.06)}.cn-simple-flow-logo{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#f6f7f9}.cn-simple-flow-logo img{width:27px;height:27px;object-fit:contain}.cn-simple-flow-copy{display:grid;gap:2px;min-width:0}.cn-simple-flow-copy b{font-size:12px;color:#20222a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-simple-flow-copy small{font-size:9.5px;color:#7c808b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-simple-flow-copy em{font-size:8.5px;color:#a1a5ae;font-style:normal}.cn-simple-flow-card>.cn-status{font-size:8.5px}.cn-simple-flow-card>i{display:grid;place-items:center;color:#a4a7af}.cn-simple-empty{min-height:330px;border:1px solid var(--cn-theme-border,#e8e9ee);background:#fff;border-radius:22px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;padding:30px}.cn-simple-empty>span{width:64px;height:64px;border-radius:20px;background:#f7f3ff;color:var(--cn-theme-accent,#7c3aed);display:grid;place-items:center}.cn-simple-empty h3{margin:3px 0 0;font-size:15px}.cn-simple-empty p{margin:0 0 7px;color:#858994;font-size:10.5px}

.cn-simple-automation-editor{position:fixed;inset:0;z-index:15000;background:#f4f4f5;direction:rtl;overflow:auto;font-family:var(--cn-font,"Vazirmatn",Tahoma,sans-serif)}
.cn-simple-editor-shell{width:min(880px,100%);min-height:100%;margin:auto;padding:14px 20px 26px;display:grid;align-content:start;gap:15px}
.cn-simple-editor-top{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;background:rgba(244,244,245,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:calc(5px + env(safe-area-inset-top)) 0 8px}.cn-simple-back{width:40px;height:40px;border:1px solid #e2e2e5;border-radius:13px;background:#fff;display:grid;place-items:center;transform:none;cursor:pointer;color:#686b73}.cn-simple-editor-title{min-width:0;display:flex;align-items:center;gap:9px}.cn-simple-editor-account{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff;border:1px solid #e5e5e8}.cn-simple-editor-account img{width:24px;height:24px;object-fit:contain}.cn-simple-editor-title>div{min-width:0;display:grid;gap:1px}.cn-simple-editor-title input{width:100%;min-width:0;border:0;background:transparent;padding:0;color:#18191e;font:950 13px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);outline:0}.cn-simple-editor-title small{font-size:8.7px;color:#94969d}.cn-simple-steps{display:flex;align-items:center;justify-content:center;gap:11px;padding:4px 0 1px}.cn-simple-steps button{border:0;background:transparent;display:grid;justify-items:center;gap:4px;color:#83858b;font:850 10px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer}.cn-simple-steps button i{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;border:2px solid #dadbdd;background:#f4f4f5;color:#8b8d92;font-size:17px;font-style:normal}.cn-simple-steps button.active{color:#292a2f}.cn-simple-steps button.active i{background:#77787a;border-color:#77787a;color:#fff}.cn-simple-steps button:first-child.active{color:var(--cn-theme-accent,#7c3aed)}.cn-simple-steps button:first-child.active i{background:#fff;border-color:var(--cn-theme-accent,#7c3aed);color:var(--cn-theme-accent,#7c3aed)}.cn-simple-steps em{width:31px;height:2px;background:#dedfe1;border-radius:99px}.cn-simple-editor-main{display:grid;gap:13px}.cn-simple-work-card,.cn-simple-settings-card{min-height:490px;background:#fff;border-radius:28px;padding:28px 30px;border:1px solid rgba(233,233,236,.88);box-shadow:0 4px 16px rgba(16,24,40,.025)}
.cn-simple-work-card{display:grid;align-content:start;gap:26px;position:relative}.cn-simple-add-user{display:flex;justify-content:flex-start}.cn-simple-add-user button,.cn-simple-add-reply{border:2px dashed #5f9fea;background:#fff;color:#4b90df;border-radius:17px;min-height:52px;padding:0 17px;display:flex;align-items:center;gap:8px;font:800 12px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer}.cn-simple-user-bubble{display:flex;align-items:center;gap:9px;justify-content:flex-end}.cn-simple-avatar{width:43px;height:43px;border-radius:50%;background:linear-gradient(145deg,#c9dfe1,#8eb1b5);color:#fff;display:grid;place-items:center;flex:0 0 43px}.cn-simple-user-bubble button{max-width:68%;border:2px dashed #a8aaad;background:#fff;border-radius:17px;padding:10px 15px;text-align:right;display:grid;gap:2px;color:#55575b;cursor:pointer;font-family:inherit}.cn-simple-user-bubble b{font-size:12px}.cn-simple-user-bubble small{font-size:8.5px;color:#92949a}.cn-simple-replies{display:grid;gap:10px}.cn-simple-bot-bubble{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;max-width:78%;margin-left:auto}.cn-simple-bot-bubble>span{width:34px;height:34px;border-radius:50%;background:#eef1f5;color:#7e8490;display:grid;place-items:center}.cn-simple-reply-main{border:2px dashed #a8aaad;background:#fff;border-radius:17px;padding:10px 14px;text-align:right;display:grid;gap:2px;cursor:pointer;font-family:inherit}.cn-simple-reply-main:hover,.cn-comment-answer-main:hover,.cn-simple-user-bubble button:hover{border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 34%,#a8aaad);background:#fcfbff}.cn-simple-bot-bubble b{font-size:11.5px;color:#55575b;white-space:pre-wrap}.cn-simple-bot-bubble small{font-size:8px;color:#96999f}.cn-simple-reply-actions{display:flex;align-items:center;gap:6px}.cn-simple-edit-reply,.cn-simple-remove-reply{width:28px;height:28px;border:0;border-radius:10px;display:grid;place-items:center;cursor:pointer}.cn-simple-edit-reply{background:#f3f4f6;color:#6f7682}.cn-simple-edit-reply:hover{background:#ebeef3;color:#525864}.cn-simple-remove-reply{background:#fff3f2;color:#c0443d}.cn-simple-remove-reply:hover{background:#ffe8e6;color:#ab342e}.cn-simple-add-reply{justify-self:start;border-color:#aaa;color:#5f6065}.cn-simple-template-btn{margin-top:auto;width:100%;min-height:55px;border:2px dashed color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 58%,#fff);background:#fff;border-radius:17px;color:var(--cn-theme-accent,#7c3aed);display:flex;align-items:center;justify-content:center;gap:9px;font:850 12px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer}.cn-simple-next{width:100%;min-height:58px;border:0;border-radius:17px;background:linear-gradient(100deg,var(--cn-theme-accent,#7c3aed),color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 72%,#b000df));color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font:950 13px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer}.cn-simple-next svg{transform:rotate(180deg)}
.cn-simple-settings-card{display:grid;align-content:start;gap:20px}.cn-simple-settings-card h2{margin:0 0 3px;font-size:17px;color:#191a1f}.cn-simple-toggle{display:flex;align-items:flex-start;gap:11px;cursor:pointer}.cn-simple-toggle input{display:none}.cn-simple-toggle>i{width:27px;height:27px;flex:0 0 27px;border:2px solid #d8d9dc;border-radius:9px;background:#fff;position:relative}.cn-simple-toggle input:checked+i{background:var(--cn-theme-accent,#7c3aed);border-color:var(--cn-theme-accent,#7c3aed)}.cn-simple-toggle input:checked+i:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:950}.cn-simple-toggle>span{display:grid;gap:3px;padding-top:2px}.cn-simple-toggle b{font-size:12px;color:#26272d}.cn-simple-toggle small{font-size:8.5px;color:#9699a0}.cn-simple-toggle.disabled{opacity:.48;cursor:not-allowed}.cn-simple-delay{padding-top:5px}.cn-simple-delay label{display:grid;gap:9px}.cn-simple-delay label>span{display:flex;align-items:center;gap:6px;color:#767980;font-size:10.5px}.cn-simple-delay label>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cn-simple-delay input,.cn-simple-delay select,.cn-simple-setting-line select{height:49px;border:1px solid #d8d9dc;border-radius:14px;background:#fff;padding:0 13px;font:800 11px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);outline:0}.cn-simple-setting-line{padding-top:3px}.cn-simple-setting-line label{display:grid;gap:8px;color:#777a81;font-size:10.5px}.cn-simple-save-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;direction:ltr}.cn-simple-save-row>.cn-simple-next,.cn-simple-save-row>.cn-simple-save{grid-column:1}.cn-simple-save-row>.cn-simple-prev{grid-column:2}.cn-simple-save-row button{min-height:57px;border:0;border-radius:17px;font:900 13px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;direction:rtl}.cn-simple-save{background:linear-gradient(135deg,#159f95,#0f8f87);color:#fff;font-weight:1000;box-shadow:0 11px 26px rgba(15,143,135,.32);border:1px solid rgba(8,118,111,.28);letter-spacing:-.1px}.cn-simple-save:hover{background:linear-gradient(135deg,#128f87,#0c817a)}.cn-simple-save:active{transform:translateY(1px);box-shadow:0 7px 17px rgba(15,143,135,.26)}.cn-simple-save .cn-icon{width:22px;height:22px;stroke-width:2.35;flex:0 0 22px}.cn-simple-save span{font-weight:1000}.cn-simple-prev{background:#f5e7ff;color:#8a0bbb}.cn-simple-prev svg{transform:none}.cn-simple-convert-note{padding:12px 14px;border:1px solid #f1c56b;background:#fff9ea;border-radius:16px;display:grid;gap:4px}.cn-simple-convert-note b{font-size:10.5px;color:#744d00}.cn-simple-convert-note p{margin:0;font-size:9px;color:#8c6a27}.cn-simple-convert-note button{justify-self:start;margin-top:3px;border:0;border-radius:10px;background:#8f6105;color:#fff;padding:7px 11px;font:800 9px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer}
.cn-public-comment-reply{margin:-7px 0 1px;padding:13px;border:1px solid color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 20%,#e6e7ea);border-radius:15px;background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 4%,#fff)}.cn-public-comment-reply label>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:#4c4f57;font-weight:900}.cn-public-comment-reply label>span small{font-size:8px;color:#9598a0;font-weight:600}.cn-public-comment-reply textarea{width:100%;min-height:92px;resize:vertical;border:1px solid #d8d9dc;border-radius:13px;background:#fff;padding:11px 13px;color:#292b31;font:750 11px/1.9 var(--cn-font,"Vazirmatn",Tahoma,sans-serif);outline:0}.cn-public-comment-reply textarea:focus{border-color:var(--cn-theme-accent,#7c3aed);box-shadow:0 0 0 3px color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 11%,transparent)}

@media(max-width:760px){body.cn-app-demo-sidebar .cn-simple-page-head{align-items:flex-start}.cn-simple-page-head p{font-size:9.5px}.cn-simple-page-head .cn-btn{min-height:39px;padding-inline:11px}.cn-simple-flow-card{grid-template-columns:42px minmax(0,1fr) auto 18px;min-height:72px;padding:8px}.cn-simple-editor-shell{padding:8px 13px 18px}.cn-simple-editor-top{grid-template-columns:39px minmax(0,1fr) auto;padding-top:calc(6px + env(safe-area-inset-top))}.cn-simple-back{width:38px;height:38px}.cn-simple-editor-title input{font-size:12px}.cn-simple-editor-title small{font-size:8px}.cn-simple-editor-top>.cn-status{font-size:8px;padding:5px 7px}.cn-simple-steps{padding-top:9px}.cn-simple-steps button i{width:45px;height:45px}.cn-simple-work-card,.cn-simple-settings-card{min-height:calc(100dvh - 315px);border-radius:27px;padding:24px 18px}.cn-simple-work-card{gap:24px}.cn-simple-add-user button,.cn-simple-add-reply{font-size:11px;min-height:49px;padding:0 13px}.cn-simple-user-bubble button{max-width:78%}.cn-simple-bot-bubble{max-width:88%;grid-template-columns:33px minmax(0,1fr) auto}.cn-simple-reply-actions{gap:5px}.cn-simple-edit-reply,.cn-simple-remove-reply{width:26px;height:26px}.cn-simple-template-btn{min-height:52px}.cn-simple-next,.cn-simple-save-row button{min-height:55px}.cn-simple-settings-card h2{font-size:16px}.cn-simple-toggle b{font-size:11.5px}.cn-simple-delay input,.cn-simple-delay select,.cn-simple-setting-line select{height:47px}.cn-simple-save-row{padding-bottom:env(safe-area-inset-bottom)}}


/* v2.14.6 — Demo 2 channel-first navigation + ultra-simple smart tools */
body.cn-app-demo-sidebar .cn-demo2-nav-home{display:grid;gap:4px;padding-bottom:10px}
body.cn-app-demo-sidebar .cn-demo2-nav-group{display:grid;gap:4px;padding-top:11px;margin-top:9px;border-top:1px solid color-mix(in srgb,var(--cn-theme-border,#e7e9ef) 58%,transparent)}
body.cn-app-demo-sidebar .cn-demo2-nav-group:first-of-type{margin-top:0}
body.cn-app-demo-sidebar .cn-demo2-nav-rest{display:grid;gap:4px;padding-top:11px;margin-top:9px;border-top:1px solid color-mix(in srgb,var(--cn-theme-border,#e7e9ef) 58%,transparent)}
body.cn-app-demo-sidebar .cn-demo2-nav-title{display:flex;align-items:center;gap:8px;padding:3px 9px 5px;color:#8b8f99;font-size:10px;font-weight:900}
body.cn-app-demo-sidebar .cn-demo2-nav-title>span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#f7f8fa}
body.cn-app-demo-sidebar .cn-demo2-nav-title img{width:17px;height:17px;object-fit:contain}
body.cn-app-demo-sidebar .cn-demo2-side-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f4f5f8}
body.cn-app-demo-sidebar .cn-nav .cn-demo2-nav-group button{padding-right:10px}

.cn-demo2-simple-page{display:grid;gap:14px;max-width:980px;margin:0 auto}
.cn-demo2-simple-hero{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;border:1px solid var(--cn-theme-border,#e7e9ef);border-radius:22px;background:#fff}
.cn-demo2-hero-logo{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:#f7f8fb}.cn-demo2-hero-logo img{width:34px;height:34px;object-fit:contain}.cn-demo2-simple-hero h2{margin:0;font-size:16px}.cn-demo2-simple-hero p{margin:4px 0 0;font-size:10px;color:#7d818b}.cn-demo2-account-list{display:grid;gap:10px}.cn-demo2-account-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--cn-theme-border,#e7e9ef);border-radius:18px;padding:12px}.cn-demo2-account-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.cn-demo2-tip{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #d9eafa;border-radius:14px;background:#f3f9ff;color:#647184;font-size:10px}.cn-demo2-tip svg{color:#4f96df}
.cn-demo2-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cn-demo2-product-card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:10px;background:#fff;border:1px solid #e7e8ec;border-radius:17px;padding:9px}.cn-demo2-product-card .cn-lazy-image-shell{width:60px;height:60px;border-radius:13px;background:#f5f6f8;overflow:hidden;display:grid;place-items:center}.cn-demo2-product-card img{width:100%;height:100%;object-fit:cover}.cn-demo2-product-card>div{display:grid;gap:3px;min-width:0}.cn-demo2-product-card b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-demo2-product-card small{font-size:9px;color:#80848e}
.cn-demo2-form-list,.cn-demo2-ai-sources{display:grid;gap:9px}.cn-demo2-form-card,.cn-demo2-ai-sources article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;background:#fff;border:1px solid #e7e8ec;border-radius:16px;padding:10px}.cn-demo2-form-card>span,.cn-demo2-ai-sources article>span{width:38px;height:38px;border-radius:12px;background:#f5f2ff;color:var(--cn-theme-accent,#7c3aed);display:grid;place-items:center}.cn-demo2-form-card>div,.cn-demo2-ai-sources article>div{display:grid;gap:2px}.cn-demo2-form-card b,.cn-demo2-ai-sources b{font-size:11px}.cn-demo2-form-card small,.cn-demo2-ai-sources small{font-size:8.5px;color:#8b8e96}
.cn-demo2-ai-balance{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;background:#fff;border:1px solid #e7e8ec;border-radius:18px;padding:12px}.cn-demo2-ai-balance>span{width:42px;height:42px;border-radius:13px;background:#f5f2ff;color:var(--cn-theme-accent,#7c3aed);display:grid;place-items:center}.cn-demo2-ai-balance>div{display:grid;gap:2px}.cn-demo2-ai-balance b{font-size:11px}.cn-demo2-ai-balance small{font-size:8.5px;color:#8a8e98}.cn-demo2-ai-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cn-demo2-ai-actions button{border:1px solid #e7e8ec;background:#fff;border-radius:18px;padding:16px 10px;display:grid;justify-items:center;gap:5px;color:#626772;font-family:inherit;cursor:pointer}.cn-demo2-ai-actions button svg{color:var(--cn-theme-accent,#7c3aed)}.cn-demo2-ai-actions b{font-size:10.5px;color:#24262b}.cn-demo2-ai-actions small{font-size:8px;color:#90949d;text-align:center}
.cn-simple-embedded-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cn-simple-embedded-tools button{border:1px solid #e4e5e9;background:#fafbfc;border-radius:15px;min-height:56px;padding:8px 10px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;text-align:right;color:#6b6f78;font-family:inherit;cursor:pointer}.cn-simple-embedded-tools button.active{border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 45%,#e4e5e9);background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 6%,#fff);color:var(--cn-theme-accent,#7c3aed)}.cn-simple-embedded-tools button>span{display:grid;gap:2px}.cn-simple-embedded-tools b{font-size:10px}.cn-simple-embedded-tools small{font-size:7.8px;color:#9498a1}
.cn-simple-steps.four{gap:6px}.cn-simple-steps.four em{width:18px}.cn-simple-steps button.done i{background:#1db8aa!important;border-color:#1db8aa!important;color:#fff!important}.cn-simple-steps button.done{color:#198d84}.cn-comment-post-summary{display:flex;align-items:center;gap:12px;padding:14px;border-radius:17px;background:#fafbfc;border:1px solid #eceef2}.cn-comment-post-summary>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fff}.cn-comment-post-summary>div{display:grid;gap:2px}.cn-comment-post-summary b{font-size:11px}.cn-comment-post-summary small{font-size:8.5px;color:#878b95}.cn-comment-post-choice{display:grid;gap:10px}.cn-comment-post-choice button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;border:2px solid #e5e6e9;background:#fff;border-radius:18px;padding:12px;text-align:right;font-family:inherit;cursor:pointer}.cn-comment-post-choice button.active{border-color:#19b7aa;background:#f2fffd}.cn-comment-post-choice button>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f4f5f7;color:#8b8e96}.cn-comment-post-choice button.active>span{background:#19b7aa;color:#fff}.cn-comment-post-choice button>div{display:grid;gap:2px}.cn-comment-post-choice b{font-size:11px}.cn-comment-post-choice small{font-size:8.5px;color:#8b8f99}.cn-demo2-step-note{text-align:center;color:#878b94;font-size:10px;padding:2px}.cn-comment-policy-note{padding:13px 15px;border:1px solid #cde4f8;background:#edf7ff;color:#677180;border-radius:15px;font-size:10px;line-height:1.9}.cn-simple-bot-bubble.comment-direct{max-width:92%;margin:14px auto 0;width:100%}
.cn-demo2-media-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-height:58vh;overflow:auto}.cn-demo2-media-picker button{position:relative;border:2px solid transparent;border-radius:15px;background:#f7f8fa;padding:5px;display:grid;gap:5px;text-align:right;font-family:inherit;cursor:pointer}.cn-demo2-media-picker button.active{border-color:var(--cn-theme-accent,#7c3aed)}.cn-demo2-media-picker button>span{aspect-ratio:1;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:#eee}.cn-demo2-media-picker img{width:100%;height:100%;object-fit:cover}.cn-demo2-media-picker b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-demo2-media-picker i{position:absolute;top:9px;right:9px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--cn-theme-accent,#7c3aed);color:#fff}.cn-demo2-showcase-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:56vh;overflow:auto}.cn-demo2-showcase-picker button{display:grid;grid-template-columns:50px minmax(0,1fr) 25px;align-items:center;gap:8px;border:1px solid #e6e7eb;border-radius:14px;background:#fff;padding:7px;text-align:right;font-family:inherit;cursor:pointer}.cn-demo2-showcase-picker button.active{border-color:var(--cn-theme-accent,#7c3aed);background:#faf8ff}.cn-demo2-showcase-picker .cn-lazy-image-shell{width:48px;height:48px;border-radius:10px;overflow:hidden;background:#f4f5f7;display:grid;place-items:center}.cn-demo2-showcase-picker img{width:100%;height:100%;object-fit:cover}.cn-demo2-showcase-picker b{font-size:9.5px}.cn-demo2-showcase-picker small{font-size:8px;color:#8c9099}.cn-demo2-showcase-copy{display:grid;gap:6px;margin-top:10px;font-size:9px;color:#7c8089}.cn-demo2-showcase-copy input{height:43px;border:1px solid #dddfe4;border-radius:12px;padding:0 11px;font-family:inherit}.cn-demo2-form-picker{display:grid;gap:8px}.cn-demo2-form-picker button{display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:8px;border:1px solid #e5e6e9;border-radius:14px;background:#fff;padding:10px;text-align:right;font-family:inherit;cursor:pointer}.cn-demo2-form-picker button.active{border-color:var(--cn-theme-accent,#7c3aed);background:#faf8ff}.cn-demo2-form-picker button>span{display:grid;gap:2px}.cn-demo2-form-picker b{font-size:10px}.cn-demo2-form-picker small{font-size:8px;color:#8f939b}

@media(max-width:760px){.cn-demo2-simple-hero{grid-template-columns:48px minmax(0,1fr);padding:13px}.cn-demo2-simple-hero>.cn-btn{grid-column:1/-1;width:100%}.cn-demo2-hero-logo{width:46px;height:46px;border-radius:14px}.cn-demo2-product-grid{grid-template-columns:1fr}.cn-demo2-product-card{grid-template-columns:54px minmax(0,1fr) auto}.cn-demo2-ai-actions{grid-template-columns:1fr}.cn-demo2-ai-actions button{grid-template-columns:30px minmax(0,1fr);justify-items:start;text-align:right}.cn-demo2-ai-actions small{text-align:right}.cn-simple-steps.four{justify-content:space-between;gap:2px;overflow:visible}.cn-simple-steps.four em{width:12px;flex:0 1 12px}.cn-simple-steps.four button{min-width:58px}.cn-simple-steps.four button i{width:42px;height:42px;font-size:14px}.cn-simple-steps.four button span{font-size:8.2px;white-space:nowrap}.cn-simple-editor-shell.is-comment-wizard .cn-simple-work-card,.cn-simple-editor-shell.is-comment-wizard .cn-simple-settings-card{min-height:calc(100dvh - 345px)}.cn-demo2-media-picker{grid-template-columns:repeat(2,1fr)}.cn-demo2-showcase-picker{grid-template-columns:1fr}.cn-simple-embedded-tools{grid-template-columns:1fr 1fr}}

/* v2.14.6 — Demo 2 simple Form Builder */
.cn-demo2-simple-form-modal{max-width:760px!important}
.cn-demo2-simple-form-head{display:grid;gap:3px;margin-bottom:12px}.cn-demo2-simple-form-head span{font-size:9px;font-weight:900;color:var(--cn-theme-accent,#7c3aed)}.cn-demo2-simple-form-head h2{margin:0;font-size:17px}.cn-demo2-simple-form-head p{margin:0;color:#8a8e98;font-size:9px}
.cn-demo2-form-steps{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin:10px 0 16px}.cn-demo2-form-steps button{border:0;background:transparent;display:grid;justify-items:center;gap:5px;color:#989ba3;font-family:inherit;cursor:pointer;padding:0}.cn-demo2-form-steps button i{width:44px;height:44px;border:2px solid #d9dbe0;border-radius:50%;display:grid;place-items:center;font-size:13px;font-style:normal;font-weight:900;background:#fff}.cn-demo2-form-steps button span{font-size:9px;font-weight:800}.cn-demo2-form-steps button.active{color:#565a63}.cn-demo2-form-steps button.active i{background:#70727a;border-color:#70727a;color:#fff}.cn-demo2-form-steps button.done{color:#188f84}.cn-demo2-form-steps button.done i{background:#1db8aa;border-color:#1db8aa;color:#fff}.cn-demo2-form-steps>em{width:44px;height:2px;background:#e4e5e9;margin-top:21px;border-radius:999px}
.cn-demo2-form-step-card{min-height:390px;border:1px solid #eceef2;border-radius:24px;background:#fff;padding:22px;display:grid;align-content:start;gap:14px}.cn-demo2-form-step-card>h3,.cn-demo2-form-step-title h3{margin:0;font-size:15px}.cn-demo2-form-step-card>p,.cn-demo2-form-step-title p{margin:-7px 0 1px;color:#8a8e98;font-size:9px}.cn-demo2-form-step-card label{display:grid;gap:6px;color:#686c75;font-size:9px;font-weight:800}.cn-demo2-form-step-card label small{font-weight:600;color:#a0a3aa}.cn-demo2-form-step-card input,.cn-demo2-form-step-card select,.cn-demo2-form-step-card textarea{width:100%;border:1px solid #dedfe4;border-radius:14px;background:#fff;padding:10px 12px;font:inherit;color:#25272d;outline:0}.cn-demo2-form-step-card input,.cn-demo2-form-step-card select{height:46px}.cn-demo2-form-step-card input:focus,.cn-demo2-form-step-card select:focus,.cn-demo2-form-step-card textarea:focus{border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 48%,#dedfe4);box-shadow:0 0 0 3px color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 7%,transparent)}
.cn-demo2-form-step-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.cn-demo2-form-step-title>div{display:grid;gap:7px}.cn-demo2-simple-q{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:start;gap:9px;padding:12px 0;border-bottom:1px solid #f0f1f3}.cn-demo2-simple-q:last-child{border-bottom:0}.cn-demo2-simple-q-num{width:32px;height:32px;border-radius:10px;background:#f4f2ff;color:var(--cn-theme-accent,#7c3aed);display:grid;place-items:center;font-size:10px;font-weight:900}.cn-demo2-simple-q-body{display:grid;gap:9px}.cn-demo2-simple-q-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cn-demo2-simple-check{display:flex!important;align-items:center!important;gap:7px!important;min-height:46px;border:1px solid #e2e3e7;border-radius:14px;padding:0 10px}.cn-demo2-simple-check input{width:18px!important;height:18px!important;padding:0!important}.cn-demo2-simple-q-options{display:none!important}.cn-demo2-simple-q-options.show{display:grid!important}.cn-demo2-simple-q-remove{width:32px;height:32px;border:0;border-radius:10px;background:#fff3f2;color:#c43227;display:grid;place-items:center;cursor:pointer}.cn-demo2-form-finish{justify-items:center;text-align:center;align-content:start;padding-top:34px}.cn-demo2-form-finish>span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#eafffb;color:#16a99c}.cn-demo2-form-finish label{width:100%;text-align:right}.cn-demo2-form-preview{width:100%;border:1px dashed #d9dbe1;border-radius:15px;padding:12px;display:grid;gap:2px;text-align:right}.cn-demo2-form-preview b{font-size:10px}.cn-demo2-form-preview small{font-size:8px;color:#91959e}.cn-demo2-form-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.cn-demo2-form-nav .cn-btn{min-height:48px}.cn-demo2-form-nav .cn-d2f-next-icon{display:inline-flex;align-items:center;justify-content:center;transform:rotate(180deg);transform-origin:center}.cn-demo2-form-nav .cn-d2f-next-icon .cn-icon{display:block}
@media(max-width:760px){.cn-demo2-simple-form-modal{width:calc(100vw - 20px)!important;max-height:94dvh!important;padding:14px!important;border-radius:24px!important}.cn-demo2-form-step-card{min-height:52dvh;padding:16px;border-radius:21px}.cn-demo2-form-steps{gap:5px}.cn-demo2-form-steps>em{width:24px}.cn-demo2-form-steps button i{width:40px;height:40px}.cn-demo2-simple-q-grid{grid-template-columns:1fr}.cn-demo2-simple-q{grid-template-columns:29px minmax(0,1fr) 29px;gap:7px}.cn-demo2-simple-q-num,.cn-demo2-simple-q-remove{width:29px;height:29px}.cn-demo2-form-step-title{display:grid}.cn-demo2-form-step-title .cn-btn{width:100%}.cn-demo2-form-nav{position:sticky;bottom:-14px;background:#fff;padding-top:8px}}
.cn-demo2-account-choose{display:grid;gap:8px}.cn-demo2-account-choose button{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:10px;border:1px solid #e6e7eb;border-radius:15px;background:#fff;padding:9px;text-align:right;font-family:inherit;cursor:pointer}.cn-demo2-account-choose button:hover{border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 38%,#e6e7eb);background:#faf9ff}.cn-demo2-account-choose img,.cn-demo2-account-choose .cn-channel-fallback{width:42px;height:42px;border-radius:13px;object-fit:cover;display:grid;place-items:center}.cn-demo2-account-choose button>span{display:grid;gap:2px}.cn-demo2-account-choose b{font-size:10.5px}.cn-demo2-account-choose small{font-size:8px;color:#8d9199}
.cn-simple-comment-add-dm{display:flex;align-items:center;justify-content:center;gap:9px;margin:18px auto;max-width:520px}.cn-simple-comment-add-dm>button{min-height:52px;border:2px dashed #aeb0b6;border-radius:17px;background:#fff;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;color:#686c75;font:850 10.5px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer}.cn-simple-comment-add-dm>button:hover{border-color:var(--cn-theme-accent,#7c3aed);color:var(--cn-theme-accent,#7c3aed)}
.cn-simple-embedded-tools.has-ai{grid-template-columns:1fr 1fr}.cn-simple-embedded-tools.has-ai #simple-add-ai{grid-column:1/-1;background:linear-gradient(135deg,#fbf9ff,#fff)}.cn-simple-ai-toggle{padding:10px 0!important}

/* Demo 2: compact, independently scrollable template library */
body.cn-app-demo-sidebar .cn-template-library-page{width:100%;max-height:calc(100dvh - 158px);overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:2px 4px 30px;scrollbar-width:thin;scrollbar-gutter:stable}
body.cn-app-demo-sidebar .cn-template-grid-compact{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:10px!important;align-items:stretch!important}
body.cn-app-demo-sidebar .cn-template-card-compact{min-height:0!important;display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:stretch!important;border-radius:16px!important;overflow:hidden!important}
body.cn-app-demo-sidebar .cn-template-card-compact .cn-template-cover{height:auto!important;min-height:100%!important;border-radius:0!important;padding:8px!important;display:grid!important;place-items:center!important}
body.cn-app-demo-sidebar .cn-template-card-compact .cn-template-body{padding:10px!important;display:grid!important;gap:6px!important;align-content:start!important;min-width:0}
body.cn-app-demo-sidebar .cn-template-title-row{display:flex;align-items:center;gap:7px;min-width:0}
body.cn-app-demo-sidebar .cn-template-title-row h3{margin:0!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.cn-app-demo-sidebar .cn-template-card-compact .cn-template-body>p{margin:0!important;font-size:8.7px!important;line-height:1.75!important;color:#858a96!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.cn-app-demo-sidebar .cn-template-card-compact .install-template{min-height:32px!important;padding:6px 9px!important;font-size:8.5px!important;justify-self:start!important;border-radius:10px!important}
body.cn-app-demo-sidebar:not(.cn-simple-automation-open){overflow-y:auto!important}
@media(max-width:760px){body.cn-app-demo-sidebar .cn-template-library-page{max-height:calc(100dvh - 112px);padding:0 1px calc(38px + env(safe-area-inset-bottom));touch-action:pan-y}body.cn-app-demo-sidebar .cn-template-grid-compact{grid-template-columns:1fr!important;gap:8px!important}body.cn-app-demo-sidebar .cn-template-card-compact{grid-template-columns:58px minmax(0,1fr)!important;border-radius:14px!important}body.cn-app-demo-sidebar .cn-template-card-compact .cn-template-body{padding:8px 9px!important}body.cn-app-demo-sidebar .cn-template-title-row h3{font-size:10.5px!important}}

/* v2.14.9 — non-blocking Instagram post picker */
.cn-demo2-media-picker-body{min-height:250px;max-height:64vh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:2px}
.cn-demo2-media-loading{min-height:118px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;color:#555b66}.cn-demo2-media-loading b{font-size:11px}.cn-demo2-media-loading small{max-width:360px;font-size:8.5px;color:#9297a1;line-height:1.8}.cn-demo2-media-loading .cn-modal-warmup-spinner{width:28px;height:28px}
.cn-demo2-media-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cn-demo2-media-skeleton i{display:block;aspect-ratio:1;border-radius:15px;background:linear-gradient(90deg,#f0f1f4 20%,#fafbfc 45%,#f0f1f4 70%);background-size:220% 100%;animation:cnVisualShimmer 1.2s linear infinite}
.cn-demo2-media-picker{max-height:none;overflow:visible}.cn-demo2-media-picker button small{font-size:7px;color:#9297a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-demo2-media-picker button>span.is-broken:after{content:'Instagram';font-size:8px;color:#9297a1}.cn-demo2-media-error{min-height:280px}.cn-demo2-media-error-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:5px}.cn-demo2-media-actions{position:sticky;bottom:0;z-index:2;background:#fff;padding-top:10px}.cn-demo2-media-modal{max-height:min(86vh,780px);overflow:hidden}.cn-demo2-media-modal>.cn-modal-head{flex:0 0 auto}
@media(max-width:760px){.cn-demo2-media-picker-body{max-height:58vh}.cn-demo2-media-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-demo2-media-actions{display:grid;grid-template-columns:1fr 1fr}.cn-demo2-media-actions .primary{grid-column:1/-1}.cn-demo2-media-modal{max-height:88dvh}}


/* v2.14.10 — Instagram profile-style post picker inside Demo 2 */
body.cn-simple-automation-open .cn-modal-wrap{z-index:16050!important}
body.cn-simple-automation-open .cn-toast{z-index:17000!important}
.cn-demo2-ig-profile-modal{width:min(760px,96vw)!important;max-height:min(92dvh,900px)!important;overflow:hidden!important;padding:0!important;border-radius:28px!important;background:#fff!important;display:flex!important;flex-direction:column!important}
.cn-demo2-ig-profile-modal>.cn-modal-x{z-index:8;left:14px;top:12px;background:rgba(255,255,255,.92);border:1px solid #ececf0;box-shadow:0 5px 18px rgba(0,0,0,.06)}
.cn-ig-picker-shell{min-height:0;height:min(88dvh,850px);display:flex;flex-direction:column;background:#fff;direction:rtl;color:#18181b}
.cn-ig-picker-top{height:58px;flex:0 0 58px;padding:0 58px 0 18px;border-bottom:1px solid #efeff1;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff}
.cn-ig-picker-top>div{display:flex;align-items:center;gap:7px;min-width:0}.cn-ig-picker-top b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-ig-picker-lock{display:grid;place-items:center;color:#252528}.cn-ig-picker-verified{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#3797f0;color:#fff;font-size:10px;margin-right:5px;vertical-align:middle}
.cn-ig-picker-scroll{flex:1;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden;padding:0!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff}
.cn-ig-picker-profile{padding:22px 25px 14px}.cn-ig-picker-profile-head{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:28px}.cn-ig-picker-avatar{width:92px;height:92px;border-radius:50%;background:linear-gradient(145deg,#f6f6f7,#e8e9ec);display:grid;place-items:center;overflow:hidden;border:1px solid #ececef}.cn-ig-picker-avatar img{width:100%;height:100%;object-fit:cover}.cn-ig-picker-avatar.fallback{color:#92959b}.cn-ig-picker-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}.cn-ig-picker-stats span{display:grid;gap:3px;min-width:0}.cn-ig-picker-stats b{font-size:14px;line-height:1.1}.cn-ig-picker-stats small{font-size:9px;color:#47494f;white-space:nowrap}.cn-ig-picker-bio{padding-top:13px;display:grid;gap:3px;line-height:1.75}.cn-ig-picker-bio>b{font-size:10.5px}.cn-ig-picker-bio p{font-size:9.5px;margin:0;white-space:normal}.cn-ig-picker-bio a{font-size:9px;color:#00376b;font-weight:800;text-decoration:none;direction:ltr;text-align:right}.cn-ig-picker-bio>small{font-size:8px;color:#9699a0}
.cn-ig-picker-tabs{height:48px;border-top:1px solid #efeff1;border-bottom:1px solid #efeff1;display:grid;grid-template-columns:1fr 1fr;direction:ltr}.cn-ig-picker-tabs button{position:relative;border:0;background:#fff;color:#9a9ca2;font-size:18px;cursor:pointer}.cn-ig-picker-tabs button.active{color:#222}.cn-ig-picker-tabs button.active:after{content:"";position:absolute;left:21%;right:21%;bottom:-1px;height:1.5px;background:#222}
.cn-ig-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#fff;direction:ltr}.cn-ig-picker-post{position:relative;border:0;padding:0;background:#f1f2f4;aspect-ratio:1;overflow:hidden;cursor:pointer;min-width:0}.cn-ig-picker-media{position:absolute;inset:0;display:grid;place-items:center}.cn-ig-picker-media>img{width:100%;height:100%;object-fit:cover;display:block}.cn-ig-picker-media.is-broken{background:#f3f3f5;color:#999}.cn-ig-picker-type{position:absolute;top:8px;left:8px;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.8);font-size:13px;z-index:2}.cn-ig-picker-media>em{position:absolute;top:8px;right:8px;width:27px;height:27px;border-radius:50%;border:2px solid rgba(255,255,255,.95);background:rgba(20,20,25,.34);display:grid;place-items:center;color:#fff;z-index:3;font-style:normal}.cn-ig-picker-post.active .cn-ig-picker-media>em{background:var(--cn-theme-accent,#7c3aed);border-color:var(--cn-theme-accent,#7c3aed)}.cn-ig-picker-post.active:after{content:"";position:absolute;inset:0;border:3px solid var(--cn-theme-accent,#7c3aed);z-index:4;pointer-events:none}.cn-ig-picker-media>strong{position:absolute;inset:auto 0 0;padding:18px 7px 6px;background:linear-gradient(transparent,rgba(0,0,0,.64));color:#fff;display:flex;gap:9px;justify-content:center;font-size:7.5px;opacity:0;transition:.15s;font-weight:700}.cn-ig-picker-post:active .cn-ig-picker-media>strong,.cn-ig-picker-post:hover .cn-ig-picker-media>strong{opacity:1}
.cn-ig-picker-more{display:flex;margin:16px auto 22px;border:1px solid #e0e1e5;background:#fff;border-radius:999px;padding:9px 15px;align-items:center;gap:6px;font:inherit;font-size:9px;cursor:pointer}.cn-ig-picker-empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;padding:30px;color:#73767d}.cn-ig-picker-empty>b{font-size:12px;color:#313239}.cn-ig-picker-empty small{font-size:9px;line-height:1.8}.cn-ig-picker-empty.error .cn-btn{margin-top:7px}.cn-ig-picker-footer{flex:0 0 auto;min-height:64px;border-top:1px solid #eaeaed;background:rgba(255,255,255,.97);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 15px}.cn-ig-picker-footer>span{text-align:center;color:#7e8188;font-size:9px}.cn-ig-picker-footer .cn-btn{white-space:nowrap}
.cn-ig-picker-profile.skeleton .cn-ig-picker-profile-head>i{width:92px;height:92px;border-radius:50%;background:#eee;animation:cnSimpleSkeleton 1.1s ease-in-out infinite alternate}.cn-ig-picker-stat-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cn-ig-picker-stat-skeleton span{height:32px;border-radius:8px;background:#eee;animation:cnSimpleSkeleton 1.1s ease-in-out infinite alternate}.cn-ig-picker-bio-skeleton{display:grid;gap:6px;margin-top:15px}.cn-ig-picker-bio-skeleton i{display:block;height:11px;width:56%;border-radius:8px;background:#eee;animation:cnSimpleSkeleton 1.1s ease-in-out infinite alternate}.cn-ig-picker-bio-skeleton i+ i{width:34%}.cn-ig-picker-tabs.skeleton{padding:12px;gap:12px}.cn-ig-picker-tabs.skeleton i{background:#eee;border-radius:7px;animation:cnSimpleSkeleton 1.1s ease-in-out infinite alternate}.cn-ig-picker-grid.skeleton{gap:2px}.cn-ig-picker-grid.skeleton i{aspect-ratio:1;background:#ececef;animation:cnSimpleSkeleton 1.1s ease-in-out infinite alternate}@keyframes cnSimpleSkeleton{to{opacity:.48}}
@media(max-width:760px){.cn-modal-wrap:has(.cn-demo2-ig-profile-modal){padding:0!important;place-items:stretch!important}.cn-demo2-ig-profile-modal{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.cn-ig-picker-shell{height:100dvh}.cn-ig-picker-top{height:56px;flex-basis:56px;padding-right:16px;padding-left:58px}.cn-ig-picker-profile{padding:19px 17px 12px}.cn-ig-picker-profile-head{grid-template-columns:82px 1fr;gap:16px}.cn-ig-picker-avatar{width:78px;height:78px}.cn-ig-picker-stats{gap:5px}.cn-ig-picker-stats b{font-size:13px}.cn-ig-picker-stats small{font-size:8px}.cn-ig-picker-grid{gap:1.5px}.cn-ig-picker-media>em{width:25px;height:25px;top:6px;right:6px}.cn-ig-picker-type{top:6px;left:6px}.cn-ig-picker-footer{padding:8px 10px;grid-template-columns:auto minmax(0,1fr) auto}.cn-ig-picker-footer .cn-btn{padding:8px 10px;font-size:8.5px}.cn-ig-picker-footer>span{font-size:8px}}

/* v2.14.11 — RTL wizard navigation: next on the left, previous on the right; previous chevron points right. */


/* v2.14.12 — template library close/back control. */
body.cn-app-demo-sidebar .cn-template-library-toolbar{position:sticky;top:0;z-index:5;display:flex;justify-content:flex-start;padding:2px 0 10px;background:linear-gradient(180deg,var(--cn-bg,#f7f7fb) 78%,rgba(247,247,251,0));}
body.cn-app-demo-sidebar .cn-template-close-btn{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid #e3e5eb;border-radius:12px;background:#fff;color:#4d5260;font:800 11px inherit;cursor:pointer;box-shadow:0 5px 18px rgba(22,26,37,.05)}
body.cn-app-demo-sidebar .cn-template-close-btn svg{width:17px;height:17px}
body.cn-app-demo-sidebar .cn-template-close-btn:active{transform:scale(.98)}
@media(max-width:760px){body.cn-app-demo-sidebar .cn-template-library-toolbar{padding:0 0 8px}body.cn-app-demo-sidebar .cn-template-close-btn{min-height:36px;padding:6px 10px;border-radius:11px;font-size:10px}}

/* v2.14.21 — native carousel storefront editor */
.cn-showcase-buttons-note{display:flex;gap:8px;align-items:flex-start;margin:12px 0;padding:10px 12px;border-radius:14px;background:rgba(124,58,237,.06);font-size:12px;line-height:1.8;color:#625b71}.cn-showcase-buttons-note svg{flex:0 0 auto;margin-top:3px}
#simple-showcase-card-editors{display:grid;gap:12px;margin-top:12px;max-height:42vh;overflow:auto;-webkit-overflow-scrolling:touch;padding-inline:2px}.cn-showcase-card-buttons{border:1px solid #ecebf1;border-radius:18px;padding:12px;background:#fff}.cn-showcase-card-buttons-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cn-showcase-card-buttons-head .cn-lazy-image-shell{width:48px;height:48px;border-radius:12px;overflow:hidden;flex:0 0 auto}.cn-showcase-card-buttons-head img{width:100%;height:100%;object-fit:cover}.cn-showcase-card-buttons-head div{display:grid;gap:3px}.cn-showcase-card-buttons-head small{color:#8d8796;font-size:11px}.cn-showcase-fixed-button{display:grid;grid-template-columns:auto 1fr auto;gap:4px 8px;align-items:center;border:1px solid rgba(20,184,166,.35);background:rgba(20,184,166,.06);padding:9px 10px;border-radius:12px;margin-bottom:8px}.cn-showcase-fixed-button small{grid-column:2;color:#7b7682;font-size:10px}.cn-showcase-fixed-button em{grid-row:1/3;grid-column:3;font-style:normal;font-size:10px;color:#0f9f91}.cn-showcase-extra-buttons{display:grid;gap:8px}.cn-showcase-button-row{display:grid;grid-template-columns:minmax(100px,1.2fr) minmax(105px,.9fr) auto;gap:7px;align-items:center}.cn-showcase-button-row input,.cn-showcase-button-row select{min-width:0;height:38px;border:1px solid #dedce4;border-radius:10px;padding:0 9px;background:#fff}.cn-showcase-button-row [data-btn-url],.cn-showcase-button-row [data-btn-payload]{grid-column:1/3}.cn-showcase-button-row button{width:38px;height:38px;border:0;border-radius:10px;background:#fff2f2;color:#d33;display:grid;place-items:center}.cn-showcase-add-button{margin-top:9px}@media(max-width:640px){.cn-showcase-button-row{grid-template-columns:1fr 1fr auto}.cn-showcase-card-buttons{padding:10px}#simple-showcase-card-editors{max-height:46vh}}

/* v2.14.22 — RTL previous button: icon is on the right of label and points right */
.cn-simple-prev{direction:rtl}.cn-simple-prev svg{order:0;transform:none}.cn-simple-prev span{order:1}


/* v2.14.27 — Demo 2 home quick access + save progress */
body.cn-app-demo-sidebar .cn-demo2-home-services{margin:0 0 18px;border:1px solid var(--cn-theme-border,#e7e9ef);border-radius:24px;background:var(--cn-theme-surface,#fff);overflow:hidden;box-shadow:0 12px 34px rgba(16,24,40,.055)}
body.cn-app-demo-sidebar .cn-demo2-home-services-head{padding:18px 20px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--cn-theme-accent,#6757e8) 5%,#fff),#fff)}
body.cn-app-demo-sidebar .cn-demo2-home-services-head span{display:block;color:var(--cn-theme-accent,#6757e8);font-size:9px;font-weight:950;margin-bottom:3px}
body.cn-app-demo-sidebar .cn-demo2-home-services-head h2{margin:0;font-size:17px;color:var(--cn-theme-text,#171821);font-weight:950}
body.cn-app-demo-sidebar .cn-demo2-home-services-head p{margin:5px 0 0;color:var(--cn-theme-muted,#727785);font-size:9px}
body.cn-app-demo-sidebar .cn-demo2-home-channel{padding:17px 20px 18px}
body.cn-app-demo-sidebar .cn-demo2-home-channel+.cn-demo2-home-channel{border-top:1px solid var(--cn-theme-border,#e7e9ef)}
body.cn-app-demo-sidebar .cn-demo2-home-channel-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}
body.cn-app-demo-sidebar .cn-demo2-home-channel-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f7f8fb;overflow:hidden;flex:0 0 42px}
body.cn-app-demo-sidebar .cn-demo2-home-channel-logo img,body.cn-app-demo-sidebar .cn-demo2-home-channel-logo .cn-channel-fallback{width:38px;height:38px;border-radius:11px;object-fit:cover;display:grid;place-items:center}
body.cn-app-demo-sidebar .cn-demo2-home-channel-head>div{display:grid;gap:2px;min-width:0}
body.cn-app-demo-sidebar .cn-demo2-home-channel-head h3{margin:0;font-size:13px;font-weight:950;color:var(--cn-theme-text,#171821)}
body.cn-app-demo-sidebar .cn-demo2-home-channel-head p{margin:0;font-size:8.5px;color:var(--cn-theme-muted,#727785);line-height:1.7}
body.cn-app-demo-sidebar .cn-demo2-home-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.cn-app-demo-sidebar .cn-demo2-home-service-grid button{min-height:48px;border:1px solid var(--cn-theme-border,#e7e9ef);border-radius:13px;background:#fff;color:#4e5562;padding:8px 10px;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:7px;text-align:right;font-family:inherit;cursor:pointer;transition:.16s ease}
body.cn-app-demo-sidebar .cn-demo2-home-service-grid button:hover{border-color:color-mix(in srgb,var(--cn-theme-accent,#6757e8) 34%,var(--cn-theme-border,#e7e9ef));background:color-mix(in srgb,var(--cn-theme-accent,#6757e8) 4%,#fff);transform:translateY(-1px)}
body.cn-app-demo-sidebar .cn-demo2-home-service-grid button>span{width:30px;height:30px;border-radius:9px;background:#f5f6f8;display:grid;place-items:center;color:var(--cn-theme-accent,#6757e8)}
body.cn-app-demo-sidebar .cn-demo2-home-service-grid button>b{font-size:9.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.cn-app-demo-sidebar .cn-demo2-home-service-grid button>.cn-icon:last-child{width:14px;height:14px;color:#a1a6af}
.cn-simple-save.is-saving{cursor:wait;filter:saturate(.88);box-shadow:0 8px 20px rgba(15,143,135,.22)}
.cn-simple-save.is-saving .cn-icon{animation:cn-save-pulse 1s ease-in-out infinite}
.cn-simple-save.is-saved{background:linear-gradient(135deg,#118b67,#0d7758)!important;box-shadow:0 10px 25px rgba(13,119,88,.30)!important}
@keyframes cn-save-pulse{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}
@media(max-width:760px){body.cn-app-demo-sidebar .cn-demo2-home-services{margin:2px 0 14px;border-radius:21px}body.cn-app-demo-sidebar .cn-demo2-home-services-head{padding:15px 15px 12px}body.cn-app-demo-sidebar .cn-demo2-home-services-head h2{font-size:15px}body.cn-app-demo-sidebar .cn-demo2-home-channel{padding:14px 15px 15px}body.cn-app-demo-sidebar .cn-demo2-home-channel-head{margin-bottom:10px}body.cn-app-demo-sidebar .cn-demo2-home-service-grid{grid-template-columns:1fr 1fr;gap:7px}body.cn-app-demo-sidebar .cn-demo2-home-service-grid button{min-height:49px;padding:7px 8px;grid-template-columns:29px minmax(0,1fr) 14px}body.cn-app-demo-sidebar .cn-demo2-home-service-grid button>b{font-size:9px}}

/* v2.14.28 — cleaner Demo 2 home quick-access layout */
body.cn-app-demo-sidebar .cn-demo2-home-services{
  border-radius:22px;
  box-shadow:0 8px 28px rgba(16,24,40,.045);
}
body.cn-app-demo-sidebar .cn-demo2-home-services-head{
  padding:17px 20px 15px;
  border-bottom:1px solid color-mix(in srgb,var(--cn-theme-border,#e7e9ef) 80%,transparent);
}
body.cn-app-demo-sidebar .cn-demo2-home-services-head>div{display:grid;gap:2px}
body.cn-app-demo-sidebar .cn-demo2-home-services-head span{margin:0;font-size:9px;line-height:1.5}
body.cn-app-demo-sidebar .cn-demo2-home-services-head h2{font-size:16px;line-height:1.65}
body.cn-app-demo-sidebar .cn-demo2-home-services-head p{margin:1px 0 0;line-height:1.8}
body.cn-app-demo-sidebar .cn-demo2-home-channel{
  --cn-home-channel:#6757e8;
  --cn-home-channel-soft:rgba(103,87,232,.07);
  padding:16px 20px 18px;
}
body.cn-app-demo-sidebar .cn-demo2-home-channel.instagram{--cn-home-channel:#c13584;--cn-home-channel-soft:rgba(193,53,132,.065)}
body.cn-app-demo-sidebar .cn-demo2-home-channel.telegram{--cn-home-channel:#229ed9;--cn-home-channel-soft:rgba(34,158,217,.07)}
body.cn-app-demo-sidebar .cn-demo2-home-channel.bale{--cn-home-channel:#18a999;--cn-home-channel-soft:rgba(24,169,153,.07)}
body.cn-app-demo-sidebar .cn-demo2-home-channel+.cn-demo2-home-channel{border-top:1px solid #eceef3}
body.cn-app-demo-sidebar .cn-demo2-home-channel-head{
  min-height:48px;
  gap:12px;
  margin-bottom:12px;
  padding-bottom:11px;
  border-bottom:1px dashed #eceef2;
}
body.cn-app-demo-sidebar .cn-demo2-home-channel-logo{
  width:44px;height:44px;flex-basis:44px;border-radius:14px;
  background:var(--cn-home-channel-soft);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cn-home-channel) 10%,transparent);
}
body.cn-app-demo-sidebar .cn-demo2-home-channel-logo img,
body.cn-app-demo-sidebar .cn-demo2-home-channel-logo .cn-channel-fallback{width:40px;height:40px;border-radius:12px}
body.cn-app-demo-sidebar .cn-demo2-home-channel-head>div{gap:1px;flex:1}
body.cn-app-demo-sidebar .cn-demo2-home-channel-head h3{font-size:13.5px;line-height:1.6}
body.cn-app-demo-sidebar .cn-demo2-home-channel-head p{font-size:8.6px;line-height:1.8;max-width:100%}
body.cn-app-demo-sidebar .cn-demo2-home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.cn-app-demo-sidebar .cn-demo2-home-service-grid button{
  min-height:56px;
  border-radius:15px;
  padding:9px 10px;
  grid-template-columns:34px minmax(0,1fr) 14px;
  gap:8px;
  background:#fff;
  box-shadow:0 2px 8px rgba(16,24,40,.025);
}
body.cn-app-demo-sidebar .cn-demo2-home-service-grid button>span{
  width:34px;height:34px;border-radius:11px;
  color:var(--cn-home-channel);
  background:var(--cn-home-channel-soft);
}
body.cn-app-demo-sidebar .cn-demo2-home-service-grid button>b{
  font-size:9.4px;
  line-height:1.65;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  text-align:right;
}
body.cn-app-demo-sidebar .cn-demo2-home-service-grid button>.cn-icon:last-child{color:#a8adb6}
body.cn-app-demo-sidebar .cn-demo2-home-service-grid button:hover,
body.cn-app-demo-sidebar .cn-demo2-home-service-grid button:focus-visible{
  border-color:color-mix(in srgb,var(--cn-home-channel) 28%,#e7e9ef);
  background:color-mix(in srgb,var(--cn-home-channel) 2.5%,#fff);
}
@media(max-width:760px){
  body.cn-app-demo-sidebar .cn-demo2-home-services{margin:0 0 14px;border-radius:20px}
  body.cn-app-demo-sidebar .cn-demo2-home-services-head{padding:14px 15px 13px}
  body.cn-app-demo-sidebar .cn-demo2-home-services-head h2{font-size:14.5px}
  body.cn-app-demo-sidebar .cn-demo2-home-channel{padding:14px 14px 16px}
  body.cn-app-demo-sidebar .cn-demo2-home-channel-head{margin-bottom:10px;padding-bottom:10px;gap:10px}
  body.cn-app-demo-sidebar .cn-demo2-home-channel-logo{width:42px;height:42px;flex-basis:42px}
  body.cn-app-demo-sidebar .cn-demo2-home-channel-logo img,
  body.cn-app-demo-sidebar .cn-demo2-home-channel-logo .cn-channel-fallback{width:38px;height:38px}
  body.cn-app-demo-sidebar .cn-demo2-home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.cn-app-demo-sidebar .cn-demo2-home-service-grid button{min-height:57px;padding:8px 9px;grid-template-columns:32px minmax(0,1fr) 13px;gap:7px}
  body.cn-app-demo-sidebar .cn-demo2-home-service-grid button>span{width:32px;height:32px;border-radius:10px}
  body.cn-app-demo-sidebar .cn-demo2-home-service-grid button>b{font-size:9px;line-height:1.55}
  body.cn-app-demo-sidebar .cn-demo2-home-service-grid button:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:380px){
  body.cn-app-demo-sidebar .cn-demo2-home-service-grid{grid-template-columns:1fr}
  body.cn-app-demo-sidebar .cn-demo2-home-service-grid button:last-child:nth-child(odd){grid-column:auto}
}
.cn-demo2-inline-loading{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #ececf2;border-radius:16px;background:#fff;min-height:72px}.cn-demo2-inline-loading .cn-btn-spinner{flex:0 0 auto}.cn-demo2-inline-loading>div{display:grid;gap:3px}.cn-demo2-inline-loading b{font-size:12px;color:#222}.cn-demo2-inline-loading small{font-size:9px;color:#8a8e98;line-height:1.7}

/* v2.15.6 — Demo 2 showcase: only the content scrolls; action buttons remain permanently visible. */
.cn-demo2-showcase-modal{padding-bottom:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;overscroll-behavior:contain}
.cn-demo2-showcase-modal .cn-demo2-showcase-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:14px;scrollbar-gutter:stable}
.cn-demo2-showcase-modal .cn-demo2-showcase-actions{
 flex:0 0 auto!important;
 position:relative!important;
 z-index:40!important;
 margin:0 -21px 0!important;
 padding:14px 21px calc(14px + env(safe-area-inset-bottom,0px))!important;
 background:rgba(255,255,255,.98)!important;
 backdrop-filter:blur(14px)!important;
 border-top:1px solid #eceef3!important;
 box-shadow:0 -12px 30px rgba(22,28,45,.07)!important;
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 gap:10px!important;
}
.cn-demo2-showcase-modal .cn-demo2-showcase-actions .cn-btn{width:100%!important;min-height:46px!important;margin:0!important}
@media(max-width:760px){
 .cn-demo2-showcase-modal{height:min(92dvh,900px)!important;max-height:calc(100dvh - 14px)!important;padding-bottom:0!important}
 .cn-demo2-showcase-modal .cn-demo2-showcase-actions{margin:0 -20px 0!important;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px))!important}
}

/* v2.15.7 — professional reply composer for Demo 2 smart comments/directs */
.cn-simple-reply-modal{width:min(620px,calc(100vw - 28px))!important;max-height:min(88dvh,820px)!important;overflow:auto!important;overscroll-behavior:contain}.cn-simple-reply-head{padding-bottom:8px!important}.cn-simple-reply-form{display:grid!important;gap:18px!important;padding-top:14px!important}.cn-reply-type-field{display:grid;gap:8px}.cn-reply-type-field>span{font-weight:850;color:#777b84;font-size:11px}.cn-reply-type-field>button{height:52px;border:1.5px solid #d8dce4;background:#fff;border-radius:15px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#171821;font:900 13px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer}.cn-reply-type-field>button:hover{border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 55%,#d8dce4)}.cn-reply-type-field>button svg{color:#9ca1aa}.cn-simple-reply-form label{display:grid;gap:7px;font-weight:800;font-size:11px;color:#6f737c}.cn-simple-reply-form input,.cn-simple-reply-form textarea{width:100%;border:1.5px solid #dfe2e8;border-radius:15px;background:#fff;min-height:50px;padding:12px 14px;outline:0;color:#1f2127}.cn-simple-reply-form textarea{resize:vertical;line-height:1.9}.cn-simple-reply-form input:focus,.cn-simple-reply-form textarea:focus{border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 68%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 12%,transparent)}.cn-simple-reply-form .req{color:#e14a53}.cn-reply-counter{font-size:9px!important;color:#a1a5ad!important;justify-self:start}.cn-reply-subsection{display:grid;gap:11px;padding-top:2px}.cn-reply-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.cn-reply-subhead>div{display:flex;align-items:center;gap:7px}.cn-reply-subhead b{font-size:11.5px;color:#6f737c}.cn-reply-subhead small{font-size:9px;color:#a1a5ad}.cn-reply-subhead>button{border:0;background:transparent;color:#377fd9;display:inline-flex;align-items:center;gap:5px;font:850 11px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer}.cn-reply-items{display:grid;gap:10px}.cn-reply-item{border:1px solid #e4e6eb;border-radius:15px;padding:12px;display:grid;gap:9px;background:#fff}.cn-reply-item.quick{padding-bottom:11px}.cn-reply-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.cn-reply-item-top>b{font-size:10px;color:#7b7f88}.cn-reply-item-top>button{border:0;background:transparent;display:inline-flex;align-items:center;gap:5px;font:800 9.5px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer}.cn-reply-item input{min-height:44px!important;border-radius:12px!important}.cn-reply-type-picker-wrap{place-items:end center!important;padding:0!important}.cn-reply-type-picker-wrap>.cn-modal{width:min(620px,100%)!important;max-width:none!important;border-radius:28px 28px 0 0!important;margin:0 auto!important;padding-bottom:max(14px,env(safe-area-inset-bottom))!important;overflow:hidden!important}.cn-reply-type-picker-wrap .cn-modal-x{display:none!important}.cn-reply-type-sheet{display:grid}.cn-reply-type-grab{width:44px;height:4px;background:#d8dae0;border-radius:99px;margin:10px auto 6px}.cn-reply-type-sheet>button{min-height:72px;border:0;border-top:1px solid #e7e8ec;background:#fff;padding:11px 20px;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:11px;text-align:right;cursor:pointer}.cn-reply-type-sheet>button:first-of-type{border-top:0}.cn-reply-type-sheet>button>span{width:38px;height:38px;border-radius:12px;background:#f3f4f7;color:#6c717b;display:grid;place-items:center}.cn-reply-type-sheet>button>div{display:grid;gap:2px}.cn-reply-type-sheet>button b{font-size:13px;color:#202127}.cn-reply-type-sheet>button small{font-size:9px;color:#979ba4}.cn-reply-type-sheet>button>i{width:24px;height:24px;border:2px solid #777c85;border-radius:50%;display:grid;place-items:center;color:transparent}.cn-reply-type-sheet>button.active>i{border-color:#4c73aa;color:#4c73aa}.cn-reply-type-sheet>button.active>span{background:#eef4ff;color:#4c73aa}.cn-simple-reply-modal .cn-media-uploader{margin-top:2px}.cn-simple-reply-modal .cn-media-url input{direction:ltr;text-align:left}.cn-simple-bot-bubble.comment-direct>span{background:#edf2ff;color:#6872a8}
@media(max-width:760px){.cn-simple-reply-modal{width:100%!important;max-width:none!important;max-height:calc(100dvh - 18px)!important;border-radius:25px 25px 0 0!important;margin-top:auto!important}.cn-simple-reply-modal .cn-modal-head{padding:22px 18px 9px!important}.cn-simple-reply-modal .cn-form{padding:12px 18px 18px!important}.cn-simple-reply-modal .cn-modal-actions{position:sticky;bottom:0;z-index:3;margin:3px -18px -18px!important;padding:12px 18px calc(12px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px);display:grid!important;grid-template-columns:1fr 1fr}.cn-simple-reply-modal .cn-modal-actions .cn-btn{min-height:52px;font-size:12px}.cn-reply-type-field>button{height:50px}.cn-reply-type-picker-wrap>.cn-modal{max-height:72dvh!important}.cn-reply-type-sheet>button{min-height:68px;padding-inline:16px}}


/* v2.15.9 — form/runtime reply polish */
.cn-comment-answer-block{display:grid;gap:7px;margin:10px 0}.cn-comment-answer-block .cn-simple-bot-bubble{margin:0!important}.cn-comment-answer-main{width:100%;max-width:100%!important;border:2px dashed #a8aaad;background:#fff;border-radius:17px;padding:10px 14px;text-align:right;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;font-family:inherit;cursor:pointer}.cn-comment-answer-copy{min-width:0;display:grid;gap:3px}.cn-comment-answer-copy b{font-size:12px;line-height:1.8;color:#292b31}.cn-comment-answer-copy small{font-size:9px;color:#9a9ea7;line-height:1.7}.cn-answer-inline-actions{display:flex;align-items:center;gap:8px;padding-inline:8px}.cn-answer-inline-actions button{width:31px;height:31px;border:0;border-radius:10px;background:#f3f4f6;color:#9aa0a9;display:grid;place-items:center;cursor:pointer}.cn-answer-inline-actions button:hover{background:#eceef3;color:#555b66}.cn-answer-inline-actions button.danger{color:#e5646d;background:#fff2f3}.cn-comment-add-more{margin-top:12px!important}
.cn-voice-recorder{border:1.5px solid #e0e3e9;border-radius:17px;padding:13px;background:#fafbfc;display:grid;gap:11px}.cn-voice-recorder-head{display:flex;align-items:center;gap:10px}.cn-voice-recorder-head>span{width:38px;height:38px;border-radius:12px;background:#eef4ff;color:#547dc1;display:grid;place-items:center}.cn-voice-recorder-head>div{display:grid;gap:2px}.cn-voice-recorder-head b{font-size:11.5px;color:#2a2c32}.cn-voice-recorder-head small{font-size:8.8px;color:#8f949e}.cn-voice-recorder-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cn-voice-recorder-actions .cn-btn{min-height:39px!important}.cn-voice-recorder-actions>span{font:800 11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#676c75;direction:ltr}.cn-voice-recorder audio{width:100%;height:42px}.cn-voice-recorder>[data-voice-status]{font-size:9px;color:#737983}
.cn-demo2-form-steps.two{max-width:360px;margin:4px auto 18px}.cn-form-chat-builder{min-height:570px!important}.cn-form-activator-preview{margin:6px auto 18px;max-width:86%;border:1.5px dashed #66a7e7;border-radius:18px;padding:13px 15px;background:#f7fbff;display:flex;justify-content:space-between;align-items:center;gap:10px}.cn-form-activator-preview>b{font-size:11px;line-height:1.8;color:#3974b5}.cn-form-question-chat-list{display:grid;gap:15px;margin:10px 0 20px}.cn-form-chat-question{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start;max-width:90%}.cn-form-chat-question>div{background:#f5f6f8;border-radius:18px 18px 6px 18px;padding:12px 14px;display:grid;gap:7px}.cn-form-chat-question b{font-size:11px;line-height:1.8}.cn-form-chat-question small{font-size:9px;color:#969ba4}.cn-form-quick-chips{display:flex;flex-wrap:wrap;gap:6px}.cn-form-quick-chips span{padding:5px 9px;border:1px solid #dfe2e8;border-radius:999px;background:#fff;font-size:8.5px;color:#6d727b}.cn-form-add-question-bubble{margin-top:10px!important}.cn-form-add-question-bubble button small{display:block;color:#a0a5ad;font-size:8.5px;margin-top:3px}.cn-form-question-modal{width:min(620px,calc(100vw - 28px))!important;max-height:88dvh!important;overflow:auto!important}.cn-form-question-editor{display:grid!important;gap:18px!important}.cn-form-option-remove{border:0;background:transparent;color:#e1535c;font:800 9.5px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);display:inline-flex;align-items:center;gap:5px;justify-self:start;cursor:pointer}.cn-form-question-modal .cn-modal-actions{position:sticky;bottom:0;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);z-index:3;padding-top:10px}.cn-form-chat-builder .cn-simple-template-btn{margin-top:auto}.cn-form-chat-builder .cn-simple-add-user{margin-bottom:16px}
@media(max-width:760px){.cn-form-question-modal{width:100%!important;max-width:none!important;max-height:calc(100dvh - 12px)!important;border-radius:25px 25px 0 0!important;margin-top:auto!important}.cn-form-chat-builder{min-height:calc(100dvh - 410px)!important}.cn-form-chat-question{max-width:96%}.cn-comment-answer-block{margin-block:8px}.cn-answer-inline-actions button{width:30px;height:30px}}


/* v2.15.16 — reply composer line breaks, reliable buttons and compact smart variables */
.cn-reply-text-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.cn-reply-enter-hint{font-size:8.8px!important;color:#8d929c!important;font-weight:650!important}.cn-simple-reply-vars{display:grid;gap:9px;margin-top:-7px;padding:10px;border:1px solid #e7e9ee;border-radius:15px;background:linear-gradient(180deg,#fbfcff,#fff)}.cn-simple-reply-vars-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cn-simple-reply-vars-head>span{display:flex;align-items:center;gap:6px;color:#5d6470}.cn-simple-reply-vars-head b{font-size:10px;color:#555b66}.cn-simple-reply-vars-head small{font-size:8px;color:#a0a4ac}.cn-simple-reply-vars-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:minmax(155px,190px);gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;padding:1px 1px 5px;scrollbar-width:thin;scroll-snap-type:x proximity}.cn-simple-reply-vars-grid>button{scroll-snap-align:start;min-width:0;border:1px solid #e3e6eb;background:#fff;border-radius:12px;padding:8px 9px;display:grid;gap:4px;text-align:right;font-family:inherit;cursor:pointer;transition:.16s ease}.cn-simple-reply-vars-grid>button:hover,.cn-simple-reply-vars-grid>button:focus-visible{border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 42%,#e3e6eb);background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 4%,#fff);outline:0;transform:translateY(-1px)}.cn-simple-reply-vars-grid>button>span{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.cn-simple-reply-vars-grid b{font-size:9px;color:#2f333a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-simple-reply-vars-grid code{direction:ltr;font-size:7.5px;color:var(--cn-theme-accent,#7c3aed);background:#f5f1ff;border-radius:7px;padding:3px 5px;white-space:nowrap}.cn-simple-reply-vars-grid small{font-size:7.7px;color:#8c919a;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cn-simple-reply-form textarea[data-reply-text],.cn-simple-reply-form textarea[data-reply-caption]{white-space:pre-wrap;overflow-wrap:anywhere}.cn-reply-subhead>button[data-reply-add-button],.cn-reply-subhead>button[data-reply-add-quick]{min-height:34px;padding:5px 8px;border-radius:10px}.cn-reply-item{animation:cnReplyItemIn .16s ease both}@keyframes cnReplyItemIn{from{opacity:.35;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:760px){.cn-simple-reply-vars{padding:9px;margin-top:-5px}.cn-simple-reply-vars-head{align-items:flex-start}.cn-simple-reply-vars-head small{max-width:48%;text-align:left}.cn-simple-reply-vars-grid{grid-auto-columns:minmax(142px,165px);gap:6px}.cn-simple-reply-vars-grid>button{padding:7px 8px}.cn-reply-enter-hint{font-size:8px!important}}

/* v2.15.12 — target-first smart automation */
.cn-demo2-smart-target-gate{max-width:860px;margin:0 auto;display:grid;gap:12px}.cn-demo2-target-intro{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;padding:15px 16px;border:1px solid var(--cn-theme-border,#e7e9ef);border-radius:20px;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 4%,#fff));box-shadow:0 8px 24px rgba(25,31,47,.04)}.cn-demo2-target-intro-logo{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#fff;border:1px solid rgba(19,25,42,.07);box-shadow:0 5px 14px rgba(20,25,40,.05)}.cn-demo2-target-intro-logo img,.cn-demo2-target-intro-logo .cn-channel-fallback{width:31px;height:31px!important;object-fit:contain}.cn-demo2-target-intro>div{display:grid;gap:2px}.cn-demo2-target-intro>div>span{font-size:8.5px;font-weight:900;color:var(--cn-theme-accent,#7c3aed)}.cn-demo2-target-intro h2{margin:0;font-size:16px}.cn-demo2-target-intro p{margin:2px 0 0;font-size:9px;line-height:1.9;color:#858a95}
.cn-demo2-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cn-demo2-target-card{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:10px;min-width:0;padding:10px 11px;border:1px solid #e6e8ed;border-radius:16px;background:#fff;text-align:right;font-family:inherit;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}.cn-demo2-target-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 35%,#e6e8ed);box-shadow:0 8px 20px rgba(26,31,45,.05);background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 1.5%,#fff)}.cn-demo2-target-avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#f6f7f9;overflow:hidden}.cn-demo2-target-avatar img{width:100%;height:100%;object-fit:cover}.cn-demo2-target-avatar .cn-channel-svg,.cn-demo2-target-avatar .cn-channel-fallback{width:28px;height:28px!important;object-fit:contain}.cn-demo2-target-copy{display:grid;gap:2px;min-width:0}.cn-demo2-target-copy b{font-size:10.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#292c32}.cn-demo2-target-copy small{font-size:8px;color:#959aa3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-demo2-target-copy em{justify-self:start;margin-top:2px;padding:3px 6px;border-radius:999px;background:#f3f4f7;color:#777c86;font-size:7.5px;font-style:normal;font-weight:800}.cn-demo2-target-arrow{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#f7f8fa;color:#8c919b}.cn-demo2-target-foot{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 11px;border:1px solid #e7edf3;border-radius:14px;background:#f8fbfe;color:#75808d;font-size:8.3px;line-height:1.7}.cn-demo2-target-foot>svg{color:#5f95c7}
.cn-demo2-smart-scope{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:11px;border:1px solid color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 13%,#e7e9ef);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 3%,#fff),#fff)}.cn-demo2-smart-scope-account{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-width:0}.cn-demo2-smart-scope-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid rgba(19,25,42,.07);overflow:hidden}.cn-demo2-smart-scope-avatar img{width:100%;height:100%;object-fit:cover}.cn-demo2-smart-scope-avatar .cn-channel-svg,.cn-demo2-smart-scope-avatar .cn-channel-fallback{width:25px;height:25px!important;object-fit:contain}.cn-demo2-smart-scope-account>div{display:grid;gap:1px;min-width:0}.cn-demo2-smart-scope-account small{font-size:7.7px;color:#9196a0}.cn-demo2-smart-scope-account b{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-demo2-smart-scope-account span{font-size:7.7px;color:var(--cn-theme-accent,#7c3aed)}
@media(max-width:760px){.cn-demo2-smart-target-gate{gap:9px}.cn-demo2-target-intro{grid-template-columns:46px minmax(0,1fr);gap:10px;padding:12px;border-radius:17px}.cn-demo2-target-intro-logo{width:44px;height:44px;border-radius:14px}.cn-demo2-target-intro-logo img,.cn-demo2-target-intro-logo .cn-channel-fallback{width:27px;height:27px!important}.cn-demo2-target-intro h2{font-size:13px}.cn-demo2-target-intro p{font-size:8.3px}.cn-demo2-target-grid{grid-template-columns:1fr}.cn-demo2-target-card{grid-template-columns:44px minmax(0,1fr) 26px;padding:9px}.cn-demo2-target-avatar{width:42px;height:42px}.cn-demo2-target-foot{grid-template-columns:18px minmax(0,1fr);font-size:7.8px}.cn-demo2-target-foot .cn-btn{grid-column:1/-1;width:100%}.cn-demo2-smart-scope{padding:9px 10px}.cn-demo2-smart-scope .cn-btn{padding-inline:9px!important;font-size:8px!important}.cn-demo2-smart-scope-account{grid-template-columns:38px minmax(0,1fr)}.cn-demo2-smart-scope-avatar{width:36px;height:36px}}

/* v2.15.13 — smart automation delete control */
.cn-simple-flow-manage{position:relative;min-width:0}.cn-simple-flow-manage .cn-simple-flow-card{padding-left:49px}.cn-simple-flow-delete{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:1px solid #f1dadd;border-radius:11px;background:#fff6f7;color:#c94e59;display:grid;place-items:center;cursor:pointer;z-index:2;transition:.15s ease}.cn-simple-flow-delete:hover{background:#ffedef;border-color:#efc7cc;transform:translateY(-50%) scale(1.03)}.cn-simple-flow-delete:disabled{opacity:.5;cursor:wait}
@media(max-width:760px){.cn-simple-flow-manage .cn-simple-flow-card{padding-left:44px}.cn-simple-flow-delete{left:7px;width:30px;height:30px;border-radius:10px}}

/* v2.15.18 — Telegram/Bale professional Reply Keyboard builder */
.cn-simple-embedded-tools.has-bot-menu #simple-bot-menu{background:linear-gradient(135deg,#f5fbff,#fff)}
.cn-bot-menu-modal{width:min(980px,calc(100vw - 24px))!important;max-height:min(92dvh,900px)!important;overflow:auto!important}.cn-bot-menu-modal-head .eyebrow{color:var(--cn-theme-accent,#7c3aed);font-size:9px;font-weight:950;letter-spacing:.12em}.cn-bot-menu-builder{display:grid;gap:14px}.cn-bot-menu-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px;align-items:start}.cn-bot-menu-editor{display:grid;gap:12px}.cn-bot-menu-note{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:10px 12px;border:1px solid #dbe9f8;border-radius:15px;background:#f5faff;color:#54708e}.cn-bot-menu-note>span{display:grid;gap:2px}.cn-bot-menu-note b{font-size:10px}.cn-bot-menu-note small{font-size:8.6px;line-height:1.9}.cn-bot-menu-message{display:grid;gap:7px;color:#6f737c;font-size:10px;font-weight:850}.cn-bot-menu-message textarea{border:1.5px solid #dfe2e8;border-radius:15px;padding:11px 13px;min-height:82px;resize:vertical;font-family:inherit;outline:0}.cn-bot-menu-row{border:1px solid #e5e7ec;border-radius:17px;padding:11px;background:#fff;display:grid;gap:10px}.cn-bot-menu-row>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.cn-bot-menu-row>header>div:first-child{display:grid;gap:1px}.cn-bot-menu-row>header b{font-size:10.5px;color:#454951}.cn-bot-menu-row>header small{font-size:8px;color:#9a9ea7}.cn-bot-menu-row>header>div:last-child{display:flex;gap:5px}.cn-bot-menu-row>header button{border:0;border-radius:9px;min-height:29px;padding:0 8px;background:#f1f4f8;color:#657080;display:inline-flex;align-items:center;gap:4px;font:800 8.5px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer}.cn-bot-menu-row>header button.danger{background:#fff2f3;color:#d85b65}.cn-bot-menu-row>header button:disabled{opacity:.4;cursor:not-allowed}.cn-bot-menu-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cn-bot-menu-button-editor{border:1px solid #eceef2;border-radius:14px;background:#fafbfc;padding:9px;display:grid;gap:7px}.cn-bot-menu-button-head{display:grid;grid-template-columns:26px minmax(0,1fr) 26px;align-items:center;gap:6px}.cn-bot-menu-button-head>span{width:26px;height:26px;border-radius:8px;background:#eef2f7;color:#738093;display:grid;place-items:center}.cn-bot-menu-button-head>b{font-size:9.5px;color:#666b74}.cn-bot-menu-button-head>button{width:26px;height:26px;border:0;border-radius:8px;background:#fff1f2;color:#d85b65;display:grid;place-items:center;cursor:pointer}.cn-bot-menu-button-editor label{display:grid;gap:4px;font-size:8.8px;color:#777c86;font-weight:800}.cn-bot-menu-button-editor input,.cn-bot-menu-button-editor select{width:100%;height:40px;border:1px solid #dde1e8;border-radius:11px;background:#fff;padding:0 10px;font:800 9.5px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);outline:0}.cn-bot-menu-button-editor label small{font-size:7.5px;color:#a0a4ad;font-weight:600}.cn-bot-menu-add-row{justify-self:start}.cn-bot-menu-options{padding:4px 2px}.cn-bot-menu-preview{position:sticky;top:4px;border:1px solid #e3e5ea;border-radius:20px;background:#f7f8fa;padding:12px;display:grid;gap:10px}.cn-bot-menu-preview>div:first-child{display:grid;gap:2px}.cn-bot-menu-preview>div:first-child b{font-size:11px}.cn-bot-menu-preview>div:first-child small{font-size:8px;color:#979ca6}.cn-bot-menu-phone{border-radius:20px;background:linear-gradient(180deg,#cfe6bd,#e8efd9);min-height:360px;padding:16px 10px 10px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;overflow:hidden}.cn-bot-menu-chat-preview{align-self:flex-start;max-width:88%;background:#fff;border-radius:15px 15px 15px 5px;padding:9px 11px;display:grid;gap:2px;box-shadow:0 3px 9px rgba(27,39,20,.08)}.cn-bot-menu-chat-preview span{font-size:7.5px;color:#87908a}.cn-bot-menu-chat-preview b{font-size:9.5px;line-height:1.8}.cn-bot-menu-preview-rows{display:grid;gap:5px;background:rgba(247,249,248,.92);border-radius:15px;padding:6px}.cn-bot-menu-preview-rows>div{display:grid;grid-template-columns:repeat(var(--cols,1),minmax(0,1fr));gap:5px}.cn-bot-menu-preview-rows>div:has(> span:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.cn-bot-menu-preview-rows>div:has(> span:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.cn-bot-menu-preview-rows>div:has(> span:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.cn-bot-menu-preview-rows span{min-height:36px;border-radius:10px;background:#e5e9e8;color:#444a49;display:grid;place-items:center;text-align:center;padding:5px;font-size:8.5px;font-weight:850}.cn-bot-menu-actions{position:sticky;bottom:-1px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);padding-top:10px!important;z-index:3}.cn-bot-menu-actions .danger{color:#d34f5b;border-color:#f0d3d7;background:#fff5f6}
@media(max-width:760px){.cn-bot-menu-modal{width:100%!important;max-width:none!important;max-height:calc(100dvh - 10px)!important;border-radius:25px 25px 0 0!important;margin-top:auto!important;padding:18px 14px calc(8px + env(safe-area-inset-bottom))!important}.cn-bot-menu-layout{grid-template-columns:1fr}.cn-bot-menu-preview{position:relative;top:auto;order:-1}.cn-bot-menu-phone{min-height:235px}.cn-bot-menu-buttons{grid-template-columns:1fr}.cn-bot-menu-actions{grid-template-columns:1fr 1fr!important}.cn-bot-menu-actions .primary{grid-column:1/-1}.cn-bot-menu-row>header{align-items:flex-start}.cn-bot-menu-preview-rows>div:has(> span:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v2.15.19 — Smart Chat: human-profile automation, fully separate from Bot/Arm */
.cn-demo2-smart-chat-empty{display:grid;gap:16px;background:#fff;border:1px solid var(--cn-theme-border,#e7e9ef);border-radius:24px;padding:20px;box-shadow:0 8px 30px rgba(18,24,40,.035)}
.cn-smart-chat-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cn-smart-chat-benefits>div{border:1px solid #eceef3;border-radius:16px;background:#fafbfc;padding:12px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:9px;color:#65707e}.cn-smart-chat-benefits>div>svg{width:32px;height:32px;padding:7px;border-radius:10px;background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 7%,#fff);color:var(--cn-theme-accent,#7c3aed)}.cn-smart-chat-benefits span{display:grid;gap:3px}.cn-smart-chat-benefits b{font-size:10.5px;color:#252830}.cn-smart-chat-benefits small{font-size:8.5px;line-height:1.8;color:#8d929c}.cn-smart-chat-connect-main{justify-self:start;min-width:190px}.cn-smart-chat-scope-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.cn-smart-chat-connect-modal,.cn-smart-chat-settings-modal{width:min(700px,calc(100vw - 26px))!important;max-height:min(90dvh,850px)!important;overflow:auto!important;overscroll-behavior:contain}.cn-smart-chat-modal-head .eyebrow{color:var(--cn-theme-accent,#7c3aed);font-size:9px;font-weight:950;letter-spacing:.1em}.cn-smart-chat-separation-note{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;border:1px solid color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 18%,#e7e9ef);background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 4%,#fff);border-radius:16px;padding:12px 14px;margin:5px 0 15px}.cn-smart-chat-separation-note>svg{width:36px;height:36px;border-radius:12px;padding:9px;background:#fff;color:var(--cn-theme-accent,#7c3aed)}.cn-smart-chat-separation-note>div{display:grid;gap:3px}.cn-smart-chat-separation-note b{font-size:11px;color:#282b32}.cn-smart-chat-separation-note span{font-size:9px;line-height:1.9;color:#7f8590}.cn-smart-chat-form{display:grid!important;gap:14px!important}.cn-smart-chat-form label>small{font-size:8.7px!important;line-height:1.8}.cn-smart-chat-steps{display:grid;gap:8px;margin:15px 0}.cn-smart-chat-steps>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid #eceef2;border-radius:14px;background:#fff}.cn-smart-chat-steps i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f2f0ff;color:var(--cn-theme-accent,#7c3aed);font-style:normal;font-weight:950;font-size:10px}.cn-smart-chat-steps span{display:grid;gap:2px}.cn-smart-chat-steps b{font-size:10.5px;color:#2d3037}.cn-smart-chat-steps small{font-size:8.7px;line-height:1.8;color:#8a8f98}.cn-smart-chat-status-line{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;padding:11px;border:1px solid #e6eee9;border-radius:14px;background:#f8fffb}.cn-smart-chat-status-line>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eaf9f2;color:#23976d}.cn-smart-chat-status-line>div{display:grid;gap:2px}.cn-smart-chat-status-line b{font-size:10.5px}.cn-smart-chat-status-line small{font-size:8.6px;line-height:1.8;color:#858c94}.cn-smart-chat-form .cn-check{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:12px;align-items:center;padding:13px 14px;border:1px solid #d9def0;border-radius:16px;background:#fbfcfe;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.cn-smart-chat-form .cn-check:hover{border-color:#bdd0ff;background:#f8fbff}.cn-smart-chat-form .cn-check input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;inline-size:22px!important;block-size:22px!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;border-radius:8px!important;border:2px solid #bcc8df!important;background:#fff!important;display:inline-grid!important;place-items:center!important;margin:0!important;cursor:pointer!important;box-shadow:0 0 0 3px rgba(59,130,246,.08)!important;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .12s ease;vertical-align:middle}.cn-smart-chat-form .cn-check input[type=checkbox]::before{content:"";width:10px;height:6px;border-left:2px solid #2563eb;border-bottom:2px solid #2563eb;transform:rotate(-45deg) scale(0);transform-origin:center;transition:transform .14s ease}.cn-smart-chat-form .cn-check input[type=checkbox]:active{transform:scale(.96)}.cn-smart-chat-form .cn-check input[type=checkbox]:checked{background:#eef5ff!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px rgba(59,130,246,.14)!important}.cn-smart-chat-form .cn-check input[type=checkbox]:checked::before{transform:rotate(-45deg) scale(1)}.cn-smart-chat-form .cn-check span{display:grid;gap:3px;min-width:0}.cn-smart-chat-form .cn-check span em{font-style:normal;font-size:8px;font-weight:900;letter-spacing:.04em;color:#2563eb}.cn-smart-chat-form .cn-check span b{font-size:10.6px;line-height:1.8;color:#262932}.cn-smart-chat-form .cn-check span small{font-size:8.7px;line-height:1.9;color:#7f8590}.cn-smart-chat-form .cn-check:has(input:checked){border-color:#bcd2ff;background:#f6faff;box-shadow:0 10px 22px rgba(17,24,39,.05)}.cn-smart-chat-confirm{position:relative}.cn-smart-chat-confirm::after{content:"برای تأیید لمس کن";position:absolute;top:10px;left:14px;font-size:8px;font-weight:900;color:#2563eb;background:#eef5ff;border:1px solid #cfe0ff;border-radius:999px;padding:4px 8px;pointer-events:none}
@media(max-width:760px){.cn-smart-chat-phone-box{height:52px;grid-template-columns:98px minmax(0,1fr)}.cn-smart-chat-country-inline>span{padding-inline:8px;gap:5px}.cn-smart-chat-phone-box>input{font-size:14px!important;padding-inline:11px!important}.cn-demo2-smart-chat-empty{padding:14px;border-radius:20px}.cn-smart-chat-benefits{grid-template-columns:1fr}.cn-smart-chat-connect-main{width:100%;justify-self:stretch}.cn-smart-chat-scope-actions{width:100%;justify-content:flex-start}.cn-smart-chat-connect-modal,.cn-smart-chat-settings-modal{width:100%!important;max-width:none!important;max-height:calc(100dvh - 12px)!important;border-radius:25px 25px 0 0!important;margin-top:auto!important;padding:17px 14px calc(16px + env(safe-area-inset-bottom))!important}.cn-smart-chat-connect-modal .cn-modal-head,.cn-smart-chat-settings-modal .cn-modal-head{padding-left:44px!important}.cn-smart-chat-separation-note{grid-template-columns:34px minmax(0,1fr);padding:10px}.cn-smart-chat-steps>div{padding:9px}.cn-smart-chat-form .cn-check{grid-template-columns:minmax(0,1fr) 22px;padding:12px}.cn-smart-chat-confirm::after{top:8px;left:12px}.cn-smart-chat-form .cn-btn.full{min-height:50px}}

/* v2.15.22 — Smart Chat easy phone + OTP onboarding */
.cn-smart-chat-easy-modal{width:min(620px,calc(100vw - 26px))!important;max-height:min(90dvh,820px)!important;overflow:auto!important;overscroll-behavior:contain}
.cn-smart-chat-easy-shell{display:grid;gap:14px;padding:2px 0 4px}
.cn-smart-chat-easy-steps{display:grid;grid-template-columns:34px minmax(22px,1fr) 34px minmax(22px,1fr) 34px;align-items:center;max-width:280px;margin:0 auto 8px;direction:ltr}
.cn-smart-chat-easy-steps i{width:34px;height:34px;border-radius:50%;border:1.5px solid #dfe3eb;background:#fff;color:#a3a8b2;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:950;transition:.18s ease}
.cn-smart-chat-easy-steps i.active{border-color:#5a8dee;background:#eef5ff;color:#2563eb;box-shadow:0 0 0 4px rgba(59,130,246,.08)}
.cn-smart-chat-easy-steps em{height:2px;background:#e7e9ef;border-radius:99px;margin-inline:6px}
.cn-smart-chat-easy-card{display:grid;gap:15px;border:1px solid #e7e9ef;border-radius:22px;background:#fff;padding:20px;box-shadow:0 15px 42px rgba(23,29,45,.06)}
.cn-smart-chat-easy-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#f2f4f8;color:#657080;justify-self:start}
.cn-smart-chat-easy-icon.telegram{background:#eef7ff;color:#2388d9}.cn-smart-chat-easy-icon.bale{background:#eefafa;color:#189e96}
.cn-smart-chat-easy-copy{display:grid;gap:5px}.cn-smart-chat-easy-copy h3{margin:0;font-size:16px;color:#20232a}.cn-smart-chat-easy-copy p{margin:0;font-size:10.5px;line-height:2;color:#7f8590}.cn-smart-chat-easy-copy p b{color:#4d5562}
.cn-smart-chat-easy-field{display:grid;gap:8px}.cn-smart-chat-easy-field>span{font-size:10.5px;font-weight:900;color:#4f5561}
.cn-smart-chat-easy-field input{height:54px!important;border:1.5px solid #dfe3ea!important;border-radius:15px!important;padding:0 15px!important;background:#fff!important;font-size:15px!important;font-weight:800!important;outline:0!important;box-shadow:none!important}
.cn-smart-chat-easy-field input:focus{border-color:#75a2f6!important;box-shadow:0 0 0 4px rgba(59,130,246,.09)!important}.cn-smart-chat-phone-field{display:grid!important;gap:7px!important}.cn-smart-chat-phone-box{height:54px;border:1.5px solid #dfe3ea;border-radius:15px;background:#fff;display:grid;grid-template-columns:106px minmax(0,1fr);align-items:stretch;overflow:hidden;direction:ltr;transition:border-color .15s ease,box-shadow .15s ease}.cn-smart-chat-phone-box:focus-within{border-color:#75a2f6;box-shadow:0 0 0 4px rgba(59,130,246,.09)}.cn-smart-chat-country-inline{position:relative;min-width:0;border-right:1px solid #edf0f4;background:#f7f9fc;cursor:pointer}.cn-smart-chat-country-inline>span{height:100%;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;color:#303640;white-space:nowrap;pointer-events:none}.cn-smart-chat-country-inline>span i{font-style:normal;font-size:17px;line-height:1}.cn-smart-chat-country-inline>span b{font-size:10.5px;color:#2563eb;font-weight:900}.cn-smart-chat-country-inline>span svg{width:11px;height:11px;color:#8d94a0;transform:rotate(90deg)}.cn-smart-chat-country-inline select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.cn-smart-chat-phone-box>input{border:0!important;border-radius:0!important;box-shadow:none!important;height:100%!important;min-width:0!important;padding:0 14px!important;background:#fff!important;font-size:15px!important;font-weight:850!important;letter-spacing:.02em}.cn-smart-chat-phone-box>input:focus{border:0!important;box-shadow:none!important}.cn-smart-chat-phone-preview{display:block;margin-top:-3px;padding-inline:2px;color:#88909c;font-size:8.8px;line-height:1.9}.cn-smart-chat-phone-preview b{color:#2563eb;font-size:9.5px}
.cn-smart-chat-otp{text-align:center!important;letter-spacing:.35em!important;font-size:20px!important;font-variant-numeric:tabular-nums}
.cn-smart-chat-easy-note,.cn-smart-chat-privacy{display:flex;align-items:flex-start;gap:9px;border-radius:14px;padding:11px 12px;background:#f7f9fc;color:#717886}
.cn-smart-chat-easy-note{display:grid;gap:3px}.cn-smart-chat-easy-note b{font-size:9.5px;color:#3d4654}.cn-smart-chat-easy-note span,.cn-smart-chat-privacy span{font-size:8.8px;line-height:1.9}
.cn-smart-chat-privacy svg{flex:0 0 16px;margin-top:2px;color:#4f82d8}
.cn-smart-chat-resend-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.cn-smart-chat-resend-row button{border:0;background:transparent;color:#3979cc;font:850 9.5px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);padding:4px;cursor:pointer}.cn-smart-chat-resend-row button:disabled{color:#b2b7bf;cursor:not-allowed}.cn-smart-chat-resend-row small{text-align:center;font-size:8.5px;color:#979ca5}
.cn-smart-chat-easy-success{display:grid;justify-items:center;text-align:center;gap:10px;padding:28px 18px}.cn-smart-chat-easy-success>span{width:64px;height:64px;border-radius:20px;background:#eaf9f2;color:#23976d;display:grid;place-items:center}.cn-smart-chat-easy-success h3{margin:3px 0 0;font-size:17px}.cn-smart-chat-easy-success p{margin:0;max-width:410px;font-size:10.5px;line-height:2;color:#7c828c}.cn-smart-chat-easy-success .cn-btn{margin-top:5px}
@media(max-width:760px){.cn-smart-chat-easy-modal{width:100%!important;max-width:none!important;max-height:calc(100dvh - 10px)!important;border-radius:26px 26px 0 0!important;margin-top:auto!important;padding:18px 14px calc(14px + env(safe-area-inset-bottom))!important}.cn-smart-chat-easy-modal .cn-modal-head{padding-left:44px!important}.cn-smart-chat-easy-card{padding:17px 14px;border-radius:20px}.cn-smart-chat-easy-icon{width:48px;height:48px;border-radius:15px}.cn-smart-chat-easy-copy h3{font-size:15px}.cn-smart-chat-easy-field input{height:52px!important}.cn-smart-chat-resend-row{grid-template-columns:1fr 1fr}.cn-smart-chat-resend-row small{grid-column:1/-1;grid-row:2}.cn-smart-chat-easy-card>.cn-btn.full{min-height:52px}.cn-smart-chat-easy-steps{max-width:230px}}


/* v2.15.36 — compact, single-surface Smart Chat phone field */
.cn-smart-chat-phone-field{width:min(100%,410px)!important;justify-self:center!important;gap:6px!important}
.cn-smart-chat-phone-box{width:100%!important;max-width:410px!important;height:46px!important;grid-template-columns:84px minmax(0,1fr)!important;border:1.5px solid #dfe3ea!important;border-radius:13px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
.cn-smart-chat-phone-box:focus-within{border-color:#75a2f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.08)!important}
.cn-smart-chat-country-inline{height:100%!important;border:0!important;border-right:1px solid #edf0f4!important;border-radius:0!important;background:#f8fafc!important;box-shadow:none!important}
.cn-smart-chat-country-inline>span{height:100%!important;padding:0 8px!important;gap:4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.cn-smart-chat-country-inline>span i{font-size:15px!important}.cn-smart-chat-country-inline>span b{font-size:10px!important}.cn-smart-chat-country-inline>span svg{width:9px!important;height:9px!important}
.cn-smart-chat-phone-box>input#smart-chat-phone,.cn-smart-chat-easy-field.cn-smart-chat-phone-field input#smart-chat-phone{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 12px!important;border:0!important;border-width:0!important;border-style:none!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:13.5px!important;font-weight:800!important;line-height:46px!important}
.cn-smart-chat-phone-box>input#smart-chat-phone:focus,.cn-smart-chat-phone-box>input#smart-chat-phone:hover{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}
.cn-smart-chat-phone-preview{width:min(100%,410px)!important;justify-self:center!important;margin-top:-2px!important}
@media(max-width:760px){.cn-smart-chat-phone-field,.cn-smart-chat-phone-box,.cn-smart-chat-phone-preview{max-width:360px!important}.cn-smart-chat-phone-box{height:44px!important;grid-template-columns:80px minmax(0,1fr)!important}.cn-smart-chat-phone-box>input#smart-chat-phone,.cn-smart-chat-easy-field.cn-smart-chat-phone-field input#smart-chat-phone{font-size:13px!important;line-height:44px!important;padding-inline:10px!important}}

/* v2.15.61 — AI reply entry + credit-aware UX */
.cn-simple-ai-credit-row{display:flex;justify-content:flex-start;align-items:center;margin:-3px 0 1px}
.cn-simple-ai-credit-chip{border:1px solid #dedee7;background:rgba(255,255,255,.88);border-radius:999px;min-height:34px;padding:5px 10px;display:inline-flex;align-items:center;gap:6px;color:#666a75;font:800 9.5px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer;box-shadow:0 3px 12px rgba(30,35,55,.03)}
.cn-simple-ai-credit-chip svg{color:var(--cn-theme-accent,#7c3aed)}.cn-simple-ai-credit-chip span{color:#8b8e97}.cn-simple-ai-credit-chip b{font-size:10.5px;color:#2b2d33}.cn-simple-ai-credit-chip small{font-size:8px;color:#a0a3aa}.cn-simple-ai-credit-chip em{font-style:normal;color:var(--cn-theme-accent,#7c3aed);background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 8%,#fff);border-radius:999px;padding:3px 7px;margin-right:2px}.cn-simple-ai-credit-chip.empty{border-color:#ffd8d8;background:#fffafa}.cn-simple-ai-credit-chip.empty svg,.cn-simple-ai-credit-chip.empty em{color:#d94b56}.cn-simple-ai-credit-chip.empty em{background:#fff0f1}
.cn-simple-embedded-tools #simple-add-ai.no-credit,.cn-simple-embedded-tools #simple-add-ai.no-credit.active{border-color:#ffd2d5;background:linear-gradient(135deg,#fff7f8,#fff);color:#c23f4a}.cn-simple-embedded-tools #simple-add-ai.no-credit small{color:#c5666e}
.cn-simple-reply-ai-entry{width:100%;border:1px solid color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 22%,#e3e5eb);background:linear-gradient(135deg,color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 6%,#fff),#fff);border-radius:16px;padding:11px 13px;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:10px;text-align:right;color:#555a65;font-family:inherit;cursor:pointer}.cn-simple-reply-ai-entry>svg:first-child{width:36px;height:36px;padding:8px;border-radius:12px;background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 10%,#fff);color:var(--cn-theme-accent,#7c3aed)}.cn-simple-reply-ai-entry>span{display:grid;gap:2px}.cn-simple-reply-ai-entry b{font-size:11.5px;color:#25272d}.cn-simple-reply-ai-entry small{font-size:8.5px;color:#8f939c;line-height:1.7}.cn-simple-reply-ai-entry>svg:last-child{color:#a3a6ad}.cn-simple-reply-ai-entry.no-credit{border-color:#ffd7da;background:linear-gradient(135deg,#fff6f7,#fff)}.cn-simple-reply-ai-entry.no-credit>svg:first-child{background:#fff0f1;color:#cf4651}.cn-simple-reply-ai-entry.no-credit small{color:#bd646c}
.cn-ai-credit-empty-state{margin:6px 0 16px;padding:16px;border:1px solid #f0e1e2;border-radius:18px;background:#fff9f9;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px}.cn-ai-credit-empty-state>span{width:44px;height:44px;border-radius:14px;background:#fff0f1;color:#d34b56;display:grid;place-items:center}.cn-ai-credit-empty-state>div{display:grid;gap:4px}.cn-ai-credit-empty-state b{font-size:13px;color:#27282e}.cn-ai-credit-empty-state small{font-size:10px;color:#8d9098;line-height:1.8}.cn-ai-credit-empty-actions{grid-template-columns:1fr 1.35fr!important}.cn-ai-credit-empty-actions .cn-btn{min-height:50px}.cn-ai-picker-balance{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #e7e2fa;background:linear-gradient(135deg,#faf8ff,#fff);border-radius:15px;padding:10px 12px}.cn-ai-picker-balance>svg{width:32px;height:32px;padding:7px;border-radius:10px;background:#f0ebff;color:var(--cn-theme-accent,#7c3aed)}.cn-ai-picker-balance>span{display:grid;gap:1px}.cn-ai-picker-balance small{font-size:8px;color:#989ba3}.cn-ai-picker-balance b{font-size:11px;color:#292b31}.cn-ai-picker-balance button{border:0;background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 9%,#fff);color:var(--cn-theme-accent,#7c3aed);border-radius:10px;padding:7px 9px;font:850 9px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer}
@media(max-width:760px){.cn-simple-ai-credit-row{justify-content:flex-start;margin-top:-2px}.cn-simple-ai-credit-chip{min-height:32px;padding:4px 9px}.cn-simple-reply-ai-entry{grid-template-columns:36px minmax(0,1fr) 18px;padding:10px 11px}.cn-ai-credit-empty-actions{grid-template-columns:1fr!important}.cn-ai-picker-balance{grid-template-columns:32px minmax(0,1fr) auto;padding:9px 10px}.cn-ai-picker-balance button{padding:7px 8px}}

/* v2.15.62 — tabbed simple/AI reply composer */
.cn-reply-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 4px;padding:5px;border:1px solid #e5e6eb;border-radius:18px;background:#f7f8fa}
.cn-reply-mode-tabs>button{min-height:58px;border:1px solid transparent;border-radius:14px;background:transparent;padding:9px 11px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;text-align:right;color:#7d818a;font-family:inherit;cursor:pointer;transition:.18s ease}
.cn-reply-mode-tabs>button>svg{width:28px;height:28px;padding:6px;border-radius:9px;background:#eceef2;color:#8d919a}
.cn-reply-mode-tabs>button>span{display:grid;gap:2px;min-width:0}.cn-reply-mode-tabs>button b{font-size:11px;color:#555a63}.cn-reply-mode-tabs>button small{font-size:8px;line-height:1.6;color:#9a9ea6}
.cn-reply-mode-tabs>button.active{border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 26%,#e6e7ec);background:#fff;box-shadow:0 5px 16px rgba(25,30,50,.055);color:var(--cn-theme-accent,#7c3aed)}
.cn-reply-mode-tabs>button.active>svg{background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 10%,#fff);color:var(--cn-theme-accent,#7c3aed)}.cn-reply-mode-tabs>button.active b{color:#262830}
.cn-reply-tab-panel{display:none!important}.cn-reply-tab-panel.active{display:grid!important}
#simple-reply-ai-panel.cn-reply-tab-panel.active{gap:0;padding-top:14px}
.cn-ai-reply-studio{display:grid;gap:14px}
.cn-ai-tab-state{margin-top:2px;min-height:260px;border:1px solid #e6e8ed;border-radius:20px;background:linear-gradient(145deg,#fafbfc,#fff);padding:30px 22px;display:grid;justify-items:center;align-content:center;text-align:center;gap:9px}.cn-ai-tab-state>span{width:62px;height:62px;border-radius:20px;background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 9%,#fff);color:var(--cn-theme-accent,#7c3aed);display:grid;place-items:center}.cn-ai-tab-state h3{margin:3px 0 0;font-size:14px;color:#292b31}.cn-ai-tab-state p{margin:0;max-width:390px;font-size:9.5px;line-height:2;color:#858a94}.cn-ai-tab-state .cn-btn{margin-top:7px;min-height:47px}.cn-ai-tab-state.no-credit{border-color:#f0dfe1;background:linear-gradient(145deg,#fff8f9,#fff)}.cn-ai-tab-state.no-credit>span{background:#fff0f2;color:#d14b58}
.cn-ai-reply-balance{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 18%,#e8e8ee);background:linear-gradient(135deg,color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 5%,#fff),#fff);border-radius:15px;padding:10px 11px}.cn-ai-reply-balance>svg{color:var(--cn-theme-accent,#7c3aed)}.cn-ai-reply-balance>div{display:grid;gap:1px}.cn-ai-reply-balance small{font-size:7.8px;color:#9a9da5}.cn-ai-reply-balance b{font-size:11px;color:#2b2d33}.cn-ai-reply-balance em{font-size:8px;font-style:normal;color:#8d9097}.cn-ai-reply-balance button{border:0;border-radius:9px;background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 9%,#fff);color:var(--cn-theme-accent,#7c3aed);padding:7px 9px;font:850 8.5px var(--cn-font,"Vazirmatn",Tahoma,sans-serif);cursor:pointer}
.cn-ai-reply-intro{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid #e8e9ee;border-radius:16px;background:#fff}.cn-ai-reply-intro>span{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 13%,#fff),color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 4%,#fff));color:var(--cn-theme-accent,#7c3aed);display:grid;place-items:center}.cn-ai-reply-intro>div{display:grid;gap:3px}.cn-ai-reply-intro b{font-size:11px;color:#30323a}.cn-ai-reply-intro small{font-size:8px;line-height:1.8;color:#92969f}
.cn-ai-reply-section{display:grid;gap:8px}.cn-ai-reply-section>b{font-size:10px;color:#6f747e;padding-inline:2px}
.cn-ai-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cn-ai-goal-grid label,.cn-ai-quality-grid label{position:relative;cursor:pointer}.cn-ai-goal-grid input,.cn-ai-quality-grid input{position:absolute;opacity:0;pointer-events:none}.cn-ai-goal-grid label>span{min-height:68px;border:1px solid #e3e5ea;border-radius:14px;background:#fff;padding:9px 10px;display:grid;grid-template-columns:25px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;align-items:center}.cn-ai-goal-grid label>span>svg{grid-row:1/3;width:25px;height:25px;padding:5px;border-radius:8px;background:#f4f5f7;color:#858a93}.cn-ai-goal-grid b{font-size:9.5px;color:#42464f}.cn-ai-goal-grid small{font-size:7.5px;color:#9a9ea6;line-height:1.5}.cn-ai-goal-grid label.active>span{border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 38%,#e2e4e9);background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 4%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 6%,transparent)}.cn-ai-goal-grid label.active>span>svg{background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 11%,#fff);color:var(--cn-theme-accent,#7c3aed)}
.cn-ai-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cn-ai-quality-grid label>span{min-height:58px;border:1px solid #e3e5ea;border-radius:13px;background:#fff;padding:9px 6px;display:grid;place-content:center;text-align:center;gap:2px}.cn-ai-quality-grid b{font-size:9.5px;color:#444850}.cn-ai-quality-grid small{font-size:7px;color:#9da0a8}.cn-ai-quality-grid label.active>span{border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 40%,#e3e5ea);background:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 5%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 6%,transparent)}.cn-ai-quality-grid label.active b{color:var(--cn-theme-accent,#7c3aed)}
.cn-ai-reply-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cn-ai-reply-fields label,.cn-ai-history-field{display:grid;gap:6px;color:#747983;font-weight:800;font-size:9.5px}.cn-ai-reply-fields label:last-child{grid-column:1/-1}.cn-ai-reply-fields span small{font-size:7px;color:#aaaeb5;font-weight:700}.cn-ai-reply-fields select,.cn-ai-history-field select,.cn-ai-reply-fields textarea{width:100%;border:1.5px solid #dfe2e8;border-radius:13px;background:#fff;min-height:45px;padding:10px 12px;outline:0;color:#30323a;font-family:inherit}.cn-ai-reply-fields textarea{line-height:1.9;resize:vertical}.cn-ai-reply-fields select:focus,.cn-ai-history-field select:focus,.cn-ai-reply-fields textarea:focus{border-color:color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 60%,#dfe2e8);box-shadow:0 0 0 3px color-mix(in srgb,var(--cn-theme-accent,#7c3aed) 9%,transparent)}
.cn-ai-smart-switches{display:grid;gap:7px}.cn-ai-smart-switches .cn-simple-toggle{margin:0!important;padding:10px 11px!important;border:1px solid #e6e8ed!important;border-radius:14px!important;background:#fff!important}.cn-ai-smart-switches .cn-simple-toggle span{display:grid;gap:2px}.cn-ai-smart-switches .cn-simple-toggle b{font-size:9.5px;color:#484c54}.cn-ai-smart-switches .cn-simple-toggle small{font-size:7.4px;line-height:1.65;color:#9a9ea6}.cn-ai-history-field{padding-top:1px}.cn-ai-tab-actions{grid-template-columns:auto auto 1fr!important;gap:8px!important;margin-top:1px}.cn-ai-tab-actions .cn-btn{min-height:46px}.cn-ai-tab-actions .danger-soft{border-color:#f2d9dc!important;background:#fff8f9!important;color:#cf4b57!important}
@media(max-width:760px){.cn-simple-reply-modal{max-height:calc(100dvh - 10px)!important}.cn-reply-mode-tabs{margin-top:8px}.cn-reply-mode-tabs>button{min-height:55px;padding:8px}.cn-reply-mode-tabs>button small{font-size:7.4px}.cn-ai-reply-studio{gap:12px}.cn-ai-goal-grid{grid-template-columns:1fr 1fr}.cn-ai-goal-grid label>span{min-height:64px;padding:8px}.cn-ai-quality-grid{gap:5px}.cn-ai-quality-grid label>span{min-height:56px;padding-inline:4px}.cn-ai-reply-fields{grid-template-columns:1fr}.cn-ai-reply-fields label:last-child{grid-column:auto}.cn-ai-tab-actions{grid-template-columns:1fr!important}.cn-ai-tab-actions .cn-btn{width:100%}.cn-ai-reply-balance{grid-template-columns:25px minmax(0,1fr) auto}.cn-ai-reply-balance button{padding:6px 7px}}

/* v2.15.63 — compact mobile account / plan / AI status footer */
@media(max-width:1024px){
  body.cn-app-demo-sidebar .cn-mobile-sidebar-foot{padding-top:7px!important;gap:6px!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-quickstatus{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-quickstatus:has(.cn-mobile-sidebar-quick:only-child){grid-template-columns:1fr!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-quick{min-width:0!important;min-height:48px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;padding:6px 7px!important;border:1px solid var(--cn-theme-border,#e7e9ef)!important;border-radius:12px!important;background:#fafbfc!important;color:var(--cn-theme-text,#171821)!important;text-align:right!important;font-family:var(--cn-font,"Vazirmatn",Tahoma,sans-serif)!important;cursor:pointer!important;box-shadow:none!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-quick:hover{border-color:color-mix(in srgb,var(--cn-theme-accent,#6757e8) 28%,var(--cn-theme-border,#e7e9ef))!important;background:color-mix(in srgb,var(--cn-theme-accent,#6757e8) 3%,#fff)!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-quick-icon{width:30px!important;height:30px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:#fff!important;color:var(--cn-theme-accent,#6757e8)!important;border:1px solid #eceef3!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-quick-icon .cn-icon{width:16px!important;height:16px!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-quick>span:last-child{display:grid!important;gap:1px!important;min-width:0!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-quick b{font-size:9.6px!important;font-weight:950!important;line-height:1.45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-quick small{font-size:8.2px!important;line-height:1.45!important;color:var(--cn-theme-muted,#727785)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-aiquick .cn-mobile-sidebar-quick-icon{background:color-mix(in srgb,var(--cn-theme-accent,#6757e8) 8%,#fff)!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-account-row{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:6px!important;align-items:stretch!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-account-row .cn-mobile-sidebar-profile{min-height:44px!important;padding:4px 6px!important;grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important;border-radius:12px!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-account-row .cn-mobile-sidebar-profile img{width:32px!important;height:32px!important;border-radius:10px!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-account-row .cn-mobile-sidebar-profile b{font-size:10.3px!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-account-row .cn-mobile-sidebar-profile small{font-size:8.3px!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-account-row .cn-mobile-sidebar-logout{width:42px!important;min-height:44px!important;padding:0!important;border-radius:12px!important;gap:0!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-account-row .cn-mobile-sidebar-logout>span:last-child{display:none!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-account-row .cn-mobile-sidebar-logout .cn-icon{width:18px!important;height:18px!important}
}
@media(max-width:360px){
  body.cn-app-demo-sidebar .cn-mobile-sidebar-quickstatus{grid-template-columns:1fr!important}
  body.cn-app-demo-sidebar .cn-mobile-sidebar-quick{min-height:43px!important}
}

/* v2.15.65 — AI wallet UX: optional add-on, not an expired subscription */
.cn-ai-tab-state.no-credit{border-color:#ddd8fa;background:linear-gradient(145deg,#faf9ff,#fff)}.cn-ai-tab-state.no-credit>span{background:#f0edff;color:var(--cn-theme-accent,#7c3aed)}.cn-ai-tab-state.subscription-needed{border-color:#efdfb5;background:linear-gradient(145deg,#fffbef,#fff)}.cn-ai-tab-state.subscription-needed>span{background:#fff3d7;color:#9a6b13}.cn-ai-credit-empty-state{border-color:#e4e0f8;background:#fbfaff}.cn-ai-credit-empty-state>span{background:#f1eeff;color:var(--cn-theme-accent,#7c3aed)}.cn-ai-credit-empty-state.subscription{border-color:#efdfb5;background:#fffbef}.cn-ai-credit-empty-state.subscription>span{background:#fff3d7;color:#9a6b13}


/* v2.15.66 — connected account cards: clean mobile stacking, no overlaps */
@media(max-width:760px){
  body.cn-app-demo-sidebar .cn-demo2-account-list{gap:12px!important}
  body.cn-app-demo-sidebar .cn-demo2-account-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:12px!important;
    overflow:hidden!important;
  }
  body.cn-app-demo-sidebar .cn-demo2-account-card>div:first-child{min-width:0!important;width:100%!important}
  body.cn-app-demo-sidebar .cn-demo2-account-card .cn-account-row{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 12px!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:14px!important;
    background:#fafafd!important;
    overflow:hidden!important;
  }
  body.cn-app-demo-sidebar .cn-demo2-account-card .cn-account-avatar{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:14px!important;
    grid-column:1!important;
    grid-row:1!important;
  }
  body.cn-app-demo-sidebar .cn-demo2-account-card .cn-account-row>div:nth-child(2){
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    display:grid!important;
    gap:3px!important;
    align-content:center!important;
  }
  body.cn-app-demo-sidebar .cn-demo2-account-card .cn-account-row b,
  body.cn-app-demo-sidebar .cn-demo2-account-card .cn-account-row small{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.cn-app-demo-sidebar .cn-demo2-account-card .cn-account-row b{font-size:11px!important}
  body.cn-app-demo-sidebar .cn-demo2-account-card .cn-account-row small{font-size:8.5px!important}
  body.cn-app-demo-sidebar .cn-demo2-account-card .cn-channel-badge{display:none!important}
  body.cn-app-demo-sidebar .cn-demo2-account-card .cn-account-row .online{
    grid-column:3!important;
    grid-row:1!important;
    margin:0!important;
    justify-self:center!important;
    width:8px!important;
    height:8px!important;
  }
  body.cn-app-demo-sidebar .cn-demo2-account-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    justify-content:stretch!important;
  }
  body.cn-app-demo-sidebar .cn-demo2-account-actions .cn-btn{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:9px 8px!important;
    font-size:9.5px!important;
    white-space:normal!important;
    line-height:1.55!important;
    text-align:center!important;
  }
  body.cn-app-demo-sidebar .cn-demo2-account-actions .disconnect-account{
    grid-column:1/-1!important;
    min-height:38px!important;
    background:#fff7f7!important;
    border-color:#f7dddd!important;
  }
}