/* EDQ V48.5.2 — CSS commun extrait : scrims, clones et neutralisation édition. */
/* V48.4.3 — Dashboard V2 mobile : synchronisation votes et calque motif au-dessus du scrim. */
.dashboard-v2-reason-anchor-clone {
  z-index: 13980 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  filter: none !important;
  transform: translate3d(0, 0, 0) !important;
  transition: none !important;
}

body.is-dashboard-reason-popover-open .is-dashboard-reason-anchor-hidden {
  opacity: 0 !important;
}

@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[data-dashboard-v2-course-vote="P"].is-default-unconfirmed,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card .dashboard-mobile-course-l-vote[data-dashboard-v2-course-vote="P"].is-default-unconfirmed,
  .dashboard-course-quick-menu__row[data-dashboard-v2-course-vote="P"].is-default-unconfirmed {
    border-color: color-mix(in srgb, #facc15 70%, transparent) !important;
    color: #fde68a !important;
    background: color-mix(in srgb, #facc15 18%, rgba(15, 23, 42, .8)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #facc15 22%, transparent), 0 10px 24px color-mix(in srgb, #facc15 12%, 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):not(.is-default-unconfirmed),
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-large-card .dashboard-mobile-course-l-vote:not(.is-active):not(.is-pending-reason):not(.is-default-unconfirmed),
  .dashboard-course-quick-menu__row[data-dashboard-v2-course-vote]:not(.is-active):not(.is-pending-reason):not(.is-default-unconfirmed),
  .dashboard-course-quick-menu__disclosure:not(.is-active) > .dashboard-course-quick-menu__row:not(.is-pending-reason):not(.is-default-unconfirmed),
  .dashboard-course-quick-menu__disclosure[open]:not(.is-active) > .dashboard-course-quick-menu__row:not(.is-pending-reason):not(.is-default-unconfirmed) {
    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;
  }
}

/* V48.4.6 — Dashboard V2 mobile : carrousels figés pendant drag/scrim. */
@media (max-width: 1023px) {
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile.is-dashboard-home-editing [data-dashboard-v2-carousel],
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile.is-dashboard-home-editing [data-dashboard-v2-carousel] *,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile.is-dashboard-home-editing [data-dashboard-v2-carousel-track] {
    touch-action: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile.is-dashboard-home-editing [data-dashboard-v2-carousel-track] {
    overflow: hidden !important;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile.is-dashboard-home-editing [data-dashboard-v2-carousel-dot],
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile.is-dashboard-home-editing [data-dashboard-v2-carousel-nav] {
    pointer-events: none !important;
  }
}

.dashboard-home-drag-ghost .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track],
.dashboard-v2-reason-anchor-clone .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] {
  overflow: hidden !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

.dashboard-home-drag-ghost .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] > [aria-hidden="true"],
.dashboard-v2-reason-anchor-clone .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] > [aria-hidden="true"] {
  display: none !important;
}

.dashboard-home-drag-ghost.is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track],
.dashboard-v2-reason-anchor-clone.is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] {
  overflow: hidden !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

.dashboard-home-drag-ghost.is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] > [aria-hidden="true"],
.dashboard-v2-reason-anchor-clone.is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] > [aria-hidden="true"] {
  display: none !important;
}

/* V48.4.8 — Dashboard V2 mobile : widget réel au-dessus du scrim et clone L sans reconstruction. */
.is-dashboard-reason-anchor-promoted {
  position: relative !important;
  z-index: 13980 !important;
  pointer-events: none !important;
  isolation: isolate !important;
}

.dashboard-home-drag-ghost .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track],
.dashboard-v2-reason-anchor-clone .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

.dashboard-home-drag-ghost .is-dashboard-clone-carousel-frozen .dashboard-v2-carousel__viewport,
.dashboard-home-drag-ghost .is-dashboard-clone-carousel-frozen .dashboard-mobile-course-l-carousel__viewport,
.dashboard-v2-reason-anchor-clone .is-dashboard-clone-carousel-frozen .dashboard-v2-carousel__viewport,
.dashboard-v2-reason-anchor-clone .is-dashboard-clone-carousel-frozen .dashboard-mobile-course-l-carousel__viewport {
  overflow: hidden !important;
}

.dashboard-home-drag-ghost .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] > [aria-hidden="true"],
.dashboard-v2-reason-anchor-clone .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] > [aria-hidden="true"],
.dashboard-home-drag-ghost.is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] > [aria-hidden="true"],
.dashboard-v2-reason-anchor-clone.is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] > [aria-hidden="true"] {
  display: flex !important;
}

/* V48.4.9 — Dashboard V2 mobile : clone L par scroll réel et widgets M/L au-dessus du scrim. */
.dashboard-v2-reason-anchor-clone {
  z-index: 13980 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: translate3d(0, 0, 0) !important;
  transition: none !important;
}

body.is-dashboard-reason-popover-open .dashboard-v2-reason-anchor-clone {
  opacity: 1 !important;
  visibility: visible !important;
}

.dashboard-home-drag-ghost .is-dashboard-clone-carousel-frozen .dashboard-v2-carousel__viewport,
.dashboard-home-drag-ghost .is-dashboard-clone-carousel-frozen .dashboard-mobile-course-l-carousel__viewport,
.dashboard-v2-reason-anchor-clone .is-dashboard-clone-carousel-frozen .dashboard-v2-carousel__viewport,
.dashboard-v2-reason-anchor-clone .is-dashboard-clone-carousel-frozen .dashboard-mobile-course-l-carousel__viewport {
  overflow: hidden !important;
}

.dashboard-home-drag-ghost .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track],
.dashboard-v2-reason-anchor-clone .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track],
.dashboard-home-drag-ghost.is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track],
.dashboard-v2-reason-anchor-clone.is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
  -webkit-overflow-scrolling: auto !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
  scrollbar-width: none !important;
}

.dashboard-home-drag-ghost .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track]::-webkit-scrollbar,
.dashboard-v2-reason-anchor-clone .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track]::-webkit-scrollbar,
.dashboard-home-drag-ghost.is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track]::-webkit-scrollbar,
.dashboard-v2-reason-anchor-clone.is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track]::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.dashboard-home-drag-ghost .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] > *,
.dashboard-v2-reason-anchor-clone .is-dashboard-clone-carousel-frozen [data-dashboard-v2-carousel-track] > * {
  pointer-events: none !important;
  transition: none !important;
}

/* V48.4.12 — Dashboard V2 mobile : scrim percé + interactions neutralisées en édition. */
.dashboard-v2-reason-floating-scrim {
  position: fixed !important;
  inset: 0 !important;
  z-index: 13970 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: auto !important;
  touch-action: none !important;
  cursor: default !important;
  --dashboard-v2-reason-hole-left: 0px;
  --dashboard-v2-reason-hole-top: 0px;
  --dashboard-v2-reason-hole-width: 0px;
  --dashboard-v2-reason-hole-height: 0px;
}

.dashboard-v2-reason-floating-scrim__pane {
  position: absolute !important;
  display: block !important;
  pointer-events: none !important;
  background: rgba(2, 6, 23, .42) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

.dashboard-v2-reason-floating-scrim__pane--top {
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  height: var(--dashboard-v2-reason-hole-top) !important;
}

.dashboard-v2-reason-floating-scrim__pane--bottom {
  left: 0 !important;
  right: 0 !important;
  top: calc(var(--dashboard-v2-reason-hole-top) + var(--dashboard-v2-reason-hole-height)) !important;
  bottom: 0 !important;
}

.dashboard-v2-reason-floating-scrim__pane--left {
  left: 0 !important;
  top: var(--dashboard-v2-reason-hole-top) !important;
  width: var(--dashboard-v2-reason-hole-left) !important;
  height: var(--dashboard-v2-reason-hole-height) !important;
}

.dashboard-v2-reason-floating-scrim__pane--right {
  left: calc(var(--dashboard-v2-reason-hole-left) + var(--dashboard-v2-reason-hole-width)) !important;
  right: 0 !important;
  top: var(--dashboard-v2-reason-hole-top) !important;
  height: var(--dashboard-v2-reason-hole-height) !important;
}

.dashboard-v2-reason-floating-scrim:focus,
.dashboard-v2-reason-floating-scrim:focus-visible,
.dashboard-v2-reason-floating-scrim:hover,
.dashboard-v2-reason-floating-scrim:active {
  outline: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

@media (max-width: 1023px) {
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile.is-dashboard-home-editing [data-dashboard-home-tile] :is(button, a, input, textarea, select, [contenteditable="true"], [data-dashboard-v2-carousel], [data-dashboard-v2-carousel-track], [data-dashboard-v2-carousel-dot], [data-dashboard-v2-carousel-nav], [data-dashboard-v2-course-vote], [data-dashboard-v2-open]) {
    pointer-events: none !important;
    touch-action: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile.is-dashboard-home-editing [data-dashboard-v2-carousel-track],
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile.is-dashboard-home-editing .dashboard-mobile-course-l-carousel__track,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile.is-dashboard-home-editing .dashboard-v2-carousel__track {
    overflow: hidden !important;
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    -webkit-overflow-scrolling: auto !important;
    touch-action: none !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile.is-dashboard-home-editing .dashboard-mobile-edit-control,
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile.is-dashboard-home-editing [data-dashboard-home-remove],
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile.is-dashboard-home-editing [data-dashboard-home-edit-done] {
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }
}
