/* Тёмная тема для css/services.css (витрина сервисов и сами сервисы: FEN, анимация, партии). */

html[data-theme="dark"] .services-heading,
html[data-theme="dark"] .services-back,
html[data-theme="dark"] .services-intro,
html[data-theme="dark"] .services-card h2,
html[data-theme="dark"] .services-card p,
html[data-theme="dark"] .services-tile h2,
html[data-theme="dark"] .services-tile p {
    color: var(--c-text);
}

html[data-theme="dark"] .services-card,
html[data-theme="dark"] .services-tile {
    background: var(--c-surface);
    color: var(--c-text);
}

html[data-theme="dark"] .services-pending,
html[data-theme="dark"] .svc-mini,
html[data-theme="dark"] .svc-hint,
html[data-theme="dark"] .svc-list-empty,
html[data-theme="dark"] .svc-items .svc-items-empty,
html[data-theme="dark"] .svc-item-remove,
html[data-theme="dark"] .svc-note,
html[data-theme="dark"] .svc-bg-name,
html[data-theme="dark"] .svc-tool-small,
html[data-theme="dark"] .svc-sound-file,
html[data-theme="dark"] .svc-frame-sound-name,
html[data-theme="dark"] .svc-strip-info,
html[data-theme="dark"] .svc-game-row-meta,
html[data-theme="dark"] .svc-thumb-label,
html[data-theme="dark"] .svc-dialog-close {
    color: var(--c-muted);
}

html[data-theme="dark"] .services-pending-image,
html[data-theme="dark"] .services-tile-image {
    background: var(--c-surface-2);
}

html[data-theme="dark"] .services-container-image .services-pending {
    color: var(--c-accent-text);
}

/* ---------- Статистика, списки, диалоги ---------- */
html[data-theme="dark"] .svc-stat {
    background: var(--c-surface);
    border-color: var(--c-border);
    color: var(--c-text);
}

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

html[data-theme="dark"] .svc-stat:disabled:hover {
    background: var(--c-surface);
    border-color: var(--c-border);
}

html[data-theme="dark"] .svc-stat-clear,
html[data-theme="dark"] .svc-list-clear,
html[data-theme="dark"] .svc-error {
    color: var(--c-danger);
}

html[data-theme="dark"] .svc-stat-clear:hover {
    background: #3a1d20;
}

html[data-theme="dark"] .svc-list-dialog,
html[data-theme="dark"] .svc-dialog {
    background: var(--c-surface);
    border: 1px solid var(--c-border);
    color: var(--c-text);
}

html[data-theme="dark"] .svc-list-head h2,
html[data-theme="dark"] .svc-list-group-head h3,
html[data-theme="dark"] .svc-dialog h2,
html[data-theme="dark"] .svc-subtitle,
html[data-theme="dark"] .svc-item-label,
html[data-theme="dark"] .svc-tile-caption,
html[data-theme="dark"] .svc-tile-group-title,
html[data-theme="dark"] .svc-field,
html[data-theme="dark"] .svc-check,
html[data-theme="dark"] .svc-counter,
html[data-theme="dark"] .svc-move,
html[data-theme="dark"] .svc-frame-title,
html[data-theme="dark"] .svc-confirm p,
html[data-theme="dark"] .svc-sound-name,
html[data-theme="dark"] .svc-sect > summary {
    color: var(--c-text);
}

html[data-theme="dark"] .svc-list-row {
    background: var(--c-surface-2);
}

html[data-theme="dark"] .svc-list-row:hover,
html[data-theme="dark"] .svc-list-row:focus-within {
    background: var(--c-accent-soft);
}

/* ---------- Поля, переключатели, подсказки ---------- */
html[data-theme="dark"] .svc-segment,
html[data-theme="dark"] .svc-hint-more,
html[data-theme="dark"] .svc-hint-full,
html[data-theme="dark"] .svc-color-popover,
html[data-theme="dark"] .svc-sect {
    border-color: var(--c-border);
}

html[data-theme="dark"] .svc-segment button,
html[data-theme="dark"] .svc-hint-more,
html[data-theme="dark"] .svc-hint-full,
html[data-theme="dark"] .svc-color-popover,
html[data-theme="dark"] .svc-sect,
html[data-theme="dark"] .svc-tool,
html[data-theme="dark"] .svc-tile,
html[data-theme="dark"] .svc-swatch,
html[data-theme="dark"] .svc-items li {
    background: var(--c-surface);
    color: var(--c-text);
}

html[data-theme="dark"] .svc-segment button + button {
    border-left-color: var(--c-border);
}

html[data-theme="dark"] .svc-color-swatch {
    border-color: rgba(255, 255, 255, 0.14);
}

html[data-theme="dark"] .svc-color-other {
    color: var(--c-text);
}

html[data-theme="dark"] .svc-color-other input,
html[data-theme="dark"] .svc-input,
html[data-theme="dark"] .svc-tool {
    border-color: var(--c-border);
}

html[data-theme="dark"] .svc-color-btn {
    border-color: var(--c-border);
}

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

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

html[data-theme="dark"] .svc-input-clear:hover {
    background: var(--c-border);
}

html[data-theme="dark"] .svc-sect-badge {
    background: #17331f;
    color: #8fe3a3;
}

html[data-theme="dark"] .svc-cap-cut {
    background: #3d3314;
    color: #f2c94c;
}

html[data-theme="dark"] .svc-seg {
    background: var(--c-surface-2);
}

html[data-theme="dark"] .svc-seg button {
    color: var(--c-text);
}

html[data-theme="dark"] .svc-seg button.is-active {
    background: var(--c-surface);
}

html[data-theme="dark"] .svc-image-status {
    background: var(--c-accent-soft);
    color: var(--c-text);
}

html[data-theme="dark"] .svc-image-status--success {
    background: #17331f;
    color: var(--c-text);
}

html[data-theme="dark"] .svc-image-status--warning {
    background: #3d3314;
    color: #f2c94c;
}

html[data-theme="dark"] .svc-image-status--error {
    background: #3a1d20;
    color: var(--c-danger);
}

html[data-theme="dark"] .svc-piece {
    background: #4a3d24;
}

html[data-theme="dark"] .svc-export-result,
html[data-theme="dark"] .svc-params-section,
html[data-theme="dark"] .svc-params-footer {
    border-top-color: var(--c-border);
}

/* ---------- Просмотр партий и анимация ---------- */
html[data-theme="dark"] .svc-game-row {
    background: var(--c-surface);
    border-color: var(--c-border);
    color: var(--c-text);
}

html[data-theme="dark"] .svc-game-row:hover {
    background: var(--c-surface-2);
}

html[data-theme="dark"] .svc-nav button,
html[data-theme="dark"] .svc-thumb-move button {
    background: var(--c-surface);
    border-color: var(--c-border);
    color: var(--c-text);
}

html[data-theme="dark"] .svc-thumb-move button:hover:not(:disabled) {
    background: var(--c-accent-soft);
}

html[data-theme="dark"] .svc-move.is-active {
    background: var(--c-surface-2);
}

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

html[data-theme="dark"] .svc-thumb:hover {
    border-color: var(--c-accent-text);
}

html[data-theme="dark"] .svc-thumb.is-active,
html[data-theme="dark"] .svc-nav .svc-play.is-active {
    background: var(--c-accent-soft);
}

html[data-theme="dark"] .svc-timeline canvas {
    background: var(--c-surface-2);
    border-color: var(--c-border);
}