/* ===============================
   KINOPIRON TRUE DARK MODE
=============================== */

html body.dark {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(155, 100, 255, 0.12), transparent 35%),
        radial-gradient(circle at bottom right, rgba(120, 180, 255, 0.10), transparent 35%),
        linear-gradient(180deg, #10091a 0%, #150c22 100%) !important;
    color: #eee8ff !important;
}

/* remove black/solid layout gaps */
body.dark .container,
body.dark .main-content,
body.dark .home-main-content,
body.dark .content-area,
body.dark .page-container,
body.dark .layout,
body.dark .layout-container,
body.dark .content-wrapper,
body.dark .main-wrapper,
body.dark main {
    background: transparent !important;
    color: #eee8ff !important;
}

/* header */
body.dark nav {
    background: #171020 !important;
    border-bottom: 1px solid #35224d !important;
}

/* left sidebar */
body.dark .left-sidebar {
    background: linear-gradient(180deg, #1a0f2a 0%, #140a22 100%) !important;
    border-right: 1px solid #3a2760 !important;
    box-shadow: 4px 0 20px rgba(120, 80, 200, 0.18) !important;
}

body.dark .left-sidebar .imp-links a {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(201,167,255,0.12) !important;
    color: #eee8ff !important;
}

body.dark .left-sidebar .imp-links a:hover {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #fff !important;
}

body.dark .sidebar-title {
    color: #dcbcff !important;
}

/* right sidebar */
body.dark .right-sidebar {
    background: #171020 !important;
    border-left: 1px solid #35224d !important;
}

body.dark .right-sidebar > div,
body.dark .right-sidebar .event,
body.dark .right-sidebar .advertisement,
body.dark .right-sidebar .online-list {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

/* cards and panels */
body.dark .post-container,
body.dark .write-post-container,
body.dark .profile-details,
body.dark .profile-intro,
body.dark .friend-card,
body.dark .groups-header-card,
body.dark .groups-panel,
body.dark .group-card,
body.dark .group-hero-card,
body.dark .forum-container,
body.dark .forum-category-card,
body.dark .thread-card,
body.dark .post-card,
body.dark .reply-box,
body.dark .species-card,
body.dark .pet-card,
body.dark .pet-slot,
body.dark .mini-pets-placeholder,
body.dark .hub-wrapper,
body.dark .hub-card,
body.dark .shop-card,
body.dark .neo-shop-wrap,
body.dark .inventory-header,
body.dark .inventory-item,
body.dark .explore-links-panel,
body.dark .cartographer-panel,
body.dark .cartographer-map-card,
body.dark .cartographer-intro-card {
    background: #1a1226 !important;
    border-color: #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

/* inner boxes */
body.dark .group-rank-box,
body.dark .group-stat-box,
body.dark .group-manage-summary-card,
body.dark .group-member-manage-card,
body.dark .group-feed-post,
body.dark .inventory-empty,
body.dark .shop-empty-card {
    background: #241933 !important;
    border-color: #4a326b !important;
    color: #eee8ff !important;
}

/* shop/game/explore special areas */
body.dark .shops-hero-card,
body.dark .shops-hero-text,
body.dark .games-header,
body.dark .game-card,
body.dark .shop-card-body,
body.dark .group-card-body,
body.dark .neo-shop-header,
body.dark .neo-shop-inventory {
    background: #1a1226 !important;
    border-color: #3d2a59 !important;
    color: #eee8ff !important;
}

body.dark .shop-card-banner {
    background: #20162f !important;
}

body.dark .game-card.disabled {
    background: #171020 !important;
    opacity: 0.75;
}

/* text */
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark strong,
body.dark .friend-name,
body.dark .post-username,
body.dark .neo-item-name,
body.dark .mypets-title,
body.dark .hub-title,
body.dark .groups-section-header h3,
body.dark .explore-links-title {
    color: #ffffff !important;
}

body.dark p,
body.dark span,
body.dark li,
body.dark .post-text,
body.dark .friend-subtext,
body.dark .groups-muted,
body.dark .hub-text,
body.dark .shop-description,
body.dark .shopkeeper-line,
body.dark .neo-shop-description,
body.dark .pet-meta,
body.dark .inventory-item-body h3,
body.dark .games-header p,
body.dark .explore-subtitle,
body.dark .hub-intro,
body.dark .hub-note {
    color: #d9cffb !important;
}

body.dark a {
    color: #caa7ff !important;
}

/* forms + search */
body.dark input,
body.dark textarea,
body.dark select,
body.dark .search-box {
    background: #120c1d !important;
    border: 1px solid #4a326b !important;
    color: #ffffff !important;
}

body.dark input::placeholder,
body.dark textarea::placeholder {
    color: #9d90bf !important;
}

body.dark input:focus,
body.dark textarea:focus,
body.dark select:focus {
    outline: none !important;
    border-color: #a66cff !important;
    box-shadow: 0 0 0 2px rgba(166,108,255,0.22) !important;
}

/* buttons */
body.dark button,
body.dark .select-btn,
body.dark .submit-btn,
body.dark .forum-button,
body.dark .create-group-btn,
body.dark .group-join-btn,
body.dark .group-view-btn,
body.dark .neo-buy-btn,
body.dark .shop-enter-btn,
body.dark .post-btn,
body.dark .btn-primary,
body.dark .btn-secondary,
body.dark .explore-links-list a {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* badges / pills */
body.dark .group-role-pill,
body.dark .group-member-pill,
body.dark .group-full-badge,
body.dark .inventory-qty-bubble,
body.dark .game-tags span {
    background: #312047 !important;
    color: #efe5ff !important;
}

/* map labels */
body.dark .map-region {
    background: rgba(20, 12, 35, 0.92) !important;
    color: #ffffff !important;
    border: 1px solid #b978ff !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.45) !important;
}

/* settings / notifications */
body.dark .settings-menu,
body.dark .notif-dropdown {
    background: #1a1226 !important;
    border-color: #3d2a59 !important;
    color: #eee8ff !important;
}

/* chat */
body.dark #chat-window,
body.dark .chat-bubble-tab {
    background: #24202b !important;
    color: #ffffff !important;
    border-color: #3d2a59 !important;
}

body.dark .left-sidebar .imp-links a {
    background: transparent !important;
    border: none !important;
}

body.dark .left-sidebar .imp-links a:hover {
    background: rgba(185, 120, 255, 0.16) !important;
}

/* groups page dark mode */
body.dark .groups-page {
    background: transparent !important;
    color: #eee8ff !important;
}

body.dark .group-row,
body.dark .group-directory-row {
    background: #1a1226 !important;
    color: #eee8ff !important;
    border-color: #3d2a59 !important;
}

body.dark .group-row *,
body.dark .group-directory-row * {
    color: #d9cffb !important;
}

body.dark .group-row strong,
body.dark .group-directory-row strong {
    color: #ffffff !important;
}

body.dark .group-locked-note {
    background: #312047 !important;
    color: #cfc0ef !important;
    border: 1px solid #4a326b !important;
    box-shadow: none !important;
}

/* ===============================
   SETTINGS DARK MODE FIX
=============================== */

body.dark .settings-page,
body.dark .settings-layout {
    background: transparent !important;
    color: #eee8ff !important;
}

body.dark .settings-sidebar,
body.dark .settings-card,
body.dark .settings-panel,
body.dark .settings-content {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

body.dark .settings-sidebar a,
body.dark .settings-tab,
body.dark .settings-nav-link {
    background: #241933 !important;
    color: #d9cffb !important;
    border: 1px solid #4a326b !important;
}

body.dark .settings-sidebar a.active,
body.dark .settings-tab.active,
body.dark .settings-nav-link.active {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

body.dark .settings-card h1,
body.dark .settings-card h2,
body.dark .settings-card h3,
body.dark .settings-panel h1,
body.dark .settings-panel h2,
body.dark .settings-panel h3,
body.dark .settings-content h1,
body.dark .settings-content h2,
body.dark .settings-content h3 {
    color: #ffffff !important;
}

body.dark .settings-card p,
body.dark .settings-panel p,
body.dark .settings-content p,
body.dark .settings-muted {
    color: #d9cffb !important;
}

body.dark .avatar-choice,
body.dark .avatar-option,
body.dark .current-avatar-box {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #eee8ff !important;
}

body.dark .avatar-choice img,
body.dark .avatar-option img,
body.dark .settings-sidebar img {
    border-radius: 8px !important;
}

body.dark .settings-content textarea,
body.dark .settings-content input,
body.dark .settings-content select {
    background: #120c1d !important;
    border: 1px solid #4a326b !important;
    color: #ffffff !important;
}

body.dark .settings-content textarea::placeholder,
body.dark .settings-content input::placeholder {
    color: #b9aad8 !important;
}

body.dark .settings-content button,
body.dark .save-settings-btn,
body.dark .settings-save-btn {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border: none !important;
}

/* settings dark mode final */
body.dark .settings-profile-meta strong,
body.dark .settings-panel-header h2,
body.dark .settings-panel-header h3,
body.dark .settings-form-field label,
body.dark .settings-current-avatar-inline span {
    color: #ffffff !important;
}

body.dark .settings-profile-meta span,
body.dark .settings-panel-header p,
body.dark .settings-help,
body.dark .settings-checkbox-row {
    color: #d9cffb !important;
}

body.dark .settings-current-avatar-inline,
body.dark .settings-avatar-tile,
body.dark .settings-preview-box {
    background: #241933 !important;
    border-color: #4a326b !important;
    color: #eee8ff !important;
}

body.dark .settings-avatar-modal {
    background: #1a1226 !important;
    border-color: #3d2a59 !important;
}

body.dark .settings-avatar-modal-body,
body.dark .settings-avatar-modal-footer {
    background: #1a1226 !important;
    border-color: #3d2a59 !important;
}

body.dark .settings-avatar-gallery-item span {
    color: #eee8ff !important;
}

body.dark .settings-avatar-gallery-item:hover,
body.dark .settings-avatar-gallery-item.active {
    background: #241933 !important;
}

body.dark .settings-divider {
    border-top-color: #4a326b !important;
}

/* ===============================
   HELP & SUPPORT DARK MODE FIX
=============================== */

body.dark .help-page,
body.dark .help-support-page,
body.dark .help-layout {
    background: transparent !important;
    color: #eee8ff !important;
}

body.dark .help-hero,
body.dark .help-card,
body.dark .help-panel,
body.dark .help-sidebar,
body.dark .help-faq-card,
body.dark .help-box {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

body.dark .help-hero h1,
body.dark .help-card h2,
body.dark .help-card h3,
body.dark .help-panel h2,
body.dark .help-panel h3,
body.dark .help-sidebar h2,
body.dark .help-sidebar h3,
body.dark .help-faq-card h3 {
    color: #ffffff !important;
}

body.dark .help-hero p,
body.dark .help-card p,
body.dark .help-panel p,
body.dark .help-sidebar p,
body.dark .help-faq-card p,
body.dark .help-card li,
body.dark .help-panel li {
    color: #d9cffb !important;
}

body.dark .help-link,
body.dark .help-nav-link,
body.dark .help-sidebar a {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #d9cffb !important;
}

body.dark .help-btn,
body.dark .support-btn,
body.dark .bug-btn,
body.dark .help-button {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border: none !important;
}

/* ===============================
   HELP PAGE — DARK MODE
=============================== */

body.dark .help-container {
    color: #eee8ff;
}

/* HERO (top banner) */
body.dark .help-hero-card {
    background: linear-gradient(180deg, #1a1226 0%, #221735 100%);
    border: 1px solid #3d2a59;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35);
}

body.dark .help-hero-text h2 {
    color: #ffffff;
}

body.dark .help-hero-text p {
    color: #cfc3ff;
}

/* MAIN PANELS */
body.dark .help-panel {
    background: #1a1226;
    border: 1px solid #3d2a59;
    color: #eee8ff;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35);
}

body.dark .help-panel-header h3 {
    color: #ffffff;
}

body.dark .help-panel-header p {
    color: #bfb3ff;
}

/* FAQ ITEMS */
body.dark .help-faq-item {
    background: #221735;
    border: 1px solid #3d2a59;
}

body.dark .help-faq-item h4 {
    color: #ffffff;
}

body.dark .help-faq-item p {
    color: #cfc3ff;
}

/* INFO / CONTACT BOXES */
body.dark .help-info-box,
body.dark .help-contact-box {
    background: #221735;
    border: 1px solid #3d2a59;
    color: #eee8ff;
}

/* LISTS */
body.dark .help-list,
body.dark .help-list li {
    color: #cfc3ff;
}

/* NOTE TEXT */
body.dark .help-note {
    color: #a89bd6;
}

/* BUTTONS */
body.dark .help-action-btn {
    background: linear-gradient(135deg, #9a6cff, #5d8dff);
    color: #fff;
}

/* SIDEBAR LINKS */
body.dark .help-link-card {
    background: #221735;
    border: 1px solid #3d2a59;
    color: #d9cffb;
}

/* ===============================
   BUG REPORT SECTION
=============================== */

body.dark .bug-report-card {
    background: #1a1226;
    border: 1px solid #3d2a59;
}

body.dark .bug-report-section {
    background: #221735;
    border: 1px solid #3d2a59;
}

body.dark .bug-value {
    color: #dcd3ff;
}

body.dark .bug-label {
    color: #a89bd6;
}

/* inputs */
body.dark .bug-status-select {
    background: #221735;
    border: 1px solid #4a326b;
    color: #eee8ff;
}

/* ===============================
   FORM FIELDS (shared)
=============================== */

body.dark .settings-form-field input,
body.dark .settings-form-field textarea {
    background: #120d1c;
    border: 1px solid #3d2a59;
    color: #eee8ff;
}

body.dark .settings-help {
    color: #a89bd6;
}

/* ===============================
   SEARCH PAGE — DARK MODE FIX
=============================== */

body.dark .search-page {
    background: transparent !important;
    color: #eee8ff !important;
}

body.dark .search-results-card {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

body.dark .search-results-card h1,
body.dark .search-results-card h2 {
    color: #ffffff !important;
}

body.dark .search-result-row {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #eee8ff !important;
}

body.dark .search-result-row span {
    color: #eee8ff !important;
}

body.dark .search-result-row small,
body.dark .search-empty,
body.dark .search-none {
    color: #d9cffb !important;
}

body.dark .search-result-row:hover {
    background: #312047 !important;
    border-color: #6d4aa0 !important;
}

/* ===============================
   BOOKMARKS DARK MODE FIX
=============================== */

body.dark .bookmarks-card,
body.dark .bookmark-card,
body.dark .bookmark-item,
body.dark .bookmark-link {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #eee8ff !important;
}

body.dark .bookmark-item a,
body.dark .bookmark-link,
body.dark .bookmark-item span {
    color: #d9cffb !important;
}

body.dark .bookmark-item:hover,
body.dark .bookmark-link:hover {
    background: #312047 !important;
    color: #ffffff !important;
}

/* ===============================
   BOOKMARKS MANAGE PAGE FIX
=============================== */

body.dark .bookmark-manage-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.dark .bookmark-manage-item {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #eee8ff !important;
}

body.dark .bookmark-manage-item a {
    color: #d9cffb !important;
}

body.dark .bookmark-manage-item small {
    color: #a89bd6 !important;
}

body.dark .bookmark-manage-item:hover {
    background: #312047 !important;
}

/* ===============================
   SHOPS PAGE TAB BUTTONS FIX
=============================== */

body.dark .shops-hero-card,
body.dark .shops-tabs,
body.dark .shop-tabs {
    background: #1a1226 !important;
    color: #eee8ff !important;
}

body.dark .shops-tabs a,
body.dark .shop-tabs a,
body.dark .shops-hero-card a {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #d9cffb !important;
}

body.dark .shops-tabs a:hover,
body.dark .shop-tabs a:hover,
body.dark .shops-hero-card a:hover {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* ===============================
   USER SHOP CARDS DARK MODE
=============================== */

body.dark .shop-card,
body.dark .user-shop-card,
body.dark .top-shop-card,
body.dark .shop-directory-card {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

body.dark .shop-card h3,
body.dark .user-shop-card h3,
body.dark .top-shop-card h3,
body.dark .shop-directory-card h3,
body.dark .shop-card strong,
body.dark .user-shop-card strong {
    color: #ffffff !important;
}

body.dark .shop-card p,
body.dark .user-shop-card p,
body.dark .top-shop-card p,
body.dark .shop-directory-card p,
body.dark .shop-card span,
body.dark .user-shop-card span,
body.dark .top-shop-card span,
body.dark .shop-directory-card span,
body.dark .shop-card small,
body.dark .user-shop-card small {
    color: #d9cffb !important;
}

body.dark .shop-card:hover,
body.dark .user-shop-card:hover,
body.dark .top-shop-card:hover,
body.dark .shop-directory-card:hover {
    border-color: #6d4aa0 !important;
}

/* ===============================
   USER SHOP PAGE DARK MODE
=============================== */

body.dark .user-shop-header,
body.dark .user-shop-stats > div,
body.dark .user-shop-inventory,
body.dark .user-shop-item,
body.dark .shop-empty-card {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

body.dark .user-shop-header h1,
body.dark .user-shop-item h3,
body.dark .user-shop-inventory h2,
body.dark .user-shop-stats strong {
    color: #ffffff !important;
}

body.dark .user-shop-description,
body.dark .user-shop-header p,
body.dark .user-shop-item-desc,
body.dark .user-shop-item-meta span,
body.dark .user-shop-stats span,
body.dark .shop-empty-card {
    color: #d9cffb !important;
}

body.dark .user-shop-item-meta strong {
    color: #ffffff !important;
}

body.dark .user-shop-item-image {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
}

body.dark .user-shop-stats > div:hover,
body.dark .user-shop-item:hover {
    border-color: #6d4aa0 !important;
}

/* ===============================
   INVENTORY TABS DARK MODE FIX
=============================== */

body.dark .inventory-tabs a,
body.dark .inventory-tab,
body.dark .inventory-toggle a {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #d9cffb !important;
}

body.dark .inventory-tabs a.active,
body.dark .inventory-tab.active,
body.dark .inventory-toggle a.active {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

body.dark .inventory-tabs a:hover,
body.dark .inventory-tab:hover,
body.dark .inventory-toggle a:hover {
    background: #312047 !important;
    color: #ffffff !important;
}

/* ===============================
   SETTINGS DECOR INVENTORY
=============================== */

body.dark .decor-card,
body.dark .settings-decor-card {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

body.dark .decor-card h3,
body.dark .settings-decor-card h3 {
    color: #ffffff !important;
}

body.dark .decor-card p,
body.dark .decor-card span,
body.dark .settings-decor-card p,
body.dark .settings-decor-card span {
    color: #d9cffb !important;
}

body.dark .decor-card img,
body.dark .settings-decor-card img {
    border-radius: 14px !important;
}

body.dark .decor-card:hover,
body.dark .settings-decor-card:hover {
    border-color: #6d4aa0 !important;
}

/* ===============================
   FORUM BACKGROUND CARDS
=============================== */

body.dark .forum-background-card,
body.dark .forum-avatar-card,
body.dark .forum-bg-option,
body.dark .forum-background-option,
body.dark .forum-settings-card {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

body.dark .forum-background-card h3,
body.dark .forum-avatar-card h3,
body.dark .forum-bg-option h3,
body.dark .forum-background-option h3,
body.dark .forum-settings-card h3 {
    color: #ffffff !important;
}

body.dark .forum-background-card p,
body.dark .forum-avatar-card p,
body.dark .forum-bg-option p,
body.dark .forum-background-option p,
body.dark .forum-settings-card p,
body.dark .forum-background-card span,
body.dark .forum-avatar-card span,
body.dark .forum-bg-option span,
body.dark .forum-background-option span {
    color: #d9cffb !important;
}

body.dark .forum-background-card:hover,
body.dark .forum-avatar-card:hover,
body.dark .forum-bg-option:hover,
body.dark .forum-background-option:hover {
    border-color: #6d4aa0 !important;
}

/* ===============================
   ADMIN DASHBOARD REAL FIX
=============================== */

body.dark .admin-panel-card,
body.dark .admin-log-card,
body.dark .admin-report-card,
body.dark .admin-mini-card,
body.dark .admin-empty-box,
body.dark .admin-note-box {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

body.dark .admin-stat-card,
body.dark .admin-quick-links a {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #d9cffb !important;
}

body.dark .admin-panel-card h1,
body.dark .admin-panel-card h2,
body.dark .admin-panel-card h3,
body.dark .admin-log-card h1,
body.dark .admin-log-card h2,
body.dark .admin-log-card h3,
body.dark .admin-report-card h1,
body.dark .admin-report-card h2,
body.dark .admin-report-card h3,
body.dark .admin-mini-card strong,
body.dark .admin-stat-card strong {
    color: #ffffff !important;
}

body.dark .admin-panel-card p,
body.dark .admin-log-card p,
body.dark .admin-report-card p,
body.dark .admin-mini-card p,
body.dark .admin-note-box li,
body.dark .admin-stat-card span,
body.dark .admin-stat-card small,
body.dark .admin-muted {
    color: #d9cffb !important;
}

body.dark .admin-quick-links a:hover,
body.dark .admin-stat-card:hover {
    background: #312047 !important;
    border-color: #6d4aa0 !important;
    color: #ffffff !important;
}

/* ===============================
   ADMIN STATUS PILLS
=============================== */

body.dark .admin-status-pill {
    background: #312047 !important;
    color: #efe5ff !important;
    border: 1px solid #4a326b !important;
}

body.dark .admin-status-pill.pending {
    background: rgba(255, 180, 80, 0.16) !important;
    color: #ffd27d !important;
    border-color: rgba(255, 180, 80, 0.35) !important;
}

body.dark .admin-status-pill.reviewed {
    background: rgba(120, 220, 160, 0.12) !important;
    color: #8ff0b0 !important;
    border-color: rgba(120, 220, 160, 0.28) !important;
}

body.dark .admin-status-pill.dismissed {
    background: rgba(255, 120, 120, 0.12) !important;
    color: #ff9a9a !important;
    border-color: rgba(255, 120, 120, 0.28) !important;
}

/* pending count pill */
body.dark .admin-count-pill {
    background: #312047 !important;
    color: #d9cffb !important;
    border: 1px solid #4a326b !important;
}

/* ===============================
   GALLERY PAGE DARK MODE
=============================== */

body.dark .gallery-hero,
body.dark .gallery-description,
body.dark .gallery-item-card,
body.dark .gallery-empty {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

body.dark .gallery-hero h1,
body.dark .gallery-item-card h3 {
    color: #ffffff !important;
}

body.dark .gallery-hero p,
body.dark .gallery-description,
body.dark .gallery-item-card p {
    color: #d9cffb !important;
}

/* tabs */
body.dark .gallery-tab-btn {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #d9cffb !important;
}

body.dark .gallery-tab-btn.active {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

body.dark .gallery-tab-btn:hover {
    background: #312047 !important;
    color: #ffffff !important;
}

/* cards */
body.dark .gallery-item-card:hover {
    border-color: #6d4aa0 !important;
}

body.dark .gallery-item-image-wrap {
    background: #241933 !important;
    border-bottom: 1px solid #3d2a59 !important;
}

body.dark .gallery-item-qty {
    background: #312047 !important;
    color: #ffffff !important;
    border: 1px solid #4a326b !important;
}

/* ===============================
   EDIT GALLERY BUTTON FIX
=============================== */

body.dark .edit-gallery-btn {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border: none !important;
}

body.dark .edit-gallery-btn:hover {
    filter: brightness(1.08);
    color: #ffffff !important;
}

/* ===============================
   MY SHOP PAGE DARK MODE
=============================== */

body.dark .my-shop-main-card,
body.dark .my-shop-upgrade-card,
body.dark .my-shop-inventory-panel,
body.dark .top-user-shops-panel,
body.dark .my-shop-open-card,
body.dark .my-shop-item-card,
body.dark .top-user-shop-row,
body.dark .shop-empty-card {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

/* stat boxes */
body.dark .my-shop-stat,
body.dark .my-shop-upgrade-row {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #d9cffb !important;
}

/* headings */
body.dark .my-shop-main-card h1,
body.dark .my-shop-main-card h2,
body.dark .my-shop-main-card h3,
body.dark .my-shop-upgrade-card h1,
body.dark .my-shop-upgrade-card h2,
body.dark .my-shop-upgrade-card h3,
body.dark .my-shop-item-card h3,
body.dark .top-user-shops-panel h2,
body.dark .top-shop-info strong {
    color: #ffffff !important;
}

/* text */
body.dark .my-shop-main-card p,
body.dark .my-shop-upgrade-card p,
body.dark .my-shop-item-desc,
body.dark .top-shop-info small,
body.dark .my-shop-stat span,
body.dark .my-shop-upgrade-row span,
body.dark .top-shop-meta span,
body.dark .shop-empty-card {
    color: #d9cffb !important;
}

/* strong/meta */
body.dark .my-shop-stat strong,
body.dark .my-shop-upgrade-row strong,
body.dark .my-shop-item-meta strong {
    color: #ffffff !important;
}

/* buttons */
body.dark .my-shop-secondary-btn {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #d9cffb !important;
}

body.dark .my-shop-secondary-btn:hover {
    background: #312047 !important;
    color: #ffffff !important;
}

/* hover */
body.dark .top-user-shop-row:hover,
body.dark .my-shop-item-card:hover {
    border-color: #6d4aa0 !important;
}

/* price input */
body.dark .my-shop-price-form input {
    background: #120c1d !important;
    border: 1px solid #4a326b !important;
    color: #ffffff !important;
}

/* ===============================
   MY SHOP BUTTON TEXT FIX
=============================== */

body.dark .my-shop-primary-btn {
    color: #ffffff !important;
}

body.dark .my-shop-primary-btn:hover {
    color: #ffffff !important;
}

/* ===============================
   TOP SHOP META PILLS
=============================== */

body.dark .top-shop-meta span {
    background: #312047 !important;
    border: 1px solid #4a326b !important;
    color: #efe5ff !important;
}

/* ===============================
   EVENTS PAGE REAL DARK MODE
=============================== */

body.dark .events-header,
body.dark .event-card-large,
body.dark .event-card-full,
body.dark .no-events-box {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

body.dark .events-header h1,
body.dark .event-card-large h1,
body.dark .event-card-large h2,
body.dark .event-card-large h3,
body.dark .event-card-full h1,
body.dark .event-card-full h2,
body.dark .event-card-full h3 {
    color: #ffffff !important;
}

body.dark .events-header p,
body.dark .event-card-large p,
body.dark .event-card-full p,
body.dark .event-description-preview,
body.dark .event-description,
body.dark .event-time {
    color: #d9cffb !important;
}

body.dark .event-card-date,
body.dark .event-card-date.large {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
}

body.dark .event-card-date h2,
body.dark .event-card-date span {
    color: #ffffff !important;
}

body.dark .event-status-badge,
body.dark .event-status-badge.ended,
body.dark .event-status-badge.upcoming,
body.dark .event-status-badge.live {
    background: #312047 !important;
    border: 1px solid #4a326b !important;
    color: #efe5ff !important;
}

body.dark .event-more-link,
body.dark .event-see-all-btn,
body.dark .manage-events-btn,
body.dark .back-to-events-btn {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border: none !important;
}

body.dark .event-delete-btn {
    background: #5d4fd6 !important;
    color: #ffffff !important;
}

/* ===============================
   EVENT TIME PILLS + EDITOR FIX
=============================== */

body.dark .event-time {
    background: #312047 !important;
    border: 1px solid #4a326b !important;
    color: #efe5ff !important;
}

body.dark .event-time strong,
body.dark .event-time span {
    color: #efe5ff !important;
}

/* admin event rich text editor */
body.dark .event-description-editor {
    background: #120c1d !important;
    border: 1px solid #4a326b !important;
    color: #ffffff !important;
}

body.dark .event-description-editor:focus {
    outline: none !important;
    border-color: #a66cff !important;
    box-shadow: 0 0 0 2px rgba(166,108,255,0.22) !important;
}

/* toolbar buttons */
body.dark .event-editor-toolbar button {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border: none !important;
}

/* ===============================
   LATEST NEWS DARK MODE
=============================== */

body.dark .news-card,
body.dark .featured-news-card,
body.dark .news-admin-panel,
body.dark .empty-news,
body.dark .news-poll-box {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

/* headings */
body.dark .news-card h1,
body.dark .news-card h2,
body.dark .featured-news-card h2,
body.dark .news-admin-panel h2,
body.dark .news-poll-box h3 {
    color: #ffffff !important;
}

/* text */
body.dark .news-body,
body.dark .news-meta,
body.dark .featured-news-card p,
body.dark .empty-news p,
body.dark .news-poll-total,
body.dark .news-poll-result small {
    color: #d9cffb !important;
}

/* category label */
body.dark .news-category,
body.dark .featured-label {
    color: #bda5ff !important;
}

/* form inputs */
body.dark .news-form input,
body.dark .news-form textarea,
body.dark .news-form select {
    background: #120c1d !important;
    border: 1px solid #4a326b !important;
    color: #ffffff !important;
}

/* poll results */
body.dark .news-poll-result {
    background: #241933 !important;
    border: 1px solid #3d2a59 !important;
}

body.dark .news-poll-bar {
    background: #140d22 !important;
}

body.dark .news-poll-bar div {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
}

/* buttons */
body.dark .open-news-form-btn,
body.dark .news-form button,
body.dark .news-delete-form button {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border: none !important;
}

/* hover */
body.dark .news-card:hover,
body.dark .featured-news-card:hover {
    border-color: #6d4aa0 !important;
}

/* ===============================
   NEWS FORM EXTRA FIXES
=============================== */

body.dark .news-checkbox,
body.dark .news-upload {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #d9cffb !important;
}

/* file input */
body.dark input[type="file"] {
    color: #d9cffb !important;
}

/* dropdown specifically */
body.dark .news-upload select {
    background: #120c1d !important;
    border: 1px solid #4a326b !important;
    color: #ffffff !important;
}

/* checkbox */
body.dark .news-checkbox input[type="checkbox"] {
    accent-color: #8f68ff;
}

/* ===============================
   FORUM THREAD DARK MODE
=============================== */

body.dark .forum-post-card,
body.dark .forum-post-main,
body.dark .reply-box,
body.dark .forum-blocked-post {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

/* user side card */
body.dark .forum-user-card {
    border-right: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
}

/* stats boxes */
body.dark .forum-user-stats div {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #d9cffb !important;
}

/* headings/text */
body.dark .forum-post-username,
body.dark .thread-title-bar h1,
body.dark .reply-box h2 {
    color: #ffffff !important;
}

body.dark .thread-title-meta,
body.dark .forum-post-date,
body.dark .forum-user-title,
body.dark .forum-post-body,
body.dark .forum-like-count,
body.dark .forum-user-stats span {
    color: #d9cffb !important;
}

/* post tools */
body.dark .forum-post-tool {
    color: #bda5ff !important;
}

body.dark .forum-post-tool.danger {
    color: #ff9a9a !important;
}

/* textarea */
body.dark .forum-form textarea {
    background: #120c1d !important;
    border: 1px solid #4a326b !important;
    color: #ffffff !important;
}

/* emoji picker */
body.dark .emoji-picker {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
}

/* like button */
body.dark .forum-like-btn,
body.dark .forum-button,
body.dark .mod-tool-btn {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border: none !important;
}

/* ===============================
   FORUM USER CARD POLISH
=============================== */

body.dark .forum-user-card {
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    overflow: hidden;
}

/* dark overlay */
body.dark .forum-user-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            to bottom,
            rgba(18, 12, 28, 0.52),
            rgba(18, 12, 28, 0.78)
        );
    z-index: 0;
}

/* keep content above overlay */
body.dark .forum-user-card > * {
    position: relative;
    z-index: 1;
}

/* cleaner stat cards */
body.dark .forum-user-stats div {
    background: rgba(25, 17, 38, 0.92) !important;
    backdrop-filter: blur(4px);
}

/* soften badges */
body.dark .forum-user-badge {
    background: rgba(138, 101, 255, 0.22) !important;
    border: 1px solid rgba(170, 130, 255, 0.28) !important;
    color: #d8c6ff !important;
}

/* original post badge */
body.dark .forum-user-badge.original {
    background: rgba(90, 170, 255, 0.18) !important;
    border-color: rgba(120, 190, 255, 0.24) !important;
    color: #a9d6ff !important;
}

/* mini buttons */
body.dark .forum-mini-action {
    background: #6f6bff !important;
    color: #ffffff !important;
    border: none !important;
}

/* ===============================
   NOTIFICATION DROPDOWN DARK MODE
=============================== */

body.dark .notif-item,
body.dark .notification-item,
body.dark .notif-card {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
}

body.dark .notif-item:hover,
body.dark .notification-item:hover,
body.dark .notif-card:hover {
    background: #241933 !important;
    border-color: #6d4aa0 !important;
}

/* usernames + text */
body.dark .notif-item strong,
body.dark .notification-item strong,
body.dark .notif-card strong {
    color: #ffffff !important;
}

body.dark .notif-item p,
body.dark .notification-item p,
body.dark .notif-card p,
body.dark .notif-item span,
body.dark .notification-item span,
body.dark .notif-card span {
    color: #d9cffb !important;
}

/* date */
body.dark .notif-time,
body.dark .notification-time {
    color: #9f8cc9 !important;
}

/* avatar */
body.dark .notif-avatar img,
body.dark .notification-avatar img {
    border: 1px solid #4a326b !important;
}

/* ===============================
   NOTIFICATION TEXT FIX
=============================== */

body.dark .notif-item,
body.dark .notification-item,
body.dark .notif-card {
    color: #eee8ff !important;
}

body.dark .notif-item a,
body.dark .notification-item a,
body.dark .notif-card a,
body.dark .notif-item .notif-text,
body.dark .notification-item .notif-text {
    color: #eee8ff !important;
}

/* usernames */
body.dark .notif-item strong,
body.dark .notification-item strong,
body.dark .notif-card strong {
    color: #ffffff !important;
}

/* ===============================
   FRIEND PAGE TITLES
=============================== */

body.dark .friend-section-title {
    color: #ffffff !important;
}

/* ===============================
   GROUPS FINAL DARKMODE FIXES
=============================== */

/* pills */
body.dark .group-role-pill,
body.dark .group-role-locked,
body.dark .group-full-badge,
body.dark .group-locked-note {
    background: #312047 !important;
    border: 1px solid #4a326b !important;
    color: #efe5ff !important;
}

/* group feed post text */
body.dark .group-feed-post-body,
body.dark .group-feed-post-body p,
body.dark .group-feed-meta span,
body.dark .groups-muted,
body.dark .groups-section-subtext {
    color: #d9cffb !important;
}

/* manage member cards */
body.dark .group-member-manage-card {
    background: #241933 !important;
    border: 1px solid #3d2a59 !important;
}

/* manage member text */
body.dark .group-member-manage-meta strong,
body.dark .group-member-manage-meta span {
    color: #ffffff !important;
}

/* leader locked pill */
body.dark .group-role-locked {
    color: #ffffff !important;
}

/* form labels */
body.dark .group-form-field label {
    color: #d9cffb !important;
}

/* summary cards */
body.dark .group-manage-summary-card {
    background: #241933 !important;
    border: 1px solid #3d2a59 !important;
}

body.dark .group-manage-summary-card strong,
body.dark .group-manage-summary-label {
    color: #ffffff !important;
}

/* dropdown menu */
body.dark .group-actions-dropdown {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
}

body.dark .group-actions-dropdown button {
    color: #ffffff !important;
}

/* manage group buttons */
body.dark .group-secondary-btn,
body.dark .group-delete-btn,
body.dark .group-view-btn,
body.dark .group-join-btn,
body.dark .create-group-btn {
    color: #ffffff !important;
}

/* special fix for pale manage pills */
body.dark .group-secondary-btn {
    background: #312047 !important;
    border: 1px solid #4a326b !important;
}

/* ===============================
   CARTOGRAPHER DARK MODE
=============================== */

body.dark .cartographer-intro-card,
body.dark .cartographer-map-card,
body.dark .cartographer-panel,
body.dark .unlocked-map {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    color: #eee8ff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35) !important;
}

/* dialogue bubble */
body.dark .cartographer-dialogue {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #d9cffb !important;
}

/* headings */
body.dark .cartographer-title,
body.dark .cartographer-map-card h2,
body.dark .cartographer-dialogue-title {
    color: #ffffff !important;
}

/* text */
body.dark .cartographer-subtitle,
body.dark .cartographer-map-description,
body.dark .cartographer-dialogue p,
body.dark .cartographer-progress {
    color: #d9cffb !important;
}

/* map pieces */
body.dark .cartographer-piece {
    background: #241933 !important;
    border: 1px solid #4a326b !important;
    color: #eee8ff !important;
}

body.dark .cartographer-piece.owned {
    border-color: #6d4aa0 !important;
}

body.dark .cartographer-piece.missing {
    opacity: 0.72;
}

/* progress */
body.dark .cartographer-progress {
    color: #bda5ff !important;
}

/* buttons */
body.dark .cartographer-btn {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border: none !important;
}

/* success unlocked */
body.dark .cartographer-status.unlocked {
    background: rgba(70, 140, 90, 0.18) !important;
    border: 1px solid rgba(90, 180, 120, 0.28) !important;
    color: #b9ffd0 !important;
}

/* ===============================
   MODAL / POPUP DARK MODE
=============================== */

body.dark .modal-content,
body.dark .popup-content,
body.dark .custom-modal,
body.dark .confirm-modal,
body.dark .dialog-box {
    background: #1a1226 !important;
    border: 1px solid #4a326b !important;
    color: #eee8ff !important;
    box-shadow: 0 14px 40px rgba(0,0,0,0.45) !important;
}

/* modal text */
body.dark .modal-content h1,
body.dark .modal-content h2,
body.dark .modal-content h3,
body.dark .popup-content h1,
body.dark .popup-content h2,
body.dark .popup-content h3 {
    color: #ffffff !important;
}

body.dark .modal-content p,
body.dark .popup-content p,
body.dark .modal-content span,
body.dark .popup-content span {
    color: #d9cffb !important;
}

/* buttons */
body.dark .modal-content button,
body.dark .popup-content button,
body.dark .modal-btn,
body.dark .confirm-btn {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
    border: none !important;
}

/* overlay */
body.dark .modal-overlay,
body.dark .popup-overlay {
    background: rgba(0,0,0,0.72) !important;
}

/* ===============================
   PREMIUM BADGE DARK MODE
=============================== */

body.dark .premium-badge,
body.dark .user-premium-badge,
body.dark .premium-pill {
    background: linear-gradient(
        135deg,
        #8d63ff,
        #c18cff
    ) !important;

    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,0.12) !important;

    box-shadow:
        0 0 12px rgba(170,120,255,0.28);
}

/* icon/star inside */
body.dark .premium-badge i,
body.dark .premium-pill i,
body.dark .premium-badge svg {
    color: #ffffff !important;
}

/* ===============================
   FORUM DELETE BUTTON FINAL FIX
=============================== */

body.dark .forum-post-tools form {
    display: inline-block;
    margin: 0;
}

body.dark .forum-post-tool.danger {
    background: rgba(255, 90, 90, 0.14) !important;
    border: 1px solid rgba(255, 120, 120, 0.28) !important;
    color: #ffb3b3 !important;

    padding: 4px 10px !important;
    border-radius: 999px !important;

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;
    transition: 0.2s ease;
}

body.dark .forum-post-tool.danger:hover {
    background: rgba(255, 90, 90, 0.24) !important;
    color: #ffd1d1 !important;
}

/* ===============================
   FEED POST MENU DARK MODE
=============================== */

body.dark .post-menu-dropdown {
    background: #1a1226 !important;
    border: 1px solid #3d2a59 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.42) !important;
}

/* all menu items */
body.dark .post-menu-item,
body.dark .post-menu-dropdown a,
body.dark .post-menu-dropdown button {
    background: transparent !important;
    color: #eee8ff !important;
    border: none !important;

    border-radius: 10px;
    transition: 0.18s ease;
}

/* hover */
body.dark .post-menu-item:hover,
body.dark .post-menu-dropdown a:hover,
body.dark .post-menu-dropdown button:hover {
    background: #2a1d3d !important;
    color: #ffffff !important;
}

/* copy link button */
body.dark .post-menu-item:first-child {
    background: linear-gradient(135deg, #9a6cff, #5d8dff) !important;
    color: #ffffff !important;
}

/* danger buttons */
body.dark .post-menu-item.danger {
    background: rgba(255, 90, 90, 0.14) !important;
    color: #ffb3b3 !important;
    border: 1px solid rgba(255, 120, 120, 0.22) !important;
}

body.dark .post-menu-item.danger:hover {
    background: rgba(255, 90, 90, 0.24) !important;
    color: #ffd2d2 !important;
}