/* «إعداد تسجيل جديد» مضغوط وواضح (scripts/patch-registration-editor-compact.mjs):
   - العنوان بجانب الحقل في سطر واحد، بلا فراغات بين الحقول.
   - الترتيب: اسم النموذج والصورة، ثم الإدارة/القسم/الوحدة، ثم المشروع/البرنامج، ثم نظام التسجيل
     (دفعة أو دورة) وتفاصيله، ثم القبول المباشر، ثم الوصف ورسالة الترحيب.
   - بطاقة السؤال في سطرين أو ثلاثة بدل ستة، وحدود أوضح للحقول والبطاقات. */
[data-reg-editor] {
  --reg-line: #94a3b8;
  --reg-card: #cbd5e1;
  --reg-ink: #0f172a;
  --reg-accent: #0f766e;
  border: 1px solid var(--reg-card) !important;
  padding: 1rem !important;
}
[data-reg-editor] > :not([hidden]) ~ :not([hidden]) { margin-top: .75rem !important; }

/* حدود واضحة لكل الحقول داخل النموذج */
[data-reg-editor] input:not([type=checkbox]):not([type=radio]):not([type=file]),
[data-reg-editor] select,
[data-reg-editor] textarea { border-color: var(--reg-line); color: var(--reg-ink); }
[data-reg-editor] input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,
[data-reg-editor] select:focus,
[data-reg-editor] textarea:focus { border-color: var(--reg-accent); box-shadow: 0 0 0 2px rgb(15 118 110 / .15); }
[data-reg-editor] h3 { color: var(--reg-ink); font-weight: 800; }

/* الجزء العلوي: شبكة من ستة أعمدة */
[data-reg-top] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .5rem .9rem; }
[data-reg-top] > * { grid-column: span 6 / span 6; margin: 0 !important; }
[data-reg-top] > :nth-child(1) { order: 0; }                              /* ملاحظة الحقول الإلزامية */
[data-reg-top] > :nth-child(2) { order: 1; grid-column: span 3 / span 3; } /* اسم النموذج */
[data-reg-top] > :nth-child(3) { order: 2; grid-column: span 3 / span 3; } /* صورة النموذج */
[data-reg-top] > :nth-child(7) { order: 3; grid-column: span 2 / span 2; } /* الإدارة */
[data-reg-top] > :nth-child(8) { order: 4; grid-column: span 2 / span 2; } /* القسم */
[data-reg-top] > :nth-child(9) { order: 5; grid-column: span 2 / span 2; } /* الوحدة */
[data-reg-top] > :nth-child(10) { order: 6; grid-column: span 3 / span 3; } /* المشروع */
[data-reg-top] > :nth-child(11) { order: 7; grid-column: span 3 / span 3; } /* البرنامج */
[data-reg-top] > [data-feature="registration-kind-v1"] { order: 8; }
[data-reg-top] > [data-feature="registration-course-fields-v1"],
[data-reg-top] > [data-feature="registration-circle-target-v1"] { order: 9; }
[data-reg-top] > :nth-child(6) { order: 10; }                             /* القبول المباشر */
[data-reg-top] > :nth-child(4) { order: 11; grid-column: span 3 / span 3; } /* الوصف */
[data-reg-top] > :nth-child(5) { order: 12; grid-column: span 3 / span 3; } /* رسالة الترحيب */

/* العنوان بجانب الحقل */
[data-reg-top] > .space-y-1\.5,
[data-reg-top] [data-feature="registration-circle-target-v1"] > .space-y-1\.5 {
  display: grid; grid-template-columns: 6.25rem minmax(0, 1fr); align-items: center; column-gap: .5rem;
}
[data-reg-top] .space-y-1\.5 > * { margin-top: 0 !important; }
[data-reg-top] .space-y-1\.5 > label { margin: 0; font-weight: 700; color: #1e293b; line-height: 1.3; }
[data-reg-top] .space-y-1\.5 > p { grid-column: 2; }
[data-reg-top] > :nth-child(3), [data-reg-top] > :nth-child(4), [data-reg-top] > :nth-child(5) { align-items: start; }
[data-reg-top] > :nth-child(3) > label, [data-reg-top] > :nth-child(4) > label, [data-reg-top] > :nth-child(5) > label { padding-top: .55rem; }
[data-reg-top] textarea { height: 4.25rem; min-height: 2.5rem; resize: vertical; }
[data-reg-top] > :nth-child(3) .h-32 { height: 4.5rem; }
[data-reg-top] > :nth-child(3) .flex-wrap { flex-wrap: nowrap; }
[data-reg-top] > :nth-child(3) .flex-wrap > :first-child { flex: 1 1 auto; min-width: 0; }
[data-reg-top] > :nth-child(3) .space-y-2 > * + * { margin-top: .35rem !important; }
[data-reg-top] > :nth-child(5) .space-y-2 > * + * { margin-top: .25rem !important; }
[data-reg-top] > :nth-child(6) { padding: .55rem .8rem !important; }
[data-reg-top] [data-feature="registration-circle-target-v1"] { gap: .5rem .9rem; }

/* أقسام النموذج */
[data-reg-sections] { padding: .6rem .8rem !important; border-color: var(--reg-card) !important; }
[data-reg-sections] > :first-child { margin-bottom: .4rem; }
[data-reg-sections] .space-y-2 > * + * { margin-top: .35rem !important; }
[data-reg-sections] .space-y-2 > div { padding: .35rem .5rem; border-color: var(--reg-card); }

/* عنوان «أسئلة وحقول التسجيل» */
[data-reg-sections] + div { border-bottom: 2px solid var(--reg-accent); padding-bottom: .35rem; }
[data-reg-sections] ~ :not([hidden]) { margin-top: .5rem !important; }

/* بطاقة السؤال: السؤال ونوعه وأدواته في سطر، ثم القسم والتعليمات، ثم الخيارات */
[data-reg-field] {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .45rem .75rem; align-items: center;
  padding: .55rem .75rem !important; border-color: var(--reg-card) !important; border-inline-start: 4px solid #5eead4 !important;
}
[data-reg-field]:focus-within { border-color: var(--reg-accent) !important; }
[data-reg-field] > * { margin: 0 !important; }
[data-reg-field] > :first-child { grid-column: 1; grid-row: 1; align-items: center; }
[data-reg-field] > :first-child > span { padding-top: 0; }
[data-reg-field] > :last-child { grid-column: 2; grid-row: 1; border: 0 !important; padding: 0 !important; gap: .5rem; flex-wrap: nowrap; }
[data-reg-field] > :nth-child(2) { grid-column: 1 / -1; grid-template-columns: 13rem minmax(0, 1fr); gap: .5rem; }
[data-reg-field] > [data-reg-options] { grid-column: 1 / -1; }
[data-reg-field] > :nth-child(2) textarea { height: 2.4rem; min-height: 2.4rem; resize: vertical; }
[data-reg-field] input, [data-reg-field] select { min-height: 2.3rem; }

@media (max-width: 767px) {
  [data-reg-editor] { padding: .75rem !important; }
  [data-reg-top] { grid-template-columns: minmax(0, 1fr); }
  [data-reg-top] > * { grid-column: 1 / -1 !important; }
  [data-reg-top] > .space-y-1\.5,
  [data-reg-top] [data-feature="registration-circle-target-v1"] > .space-y-1\.5 { grid-template-columns: 5.5rem minmax(0, 1fr); }
  [data-reg-field] { grid-template-columns: minmax(0, 1fr); }
  [data-reg-field] > :last-child { grid-column: 1; grid-row: auto; justify-content: space-between; }
  [data-reg-field] > :nth-child(2) { grid-template-columns: minmax(0, 1fr); }
}
