/* Riwaq 7.8.98 — نظام الإخراج الموحد للمنصة كلها.
   المرجع المتفق عليه (بلقطاته):
   - رأس كل صفحة: بطاقة داكنة كصفحة المشروعات — شارة مفرّغة، عنوان كبير بلون ذهبي فاتح،
     سطر وصف واحد، وزر «؟ دليل الصفحة» حبة فاتحة. لا شيء غير ذلك في الرأس.
   - التبويبات في كل المنصة: حبة واحدة — المفرّغة للخامل، والنشطة ممتلئة بالأخضر الداكن
     وفيها دائرة رقم ذهبية وعليها نقطة ✓ ذهبية في الطرف (كزر «مواعيد الجلسات»).
   - البلوكات: بطاقة بيضاء بإطار ذهبي من اليمين (كبطاقة «تسجيل المقررات»).
   - الأشرطة: مسار بيج ناعم وامتلاء ذهبي (كشريط «عليك الآن»).
   - لا خط تحت نص أي زر. لا عناوين فرعية داخل الأقسام — الشرح كله في زر «؟». */

.page { --pg-accent: var(--primary); --pg-gold: var(--riwaq-block-gold, #b98a2f); }

/* ===== 1) رأس الصفحة: بطاقة داكنة موحدة ===== */
.page > .page-head, .page .page-head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; flex-wrap: wrap;
  padding: 20px 22px; margin-bottom: 14px; border: 0; border-radius: 22px;
  background: linear-gradient(135deg, var(--primary-strong), color-mix(in srgb, var(--primary-strong) 55%, var(--primary)));
  color: #f4f7f7; box-shadow: 0 10px 26px color-mix(in srgb, var(--primary-strong) 25%, transparent);
}
.page .page-head .eyebrow {
  display: inline-block; padding: 4px 13px; border-radius: 999px;
  border: 1px solid color-mix(in srgb, #ffffff 35%, transparent);
  background: transparent; color: #eef4f3; font-weight: 700; font-size: calc(.76rem * var(--font-scale));
}
.page .page-head h2 {
  margin: 8px 0 2px; color: color-mix(in srgb, var(--pg-gold) 38%, #ffffff);
  font-size: calc(1.6rem * var(--font-scale));
}
/* سطر الوصف الواحد في الرأس يبقى — هو نموذج المشروعات. ما سواه من فقرات يُخفى أدناه. */
.page .page-head p { display: block !important; margin: 0; color: color-mix(in srgb, #ffffff 78%, transparent); font-size: calc(.9rem * var(--font-scale)); max-width: 70ch; }
.page .page-head .rp-facts-inline { display: none !important; }
/* v7.8.98: زر الدليل عنصر داخل صف الرأس لا فوقه — كان مثبتًا في الركن فيغطيه المحتوى
   أو يخرج عن العين في بعض الصفحات والجوال. الآن حبة بيضاء صريحة في طرف الرأس، وعلى
   الشاشات الضيقة ينزل سطرًا وحده ويبقى ظاهرًا دائمًا. */
.pg-btn {
  order: 99; margin-inline-start: auto; align-self: center; flex: 0 0 auto;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 15px; border: 0; border-radius: 999px;
  background: #ffffff; color: var(--primary-strong);
  font: inherit; font-size: calc(.8rem * var(--font-scale)); font-weight: 800; cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,.16);
}
.pg-btn span { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--primary-strong); color: #fff; font-weight: 800; font-size: 11px; font-style: italic; font-family: Georgia, 'Times New Roman', serif; line-height: 1; }
.pg-btn:hover { box-shadow: 0 0 0 2px color-mix(in srgb, var(--pg-gold) 65%, transparent), 0 2px 8px rgba(0,0,0,.16); }
@media (max-width: 640px) { .pg-btn { width: 100%; justify-content: center; margin-inline-start: 0; } }

/* ===== 2) نمط التبويبات الواحد في المنصة كلها =====
   الشكل المعتمد هو زر «مواعيد الجلسات»: النشط ممتلئ بالداكن وعليه ✓ ذهبية، والخامل حبة
   مفرّغة. القاعدة تشمل كل مجموعات التبديل في المنصة بأسمائها كلها — ومنها أزرار حالة
   المهمة التي كانت تحمل ألوانها سطريًّا (inline) فلا يغلبها إلا !important، ومبدّلا
   التقويم. الورقة تُحمَّل أخيرة فكلمتها هي العليا. */
.segmented, .library-tabs, .rs-comprehensive-tabs, .rp-tabs,
.task-state-segment, .calendar-view-switch, .workspace-tabs, .pw-tabs, .v492-project-tabs {
  gap: 8px !important; background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important;
}
.segmented button, .library-tabs button, .rs-comprehensive-tabs button, .rp-tabs button,
.task-state-segment button, .calendar-view-switch button, .workspace-tabs button, .pw-tabs button, .v492-project-tab {
  position: relative; border: 1px solid var(--line) !important; border-radius: 999px !important;
  background: var(--surface) !important; color: var(--text) !important; box-shadow: none !important;
}
.rs-comprehensive-tabs button > span, .rp-tabs button > span {
  display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%;
  border: 1px solid var(--line); background: var(--surface-soft); font-size: calc(.74rem * var(--font-scale)); font-weight: 800;
}
.segmented button.active, .library-tabs button.active,
.rs-comprehensive-tabs button.active, .rp-tabs button.active,
.task-state-segment button.active, .calendar-view-switch button.active, .workspace-tabs button.active, .pw-tabs button.active, .v492-project-tab.active {
  background: var(--primary-strong) !important; border-color: var(--primary-strong) !important; color: #fff !important;
}
.rs-comprehensive-tabs button.active > span, .rp-tabs button.active > span {
  background: var(--pg-gold); border-color: var(--pg-gold); color: #1c2a2f;
}
.segmented button.active::after, .library-tabs button.active::after,
.rs-comprehensive-tabs button.active::after, .rp-tabs button.active::after,
.task-state-segment button.active::after, .calendar-view-switch button.active::after, .workspace-tabs button.active::after, .pw-tabs button.active::after, .v492-project-tab.active::after {
  content: '✓'; position: absolute; top: -6px; inset-inline-start: -4px; display: grid; place-items: center;
  width: 18px; height: 18px; border-radius: 50%; background: var(--pg-gold); color: #1c2a2f;
  font-size: 11px; font-weight: 900; box-shadow: 0 1px 4px rgba(0,0,0,.18);
}

/* ===== 3) البلوكات: بطاقة بيضاء بإطار ذهبي من اليمين ===== */
.page .panel, .page .card,
#researchPlanPage .rp-tab-body, #researchPlanPage .rp-sess-group,
#comprehensivePage .rs-training-tools, #comprehensivePage .rs-axes,
#researchPlanPage .rp-step.is-expanded {
  border-inline-start: 4px solid color-mix(in srgb, var(--pg-gold) 75%, var(--surface)) !important;
  border-start-start-radius: 6px; border-end-start-radius: 6px;
}

/* ===== 4) الأشرطة: مسار بيج وامتلاء ذهبي ===== */
.rp-progress { background: var(--riwaq-block-beige-soft, #f3ead8); }
.rp-progress i { background: var(--pg-gold) !important; }

/* ===== 5) لا خط تحت نص أي زر ===== */
.btn, .btn.primary, button { text-decoration: none !important; }

/* ===== 6) لا عناوين فرعية داخل الأقسام — الشرح في زر «؟» ===== */
.page section > header p,
#comprehensivePage .rs-training-tools > p,
#comprehensivePage .rs-axes header p,
#comprehensivePage .rs-source-line,
#thesisPage .rs-integrity-note, #thesisPage .rs-coverage-note,
#filesPage .reference-simple-note { display: none !important; }
#comprehensivePage .rs-training-tools header span, #comprehensivePage .rs-axes header span { display: none !important; }

/* رؤوس الأقسام بشرطة ذهبية قصيرة. */
#researchPlanPage .rp-sess-group h5, #comprehensivePage .rs-training-tools h4, #comprehensivePage .rs-axes h4, #thesisPage .rs-studio-head h4 { position: relative; padding-inline-start: 12px; color: var(--primary-strong); }
#researchPlanPage .rp-sess-group h5::before, #comprehensivePage .rs-training-tools h4::before, #comprehensivePage .rs-axes h4::before, #thesisPage .rs-studio-head h4::before {
  content: ''; position: absolute; inset-inline-start: 0; top: 50%; transform: translateY(-50%);
  width: 4px; height: 1.05em; border-radius: 999px; background: var(--pg-gold);
}

/* بوصلة الإجابة: سطر شارات واحد. */
#comprehensivePage .rs-answer-compass { display: flex !important; flex-wrap: wrap; gap: 6px; }
#comprehensivePage .rs-answer-compass span { display: inline-flex !important; align-items: center; gap: 6px; min-height: 0 !important; padding: 6px 12px !important; border-radius: 999px !important; font-size: calc(.8rem * var(--font-scale)); }
#comprehensivePage .rs-answer-compass b { width: 20px !important; height: 20px !important; border-radius: 50% !important; font-size: calc(.72rem * var(--font-scale)); background: var(--pg-gold) !important; color: #1c2a2f !important; }

/* كثافة أهدأ. */
.page .page-head h2 + p { margin-top: 2px; }
#filesPage .panel, #thesisPage .panel, #comprehensivePage .panel, #researchPlanPage .panel,
#comprehensivePage .rs-training-tools, #comprehensivePage .rs-axes { padding: 14px !important; }

/* ===== 7) شريط الترحيب لمرة واحدة ونافذة الدليل ===== */
.pg-banner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin: 0 0 12px; padding: 11px 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--line)); background: color-mix(in srgb, var(--primary) 8%, var(--surface)); }
.pg-banner p { margin: 0; font-size: calc(.88rem * var(--font-scale)); font-weight: 700; color: var(--primary-strong); }
.pg-banner span { display: inline-flex; gap: 8px; }
.pg-modal .pg-what { margin: 0 0 10px; font-size: calc(.95rem * var(--font-scale)); line-height: 1.8; }
.pg-steps { margin: 0 0 12px; padding: 0; list-style: none; counter-reset: pg; display: grid; gap: 8px; }
.pg-steps li { counter-increment: pg; display: flex; gap: 10px; align-items: flex-start; line-height: 1.8; }
.pg-steps li::before { content: counter(pg); flex: 0 0 auto; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--primary); color: #fff; font-weight: 900; font-size: calc(.8rem * var(--font-scale)); }
.pg-tip { margin: 0; padding: 9px 12px; border-radius: 10px; background: var(--surface-soft); font-size: calc(.86rem * var(--font-scale)); line-height: 1.7; }


/* ===== v7.8.98 — توحيد الأزرار في المنصة كلها + مظهر فكرة السؤال التدريبي ===== */
/* 1) الأزرار: الرئيس ممتلئ بالأخضر الداكن حبةً، والثانوي حبة مفرّغة — في كل الصفحات. */
.btn { border-radius: 999px !important; }
.btn.primary { background: var(--primary-strong) !important; box-shadow: none; }
.btn.primary:hover { background: var(--primary-strong); box-shadow: 0 0 0 2px color-mix(in srgb, var(--pg-gold, var(--riwaq-block-gold, #b98a2f)) 60%, transparent); transform: none; }
.btn.quiet { background: var(--surface); border: 1px solid var(--line); }
.btn.quiet:hover { border-color: var(--primary-strong); }
.icon-btn { border-radius: 50% !important; }
/* 2) فكرة السؤال التدريبي: النظام نفسه — شارات، بطاقة سؤال بإطار ذهبي يمين، رؤوس بشرطة ذهبية. */
.rs-practice-evidence { gap: 6px !important; }
.rs-practice-evidence > div { border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px !important; background: var(--surface); display: inline-flex !important; align-items: baseline; gap: 6px; }
.rs-practice-evidence > div span { color: var(--muted); font-size: calc(.74rem * var(--font-scale)); }
.rs-practice-evidence > div strong { font-size: calc(.82rem * var(--font-scale)); color: var(--primary-strong); }
.rs-practice-question { border: 1px solid var(--line) !important; border-inline-start: 4px solid color-mix(in srgb, var(--riwaq-block-gold, #b98a2f) 75%, var(--surface)) !important; border-radius: 14px !important; background: var(--riwaq-block-beige-soft, #f8f3e8) !important; padding: 14px !important; line-height: 2 !important; }
.rs-practice-plan { border-top: 1px dashed var(--line); margin-top: 10px; padding-top: 10px; }
.rs-practice-plan strong, .rs-practice-plan b { color: var(--primary-strong); }

/* ===== v7.8.98 — زر الحفظ حاضر دائمًا في كل نافذة، على كل شاشة =====
   الشكوى من نافذة «تعديل المشروع»: المحتوى طويل وزر الحفظ في ذيله فيغيب عن العين.
   كل نوافذ المنصة تمر من نموذج واحد (#modalForm)، فالضمان يُكتب مرة ويسري على الجميع:
   النموذج شبكة ثلاثية (رأس/متن/تذييل)، المتن هو الذي يتمرر، والتذييل مثبت ظاهر دائمًا. */
.modal #modalForm { display: grid !important; grid-template-rows: auto minmax(0, 1fr) auto; max-height: min(94dvh, 960px); overflow: hidden; }
.modal .modal-body { min-height: 0; overflow-y: auto !important; }
.modal #modalForm > footer { position: sticky; bottom: 0; z-index: 6; display: flex !important; gap: 10px; background: var(--panel); border-top: 1px solid var(--line); box-shadow: 0 -10px 24px color-mix(in srgb, var(--text) 6%, transparent); }
@media (max-width: 760px) { .modal #modalForm { max-height: 100dvh; height: 100dvh; } }


/* ===== v7.8.98 — نافذة المشروع: حجم مضبوط وتنفس أهدأ ===== */
.modal #modalForm { max-width: 1020px; margin-inline: auto; }
.runtime-problem-banner small { display: block; margin-top: 4px; opacity: .8; direction: ltr; text-align: end; font-size: 11px; }
.pw-tabs { flex-wrap: wrap; }
.pw-tabs button { padding: 9px 16px !important; }


/* ===== v7.8.98 — أزرار مهمة المشروع صف واحد مسطّح، لا قوائم فوق أزرار ===== */
.v492-task-actions { display: flex !important; flex-wrap: wrap; gap: 6px; align-items: center; align-content: flex-start; }
.v495-task-more, .v495-task-more summary { display: none !important; }

/* ===== v7.8.98 — أزرار رؤوس الصفحات في مكانها، ونوافذ بلا بياض فارغ، وعناوين فرعية هادئة ===== */
/* 1) أزرار الرأس (مهمة جديدة، طباعة التقويم، …) عنقود واحد في طرف الرأس بجانب زر الدليل. */
.page-head .page-actions { order: 98; margin-inline-start: auto; align-self: center; display: flex; flex-wrap: wrap; gap: 8px; }
.page-head .page-actions .btn.primary { background: #ffffff !important; color: var(--primary-strong) !important; box-shadow: 0 2px 8px rgba(0,0,0,.16); }
.page-head .page-actions .btn.quiet { background: transparent !important; border-color: color-mix(in srgb, #ffffff 40%, transparent) !important; color: #f2f6f5 !important; }
.page-head .page-actions .btn.quiet:hover { background: color-mix(in srgb, #ffffff 14%, transparent) !important; }
.page-head:has(.page-actions) .pg-btn { margin-inline-start: 0; }
@media (max-width: 640px) { .page-head .page-actions { width: 100%; margin-inline-start: 0; } .page-head .page-actions .btn { flex: 1 1 auto; } }
/* 2) النوافذ تحتضن محتواها — لا بياض فارغ. */
.modal { height: auto !important; }
.modal .modal-body { padding: 16px 18px !important; }
.modal .form-grid { gap: 10px 12px !important; }
.modal .form-grid label, .modal label { gap: 4px; }
.modal input, .modal select, .modal textarea { padding: 9px 12px; }
.modal.project-create-modal { width: min(860px, calc(100vw - 32px)) !important; max-height: min(90dvh, 860px) !important; }
.modal.project-workspace-modal, .modal.project-workspace-v492 { width: min(1080px, calc(100vw - 30px)) !important; }
.project-create-section { padding: 12px !important; }
.modal #modalForm > header { padding: 12px 18px 8px; }
/* 3) العناوين الفرعية داخل الشامل والرسالة بحجم بقية المنصة — عنوان صغير بشرطة ذهبية. */
#comprehensivePage h4, #thesisPage h4 { font-size: calc(.98rem * var(--font-scale)) !important; margin: 0 0 8px !important; }
#comprehensivePage .rs-training-tools > header, #comprehensivePage .rs-axes > header { padding: 0 0 8px !important; }
#comprehensivePage .rs-axis-group header strong { font-size: calc(.92rem * var(--font-scale)); }
#thesisPage .rs-studio-head { margin-bottom: 8px; }

/* ===== v7.8.98 — لا عنوان ثانٍ ضخم داخل الرسالة والشامل ===== */
/* الجملتان التسويقيتان («خطة أكاديمية واضحة…» و«من عنوان الدراسة…») تكرّران رأس الصفحة
   بلا معلومة — حُذفتا مع سطريهما. بقي المفيد وحده: حلقة الجاهزية الذاتية في الشامل،
   شارةً صغيرة في طرف القسم. شارة «5 مصادر متصلة» زينة فحُذفت. */
.rs-studio-head > div > h3, .rs-studio-head > div > span { display: none !important; }
.rs-studio-head { padding: 0 !important; margin: 0 0 10px !important; display: flex !important; justify-content: flex-end; min-height: 0 !important; }
.rs-studio-head .rs-head-metrics { margin: 0 !important; }
.rs-readiness-ring { transform: scale(.85); transform-origin: center; }
.rs-source-badge { display: none !important; }

/* ===== v7.8.98 — الجاهزية خارج الليبل بلون المظهر الداكن، ودليل الـ22 صفحة في تبويبه،
   وعلامة ✓ داخل الزر لا فوقه (كانت تُقص)، والسؤال التدريبي مقروء بلا مجهر ===== */
.rs-readiness-line { display: flex; justify-content: flex-end; margin: 10px 0 4px; }
.rs-readiness-ring { transform: none; background: var(--primary-strong) !important; color: #fff !important; border: 0 !important; }
.rs-readiness-ring strong { color: #fff !important; }
.rs-readiness-ring small { color: color-mix(in srgb, #ffffff 75%, transparent) !important; }
.rs-guide-badge { display: flex !important; flex-direction: column; gap: 2px; padding: 12px 14px; margin: 0 0 12px; border-radius: 14px; border: 1px solid var(--line); border-inline-start: 4px solid color-mix(in srgb, var(--pg-gold, #b98a2f) 75%, var(--surface)); background: var(--surface); text-decoration: none; color: var(--text); }
.rs-guide-badge strong { color: var(--primary-strong); }
.rs-guide-badge small { color: var(--muted); }
/* v7.8.98: «إذا حددتها تصير دبة» — علامة ✓ المحقونة داخل سطر الزر كانت توسّعه عند
   التحديد فيتضخم ويدفع جيرانه. القاعدة الجديدة لا تغيّر مقاس الزر إطلاقًا:
   - تبويب برقم: علامة ✓ تحل محل الرقم داخل دائرته نفسها (نفس البصمة، لا قصّ).
   - مبدّل بلا رقم: نقطة ✓ صغيرة داخل حدود الزر في ركنه الداخلي (لا نموّ ولا قصّ). */
.segmented button.active::after, .library-tabs button.active::after,
.rs-comprehensive-tabs button.active::after, .rp-tabs button.active::after,
.task-state-segment button.active::after, .calendar-view-switch button.active::after,
.workspace-tabs button.active::after, .pw-tabs button.active::after, .v492-project-tab.active::after,
.segmented button.active::before, .library-tabs button.active::before,
.rs-comprehensive-tabs button.active::before, .rp-tabs button.active::before,
.task-state-segment button.active::before, .calendar-view-switch button.active::before,
.workspace-tabs button.active::before, .pw-tabs button.active::before, .v492-project-tab.active::before { content: none !important; }
.rs-comprehensive-tabs button.active > span, .rp-tabs button.active > span { font-size: 0 !important; }
.rs-comprehensive-tabs button.active > span::after, .rp-tabs button.active > span::after {
  content: '✓'; font-size: 12px; font-weight: 900; color: #1c2a2f; line-height: 1;
}
.segmented button, .library-tabs button, .task-state-segment button,
.calendar-view-switch button, .workspace-tabs button, .pw-tabs button, .v492-project-tab { position: relative; }
.segmented button.active .riwaq-active-dot, .noop { display: none; }
.segmented button.active::before, .library-tabs button.active::before,
.task-state-segment button.active::before, .calendar-view-switch button.active::before,
.workspace-tabs button.active::before, .pw-tabs button.active::before, .v492-project-tab.active::before {
  content: '✓' !important; position: absolute; top: 3px; inset-inline-start: 7px;
  width: auto; height: auto; margin: 0; padding: 0; background: transparent;
  color: var(--pg-gold, var(--riwaq-block-gold, #b98a2f)); font-size: 9px; font-weight: 900; line-height: 1;
}
/* السؤال التدريبي: نص كبير مريح. */
.rs-practice-question { font-size: calc(1.08rem * var(--font-scale)) !important; line-height: 2.15 !important; }
.rs-practice-plan { font-size: calc(.95rem * var(--font-scale)); line-height: 2; }
.rs-practice-evidence > div strong { font-size: calc(.88rem * var(--font-scale)); }

/* ===== v7.8.98 — تباين لا لبس فيه: نص السؤال داكن على البيج، وبطاقة الدليل مقروءة ===== */
/* أصل العطلين: الصنفان وُلدا لرأس داكن بنص أبيض، ثم صارت خلفيتهما فاتحة فبقي النص أبيض. */
.rs-practice-question, .rs-practice-question * { color: var(--text) !important; }
.rs-practice-question b, .rs-practice-question strong { color: var(--primary-strong) !important; }
.rs-guide-badge { min-height: 0 !important; place-items: stretch !important; text-align: start; border-color: var(--line) !important; }
.rs-guide-badge strong { color: var(--primary-strong) !important; font-size: calc(.95rem * var(--font-scale)); }
.rs-guide-badge small { color: var(--muted) !important; }
.rs-guide-badge:hover { border-color: var(--pg-gold, #b98a2f) !important; }

/* ===== v7.8.98 — الدليل والجاهزية سطر واحد مرتب داخل تبويب «الدليل والمتطلبات» فقط ===== */
.rs-guide-topline { display: flex; gap: 10px; align-items: stretch; margin: 0 0 12px; }
.rs-guide-topline .rs-guide-doc { flex: 1 1 auto; margin: 0 !important; justify-content: center; }
.rs-guide-topline .rs-readiness-ring { flex: 0 0 auto; align-self: center; }
.rs-readiness-line { display: none !important; }
@media (max-width: 560px) { .rs-guide-topline { flex-direction: column; } .rs-guide-topline .rs-readiness-ring { align-self: stretch; width: 100%; } }



/* ===== v7.8.98 — بطاقة الدليل بصنف جديد نظيف =====
   الصنف القديم rs-guide-badge يفرض نصًّا أبيض بقوة -webkit-text-fill-color !important
   (وُلد لرأس داكن) فيبقى النص أبيض مهما غلبنا color — لهذا ظل المستطيل «فاضيًا».
   الحل الجذري: صنف جديد بلا ميراث معادٍ. */
.rs-guide-doc { display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line); border-inline-start: 4px solid color-mix(in srgb, var(--pg-gold, #b98a2f) 75%, var(--surface)); background: var(--surface); text-decoration: none; }
.rs-guide-doc strong { color: var(--primary-strong); -webkit-text-fill-color: var(--primary-strong); font-size: calc(.95rem * var(--font-scale)); }
.rs-guide-doc small { color: var(--muted); -webkit-text-fill-color: var(--muted); }
.rs-guide-doc:hover { border-color: var(--pg-gold, #b98a2f); }


/* ===== v7.8.98 — رابط الدليل في نهاية الصفحة بتنسيق سطر «يُعد الطالب مرشحًا…» ===== */
.rs-guide-footer { margin-top: 10px; padding: 13px 15px; border-radius: 14px; background: var(--primary-soft); text-align: center; }
.rs-guide-footer a { color: var(--primary-strong); -webkit-text-fill-color: var(--primary-strong); font-weight: 900; text-decoration: none; }
.rs-guide-footer a:hover { color: color-mix(in srgb, var(--pg-gold, #b98a2f) 55%, var(--primary-strong)); -webkit-text-fill-color: color-mix(in srgb, var(--pg-gold, #b98a2f) 55%, var(--primary-strong)); }
/* v7.8.98: السطران يصعدان بجانب الجاهزية — لا فراغ. */
.rs-guide-topline { justify-content: stretch; align-items: stretch; }
.rs-topline-notes { flex: 1 1 auto; display: grid; gap: 8px; min-width: 0; }
.rs-candidacy-line { margin: 0; padding: 13px 15px; border-radius: 14px; background: var(--primary-soft); color: var(--primary-strong); font-weight: 900; text-align: center; }
.rs-guide-footer { margin: 0; }
.rs-guide-topline .rs-readiness-ring { min-width: 118px; }
@media (max-width: 560px) { .rs-guide-topline { flex-direction: column; } }

/* ===== v7.8.98 — الجاهزية حلقة دائرية حقيقية تمتلئ بالإنجاز ===== */
/* دائرة كاملة الاستدارة (لا بيضاوية): قوس بلون المظهر الداكن يكبر مع كل إنجاز حتى
   يكمل الدائرة عند 100%، والمسار الباقي بيج مفرّغ، والنص في مركزها. */
.rs-readiness-ring, .rs-guide-topline .rs-readiness-ring {
  width: 116px !important; height: 116px !important; min-width: 116px !important; min-height: 116px !important;
  aspect-ratio: 1 / 1 !important; border-radius: 50% !important; padding: 0 !important; border: 0 !important;
  align-self: center !important; flex: 0 0 auto !important; transform: none !important;
  display: grid !important; place-content: center !important; gap: 1px; text-align: center;
  background:
    radial-gradient(closest-side, var(--surface) 74%, transparent 75% 100%),
    conic-gradient(var(--primary-strong) calc(var(--value, 0) * 1%), var(--riwaq-block-beige-soft, #f3ead8) 0) !important;
  box-shadow: none !important; color: var(--text) !important;
}
.rs-readiness-ring strong { color: var(--primary-strong) !important; -webkit-text-fill-color: var(--primary-strong) !important; font-size: calc(1.18rem * var(--font-scale)) !important; line-height: 1.1; }
.rs-readiness-ring small { color: var(--muted) !important; -webkit-text-fill-color: var(--muted) !important; font-size: calc(.7rem * var(--font-scale)) !important; }