/* حصة تحديد المستوى: نفس شكل صفحة التسجيل (student_register.css)، والإضافات هنا بس. */
.placement-segments--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.placement-page .student-register-segments label { min-height: 56px; text-align: center; }
.placement-page .student-register-segments label i { font-size: 1.05rem; }

.placement-done { text-align: center; }
.placement-done > i { display: block; margin-block-end: 8px; color: var(--ui-color-brand-700); font-size: 2.6rem; }
.placement-done h2 { margin: 0 0 6px; font-size: 1.35rem; font-weight: 900; color: var(--ui-surface-text); }
.placement-done p { margin: 0 auto 18px; max-inline-size: 30rem; color: #5d716c; font-weight: 700; line-height: 1.9; }
.placement-done__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 18px; }
.placement-link { color: var(--ui-color-brand-700); font-weight: 800; }

@media (max-width: 575.98px) {
  .placement-segments--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* اختيار الميعاد: الأيام ثم ساعات اليوم (placement_request.js بيعرض يوم واحد). */
.placement-slots legend small { margin-inline-start: 6px; color: #5d716c; font-weight: 700; }
.placement-days { grid-template-columns: repeat(auto-fill, minmax(min(100%, 5.5rem), 1fr)); }
.placement-page .placement-days label { min-height: 58px; flex-direction: column; gap: 2px; }
.placement-days label small { color: #6a7d79; font-size: .72rem; font-weight: 800; }
.placement-times { margin-block-start: 10px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 5.5rem), 1fr)); }
.placement-page .placement-times label { min-height: 44px; }
.placement-times[hidden], [data-placement-later][hidden] { display: none; }
.placement-done__slot { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; padding: 8px 14px; border-radius: 8px; background: #e8f6f0; color: #146940 !important; }
.placement-done__slot small { color: #3f6b5c; font-weight: 700; }