/* ==========================================================================
   APEX TALE — PLAYER PANEL DARK MODE — PADRONIZADO COM O MASTER (2026-08-17)
   Camada aditiva, ativada por html[data-theme="dark"]. Não remove nem
   reescreve a estrutura/markup de apex-panel-theme.css ou
   apex-player-dashboard.css — apenas redefine a paleta de cor.

   Paleta: idêntica ao dark mode do Master Panel — grafite/azul-acinzentado
   nas superfícies e estrutura, com azul (--apex-panel-gold /
   --gold-primary = #5b9bd5 / #82b5df) como cor de destaque (CTAs, item
   ativo do menu, links, foco), substituindo o dourado/bronze usado
   anteriormente, para que Player fique com a MESMA identidade visual do
   Master em ambos os temas (claro e escuro).
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) TOKENS — redefine os 3 conjuntos de variáveis já usados em
      apex-panel-theme.css. Qualquer regra do tema claro que já leia var()
      re-tematiza sozinha a partir daqui (sem precisar repetir seletor).
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body.apex-player-panel {
    /* conjunto "bronze glass" original */
    --apex-panel-bg: #12161c;
    --apex-panel-deep: #0d1116;
    --apex-panel-surface: #1b212a;
    --apex-panel-surface-2: #1b212a;
    --apex-panel-surface-soft: #212832;
    --apex-panel-hover: rgba(91,155,213,.12);
    --apex-panel-border: rgba(120,145,175,.18);
    --apex-panel-border-strong: rgba(120,145,175,.34);
    --apex-panel-gold: #5b9bd5;
    --apex-panel-gold-light: #82b5df;
    --apex-panel-bronze: #2a4a6b;
    --apex-panel-text: #e7edf3;
    --apex-panel-text-soft: #a7b3c2;
    --apex-panel-text-muted: #788594;
    --apex-panel-success: #6fbf8e;
    --apex-panel-danger: #e2807f;
    --apex-panel-shadow: 0 14px 36px rgba(0,0,0,.45);

    --apx-unified-top: #1b212a;
    --apx-unified-side: #1b212a;
    --apx-unified-card: #1b212a;
    --apx-unified-card-soft: #212832;
    --apx-unified-card-hover: rgba(91,155,213,.12);
    --apx-unified-field: #12161c;
    --apx-unified-border: rgba(120,145,175,.18);
    --apx-unified-border-hi: rgba(120,145,175,.34);
    --apx-unified-white: #e7edf3;
    --apx-unified-text: #e7edf3;
    --apx-unified-muted: #a7b3c2;
    --apx-unified-accent: #5b9bd5;
    --apx-unified-accent-hi: #82b5df;

    /* conjunto "Medieval Premium UI" */
    --apx-ink: #12161c;
    --apx-ink-2: #0d1116;
    --apx-wood: #1b212a;
    --apx-surface: #1b212a;
    --apx-surface-soft: #212832;
    --apx-surface-hover: rgba(91,155,213,.12);
    --apx-gold: #5b9bd5;
    --apx-gold-hi: #82b5df;
    --apx-gold-pale: rgba(91,155,213,.14);
    --apx-line: rgba(120,145,175,.18);
    --apx-line-soft: rgba(120,145,175,.34);
    --apx-copy: #e7edf3;
    --apx-copy-soft: #a7b3c2;
    --apx-copy-muted: #788594;

    /* conjunto "GLOBAL STRUCTURAL PALETTE" (o mais usado hoje na cascata) */
    --panel-bg-deep: #0d1116;
    --panel-bg-dark: #12161c;
    --panel-bg-medium: #1b212a;
    --panel-bg-soft: #212832;
    --sidebar-bg: #1b212a;
    --sidebar-inner-bg: #1b212a;
    --menu-bg: #1b212a;
    --menu-hover: rgba(91,155,213,.12);
    --menu-active: rgba(91,155,213,.12);
    --header-bg: #1b212a;
    --gold-primary: #5b9bd5;
    --gold-soft: #82b5df;
    --gold-border: rgba(120,145,175,.34);
    --gold-border-soft: rgba(120,145,175,.18);
    --text-primary: #e7edf3;
    --text-secondary: #a7b3c2;
    --text-muted: #788594;
    --surface-main: #1b212a;
    --surface-raised: #1b212a;
    --surface-inset: #212832;

    background:
        linear-gradient(rgba(6, 8, 10, .58), rgba(6, 8, 10, .74)),
        url("../img/apex-auth-bg-premium.png") center top / cover fixed no-repeat !important;
    color: var(--apx-copy) !important;
}

/* --------------------------------------------------------------------------
   2) FINAL "transparent shells" + "sidebar/user menu final polish"
      (a última seção de apex-panel-theme.css é a que realmente vence a
      cascata para estes seletores — token sozinho não alcança, porque o
      arquivo claro volta a usar valores literais aqui).
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body .card,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body .card.card-bordered {
    background:#1b212a;
    border: 1px solid var(--apex-panel-border-strong) !important;
    box-shadow:0 10px 28px rgba(0, 0, 0, .5), inset 0 0 30px rgba(0, 0, 0, .22)!important;
}
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body .card-inner {
    background:#1b212a;
    border-color: rgba(120, 140, 165, .22) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body .card-inner.p-0 { background: transparent !important; }

html[data-theme="dark"] body.apex-player-panel .painel-main .nav-tabs {
    background: transparent !important;
    border-bottom-color: rgba(120, 140, 165, .30) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-main .nav-tabs .nav-link {
    color: #a9b6c4 !important;
    background:#1b212a;
    border: 1px solid rgba(110, 130, 155, .26) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-main .nav-tabs .nav-link:hover {
    color: var(--apex-panel-gold-light) !important;
    background:rgba(91,155,213,.12);
    border-color: rgba(150, 175, 205, .48) !important;
    box-shadow:none!important;
}
html[data-theme="dark"] body.apex-player-panel .painel-main .nav-tabs .nav-link.active {
    color: #ffffff !important;
    background:rgba(91,155,213,.12);
    border-color: rgba(120,145,175,.34) !important;
    box-shadow:none!important;
}
html[data-theme="dark"] body.apex-player-panel .painel-main .nav-tabs .nav-link.active::after {
    background: var(--gold-primary) !important;
    box-shadow:none!important;
}

html[data-theme="dark"] body.apex-player-panel .painel-sidebar,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar.nk-aside {
    background:#1b212a !important;
    border-right: 1px solid var(--gold-border) !important;
    box-shadow:10px 0 30px rgba(0, 0, 0, .55), inset -1px 0 rgba(120, 140, 165, .05)!important;
}
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-sidebar-menu,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .simplebar-content-wrapper,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .simplebar-content {
    background:#1b212a;
    box-shadow:inset 0 0 0 1px rgba(120, 140, 165, .08), inset 0 16px 28px rgba(0, 0, 0, .18)!important;
}
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-heading {
    background:#1b212a;
    border: 1px solid rgba(120, 140, 165, .22) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-item > .nk-menu-link {
    color: #a7b3c2 !important;
    background:#1b212a;
    border: 1px solid rgba(110, 130, 155, .24) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-item > .nk-menu-link:hover,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-item > .nk-menu-link:focus-visible {
    color: #ffffff !important;
    background:rgba(91,155,213,.12);
    border-color: rgba(150, 175, 205, .55) !important;
    box-shadow:none!important;
}
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-item.active > .nk-menu-link,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-item.nk-menu-item-active > .nk-menu-link,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-item.current-page > .nk-menu-link,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-item.current-menu > .nk-menu-link,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .painel-aside-nav .nk-menu-item.active > .nk-menu-link,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .painel-aside-nav .nk-menu-item.nk-menu-item-active > .nk-menu-link {
    color: #ffffff !important;
    background:rgba(91,155,213,.12);
    border-color: rgba(120,145,175,.34) !important;
    box-shadow:inset 3px 0 0 var(--gold-soft)!important;
}
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-icon,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-icon .icon { color: #b9c3cf !important; }
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-link:hover .nk-menu-icon,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-link:hover .icon,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-item.active > .nk-menu-link .icon { color: var(--apex-panel-gold-light) !important; }

html[data-theme="dark"] body.apex-player-panel .apx-topbar__user .dropdown-menu .user-action > a.btn.btn-icon {
    background:#1b212a;
    border-color: rgba(150, 175, 205, .45) !important;
}
html[data-theme="dark"] body.apex-player-panel .apx-topbar__user .dropdown-menu .user-action > a.btn.btn-icon:hover,
html[data-theme="dark"] body.apex-player-panel .apx-topbar__user .dropdown-menu .user-action > a.btn.btn-icon:focus-visible {
    background:rgba(91,155,213,.12);
    border-color: rgba(150, 175, 205, .55) !important;
}

/* --------------------------------------------------------------------------
   3) Topbar / dropdowns / balance / user avatar (cobertos por token na
      maior parte; alguns literais isolados precisam de override direto)
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body.apex-player-panel .user-avatar { background-color: #5b9bd5 !important; color: #ffffff !important; }
html[data-theme="dark"] body.apex-player-panel .apx-balance-menu-value,
html[data-theme="dark"] body.apex-player-panel .nk-menu-badge {
    background: rgba(60, 74, 92, .55) !important;
    border-color: rgba(150, 175, 205, .40) !important;
}
html[data-theme="dark"] body.apex-player-panel .modal-backdrop { background-color: #0f172a !important; }
html[data-theme="dark"] body.apex-player-panel ::-webkit-scrollbar-thumb { background: #3a4552 !important; border-color: #171c22 !important; }
html[data-theme="dark"] body.apex-player-panel ::-webkit-scrollbar-track { background: var(--panel-bg-deep) !important; }
html[data-theme="dark"] body.apex-player-panel { scrollbar-color: #3a4552 #171c22; }

/* --------------------------------------------------------------------------
   4) Dashboard: hero, stat cards, personagem principal, lista de contas
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body.apex-player-panel .apex-player-dashboard .apx-player-hero {
    background:
        linear-gradient(90deg, rgba(9, 11, 14, .97), rgba(16, 19, 24, .90) 48%, rgba(9, 11, 14, .82)),
        url("../img/apex-auth-bg-premium.png") center 42% / cover no-repeat !important;
}
html[data-theme="dark"] body.apex-player-panel .apx-player-hero h2,
html[data-theme="dark"] body.apex-player-panel .apx-section-head h5,
html[data-theme="dark"] body.apex-player-panel .card-title,
html[data-theme="dark"] body.apex-player-panel .painel-main .card-title,
html[data-theme="dark"] body.apex-player-panel .painel-main .title,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-title,
html[data-theme="dark"] body.apex-player-panel .modal-title { color: var(--text-primary) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-player-hero p { color: var(--text-secondary) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-stat-card small,
html[data-theme="dark"] body.apex-player-panel .apx-stat-card div > span,
html[data-theme="dark"] body.apex-player-panel .apex-player-dashboard small { color: var(--text-muted) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-stat-card strong { color: var(--text-primary) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-main-char__portrait { background: #0a0c0f !important; border-color: rgba(150, 175, 205, .40) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-main-char__info > span,
html[data-theme="dark"] body.apex-player-panel .apx-main-char__info b,
html[data-theme="dark"] body.apex-player-panel .apx-char-card__body span,
html[data-theme="dark"] body.apex-player-panel .apx-text-link,
html[data-theme="dark"] body.apex-player-panel .apx-ticket-id { color: var(--apex-panel-gold-light) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-char-card__body strong,
html[data-theme="dark"] body.apex-player-panel .apx-account-list strong { color: var(--text-primary) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-account-list span,
html[data-theme="dark"] body.apex-player-panel .apx-empty-state span { color: var(--text-secondary) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-empty-state em { color: var(--gold-soft) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-empty-state strong { color: var(--text-primary) !important; }
html[data-theme="dark"] body.apex-player-panel a:not(.btn):not(.nk-menu-link):not(.apx-topbar__link) { color: var(--apex-panel-gold-light); }

/* --------------------------------------------------------------------------
   5) Formulários, tabelas, badges, paginação, alertas — não cobertos por
      var() no arquivo claro (seção "AUTHENTICATED SUBPAGES").
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .badge-info,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .badge-primary { color: #eaf1fb !important; background: rgba(91,155,213,.18) !important; border-color: rgba(91,155,213,.40) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .badge-warning { color: #f0cf9a !important; background: rgba(224,178,92,.22) !important; border-color: rgba(224,178,92,.40) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .badge-danger { color: #f4b8b7 !important; background: rgba(226,128,127,.22) !important; border-color: rgba(226,128,127,.40) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .badge-secondary,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .badge-light { color: #a7b3c2 !important; background: #212832 !important; border-color: rgba(120, 140, 165, .32) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .badge-outline-info,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .badge-outline-success,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .badge-outline-danger,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .badge-outline-light { background: rgba(14, 17, 21, .70) !important; }
html[data-theme="dark"] body.apex-player-panel .badge-success { color: #a9e0bd !important; background: rgba(47,133,90,.22) !important; border-color: rgba(111,191,142,.40) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .pagination .page-link,
html[data-theme="dark"] body.apex-player-panel .page-link { color: var(--text-secondary) !important; background: rgba(20, 24, 29, .90) !important; border-color: var(--gold-border) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .pagination .page-item.active .page-link,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .pagination .page-link:hover,
html[data-theme="dark"] body.apex-player-panel .page-item.active .page-link,
html[data-theme="dark"] body.apex-player-panel .page-link:hover { color: #ffffff !important; background: #3a4552 !important; border-color: var(--gold-soft) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .alert { color: #dfe6ec !important; background: rgba(18, 22, 27, .95) !important; border: 1px solid var(--gold-border) !important; border-left: 3px solid var(--gold-primary) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .alert-success { background: rgba(19, 39, 15, .93) !important; border-color: rgba(107, 155, 62, .46) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .alert-danger { background: rgba(50, 21, 18, .93) !important; border-color: rgba(224, 138, 125, .48) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .table-striped tbody tr:nth-of-type(odd) { background: rgba(35, 42, 51, .22) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .table tbody tr:hover,
html[data-theme="dark"] body.apex-player-panel .table-select tr:hover,
html[data-theme="dark"] body.apex-player-panel .table tbody tr:hover { background: rgba(48, 58, 70, .30) !important; }
html[data-theme="dark"] body.apex-player-panel .card-title::before { background:#1b212a; }
html[data-theme="dark"] body.apex-player-panel .painel-main .custom-control-label::before,
html[data-theme="dark"] body.apex-player-panel .custom-control-label::before { background: rgba(14, 17, 21, .92) !important; border-color: rgba(120, 140, 165, .42) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .custom-control-input:checked ~ .custom-control-label::before,
html[data-theme="dark"] body.apex-player-panel .custom-control-input:checked ~ .custom-control-label::before { background: var(--apex-panel-bronze) !important; border-color: var(--gold-soft) !important; }
html[data-theme="dark"] body.apex-player-panel option { color: var(--text-primary); background: var(--panel-bg-deep); }

/* --------------------------------------------------------------------------
   6) Eventos, notificações e tickets (textos ainda literais)
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body.apex-player-panel .apx-events-page .apx-event-type { color: var(--gold-soft) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-events-page .apx-event-card h4 { color: var(--text-primary) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-events-page .apx-event-card p { color: var(--text-secondary) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-events-page .apx-event-meta small { color: #9aa9b8 !important; }
html[data-theme="dark"] body.apex-player-panel .apx-events-page .apx-event-meta strong { color: var(--text-primary) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-events-page .apx-event-reward { color: var(--gold-soft) !important; border-color: rgba(120, 140, 165, .22) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-events-page .apx-event-state.is-scheduled { color: var(--gold-soft) !important; background: rgba(60, 74, 92, .40) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-notification-row.is-unread .apx-notification-dot { background: var(--apex-panel-gold) !important; box-shadow:0 0 0 4px rgba(0,0,0,0.12)!important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-ibx-context-text,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-ibx-context-text .heading,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-ibx-item .lead-text { color: var(--text-primary) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-ibx-item .sub-text,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-ibx-item .text-gray { color: var(--text-muted) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-reply-header { color: var(--text-secondary) !important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-reply-entry { color: var(--text-primary) !important; }

/* --------------------------------------------------------------------------
   7) Doações — status/confirmação (não cobertos pelo bloco de tokens)
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body.apex-player-panel .apx-donate-page .apx-donate-status.is-approved { color: #a9e0bd !important; background: rgba(47,133,90,.22) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-donate-page .apx-donate-status.is-pending { color: var(--gold-soft) !important; background: rgba(60, 74, 92, .40) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-donate-page .apx-donate-status.is-cancelled { color: #f4b8b7 !important; background: rgba(201,74,74,.22) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-donate-confirm__backdrop { background: rgba(4, 5, 7, .82) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-donate-confirm__panel,
html[data-theme="dark"] body.apex-player-panel .apx-donate-confirm__header,
html[data-theme="dark"] body.apex-player-panel .apx-donate-confirm__footer { background:#1b212a; border-color: var(--gold-border) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-donate-confirm__eyebrow { color: var(--gold-soft) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-donate-confirm__close { color: var(--gold-soft) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-donate-history__table { color: var(--text-secondary) !important; }
html[data-theme="dark"] body.apex-player-panel .apx-donate-packages__grid .apx-donate-status,
html[data-theme="dark"] body.apex-player-panel .donate-content__bonuses-item { background: rgba(24, 28, 34, .70) !important; border-color: var(--gold-border-soft) !important; }

/* --------------------------------------------------------------------------
   8) Configurações — sem cor própria além do que já é herdado pelo token e
      pelas regras genéricas de .card acima; nenhum override extra necessário.
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   9) Controle de tema — card "Aparência do Painel" (Dashboard)
   Substituiu o antigo botão da topbar. É um componente novo (sem
   equivalente em apex-panel-theme.css), então tanto a aparência padrão
   (tema claro) quanto o estado escuro ficam aqui, seguindo o mesmo
   critério já usado neste arquivo para o botão anterior.
   -------------------------------------------------------------------------- */
.apx-appearance-card .apx-section-head { margin-bottom: 6px !important; }

.apx-appearance-desc {
    margin: 0 0 16px;
    font-size: 12.5px;
    line-height: 1.55;
    color: #8a94a6;
    max-width: 46em;
}

.apx-theme-switcher {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.apx-theme-switcher__option {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    border-radius: 999px;
    border: 1px solid #e4e9f0;
    background: #f6f8fb;
    color: #51607a;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.apx-theme-switcher__icon { width: 15px; height: 15px; flex: 0 0 auto; }
.apx-theme-switcher__option:hover { border-color: #d7dee8; }
.apx-theme-switcher__option:focus-visible { outline: 2px solid rgba(50,109,204,.45); outline-offset: 2px; }

.apx-theme-switcher[data-theme-active="light"] .apx-theme-switcher__option--light,
.apx-theme-switcher[data-theme-active="dark"] .apx-theme-switcher__option--dark {
    background: linear-gradient(180deg,#4a86d6 0%,#285daf 100%);
    border-color: #5b9bd5;
    color: #fff;
    box-shadow:0 4px 12px rgba(40,93,175,.28);
}

.apx-theme-switch {
    position: relative;
    width: 46px;
    height: 25px;
    flex: 0 0 auto;
    padding: 0;
    border-radius: 999px;
    border: 1px solid #d7dee8;
    background: #e4e9f0;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease;
}
.apx-theme-switch__thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: linear-gradient(145deg,#ffffff,#dbe3ee);
    box-shadow:0 2px 6px rgba(16,24,40,.28);
    transition: transform .22s cubic-bezier(.4,0,.2,1);
}
.apx-theme-switch[aria-checked="true"] .apx-theme-switch__thumb { transform: translateX(21px); }
.apx-theme-switch:hover { border-color: #a9c3d1; }
.apx-theme-switch:focus-visible { outline: 2px solid rgba(50,109,204,.45); outline-offset: 2px; }

/* Estado escuro: grafite/azul-acinzentado, dourado só como destaque do item ativo */
html[data-theme="dark"] .apx-appearance-desc { color: var(--text-secondary) !important; }
html[data-theme="dark"] .apx-theme-switcher__option {
    border-color: rgba(120, 140, 165, .30) !important;
    background: rgba(28, 33, 40, .55) !important;
    color: var(--text-secondary) !important;
}
html[data-theme="dark"] .apx-theme-switcher__option:hover { border-color: rgba(150, 175, 205, .58) !important; }
html[data-theme="dark"] .apx-theme-switcher[data-theme-active="light"] .apx-theme-switcher__option--light,
html[data-theme="dark"] .apx-theme-switcher[data-theme-active="dark"] .apx-theme-switcher__option--dark {
    background: linear-gradient(180deg,#3a5f82 0%,#26445e 100%) !important;
    border-color: #5b9bd5 !important;
    color: #ffffff !important;
    box-shadow:0 4px 12px rgba(0,0,0,.4)!important;
}
html[data-theme="dark"] .apx-theme-switch {
    border-color: rgba(120, 140, 165, .48) !important;
    background: rgba(20, 24, 29, .80) !important;
}
html[data-theme="dark"] .apx-theme-switch:hover { border-color: rgba(150, 175, 205, .72) !important; }
html[data-theme="dark"] .apx-theme-switch__thumb {
    background: linear-gradient(145deg,#82b5df,#5b9bd5) !important;
}

@media (max-width: 575.98px) {
    .apx-theme-switcher { gap: 10px; row-gap: 12px; }
    .apx-theme-switcher__option { padding: 6px 11px; font-size: 12px; }
}

/* --------------------------------------------------------------------------
   10) Créditos do rodapé — contraste nos dois temas
   -------------------------------------------------------------------------- */
.painel-footer-credits {
    margin-top: 2px;
    font-size: 11px;
    opacity: .68;
}
html[data-theme="dark"] body.apex-player-panel .painel-footer-credits { color: var(--text-muted) !important; }

/* --------------------------------------------------------------------------
   11) AUDITORIA 2026-08-17 — cobertura completa
   apex-panel-theme.css tem 3 camadas históricas sobrepostas (bronze glass →
   Medieval Premium UI → GLOBAL STRUCTURAL PALETTE → final polish) e várias
   delas usam cor literal em vez de var() nas MESMAS classes já cobertas
   acima em outra camada/especificidade. Esta seção espelha, um a um, todo
   seletor cuja declaração literal de "background" vence a cascata do tema
   claro e ainda não tinha equivalente aqui — evita que qualquer card,
   dropdown, tabela, botão ou campo "esqueça" de virar grafite no escuro.
   -------------------------------------------------------------------------- */

/* Topbar: toggle do usuário e dropdowns (gerais + do usuário) */
html[data-theme="dark"] body.apex-player-panel .apx-topbar__user-toggle {
    background:#1b212a;
    border-color: rgba(120, 140, 165, .24) !important;
}
html[data-theme="dark"] body.apex-player-panel .apx-topbar__user-toggle:hover,
html[data-theme="dark"] body.apex-player-panel .apx-topbar__user.show .apx-topbar__user-toggle {
    background:#1b212a;
    border-color: rgba(150, 175, 205, .58) !important;
}
html[data-theme="dark"] body.apex-player-panel .dropdown-menu,
html[data-theme="dark"] body.apex-player-panel .dropdown-inner {
    background: rgba(22, 26, 32, .97) !important;
    border-color: var(--gold-border) !important;
}
html[data-theme="dark"] body.apex-player-panel .dropdown-menu a:hover {
    background: rgba(48, 58, 70, .55) !important;
}

/* Sidebar: variantes "compactas" (sem espaço em volta de >) do item ativo,
   usadas pela camada GLOBAL STRUCTURAL PALETTE — mesma cor final da seção 2,
   só repetindo o seletor sem espaço para bater a mesma especificidade. */
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-item.active>.nk-menu-link,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-item.current-menu>.nk-menu-link,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-item.current-page>.nk-menu-link,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-item.nk-menu-item-active>.nk-menu-link,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .painel-aside-nav .nk-menu-item.current-menu > .nk-menu-link,
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .painel-aside-nav .nk-menu-item.current-page > .nk-menu-link {
    background:rgba(91,155,213,.12);
    border-color: rgba(120,145,175,.34) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-aside-nav .nk-menu-link,
html[data-theme="dark"] body.apex-player-panel .painel-aside-links-mob .nk-menu-link {
    background: rgba(32, 38, 46, .76) !important;
    border-color: rgba(110, 130, 155, .20) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .apx-balance-menu-value {
    background: rgba(60, 74, 92, .55) !important;
    border-color: rgba(150, 175, 205, .45) !important;
    color: var(--gold-soft) !important;
}

/* Formulários — todas as camadas/tiers (bare, .painel-main, input.form-control) */
html[data-theme="dark"] body.apex-player-panel .form-control,
html[data-theme="dark"] body.apex-player-panel input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body.apex-player-panel textarea,
html[data-theme="dark"] body.apex-player-panel select,
html[data-theme="dark"] body.apex-player-panel .custom-select,
html[data-theme="dark"] body.apex-player-panel .select2-selection,
html[data-theme="dark"] body.apex-player-panel .painel-main .form-control,
html[data-theme="dark"] body.apex-player-panel .painel-main input:not([type=checkbox]):not([type=radio]),
html[data-theme="dark"] body.apex-player-panel .painel-main textarea,
html[data-theme="dark"] body.apex-player-panel .painel-main select,
html[data-theme="dark"] body.apex-player-panel .painel-main .custom-select,
html[data-theme="dark"] body.apex-player-panel .painel-main .select2-selection,
html[data-theme="dark"] body.apex-player-panel .painel-main .custom-file-label,
html[data-theme="dark"] body.apex-player-panel .painel-main .input-group-text {
    background: rgba(16, 19, 24, .94) !important;
    border-color: rgba(120, 140, 165, .26) !important;
}
html[data-theme="dark"] body.apex-player-panel .form-control:focus,
html[data-theme="dark"] body.apex-player-panel input:focus,
html[data-theme="dark"] body.apex-player-panel textarea:focus,
html[data-theme="dark"] body.apex-player-panel select:focus,
html[data-theme="dark"] body.apex-player-panel input.form-control:focus,
html[data-theme="dark"] body.apex-player-panel select.form-control:focus,
html[data-theme="dark"] body.apex-player-panel textarea.form-control:focus,
html[data-theme="dark"] body.apex-player-panel .painel-main .form-control:focus,
html[data-theme="dark"] body.apex-player-panel .painel-main input:focus,
html[data-theme="dark"] body.apex-player-panel .painel-main textarea:focus,
html[data-theme="dark"] body.apex-player-panel .painel-main select:focus {
    background: rgba(11, 13, 16, .97) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-main .input-group-append .input-group-text {
    background: rgba(14, 17, 21, .96) !important;
    color: var(--gold-soft) !important;
}
/* Campos disabled/readonly — precisam continuar visivelmente "inativos" mas
   legíveis (ex.: e-mail bloqueado em Configurações > Segurança). */
html[data-theme="dark"] body.apex-player-panel .form-control:disabled,
html[data-theme="dark"] body.apex-player-panel .form-control[readonly],
html[data-theme="dark"] body.apex-player-panel input.form-control:disabled,
html[data-theme="dark"] body.apex-player-panel input.form-control[readonly] {
    color: var(--text-muted) !important;
    background: rgba(20, 24, 29, .70) !important;
    border-color: rgba(110, 130, 155, .18) !important;
}
html[data-theme="dark"] body.apex-player-panel option {
    color: var(--text-primary) !important;
    background: var(--panel-bg-deep) !important;
}

/* Tabelas — todas as camadas (bare .table, .painel-main .table, .nk-tb-*) */
html[data-theme="dark"] body.apex-player-panel .table,
html[data-theme="dark"] body.apex-player-panel .painel-main .table,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-tb-list,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .table {
    background: rgba(15, 18, 22, .82) !important;
}
html[data-theme="dark"] body.apex-player-panel .table thead th,
html[data-theme="dark"] body.apex-player-panel .painel-main .table thead th,
html[data-theme="dark"] body.apex-player-panel .painel-main .thead-dark th,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-tb-head,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .table thead th,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .thead-dark th,
html[data-theme="dark"] body.apex-player-panel .apx-player-table thead th {
    background: rgba(11, 13, 16, .92) !important;
    color: var(--gold-soft) !important;
}
html[data-theme="dark"] body.apex-player-panel .nk-tb-item,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .table td,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .table th {
    background: rgba(16, 19, 24, .74) !important;
}

/* Botões: bordas neutras (o dourado dos CTAs primários é mantido de propósito) */
html[data-theme="dark"] body.apex-player-panel .btn-outline-primary,
html[data-theme="dark"] body.apex-player-panel .btn-secondary,
html[data-theme="dark"] body.apex-player-panel .btn-outline-light,
html[data-theme="dark"] body.apex-player-panel .painel-main .btn:not(.btn-primary) {
    background: rgba(20, 24, 29, .70) !important;
    border-color: rgba(120, 140, 165, .30) !important;
}
html[data-theme="dark"] body.apex-player-panel .btn-outline-primary:hover,
html[data-theme="dark"] body.apex-player-panel .btn-secondary:hover,
html[data-theme="dark"] body.apex-player-panel .btn-outline-light:hover,
html[data-theme="dark"] body.apex-player-panel .painel-main .btn:not(.btn-primary):hover {
    background: rgba(48, 58, 70, .70) !important;
    border-color: rgba(150, 175, 205, .55) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .btn:not(.btn-primary):not(.btn-success) {
    background:#1b212a;
    border-color: rgba(120, 140, 165, .30) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body:not(.apex-player-dashboard) .btn:not(.btn-primary):not(.btn-success):hover {
    background:rgba(91,155,213,.12);
    border-color: rgba(150, 175, 205, .55) !important;
}

/* Modal: cabeçalho/rodapé (o corpo já é coberto em outra seção) */
html[data-theme="dark"] body.apex-player-panel .modal-header,
html[data-theme="dark"] body.apex-player-panel .modal-footer {
    background: rgba(15, 18, 22, .70) !important;
}

/* Dashboard: contas, personagens, atalhos, cards de estatística/temporada */
html[data-theme="dark"] body.apex-player-panel .apx-account-list,
html[data-theme="dark"] body.apex-player-panel .apx-char-card,
html[data-theme="dark"] body.apex-player-panel .apx-event-meta div,
html[data-theme="dark"] body.apex-player-panel .apx-quick-actions a,
html[data-theme="dark"] body.apex-player-panel .apx-reward-box,
html[data-theme="dark"] body.apex-player-panel .apx-reward-level__num,
html[data-theme="dark"] body.apex-player-panel .apx-ticket-row {
    background: rgba(18, 21, 26, .62) !important;
    border-color: rgba(120, 140, 165, .18) !important;
}
html[data-theme="dark"] body.apex-player-panel .apx-account-list > div {
    background: rgba(18, 21, 26, .48) !important;
}
html[data-theme="dark"] body.apex-player-panel .apx-quick-actions a:hover,
html[data-theme="dark"] body.apex-player-panel .apx-ticket-row:hover {
    background: rgba(48, 58, 70, .38) !important;
    border-color: rgba(150, 175, 205, .38) !important;
}
html[data-theme="dark"] body.apex-player-panel .apx-char-card img,
html[data-theme="dark"] body.apex-player-panel .apx-main-char__portrait {
    background: #0a0c0f !important;
}
html[data-theme="dark"] body.apex-player-panel .apx-count-pill {
    background: rgba(60, 74, 92, .55) !important;
}
html[data-theme="dark"] body.apex-player-panel .apx-stat-icon {
    background:#1b212a;
}
html[data-theme="dark"] body.apex-player-panel .apx-main-char,
html[data-theme="dark"] body.apex-player-panel .apx-stat-card,
html[data-theme="dark"] body.apex-player-panel .apx-season-hero {
    background:#1b212a;
}
/* Mesmo grupo, mas na especificidade ".painel-main .apex-player-dashboard X"
   — é essa camada que realmente vence no Dashboard/Home (3 classes, mais
   específica que a regra genérica acima). */
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-panel-card,
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-stat-card,
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-main-char {
    background:#1b212a;
    background-color: rgba(28, 33, 40, .88) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-char-card {
    background: rgba(20, 24, 29, .78) !important;
    background-color: rgba(20, 24, 29, .78) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-char-card:hover {
    background: rgba(35, 42, 51, .82) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-account-list {
    background: rgba(15, 18, 22, .66) !important;
    background-color: rgba(15, 18, 22, .66) !important;
}
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-player-hero,
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-season-hero {
    background:#1b212a !important;
}
html[data-theme="dark"] body.apex-player-panel .apx-player-table thead th {
    background: rgba(11, 13, 16, .92) !important;
}

/* Doações — accordion/ícones/painéis herdados da paleta bronze */
html[data-theme="dark"] body.apex-player-panel .accordion-item__header-icon,
html[data-theme="dark"] body.apex-player-panel .payment-method,
html[data-theme="dark"] body.apex-player-panel .payment-platform,
html[data-theme="dark"] body.apex-player-panel .donate-content__bonuses-item {
    background: rgba(18, 21, 26, .68) !important;
    border-color: rgba(120, 140, 165, .22) !important;
}
html[data-theme="dark"] body.apex-player-panel .payment-method:hover,
html[data-theme="dark"] body.apex-player-panel .payment-method.active,
html[data-theme="dark"] body.apex-player-panel .payment-platform:hover,
html[data-theme="dark"] body.apex-player-panel .payment-platform.active {
    background: rgba(48, 58, 70, .48) !important;
    border-color: rgba(150, 175, 205, .55) !important;
}
html[data-theme="dark"] body.apex-player-panel .donate-content__bonuses-item-name,
html[data-theme="dark"] body.apex-player-panel .donate-content__bonuses-item-val,
html[data-theme="dark"] body.apex-player-panel .apx-donate-confirm__grid > div,
html[data-theme="dark"] body.apex-player-panel .apx-donate-confirm__total {
    background: rgba(16, 19, 24, .92) !important;
}
html[data-theme="dark"] body.apex-player-panel .apx-donate-page .apx-donate-rate {
    background: rgba(60, 74, 92, .42) !important;
}
html[data-theme="dark"] body.apex-player-panel .apx-donate-page .apx-donate-live-summary .is-accent {
    background: rgba(60, 74, 92, .40) !important;
    border-color: rgba(150, 175, 205, .38) !important;
}
html[data-theme="dark"] body.apex-player-panel .apx-donate-page .irs--round .irs-handle {
    background: #0e1013 !important;
}

/* --------------------------------------------------------------------------
   12) Tooltips (Bootstrap, data-toggle="tooltip" — usados em Suporte,
       Administrar Clan e Vice-líder). Não havia estilo Apex nem no tema
       claro, e o tema claro não pode mudar nesta auditoria — então só o
       modo escuro recebe um acabamento grafite; em modo claro a bolha
       continua com o default do Bootstrap (preto/texto branco), que já é
       legível e é exatamente o que já renderizava antes desta tarefa.
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body.apex-player-panel .tooltip .tooltip-inner {
    background-color: rgba(16, 19, 24, .97);
    border-color: rgba(150, 175, 205, .40);
}
html[data-theme="dark"] body.apex-player-panel .tooltip.bs-tooltip-top .arrow::before,
html[data-theme="dark"] body.apex-player-panel .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: rgba(16, 19, 24, .97); }
html[data-theme="dark"] body.apex-player-panel .tooltip.bs-tooltip-bottom .arrow::before,
html[data-theme="dark"] body.apex-player-panel .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: rgba(16, 19, 24, .97); }
html[data-theme="dark"] body.apex-player-panel .tooltip.bs-tooltip-left .arrow::before,
html[data-theme="dark"] body.apex-player-panel .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: rgba(16, 19, 24, .97); }
html[data-theme="dark"] body.apex-player-panel .tooltip.bs-tooltip-right .arrow::before,
html[data-theme="dark"] body.apex-player-panel .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: rgba(16, 19, 24, .97); }

/* ==========================================================================
   PLAYER GLASS SURFACES — DARK MODE (2026-08-17)
   Final override for opaque legacy graphite/black hardcodes.
   ========================================================================== */
html[data-theme="dark"] body.apex-player-panel {
    --apex-panel-bg:rgba(0,0,0,.08);
    --apex-panel-deep:rgba(5,8,12,.66);
    --apex-panel-surface:rgba(10,14,19,.72);
    --apex-panel-surface-2:rgba(12,17,23,.68);
    --apex-panel-surface-soft:rgba(18,24,32,.62);
    --apex-panel-border:rgba(155,177,204,.22);
    --apex-panel-border-strong:rgba(155,184,218,.38);
    --apx-unified-top:rgba(7,10,14,.78);
    --apx-unified-side:rgba(7,10,14,.76);
    --apx-unified-card:rgba(10,14,19,.72);
    --apx-unified-card-soft:rgba(18,24,32,.62);
    --apx-unified-field:rgba(4,7,11,.66);
    --surface-main:rgba(10,14,19,.72);
    --surface-raised:rgba(12,17,23,.70);
    --surface-inset:rgba(4,7,11,.66);
    --header-bg:rgba(7,10,14,.78);
    --sidebar-bg:rgba(7,10,14,.76);
    --sidebar-inner-bg:rgba(7,10,14,.70);
    --menu-bg:rgba(15,20,27,.66);
}
html[data-theme="dark"] body.apex-player-panel .nk-wrap,
html[data-theme="dark"] body.apex-player-panel .nk-content,
html[data-theme="dark"] body.apex-player-panel .nk-content-wrap,
html[data-theme="dark"] body.apex-player-panel .nk-content-body,
html[data-theme="dark"] body.apex-player-panel .painel-main { background:transparent!important; }
html[data-theme="dark"] body.apex-player-panel .nk-main .apx-topbar,
html[data-theme="dark"] body.apex-player-panel .nk-main .painel-header,
html[data-theme="dark"] body.apex-player-panel .nk-main .painel-sidebar,
html[data-theme="dark"] body.apex-player-panel .nk-main .nk-aside,
html[data-theme="dark"] body.apex-player-panel .painel-footer-wrap {
    background:rgba(7,10,14,.78)!important; border-color:rgba(155,177,204,.22)!important;
    backdrop-filter:blur(14px) saturate(115%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
}
html[data-theme="dark"] body.apex-player-panel .card,
html[data-theme="dark"] body.apex-player-panel .apx-panel-card,
html[data-theme="dark"] body.apex-player-panel .accordion-item,
html[data-theme="dark"] body.apex-player-panel .modal-content,
html[data-theme="dark"] body.apex-player-panel .dropdown-menu,
html[data-theme="dark"] body.apex-player-panel .dropdown-inner,
html[data-theme="dark"] body.apex-player-panel .apx-events-grid .apx-event-card,
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-player-hero,
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-season-hero,
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-stat-card,
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-panel-card,
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-main-char {
    background:rgba(10,14,19,.72)!important; background-color:rgba(10,14,19,.72)!important;
    border-color:rgba(155,177,204,.22)!important;
    backdrop-filter:blur(12px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(112%)!important;
}
html[data-theme="dark"] body.apex-player-panel .painel-sidebar .nk-menu-item > .nk-menu-link,
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-char-card,
html[data-theme="dark"] body.apex-player-panel .apx-account-list,
html[data-theme="dark"] body.apex-player-panel .apx-account-list > div,
html[data-theme="dark"] body.apex-player-panel .apx-ticket-row,
html[data-theme="dark"] body.apex-player-panel .apx-notification-row,
html[data-theme="dark"] body.apex-player-panel .apx-quick-actions a,
html[data-theme="dark"] body.apex-player-panel .table thead th {
    background:rgba(18,24,32,.64)!important; background-color:rgba(18,24,32,.64)!important;
    border-color:rgba(155,177,204,.20)!important;
}
html[data-theme="dark"] body.apex-player-panel .form-control,
html[data-theme="dark"] body.apex-player-panel input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body.apex-player-panel textarea,
html[data-theme="dark"] body.apex-player-panel select,
html[data-theme="dark"] body.apex-player-panel .custom-select,
html[data-theme="dark"] body.apex-player-panel .select2-selection,
html[data-theme="dark"] body.apex-player-panel .page-link,
html[data-theme="dark"] body.apex-player-panel .apx-stat-icon,
html[data-theme="dark"] body.apex-player-panel .apx-main-char__portrait {
    color:#e7edf3!important; background:rgba(4,7,11,.66)!important;
    background-color:rgba(4,7,11,.66)!important; border-color:rgba(155,177,204,.24)!important;
}
html[data-theme="dark"] body.apex-player-panel .modal-backdrop { background-color:rgba(0,0,0,.62)!important; }
html[data-theme="dark"] body.apex-player-panel .apx-topbar__nav .apx-topbar__link::before {
    background:linear-gradient(100deg,transparent,rgba(190,222,255,.78),transparent)!important;
}

/* ==========================================================================
   Transparência real dos cards — passe final (escuro)
   Fecha as últimas lacunas que o bloco "PLAYER GLASS SURFACES" acima não
   cobria (alguns componentes ainda caíam num #1b212a sólido herdado).
   Mesmos tokens já usados acima, para manter consistência visual.
   ========================================================================== */
html[data-theme="dark"] body.apex-player-panel .card-inner:not(.p-0),
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-content-body .card-inner:not(.p-0),
html[data-theme="dark"] body.apex-player-panel .apx-panel-card>.card-inner {
    background:transparent!important;
    background-color:transparent!important;
}
html[data-theme="dark"] body.apex-player-panel .apx-donate-confirm__panel,
html[data-theme="dark"] body.apex-player-panel .apx-donate-confirm__header,
html[data-theme="dark"] body.apex-player-panel .apx-donate-confirm__footer,
html[data-theme="dark"] body.apex-player-panel .apx-donate-page .apx-donate-panel,
html[data-theme="dark"] body.apex-player-panel .apx-donate-page .apx-donate-history,
html[data-theme="dark"] body.apex-player-panel .apx-sidebar-community {
    background:rgba(10,14,19,.72)!important;
    background-color:rgba(10,14,19,.72)!important;
    border-color:rgba(155,177,204,.22)!important;
    backdrop-filter:blur(12px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(112%)!important;
}
html[data-theme="dark"] body.apex-player-panel .apx-topbar__user-toggle,
html[data-theme="dark"] body.apex-player-panel .apx-topbar__user-toggle:hover,
html[data-theme="dark"] body.apex-player-panel .apx-topbar__user.show .apx-topbar__user-toggle {
    background:rgba(18,24,32,.7)!important;
    background-color:rgba(18,24,32,.7)!important;
}
html[data-theme="dark"] body.apex-player-panel .nav-tabs,
html[data-theme="dark"] body.apex-player-panel .painel-main .nav-tabs,
html[data-theme="dark"] body.apex-player-panel .nk-tb-list,
html[data-theme="dark"] body.apex-player-panel .painel-main .table,
html[data-theme="dark"] body.apex-player-panel .painel-main .nk-tb-list {
    background:rgba(12,17,23,.6)!important;
    background-color:rgba(12,17,23,.6)!important;
}
/* Textos da página de doação — mesma cor clara original (já era pensada
   para fundo escuro); ver contraparte tema claro em apex-panel-theme.css. */
html[data-theme="dark"] body.apex-player-panel .accordion-item__header-caption-title,
html[data-theme="dark"] body.apex-player-panel .grid-list-item__title {
    color:#eaf7fd!important;
}
html[data-theme="dark"] body.apex-player-panel .accordion-item__header-caption-subtitle {
    color:#a7bfcb!important;
}
html[data-theme="dark"] body.apex-player-panel #btn-help {
    color:#60a5fa!important;
}
/* Hover das tabelas de clã — mesma cor azul original, agora centralizada
   (ver contraparte tema claro em apex-panel-theme.css). */
html[data-theme="dark"] body.apex-player-panel .table-select tr:hover {
    background-color:rgba(7,62,91,.32)!important;
}

/* Ajustes de contraste solicitados — camada final do tema escuro. */
html[data-theme="dark"] body.apex-player-panel .apx-sidebar-brand { border-bottom:0!important;box-shadow:none!important; }
html[data-theme="dark"] body.apex-player-panel .apx-sidebar-brand::after { content:none!important;display:none!important;background:none!important;box-shadow:none!important; }
html[data-theme="dark"] body.apex-player-panel .painel-main .apex-player-dashboard .apx-player-hero {
    background:rgba(8,13,21,.80)!important;
    background-image:none!important;
}
html[data-theme="dark"] body.apex-player-panel .apx-player-kicker { color:#8ccaff!important;font-weight:800!important; }
html[data-theme="dark"] body.apex-player-panel .apx-player-hero h2 { color:#f4f8fc!important;font-weight:650!important; }
html[data-theme="dark"] body.apex-player-panel .apx-player-hero p { color:#c4d0dd!important;font-weight:500!important; }
html[data-theme="dark"] body.apex-player-panel .apx-player-hero__meta { color:#8ccaff!important;font-weight:600!important; }
html[data-theme="dark"] body.apex-player-panel .apx-player-hero__meta .is-ok { color:#69e3a2!important;font-weight:800!important; }
html[data-theme="dark"] body.apex-player-panel .apx-player-hero__meta .is-ok .icon { color:#48d98a!important;font-size:14px!important; }
html[data-theme="dark"] body.apex-player-panel .apx-topbar__user-name small { color:#8ccaff!important;font-weight:800!important; }
html[data-theme="dark"] body.apex-player-panel .apx-topbar__user-name strong { color:#f1f5f9!important;font-weight:700!important; }
html[data-theme="dark"] body.apex-player-panel .apx-topbar__nav .apx-topbar__link { color:#d6e0eb!important;font-weight:750!important;opacity:1!important;text-shadow:0 1px 1px rgba(0,0,0,.65)!important; }
html[data-theme="dark"] body.apex-player-panel .apx-topbar__nav .apx-topbar__link .icon { color:#69b9ff!important;opacity:1!important; }
html[data-theme="dark"] body.apex-player-panel .apx-topbar__nav .apx-topbar__link:hover,
html[data-theme="dark"] body.apex-player-panel .apx-topbar__nav .apx-topbar__link:focus-visible { color:#fff!important; }
html[data-theme="dark"] body.apex-player-panel .apx-topbar__nav .apx-topbar__link::before {
    background:radial-gradient(ellipse at center,rgba(47,160,255,.58) 0%,rgba(22,105,235,.3) 48%,transparent 76%)!important;
    box-shadow:0 0 0 1px rgba(74,170,255,0),0 0 20px rgba(24,126,255,0)!important;
}
html[data-theme="dark"] body.apex-player-panel .apx-topbar__nav .apx-topbar__link:hover::before,
html[data-theme="dark"] body.apex-player-panel .apx-topbar__nav .apx-topbar__link:focus-visible::before {
    box-shadow:0 0 0 1px rgba(74,170,255,.36),0 0 22px rgba(24,126,255,.52)!important;
}
html[data-theme="dark"] body.apex-player-panel .apx-sidebar-community { background:rgba(7,12,19,.82)!important;background-image:none!important; }
html[data-theme="dark"] body.apex-player-panel .apx-sidebar-community strong,
html[data-theme="dark"] body.apex-player-panel .apx-sidebar-community strong span { color:#f1f5f9!important;font-weight:800!important; }
html[data-theme="dark"] body.apex-player-panel .apx-sidebar-community p { color:#b9c8d8!important;font-weight:550!important; }
html[data-theme="dark"] body.apex-player-panel .painel-footer,
html[data-theme="dark"] body.apex-player-panel .apx-panel-credit { color:#c4d0dd!important; }
html[data-theme="dark"] body.apex-player-panel .apx-panel-credit__divider { background:rgba(196,208,221,.3); }
html[data-theme="dark"] body.apex-player-panel .apx-panel-credit small { color:#93a4b7; }
html[data-theme="dark"] body.apex-player-panel .apx-panel-credit strong { color:#e8c373; }