/*
 * Couleurs des pages annexes : profil, replay, historique des tournois
 * (qui charge aussi moderation-sombre.css) et administration des bots.
 * Chargé APRÈS
 * les feuilles de la page : n'en remplace que les couleurs. Mêmes teintes
 * que moderation-sombre.css.
 */

:root {
    --ms-page: #1b0826;
    --ms-surface: #261034;
    --ms-surface-2: #321645;
    --ms-surface-3: #3f1d57;
    --ms-border: #4c2a66;
    --ms-text: #ece6f1;
    --ms-muted: #b7a5c6;
    --ms-accent: #d9a8f2;
}

body {
    background-color: var(--ms-page);
    color: var(--ms-text);
}

/* --- Profil (profile.html) --- */

#app:has(#profile-panel),
#profile-panel {
    background-color: var(--ms-page);
    color: var(--ms-text);
}

#profile-header,
.profile-tabs {
    border-color: var(--ms-border);
}

#profile-username,
.stat-value,
.chart-box h3 i,
.profile-tabs .tab-button.active {
    color: var(--ms-accent);
}

#profile-badges h2,
.chart-box h3,
.badge-name,
#profile-panel h2,
#profile-panel h3 {
    color: var(--ms-text);
}

.stat-box,
.history-item,
.chart-box,
.badge-tile {
    background-color: var(--ms-surface);
    border-color: var(--ms-border);
}

.stat-label,
.stat-note,
.history-details .players,
.history-details .game-type,
.history-date,
.badge-note,
.profile-tabs .tab-button {
    color: var(--ms-muted);
}

.profile-tabs .tab-button:hover {
    background-color: var(--ms-surface-2);
    color: var(--ms-text);
}

/* --- Replay (replay.html) --- */

#app:has(#replay-panel),
#replay-panel {
    background-color: var(--ms-page);
    color: var(--ms-text);
}

#replay-panel header {
    border-color: var(--ms-border);
}

#replay-panel h1,
#replay-controls button {
    color: var(--ms-accent);
}

#event-log,
#replay-controls {
    background-color: var(--ms-surface);
    border-color: var(--ms-border);
    color: var(--ms-text);
}

#event-log h2,
#event-log h3 {
    color: var(--ms-text);
}

#log-content p {
    border-color: var(--ms-border);
}

#log-content p:hover {
    background-color: var(--ms-surface-2);
}

#log-content p.active {
    background-color: var(--ms-surface-3);
    color: #fff;
}

#replay-controls select {
    background-color: var(--ms-surface-2);
    color: var(--ms-text);
    border-color: var(--ms-border);
}

/* --- Historique des tournois (tournament-history.html) --- */

#tournament-history-panel {
    background-color: var(--ms-surface);
    color: var(--ms-text);
}

#tournament-history-leaderboard,
#tournament-history-days,
.leaderboard-table td {
    border-color: var(--ms-border);
}

#tournament-history-leaderboard h2,
#tournament-history-days h3,
#selected-day-title,
.tournament-game-score {
    color: var(--ms-accent);
}

#selected-day-header {
    border-bottom-color: var(--ms-border);
}

.leaderboard-table th,
#selected-day-count,
.tournament-game-teams,
.tournament-game-credit-edit,
.tournament-game-delete {
    color: var(--ms-muted);
}

.leaderboard-table tbody tr:hover {
    background: var(--ms-surface-3);
}

.day-entry,
.tournament-game-card {
    background: var(--ms-surface-2);
    border-color: var(--ms-border);
    color: var(--ms-text);
}

.day-entry:hover {
    background: var(--ms-surface-3);
}

.day-entry.active {
    background: var(--main-purple);
    color: #fff;
}

.tournament-game-time {
    color: var(--ms-text);
}

.tournament-game-badge.status-finished {
    background-color: #173a24;
    color: #8fe0a6;
}

.tournament-game-badge.status-cancelled {
    background-color: #3a1418;
    color: #f5b5b5;
}

.tournament-game-badge.status-waiting,
.tournament-game-credit {
    background-color: #3a2c12;
    color: #ffd27a;
}

.tournament-game-credit {
    background-color: transparent;
}

.tournament-game-badge.archived-badge {
    background-color: var(--ms-surface-3);
    color: var(--ms-muted);
}

.tournament-game-credit-edit:hover {
    color: var(--ms-accent);
}

/* --- Administration des bots (admin-bots.html, styles en ligne) --- */

body:has(#triggersList) {
    background-color: var(--ms-page);
    color: var(--ms-text);
}

body:has(#triggersList) .container {
    background: var(--ms-surface);
}

body:has(#triggersList) h1,
body:has(#triggersList) .back-link {
    color: var(--ms-accent);
    border-color: var(--ms-border);
}

body:has(#triggersList) .form-section,
body:has(#triggersList) .card {
    background: var(--ms-surface-2);
    border-color: var(--ms-border);
    color: var(--ms-text);
}

body:has(#triggersList) .card h3,
body:has(#triggersList) .form-section h3,
body:has(#triggersList) label {
    color: var(--ms-text);
}

body:has(#triggersList) .responses-list,
body:has(#triggersList) small {
    color: var(--ms-muted);
}

body:has(#triggersList) input,
body:has(#triggersList) textarea {
    background-color: var(--ms-page);
    color: var(--ms-text);
    border-color: var(--ms-border);
}