/* =====================================================================
   legacy.css — لایه سازگاری مرورگرهای قدیمی (بدون color-mix: کروم/اج ≤110)
   ---------------------------------------------------------------------
   مشکل: color-mix در مرورگر قدیمی نامعتبر است و کل declaration حاوی آن
   نادیده گرفته می‌شود؛ مثلاً گرادیان سایدبار می‌افتاد و سایدبار سفید
   می‌شد. این فایل فقط وقتی اعمال می‌شود که مرورگر color-mix را نشناسد
   (@supports not) و برای هر مورد یک fallback ساده و خوانا می‌گذارد.
   در مرورگرهای جدید هیچ قانونی از این فایل اجرا نمی‌شود.
   ===================================================================== */
@supports not (background: color-mix(in srgb, red 50%, blue)) {

  :root{
    --shadow-primary-sm: 0 2px 8px -2px rgba(0,0,0,.20);
    --shadow-primary-md: 0 8px 20px -6px rgba(0,0,0,.24);
    --gradient-sidebar: var(--color-sidebar);
  }

  /* سایدبار: تک‌رنگ تم به‌جای گرادیان */
  .glass-sidebar, .sidebar{
    background: var(--color-sidebar);
  }

  /* دکمه اصلی: سایه تک‌رنگ */
  .btn-primary, .btn-glass{
    box-shadow: 0 4px 14px -2px var(--color-primary), inset 0 1px 0 rgba(255,255,255,.18);
  }
  .btn-primary:hover, .btn-glass:hover{
    box-shadow: 0 6px 18px -2px var(--color-primary), inset 0 1px 0 rgba(255,255,255,.25);
  }

  /* اعلان‌ها و help-box: حاشیه تک‌رنگ */
  .alert-success{ border-color: var(--success-500); }
  .alert-error, .alert-danger{ border-color: var(--danger-500); }
  .alert-info{ border-color: var(--info-500); }
  .alert-warning{ border-color: var(--warning-500); }
  .help-box{ border: 1px solid var(--info-500); }
  .help-box.warn{ border-color: var(--warning-500); }

  /* ردیف‌های پرچم‌دار جدول: پاستیلی تک‌رنگ */
  .table-row-flag-warn{ background: var(--warning-50); }
  .table-row-flag-danger{ background: var(--danger-50); }

  /* ابزارها: سفید به‌جای ته‌مایه */
  .tools-tabs .tab-btn.active{
    box-shadow: 0 0 0 2px var(--color-primary);
    background: #fff;
  }
  .dropzone:hover, .dropzone.drag{ background: #fff; }

  /* نوار فیلتر شیشه‌ای: سطح مات */
  .filter-bar{ background: var(--surface); }

  /* کاشی‌های آماری: قاب تک‌رنگ + ته خنثی تا آیکون دیده شود */
  .stat-card .tile-ico{
    box-shadow: inset 0 0 0 1px var(--stat-color, var(--color-primary));
  }
  .stat-card .tile-ico, .tile-ico{
    background: var(--surface-muted, #f1f5f9);
  }

  /* خط زمانی */
  .tl-node.is-active .tl-dot{
    box-shadow: 0 0 0 4px var(--tl-color, var(--color-primary));
  }

  /* حالت تیره: تک‌رنگ */
  html.dark-mode .btn-primary{ background: var(--color-button); }
  html.dark-mode .badge-primary{ background: var(--color-primary); }

  /* پیشوند قدیمی بلور برای بک‌دراپ‌ها */
  .sidebar-backdrop, .modal-backdrop{
    -webkit-backdrop-filter: blur(3px);
  }

}