/* Training Portal - My Training Compact v49
   Scoped to pages containing an exact "دوراتي وبرامجي التدريبية" heading.
   No global .row/.card/.btn overrides. No functional/permission changes.
*/
.tp-mytraining-compact {
  --mt-gap: 12px;
  --mt-border: #dbe7e1;
}
/* Existing project class names + optional semantic hooks; all scoped. */
.tp-mytraining-compact :is(.tp-programs-hero,.tp-dashboard-hero,.programs-hero,[data-mt-role="hero"]) {
  min-height:0 !important; padding:16px 20px !important; margin-bottom:12px !important;
  border-radius:15px !important;
}
.tp-mytraining-compact :is(.tp-programs-hero,.tp-dashboard-hero,.programs-hero,[data-mt-role="hero"]) :is(h1,h2,h3) {
  margin:0 0 3px !important; font-size:clamp(1.2rem,2vw,1.55rem) !important; line-height:1.4 !important;
}
.tp-mytraining-compact :is(.tp-programs-hero,.tp-dashboard-hero,.programs-hero,[data-mt-role="hero"]) p {
  margin:0 !important; line-height:1.5 !important;
}
.tp-mytraining-compact :is(.tp-tips-box,.personal-tips-box,[data-mt-role="tips"]) {
  min-height:0 !important; padding:10px 16px !important; margin-block:10px !important; border-radius:12px !important;
}
.tp-mytraining-compact :is(.tp-program-filters,.program-filters-wrap,[data-mt-role="filters"]) {
  padding:12px 16px !important; margin-block:10px !important; border-radius:14px !important;
}
.tp-mytraining-compact :is(.tp-program-filters,.program-filters-wrap,[data-mt-role="filters"]) :is(.filters-inner,.filter-list,.filter-actions) {
  display:flex; flex-wrap:wrap; align-items:center; gap:7px !important;
}
.tp-mytraining-compact :is(.tp-program-filters,.program-filters-wrap,[data-mt-role="filters"]) :is(.btn,.filter-chip,button) {
  min-height:38px; padding:6px 12px !important; font-size:.875rem !important; line-height:1.4 !important;
}
.tp-mytraining-compact :is(.tp-course-card,.course-card,[data-mt-role="course"]) {
  min-height:0 !important; margin-bottom:12px !important; border-radius:15px !important;
}
.tp-mytraining-compact :is(.tp-course-card,.course-card,[data-mt-role="course"]) :is(.card-body,.course-body,.course-details) {
  padding:14px 16px !important;
}
.tp-mytraining-compact :is(.tp-course-card,.course-card,[data-mt-role="course"]) :is(.status-chips,.course-badges) {
  display:flex; gap:5px !important; flex-wrap:wrap; margin-bottom:6px !important;
}
.tp-mytraining-compact :is(.tp-course-card,.course-card,[data-mt-role="course"]) :is(.course-title,h3) {
  margin:0 0 6px !important; font-size:clamp(1.05rem,1.6vw,1.28rem) !important; line-height:1.4 !important;
}
.tp-mytraining-compact :is(.tp-course-card,.course-card,[data-mt-role="course"]) :is(.next-step,.next-action) {
  padding:8px 12px !important; margin:7px 0 !important; line-height:1.5 !important;
}
.tp-mytraining-compact :is(.tp-course-card,.course-card,[data-mt-role="course"]) :is(.requirements,.requirements-list,.progress-row,.course-progress) {
  margin-block:7px !important;
}
.tp-mytraining-compact :is(.tp-course-card,.course-card,[data-mt-role="course"]) :is(.actions,.course-actions) {
  display:flex; flex-wrap:wrap; gap:7px !important; margin-top:9px !important;
}
.tp-mytraining-compact :is(.tp-course-card,.course-card,[data-mt-role="course"]) :is(.actions,.course-actions) :is(.btn,button,a) {
  min-height:38px; padding:7px 12px !important; font-size:.875rem !important;
}
/* Constrain image without distorting it; the image container must own the height. */
.tp-mytraining-compact :is(.tp-course-card,.course-card,[data-mt-role="course"]) :is(.course-thumb,.course-image,.course-cover) {
  height:190px !important; max-height:190px !important; overflow:hidden;
}
.tp-mytraining-compact :is(.tp-course-card,.course-card,[data-mt-role="course"]) :is(.course-thumb,.course-image,.course-cover) img {
  width:100%; height:100%; object-fit:cover;
}
.tp-mytraining-compact :is(button,a,input,select):focus-visible {outline:3px solid #b66b12;outline-offset:2px}
@media (max-width:767px) {
 .tp-mytraining-compact :is(.tp-programs-hero,.tp-dashboard-hero,.programs-hero,[data-mt-role="hero"]) {padding:14px !important}
 .tp-mytraining-compact :is(.tp-program-filters,.program-filters-wrap,[data-mt-role="filters"]) {padding:12px !important}
 .tp-mytraining-compact :is(.tp-course-card,.course-card,[data-mt-role="course"]) :is(.course-thumb,.course-image,.course-cover) {height:145px !important;max-height:145px !important}
 .tp-mytraining-compact :is(.tp-course-card,.course-card,[data-mt-role="course"]) :is(.card-body,.course-body,.course-details) {padding:12px !important}
}
@media (prefers-reduced-motion:reduce) { .tp-mytraining-compact * {scroll-behavior:auto !important} }