/* Тёмная тема для admin/css/game_dialog.css (окно просмотра партии: кабинет, Студия, сервис партий).
   Лежит в общей папке: файл подключают и страницы сайта, и кабинета (в кабинете — как «/game_dialog»). */

html[data-theme="dark"] .game-dialog {
    background: var(--c-surface-2);
    color: var(--c-text);
}

html[data-theme="dark"] .gd-settings,
html[data-theme="dark"] .gd-board-wrap,
html[data-theme="dark"] .gd-header,
html[data-theme="dark"] .gd-draw-block,
html[data-theme="dark"] .gd-moves-block,
html[data-theme="dark"] .gd-export-block,
html[data-theme="dark"] .gd-info-field,
html[data-theme="dark"] .gd-color-btn,
html[data-theme="dark"] .gd-nav button,
html[data-theme="dark"] .gd-btn {
    background: var(--c-surface);
    border-color: var(--c-border);
}

html[data-theme="dark"] .gd-settings-head {
    border-bottom-color: var(--c-border);
}

html[data-theme="dark"] .gd-settings-close,
html[data-theme="dark"] .gd-settings-section > span,
html[data-theme="dark"] .gd-color-slot-num,
html[data-theme="dark"] .gd-counter,
html[data-theme="dark"] .gd-meta,
html[data-theme="dark"] .gd-close,
html[data-theme="dark"] .gd-info-toggle,
html[data-theme="dark"] .gd-info-label,
html[data-theme="dark"] .gd-info-value,
html[data-theme="dark"] .gd-move-num,
html[data-theme="dark"] .gd-move-empty,
html[data-theme="dark"] .gd-move-position,
html[data-theme="dark"] .gd-export-block .gd-export-hint {
    color: var(--c-muted);
}

html[data-theme="dark"] .gd-nav button,
html[data-theme="dark"] .gd-btn,
html[data-theme="dark"] .gd-move {
    color: var(--c-text);
}

html[data-theme="dark"] .gd-nav button:hover:not(:disabled),
html[data-theme="dark"] .gd-btn:hover:not(:disabled),
html[data-theme="dark"] .gd-close:hover {
    background: var(--c-surface-2);
    color: var(--c-text);
}

html[data-theme="dark"] .gd-stat-item,
html[data-theme="dark"] .gd-meta a {
    color: var(--c-accent-text);
}

html[data-theme="dark"] .gd-stat-clear,
html[data-theme="dark"] .gd-info-value.negative {
    color: var(--c-danger);
}

html[data-theme="dark"] .gd-info-value.positive {
    color: #5ee08a;
}

html[data-theme="dark"] .gd-color-dot.gd-white {
    background: var(--c-text);
}

html[data-theme="dark"] .gd-result {
    background: var(--c-surface-2);
    color: var(--c-muted);
}

html[data-theme="dark"] .gd-color-circle {
    border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .gd-move:hover {
    background: var(--c-accent-soft);
}