/* EDQ V48.5.2 — CSS extrait : widget Prochain cours S + menu rapide. */
/* V48.2.34 — Dashboard mobile : widget Prochain cours S sans cadre et menu rapide vertical. */
@media (max-width: 1023px) {
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-widget {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-widget__corner-icon {
    display: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-widget__body {
    height: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-page__tile--widget .dashboard-mobile-course-widget,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-page__tile--widget .dashboard-mobile-course-widget--small {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small {
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: clamp(0.22rem, 1.2vw, 0.34rem) !important;
    width: 100% !important;
    height: 100% !important;
    padding: clamp(0.48rem, 2.6vw, 0.62rem) !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 38%, rgba(255,255,255,.12)) !important;
    border-radius: clamp(1.05rem, 4.7vw, 1.38rem) !important;
    background:
      radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 26%, transparent), transparent 58%),
      linear-gradient(145deg, color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 13%, rgba(255,255,255,.08)), rgba(8,13,29,.62)) !important;
    box-shadow:
      0 16px 30px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter: blur(14px) saturate(1.18) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.36rem !important;
    min-width: 0 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon {
    flex: 0 0 auto !important;
    width: clamp(1.82rem, 8.5vw, 2.12rem) !important;
    height: clamp(1.82rem, 8.5vw, 2.12rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini__countdown {
    min-width: 0 !important;
    max-width: 62% !important;
    overflow: hidden !important;
    padding: 0.18rem 0.42rem !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 30%, transparent) !important;
    border-radius: 999px !important;
    color: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 74%, #ffffff) !important;
    background: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 12%, transparent) !important;
    font-size: clamp(0.58rem, 2.45vw, 0.68rem) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main {
    align-content: center !important;
    gap: 0.18rem !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main strong {
    font-size: clamp(0.74rem, 3.3vw, 0.9rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main span,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main em {
    font-size: clamp(0.56rem, 2.35vw, 0.66rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__status {
    align-self: end !important;
    max-width: 100% !important;
  }

  .dashboard-course-quick-menu {
    gap: 0.56rem !important;
    width: min(20.5rem, calc(100vw - 1.5rem)) !important;
    padding: 0.68rem !important;
    border-radius: 1.08rem !important;
  }

  .dashboard-course-quick-menu__list {
    display: grid !important;
    gap: clamp(0.34rem, 1.7vw, 0.5rem) !important;
    min-width: 0 !important;
  }

  .dashboard-course-quick-menu__row {
    display: grid !important;
    grid-template-columns: 1.65rem minmax(4.2rem, auto) minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.42rem !important;
    min-width: 0 !important;
    min-height: 2.6rem !important;
    padding: 0.38rem 0.42rem !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 20%, rgba(255,255,255,.12)) !important;
    border-radius: 0.86rem !important;
    color: var(--dashboard-v2-text) !important;
    background: color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 8%, rgba(255,255,255,.04)) !important;
  }

  .dashboard-course-quick-menu__row.is-active {
    border-color: color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 52%, rgba(255,255,255,.16)) !important;
    background: color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 15%, rgba(255,255,255,.08)) !important;
  }

  .dashboard-course-quick-menu__row > i {
    display: grid !important;
    place-items: center !important;
    width: 1.65rem !important;
    height: 1.65rem !important;
    border-radius: 0.66rem !important;
    color: var(--dashboard-v2-role-color, #38bdf8) !important;
    background: color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 14%, transparent) !important;
  }

  .dashboard-course-quick-menu__row > span {
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 0.78rem !important;
    font-weight: 920 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .dashboard-course-quick-menu__row--button {
    grid-template-columns: 1.65rem minmax(0, 1fr) auto !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 20%, rgba(255,255,255,.12)) !important;
    text-align: left !important;
  }

  .dashboard-course-quick-menu__row--button::after {
    content: "›" !important;
    color: var(--dashboard-v2-muted) !important;
    font-size: 1.2rem !important;
    font-weight: 950 !important;
  }

  .dashboard-course-quick-menu__row--field input {
    min-width: 0 !important;
    width: 100% !important;
    height: 2rem !important;
    padding: 0 0.54rem !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 18%, rgba(255,255,255,.14)) !important;
    border-radius: 0.68rem !important;
    color: var(--dashboard-v2-text) !important;
    background: rgba(2,6,23,.24) !important;
    font-size: 0.72rem !important;
    font-weight: 760 !important;
    outline: none !important;
  }

  .dashboard-course-quick-menu__row--field input:focus {
    border-color: color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 58%, rgba(255,255,255,.24)) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 16%, transparent) !important;
  }

  .dashboard-course-quick-menu__row--late {
    grid-template-columns: 1.65rem minmax(3.6rem, auto) 3.65rem minmax(0, 1fr) auto !important;
  }

  .dashboard-course-quick-menu__row--field button {
    display: grid !important;
    place-items: center !important;
    width: 2rem !important;
    height: 2rem !important;
    border: 0 !important;
    border-radius: 0.68rem !important;
    color: #fff !important;
    background: linear-gradient(145deg, var(--dashboard-v2-role-color, #38bdf8), color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 58%, #020617)) !important;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 22%, transparent) !important;
  }

  .dashboard-course-quick-menu__separator {
    display: block !important;
    height: 1px !important;
    margin: 0.12rem 0 !important;
    background: color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 20%, rgba(255,255,255,.10)) !important;
  }

  html[data-theme="light"] .dashboard-course-quick-menu__row--field input,
  body[data-theme="light"] .dashboard-course-quick-menu__row--field input {
    background: rgba(255,255,255,.72) !important;
  }
}

/* V48.2.35 — Dashboard mobile : Prochain cours S synchronisé, avatar et menu bloquant. */
@media (max-width: 1023px) {
  body.is-dashboard-course-quick-menu-open {
    overflow: hidden !important;
    touch-action: none !important;
  }

  .dashboard-course-quick-menu-scrim {
    position: fixed !important;
    inset: 0 !important;
    z-index: 11980 !important;
    display: block !important;
    width: 100vw !important;
    height: 100vh !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(2, 6, 23, 0.46) !important;
    backdrop-filter: blur(10px) saturate(1.14) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.14) !important;
    cursor: default !important;
    touch-action: none !important;
    pointer-events: auto !important;
  }

  body.is-dashboard-course-quick-menu-open #dashboard-view > .dashboard-v2--native-mobile [data-dashboard-home-tile]:not(.is-dashboard-course-quick-menu-anchor),
  body.is-dashboard-course-quick-menu-open #dashboard-view > .dashboard-v2--native-mobile [data-dashboard-v2-open]:not(.dashboard-course-quick-menu__row),
  body.is-dashboard-course-quick-menu-open #dashboard-view > .dashboard-v2--native-mobile [data-dashboard-mobile-page-dot] {
    pointer-events: none !important;
  }

  html[data-theme="light"] .dashboard-course-quick-menu-scrim,
  body[data-theme="light"] .dashboard-course-quick-menu-scrim {
    background: rgba(248, 250, 252, 0.46) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .is-dashboard-course-quick-menu-anchor {
    position: relative !important;
    z-index: 11990 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small {
    gap: clamp(0.18rem, 1vw, 0.3rem) !important;
    padding: clamp(0.48rem, 2.55vw, 0.64rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon {
    width: clamp(2.18rem, 10.5vw, 2.64rem) !important;
    height: clamp(2.18rem, 10.5vw, 2.64rem) !important;
    border-radius: clamp(0.82rem, 3.5vw, 1rem) !important;
    overflow: hidden !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini__icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: inherit !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini__icon i {
    font-size: clamp(1.05rem, 5vw, 1.28rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini__countdown {
    max-width: 68% !important;
    padding: 0.22rem 0.52rem !important;
    font-size: clamp(0.68rem, 3.05vw, 0.82rem) !important;
    letter-spacing: -0.02em !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main {
    align-content: center !important;
    gap: 0.16rem !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main strong {
    display: grid !important;
    gap: 0.02rem !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__style-name,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__level {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--dashboard-v2-text) !important;
    font-style: normal !important;
    font-weight: 950 !important;
    line-height: 1.02 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__style-name {
    font-size: clamp(0.9rem, 4.1vw, 1.08rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__level {
    font-size: clamp(0.82rem, 3.65vw, 0.98rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > span,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > em {
    font-size: clamp(0.56rem, 2.35vw, 0.66rem) !important;
  }

  .dashboard-course-quick-menu {
    z-index: 12010 !important;
    width: min(21.5rem, calc(100vw - 1.5rem)) !important;
    gap: 0.62rem !important;
    padding: 0.78rem !important;
    border-radius: 1.14rem !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 34%, rgba(255,255,255,.16)) !important;
    background: rgba(6, 11, 28, 0.96) !important;
    box-shadow: 0 22px 68px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter: blur(20px) saturate(1.22) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.22) !important;
  }

  html[data-theme="light"] .dashboard-course-quick-menu,
  body[data-theme="light"] .dashboard-course-quick-menu {
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 22px 68px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.78) !important;
  }

  .dashboard-course-quick-menu__title {
    padding: 0.1rem 0.12rem 0.16rem !important;
  }

  .dashboard-course-quick-menu__title strong {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 0.28rem !important;
    overflow: visible !important;
    color: var(--dashboard-v2-text) !important;
    font-size: 0.96rem !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }

  .dashboard-course-quick-menu__title strong span {
    color: var(--dashboard-v2-muted) !important;
    font-size: 0.86rem !important;
    font-weight: 900 !important;
    text-transform: none !important;
  }

  .dashboard-course-quick-menu__list {
    display: grid !important;
    gap: clamp(0.34rem, 1.7vw, 0.5rem) !important;
  }

  .dashboard-course-quick-menu__row {
    width: 100% !important;
    min-height: 2.82rem !important;
    display: grid !important;
    grid-template-columns: 1.75rem minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.54rem !important;
    padding: 0.42rem 0.5rem !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 20%, rgba(255,255,255,.13)) !important;
    border-radius: 0.92rem !important;
    color: var(--dashboard-v2-text) !important;
    background: color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 8%, rgba(255,255,255,.045)) !important;
    text-align: left !important;
  }

  .dashboard-course-quick-menu__row.is-active,
  .dashboard-course-quick-menu__disclosure.is-active > .dashboard-course-quick-menu__row,
  .dashboard-course-quick-menu__disclosure[open] > .dashboard-course-quick-menu__row {
    border-color: color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 52%, rgba(255,255,255,.18)) !important;
    background: color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 15%, rgba(255,255,255,.075)) !important;
  }

  .dashboard-course-quick-menu__row > i:first-child {
    display: grid !important;
    place-items: center !important;
    width: 1.75rem !important;
    height: 1.75rem !important;
    border-radius: 0.7rem !important;
    color: var(--dashboard-v2-role-color, #38bdf8) !important;
    background: color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 16%, transparent) !important;
  }

  .dashboard-course-quick-menu__row > span {
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 0.86rem !important;
    font-weight: 930 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .dashboard-course-quick-menu__row > em {
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--dashboard-v2-muted) !important;
    font-size: 0.72rem !important;
    font-style: normal !important;
    font-weight: 820 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .dashboard-course-quick-menu__row--button::after {
    content: "›" !important;
    color: var(--dashboard-v2-muted) !important;
    font-size: 1.25rem !important;
    font-weight: 950 !important;
  }

  .dashboard-course-quick-menu__row--button[data-dashboard-v2-course-vote="P"]::after {
    content: "" !important;
  }

  .dashboard-course-quick-menu__disclosure {
    display: grid !important;
    min-width: 0 !important;
  }

  .dashboard-course-quick-menu__disclosure summary {
    list-style: none !important;
    cursor: pointer !important;
    user-select: none !important;
  }

  .dashboard-course-quick-menu__disclosure summary::-webkit-details-marker {
    display: none !important;
  }

  .dashboard-course-quick-menu__chevron {
    display: grid !important;
    place-items: center !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    color: var(--dashboard-v2-muted) !important;
    transition: transform 180ms ease !important;
  }

  .dashboard-course-quick-menu__disclosure[open] .dashboard-course-quick-menu__chevron {
    transform: rotate(180deg) !important;
  }

  .dashboard-course-quick-menu__subpanel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 2.25rem !important;
    align-items: end !important;
    gap: 0.42rem !important;
    margin: 0.34rem 0.12rem 0.02rem 2.28rem !important;
    padding: 0.46rem !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 18%, rgba(255,255,255,.11)) !important;
    border-radius: 0.82rem !important;
    background: rgba(2, 6, 23, 0.22) !important;
  }

  .dashboard-course-quick-menu__subpanel--late {
    grid-template-columns: 4.2rem minmax(0, 1fr) 2.25rem !important;
  }

  .dashboard-course-quick-menu__subpanel label {
    display: grid !important;
    gap: 0.22rem !important;
    min-width: 0 !important;
  }

  .dashboard-course-quick-menu__subpanel label > span {
    color: var(--dashboard-v2-muted) !important;
    font-size: 0.62rem !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
  }

  .dashboard-course-quick-menu__subpanel input {
    min-width: 0 !important;
    width: 100% !important;
    height: 2.1rem !important;
    padding: 0 0.58rem !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 20%, rgba(255,255,255,.14)) !important;
    border-radius: 0.68rem !important;
    color: var(--dashboard-v2-text) !important;
    background: rgba(2,6,23,.32) !important;
    font-size: 0.76rem !important;
    font-weight: 780 !important;
    outline: none !important;
  }

  .dashboard-course-quick-menu__subpanel input:focus {
    border-color: color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 60%, rgba(255,255,255,.24)) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 16%, transparent) !important;
  }

  .dashboard-course-quick-menu__validate {
    display: grid !important;
    place-items: center !important;
    width: 2.25rem !important;
    height: 2.25rem !important;
    border: 0 !important;
    border-radius: 0.74rem !important;
    color: #fff !important;
    background: linear-gradient(145deg, var(--dashboard-v2-role-color, #38bdf8), color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 56%, #020617)) !important;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 24%, transparent) !important;
  }

  .dashboard-course-quick-menu__separator {
    display: block !important;
    height: 1px !important;
    margin: 0.14rem 0 !important;
    background: color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 22%, rgba(255,255,255,.10)) !important;
  }

  html[data-theme="light"] .dashboard-course-quick-menu__subpanel,
  body[data-theme="light"] .dashboard-course-quick-menu__subpanel {
    background: rgba(248,250,252,.68) !important;
  }

  html[data-theme="light"] .dashboard-course-quick-menu__subpanel input,
  body[data-theme="light"] .dashboard-course-quick-menu__subpanel input {
    background: rgba(255,255,255,.84) !important;
  }
}

/* V48.2.38 — Dashboard mobile : Prochain cours S, menu compact et mise à jour silencieuse. */
@media (max-width: 1023px) {
  body.is-dashboard-course-quick-menu-open .mobile-shell-navbar,
  body.is-dashboard-course-quick-menu-open .mobile-shell-navbar * {
    pointer-events: none !important;
  }

  .dashboard-course-quick-menu-scrim {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483600 !important;
    pointer-events: auto !important;
    touch-action: none !important;
  }

  .dashboard-course-quick-menu-anchor-clone {
    z-index: 2147483610 !important;
    transform: translate3d(0, 0, 0) !important;
    pointer-events: none !important;
  }

  .dashboard-course-quick-menu {
    z-index: 2147483620 !important;
    width: max-content !important;
    min-width: min(14.6rem, calc(100vw - 1.5rem)) !important;
    max-width: calc(100vw - 1.5rem) !important;
    gap: 0.48rem !important;
    padding: 0.58rem !important;
    border-radius: 1rem !important;
  }

  .dashboard-course-quick-menu__title {
    padding: 0.04rem 0.1rem 0.08rem !important;
  }

  .dashboard-course-quick-menu__title strong {
    font-size: 0.9rem !important;
    line-height: 1.02 !important;
  }

  .dashboard-course-quick-menu__title strong span {
    font-size: 0.82rem !important;
  }

  .dashboard-course-quick-menu__list {
    width: max-content !important;
    max-width: 100% !important;
    gap: 0.3rem !important;
  }

  .dashboard-course-quick-menu__row {
    width: 100% !important;
    min-height: 2.28rem !important;
    grid-template-columns: 1.55rem max-content 1.35rem !important;
    gap: 0.42rem !important;
    padding: 0.32rem 0.38rem !important;
    border-radius: 0.78rem !important;
  }

  .dashboard-course-quick-menu__row--button {
    grid-template-columns: 1.55rem max-content 1.35rem !important;
  }

  .dashboard-course-quick-menu__row > i:first-child {
    width: 1.55rem !important;
    height: 1.55rem !important;
    border-radius: 0.62rem !important;
  }

  .dashboard-course-quick-menu__row > span {
    font-size: 0.8rem !important;
    font-weight: 930 !important;
  }

  .dashboard-course-quick-menu__row > em {
    display: none !important;
  }

  .dashboard-course-quick-menu__row--button::after {
    content: none !important;
  }

  .dashboard-course-quick-menu__chevron {
    justify-self: end !important;
    display: grid !important;
    place-items: center !important;
    width: 1.35rem !important;
    height: 1.35rem !important;
    margin-left: auto !important;
    color: var(--dashboard-v2-muted) !important;
    font-size: 0.92rem !important;
    transition: transform 180ms ease !important;
  }

  .dashboard-course-quick-menu__disclosure[open] > .dashboard-course-quick-menu__row .dashboard-course-quick-menu__chevron {
    transform: rotate(90deg) !important;
  }

  .dashboard-course-quick-menu__subpanel {
    width: 100% !important;
    grid-template-columns: minmax(9.5rem, 1fr) 2.05rem !important;
    gap: 0.34rem !important;
    margin: 0.28rem 0 0.02rem 1.98rem !important;
    padding: 0.36rem !important;
    border-radius: 0.74rem !important;
  }

  .dashboard-course-quick-menu__subpanel--late {
    grid-template-columns: 3.55rem minmax(7.8rem, 1fr) 2.05rem !important;
  }

  .dashboard-course-quick-menu__subpanel label > span {
    font-size: 0.56rem !important;
  }

  .dashboard-course-quick-menu__subpanel input {
    height: 1.95rem !important;
    font-size: 0.72rem !important;
  }

  .dashboard-course-quick-menu__validate {
    width: 2.05rem !important;
    height: 2.05rem !important;
    border-radius: 0.66rem !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon,
  .dashboard-course-quick-menu-anchor-clone.dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon {
    width: clamp(2.36rem, 11.2vw, 2.86rem) !important;
    height: clamp(2.36rem, 11.2vw, 2.86rem) !important;
    border-radius: clamp(0.9rem, 3.8vw, 1.08rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon i,
  .dashboard-course-quick-menu-anchor-clone.dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon i {
    font-size: clamp(1.16rem, 5.4vw, 1.42rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__style-name,
  .dashboard-course-quick-menu-anchor-clone.dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__style-name {
    font-size: clamp(0.96rem, 4.45vw, 1.15rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__level,
  .dashboard-course-quick-menu-anchor-clone.dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__level {
    font-size: clamp(0.88rem, 3.95vw, 1.05rem) !important;
  }
}

/* V48.2.39 — Dashboard mobile : Prochain cours S, clone stable et menu compact propre. */
@media (max-width: 1023px) {
  .dashboard-course-quick-menu-anchor-clone.dashboard-mobile-course-mini,
  .dashboard-course-quick-menu-anchor-clone.dashboard-mobile-course-mini--small {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: clamp(0.18rem, 1vw, 0.3rem) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: clamp(0.48rem, 2.55vw, 0.64rem) !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 38%, rgba(255,255,255,.12)) !important;
    border-radius: clamp(1.05rem, 4.7vw, 1.38rem) !important;
    color: var(--dashboard-v2-text) !important;
    background:
      radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 26%, transparent), transparent 58%),
      linear-gradient(145deg, color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 13%, rgba(255,255,255,.08)), rgba(8,13,29,.62)) !important;
    box-shadow:
      0 16px 30px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.10) !important;
    text-align: left !important;
    backdrop-filter: blur(14px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.18) !important;
    overflow: hidden !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.36rem !important;
    min-width: 0 !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__icon {
    flex: 0 0 auto !important;
    display: grid !important;
    place-items: center !important;
    width: clamp(2.36rem, 11.2vw, 2.86rem) !important;
    height: clamp(2.36rem, 11.2vw, 2.86rem) !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 28%, transparent) !important;
    border-radius: clamp(0.9rem, 3.8vw, 1.08rem) !important;
    color: var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) !important;
    background: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 16%, rgba(255,255,255,.10)) !important;
    overflow: hidden !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    object-fit: cover !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__icon i {
    font-size: clamp(1.16rem, 5.4vw, 1.42rem) !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__countdown {
    min-width: 0 !important;
    max-width: 68% !important;
    overflow: hidden !important;
    padding: 0.22rem 0.52rem !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 30%, transparent) !important;
    border-radius: 999px !important;
    color: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 74%, #ffffff) !important;
    background: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 12%, transparent) !important;
    font-size: clamp(0.68rem, 3.05vw, 0.82rem) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main {
    min-width: 0 !important;
    display: grid !important;
    align-content: center !important;
    gap: 0.16rem !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main strong {
    display: grid !important;
    gap: 0.02rem !important;
    min-width: 0 !important;
    overflow: visible !important;
    color: var(--dashboard-v2-text) !important;
    font-weight: 950 !important;
    line-height: 1.02 !important;
    white-space: normal !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__style-name,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__level,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main > span,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main > em {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    font-style: normal !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__style-name {
    color: var(--dashboard-v2-text) !important;
    font-size: clamp(0.96rem, 4.45vw, 1.15rem) !important;
    font-weight: 950 !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__level {
    color: var(--dashboard-v2-text) !important;
    font-size: clamp(0.88rem, 3.95vw, 1.05rem) !important;
    font-weight: 950 !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main > span,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main > em {
    color: var(--dashboard-v2-muted) !important;
    font-size: clamp(0.56rem, 2.35vw, 0.66rem) !important;
    font-weight: 760 !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__status {
    justify-self: start !important;
    align-self: end !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0.24rem 0.44rem !important;
    border-radius: 999px !important;
    color: var(--dashboard-v2-muted) !important;
    background: rgba(148, 163, 184, 0.14) !important;
    font-size: 0.62rem !important;
    font-weight: 900 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__status.is-present {
    color: #10b981 !important;
    background: rgba(16, 185, 129, 0.14) !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__status.is-absent {
    color: #fb7185 !important;
    background: rgba(251, 113, 133, 0.14) !important;
  }

  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__status.is-late {
    color: #f59e0b !important;
    background: rgba(245, 158, 11, 0.16) !important;
  }

  .dashboard-course-quick-menu {
    width: min(17.8rem, calc(100vw - 1.35rem)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 1.35rem) !important;
    gap: 0.46rem !important;
    padding: 0.58rem !important;
  }

  .dashboard-course-quick-menu__list {
    width: 100% !important;
    max-width: 100% !important;
    gap: 0.3rem !important;
  }

  .dashboard-course-quick-menu__row,
  .dashboard-course-quick-menu__row--button {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.3rem !important;
    display: grid !important;
    grid-template-columns: 1.22rem minmax(0, 1fr) 1.22rem !important;
    align-items: center !important;
    gap: 0.42rem !important;
    padding: 0.35rem 0.48rem !important;
    border-radius: 0.8rem !important;
  }

  .dashboard-course-quick-menu__row > i:first-child {
    display: grid !important;
    place-items: center !important;
    width: 1.22rem !important;
    height: 1.22rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--dashboard-v2-role-color, #38bdf8) !important;
    background: transparent !important;
    font-size: 0.98rem !important;
  }

  .dashboard-course-quick-menu__row > span {
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 0.82rem !important;
    font-weight: 930 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .dashboard-course-quick-menu__chevron {
    justify-self: end !important;
    display: grid !important;
    place-items: center !important;
    width: 1.22rem !important;
    height: 1.22rem !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--dashboard-v2-muted) !important;
    background: transparent !important;
    font-size: 0.98rem !important;
    transform: none !important;
  }

  .dashboard-course-quick-menu__disclosure[open] > .dashboard-course-quick-menu__row .dashboard-course-quick-menu__chevron {
    transform: none !important;
  }

  .dashboard-course-quick-menu__row--button::after,
  .dashboard-course-quick-menu__row--button[data-dashboard-v2-course-vote="P"]::after {
    content: none !important;
  }

  .dashboard-course-quick-menu__subpanel {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: minmax(0, 1fr) 2.05rem !important;
    gap: 0.34rem !important;
    margin: 0.28rem 0 0.02rem !important;
    padding: 0.36rem !important;
    border-radius: 0.74rem !important;
  }

  .dashboard-course-quick-menu__subpanel--late {
    grid-template-columns: 3.15rem minmax(0, 1fr) 2.05rem !important;
  }

  .dashboard-course-quick-menu__subpanel label {
    min-width: 0 !important;
  }

  .dashboard-course-quick-menu__subpanel input {
    min-width: 0 !important;
    width: 100% !important;
    height: 1.95rem !important;
    box-sizing: border-box !important;
  }

  .dashboard-course-quick-menu__validate {
    justify-self: end !important;
    width: 2.05rem !important;
    height: 2.05rem !important;
    min-width: 2.05rem !important;
  }
}

/* V48.2.40 — Dashboard mobile : Prochain cours S, rendu unique hors/avec scrim et menu allégé. */
@media (max-width: 1023px) {
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small,
  .dashboard-course-quick-menu-anchor-clone.dashboard-mobile-course-mini,
  .dashboard-course-quick-menu-anchor-clone.dashboard-mobile-course-mini--small {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: clamp(0.18rem, 1vw, 0.3rem) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: clamp(0.48rem, 2.55vw, 0.64rem) !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 38%, rgba(255,255,255,.12)) !important;
    border-radius: clamp(1.05rem, 4.7vw, 1.38rem) !important;
    color: var(--dashboard-v2-text) !important;
    background:
      radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 26%, transparent), transparent 58%),
      linear-gradient(145deg, color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 13%, rgba(255,255,255,.08)), rgba(8,13,29,.62)) !important;
    box-shadow:
      0 16px 30px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.10) !important;
    text-align: left !important;
    backdrop-filter: blur(14px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.18) !important;
    overflow: hidden !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__top,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.36rem !important;
    min-width: 0 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__icon {
    flex: 0 0 auto !important;
    display: grid !important;
    place-items: center !important;
    width: clamp(2.36rem, 11.2vw, 2.86rem) !important;
    height: clamp(2.36rem, 11.2vw, 2.86rem) !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 28%, transparent) !important;
    border-radius: clamp(0.9rem, 3.8vw, 1.08rem) !important;
    color: var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) !important;
    background: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 16%, rgba(255,255,255,.10)) !important;
    overflow: hidden !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon img,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    object-fit: cover !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon i,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__icon i {
    font-size: clamp(1.16rem, 5.4vw, 1.42rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__countdown,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__countdown {
    min-width: 0 !important;
    max-width: 68% !important;
    overflow: hidden !important;
    padding: 0.22rem 0.52rem !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 30%, transparent) !important;
    border-radius: 999px !important;
    color: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 74%, #ffffff) !important;
    background: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 12%, transparent) !important;
    font-size: clamp(0.68rem, 3.05vw, 0.82rem) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main {
    min-width: 0 !important;
    display: grid !important;
    align-content: center !important;
    gap: 0.16rem !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main strong,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main strong {
    display: grid !important;
    gap: 0.02rem !important;
    min-width: 0 !important;
    overflow: visible !important;
    color: var(--dashboard-v2-text) !important;
    font-weight: 950 !important;
    line-height: 1.02 !important;
    white-space: normal !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__style-name,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__style-name {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--dashboard-v2-text) !important;
    font-size: clamp(0.96rem, 4.45vw, 1.15rem) !important;
    font-style: normal !important;
    font-weight: 950 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__level,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__level {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--dashboard-v2-text) !important;
    font-size: clamp(0.88rem, 3.95vw, 1.05rem) !important;
    font-style: normal !important;
    font-weight: 950 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > span,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > em,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main > span,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main > em {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--dashboard-v2-muted) !important;
    font-size: clamp(0.56rem, 2.35vw, 0.66rem) !important;
    font-style: normal !important;
    font-weight: 760 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__status,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__status {
    justify-self: start !important;
    align-self: end !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0.24rem 0.44rem !important;
    border-radius: 999px !important;
    color: var(--dashboard-v2-muted) !important;
    background: rgba(148, 163, 184, 0.14) !important;
    font-size: 0.62rem !important;
    font-weight: 900 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__status.is-present,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__status.is-present {
    color: #10b981 !important;
    background: rgba(16, 185, 129, 0.14) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__status.is-absent,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__status.is-absent {
    color: #fb7185 !important;
    background: rgba(251, 113, 133, 0.14) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__status.is-late,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__status.is-late {
    color: #f59e0b !important;
    background: rgba(245, 158, 11, 0.16) !important;
  }

  .dashboard-course-quick-menu {
    width: min(17.8rem, calc(100vw - 1.35rem)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 1.35rem) !important;
  }

  .dashboard-course-quick-menu__list {
    width: 100% !important;
    max-width: 100% !important;
    gap: 0.3rem !important;
  }

  .dashboard-course-quick-menu__row,
  .dashboard-course-quick-menu__row--button,
  .dashboard-course-quick-menu__row--summary {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 2.3rem !important;
    display: grid !important;
    grid-template-columns: 1rem minmax(0, 1fr) 1rem !important;
    align-items: center !important;
    gap: 0.48rem !important;
    padding: 0.36rem 0.52rem !important;
    border-radius: 0.8rem !important;
  }

  .dashboard-course-quick-menu__row > i:first-child,
  .dashboard-course-quick-menu__row > i:not(.dashboard-course-quick-menu__chevron):first-child {
    display: inline-grid !important;
    place-items: center !important;
    width: 1rem !important;
    height: 1rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--dashboard-v2-role-color, #38bdf8) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0.96rem !important;
  }

  .dashboard-course-quick-menu__row > .dashboard-course-quick-menu__chevron,
  .dashboard-course-quick-menu__chevron {
    justify-self: end !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 1rem !important;
    height: 1rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--dashboard-v2-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0.96rem !important;
    line-height: 1 !important;
    transform: none !important;
  }

  .dashboard-course-quick-menu__disclosure[open] > .dashboard-course-quick-menu__row .dashboard-course-quick-menu__chevron,
  .dashboard-course-quick-menu__disclosure[open] .dashboard-course-quick-menu__chevron {
    transform: none !important;
  }

  .dashboard-course-quick-menu__row--button::after,
  .dashboard-course-quick-menu__row--button[data-dashboard-v2-course-vote="P"]::after {
    content: none !important;
  }

  .dashboard-course-quick-menu__subpanel,
  .dashboard-course-quick-menu__subpanel--late {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: minmax(0, 1fr) 2.05rem !important;
    gap: 0.34rem !important;
    margin: 0.28rem 0 0.02rem !important;
    padding: 0.36rem !important;
    border-radius: 0.74rem !important;
  }

  .dashboard-course-quick-menu__subpanel label,
  .dashboard-course-quick-menu__subpanel .dashboard-course-quick-menu__combined {
    min-width: 0 !important;
    width: 100% !important;
  }

  .dashboard-course-quick-menu__subpanel input {
    min-width: 0 !important;
    width: 100% !important;
    height: 1.95rem !important;
    box-sizing: border-box !important;
  }
}

/* V48.2.41 — Dashboard mobile : Prochain cours S stabilisé hors/avec menu + retour page active. */
@media (max-width: 1023px) {
  body.is-dashboard-shell-visible .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small,
  .dashboard-course-quick-menu-anchor-clone.dashboard-mobile-course-mini,
  .dashboard-course-quick-menu-anchor-clone.dashboard-mobile-course-mini--small {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: clamp(0.18rem, 1vw, 0.3rem) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: clamp(0.48rem, 2.55vw, 0.64rem) !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 38%, rgba(255,255,255,.12)) !important;
    border-radius: clamp(1.05rem, 4.7vw, 1.38rem) !important;
    color: var(--dashboard-v2-text) !important;
    background:
      radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 26%, transparent), transparent 58%),
      linear-gradient(145deg, color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 13%, rgba(255,255,255,.08)), rgba(8,13,29,.62)) !important;
    box-shadow:
      0 16px 30px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.10) !important;
    text-align: left !important;
    backdrop-filter: blur(14px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.18) !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  body.is-dashboard-shell-visible .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__top,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.36rem !important;
    min-width: 0 !important;
  }

  body.is-dashboard-shell-visible .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__icon {
    flex: 0 0 auto !important;
    display: grid !important;
    place-items: center !important;
    width: clamp(2.36rem, 11.2vw, 2.86rem) !important;
    height: clamp(2.36rem, 11.2vw, 2.86rem) !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 28%, transparent) !important;
    border-radius: clamp(0.9rem, 3.8vw, 1.08rem) !important;
    color: var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) !important;
    background: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 16%, rgba(255,255,255,.10)) !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  body.is-dashboard-shell-visible .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon img,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    object-fit: cover !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  body.is-dashboard-shell-visible .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__countdown,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__countdown {
    min-width: 0 !important;
    max-width: 68% !important;
    overflow: hidden !important;
    padding: 0.22rem 0.52rem !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 30%, transparent) !important;
    border-radius: 999px !important;
    color: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 74%, #ffffff) !important;
    background: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 12%, transparent) !important;
    font-size: clamp(0.68rem, 3.05vw, 0.82rem) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main {
    min-width: 0 !important;
    display: grid !important;
    align-content: center !important;
    gap: 0.16rem !important;
  }

  body.is-dashboard-shell-visible .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main strong,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main strong {
    display: grid !important;
    gap: 0.02rem !important;
    min-width: 0 !important;
    overflow: visible !important;
    color: var(--dashboard-v2-text) !important;
    font-weight: 950 !important;
    line-height: 1.02 !important;
    white-space: normal !important;
  }

  body.is-dashboard-shell-visible .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__style-name,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__style-name {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--dashboard-v2-text) !important;
    font-size: clamp(0.96rem, 4.45vw, 1.15rem) !important;
    font-style: normal !important;
    font-weight: 950 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__level,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__level {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--dashboard-v2-text) !important;
    font-size: clamp(0.88rem, 3.95vw, 1.05rem) !important;
    font-style: normal !important;
    font-weight: 950 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > span,
  body.is-dashboard-shell-visible .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > em,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main > span,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main > em {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--dashboard-v2-muted) !important;
    font-size: clamp(0.56rem, 2.35vw, 0.66rem) !important;
    font-style: normal !important;
    font-weight: 760 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-course-quick-menu-open .dashboard-v2--native-mobile .is-dashboard-course-quick-menu-anchor:not(.dashboard-course-quick-menu-anchor-clone) {
    opacity: 0 !important;
  }

  .dashboard-course-quick-menu__row > .dashboard-course-quick-menu__chevron,
  .dashboard-course-quick-menu__chevron,
  .dashboard-course-quick-menu__row--open > .dashboard-course-quick-menu__chevron,
  .dashboard-course-quick-menu__disclosure > summary .dashboard-course-quick-menu__chevron {
    justify-self: end !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    color: var(--dashboard-v2-muted) !important;
    background: none !important;
    box-shadow: none !important;
    font-size: 0.96rem !important;
    line-height: 1 !important;
    transform: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
}

/* V48.2.42 — Dashboard mobile : Prochain cours S harmonisé réel/clone et ouverture sans flash. */
@media (max-width: 1023px) {
  #dashboard-view .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small,
  .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small,
  .dashboard-course-quick-menu-anchor-clone.dashboard-mobile-course-mini,
  .dashboard-course-quick-menu-anchor-clone.dashboard-mobile-course-mini--small {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: clamp(0.18rem, 1vw, 0.3rem) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: clamp(0.48rem, 2.55vw, 0.64rem) !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 38%, rgba(255,255,255,.12)) !important;
    border-radius: clamp(1.05rem, 4.7vw, 1.38rem) !important;
    color: var(--dashboard-v2-text) !important;
    background:
      radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 26%, transparent), transparent 58%),
      linear-gradient(145deg, color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 13%, rgba(255,255,255,.08)), rgba(8,13,29,.62)) !important;
    box-shadow:
      0 16px 30px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.10) !important;
    text-align: left !important;
    backdrop-filter: blur(14px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.18) !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transition: none !important;
  }

  #dashboard-view .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__top,
  .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__top,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.36rem !important;
    min-width: 0 !important;
  }

  #dashboard-view .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon,
  .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__icon {
    flex: 0 0 auto !important;
    display: grid !important;
    place-items: center !important;
    width: clamp(2.36rem, 11.2vw, 2.86rem) !important;
    height: clamp(2.36rem, 11.2vw, 2.86rem) !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 28%, transparent) !important;
    border-radius: clamp(0.9rem, 3.8vw, 1.08rem) !important;
    color: var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) !important;
    background: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 16%, rgba(255,255,255,.10)) !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transition: none !important;
  }

  #dashboard-view .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon img,
  .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon img,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    object-fit: cover !important;
    opacity: 1 !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transition: none !important;
  }

  #dashboard-view .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon i,
  .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon i,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__icon i {
    font-size: clamp(1.15rem, 5vw, 1.42rem) !important;
    line-height: 1 !important;
  }

  #dashboard-view .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__countdown,
  .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__countdown,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__countdown {
    min-width: 0 !important;
    max-width: 68% !important;
    overflow: hidden !important;
    padding: 0.22rem 0.52rem !important;
    border: 1px solid color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 30%, transparent) !important;
    border-radius: 999px !important;
    color: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 74%, #ffffff) !important;
    background: color-mix(in srgb, var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) 12%, transparent) !important;
    font-size: clamp(0.68rem, 3.05vw, 0.82rem) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #dashboard-view .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main,
  .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main {
    min-width: 0 !important;
    display: grid !important;
    align-content: center !important;
    gap: 0.16rem !important;
  }

  #dashboard-view .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main strong,
  .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main strong,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main strong {
    display: grid !important;
    gap: 0.02rem !important;
    min-width: 0 !important;
    overflow: visible !important;
    color: var(--dashboard-v2-text) !important;
    font-weight: 950 !important;
    line-height: 1.02 !important;
    white-space: normal !important;
  }

  #dashboard-view .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__style-name,
  .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__style-name,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__style-name {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--dashboard-v2-text) !important;
    font-size: clamp(0.96rem, 4.45vw, 1.15rem) !important;
    font-style: normal !important;
    font-weight: 950 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #dashboard-view .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__level,
  .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__level,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__level {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--dashboard-v2-text) !important;
    font-size: clamp(0.88rem, 3.95vw, 1.05rem) !important;
    font-style: normal !important;
    font-weight: 950 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #dashboard-view .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > span,
  #dashboard-view .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > em,
  .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > span,
  .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > em,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main > span,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__main > em {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--dashboard-v2-muted) !important;
    font-size: clamp(0.56rem, 2.35vw, 0.66rem) !important;
    font-style: normal !important;
    font-weight: 760 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #dashboard-view .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__status,
  .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__status,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__status {
    align-self: end !important;
    justify-self: start !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0.18rem 0.42rem !important;
    border-radius: 999px !important;
    font-size: clamp(0.53rem, 2.22vw, 0.62rem) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-course-quick-menu-open .dashboard-v2--native-mobile .is-dashboard-course-quick-menu-anchor:not(.dashboard-course-quick-menu-anchor-clone) {
    opacity: 1 !important;
  }

  body.is-dashboard-course-quick-menu-open .dashboard-v2--native-mobile .is-dashboard-course-quick-menu-anchor-hidden:not(.dashboard-course-quick-menu-anchor-clone) {
    opacity: 0 !important;
  }

  .dashboard-course-quick-menu-anchor-clone.is-preparing {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .dashboard-course-quick-menu-anchor-clone.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
  }
}


/* V48.2.43 — Dashboard mobile : verrou anti-saut Prochain cours S. */
@media (max-width: 1023px) {
  .dashboard-course-quick-menu-scrim.is-preparing,
  .dashboard-course-quick-menu.is-preparing {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body #dashboard-view .dashboard-v2--native-mobile button.dashboard-mobile-course-mini.dashboard-mobile-course-mini--small[data-dashboard-course-quick-menu],
  button.dashboard-mobile-course-mini.dashboard-mobile-course-mini--small[data-dashboard-course-quick-menu],
  .dashboard-course-quick-menu-anchor-clone.dashboard-mobile-course-mini.dashboard-mobile-course-mini--small {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    align-content: stretch !important;
    gap: clamp(0.18rem, 1vw, 0.3rem) !important;
  }

  body #dashboard-view .dashboard-v2--native-mobile button.dashboard-mobile-course-mini.dashboard-mobile-course-mini--small[data-dashboard-course-quick-menu] .dashboard-mobile-course-mini__style-name,
  button.dashboard-mobile-course-mini.dashboard-mobile-course-mini--small[data-dashboard-course-quick-menu] .dashboard-mobile-course-mini__style-name,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__style-name {
    display: block !important;
    font-size: clamp(0.96rem, 4.45vw, 1.15rem) !important;
    font-weight: 950 !important;
    line-height: 1.02 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body #dashboard-view .dashboard-v2--native-mobile button.dashboard-mobile-course-mini.dashboard-mobile-course-mini--small[data-dashboard-course-quick-menu] .dashboard-mobile-course-mini__level,
  button.dashboard-mobile-course-mini.dashboard-mobile-course-mini--small[data-dashboard-course-quick-menu] .dashboard-mobile-course-mini__level,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__level {
    display: block !important;
    font-size: clamp(0.88rem, 3.95vw, 1.05rem) !important;
    font-weight: 950 !important;
    line-height: 1.02 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* V48.2.44 — Dashboard V2 mobile : rendu Prochain cours S unifié pour menu + drag */
@media (max-width: 1023px) {
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__status,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__status,
  .dashboard-home-drag-ghost .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: start !important;
    align-self: end !important;
    max-width: 100% !important;
    min-height: 1.32rem !important;
    padding: 0.22rem 0.54rem !important;
    border-radius: 999px !important;
    font-size: clamp(0.58rem, 2.75vw, 0.72rem) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transition: none !important;
  }

  .dashboard-home-drag-ghost .dashboard-mobile-course-mini--small,
  .dashboard-home-drag-ghost.dashboard-home-tile--widget .dashboard-mobile-course-mini--small {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    align-content: stretch !important;
    width: 100% !important;
    height: 100% !important;
    gap: clamp(0.18rem, 1vw, 0.3rem) !important;
    padding: clamp(0.48rem, 2.55vw, 0.64rem) !important;
  }

  .dashboard-home-drag-ghost .dashboard-mobile-course-mini__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.36rem !important;
    min-width: 0 !important;
  }

  .dashboard-home-drag-ghost .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon {
    flex: 0 0 auto !important;
    width: clamp(2.36rem, 11.2vw, 2.86rem) !important;
    height: clamp(2.36rem, 11.2vw, 2.86rem) !important;
    border-radius: clamp(0.9rem, 3.8vw, 1.08rem) !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transition: none !important;
  }

  .dashboard-home-drag-ghost .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: inherit !important;
    opacity: 1 !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transition: none !important;
  }

  .dashboard-home-drag-ghost .dashboard-mobile-course-mini__countdown {
    max-width: 68% !important;
    padding: 0.22rem 0.52rem !important;
    font-size: clamp(0.68rem, 3.05vw, 0.82rem) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
  }

  .dashboard-home-drag-ghost .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main {
    display: grid !important;
    align-content: center !important;
    gap: 0.16rem !important;
    min-width: 0 !important;
  }

  .dashboard-home-drag-ghost .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main strong {
    display: grid !important;
    gap: 0.02rem !important;
    min-width: 0 !important;
    overflow: visible !important;
    font-weight: 950 !important;
    line-height: 1.02 !important;
    white-space: normal !important;
  }

  .dashboard-home-drag-ghost .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__style-name {
    display: block !important;
    font-size: clamp(0.96rem, 4.45vw, 1.15rem) !important;
    font-weight: 950 !important;
    line-height: 1.02 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }

  .dashboard-home-drag-ghost .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__level {
    display: block !important;
    font-size: clamp(0.88rem, 3.95vw, 1.05rem) !important;
    font-weight: 950 !important;
    line-height: 1.02 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }

  .dashboard-home-drag-ghost .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > span,
  .dashboard-home-drag-ghost .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > em {
    font-size: clamp(0.54rem, 2.35vw, 0.66rem) !important;
    line-height: 1.14 !important;
    font-weight: 850 !important;
  }
}

/* V48.9.5 — Dashboard V2 tablette : mini-cours enrichi. */
@media (max-width: 767px) {
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini__extra,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__extra,
  .dashboard-home-drag-ghost .dashboard-mobile-course-mini__extra {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small {
    gap: clamp(0.34rem, 0.8vw, 0.52rem) !important;
    padding: clamp(0.78rem, 1.55vw, 1rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__top {
    gap: clamp(0.5rem, 1vw, 0.72rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon {
    width: clamp(2.5rem, 4.8vw, 3.2rem) !important;
    height: clamp(2.5rem, 4.8vw, 3.2rem) !important;
    border-radius: clamp(0.95rem, 1.75vw, 1.22rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__icon i {
    font-size: clamp(1.12rem, 2.1vw, 1.5rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini__countdown {
    max-width: 64% !important;
    padding: clamp(0.18rem, 0.45vw, 0.3rem) clamp(0.46rem, 0.9vw, 0.7rem) !important;
    font-size: clamp(0.68rem, 1.25vw, 0.84rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main {
    gap: clamp(0.16rem, 0.36vw, 0.25rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main strong {
    font-size: clamp(0.98rem, 1.8vw, 1.28rem) !important;
    line-height: 0.98 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > span,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__main > em {
    font-size: clamp(0.66rem, 1.15vw, 0.82rem) !important;
    line-height: 1.15 !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini__extra {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.28rem !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: color-mix(in srgb, rgba(226, 232, 240, .78) 76%, var(--dashboard-mobile-course-color, #38bdf8) 24%) !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini__extra i {
    flex: 0 0 auto !important;
    color: var(--dashboard-mobile-course-color, var(--dashboard-v2-role-color, #38bdf8)) !important;
    font-size: 0.86em !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini--small .dashboard-mobile-course-mini__status {
    padding: clamp(0.22rem, 0.55vw, 0.34rem) clamp(0.5rem, 1vw, 0.76rem) !important;
    font-size: clamp(0.66rem, 1.18vw, 0.82rem) !important;
  }

  html[data-theme="light"] body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini__extra,
  body[data-theme="light"].is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-mini__extra {
    color: color-mix(in srgb, #334155 82%, var(--dashboard-mobile-course-color, #0284c7) 18%) !important;
  }
}

/* V48.9.6 — Dashboard V2 : infos prof/salle réservées à la tablette. */
@media (max-width: 767px) {
  .dashboard-mobile-course-mini__extra,
  body.is-dashboard-shell-visible #dashboard-view .dashboard-mobile-course-mini__extra,
  .dashboard-course-quick-menu-anchor-clone .dashboard-mobile-course-mini__extra,
  .dashboard-home-drag-ghost .dashboard-mobile-course-mini__extra {
    display: none !important;
  }
}