/* MIYAAR Learner Experience v15.5.5 — unified post-enrollment journey */
:root{--lx-brand:var(--mi-brand,var(--primary,#078a87));--lx-brand-strong:var(--mi-brand-strong,var(--primary-dark,#056f6d));--lx-accent:var(--mi-accent,var(--secondary,#2563eb));--lx-bg:var(--mi-bg,var(--background,#f7f9fb));--lx-surface:var(--mi-surface,var(--panel,#fff));--lx-text:var(--mi-text,var(--text,#172033));--lx-muted:var(--mi-text-muted,var(--muted,#667085));--lx-line:var(--mi-border,var(--line,#e5e7eb));--lx-radius:var(--mi-radius-xl,24px);--lx-shadow:0 18px 55px rgba(15,23,42,.08)}
[data-learner-experience-stage="15.5.5"]{scroll-margin-top:100px}
.mi-learner-tabs{width:min(1360px,calc(100% - 72px));margin:18px auto 28px;padding:7px;display:flex;align-items:center;gap:6px;border:1px solid var(--lx-line);border-radius:18px;background:color-mix(in srgb,var(--lx-surface) 94%,transparent);box-shadow:0 10px 30px rgba(15,23,42,.045);overflow:auto;scrollbar-width:none}.mi-learner-tabs::-webkit-scrollbar{display:none}.mi-learner-tabs a{min-height:45px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border-radius:13px;text-decoration:none;color:var(--lx-muted);font-weight:800;font-size:13px;transition:.2s ease}.mi-learner-tabs a:hover{background:var(--lx-bg);color:var(--lx-text)}.mi-learner-tabs a.is-active{background:var(--lx-brand);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--lx-brand) 24%,transparent)}.mi-learner-tabs a b{min-width:20px;height:20px;padding:0 5px;display:inline-grid;place-items:center;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:10px}.mi-learner-tabs-inline{width:100%;margin:18px 0 26px}.mi-learner-tabs-compact{width:100%;margin-top:16px;margin-bottom:0}
/* Trainee dashboard */
html[data-learner-experience-stage="15.5.5"] .miyaar-dashboard-body .dash-main{background:linear-gradient(180deg,color-mix(in srgb,var(--dash-primary) 5%,#f8fafc),#f8fafc 260px)}
.trainee-continue-panel{overflow:hidden}.trainee-continue-panel .panel-heading p{margin:5px 0 0;color:#64748b;font-size:13px}.trainee-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.trainee-course-card{position:relative;min-width:0;display:grid;grid-template-columns:116px minmax(0,1fr) 30px;align-items:center;gap:14px;padding:10px;border:1px solid #e6eaf0;border-radius:18px;background:#fff;text-decoration:none;color:#172033;transition:.22s ease}.trainee-course-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--dash-primary) 35%,#e6eaf0);box-shadow:0 16px 34px rgba(15,23,42,.08)}.trainee-course-media{position:relative;aspect-ratio:16/10;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--dash-primary) 13%,#fff),color-mix(in srgb,var(--dash-primary-2) 10%,#fff));display:grid;place-items:center}.trainee-course-media img{width:100%;height:100%;object-fit:cover}.trainee-course-media>i{width:42px;height:42px;display:grid;place-items:center}.trainee-course-media>b{position:absolute;right:7px;bottom:7px;padding:4px 7px;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:9px}.trainee-course-card.is-complete .trainee-course-media>b{background:#166534}.trainee-course-copy{min-width:0;display:grid;gap:6px}.trainee-course-copy>small{color:var(--dash-primary);font-size:10px;font-weight:900}.trainee-course-copy>strong{font-size:14px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trainee-course-progress{height:6px;background:#edf1f5;border-radius:999px;overflow:hidden}.trainee-course-progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--dash-primary),var(--dash-primary-2))}.trainee-course-copy>em{font-style:normal;color:#64748b;font-size:10px}.trainee-course-copy>em b{color:#172033;font-size:12px}.trainee-course-arrow{color:#94a3b8}
/* Course hub */
.mi-learner-course .course-hub-hero{border:1px solid var(--lx-line);box-shadow:var(--lx-shadow);background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--lx-accent) 8%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--lx-brand) 8%,#fff),#fff 58%)}.mi-learner-course .course-hub-progress-card{border:1px solid color-mix(in srgb,var(--lx-brand) 18%,var(--lx-line));box-shadow:0 14px 34px rgba(15,23,42,.07)}.mi-learner-course .course-hub-shortcuts>a,.mi-learner-course .course-next-card,.mi-learner-course .course-lesson-card{transition:.2s ease}.mi-learner-course .course-hub-shortcuts>a:hover,.mi-learner-course .course-next-card:hover,.mi-learner-course .course-lesson-card:not(.is-locked):hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.07)}
/* Lesson */
.mi-learner-lesson .lesson-heading-card{border:1px solid var(--lx-line);box-shadow:var(--lx-shadow);background:linear-gradient(135deg,color-mix(in srgb,var(--lx-brand) 7%,#fff),#fff)}.lesson-page-section .lesson-panel{border-color:var(--lx-line);box-shadow:0 10px 30px rgba(15,23,42,.045)}.lesson-page-section .lesson-media-panel{overflow:hidden}.lesson-page-section .video-frame,.lesson-page-section video{border-radius:16px;overflow:hidden}.lesson-sidebar .lesson-outline.sticky{top:112px}
/* Assessments */
.mi-learner-assessments .as-hero,.mi-learner-assessments .as-attempt-hero{border:1px solid var(--lx-line);box-shadow:var(--lx-shadow);background:linear-gradient(135deg,color-mix(in srgb,var(--lx-brand) 7%,#fff),#fff)}.mi-learner-assessments .as-card{box-shadow:0 10px 30px rgba(15,23,42,.045)}.mi-learner-assessments .as-btn{background:var(--lx-brand)}
/* Live learning */
.mi-learner-live,.mi-live-room{width:min(1240px,calc(100% - 48px));margin-inline:auto}.mi-learner-live .live-card,.mi-live-room .live-panel{border-color:var(--lx-line);box-shadow:0 10px 30px rgba(15,23,42,.05)}.mi-live-room{padding:30px 0 54px}.mi-live-room .lr-live-hero{border:1px solid var(--lx-line);background:linear-gradient(135deg,color-mix(in srgb,var(--lx-brand) 8%,#fff),#fff);box-shadow:var(--lx-shadow)}.mi-live-room .live-join{background:var(--lx-brand)}
/* Certificates */
.learner-certificates{background:linear-gradient(180deg,color-mix(in srgb,var(--lx-brand) 4%,var(--lx-bg)),var(--lx-bg) 360px)}.learner-certificates-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:30px;border:1px solid var(--lx-line);border-radius:var(--lx-radius);background:var(--lx-surface);box-shadow:var(--lx-shadow)}.learner-certificates-hero h1{margin:7px 0;font-size:clamp(30px,4vw,48px)}.learner-certificates-hero p{max-width:700px;margin:0;color:var(--lx-muted);line-height:1.9}.learner-cert-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 24px}.learner-cert-stats article{display:flex;align-items:center;gap:12px;padding:17px 18px;border:1px solid var(--lx-line);border-radius:18px;background:var(--lx-surface)}.learner-cert-stats article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--lx-brand) 10%,#fff);color:var(--lx-brand)}.learner-cert-stats strong{display:block;font-size:23px}.learner-cert-stats small{color:var(--lx-muted)}.learner-cert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.learner-cert-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:17px;padding:22px;border:1px solid var(--lx-line);border-radius:21px;background:var(--lx-surface);box-shadow:0 9px 26px rgba(15,23,42,.045)}.learner-cert-mark{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--lx-brand) 12%,#fff),color-mix(in srgb,var(--lx-accent) 10%,#fff));color:var(--lx-brand);font-size:23px}.learner-cert-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.learner-cert-top>span{font-size:11px;font-weight:900;color:var(--lx-brand)}.learner-cert-status{padding:5px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-size:10px}.is-revoked .learner-cert-status{background:#fee2e2;color:#991b1b}.learner-cert-card h2{font-size:19px;margin:7px 0 13px}.learner-cert-card dl{display:flex;gap:22px;flex-wrap:wrap;margin:0 0 16px}.learner-cert-card dl div{display:grid;gap:2px}.learner-cert-card dt{font-size:10px;color:var(--lx-muted)}.learner-cert-card dd{margin:0;font-size:12px;font-weight:800}.learner-cert-actions{display:flex;gap:8px;flex-wrap:wrap}.learner-cert-empty{min-height:300px;margin-top:20px;border:1px dashed var(--lx-line);border-radius:24px;background:var(--lx-surface)}
/* Account enrollments */
.learner-enrollments-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--lx-brand) 8%,#fff),#fff)}.learner-enrollment-page .site-card{border-color:var(--lx-line);box-shadow:0 10px 30px rgba(15,23,42,.045)}
@media(max-width:1100px){.trainee-course-grid{grid-template-columns:1fr}.trainee-course-card{grid-template-columns:130px minmax(0,1fr) 30px}.learner-cert-grid{grid-template-columns:1fr}}
@media(max-width:880px){.mi-learner-tabs{width:calc(100% - 32px);margin-block:14px 22px}.mi-learner-tabs-inline,.mi-learner-tabs-compact{width:100%}.learner-certificates-hero{align-items:flex-start;flex-direction:column}.learner-cert-stats{grid-template-columns:1fr}.mi-live-room{width:calc(100% - 32px)}}
@media(max-width:650px){.mi-learner-tabs{width:calc(100% - 24px);padding:5px;border-radius:14px}.mi-learner-tabs-inline,.mi-learner-tabs-compact{width:100%}.mi-learner-tabs a{min-height:41px;padding:0 11px;font-size:11px}.trainee-course-card{grid-template-columns:92px minmax(0,1fr);gap:11px}.trainee-course-arrow{display:none}.learner-certificates-hero{padding:20px}.learner-cert-card{grid-template-columns:1fr}.learner-cert-mark{width:52px;height:52px}.learner-cert-actions .mi-btn{width:100%}.mi-live-room{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.trainee-course-card,.mi-learner-tabs a,.mi-learner-course .course-hub-shortcuts>a,.mi-learner-course .course-next-card,.mi-learner-course .course-lesson-card{transition:none!important;transform:none!important}}