/* ═══════════════════════════════════════════════════════════════════════
   مأموریت ۵۱ — پرده ۴ — یکدست‌سازیِ ظاهری — منبعِ مرکزیِ رنگ
   ───────────────────────────────────────────────────────────────────────
   این فایل آخر از همه بار می‌شود، پس :root اینجا بر panel.css و vitrin.css
   می‌چربد. تنها کاری که (فعلاً، مرحلهٔ ۱) می‌کند: حذفِ «فورکِ رنگِ مسی».

   توکن‌های --copper-* در vitrin.css مسی بودند (#D97A1A و…)، برای همین
   داشبورد/آنلاین/بازاریابی/گفتگو و… مسی رندر می‌شدند در حالی که بقیهٔ پنل
   آبی (--accent) بود. اینجا همان توکن‌ها به آبیِ رسمیِ سیستم طراحی ۳۴
   نگاشت می‌شوند، پس همه‌جا از یک پالتِ واحد می‌خواند — بدونِ دست‌زدن به
   نشانگرهای معناییِ هشدار (کهربایی #b45309) که رنگِ برند نیستند.

   کلیدِ بازگشتِ ظاهری: فایلِ storage/style-legacy — اگر باشد، این لینک اصلاً
   در panel.blade بار نمی‌شود و پنل به پوستهٔ مسیِ قدیمی برمی‌گردد.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  --copper-600: #1d4ed8;  /* بود #B96410  → آبیِ تیره (blue-700) */
  --copper-500: #2563eb;  /* بود #D97A1A  → آبیِ رسمی، همان --accent (blue-600) */
  --copper-400: #3b82f6;  /* بود #E8963C/#E9A24B → آبیِ روشن (blue-500) */
  --copper-100: #dbeafe;  /* بود #FBEEDD/#F4EBDD → آبیِ خیلی‌روشن، همان --accent-soft */
  --soft:       #f8fafc;  /* توکنِ یتیمِ --soft → خاکستریِ خیلی‌روشنِ رسمی */
}

/* ═══════════════════════════════════════════════════════════════════════
   مرحلهٔ ۲ — کامپوننت‌های مشترکِ یکدست (طراحی ۳۴). فقط پوسته؛ رفتار دست‌نخورده.
   این‌ها آخر بار می‌شوند پس بر panel.css و vitrin.css و استایل‌های محلی می‌چربند
   (فورک‌های .flash / .btn / .modal را یکدست می‌کنند). کلید storage/style-legacy
   خاموش‌شان می‌کند (این فایل اصلاً بار نمی‌شود ⇒ پوستهٔ قدیمی برمی‌گردد).
   ═══════════════════════════════════════════════════════════════════════ */

/* ── ۱) TOAST / FLASH واحد ── */
/* فلشِ درون‌صفحه: پیش‌فرض موفقیت + واریانت‌های خطا/هشدار/اطلاع (یک منبع، رنگِ معنایی) */
.flash{background:var(--ok-soft,#dcfce7);border:1px solid #bbf7d0;color:var(--ok,#15803d);border-radius:12px;padding:12px 16px;font-size:.9rem;font-weight:600;margin-bottom:16px;}
.flash.err,.flash.error,.flash.danger{background:var(--danger-soft,#fee2e2);border-color:#fecaca;color:var(--danger,#b91c1c);}
.flash.warn,.flash.warning{background:var(--warn-soft,#fffbeb);border-color:var(--warn-line,#fde68a);color:var(--warn-ink,#92400e);}
.flash.info{background:var(--accent-soft,#dbeafe);border-color:#bfdbfe;color:#1d4ed8;}
/* توستِ شناور: همهٔ واریانت‌ها یک پیلِ تیرهٔ واحد (m-toast/toast/bc-toast/ptabs-toast) */
.m-toast,.toast,.bc-toast,.ptabs-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink,#0f172a);color:#fff;padding:10px 18px;border-radius:12px;font-size:.88rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;z-index:200;box-shadow:0 10px 30px rgba(15,23,42,.28);border:0;}
.m-toast.show,.toast.show,.bc-toast.show,.ptabs-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
/* mgr-flash درون‌صفحه است (نه شناور) → فلشِ کوچکِ واحد */
.mgr-flash{position:static;transform:none;background:var(--ok-soft,#dcfce7);border:1px solid #bbf7d0;color:var(--ok,#15803d);box-shadow:none;opacity:1;pointer-events:auto;margin:8px 12px 0;padding:8px 14px;border-radius:10px;font-size:.85rem;font-weight:600;}
.mgr-flash.err{background:var(--danger-soft,#fee2e2);border-color:#fecaca;color:var(--danger,#b91c1c);}
/* پیامِ دکمهٔ تازه‌سازی → هم‌خانوادهٔ فلش */
.refresh-msg{background:var(--accent-soft,#dbeafe);border:1px solid #bfdbfe;color:#1d4ed8;border-radius:10px;font-weight:600;}
.refresh-msg.ok{background:var(--ok-soft,#dcfce7);border-color:#bbf7d0;color:var(--ok,#15803d);}
.refresh-msg.warn{background:var(--warn-soft,#fffbeb);border-color:var(--warn-line,#fde68a);color:var(--warn-ink,#92400e);}

/* ── ۲) BUTTON واحد ── (فورکِ panel vs vitrin + سایهٔ مسیِ به‌جامانده حل می‌شود) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:9px 16px;font:inherit;font-size:.88rem;font-weight:700;line-height:1.2;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,filter .15s,box-shadow .15s,border-color .15s;box-shadow:none;}
.btn:hover{filter:brightness(1.03);transform:none;box-shadow:none;}
.btn:active{transform:translateY(0);}
.btn:disabled{opacity:.45;cursor:not-allowed;filter:none;}
.btn.blue,.btn-primary{background:var(--accent,#2563eb);color:#fff;}
.btn.blue:hover,.btn-primary:hover{background:#1d4ed8;filter:none;}
.btn.gray,.btn-secondary,.btn-cancel{background:#fff;color:#334155;border-color:#cbd5e1;}
.btn.gray:hover,.btn-secondary:hover,.btn-cancel:hover{background:var(--bg,#f1f5f9);}
.btn.red,.btn-danger{background:var(--danger,#b91c1c);color:#fff;}
.btn.red:hover,.btn-danger:hover{background:#991b1b;filter:none;}
.btn.green{background:var(--ok,#15803d);color:#fff;}
.btn.green:hover{background:#166534;filter:none;}
.btn.sm{padding:7px 13px;font-size:.8rem;border-radius:8px;}
.btn.xl{padding:14px 22px;font-size:1rem;}
.btn.call{background:#0891b2;color:#fff;} /* دکمهٔ تماسِ وصول — رنگِ معناییِ خودش می‌ماند */

/* ── ۳) MODAL / DIALOG واحد ── (پس‌زمینه + جعبه، یک ظاهر) */
.mk-modal,.as-modal{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:200;display:flex;align-items:center;justify-content:center;padding:14px;}
.mk-modal-box,.as-modal-card,.modal-card,.log-modal,dialog.log-modal{background:#fff;border:0;border-radius:16px;padding:20px;width:min(460px,92vw);max-width:min(460px,92vw);max-height:88vh;overflow:auto;box-shadow:0 24px 70px rgba(15,23,42,.28);font-family:inherit;}
dialog.log-modal::backdrop,.cdlg::backdrop{background:rgba(15,23,42,.45);}

/* ── ۴) دیالوگِ تأییدِ حذف/اقدامِ واحد (جایگزینِ confirm() مرورگر، فقط ظاهر) ── */
.cdlg{border:0;border-radius:16px;padding:0;width:min(400px,92vw);box-shadow:0 24px 70px rgba(15,23,42,.3);color:var(--ink,#0f172a);}
.cdlg-body{padding:20px 20px 6px;font-size:.95rem;line-height:1.75;white-space:pre-line;}
.cdlg-actions{display:flex;gap:8px;justify-content:flex-start;padding:14px 20px 18px;}

/* ── ۵) کلاس‌های کمکیِ مرکزی (استایل‌های محلیِ تکراری) ── */
.row-between{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.muted-sm{font-size:.8rem;color:var(--muted,#64748b);}