/* Cache-busting dark polish layer. Loaded after dark.css. */
@keyframes mjkAmbientGlowShift {
    0% {
        background-position: 50% 7rem, 22% 48rem, 78% 84rem, 42% 126rem;
    }

    50% {
        background-position: 56% 10rem, 18% 52rem, 72% 78rem, 48% 132rem;
    }

    100% {
        background-position: 46% 8rem, 28% 44rem, 82% 90rem, 38% 120rem;
    }
}

.home-page {
    background-color: #f5f7f4 !important;
    background-image:
        radial-gradient(circle, rgba(117, 182, 27, .16), transparent 64%),
        radial-gradient(circle, rgba(139, 214, 63, .10), transparent 68%),
        radial-gradient(circle, rgba(57, 118, 66, .08), transparent 68%),
        radial-gradient(circle, rgba(117, 182, 27, .07), transparent 70%) !important;
    background-position: 50% 8rem, 20% 48rem, 82% 90rem, 42% 126rem !important;
    background-repeat: no-repeat !important;
    background-size: 44rem 44rem, 56rem 56rem, 50rem 50rem, 62rem 62rem !important;
    animation: mjkAmbientGlowShift 22s ease-in-out infinite alternate;
}

@media (prefers-reduced-motion: reduce) {
    .home-page {
        animation: none !important;
    }
}

html[data-theme="dark"] {
    --mjk-green: #8bd63f;
    --mjk-green-dark: #a7e45c;
    --mjk-green-soft: rgba(139, 214, 63, .14);
    --mjk-ink: #f5f7f2;
    --mjk-text: #e9eee5;
    --mjk-muted: #a4ad9f;
    --mjk-border: rgba(255, 255, 255, .075);
    --mjk-bg: #10140f;
    --mjk-panel: #171b16;
    --mjk-black: #f5f7f2;
    --mjk-card-shadow: 0 18px 44px rgba(0, 0, 0, .34), 0 0 0 1px rgba(255, 255, 255, .015) inset;
    --admin-sidebar: #0b100b;
    --admin-sidebar-hover: rgba(139, 214, 63, .1);
    --admin-muted: #a4ad9f;
    --admin-text: #d8dfd2;
    --admin-bg: #10140f;
    --admin-active-bg: rgba(139, 214, 63, .13);
    --admin-active-text: #a7e45c;
}

html[data-theme="dark"] body,
html[data-theme="dark"] .site-body,
html[data-theme="dark"] .page-wrap,
html[data-theme="dark"] .auth-page,
html[data-theme="dark"] .admin-main,
html[data-theme="dark"] .admin-content {
    background: #0f140e !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .site-header,
html[data-theme="dark"] .admin-topbar,
html[data-theme="dark"] .site-nav .navbar-collapse,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .mobile-menu-close {
    background: rgba(14, 18, 13, .94) !important;
    border-color: rgba(255, 255, 255, .07) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .38);
    backdrop-filter: blur(12px);
}

html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .auth-topbar .theme-toggle,
html[data-theme="dark"] .admin-topbar .theme-toggle,
html[data-theme="dark"] .auth-actions .theme-toggle,
html[data-theme="dark"] .btn-outline-secondary,
html[data-theme="dark"] .btn-outline-dark,
html[data-theme="dark"] .auth-home-link,
html[data-theme="dark"] .auth-secondary-btn,
html[data-theme="dark"] .job-action-btn,
html[data-theme="dark"] .share-sheet-link,
html[data-theme="dark"] .share-sheet-url,
html[data-theme="dark"] .page-link,
html[data-theme="dark"] .dt-action,
html[data-theme="dark"] .btn-seeker-secondary {
    background-color: #171d16 !important;
    border-color: rgba(255, 255, 255, .085) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .theme-toggle:focus-visible,
html[data-theme="dark"] .btn-outline-secondary:hover,
html[data-theme="dark"] .btn-outline-dark:hover,
html[data-theme="dark"] .auth-home-link:hover,
html[data-theme="dark"] .auth-secondary-btn:hover,
html[data-theme="dark"] .job-action-btn:hover,
html[data-theme="dark"] .share-sheet-link:hover,
html[data-theme="dark"] .page-link:hover,
html[data-theme="dark"] .dt-action:hover,
html[data-theme="dark"] .btn-seeker-secondary:hover {
    background-color: rgba(139, 214, 63, .1) !important;
    border-color: rgba(167, 228, 92, .42) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .site-signin,
html[data-theme="dark"] .btn-mjk-light,
html[data-theme="dark"] .btn-mjk,
html[data-theme="dark"] .btn-mjk-green,
html[data-theme="dark"] .btn.btn-mjk-green,
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .auth-btn,
html[data-theme="dark"] .btn-seeker-primary,
html[data-theme="dark"] .page-item.active .page-link {
    background-color: var(--mjk-green) !important;
    border-color: var(--mjk-green) !important;
    color: #11160f !important;
    box-shadow: 0 0 22px rgba(139, 214, 63, .22);
}

html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .surface-card,
html[data-theme="dark"] .page-surface,
html[data-theme="dark"] .mjk-card,
html[data-theme="dark"] .mjk-panel,
html[data-theme="dark"] .mjk-panel-soft,
html[data-theme="dark"] .mjk-stat-card,
html[data-theme="dark"] .mjk-surface-card,
html[data-theme="dark"] .admin-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .auth-frame,
html[data-theme="dark"] .auth-panel,
html[data-theme="dark"] .job-card,
html[data-theme="dark"] .job-detail-card,
html[data-theme="dark"] .course-card,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .analytics-card,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .media-card,
html[data-theme="dark"] .dashboard-panel,
html[data-theme="dark"] .dashboard-kpi,
html[data-theme="dark"] .company-panel,
html[data-theme="dark"] .pricing-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .faq-card,
html[data-theme="dark"] .tool-card,
html[data-theme="dark"] .candidate-card,
html[data-theme="dark"] .jobs-search-card,
html[data-theme="dark"] .jobs-result-toolbar,
html[data-theme="dark"] .job-listing-card,
html[data-theme="dark"] .jobs-empty-state,
html[data-theme="dark"] [class*="-card"],
html[data-theme="dark"] [class*="-panel"],
html[data-theme="dark"] [class*="-surface"] {
    background: linear-gradient(180deg, rgba(255, 255, 255, .028), rgba(255, 255, 255, .012)), var(--mjk-panel) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
    box-shadow: var(--mjk-card-shadow) !important;
}

html[data-theme="dark"] .home-page {
    background-color: #0f140e !important;
    background-image:
        radial-gradient(circle, rgba(139, 214, 63, .24), transparent 64%),
        radial-gradient(circle, rgba(139, 214, 63, .13), transparent 68%),
        radial-gradient(circle, rgba(139, 214, 63, .11), transparent 68%),
        radial-gradient(circle, rgba(139, 214, 63, .12), transparent 70%) !important;
    background-position: 50% 9rem, 22% 48rem, 78% 84rem, 42% 126rem !important;
    background-repeat: no-repeat !important;
    background-size: 48rem 48rem, 60rem 60rem, 58rem 58rem, 68rem 68rem !important;
}

html[data-theme="dark"] .home-section,
html[data-theme="dark"] .home-section-white,
html[data-theme="dark"] .home-section-white:nth-of-type(even),
html[data-theme="dark"] .market-stats,
html[data-theme="dark"] .home-page .bg-white,
html[data-theme="dark"] .home-page .bg-light {
    background: transparent !important;
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, .065) !important;
}

html[data-theme="dark"] .home-section-white {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), inset 0 -1px 0 rgba(255, 255, 255, .035) !important;
}

html[data-theme="dark"] .home-section:nth-of-type(4n),
html[data-theme="dark"] .home-section:nth-of-type(7n) {
    background: radial-gradient(circle at 50% 34%, rgba(139, 214, 63, .075), transparent 31rem) !important;
}

html[data-theme="dark"] .ai-tools-wrap {
    background:
        radial-gradient(circle at 22% 12%, rgba(139, 214, 63, .14), transparent 18rem),
        linear-gradient(180deg, rgba(24, 30, 21, .96), rgba(17, 23, 16, .96)) !important;
    border-color: rgba(139, 214, 63, .16) !important;
    box-shadow: 0 18px 54px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

html[data-theme="dark"] .job-search-form {
    background: rgba(18, 22, 17, .94) !important;
    border-color: rgba(139, 214, 63, .18) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .38), 0 0 46px rgba(139, 214, 63, .10) !important;
}

html[data-theme="dark"] .hero-notice {
    background: rgba(13, 18, 12, .94) !important;
    border-color: rgba(139, 214, 63, .16) !important;
    color: var(--mjk-muted) !important;
}

html[data-theme="dark"] .hero-notice-inner {
    background: rgba(23, 28, 21, .76) !important;
    border-left: 1px solid rgba(139, 214, 63, .14) !important;
    border-right: 1px solid rgba(139, 214, 63, .14) !important;
    color: var(--mjk-muted) !important;
}

html[data-theme="dark"] .hero-notice-inner strong,
html[data-theme="dark"] .hero-notice i {
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .search-field,
html[data-theme="dark"] .search-field:nth-child(2),
html[data-theme="dark"] .search-field:nth-child(-n + 2) {
    border-color: rgba(139, 214, 63, .13) !important;
}

html[data-theme="dark"] .search-field label,
html[data-theme="dark"] .jobs-field-label {
    color: #b6c0b1 !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .input-group-text,
html[data-theme="dark"] textarea,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] .jobs-select-trigger,
html[data-theme="dark"] .jobs-select-menu {
    background-color: #111610 !important;
    border-color: rgba(255, 255, 255, .095) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .job-search-form .form-control,
html[data-theme="dark"] .job-search-form .form-select,
html[data-theme="dark"] .job-search-form .input-group-text,
html[data-theme="dark"] .job-search-form .jobs-select-trigger {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--mjk-text) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] input::placeholder {
    color: #7f8979 !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus,
html[data-theme="dark"] .jobs-select-trigger:hover,
html[data-theme="dark"] .jobs-select-trigger:focus-visible,
html[data-theme="dark"] .jobs-custom-select.is-open .jobs-select-trigger,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] input:focus {
    border-color: rgba(167, 228, 92, .68) !important;
    box-shadow: 0 0 0 3px rgba(139, 214, 63, .16), 0 0 22px rgba(139, 214, 63, .08) !important;
}

html[data-theme="dark"] .home-job-card,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .employer-card,
html[data-theme="dark"] .course-row,
html[data-theme="dark"] .coach-row,
html[data-theme="dark"] .article-card,
html[data-theme="dark"] .ai-stat-card,
html[data-theme="dark"] .ai-tool-card,
html[data-theme="dark"] .empty-home-state {
    background: rgba(23, 28, 21, .94) !important;
    border-color: rgba(139, 214, 63, .12) !important;
}

html[data-theme="dark"] .card-thumb,
html[data-theme="dark"] .card-thumb-fallback,
html[data-theme="dark"] .avatar-placeholder,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .soft-pill,
html[data-theme="dark"] .mjk-pill,
html[data-theme="dark"] .skill-pill,
html[data-theme="dark"] .skill-chip,
html[data-theme="dark"] .tag,
html[data-theme="dark"] .job-tag,
html[data-theme="dark"] .job-pill,
html[data-theme="dark"] .detail-meta-chip,
html[data-theme="dark"] .badge-seeker,
html[data-theme="dark"] .dt-action-muted,
html[data-theme="dark"] .bg-mjk-green-soft,
html[data-theme="dark"] .match-score,
html[data-theme="dark"] .match-reasons span,
html[data-theme="dark"] .alert-info,
html[data-theme="dark"] .bg-info,
html[data-theme="dark"] .bg-info-subtle,
html[data-theme="dark"] .text-bg-info,
html[data-theme="dark"] .text-bg-primary,
html[data-theme="dark"] .badge.bg-info,
html[data-theme="dark"] .badge.bg-primary,
html[data-theme="dark"] .status-reviewed,
html[data-theme="dark"] .badge-progress,
html[data-theme="dark"] .ed-badge--reviewed,
html[data-theme="dark"] .dt-action-info,
html[data-theme="dark"] .dashboard-kpi-info .dashboard-kpi-icon,
html[data-theme="dark"] .badge-employer {
    background: rgba(139, 214, 63, .105) !important;
    background-color: rgba(139, 214, 63, .105) !important;
    border-color: rgba(139, 214, 63, .22) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-secondary,
html[data-theme="dark"] .section-subtitle,
html[data-theme="dark"] .module-hero-sub,
html[data-theme="dark"] .share-sheet-subtitle,
html[data-theme="dark"] .stat-label,
html[data-theme="dark"] .page-header p,
html[data-theme="dark"] .small,
html[data-theme="dark"] small,
html[data-theme="dark"] .help-text,
html[data-theme="dark"] .form-text,
html[data-theme="dark"] [class*="-copy"],
html[data-theme="dark"] [class*="-meta"],
html[data-theme="dark"] [class*="-sub"],
html[data-theme="dark"] [class*="-label"],
html[data-theme="dark"] [class*="-help"],
html[data-theme="dark"] [class*="-hint"],
html[data-theme="dark"] [class*="-desc"] {
    color: var(--mjk-muted) !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"] .section-title,
html[data-theme="dark"] .module-hero-title,
html[data-theme="dark"] .row-title,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .modal-title,
html[data-theme="dark"] .stat-value,
html[data-theme="dark"] [class*="-title"],
html[data-theme="dark"] [class*="-heading"],
html[data-theme="dark"] [class*="-value"],
html[data-theme="dark"] [class*="-name"] {
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .text-info,
html[data-theme="dark"] .text-primary,
html[data-theme="dark"] .link-primary,
html[data-theme="dark"] .link-info,
html[data-theme="dark"] a:not(.btn):not(.dropdown-item):not(.site-link):not(.site-logo):not(.sidebar-link):not(.footer-list a),
html[data-theme="dark"] .section-kicker,
html[data-theme="dark"] .section-link,
html[data-theme="dark"] .market-stat i,
html[data-theme="dark"] .coach-meta,
html[data-theme="dark"] .article-category,
html[data-theme="dark"] .ai-tool-link {
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] [style*="background:#dbeafe" i],
html[data-theme="dark"] [style*="background: #dbeafe" i],
html[data-theme="dark"] [style*="background:#eff6ff" i],
html[data-theme="dark"] [style*="background: #eff6ff" i],
html[data-theme="dark"] [style*="background:#e0e7ff" i],
html[data-theme="dark"] [style*="background: #e0e7ff" i],
html[data-theme="dark"] [style*="background:#e0f2fe" i],
html[data-theme="dark"] [style*="background: #e0f2fe" i],
html[data-theme="dark"] [style*="background:#bfdbfe" i],
html[data-theme="dark"] [style*="background: #bfdbfe" i],
html[data-theme="dark"] [style*="background:#0ea5e9" i],
html[data-theme="dark"] [style*="background: #0ea5e9" i],
html[data-theme="dark"] [style*="background:#3b82f6" i],
html[data-theme="dark"] [style*="background: #3b82f6" i],
html[data-theme="dark"] [style*="background:#2563eb" i],
html[data-theme="dark"] [style*="background: #2563eb" i],
html[data-theme="dark"] [style*="background-color:#dbeafe" i],
html[data-theme="dark"] [style*="background-color: #dbeafe" i],
html[data-theme="dark"] [style*="background-color:#eff6ff" i],
html[data-theme="dark"] [style*="background-color: #eff6ff" i],
html[data-theme="dark"] [style*="background-color:#e0e7ff" i],
html[data-theme="dark"] [style*="background-color: #e0e7ff" i],
html[data-theme="dark"] [style*="background-color:#e0f2fe" i],
html[data-theme="dark"] [style*="background-color: #e0f2fe" i],
html[data-theme="dark"] [style*="background-color:#0ea5e9" i],
html[data-theme="dark"] [style*="background-color: #0ea5e9" i] {
    background: rgba(139, 214, 63, .12) !important;
    background-color: rgba(139, 214, 63, .12) !important;
    border-color: rgba(139, 214, 63, .26) !important;
    color: var(--mjk-green-dark) !important;
}

/* App-wide dark-mode sweep for older page-specific styles. */
html[data-theme="dark"] body,
html[data-theme="dark"] .site-body,
html[data-theme="dark"] .page-wrap,
html[data-theme="dark"] .admin-main,
html[data-theme="dark"] .admin-content,
html[data-theme="dark"] .auth-page,
html[data-theme="dark"] .jobs-page,
html[data-theme="dark"] .courses-page,
html[data-theme="dark"] .course-page,
html[data-theme="dark"] .course-detail-page,
html[data-theme="dark"] .learning-page,
html[data-theme="dark"] .profile-page,
html[data-theme="dark"] .messages-page,
html[data-theme="dark"] .forms-page,
html[data-theme="dark"] .dashboard-page,
html[data-theme="dark"] .settings-shell,
html[data-theme="dark"] .analytics-page,
html[data-theme="dark"] .job-form-shell,
html[data-theme="dark"] .coach-page,
html[data-theme="dark"] .coach-show,
html[data-theme="dark"] .event-form-page,
html[data-theme="dark"] .events-page,
html[data-theme="dark"] .event-show,
html[data-theme="dark"] .event-registrations,
html[data-theme="dark"] .notif-page-wrap,
html[data-theme="dark"] .invite-page,
html[data-theme="dark"] .sent-page,
html[data-theme="dark"] .company-profile-page {
    background-color: #0f140e !important;
    background-image:
        radial-gradient(circle, rgba(139, 214, 63, .11), transparent 64%),
        radial-gradient(circle, rgba(139, 214, 63, .075), transparent 68%),
        radial-gradient(circle, rgba(139, 214, 63, .06), transparent 70%),
        radial-gradient(circle, rgba(139, 214, 63, .05), transparent 72%) !important;
    background-position: 50% 8rem, 18% 44rem, 82% 74rem, 46% 118rem !important;
    background-repeat: no-repeat !important;
    background-size: 44rem 44rem, 58rem 58rem, 54rem 54rem, 68rem 68rem !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] body,
html[data-theme="dark"] .page-wrap,
html[data-theme="dark"] .admin-main,
html[data-theme="dark"] .auth-page {
    animation: mjkAmbientGlowShift 28s ease-in-out infinite alternate;
}

@media (prefers-reduced-motion: reduce) {
    html[data-theme="dark"] body,
    html[data-theme="dark"] .page-wrap,
    html[data-theme="dark"] .admin-main,
    html[data-theme="dark"] .auth-page {
        animation: none !important;
    }
}

html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-body,
html[data-theme="dark"] .bg-body-tertiary,
html[data-theme="dark"] .bg-secondary-subtle,
html[data-theme="dark"] .table-light,
html[data-theme="dark"] .table-light th,
html[data-theme="dark"] .table-light td,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .accordion,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .accordion-button,
html[data-theme="dark"] .accordion-body,
html[data-theme="dark"] .dropdown-item,
html[data-theme="dark"] .dropdown-header,
html[data-theme="dark"] .nav-tabs,
html[data-theme="dark"] .nav-tabs .nav-link,
html[data-theme="dark"] .nav-pills .nav-link,
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .pagination,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .ck.ck-editor__main > .ck-editor__editable,
html[data-theme="dark"] .ck.ck-toolbar,
html[data-theme="dark"] .ck.ck-dropdown__panel {
    background: #171b16 !important;
    background-color: #171b16 !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus,
html[data-theme="dark"] .list-group-item-action:hover,
html[data-theme="dark"] .accordion-button:not(.collapsed),
html[data-theme="dark"] .nav-tabs .nav-link:hover,
html[data-theme="dark"] .nav-tabs .nav-link.active,
html[data-theme="dark"] .nav-pills .nav-link:hover,
html[data-theme="dark"] .nav-pills .nav-link.active,
html[data-theme="dark"] .page-link:hover {
    background: rgba(139, 214, 63, .105) !important;
    border-color: rgba(139, 214, 63, .28) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .admin-table,
html[data-theme="dark"] .admin-table-tight,
html[data-theme="dark"] .sent-table,
html[data-theme="dark"] table.dataTable {
    --bs-table-bg: #171b16;
    --bs-table-color: var(--mjk-text);
    --bs-table-border-color: var(--mjk-border);
    --bs-table-striped-bg: #1b2119;
    --bs-table-hover-bg: rgba(139, 214, 63, .075);
    background-color: #171b16 !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .table th,
html[data-theme="dark"] .admin-table th,
html[data-theme="dark"] .admin-table-tight th,
html[data-theme="dark"] .sent-table th,
html[data-theme="dark"] table.dataTable thead th,
html[data-theme="dark"] table.dataTable thead td,
html[data-theme="dark"] div.dataTables_wrapper .dataTables_length,
html[data-theme="dark"] div.dataTables_wrapper .dataTables_filter,
html[data-theme="dark"] div.dataTables_wrapper .dataTables_info,
html[data-theme="dark"] div.dataTables_wrapper .dataTables_paginate {
    background-color: #1b2119 !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-muted) !important;
}

html[data-theme="dark"] .table td,
html[data-theme="dark"] .admin-table td,
html[data-theme="dark"] .admin-table-tight td,
html[data-theme="dark"] .sent-table td,
html[data-theme="dark"] table.dataTable tbody td {
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .alert,
html[data-theme="dark"] .toast,
html[data-theme="dark"] .invalid-feedback,
html[data-theme="dark"] .valid-feedback {
    border-color: rgba(255, 255, 255, .09) !important;
}

html[data-theme="dark"] .alert-success,
html[data-theme="dark"] .text-bg-success,
html[data-theme="dark"] .badge.bg-success {
    background: rgba(34, 197, 94, .13) !important;
    border-color: rgba(34, 197, 94, .28) !important;
    color: #86efac !important;
}

html[data-theme="dark"] .alert-warning,
html[data-theme="dark"] .text-bg-warning,
html[data-theme="dark"] .badge.bg-warning {
    background: rgba(245, 158, 11, .14) !important;
    border-color: rgba(245, 158, 11, .30) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .alert-danger,
html[data-theme="dark"] .text-bg-danger,
html[data-theme="dark"] .badge.bg-danger,
html[data-theme="dark"] .btn-danger {
    background: rgba(244, 63, 94, .14) !important;
    border-color: rgba(244, 63, 94, .30) !important;
    color: #fda4af !important;
}

html[data-theme="dark"] .badge.bg-light,
html[data-theme="dark"] .badge.text-bg-light,
html[data-theme="dark"] .badge.bg-secondary,
html[data-theme="dark"] .badge.text-bg-secondary,
html[data-theme="dark"] .status-pill,
html[data-theme="dark"] .event-pill,
html[data-theme="dark"] .q-meta-pill,
html[data-theme="dark"] .filter-active-badge,
html[data-theme="dark"] .course-badge,
html[data-theme="dark"] .job-type-badge,
html[data-theme="dark"] .ai-tool-credit,
html[data-theme="dark"] .hero-trending-count,
html[data-theme="dark"] [class*="-pill"],
html[data-theme="dark"] [class*="-chip"],
html[data-theme="dark"] [class*="-badge"] {
    background: rgba(139, 214, 63, .105) !important;
    background-color: rgba(139, 214, 63, .105) !important;
    border-color: rgba(139, 214, 63, .22) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-dark,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-outline-light,
html[data-theme="dark"] .btn-outline-primary,
html[data-theme="dark"] .btn-outline-info,
html[data-theme="dark"] .btn-mjk-dark,
html[data-theme="dark"] .btn-profile-secondary,
html[data-theme="dark"] .btn-invite-secondary,
html[data-theme="dark"] .btn-sent-secondary,
html[data-theme="dark"] .btn-learn-secondary,
html[data-theme="dark"] .btn-app-secondary,
html[data-theme="dark"] .btn-ed-ghost,
html[data-theme="dark"] .btn-back,
html[data-theme="dark"] .q-soft-action,
html[data-theme="dark"] .settings-tab,
html[data-theme="dark"] .jobs-filter-toggle {
    background: #171d16 !important;
    border-color: rgba(255, 255, 255, .095) !important;
    color: var(--mjk-text) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-light:hover,
html[data-theme="dark"] .btn-dark:hover,
html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-outline-light:hover,
html[data-theme="dark"] .btn-outline-primary:hover,
html[data-theme="dark"] .btn-outline-info:hover,
html[data-theme="dark"] .btn-mjk-dark:hover,
html[data-theme="dark"] .btn-profile-secondary:hover,
html[data-theme="dark"] .btn-invite-secondary:hover,
html[data-theme="dark"] .btn-sent-secondary:hover,
html[data-theme="dark"] .btn-learn-secondary:hover,
html[data-theme="dark"] .btn-app-secondary:hover,
html[data-theme="dark"] .btn-ed-ghost:hover,
html[data-theme="dark"] .btn-back:hover,
html[data-theme="dark"] .q-soft-action:hover,
html[data-theme="dark"] .settings-tab:hover,
html[data-theme="dark"] .settings-tab.active,
html[data-theme="dark"] .jobs-filter-toggle:hover {
    background: rgba(139, 214, 63, .12) !important;
    border-color: rgba(139, 214, 63, .34) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .btn-success,
html[data-theme="dark"] .btn-mjk,
html[data-theme="dark"] .btn-mjk-green,
html[data-theme="dark"] .btn-profile-primary,
html[data-theme="dark"] .btn-invite-primary,
html[data-theme="dark"] .btn-sent-primary,
html[data-theme="dark"] .btn-learn-primary,
html[data-theme="dark"] .btn-app-primary,
html[data-theme="dark"] .btn-ed-primary,
html[data-theme="dark"] .btn-home,
html[data-theme="dark"] .q-mode-btn.active {
    background: var(--mjk-green) !important;
    border-color: var(--mjk-green) !important;
    color: #10140f !important;
}

html[data-theme="dark"] .module-hero,
html[data-theme="dark"] .page-hero,
html[data-theme="dark"] .dashboard-hero,
html[data-theme="dark"] .profile-hero,
html[data-theme="dark"] .job-hero,
html[data-theme="dark"] .jobs-hero,
html[data-theme="dark"] .courses-hero,
html[data-theme="dark"] .course-hero,
html[data-theme="dark"] .learning-hero,
html[data-theme="dark"] .sent-hero,
html[data-theme="dark"] .invite-hero,
html[data-theme="dark"] .ed-hero,
html[data-theme="dark"] .event-form-hero,
html[data-theme="dark"] .event-top,
html[data-theme="dark"] .coach-hero,
html[data-theme="dark"] .coach-profile-hero,
html[data-theme="dark"] .company-hero,
html[data-theme="dark"] .mjk-style-0017,
html[data-theme="dark"] .mjk-style-0032,
html[data-theme="dark"] .mjk-style-0133 {
    background:
        radial-gradient(circle at 48% 6%, rgba(139, 214, 63, .20), transparent 19rem),
        linear-gradient(135deg, #151a14 0%, #10140f 100%) !important;
    border-color: rgba(139, 214, 63, .14) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .admin-sidebar,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .auth-topbar,
html[data-theme="dark"] .mobile-menu {
    background: #0b100b !important;
    border-color: rgba(255, 255, 255, .07) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .sidebar-link,
html[data-theme="dark"] .admin-nav-link,
html[data-theme="dark"] .site-link,
html[data-theme="dark"] .site-text-link,
html[data-theme="dark"] .footer-list a,
html[data-theme="dark"] .breadcrumb-item,
html[data-theme="dark"] .breadcrumb-item.active {
    color: rgba(233, 238, 229, .76) !important;
}

html[data-theme="dark"] .sidebar-link:hover,
html[data-theme="dark"] .sidebar-link.active,
html[data-theme="dark"] .admin-nav-link:hover,
html[data-theme="dark"] .admin-nav-link.active,
html[data-theme="dark"] .site-link:hover,
html[data-theme="dark"] .site-link.active,
html[data-theme="dark"] .footer-list a:hover {
    background: rgba(139, 214, 63, .10) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .messages-title,
html[data-theme="dark"] .conversation-item.unread .conv-preview,
html[data-theme="dark"] .analytics-card-title,
html[data-theme="dark"] .analytics-kpi-value,
html[data-theme="dark"] .analytics-row-title,
html[data-theme="dark"] .analytics-value,
html[data-theme="dark"] .admin-table-tight .dt-title,
html[data-theme="dark"] .settings-toggle-title,
html[data-theme="dark"] .settings-provider-title,
html[data-theme="dark"] .settings-box-title,
html[data-theme="dark"] .settings-status-title,
html[data-theme="dark"] .settings-stat-value,
html[data-theme="dark"] .post-body h1,
html[data-theme="dark"] .post-body h2,
html[data-theme="dark"] .post-body h3,
html[data-theme="dark"] .post-body h4,
html[data-theme="dark"] .learning-hero h1,
html[data-theme="dark"] .invite-hero h1,
html[data-theme="dark"] .sent-hero h1,
html[data-theme="dark"] .survey-stat strong,
html[data-theme="dark"] .survey-metric strong,
html[data-theme="dark"] .survey-insight strong,
html[data-theme="dark"] .coach-metric strong,
html[data-theme="dark"] .notif-title,
html[data-theme="dark"] [style*="color:#0f172a" i],
html[data-theme="dark"] [style*="color: #0f172a" i],
html[data-theme="dark"] [style*="color:#172033" i],
html[data-theme="dark"] [style*="color: #172033" i],
html[data-theme="dark"] [style*="color:#1e293b" i],
html[data-theme="dark"] [style*="color: #1e293b" i],
html[data-theme="dark"] [style*="color:#334155" i],
html[data-theme="dark"] [style*="color: #334155" i] {
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .conv-time,
html[data-theme="dark"] .conv-preview,
html[data-theme="dark"] .chat-main-sub,
html[data-theme="dark"] .msg-time,
html[data-theme="dark"] .form-card p,
html[data-theme="dark"] .form-meta,
html[data-theme="dark"] .analytics-kpi-label,
html[data-theme="dark"] .analytics-row-sub,
html[data-theme="dark"] .analytics-empty,
html[data-theme="dark"] .admin-table-tight .dt-subline,
html[data-theme="dark"] .admin-table-tight .dt-muted,
html[data-theme="dark"] .settings-status-label,
html[data-theme="dark"] .settings-stat-label,
html[data-theme="dark"] .wa-meta,
html[data-theme="dark"] .post-body blockquote,
html[data-theme="dark"] .deadline-text,
html[data-theme="dark"] .cert-desc,
html[data-theme="dark"] .cert-stat,
html[data-theme="dark"] .card-eyebrow,
html[data-theme="dark"] .cand-headline,
html[data-theme="dark"] .survey-stat span,
html[data-theme="dark"] .survey-metric span,
html[data-theme="dark"] .survey-insight span,
html[data-theme="dark"] .coach-metric span,
html[data-theme="dark"] .notif-msg,
html[data-theme="dark"] .notif-time,
html[data-theme="dark"] [style*="color:#475569" i],
html[data-theme="dark"] [style*="color: #475569" i],
html[data-theme="dark"] [style*="color:#64748b" i],
html[data-theme="dark"] [style*="color: #64748b" i],
html[data-theme="dark"] [style*="color:#94a3b8" i],
html[data-theme="dark"] [style*="color: #94a3b8" i],
html[data-theme="dark"] [style*="color:#cbd5e1" i],
html[data-theme="dark"] [style*="color: #cbd5e1" i] {
    color: var(--mjk-muted) !important;
}

html[data-theme="dark"] .messages-shell,
html[data-theme="dark"] .messages-panel,
html[data-theme="dark"] .chat-panel,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .answer-box,
html[data-theme="dark"] .dashboard-card,
html[data-theme="dark"] .settings-copy,
html[data-theme="dark"] .wa-thread,
html[data-theme="dark"] .wa-bubble.inbound,
html[data-theme="dark"] .post-body blockquote,
html[data-theme="dark"] .course-stat,
html[data-theme="dark"] .course-thumb,
html[data-theme="dark"] .learning-stat,
html[data-theme="dark"] .profile-panel,
html[data-theme="dark"] .entry-fields,
html[data-theme="dark"] .candidate-card,
html[data-theme="dark"] .survey-panel,
html[data-theme="dark"] .survey-head,
html[data-theme="dark"] .survey-summary,
html[data-theme="dark"] .survey-filter-card,
html[data-theme="dark"] .survey-app-card,
html[data-theme="dark"] .survey-answer-panel,
html[data-theme="dark"] .survey-stat,
html[data-theme="dark"] .survey-metric,
html[data-theme="dark"] .q-card,
html[data-theme="dark"] .q-existing,
html[data-theme="dark"] .event-filter,
html[data-theme="dark"] .event-card,
html[data-theme="dark"] .event-panel,
html[data-theme="dark"] .event-form-card,
html[data-theme="dark"] .my-event-card,
html[data-theme="dark"] .coach-filter,
html[data-theme="dark"] .coach-card,
html[data-theme="dark"] .coach-panel,
html[data-theme="dark"] .coach-metric,
html[data-theme="dark"] .notif-card,
html[data-theme="dark"] .invite-hero,
html[data-theme="dark"] .invite-card,
html[data-theme="dark"] .invite-stat,
html[data-theme="dark"] .sent-hero,
html[data-theme="dark"] .sent-stat,
html[data-theme="dark"] .sent-panel,
html[data-theme="dark"] [style*="background:#fff" i],
html[data-theme="dark"] [style*="background: #fff" i],
html[data-theme="dark"] [style*="background:#f8fafc" i],
html[data-theme="dark"] [style*="background: #f8fafc" i],
html[data-theme="dark"] [style*="background:#f6f8fb" i],
html[data-theme="dark"] [style*="background: #f6f8fb" i],
html[data-theme="dark"] [style*="background:#f6f8fa" i],
html[data-theme="dark"] [style*="background: #f6f8fa" i],
html[data-theme="dark"] [style*="background:#f1f5f9" i],
html[data-theme="dark"] [style*="background: #f1f5f9" i] {
    background: linear-gradient(180deg, rgba(255, 255, 255, .028), rgba(255, 255, 255, .012)), #171b16 !important;
    background-color: #171b16 !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] [style*="background:#0f172a" i],
html[data-theme="dark"] [style*="background: #0f172a" i],
html[data-theme="dark"] [style*="background:#101a2b" i],
html[data-theme="dark"] [style*="background: #101a2b" i],
html[data-theme="dark"] [style*="background:#111c2d" i],
html[data-theme="dark"] [style*="background: #111c2d" i],
html[data-theme="dark"] [style*="background:#121c2e" i],
html[data-theme="dark"] [style*="background: #121c2e" i],
html[data-theme="dark"] [style*="background:#17233a" i],
html[data-theme="dark"] [style*="background: #17233a" i],
html[data-theme="dark"] [style*="background:#334155" i],
html[data-theme="dark"] [style*="background: #334155" i],
html[data-theme="dark"] [style*="background-color:#0f172a" i],
html[data-theme="dark"] [style*="background-color: #0f172a" i],
html[data-theme="dark"] [style*="background-color:#101a2b" i],
html[data-theme="dark"] [style*="background-color: #101a2b" i],
html[data-theme="dark"] [style*="background-color:#121c2e" i],
html[data-theme="dark"] [style*="background-color: #121c2e" i],
html[data-theme="dark"] [style*="background-color:#17233a" i],
html[data-theme="dark"] [style*="background-color: #17233a" i] {
    background: #171b16 !important;
    background-color: #171b16 !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .auth-page {
    background:
        linear-gradient(90deg, rgba(2, 6, 14, .97) 0%, rgba(2, 6, 14, .86) 31%, rgba(2, 6, 14, .42) 58%, rgba(2, 6, 14, .86) 100%),
        url('/assets/auth/auth-hero.png') center / cover no-repeat !important;
}
