/* EDQ V48.5.2 — CSS extrait : widget Prochain cours M + popover motif/durée. */
/* V48.3.0 — Dashboard V2 mobile : widget Prochain cours M utile. */
body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: clamp(0.46rem, 2.1vw, 0.64rem) !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  cursor: pointer !important;
}

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

body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-mini {
  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-widget--medium .dashboard-mobile-course-widget__votes {
  display: grid !important;
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  align-content: stretch !important;
  gap: clamp(0.34rem, 1.6vw, 0.48rem) !important;
}

body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  justify-content: stretch !important;
  align-items: center !important;
  gap: clamp(0.34rem, 1.7vw, 0.5rem) !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: clamp(0.36rem, 1.8vw, 0.5rem) clamp(0.42rem, 2vw, 0.58rem) !important;
  border-radius: clamp(0.78rem, 3.4vw, 1rem) !important;
  font-size: clamp(0.74rem, 3.05vw, 0.88rem) !important;
  font-weight: 920 !important;
  text-align: left !important;
  transform: none !important;
}

body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote i {
  font-size: 0.98rem !important;
  line-height: 1 !important;
}

body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote:hover,
body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote.is-active {
  transform: 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 58%, transparent) !important;
  color: color-mix(in srgb, #10b981 82%, #ffffff 18%) !important;
  background: color-mix(in srgb, #10b981 18%, rgba(15, 23, 42, .72)) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, #10b981 18%, 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 58%, transparent) !important;
  color: #fb7185 !important;
  background: color-mix(in srgb, #fb7185 16%, rgba(15, 23, 42, .72)) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, #fb7185 18%, transparent), 0 10px 22px color-mix(in srgb, #fb7185 11%, 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 58%, transparent) !important;
  color: #f59e0b !important;
  background: color-mix(in srgb, #f59e0b 16%, rgba(15, 23, 42, .72)) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, #f59e0b 18%, transparent), 0 10px 22px color-mix(in srgb, #f59e0b 11%, transparent) !important;
}

.dashboard-v2-reason-floating__confirm-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 0.42rem;
}

.dashboard-v2-reason-floating input[data-dashboard-v2-reason-input],
.dashboard-v2-reason-floating input[data-dashboard-v2-reason-combined],
.dashboard-v2-reason-floating input[data-dashboard-v2-reason-estimation] {
  width: 100%;
  min-width: 0;
  min-height: 2.54rem;
  padding: 0.54rem 0.64rem;
  border-radius: 0.78rem;
  border: 1px solid color-mix(in srgb, #facc15 52%, transparent);
  background: color-mix(in srgb, #020617 74%, transparent);
  color: rgba(248, 250, 252, .96);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 760;
  line-height: 1.18;
  outline: none;
}

.dashboard-v2-reason-floating input[data-dashboard-v2-reason-input]:focus,
.dashboard-v2-reason-floating input[data-dashboard-v2-reason-combined]:focus,
.dashboard-v2-reason-floating input[data-dashboard-v2-reason-estimation]:focus {
  border-color: color-mix(in srgb, #facc15 72%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, #facc15 14%, transparent);
}

.dashboard-v2-reason-floating__confirm {
  display: inline-grid;
  place-items: center;
  width: 2.54rem;
  min-width: 2.54rem;
  min-height: 2.54rem;
  border: 0;
  border-radius: 0.82rem;
  color: #ffffff;
  background: linear-gradient(135deg, #10b981, #22d3ee);
  box-shadow: 0 12px 24px rgba(16, 185, 129, .28), inset 0 1px 0 rgba(255,255,255,.22);
  cursor: pointer;
}

.dashboard-v2-reason-floating__confirm i {
  font-size: 1rem;
  line-height: 1;
}

html:not([data-theme="dark"]) .dashboard-v2-reason-floating input[data-dashboard-v2-reason-input],
html:not([data-theme="dark"]) .dashboard-v2-reason-floating input[data-dashboard-v2-reason-combined],
html:not([data-theme="dark"]) .dashboard-v2-reason-floating input[data-dashboard-v2-reason-estimation] {
  background: color-mix(in srgb, #ffffff 78%, #facc15 8%);
  color: #111827;
}


/* V48.3.1 — Dashboard V2 mobile : Prochain cours M, états et popover accordés. */
@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 {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: clamp(0.34rem, 1.7vw, 0.5rem) !important;
    font-size: clamp(0.74rem, 3.05vw, 0.88rem) !important;
    letter-spacing: -0.012em !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote > i:not(.dashboard-mobile-course-m-vote__chevron) {
    justify-self: start !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote span {
    align-self: center !important;
    justify-self: stretch !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote__chevron {
    justify-self: end !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: currentColor !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: clamp(0.84rem, 3.3vw, 1rem) !important;
    opacity: 0.88 !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 58%, transparent) !important;
    color: #fb7185 !important;
    background: color-mix(in srgb, #fb7185 16%, rgba(15, 23, 42, .72)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #fb7185 18%, transparent), 0 10px 22px color-mix(in srgb, #fb7185 11%, 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 58%, transparent) !important;
    color: #f59e0b !important;
    background: color-mix(in srgb, #f59e0b 16%, rgba(15, 23, 42, .72)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, #f59e0b 18%, transparent), 0 10px 22px color-mix(in srgb, #f59e0b 11%, transparent) !important;
  }
}

.dashboard-v2-reason-floating {
  --dashboard-v2-reason-color: var(--dashboard-v2-role-color, #38bdf8);
  border-color: color-mix(in srgb, var(--dashboard-v2-reason-color) 52%, transparent) !important;
  background:
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--dashboard-v2-reason-color) 18%, transparent), transparent 58%),
    color-mix(in srgb, #020617 88%, var(--dashboard-v2-reason-color) 12%) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .34), inset 0 0 0 1px color-mix(in srgb, var(--dashboard-v2-reason-color) 16%, transparent) !important;
}

.dashboard-v2-reason-floating__field > span,
.dashboard-v2-reason-floating .my-children-vote-reason-floating__field > span {
  color: color-mix(in srgb, var(--dashboard-v2-reason-color) 80%, rgba(226, 232, 240, .82) 20%) !important;
}

.dashboard-v2-reason-floating__field > span em,
.dashboard-v2-reason-floating .my-children-vote-reason-floating__field > span em {
  color: color-mix(in srgb, var(--dashboard-v2-reason-color) 48%, rgba(226, 232, 240, .7) 52%) !important;
}

.dashboard-v2-reason-floating textarea,
.dashboard-v2-reason-floating input[data-dashboard-v2-reason-input],
.dashboard-v2-reason-floating input[data-dashboard-v2-reason-combined],
.dashboard-v2-reason-floating input[data-dashboard-v2-reason-estimation] {
  border-color: color-mix(in srgb, var(--dashboard-v2-reason-color) 52%, transparent) !important;
  background: color-mix(in srgb, #020617 74%, var(--dashboard-v2-reason-color) 5%) !important;
}

.dashboard-v2-reason-floating textarea:focus,
.dashboard-v2-reason-floating input[data-dashboard-v2-reason-input]:focus,
.dashboard-v2-reason-floating input[data-dashboard-v2-reason-combined]:focus,
.dashboard-v2-reason-floating input[data-dashboard-v2-reason-estimation]:focus {
  border-color: color-mix(in srgb, var(--dashboard-v2-reason-color) 72%, transparent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--dashboard-v2-reason-color) 14%, transparent) !important;
}

.dashboard-v2-reason-floating__hint,
.dashboard-v2-reason-floating .my-children-vote-reason-floating__hint {
  color: color-mix(in srgb, var(--dashboard-v2-reason-color) 64%, rgba(226, 232, 240, .82) 36%) !important;
}

.dashboard-v2-reason-floating__confirm {
  background: linear-gradient(135deg, var(--dashboard-v2-reason-color), color-mix(in srgb, var(--dashboard-v2-reason-color) 58%, #020617)) !important;
  box-shadow: 0 12px 24px color-mix(in srgb, var(--dashboard-v2-reason-color) 28%, transparent), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

html:not([data-theme="dark"]) .dashboard-v2-reason-floating {
  background:
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--dashboard-v2-reason-color) 22%, transparent), transparent 58%),
    color-mix(in srgb, #ffffff 88%, var(--dashboard-v2-reason-color) 12%) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .18), inset 0 0 0 1px color-mix(in srgb, var(--dashboard-v2-reason-color) 18%, transparent) !important;
}

html:not([data-theme="dark"]) .dashboard-v2-reason-floating textarea,
html:not([data-theme="dark"]) .dashboard-v2-reason-floating input[data-dashboard-v2-reason-input],
html:not([data-theme="dark"]) .dashboard-v2-reason-floating input[data-dashboard-v2-reason-combined],
html:not([data-theme="dark"]) .dashboard-v2-reason-floating input[data-dashboard-v2-reason-estimation] {
  background: color-mix(in srgb, #ffffff 78%, var(--dashboard-v2-reason-color) 8%) !important;
  color: #111827 !important;
}

/* V48.9.5 — Dashboard V2 tablette : widget Prochain cours M plus lisible. */
@media (min-width: 768px) and (max-width: 1023px) {
  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium {
    grid-template-columns: minmax(0, 1.28fr) minmax(12.5rem, 0.82fr) !important;
    gap: clamp(0.72rem, 1.25vw, 1rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-widget__votes {
    gap: clamp(0.44rem, 0.85vw, 0.68rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote {
    min-height: clamp(2.85rem, 5vw, 3.45rem) !important;
    padding: clamp(0.54rem, 0.95vw, 0.74rem) clamp(0.68rem, 1.1vw, 0.9rem) !important;
    border-radius: clamp(0.95rem, 1.65vw, 1.2rem) !important;
    font-size: clamp(0.82rem, 1.35vw, 1rem) !important;
  }

  body.is-dashboard-shell-visible #dashboard-view > .dashboard-v2--native-mobile .dashboard-mobile-course-widget--medium .dashboard-mobile-course-m-vote > i:not(.dashboard-mobile-course-m-vote__chevron) {
    font-size: clamp(1rem, 1.7vw, 1.25rem) !important;
  }
}