/* atheer-vireo-rhythm.css — تصحيح الإيقاع الرأسيّ
 * ════════════════════════════════════════════════════════════════════════════
 * يُحمَّل **بعد** atheer-vireo-map.css. مسافات فقط — لا لون ولا تخطيط ولا إخفاء.
 *
 * العلّة: `.at-listpage` يعطي `gap:16px` لأبنائه، لكنّ صفحات كثيرة تبني
 * شريط أدواتها وبطاقات أرقامها **خارج** ذلك الحاوي، فتفقد الإيقاع وتلتصق.
 * والقاعدة هنا تعيده بالخصائص المنطقيّة (تعمل في الاتجاهين).
 *
 * كلّ قاعدة تستعمل `margin-block-start` على العنصر **التالي** لا `-end` على
 * السابق: الهوامش المتجاورة تنطوي، والبدء لا ينطوي عبر حدود flex/grid.
 */

/* ── ١ · شريط الأدوات وبطاقات الأرقام ─────────────────────────────────── */
.at-listpage__toolbar + .at-listpage__metrics,
.at-listpage__toolbar + .at-grid,
.at-listpage__toolbar + .at-card,
.at-listpage__toolbar + .form-card,
.at-listpage__toolbar + .table-wrap { margin-block-start: 16px; }

.at-listpage__metrics + .at-grid,
.at-listpage__metrics + .at-card,
.at-listpage__metrics + .form-card,
.at-listpage__metrics + .table-wrap { margin-block-start: 16px; }

/* ── ٢ · رأس الصفحة وما يليه ──────────────────────────────────────────── */
.page-header + *,
.breadcrumb + .page-header { margin-block-start: 14px; }

/* ── ٣ · الصفوف الملتفّة داخل النموذج ───────────────────────────────────────
 * 🔴 القاعدة الأولى هنا كانت **ميتة**: استهدفت `.form-check` و`.checkbox-row`
 * وهما لا يظهران في الترميز إطلاقًا — `chkFld` تُنتج `div.form-group`.
 * كتابةُ قاعدة على صنف غير موجود لا تُخطئ ولا تُحذّر، فتبدو إصلاحًا وهي لا شيء.
 *
 * الآليّة الفعليّة: `.form-group` له `margin-block-end` قائم، لكنّ
 * `.form-row > .form-group` يُصفّره — والصفّ يلتفّ إلى أسطر، فتلتصق الأسطر.
 * و`saas-polish.css` يدهس الصفّ إلى شبكة بـ`gap: 6px 0` في العرض الضيّق.
 * ⇒ العلاج فجوة صفّ على الحاوي، لا هامش على الأبناء (الهوامش مُصفّرة أصلًا). */
.form-row { row-gap: 14px; }
@media (max-width: 760px) { .form-row { row-gap: 12px; } }

/* خانة اختيار تلي حقلًا في نفس المجموعة: تبدو جزءًا منه لا خيارًا مستقلًّا */
.form-group > label + label,
.form-group input[type="checkbox"] + span { line-height: 1.5; }
.form-group + .form-group:has(input[type="checkbox"]) { margin-block-start: 4px; }

/* ── ٤ · أقسام النموذج ────────────────────────────────────────────────── */
.form-card + .form-card,
.at-card + .at-card { margin-block-start: 16px; }

/* ── ٥ · بطاقات الأرقام: تنفّس داخليّ متّسق ───────────────────────────── */
.at-listpage__metrics > * { padding-block: 14px; }

/* ⚠️ لا قاعدة هنا تُخفي أو تُزيح عنصراً — مسافات فقط.
 *    وأيّ تراجع = حذف سطر الوصلة، بلا أثر على ملفّ قائم. */

/* ── ٦ · توحيد عرض الحقول ──────────────────────────────────────────────────
 * كلّ الحقول تحمل `.field__input` نفسه، لكنّ عرضها المرئيّ يختلف لأنّها لا
 * تملأ خليّتها في الشبكة — فيبدو «الاسم الأول» أعرض من «رقم الجوال» وهما
 * في شبكة أعمدتها متساوية. القاعدة تُنهي الفارق من مصدره:
 * الحقل يملأ خليّته، والخليّة هي التي تحدّد العرض. */
.field__input,
.at-input,
input.input,
select.input,
textarea.input,
.field__control { width: 100%; box-sizing: border-box; }

/* الشبكة لا تسمح لخليّة بالتمدّد بمحتواها — بلا هذا يتضخّم عمود
 * ويضيق جاره رغم `1fr`. */
/* at-form-grid لا وجود له — حُذف. */
.pref-grid > *,
.form-grid > * { min-width: 0; }

/* الحقول القصيرة عمداً (رمز · مدّة · منفذ) تبقى قصيرة بنيّة صريحة */
.field__input[data-width="short"],
input.input--short { max-width: 220px; }