/* Dark Mode Styles */

body.dark-mode .page {
    background: var(--bg-color);
    color: var(--text-color);
}

/* Navigation */
body.dark-mode .unqbd-topnav-sticky {
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
}

body.dark-mode .unqbd-topnav-container {
    background: var(--nav-bg);
}

body.dark-mode .topnav-search {
    background: var(--input-bg);
    border: 1px solid var(--border-color);
}

body.dark-mode .topnav-search-input {
    color: var(--text-color);
}

body.dark-mode .topnav-search-icon {
    color: var(--text-color);
}

/* Cards and containers */
body.dark-mode .rz-card,
body.dark-mode .card {
    background: var(--card-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}

/* Forms and inputs */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .form-control,
body.dark-mode .rz-textbox,
body.dark-mode .rz-dropdown {
    background: var(--input-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #888;
}

/* Buttons - keep primary colors vibrant */
body.dark-mode .btn-light,
body.dark-mode .rz-button-light {
    background: var(--card-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}

/* Radzen components */
body.dark-mode .rz-dialog,
body.dark-mode .rz-dropdown-panel,
body.dark-mode .rz-datatable,
body.dark-mode .rz-panel {
    background: var(--card-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}

body.dark-mode .rz-datatable-header,
body.dark-mode .rz-datatable-footer {
    background: var(--nav-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}

body.dark-mode .rz-datatable-data tr:hover {
    background: rgba(255, 255, 255, 0.05);
}

/* Progress bars */
body.dark-mode .progress-bar-bg {
    background: var(--border-color);
}

body.dark-mode .progress-steps span {
    background: var(--card-bg);
    border: 2px solid var(--border-color);
}

/* Modals and overlays */
body.dark-mode .modal-content {
    background: var(--card-bg);
    color: var(--text-color);
}

body.dark-mode .modal-header {
    border-bottom-color: var(--border-color);
}

body.dark-mode .modal-footer {
    border-top-color: var(--border-color);
}

/* Lists and tables */
body.dark-mode .list-group-item {
    background: var(--card-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}

body.dark-mode table {
    color: var(--text-color);
}

body.dark-mode th,
body.dark-mode td {
    border-color: var(--border-color);
}

/* Alerts */
body.dark-mode .alert {
    background: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-color);
}

/* Dropdowns */
body.dark-mode .dropdown-menu {
    background: var(--card-bg);
    border-color: var(--border-color);
}

body.dark-mode .dropdown-item {
    color: var(--text-color);
}

body.dark-mode .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* Tooltips */
body.dark-mode .tooltip-inner {
    background: var(--card-bg);
    color: var(--text-color);
    border: 1px solid var(--border-color);
}

/* Hero and featured sections */
body.dark-mode .hero-bg {
    background: var(--bg-color);
}

/* Footer */
body.dark-mode footer {
    background: var(--nav-bg);
    color: var(--text-color);
    border-top: 1px solid var(--border-color);
}

/* Code blocks */
body.dark-mode pre,
body.dark-mode code {
    background: var(--card-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}

/* Dividers */
body.dark-mode hr {
    border-color: var(--border-color);
}

/* Text colors */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: var(--text-color);
}

body.dark-mode p,
body.dark-mode span,
body.dark-mode div {
    color: inherit;
}

/* Links - keep primary color visible in dark mode */
body.dark-mode a:not(.btn) {
    color: var(--primary-color);
}

body.dark-mode a:not(.btn):hover {
    color: var(--secondary-color);
}

/* Scrollbar styling for dark mode */
body.dark-mode ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: var(--bg-color);
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 6px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Radzen Profile Menu */
body.dark-mode .rz-profile-menu {
    background: var(--card-bg);
    color: var(--text-color);
}

body.dark-mode .rz-profile-menu-item:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* Ensure icons inherit color */
body.dark-mode .rz-icon,
body.dark-mode .material-icons {
    color: inherit;
}

/* Badge components */
body.dark-mode .rz-badge {
    border-color: var(--border-color);
}

/* Book cards and content cards */
body.dark-mode .book-card,
body.dark-mode .post-card,
body.dark-mode .discovery-card {
    background: var(--card-bg);
    border-color: var(--border-color);
}

/* Ensure proper contrast for disabled elements */
body.dark-mode button:disabled,
body.dark-mode input:disabled {
    opacity: 0.5;
}

/* Loading spinner */
body.dark-mode .loading-progress circle {
    stroke: var(--border-color);
}

/* Error UI */
body.dark-mode #blazor-error-ui {
    background: #8b0000;
    color: white;
}

/* Auth error container */
body.dark-mode .auth-error-container .auth-error-message {
    background: var(--card-bg);
    color: var(--text-color);
}

/* Featured Carousel - Index Page */
body.dark-mode .featured-hero-content {
    background: var(--card-bg) !important;
    color: var(--text-color);
}

body.dark-mode .featured-title {
    color: var(--primary-color) !important;
}

body.dark-mode .featured-author {
    color: var(--text-color) !important;
    opacity: 0.8;
}

body.dark-mode .featured-description {
    color: var(--text-color) !important;
    opacity: 0.9;
}

body.dark-mode .featured-cta {
    background: var(--primary-color) !important;
    color: white !important;
}

body.dark-mode .featured-cta span {
    color: white !important;
}

body.dark-mode .featured-cta:hover {
    background: var(--secondary-color) !important;
    color: white !important;
}

body.dark-mode .featured-cta:hover span {
    color: white !important;
}

/* Free Tier Book Display */
body.dark-mode .featured-book-title,
body.dark-mode .book-title,
body.dark-mode .card-title {
    color: var(--text-color) !important;
}

body.dark-mode .featured-book-author,
body.dark-mode .book-author,
body.dark-mode .card-subtitle {
    color: var(--text-color) !important;
    opacity: 0.8;
}

body.dark-mode .single-featured-book .featured-book-info {
    color: var(--text-color);
}

/* Target RadzenText components directly */
body.dark-mode .featured-book-title.rz-text,
body.dark-mode .featured-book-author.rz-text {
    color: var(--text-color) !important;
}

body.dark-mode .rz-text-h3,
body.dark-mode .rz-text-h6 {
    color: var(--text-color) !important;
}

/* Free Tier Book Display - Use darker card backgrounds instead of changing text */
body.dark-mode .free-rail .rz-card {
    background: rgba(45, 45, 45, 0.95) !important;
}

/* Only change specific dark text that's hard to read on dark background */
body.dark-mode .free-rail .rz-text[style*="color:#2c3e50"],
body.dark-mode .free-rail .rz-text[style*="color: #2c3e50"],
body.dark-mode .free-rail .rz-text[style*="color:#6c757d"],
body.dark-mode .free-rail .rz-text[style*="color: #6c757d"] {
    color: var(--text-color) !important;
}

/* Keep book titles and authors with specific targeting */
body.dark-mode .free-rail .featured-book-title,
body.dark-mode .free-rail .featured-book-author {
    color: var(--text-color) !important;
}

/* FAQ Section - Accordion */
body.dark-mode .rz-accordion {
    background: var(--card-bg);
}

body.dark-mode .rz-accordion-item {
    background: var(--card-bg);
    border-color: var(--border-color);
}

body.dark-mode .rz-accordion-header {
    background: var(--card-bg) !important;
    color: var(--text-color) !important;
}

body.dark-mode .rz-accordion-header .rz-accordion-header-title {
    color: var(--text-color) !important;
}

/* Target all children of accordion header */
body.dark-mode .rz-accordion-header span,
body.dark-mode .rz-accordion-header div,
body.dark-mode .rz-accordion-toggle {
    color: var(--text-color) !important;
}

body.dark-mode .rz-accordion-header:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode .rz-accordion-content {
    background: var(--card-bg) !important;
    color: var(--text-color) !important;
    opacity: 0.9;
}

body.dark-mode .faq-card .rz-text {
    color: var(--text-color) !important;
}

body.dark-mode .faq-card .rz-text[style*="color: #00b4ff"],
body.dark-mode .faq-card .rz-text[style*="color:#00b4ff"] {
    color: var(--text-color) !important;
}

/* FAQ Section - Override Radzen blue color in all possible elements */
body.dark-mode .rz-accordion-item-header-text,
body.dark-mode .faq-section .rz-accordion button,
body.dark-mode .faq-section .rz-accordion [role="button"] {
    color: var(--text-color) !important;
}

/* Override Radzen's default blue text in accordion */
body.dark-mode .rz-accordion-item-text,
body.dark-mode .rz-accordion-toggle,
body.dark-mode .rz-accordion-item span {
    color: var(--text-color) !important;
}

/* Target the specific FAQ section */
body.dark-mode .faq-section .rz-accordion-item {
    color: var(--text-color) !important;
}

body.dark-mode .faq-section .rz-accordion-item * {
    color: inherit !important;
}

/* More specific accordion targeting */
body.dark-mode .rz-accordion-toggle-icon,
body.dark-mode .rz-accordion button,
body.dark-mode .rz-accordion-header button,
body.dark-mode .rz-accordion-header-content {
    color: var(--text-color) !important;
}

/* Override any Radzen primary color in accordions */
body.dark-mode .rz-accordion [class*="rz-primary"],
body.dark-mode .rz-accordion [class*="rz-text"] {
    color: var(--text-color) !important;
}

/* AGGRESSIVE: Force all accordion item text to be visible */
body.dark-mode .faq-section .rz-accordion-item {
    color: var(--text-color) !important;
}

/* Remove universal selector that was changing blue FAQ title */
body.dark-mode .rz-accordion-header {
    color: var(--text-color) !important;
}

body.dark-mode .rz-accordion-content {
    color: var(--text-color) !important;
}

/* Index page specific sections - but don't override blue titles */
body.dark-mode .page-intro h1,
body.dark-mode .page-intro .hero-title {
    color: var(--primary-color) !important;
}

body.dark-mode .page-intro .hero-subtitle {
    color: var(--text-color) !important;
    opacity: 0.9;
}

/* Remove overrides that were changing testimonials and FAQ headers */
/* Let them keep their original brand colors */

/* Testimonials */
body.dark-mode .testimonials-card {
    background: var(--card-bg);
}

body.dark-mode .testimonial-quote {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
}

body.dark-mode .testimonial-quote .rz-text {
    color: var(--text-color) !important;
}

/* Free This Week section card - use existing card background */
/* Book titles/authors only when they have dark inline colors */

/* Ensure all h2, h3, h4 in cards maintain readability */
body.dark-mode .rz-card h2,
body.dark-mode .rz-card h3,
body.dark-mode .rz-card h4 {
    color: var(--text-color);
}

/* Book category badges */
body.dark-mode .rz-badge-light {
    background: var(--border-color) !important;
    color: var(--text-color) !important;
}

/* ==============================================
   ADMIN, AUTHOR, AND MEMBER DARK MODE STYLES
   ============================================== */

/* Admin Dashboard - Hero Cards */
body.dark-mode section[style*="min-height:100vh"] .rz-card[style*="background:rgba(255,255,255,0.98)"],
body.dark-mode section[style*="min-height:100vh"] .rz-card[style*="background:rgba(255,255,255,0.97)"] {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

/* Admin Dashboard - Section Titles */
body.dark-mode section .rz-text[style*="color:#00b4ff"] {
    color: #60a5fa !important;
}

/* Admin Dashboard - Card Hover Effects */
body.dark-mode .admin-card-hover {
    background: var(--card-bg, #2d2d2d) !important;
    border-color: var(--border-color, #404040) !important;
}

body.dark-mode .admin-card-hover:hover {
    border-color: #60a5fa !important;
    box-shadow: 0 4px 20px rgba(96, 165, 250, 0.25) !important;
}

/* Admin Dashboard - Icons and Subtitles */
body.dark-mode .admin-card-hover .rz-icon[style*="color:#00b4ff"] {
    color: #60a5fa !important;
}

body.dark-mode .admin-card-hover .rz-text[style*="color:#666"] {
    color: #9ca3af !important;
}

/* Admin Dashboard - Badge Notifications */
body.dark-mode .admin-card-hover span[style*="background:#d32f2f"] {
    background: #ef4444 !important;
}

/* Author Stats - Tab Toggle */
body.dark-mode .unqbd-tab-toggle {
  background: rgba(30, 30, 30, 0.6) !important;
  border: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .unqbd-tab-toggle-btn {
    color: #9ca3af !important;
    background: transparent !important;
}

body.dark-mode .unqbd-tab-toggle-btn:hover {
    background: transparent !important;
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .unqbd-tab-toggle-btn.active {
    background: transparent !important;
    color: var(--primary-color) !important;
    box-shadow: none !important;
}

body.dark-mode .unqbd-tab-toggle-btn.active:hover {
    background: transparent !important;
}

/* Member Discover Page - Main Card */
body.dark-mode .main-card {
    background: var(--card-bg, #2d2d2d) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

/* Member Discover - Category Sections */
body.dark-mode .categories-title,
body.dark-mode .explore-categories-title,
body.dark-mode .trending-title,
body.dark-mode .audiobooks-title {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .category-row {
    background: rgba(45, 45, 45, 0.5) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .enhanced-category {
    background: rgba(45, 45, 45, 0.5) !important;
}

body.dark-mode .category-title {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .category-link {
    color: #60a5fa !important;
}

body.dark-mode .category-link:hover {
    color: #93c5fd !important;
}

/* Category Empty State */
body.dark-mode .empty-category {
    color: #9ca3af !important;
}

body.dark-mode .empty-category-icon .rz-icon {
    color: #6b7280 !important;
}

/* Audiobooks Section Dark Mode */
body.dark-mode .audiobooks-row {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .audiobooks-row:hover {
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.6) !important;
}

body.dark-mode .audiobooks-header-bar {
    border-bottom: 2px solid var(--border-color, #404040) !important;
}

body.dark-mode .audiobooks-section-title {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .audiobooks-link {
    color: #60a5fa !important;
}

body.dark-mode .audiobooks-link:hover {
    background: rgba(96, 165, 250, 0.15) !important;
    border-color: rgba(96, 165, 250, 0.3) !important;
}

/* Upgrade CTA Section */
body.dark-mode div[style*="background:rgba(0,123,255,0.05)"] {
    background: rgba(96, 165, 250, 0.1) !important;
    border: 1px solid rgba(96, 165, 250, 0.2) !important;
}

body.dark-mode div[style*="background:rgba(0,123,255,0.05)"] .rz-icon[style*="color:#007bff"] {
    color: #60a5fa !important;
}

body.dark-mode div[style*="background:rgba(0,123,255,0.05)"] .rz-text[style*="color:#2c3e50"] {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode div[style*="background:rgba(0,123,255,0.05)"] .rz-text[style*="color:#6c757d"] {
    color: #9ca3af !important;
}

/* Access Denied / Error States */
body.dark-mode section .rz-card .rz-icon[style*="color:#dc3545"],
body.dark-mode section .rz-card .rz-icon[style*="color:#ff4444"] {
    color: #ef4444 !important;
}

body.dark-mode section .rz-card .rz-text[style*="color:#555"] {
    color: #9ca3af !important;
}

/* Generic Admin/Author/Member Card Text Colors */
body.dark-mode .rz-card .rz-text[style*="color: black"],
body.dark-mode .rz-card .rz-text[style*="color:black"],
body.dark-mode .rz-card .rz-text[style*="color:#2c3e50"],
body.dark-mode .rz-card .rz-text[style*="color: #2c3e50"],
body.dark-mode .rz-card div[style*="color: black"],
body.dark-mode .rz-card div[style*="color:black"] {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .rz-card .rz-text[style*="color:#666"],
body.dark-mode .rz-card .rz-text[style*="color: #666"],
body.dark-mode .rz-card .rz-text[style*="color:#6c757d"],
body.dark-mode .rz-card div[style*="color:#666"] {
    color: #9ca3af !important;
}

/* Stats and Analytics Components */
body.dark-mode .stats-card,
body.dark-mode .analytics-card {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

/* Charts and Data Visualizations */
body.dark-mode .chart-container,
body.dark-mode .rz-chart {
    background: var(--card-bg, #2d2d2d) !important;
}

body.dark-mode .chart-title {
    color: var(--text-color, #e0e0e0) !important;
}

/* Data Tables in Admin/Author/Member */
body.dark-mode .rz-datatable-data td {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .rz-datatable-data tr {
    border-color: var(--border-color, #404040) !important;
}

/* Form Sections in Admin/Author Pages */
body.dark-mode .form-section {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

/* Success/Info Messages */
body.dark-mode .rz-alert-success {
    background: rgba(34, 197, 94, 0.15) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
    color: #22c55e !important;
}

body.dark-mode .rz-alert-info {
    background: rgba(96, 165, 250, 0.15) !important;
    border-color: rgba(96, 165, 250, 0.3) !important;
    color: #60a5fa !important;
}

body.dark-mode .rz-alert-warning {
    background: rgba(251, 191, 36, 0.15) !important;
    border-color: rgba(251, 191, 36, 0.3) !important;
    color: #fbbf24 !important;
}

body.dark-mode .rz-alert-danger {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
    color: #ef4444 !important;
}

/* Radzen Stepper (for multi-step processes) */
body.dark-mode .rz-stepper {
    background: var(--card-bg, #2d2d2d) !important;
}

body.dark-mode .rz-step {
    background: var(--card-bg, #2d2d2d) !important;
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .rz-step-active {
    background: rgba(96, 165, 250, 0.15) !important;
}

/* File Upload Components */
body.dark-mode .rz-fileupload {
    background: var(--input-bg, #2d2d2d) !important;
    border-color: var(--border-color, #404040) !important;
}

body.dark-mode .rz-fileupload-file {
    background: rgba(45, 45, 45, 0.5) !important;
    border-color: var(--border-color, #404040) !important;
}

/* Rich Text Editor */
body.dark-mode .rz-html-editor {
    background: var(--input-bg, #2d2d2d) !important;
    border-color: var(--border-color, #404040) !important;
}

body.dark-mode .rz-html-editor-toolbar {
    background: var(--nav-bg, #242424) !important;
    border-color: var(--border-color, #404040) !important;
}

body.dark-mode .rz-html-editor-content {
    background: var(--input-bg, #2d2d2d) !important;
    color: var(--text-color, #e0e0e0) !important;
}

/* TreeView (if used in admin) */
body.dark-mode .rz-treeview {
    background: var(--card-bg, #2d2d2d) !important;
}

body.dark-mode .rz-treenode {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .rz-treenode-selected {
    background: rgba(96, 165, 250, 0.2) !important;
}

/* Schedule/Calendar Components */
body.dark-mode .rz-scheduler {
    background: var(--card-bg, #2d2d2d) !important;
    border-color: var(--border-color, #404040) !important;
}

body.dark-mode .rz-scheduler-header {
    background: var(--nav-bg, #242424) !important;
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .rz-scheduler-view {
    background: var(--card-bg, #2d2d2d) !important;
}

/* Timeline (Author Stats, Activity Logs) */
body.dark-mode .rz-timeline {
    background: var(--card-bg, #2d2d2d) !important;
}

body.dark-mode .rz-timeline-item {
    border-color: var(--border-color, #404040) !important;
}

body.dark-mode .rz-timeline-item-label {
    color: #60a5fa !important;
}

body.dark-mode .rz-timeline-item-content {
    color: var(--text-color, #e0e0e0) !important;
}

/* Breadcrumbs */
body.dark-mode .rz-breadcrumb {
    background: transparent !important;
}

body.dark-mode .rz-breadcrumb-item {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .rz-breadcrumb-item-link {
    color: #60a5fa !important;
}

body.dark-mode .rz-breadcrumb-separator {
    color: #6b7280 !important;
}

/* Notification Badge (used in Admin tickets, etc) */
body.dark-mode span[style*="background:#d32f2f"] {
  background: #ef4444 !important;
}

/* Shared Component-Specific Rules */

/* Author Stats Filters Component */
body.dark-mode .filter-section .rz-dropdown,
body.dark-mode .filter-section .rz-datepicker {
    background: var(--input-bg, #2d2d2d) !important;
    border-color: var(--border-color, #404040) !important;
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .filter-section .rz-text[style*="color:#555"] {
    color: #9ca3af !important;
}

body.dark-mode .filter-section .rz-card[style*="background: linear-gradient"] {
    background: linear-gradient(135deg, rgba(30, 30, 30, 0.6) 0%, rgba(45, 45, 45, 0.8) 100%) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

/* User Reading Stats Component */
body.dark-mode .reading-stats-container .stat-card {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .reading-stats-container .stat-header h3,
body.dark-mode .reading-stats-container .stat-label {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .reading-stats-container .stat-header {
    border-bottom: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .reading-stats-container .achievement-item {
    background: rgba(45, 45, 45, 0.5) !important;
}

body.dark-mode .reading-stats-container .achievement-title {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .reading-stats-container .achievement-description {
    color: #9ca3af !important;
}

body.dark-mode .reading-stats-container .no-achievements {
    color: #9ca3af !important;
}

/* Earnings Overview Component */
body.dark-mode .earnings-data-grid .rz-datatable-header th {
    background-color: var(--nav-bg, #242424) !important;
    color: var(--text-color, #e0e0e0) !important;
    border-bottom: 2px solid var(--border-color, #404040) !important;
}

body.dark-mode .earnings-data-grid .rz-datatable-data tr:hover {
    background-color: rgba(96, 165, 250, 0.1) !important;
}

/* Admin Book Display Component */
body.dark-mode .rz-card.rz-shadow-5 {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .rz-background-color-info-lighter {
    background-color: rgba(96, 165, 250, 0.1) !important;
}

body.dark-mode .rz-color-info-light {
    color: #60a5fa !important;
}

/* Wizard Steps (Author Interest Form) */
body.dark-mode .wizard-steps .wizard-index {
    background: var(--card-bg, #2d2d2d) !important;
    border: 2px solid var(--border-color, #404040) !important;
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .wizard-steps .wizard-index.active {
    background: #60a5fa !important;
    border-color: #60a5fa !important;
    color: white !important;
}

body.dark-mode .wizard-steps .wizard-index.done {
    background: #22c55e !important;
    border-color: #22c55e !important;
    color: white !important;
}

body.dark-mode .wizard-steps .wizard-separator {
    background: var(--border-color, #404040) !important;
}

body.dark-mode .wizard-steps .wizard-separator.done {
    background: #22c55e !important;
}

body.dark-mode .wizard-steps .wizard-label {
    color: #9ca3af !important;
}

body.dark-mode .wizard-steps .wizard-label.active {
    color: var(--text-color, #e0e0e0) !important;
}

/* Author Success Message */
body.dark-mode .author-success-message {
    background: rgba(34, 197, 94, 0.1) !important;
    border: 1px solid rgba(34, 197, 94, 0.3) !important;
}

/* Empty State Component */
body.dark-mode .rz-card .rz-icon[style*="color:#ccc"],
body.dark-mode .empty-category .rz-icon {
    color: #6b7280 !important;
}

body.dark-mode .text-secondary {
    color: #9ca3af !important;
}

/* Book Cards in all contexts */
body.dark-mode .book-card .rz-card,
body.dark-mode .discovery-card .rz-card,
body.dark-mode .category-book .rz-card {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

/* Post Cards (Social Feed) */
body.dark-mode .post-card {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .post-card .post-author,
body.dark-mode .post-card .post-content {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .post-card .post-timestamp {
    color: #9ca3af !important;
}

/* Comment Cards */
body.dark-mode .comment-card {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .comment-card .comment-author {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .comment-card .comment-text {
    color: var(--text-color, #e0e0e0) !important;
    opacity: 0.9;
}

body.dark-mode .comment-card .comment-timestamp {
    color: #9ca3af !important;
}

/* Trending Authors Widget */
body.dark-mode .trending-authors-container .author-item {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .trending-authors-container .author-item:hover {
    background: rgba(96, 165, 250, 0.1) !important;
    border-color: #60a5fa !important;
}

body.dark-mode .trending-authors-container .author-name {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .trending-authors-container .author-stats {
    color: #9ca3af !important;
}

/* Search Page Results */
body.dark-mode .search-results .result-item {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .search-results .result-item:hover {
    background: rgba(96, 165, 250, 0.05) !important;
}

body.dark-mode .search-results .result-title {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .search-results .result-description {
    color: #9ca3af !important;
}

/* Library Filter Bar */
body.dark-mode .library-filter-bar {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .library-filter-bar .filter-label {
    color: var(--text-color, #e0e0e0) !important;
}

/* Profile Settings Forms */
body.dark-mode .profile-settings-form .form-section {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .profile-settings-form .section-title {
    color: var(--text-color, #e0e0e0) !important;
    border-bottom: 2px solid var(--border-color, #404040) !important;
}

/* Notification Center */
body.dark-mode .notification-center {
    background: var(--card-bg, #2d2d2d) !important;
    border: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .notification-item {
    background: var(--card-bg, #2d2d2d) !important;
    border-bottom: 1px solid var(--border-color, #404040) !important;
}

body.dark-mode .notification-item:hover {
    background: rgba(96, 165, 250, 0.05) !important;
}

body.dark-mode .notification-item.unread {
    background: rgba(96, 165, 250, 0.1) !important;
}

body.dark-mode .notification-text {
    color: var(--text-color, #e0e0e0) !important;
}

body.dark-mode .notification-timestamp {
    color: #9ca3af !important;
}

/* ==============================================
   END ADMIN, AUTHOR, AND MEMBER DARK MODE
   ============================================== */