/**
 * ja_nexora — Changelog page pixel-parity overlay
 * Scope: .nx-page-changelog  (canvas article 232, body wrapper class)
 * Source: pencil/nexora.pen M9UYbi (Page/Changelog, dark) + l7cjiZ (light)
 *         + Q49LI / n3H6XC (mobile) — verified 2026-06-20
 * Loaded via addCustomTag (NOT addStyleSheet — the T4 optimizer absorbs
 * addStyleSheet into the bundle before page tokens resolve; addCustomTag with
 * filemtime() cache-bust renders the overlay last, mirroring team.css /
 * integrations.css). DO NOT edit scss/_nexora.scss or acm/timeline/ — isolated.
 *
 * Defects fixed:
 *  CL1  .chg-date color: hardcoded dark hex #6B7196 (the $text-dim DARK value)
 *       leaked into LIGHT mode where $text-dim must be #888EA6. Re-bind to the
 *       token so it flips: light #888EA6 / dark #6B7196. Affects both the
 *       desktop date and the mobile (Geist Mono) date. [DARK-HEX-IN-LIGHT]
 *  CL2  .chg-tag badge bg: hardcoded dark-hex values (#3B82F6/#10B981/#6366F1)
 *       leak into LIGHT mode. .pen l7cjiZ specifies lighter-saturated values:
 *       feature=#2563EB, improvement=#059669, fix/major=#5B57E0.
 *       Re-declare per-variant with correct light values; dark overrides restore
 *       the dark-frame values. [DARK-HEX-IN-LIGHT]
 */

/* CL1 — release date uses $text-dim token (light #888EA6 / dark #6B7196). */
body .nx-page-changelog .chg-date {
  color: var(--color-text-dim, #888EA6) !important;
}

/* CL2 — DESKTOP badge = SOLID accent pill + white label (.pen desktop UvGkE
   Tag = solid $accent fill). Light mode uses .pen light-frame values (l7cjiZ),
   dark restores dark-frame values (M9UYbi). Desktop-scoped so the mobile frame
   (Q49LI/n3H6XC) can render its OWN tinted-pill treatment (see CL4). */
@media (min-width: 768px) {
  body .nx-page-changelog .chg-tag--feature     { background: #2563EB; color: #FFFFFF; }
  body .nx-page-changelog .chg-tag--improvement  { background: #059669; color: #FFFFFF; }
  body .nx-page-changelog .chg-tag--major        { background: #5B57E0; color: #FFFFFF; }
  body .nx-page-changelog .chg-tag--fix          { background: #5B57E0; color: #FFFFFF; }

  html[data-bs-theme=dark] body .nx-page-changelog .chg-tag--feature     { background: #3B82F6; }
  html[data-bs-theme=dark] body .nx-page-changelog .chg-tag--improvement  { background: #10B981; }
  html[data-bs-theme=dark] body .nx-page-changelog .chg-tag--major        { background: #6366F1; }
  html[data-bs-theme=dark] body .nx-page-changelog .chg-tag--fix          { background: #6366F1; }
}

/* CL4 — MOBILE badge treatment (tinted bg-card-2 pill + per-variant accent
   label, per .pen mobile frame Ufqc1) is handled at higher specificity in
   acm/timeline/css/style.css @media(max-width:767.98px) so it outranks the
   shared .nx-page-changelog .chg-tag rules. See that file. [STRICT-PER-FRAME-MOBILE] */

/* CL3 — note dot: same fixed dark-hex leak as CL2 (scss _nexora.scss:6197-6199
   hardcodes the dark accent hexes; dark @media block flips only in dark).
   The dot mirrors its entry's badge accent, so light must use the .pen light
   values (l7cjiZ): feature #2563EB / improvement #059669 / major+fix #5B57E0.
   Dark restores the dark-frame values. [DARK-HEX-IN-LIGHT] */
body .nx-page-changelog .chg-entry[data-accent=feature] .chg-dot     { background: #2563EB; }
body .nx-page-changelog .chg-entry[data-accent=improvement] .chg-dot { background: #059669; }
body .nx-page-changelog .chg-entry[data-accent=major] .chg-dot       { background: #5B57E0; }
body .nx-page-changelog .chg-entry[data-accent=fix] .chg-dot         { background: #5B57E0; }
body .nx-page-changelog .chg-dot                                     { background: #2563EB; }

html[data-bs-theme=dark] body .nx-page-changelog .chg-entry[data-accent=feature] .chg-dot     { background: #3B82F6; }
html[data-bs-theme=dark] body .nx-page-changelog .chg-entry[data-accent=improvement] .chg-dot { background: #10B981; }
html[data-bs-theme=dark] body .nx-page-changelog .chg-entry[data-accent=major] .chg-dot       { background: #6366F1; }
html[data-bs-theme=dark] body .nx-page-changelog .chg-entry[data-accent=fix] .chg-dot         { background: #6366F1; }
html[data-bs-theme=dark] body .nx-page-changelog .chg-dot                                     { background: #3B82F6; }