:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17233d;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}aside{width:245px;flex-shrink:0;background:white;border-right:1px solid #e9eef4;padding:27px 16px;display:flex;flex-direction:column}.logo{font-size:19px;font-weight:800;letter-spacing:-.7px;padding:0 9px 26px;white-space:nowrap}.logo span{background:#2563eb;color:white;padding:6px 9px;border-radius:11px;margin-right:5px}.side-label{font-size:10px;color:#90a0b6;font-weight:800;letter-spacing:1.7px;padding:17px 12px 9px}.nav{color:#5e6e88;display:block;text-decoration:none;padding:13px 14px;border-radius:11px;margin:2px 0;font-weight:600;font-size:14px}.nav.active{background:#eaf1ff;color:#2563eb}.nav:hover{background:#f1f5fb}.nav.disabled{opacity:.5;cursor:default;font-size:12px}.bottom{margin-top:auto;padding:22px 12px;color:#91a0b3}main{flex:1;min-width:0;max-width:1400px;padding:36px 45px;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:800;color:#91a0b3}h1{font-size:29px;margin:7px 0 0;letter-spacing:-1.1px}h2{margin:0 0 15px;font-size:18px;letter-spacing:-.3px}.account{display:flex;align-items:center;gap:15px;font-size:13px;color:#6e7e93}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat,.panel{background:white;border:1px solid #e8edf5;border-radius:17px;box-shadow:0 5px 20px rgba(30,51,100,.025)}.stat{padding:24px}.stat small{color:#75869e;display:block;margin-bottom:15px}.stat strong{font-size:31px;letter-spacing:-1px}.panel{padding:27px;margin-bottom:19px}.panel p{font-size:14px;line-height:1.7;color:#697993;max-width:770px}form{display:flex;flex-direction:column;gap:14px;max-width:630px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;color:#4d5c74}input,textarea,select{font:inherit;width:100%;border:1px solid #dce4ef;border-radius:11px;padding:13px;background:#fff;color:#203047;outline:none}input:focus,textarea:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #e8efff}button,.linkbtn{border:0;cursor:pointer;border-radius:10px;padding:12px 17px;font-weight:700;font-size:13px;text-decoration:none;display:inline-block;text-align:center}.primary{background:#2563eb;color:white}.primary:hover{background:#1d4ed8}.secondary{background:#ecf2ff;color:#2563eb}.ghost{background:#f0f3f9;color:#52627c}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.item{display:flex;justify-content:space-between;border-top:1px solid #eff2f7;padding:15px 0;gap:15px}.item small{color:#8c9bb0}.alert{padding:13px 16px;border:1px solid #b7e6c3;color:#166534;background:#f1fbf4;border-radius:11px;margin-bottom:20px}.alert.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:14px;border-bottom:1px solid #edf0f5;vertical-align:middle}th{font-weight:650;color:#7d8ba0}.pill{background:#edf4ff;color:#3662ad;border-radius:50px;padding:6px 10px;font-size:11px}.auth{max-width:500px;margin:45px auto}.auth a{color:#2563eb}@media(max-width:850px){.app{display:block}aside{width:100%;padding:12px;display:block;border-bottom:1px solid #e9eef4}.logo{padding:12px}.side-label,.bottom{display:none}.nav{display:inline-block;padding:9px;font-size:12px}main{padding:22px 15px}header{align-items:flex-start;flex-wrap:wrap}h1{font-size:25px}.account{flex-wrap:wrap}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:17px}.panel{padding:18px}}@media(max-width:410px){.account span{display:none}.stats{grid-template-columns:repeat(2,1fr)}}

/* v0.7.0: responsive, accessible light UI */
:root{--focus:#2563eb;--border:#e7ecf4;--surface:#ffffff;--ink:#142239;color-scheme:light}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:radial-gradient(circle at 90% 0%,#e9f1ff 0,transparent 38%),#f7f9fd}
button,.linkbtn,.nav{transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}
button:active,.linkbtn:active{transform:scale(.985)}
:focus-visible{outline:3px solid #93b6ff;outline-offset:2px}
.panel,.stat{box-shadow:0 7px 28px rgba(31,65,121,.045);border-color:var(--border)}
.panel{overflow-wrap:anywhere}.panel h2{line-height:1.3}
.item{align-items:center;flex-wrap:wrap}.item small{overflow-wrap:anywhere}
input,select,textarea{min-height:46px;font-size:16px}textarea{line-height:1.55}
button,.linkbtn{min-height:44px}a{overflow-wrap:anywhere}
.tablewrap{max-width:100%;-webkit-overflow-scrolling:touch}
@media(min-width:851px){aside{position:sticky;top:0;height:100vh;overflow-y:auto}main{width:100%}}
@media(max-width:850px){
 aside{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);white-space:nowrap;overflow-x:auto;display:flex;gap:3px;align-items:center;scrollbar-width:thin;padding:8px 12px}
 aside .logo{font-size:15px;padding:8px;margin-right:9px}
 aside .nav{flex-shrink:0;margin:0;padding:10px 12px;border-radius:12px;font-size:13px}
 main{padding:24px 16px 70px;max-width:740px}
 .panel{padding:20px;border-radius:18px}.stat{padding:18px;border-radius:16px}
 header{margin-bottom:22px}.account{gap:8px}
 form{max-width:100%}h1{font-size:26px}
}
@media(max-width:490px){
 .stats{gap:9px}.stat{padding:15px}.stat strong{font-size:24px}
 .stat small{min-height:2.5em;margin-bottom:7px;font-size:11px}
 .panel{padding:17px;margin-bottom:12px}
 .item{display:block}.item small{display:block;margin-top:6px}
 .actions>*{flex:1 1 auto}
 .account{width:100%;justify-content:space-between}
 td,th{white-space:nowrap;padding:12px 10px}
 button,.linkbtn{font-size:14px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Accessible mobile-friendly rich publication editor */
.rich-editor{max-width:100%;}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.emoji-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0}.emoji-toolbar button{width:38px;height:38px;border:1px solid #dbe5f3;background:#f5f8ff;border-radius:10px;cursor:pointer;color:#233750;font-size:17px}.emoji-toolbar button:hover{background:#e5efff}.rich-editor details{padding:14px;border:1px solid #e0e7f0;border-radius:14px;margin:16px 0;background:#fafcff}.rich-editor summary{cursor:pointer;font-weight:650}.rich-editor label small{font-size:12px;color:#718096}.editor-preview{padding:16px;border:1px solid #dbeafe;background:#eff6ff;border-radius:14px;margin:16px 0;overflow-wrap:anywhere}.editor-preview #post-preview{white-space:pre-wrap;margin-top:12px;max-width:100%}.upload-preview{font-size:13px;overflow-wrap:anywhere;color:#4b6481}.rich-editor input[type=checkbox]{width:auto;display:inline;min-height:auto;margin-right:7px}.rich-editor textarea,.rich-editor input,.rich-editor select{max-width:100%}@media(max-width:680px){.editor-grid{grid-template-columns:1fr}.emoji-toolbar button{width:42px;height:42px}.rich-editor{padding:14px}.rich-editor details{padding:12px}}

.timezone-panel{padding:16px;border-radius:16px;background:#f1f6ff;border:1px solid #dbeafe;margin:12px 0}.timezone-result{font-weight:600;color:#1d4ed8;margin:8px 0 0}.timezone-panel select:disabled{opacity:.85;cursor:default}@media(max-width:640px){.timezone-panel{padding:12px}.timezone-panel select,.timezone-panel input{width:100%;min-width:0}}


/* v1.0.3 polish for posts page */
.compact{padding:22px}
.muted{color:#6f8097}
.queue-report{border-color:#cfe0ff;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)}
.queue-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.queue-time{font-size:12px;color:#6d7f98;background:#eef4ff;border:1px solid #d9e6ff;padding:8px 10px;border-radius:999px}
.queue-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.qstat{background:#fff;border:1px solid #e6edf8;border-radius:16px;padding:16px 14px}
.qstat small{display:block;color:#7486a0;margin-bottom:6px;font-size:12px}
.qstat strong{font-size:28px;line-height:1;letter-spacing:-.7px;color:#16315c}
.queue-note{margin:14px 0 0;max-width:none}
.diagnostic-panel .primary{min-width:300px;max-width:420px}
.field-hint{font-size:12px;line-height:1.5;color:#74839a;font-weight:500;margin-bottom:4px}
.rich-editor .editor-grid>label{background:#fafcff;border:1px solid #e7edf7;border-radius:14px;padding:14px}
.rich-editor .editor-grid>label select,.rich-editor .editor-grid>label input,.rich-editor .editor-grid>label textarea{margin-top:4px}
@media(max-width:900px){.queue-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.queue-stats{grid-template-columns:1fr}.queue-time{width:100%}.diagnostic-panel .primary{min-width:0;max-width:none;width:100%}.rich-editor .editor-grid>label{padding:12px}}

/* Telegram Studio v1.1.0 — full responsive light workspace */
:root{--brand:#3467ee;--brand-dark:#1f4fcb;--text:#1a2840;--muted:#78869c;--border:#e5ebf5;--bg:#f5f7fc}
body{color:var(--text);background:#f5f7fc}
.app{width:100%;min-height:100vh;align-items:stretch}
aside{width:260px;padding:26px 16px;background:#fff;border-right:1px solid #e5ebf4}
aside .logo{font-size:20px;padding:3px 10px 22px;letter-spacing:-.8px}
aside .nav{margin:2px 0;padding:12px 14px;border-radius:12px}
aside .nav.active{background:#eaf1ff;color:#2156d6;box-shadow:inset 3px 0 #3268ef}
main{flex:1;max-width:none;margin:0;min-width:0;padding:36px clamp(20px,4vw,68px) 65px}
header{margin-bottom:28px;padding-bottom:15px;border-bottom:1px solid #e8edf5}
h1{color:#1b2b47;font-size:clamp(24px,2.4vw,32px)}
.panel,.stat{box-shadow:0 12px 32px rgba(36,59,99,.035);border:1px solid #e7ecf4;border-radius:20px}
.panel{padding:clamp(19px,2.4vw,30px)}
.panel h2{font-size:19px}
.panel p{color:#697a95}
.panel form{width:100%;max-width:none}
.panel form select,.panel form input:not([type=checkbox]),.panel form textarea{width:100%;min-width:0;max-width:100%}
.panel form label{min-width:0}
.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rich-editor{width:100%}.rich-editor #rich-post-form{max-width:none}
.rich-editor textarea{resize:vertical}
.rich-editor .editor-grid>label{min-width:0}
.rich-editor .editor-grid>label select{font-size:15px;text-overflow:ellipsis}
button,.linkbtn{border-radius:12px;letter-spacing:0;white-space:normal;line-height:1.3}
.primary{background:linear-gradient(135deg,#3770fa,#255de7);box-shadow:0 5px 13px rgba(39,99,236,.17)}
.primary:hover{background:#1f51cf}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap}
.section-heading h2{margin:4px 0 0}.section-heading p{margin:5px 0 0}
.meta-counter{display:inline-flex;align-items:center;font-size:12px;font-weight:750;background:#edf3ff;color:#315ac3;border-radius:999px;padding:8px 12px;white-space:nowrap}
.page-lead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.page-lead h2{font-size:24px;margin:0}.page-lead p{margin:8px 0 0;color:#74839a}
.dash-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:23px}.dash-intro h2{font-size:26px;letter-spacing:-.8px;margin:7px 0}.dash-intro p{margin:0;color:#74839a}
.premium-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.premium-stats .stat{padding:24px;min-width:0}.premium-stats .stat small{min-height:33px;font-size:13px;color:#71829b}.premium-stats .stat strong{display:block;font-size:36px;margin-bottom:15px}.premium-stats .stat a{font-size:12px;text-decoration:none;color:#3266df;font-weight:700}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:18px;align-items:start}
.dashboard-post{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #edf1f7}.dashboard-post:last-child{border:0}.dashboard-post .post-icon{height:44px;width:44px;flex:none;display:grid;place-items:center;background:#edf3ff;border-radius:12px}.dashboard-post>div:nth-child(2){flex:1;min-width:0}.dashboard-post strong{display:block;font-size:14px}.dashboard-post p{margin:4px 0 0;font-size:12px}.dashboard-post time{font-size:12px;color:#74839a;text-align:right}
.quick-links{display:grid;gap:9px}.quick-links a{display:flex;gap:12px;align-items:center;text-decoration:none;border:1px solid #e9edf6;padding:13px;border-radius:14px;color:#243855}.quick-links a:hover{background:#f8fbff}.quick-links a>span{display:grid;place-items:center;width:39px;height:39px;flex:none;background:#edf3ff;border-radius:10px}.quick-links a>div{flex:1;min-width:0}.quick-links b{display:block;font-size:13px}.quick-links small{display:block;font-size:11px;color:#8794a8;margin-top:3px}.quick-links i{font-style:normal;color:#3d65b7}.soft-link{color:#3267e0;text-decoration:none;font-size:13px;font-weight:700}
.empty-state{text-align:center;padding:32px 10px;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-state .empty-emoji{font-size:34px}.empty-state strong{font-size:16px}.empty-state p{margin:0 auto 6px}.empty-state .linkbtn{margin-top:4px}
.channels-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.5fr);gap:18px;align-items:start}
.channel-list-panel{min-height:250px}.channel-cards{display:grid;gap:12px}.channel-card{display:flex;gap:14px;align-items:center;padding:16px;background:#f9fbff;border:1px solid #e8eef9;border-radius:15px}.channel-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e8f0ff;flex-shrink:0}.channel-body{flex:1;min-width:0}.channel-body h3{font-size:15px;margin:0}.channel-body p{margin:4px 0 9px;font-size:13px;color:#657993;overflow-wrap:anywhere}.channel-bot{display:inline-flex;flex-wrap:wrap;gap:5px;padding:7px 10px;background:#eef3ff;border-radius:9px;font-size:11px;color:#3159ac}.channel-bot span{color:#7083a3}.state-dot{width:10px;height:10px;flex:none;border-radius:50%;background:#19ad72;box-shadow:0 0 0 4px #d8f9eb}
.post-history .history-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.filter-chip{border:1px solid #e1e7f0;background:#f7f9fc;color:#52647f;min-height:38px;padding:8px 13px;font-size:12px}.filter-chip.active{color:#fff;background:#3468ee;border-color:#3468ee}.post-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.post-card{border:1px solid #e8edf5;border-radius:16px;padding:17px;background:#fff;min-width:0}.post-card[hidden]{display:none}.post-card-top,.post-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.post-card-top{flex-wrap:wrap}.channel-name{font-size:13px;font-weight:700;color:#334461;overflow-wrap:anywhere}.status-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:750;border-radius:999px;padding:6px 10px;white-space:nowrap}.status-pill.sent{color:#08754b;background:#dff8ec}.status-pill.pending{color:#315aca;background:#e9f0ff}.status-pill.failed{color:#b4233c;background:#fff0f2}.status-pill.cancelled{color:#68768a;background:#f0f2f5}.post-card-main{margin:16px 0;min-height:66px}.post-kind{font-size:12px;color:#667da0}.post-excerpt{font-size:14px;line-height:1.65;overflow-wrap:anywhere;margin-top:7px}.post-card-bottom{border-top:1px solid #eff2f7;padding-top:13px;flex-wrap:wrap}.post-date{font-size:12px;color:#76869c}.inline-action{width:auto!important;display:inline-flex!important;margin:0}.inline-action button{font-size:12px;padding:7px 10px;min-height:34px}
.media-dropzone{border:2px dashed #a7bdf0;border-radius:17px;min-height:170px;background:#f8faff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:22px;text-align:center;cursor:pointer;position:relative;transition:background .15s ease,border-color .15s ease}.media-dropzone:hover,.media-dropzone.dragging{background:#eaf1ff;border-color:#3367e9}.media-dropzone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.dropzone-symbol{font-size:34px}.media-dropzone strong{font-size:15px}.media-dropzone span{font-size:12px;color:#71839e}.upload-preview{margin-top:9px;display:grid;gap:7px}.upload-file{border-radius:10px;padding:10px;background:#edf3ff;display:flex;gap:10px;align-items:center;font-size:12px;overflow-wrap:anywhere}
.mobile-menu-toggle{display:none}.mobile-nav-backdrop{display:none}
@media(max-width:1120px){.premium-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns,.channels-layout{grid-template-columns:1fr}}
@media(max-width:850px){.app{display:flex}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;background:#edf3ff;color:#1e4cb5;font-size:22px;padding:8px 12px;min-width:44px;flex:none}aside{position:fixed;left:0;top:0;bottom:0;width:min(290px,86vw);height:100vh;z-index:42;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;white-space:normal;border-right:1px solid #e5ebf4;transform:translateX(-105%);transition:transform .22s ease;box-shadow:15px 0 35px rgba(13,31,67,.07)}.menu-open aside{transform:translateX(0)}aside .side-label,aside .bottom{display:block}aside .nav{display:block;flex:none;padding:12px 14px;font-size:14px}aside .logo{padding:10px 12px 22px}.mobile-nav-backdrop{position:fixed;inset:0;background:rgba(22,37,67,.36);z-index:41}.mobile-nav-backdrop:not([hidden]){display:block}main{max-width:none;width:100%;padding:22px 18px 66px}header{gap:11px;justify-content:flex-start}header>div:first-of-type{flex:1}.account{width:auto}header h1{font-size:25px}}
@media(max-width:680px){.post-cards{grid-template-columns:1fr}.editor-grid{grid-template-columns:1fr}.dash-intro,.page-lead{align-items:flex-start;flex-direction:column}.dash-intro .linkbtn{width:100%}.queue-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-panel .primary{max-width:none}.rich-editor .editor-grid>label{padding:12px}}
@media(max-width:480px){main{padding:18px 12px 75px}.panel{padding:17px}.premium-stats{gap:9px}.premium-stats .stat{padding:16px}.premium-stats .stat strong{font-size:29px}.queue-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-report .qstat{padding:12px}.queue-report .qstat strong{font-size:22px}.queue-report .qstat small{font-size:11px}.account span{display:none}.post-card{padding:14px}.post-card-bottom{align-items:flex-start}.media-dropzone{min-height:155px}}

/* v1.2.0: responsive content library */
.history-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.history-tab{padding:11px 17px;border-radius:12px;background:#f2f6ff;color:#526b98;font-weight:700;font-size:13px;text-decoration:none}.history-tab.active{background:#2563eb;color:#fff}
.post-management{border-top:1px solid #eef2f8;margin-top:16px;padding-top:15px;display:flex;gap:12px;align-items:end;justify-content:space-between;flex-wrap:wrap}
.post-management form{max-width:none}.post-reschedule{display:flex;align-items:end;flex:1 1 340px;gap:10px;flex-direction:row}.post-reschedule label{flex:1;min-width:180px}.post-reschedule input{width:100%}.post-actions{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.post-actions button{white-space:nowrap}.delete-post-btn{color:#b91c1c;background:#fff1f2}.post-card{border:1px solid #e5ebf5;border-radius:18px;padding:19px;background:#fff;box-shadow:0 3px 12px rgba(29,65,108,.04)}.post-cards{display:grid;gap:14px}
@media(max-width:650px){.post-reschedule{flex-direction:column;align-items:stretch}.post-reschedule label{width:100%;min-width:0}.post-actions{width:100%}.post-actions button{flex:1}.post-management{align-items:stretch}.history-tabs>*{flex:1;text-align:center}}

/* Independent scheduler status */
.sched-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sched-state{font-size:12px;font-weight:700;border-radius:999px;padding:9px 12px}.sched-state.is-up{color:#166534;background:#dcfce7}.sched-state.is-down{color:#9a3412;background:#ffedd5}.scheduler-help{margin:18px 0;background:#f8faff;border:1px solid #e0e8f5;border-radius:14px;padding:16px}.scheduler-help summary{cursor:pointer;font-weight:700;color:#243b60}.scheduler-command{display:block;max-width:100%;overflow:auto;white-space:nowrap;padding:12px;border:1px solid #e1e8f2;background:white;border-radius:10px;font-size:12px;user-select:all}

/* Background process diagnostics */
.background-card{padding:20px;margin:20px 0;background:#f8fbff;border:1px solid #dbe7ff;border-radius:18px}
.background-card-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.background-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px #fee2e2}.background-dot.online{background:#22c55e;box-shadow:0 0 0 4px #dcfce7}
.background-card form{width:100%;max-width:420px}.background-card p{margin:8px 0 12px}@media(max-width:600px){.background-card{padding:15px}.background-card button{width:100%}}

.language-toggle{display:flex;gap:4px;align-items:center;border:1px solid #dce6f4;border-radius:12px;background:#fff;padding:4px;margin-left:auto}
.language-toggle a{padding:7px 11px;border-radius:8px;font-size:12px;font-weight:800;color:#63748e;text-decoration:none;white-space:nowrap}
.language-toggle a.chosen{background:#2563eb;color:white}
.card-payment{border-color:#dbe7fb}
.card-transfer-details{background:#f5f9ff;border:1px solid #d6e5fb;border-radius:14px;padding:16px;margin:15px 0;overflow-wrap:anywhere}
.card-transfer-details div{font-size:21px;font-weight:800;letter-spacing:.04em;margin:8px 0}
@media(max-width:600px){.language-toggle{margin-left:0}.card-transfer-details div{font-size:17px}}

.wallet-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.wallet-tile{display:flex;flex-direction:column;gap:7px;background:#f4f8ff;border:1px solid #dce8fa;border-radius:16px;padding:19px}.wallet-tile small{font-weight:800;color:#64748b}.wallet-tile strong{font-size:28px;color:#142d52}.wallet-tile span{font-size:12px;color:#64748b}@media(max-width:540px){.wallet-pair{grid-template-columns:1fr}}

/* v2.0 catalog management */
.catalog-product{background:#fff;border:1px solid #e1e8f4;border-radius:16px;padding:15px;margin:12px 0;box-shadow:0 4px 16px #1c31570a}
.catalog-product summary{cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap;line-height:1.6;list-style-position:inside}
.catalog-product summary small{color:#72839a;flex-basis:100%}
.catalog-edit{margin:16px 0;max-width:100%;gap:13px}
.catalog-chip{display:inline-flex;padding:5px 10px;background:#eff5ff;color:#1e55a6;border:1px solid #d9e8ff;border-radius:24px;font-weight:700;font-size:12px;margin:5px}
.catalog-product .editor-grid{width:100%}
@media(max-width:640px){.catalog-product{padding:12px}.catalog-edit button{width:100%}}

/* v2.3.0 store admin */
.category-manager{margin-top:18px;display:grid;gap:10px}
.category-row{display:flex;gap:12px;align-items:end;background:#f8fbff;border:1px solid #e5eefb;padding:12px;border-radius:14px}
.category-rename{display:flex;flex-direction:row;align-items:end;gap:8px;max-width:none;flex:1;min-width:0}
.category-rename label{flex:1;min-width:0}
.category-remove{display:block;flex:0 0 auto}
.category-row button{white-space:nowrap}
.product-visibility{margin-top:14px}
.catalog-product{border-radius:16px}
@media(max-width:650px){.category-row{display:block}.category-rename{display:flex;flex-direction:column;align-items:stretch}.category-rename label,.category-rename button,.category-remove button{width:100%}.category-remove{margin-top:8px}.category-row button{min-height:46px}}


/* Telegram Studio 2.4: Aurora interface design system */
:root{--brand:#4b5dec;--brand-dark:#3944c6;--brand-soft:#edf0ff;--text:#17233b;--muted:#8190aa;--border:#e6ebf5;--bg:#f6f8fd;--shadow:0 18px 44px rgba(29,46,88,.045);--radius:22px}
body{color:var(--text);background:radial-gradient(ellipse at 76% -9%,#e9edff 0,transparent 35%),#f6f8fd}
.app{display:flex;max-width:none;align-items:stretch}
#site-nav{width:278px;min-width:278px;background:#fff;border-right:1px solid #e9edf6;padding:26px 16px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:35;scrollbar-width:thin}
#site-nav .logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#202c47;padding:4px 9px 26px;white-space:normal;font-size:18px;font-weight:800;letter-spacing:-.5px}
.logo-mark{height:42px;width:42px;min-width:42px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7487ff,#4258db);border-radius:14px;box-shadow:0 9px 17px rgba(70,91,226,.25);font-size:22px;transform:rotate(-4deg)}
.logo-title{line-height:1.05}.logo-title b{font-weight:850}.logo-title small{display:block;color:#9aa7bc;font-size:10px;letter-spacing:1.25px;text-transform:uppercase;font-weight:800;margin-top:6px}
.sidebar-search{margin:1px 8px 25px;border:1px solid #e6ebf5;background:#f7f9fe;border-radius:13px;height:43px;display:flex;align-items:center;padding:0 11px;gap:9px;color:#9aa7bc}.sidebar-search input{font-size:12px;border:0;background:transparent;box-shadow:none;outline:none;min-height:0;width:100%;padding:5px 0}.sidebar-search input:focus{box-shadow:none}.sidebar-search kbd{font-size:11px;font-family:inherit;border:1px solid #dde4f1;padding:2px 6px;border-radius:5px;background:white}
#site-nav .side-label{font-size:10px;letter-spacing:1.6px;color:#a1aec0;font-weight:800;margin:15px 0 8px;padding:0 17px}
#site-nav .nav-group{display:grid;gap:3px;margin-bottom:19px}
#site-nav .nav{display:flex;align-items:center;gap:13px;padding:11px 13px;margin:0;border-radius:12px;font-size:13px;font-weight:680;white-space:nowrap;color:#687890;min-height:44px}
#site-nav .nav-icon{display:grid;place-items:center;height:29px;width:29px;min-width:29px;border-radius:9px;font-size:18px;font-weight:550;color:#8999b0}
#site-nav .nav:hover{background:#f5f7fd;color:#344b80}#site-nav .nav:hover .nav-icon{color:var(--brand)}
#site-nav .nav.active{background:#eef1ff;color:#3d4fd4;box-shadow:none}#site-nav .nav.active .nav-icon{background:#dce3ff;color:#4a5bdd}
.nav-title{flex:1;overflow:hidden;text-overflow:ellipsis}.nav-mini{color:#7083cf;background:#e0e7ff;padding:3px 7px;border-radius:8px;font-size:10px;font-weight:850}
.sidebar-bottom{margin-top:auto;padding:14px 7px 0}.help-mini{display:flex;align-items:center;gap:9px;background:#f2f4ff;border:1px solid #e5eaff;border-radius:15px;padding:12px;margin-bottom:16px}.help-mini-icon{font-size:20px;color:#6774df}.help-mini>div{min-width:0;flex:1}.help-mini strong{font-size:11px;display:block}.help-mini small{font-size:10px;color:#8794ae;display:block;line-height:1.3;margin-top:4px}.help-mini>a{font-size:20px;text-decoration:none;color:#4a5ee0}.sidebar-version{display:flex;align-items:center;gap:7px;color:#9aa5b9;font-size:11px;padding:4px}.sidebar-version span:last-child{margin-left:auto}.online-indicator{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22bf84;box-shadow:0 0 0 4px #e3f9ee}
main{padding:26px clamp(20px,3.6vw,66px) 68px;background:transparent}main>header{background:rgba(255,255,255,.72);border:1px solid #e9edf7;border-radius:19px;padding:18px 22px;margin:0 0 27px;gap:14px;box-shadow:0 10px 30px rgba(45,60,110,.025);backdrop-filter:blur(15px)}.header-heading{min-width:0;flex:1}header .eyebrow{color:#9aa6b9;font-size:10px;letter-spacing:1.7px}header h1{font-size:clamp(21px,2.2vw,29px);margin:4px 0 0;letter-spacing:-.8px}.header-create{display:inline-flex;align-items:center;gap:8px;background:#edf0ff;border:1px solid #e3e8ff;color:#3d4ed9;border-radius:12px;padding:11px 14px;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.header-create:hover{background:#e3e9ff}
.language-toggle{margin-left:0;border-color:#e9edf7;box-shadow:0 2px 8px rgba(40,60,100,.035)}.language-toggle a.chosen{background:#4b5dec}.account{background:#f6f8fd;border-radius:12px;padding:4px 5px 4px 12px;gap:8px}.account span{max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.account form{margin:0;display:block}.account button{padding:9px 12px;min-height:34px;font-size:12px}
.dash-intro{background:linear-gradient(112deg,#283b92,#5665db 58%,#8493f6);padding:32px 36px;border-radius:24px;color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 34px rgba(61,77,170,.16);align-items:center;gap:16px}.dash-intro:after{content:'';position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.21);border-radius:50%;right:-108px;top:-135px;box-shadow:0 0 0 60px rgba(255,255,255,.04),0 0 0 116px rgba(255,255,255,.035);pointer-events:none}.dash-intro>*{position:relative;z-index:1}.dash-intro .eyebrow{color:#d7dfff}.dash-intro h2{color:#fff;font-size:clamp(26px,3vw,39px);letter-spacing:-1.3px;margin:7px 0 11px}.dash-intro p{color:#e2e8ff;max-width:600px;font-size:14px;line-height:1.6}.hero-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.hero-chips span{font-size:10px;border:1px solid rgba(255,255,255,.2);padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08)}.hero-cta{background:#fff!important;color:#3e51cd!important;box-shadow:0 8px 20px rgba(23,35,79,.2);white-space:nowrap}
.stat,.panel{background:#fff;border:1px solid #e8edf7;box-shadow:var(--shadow);border-radius:20px}.stat{position:relative;padding:25px!important;min-height:156px}.stat:before{content:'';height:3px;width:33px;display:block;background:linear-gradient(90deg,#6779e9,#8cc6ff);border-radius:30px;margin-bottom:15px}.stat strong{font-size:clamp(28px,3vw,39px)!important;letter-spacing:-1.2px}.stat small{color:#7787a3!important;font-weight:650}.stat a{color:#5064df!important}.panel{padding:clamp(20px,2.2vw,30px);margin-bottom:17px}.panel h2{color:#22314c;letter-spacing:-.5px}.section-heading{margin-bottom:19px}
input,select,textarea{border-radius:12px;border-color:#dce4f1;background:#fff;font-weight:450}label{font-weight:700;color:#4a5a76}input:focus,textarea:focus,select:focus{border-color:#7180ed;box-shadow:0 0 0 4px #ecedff}button,.linkbtn{border-radius:12px}.primary{background:#4b5dec;box-shadow:0 7px 18px rgba(73,89,225,.16)}.primary:hover{background:#3b4ac7}.secondary{background:#edf0ff;color:#4156d1}.ghost{background:#f2f5fa}.filter-chip.active,.history-tab.active{background:#4b5dec}.nav:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #98a3ff;outline-offset:3px}
.tablewrap{border:1px solid #edf0f7;border-radius:14px;overflow:auto}table{min-width:600px}th{background:#f9faff;color:#8592ab;font-size:11px;letter-spacing:.5px;text-transform:uppercase}td{color:#334562}tbody tr:hover{background:#fafbff}.channel-card,.post-card{background:#fff;border-radius:17px;transition:box-shadow .2s,transform .2s}.channel-card:hover,.post-card:hover{box-shadow:0 14px 27px rgba(33,55,111,.065);transform:translateY(-2px)}
details{border-radius:12px}summary{cursor:pointer}.skip-link{position:fixed;top:-60px;left:15px;z-index:100;background:#fff;color:#26398f;padding:10px 15px;border-radius:10px}.skip-link:focus{top:12px}
.nav-is-hidden{display:none!important}#site-nav .nav-group:has(.nav:not(.nav-is-hidden)){display:grid}#site-nav .nav-group:not(:has(.nav:not(.nav-is-hidden))){display:none}
@media(max-width:1200px){main>header{flex-wrap:wrap}.header-heading{min-width:180px}.account span{max-width:100px}}
@media(max-width:850px){#site-nav{position:fixed;left:0;top:0;bottom:0;transform:translateX(-105%);height:100dvh;width:min(315px,88vw);min-width:0;box-shadow:10px 0 35px rgba(18,31,74,.08);z-index:52;padding-top:23px}.menu-open #site-nav{transform:translateX(0)}#site-nav .side-label{display:block}#site-nav .nav{display:flex;font-size:13px;padding:11px 13px}#site-nav .sidebar-bottom{display:block}main{padding:18px 15px 80px}.app{display:flex}main>header{padding:13px 15px;gap:10px}.header-create{padding:9px 11px}.header-create span{display:none}header h1{font-size:22px}.mobile-nav-backdrop{z-index:51}.dash-intro{padding:28px 24px}.dash-intro h2{font-size:30px}}
@media(max-width:600px){main{padding:12px 12px 70px}main>header{gap:9px;border-radius:15px;margin-bottom:17px}.header-heading{order:2;flex:1;min-width:0}header .eyebrow{font-size:9px}header h1{font-size:19px}.mobile-menu-toggle{order:1}.header-create{order:3}.language-toggle{order:4;flex:1;justify-content:center}.account{order:5;max-width:55%;margin-left:auto}.account span{display:none}.dash-intro{flex-direction:column;align-items:flex-start;border-radius:18px;padding:25px 22px}.dash-intro h2{font-size:27px}.hero-cta{width:100%;text-align:center}.premium-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{min-height:140px;padding:17px!important}.stat strong{font-size:30px!important}.panel{border-radius:17px}.item{min-width:0}.item form{max-width:100%}.item .actions{display:flex;flex-wrap:wrap}}
@media(max-width:370px){.language-toggle a{font-size:10px;padding:6px 8px}.stat{padding:13px!important}.stat strong{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){.channel-card:hover,.post-card:hover{transform:none}}

/* 2.4.1: stable accessible composer toolbar and responsive alignment */
.post-composer{display:block;width:100%;min-width:0;margin:18px 0}.post-composer .composer-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.post-composer .emoji-toolbar{display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;padding:10px 0 14px;max-width:100%;min-width:0}.post-composer .emoji-toolbar button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0!important;border:1px solid #d8e3f5;border-radius:12px;background:#f4f7ff;color:#233750;font:700 18px/1 Arial,sans-serif;white-space:nowrap;vertical-align:middle;letter-spacing:0;overflow:hidden;cursor:pointer;transform:none}.post-composer .emoji-toolbar button i,.post-composer .emoji-toolbar button u,.post-composer .emoji-toolbar button s{font:inherit;text-decoration:inherit;line-height:1}.post-composer #post-body{width:100%;display:block;min-height:180px;box-sizing:border-box;margin:4px 0 0}.post-composer .emoji-toolbar button:hover{background:#e9efff}.post-composer .emoji-toolbar button:focus-visible{outline:3px solid #88acfa;outline-offset:2px}@media(max-width:560px){.post-composer .emoji-toolbar{gap:6px}.post-composer .emoji-toolbar button{flex-basis:40px;width:40px;min-width:40px;height:40px;min-height:40px;font-size:17px}}
.post-composer .emoji-toolbar[hidden]{display:none!important}

/* Platform administration */
.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-bottom:20px}.admin-stat-grid article{border:1px solid #dfe6f3;border-radius:18px;padding:18px;background:#f7f9ff;display:flex;flex-direction:column;gap:8px}.admin-stat-grid small{color:#64748b;font-weight:650}.admin-stat-grid strong{font-size:clamp(20px,2.8vw,30px);line-height:1.1}.admin-section{margin-bottom:22px}.admin-review-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;border:1px solid #e4eaf5;padding:16px;border-radius:15px;margin:10px 0}.admin-review-row p{margin:5px 0}.admin-inline-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.admin-tier{background:#f7f9ff;border-radius:16px;padding:16px;border:1px solid #e4eaf5}.admin-tier h3{margin:0 0 14px}.admin-tier label{display:block;margin:9px 0}.admin-tier input{width:100%;max-width:100%;box-sizing:border-box}.admin-new-tier{border:1px dashed #ccd7ed;border-radius:16px;padding:16px;margin-top:18px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));align-items:end}.admin-new-tier h3{grid-column:1/-1;margin:0}.admin-new-tier input{width:100%;max-width:100%;box-sizing:border-box}.admin-section .tablewrap{overflow-x:auto}@media(max-width:650px){.admin-review-row{align-items:stretch}.admin-review-row form{width:100%}.admin-inline-form button{flex:1}}

/* v2.6.0 Digital goods workspace */
.builder-hero-grid,.console-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}
.product-form-grid{grid-template-columns:1.05fr .95fr}
.builder-panel .feature-list{display:grid;gap:8px;margin-top:12px}
.stack-form{display:grid;gap:14px}
.two-col-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.faq-panel ol{padding-left:18px;margin:12px 0}
.tip-box{padding:14px 16px;border:1px solid var(--line,#dde4f5);border-radius:18px;background:#f8fbff}
.bot-workspace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.workspace-card,.bot-summary-card,.catalog-category,.guide-block{border:1px solid var(--line,#dde4f5);border-radius:22px;padding:18px;background:#fff;box-shadow:0 10px 24px rgba(33,58,120,.05)}
.workspace-head,.catalog-head,.page-actions,.section-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.workspace-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;color:#5c6d92;margin:12px 0}
.workspace-actions{display:flex;gap:10px;flex-wrap:wrap}
.tile-grid{display:grid;gap:12px}
.tile-grid.two{grid-template-columns:1fr 1fr}
.dashboard-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;padding:18px;border:1px solid var(--line,#dde4f5);border-radius:20px;background:#fff;color:#243554;text-decoration:none;min-height:116px;box-shadow:0 8px 22px rgba(33,58,120,.04)}
.dashboard-tile span{font-size:28px}
.dashboard-tile.disabled{opacity:.55;pointer-events:none}
.scenario-preview,.info-list{padding:14px 16px;border:1px solid var(--line,#dde4f5);border-radius:18px;background:#fbfcff}
.button-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.premium-panel{position:relative;overflow:hidden}
.blurred-grid{filter:blur(1.4px);opacity:.4}
.premium-overlay{position:absolute;inset:74px 18px 18px 18px;display:flex;align-items:center;justify-content:center;background:rgba(242,246,255,.84);backdrop-filter:blur(4px);border-radius:22px;border:1px solid rgba(203,213,234,.9);z-index:4;text-align:center;padding:20px}
.compact-stats .stat{min-width:0}
.catalog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.guide-panel .guide-block{max-height:650px;overflow:auto}
.top-gap{margin-top:14px}
.file-list{border-top:1px dashed #d9e2f4;margin-top:14px;padding-top:14px}
.success-text{color:#24a35a}
.summary-line{display:flex;gap:8px;flex-wrap:wrap;color:#5c6d92;margin:5px 0}
.bot-summary-card{display:grid;grid-template-columns:1fr 320px;gap:18px}
.compact-form{display:grid;gap:10px}
.lower-gap{margin-top:24px}
.catalog-category + .catalog-category{margin-top:18px}
@media (max-width: 1024px){.builder-hero-grid,.console-grid,.product-form-grid,.bot-summary-card{grid-template-columns:1fr}.tile-grid.two,.two-col-form,.workspace-meta{grid-template-columns:1fr}}

/* v3.2.6: focused, accessible step-by-step workspaces */
.ts-intro{margin:22px 0 18px;padding:26px 28px;background:#fff;border:1px solid #e3e9f5;border-radius:20px;box-shadow:0 5px 22px #20345b09}.ts-intro h2{font-size:25px;margin:8px 0}.ts-intro h2 small{color:#8190a5;font-size:15px}.ts-intro p{color:#66758b;line-height:1.55;max-width:780px}.ts-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 20px}.ts-step{display:flex;align-items:center;gap:9px;border:1px solid #e0e8f5;background:#fff;padding:12px;border-radius:12px;text-decoration:none;color:#42536e;font-weight:700;font-size:13px;white-space:nowrap;justify-content:center}.ts-step span{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;border-radius:50%;background:#eff2f9;color:#6779a0}.ts-step:hover,.ts-step.current{background:#e9edff;color:#3c54c4;border-color:#becafa}.ts-step.current span{background:#4863e4;color:#fff}.ts-stage{min-height:320px;padding:27px!important}.ts-stage .section-heading{margin-bottom:22px}.ts-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:20px 0}.ts-cards article{background:#f8faff;border:1px solid #e5ebf7;border-radius:15px;padding:18px}.ts-cards article>span{font-size:26px}.ts-cards article h3{margin:12px 0 7px;font-size:16px}.ts-cards article p{margin:0;color:#65738b;font-size:13px;line-height:1.5}.ts-cards article strong{font-size:30px}.ts-wizard-actions{display:flex;align-items:center;justify-content:space-between;margin:20px 0 30px;gap:12px}.ts-wizard-actions .linkbtn{min-width:140px;text-align:center}.ts-form{max-width:630px;display:grid;gap:14px}.ts-request{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid #e8edf6}.ts-request form{display:flex;gap:8px;flex-wrap:wrap}.ts-empty{background:#f6f8fc;padding:24px;border-radius:12px;color:#6c7d97;text-align:center}@media(max-width:820px){.ts-stepper{display:flex;overflow-x:auto;padding-bottom:8px}.ts-step{flex:none;min-width:120px}.ts-stage{padding:18px!important}.ts-intro{padding:20px}.ts-request{align-items:flex-start;flex-direction:column}}

/* Guided launch readiness, v3.3.1 */
.ts-readiness{border:1px solid var(--line,#dce3ef);border-radius:14px;padding:18px;margin:18px 0;background:var(--surface,#fff)}
.ts-readiness-line{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #e9edf4}
.ts-readiness-line:last-child{border-bottom:none}
.ts-readiness-line p{margin:3px 0 0}
.ts-check-ok,.ts-check-missing{display:inline-grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;font-weight:800}
.ts-check-ok{background:#e0f5e8;color:#167545}
.ts-check-missing{background:#fff1d6;color:#865a09}
@media(max-width:560px){.ts-readiness{padding:12px}}

/* v3.3.5 */
.license-countdown{margin:12px 0;padding:12px 16px;background:var(--surface-2,#f5f7fc);border:1px solid #dce5f1;border-radius:12px}
.license-countdown-soon{border-color:#e9b87e;background:#fff8eb}
.license-entry{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e6e9ef;flex-wrap:wrap}
.ts-trial-config{margin:16px 0 24px;padding:16px;border:1px solid #e6e9ef;border-radius:14px}
@media(max-width:680px){.license-entry .page-actions{width:100%;display:flex;flex-wrap:wrap}}

/* v3.3.8 subscription checkout */
.ts-bot-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:12px 0}
.ts-bot-check{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border,#d9deea);border-radius:14px;background:var(--card,#fff);cursor:pointer}
.ts-bot-check input{width:18px;height:18px;flex-shrink:0}.ts-bot-check span{display:flex;flex-direction:column;gap:4px}.ts-bot-check small{color:var(--muted,#667085)}

.license-wizard-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:1.2rem 0}.license-wizard-step{border:1px solid var(--line,#dde4ef);border-radius:10px;padding:.8rem;text-align:center;font-weight:600;background:#f7f9fc;color:#64748b}.license-wizard-step.current{background:#eaf1ff;border-color:#7195ef;color:#204fa4}.license-review{background:#f7f9fc;padding:1rem;border-radius:12px;margin-bottom:1rem}.license-review p{margin:.5rem 0}@media(max-width:520px){.license-wizard-step{font-size:.75rem;padding:.55rem .25rem}}

/* License request review v3.3.10 */
.ts-admin-filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.ts-admin-filters .current{background:#e9efff;border-color:#92aaf4;color:#243d8d}
.ts-payment-detail{border:1px solid #dbe2ee;border-radius:16px;margin-top:20px;padding:20px;background:#fbfcff}
.ts-payment-detail dl{display:grid;grid-template-columns:minmax(130px,1fr) 2fr;gap:12px;margin:16px 0}
.ts-payment-detail dt{color:#637189}.ts-payment-detail dd{margin:0;overflow-wrap:anywhere;font-weight:600}
.ts-review-form label{display:flex;align-items:flex-start;gap:10px;font-weight:500}
@media(max-width:600px){.ts-payment-detail dl{grid-template-columns:1fr;gap:4px}.ts-payment-detail dt:not(:first-child){margin-top:8px}}

.inventory-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.inventory-stats .panel{display:flex;flex-direction:column;gap:8px}.inventory-stats strong{font-size:28px}.inventory-steps{display:flex;flex-wrap:wrap;gap:8px}.inventory-steps span{background:#f2f5fa;border:1px solid #dfe5ee;border-radius:20px;padding:7px 12px;font-size:13px}.inventory-steps .active{background:#e8efff;border-color:#93b0e8}.inventory-navigation{border:1px solid #e2e7ef;padding:16px;border-radius:14px;margin:18px 0}@media(max-width:650px){.inventory-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Stock notifications v3.3.17 */
.stock-alert-card{margin:14px 0}
.stock-alert-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:15px 0}
.stock-alert-form input[type=number]{max-width:125px;margin-top:5px}
.stock-alert-form label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:180px}
.stock-alert-form label:has(input[type=checkbox]){flex-direction:row;align-items:center;min-width:225px}
.low-stock-pill{background:#fff4da;color:#795400}
@media(max-width:650px){.stock-alert-form{flex-direction:column;align-items:stretch}.stock-alert-form label{width:100%}}

/* Delivery health dashboard 3.3.18 */
.ts-health-filters,.ts-health-pager{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.ts-health-filters a.current{background:#e8efff;border-color:#9db1e9;color:#25427e}
.ts-health-pager{justify-content:space-between}

/* v3.3.19 read-only system diagnostics */
.ts-system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:20px 0}
.ts-system-grid article{border:1px solid #dce4ee;border-radius:14px;background:#fafcff;padding:16px;min-width:0}
.ts-system-grid h3{margin:0 0 8px;font-size:1rem}
.ts-system-grid strong{display:block;overflow-wrap:anywhere}
.ts-system-grid p{margin:10px 0;color:#536278;font-size:.9rem}

/* v3.3.28 order center search */
.ts-orders-search{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end;margin:18px 0}
.ts-orders-search label{min-width:0}.ts-orders-search input,.ts-orders-search select{width:100%}
.ts-order-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ts-orders-pagination{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:16px 4px}

/* v3.3.31 owner-only storefront preview */
.ts-store-filter{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end;margin:20px 0}.ts-store-filter input,.ts-store-filter select{width:100%}
.ts-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.ts-store-card{border:1px solid #dfe5ee;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.ts-store-card img,.ts-store-placeholder{width:100%;height:185px;object-fit:cover;background:#f2f5fa}.ts-store-placeholder{display:grid;place-items:center;font-size:52px}.ts-store-card-body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}.ts-store-card-body h3{margin:0}.ts-store-card-body p{color:#586577;font-size:14px;overflow-wrap:anywhere;flex:1}.ts-store-card-body a{align-self:start}.ts-media-editor{margin:12px 0;border:1px solid #dde4ee;border-radius:12px;padding:12px}.ts-media-editor summary{cursor:pointer}
@media(max-width:650px){.ts-store-filter{grid-template-columns:1fr}.ts-store-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ts-store-card img,.ts-store-placeholder{height:140px}}
/* No-code flow builder */
.flow-nodes {display:grid;gap:1rem;margin:1.25rem 0}
.flow-node {border:1px solid var(--border,#dbe2ed);padding:1rem;border-radius:14px}
.flow-node-header {display:flex;align-items:center;justify-content:space-between;gap:1rem}
.flow-subsection {border-top:1px solid var(--border,#dbe2ed);padding-top:.85rem;margin-top:.85rem}
.flow-subsection h4 {margin:0 0 .65rem}
.flow-field {display:flex;flex-direction:column;gap:.3rem;min-width:0;flex:1}
.flow-field input,.flow-field textarea,.flow-field select {width:100%;min-width:0}
.flow-gridrow {display:flex;gap:.65rem;align-items:flex-end;flex-wrap:wrap;margin:.65rem 0}
.flow-gridrow > button {margin-bottom:.15rem}
@media(max-width:640px){.flow-gridrow{flex-direction:column;align-items:stretch}.flow-node-header{flex-wrap:wrap}}
/* Scheduled flow editor: accessible, compact weekday chips on desktop and mobile. */
.flow-weekdays{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;border:1px solid #dce5f4;background:#f7f9ff;border-radius:12px;padding:.8rem .9rem;min-width:0;margin:.7rem 0}
.flow-weekdays legend{color:#465678;font-size:.85rem;font-weight:700;padding:0 .35rem}
.flow-weekday{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid #d9e2f5;background:#fff;border-radius:9px;min-height:36px;padding:.35rem .55rem;font-size:.84rem;font-weight:600;cursor:pointer}
.flow-weekday:has(input:checked){border-color:#4f63ef;background:#eaefff;color:#3045c2}
.flow-weekday input{width:15px;height:15px;accent-color:#4f63ef;margin:0}
@media(max-width:640px){.flow-weekdays{gap:.35rem;padding:.65rem}.flow-weekday{padding:.3rem .45rem}}


/* v3.3.81 public-facing authentication, distinct from the private workspace. */
body.guest-auth{min-height:100vh;background:radial-gradient(ellipse at 74% 19%,#e9edff 0,transparent 44%),#f8faff}
.guest-auth .app{display:block}
.guest-auth aside#site-nav{display:none!important}
.guest-auth main#main-content{max-width:920px;min-height:100vh;margin:0 auto;padding:28px 23px 70px;width:100%}
.guest-brand-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}
.guest-brand-link{display:inline-flex;align-items:center;gap:10px;color:#273d69;text-decoration:none;font-size:17px;letter-spacing:-.6px}
.guest-brand-link>span{display:grid;place-items:center;background:linear-gradient(140deg,#5978ff,#3f51d8);color:white;width:39px;height:39px;font-size:22px;border-radius:12px;box-shadow:0 10px 24px #5367e832}
.guest-brand-link b{color:#4b5ded}
.guest-home-link{font-size:12px;font-weight:800;text-decoration:none;color:#576bd9}
.guest-auth main#main-content>header{background:transparent;box-shadow:none;border:0;padding:0;margin:0 auto 25px;max-width:540px;backdrop-filter:none}
.guest-auth .header-heading .eyebrow{font-size:10px;color:#7a89a8}
.guest-auth .header-heading h1{font-size:24px}
.guest-auth .mobile-menu-toggle{display:none}
.guest-auth .header-create{display:none}
.guest-auth main#main-content>.alert{max-width:540px;margin:0 auto 18px}
.guest-auth main#main-content>section.panel.auth{max-width:540px;margin:0 auto;padding:37px 40px;border:1px solid #e4eafb;border-radius:23px;box-shadow:0 25px 75px #465eac18;background:#fff}
.guest-auth .auth h2{font-size:22px;letter-spacing:-.7px;margin-bottom:21px}
.guest-auth .auth label{font-size:12px;font-weight:800;color:#465872}
.guest-auth .auth input{height:46px;padding:11px 14px;border-radius:11px}
.guest-auth .auth button.primary{min-height:47px;background:#4c5ff0;box-shadow:0 9px 22px #5062df2b}
.guest-auth .auth button.primary:hover{background:#394bd8}
.guest-auth .auth p a{color:#4860e3;font-weight:700;font-size:12px}
.guest-auth .auth .panel{padding:17px;border-radius:13px;box-shadow:none;background:#f7f9ff}
@media(max-width:600px){.guest-auth main#main-content{padding:18px 15px 54px}.guest-brand-row{margin-bottom:40px}.guest-auth main#main-content>header{gap:13px}.guest-auth main#main-content>section.panel.auth{padding:27px 21px;border-radius:17px}.guest-home-link{font-size:11px}}
/* v3.3.85: opt-in recurring scheduler panel */
.flow-recurring-form { display:grid; gap:1rem; margin:1.1rem 0 1.5rem; }
.flow-recurring-form .form-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem; }
.flow-weekday-row { display:flex; flex-wrap:wrap; gap:.65rem 1rem; }
.flow-weekday-row label { display:inline-flex; align-items:center; gap:.35rem; font-size:.9rem; }
.flow-recurring-form textarea { width:100%; }
@media(max-width:640px){.flow-recurring-form .form-grid{grid-template-columns:1fr;}.flow-weekday-row{gap:.7rem;}}

/* v3.3.86: compact, responsive read-only operations diagnostics */
.operations-panel .section-heading{gap:12px;flex-wrap:wrap}
.ops-signal{font-size:12px;font-weight:750;border-radius:999px;padding:9px 13px;display:inline-block;white-space:nowrap}
.ops-healthy{background:#e7f8ee;color:#166534}.ops-warning{background:#fff7ed;color:#92400e;border:1px solid #fed7aa;border-radius:12px;padding:13px 15px}.ops-signal.ops-warning{border:0;border-radius:999px}.ops-critical{background:#fff1f2;color:#9f1239}
.ops-table{min-width:850px}.ops-table td,.ops-table th{padding:11px 10px}.ops-table td:first-child{min-width:180px}
@media(max-width:650px){.operations-panel .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-panel .admin-stat-grid strong{font-size:20px}}

/* v3.3.87 — channels: global `.panel form{width:100%}` must not crush card contents. */
.channels-layout,.channel-list-panel,.channel-cards{min-width:0}
.channel-card{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(146px,194px) 10px;gap:14px;align-items:center;min-width:0}
.channel-card .channel-avatar{width:48px;height:48px}
.channel-card .channel-body{min-width:0;flex:none;overflow-wrap:anywhere}
.channel-card .channel-body h3{line-height:1.35;overflow-wrap:anywhere;word-break:normal;font-weight:750}
.channel-card .channel-body p{overflow-wrap:anywhere;line-height:1.4}
.channel-card .channel-bot{max-width:100%;display:flex;flex-wrap:wrap;overflow-wrap:anywhere;line-height:1.45}
.channel-card > .channel-remove-form{width:100%;min-width:0;max-width:none;display:grid;gap:8px;margin:0}
.channel-card > .channel-remove-form input{min-width:0;width:100%;padding:10px 12px}
.channel-card > .channel-remove-form button{width:100%;padding:11px 9px}
.channel-card > .state-dot{justify-self:end;flex-shrink:0}
@media(max-width:1160px){.channel-card{grid-template-columns:48px minmax(0,1fr) 10px}
.channel-card > .channel-remove-form{grid-column:2/3;grid-row:2/3;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.channel-card > .state-dot{grid-column:3;grid-row:1}}
@media(max-width:520px){.channel-card{grid-template-columns:42px minmax(0,1fr) 10px;gap:10px;padding:13px}
.channel-card .channel-avatar{width:42px;height:42px}
.channel-card > .channel-remove-form{grid-column:1/-1;grid-row:auto;grid-template-columns:minmax(0,1fr) auto}
.channel-card > .channel-remove-form button{width:auto}}
@media(max-width:350px){.channel-card > .channel-remove-form{grid-template-columns:1fr}}
/* v3.3.87 — explicit scheduler health beside publication editor. */
.publishing-health{border-color:#dae6ff;background:linear-gradient(110deg,#fff,#f8faff)}
.publishing-health-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.publishing-health-heading h2{margin:0 0 5px}
.publishing-health-heading p{margin:0}
.publish-status{font-size:12px;font-weight:750;border-radius:100px;padding:7px 11px;white-space:normal}
.publish-status-healthy{background:#e1f7ed;color:#167a4b}
.publish-status-warning{background:#fff1d8;color:#865b10}
.publish-status-failed{background:#ffe5e7;color:#a42436}
.publishing-health-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px 20px;margin:15px 0;color:#596a81;font-size:13px}
.publishing-health-meta strong{color:#233457}
.publishing-health .publishing-alert{border-radius:11px;background:#fff4dd;border:1px solid #ffdf9d;padding:10px 12px;color:#79521c;max-width:none}
.publishing-health .linkbtn{margin-top:5px}
.scheduler-cron-command{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#19253b;color:#fff;padding:14px;border-radius:11px;font-size:12px;line-height:1.6;user-select:all}

/* v3.3.88: keep Telegram backoff information legible on all device widths. */
.post-retry-note{font-size:.86rem;color:#80550d;overflow-wrap:anywhere;margin:8px 0 4px}.post-retry-note time{font-weight:650}

/* v3.3.89 — readable and deliberately explicit review of uncertain Telegram sends. */
.post-card .post-review-warning{margin:14px 0 9px;padding:13px 15px;border-radius:12px;border:1px solid #f2c5a6;background:#fff8ef;color:#6e421c;overflow-wrap:anywhere}
.post-review-warning strong{display:block;margin-bottom:5px;font-size:13px}
.post-review-warning p{margin:0;font-size:12px;line-height:1.6;color:#805b3c}
.post-card .post-review-panel{min-width:0;border:1px solid #dbe6f6;border-radius:12px;margin-top:10px;padding:12px 14px;background:#f8faff}
.post-review-panel summary{font-weight:750;cursor:pointer;color:#3553ac;font-size:13px;list-style:revert}
.post-review-panel .post-review-form{width:100%;max-width:none;min-width:0;display:grid;gap:10px;margin-top:14px}
.post-review-form label{font-weight:650;font-size:12px;min-width:0;display:grid;gap:5px;overflow-wrap:anywhere;color:#405472}
.post-review-form input,.post-review-form select,.post-review-form textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.post-review-form textarea{min-height:84px;resize:vertical}
.post-review-form button{width:100%;min-height:42px}
@media(max-width:650px){.post-card .post-review-panel{padding:11px}.post-card .post-review-warning{padding:11px}}

/* 3.3.91: pending overdue is not a scheduled confirmation */
.post-card .status-pill.overdue{color:#92400e;background:#ffedcf}
.post-card .post-overdue-notice{border:1px solid #f3d19a;background:#fff8e9;color:#86500d;padding:13px 15px;border-radius:12px;margin:12px 0;font-size:13px;overflow-wrap:anywhere}
.post-card .post-overdue-notice strong{display:block;margin-bottom:5px}
.post-card .post-overdue-notice p{margin:0 0 6px;line-height:1.55;color:#704a1d}
.post-card .post-overdue-notice a{color:#245cca;text-decoration:underline;font-weight:700}
.publishing-refresh{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}
.publishing-refresh .linkbtn{width:auto;min-height:36px;padding:9px 12px;white-space:normal}
.publishing-refresh small{color:#637b99}
.scheduler-cron-command{display:block;white-space:pre-wrap;overflow-wrap:anywhere}

/* v3.3.92: unmistakable, accessible platform-wide test-mode alert */
.ts-test-mode-banner{margin:0 0 1rem;display:flex;align-items:center;flex-wrap:wrap;gap:.65rem 1rem;padding:1rem 1.2rem;background:#fff7df;border:1px solid #dca544;border-radius:14px;color:#6f4906;font-size:.92rem;line-height:1.45}
.ts-test-mode-banner strong{color:#6f4906}.ts-test-mode-banner a{margin-left:auto;font-weight:700;color:#7a4b00;text-decoration:underline}
.ts-test-mode-panel{background:#fffdf6;border:1px solid #e8c986;margin-bottom:1rem}.ts-test-mode-panel .pill{background:#fff0bd;color:#6f4906}
.ts-test-mode-form{display:flex;flex-wrap:wrap;align-items:end;gap:1rem}.ts-test-mode-form label{max-width:19rem;width:100%}.ts-test-mode-form button{min-height:44px}
@media(max-width:680px){.ts-test-mode-banner{display:block}.ts-test-mode-banner span{display:block;margin:.3rem 0}.ts-test-mode-banner a{display:inline-block;margin:.3rem 0 0}.ts-test-mode-form>*{width:100%}}

/* v3.3.94: read-only per-post diagnostics without collapsing long identifiers. */
.post-diagnosis{margin:12px 0 4px;border:1px solid var(--line,#dce3f3);border-radius:12px;padding:10px 14px;min-width:0}
.post-diagnosis summary{cursor:pointer;font-weight:650;overflow-wrap:anywhere}
.post-diagnosis dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:7px 14px;margin:12px 0}
.post-diagnosis dt{color:var(--muted,#65718a)}
.post-diagnosis dd{margin:0;overflow-wrap:anywhere;min-width:0}
.post-diagnosis code{font-size:.9em;white-space:normal;overflow-wrap:anywhere}
@media(max-width:570px){.post-diagnosis dl{grid-template-columns:1fr;gap:3px}.post-diagnosis dd{margin-bottom:6px}}

/* v3.3.96 — license/scheduler readiness on publication page */
.publishing-test-mode-note{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;border:1px solid var(--border,#dfe5ef);background:var(--surface,#f6f8ff);border-radius:12px;padding:13px 16px;margin:14px 0;overflow-wrap:anywhere}
.publishing-test-mode-note strong{font-size:.95rem}
.publishing-test-mode-note span{flex:1 1 270px;min-width:0;font-size:.9rem}
.publishing-test-mode-note a{white-space:normal;text-underline-offset:3px}
@media(max-width:600px){.publishing-test-mode-note{display:grid;gap:8px}.publishing-test-mode-note span{width:100%}}

/* v3.3.98: safe in-place editing of drafts and unattempted scheduled posts */
.post-card .post-edit-panel{margin:13px 0;border:1px solid #d9e5f5;border-radius:13px;padding:13px 14px;background:#f8faff;min-width:0}
.post-card .post-edit-panel summary{cursor:pointer;color:#245ac5;font-size:13px;font-weight:750}
.post-card .post-edit-form{max-width:none;width:100%;display:grid;gap:11px;margin:14px 0 0;min-width:0}
.post-edit-form label{display:grid;gap:5px;min-width:0;color:#3f526c;font-size:12px;font-weight:650}
.post-edit-form :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;max-width:100%}
.post-edit-form textarea{resize:vertical;min-height:100px}
.post-edit-form small{font-size:11px;color:#64748b}
.post-edit-form .muted{font-size:12px;line-height:1.5;margin:0;color:#657591}
.post-edit-buttons{display:flex;gap:9px;flex-wrap:wrap}
.post-edit-buttons button{flex:1 1 170px;min-height:41px;font-size:12px}
@media(max-width:650px){.post-card .post-edit-panel{padding:12px}.post-edit-buttons{flex-direction:column}.post-edit-buttons button{width:100%}}

/* v3.3.105: saved-draft preview; responsive, read-only output. */
.flow-preview-form{max-width:710px}.flow-preview-results{border-top:1px solid #dce4ef;margin-top:22px;padding-top:12px}.flow-preview-message{background:#f7faff;border:1px solid #e0e9f7;border-radius:12px;padding:14px 16px;margin:10px 0;overflow-wrap:anywhere}.flow-preview-message .flow-preview-text{white-space:normal;color:#21344b}.flow-preview-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.flow-preview-buttons span{border-radius:8px;border:1px solid #c4d5ed;background:#fff;padding:7px 11px;font-size:12px;color:#24508a}.flow-preview-message small{color:#64748b}.flow-preview-results code{display:inline-block;background:#eff5fc;border-radius:5px;padding:3px 5px;margin:3px}

/* v3.3.106: read-only multi-turn conversation preview */
.flow-conversation-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;padding:12px 15px;background:#f3f7ff;border:1px solid #dae6ff;border-radius:12px;margin:12px 0;color:#243c62;font-size:13px}
.flow-conversation-form{max-width:720px}.flow-conversation-form .page-actions{margin:0}.flow-conversation-reset{margin:12px 0}.flow-conversation-history{display:grid;gap:12px;min-width:0}.flow-conversation-turn{background:#f8faff;border:1px solid #e3eafa;border-radius:13px;padding:14px;overflow-wrap:anywhere}.flow-conversation-turn>p{margin:0 0 12px}.flow-conversation-turn code{white-space:pre-wrap;overflow-wrap:anywhere}.flow-conversation-output{border-left:3px solid #93b5f9;padding:8px 12px;margin:10px 0;background:white;border-radius:8px}.flow-conversation-output p{margin:0 0 8px;white-space:normal}.flow-conversation-output small,.flow-conversation-turn small{color:#64758f}.flow-conversation-output .flow-preview-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
@media(max-width:620px){.flow-conversation-status{display:grid;gap:4px}.flow-conversation-turn{padding:11px}.flow-conversation-output{padding:8px}}

/* v3.3.107: read-only saved flow graph audit */
.flow-audit-stats{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0 14px}
.flow-audit-stats span{border:1px solid #dce5f2;background:#f7faff;border-radius:10px;padding:9px 13px;color:#3b526e;font-size:13px}
.flow-audit-stats strong{font-size:17px;color:#193c68;margin-right:4px}
.flow-audit-ok{padding:13px;border:1px solid #dae8e0;background:#f5faf7;color:#285a41;border-radius:10px}
.flow-audit-details{border:1px solid #e9d8b5;background:#fffcf6;border-radius:12px;padding:13px 16px;overflow-wrap:anywhere}
.flow-audit-details summary{cursor:pointer;font-weight:700;color:#80551a}
.flow-audit-list{margin:12px 0 0;padding-left:23px;display:grid;gap:8px;color:#3b526e;font-size:13px}
.flow-audit-list code{background:#f5eedf;border-radius:4px;padding:2px 5px;overflow-wrap:anywhere;white-space:normal}
@media(max-width:620px){.flow-audit-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.flow-audit-stats span{padding:8px 10px}.flow-audit-details{padding:11px}}


/* v3.3.108: saved-draft navigation map; text is escaped in PHP. */
.flow-map-legend{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}
.flow-map-legend span{border:1px solid #dce5f2;background:#f7faff;border-radius:30px;padding:6px 12px;color:#374e6c;font-size:12px}
.flow-map-legend .flow-map-legend-start{border-color:#95bcf8;background:#e9f2ff}
.flow-map-legend .flow-map-legend-end{border-color:#c6d8ce;background:#f3faf5}
.flow-map-legend .flow-map-legend-orphan{border-color:#edc89e;background:#fff8ef}
.flow-map-content{display:grid;gap:14px;min-width:0}
.flow-map-layer{background:#f8fafe;border:1px solid #e1e9f6;padding:13px;border-radius:14px;min-width:0}
.flow-map-layer h4{margin:0 0 11px;color:#365779;font-size:13px}
.flow-map-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr));gap:11px;align-items:start}
.flow-map-node{min-width:0;border:1px solid #d5e2f0;background:#fff;border-radius:12px;padding:13px 14px;scroll-margin-top:80px;overflow-wrap:anywhere}
.flow-map-node header{display:flex;flex-wrap:wrap;align-items:center;gap:5px 13px;justify-content:space-between}
.flow-map-node header a{color:#2256a2;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.flow-map-node p{margin:11px 0;font-size:13px;line-height:1.5;color:#354b64}
.flow-map-node>small{color:#65738a}
.flow-map-node-start{border-color:#77a8eb;box-shadow:inset 3px 0 #4784d8}
.flow-map-node-terminal{background:#f8fbf9}
.flow-map-orphans{background:#fff9f2;border-color:#edceab}
.flow-map-node-orphan{border-color:#e2b888}
.flow-map-edges{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:7px}
.flow-map-edges li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;justify-content:space-between;border-top:1px solid #edf0f5;padding-top:7px;font-size:12px}
.flow-map-edges li span{color:#51677f;flex:1 1 130px;min-width:0}
.flow-map-edges a{color:#2256a2;font-weight:650;text-decoration:underline;text-underline-offset:3px;white-space:normal;overflow-wrap:anywhere}
.flow-map-node:target,.flow-node:target{outline:3px solid #568adb;outline-offset:2px}
.flow-node{scroll-margin-top:80px}
@media(max-width:620px){.flow-map-layer{padding:10px}.flow-map-cards{grid-template-columns:1fr}.flow-map-node{padding:11px 12px}.flow-map-edges li{align-items:flex-start}}

/* v3.3.109: owner-scoped, preview-before-confirm JSON transfer */
.flow-transfer-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}
.flow-transfer-upload,.flow-transfer-confirm{display:flex;flex-wrap:wrap;align-items:end;gap:12px;min-width:0}
.flow-transfer-upload label,.flow-transfer-confirm label{min-width:min(100%,280px);flex:1}
.flow-transfer-preview{margin-top:20px;padding:16px;border-radius:12px;border:1px solid #b7d3e8;background:#f5faff;min-width:0}
.flow-transfer-preview h4{margin-top:0}
.flow-transfer-preview ol{max-height:260px;overflow-y:auto;padding-left:24px;overflow-wrap:anywhere}
.flow-transfer-preview details{margin-bottom:15px}
@media(max-width:620px){.flow-transfer-actions,.flow-transfer-upload,.flow-transfer-confirm{flex-direction:column;align-items:stretch}.flow-transfer-upload label,.flow-transfer-confirm label{width:100%}.flow-transfer-preview{padding:12px}}

/* v3.3.110: non-destructive import diff, compact on mobile */
.flow-transfer-diff{background:#fff;border:1px solid #dce7f0;border-radius:12px;padding:15px;margin:14px 0;overflow-wrap:anywhere}
.flow-transfer-diff h4{margin:0 0 12px}
.flow-transfer-diff-stats{display:flex;flex-wrap:wrap;gap:9px 18px;margin-bottom:12px}
.flow-transfer-diff-stats span{background:#edf4fb;border-radius:8px;padding:6px 9px;font-size:13px}
.flow-transfer-diff ul{margin:5px 0 13px;padding-left:22px}
.flow-transfer-diff li{margin:5px 0}
.flow-transfer-diff-warning{border-left:3px solid #d59243;background:#fff6e8;border-radius:5px;padding:9px 11px;margin:10px 0}
.flow-transfer-diff-added{border-left:3px solid #3e966b;padding-left:10px;margin:12px 0}
.flow-transfer-diff-text{display:grid;gap:4px;margin:5px 0;font-size:12px;color:#54677f}
.flow-transfer-diff-text span{display:block;max-width:100%;overflow-wrap:anywhere}
@media(max-width:620px){.flow-transfer-diff{padding:10px}.flow-transfer-diff-stats{gap:6px}.flow-transfer-diff-stats span{font-size:12px}}

/* v3.3.111: destructive-import undo, session-scoped and keyboard-accessible. */
.flow-transfer-undo{border:1px solid #a6d5bd;background:#f2fcf5;border-radius:12px;padding:16px;margin:12px 0 18px;overflow-wrap:anywhere}
.flow-transfer-undo h4{margin:0 0 8px}
.flow-transfer-undo p{margin:7px 0 11px}
.flow-transfer-undo form{max-width:560px}
@media(max-width:620px){.flow-transfer-undo{padding:12px}.flow-transfer-undo form{width:100%}}

/* v3.3.112: owner-scoped restore-from-published preview. */
.flow-restore-preview{margin-top:1rem;padding:1rem;border:1px solid var(--border,#d8dee8);border-radius:12px;background:var(--surface,#fff)}
.flow-restore-preview details{margin:.75rem 0}
.flow-restore-preview ul{margin:.6rem 0;padding-left:1.5rem;overflow-wrap:anywhere}
.flow-restore-preview form{max-width:100%}
@media(max-width:620px){.flow-restore-preview{padding:.8rem}.flow-restore-preview .flow-transfer-actions{flex-direction:column;align-items:stretch}}

/* v3.3.113: named flow backups, mobile-safe compare/delete controls. */
.flow-snapshot-actions { display:flex; flex-wrap:wrap; gap:.65rem; align-items:end; }
.flow-snapshot-actions .compact-form { display:flex; flex-wrap:wrap; align-items:end; gap:.5rem; }
.flow-snapshot-actions label { min-width:115px; max-width:200px; font-size:.84rem; }
.flow-snapshot-preview { border:1px solid var(--border,#d8e0e8); border-radius:14px; padding:1rem; margin-top:1rem; }
.flow-snapshot-create { margin-bottom:1rem; display:flex; flex-wrap:wrap; align-items:end; gap:.7rem; }
.flow-snapshot-create label { flex:1; min-width:200px; }
@media(max-width:700px) { .flow-snapshot-actions, .flow-snapshot-actions .compact-form { width:100%; align-items:stretch; } .flow-snapshot-actions label { min-width:0; max-width:none; flex:1; } }
/* Two-level support: tenant conversations with platform administrators. */
.platform-chat-log{height:min(54vh,520px);min-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:15px;background:var(--surface-2,#f3f6fa);border-radius:15px;margin:16px 0}
.platform-chat-bubble{align-self:flex-start;max-width:min(88%,700px);background:var(--surface,#fff);border:1px solid var(--border,#dce2ea);border-radius:14px;padding:12px 15px;overflow-wrap:anywhere}
.platform-chat-bubble.platform{align-self:flex-end;background:#e3f3ee}
.platform-chat-bubble strong{display:block;font-size:.88rem}.platform-chat-bubble span{font-size:.76rem}.platform-chat-bubble p{white-space:pre-wrap;margin:8px 0 0;line-height:1.5}
@media(max-width:680px){.platform-chat-bubble{max-width:95%}.platform-chat-log{padding:10px;min-height:210px}}

/* v3.3.123 — product publishing guidance in bot setup wizard */
.wizard-publication-tip{margin:1rem 0;padding:1rem 1.15rem;border:1px solid #cbd7fd;border-radius:14px;background:#f0f4ff;color:#263e72}
.wizard-products{margin-top:1.15rem;display:grid;gap:.65rem}
.wizard-products h3{margin:0 0 .3rem}
.wizard-product-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid #dde5f2;border-radius:14px;background:#fafcff}
.wizard-product-label{min-width:0;flex:1}.wizard-product-label strong{display:block;overflow-wrap:anywhere}.wizard-product-label small{display:block;color:#556b8a;margin-top:.2rem}.wizard-product-label p{margin:.45rem 0 0}
.wizard-product-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.wizard-product-actions form{margin:0}
@media(max-width:600px){.wizard-product-line{align-items:flex-start;flex-direction:column}.wizard-product-actions{width:100%;justify-content:flex-start}.wizard-product-actions .linkbtn,.wizard-product-actions button{min-height:42px}}
/* v3.3.124: dedicated product navigation and bot setup */
.studio-kind-steps{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}
.studio-kind-step{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface,#fff);border:1px solid #d8e1ed;border-radius:12px;color:inherit;text-decoration:none;font-size:.91rem}
.studio-kind-step b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:7px;background:#ecf1fb}
.studio-kind-step.current{border-color:#3886e0;background:#eff7ff;font-weight:700}
.studio-kind-create{max-width:660px}
@media(max-width:650px){.studio-kind-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.studio-kind-step{font-size:.86rem}}

/* POST v3.3.129 quick schedule controls; standalone and legacy editor. */
.post-schedule-presets{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:2px}
.post-schedule-presets button{width:auto!important;flex:0 0 auto;min-height:38px;padding:8px 13px;font-size:12px}
.post-schedule-note{color:#687f9a;font-size:11px;font-weight:500;line-height:1.45}