/* XERICORE premium student dashboard (additive override, loaded last) */
:root{--xs-bg:#070b11;--xs-panel:#0a1018;--xs-line:rgba(255,255,255,.08);--xs-text:#e6edf3;--xs-soft:#b4bfcc;--xs-muted:#8b98a8;--xs-acc:var(--accent,#00d4ff);--xs-font:var(--font-body,'Inter',system-ui,sans-serif)}

/* ---------- SIDEBAR ---------- */
html body .sd-sidebar{background:#080d14!important;border-right:1px solid var(--xs-line)!important;box-shadow:none!important}
html body .sd-sidebar::before,html body .sd-sidebar::after{display:none!important}
html body .sd-sidebar-logo{border-bottom:1px solid var(--xs-line)!important}
html body .sd-user-card{background:var(--xs-panel)!important;border:1px solid var(--xs-line)!important;border-radius:10px!important;box-shadow:none!important}
html body .sd-user-info strong{font-family:var(--xs-font)!important;font-weight:600!important;letter-spacing:0!important;color:#fff!important}
html body .sd-avatar{background:rgba(255,255,255,.07)!important;border:1px solid var(--xs-line)!important;box-shadow:none!important;color:#fff!important;font-family:var(--xs-font)!important;font-weight:600!important}
html body .sd-nav-section{font-family:var(--xs-font)!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--xs-muted)!important}
html body .sd-link{font-family:var(--xs-font)!important;font-size:.92rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--xs-soft)!important;background:none!important;border:1px solid transparent!important;border-radius:8px!important;box-shadow:none!important;text-shadow:none!important;transition:background .15s ease,color .15s ease!important}
html body .sd-link:hover{background:rgba(255,255,255,.05)!important;color:#fff!important;box-shadow:none!important}
html body .sd-link.active{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important}
html body .sd-link.active .sd-link-icon{color:var(--xs-acc)!important}
html body .sd-link-icon{filter:none!important;box-shadow:none!important}
html body .sd-sidebar-footer{border-top:1px solid var(--xs-line)!important}
html body .sd-back-link{font-family:var(--xs-font)!important;letter-spacing:0!important;color:var(--xs-muted)!important}
html body .sd-back-link:hover{color:#fff!important}

/* ---------- TOPBAR ---------- */
html body .sd-topbar{background:var(--xs-bg)!important;border-bottom:1px solid var(--xs-line)!important;box-shadow:none!important}
html body .sd-topbar-title{font-family:var(--xs-font)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important}
html body .sd-topbar-link{font-family:var(--xs-font)!important;font-size:.85rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--xs-muted)!important}
html body .sd-topbar-link:hover{color:#fff!important}

/* ---------- PAGE HEADERS ---------- */
html body .sd-main{background:var(--xs-bg)!important}
html body .sd-panel-header{background:var(--xs-panel)!important;background-image:none!important;border:1px solid var(--xs-line)!important;border-radius:10px!important;box-shadow:none!important}
html body .sd-panel-header::before,html body .sd-panel-header::after{display:none!important}
html body .sd-panel-header h1{font-family:var(--xs-font)!important;font-size:clamp(1.5rem,2.6vw,2rem)!important;font-weight:700!important;letter-spacing:-.02em!important;color:#fff!important;text-shadow:none!important;filter:none!important}
html body .sd-panel-header h1 .accent{color:var(--xs-acc)!important;text-shadow:none!important;font-family:inherit!important;font-weight:inherit!important;background:none!important;-webkit-text-fill-color:var(--xs-acc)!important}
html body .sd-panel-header p{font-family:var(--xs-font)!important;color:var(--xs-soft)!important;letter-spacing:0!important}

/* ---------- STAT CARDS: one neutral style (no per-card colors) ---------- */
html body #panel-home .sd-stat,html body .sd-stat{background:var(--xs-panel)!important;background-image:none!important;border:1px solid var(--xs-line)!important;border-radius:10px!important;box-shadow:none!important;transition:border-color .18s ease!important}
html body #panel-home .sd-stat::before,html body #panel-home .sd-stat::after{display:none!important}
html body #panel-home .sd-stat:hover,html body .sd-stat:hover{border-color:rgba(255,255,255,.2)!important;box-shadow:none!important;transform:none!important}
html body #panel-home .sd-stat-icon-wrap{background:rgba(255,255,255,.05)!important;border:1px solid var(--xs-line)!important;border-radius:10px!important;box-shadow:none!important;color:var(--xs-soft)!important;filter:none!important}
html body #panel-home .sd-stat-icon,html body #panel-home .sd-stat-icon svg{color:var(--xs-soft)!important;filter:none!important;box-shadow:none!important}
html body #panel-home .sd-stat-value,html body .sd-stat-val{font-family:var(--xs-font)!important;font-weight:700!important;letter-spacing:-.01em!important;color:#fff!important;text-shadow:none!important}
html body #panel-home .sd-stat-label,html body .sd-stat-lbl{font-family:var(--xs-font)!important;font-size:.84rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--xs-muted)!important}

/* ---------- SUBSCRIPTION BANNER + RESUME CARD ---------- */
html body #subscriptionBadge{background:var(--xs-panel)!important;background-image:none!important;border:1px solid var(--xs-line)!important;border-radius:10px!important;box-shadow:none!important;font-family:var(--xs-font)!important;color:var(--xs-soft)!important;letter-spacing:0!important}
html body #subscriptionBadge *{font-family:var(--xs-font)!important;letter-spacing:0!important;text-transform:none!important;text-shadow:none!important}
html body #resumeCard>div{background:var(--xs-panel)!important;background-image:none!important;border:1px solid var(--xs-line)!important;border-radius:10px!important;box-shadow:none!important}
html body #resumeCard>div>span:first-child{background:rgba(255,255,255,.05)!important;border:1px solid var(--xs-line)!important;color:var(--xs-soft)!important;box-shadow:none!important}
html body #resumeCard [style*="uppercase"]{font-family:var(--xs-font)!important;font-size:.76rem!important;font-weight:600!important;letter-spacing:.08em!important;color:var(--xs-muted)!important}
html body #resumeTitle{font-family:var(--xs-font)!important;font-size:1.05rem!important;font-weight:600!important;color:#fff!important}
html body #resumeBar{background:var(--xs-acc)!important;background-image:none!important;box-shadow:none!important}
html body #resumeProgress{font-family:var(--xs-font)!important;color:var(--xs-muted)!important;letter-spacing:0!important}
html body #resumeBtn{background:var(--xs-acc)!important;color:#04121a!important;border:0!important;border-radius:6px!important;box-shadow:none!important;font-family:var(--xs-font)!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}

/* ---------- QUICK ACTIONS ---------- */
html body .sd-qa-btn{background:var(--xs-panel)!important;background-image:none!important;border:1px solid var(--xs-line)!important;border-radius:10px!important;box-shadow:none!important;font-family:var(--xs-font)!important;transition:border-color .18s ease!important}
html body .sd-qa-btn::before,html body .sd-qa-btn::after{display:none!important}
html body .sd-qa-btn:hover{border-color:rgba(255,255,255,.2)!important;box-shadow:none!important;transform:none!important}
html body .sd-qa-icon-wrap{background:rgba(255,255,255,.05)!important;border:1px solid var(--xs-line)!important;border-radius:10px!important;box-shadow:none!important;color:var(--xs-soft)!important;filter:none!important}
html body .sd-qa-icon,html body .sd-qa-icon svg{color:var(--xs-soft)!important;filter:none!important}
html body .sd-qa-label{font-family:var(--xs-font)!important;font-size:.9rem!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important}

/* ---------- CARDS (recent, notifications) ---------- */
html body .sd-card{background:var(--xs-panel)!important;background-image:none!important;border:1px solid var(--xs-line)!important;border-radius:10px!important;box-shadow:none!important}
html body .sd-card::before,html body .sd-card::after{display:none!important}
html body .sd-card-title{font-family:var(--xs-font)!important;font-size:1rem!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important;text-shadow:none!important}
html body .sd-notif-item{background:rgba(255,255,255,.03)!important;border:1px solid var(--xs-line)!important;border-radius:8px!important;box-shadow:none!important;font-family:var(--xs-font)!important}
html body .sd-notif-dot{background:var(--xs-muted)!important;box-shadow:none!important;animation:none!important}
html body .sd-notif-text{font-family:var(--xs-font)!important;color:var(--xs-text)!important}
html body .sd-notif-time{font-family:var(--xs-font)!important;letter-spacing:0!important;color:var(--xs-muted)!important}
html body #recentCoursesList>*{border-color:var(--xs-line)!important;box-shadow:none!important}
html body #recentCoursesList [style*="mono"]{font-family:var(--xs-font)!important;letter-spacing:0!important}


/* ---------- ICONS ONLY: keep their own small colors ---------- */
html body #panel-home .sd-stat-icon-wrap,
html body .sd-qa-icon-wrap{background:rgba(var(--sc,180,191,204),.12)!important;border:1px solid rgba(var(--sc,180,191,204),.32)!important;color:rgb(var(--sc,180,191,204))!important;box-shadow:none!important;filter:none!important}
html body #panel-home .sd-stat-icon,
html body #panel-home .sd-stat-icon svg,
html body .sd-qa-icon,
html body .sd-qa-icon svg{color:rgb(var(--sc,180,191,204))!important;stroke:currentColor!important;filter:none!important;box-shadow:none!important}
html body #resumeCard>div>span:first-child{background:rgba(0,212,255,.12)!important;border:1px solid rgba(0,212,255,.32)!important;color:var(--xs-acc)!important}

/* ---------- OTHER PANELS: shared ---------- */
html body .sd-settings-section,html body .sd-profile-avatar-card,html body .sd-cert-card,html body .sd-course-card{background:var(--xs-panel)!important;background-image:none!important;border:1px solid var(--xs-line)!important;border-radius:10px!important;box-shadow:none!important;font-family:var(--xs-font)!important}
html body .sd-settings-section::before,html body .sd-settings-section::after,html body .sd-profile-avatar-card::before,html body .sd-profile-avatar-card::after,html body .sd-cert-card::before,html body .sd-cert-card::after,html body .sd-course-card::before,html body .sd-course-card::after{display:none!important}
html body .sd-course-card:hover,html body .sd-cert-card:hover{border-color:rgba(255,255,255,.2)!important;box-shadow:none!important;transform:none!important}
html body .sd-settings-section h3{font-family:var(--xs-font)!important;font-size:1.02rem!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important;text-shadow:none!important}

/* ---------- MY COURSES ---------- */
html body .sd-filter-bar .input,html body .sd-filter-bar .select{background:#070b11!important;border:1px solid var(--xs-line)!important;border-radius:8px!important;color:var(--xs-text)!important;font-family:var(--xs-font)!important;box-shadow:none!important}
html body .sd-filter-bar .input:focus,html body .sd-filter-bar .select:focus{border-color:rgba(255,255,255,.3)!important;box-shadow:none!important;outline:none!important}
html body .sd-course-thumb{border-bottom:1px solid var(--xs-line)!important;box-shadow:none!important}
html body .sd-course-title{font-family:var(--xs-font)!important;font-size:1rem!important;font-weight:600!important;letter-spacing:-.005em!important;text-transform:none!important;color:#fff!important;text-shadow:none!important}
html body .sd-course-footer{border-top:1px solid var(--xs-line)!important}
html body .sd-course-body [class*="meta"],html body .sd-progress-label{font-family:var(--xs-font)!important;font-size:.78rem!important;letter-spacing:0!important;text-transform:none!important;color:var(--xs-muted)!important}
html body .sd-course-card [class*="progress"] [class*="fill"],html body .sd-course-card [style*="width:"][style*="background"]{box-shadow:none!important}

/* ---------- STUDY PLAN ---------- */
html body #panel-studyplan .sd-stat{background:var(--xs-panel)!important;background-image:none!important;border:1px solid var(--xs-line)!important;border-radius:10px!important;box-shadow:none!important}
html body #panel-studyplan .sd-stat-icon{color:var(--xs-soft)!important;filter:none!important}
html body #studyPlanToday,html body #studyPlanCourseList{font-family:var(--xs-font)!important}
html body #studyPlanToday>*,html body #studyPlanCourseList>*{box-shadow:none!important;text-shadow:none!important}
html body #studyPlanToday [style*="mono"],html body #studyPlanCourseList [style*="mono"]{font-family:var(--xs-font)!important;letter-spacing:0!important}

/* ---------- CERTIFICATES ---------- */
html body .sd-cert-icon{background:rgba(255,255,255,.05)!important;border:1px solid var(--xs-line)!important;border-radius:10px!important;box-shadow:none!important;filter:none!important}
html body .sd-cert-title{font-family:var(--xs-font)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important;text-shadow:none!important}
html body .sd-cert-date,html body .sd-cert-id{font-family:var(--xs-font)!important;letter-spacing:0!important;text-transform:none!important;color:var(--xs-muted)!important}
html body .sd-cert-actions .btn{box-shadow:none!important}

/* ---------- PROFILE ---------- */
html body .sd-profile-avatar-large{background:rgba(255,255,255,.07)!important;border:1px solid var(--xs-line)!important;box-shadow:none!important;color:#fff!important;font-family:var(--xs-font)!important;font-weight:600!important;filter:none!important}
html body .sd-profile-name{font-family:var(--xs-font)!important;font-weight:600!important;letter-spacing:0!important;color:#fff!important;text-shadow:none!important}
html body .sd-profile-email{font-family:var(--xs-font)!important;letter-spacing:0!important;color:var(--xs-muted)!important}
html body .sd-profile-avatar-card [style*="mono"]{font-family:var(--xs-font)!important}
html body .sd-profile-avatar-card [style*="uppercase"]{font-size:.76rem!important;font-weight:600!important;letter-spacing:.08em!important;color:var(--xs-muted)!important}
html body #publicProfileLink{font-family:var(--xs-font)!important;font-weight:500!important;letter-spacing:0!important;color:var(--xs-acc)!important;border-color:var(--xs-line)!important;border-radius:8px!important}
html body #avatarGrid>*{border-color:var(--xs-line)!important;box-shadow:none!important;transition:border-color .15s ease!important}
html body #avatarGrid>*:hover{border-color:rgba(255,255,255,.3)!important;box-shadow:none!important;transform:none!important}
html body .sd-settings-section .input,html body .sd-settings-section .textarea,html body .sd-settings-section .select{background:#070b11!important;border:1px solid var(--xs-line)!important;border-radius:8px!important;color:var(--xs-text)!important;font-family:var(--xs-font)!important;box-shadow:none!important}
html body .sd-settings-section .input:focus,html body .sd-settings-section .textarea:focus{border-color:rgba(255,255,255,.3)!important;box-shadow:none!important;outline:none!important}
html body .sd-settings-section .input::placeholder{font-family:var(--xs-font)!important;color:var(--xs-muted)!important}
html body .sd-settings-section .form-label{font-family:var(--xs-font)!important;font-size:.85rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--xs-soft)!important}

/* ---------- SETTINGS: switches ---------- */
html body .sd-toggle-row{border-bottom:1px solid var(--xs-line)!important}
html body .sd-toggle-row label:not(.sd-switch){font-family:var(--xs-font)!important;font-weight:500!important;letter-spacing:0!important;color:#fff!important}
html body .sd-toggle-row small{font-family:var(--xs-font)!important;letter-spacing:0!important;color:var(--xs-muted)!important}
html body .sd-switch-slider{background:rgba(255,255,255,.12)!important;border:1px solid var(--xs-line)!important;box-shadow:none!important}
html body .sd-switch input:checked+.sd-switch-slider{background:var(--xs-acc)!important;border-color:var(--xs-acc)!important;box-shadow:none!important}
html body .sd-switch-slider::before{box-shadow:none!important}

/* ---------- EMPTY STATES ---------- */
html body .sd-empty{background:var(--xs-panel)!important;border:1px dashed rgba(255,255,255,.14)!important;border-radius:10px!important;box-shadow:none!important;font-family:var(--xs-font)!important}
html body .sd-empty h3{font-family:var(--xs-font)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important}
html body .sd-empty p{font-family:var(--xs-font)!important;color:var(--xs-soft)!important;letter-spacing:0!important}
html body .sd-empty-icon{filter:none!important;opacity:.7}

/* ---------- NAV LINKS: top bar + sidebar ---------- */
html body .sd-topbar{padding-left:1.5rem!important;padding-right:1.5rem!important}
html body .sd-topbar-left{gap:1.25rem!important;min-width:0!important}
html body .sd-topbar-title{font-size:1rem!important;font-weight:600!important;padding-right:1.25rem!important;border-right:1px solid var(--xs-line)!important;white-space:nowrap!important}
html body .sd-topbar-nav{display:flex!important;align-items:center!important;gap:.15rem!important;overflow-x:auto!important;scrollbar-width:none!important;min-width:0!important}
html body .sd-topbar-nav::-webkit-scrollbar{display:none!important}
html body .sd-topbar-link{display:inline-flex!important;align-items:center!important;padding:.45rem .8rem!important;border-radius:8px!important;font-size:.88rem!important;font-weight:500!important;color:var(--xs-soft)!important;background:none!important;white-space:nowrap!important;text-decoration:none!important;transition:background .15s ease,color .15s ease!important}
html body .sd-topbar-link:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
html body .sd-topbar-link.active,html body .sd-topbar-link[aria-current="page"]{background:rgba(255,255,255,.08)!important;color:#fff!important}
html body .sd-topbar-link:focus-visible{outline:2px solid rgba(0,212,255,.6)!important;outline-offset:1px!important}

html body .sd-nav{padding-left:.75rem!important;padding-right:.75rem!important}
html body .sd-nav-section{padding:1.2rem .75rem .45rem!important}
html body .sd-link{display:flex!important;align-items:center!important;gap:.8rem!important;width:100%!important;padding:.62rem .8rem!important;margin:1px 0!important;position:relative!important;text-align:left!important}
html body .sd-link-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;color:var(--xs-muted)!important;flex-shrink:0!important;transition:color .15s ease!important}
html body .sd-link-icon svg{width:18px!important;height:18px!important}
html body .sd-link:hover .sd-link-icon{color:#fff!important}
html body .sd-link.active{background:rgba(255,255,255,.07)!important;color:#fff!important}
html body .sd-link.active::before{content:''!important;position:absolute!important;left:-.75rem!important;top:22%!important;bottom:22%!important;width:3px!important;border-radius:0 3px 3px 0!important;background:var(--xs-acc)!important}
html body .sd-link.active .sd-link-icon{color:var(--xs-acc)!important}
html body .sd-link:focus-visible{outline:2px solid rgba(0,212,255,.6)!important;outline-offset:-2px!important}
html body .sd-sidebar-footer .btn{font-family:var(--xs-font)!important;font-size:.88rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;border-radius:8px!important}

/* ---------- MY COURSES: card size + polish ---------- */
html body #myCoursesGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;align-items:stretch!important}
@media (max-width:1100px){html body #myCoursesGrid{grid-template-columns:1fr!important}}

html body #myCoursesGrid>*{display:flex!important;flex-direction:row!important;align-items:stretch!important;min-height:158px!important;height:100%!important;background:var(--xs-panel)!important;background-image:none!important;border:1px solid var(--xs-line)!important;border-radius:10px!important;box-shadow:none!important;overflow:hidden!important;transition:border-color .18s ease!important}
html body #myCoursesGrid>*:hover{border-color:rgba(255,255,255,.2)!important;box-shadow:none!important;transform:none!important}
html body #myCoursesGrid>*::before,html body #myCoursesGrid>*::after{display:none!important}

/* thumbnail: one fixed size for every card */
html body #myCoursesGrid .sd-course-thumb{flex:0 0 150px!important;width:150px!important;min-height:100%!important;height:auto!important;border:0!important;border-right:1px solid var(--xs-line)!important;box-shadow:none!important;overflow:hidden!important;background:#05080c!important;position:relative!important}
html body #myCoursesGrid .sd-course-thumb img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}

/* body: text on the left, button pinned to the right edge */
html body #myCoursesGrid .sd-course-body{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:.5rem!important;padding:1.1rem 1.25rem!important}
html body #myCoursesGrid .sd-course-title{font-family:var(--xs-font)!important;font-size:1.02rem!important;font-weight:600!important;line-height:1.35!important;letter-spacing:-.005em!important;text-transform:none!important;color:#fff!important;text-shadow:none!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
html body #myCoursesGrid .sd-course-footer{border-top:0!important;padding:0!important;margin:.35rem 0 0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.75rem!important}

/* badges: difficulty + hours (flat, small, readable) */
html body #myCoursesGrid [class*="badge"],html body #myCoursesGrid [class*="diff"],html body #myCoursesGrid [class*="level"]{font-family:var(--xs-font)!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.04em!important;text-transform:uppercase!important;border-radius:6px!important;padding:.2rem .55rem!important;box-shadow:none!important;text-shadow:none!important;animation:none!important;filter:none!important}
html body #myCoursesGrid [class*="duration"],html body #myCoursesGrid [class*="hours"],html body #myCoursesGrid [class*="meta"]{font-family:var(--xs-font)!important;font-size:.8rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--xs-muted)!important}

/* progress */
html body #myCoursesGrid .sd-progress-label{font-family:var(--xs-font)!important;font-size:.78rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--xs-muted)!important}
html body #myCoursesGrid [class*="progress"] [class*="track"],html body #myCoursesGrid [class*="progress-bar"]{height:5px!important;border-radius:3px!important;background:rgba(255,255,255,.1)!important;box-shadow:none!important}
html body #myCoursesGrid [class*="progress"] [class*="fill"],html body #myCoursesGrid [class*="progress-bar"]>div{background:var(--xs-acc)!important;background-image:none!important;box-shadow:none!important;border-radius:3px!important}

/* buttons: Continue = solid cyan, Start = quiet outline; all same size */
html body #myCoursesGrid .btn,html body #myCoursesGrid a.btn,html body #myCoursesGrid button{flex-shrink:0!important;min-width:96px!important;justify-content:center!important;align-self:center!important;margin-right:1.25rem!important;border-radius:6px!important;font-family:var(--xs-font)!important;font-size:.88rem!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;padding:.55rem 1rem!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;background:none!important;border:1px solid rgba(255,255,255,.18)!important;color:var(--xs-text)!important}
html body #myCoursesGrid .btn:hover,html body #myCoursesGrid button:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}
html body #myCoursesGrid .btn-primary,html body #myCoursesGrid [class*="continue"]{background:var(--xs-acc)!important;border-color:var(--xs-acc)!important;color:#04121a!important}
html body #myCoursesGrid .btn-primary:hover,html body #myCoursesGrid [class*="continue"]:hover{background:var(--xs-acc)!important;filter:brightness(1.08)!important;color:#04121a!important}

/* ---------- search + filter row: same height ---------- */
html body .sd-filter-bar{display:flex!important;gap:.75rem!important;align-items:center!important;margin-bottom:1.1rem!important}
html body .sd-filter-bar .input{flex:1 1 auto!important;height:44px!important;padding:0 1rem!important}
html body .sd-filter-bar .select{height:44px!important;min-width:160px!important;padding:0 1rem!important}

/* ---------- MY COURSES: exact classes (course-card family) ---------- */
html body #myCoursesGrid .course-card-glow{display:none!important}
html body #myCoursesGrid .course-card{--diff-glow:180,191,204}
html body #myCoursesGrid .course-thumb{box-shadow:none!important;filter:none!important}
html body #myCoursesGrid .course-thumb::before,html body #myCoursesGrid .course-thumb::after{display:none!important}
html body #myCoursesGrid .course-thumb img{filter:none!important;transform:none!important}
html body #myCoursesGrid .course-card:hover .course-thumb img{transform:none!important;filter:none!important}
html body #myCoursesGrid .course-status-ribbon{box-shadow:none!important;filter:none!important;opacity:.9}

/* title: no green on hover */
html body #myCoursesGrid .course-card .course-title,
html body #myCoursesGrid .course-card:hover .course-title{font-family:var(--xs-font)!important;font-weight:600!important;color:#fff!important;text-shadow:none!important;letter-spacing:-.005em!important}
html body #myCoursesGrid .course-card:hover .course-title{color:var(--xs-acc)!important}

/* meta row: difficulty pill + hours chip */
html body #myCoursesGrid .course-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:.6rem!important;margin:0!important}
html body #myCoursesGrid .course-meta>*{font-family:var(--xs-font)!important;font-size:.74rem!important;font-weight:600!important;letter-spacing:.04em!important;text-transform:uppercase!important;border-radius:6px!important;padding:.22rem .6rem!important;box-shadow:none!important;text-shadow:none!important;animation:none!important;filter:none!important}
html body #myCoursesGrid .course-duration-chip{background:none!important;border:0!important;padding:0!important;font-size:.8rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--xs-muted)!important}

/* progress */
html body #myCoursesGrid .course-card [class*="progress"]{font-family:var(--xs-font)!important;font-size:.78rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--xs-muted)!important}
html body #myCoursesGrid .course-card [class*="track"]{height:5px!important;border-radius:3px!important;background:rgba(255,255,255,.1)!important;box-shadow:none!important}
html body #myCoursesGrid .course-card [class*="fill"]{background:var(--xs-acc)!important;background-image:none!important;box-shadow:none!important;border-radius:3px!important}
html body #myCoursesGrid .course-card [class*="fill"].completed{background:#3ecf8e!important}

/* action button: same size on every card */
html body #myCoursesGrid .course-card [class*="btn"],
html body #myCoursesGrid .course-card [class*="action"]{flex-shrink:0!important;min-width:100px!important;justify-content:center!important;text-align:center!important;border-radius:6px!important;font-family:var(--xs-font)!important;font-size:.88rem!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;padding:.55rem 1rem!important;box-shadow:none!important;text-shadow:none!important;transform:none!important;animation:none!important;filter:none!important;background:none!important;border:1px solid rgba(255,255,255,.18)!important;color:var(--xs-text)!important}
html body #myCoursesGrid .course-card:hover [class*="btn"],
html body #myCoursesGrid .course-card:hover [class*="action"]{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}
/* in progress -> solid cyan */
html body #myCoursesGrid .course-card[data-status="in-progress"] [class*="btn"],
html body #myCoursesGrid .course-card[data-status="in-progress"] [class*="action"],
html body #myCoursesGrid .course-card[data-status="in-progress"]:hover [class*="btn"],
html body #myCoursesGrid .course-card[data-status="in-progress"]:hover [class*="action"]{background:var(--xs-acc)!important;border-color:var(--xs-acc)!important;color:#04121a!important}
/* completed -> calm green */
html body #myCoursesGrid .course-card[data-status="completed"] [class*="btn"],
html body #myCoursesGrid .course-card[data-status="completed"] [class*="action"],
html body #myCoursesGrid .course-card[data-status="completed"]:hover [class*="btn"],
html body #myCoursesGrid .course-card[data-status="completed"]:hover [class*="action"]{background:rgba(62,207,142,.12)!important;border-color:rgba(62,207,142,.4)!important;color:#7fe0b4!important}

/* ---------- PANEL HEADERS: breathing room (all panels) ---------- */
html body .sd-panel-header{padding:1.75rem 2rem!important;margin-bottom:1.5rem!important}
html body .sd-panel-header h1{margin:0 0 .5rem!important;line-height:1.2!important}
html body .sd-panel-header p{margin:0!important;line-height:1.6!important;font-size:.98rem!important}

/* ---------- SEARCH + FILTER: one row ---------- */
html body .sd-filter-bar{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:.75rem!important;margin-bottom:1.25rem!important}
html body .sd-filter-bar .input{flex:1 1 0!important;width:auto!important;min-width:0!important}
html body .sd-filter-bar .select{flex:0 0 190px!important;width:190px!important;min-width:0!important}
@media (max-width:640px){
  html body .sd-panel-header{padding:1.35rem 1.25rem!important}
  html body .sd-filter-bar{flex-wrap:wrap!important}
  html body .sd-filter-bar .select{flex:1 1 100%!important;width:100%!important}
}

/* ---------- TOPBAR: remove the extra avatar on the right ---------- */
html body #topbarAvatar,
html body .sd-topbar-right{display:none!important}