/* پوستهٔ تمیز استودیو (S8) — U1 نوار ابزار یک‌ردیفه + نوار وضعیت + منوی عمومی
   فقط توکن‌های موجود index.html (بی رنگ تازه). قانون جهت: منوی دستگاه/ورودی و مسیرها LTR؛ #cv-range LTR. */

/* ---------- نوار ابزار: همیشه یک ردیف؛ کم‌جا ⇒ برچسب‌ها می‌روند، بعد اسکرول افقی (نه wrap) ---------- */
/* نکته: <style> درون index.html بعد از این فایل می‌آید ⇒ قاعده‌های هم‌وزن آن برنده‌اند؛ پس این‌جا با .canvas-stage > وزن بیشتر */
.canvas-stage > .canvas-toolbar{
  flex-wrap:nowrap;gap:0;padding:5px 10px;height:44px;min-height:44px;overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;container:cvbar / inline-size;
}
.canvas-toolbar::-webkit-scrollbar{display:none}
.canvas-toolbar > *{flex-shrink:0}
/* فاصلهٔ ۸px (اسپک) با margin، نه gap — تا container query بتواند در ستون باریک کمش کند */
.canvas-toolbar > * + *{margin-inline-start:8px}
.canvas-stage > .canvas-toolbar .spacer{flex:1 1 0;min-width:4px}
.canvas-toolbar .iconbtn{width:32px;height:32px;padding:0}
.cv-tbtn{
  display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;cursor:pointer;white-space:nowrap;
  font-family:inherit;font-size:.74rem;font-weight:600;color:var(--muted);background:transparent;
  border:1px solid var(--border);border-radius:9px;transition:color .15s,background .15s,border-color .15s;
}
.cv-tbtn:hover:not(:disabled){color:var(--txt);background:var(--surface-2);border-color:var(--border-strong)}
.cv-tbtn:disabled{opacity:.55;cursor:default}
.cv-tbtn[aria-expanded="true"]{color:var(--txt);border-color:var(--accent)}
.cv-tbtn .ic:last-child{opacity:.7}

/* گروه نماها (segmented): پس‌زمینهٔ surface-2، فعال = accent */
.canvas-toolbar .cv-views{height:32px;padding:2px;gap:2px;background:var(--surface-2);border-radius:9px;direction:rtl}
.canvas-toolbar .cv-seg{height:26px;padding:0 9px;border-radius:7px}
.canvas-toolbar .cv-seg.on{color:#fff;background:var(--accent)}

/* ورودی: mono، LTR، کوتاه با … */
#cv-entry{direction:ltr;font-family:var(--font-mono);font-weight:500;max-width:15em}
#cv-entry .cv-entry-t{overflow:hidden;text-overflow:ellipsis;min-width:0;unicode-bidi:isolate}
#cv-entry:disabled .cv-entry-t{font-family:var(--font)}
.cv-count{font-size:.68rem;color:var(--faint);white-space:nowrap}
#cv-zip{padding:0 9px}

@container cvbar (max-width:900px){
  .canvas-toolbar .cv-seg span,#cv-device .cv-tl-l,#cv-zip span{display:none}
  .canvas-toolbar .cv-seg{padding:0 7px}
}
@container cvbar (max-width:620px){
  .canvas-toolbar > * + *{margin-inline-start:4px}
  .canvas-toolbar .cv-seg{padding:0 5px}
  .cv-tbtn,#cv-zip{padding:0 7px}
}
/* زیر ۴۴۰px (موبایل/سایدبار پهن): شمار فایل می‌رود و ورودی کوتاه می‌شود؛ باقی با اسکرول افقی نوار (نه wrap) */
@container cvbar (max-width:440px){ .cv-count{display:none} #cv-entry{max-width:8.5em} }

/* جای خالی بوم داخل بدنهٔ LTR است ⇒ متن فارسی‌اش RTL بماند (پیش از S8 حروف/پرانتز جابه‌جا می‌شد) */
.cv-body .canvas-ph{direction:rtl}

/* ---------- نوار وضعیت: هر پیام یک ردیف، حداکثر ۲ ردیف، ارتفاع ۰ وقتی خالی ---------- */
.cv-status{display:flex;flex-direction:column;flex-shrink:0;border-bottom:1px solid var(--border);background:rgba(255,255,255,.02)}
.cv-status[data-empty],.cv-status > [data-off]{display:none !important}
.cv-srow{display:flex;align-items:center;gap:8px;padding:4px 12px;min-height:32px;font-size:.72rem}
.cv-srow + .cv-srow{border-top:1px solid var(--border)}
.cv-status .cv-sug{
  border:0;border-radius:0;padding:4px 12px;direction:rtl;color:#FDE68A;background:rgba(251,191,36,.08);
}
.cv-status .cv-sug .cv-sug-t{flex:1;min-width:0}
.cv-status .cv-sug-ic{color:var(--amber);display:grid;place-items:center}
.cv-status .st-pybar{border-bottom:0}

/* ---------- بدنه: نمای کد (+ «کنار پیش‌نمایش») و نمای تنظیمات ---------- */
.canvas-stage[data-view="code"][data-split="1"] .cv-code-pane{flex:0 0 var(--cv-split,50%)}
.canvas-stage[data-view="code"][data-split="1"] .cv-prev-pane{display:flex}
.canvas-stage[data-view="code"][data-split="1"] .cv-divider{display:block}
.cv-codebar{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--border);padding-inline-end:8px;direction:rtl}
.cv-codebar .cv-codehead{flex:1;min-width:0;border-bottom:0}
.cv-split-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;font-size:.7rem}
.cv-split-btn[aria-pressed="true"]{color:#fff;background:var(--accent);border-color:var(--accent)}
.cv-set-pane{display:none;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:10px;direction:rtl;color:var(--faint);background:var(--bg)}
.cv-set-pane .empty-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--accent)}
.cv-set-pane p{margin:0;font-size:.85rem}
.canvas-stage[data-view="settings"] .cv-set-pane{display:flex}

/* حالت تمرکز (S0): دک چت روی لبهٔ چپ بوم شناور است ⇒ نوار وضعیت هم زیرش نرود */
@media (min-width:901px){
  .chat-layout.st-focus:not(.st-deck-off) .cv-status{padding-inline-end:332px}
}

/* ---------- منوی عمومی (ui/menu.js) ---------- */
.ui-menu{
  position:fixed;z-index:95;min-width:200px;max-width:min(320px,calc(100vw - 16px));max-height:min(420px,calc(100dvh - 16px));overflow-y:auto;
  padding:5px;background:var(--bg);border:1px solid var(--border-strong);border-radius:12px;
  box-shadow:0 18px 48px -12px rgba(0,0,0,.8);font-family:var(--font);
}
.ui-menu-it{
  display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:0;border-radius:8px;cursor:pointer;
  font-family:inherit;font-size:.78rem;color:var(--txt);background:transparent;text-align:start;
}
.ui-menu-it:hover:not(:disabled),.ui-menu-it:focus-visible{background:var(--surface-2);box-shadow:none}
.ui-menu-it:disabled{color:var(--faint);cursor:default}
.ui-menu-it.mono .ui-menu-l{font-family:var(--font-mono);font-size:.74rem;unicode-bidi:isolate}
.ui-menu-ic{display:grid;place-items:center;width:16px;color:var(--muted)}
.ui-menu-l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-menu-h{font-size:.68rem;color:var(--faint)}
.ui-menu-tick{display:grid;place-items:center;width:16px;color:var(--accent)}
.ui-menu-sep{height:1px;margin:4px 6px;background:var(--border)}