/* ==========================================================
   theme-refresh.css  —  بروزرسانی ظاهر «سامانهٔ واسط مالیاتی»
   فقط ظاهر را تغییر می‌دهد (رنگ‌ها و تم‌های موجود سر جایشان می‌مانند).
   برای برگرداندن: فایل uninstall را اجرا کنید یا این فایل را خالی کنید.
   ========================================================== */

/* ---------- گردی و سایه‌ها ---------- */
html:root, html:root body {
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 18px;
  --ease: cubic-bezier(.22, .7, .2, 1);
}
html[data-theme="light"]:root body {
  --sh-1: 0 1px 2px rgba(16, 29, 35, .05), 0 1px 1px rgba(16, 29, 35, .03);
  --sh-2: 0 2px 4px rgba(16, 29, 35, .04), 0 16px 34px -16px rgba(16, 29, 35, .22);
}

/* ---------- پس‌زمینهٔ صفحه: گرادیان ملایم به‌جای خط‌کشی ---------- */
html body {
  background-image:
    radial-gradient(1100px 420px at 88% -8%, var(--tint), transparent 62%),
    radial-gradient(800px 360px at 4% 0%, color-mix(in srgb, var(--ochre) 7%, transparent), transparent 60%);
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* ---------- نوار بالا ---------- */
html body .top {
  background: var(--topbg);
  -webkit-backdrop-filter: saturate(1.5) blur(14px);
  backdrop-filter: saturate(1.5) blur(14px);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 8px 24px -20px rgba(16, 29, 35, .35);
}
html body .top__seal { border-radius: 10px; }
html body .top__name { font-weight: 800; letter-spacing: -.005em; }
html body .top__links a {
  border-radius: 999px;
  padding: 4px 11px;
  transition: background-color .18s var(--ease), color .18s var(--ease);
}
html body .top__links a:hover { background: var(--tint); }
html body .ibtn, html body .zoomctl {
  border-radius: var(--r-sm);
  transition: background-color .18s var(--ease), border-color .18s var(--ease), transform .12s var(--ease);
}
html body .ibtn:hover { background: var(--tint); }
html body .ibtn:active { transform: scale(.94); }

/* ---------- عنوان صفحه ---------- */
html body .head__eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--tint);
  color: var(--verdigris-d);
  font-weight: 700;
  letter-spacing: .04em;
}
html body .head__eyebrow::before,
html body .head__eyebrow::after { display: none; }
html body .head h1 { letter-spacing: -.01em; }

/* ---------- پنل‌ها / کارت‌ها ---------- */
html body .panel {
  border-radius: var(--r-lg);
  border-color: var(--line);
  box-shadow: var(--sh-1);
  transition: box-shadow .25s var(--ease), border-color .25s var(--ease);
}
html body .panel:hover { box-shadow: var(--sh-2); }
html body .panel__head { border-bottom: 1px solid var(--line); background: transparent; }
html body .panel__no {
  border-radius: 999px;
  background: var(--tint);
  color: var(--verdigris-d);
  border-color: transparent;
}
html body .panel__note { transition: color .15s; }

/* عددهای خلاصه (کارت‌های آمار) */
html body .grid .panel__body > div.num:nth-child(2) {
  font-family: var(--fa), Vazirmatn, IRANSans, Tahoma, system-ui, sans-serif;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
}

/* ---------- لیست انتخاب شرکت ---------- */
html body .panel__body > a[href$="/select"] {
  border-radius: var(--r);
  transition: background-color .18s var(--ease), border-color .18s var(--ease),
              box-shadow .22s var(--ease), transform .18s var(--ease);
}
html body .panel__body > a[href$="/select"]:hover {
  background: var(--tint);
  border-color: var(--line2);
  box-shadow: var(--sh-2);
  transform: translateY(-1px);
}
html body .panel__body > a[href$="/select"]:active { transform: translateY(0); }

/* ---------- دکمه‌ها ---------- */
html body .btn {
  border-radius: var(--r-sm);
  transition: transform .12s var(--ease), box-shadow .2s var(--ease),
              background-color .18s var(--ease), filter .18s var(--ease);
}
html body .btn:not(.btn--quiet) { box-shadow: 0 1px 2px rgba(16, 29, 35, .18); }
html body .btn:not(.btn--quiet):hover {
  filter: brightness(1.07);
  transform: translateY(-1px);
  box-shadow: 0 8px 16px -10px rgba(16, 29, 35, .45);
}
html body .btn--quiet:hover { background: var(--tint); }
html body .btn:active { transform: translateY(0) scale(.98); filter: none; }

/* ---------- فیلدها ---------- */
html body input:not([type="checkbox"]):not([type="radio"]),
html body select,
html body textarea {
  border-radius: var(--r-sm);
  transition: border-color .15s var(--ease), box-shadow .15s var(--ease), background-color .15s var(--ease);
}
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible,
html body .btn:focus-visible,
html body .ibtn:focus-visible,
html body a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--ring);
}

/* ---------- جدول‌ها ---------- */
html body table.t th {
  font-weight: 700;
  color: var(--muted2);
  border-bottom: 1px solid var(--line2);
}
html body table.t td { border-bottom: 1px solid var(--line); }
html body table.t tbody tr { transition: background-color .15s var(--ease); }
html body table.t tbody tr:hover { background: var(--tint); }
html body .num { font-variant-numeric: tabular-nums; }

/* ---------- جزئیات ریز ---------- */
html body ::selection { background: var(--tint2); }
html body * { scrollbar-width: thin; scrollbar-color: var(--line2) transparent; }

@media (prefers-reduced-motion: reduce) {
  html body *, html body *::before, html body *::after {
    transition: none !important;
    animation: none !important;
  }
}
@media print {
  html body { background-image: none !important; }
  html body .top { backdrop-filter: none; box-shadow: none; }
  html body .panel { box-shadow: none; }
}
