/* Panneau « Objectifs de la semaine » ouvert depuis la timeline (mission-panel.css).
 * L'essentiel passe par ses variables --msn-* ; les règles qui suivent reprennent les blancs en
 * dur. Palette : tokens.css. */

html.cpath.midday #mission-loecsen-panel {
  --msn-primary: #08818e;
  --msn-primary-dark: #066b76;
  --msn-primary-soft: rgb(8 129 142 / 12%);
  --msn-primary-line: rgb(8 129 142 / 30%);
  --msn-coral-soft: rgb(226 104 63 / 14%);
  --msn-coral-ink: #973f1c;
  --msn-success: #08818e;
  --msn-success-soft: rgb(8 129 142 / 12%);
  --msn-success-strong: #066b76;
  --msn-gold-soft: rgb(245 170 60 / 20%);
  --msn-gold-strong: #8f5a0a;
  --msn-tl-rail: var(--pt-line-strong);
}
html.cpath.night #mission-loecsen-panel {
  --msn-primary: #3fc9c3;
  --msn-primary-dark: #7ae0db;
  --msn-primary-soft: rgb(63 201 195 / 16%);
  --msn-primary-line: rgb(63 201 195 / 34%);
  --msn-coral-soft: rgb(226 104 63 / 20%);
  --msn-coral-ink: #ffb79c;
  --msn-success: #3fc9c3;
  --msn-success-soft: rgb(63 201 195 / 16%);
  --msn-success-strong: #7ae0db;
  --msn-gold-soft: rgb(255 180 60 / 16%);
  --msn-gold-strong: #ffc96b;
  --msn-tl-rail: var(--pt-line-strong);
}
html.cpath:is(.midday, .night) #mission-loecsen-panel {
  --msn-text: var(--pt-ink);
  --msn-text-2: var(--pt-ink-2);
  --msn-muted: var(--pt-ink-3);
  --msn-faint: var(--pt-ink-3);
  --msn-line: var(--pt-line);
  --msn-hair: var(--pt-line);
  --msn-hair-2: var(--pt-line-strong);
  --msn-bg: var(--pt-surface-2);
  --msn-shadow: var(--pt-shadow);
  --bl-navy: var(--pt-ink);
  --bl-slate: var(--pt-ink-2);
  --bl-slate-light: var(--pt-ink-3);
  --bl-line: var(--pt-line);
  color: var(--pt-ink);
}

/* ---------- Surfaces blanches en dur ---------- */
html.cpath:is(.midday, .night) #mission-loecsen-panel :is(
  .msn-card,
  .msn-obj,
  .msn-adj__box,
  .msn-adj-slider,
  .msn-theme__btn,
  .msn-modal__box,
  .msn-day:hover:not(:disabled):not(.is-on),
  .msn-day.is-on,
  .msn-tab.is-on,
  .msn-adj-curve__end-ico,
  .msn-tl__dot:not(.is-active):not(.is-today),
  .msn-row:not(.is-next) .msn-row__check
) {
  background: var(--pt-surface);
  border-color: var(--pt-line);
}
html.cpath:is(.midday, .night) #mission-loecsen-panel :is(.msn-adj__x:hover, .msn-adj__cancel:hover) {
  background: var(--pt-surface-3);
  color: var(--pt-ink);
}
html.cpath:is(.midday, .night) #mission-loecsen-panel .msn-day {
  border-color: var(--pt-line);
}
html.cpath:is(.midday, .night) #mission-loecsen-panel .msn-day__check {
  background: var(--pt-surface-3);
}
html.cpath:is(.midday, .night) #mission-loecsen-panel .msn-adj__foot {
  border-top-color: var(--pt-line);
}

/* ---------- Encres en dur ---------- */
html.cpath:is(.midday, .night) #mission-loecsen-panel :is(
  .msn-tab,
  .msn-adj__cancel,
  .msn-adj-slider__title,
  .msn-adj-row__title,
  .msn-adj-curve__x span,
  .msn-adj-cal__presets,
  .msn-series-stat
) {
  color: var(--pt-ink-2);
}
html.cpath:is(.midday, .night) #mission-loecsen-panel :is(
  .msn-tab:hover:not(.is-on),
  .msn-adj-row__title.is-dark,
  .msn-series-fact,
  .msn-series-stat.is-current,
  .msn-preset:hover:not(:disabled):not(.is-on),
  .msn-adj-slider__marks button:hover:not(:disabled)
) {
  color: var(--pt-ink);
}

/* ---------- Encarts teintés de la fenêtre Ajuster ---------- */
html.cpath:is(.midday, .night) #mission-loecsen-panel :is(
  .msn-adj-sum,
  .msn-adj-week,
  .msn-adj-pace,
  .msn-adj-pace.is-balanced,
  .msn-adj-pace.is-immersion,
  .msn-adj-slider__pill,
  .msn-series-advice[data-direction="up"],
  .msn-series-zone.is-easy
) {
  background: var(--pt-accent-soft);
  border-color: var(--pt-line);
  color: var(--pt-ink);
}
html.cpath:is(.midday, .night) #mission-loecsen-panel :is(
  .msn-adj-pace.is-intensive,
  .msn-series-zone.is-hard,
  .msn-series-advice,
  .msn-adj-cap__unlock,
  .msn-adj-cap__unlock:hover
) {
  background: var(--pt-gold-soft);
  border-color: var(--pt-line);
  color: var(--pt-ink);
}
html.cpath:is(.midday, .night) #mission-loecsen-panel :is(.msn-series-zone, .msn-series-stats) {
  background: var(--pt-surface-2);
}
html.cpath:is(.midday, .night) #mission-loecsen-panel .msn-series-zone {
  color: var(--pt-ink-2);
}
html.cpath:is(.midday, .night) #mission-loecsen-panel .msn-adj-curve__grid {
  stroke: var(--pt-line);
}
html.cpath:is(.midday, .night) #mission-loecsen-panel .msn-series-col.is-few .msn-series-col__bar {
  background: var(--pt-surface-3);
}
html.cpath:is(.midday, .night) #mission-loecsen-panel .msn-adj-curve__pt {
  border-color: var(--pt-surface);
}
html.cpath:is(.midday, .night) #mission-loecsen-panel .msn-adj-curve__col.is-off .msn-adj-curve__pt {
  background: var(--pt-surface);
}