/* ==========================================================================
   SYSTEM-WIDE DARK MODE STYLES
   Supports Admin, Instructor, Student Dashboard, Course Player & Frontend
   ========================================================================== */

[data-theme="dark"],
html[data-theme="dark"],
body[data-theme="dark"] {
    --dm-bg-main: #0b132b;
    --dm-bg-surface: #111d38;
    --dm-bg-card: #162447;
    --dm-bg-elevated: #1d2e56;
    --dm-border: #233763;
    --dm-border-light: rgba(255, 255, 255, 0.08);
    --dm-text-primary: #f8fafc;
    --dm-text-secondary: #94a3b8;
    --dm-text-muted: #64748b;
    --dm-accent: #3b82f6;

    background-color: var(--dm-bg-main) !important;
    color: var(--dm-text-primary) !important;
}

/* Base resets in dark mode */
[data-theme="dark"] body {
    background-color: var(--dm-bg-main) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] main,
[data-theme="dark"] .ol-sidebar-content,
[data-theme="dark"] .ol-body-content,
[data-theme="dark"] .my-course-content,
[data-theme="dark"] .rl-dashboard-wrapper,
[data-theme="dark"] .video-playlist-section {
    background-color: var(--dm-bg-main) !important;
    color: var(--dm-text-primary) !important;
}

/* ==========================================================================
   HEADERS & NAVIGATION (ADMIN & INSTRUCTOR)
   ========================================================================== */
[data-theme="dark"] .ol-header {
    background-color: var(--dm-bg-surface) !important;
    border-bottom: 1px solid var(--dm-border) !important;
}

[data-theme="dark"] .ol-header .page-title,
[data-theme="dark"] .ol-header .page-title span,
[data-theme="dark"] .ol-header a,
[data-theme="dark"] .ol-header i {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .ol-sidebar {
    background-color: var(--dm-bg-surface) !important;
    border-right: 1px solid var(--dm-border) !important;
}

[data-theme="dark"] .sidebar-nav .sidebar-first-li a {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .sidebar-nav .sidebar-first-li:hover > a,
[data-theme="dark"] .sidebar-nav .sidebar-first-li.active > a {
    background-color: var(--dm-bg-elevated) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .sidebar-nav .first-sub-menu {
    background-color: var(--dm-bg-card) !important;
}

[data-theme="dark"] .sidebar-nav .sidebar-second-li a {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .sidebar-nav .sidebar-second-li.active a,
[data-theme="dark"] .sidebar-nav .sidebar-second-li a:hover {
    color: #ffffff !important;
}

/* Admin / Instructor Course Tabs (.ol-sidebar-tab) */
[data-theme="dark"] .ol-sidebar-tab .nav-link {
    background: var(--dm-bg-surface) !important;
    color: var(--dm-text-secondary) !important;
    border: 1px solid var(--dm-border) !important;
}

[data-theme="dark"] .ol-sidebar-tab .nav-link span::before {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .ol-sidebar-tab .nav-link:hover {
    background: var(--dm-bg-elevated) !important;
    color: #ffffff !important;
    border-color: var(--dm-accent) !important;
}

[data-theme="dark"] .ol-sidebar-tab .nav-link:hover span::before {
    color: #ffffff !important;
}

[data-theme="dark"] .ol-sidebar-tab .nav-link.active,
[data-theme="dark"] .ol-sidebar-tab .nav-pills .nav-link.active {
    background: var(--dm-accent) !important;
    color: #ffffff !important;
    border-color: var(--dm-accent) !important;
}

[data-theme="dark"] .ol-sidebar-tab .nav-link.active span::before,
[data-theme="dark"] .ol-sidebar-tab .nav-pills .nav-link.active span::before {
    color: #ffffff !important;
}

/* Edit Badge & Outline Buttons in Dark Mode */
[data-theme="dark"] .edit-badge {
    background-color: rgba(59, 130, 246, 0.15) !important;
    border-color: var(--dm-accent) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .ol-btn-outline-secondary {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .ol-btn-outline-secondary:hover,
[data-theme="dark"] .ol-btn-outline-secondary:active {
    background-color: var(--dm-bg-elevated) !important;
    border-color: var(--dm-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-gray-small {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .btn-outline-gray-small:hover {
    border-color: var(--dm-accent) !important;
    color: #ffffff !important;
}

/* Curriculum / Course Accordion Items in Dark Mode */
[data-theme="dark"] .single-accor-item {
    border-color: var(--dm-border) !important;
    background: var(--dm-bg-surface) !important;
}

[data-theme="dark"] .accordion-btn-wrap {
    background: var(--dm-bg-surface) !important;
}

[data-theme="dark"] .single-accor-item.active-accor .accordion-btn-wrap {
    background: var(--dm-bg-elevated) !important;
    box-shadow: inset 0 calc(-1 * 1px) 0 var(--dm-border) !important;
}

[data-theme="dark"] .accordion-btn-title .title {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .accordion-button-buttons .delete,
[data-theme="dark"] .accordion-button-buttons .edit {
    border-color: var(--dm-border) !important;
    background: var(--dm-bg-card) !important;
}

[data-theme="dark"] .accordion-button-buttons .delete span::before,
[data-theme="dark"] .accordion-button-buttons .edit span::before {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .accordion-button-buttons .delete:hover,
[data-theme="dark"] .accordion-button-buttons .edit:hover {
    border-color: var(--dm-accent) !important;
}

[data-theme="dark"] .accordion-button-buttons .delete:hover span::before,
[data-theme="dark"] .accordion-button-buttons .edit:hover span::before {
    color: #60a5fa !important;
}

[data-theme="dark"] .list-group-3 li:not(:last-child) {
    border-bottom: 1px solid var(--dm-border) !important;
}

[data-theme="dark"] .list-group-3 li .title {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .list-group-3 li .buttons .edit-delete {
    border-color: var(--dm-border) !important;
    background: var(--dm-bg-card) !important;
}

[data-theme="dark"] .list-group-3 li .buttons .edit-delete span::before {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .list-group-3 li .buttons .edit-delete:hover span::before {
    color: #60a5fa !important;
}

/* Add Section Block & Action Buttons in Dark Mode */
[data-theme="dark"] .add-section-block {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-accent) !important;
}

[data-theme="dark"] .add-section-block .title,
[data-theme="dark"] .add-section-block .sub-title {
    color: #60a5fa !important;
}

[data-theme="dark"] .add-section-block:hover {
    background-color: var(--dm-bg-elevated) !important;
    border-color: var(--dm-accent) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .ol-btn-light {
    background: var(--dm-bg-surface) !important;
    color: var(--dm-text-secondary) !important;
    border: 1px solid var(--dm-border) !important;
}

[data-theme="dark"] .ol-btn-light:hover,
[data-theme="dark"] .ol-btn-light:active {
    background: var(--dm-bg-elevated) !important;
    color: #ffffff !important;
    border-color: var(--dm-accent) !important;
}

/* ==========================================================================
   FRONTEND HEADER & TOP BAR
   ========================================================================== */
[data-theme="dark"] .sub-header {
    background-color: var(--dm-bg-main) !important;
    border-bottom: 1px solid var(--dm-border) !important;
}

[data-theme="dark"] .sub-header a,
[data-theme="dark"] .sub-header span,
[data-theme="dark"] .sub-header-left ul li a,
[data-theme="dark"] .right-sub ul li a i {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .sub-header-left ul li a:hover,
[data-theme="dark"] .right-sub ul li a:hover i {
    color: #60a5fa !important;
}

[data-theme="dark"] .sub-header svg path {
    stroke: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .primary-end .nice-control {
    background-color: transparent !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .primary-end .nice-control .current {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .nice-select .list {
    background-color: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
}

[data-theme="dark"] .nice-select .option {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .nice-select .option:hover,
[data-theme="dark"] .nice-select .option.focus,
[data-theme="dark"] .nice-select .option.selected.focus {
    background-color: var(--dm-bg-elevated) !important;
    color: #ffffff !important;
}

[data-theme="dark"] header.header-area,
[data-theme="dark"] .header-2,
[data-theme="dark"] .menu-bar,
[data-theme="dark"] .course-playing-header {
    background-color: var(--dm-bg-surface) !important;
    border-bottom: 1px solid var(--dm-border) !important;
}

[data-theme="dark"] .header-dark-logo {
    display: none !important;
}

[data-theme="dark"] .header-light-logo {
    display: block !important;
}

[data-theme="dark"] .primary-menu li a,
[data-theme="dark"] .main-menu ul li a,
[data-theme="dark"] .header-2 a,
[data-theme="dark"] .playing-video-title .title {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .primary-menu li a:hover,
[data-theme="dark"] .primary-menu li a.active,
[data-theme="dark"] .main-menu ul li a:hover,
[data-theme="dark"] .main-menu ul li a.active {
    color: #60a5fa !important;
}

[data-theme="dark"] .gSearch-icon:after {
    background-color: var(--dm-border) !important;
}

[data-theme="dark"] .gSearch-icon i {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .gSearch-show {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
}

[data-theme="dark"] .gSearch-show .form-control {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .mega_list,
[data-theme="dark"] .mega-dropdown-menu,
[data-theme="dark"] .child_category_menu {
    background-color: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .mega_list li a {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .mega_list li a:hover,
[data-theme="dark"] .child_category_menu li a:hover {
    background-color: var(--dm-bg-elevated) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .child_category_menu li a {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .header-area svg path {
    stroke: var(--dm-text-secondary);
}

[data-theme="dark"] .Userprofile .us-btn {
    background-color: var(--dm-bg-elevated) !important;
}

[data-theme="dark"] .Esearch_entry input,
[data-theme="dark"] .floating-searchbar input {
    background-color: var(--dm-bg-elevated) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .Userprofile .us-btn,
[data-theme="dark"] .cart-top-number {
    border-color: var(--dm-border) !important;
}

[data-theme="dark"] .dropdown-menu {
    background-color: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .dropdown-menu .dropdown-item {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .dropdown-menu .dropdown-item:hover {
    background-color: var(--dm-bg-elevated) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .figure_user {
    border-bottom: 1px solid var(--dm-border) !important;
}

[data-theme="dark"] .figure_user h4 {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .figure_user p {
    color: var(--dm-text-secondary) !important;
}

/* ==========================================================================
   CARDS, CONTAINERS & SURFACES
   ========================================================================== */
[data-theme="dark"] .card,
[data-theme="dark"] .ol-card,
[data-theme="dark"] .rl-card,
[data-theme="dark"] .course-sideBar,
[data-theme="dark"] .g-card,
[data-theme="dark"] .c-card,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .offcanvas {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .card-header,
[data-theme="dark"] .rl-card-header,
[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer,
[data-theme="dark"] .offcanvas-header {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .rl-card-title,
[data-theme="dark"] .card-title,
[data-theme="dark"] .g-title,
[data-theme="dark"] .title,
[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(--dm-text-primary) !important;
}

[data-theme="dark"] p,
[data-theme="dark"] span:not(.badge):not(.btn),
[data-theme="dark"] label {
    color: var(--dm-text-secondary);
}

/* Student Sidebar items */
[data-theme="dark"] .student-sidebar-border {
    background: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
}

[data-theme="dark"] .couses-tab-list li a {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .couses-tab-list li.active a,
[data-theme="dark"] .couses-tab-list li:hover a {
    background-color: var(--dm-bg-elevated) !important;
    color: #ffffff !important;
}

/* Rocket LMS Elements in Dark Mode */
[data-theme="dark"] .rl-continue-item,
[data-theme="dark"] .rl-course-stat-card,
[data-theme="dark"] .rl-assignment-item,
[data-theme="dark"] .rl-live-item {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
}

[data-theme="dark"] .rl-continue-title,
[data-theme="dark"] .rl-course-stat-card .num,
[data-theme="dark"] .rl-course-row-title,
[data-theme="dark"] .rl-assignment-title,
[data-theme="dark"] .rl-cal-title,
[data-theme="dark"] .rl-live-title,
[data-theme="dark"] .rl-notice-text strong {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .rl-cal-nav button {
    background-color: var(--dm-bg-elevated) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .rl-cal-day-cell {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .rl-cal-day-cell:hover {
    background-color: var(--dm-bg-elevated) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .rl-progress-bar-wrap {
    background-color: var(--dm-bg-elevated) !important;
}

[data-theme="dark"] .rl-live-icon {
    background-color: var(--dm-bg-elevated) !important;
    color: #60a5fa !important;
}

/* ==========================================================================
/* ==========================================================================
   UTILITY CLASSES IN DARK MODE (.bg-light, text-muted, etc.)
   ========================================================================== */
[data-theme="dark"] .bg-light,
[data-theme="dark"] .bg-white {
    background-color: var(--dm-bg-surface) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .text-muted,
[data-theme="dark"] .text-secondary {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .text-dark {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .border {
    border-color: var(--dm-border) !important;
}

[data-theme="dark"] .badge.bg-light {
    background-color: var(--dm-bg-elevated) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .input-group-text.bg-light,
[data-theme="dark"] .input-group-text {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

/* ==========================================================================
   FORMS & INPUTS
   ========================================================================== */
[data-theme="dark"] input.form-control,
[data-theme="dark"] select.form-select,
[data-theme="dark"] textarea.form-control,
[data-theme="dark"] .select2-container--default .select2-selection--single,
[data-theme="dark"] .select2-container--default .select2-selection--multiple,
[data-theme="dark"] .select2-container .select2-selection--multiple,
[data-theme="dark"] .tagify__input {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--dm-bg-elevated) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ef4444 !important;
}

[data-theme="dark"] .select2-search--inline .select2-search__field {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-accent) !important;
    color: var(--dm-text-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.25) !important;
}

[data-theme="dark"] .select2-dropdown {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
}

[data-theme="dark"] .select2-results__option {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .select2-results__option--highlighted {
    background-color: var(--dm-accent) !important;
}

[data-theme="dark"] .select2-results__option--selected {
    background-color: var(--dm-bg-elevated) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .select2-search--dropdown .select2-search__field {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .form-check-label,
[data-theme="dark"] .form-check-label-checkbox,
[data-theme="dark"] .form-check-label-radio {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .form-check-input,
[data-theme="dark"] .form-check-input-checkbox,
[data-theme="dark"] .form-check-input-radio {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
}

[data-theme="dark"] .form-check-input:checked,
[data-theme="dark"] .form-check-input-checkbox:checked,
[data-theme="dark"] .form-check-input-radio:checked {
    background-color: var(--dm-accent) !important;
    border-color: var(--dm-accent) !important;
}

/* ==========================================================================
   SUMMERNOTE RICH TEXT EDITOR IN DARK MODE
   ========================================================================== */
[data-theme="dark"] .note-editor.note-frame,
[data-theme="dark"] .note-editor.note-airframe {
    border: 1px solid var(--dm-border) !important;
    background-color: var(--dm-bg-surface) !important;
}

[data-theme="dark"] .note-editor .note-toolbar,
[data-theme="dark"] .note-toolbar {
    background-color: var(--dm-bg-card) !important;
    border-bottom: 1px solid var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .note-editor .note-editing-area,
[data-theme="dark"] .note-editor .note-editing-area .note-editable {
    background-color: var(--dm-bg-surface) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .note-editor .note-editing-area .note-editable[contenteditable=false] {
    background-color: var(--dm-bg-main) !important;
}

[data-theme="dark"] .note-editor .note-editing-area .note-editable p,
[data-theme="dark"] .note-editor .note-editing-area .note-editable span,
[data-theme="dark"] .note-editor .note-editing-area .note-editable li,
[data-theme="dark"] .note-editor .note-editing-area .note-editable div,
[data-theme="dark"] .note-editor .note-editing-area .note-editable h1,
[data-theme="dark"] .note-editor .note-editing-area .note-editable h2,
[data-theme="dark"] .note-editor .note-editing-area .note-editable h3,
[data-theme="dark"] .note-editor .note-editing-area .note-editable h4,
[data-theme="dark"] .note-editor .note-editing-area .note-editable h5,
[data-theme="dark"] .note-editor .note-editing-area .note-editable h6 {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .note-editor .note-editing-area .note-editable a {
    color: #60a5fa !important;
}

[data-theme="dark"] .note-editor .note-editing-area .note-editable table td,
[data-theme="dark"] .note-editor .note-editing-area .note-editable table th {
    border-color: var(--dm-border) !important;
}

[data-theme="dark"] .note-btn {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .note-btn.focus,
[data-theme="dark"] .note-btn:focus,
[data-theme="dark"] .note-btn:hover,
[data-theme="dark"] .note-btn.active,
[data-theme="dark"] .note-btn:active {
    background-color: var(--dm-bg-elevated) !important;
    border-color: var(--dm-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .note-btn[disabled],
[data-theme="dark"] .note-btn.disabled {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-muted) !important;
}

[data-theme="dark"] .note-dropdown-menu,
[data-theme="dark"] .note-dropdown {
    background-color: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .note-dropdown-menu .dropdown-item,
[data-theme="dark"] .note-dropdown-menu a,
[data-theme="dark"] a.note-dropdown-item {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .note-dropdown-menu .dropdown-item:hover,
[data-theme="dark"] .note-dropdown-menu a:hover,
[data-theme="dark"] a.note-dropdown-item:hover {
    background-color: var(--dm-bg-elevated) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .note-editor .note-statusbar,
[data-theme="dark"] .note-editor.note-frame .note-statusbar {
    background-color: var(--dm-bg-card) !important;
    border-top: 1px solid var(--dm-border) !important;
}

[data-theme="dark"] .note-editor .note-statusbar .note-resizebar .note-icon-bar {
    border-top: 1px solid var(--dm-border) !important;
}

[data-theme="dark"] .note-placeholder {
    color: var(--dm-text-muted) !important;
}

[data-theme="dark"] .note-modal-content {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .note-modal-header {
    border-bottom: 1px solid var(--dm-border) !important;
}

[data-theme="dark"] .note-modal-title,
[data-theme="dark"] .note-form-label {
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .note-input {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .note-popover,
[data-theme="dark"] .note-popover-content {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

/* ==========================================================================
   TABLES
   ========================================================================== */
[data-theme="dark"] .table {
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

[data-theme="dark"] .table > :not(caption) > * > * {
    background-color: transparent !important;
    border-bottom-color: var(--dm-border) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.03) !important;
}

/* ==========================================================================
   COURSE PLAYER SPECIFIC
   ========================================================================== */
[data-theme="dark"] .course-content-playlist,
[data-theme="dark"] .course-playlist-area {
    background-color: var(--dm-bg-surface) !important;
    border: 1px solid var(--dm-border) !important;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .course-content-playlist .heading {
    color: #ffffff !important;
}

[data-theme="dark"] .course-content-playlist .info {
    color: #93c5fd !important;
}

[data-theme="dark"] .course-content-playlist .border-bottom {
    border-color: var(--dm-border) !important;
}

[data-theme="dark"] .course-playlist-accordion .accordion-item {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
}

[data-theme="dark"] .course-playlist-accordion .accordion-item::after {
    background: var(--dm-border) !important;
}

[data-theme="dark"] .course-playlist-accordion .accordion-button {
    background-color: var(--dm-bg-surface) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border) !important;
}

[data-theme="dark"] .course-playlist-accordion .accordion-button:not(.collapsed) {
    background-color: var(--dm-bg-elevated) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .course-playlist-accordion .accordion-button::after {
    filter: invert(1) brightness(1.5);
}

[data-theme="dark"] .course-playlist-accordion .accordion-body {
    background-color: var(--dm-bg-surface) !important;
}

[data-theme="dark"] .coourse-playlist-item {
    background-color: var(--dm-bg-surface) !important;
    color: var(--dm-text-primary) !important;
}

[data-theme="dark"] .coourse-playlist-item:hover {
    background-color: var(--dm-bg-elevated) !important;
}

[data-theme="dark"] .coourse-playlist-item .video-title {
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .coourse-playlist-item:hover .video-title {
    color: #ffffff !important;
}

[data-theme="dark"] .coourse-playlist-item .duration {
    color: var(--dm-text-muted) !important;
}

[data-theme="dark"] .coourse-playlist-item .play-lock-number {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .coourse-playlist-item.active {
    background-color: var(--dm-accent) !important;
}

[data-theme="dark"] .coourse-playlist-item.active .video-title,
[data-theme="dark"] .coourse-playlist-item.active .duration {
    color: #ffffff !important;
}

[data-theme="dark"] .single-playlist-item {
    background-color: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .single-playlist-item.active,
[data-theme="dark"] .single-playlist-item:hover {
    background-color: var(--dm-bg-elevated) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   BUTTON TEXT CONTRAST IN DARK MODE
   Ensure all primary, gradient, and action buttons have bright white text & icons
   ========================================================================== */
[data-theme="dark"] .eBtn,
[data-theme="dark"] .eBtn span,
[data-theme="dark"] .eBtn i,
[data-theme="dark"] .eBtn svg,
[data-theme="dark"] .gradient,
[data-theme="dark"] .gradient span,
[data-theme="dark"] .gradient i,
[data-theme="dark"] .gradient svg,
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-primary span,
[data-theme="dark"] .btn-primary i,
[data-theme="dark"] .ol-btn-primary,
[data-theme="dark"] .ol-btn-primary span,
[data-theme="dark"] .ol-btn-primary i {
    color: #ffffff !important;
    fill: #ffffff !important;
}

[data-theme="dark"] .add-question .eBtn,
[data-theme="dark"] .add-question .eBtn span,
[data-theme="dark"] .add-question .eBtn svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}

[data-theme="dark"] .custom-btn,
[data-theme="dark"] .custom-btn span,
[data-theme="dark"] .custom-btn i {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ==========================================================================
   THEME TOGGLE BUTTON COMPONENT
   ========================================================================== */
.theme-toggle-btn {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #475569;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.25s ease;
    padding: 0;
    margin: 0 4px;
}

[data-theme="dark"] .theme-toggle-btn {
    background: rgba(255, 255, 255, 0.12);
    border-color: var(--dm-border);
    color: #facc15; /* warm yellow sun in dark mode */
}

.theme-toggle-btn:hover {
    transform: scale(1.08);
    background: rgba(59, 130, 246, 0.15);
    color: #2b59ff;
}

[data-theme="dark"] .theme-toggle-btn:hover {
    background: rgba(250, 204, 21, 0.2);
    color: #fde047;
}

/* ==========================================================================
   GLOBAL PROFILE BANNER & BREADCRUMB (DARK MODE)
   ========================================================================== */
[data-theme="dark"] .profile-banner-area {
    background: linear-gradient(135deg, #050a17 0%, #0c172e 45%, #11203d 100%) !important;
}

[data-theme="dark"] .profile-banner-area::after {
    background: linear-gradient(180deg, rgba(5, 10, 23, 0.3) 0%, rgba(11, 19, 43, 0.95) 92%, #0b132b 100%) !important;
}

[data-theme="dark"] .breadcum-area {
    background: linear-gradient(135deg, #050a17 0%, #0c172e 45%, #11203d 100%) !important;
}

[data-theme="dark"] .breadcum-area::after {
    background: linear-gradient(180deg, rgba(5, 10, 23, 0.3) 0%, rgba(11, 19, 43, 0.92) 90%, #0b132b 100%) !important;
}