/* Popup « Quoi de neuf » de la refonte du 06/11/2026 (ui/views/whats-new.js). Fichier à part, thèmes
 * compris : il part en entier avec la popup, à J+3. */
.cpath-card.cpath-card--whatsnew {
  width: 420px;
}
.cpath-whatsnew {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.cpath-whatsnew__row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  --wn-bg: #f1f3f5;
  --wn-ink: #6b7280;
}
.cpath-whatsnew__row.is-path {
  --wn-bg: #e1f5ee;
  --wn-ink: #08818e;
}
.cpath-whatsnew__row.is-mission {
  --wn-bg: #fdeae5;
  --wn-ink: #d85a30;
}
.cpath-whatsnew__row.is-goals {
  --wn-bg: #fbeaf0;
  --wn-ink: #d4537e;
}
.cpath-whatsnew__row.is-progress {
  --wn-bg: #eaf3de;
  --wn-ink: #58a700;
}
/* « À venir » n'existe pas encore : séparé de ce qui est déjà là. */
.cpath-whatsnew__row.is-soon {
  padding-top: 14px;
  border-top: 1px solid #eef0f4;
}
.cpath-whatsnew__icon {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--wn-bg);
  color: var(--wn-ink);
}
.cpath-whatsnew__icon .msn-lu {
  width: 20px;
  height: 20px;
}
.cpath-whatsnew__text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 13px;
  line-height: 1.35;
  color: #6b7280;
}
.cpath-whatsnew__text strong {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  color: #1f2937;
}
.cpath-card--whatsnew .cpath-cta {
  margin-top: 18px;
}

html.cpath:is(.midday, .night) .cpath-whatsnew__row {
  --wn-bg: var(--pt-surface-3);
  --wn-ink: var(--pt-ink-2);
}
html.cpath:is(.midday, .night) .cpath-whatsnew__row.is-path {
  --wn-bg: var(--pt-accent-soft);
  --wn-ink: var(--pt-accent);
}
html.cpath:is(.midday, .night) .cpath-whatsnew__row.is-mission {
  --wn-bg: var(--pt-red-soft);
  --wn-ink: var(--pt-red);
}
html.cpath:is(.midday, .night) .cpath-whatsnew__row.is-goals {
  --wn-bg: var(--pt-gold-soft);
  --wn-ink: var(--pt-gold);
}
html.cpath:is(.midday, .night) .cpath-whatsnew__row.is-progress {
  --wn-bg: rgb(88 167 0 / 16%);
  --wn-ink: #4a8c00;
}
html.cpath.night .cpath-whatsnew__row.is-progress {
  --wn-ink: #97c459;
}
html.cpath:is(.midday, .night) .cpath-whatsnew__row.is-soon {
  border-top-color: var(--pt-line);
}
html.cpath:is(.midday, .night) .cpath-whatsnew__text {
  color: var(--pt-ink-2);
}
html.cpath:is(.midday, .night) .cpath-whatsnew__text strong {
  color: var(--pt-ink);
}