/* Support Cockpit — سیستم طراحی */
/* هویت: سرمه‌ای عمیق + ایندیگو تعاملی؛ سطوح آرام، کنتراست بالا، جزئیات کم‌صدا */

body {
  font-family: Vazirmatn, Tahoma, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* اعداد و زمان‌ها: هم‌عرض برای خوانایی ستونی */
code, .tnum, td, .text-xs {
  font-variant-numeric: tabular-nums;
}

/* گذارهای ملایم روی تعاملی‌ها */
a, button, input, select, textarea {
  transition: color .15s ease, background-color .15s ease,
              border-color .15s ease, box-shadow .15s ease;
}

/* حلقهٔ فوکوس کیبورد — یکدست در همه‌جا */
:focus-visible {
  outline: 2px solid #6366f1;
  outline-offset: 2px;
  border-radius: 8px;
}
input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: none;
  border-color: #6366f1 !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .18);
}

/* فیلدهای فرم — همیشه قابل تشخیص از پسزمینه کارت سفید (بازخورد کاربر ×۲) */
/* !important لازم است چون کلاسهای Tailwind (مثل border-slate-200) روی سلکتور ساده میبرند */
input:not([type='checkbox']):not([type='radio']):not([type='file']):not([type='range']):not([type='submit']):not([type='button']):not([type='reset']),
select,
textarea {
  background-color: #f1f5f9 !important;
  border: 1px solid #94a3b8 !important;
  border-radius: .5rem !important;
  color: #0f172a !important;
}
input:hover:not([type='checkbox']):not([type='radio']):not([type='file']),
select:hover,
textarea:hover {
  border-color: #64748b !important;
}

/* کلیدها در پنل/متن */
kbd {
  font-family: inherit;
  font-size: .6875rem;
  padding: .08rem .38rem;
  border: 1px solid #e2e8f0;
  border-bottom-width: 2px;
  border-radius: .375rem;
  background: #f8fafc;
  color: #334155;
}
kbd.kbd-dark {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .15);
  color: #e2e8f0;
}

/* ناوبری */
.nav-link {
  padding: .35rem .7rem;
  border-radius: .5rem;
  font-size: .875rem;
  color: #cbd5e1;
}
.nav-link:hover { color: #fff; background: rgba(255, 255, 255, .08); }
.nav-active { color: #fff !important; background: rgba(99, 102, 241, .3); }
/* زیرمنوی تنظیمات (details/summary) — حذف نشان پیشفرض */
summary.nav-link::-webkit-details-marker { display: none; }
summary.nav-link { list-style: none; }

/* اسکرول‌بار آرام */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; border: 2px solid #f1f5f9; }
::-webkit-scrollbar-track { background: transparent; }

::selection { background: #c7d2fe; }

/* SPEC8 — چیپهای تقویم: بلوک مطلق تناسبی + دستگیرهٔ تغییر مدت */
.ev-block { min-height: 14px; line-height: 1.15; }
.ev-resize { position: absolute; bottom: 0; inset-inline: 0; height: 8px; cursor: ns-resize; touch-action: none; }
.ev-resize:hover { background: rgba(255, 255, 255, .35); }
.ev-grid { touch-action: none; }