/* =========================================================
   LEARN ACADEMY - FINAL GLOBAL DARK MODE
   Applies only when: <html data-theme="dark">
========================================================= */

/* =========================================================
   THEME VARIABLES
========================================================= */

html[data-theme="dark"] {
    color-scheme: dark;

    --bg: #0b1220 !important;
    --background: #0b1220 !important;
    --white: #111827 !important;

    --text: #f8fafc !important;
    --muted: #9aa9bd !important;

    --border: #2a374b !important;
    --navy: #0f172a !important;

    --green: #24963b !important;
    --green-dark: #18752d !important;

    --card-bg: #111827 !important;
    --card-bg-soft: #151e2e !important;
    --card-bg-hover: #192438 !important;

    --input-bg: #0f172a !important;
}


/* =========================================================
   GLOBAL PAGE
========================================================= */

html[data-theme="dark"],
html[data-theme="dark"] body {
    background: #0b1220 !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] .main,
html[data-theme="dark"] .content,
html[data-theme="dark"] .page,
html[data-theme="dark"] .page-content,
html[data-theme="dark"] .layout {
    background-color: #0b1220 !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] strong,
html[data-theme="dark"] label {
    color: #f8fafc !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] .meta,
html[data-theme="dark"] .description,
html[data-theme="dark"] .subtitle,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .text-muted {
    color: #9aa9bd !important;
}

html[data-theme="dark"] a {
    color: inherit;
}


/* =========================================================
   GENERIC CARDS / PANELS
========================================================= */

html[data-theme="dark"] .card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .course-card,
html[data-theme="dark"] .quiz-card,
html[data-theme="dark"] .teacher-card,
html[data-theme="dark"] .student-card,
html[data-theme="dark"] .result-card,
html[data-theme="dark"] .language-card,
html[data-theme="dark"] .subscription-card,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .dashboard-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .box,
html[data-theme="dark"] .details-box,
html[data-theme="dark"] .table-wrapper {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: #2a374b !important;

    box-shadow:
        0 8px 25px
        rgba(0, 0, 0, 0.18) !important;
}

html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-body,
html[data-theme="dark"] .page-header,
html[data-theme="dark"] .form-section,
html[data-theme="dark"] .profile-section {
    background: transparent !important;
    color: #f8fafc !important;
    border-color: #2a374b !important;
}


/* =========================================================
   FORMS
========================================================= */

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #6f8097 !important;
}

html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus {
    border-color: #24963b !important;
    outline: none !important;

    box-shadow:
        0 0 0 3px
        rgba(36, 150, 59, 0.15) !important;
}


/* =========================================================
   BUTTONS
========================================================= */

html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .primary-btn,
html[data-theme="dark"] .primary-button,
html[data-theme="dark"] .login-btn,
html[data-theme="dark"] .login-button,
html[data-theme="dark"] .auth-btn,
html[data-theme="dark"] .auth-button,
html[data-theme="dark"] .submit-btn,
html[data-theme="dark"] .submit-button,
html[data-theme="dark"] .save-button,
html[data-theme="dark"] .submit-button,
html[data-theme="dark"] button[type="submit"]:not(.delete):not(.danger):not(.danger-button) {
    background: #24963b !important;
    color: #ffffff !important;
    border-color: #24963b !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .primary-btn:hover,
html[data-theme="dark"] .login-btn:hover,
html[data-theme="dark"] .login-button:hover,
html[data-theme="dark"] .auth-btn:hover,
html[data-theme="dark"] .save-button:hover,
html[data-theme="dark"] button[type="submit"]:not(.delete):not(.danger):not(.danger-button):hover {
    background: #18752d !important;
    border-color: #18752d !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .secondary-btn,
html[data-theme="dark"] .secondary-button,
html[data-theme="dark"] .outline-btn {
    background: #182235 !important;
    color: #f8fafc !important;
    border-color: #3a4960 !important;
}

html[data-theme="dark"] .btn-light:hover,
html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .secondary-btn:hover,
html[data-theme="dark"] .outline-btn:hover {
    background: #202c40 !important;
    color: #ffffff !important;
    border-color: #24963b !important;
}

html[data-theme="dark"] .btn-danger,
html[data-theme="dark"] .danger-button,
html[data-theme="dark"] .delete,
html[data-theme="dark"] button.danger {
    background: #dc2626 !important;
    color: #ffffff !important;
}


/* =========================================================
   TABLES
========================================================= */

html[data-theme="dark"] table {
    background: #111827 !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] th {
    background: #172033 !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] table,
html[data-theme="dark"] th,
html[data-theme="dark"] td {
    border-color: #2a374b !important;
}

html[data-theme="dark"] tbody tr {
    background: #111827 !important;
}

html[data-theme="dark"] tbody tr:nth-child(even) {
    background: #141d2c !important;
}

html[data-theme="dark"] tbody tr:hover {
    background: #1a2536 !important;
}


/* =========================================================
   SIDEBARS / TOPBARS
========================================================= */

html[data-theme="dark"] .sidebar {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] .topbar,
html[data-theme="dark"] header.topbar {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: #2a374b !important;
}


/* =========================================================
   PUBLIC NAVBAR
========================================================= */

html[data-theme="dark"] .public-navbar {
    background: #101827 !important;
    border-bottom-color: #263244 !important;
}

html[data-theme="dark"] .public-navbar .public-brand span {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html[data-theme="dark"] .public-navbar .public-menu a {
    color: #f8fafc !important;
}

html[data-theme="dark"] .public-navbar .public-menu a:hover,
html[data-theme="dark"] .public-navbar .public-menu a.active {
    color: #24963b !important;
}

html[data-theme="dark"] .public-navbar .language-button {
    background: #182235 !important;
    color: #ffffff !important;
    border-color: #3a4960 !important;
}

html[data-theme="dark"] .public-navbar .language-button span {
    color: #ffffff !important;
}

html[data-theme="dark"] .public-navbar .language-button:hover {
    background: #202c40 !important;
    color: #ffffff !important;
    border-color: #24963b !important;
}

html[data-theme="dark"] .public-navbar .language-menu {
    background: #151e2e !important;
    border-color: #334155 !important;

    box-shadow:
        0 15px 40px
        rgba(0, 0, 0, 0.38) !important;
}

html[data-theme="dark"] .public-navbar .language-menu a {
    background: transparent !important;
    color: #cbd5e1 !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .public-navbar .language-menu a strong {
    color: #ffffff !important;
}

html[data-theme="dark"] .public-navbar .language-menu a:hover {
    background: #202c40 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .public-navbar .language-menu a.active {
    background: rgba(36, 150, 59, 0.20) !important;
    color: #4ade80 !important;
}

html[data-theme="dark"] .public-navbar .language-menu a.active strong {
    color: #4ade80 !important;
}

html[data-theme="dark"] .public-navbar .navbar-login {
    background: #182235 !important;
    color: #ffffff !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .public-navbar .navbar-login:hover {
    background: #202c40 !important;
    color: #ffffff !important;
    border-color: #24963b !important;
}

html[data-theme="dark"] .public-navbar .navbar-signup,
html[data-theme="dark"] .public-navbar .navbar-dashboard {
    background: #24963b !important;
    color: #ffffff !important;
    border-color: #24963b !important;
}

html[data-theme="dark"] .public-navbar .navbar-signup:hover,
html[data-theme="dark"] .public-navbar .navbar-dashboard:hover {
    background: #18752d !important;
    color: #ffffff !important;
}


/* =========================================================
   SHARED PUBLIC HEROES
========================================================= */

html[data-theme="dark"] .hero,
html[data-theme="dark"] .courses-hero,
html[data-theme="dark"] .professors-hero,
html[data-theme="dark"] .quizzes-hero,
html[data-theme="dark"] .plans-hero,
html[data-theme="dark"] .contact-hero {
    background:
        linear-gradient(
            135deg,
            #101827 0%,
            #111d2d 70%,
            #10251a 100%
        ) !important;

    border-color: #2a374b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .hero-badge {
    background: #182235 !important;
    color: #4ade80 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .courses-hero h1,
html[data-theme="dark"] .professors-hero h1,
html[data-theme="dark"] .quizzes-hero h1,
html[data-theme="dark"] .plans-hero h1,
html[data-theme="dark"] .contact-hero h1 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .courses-hero p,
html[data-theme="dark"] .professors-hero p,
html[data-theme="dark"] .quizzes-hero p,
html[data-theme="dark"] .plans-hero p,
html[data-theme="dark"] .contact-hero p {
    color: #a7b3c6 !important;
}


/* =========================================================
   HOME
========================================================= */

html[data-theme="dark"] .hero {
    background:
        linear-gradient(
            135deg,
            #0b1220 0%,
            #101827 58%,
            #10251a 100%
        ) !important;
}

html[data-theme="dark"] .hero h1 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .hero h1 span {
    color: #24963b !important;
}

html[data-theme="dark"] .hero-text {
    color: #a7b3c6 !important;
}

html[data-theme="dark"] .hero-visual {
    background: #111827 !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] .learning-panel {
    background: #151e2e !important;
    border-color: #2a374b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .learning-panel h3,
html[data-theme="dark"] .learning-item strong {
    color: #f8fafc !important;
}

html[data-theme="dark"] .learning-panel > p {
    color: #a7b3c6 !important;
}

html[data-theme="dark"] .learning-item {
    border-bottom-color: #334155 !important;
}

html[data-theme="dark"] .learning-item span {
    color: #4ade80 !important;
}

html[data-theme="dark"] .progress {
    background: #334155 !important;
}

html[data-theme="dark"] .progress div {
    background: #24963b !important;
}

html[data-theme="dark"] .stats {
    background: #111827 !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] .stat {
    border-color: #2a374b !important;
}

html[data-theme="dark"] .stat strong {
    color: #4ade80 !important;
}

html[data-theme="dark"] .stat span {
    color: #9aa9bd !important;
}

html[data-theme="dark"] .section-white {
    background: #0b1220 !important;
}

html[data-theme="dark"] .section-heading h2 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .section-heading p {
    color: #9aa9bd !important;
}

html[data-theme="dark"] .section-label {
    color: #4ade80 !important;
}

html[data-theme="dark"] .explore-card,
html[data-theme="dark"] .why-card {
    background: #151e2e !important;
    border-color: #2a374b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .explore-card:hover {
    background: #192438 !important;
    border-color: #24963b !important;
}

html[data-theme="dark"] .explore-number,
html[data-theme="dark"] .how-number {
    background: rgba(36, 150, 59, 0.18) !important;
    color: #4ade80 !important;
}

html[data-theme="dark"] .explore-card h3,
html[data-theme="dark"] .why-card h3 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .explore-card p,
html[data-theme="dark"] .why-card p {
    color: #a7b3c6 !important;
}

html[data-theme="dark"] .explore-card a {
    color: #4ade80 !important;
}

html[data-theme="dark"] .explore-card a:hover {
    color: #86efac !important;
}


/* =========================================================
   PUBLIC FILTERS
========================================================= */

html[data-theme="dark"] .filters {
    background: #111827 !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] .filter-form input,
html[data-theme="dark"] .filter-form select {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .filter-form input:focus,
html[data-theme="dark"] .filter-form select:focus {
    border-color: #24963b !important;
}

html[data-theme="dark"] .section-head h2 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .section-head p,
html[data-theme="dark"] .results-count {
    color: #9aa9bd !important;
}


/* =========================================================
   PUBLIC COURSES - INDEX
========================================================= */

html[data-theme="dark"] .course-card {
    background: #111827 !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] .course-card:hover {
    background: #151e2e !important;
    border-color: #24963b !important;
}

html[data-theme="dark"] .course-title,
html[data-theme="dark"] .course-title a {
    color: #f8fafc !important;
}

html[data-theme="dark"] .course-description,
html[data-theme="dark"] .meta-item,
html[data-theme="dark"] .teacher {
    color: #9aa9bd !important;
}

html[data-theme="dark"] .teacher strong,
html[data-theme="dark"] .meta-item strong {
    color: #f8fafc !important;
}

html[data-theme="dark"] .course-meta,
html[data-theme="dark"] .course-footer {
    border-color: #2a374b !important;
}

html[data-theme="dark"] .empty-state {
    background: #111827 !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] .empty-state h3 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .empty-state p {
    color: #9aa9bd !important;
}


/* =========================================================
   PUBLIC COURSE - SHOW
========================================================= */

html[data-theme="dark"] .hero-content,
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .content-grid .card {
    background: #111827 !important;
    border-color: #2a374b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .description,
html[data-theme="dark"] .meta-label,
html[data-theme="dark"] .side-content p,
html[data-theme="dark"] .cta-note,
html[data-theme="dark"] .lesson-description,
html[data-theme="dark"] .quiz-meta,
html[data-theme="dark"] .teacher span,
html[data-theme="dark"] .breadcrumb {
    color: #9aa9bd !important;
}

html[data-theme="dark"] .meta-value,
html[data-theme="dark"] .lesson-title,
html[data-theme="dark"] .quiz strong,
html[data-theme="dark"] .teacher strong,
html[data-theme="dark"] .plan-name {
    color: #f8fafc !important;
}

html[data-theme="dark"] .course-meta,
html[data-theme="dark"] .card-head,
html[data-theme="dark"] .lesson {
    border-color: #2a374b !important;
}

html[data-theme="dark"] .lesson-number {
    background: #182235 !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .quiz,
html[data-theme="dark"] .plan {
    background: #151e2e !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .teacher-avatar {
    background: rgba(36, 150, 59, 0.18) !important;
    color: #4ade80 !important;
}


/* =========================================================
   PUBLIC PROFESSORS - INDEX
========================================================= */

html[data-theme="dark"] .professor-card {
    background: #111827 !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] .professor-card:hover {
    background: #151e2e !important;
    border-color: #24963b !important;
}

html[data-theme="dark"] .professor-name {
    color: #f8fafc !important;
}

html[data-theme="dark"] .bio,
html[data-theme="dark"] .professor-stats .stat span {
    color: #9aa9bd !important;
}

html[data-theme="dark"] .professor-stats {
    border-color: #2a374b !important;
}

html[data-theme="dark"] .professor-stats .stat strong {
    color: #f8fafc !important;
}

html[data-theme="dark"] .language {
    background: #17233a !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .professor-photo {
    border-color: #173222 !important;
}

html[data-theme="dark"] .professors-grid .empty {
    background: #111827 !important;
    border-color: #2a374b !important;
}


/* =========================================================
   PUBLIC PROFESSOR - SHOW
========================================================= */

html[data-theme="dark"] .profile-hero,
html[data-theme="dark"] .profile-hero + .content-grid .card,
html[data-theme="dark"] .courses-grid .course {
    background: #111827 !important;
    border-color: #2a374b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .profile-bio,
html[data-theme="dark"] .stat-label,
html[data-theme="dark"] .course-meta,
html[data-theme="dark"] .info-label {
    color: #9aa9bd !important;
}

html[data-theme="dark"] .profile-hero .stat {
    background: #151e2e !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .stat-value,
html[data-theme="dark"] .info-value,
html[data-theme="dark"] .courses-grid .course-title {
    color: #f8fafc !important;
}

html[data-theme="dark"] .info-row {
    border-color: #2a374b !important;
}


/* =========================================================
   PUBLIC QUIZZES
========================================================= */

html[data-theme="dark"] .quiz-card {
    background: #111827 !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] .quiz-card:hover {
    background: #151e2e !important;
    border-color: #9333ea !important;
}

html[data-theme="dark"] .quiz-top {
    background:
        linear-gradient(
            135deg,
            #171426,
            #151e2e
        ) !important;

    border-bottom-color: #2a374b !important;
}

html[data-theme="dark"] .quiz-title {
    color: #f8fafc !important;
}

html[data-theme="dark"] .quiz-description,
html[data-theme="dark"] .course-label,
html[data-theme="dark"] .course-language,
html[data-theme="dark"] .quiz-stat span,
html[data-theme="dark"] .access-note {
    color: #9aa9bd !important;
}

html[data-theme="dark"] .course-box {
    background: #151e2e !important;
}

html[data-theme="dark"] .course-name,
html[data-theme="dark"] .quiz-stat strong {
    color: #f8fafc !important;
}

html[data-theme="dark"] .quiz-stats {
    border-color: #2a374b !important;
}

html[data-theme="dark"] .info-card {
    background: #111827 !important;
    border-color: #2a374b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .info-card h3 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .info-card p {
    color: #9aa9bd !important;
}

html[data-theme="dark"] .quizzes-grid .empty {
    background: #111827 !important;
    border-color: #2a374b !important;
}


/* =========================================================
   PUBLIC SUBSCRIPTIONS / PLANS
========================================================= */

html[data-theme="dark"] .subscription-status,
html[data-theme="dark"] .plan-card,
html[data-theme="dark"] .how-card {
    background: #111827 !important;
    border-color: #2a374b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .plan-card:hover {
    background: #151e2e !important;
    border-color: #24963b !important;
}

html[data-theme="dark"] .plan-card.featured {
    border-color: #24963b !important;
}

html[data-theme="dark"] .plan-top {
    background:
        linear-gradient(
            135deg,
            #151e2e,
            #132218
        ) !important;

    border-bottom-color: #2a374b !important;
}

html[data-theme="dark"] .plan-name,
html[data-theme="dark"] .block-title,
html[data-theme="dark"] .subscription-value,
html[data-theme="dark"] .how-card h3 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .plan-description,
html[data-theme="dark"] .feature-item,
html[data-theme="dark"] .billing,
html[data-theme="dark"] .duration,
html[data-theme="dark"] .button-note,
html[data-theme="dark"] .empty-info,
html[data-theme="dark"] .subscription-label,
html[data-theme="dark"] .how-card p {
    color: #9aa9bd !important;
}

html[data-theme="dark"] .subscription-item,
html[data-theme="dark"] .price-box {
    background: #151e2e !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .course-chip {
    background: #17233a !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .feature-item .check,
html[data-theme="dark"] .price {
    color: #4ade80 !important;
}

html[data-theme="dark"] .pending-box {
    background: #2b2413 !important;
    border-color: #665521 !important;
    color: #facc15 !important;
}

html[data-theme="dark"] .pending-box strong,
html[data-theme="dark"] .pending-box p {
    color: #fde68a !important;
}

html[data-theme="dark"] .btn-disabled {
    background: #1e293b !important;
    color: #64748b !important;
}


/* =========================================================
   STATUS BADGES
========================================================= */

html[data-theme="dark"] .status-active {
    background: rgba(22, 101, 52, 0.28) !important;
    color: #86efac !important;
}

html[data-theme="dark"] .status-expired {
    background: rgba(153, 27, 27, 0.25) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .status-pending {
    background: rgba(146, 64, 14, 0.28) !important;
    color: #fde68a !important;
}


/* =========================================================
   PUBLIC CONTACT
========================================================= */

html[data-theme="dark"] .contact-grid .info-card {
    background: #111827 !important;
    color: #f8fafc !important;
    border: 1px solid #2a374b !important;
}

html[data-theme="dark"] .contact-grid .info-card > p,
html[data-theme="dark"] .support-item p {
    color: #9aa9bd !important;
}

html[data-theme="dark"] .support-item {
    border-color: #2a374b !important;
}

html[data-theme="dark"] .support-number {
    background: rgba(36, 150, 59, 0.18) !important;
    color: #4ade80 !important;
}

html[data-theme="dark"] .form-card {
    background: #111827 !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] .form-header {
    background: #151e2e !important;
    border-bottom-color: #2a374b !important;
}

html[data-theme="dark"] .form-body {
    background: #111827 !important;
}

html[data-theme="dark"] .form-header h2 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .form-header p {
    color: #9aa9bd !important;
}

html[data-theme="dark"] .form-group label {
    color: #e5e7eb !important;
}

html[data-theme="dark"] .form-group input,
html[data-theme="dark"] .form-group textarea {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .form-group input:focus,
html[data-theme="dark"] .form-group textarea:focus {
    border-color: #24963b !important;

    box-shadow:
        0 0 0 3px
        rgba(36, 150, 59, 0.15) !important;
}

html[data-theme="dark"] .success {
    background: #102719 !important;
    border-color: #166534 !important;
    color: #bbf7d0 !important;
}

html[data-theme="dark"] .error {
    color: #fca5a5 !important;
}


/* =========================================================
   BADGES
========================================================= */

html[data-theme="dark"] .badge-green,
html[data-theme="dark"] .plan-badge {
    background: rgba(22, 101, 52, 0.28) !important;
    color: #86efac !important;
}

html[data-theme="dark"] .badge-blue {
    background: rgba(29, 78, 216, 0.25) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .badge-purple,
html[data-theme="dark"] .quiz-badge,
html[data-theme="dark"] .info-number {
    background: rgba(126, 34, 206, 0.25) !important;
    color: #d8b4fe !important;
}

html[data-theme="dark"] .discount-badge {
    background: rgba(146, 64, 14, 0.30) !important;
    color: #fde68a !important;
}


/* =========================================================
   DROPDOWNS / PAGINATION / MODALS
========================================================= */

html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .dropdown-content,
html[data-theme="dark"] .menu-dropdown {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] .pagination a,
html[data-theme="dark"] .pagination span,
html[data-theme="dark"] .pagination-button {
    background: #111827 !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .modal-card {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: #2a374b !important;
}


/* =========================================================
   AUTH PAGES
========================================================= */

html[data-theme="dark"] .auth-wrapper,
html[data-theme="dark"] .auth-container {
    background: #0b1220 !important;
}

html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .register-card,
html[data-theme="dark"] .auth-box,
html[data-theme="dark"] .login-box,
html[data-theme="dark"] .register-box,
html[data-theme="dark"] .form-container {
    background: #111827 !important;
    border-color: #2a374b !important;
    color: #f8fafc !important;
}


/* =========================================================
   THEME TOGGLE
========================================================= */

#global-theme-toggle {
    position: fixed;

    right: 22px;
    bottom: 22px;

    width: 46px;
    height: 46px;

    border: 1px solid #dbe3ea;
    border-radius: 12px;

    background: #ffffff;
    color: #101827;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    z-index: 999999;

    box-shadow:
        0 8px 24px
        rgba(15, 23, 42, 0.16);

    transition:
        background .2s ease,
        color .2s ease,
        border .2s ease,
        transform .2s ease;
}

#global-theme-toggle:hover {
    transform: translateY(-2px);
}

html[data-theme="dark"] #global-theme-toggle {
    background: #172033 !important;
    color: #f8fafc !important;
    border-color: #41506a !important;
}

#global-theme-toggle svg {
    width: 20px;
    height: 20px;

    fill: none;
    stroke: currentColor;

    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   RTL / MOBILE
========================================================= */

html[dir="rtl"] #global-theme-toggle {
    right: auto;
    left: 22px;
}

@media (max-width: 600px) {
    #global-theme-toggle {
        right: 15px;
        bottom: 15px;

        width: 42px;
        height: 42px;
    }

    html[dir="rtl"] #global-theme-toggle {
        right: auto;
        left: 15px;
    }
}
/* =========================================================
   ADMIN AREA - FINAL DARK MODE OVERRIDES
   Built from the actual Admin Blade classes.
========================================================= */

/* Core admin surfaces */
html[data-theme="dark"] .content .quick-card,
html[data-theme="dark"] .content .stat-card,
html[data-theme="dark"] .content .stat,
html[data-theme="dark"] .content .panel,
html[data-theme="dark"] .content .overview-item,
html[data-theme="dark"] .content .card,
html[data-theme="dark"] .content .table-card,
html[data-theme="dark"] .content .filters,
html[data-theme="dark"] .content .hero,
html[data-theme="dark"] .content .profile,
html[data-theme="dark"] .content .method-card,
html[data-theme="dark"] .content .message-card,
html[data-theme="dark"] .content .plan-card,
html[data-theme="dark"] .content .subscriptions,
html[data-theme="dark"] .content .price-row,
html[data-theme="dark"] .content .proof,
html[data-theme="dark"] .content .question,
html[data-theme="dark"] .content .answer,
html[data-theme="dark"] .content .save-area,
html[data-theme="dark"] .content .form-card,
html[data-theme="dark"] .content .info-item,
html[data-theme="dark"] .content .message-text,
html[data-theme="dark"] .content .section {
    background: #111827 !important;
    color: #f8fafc !important;
    border-color: #2a374b !important;
}

/* Slightly softer nested surfaces */
html[data-theme="dark"] .content .card-header,
html[data-theme="dark"] .content .panel-header,
html[data-theme="dark"] .content .message-actions,
html[data-theme="dark"] .content .price-status,
html[data-theme="dark"] .content .method-logo,
html[data-theme="dark"] .content .language-placeholder,
html[data-theme="dark"] .content .language-option input:checked + .language-label,
html[data-theme="dark"] .content .placeholder,
html[data-theme="dark"] .content .person-avatar,
html[data-theme="dark"] .content .cover {
    background: #151e2e !important;
    border-color: #334155 !important;
}

/* Dashboard quick actions */
html[data-theme="dark"] .content .quick-card {
    box-shadow: none !important;
}

html[data-theme="dark"] .content .quick-card:hover,
html[data-theme="dark"] .content .stat-card:hover,
html[data-theme="dark"] .content .method-card:hover,
html[data-theme="dark"] .content .plan-card:hover {
    background: #172033 !important;
    border-color: #24963b !important;
}

html[data-theme="dark"] .content .quick-card strong,
html[data-theme="dark"] .content .quick-card h3,
html[data-theme="dark"] .content .overview-value,
html[data-theme="dark"] .content .stat-value,
html[data-theme="dark"] .content .detail-value,
html[data-theme="dark"] .content .info-value,
html[data-theme="dark"] .content .message-subject,
html[data-theme="dark"] .content .section-title,
html[data-theme="dark"] .content .question-title,
html[data-theme="dark"] .content .name {
    color: #f8fafc !important;
}

html[data-theme="dark"] .content .quick-card span,
html[data-theme="dark"] .content .stat-label,
html[data-theme="dark"] .content .stat-detail,
html[data-theme="dark"] .content .overview-label,
html[data-theme="dark"] .content .detail-label,
html[data-theme="dark"] .content .info-label,
html[data-theme="dark"] .content .help,
html[data-theme="dark"] .content .description,
html[data-theme="dark"] .content .subtitle,
html[data-theme="dark"] .content .sub,
html[data-theme="dark"] .content .feature,
html[data-theme="dark"] .content .proof span,
html[data-theme="dark"] .content .bio {
    color: #9aa9bd !important;
}

/* Dashboard quick icons */
html[data-theme="dark"] .content .quick-icon,
html[data-theme="dark"] .content .next-icon {
    background: rgba(36, 150, 59, .16) !important;
    color: #4ade80 !important;
}

/* Tables */
html[data-theme="dark"] .content table {
    background: #111827 !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .content thead,
html[data-theme="dark"] .content th {
    background: #151e2e !important;
    color: #e5e7eb !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] .content td,
html[data-theme="dark"] .content tr {
    border-color: #2a374b !important;
}

html[data-theme="dark"] .content tbody tr {
    background: #111827 !important;
}

html[data-theme="dark"] .content tbody tr:nth-child(even) {
    background: #121b2a !important;
}

html[data-theme="dark"] .content tbody tr:hover {
    background: #172033 !important;
}

/* New/unread message row */
html[data-theme="dark"] .content .new-row {
    background: rgba(36, 150, 59, .09) !important;
}

/* Filters, form fields and controls */
html[data-theme="dark"] .content input,
html[data-theme="dark"] .content select,
html[data-theme="dark"] .content textarea,
html[data-theme="dark"] .content .filters input,
html[data-theme="dark"] .content .filters select,
html[data-theme="dark"] .content .group input,
html[data-theme="dark"] .content .group select,
html[data-theme="dark"] .content .group textarea,
html[data-theme="dark"] .content .form-group input,
html[data-theme="dark"] .content .form-group select,
html[data-theme="dark"] .content .form-group textarea,
html[data-theme="dark"] .content .quick-status select {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: #3a4960 !important;
}

html[data-theme="dark"] .content input::placeholder,
html[data-theme="dark"] .content textarea::placeholder {
    color: #718198 !important;
}

html[data-theme="dark"] .content input:focus,
html[data-theme="dark"] .content select:focus,
html[data-theme="dark"] .content textarea:focus {
    border-color: #24963b !important;
    box-shadow: 0 0 0 3px rgba(36, 150, 59, .12) !important;
}

/* Neutral buttons */
html[data-theme="dark"] .content .back,
html[data-theme="dark"] .content .back-button,
html[data-theme="dark"] .content .cancel,
html[data-theme="dark"] .content .cancel-button,
html[data-theme="dark"] .content .reset-button,
html[data-theme="dark"] .content .view-site,
html[data-theme="dark"] .content .btn-light,
html[data-theme="dark"] .content .quick-status button {
    background: #182235 !important;
    color: #e5e7eb !important;
    border-color: #3a4960 !important;
}

html[data-theme="dark"] .content .back:hover,
html[data-theme="dark"] .content .back-button:hover,
html[data-theme="dark"] .content .cancel:hover,
html[data-theme="dark"] .content .cancel-button:hover,
html[data-theme="dark"] .content .reset-button:hover,
html[data-theme="dark"] .content .view-site:hover,
html[data-theme="dark"] .content .btn-light:hover {
    background: #202c40 !important;
    color: #ffffff !important;
    border-color: #24963b !important;
}

/* Green action buttons */
html[data-theme="dark"] .content .add-button,
html[data-theme="dark"] .content .primary,
html[data-theme="dark"] .content .btn-primary,
html[data-theme="dark"] .content .save,
html[data-theme="dark"] .content .save-button {
    background: #24963b !important;
    color: #ffffff !important;
    border-color: #24963b !important;
}

html[data-theme="dark"] .content .add-button:hover,
html[data-theme="dark"] .content .primary:hover,
html[data-theme="dark"] .content .btn-primary:hover,
html[data-theme="dark"] .content .save:hover,
html[data-theme="dark"] .content .save-button:hover {
    background: #18752d !important;
    color: #ffffff !important;
}

/* Dashed/add-another buttons */
html[data-theme="dark"] .content .add {
    background: rgba(36, 150, 59, .10) !important;
    color: #4ade80 !important;
    border-color: #24963b !important;
}

/* Blue view/edit actions */
html[data-theme="dark"] .content .edit,
html[data-theme="dark"] .content .btn-blue,
html[data-theme="dark"] .content .mark-read {
    background: rgba(47, 111, 237, .16) !important;
    color: #93c5fd !important;
    border-color: rgba(96, 165, 250, .30) !important;
}

/* Green view action */
html[data-theme="dark"] .content .view {
    background: rgba(36, 150, 59, .16) !important;
    color: #86efac !important;
    border-color: rgba(74, 222, 128, .25) !important;
}

/* Gray/archive actions */
html[data-theme="dark"] .content .gray,
html[data-theme="dark"] .content .mark-archived {
    background: #1e293b !important;
    color: #cbd5e1 !important;
    border-color: #334155 !important;
}

/* Status pills */
html[data-theme="dark"] .content .status.active,
html[data-theme="dark"] .content .status-active,
html[data-theme="dark"] .content .active.status {
    background: rgba(22, 101, 52, .30) !important;
    color: #86efac !important;
}

html[data-theme="dark"] .content .status.inactive,
html[data-theme="dark"] .content .status-inactive,
html[data-theme="dark"] .content .inactive.status {
    background: rgba(153, 27, 27, .26) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .content .status-read {
    background: rgba(47, 111, 237, .16) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .content .status-archived {
    background: #1e293b !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .content .status-pending {
    background: rgba(146, 64, 14, .30) !important;
    color: #fde68a !important;
}

/* Chips / badges */
html[data-theme="dark"] .content .language-badge,
html[data-theme="dark"] .content .language,
html[data-theme="dark"] .content .level,
html[data-theme="dark"] .content .blue {
    background: rgba(47, 111, 237, .16) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .content .code,
html[data-theme="dark"] .content .price-status,
html[data-theme="dark"] .content .course,
html[data-theme="dark"] .content .plan {
    background: #1e293b !important;
    color: #cbd5e1 !important;
    border-color: #334155 !important;
}

/* Selectable course item hover */
html[data-theme="dark"] .content .course:hover {
    background: rgba(36, 150, 59, .10) !important;
    border-color: #24963b !important;
}

/* Subscription pricing blocks */
html[data-theme="dark"] .content .price-row,
html[data-theme="dark"] .content .subscriptions {
    background: #151e2e !important;
    border-color: #334155 !important;
}

/* Message detail */
html[data-theme="dark"] .content .message-text {
    background: #151e2e !important;
    color: #dbe4f0 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .content .message-actions {
    background: #111827 !important;
    border-color: #2a374b !important;
}

/* Enrollment current-state box */
html[data-theme="dark"] .content .current {
    background: rgba(36, 150, 59, .10) !important;
    border-color: rgba(74, 222, 128, .30) !important;
}

html[data-theme="dark"] .content .current strong {
    color: #86efac !important;
}

html[data-theme="dark"] .content .current span {
    color: #a7b3c6 !important;
}

/* Quiz question/answer blocks */
html[data-theme="dark"] .content .question,
html[data-theme="dark"] .content .answer {
    background: #151e2e !important;
    border-color: #334155 !important;
}

/* Settings sticky save bar */
html[data-theme="dark"] .content .save-area {
    background: #111827 !important;
    border-color: #2a374b !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .28) !important;
}

/* Proof/document card */
html[data-theme="dark"] .content .proof {
    background: #151e2e !important;
    border-color: #334155 !important;
}

/* Pagination */
html[data-theme="dark"] .content .pagination {
    border-color: #2a374b !important;
}

html[data-theme="dark"] .content .pagination a,
html[data-theme="dark"] .content .pagination span {
    background: #182235 !important;
    color: #e5e7eb !important;
    border-color: #3a4960 !important;
}

html[data-theme="dark"] .content .pagination a:hover {
    background: #202c40 !important;
    border-color: #24963b !important;
}

/* Empty states */
html[data-theme="dark"] .content .empty {
    background: #111827 !important;
    color: #9aa9bd !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] .content .empty strong,
html[data-theme="dark"] .content .empty h3 {
    color: #f8fafc !important;
}

/* Danger zones */
html[data-theme="dark"] .content .danger-card {
    border-color: rgba(248, 113, 113, .35) !important;
}

html[data-theme="dark"] .content .danger-card .card-header,
html[data-theme="dark"] .content .warning {
    background: rgba(127, 29, 29, .18) !important;
    color: #fecaca !important;
    border-color: rgba(248, 113, 113, .30) !important;
}

/* Common borders */
html[data-theme="dark"] .content .panel-header,
html[data-theme="dark"] .content .panel-body,
html[data-theme="dark"] .content .card-header,
html[data-theme="dark"] .content .card-body,
html[data-theme="dark"] .content .info,
html[data-theme="dark"] .content .feature,
html[data-theme="dark"] .content .section {
    border-color: #2a374b !important;
}

/* Keep real images natural */
html[data-theme="dark"] .content img {
    opacity: 1 !important;
}


/* =========================================================
   TEACHER AREA - DARK MODE COMPLETE FIX
   Scoped to pages that contain .teacher-language-switcher
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) {
    background: #0b1220 !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .main,
html[data-theme="dark"] body:has(.teacher-language-switcher) .content,
html[data-theme="dark"] body:has(.teacher-language-switcher) .layout {
    background: #0b1220 !important;
}


/* =========================================================
   TOPBAR / USER
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .topbar {
    background: #111827 !important;
    border-bottom-color: #2a374b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .topbar-title,
html[data-theme="dark"] body:has(.teacher-language-switcher) .topbar-info strong {
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .topbar-info span {
    color: #94a3b8 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .topbar-avatar,
html[data-theme="dark"] body:has(.teacher-language-switcher) .avatar,
html[data-theme="dark"] body:has(.teacher-language-switcher) .teacher-avatar {
    background: rgba(36,150,59,.18) !important;
    color: #4ade80 !important;
}


/* =========================================================
   SIDEBAR / LANGUAGE SWITCHER
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .sidebar {
    background: #0f172a !important;
    border-color: #243247 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .teacher-language-switcher {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .teacher-language-switcher a {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .teacher-language-switcher a.active {
    background: #24963b !important;
    color: #ffffff !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .menu a {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .menu a:hover,
html[data-theme="dark"] body:has(.teacher-language-switcher) .menu a.active {
    background: #24963b !important;
    color: #ffffff !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .menu-title {
    color: #7f8da3 !important;
}


/* =========================================================
   PAGE HEADERS
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .page-header h1,
html[data-theme="dark"] body:has(.teacher-language-switcher) .page-header h2,
html[data-theme="dark"] body:has(.teacher-language-switcher) .page-header h3,
html[data-theme="dark"] body:has(.teacher-language-switcher) .section-title {
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .page-header p {
    color: #94a3b8 !important;
}


/* =========================================================
   DASHBOARD
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .welcome {
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .welcome h1,
html[data-theme="dark"] body:has(.teacher-language-switcher) .welcome h2 {
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .welcome p {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .stat-card,
html[data-theme="dark"] body:has(.teacher-language-switcher) .panel,
html[data-theme="dark"] body:has(.teacher-language-switcher) .profile-card,
html[data-theme="dark"] body:has(.teacher-language-switcher) .next-card {
    background: #111827 !important;
    border-color: #2a374b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .panel-header,
html[data-theme="dark"] body:has(.teacher-language-switcher) .panel-body {
    background: transparent !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .profile-item {
    background: #151e2e !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .profile-label,
html[data-theme="dark"] body:has(.teacher-language-switcher) .stat-label,
html[data-theme="dark"] body:has(.teacher-language-switcher) .stat-note,
html[data-theme="dark"] body:has(.teacher-language-switcher) .course-meta,
html[data-theme="dark"] body:has(.teacher-language-switcher) .quiz-meta,
html[data-theme="dark"] body:has(.teacher-language-switcher) .profile-specialization {
    color: #94a3b8 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .stat-value,
html[data-theme="dark"] body:has(.teacher-language-switcher) .profile-value,
html[data-theme="dark"] body:has(.teacher-language-switcher) .profile-name,
html[data-theme="dark"] body:has(.teacher-language-switcher) .course-title,
html[data-theme="dark"] body:has(.teacher-language-switcher) .quiz-title {
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .language-badge {
    background: rgba(37,99,235,.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .coming {
    background: #1e293b !important;
    color: #94a3b8 !important;
}


/* =========================================================
   COMMON TEACHER CARDS
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .mini-card,
html[data-theme="dark"] body:has(.teacher-language-switcher) .course-card,
html[data-theme="dark"] body:has(.teacher-language-switcher) .course-hero,
html[data-theme="dark"] body:has(.teacher-language-switcher) .course-info,
html[data-theme="dark"] body:has(.teacher-language-switcher) .card,
html[data-theme="dark"] body:has(.teacher-language-switcher) .table-card,
html[data-theme="dark"] body:has(.teacher-language-switcher) .section,
html[data-theme="dark"] body:has(.teacher-language-switcher) .form-actions,
html[data-theme="dark"] body:has(.teacher-language-switcher) .question-card,
html[data-theme="dark"] body:has(.teacher-language-switcher) .pagination-wrapper,
html[data-theme="dark"] body:has(.teacher-language-switcher) .empty {
    background: #111827 !important;
    border-color: #2a374b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .card-header,
html[data-theme="dark"] body:has(.teacher-language-switcher) .card-body,
html[data-theme="dark"] body:has(.teacher-language-switcher) .section-header {
    background: transparent !important;
    border-color: #2a374b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .course-card:hover {
    background: #151e2e !important;
    border-color: #24963b !important;
}


/* =========================================================
   FILTERS
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .filters {
    background: #111827 !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .filters input,
html[data-theme="dark"] body:has(.teacher-language-switcher) .filters select,
html[data-theme="dark"] body:has(.teacher-language-switcher) .form-group input,
html[data-theme="dark"] body:has(.teacher-language-switcher) .form-group select,
html[data-theme="dark"] body:has(.teacher-language-switcher) .form-group textarea,
html[data-theme="dark"] body:has(.teacher-language-switcher) .answer-input input,
html[data-theme="dark"] body:has(.teacher-language-switcher) .question-text input,
html[data-theme="dark"] body:has(.teacher-language-switcher) .question-type select,
html[data-theme="dark"] body:has(.teacher-language-switcher) .question-points input {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) input::placeholder,
html[data-theme="dark"] body:has(.teacher-language-switcher) textarea::placeholder {
    color: #64748b !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .reset-button,
html[data-theme="dark"] body:has(.teacher-language-switcher) .reset-btn,
html[data-theme="dark"] body:has(.teacher-language-switcher) .cancel-button,
html[data-theme="dark"] body:has(.teacher-language-switcher) .button-light,
html[data-theme="dark"] body:has(.teacher-language-switcher) .back-link {
    background: #182235 !important;
    color: #f8fafc !important;
    border-color: #3a4960 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .reset-button:hover,
html[data-theme="dark"] body:has(.teacher-language-switcher) .reset-btn:hover,
html[data-theme="dark"] body:has(.teacher-language-switcher) .cancel-button:hover,
html[data-theme="dark"] body:has(.teacher-language-switcher) .button-light:hover,
html[data-theme="dark"] body:has(.teacher-language-switcher) .back-link:hover {
    background: #202c40 !important;
    border-color: #24963b !important;
}


/* =========================================================
   TABLES
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) table {
    background: #111827 !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) thead,
html[data-theme="dark"] body:has(.teacher-language-switcher) th {
    background: #172033 !important;
    color: #cbd5e1 !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) td {
    background: transparent !important;
    color: #e5e7eb !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) tbody tr {
    background: #111827 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) tbody tr:hover {
    background: #151e2e !important;
}


/* =========================================================
   COURSES
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .course-detail,
html[data-theme="dark"] body:has(.teacher-language-switcher) .hero-stat,
html[data-theme="dark"] body:has(.teacher-language-switcher) .info-item {
    background: #151e2e !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .detail-label,
html[data-theme="dark"] body:has(.teacher-language-switcher) .hero-stat-label,
html[data-theme="dark"] body:has(.teacher-language-switcher) .info-label,
html[data-theme="dark"] body:has(.teacher-language-switcher) .course-description,
html[data-theme="dark"] body:has(.teacher-language-switcher) .description,
html[data-theme="dark"] body:has(.teacher-language-switcher) .lesson-description,
html[data-theme="dark"] body:has(.teacher-language-switcher) .quiz-description {
    color: #94a3b8 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .detail-value,
html[data-theme="dark"] body:has(.teacher-language-switcher) .hero-stat-value,
html[data-theme="dark"] body:has(.teacher-language-switcher) .info-value {
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .course-language,
html[data-theme="dark"] body:has(.teacher-language-switcher) .language-badge {
    background: rgba(37,99,235,.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .level-badge {
    background: rgba(126,34,206,.20) !important;
    color: #d8b4fe !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .featured-badge {
    background: rgba(146,64,14,.28) !important;
    color: #fde68a !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .count-badge,
html[data-theme="dark"] body:has(.teacher-language-switcher) .small-badge {
    background: #1e293b !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .resource-link,
html[data-theme="dark"] body:has(.teacher-language-switcher) .preview-button {
    background: rgba(37,99,235,.18) !important;
    color: #93c5fd !important;
}


/* =========================================================
   LESSON FORMS
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .file-area,
html[data-theme="dark"] body:has(.teacher-language-switcher) .checkbox-box {
    background: #151e2e !important;
    border-color: #334155 !important;
    color: #e5e7eb !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .file-area input {
    background: #0f172a !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .current-file,
html[data-theme="dark"] body:has(.teacher-language-switcher) .notice {
    background: rgba(37,99,235,.14) !important;
    border-color: rgba(96,165,250,.28) !important;
    color: #bfdbfe !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .current-file a {
    background: #182235 !important;
    color: #93c5fd !important;
    border-color: #3b82f6 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .lesson-summary,
html[data-theme="dark"] body:has(.teacher-language-switcher) .summary {
    background: rgba(22,101,52,.18) !important;
    border-color: rgba(74,222,128,.28) !important;
    color: #bbf7d0 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .no-course {
    background: rgba(146,64,14,.20) !important;
    border-color: rgba(251,146,60,.30) !important;
    color: #fdba74 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .help {
    color: #94a3b8 !important;
}


/* =========================================================
   QUIZ BUILDER
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .question-header {
    background: #151e2e !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .question-circle,
html[data-theme="dark"] body:has(.teacher-language-switcher) .circle,
html[data-theme="dark"] body:has(.teacher-language-switcher) .quiz-icon {
    background: rgba(126,34,206,.20) !important;
    color: #d8b4fe !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .correct-radio {
    background: #0f172a !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .answers-title,
html[data-theme="dark"] body:has(.teacher-language-switcher) .questions-header,
html[data-theme="dark"] body:has(.teacher-language-switcher) .question-number {
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .answers-help {
    color: #94a3b8 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .add-answer {
    background: rgba(37,99,235,.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .remove-question,
html[data-theme="dark"] body:has(.teacher-language-switcher) .remove-answer,
html[data-theme="dark"] body:has(.teacher-language-switcher) .delete-button {
    background: rgba(153,27,27,.22) !important;
    color: #fca5a5 !important;
    border-color: rgba(248,113,113,.30) !important;
}


/* =========================================================
   STUDENTS / RESULTS
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .student-box,
html[data-theme="dark"] body:has(.teacher-language-switcher) .progress-box {
    background: transparent !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .student-name,
html[data-theme="dark"] body:has(.teacher-language-switcher) .course-name,
html[data-theme="dark"] body:has(.teacher-language-switcher) .course-title,
html[data-theme="dark"] body:has(.teacher-language-switcher) .progress-value {
    color: #f8fafc !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .student-email,
html[data-theme="dark"] body:has(.teacher-language-switcher) .course-language,
html[data-theme="dark"] body:has(.teacher-language-switcher) .progress-info,
html[data-theme="dark"] body:has(.teacher-language-switcher) .email,
html[data-theme="dark"] body:has(.teacher-language-switcher) .sub {
    color: #94a3b8 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .student-avatar {
    background: rgba(37,99,235,.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .progress-bar,
html[data-theme="dark"] body:has(.teacher-language-switcher) .progress-track {
    background: #334155 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .progress-fill {
    background: #24963b !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .view-button {
    background: rgba(37,99,235,.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .view-button:hover {
    background: rgba(37,99,235,.28) !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .course-button {
    background: rgba(22,101,52,.20) !important;
    color: #86efac !important;
}


/* =========================================================
   STATUS / ACCESS BADGES
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .status-published,
html[data-theme="dark"] body:has(.teacher-language-switcher) .status-active,
html[data-theme="dark"] body:has(.teacher-language-switcher) .free,
html[data-theme="dark"] body:has(.teacher-language-switcher) .free-badge,
html[data-theme="dark"] body:has(.teacher-language-switcher) .passed,
html[data-theme="dark"] body:has(.teacher-language-switcher) .account-active {
    background: rgba(22,101,52,.25) !important;
    color: #86efac !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .status-draft,
html[data-theme="dark"] body:has(.teacher-language-switcher) .status-pending,
html[data-theme="dark"] body:has(.teacher-language-switcher) .featured {
    background: rgba(146,64,14,.26) !important;
    color: #fde68a !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .status-inactive,
html[data-theme="dark"] body:has(.teacher-language-switcher) .status-cancelled,
html[data-theme="dark"] body:has(.teacher-language-switcher) .failed,
html[data-theme="dark"] body:has(.teacher-language-switcher) .account-inactive {
    background: rgba(153,27,27,.22) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .status-completed {
    background: rgba(37,99,235,.22) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .status-default,
html[data-theme="dark"] body:has(.teacher-language-switcher) .status,
html[data-theme="dark"] body:has(.teacher-language-switcher) .paid,
html[data-theme="dark"] body:has(.teacher-language-switcher) .normal,
html[data-theme="dark"] body:has(.teacher-language-switcher) .none {
    background: #1e293b !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .video,
html[data-theme="dark"] body:has(.teacher-language-switcher) .edit,
html[data-theme="dark"] body:has(.teacher-language-switcher) .open {
    background: rgba(37,99,235,.18) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .document {
    background: rgba(126,34,206,.20) !important;
    color: #d8b4fe !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .delete {
    background: rgba(153,27,27,.22) !important;
    color: #fca5a5 !important;
}


/* =========================================================
   PAGINATION
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .pagination,
html[data-theme="dark"] body:has(.teacher-language-switcher) .pagination-wrapper {
    background: #111827 !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .pagination-button,
html[data-theme="dark"] body:has(.teacher-language-switcher) .page-btn {
    background: #182235 !important;
    color: #e5e7eb !important;
    border-color: #3a4960 !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .pagination-button:hover,
html[data-theme="dark"] body:has(.teacher-language-switcher) .page-btn:hover {
    background: #202c40 !important;
    border-color: #24963b !important;
}


/* =========================================================
   ALERTS
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .success {
    background: rgba(22,101,52,.20) !important;
    color: #bbf7d0 !important;
    border-color: rgba(74,222,128,.28) !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .errors {
    background: rgba(127,29,29,.20) !important;
    color: #fecaca !important;
    border-color: rgba(248,113,113,.28) !important;
}


/* =========================================================
   SHARED PROFILE WHEN LOGGED IN AS TEACHER
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) .profile-summary,
html[data-theme="dark"] body:has(.teacher-language-switcher) .danger-card {
    background: #111827 !important;
    border-color: #2a374b !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .warning {
    background: rgba(127,29,29,.18) !important;
    color: #fecaca !important;
    border-color: rgba(248,113,113,.30) !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .danger-card .card-header {
    background: rgba(127,29,29,.16) !important;
}

html[data-theme="dark"] body:has(.teacher-language-switcher) .big-avatar {
    background: rgba(36,150,59,.18) !important;
    color: #4ade80 !important;
}


/* =========================================================
   KEEP REAL IMAGES NATURAL
========================================================= */

html[data-theme="dark"] body:has(.teacher-language-switcher) img {
    opacity: 1 !important;
}