/* ================================================================
   gc-theme.css — v31 — تم یکدست برای صفحه‌های قدیمی سامانه
   ----------------------------------------------------------------
   این فایل در انتهای <head> هر صفحه‌ی قدیمی بارگذاری می‌شود و فقط
   ظاهر را به تم جدید (صفحه‌ی اصلی) نزدیک می‌کند: فونت وزیرمتن محلی،
   پالت سرمه‌ای/طلایی، گوشه‌های گرد، سایه‌های نرم، دکمه‌های مدرن و
   لوگوی GG. ساختار و منطق صفحه‌ها دست نمی‌خورد.
   ================================================================ */
@font-face { font-family: "Vazirmatn"; src: url("fonts/Vazirmatn-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("fonts/Vazirmatn-Medium.woff2") format("woff2"); font-weight: 500 600; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("fonts/Vazirmatn-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("fonts/Vazirmatn-ExtraBold.woff2") format("woff2"); font-weight: 800 900; font-display: swap; }

:root {
  /* پالت جدید روی نام‌های متغیر قدیمی */
  --navy-950: #0A1C40;
  --navy-900: #102A5C;
  --navy-800: #16336B;
  --navy-700: #1E4180;
  --bg: #F5F3EE;
  --surface: #FFFFFF;
  --surface-2: #FAF9F6;
  --border: #E6E2D9;
  --border-soft: #EEEAE2;
  --gold: #C98A12;
  --gold-bright: #F2C46D;
  --gold-soft: #F5EEDD;
  --text: #14171F;
  --muted: #5B6170;
  --muted-2: #9AA0AC;
  --green: #1F8A5B;
  --green-soft: #EAF6EF;
  --red: #B42318;
  --red-soft: #FDECEA;
  --blue-soft: #EEF2FA;
  --font-body: "Vazirmatn", Tahoma, sans-serif;
  --font-tag: "Vazirmatn", Tahoma, sans-serif;
  --radius: 12px;
  --radius-lg: 22px;
  --gc-shadow: 0 18px 40px -26px rgba(16, 42, 92, 0.45);
  --gc-shadow-sm: 0 6px 18px -12px rgba(16, 42, 92, 0.35);
}

html body { font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
body { background-color: var(--bg) !important; } /* فقط رنگ؛ پس‌زمینه‌ی گرادیانی صفحه‌ی ورود دست نمی‌خورد */
input, select, textarea, button { font-family: inherit; }

/* ---------------- هدر بالای صفحه‌های کاری ---------------- */
.top-header {
  background: var(--navy-900) !important;
  box-shadow: 0 10px 30px -20px rgba(10, 28, 64, 0.8);
  border-bottom: 0;
}
.brand .name { font-weight: 800; font-size: 14.5px; }
.brand .sub { color: var(--gold-bright); letter-spacing: 0; font-weight: 500; }

/* لوگوی GG به‌جای آیکون خودرو */
.brand .mark,
.login-mark {
  background: url("icons/gc-logo-mark.png") center / contain no-repeat !important;
  border: 0 !important;
  box-shadow: 0 6px 14px -6px rgba(0, 0, 0, 0.45) !important;
  border-radius: 999px !important;
}
.brand .mark > *,
.login-mark > * { visibility: hidden; }
.brand .mark { width: 40px !important; height: 40px !important; }

/* ---------------- کارت‌ها و پنل‌ها ---------------- */
.panel, .card, .login-card, .modal-content, .modal-box {
  border-radius: var(--radius-lg) !important;
  border-color: var(--border) !important;
  box-shadow: var(--gc-shadow-sm);
}
.panel { background: var(--surface); }
.section-title, .panel h2, .panel h3 { font-weight: 800; }
.eyebrow { color: var(--gold) !important; font-weight: 700; letter-spacing: 0 !important; }
.page-head h1, .page-head h2 { font-weight: 800; letter-spacing: -0.2px; }

/* کارت‌های منو (صفحه‌ی ورود پرسنل) */
.menu-card, .center-card, .office-option {
  border-radius: 20px !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.menu-card:hover, .center-card:hover, .office-option:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px -22px rgba(16, 42, 92, 0.55) !important;
}
.icon-wrapper, .center-icon, .office-icon { border-radius: 16px !important; }

/* ---------------- دکمه‌ها ---------------- */
button {
  border-radius: 14px;
  font-weight: 700;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease, background .15s ease;
}
button:hover:not(:disabled) { transform: translateY(-1px); box-shadow: var(--gc-shadow-sm); filter: none; }
button:active:not(:disabled) { transform: translateY(1px); }
button.secondary { border-color: var(--border); }
button.small { border-radius: 10px; }
.tab-btn {
  border-radius: 12px 12px 0 0 !important;
  font-weight: 700 !important;
}
.badge, .office-badge, .center-badge { border-radius: 999px !important; font-weight: 700; }

/* ---------------- فرم‌ها ---------------- */
input[type="text"], input[type="tel"], input[type="number"], input[type="search"], input[type="password"],
input[type="date"], input[type="email"], input:not([type]), select, textarea {
  border-radius: 12px !important;
  border-color: var(--border);
  transition: border-color .15s ease, box-shadow .15s ease;
}
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--navy-900) !important;
  box-shadow: 0 0 0 3px rgba(16, 42, 92, 0.12) !important;
}

/* ---------------- جدول‌ها ---------------- */
.table-wrap { border-radius: 16px; border-color: var(--border); }
table th { font-weight: 700; }

/* ---------------- پیام‌ها ---------------- */
.toast { border-radius: 16px !important; box-shadow: var(--gc-shadow) !important; }

/* پشتیبانی از چاپ: سایه‌ها حذف شوند */
@media print {
  .panel, .card { box-shadow: none !important; }
}