/* Dark Mode Styles - Compatible with Theme Dark Mode */

/* Support for theme dark mode classes */
body.dark-mode .scp-activity-item,
body.dark .scp-activity-item,
html.dark-mode .scp-activity-item,
html.dark .scp-activity-item,
body[data-theme="dark"] .scp-activity-item,
html[data-theme="dark"] .scp-activity-item,
body.scp-dark-mode .scp-activity-item,
html.scp-dark-mode .scp-activity-item,
body.dark-mode .scp-activity-form,
body.dark .scp-activity-form,
html.dark-mode .scp-activity-form,
html.dark .scp-activity-form,
body[data-theme="dark"] .scp-activity-form,
html[data-theme="dark"] .scp-activity-form,
body.scp-dark-mode .scp-activity-form,
html.scp-dark-mode .scp-activity-form {
    background: rgba(42, 42, 42, 0.95);
    border-color: rgba(64, 64, 64, 0.7);
    color: #e0e0e0;
}

body.dark-mode .author-name,
body.dark .author-name,
html.dark-mode .author-name,
html.dark .author-name,
body[data-theme="dark"] .author-name,
html[data-theme="dark"] .author-name,
body.scp-dark-mode .author-name,
html.scp-dark-mode .author-name {
    color: #e0e0e0;
}

body.dark-mode .activity-time,
body.dark .activity-time,
html.dark-mode .activity-time,
html.dark .activity-time,
body[data-theme="dark"] .activity-time,
html[data-theme="dark"] .activity-time,
body.scp-dark-mode .activity-time,
html.scp-dark-mode .activity-time,
body.dark-mode .activity-stats,
body.dark .activity-stats,
html.dark-mode .activity-stats,
html.dark .activity-stats,
body[data-theme="dark"] .activity-stats,
html[data-theme="dark"] .activity-stats,
body.scp-dark-mode .activity-stats,
html.scp-dark-mode .activity-stats {
    color: #a0a0a0;
}

body.dark-mode .filter-btn,
body.dark .filter-btn,
html.dark-mode .filter-btn,
html.dark .filter-btn,
body[data-theme="dark"] .filter-btn,
html[data-theme="dark"] .filter-btn,
body.scp-dark-mode .filter-btn,
html.scp-dark-mode .filter-btn {
    background: rgba(42, 42, 42, 0.95);
    border-color: rgba(64, 64, 64, 0.7);
    color: #e0e0e0;
}

body.dark-mode .filter-btn:hover,
body.dark .filter-btn:hover,
html.dark-mode .filter-btn:hover,
html.dark .filter-btn:hover,
body[data-theme="dark"] .filter-btn:hover,
html[data-theme="dark"] .filter-btn:hover,
body.scp-dark-mode .filter-btn:hover,
html.scp-dark-mode .filter-btn:hover,
body.dark-mode .filter-btn.active,
body.dark .filter-btn.active,
html.dark-mode .filter-btn.active,
html.dark .filter-btn.active,
body[data-theme="dark"] .filter-btn.active,
html[data-theme="dark"] .filter-btn.active,
body.scp-dark-mode .filter-btn.active,
html.scp-dark-mode .filter-btn.active {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

body.dark-mode textarea,
body.dark textarea,
html.dark-mode textarea,
html.dark textarea,
body[data-theme="dark"] textarea,
html[data-theme="dark"] textarea,
body.scp-dark-mode textarea,
html.scp-dark-mode textarea,
body.dark-mode select,
body.dark select,
html.dark-mode select,
html.dark select,
body[data-theme="dark"] select,
html[data-theme="dark"] select,
body.scp-dark-mode select,
html.scp-dark-mode select,
body.dark-mode input,
body.dark input,
html.dark-mode input,
html.dark input,
body[data-theme="dark"] input,
html[data-theme="dark"] input,
body.scp-dark-mode input,
html.scp-dark-mode input {
    background: rgba(42, 42, 42, 0.95);
    border-color: rgba(64, 64, 64, 0.7);
    color: #e0e0e0;
}

/* Global Dark Mode Container Rules - Ensure all containers have dark backgrounds and white text */
body.scp-dark-mode-active .scp-activity-item,
body.scp-dark-mode-active .scp-activity-form,
body.scp-dark-mode-active .scp-user-card,
body.scp-dark-mode-active .scp-group-card,
body.scp-dark-mode-active .scp-member-card,
body.scp-dark-mode-active .scp-profile-overview,
body.scp-dark-mode-active .scp-profile-tabs,
body.scp-dark-mode-active .scp-profile-tab-panel,
body.scp-dark-mode-active .scp-grid,
body.scp-dark-mode-active .scp-listings-grid,
body.scp-dark-mode-active .scp-listings-wrapper,
body.scp-dark-mode-active .scp-marketplace-listings-grid,
body.scp-dark-mode-active .scp-marketplace-listing-grid,
body.scp-dark-mode-active .scp-profile-groups-grid,
body.scp-dark-mode-active .scp-profile-pages-grid,
body.scp-dark-mode-active .scp-profile-communities-grid,
body.scp-dark-mode-active .scp-profile-events-grid,
body.scp-dark-mode-active .scp-media-gallery,
body.scp-dark-mode-active .scp-gallery-grid,
body.scp-dark-mode-active .scp-container,
body.scp-dark-mode-active .scp-card,
body.scp-dark-mode-active .scp-box,
body.scp-dark-mode-active .scp-panel,
body.scp-dark-mode-active .scp-widget,
html.scp-dark-mode-active .scp-activity-item,
html.scp-dark-mode-active .scp-activity-form,
html.scp-dark-mode-active .scp-user-card,
html.scp-dark-mode-active .scp-group-card,
html.scp-dark-mode-active .scp-member-card,
html.scp-dark-mode-active .scp-profile-overview,
html.scp-dark-mode-active .scp-profile-tabs,
html.scp-dark-mode-active .scp-profile-tab-panel,
html.scp-dark-mode-active .scp-grid,
html.scp-dark-mode-active .scp-listings-grid,
html.scp-dark-mode-active .scp-listings-wrapper,
html.scp-dark-mode-active .scp-marketplace-listings-grid,
html.scp-dark-mode-active .scp-marketplace-listing-grid,
html.scp-dark-mode-active .scp-profile-groups-grid,
html.scp-dark-mode-active .scp-profile-pages-grid,
html.scp-dark-mode-active .scp-profile-communities-grid,
html.scp-dark-mode-active .scp-profile-events-grid,
html.scp-dark-mode-active .scp-media-gallery,
html.scp-dark-mode-active .scp-gallery-grid,
html.scp-dark-mode-active .scp-container,
html.scp-dark-mode-active .scp-card,
html.scp-dark-mode-active .scp-box,
html.scp-dark-mode-active .scp-panel,
html.scp-dark-mode-active .scp-widget,
body.dark-mode .scp-activity-item,
body.dark-mode .scp-activity-form,
body.dark-mode .scp-user-card,
body.dark-mode .scp-group-card,
body.dark-mode .scp-member-card,
body.dark-mode .scp-profile-overview,
body.dark-mode .scp-profile-tabs,
body.dark-mode .scp-profile-tab-panel,
body.dark-mode .scp-grid,
body.dark-mode .scp-listings-grid,
body.dark-mode .scp-listings-wrapper,
body.dark-mode .scp-marketplace-listings-grid,
body.dark-mode .scp-marketplace-listing-grid,
body.dark-mode .scp-profile-groups-grid,
body.dark-mode .scp-profile-pages-grid,
body.dark-mode .scp-profile-communities-grid,
body.dark-mode .scp-profile-events-grid,
body.dark-mode .scp-media-gallery,
body.dark-mode .scp-gallery-grid,
body.dark-mode .scp-container,
body.dark-mode .scp-card,
body.dark-mode .scp-box,
body.dark-mode .scp-panel,
body.dark-mode .scp-widget,
html.dark-mode .scp-activity-item,
html.dark-mode .scp-activity-form,
html.dark-mode .scp-user-card,
html.dark-mode .scp-group-card,
html.dark-mode .scp-member-card,
html.dark-mode .scp-profile-overview,
html.dark-mode .scp-profile-tabs,
html.dark-mode .scp-profile-tab-panel,
html.dark-mode .scp-grid,
html.dark-mode .scp-listings-grid,
html.dark-mode .scp-listings-wrapper,
html.dark-mode .scp-marketplace-listings-grid,
html.dark-mode .scp-marketplace-listing-grid,
html.dark-mode .scp-profile-groups-grid,
html.dark-mode .scp-profile-pages-grid,
html.dark-mode .scp-profile-communities-grid,
html.dark-mode .scp-profile-events-grid,
html.dark-mode .scp-media-gallery,
html.dark-mode .scp-gallery-grid,
html.dark-mode .scp-container,
html.dark-mode .scp-card,
html.dark-mode .scp-box,
html.dark-mode .scp-panel,
html.dark-mode .scp-widget {
    background: #18191a !important;
    color: #ffffff !important;
}