/**
 * Achievements — dark mode (ranking + statistics + shared .gr-page UI)
 * Filename avoids clean-theme dark.css toggle removal.
 */

body.hh-ct-dark .gr-page,
html[data-hh-ct-dark-mode="dark"] .gr-page {
    --sv-border: rgba(255, 255, 255, 0.1);
    --sv-surface: #1e262e;
    --sv-ink: #eef2f6;
    --sv-text-muted: #9aa8b6;
    --sv-accent-soft: rgba(89, 211, 180, 0.14);
    --gr-accent: #6dd4c4;
    --gr-accent-soft: rgba(109, 212, 196, 0.16);
    --gr-surface: var(--sv-surface);
    --gr-border: var(--sv-border);
    --gr-text-muted: var(--sv-text-muted);
}

body.hh-ct-dark .gs-page,
html[data-hh-ct-dark-mode="dark"] .gs-page {
    --gs-accent: #60a5fa;
}

body.hh-ct-dark .gr-filters,
body.hh-ct-dark .gr-empty,
body.hh-ct-dark .gs-summary__card,
body.hh-ct-dark .gs-leaderboard,
body.hh-ct-dark .gr-podium,
body.hh-ct-dark .gr-table-wrap,
body.hh-ct-dark .gr-card {
    background: var(--sv-surface) !important;
    border-color: var(--sv-border) !important;
    color: var(--sv-ink);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28) !important;
}

body.hh-ct-dark .gr-filters__title,
body.hh-ct-dark .gr-page h1,
body.hh-ct-dark .gr-page h2,
body.hh-ct-dark .gr-page h3,
body.hh-ct-dark .gr-page .media-heading {
    color: var(--sv-ink) !important;
}

body.hh-ct-dark .gr-filter-chip {
    background: #28323c !important;
    color: #c8d1da !important;
}

body.hh-ct-dark .gr-empty {
    background: #232c35 !important;
}

body.hh-ct-dark .gs-order-pill,
body.hh-ct-dark .gr-tier-pill,
body.hh-ct-dark .ar-filter-pill {
    background: var(--sv-surface) !important;
    border-color: var(--sv-border) !important;
    color: var(--sv-ink) !important;
}

body.hh-ct-dark .gs-order-pill.is-active {
    background: linear-gradient(180deg, #1e3a5f, #1e262e) !important;
    color: #93c5fd !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

body.hh-ct-dark .gr-tier-pill.is-active {
    background: linear-gradient(180deg, #1a2e2a, #1e262e) !important;
    border-color: var(--gr-accent) !important;
}

body.hh-ct-dark .gs-summary__card,
body.hh-ct-dark .gs-summary__item {
    background: #232c35 !important;
    border-color: var(--sv-border);
    color: var(--sv-ink);
}

body.hh-ct-dark .gs-summary__card.is-highlight,
body.hh-ct-dark .gs-summary__item--accent {
    background: linear-gradient(180deg, #1e3a5f, #1e262e) !important;
    color: #93c5fd !important;
}

body.hh-ct-dark .gr-podium__card,
body.hh-ct-dark .gr-podium-card {
    background: linear-gradient(180deg, #232c35, #1e262e) !important;
    border-color: var(--sv-border) !important;
}

body.hh-ct-dark .gr-podium__card.is-gold,
body.hh-ct-dark .gr-podium-card.is-gold {
    background: linear-gradient(180deg, #3a3218, #2a2414) !important;
}

body.hh-ct-dark .gr-table,
body.hh-ct-dark .gr-table > thead > tr > th,
body.hh-ct-dark .gr-table > tbody > tr > td,
body.hh-ct-dark .gr-page .table > thead > tr > th,
body.hh-ct-dark .gr-page .table > tbody > tr > td {
    background-color: transparent !important;
    border-color: var(--sv-border) !important;
    color: var(--sv-ink) !important;
}

body.hh-ct-dark .gr-table > thead > tr > th,
body.hh-ct-dark .gr-page .table > thead > tr > th {
    background-color: #28323c !important;
    color: #b0bcc8 !important;
}

body.hh-ct-dark .gr-table > tbody > tr:hover,
body.hh-ct-dark .gr-page .table-hover > tbody > tr:hover {
    background-color: #2d3844 !important;
}

body.hh-ct-dark .gr-page .form-control,
body.hh-ct-dark .gr-page select,
body.hh-ct-dark .gr-page textarea {
    background-color: #171d24 !important;
    border-color: #404d5c !important;
    color: #eef2f6 !important;
}

body.hh-ct-dark .gr-page .panel,
body.hh-ct-dark .gr-page .panel-default,
body.hh-ct-dark .gr-page .panel-body,
body.hh-ct-dark .gr-page .panel-heading {
    background-color: var(--sv-surface) !important;
    border-color: var(--sv-border) !important;
    color: var(--sv-ink);
}

body.hh-ct-dark .gr-page .text-muted,
body.hh-ct-dark .gr-page .help-block {
    color: var(--sv-text-muted) !important;
}

body.hh-ct-dark .gr-page a:not(.btn):not(.gs-order-pill):not(.gr-tier-pill) {
    color: #6dd4c4;
}

body.hh-ct-dark .gr-movement--up,
body.hh-ct-dark .gs-delta--up {
    color: #7ddea8 !important;
}

body.hh-ct-dark .gr-movement--down,
body.hh-ct-dark .gs-delta--down {
    color: #f0a0a0 !important;
}

body.hh-ct-dark .gr-progress,
body.hh-ct-dark .gs-progress {
    background: #2a333d !important;
}

body.hh-ct-dark .platform-scope-notice.alert-info {
    background: rgba(42, 95, 158, 0.2) !important;
    border-color: rgba(142, 192, 255, 0.28) !important;
    color: #c8d1da !important;
}