/* Page « Nouveautés » et mention de version de la barre latérale.
   Jetons de app.css : la page suit le thème clair / sombre de l'utilisateur. */

.tj-nv-page { overflow-y: auto; }
.tj-nv [hidden] { display: none !important; }

.tj-nv { max-width: 760px; margin: 0 auto; padding: 32px 24px 64px; color: var(--text); }
.tj-nv__titre { font-size: 24px; margin-bottom: 4px; }
.tj-nv__intro { color: var(--text-muted); margin-bottom: 24px; }
.tj-nv__vide { color: var(--text-muted); }
.tj-nv time { color: var(--text-muted); font-size: 12px; }

.tj-nv__vedette {
    background: var(--bg-msg-bot); border: 1px solid var(--border); border-top: 4px solid var(--red);
    border-radius: 12px; padding: 20px 22px; margin-bottom: 24px; box-shadow: var(--shadow-msg);
}
.tj-nv__etiquette {
    display: inline-block; background: var(--red); color: #fff; font-size: 11px; font-weight: 700;
    letter-spacing: .04em; text-transform: uppercase; border-radius: 10px; padding: 2px 10px;
}
.tj-nv__vedette h2 { font-size: 19px; margin: 10px 0 6px; }

.tj-nv__badges { display: flex; gap: 6px; flex-wrap: wrap; margin: 6px 0 4px; }
.tj-nv__badge { font-size: 11px; padding: 1px 8px; border-radius: 10px; background: var(--bg-hover); color: var(--text-sidebar); }

.tj-nv__lignes { list-style: none; margin-top: 10px; }
.tj-nv__lignes li { display: flex; gap: 10px; align-items: baseline; margin: 7px 0; line-height: 1.5; }
.tj-nv__type { flex-shrink: 0; min-width: 84px; text-align: center; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; }
.tj-nv__type--nouveau     { background: #e7f5ec; color: #1d7a3e; }
.tj-nv__type--ameliore    { background: #e8f0fb; color: #2458a6; }
.tj-nv__type--corrige     { background: #fdf1f0; color: #aa0000; }
.tj-nv__type--maintenance { background: #efefef; color: #555555; }
[data-theme="dark"] .tj-nv__type--nouveau     { background: rgba(46,160,90,.18);  color: #7ad69b; }
[data-theme="dark"] .tj-nv__type--ameliore    { background: rgba(80,140,230,.18); color: #9cc0f5; }
[data-theme="dark"] .tj-nv__type--corrige     { background: rgba(204,0,0,.18);    color: #ff8a78; }
[data-theme="dark"] .tj-nv__type--maintenance { background: rgba(255,255,255,.08); color: #aaaaaa; }

.tj-nv__filtres { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.tj-nv__filtres button {
    border: 1px solid var(--border); background: var(--bg-msg-bot); color: var(--text-sidebar);
    border-radius: 14px; padding: 4px 12px; font-size: 12px;
}
.tj-nv__filtres button[aria-pressed="true"] { border-color: var(--red); color: var(--text-active); background: var(--bg-active); }

.tj-nv__version { background: var(--bg-msg-bot); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 6px; }
.tj-nv__version summary { display: flex; gap: 10px; align-items: baseline; padding: 10px 14px; cursor: pointer; list-style: none; }
.tj-nv__version summary::-webkit-details-marker { display: none; }
.tj-nv__version summary b { color: var(--text-active); min-width: 52px; }
.tj-nv__version summary span { flex: 1; }
.tj-nv__version summary::after { content: "▸"; color: var(--text-muted); }
.tj-nv__version[open] summary::after { content: "▾"; }
.tj-nv__corps { padding: 0 14px 12px; }

@media (max-width: 600px) {
    .tj-nv { padding: 20px 16px 48px; }
    .tj-nv__lignes li { flex-direction: column; gap: 4px; }
}

/* Barre latérale : mention de version */
.tj-nv-lien {
    display: flex; align-items: center; gap: 6px; padding: 8px 16px; font-size: 12px;
    color: var(--text-muted); text-decoration: none; border-top: 1px solid var(--border);
}
.tj-nv-lien:hover { color: var(--text-active); }
.tj-nv-lien b { color: var(--text-active); font-weight: 600; }
.tj-nv-pastille { width: 8px; height: 8px; border-radius: 50%; background: var(--red); margin-left: auto; }