/*
 * نظام التصميم — مبني على بنية رموز «كود المنصات» (هيئة الحكومة الرقمية)
 * الألوان: فيروزي شعار الجمعية (الأساسي)، الذهبي (الثانوي)، المحايد، والألوان الدلالية
 * الخط: IBM Plex Sans Arabic
 */

:root {
  /* الخط */
  --govsa-font-family: 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif;

  /* الأساسي: فيروزي شعار الجمعية */
  --pc-brand-25: #f4fbfa;
  --pc-brand-50: #eaf6f5;
  --pc-brand-100: #cdebe8;
  --pc-brand-200: #a3dbd5;
  --pc-brand-300: #6fc6bd;
  --pc-brand-400: #43bfb7;
  --pc-brand-500: #2d9489;
  --pc-brand-600: #237a71;
  --pc-brand-700: #1d665f;
  --pc-brand-800: #18534d;
  --pc-brand-900: #14433f;
  --pc-brand-950: #0f3b3e;

  /* الثانوي: الذهبي */
  --pc-gold-50: #fdfaf1;
  --pc-gold-100: #faf4e1;
  --pc-gold-200: #f3e8c6;
  --pc-gold-300: #ead9a4;
  --pc-gold-400: #dfc272;
  --pc-gold-500: #d4ad3f;
  --pc-gold-600: #c59b27;
  --pc-gold-700: #a37f1d;
  --pc-gold-800: #7d6115;

  /* المحايد */
  --govsa-neutral-white: #ffffff;
  --govsa-neutral-25: #fcfcfd;
  --govsa-neutral-50: #f9fafb;
  --govsa-neutral-100: #f3f4f6;
  --govsa-neutral-200: #e5e7eb;
  --govsa-neutral-300: #d2d6db;
  --govsa-neutral-400: #9da4ae;
  --govsa-neutral-500: #6c737f;
  --govsa-neutral-600: #4d5761;
  --govsa-neutral-700: #384250;
  --govsa-neutral-800: #1f2a37;
  --govsa-neutral-900: #111927;
  --govsa-neutral-950: #0c111d;

  /* الدلالي */
  --govsa-success: #067647;
  --govsa-success-light: #ecfdf3;
  --govsa-success-border: #abefc6;
  --govsa-warning: #b54708;
  --govsa-warning-light: #fffaeb;
  --govsa-warning-border: #fedf89;
  --govsa-error: #b42318;
  --govsa-error-light: #fef3f2;
  --govsa-error-border: #fecdca;
  --govsa-info: #175cd3;
  --govsa-info-light: #eff8ff;
  --govsa-info-border: #b2ddff;

  /* أسماء مختصرة تستخدمها الصفحات */
  --govsa-primary: var(--pc-brand-600);
  --govsa-primary-hover: var(--pc-brand-700);
  --govsa-primary-pressed: var(--pc-brand-900);
  --govsa-primary-subtle: var(--pc-brand-50);
  --govsa-primary-light: var(--pc-brand-500);
  --govsa-accent: var(--pc-brand-800);
  --govsa-accent-gold: var(--pc-gold-600);
  --govsa-text: var(--govsa-neutral-800);
  --govsa-text-muted: var(--govsa-neutral-600);
  --govsa-border: var(--govsa-neutral-200);
  --govsa-focus: 0 0 0 3px rgba(35, 122, 113, .28);

  /* الزوايا */
  --govsa-radius-none: 0;
  --govsa-radius-sm: 4px;
  --govsa-radius-md: 8px;
  --govsa-radius-lg: 12px;
  --govsa-radius-xl: 16px;
  --govsa-radius-2xl: 24px;
  --govsa-radius-full: 9999px;

  /* المسافات */
  --govsa-space-xs: 4px;
  --govsa-space-sm: 8px;
  --govsa-space-md: 16px;
  --govsa-space-lg: 24px;
  --govsa-space-xl: 32px;
  --govsa-space-2xl: 48px;

  /* الظلال */
  --govsa-shadow-1: 0 1px 2px 0 rgba(16, 24, 40, .05);
  --govsa-shadow-2: 0 1px 2px 0 rgba(16, 24, 40, .06), 0 1px 3px 0 rgba(16, 24, 40, .1);
  --govsa-shadow-3: 0 2px 4px -2px rgba(16, 24, 40, .06), 0 4px 8px -2px rgba(16, 24, 40, .1);
  --govsa-shadow-4: 0 4px 6px -2px rgba(16, 24, 40, .03), 0 12px 16px -4px rgba(16, 24, 40, .08);

  /* الحركة */
  --govsa-motion-fast: 150ms;
  --govsa-motion-normal: 300ms;
  --govsa-ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1);

  /* ربط ألوان Bootstrap بالنظام */
  --bs-primary: #237a71;
  --bs-primary-rgb: 35, 122, 113;
  --bs-primary-text-emphasis: #18534d;
  --bs-primary-bg-subtle: #eaf6f5;
  --bs-primary-border-subtle: #a3dbd5;
  --bs-success: #067647;
  --bs-success-rgb: 6, 118, 71;
  --bs-warning-rgb: 220, 104, 3;
  --bs-danger: #b42318;
  --bs-danger-rgb: 180, 35, 24;
  --bs-info-rgb: 21, 112, 239;
  --bs-link-color: #237a71;
  --bs-link-color-rgb: 35, 122, 113;
  --bs-link-hover-color: #18534d;
  --bs-link-hover-color-rgb: 24, 83, 77;
  --bs-body-font-family: var(--govsa-font-family);
  --bs-body-color: #1f2a37;
  --bs-body-bg: #f9fafb;
  --bs-border-color: #e5e7eb;
  --bs-secondary-color: #4d5761;
  --bs-focus-ring-color: rgba(35, 122, 113, .25);
}

/* ─── الأساس ─── */
body {
  font-family: var(--govsa-font-family);
  color: var(--govsa-text);
  background-color: var(--govsa-neutral-50);
  line-height: 1.7;
  margin: 0;
  direction: rtl;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
h1, h2, h3, h4, h5, h6, .font-heading, .font-kufi, .font-sans {
  font-family: var(--govsa-font-family) !important;
}
a { color: var(--govsa-primary); }
a:hover { color: var(--pc-brand-800); }
:focus-visible { outline: 2px solid var(--govsa-primary); outline-offset: 2px; }
.text-primary { color: var(--govsa-primary) !important; }
.bg-primary { background-color: var(--govsa-primary) !important; }
.border-primary { border-color: var(--govsa-primary) !important; }

/* رابط تخطي المحتوى */
.pc-skip-link {
  position: absolute;
  inset-inline-start: 16px;
  top: -60px;
  z-index: 2000;
  background: var(--govsa-primary);
  color: #fff;
  padding: 10px 16px;
  border-radius: var(--govsa-radius-md);
  font-weight: 600;
  text-decoration: none;
  transition: top var(--govsa-motion-fast);
}
.pc-skip-link:focus { top: 12px; color: #fff; }

/* شاشة الشعار المتحرك أثناء التحميل والانتقال */
.pc-preloader {
  position: fixed;
  inset: 0;
  z-index: 4000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .97);
  transition: opacity .35s ease, visibility .35s ease;
  animation: pcPreloaderFailsafe .35s ease 8s forwards;
}
.pc-preloader.is-hidden { animation: none; opacity: 0; visibility: hidden; pointer-events: none; }
.pc-preloader.is-shown { animation: none; opacity: 1; visibility: visible; }
.pc-preloader__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1.5rem;
}
.pc-preloader__logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  animation: pcLogoBreath 2.2s ease-in-out infinite;
}
.pc-preloader__logo::before {
  content: '';
  position: absolute;
  width: 270px;
  height: 270px;
  max-width: 85vw;
  max-height: 85vw;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(197, 155, 39, .18) 0%, rgba(35, 122, 113, .07) 55%, transparent 75%);
  animation: pcHaloPulse 2.2s ease-in-out infinite;
  z-index: -1;
  pointer-events: none;
}
.pc-preloader__logo object,
.pc-preloader__logo img {
  width: 260px;
  height: 260px;
  max-width: 80vw;
  max-height: 80vw;
  pointer-events: none;
}
.pc-preloader__caption {
  display: flex;
  align-items: center;
  gap: .75rem;
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--pc-brand-900);
}
.pc-preloader__spinner {
  width: 24px;
  height: 24px;
  border: 3px solid var(--pc-brand-100);
  border-top-color: var(--pc-gold-600);
  border-right-color: var(--pc-brand-600);
  border-radius: 50%;
  animation: pcSpin .75s linear infinite;
}
@keyframes pcPreloaderFailsafe { to { opacity: 0; visibility: hidden; pointer-events: none; } }
@keyframes pcLogoBreath {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 8px 20px rgba(15, 59, 62, .1)); }
  50% { transform: scale(1.045); filter: drop-shadow(0 16px 36px rgba(197, 155, 39, .3)); }
}
@keyframes pcHaloPulse {
  0%, 100% { transform: scale(.92); opacity: .6; }
  50% { transform: scale(1.1); opacity: 1; }
}
@keyframes pcSpin { to { transform: rotate(360deg); } }
html.govsa-high-contrast .pc-preloader { background: #000; }
html.govsa-high-contrast .pc-preloader__caption { color: #fff; }

/* ─── الشريط العلوي ─── */
.govsa-header__top-bar {
  background-color: var(--govsa-neutral-100);
  color: var(--govsa-neutral-700);
  font-size: 0.8125rem;
  padding: 0.35rem 0;
  border-bottom: 1px solid var(--govsa-border);
}
.govsa-header__top-bar a { color: var(--govsa-neutral-700); text-decoration: none; }
.govsa-header__top-bar a:hover { color: var(--govsa-primary); }

/* أدوات إمكانية الوصول */
.govsa-a11y-tools { display: inline-flex; align-items: center; gap: 4px; }
.govsa-a11y-btn {
  background: #fff;
  color: var(--govsa-neutral-800);
  border: 1px solid var(--govsa-neutral-300);
  border-radius: var(--govsa-radius-sm);
  min-width: 30px;
  height: 26px;
  padding: 0 7px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  font-family: inherit;
}
.govsa-a11y-btn:hover, .govsa-a11y-btn[aria-pressed="true"] {
  background: var(--govsa-primary);
  border-color: var(--govsa-primary);
  color: #fff;
}

/* ─── الترويسة الرئيسية ─── */
.govsa-header__main {
  background-color: #fff;
  border-bottom: 1px solid var(--govsa-border);
  box-shadow: var(--govsa-shadow-1);
  position: sticky;
  top: 0;
  z-index: 1010;
}
.govsa-header__brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; }
.govsa-brand-emblem {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid var(--govsa-border);
  border-radius: var(--govsa-radius-md);
  padding: 3px;
  flex-shrink: 0;
}
.govsa-brand-emblem img { width: 100%; height: 100%; object-fit: contain; }
.govsa-brand-title { font-size: 1.1rem; font-weight: 700; color: var(--govsa-neutral-900); line-height: 1.3; margin: 0; }
.govsa-brand-sub { display: block; font-size: 0.75rem; font-weight: 500; color: var(--govsa-neutral-600); }

.govsa-nav { display: flex; align-items: center; gap: 2px; }
.govsa-nav .nav-link {
  position: relative;
  color: var(--govsa-neutral-700);
  font-size: 0.925rem;
  font-weight: 600;
  padding: 0.85rem 0.85rem;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  border-radius: 0;
}
.govsa-nav .nav-link:hover { color: var(--govsa-primary); background: transparent; }
.govsa-nav .nav-link.active { color: var(--govsa-primary); }
.govsa-nav .nav-link.active::after {
  content: '';
  position: absolute;
  inset-inline: 10px;
  bottom: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: var(--govsa-primary);
}

/* شارة نوع الحساب */
.pc-role {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: var(--govsa-radius-full);
  border: 1px solid transparent;
}
.pc-role--admin { background: var(--pc-gold-100); color: var(--pc-gold-800); border-color: var(--pc-gold-300); }
.pc-role--applicant { background: var(--pc-brand-50); color: var(--pc-brand-800); border-color: var(--pc-brand-200); }

/* شريط سياق القسم (مشرف / كادر) */
.pc-context-bar { font-size: 0.82rem; padding: 0.4rem 0; border-bottom: 1px solid transparent; }
.pc-context-bar--admin { background: var(--pc-gold-50); border-color: var(--pc-gold-200); color: var(--pc-gold-800); }
.pc-context-bar--applicant { background: var(--pc-brand-25); border-color: var(--pc-brand-100); color: var(--pc-brand-800); }
.pc-context-bar a { font-weight: 700; color: inherit; }

/* القائمة الجانبية للجوال */
.govsa-mobile-nav-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0.65rem 1rem;
  border-radius: var(--govsa-radius-md);
  color: var(--govsa-neutral-700);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
}
.govsa-mobile-nav-link:hover { background-color: var(--govsa-neutral-100); color: var(--govsa-primary); }
.govsa-mobile-nav-link.active { background-color: var(--govsa-primary-subtle); color: var(--govsa-primary); }

/* شريط تنقل المشرف */
.govsa-admin-nav {
  background: #fff;
  border: 1px solid var(--govsa-border);
  border-radius: var(--govsa-radius-lg);
  padding: 0.55rem 0.85rem;
  margin-bottom: 1.5rem;
  box-shadow: var(--govsa-shadow-1);
}
.govsa-admin-nav__container { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
.govsa-admin-nav__track { display: flex; align-items: center; gap: 5px; overflow-x: auto; scrollbar-width: none; padding: 2px 0; flex: 1 1 auto; }
.govsa-admin-nav__track::-webkit-scrollbar { display: none; }
.govsa-admin-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.45rem 0.85rem;
  border-radius: var(--govsa-radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
  background-color: var(--govsa-neutral-50);
  color: var(--govsa-neutral-700);
  border: 1px solid var(--govsa-border);
  flex-shrink: 0;
}
.govsa-admin-pill:hover { background-color: var(--govsa-primary-subtle); border-color: var(--pc-brand-200); color: var(--pc-brand-800); }
.govsa-admin-pill.active { background-color: var(--govsa-primary) !important; border-color: var(--govsa-primary) !important; color: #fff !important; }
.govsa-admin-pill.active i { color: var(--pc-gold-300); }
.govsa-admin-nav__actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; padding-inline-start: 0.65rem; border-inline-start: 1px solid var(--govsa-border); }
@media (max-width: 991.98px) {
  .govsa-admin-nav__container { flex-direction: column; align-items: stretch; gap: 0.65rem; }
  .govsa-admin-nav__actions { border-inline-start: none; padding-inline-start: 0; border-top: 1px solid var(--govsa-border); padding-top: 0.5rem; justify-content: flex-end; }
}

/* ─── تكبير الخط والتباين ─── */
html.govsa-font-lg { font-size: 112.5%; }
html.govsa-font-xl { font-size: 125%; }
html.govsa-high-contrast body { background: #000; color: #fff; }
html.govsa-high-contrast .govsa-card,
html.govsa-high-contrast .govsa-header__main,
html.govsa-high-contrast .govsa-header__top-bar,
html.govsa-high-contrast .govsa-admin-nav,
html.govsa-high-contrast .govsa-kpi-card,
html.govsa-high-contrast .govsa-filter-bar,
html.govsa-high-contrast .wf-pipeline__item,
html.govsa-high-contrast .table,
html.govsa-high-contrast .form-control,
html.govsa-high-contrast .form-select { background-color: #000 !important; color: #fff !important; border-color: #fff !important; }
html.govsa-high-contrast .text-muted, html.govsa-high-contrast .text-dark, html.govsa-high-contrast .govsa-brand-title { color: #fff !important; }
html.govsa-high-contrast a { color: #ffd84d !important; }
html.govsa-high-contrast .govsa-btn--primary { background: #ffd84d !important; color: #000 !important; border-color: #ffd84d !important; }

/* ─── الأزرار ─── */
.govsa-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 40px;
  padding: 8px 16px;
  border-radius: var(--govsa-radius-sm);
  font-family: var(--govsa-font-family);
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.4;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background-color var(--govsa-motion-fast) var(--govsa-ease-standard), border-color var(--govsa-motion-fast), color var(--govsa-motion-fast);
}
.govsa-btn.btn-sm { min-height: 32px; padding: 4px 12px; font-size: 0.85rem; }
.govsa-btn.btn-lg { min-height: 48px; padding: 10px 22px; font-size: 1.05rem; }
.govsa-btn:focus-visible { box-shadow: var(--govsa-focus); outline: none; }
.govsa-btn:disabled, .govsa-btn.disabled { opacity: .5; cursor: not-allowed; }
.govsa-btn--primary { background-color: var(--govsa-primary); border-color: var(--govsa-primary); color: #fff; }
.govsa-btn--primary:hover { background-color: var(--govsa-primary-hover); border-color: var(--govsa-primary-hover); color: #fff; }
.govsa-btn--primary:active { background-color: var(--govsa-primary-pressed); }
.govsa-btn--secondary { background-color: var(--pc-gold-600); border-color: var(--pc-gold-600); color: var(--govsa-neutral-950); }
.govsa-btn--secondary:hover { background-color: var(--pc-gold-500); border-color: var(--pc-gold-500); color: var(--govsa-neutral-950); }
.govsa-btn--outline { background-color: #fff; border-color: var(--govsa-neutral-300); color: var(--govsa-neutral-800); }
.govsa-btn--outline:hover { background-color: var(--govsa-neutral-50); border-color: var(--govsa-neutral-400); color: var(--govsa-neutral-900); }
.govsa-btn--outline-primary { background-color: #fff; border-color: var(--govsa-primary); color: var(--govsa-primary); }
.govsa-btn--outline-primary:hover { background-color: var(--govsa-primary-subtle); color: var(--pc-brand-800); }
.govsa-btn--danger { background-color: var(--govsa-error); border-color: var(--govsa-error); color: #fff; }
.govsa-btn--danger:hover { background-color: #912018; color: #fff; }
.govsa-btn--light { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.4); color: #fff; }
.govsa-btn--light:hover { background: rgba(255,255,255,.2); color: #fff; }

/* أزرار Bootstrap بنفس الألوان */
.btn-primary { --bs-btn-bg: #237a71; --bs-btn-border-color: #237a71; --bs-btn-hover-bg: #1d665f; --bs-btn-hover-border-color: #1d665f; --bs-btn-active-bg: #14433f; --bs-btn-active-border-color: #14433f; --bs-btn-disabled-bg: #237a71; --bs-btn-disabled-border-color: #237a71; }
.btn-outline-primary { --bs-btn-color: #237a71; --bs-btn-border-color: #237a71; --bs-btn-hover-bg: #237a71; --bs-btn-hover-border-color: #237a71; --bs-btn-active-bg: #1d665f; --bs-btn-active-border-color: #1d665f; }
.nav-pills { --bs-nav-pills-link-active-bg: #237a71; }
.pagination { --bs-pagination-color: #237a71; --bs-pagination-active-bg: #237a71; --bs-pagination-active-border-color: #237a71; --bs-pagination-hover-color: #18534d; --bs-pagination-focus-box-shadow: var(--govsa-focus); }
.form-control:focus, .form-select:focus { border-color: var(--pc-brand-400); box-shadow: var(--govsa-focus); }
.form-check-input:checked { background-color: var(--govsa-primary); border-color: var(--govsa-primary); }
.form-check-input:focus { border-color: var(--pc-brand-400); box-shadow: var(--govsa-focus); }
.form-control, .form-select { border-color: var(--govsa-neutral-300); }
.form-label { color: var(--govsa-neutral-800); }

/* ─── البطاقات والجداول ─── */
.govsa-card {
  background-color: #fff;
  border-radius: var(--govsa-radius-lg);
  box-shadow: var(--govsa-shadow-1);
  border: 1px solid var(--govsa-border);
}
.govsa-table { width: 100%; border-collapse: collapse; }
.govsa-table th { background-color: var(--govsa-neutral-50) !important; color: var(--govsa-neutral-800) !important; font-weight: 700 !important; font-size: 0.85rem !important; border-bottom: 1px solid var(--govsa-border) !important; }
.govsa-table td { vertical-align: middle; font-size: 0.875rem; border-bottom: 1px solid var(--govsa-neutral-100); }
.govsa-table tr:hover td { background-color: var(--govsa-neutral-25); }

/* عنوان أقسام النماذج */
.govsa-form-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--govsa-neutral-900);
  padding-bottom: 10px;
  margin: 8px 0 16px;
  border-bottom: 1px solid var(--govsa-border);
}
.govsa-form-section-title i {
  width: 32px;
  height: 32px;
  border-radius: var(--govsa-radius-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--govsa-primary-subtle);
  color: var(--govsa-primary);
  font-size: 1rem;
}
.govsa-form-label { display: block; margin-bottom: 4px; font-weight: 600; color: var(--govsa-neutral-800); }

/* مسار التصفح */
.govsa-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 0.85rem; color: var(--govsa-neutral-600); margin-bottom: 1rem; }
.govsa-breadcrumb a { color: var(--govsa-neutral-600); text-decoration: none; }
.govsa-breadcrumb a:hover { color: var(--govsa-primary); text-decoration: underline; }
.govsa-breadcrumb .active, .govsa-breadcrumb__item { color: var(--govsa-neutral-900); font-weight: 600; }
.govsa-breadcrumb i.bi-chevron-left { font-size: 0.7rem; color: var(--govsa-neutral-400); }

/* الشارات */
.govsa-badge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border-radius: var(--govsa-radius-full); font-size: 0.75rem; font-weight: 600; border: 1px solid transparent; }
.govsa-badge--neutral { background-color: var(--govsa-neutral-100); color: var(--govsa-neutral-700); border-color: var(--govsa-border); }
.govsa-badge--primary { background-color: var(--govsa-primary-subtle); color: var(--pc-brand-800); border-color: var(--pc-brand-200); }
.govsa-badge--success { background-color: var(--govsa-success-light); color: var(--govsa-success); border-color: var(--govsa-success-border); }
.govsa-badge--warning { background-color: var(--govsa-warning-light); color: var(--govsa-warning); border-color: var(--govsa-warning-border); }
.govsa-badge--error { background-color: var(--govsa-error-light); color: var(--govsa-error); border-color: var(--govsa-error-border); }

/* أيقونة دائرية مميزة */
.pc-icon-badge {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--govsa-primary-subtle);
  color: var(--govsa-primary);
  font-size: 1.75rem;
  border: 1px solid var(--pc-brand-100);
}

/* تمييز نوع الدخول */
.pc-role-hint { display: flex; gap: 6px; }
.pc-role-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: var(--govsa-radius-full);
  border: 1px dashed var(--govsa-neutral-300);
  color: var(--govsa-neutral-500);
  transition: all var(--govsa-motion-fast);
}
.pc-role-hint[data-active="applicant"] .pc-role-chip[data-role="applicant"] { border-style: solid; border-color: var(--pc-brand-300); background: var(--pc-brand-50); color: var(--pc-brand-800); }
.pc-role-hint[data-active="admin"] .pc-role-chip[data-role="admin"] { border-style: solid; border-color: var(--pc-gold-300); background: var(--pc-gold-100); color: var(--pc-gold-800); }

/* ─── الواجهة الترحيبية ─── */
.pc-hero {
  background: linear-gradient(135deg, var(--pc-brand-900) 0%, var(--pc-brand-700) 55%, var(--pc-brand-600) 100%);
  color: #fff;
  border-radius: var(--govsa-radius-xl);
  position: relative;
  overflow: hidden;
}
.pc-hero::after {
  content: '';
  position: absolute;
  inset-inline-end: -80px;
  top: -80px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  border: 40px solid rgba(255, 255, 255, .05);
  pointer-events: none;
}
.pc-hero__kicker { display: inline-block; background: rgba(255,255,255,.12); color: var(--pc-gold-300); border-radius: var(--govsa-radius-full); padding: 4px 14px; font-size: 0.85rem; font-weight: 600; }
.pc-hero__panel { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); border-radius: var(--govsa-radius-lg); }
.pc-hero p, .pc-hero li { color: rgba(255,255,255,.9); }

/* ─── التذييل ─── */
.govsa-footer {
  background-color: var(--pc-brand-950);
  color: rgba(255, 255, 255, .85);
  border-top: 4px solid var(--pc-gold-600);
  padding: 40px 0 0;
  margin-top: auto;
}
.govsa-footer h2 { font-size: 0.95rem; font-weight: 700; color: #fff; margin-bottom: 14px; }
.govsa-footer a { color: rgba(255, 255, 255, .82); text-decoration: none; }
.govsa-footer a:hover { color: #fff; text-decoration: underline; }
.govsa-footer ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; font-size: 0.9rem; }
.pc-footer__social { display: flex; flex-wrap: wrap; gap: 8px; }
.pc-footer__social a {
  width: 38px;
  height: 38px;
  border-radius: var(--govsa-radius-md);
  border: 1px solid rgba(255,255,255,.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
}
.pc-footer__social a:hover { background: rgba(255,255,255,.1); text-decoration: none; }
.govsa-footer__bottom {
  border-top: 1px solid rgba(255,255,255,.12);
  margin-top: 32px;
  padding: 16px 0;
  font-size: 0.82rem;
  color: rgba(255,255,255,.7);
}
.govsa-footer__bottom a { color: rgba(255,255,255,.8); }

/* ─── قسم التقييم: هل استفدت من محتوى الصفحة؟ ─── */
.pc-rating {
  background: #fff;
  border: 1px solid var(--govsa-border);
  border-radius: var(--govsa-radius-lg);
  padding: 14px 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 0.92rem;
}
.pc-rating__q { font-weight: 600; color: var(--govsa-neutral-800); }
.pc-rating__actions { display: flex; gap: 8px; align-items: center; }
.pc-rating__stats { font-size: 0.8rem; color: var(--govsa-neutral-600); }
.pc-rating textarea { min-width: 260px; }

/* ─── إشعار ملفات تعريف الارتباط ─── */
.pc-cookie {
  position: fixed;
  inset-inline: 16px;
  bottom: 16px;
  z-index: 2500;
  max-width: 720px;
  margin-inline: auto;
  background: #fff;
  border: 1px solid var(--govsa-border);
  border-radius: var(--govsa-radius-lg);
  box-shadow: var(--govsa-shadow-4);
  padding: 16px 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-size: 0.9rem;
}
.pc-cookie[hidden] { display: none; }
.pc-cookie p { margin: 0; flex: 1 1 300px; color: var(--govsa-neutral-700); }

/* ─── صفحة الخطأ ─── */
.pc-error { text-align: center; padding: 48px 16px; }
.pc-error__code { font-size: clamp(4rem, 12vw, 7rem); font-weight: 700; line-height: 1; color: var(--pc-brand-600); letter-spacing: .05em; }

/* ─── المحتوى النصي (السياسات) ─── */
.pc-prose { line-height: 2; color: var(--govsa-neutral-800); }
.pc-prose h2 { font-size: 1.15rem; font-weight: 700; margin: 28px 0 10px; color: var(--govsa-neutral-900); }
.pc-prose ul { padding-inline-start: 1.25rem; }
.pc-meta { font-size: 0.82rem; color: var(--govsa-neutral-600); }

/* الأسئلة الشائعة */
.pc-faq .accordion-button { font-weight: 600; }
.pc-faq .accordion-button:not(.collapsed) { background: var(--govsa-primary-subtle); color: var(--pc-brand-800); box-shadow: none; }
.pc-faq .accordion-button:focus { box-shadow: var(--govsa-focus); }

/* تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  .govsa-btn, .govsa-card, .govsa-badge { border: 1px solid CanvasText; }
}
@media print {
  .no-print, .pc-cookie, .pc-preloader, .pc-rating { display: none !important; }
  body { background: #fff; }
}