/* Fenêtre « Nouveautés » (patchnotes-ui.js) : frise des mises à jour, date et heure locales, catégories colorées.
   Couleurs du thème via --window-*. */
#patchnotes{padding:0;border:0;background:transparent;max-width:none;max-height:none}
#patchnotes::backdrop{background:#000a;backdrop-filter:blur(2px)}
.patchnotes-window{--pn-new:#3f8a2f;--pn-imp:#2f6a8f;--pn-fix:#b0482a;display:flex;flex-direction:column;width:min(640px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 32px));background:var(--window-paper,#ddd6b4);color:var(--window-ink,#2f2a1e);border:2px solid var(--window-chrome,#3d3628);border-radius:10px;box-shadow:0 24px 60px #000a;font-family:var(--rv-hud-font,var(--font-ui,sans-serif));overflow:hidden;animation:pn-in .25s ease-out}:where(html[data-theme="nuit"]) .patchnotes-window{border:2px solid var(--window-chrome,#262f3f)}
@keyframes pn-in{from{opacity:0;transform:translateY(12px) scale(.98)}}
.patchnotes-window>header{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;background:linear-gradient(180deg,#5a4f3c,var(--window-chrome,#3d3628));color:var(--window-text,#fff8e2);border-bottom:2px solid #e8780c}:where(html[data-theme="nuit"]) .patchnotes-window>header{background:linear-gradient(180deg,#38465e,var(--window-chrome,#262f3f))}
.patchnotes-window>header img{width:30px;height:30px;filter:drop-shadow(0 1px 2px #0008)}
.pn-title{flex:1;min-width:0}.pn-title h2{margin:0;font-size:17px;letter-spacing:.06em;text-transform:uppercase;color:inherit}.pn-title small{display:block;font-size:12px;opacity:.75}
.patchnotes-window>header button{flex:none;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff40;border-radius:6px;background:#ffffff14;color:inherit;font-size:16px;cursor:pointer}
.patchnotes-window>header button:hover{background:#a3302a;border-color:#6e1d18}
.patchnotes-body{overflow:auto;padding:14px 16px 6px;scrollbar-width:thin}
/* Frise : un point par mise à jour, relié aux suivantes. */
.pn-card{display:grid;grid-template-columns:22px 1fr;gap:10px}
.pn-rail{position:relative;display:flex;justify-content:center}
.pn-rail::before{content:"";position:absolute;top:18px;bottom:-14px;width:2px;background:#0002}
.pn-card:last-child .pn-rail::before{display:none}
.pn-rail span{position:relative;margin-top:6px;width:12px;height:12px;border-radius:50%;background:#8a8064;box-shadow:0 0 0 3px var(--window-paper,#ddd6b4)}:where(html[data-theme="nuit"]) .pn-rail span{background:#5a6f94}
.pn-card.is-latest .pn-rail span{background:#e8780c;box-shadow:0 0 0 3px var(--window-paper,#ddd6b4),0 0 0 6px #e8780c40}
.pn-content{margin-bottom:14px;padding:10px 12px 12px;border:1px solid #0000001f;border-radius:8px;background:#fffdf3b3;box-shadow:0 1px 0 #fff8 inset}
.pn-card.is-latest .pn-content{background:#fffdf3;border-color:#e8780c80;box-shadow:0 4px 14px #0000001a}
.pn-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.pn-when{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 3px;font-size:11.5px;font-weight:700;color:#7a6e52}
.pn-when time{padding:1px 7px;border-radius:999px;background:#3d3628;color:#fff3cf;font-size:11px;letter-spacing:.02em}:where(html[data-theme="nuit"]) .pn-when time{background:#262f3f}
.pn-when em{padding:1px 7px;border-radius:999px;background:#e8780c;color:#fff;font-style:normal;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}
.pn-head h3{margin:0;font-size:15.5px;line-height:1.3}
.pn-count{display:flex;gap:4px;margin:2px 0 0;flex:none}
.pn-count span{padding:2px 7px;border-radius:999px;font-size:11px;font-weight:800;color:#fff}
.pn-content ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.pn-content li{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:8px;font-size:13px;line-height:1.45}
.pn-content li b{display:inline-flex;align-items:center;gap:4px;min-width:104px;padding:2px 7px;border-radius:4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:#fff}
.pn-content li b i{font-style:normal;font-size:11px}
:is(.pn-content li,.pn-count span,.pn-legend span).tag-nouveau b,:is(.pn-count,.pn-legend) .tag-nouveau{background:var(--pn-new)}
:is(.pn-content li).tag-amelioration b,:is(.pn-count,.pn-legend) .tag-amelioration{background:var(--pn-imp)}
:is(.pn-content li).tag-correctif b,:is(.pn-count,.pn-legend) .tag-correctif{background:var(--pn-fix)}
.patchnotes-window>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 12px;border-top:1px solid #0002;background:#0000000a}
.pn-legend{display:flex;flex-wrap:wrap;gap:5px}.pn-legend span{padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.03em}
.patchnotes-ok{flex:none;min-height:38px;padding:0 20px;border:1px solid #6e3a05;border-radius:6px;background:linear-gradient(#f0912a,#d26a08);color:#fff;font:800 13px var(--rv-hud-font,sans-serif);cursor:pointer;box-shadow:0 2px 0 #6e3a05}
.patchnotes-ok:hover{filter:brightness(1.08)}
@media (max-width:600px){.pn-card{grid-template-columns:14px 1fr;gap:6px}.pn-content li{grid-template-columns:1fr}.pn-content li b{width:max-content;min-width:0}.pn-count,.pn-legend{display:none}}
@media (prefers-reduced-motion:reduce){.patchnotes-window{animation:none}}

/* Refonte visuelle (14/10/2026) : chaque ligne teintée de la couleur de sa catégorie (filet à gauche), pastille lisible au-dessus du texte,
   titre plus marqué, carte la plus récente mise en avant. */
.pn-content{padding:12px 14px 14px;border-radius:12px}
.pn-card.is-latest .pn-content{background:linear-gradient(180deg,#fffaf0,#fffdf6);border:1px solid #e8780c66;box-shadow:0 6px 18px #0000001f}
.pn-head{margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #0000001f}
.pn-head h3{font-size:16.5px;line-height:1.25;color:#2a2416}
.pn-when{font-size:12px;color:#6f6346;letter-spacing:.01em}
.pn-content ul{gap:8px}
.pn-content li{display:block;position:relative;padding:8px 10px 9px 12px;border-radius:8px;border-left:4px solid var(--pn-c,#2f6a8f);background:color-mix(in srgb,var(--pn-c,#2f6a8f) 8%,#fffdf6);font-size:13.5px;line-height:1.5;color:#2f2a1e}
.pn-content li.tag-nouveau{--pn-c:var(--pn-new)}.pn-content li.tag-amelioration{--pn-c:var(--pn-imp)}.pn-content li.tag-correctif{--pn-c:var(--pn-fix)}
.pn-content li b{display:inline-flex;min-width:0;width:max-content;margin:0 0 4px;padding:2px 8px 2px 6px;border-radius:999px;background:var(--pn-c,#2f6a8f);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.05em;box-shadow:0 1px 0 #0000001f}
.pn-content li b i{display:inline-grid;place-items:center;width:14px;height:14px;margin-right:3px;border-radius:50%;background:#ffffff33;font-size:9px}
.pn-content li>span{display:block}
.pn-count span{box-shadow:0 1px 0 #0000001f}
@media (max-width:600px){.pn-content li{padding:7px 9px 8px 10px;font-size:13px}.pn-content li b{width:max-content}}
html[data-theme] body .patchnotes-ok.patchnotes-ok{background:linear-gradient(#f59e2b,#e8780c)!important;color:#fff!important;border:1px solid #9a4a06!important;text-shadow:0 1px 1px #0006!important;box-shadow:0 3px 0 #9a4a06!important;font-weight:800!important}
