/* Requested UI fixes: learned cards, theme-colored primary hero actions, calendar controls. */

/* Hero actions must follow the active theme accent instead of the old hard-coded green. */
.hero .primary,
.course-cover .primary{
  color:var(--accent-text)!important;
  background:var(--accent)!important;
  border-color:color-mix(in srgb,var(--accent) 76%,transparent)!important;
}
html[data-liquid-glass="on"]:not([data-wallpaper="plain"]) .hero .primary,
html[data-liquid-glass="on"]:not([data-wallpaper="plain"]) .course-cover .primary{
  color:var(--accent)!important;
  background:
    radial-gradient(150% 50% at 50% -16%,var(--lg-glint-soft),transparent 52%),
    linear-gradient(100deg,var(--lg-prism-cyan),transparent 18%,transparent 82%,var(--lg-prism-warm)),
    color-mix(in srgb,var(--accent) 36%,transparent)!important;
  border-color:color-mix(in srgb,var(--accent) 58%,var(--lg-edge))!important;
}

/* Learned list: denser rows and a native-style swipe delete affordance. */
#content .learned-row-compact{
  position:relative!important;
  overflow:hidden!important;
  min-height:0!important;
  padding:10px 12px!important;
  margin:7px 0!important;
  gap:8px!important;
  touch-action:pan-y!important;
}
#content .learned-row-compact > :not(.learned-swipe-delete){
  transform:translateX(var(--learned-shift,0px));
  transition:transform .18s ease;
  will-change:transform;
}
#content .learned-row-compact.learned-swiping > :not(.learned-swipe-delete){transition:none}
#content .learned-row-compact label.row{gap:9px!important;min-height:48px!important}
#content .learned-row-compact .grow b{line-height:1.2!important}
#content .learned-row-compact .lez{margin-top:2px!important;line-height:1.25!important}
#content .learned-row-compact .icon-button{width:40px!important;min-height:40px!important}
#content .learned-row-compact input[type="checkbox"]{width:21px!important;height:21px!important}
#content .learned-swipe-delete{
  position:absolute!important;
  z-index:3!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:88px!important;
  border:0!important;
  border-radius:0!important;
  background:var(--bad)!important;
  color:#fff!important;
  font-weight:750!important;
  transform:translateX(calc(100% + var(--learned-shift,0px)))!important;
  transition:transform .18s ease!important;
}
#content .learned-row-compact.learned-swiping .learned-swipe-delete{transition:none!important}

/* Calendar month switcher. */
.progress-calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 12px}
.progress-calendar-nav strong{font-size:14px;text-transform:capitalize}
.progress-calendar-nav .icon-button{width:38px;min-height:38px;border:1px solid var(--line)}
.progress-calendar-nav .icon-button:disabled{opacity:.32;cursor:default}

/* Intro loading: keep greeting copy/controls usable while media warms up. */
.welcome-overlay.intro-sync-pending > :is(video,img.intro-media){opacity:0!important}
.welcome-overlay.intro-sync-ready > :is(video,img.intro-media){opacity:1}