/* EDQ V48.5.2 — CSS commun extrait : états visuels des votes de widgets. */
/* V48.3.2 — Dashboard V2 mobile : votes neutres hors sélection et popover couleur cours. */
@media (max-width: 1023px) {
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote:not(.is-active):not(.is-pending-reason) {
    border-color: color-mix(in srgb, var(--dashboard-v2-accent, #38bdf8) 22%, rgba(255,255,255,.12)) !important;
    color: rgba(226, 232, 240, .9) !important;
    background: color-mix(in srgb, #020617 78%, rgba(255,255,255,.06)) !important;
    box-shadow: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote[data-dashboard-v2-course-vote="P"].is-active {
    border-color: color-mix(in srgb, #10b981 62%, transparent) !important;
    color: #34d399 !important;
    background: color-mix(in srgb, #10b981 18%, rgba(15, 23, 42, .76)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #10b981 20%, transparent), 0 10px 22px color-mix(in srgb, #10b981 12%, transparent) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote[data-dashboard-v2-course-vote="A"].is-active,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote[data-dashboard-v2-course-vote="A"].is-pending-reason {
    border-color: color-mix(in srgb, #fb7185 64%, transparent) !important;
    color: #fb7185 !important;
    background: color-mix(in srgb, #fb7185 17%, rgba(15, 23, 42, .76)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #fb7185 20%, transparent), 0 10px 22px color-mix(in srgb, #fb7185 12%, transparent) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote[data-dashboard-v2-course-vote="R"].is-active,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote[data-dashboard-v2-course-vote="R"].is-pending-reason {
    border-color: color-mix(in srgb, #f59e0b 64%, transparent) !important;
    color: #f59e0b !important;
    background: color-mix(in srgb, #f59e0b 17%, rgba(15, 23, 42, .76)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #f59e0b 20%, transparent), 0 10px 22px color-mix(in srgb, #f59e0b 12%, transparent) !important;
  }

  .dashboard-course-quick-menu__row:not(.is-active),
  .dashboard-course-quick-menu__disclosure:not(.is-active) > .dashboard-course-quick-menu__row,
  .dashboard-course-quick-menu__disclosure[open]:not(.is-active) > .dashboard-course-quick-menu__row {
    border-color: color-mix(in srgb, var(--dashboard-v2-role-color, #38bdf8) 20%, rgba(255,255,255,.13)) !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;
    box-shadow: none !important;
  }

  .dashboard-course-quick-menu__row[data-dashboard-v2-course-vote="P"].is-active,
  .dashboard-course-quick-menu__row--button[data-dashboard-v2-course-vote="P"].is-active {
    border-color: color-mix(in srgb, #10b981 62%, transparent) !important;
    color: #34d399 !important;
    background: color-mix(in srgb, #10b981 18%, rgba(15, 23, 42, .76)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #10b981 20%, transparent) !important;
  }

  .dashboard-course-quick-menu__disclosure[data-dashboard-v2-course-vote="A"].is-active > .dashboard-course-quick-menu__row,
  .dashboard-course-quick-menu__row[data-dashboard-v2-course-vote="A"].is-pending-reason {
    border-color: color-mix(in srgb, #fb7185 64%, transparent) !important;
    color: #fb7185 !important;
    background: color-mix(in srgb, #fb7185 17%, rgba(15, 23, 42, .76)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #fb7185 20%, transparent) !important;
  }

  .dashboard-course-quick-menu__disclosure[data-dashboard-v2-course-vote="R"].is-active > .dashboard-course-quick-menu__row,
  .dashboard-course-quick-menu__row[data-dashboard-v2-course-vote="R"].is-pending-reason {
    border-color: color-mix(in srgb, #f59e0b 64%, transparent) !important;
    color: #f59e0b !important;
    background: color-mix(in srgb, #f59e0b 17%, rgba(15, 23, 42, .76)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #f59e0b 20%, transparent) !important;
  }

  .dashboard-course-quick-menu__row.is-active > i:first-child,
  .dashboard-course-quick-menu__disclosure.is-active > .dashboard-course-quick-menu__row > i:first-child,
  .dashboard-course-quick-menu__row.is-active .dashboard-course-quick-menu__chevron,
  .dashboard-course-quick-menu__disclosure.is-active > .dashboard-course-quick-menu__row .dashboard-course-quick-menu__chevron {
    color: currentColor !important;
  }
}


/* V48.3.3 — Dashboard V2 mobile : votes rapides S/M stabilisés. */
@media (max-width: 1023px) {
  .dashboard-course-quick-menu__row:not(.is-active),
  .dashboard-course-quick-menu__row--button:not(.is-active),
  .dashboard-course-quick-menu__disclosure:not(.is-active) > .dashboard-course-quick-menu__row,
  .dashboard-course-quick-menu__disclosure[open]:not(.is-active) > .dashboard-course-quick-menu__row,
  .dashboard-course-quick-menu__row--summary:not(.is-active) {
    border-color: color-mix(in srgb, rgba(148, 163, 184, .72) 34%, transparent) !important;
    color: rgba(226, 232, 240, .92) !important;
    background: color-mix(in srgb, #020617 82%, rgba(255,255,255,.055)) !important;
    box-shadow: none !important;
  }

  .dashboard-course-quick-menu__row:not(.is-active) > i:first-child,
  .dashboard-course-quick-menu__row--button:not(.is-active) > i:first-child,
  .dashboard-course-quick-menu__disclosure:not(.is-active) > .dashboard-course-quick-menu__row > i:first-child,
  .dashboard-course-quick-menu__row:not(.is-active) .dashboard-course-quick-menu__chevron,
  .dashboard-course-quick-menu__disclosure:not(.is-active) > .dashboard-course-quick-menu__row .dashboard-course-quick-menu__chevron {
    color: rgba(203, 213, 225, .88) !important;
  }

  .dashboard-course-quick-menu__row[data-dashboard-v2-course-vote="P"].is-active,
  .dashboard-course-quick-menu__row--button[data-dashboard-v2-course-vote="P"].is-active {
    border-color: color-mix(in srgb, #10b981 62%, transparent) !important;
    color: #34d399 !important;
    background: color-mix(in srgb, #10b981 18%, rgba(15, 23, 42, .76)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #10b981 20%, transparent) !important;
  }

  .dashboard-course-quick-menu__disclosure[data-dashboard-v2-course-vote="A"].is-active > .dashboard-course-quick-menu__row,
  .dashboard-course-quick-menu__row[data-dashboard-v2-course-vote="A"].is-active,
  .dashboard-course-quick-menu__row[data-dashboard-v2-course-vote="A"].is-pending-reason {
    border-color: color-mix(in srgb, #fb7185 64%, transparent) !important;
    color: #fb7185 !important;
    background: color-mix(in srgb, #fb7185 17%, rgba(15, 23, 42, .76)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #fb7185 20%, transparent) !important;
  }

  .dashboard-course-quick-menu__disclosure[data-dashboard-v2-course-vote="R"].is-active > .dashboard-course-quick-menu__row,
  .dashboard-course-quick-menu__row[data-dashboard-v2-course-vote="R"].is-active,
  .dashboard-course-quick-menu__row[data-dashboard-v2-course-vote="R"].is-pending-reason {
    border-color: color-mix(in srgb, #f59e0b 64%, transparent) !important;
    color: #f59e0b !important;
    background: color-mix(in srgb, #f59e0b 17%, rgba(15, 23, 42, .76)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #f59e0b 20%, transparent) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote:not(.is-active):not(.is-pending-reason) {
    border-color: color-mix(in srgb, rgba(148, 163, 184, .72) 34%, transparent) !important;
    color: rgba(226, 232, 240, .92) !important;
    background: color-mix(in srgb, #020617 82%, rgba(255,255,255,.055)) !important;
    box-shadow: none !important;
  }
}