/*
 * أنماط إضافية لنظام الموارد البشرية
 * تعتمد على رموز dga-code-system.css
 */

/* حالة الطلبات */
.govsa-status-indicator {
  display: inline-flex;
  align-items: center;
  gap: var(--govsa-space-xs);
  font-weight: 500;
}
.govsa-status-indicator::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.govsa-status-indicator--active::before { background-color: var(--govsa-success); }
.govsa-status-indicator--pending::before { background-color: var(--govsa-warning); }
.govsa-status-indicator--rejected::before { background-color: var(--govsa-error); }
.govsa-status-indicator--closed::before { background-color: var(--govsa-neutral-500); }

/* مساعدات النماذج */
.govsa-form-group {
  margin-bottom: var(--govsa-space-md);
}
.govsa-form-label {
  display: block;
  margin-bottom: var(--govsa-space-xs);
  font-weight: 600;
  color: var(--govsa-neutral-700);
}
.govsa-form-control {
  width: 100%;
  padding: var(--govsa-space-sm);
  border: 1px solid var(--govsa-neutral-300);
  border-radius: var(--govsa-radius-md);
  font-family: var(--govsa-font-family);
  transition: border-color var(--govsa-motion-fast) var(--govsa-ease-standard);
}
.govsa-form-control:focus {
  outline: none;
  border-color: var(--govsa-primary);
  box-shadow: 0 0 0 2px var(--govsa-primary-subtle);
}
.govsa-form-help {
  display: block;
  margin-top: var(--govsa-space-xs);
  font-size: 0.875rem;
  color: var(--govsa-neutral-500);
}

/* تخطيط اللوحة */
.govsa-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--govsa-space-lg);
  margin-bottom: var(--govsa-space-lg);
}

/* إحصائيات */
.govsa-stat-card {
  padding: var(--govsa-space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--govsa-space-sm);
}
.govsa-stat-card__title {
  color: var(--govsa-neutral-600);
  font-size: 0.875rem;
  font-weight: 600;
}
.govsa-stat-card__value {
  color: var(--govsa-primary);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

/* شارات حالة الطلب */
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: var(--govsa-radius-full);
  font-size: 0.78rem;
  font-weight: 600;
  white-space: nowrap;
  letter-spacing: -0.01em;
}
.status-new {
  background-color: var(--govsa-info-light);
  color: var(--govsa-info);
  border: 1px solid var(--govsa-info-border);
}
.status-review {
  background-color: var(--govsa-warning-light);
  color: var(--govsa-warning);
  border: 1px solid var(--govsa-warning-border);
}
.status-candidate {
  background-color: var(--pc-brand-50);
  color: var(--pc-brand-800);
  border: 1px solid var(--pc-brand-200);
}
.status-hired {
  background-color: var(--govsa-success-light);
  color: var(--govsa-success);
  border: 1px solid var(--govsa-success-border);
}
.status-rejected {
  background-color: var(--govsa-error-light);
  color: var(--govsa-error);
  border: 1px solid var(--govsa-error-border);
}

/* بطاقات مؤشرات لوحة المشرف */
.govsa-kpi-card {
  background-color: #FFFFFF;
  border: 1px solid var(--govsa-neutral-200);
  border-radius: var(--govsa-radius-lg);
  padding: 1.15rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.govsa-kpi-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--govsa-shadow-3);
  border-color: var(--govsa-neutral-300);
}
.govsa-kpi-card__icon {
  width: 48px;
  height: 48px;
  border-radius: var(--govsa-radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  flex-shrink: 0;
}
.govsa-kpi-card__value {
  font-size: 1.75rem;
  font-weight: 800;
  color: var(--govsa-primary);
  line-height: 1.1;
  font-family: var(--govsa-font-family);
}
.govsa-kpi-card__label {
  font-size: 0.825rem;
  font-weight: 600;
  color: var(--govsa-neutral-600);
  margin-bottom: 0.25rem;
}
.govsa-kpi-card__subtext {
  font-size: 0.78rem;
  margin-top: 0.4rem;
}

/* شريط التصفية والبحث في لوحة المشرف */
.govsa-filter-bar {
  background-color: #FFFFFF;
  border: 1px solid var(--govsa-neutral-200);
  border-radius: var(--govsa-radius-lg);
  padding: 1rem 1.25rem;
  box-shadow: var(--govsa-shadow-1);
}

/* شريط مراحل الطلب (التقديم ← المراجعة ← الترشيح ← القبول والتوقيع ← الاعتماد ← العقد) */
.wf-stepper {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  counter-reset: wf;
}
.wf-step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 4px;
  min-width: 0;
}
.wf-step::before {
  content: '';
  position: absolute;
  top: 19px;
  left: 50%;
  width: 100%;
  height: 3px;
  background: var(--govsa-neutral-200);
  z-index: 0;
}
.wf-step:first-child::before { display: none; }
.wf-step--done::before,
.wf-step--current::before { background: var(--pc-brand-500); }
.wf-step__dot {
  position: relative;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
  background: var(--govsa-neutral-100);
  color: var(--govsa-neutral-400);
  border: 2px solid var(--govsa-neutral-200);
}
.wf-step--done .wf-step__dot { background: var(--pc-brand-500); border-color: var(--pc-brand-500); color: #fff; }
.wf-step--current .wf-step__dot { background: #fff; border-color: var(--pc-gold-600); color: var(--pc-gold-700); box-shadow: 0 0 0 4px rgba(197, 155, 39, .15); }
.wf-step--rejected .wf-step__dot { background: var(--govsa-error); border-color: var(--govsa-error); color: #fff; }
.wf-step__body { display: flex; flex-direction: column; margin-top: 8px; gap: 2px; min-width: 0; }
.wf-step__title { font-size: 0.8rem; font-weight: 700; color: var(--govsa-neutral-800); line-height: 1.35; }
.wf-step--pending .wf-step__title { color: var(--govsa-neutral-500); font-weight: 600; }
.wf-step--current .wf-step__title { color: var(--pc-gold-800); }
.wf-step__actor { font-size: 0.7rem; color: var(--govsa-neutral-500); }
.wf-stepper--compact .wf-step__dot { width: 30px; height: 30px; font-size: 0.85rem; }
.wf-stepper--compact .wf-step::before { top: 14px; }
.wf-stepper--compact .wf-step__title { font-size: 0.72rem; }
@media (max-width: 575.98px) {
  .wf-stepper { grid-template-columns: 1fr; gap: 10px; }
  .wf-step { flex-direction: row; text-align: start; gap: 10px; }
  .wf-step::before { display: none; }
  .wf-step__body { margin-top: 0; }
}

/* الإجراء التالي في قوائم المشرف */
.wf-next {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.76rem;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid transparent;
  white-space: nowrap;
}
.wf-next--primary { background: var(--pc-brand-50); color: var(--pc-brand-800); border-color: var(--pc-brand-200); }
.wf-next--warning { background: var(--govsa-warning-light); color: var(--govsa-warning); border-color: var(--govsa-warning-border); }
.wf-next--success { background: var(--govsa-success-light); color: var(--govsa-success); border-color: var(--govsa-success-border); }
.wf-next--danger  { background: var(--govsa-error-light); color: var(--govsa-error); border-color: var(--govsa-error-border); }
.wf-next--info    { background: var(--govsa-info-light); color: var(--govsa-info); border-color: var(--govsa-info-border); }
.wf-next--secondary { background: #F1F5F9; color: #475569; border-color: #CBD5E1; }

/* مؤشرات المسار في لوحة المشرف */
.wf-pipeline { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; }
.wf-pipeline__item {
  display: block;
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--govsa-neutral-200);
  border-radius: 12px;
  padding: 12px 14px;
  color: #0F172A;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.wf-pipeline__item:hover { border-color: #94A3B8; box-shadow: 0 4px 12px rgba(15, 23, 42, .06); color: #0F172A; }
.wf-pipeline__item.active { border-color: var(--pc-brand-600); box-shadow: 0 0 0 2px rgba(35, 122, 113, .18); }
.wf-pipeline__num { font-size: 1.5rem; font-weight: 800; line-height: 1.1; }
.wf-pipeline__label { font-size: 0.78rem; color: #475569; font-weight: 600; }
.wf-pipeline__step { font-size: 0.68rem; color: #94A3B8; }

/* تنسيق الجداول التفاعلية */
.govsa-table-responsive {
  border-radius: var(--govsa-radius-lg);
  border: 1px solid var(--govsa-neutral-200);
  overflow: hidden;
  background: #FFFFFF;
}
.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-neutral-200) !important;
}
.govsa-table td {
  vertical-align: middle;
  font-size: 0.875rem;
  border-bottom: 1px solid #F1F5F9;
}
.govsa-table tr:hover td {
  background-color: #F8FAFC;
}