/* ============================================
   Dark Mode Styles - Phase 1
   ============================================ */

[data-theme="dark"] {
  /* Override color variables for dark mode - Slate Palette Inverted */
  --color-gray-50: #0f172a;
  /* Slate 900 */
  --color-gray-100: #1e293b;
  /* Slate 800 */
  --color-gray-200: #334155;
  /* Slate 700 */
  --color-gray-300: #475569;
  /* Slate 600 */
  --color-gray-400: #64748b;
  /* Slate 500 */
  --color-gray-500: #94a3b8;
  /* Slate 400 */
  --color-gray-600: #cbd5e1;
  /* Slate 300 */
  --color-gray-700: #e2e8f0;
  /* Slate 200 */
  --color-gray-800: #f1f5f9;
  /* Slate 100 */
  --color-gray-900: #f8fafc;
  /* Slate 50 */

  /* Background colors */
  --bg-primary: #0f172a;
  /* Slate 900 */
  --bg-secondary: #1e293b;
  /* Slate 800 */
  --bg-tertiary: #334155;
  /* Slate 700 */

  /* Text colors */
  --text-primary: #f8fafc;
  /* Slate 50 */
  --text-body: #e2e8f0;
  /* Slate 200 */
  --text-secondary: #94a3b8;
  /* Slate 400 */

  /* Keep primary wash readable on dark surfaces */
  --color-primary-bg: rgba(45, 212, 191, 0.16);

  /* Border colors */
  --border-color: #334155;
  /* Slate 700 */

  /* Shadows - darker in dark mode */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

[data-theme="dark"] .header {
  background-color: var(--bg-secondary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .navbar-link {
  color: var(--text-secondary);
}

[data-theme="dark"] .navbar-link:hover {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

[data-theme="dark"] .navbar-user {
  color: var(--text-secondary);
}

[data-theme="dark"] .main-content {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .container,
[data-theme="dark"] .card,
[data-theme="dark"] .course-card {
  background: var(--bg-secondary);
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-textarea,
[data-theme="dark"] .form-select,
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .form-textarea:focus,
[data-theme="dark"] .form-select:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

[data-theme="dark"] .btn-primary {
  background-color: var(--color-primary);
  color: white;
}

[data-theme="dark"] .btn-secondary {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] .btn-secondary:hover:not(:disabled) {
  background-color: var(--color-gray-500);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
  color: white;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: var(--text-primary);
}

[data-theme="dark"] p,
[data-theme="dark"] .course-card-description {
  color: var(--text-secondary);
}

[data-theme="dark"] .public-courses-sidebar {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .public-courses-input,
[data-theme="dark"] .public-courses-select {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .public-courses-sidebar-reset {
  color: var(--color-primary);
}

[data-theme="dark"] .search-results-hero {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .search-results-sidebar {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .search-results-input,
[data-theme="dark"] .search-results-select {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .search-result-item {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .search-result-item:hover {
  background-color: var(--bg-tertiary);
  border-color: var(--color-primary);
}

[data-theme="dark"] .public-communities-filters {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .public-communities-pill {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .public-communities-pill:hover {
  background-color: var(--bg-secondary);
  color: var(--color-primary);
}

[data-theme="dark"] .public-communities-pill.active {
  background: var(--color-primary);
  color: white;
}

[data-theme="dark"] .public-communities-search {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] .public-communities-search input {
  color: var(--text-primary);
}

[data-theme="dark"] .public-community-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .public-community-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .public-help-categories {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .public-help-pill {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .public-help-pill:hover {
  background-color: var(--bg-secondary);
  color: var(--color-primary);
}

[data-theme="dark"] .public-help-pill.active {
  background: var(--color-primary);
  color: white;
}

[data-theme="dark"] .public-course-detail-back {
  color: var(--text-secondary);
}

[data-theme="dark"] .public-course-detail-back:hover {
  color: var(--color-primary);
}

[data-theme="dark"] .public-course-detail-title {
  color: var(--text-primary);
}

[data-theme="dark"] .public-course-detail-meta {
  color: var(--text-secondary);
}

[data-theme="dark"] .public-course-detail-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .public-course-detail-card h2 {
  color: var(--text-primary);
}

[data-theme="dark"] .public-course-detail-sidebar,
[data-theme="dark"] .course-detail-sidebar {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .course-detail-sidebar-media {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .course-detail-intro {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .course-detail-intro-top {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .course-detail-intro-title,
[data-theme="dark"] .course-detail-intro-about-title {
  color: var(--text-primary);
}

[data-theme="dark"] .course-detail-intro-back,
[data-theme="dark"] .course-detail-intro-meta,
[data-theme="dark"] .course-detail-intro-description {
  color: var(--text-secondary);
}

[data-theme="dark"] .course-detail-intro-back:hover {
  color: var(--color-primary);
}

[data-theme="dark"] .course-detail-intro-badge.badge-primary {
  background-color: var(--color-primary-bg);
  color: var(--color-primary-light);
}

[data-theme="dark"] .public-legal-back {
  color: var(--text-secondary);
}

[data-theme="dark"] .public-legal-back:hover {
  color: var(--color-primary);
}

[data-theme="dark"] .public-legal-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .public-legal-title {
  color: var(--text-primary);
}

[data-theme="dark"] .public-legal-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .public-legal-body h2 {
  color: var(--text-primary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .public-legal-body p,
[data-theme="dark"] .public-legal-body li {
  color: var(--text-secondary);
}

[data-theme="dark"] .public-legal-body a {
  color: var(--color-primary);
}

[data-theme="dark"] .footer,
[data-theme="dark"] .app-footer {
  background-color: var(--bg-secondary);
  border-top-color: var(--border-color);
}

[data-theme="dark"] .footer p,
[data-theme="dark"] .footer a,
[data-theme="dark"] .app-footer .footer-brand-name,
[data-theme="dark"] .app-footer .footer-heading {
  color: var(--text-primary);
}

[data-theme="dark"] .app-footer .footer-brand-tagline,
[data-theme="dark"] .app-footer .footer-copyright,
[data-theme="dark"] .app-footer .footer-credit {
  color: var(--text-secondary);
}

[data-theme="dark"] .app-footer .footer-link {
  color: var(--text-secondary);
}

[data-theme="dark"] .app-footer .footer-link:hover,
[data-theme="dark"] .app-footer .footer-link:focus-visible,
[data-theme="dark"] .app-footer .footer-credit-link:hover,
[data-theme="dark"] .app-footer .footer-credit-link:focus-visible {
  color: var(--color-primary-light);
}

[data-theme="dark"] .alert-success {
  background-color: rgba(16, 185, 129, 0.2);
  color: #6ee7b7;
  border-color: var(--color-success);
}

[data-theme="dark"] .alert-error {
  background-color: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
  border-color: var(--color-error);
}

[data-theme="dark"] .alert-warning {
  background-color: rgba(245, 158, 11, 0.2);
  color: #fcd34d;
  border-color: var(--color-warning);
}

[data-theme="dark"] .alert-info {
  background-color: rgba(59, 130, 246, 0.2);
  color: #93c5fd;
  border-color: var(--color-info);
}

[data-theme="dark"] table {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
}

[data-theme="dark"] th {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

[data-theme="dark"] td {
  border-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .mobile-menu-toggle span {
  background: var(--text-secondary);
}

[data-theme="dark"] .navbar-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .navbar-link {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .empty-state {
  color: var(--text-secondary);
}

[data-theme="dark"] .empty-state h2 {
  color: var(--text-primary);
}

[data-theme="dark"] .loading-overlay {
  background: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .file-upload-area {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .file-upload-area:hover {
  background-color: rgba(102, 126, 234, 0.1);
}

[data-theme="dark"] .file-preview {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .skip-link {
  background-color: var(--color-primary);
  color: white;
}

/* Preferences Page Dark Mode */
[data-theme="dark"] .preferences-section-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .preferences-section-header {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(99, 102, 241, 0.08) 100%);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .preferences-section-title {
  color: var(--text-primary);
}

[data-theme="dark"] .preferences-section-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .preference-item {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .preference-item:hover {
  border-color: var(--color-primary-light);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .preference-item-label {
  color: var(--text-primary);
}

[data-theme="dark"] .preference-item-description {
  color: var(--text-secondary);
}

[data-theme="dark"] .preference-select {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] .preference-select:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .preference-select:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3);
}

[data-theme="dark"] .preference-select-arrow {
  color: var(--text-secondary);
}

[data-theme="dark"] .toggle-slider {
  background-color: var(--color-gray-600);
}

[data-theme="dark"] .preferences-form-actions {
  border-top-color: var(--border-color);
}

/* Help Center Dark Mode */
[data-theme="dark"] .help-hero {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .help-hero-title {
  color: var(--text-primary);
}

[data-theme="dark"] .help-hero-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .help-search-input {
  background: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .help-search-input::placeholder {
  color: var(--text-secondary);
}

[data-theme="dark"] .help-search-input:focus {
  border-color: var(--color-primary);
}

[data-theme="dark"] .chip {
  background: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .chip:hover {
  background: var(--bg-secondary);
  color: var(--text-primary);
}

[data-theme="dark"] .chip.chip-active {
  background: var(--color-primary);
  color: white;
}

[data-theme="dark"] .faq-item {
  background: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .faq-q {
  color: var(--text-primary);
}

[data-theme="dark"] .faq-q:hover,
[data-theme="dark"] .faq-q[aria-expanded="true"] {
  background: var(--bg-tertiary);
}

[data-theme="dark"] .faq-a {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .faq-a-text {
  color: var(--text-secondary);
}

[data-theme="dark"] .help-empty {
  background: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .help-empty-title {
  color: var(--text-primary);
}

[data-theme="dark"] .help-empty-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .help-empty-icon {
  color: var(--text-secondary);
}

/* FAQ Detail Page - Dark Mode */
[data-theme="dark"] .faq-detail-breadcrumb a {
  color: var(--text-secondary);
}

[data-theme="dark"] .faq-detail-breadcrumb a:hover {
  color: var(--color-primary);
}

[data-theme="dark"] .faq-detail-breadcrumb-sep {
  color: var(--color-gray-500);
}

[data-theme="dark"] .faq-detail-breadcrumb-current {
  color: var(--text-primary);
}

[data-theme="dark"] .faq-detail-badge {
  background: rgba(99, 102, 241, 0.2);
  color: var(--color-primary-light);
}

[data-theme="dark"] .faq-detail-title {
  color: var(--text-primary);
}

[data-theme="dark"] .faq-detail-meta-badge {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}

[data-theme="dark"] .faq-detail-meta-date {
  color: var(--text-secondary);
}

[data-theme="dark"] .faq-detail-body {
  background: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .faq-detail-answer {
  color: var(--text-secondary);
}

[data-theme="dark"] .faq-detail-footer {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .faq-detail-support-card {
  background: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .faq-detail-support-icon {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.25), rgba(139, 92, 246, 0.2));
}

[data-theme="dark"] .faq-detail-support-title {
  color: var(--text-primary);
}

[data-theme="dark"] .faq-detail-support-text {
  color: var(--text-secondary);
}

/* Legacy help sidebar (if still used elsewhere) */
[data-theme="dark"] .help-sidebar-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .help-sidebar-header {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(99, 102, 241, 0.08) 100%);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .help-sidebar-title {
  color: var(--text-primary);
}

[data-theme="dark"] .help-sidebar-link {
  color: var(--text-secondary);
}

[data-theme="dark"] .help-sidebar-link:hover {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

[data-theme="dark"] .help-sidebar-link.active {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.2) 0%, rgba(99, 102, 241, 0.1) 100%);
  color: var(--text-primary);
}

[data-theme="dark"] .help-sidebar-count {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}

[data-theme="dark"] .help-sidebar-link.active .help-sidebar-count {
  background: var(--color-primary);
  color: white;
}

[data-theme="dark"] .faq-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .faq-card-header {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(99, 102, 241, 0.08) 100%);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .faq-question-link {
  color: var(--text-primary);
}

[data-theme="dark"] .faq-preview {
  color: var(--text-secondary);
}

[data-theme="dark"] .faq-category-badge {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}

[data-theme="dark"] .faq-card-footer {
  border-top-color: var(--border-color);
}

/* Chat Inbox – two-column messages */
[data-theme="dark"] .chat-inbox-left {
  border-right-color: var(--border-color);
  background-color: var(--bg-primary);
}

[data-theme="dark"] .chat-inbox-left-header {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .chat-inbox-item {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .chat-inbox-item:hover {
  background: var(--bg-secondary);
}

[data-theme="dark"] .chat-inbox-item-active {
  background: rgba(99, 102, 241, 0.15);
}

[data-theme="dark"] .chat-inbox-right {
  background-color: var(--bg-secondary);
}

[data-theme="dark"] .chat-inbox-placeholder-icon {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.15));
}

[data-theme="dark"] .chat-inbox-right-header {
  border-bottom-color: var(--border-color);
  background-color: var(--bg-primary);
}

[data-theme="dark"] .chat-inbox-messages {
  background: linear-gradient(to bottom, var(--bg-tertiary), var(--bg-secondary));
}

[data-theme="dark"] .chat-inbox-composer {
  border-top-color: var(--border-color);
  background-color: var(--bg-primary);
}

[data-theme="dark"] .chat-date-divider span {
  background: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .chat-bubble-received {
  background: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .chat-input-wrapper {
  background: var(--bg-secondary);
  border-color: var(--border-color);
}

/* ============================================
   Community Detail Page - Dark Mode
   ============================================ */

[data-theme="dark"] .community-header-modern {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.9), rgba(139, 92, 246, 0.9));
}

[data-theme="dark"] .community-avatar-modern {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.25);
}

[data-theme="dark"] .community-privacy-badge {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.25);
}

[data-theme="dark"] .community-new-post-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .community-new-post-card:hover {
  border-color: var(--color-primary-light);
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .community-new-post-input {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .community-new-post-input:hover {
  background-color: var(--bg-primary);
  border-color: var(--color-primary-light);
  color: var(--text-primary);
}

[data-theme="dark"] .community-post-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .community-post-card:hover {
  border-color: var(--color-primary-light);
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .community-post-author-name {
  color: var(--text-primary);
}

[data-theme="dark"] .community-post-date {
  color: var(--text-secondary);
}

[data-theme="dark"] .community-post-title {
  color: var(--text-primary);
}

[data-theme="dark"] .community-post-content {
  color: var(--text-secondary);
}

[data-theme="dark"] .community-post-footer {
  background-color: var(--bg-tertiary);
  border-top-color: var(--border-color);
}

[data-theme="dark"] .community-post-stat {
  color: var(--text-secondary);
}

[data-theme="dark"] .community-sidebar-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .community-sidebar-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .community-sidebar-header {
  border-bottom-color: var(--border-color);
}

/* Community Discovery Card - Dark Mode */
[data-theme="dark"] .community-discovery-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .community-discovery-card:hover {
  border-color: var(--color-primary-light);
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .community-card-footer {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .community-card-stat {
  color: var(--text-secondary);
}

[data-theme="dark"] .community-status-badge-joined {
  background: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.3);
  color: #4ade80;
}

[data-theme="dark"] .community-status-badge-explore {
  background: rgba(99, 102, 241, 0.15);
  border-color: rgba(99, 102, 241, 0.3);
  color: var(--color-primary-light);
}

[data-theme="dark"] .community-discovery-card:hover .community-status-badge-explore {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: white;
}

[data-theme="dark"] .community-icon-large {
  border-color: var(--bg-secondary);
}

[data-theme="dark"] .community-sidebar-title {
  color: var(--text-primary);
}

[data-theme="dark"] .community-sidebar-description {
  color: var(--text-secondary);
}

[data-theme="dark"] .community-sidebar-stat {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .community-sidebar-stat:hover {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .community-sidebar-stat-value {
  color: var(--text-primary);
}

[data-theme="dark"] .community-sidebar-stat-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .community-sidebar-meta {
  border-top-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .community-rule-item {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .community-rule-item:hover {
  background-color: var(--bg-primary);
}

[data-theme="dark"] .community-rule-text {
  color: var(--text-primary);
}

/* ============================================
   Community Create Post Page - Dark Mode
   ============================================ */

[data-theme="dark"] .create-post-back-link {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-back-link:hover {
  color: var(--color-primary);
}

[data-theme="dark"] .create-post-title {
  color: var(--text-primary);
}

[data-theme="dark"] .create-post-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-form-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .create-post-form-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .create-post-form-header {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .create-post-form-title {
  color: var(--text-primary);
}

[data-theme="dark"] .create-post-form-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-label {
  color: var(--text-primary);
}

[data-theme="dark"] .create-post-input,
[data-theme="dark"] .create-post-textarea {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .create-post-input::placeholder,
[data-theme="dark"] .create-post-textarea::placeholder {
  color: var(--color-gray-500);
}

[data-theme="dark"] .create-post-input:focus,
[data-theme="dark"] .create-post-textarea:focus {
  border-color: var(--color-primary);
}

[data-theme="dark"] .create-post-markdown-hint {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-actions {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .create-post-tips-card,
[data-theme="dark"] .create-post-format-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .create-post-tips-card:hover,
[data-theme="dark"] .create-post-format-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .create-post-tips-header,
[data-theme="dark"] .create-post-format-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.06) 100%);
}

[data-theme="dark"] .create-post-tips-title,
[data-theme="dark"] .create-post-format-title {
  color: var(--text-primary);
}

[data-theme="dark"] .create-post-tips-list li {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-tips-list li:not(:last-child) {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .create-post-format-item code {
  background-color: var(--bg-tertiary);
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-format-preview {
  color: var(--text-primary);
}

[data-theme="dark"] .create-post-format-quote {
  border-left-color: var(--color-gray-500);
  color: var(--text-secondary);
}

[data-theme="dark"] .create-post-format-code {
  background-color: var(--bg-tertiary);
}

/* ============================================
   Public Support (Contact Support - public view) - Dark Mode
   ============================================ */

[data-theme="dark"] .public-support-back,
[data-theme="dark"] .support-back-link {
  color: var(--text-secondary);
}

[data-theme="dark"] .public-support-back:hover,
[data-theme="dark"] .support-back-link:hover {
  color: var(--color-primary);
}

[data-theme="dark"] .public-support-title {
  color: var(--text-primary);
}

[data-theme="dark"] .public-support-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .public-support-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

/* ============================================
   Contact Support Page - Dark Mode
   ============================================ */

[data-theme="dark"] .support-page-title {
  color: var(--text-primary);
}

[data-theme="dark"] .support-page-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .support-form-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .support-form-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .support-form-card-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
}

[data-theme="dark"] .support-form-card-title {
  color: var(--text-primary);
}

[data-theme="dark"] .support-form-card-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .support-label {
  color: var(--text-primary);
}

[data-theme="dark"] .support-input,
[data-theme="dark"] .support-select,
[data-theme="dark"] .support-textarea {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .support-input::placeholder,
[data-theme="dark"] .support-textarea::placeholder {
  color: var(--color-gray-500);
}

[data-theme="dark"] .support-form-actions {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .support-form-loading {
  color: var(--text-secondary);
}

[data-theme="dark"] .support-form-success {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

[data-theme="dark"] .support-form-error {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

/* Lessons list (instructor content view) */
[data-theme="dark"] .lessons-back-link,
[data-theme="dark"] .lms-form-back {
  color: var(--text-secondary);
}

[data-theme="dark"] .lessons-back-link:hover,
[data-theme="dark"] .lms-form-back:hover {
  color: var(--color-primary);
}

[data-theme="dark"] .lessons-title,
[data-theme="dark"] .lms-form-title {
  color: var(--text-primary);
}

[data-theme="dark"] .lessons-subtitle,
[data-theme="dark"] .lms-form-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .lessons-card,
[data-theme="dark"] .lms-form-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .lessons-card-header {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .lessons-card-title {
  color: var(--text-primary);
}

[data-theme="dark"] .lessons-card-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .lesson-list-item {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .lesson-list-item:hover {
  background: var(--bg-tertiary);
}

[data-theme="dark"] .lesson-list-title {
  color: var(--text-primary);
}

[data-theme="dark"] .lesson-list-meta {
  color: var(--text-secondary);
}

[data-theme="dark"] .lessons-empty-title {
  color: var(--text-primary);
}

[data-theme="dark"] .lessons-empty-text {
  color: var(--text-secondary);
}

/* Lesson view – instructor bar */
[data-theme="dark"] .lesson-instructor-bar {
  background-color: var(--bg-secondary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .lesson-instructor-back {
  color: var(--text-secondary);
}

[data-theme="dark"] .lesson-instructor-back:hover {
  color: var(--color-primary);
}

[data-theme="dark"] .lesson-instructor-bar {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .lesson-layout {
  background: var(--bg-tertiary);
}

[data-theme="dark"] .lesson-header-top {
  border-bottom-color: var(--border-color);
}

/* Lesson view – sidebar & content card */
[data-theme="dark"] .lesson-sidebar {
  background-color: var(--bg-secondary);
  border-right-color: var(--border-color);
}

[data-theme="dark"] .lesson-sidebar-header {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .lesson-sidebar-title {
  color: var(--text-primary);
}

[data-theme="dark"] .lesson-sidebar-meta {
  color: var(--text-secondary);
}

[data-theme="dark"] .lesson-sidebar-item {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .lesson-sidebar-item:hover {
  background: var(--bg-tertiary);
}

[data-theme="dark"] .lesson-sidebar-item.active {
  background: rgba(99, 102, 241, 0.15);
  border-left-color: var(--color-primary);
}

[data-theme="dark"] .lesson-content-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .lesson-title {
  color: var(--text-primary);
}

[data-theme="dark"] .lesson-description {
  color: var(--text-secondary);
}

[data-theme="dark"] .lesson-tabs {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .lesson-ask-block {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .lesson-ask-title {
  color: var(--text-primary);
}

[data-theme="dark"] .lesson-instructor-qa-hint {
  border-top-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .lesson-qa-list .card {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .lesson-notes-section,
[data-theme="dark"] .lesson-bookmarks-section {
  background: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .lesson-notes-heading,
[data-theme="dark"] .lesson-bookmarks-heading {
  color: var(--text-primary);
}

[data-theme="dark"] .lesson-note-card,
[data-theme="dark"] .lesson-bookmark-item {
  background: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .lesson-note-content {
  color: var(--text-secondary);
}

[data-theme="dark"] .lesson-no-note,
[data-theme="dark"] .lesson-no-bookmarks {
  color: var(--text-secondary);
}

[data-theme="dark"] .lesson-bookmark-time {
  color: var(--color-primary-light);
}

[data-theme="dark"] .lesson-bookmark-note {
  color: var(--text-secondary);
}

[data-theme="dark"] .lesson-nav {
  background-color: var(--bg-secondary);
  border-top-color: var(--border-color);
}

[data-theme="dark"] .lesson-nav-center {
  color: var(--text-secondary);
}

[data-theme="dark"] .lesson-nav-center:hover {
  color: var(--color-primary);
}

/* Assignments list page */
[data-theme="dark"] .assignments-breadcrumb a {
  color: var(--text-secondary);
}

[data-theme="dark"] .assignments-breadcrumb span {
  color: var(--text-primary);
}

[data-theme="dark"] .assignment-list-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .assignment-list-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .assignment-list-badge-draft {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-secondary);
}

[data-theme="dark"] .assignment-list-badge-published {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

[data-theme="dark"] .assignment-list-badge-overdue {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

[data-theme="dark"] .assignments-empty {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

/* Assignment Statistics page */
[data-theme="dark"] .assignment-stat-breadcrumb a {
  color: var(--text-secondary);
}

[data-theme="dark"] .assignment-stat-breadcrumb span {
  color: var(--text-primary);
}

[data-theme="dark"] .assignment-submissions-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .assignment-submissions-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .assignment-submissions-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
}

[data-theme="dark"] .assignment-submissions-table th {
  color: var(--text-secondary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .assignment-submissions-table td {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .assignment-submissions-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .assignment-stat-badge-pending {
  background: rgba(245, 158, 11, 0.2);
  color: #fcd34d;
}

[data-theme="dark"] .assignment-stat-badge-graded {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

/* Grade Submissions (Grading) page */
[data-theme="dark"] .grading-breadcrumb a {
  color: var(--text-secondary);
}

[data-theme="dark"] .grading-breadcrumb span {
  color: var(--text-primary);
}

[data-theme="dark"] .grading-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .grading-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .grading-card-left {
  border-right-color: var(--border-color);
}

[data-theme="dark"] .grading-student-avatar {
  background: rgba(255, 255, 255, 0.12);
  color: var(--text-primary);
}

[data-theme="dark"] .grading-file-box {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .grading-status-badge-graded {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

[data-theme="dark"] .grading-status-badge-pending {
  background: rgba(99, 102, 241, 0.2);
  color: #a5b4fc;
}

[data-theme="dark"] .grading-input-grade,
[data-theme="dark"] .grading-textarea {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .grading-empty {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

/* Quizzes list page */
[data-theme="dark"] .quizzes-breadcrumb a {
  color: var(--text-secondary);
}

[data-theme="dark"] .quizzes-breadcrumb span {
  color: var(--text-primary);
}

[data-theme="dark"] .quiz-list-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .quiz-list-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .quiz-list-badge-draft {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-secondary);
}

[data-theme="dark"] .quiz-list-badge-published {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

[data-theme="dark"] .quizzes-empty {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

/* Quiz Statistics page */
[data-theme="dark"] .quiz-stat-breadcrumb a {
  color: var(--text-secondary);
}

[data-theme="dark"] .quiz-stat-breadcrumb span {
  color: var(--text-primary);
}

[data-theme="dark"] .quiz-stat-attempts-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .quiz-stat-attempts-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .quiz-stat-attempts-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
}

[data-theme="dark"] .quiz-stat-attempts-table th {
  color: var(--text-secondary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .quiz-stat-attempts-table td {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .quiz-stat-attempts-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .quiz-stat-badge-passed {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

[data-theme="dark"] .quiz-stat-badge-failed {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

/* Admin Dashboard */
[data-theme="dark"] .admin-dashboard-badge {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

[data-theme="dark"] .admin-dashboard-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .admin-dashboard-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .admin-dashboard-card-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
}

[data-theme="dark"] .admin-dashboard-table th {
  color: var(--text-secondary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .admin-dashboard-table td {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .admin-dashboard-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .admin-dashboard-empty {
  color: var(--text-secondary);
}

[data-theme="dark"] .admin-dashboard-quick {
  background: linear-gradient(135deg, var(--bg-tertiary), #312e81);
  border: 1px solid var(--border-color);
}

/* Admin User Management */
[data-theme="dark"] .admin-users-badge {
  background: rgba(99, 102, 241, 0.25);
  color: #a5b4fc;
}

[data-theme="dark"] .admin-users-filters {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .admin-users-input,
[data-theme="dark"] .admin-users-select {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .admin-users-role-student {
  background: rgba(59, 130, 246, 0.2);
  color: #93c5fd;
}

[data-theme="dark"] .admin-users-role-instructor {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

[data-theme="dark"] .admin-users-role-super_admin {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

[data-theme="dark"] .admin-users-pagination {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .admin-edit-user-back {
  color: var(--text-secondary);
}

[data-theme="dark"] .admin-edit-user-back:hover {
  color: var(--color-primary);
}

[data-theme="dark"] .admin-courses-sort-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .admin-revenue-date-input {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

/* Admin Roles & Permissions */
[data-theme="dark"] .admin-roles-change-select {
  background-color: var(--bg-primary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .admin-roles-self-hint {
  color: var(--text-secondary);
}

/* Discovery header (Certificate Templates, System Logs, etc.) */
[data-theme="dark"] .discovery-header {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .discovery-header .text-gray-600,
[data-theme="dark"] .discovery-header .text-gray-500 {
  color: var(--text-secondary);
}

[data-theme="dark"] .discovery-header .text-gray-900,
[data-theme="dark"] .discovery-header h1 {
  color: var(--text-primary);
}

/* Admin Logs page */
[data-theme="dark"] .page-container .card .form-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .page-container .card .form-select,
[data-theme="dark"] .page-container .card .form-input {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .page-container table thead tr {
  background-color: var(--bg-tertiary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .page-container table thead th {
  color: var(--text-secondary);
}

[data-theme="dark"] .page-container table tbody tr {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .page-container table tbody td {
  color: var(--text-secondary);
}

[data-theme="dark"] .page-container table tbody .text-gray-900,
[data-theme="dark"] .page-container table tbody .font-medium {
  color: var(--text-primary);
}

[data-theme="dark"] .page-container table tbody .text-gray-500,
[data-theme="dark"] .page-container table tbody .text-gray-600 {
  color: var(--text-secondary);
}

[data-theme="dark"] .page-container table tbody .text-gray-400 {
  color: var(--color-gray-500);
}

[data-theme="dark"] .page-container .bg-gray-50 {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .page-container .avatar-sm.bg-indigo-100 {
  background-color: rgba(99, 102, 241, 0.25);
  color: var(--color-primary-light);
}

/* Log details modal */
[data-theme="dark"] #detailsModal .bg-white {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] #detailsModal .text-gray-900,
[data-theme="dark"] #detailsModal h3 {
  color: var(--text-primary);
}

[data-theme="dark"] #detailsModal #closeModal,
[data-theme="dark"] #detailsModal #closeModal:hover {
  color: var(--text-secondary);
}

[data-theme="dark"] #detailsModal pre,
[data-theme="dark"] #detailsModal .bg-gray-50 {
  background-color: var(--bg-tertiary);
  color: var(--text-secondary);
  border-color: var(--border-color);
}

/* Certificate templates */
[data-theme="dark"] .page-container .card .text-gray-900 {
  color: var(--text-primary);
}

[data-theme="dark"] .page-container .card .text-gray-600,
[data-theme="dark"] .page-container .card .text-gray-500 {
  color: var(--text-secondary);
}

[data-theme="dark"] .page-container .card .bg-gray-50 {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .page-container .card .text-gray-300 {
  color: var(--color-gray-500);
}

/* Admin Platform Settings – remove container background, fix modal */
[data-theme="dark"] .admin-settings-page .admin-settings-container {
  background-color: transparent;
  border: none;
}

[data-theme="dark"] .admin-settings-page h1,
[data-theme="dark"] .admin-settings-page .text-gray-900 {
  color: var(--text-primary);
}

[data-theme="dark"] .admin-settings-page .text-gray-500,
[data-theme="dark"] .admin-settings-page .text-gray-700 {
  color: var(--text-secondary);
}

[data-theme="dark"] .admin-settings-page .border-gray-100 {
  border-color: var(--border-color);
}

[data-theme="dark"] .btn-error {
  background-color: rgba(239, 68, 68, 0.9);
  color: white;
}

[data-theme="dark"] .btn-error:hover:not(:disabled) {
  background-color: var(--color-error);
  color: white;
}

/* Settings modal */
[data-theme="dark"] .modal-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .modal-content {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .modal-content .text-gray-900,
[data-theme="dark"] .modal-content h2 {
  color: var(--text-primary);
}

[data-theme="dark"] .modal-content .form-label {
  color: var(--text-primary);
}

/* Edit Quiz – Questions section */
[data-theme="dark"] .quiz-edit-question-item {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--border-color);
}

[data-theme="dark"] .quiz-edit-add-section {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
  border-color: var(--color-primary-light);
}

/* Instructor Dashboard Quick Links – Dark Mode */
[data-theme="dark"] .instructor-quick-link-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .instructor-quick-link-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .instructor-quick-link-label {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-quick-link-desc {
  color: var(--text-secondary);
}

/* Instructor Analytics Overview – Dark Mode */
[data-theme="dark"] .analytics-overview-title {
  color: var(--text-primary);
}

[data-theme="dark"] .analytics-overview-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .analytics-stat-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .analytics-stat-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .analytics-stat-value {
  color: var(--text-primary);
}

[data-theme="dark"] .analytics-stat-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .analytics-by-course-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .analytics-by-course-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .analytics-by-course-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
}

[data-theme="dark"] .analytics-by-course-title {
  color: var(--text-primary);
}

[data-theme="dark"] .analytics-by-course-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .analytics-course-item {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .analytics-course-item:hover {
  background-color: var(--bg-primary);
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .analytics-course-title {
  color: var(--text-primary);
}

[data-theme="dark"] .analytics-course-meta {
  color: var(--text-secondary);
}

[data-theme="dark"] .analytics-empty-title {
  color: var(--text-primary);
}

[data-theme="dark"] .analytics-empty-description {
  color: var(--text-secondary);
}

/* Instructor Revenue page – dark mode */
[data-theme="dark"] .instructor-revenue-filters,
[data-theme="dark"] .instructor-revenue-total,
[data-theme="dark"] .instructor-revenue-table-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .instructor-revenue-title,
[data-theme="dark"] .instructor-revenue-table-title {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-revenue-subtitle,
[data-theme="dark"] .instructor-revenue-total-label,
[data-theme="dark"] .instructor-revenue-empty {
  color: var(--text-secondary);
}

[data-theme="dark"] .instructor-revenue-label {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-revenue-total-value,
[data-theme="dark"] .instructor-revenue-amount {
  color: var(--color-success);
}

[data-theme="dark"] .instructor-revenue-course-link {
  color: var(--color-primary-light);
}

[data-theme="dark"] .instructor-revenue-table th {
  background-color: var(--bg-tertiary);
  border-bottom-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-revenue-table td {
  border-bottom-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .instructor-revenue-table .admin-dashboard-cell-name {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-students-tab-list {
  border-bottom-color: var(--border-color);
  background-color: var(--bg-secondary);
}

[data-theme="dark"] .instructor-students-tab {
  color: var(--text-secondary);
}

[data-theme="dark"] .instructor-students-tab:hover {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-students-tab.active {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
}

[data-theme="dark"] .instructor-students-table th {
  background-color: var(--bg-secondary);
  border-bottom-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-students-table td {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .instructor-students-table tbody tr:hover {
  background: var(--bg-secondary);
}

[data-theme="dark"] .instructor-students-name {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-students-email {
  color: var(--text-secondary);
}

[data-theme="dark"] .instructor-students-course-badge {
  color: var(--color-primary);
  background: rgba(99, 102, 241, 0.2);
}

[data-theme="dark"] .instructor-students-course-badge:hover {
  background: rgba(99, 102, 241, 0.3);
}

/* Course Analytics page – dark mode */
[data-theme="dark"] .course-analytics-header {
  color: var(--text-primary);
}

[data-theme="dark"] .course-analytics-title {
  color: var(--text-primary);
}

[data-theme="dark"] .course-analytics-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .course-analytics-kpi-card,
[data-theme="dark"] .course-analytics-detail-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .course-analytics-kpi-card:hover,
[data-theme="dark"] .course-analytics-detail-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .course-analytics-kpi-label,
[data-theme="dark"] .course-analytics-detail-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .course-analytics-kpi-value,
[data-theme="dark"] .course-analytics-detail-value,
[data-theme="dark"] .course-analytics-detail-title {
  color: var(--text-primary);
}

[data-theme="dark"] .course-analytics-kpi-meta {
  color: var(--text-secondary);
}

[data-theme="dark"] .course-analytics-kpi-success,
[data-theme="dark"] .course-analytics-detail-success {
  color: var(--color-success);
}

[data-theme="dark"] .course-analytics-kpi-primary {
  color: var(--color-primary-light);
}

[data-theme="dark"] .instructor-quizzes-table th {
  background-color: var(--bg-secondary);
  border-bottom-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-quizzes-table td {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .instructor-quizzes-table tbody tr:hover {
  background: var(--bg-secondary);
}

[data-theme="dark"] .instructor-quizzes-quiz-title {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-quizzes-status-draft {
  background: var(--bg-secondary);
  color: var(--text-secondary);
}

[data-theme="dark"] .instructor-quizzes-status-published {
  background: rgba(34, 197, 94, 0.2);
  color: #4ade80;
}

[data-theme="dark"] .quizzes-page-title {
  color: var(--text-primary);
}

[data-theme="dark"] .quizzes-page-subtitle,
[data-theme="dark"] .quizzes-panel-desc {
  color: var(--text-secondary);
}

[data-theme="dark"] .quizzes-tabs-card {
  border-color: var(--border-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .instructor-quizzes-table-wrap {
  border-color: var(--border-color);
}

[data-theme="dark"] .instructor-quizzes-action-btn {
  background: var(--bg-secondary);
  color: var(--text-secondary);
}

[data-theme="dark"] .instructor-quizzes-action-btn:hover {
  background: rgba(99, 102, 241, 0.2);
  color: var(--color-primary);
}

/* Instructor My Courses – Dark Mode */
[data-theme="dark"] .instructor-courses-title {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-courses-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .instructor-course-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .instructor-course-card:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .instructor-course-title {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-course-description {
  color: var(--text-secondary);
}

[data-theme="dark"] .instructor-course-meta-item {
  color: var(--text-secondary);
}

[data-theme="dark"] .instructor-course-link {
  color: var(--color-primary);
}

[data-theme="dark"] .instructor-course-link:hover {
  background: rgba(99, 102, 241, 0.2);
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-course-thumbnail-wrap {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .instructor-course-footer {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .instructor-course-action-btn-secondary {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-course-action-btn-secondary:hover {
  background-color: var(--bg-primary);
  border-color: var(--color-gray-600);
}

[data-theme="dark"] .instructor-courses-empty {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .instructor-courses-empty-title {
  color: var(--text-primary);
}

[data-theme="dark"] .instructor-courses-empty-description {
  color: var(--text-secondary);
}

/* Course Edit Page – Dark Mode */
[data-theme="dark"] .course-edit-back {
  color: var(--text-secondary);
}

[data-theme="dark"] .course-edit-title {
  color: var(--text-primary);
}

[data-theme="dark"] .course-edit-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .course-edit-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .course-edit-card-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
}

[data-theme="dark"] .course-edit-card-title {
  color: var(--text-primary);
}

[data-theme="dark"] .course-edit-card-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .course-edit-label {
  color: var(--text-primary);
}

[data-theme="dark"] .course-edit-input,
[data-theme="dark"] .course-edit-select,
[data-theme="dark"] .course-edit-textarea {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .course-edit-thumbnail-img {
  border-color: var(--border-color);
}

[data-theme="dark"] .course-edit-hint {
  color: var(--text-secondary);
}

[data-theme="dark"] .course-edit-checkbox,
[data-theme="dark"] .course-edit-checkbox-text {
  color: var(--text-primary);
}

[data-theme="dark"] .course-edit-actions {
  border-top-color: var(--border-color);
}

/* Create Course Page – Dark Mode */
[data-theme="dark"] .create-course-back {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-course-title {
  color: var(--text-primary);
}

[data-theme="dark"] .create-course-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-course-section {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .create-course-section-header {
  border-bottom-color: var(--border-color);
  background: linear-gradient(180deg, rgba(99, 102, 241, 0.1) 0%, transparent 100%);
}

[data-theme="dark"] .create-course-section-title {
  color: var(--text-primary);
}

[data-theme="dark"] .create-course-section-desc {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-course-label {
  color: var(--text-primary);
}

[data-theme="dark"] .create-course-input,
[data-theme="dark"] .create-course-select,
[data-theme="dark"] .create-course-textarea {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .create-course-thumbnail-zone {
  border-color: var(--border-color);
}

[data-theme="dark"] .create-course-thumbnail-zone:hover,
[data-theme="dark"] .create-course-thumbnail-zone-dragover {
  border-color: var(--color-primary);
  background: rgba(99, 102, 241, 0.08);
}

[data-theme="dark"] .create-course-checkbox-label {
  color: var(--text-primary);
}

[data-theme="dark"] .create-course-header-badge-edit {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(5, 150, 105, 0.15));
  color: #34d399;
}

[data-theme="dark"] .create-course-thumbnail-current-hint {
  color: var(--text-secondary);
}

[data-theme="dark"] .create-course-page,
[data-theme="dark"] .lms-form-page {
  background: var(--bg-primary);
}

[data-theme="dark"] .create-course-actions {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

/* Gradebook – Dark Mode */
[data-theme="dark"] .gradebook-back {
  color: var(--text-secondary);
}

[data-theme="dark"] .gradebook-title {
  color: var(--text-primary);
}

[data-theme="dark"] .gradebook-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .gradebook-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .gradebook-th {
  background-color: var(--bg-tertiary);
  border-bottom-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .gradebook-th-title {
  color: var(--text-primary);
}

[data-theme="dark"] .gradebook-tr {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .gradebook-tr:hover {
  background: rgba(99, 102, 241, 0.08);
}

[data-theme="dark"] .gradebook-student-name {
  color: var(--text-primary);
}

[data-theme="dark"] .gradebook-student-email {
  color: var(--text-secondary);
}

[data-theme="dark"] .gradebook-empty-title {
  color: var(--text-primary);
}

[data-theme="dark"] .gradebook-empty-desc {
  color: var(--text-secondary);
}

/* Lesson preview containers */
[data-theme="dark"] .lesson-preview-container {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .lesson-preview-title {
  color: var(--text-primary);
}

[data-theme="dark"] .lesson-preview-pdf {
  background-color: var(--bg-primary);
}

/* ============================================
   Student Dashboard & Pages – Dark Mode
   ============================================ */

/* Student dashboard KPI cards */
[data-theme="dark"] .kpi-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .kpi-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .kpi-value {
  color: var(--text-primary);
}

/* Page header (My Assignments, My Quizzes, My Enrollments, etc.) */
[data-theme="dark"] .page-header-title {
  color: var(--text-primary);
}

[data-theme="dark"] .page-header-subtitle {
  color: var(--text-secondary);
}

/* Enrollment stats cards (My Enrollments) */
[data-theme="dark"] .enrollment-stat-card {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .enrollment-stat-value {
  color: var(--text-primary);
}

[data-theme="dark"] .enrollment-stat-label {
  color: var(--text-secondary);
}

/* Enroll / checkout page */
[data-theme="dark"] .enroll-back-link {
  color: var(--text-secondary);
}

[data-theme="dark"] .enroll-back-link:hover {
  color: var(--color-primary-light, #2dd4bf);
}

[data-theme="dark"] .enroll-title {
  color: var(--text-primary);
}

[data-theme="dark"] .enroll-lead {
  color: var(--text-secondary);
}

[data-theme="dark"] .enroll-media {
  background: var(--bg-tertiary, #334155);
}

[data-theme="dark"] .enroll-detail-item {
  background: var(--bg-secondary, #1e293b);
  border-color: var(--border-color, #334155);
}

[data-theme="dark"] .enroll-detail-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .enroll-detail-value {
  color: var(--text-primary);
}

[data-theme="dark"] .enroll-summary {
  background: var(--bg-secondary, #1e293b) !important;
  border-color: var(--border-color, #334155) !important;
}

[data-theme="dark"] .enroll-summary-title {
  color: var(--text-primary);
  border-bottom-color: var(--border-color, #334155);
}

[data-theme="dark"] .enroll-summary-row {
  color: var(--text-secondary);
}

[data-theme="dark"] .enroll-summary-name {
  color: var(--text-primary);
}

[data-theme="dark"] .enroll-summary-row--course {
  border-bottom-color: var(--border-color, #475569);
}

[data-theme="dark"] .enroll-summary-row--total {
  border-top-color: var(--border-color, #475569);
  color: var(--text-primary);
}

[data-theme="dark"] .enroll-summary-total {
  color: var(--color-primary-light, #2dd4bf);
}

[data-theme="dark"] .enroll-payment-note {
  background: rgba(13, 148, 136, 0.12);
  border-color: rgba(45, 212, 191, 0.25);
  color: var(--text-secondary);
}

[data-theme="dark"] .enroll-payment-note--free {
  background: var(--bg-tertiary, #334155);
  border-color: var(--border-color, #475569);
}

[data-theme="dark"] .enroll-payment-note i {
  color: var(--color-primary-light, #2dd4bf);
}

[data-theme="dark"] .enroll-payment-note--free i {
  color: var(--text-secondary);
}

/* My Assignments & My Quizzes – cards (theme-based dark bluish-grey, not black) */
[data-theme="dark"] .assignment-list .card,
[data-theme="dark"] .quiz-list .card,
[data-theme="dark"] .student-content .assignment-item.card,
[data-theme="dark"] .student-content .quiz-item.card,
[data-theme="dark"] .page-container .assignment-item.card,
[data-theme="dark"] .page-container .quiz-item.card,
[data-theme="dark"] .assignment-item.card,
[data-theme="dark"] .quiz-item.card {
  background: #1e293b !important;
  background-color: #1e293b !important;
  border: 1px solid #334155 !important;
  border-left: 3px solid #334155;
}

[data-theme="dark"] .assignment-item.card:hover,
[data-theme="dark"] .quiz-item.card:hover {
  border-color: var(--color-primary-light);
  border-left-color: var(--color-primary);
}

/* Empty state card on My Assignments / My Quizzes */
[data-theme="dark"] .page-container > .card {
  background: #1e293b !important;
  background-color: #1e293b !important;
  border-color: #334155;
}

[data-theme="dark"] .assignment-item .assignment-title,
[data-theme="dark"] .assignment-item .assignment-grade,
[data-theme="dark"] .quiz-item .quiz-title,
[data-theme="dark"] .quiz-item .quiz-score {
  color: var(--text-primary);
}

[data-theme="dark"] .assignment-item .assignment-course,
[data-theme="dark"] .assignment-item .assignment-due-date,
[data-theme="dark"] .assignment-item .assignment-submitted,
[data-theme="dark"] .assignment-item .text-gray-500,
[data-theme="dark"] .assignment-item .text-gray-600,
[data-theme="dark"] .quiz-item .quiz-course,
[data-theme="dark"] .quiz-item .quiz-completed,
[data-theme="dark"] .quiz-item .quiz-time,
[data-theme="dark"] .quiz-item .quiz-meta .text-gray-500,
[data-theme="dark"] .quiz-item .quiz-meta .text-gray-600 {
  color: var(--text-secondary);
}

/* Status pills on assignment/quiz cards */
[data-theme="dark"] .assignment-item .status-pill-success,
[data-theme="dark"] .quiz-item .status-pill-success {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
}

[data-theme="dark"] .assignment-item .status-pill-info,
[data-theme="dark"] .quiz-item .status-pill-info {
  background: rgba(99, 102, 241, 0.2);
  color: #a5b4fc;
}

[data-theme="dark"] .assignment-item .status-pill-warning,
[data-theme="dark"] .quiz-item .status-pill-warning {
  background: rgba(245, 158, 11, 0.2);
  color: #fcd34d;
}

[data-theme="dark"] .assignment-item .status-pill-error,
[data-theme="dark"] .quiz-item .status-pill-error {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

/* Upcoming Live Sessions page */
[data-theme="dark"] .live-sessions-upcoming-wrap,
[data-theme="dark"] .live-sessions-upcoming-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .live-sessions-upcoming-wrap h3 a,
[data-theme="dark"] .live-sessions-upcoming-wrap a[href*="courses"],
[data-theme="dark"] .live-session-title-link,
[data-theme="dark"] .live-sessions-upcoming-wrap .text-primary {
  color: var(--color-primary-light);
}

[data-theme="dark"] .live-sessions-upcoming-wrap p,
[data-theme="dark"] .live-sessions-upcoming-wrap .live-session-meta,
[data-theme="dark"] .live-sessions-upcoming-wrap .live-session-details {
  color: var(--text-secondary);
}

[data-theme="dark"] .live-sessions-upcoming-wrap .live-session-details strong {
  color: var(--text-primary);
}

[data-theme="dark"] .live-sessions-upcoming-empty {
  color: var(--text-secondary);
}

/* Certificate view (student) – screen only; print stays light */
[data-theme="dark"] .certificate-container,
[data-theme="dark"] .certificate-border {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .certificate-doc-title {
  color: var(--text-secondary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .certificate-intro,
[data-theme="dark"] .certificate-completed,
[data-theme="dark"] .certificate-date,
[data-theme="dark"] .certificate-signature-sublabel,
[data-theme="dark"] .certificate-id-label,
[data-theme="dark"] .certificate-id-value,
[data-theme="dark"] .certificate-verify-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .certificate-recipient,
[data-theme="dark"] .certificate-signature-label {
  color: var(--text-primary);
}

[data-theme="dark"] .certificate-course-block {
  background-color: var(--bg-tertiary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .certificate-course-name {
  color: var(--text-primary);
}

[data-theme="dark"] .certificate-meta-row {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .certificate-verify-card {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .certificate-actions-bar {
  background-color: var(--bg-secondary);
  border-top-color: var(--border-color);
}

/* My Calendar page */
[data-theme="dark"] .calendar-section,
[data-theme="dark"] .calendar-deadline-card,
[data-theme="dark"] .calendar-event-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .calendar-section-title,
[data-theme="dark"] .calendar-deadline-title,
[data-theme="dark"] .calendar-event-title {
  color: var(--text-primary);
}

[data-theme="dark"] .calendar-deadline-meta,
[data-theme="dark"] .calendar-event-meta {
  color: var(--text-secondary);
}

[data-theme="dark"] .calendar-nav-month {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] .calendar-overdue-wrap {
  background: rgba(239, 68, 68, 0.15);
  border-color: var(--color-error);
}

[data-theme="dark"] .calendar-overdue-wrap .calendar-overdue-title {
  color: #fca5a5;
}

[data-theme="dark"] .calendar-overdue-item {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .calendar-overdue-item a {
  color: var(--text-primary);
}

[data-theme="dark"] .calendar-overdue-item .calendar-overdue-meta {
  color: var(--text-secondary);
}

/* Profile view & Achievements & Certificates cards */
[data-theme="dark"] .profile-header-modern {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .profile-header-content-modern {
  background-color: transparent;
}

[data-theme="dark"] .profile-name-modern,
[data-theme="dark"] .profile-meta-modern {
  color: var(--text-primary);
}

[data-theme="dark"] .profile-meta-item {
  color: var(--text-secondary);
}

[data-theme="dark"] .profile-stats-card,
[data-theme="dark"] .profile-achievements-card,
[data-theme="dark"] .profile-certificates-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .profile-section-title,
[data-theme="dark"] .profile-stat-value,
[data-theme="dark"] .profile-stat-label {
  color: var(--text-primary);
}

[data-theme="dark"] .profile-stat-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .profile-streak-card {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .profile-streak-label,
[data-theme="dark"] .profile-streak-days,
[data-theme="dark"] .profile-streak-best {
  color: var(--text-primary);
}

[data-theme="dark"] .profile-badge-item,
[data-theme="dark"] .profile-certificate-item {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .profile-badge-item:hover,
[data-theme="dark"] .profile-certificate-item:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .profile-section-header,
[data-theme="dark"] .profile-section-header-main {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .profile-badge-name,
[data-theme="dark"] .profile-certificate-title-sidebar,
[data-theme="dark"] .profile-course-title {
  color: var(--text-primary);
}

[data-theme="dark"] .profile-badge-desc,
[data-theme="dark"] .profile-certificate-date-sidebar,
[data-theme="dark"] .profile-course-meta {
  color: var(--text-secondary);
}

[data-theme="dark"] .profile-certificate-card-sidebar {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .profile-certificate-card-sidebar:hover {
  border-color: var(--color-primary-light);
}

[data-theme="dark"] .profile-course-card {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .profile-course-card:hover {
  border-color: var(--color-primary-light);
}

/* ============================================
   Auth / Login Page (Get Started card) – Dark Mode
   ============================================ */

[data-theme="dark"] .landing-login-card {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-color);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .landing-login-card .get-started-title {
  color: var(--text-primary);
}

[data-theme="dark"] .landing-login-card .get-started-subtitle {
  color: var(--text-secondary);
}

[data-theme="dark"] .landing-login-card .auth-method-title {
  color: var(--text-primary);
}

[data-theme="dark"] .landing-login-card .auth-method-divider::before,
[data-theme="dark"] .landing-login-card .auth-method-divider::after {
  background: var(--border-color);
}

[data-theme="dark"] .landing-login-card .auth-method-divider span {
  color: var(--text-secondary);
}

[data-theme="dark"] .landing-login-card .form-label {
  color: var(--text-primary);
}

[data-theme="dark"] .landing-login-card .form-input {
  background-color: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .landing-login-card .form-input::placeholder {
  color: var(--color-gray-500);
}

[data-theme="dark"] .landing-login-card .form-input:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25);
}

[data-theme="dark"] .landing-card-footer {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .landing-card-footer p {
  color: var(--text-secondary);
}

[data-theme="dark"] .landing-login-card::-webkit-scrollbar-thumb {
  background: var(--color-gray-500);
}

[data-theme="dark"] .landing-login-card::-webkit-scrollbar-thumb:hover {
  background: var(--color-gray-400);
}

/* Payment success page */
[data-theme="dark"] .payment-success-demo-badge {
  background: rgba(245, 158, 11, 0.15);
  color: #fcd34d;
  border-color: rgba(245, 158, 11, 0.35);
}

[data-theme="dark"] .payment-success-card {
  border-top-color: var(--color-success);
}

[data-theme="dark"] .payment-success-icon-wrap {
  background: rgba(16, 185, 129, 0.2);
  color: #34d399;
}

[data-theme="dark"] .payment-success-label {
  color: #34d399;
}

[data-theme="dark"] .payment-success-title {
  color: var(--text-primary);
}

[data-theme="dark"] .payment-success-desc {
  color: var(--text-secondary);
}

[data-theme="dark"] .payment-success-actions .btn-primary:hover:not(:disabled),
[data-theme="dark"] .payment-success-actions .btn-secondary:hover:not(:disabled) {
  transform: none;
}

[data-theme="dark"] .payment-success-actions .btn-primary:hover:not(:disabled) {
  background-color: var(--color-primary);
}

[data-theme="dark"] .payment-success-actions .btn-secondary:hover:not(:disabled) {
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .lesson-player-text-content {
  color: var(--text-primary);
}

[data-theme="dark"] .lesson-player-text-content p,
[data-theme="dark"] .lesson-player-text-content li,
[data-theme="dark"] .lesson-player-text-content ul,
[data-theme="dark"] .lesson-player-text-content ol {
  color: var(--text-secondary);
}

[data-theme="dark"] .lesson-player-text-content h1,
[data-theme="dark"] .lesson-player-text-content h2,
[data-theme="dark"] .lesson-player-text-content h3,
[data-theme="dark"] .lesson-player-text-content h4,
[data-theme="dark"] .lesson-player-text-content h5,
[data-theme="dark"] .lesson-player-text-content h6,
[data-theme="dark"] .lesson-player-text-content strong {
  color: var(--text-primary);
}

[data-theme="dark"] .lesson-player-text-content blockquote {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
  border-left-color: var(--color-primary);
}

[data-theme="dark"] .lesson-player-text-content code,
[data-theme="dark"] .lesson-player-text-content pre {
  background: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .lesson-player-text-content th,
[data-theme="dark"] .lesson-player-text-content td {
  border-color: var(--border-color);
}

[data-theme="dark"] .lesson-player-text-content th {
  background: var(--bg-tertiary);
}

[data-theme="dark"] .lesson-player-text-content hr {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .EasyMDEContainer .CodeMirror {
  background: var(--bg-tertiary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .EasyMDEContainer .CodeMirror-cursor {
  border-left-color: var(--text-primary);
}

[data-theme="dark"] .EasyMDEContainer .editor-toolbar {
  background: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .EasyMDEContainer .editor-toolbar button {
  color: var(--text-primary);
}

[data-theme="dark"] .EasyMDEContainer .editor-toolbar button:hover,
[data-theme="dark"] .EasyMDEContainer .editor-toolbar button.active {
  background: var(--bg-tertiary);
  border-color: var(--border-color);
}

[data-theme="dark"] .EasyMDEContainer .editor-toolbar i.separator {
  border-color: var(--border-color);
}

[data-theme="dark"] .EasyMDEContainer .editor-preview,
[data-theme="dark"] .EasyMDEContainer .editor-preview-side {
  background: var(--bg-secondary);
  color: var(--text-primary);
}

[data-theme="dark"] .EasyMDEContainer .editor-statusbar {
  color: var(--text-secondary);
}

[data-theme="dark"] .cm-s-easymde .cm-header,
[data-theme="dark"] .cm-s-easymde .cm-comment,
[data-theme="dark"] .cm-s-easymde .cm-quote {
  color: var(--text-primary);
}