/* My Jobs In Kenya dark theme. Activated by html[data-theme="dark"]. */
:root {
    --mjk-theme-transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.theme-toggle {
    align-items: center;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    font-size: .88rem;
    font-weight: 800;
    gap: .4rem;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
    padding: 0 .75rem;
    transition: var(--mjk-theme-transition);
}

.theme-toggle:hover,
.theme-toggle:focus-visible {
    background: rgba(255, 255, 255, .18);
    border-color: rgba(255, 255, 255, .46);
    color: #fff;
    outline: 0;
}

.theme-toggle i {
    font-size: 1rem;
    line-height: 1;
}

.auth-topbar .theme-toggle,
.admin-topbar .theme-toggle {
    background: #fff;
    border-color: #d8dee8;
    color: #16210e;
}

.auth-topbar .theme-toggle:hover,
.admin-topbar .theme-toggle:hover,
.auth-topbar .theme-toggle:focus-visible,
.admin-topbar .theme-toggle:focus-visible {
    border-color: var(--mjk-green, #75b61b);
    color: #3f5f08;
}

html[data-theme="dark"] {
    color-scheme: dark;
    --mjk-green: #75b61b;
    --mjk-green-dark: #a5d94a;
    --mjk-green-soft: rgba(117, 182, 27, .16);
    --mjk-ink: #f8fafc;
    --mjk-text: #e8edf3;
    --mjk-muted: #a8b3c3;
    --mjk-border: #273444;
    --mjk-bg: #0b1220;
    --mjk-panel: #121c2e;
    --mjk-black: #f8fafc;
    --mjk-card-shadow: 0 18px 44px rgba(0, 0, 0, .32);
    --admin-sidebar: #08111f;
    --admin-sidebar-hover: rgba(255, 255, 255, .08);
    --admin-muted: #a8b3c3;
    --admin-text: #cbd5e1;
    --admin-bg: #0b1220;
    --admin-active-bg: rgba(117, 182, 27, .16);
    --admin-active-text: #a5d94a;
}

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

html[data-theme="dark"] .site-header,
html[data-theme="dark"] .admin-topbar {
    background: #101a2b !important;
    border-color: rgba(148, 163, 184, .18) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .32);
}

html[data-theme="dark"] .site-nav .navbar-collapse {
    background: #101a2b !important;
    border-color: rgba(148, 163, 184, .22) !important;
}

html[data-theme="dark"] .mobile-menu-head {
    border-color: rgba(148, 163, 184, .18) !important;
}

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

html[data-theme="dark"] .mobile-menu-subtitle {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .jobs-select-trigger,
html[data-theme="dark"] .jobs-select-menu {
    background: #101a2b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .jobs-select-option {
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .jobs-select-option:hover,
html[data-theme="dark"] .jobs-select-option:focus-visible,
html[data-theme="dark"] .jobs-select-option[aria-selected="true"] {
    background: rgba(117, 182, 27, .16) !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .mobile-menu-close {
    background: #17233a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

@media (max-width: 991.98px) {
    html[data-theme="dark"] .site-action-nav .site-icon-link,
    html[data-theme="dark"] .site-text-link {
        background: #17233a !important;
        border-color: #334155 !important;
        color: #f8fafc !important;
    }
}

html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .auth-topbar .theme-toggle,
html[data-theme="dark"] .admin-topbar .theme-toggle {
    background: #121c2e !important;
    border-color: #334155 !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .theme-toggle:focus-visible {
    background: #17233a !important;
    border-color: rgba(117, 182, 27, .52) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .site-link,
html[data-theme="dark"] .site-text-link,
html[data-theme="dark"] .site-outline {
    color: rgba(248, 250, 252, .88) !important;
}

html[data-theme="dark"] .site-link:hover,
html[data-theme="dark"] .site-link.active,
html[data-theme="dark"] .site-text-link:hover,
html[data-theme="dark"] .site-outline:hover {
    color: #fff !important;
}

html[data-theme="dark"] .site-signin,
html[data-theme="dark"] .btn-mjk-light {
    background: #f8fafc !important;
    border-color: #f8fafc !important;
    color: #3f5f08 !important;
}

html[data-theme="dark"] .site-signin:hover,
html[data-theme="dark"] .btn-mjk-light:hover {
    background: #eef7db !important;
    border-color: #eef7db !important;
}

html[data-theme="dark"] .site-footer {
    background: #060b13 !important;
}

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"] .mjk-skeleton-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"] .auth-role-card,
html[data-theme="dark"] .auth-social-btn,
html[data-theme="dark"] .job-card,
html[data-theme="dark"] .job-detail-card,
html[data-theme="dark"] .job-detail-panel,
html[data-theme="dark"] .job-side-panel,
html[data-theme="dark"] .filter-panel,
html[data-theme="dark"] .course-card,
html[data-theme="dark"] .lesson-card,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .profile-panel,
html[data-theme="dark"] .analytics-card,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .media-card,
html[data-theme="dark"] .forum-card,
html[data-theme="dark"] .message-panel,
html[data-theme="dark"] .conversation-panel,
html[data-theme="dark"] .notification-card,
html[data-theme="dark"] [class*="-card"],
html[data-theme="dark"] [class*="-panel"],
html[data-theme="dark"] [class*="-surface"] {
    background-color: var(--mjk-panel) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
    box-shadow: var(--mjk-card-shadow);
}

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"] .list-group-item,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .accordion-button,
html[data-theme="dark"] .toast,
html[data-theme="dark"] .popover,
html[data-theme="dark"] .dropdown-header {
    background-color: var(--mjk-panel) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .module-hero,
html[data-theme="dark"] .share-sheet-header,
html[data-theme="dark"] .auth-side,
html[data-theme="dark"] .hero-section,
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"] .blog-hero,
html[data-theme="dark"] .learning-hero {
    background: linear-gradient(135deg, #101a2b 0%, #17233a 100%) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .mjk-step-card,
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"] .badge-seeker,
html[data-theme="dark"] .dt-action-muted,
html[data-theme="dark"] .bg-mjk-green-soft {
    background-color: rgba(117, 182, 27, .13) !important;
    border-color: rgba(117, 182, 27, .24) !important;
    color: var(--mjk-green-dark) !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"] .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"] .section-title-sm,
html[data-theme="dark"] .module-hero-title,
html[data-theme="dark"] .mjk-page-title,
html[data-theme="dark"] .page-header h1,
html[data-theme="dark"] .admin-card-header h6,
html[data-theme="dark"] .stat-value,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .modal-title,
html[data-theme="dark"] .auth-logo,
html[data-theme="dark"] .auth-panel h2,
html[data-theme="dark"] .auth-panel .form-label,
html[data-theme="dark"] .dropdown-item,
html[data-theme="dark"] .table,
html[data-theme="dark"] label,
html[data-theme="dark"] legend,
html[data-theme="dark"] strong {
    color: var(--mjk-text) !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"] .member-hub-link,
html[data-theme="dark"] .stat-label,
html[data-theme="dark"] .page-header p,
html[data-theme="dark"] .auth-subtitle,
html[data-theme="dark"] .auth-card-note,
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"] .dt-column-title,
html[data-theme="dark"] div.dataTables_wrapper div.dataTables_length,
html[data-theme="dark"] div.dataTables_wrapper div.dataTables_filter,
html[data-theme="dark"] div.dataTables_wrapper div.dataTables_info {
    color: var(--mjk-muted) !important;
}

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"] .auth-link,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .auth-kicker,
html[data-theme="dark"] .price-tag,
html[data-theme="dark"] .mjk-pill strong,
html[data-theme="dark"] .member-hub-link.active,
html[data-theme="dark"] .member-hub-link:hover,
html[data-theme="dark"] .breadcrumb a {
    color: var(--mjk-green-dark) !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"] .table-hover tbody tr:hover,
html[data-theme="dark"] .admin-table tbody tr:hover {
    background-color: #17233a !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-end,
html[data-theme="dark"] .border-bottom,
html[data-theme="dark"] .border-start,
html[data-theme="dark"] hr,
html[data-theme="dark"] .dropdown-divider,
html[data-theme="dark"] .admin-card-header,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .footer-divider,
html[data-theme="dark"] div.dataTables_wrapper div.dataTables_length,
html[data-theme="dark"] div.dataTables_wrapper div.dataTables_filter,
html[data-theme="dark"] div.dataTables_wrapper div.dataTables_info,
html[data-theme="dark"] div.dataTables_wrapper div.dataTables_paginate {
    border-color: var(--mjk-border) !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .form-control-plaintext,
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"] div.dataTables_wrapper div.dataTables_length select,
html[data-theme="dark"] div.dataTables_wrapper div.dataTables_filter input {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: var(--mjk-text) !important;
}

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

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] input:focus {
    border-color: var(--mjk-green) !important;
    box-shadow: 0 0 0 3px rgba(117, 182, 27, .18) !important;
}

html[data-theme="dark"] .form-check-input {
    background-color: #0f172a;
    border-color: #475569;
}

html[data-theme="dark"] .form-check-input:checked {
    background-color: var(--mjk-green);
    border-color: var(--mjk-green);
}

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 {
    background-color: #121c2e !important;
    border-color: #334155 !important;
    color: var(--mjk-text) !important;
}

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 {
    background-color: #17233a !important;
    border-color: rgba(117, 182, 27, .42) !important;
    color: var(--mjk-green-dark) !important;
}

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"] .page-item.active .page-link {
    background-color: var(--mjk-green) !important;
    border-color: var(--mjk-green) !important;
    color: #fff !important;
}

html[data-theme="dark"] .btn-mjk:hover,
html[data-theme="dark"] .btn-mjk-green:hover,
html[data-theme="dark"] .btn.btn-mjk-green:hover,
html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .auth-btn:hover {
    background-color: #649f13 !important;
    border-color: #649f13 !important;
    color: #fff !important;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] table.dataTable {
    --bs-table-bg: #121c2e;
    --bs-table-color: #e8edf3;
    --bs-table-border-color: #273444;
    --bs-table-striped-bg: #17233a;
    --bs-table-hover-bg: #1b2a43;
    background-color: #121c2e !important;
    border-color: #273444 !important;
    color: #e8edf3 !important;
}

html[data-theme="dark"] .table th,
html[data-theme="dark"] .admin-table th,
html[data-theme="dark"] table.dataTable thead th,
html[data-theme="dark"] table.dataTable thead td {
    background-color: #17233a !important;
    border-color: #273444 !important;
    color: var(--mjk-muted) !important;
}

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

html[data-theme="dark"] table.dataTable > tbody > tr.child,
html[data-theme="dark"] table.dataTable > tbody > tr.child ul.dtr-details,
html[data-theme="dark"] table.dataTable > tbody > tr.child span.dtr-data {
    background: #101a2b !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] table.dataTable > tbody > tr.child span.dtr-title {
    color: var(--mjk-muted) !important;
}

html[data-theme="dark"] .dataTables_processing {
    background: #121c2e !important;
    border-color: #334155 !important;
    color: #e8edf3 !important;
}

html[data-theme="dark"] .badge.bg-light,
html[data-theme="dark"] .badge.text-bg-light {
    background-color: #17233a !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .alert-success,
html[data-theme="dark"] .badge-approved,
html[data-theme="dark"] .badge-active,
html[data-theme="dark"] .dt-action-success {
    background-color: rgba(34, 197, 94, .14) !important;
    color: #86efac !important;
    border-color: rgba(34, 197, 94, .24) !important;
}

html[data-theme="dark"] .alert-warning,
html[data-theme="dark"] .badge-pending,
html[data-theme="dark"] .dt-action-warning {
    background-color: rgba(245, 158, 11, .15) !important;
    color: #fcd34d !important;
    border-color: rgba(245, 158, 11, .26) !important;
}

html[data-theme="dark"] .alert-danger,
html[data-theme="dark"] .badge-rejected,
html[data-theme="dark"] .badge-inactive,
html[data-theme="dark"] .dt-action-danger {
    background-color: rgba(239, 68, 68, .14) !important;
    color: #fca5a5 !important;
    border-color: rgba(239, 68, 68, .25) !important;
}

html[data-theme="dark"] .alert-info,
html[data-theme="dark"] .dt-action-info {
    background-color: rgba(59, 130, 246, .14) !important;
    color: #93c5fd !important;
    border-color: rgba(59, 130, 246, .25) !important;
}

html[data-theme="dark"] .dt-action-purple,
html[data-theme="dark"] .badge-admin {
    background-color: rgba(139, 92, 246, .16) !important;
    color: #c4b5fd !important;
}

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

html[data-theme="dark"] .modal-backdrop.show,
html[data-theme="dark"] .sidebar-backdrop {
    background-color: rgba(2, 6, 23, .72) !important;
}

html[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(180%);
}

html[data-theme="dark"] .ck.ck-editor__editable_inline,
html[data-theme="dark"] .ck.ck-toolbar,
html[data-theme="dark"] .ck.ck-editor__main > .ck-editor__editable,
html[data-theme="dark"] .ck.ck-dropdown__panel,
html[data-theme="dark"] .ck.ck-list,
html[data-theme="dark"] .ck.ck-button {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .ck.ck-button:hover,
html[data-theme="dark"] .ck.ck-button.ck-on {
    background: #17233a !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] canvas,
html[data-theme="dark"] .chartjs-render-monitor {
    color: var(--mjk-text);
}

html[data-theme="dark"] ::selection {
    background: rgba(117, 182, 27, .35);
    color: #fff;
}

/* Hard override for legacy inline light styles used in older Blade fragments. */
html[data-theme="dark"] [style*="background:#fff" i],
html[data-theme="dark"] [style*="background: #fff" i],
html[data-theme="dark"] [style*="background:white" i],
html[data-theme="dark"] [style*="background: white" i],
html[data-theme="dark"] [style*="background-color:#fff" i],
html[data-theme="dark"] [style*="background-color: #fff" i],
html[data-theme="dark"] [style*="background:#ffffff" i],
html[data-theme="dark"] [style*="background: #ffffff" i],
html[data-theme="dark"] [style*="background:#f8fafc" i],
html[data-theme="dark"] [style*="background: #f8fafc" i],
html[data-theme="dark"] [style*="background:#f8fbf1" i],
html[data-theme="dark"] [style*="background: #f8fbf1" i],
html[data-theme="dark"] [style*="background:#fafcf6" i],
html[data-theme="dark"] [style*="background: #fafcf6" i],
html[data-theme="dark"] [style*="background:#f1f5f9" i],
html[data-theme="dark"] [style*="background: #f1f5f9" i] {
    background: var(--mjk-panel) !important;
    background-color: var(--mjk-panel) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] [style*="color:#0f172a" i],
html[data-theme="dark"] [style*="color: #0f172a" i],
html[data-theme="dark"] [style*="color:#1e293b" i],
html[data-theme="dark"] [style*="color: #1e293b" i],
html[data-theme="dark"] [style*="color:#20241d" i],
html[data-theme="dark"] [style*="color: #20241d" i],
html[data-theme="dark"] [style*="color:#141811" i],
html[data-theme="dark"] [style*="color: #141811" 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"] [style*="color:#64748b" i],
html[data-theme="dark"] [style*="color: #64748b" i],
html[data-theme="dark"] [style*="color:#66705d" i],
html[data-theme="dark"] [style*="color: #66705d" i],
html[data-theme="dark"] [style*="color:#7b7b7b" i],
html[data-theme="dark"] [style*="color: #7b7b7b" i],
html[data-theme="dark"] [style*="color:#94a3b8" i],
html[data-theme="dark"] [style*="color: #94a3b8" i] {
    color: var(--mjk-muted) !important;
}

html[data-theme="dark"] [style*="border:1px solid #f1f5f9" i],
html[data-theme="dark"] [style*="border: 1px solid #f1f5f9" i],
html[data-theme="dark"] [style*="border:1.5px solid #e8edf2" i],
html[data-theme="dark"] [style*="border: 1.5px solid #e8edf2" i],
html[data-theme="dark"] [style*="border-bottom:1px solid #f1f5f9" i],
html[data-theme="dark"] [style*="border-bottom: 1px solid #f1f5f9" i],
html[data-theme="dark"] [style*="border-top:1px solid #f1f5f9" i],
html[data-theme="dark"] [style*="border-top: 1px solid #f1f5f9" i] {
    border-color: var(--mjk-border) !important;
}

/* Full coverage pass for module-specific Blade CSS and legacy inline styles. */
html[data-theme="dark"] .sent-hero,
html[data-theme="dark"] .invite-hero,
html[data-theme="dark"] .learning-hero,
html[data-theme="dark"] .applications-hero,
html[data-theme="dark"] .dashboard-hero,
html[data-theme="dark"] .ed-hero,
html[data-theme="dark"] .job-search-hero,
html[data-theme="dark"] .legal-hero,
html[data-theme="dark"] .media-hero,
html[data-theme="dark"] .settings-toolbar,
html[data-theme="dark"] .settings-box,
html[data-theme="dark"] .settings-status,
html[data-theme="dark"] .settings-copy,
html[data-theme="dark"] .wa-chat,
html[data-theme="dark"] .wa-reply,
html[data-theme="dark"] .wa-thread,
html[data-theme="dark"] .wa-panel,
html[data-theme="dark"] .wa-qr,
html[data-theme="dark"] .ed-panel,
html[data-theme="dark"] .ed-table,
html[data-theme="dark"] .ed-cal-head,
html[data-theme="dark"] .ed-cal-day,
html[data-theme="dark"] .quick-link,
html[data-theme="dark"] .invite-card,
html[data-theme="dark"] .q-card,
html[data-theme="dark"] .q-option,
html[data-theme="dark"] .timer-pill,
html[data-theme="dark"] .progress-bar-wrap,
html[data-theme="dark"] .post-body blockquote,
html[data-theme="dark"] .post-body code {
    background: var(--mjk-panel) !important;
    background-color: var(--mjk-panel) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .sent-hero,
html[data-theme="dark"] .invite-hero,
html[data-theme="dark"] .learning-hero,
html[data-theme="dark"] .applications-hero,
html[data-theme="dark"] .dashboard-hero,
html[data-theme="dark"] .ed-hero,
html[data-theme="dark"] .job-search-hero,
html[data-theme="dark"] .legal-hero,
html[data-theme="dark"] .media-hero {
    background: linear-gradient(135deg, #101a2b 0%, #17233a 100%) !important;
}

html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .hero-copy,
html[data-theme="dark"] .row-meta,
html[data-theme="dark"] .deadline-text,
html[data-theme="dark"] .cand-headline,
html[data-theme="dark"] .wa-meta,
html[data-theme="dark"] .wa-empty,
html[data-theme="dark"] .settings-status-label,
html[data-theme="dark"] .settings-stat-label,
html[data-theme="dark"] .analytics-kpi-label,
html[data-theme="dark"] .analytics-row-sub,
html[data-theme="dark"] .notif-msg,
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"] .sent-hero h1,
html[data-theme="dark"] .invite-hero h1,
html[data-theme="dark"] .learning-hero h1,
html[data-theme="dark"] .card-heading,
html[data-theme="dark"] .q-text,
html[data-theme="dark"] .cand-name,
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"] .settings-copy code,
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"] .notif-title,
html[data-theme="dark"] .wa-thread,
html[data-theme="dark"] .wa-bubble.inbound,
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"] .status-pending,
html[data-theme="dark"] .timer-pill.warning,
html[data-theme="dark"] .ed-badge--pending,
html[data-theme="dark"] .invite-card .panel-head {
    background: rgba(245, 158, 11, .14) !important;
    border-color: rgba(245, 158, 11, .28) !important;
    color: #fcd34d !important;
}

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-back,
html[data-theme="dark"] .q-mode-btn:not(.active) {
    background: #121c2e !important;
    border-color: #334155 !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .btn-profile-danger,
html[data-theme="dark"] .btn-invite-danger {
    background: rgba(239, 68, 68, .12) !important;
    border-color: rgba(239, 68, 68, .28) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .q-mode-btn.active {
    background: var(--mjk-green) !important;
    border-color: var(--mjk-green) !important;
    color: #fff !important;
}

html[data-theme="dark"] [style*="background:#e2e8f0" i],
html[data-theme="dark"] [style*="background: #e2e8f0" i],
html[data-theme="dark"] [style*="background:#f3f3f3" i],
html[data-theme="dark"] [style*="background: #f3f3f3" i],
html[data-theme="dark"] [style*="background:#f8f9fa" i],
html[data-theme="dark"] [style*="background: #f8f9fa" i],
html[data-theme="dark"] [style*="background:#fafafa" i],
html[data-theme="dark"] [style*="background: #fafafa" i],
html[data-theme="dark"] [style*="background:#f4f6f8" i],
html[data-theme="dark"] [style*="background: #f4f6f8" i],
html[data-theme="dark"] [style*="background:#f3f5ef" i],
html[data-theme="dark"] [style*="background: #f3f5ef" i],
html[data-theme="dark"] [style*="background:#f5f8f0" i],
html[data-theme="dark"] [style*="background: #f5f8f0" i],
html[data-theme="dark"] [style*="background:#f3f8eb" i],
html[data-theme="dark"] [style*="background: #f3f8eb" i],
html[data-theme="dark"] [style*="background:#f8fdf0" i],
html[data-theme="dark"] [style*="background: #f8fdf0" i],
html[data-theme="dark"] [style*="background:#f3fbeb" i],
html[data-theme="dark"] [style*="background: #f3fbeb" i],
html[data-theme="dark"] [style*="background:#eef7db" i],
html[data-theme="dark"] [style*="background: #eef7db" i],
html[data-theme="dark"] [style*="background:#fff7ed" i],
html[data-theme="dark"] [style*="background: #fff7ed" i],
html[data-theme="dark"] [style*="background:#fffbeb" i],
html[data-theme="dark"] [style*="background: #fffbeb" i],
html[data-theme="dark"] [style*="background:#fef3c7" i],
html[data-theme="dark"] [style*="background: #fef3c7" i],
html[data-theme="dark"] [style*="background:#fff4e0" i],
html[data-theme="dark"] [style*="background: #fff4e0" i],
html[data-theme="dark"] [style*="background:#fff4dc" i],
html[data-theme="dark"] [style*="background: #fff4dc" i],
html[data-theme="dark"] [style*="background:#fff8e8" i],
html[data-theme="dark"] [style*="background: #fff8e8" i],
html[data-theme="dark"] [style*="background:#f1f7ef" i],
html[data-theme="dark"] [style*="background: #f1f7ef" i],
html[data-theme="dark"] [style*="background:#f8faf7" i],
html[data-theme="dark"] [style*="background: #f8faf7" i],
html[data-theme="dark"] [style*="background:#f1f5f1" i],
html[data-theme="dark"] [style*="background: #f1f5f1" i],
html[data-theme="dark"] [style*="background:rgba(255,255,255" i],
html[data-theme="dark"] [style*="background: rgba(255,255,255" i],
html[data-theme="dark"] [style*="background:rgba(255, 255, 255" i],
html[data-theme="dark"] [style*="background: rgba(255, 255, 255" i],
html[data-theme="dark"] [style*="background-color:#e2e8f0" i],
html[data-theme="dark"] [style*="background-color: #e2e8f0" i],
html[data-theme="dark"] [style*="background-color:#f8f9fa" i],
html[data-theme="dark"] [style*="background-color: #f8f9fa" i] {
    background: var(--mjk-panel) !important;
    background-color: var(--mjk-panel) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] [style*="background:linear-gradient" i][style*="#fff" i],
html[data-theme="dark"] [style*="background: linear-gradient" i][style*="#fff" i],
html[data-theme="dark"] [style*="background:linear-gradient" i][style*="#f8" i],
html[data-theme="dark"] [style*="background: linear-gradient" i][style*="#f8" i],
html[data-theme="dark"] [style*="background:linear-gradient" i][style*="#f9" i],
html[data-theme="dark"] [style*="background: linear-gradient" i][style*="#f9" i],
html[data-theme="dark"] [style*="background:linear-gradient" i][style*="#fef" i],
html[data-theme="dark"] [style*="background: linear-gradient" i][style*="#fef" i],
html[data-theme="dark"] [style*="background:linear-gradient" i][style*="#ff" i],
html[data-theme="dark"] [style*="background: linear-gradient" i][style*="#ff" i],
html[data-theme="dark"] [style*="background:linear-gradient" i][style*="255" i],
html[data-theme="dark"] [style*="background: linear-gradient" i][style*="255" i] {
    background: linear-gradient(135deg, #101a2b 0%, #17233a 100%) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] [style*="color:#374151" i],
html[data-theme="dark"] [style*="color: #374151" i],
html[data-theme="dark"] [style*="color:#111827" i],
html[data-theme="dark"] [style*="color: #111827" i],
html[data-theme="dark"] [style*="color:#000" i],
html[data-theme="dark"] [style*="color: #000" i],
html[data-theme="dark"] [style*="color:black" i],
html[data-theme="dark"] [style*="color: black" i] {
    color: var(--mjk-text) !important;
}
/* App-wide dark surface normalization pass. */
html[data-theme="dark"] .notif-page-wrap,
html[data-theme="dark"] .sent-page,
html[data-theme="dark"] .invite-page,
html[data-theme="dark"] .applications-page,
html[data-theme="dark"] .application-page,
html[data-theme="dark"] .apply-page,
html[data-theme="dark"] .result-wrap,
html[data-theme="dark"] .cert-shell,
html[data-theme="dark"] .edit-job-wrap,
html[data-theme="dark"] .jobs-page,
html[data-theme="dark"] .job-index-page,
html[data-theme="dark"] .courses-page,
html[data-theme="dark"] .course-page,
html[data-theme="dark"] .companies-page,
html[data-theme="dark"] .company-page,
html[data-theme="dark"] .pricing-page,
html[data-theme="dark"] .faq-page,
html[data-theme="dark"] .learning-page,
html[data-theme="dark"] .profile-page,
html[data-theme="dark"] .dashboard-page,
html[data-theme="dark"] .legal-page,
html[data-theme="dark"] .media-page,
html[data-theme="dark"] .blog-page,
html[data-theme="dark"] .admin-page {
    background: var(--mjk-bg) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .ej-card,
html[data-theme="dark"] .q-preview-item,
html[data-theme="dark"] .cv-choice,
html[data-theme="dark"] .answer-row,
html[data-theme="dark"] .match-bar-bg,
html[data-theme="dark"] .settings-panel,
html[data-theme="dark"] .settings-provider-head,
html[data-theme="dark"] .dashboard-panel,
html[data-theme="dark"] .dashboard-kpi,
html[data-theme="dark"] .notification-panel,
html[data-theme="dark"] .company-panel,
html[data-theme="dark"] .company-job-card,
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"] .course-detail-card,
html[data-theme="dark"] .lesson-panel,
html[data-theme="dark"] .job-form-card,
html[data-theme="dark"] .candidate-card,
html[data-theme="dark"] .preview-card {
    background: var(--mjk-panel) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-body,
html[data-theme="dark"] .link-dark,
html[data-theme="dark"] .accordion-button,
html[data-theme="dark"] .accordion-body,
html[data-theme="dark"] .table-light,
html[data-theme="dark"] .table-light th,
html[data-theme="dark"] .table-light td {
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .text-black-50,
html[data-theme="dark"] .text-body-secondary,
html[data-theme="dark"] .text-body-tertiary {
    color: var(--mjk-muted) !important;
}

html[data-theme="dark"] .border-light,
html[data-theme="dark"] .border-white,
html[data-theme="dark"] .table-light,
html[data-theme="dark"] .accordion-button,
html[data-theme="dark"] .accordion-body {
    border-color: var(--mjk-border) !important;
}

html[data-theme="dark"] .shadow,
html[data-theme="dark"] .shadow-sm,
html[data-theme="dark"] .shadow-lg {
    box-shadow: 0 18px 44px rgba(0, 0, 0, .26) !important;
}

html[data-theme="dark"] [style*="background:#f0fdf4" i],
html[data-theme="dark"] [style*="background: #f0fdf4" i],
html[data-theme="dark"] [style*="background:#d1fae5" i],
html[data-theme="dark"] [style*="background: #d1fae5" i],
html[data-theme="dark"] [style*="background:#dcfce7" i],
html[data-theme="dark"] [style*="background: #dcfce7" i] {
    background: rgba(34, 197, 94, .14) !important;
    border-color: rgba(34, 197, 94, .28) !important;
    color: #86efac !important;
}

html[data-theme="dark"] [style*="background:#fff7ed" i],
html[data-theme="dark"] [style*="background: #fff7ed" i],
html[data-theme="dark"] [style*="background:#fffbeb" i],
html[data-theme="dark"] [style*="background: #fffbeb" i],
html[data-theme="dark"] [style*="background:#fef3c7" i],
html[data-theme="dark"] [style*="background: #fef3c7" i],
html[data-theme="dark"] [style*="background:#fef9c3" i],
html[data-theme="dark"] [style*="background: #fef9c3" i] {
    background: rgba(245, 158, 11, .15) !important;
    border-color: rgba(245, 158, 11, .3) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] [style*="background:#fee2e2" i],
html[data-theme="dark"] [style*="background: #fee2e2" i],
html[data-theme="dark"] [style*="background:#fef2f2" i],
html[data-theme="dark"] [style*="background: #fef2f2" i] {
    background: rgba(239, 68, 68, .14) !important;
    border-color: rgba(239, 68, 68, .28) !important;
    color: #fca5a5 !important;
}
/* Job pages dark-mode completion pass. */
html[data-theme="dark"] .jobs-board,
html[data-theme="dark"] .job-detail-page,
html[data-theme="dark"] .job-form-shell,
html[data-theme="dark"] .edit-job-wrap,
html[data-theme="dark"] .applications-page {
    background: var(--mjk-bg) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .job-detail-page {
    --detail-accent: var(--mjk-green);
    --detail-accent-dark: var(--mjk-green-dark);
    --detail-border: var(--mjk-border);
    --detail-ink: var(--mjk-text);
    --detail-muted: var(--mjk-muted);
    --detail-panel: var(--mjk-panel);
    --detail-soft: #0f172a;
}

html[data-theme="dark"] .jobs-search-card,
html[data-theme="dark"] .jobs-result-toolbar,
html[data-theme="dark"] .filter-panel,
html[data-theme="dark"] .filter-panel-actions,
html[data-theme="dark"] .job-listing-card,
html[data-theme="dark"] .jobs-empty-state,
html[data-theme="dark"] .jobs-loading,
html[data-theme="dark"] .job-surface,
html[data-theme="dark"] .job-header,
html[data-theme="dark"] .job-content-nav,
html[data-theme="dark"] .job-body,
html[data-theme="dark"] .job-sidecard,
html[data-theme="dark"] .job-sidecard-head,
html[data-theme="dark"] .job-sidecard-body,
html[data-theme="dark"] .job-side-facts,
html[data-theme="dark"] .job-side-note,
html[data-theme="dark"] .related-job-card,
html[data-theme="dark"] .apply-panel,
html[data-theme="dark"] .side-panel,
html[data-theme="dark"] .step,
html[data-theme="dark"] .cv-choice,
html[data-theme="dark"] .ej-card,
html[data-theme="dark"] .q-card,
html[data-theme="dark"] .q-existing,
html[data-theme="dark"] .candidate-card,
html[data-theme="dark"] #manualAddForm,
html[data-theme="dark"] .filter-sort-bar,
html[data-theme="dark"] .app-card,
html[data-theme="dark"] .applications-page .bg-white {
    background: var(--mjk-panel) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .24) !important;
}

html[data-theme="dark"] .jobs-search-card .form-control,
html[data-theme="dark"] .jobs-search-card .form-select,
html[data-theme="dark"] .filter-panel .form-control,
html[data-theme="dark"] .filter-panel .form-select,
html[data-theme="dark"] .apply-panel .form-control,
html[data-theme="dark"] .apply-panel .form-select,
html[data-theme="dark"] .side-panel .form-control,
html[data-theme="dark"] .side-panel .form-select,
html[data-theme="dark"] .ej-card .form-control,
html[data-theme="dark"] .ej-card .form-select,
html[data-theme="dark"] .filter-sort-bar .form-control,
html[data-theme="dark"] .filter-sort-bar .form-select,
html[data-theme="dark"] .app-card .form-control,
html[data-theme="dark"] .app-card .form-select {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .jobs-field-label,
html[data-theme="dark"] .filter-count,
html[data-theme="dark"] .job-listing-company,
html[data-theme="dark"] .job-listing-company a,
html[data-theme="dark"] .job-listing-meta,
html[data-theme="dark"] .job-listing-description,
html[data-theme="dark"] .jobs-loading,
html[data-theme="dark"] .jobs-end-message,
html[data-theme="dark"] .job-breadcrumb,
html[data-theme="dark"] .detail-subtitle,
html[data-theme="dark"] .job-description-copy,
html[data-theme="dark"] .job-side-company-meta,
html[data-theme="dark"] .job-side-label,
html[data-theme="dark"] .job-side-note,
html[data-theme="dark"] .job-side-tool-meta,
html[data-theme="dark"] .related-meta,
html[data-theme="dark"] .panel-kicker,
html[data-theme="dark"] .hint,
html[data-theme="dark"] .cv-choice__text,
html[data-theme="dark"] .side-label,
html[data-theme="dark"] .step,
html[data-theme="dark"] .ej-card .card-eyebrow,
html[data-theme="dark"] .form-section-label,
html[data-theme="dark"] .cand-headline,
html[data-theme="dark"] .applications-page .text-muted {
    color: var(--mjk-muted) !important;
}

html[data-theme="dark"] .filter-panel-title,
html[data-theme="dark"] .filter-option .form-check-label,
html[data-theme="dark"] .job-listing-title,
html[data-theme="dark"] .detail-title,
html[data-theme="dark"] .detail-subtitle .company-name,
html[data-theme="dark"] .content-heading,
html[data-theme="dark"] .job-side-company-name,
html[data-theme="dark"] .job-side-value,
html[data-theme="dark"] .job-side-note strong,
html[data-theme="dark"] .job-side-tool-title,
html[data-theme="dark"] .related-title,
html[data-theme="dark"] .panel-title,
html[data-theme="dark"] .apply-panel .form-label,
html[data-theme="dark"] .cv-choice__title,
html[data-theme="dark"] .side-value,
html[data-theme="dark"] .ej-card .card-heading,
html[data-theme="dark"] .cand-name,
html[data-theme="dark"] .q-existing .fw-semibold,
html[data-theme="dark"] .applications-page .fw-bold,
html[data-theme="dark"] .applications-page .fw-semibold {
    color: #f8fafc !important;
}

html[data-theme="dark"] .jobs-search-card,
html[data-theme="dark"] .filter-panel-head,
html[data-theme="dark"] .filter-group,
html[data-theme="dark"] .content-section + .content-section,
html[data-theme="dark"] .job-header,
html[data-theme="dark"] .job-content-nav,
html[data-theme="dark"] .job-sidecard-head,
html[data-theme="dark"] .job-side-facts,
html[data-theme="dark"] .job-side-fact:nth-child(2n),
html[data-theme="dark"] .job-side-fact:nth-child(n+3),
html[data-theme="dark"] .job-side-tool,
html[data-theme="dark"] .question-block,
html[data-theme="dark"] .side-row,
html[data-theme="dark"] .form-section-label::after,
html[data-theme="dark"] .q-existing,
html[data-theme="dark"] .answer-row,
html[data-theme="dark"] .app-card [style*="border-top" i] {
    border-color: var(--mjk-border) !important;
}

html[data-theme="dark"] .filter-panel::-webkit-scrollbar-thumb {
    background: #334155 !important;
}

html[data-theme="dark"] .filter-option:hover,
html[data-theme="dark"] .filter-option:focus-within,
html[data-theme="dark"] .filter-option:has(input:checked),
html[data-theme="dark"] .cv-choice:has(input:checked),
html[data-theme="dark"] .cv-choice.is-disabled,
html[data-theme="dark"] .job-side-cta.is-muted,
html[data-theme="dark"] .job-pill,
html[data-theme="dark"] .job-pill.more,
html[data-theme="dark"] .detail-meta-chip,
html[data-theme="dark"] .job-tag,
html[data-theme="dark"] .jobs-active-chip,
html[data-theme="dark"] .filter-active-badge {
    background: rgba(117, 182, 27, .14) !important;
    border-color: rgba(117, 182, 27, .28) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .job-listing-logo,
html[data-theme="dark"] .company-avatar,
html[data-theme="dark"] .job-card-logo,
html[data-theme="dark"] .step span,
html[data-theme="dark"] .cand-avatar,
html[data-theme="dark"] .job-side-tool-icon,
html[data-theme="dark"] .components-job-card-logo {
    background: rgba(117, 182, 27, .14) !important;
    border-color: rgba(117, 182, 27, .28) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .job-side-status.open {
    background: rgba(34, 197, 94, .14) !important;
    color: #86efac !important;
}

html[data-theme="dark"] .job-side-status.urgent {
    background: rgba(245, 158, 11, .15) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .job-side-status.closed {
    background: #1e293b !important;
    color: var(--mjk-muted) !important;
}

html[data-theme="dark"] .score-bar,
html[data-theme="dark"] .match-bar-bg {
    background: #1e293b !important;
}

html[data-theme="dark"] .job-listing-card:hover,
html[data-theme="dark"] .job-listing-card:focus-within,
html[data-theme="dark"] .related-job-card:hover,
html[data-theme="dark"] .candidate-card:hover {
    border-color: rgba(117, 182, 27, .52) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, .34) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .job-listing-card.is-expired {
    background: rgba(120, 90, 28, .14) !important;
    border-color: rgba(180, 137, 54, .28) !important;
}

html[data-theme="dark"] .job-listing-card.is-filled {
    background: rgba(148, 163, 184, .1) !important;
    border-color: rgba(148, 163, 184, .22) !important;
}

html[data-theme="dark"] .job-status-marker.expired {
    background: rgba(180, 137, 54, .18) !important;
    border-color: rgba(180, 137, 54, .32) !important;
    color: #e7c875 !important;
}

html[data-theme="dark"] .job-status-marker.filled {
    background: rgba(148, 163, 184, .14) !important;
    border-color: rgba(148, 163, 184, .28) !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .job-deadline-expired {
    color: #e7c875 !important;
}

html[data-theme="dark"] [style*="background:#e0e7ff" i],
html[data-theme="dark"] [style*="background: #e0e7ff" i],
html[data-theme="dark"] [style*="background:#eff6ff" i],
html[data-theme="dark"] [style*="background: #eff6ff" i],
html[data-theme="dark"] [style*="background:#dbeafe" i],
html[data-theme="dark"] [style*="background: #dbeafe" i],
html[data-theme="dark"] [style*="background:#e0f2fe" i],
html[data-theme="dark"] [style*="background: #e0f2fe" i] {
    background: rgba(59, 130, 246, .14) !important;
    border-color: rgba(59, 130, 246, .28) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] [style*="background:#f5f3ff" i],
html[data-theme="dark"] [style*="background: #f5f3ff" i],
html[data-theme="dark"] [style*="background:#ede9fe" i],
html[data-theme="dark"] [style*="background: #ede9fe" i] {
    background: rgba(139, 92, 246, .16) !important;
    border-color: rgba(139, 92, 246, .3) !important;
    color: #c4b5fd !important;
}
/* Cross-page scan dark-mode coverage pass. */
html[data-theme="dark"] .course-detail-page,
html[data-theme="dark"] .company-profile-page,
html[data-theme="dark"] .cert-shell,
html[data-theme="dark"] .take-wrap,
html[data-theme="dark"] .learning-page,
html[data-theme="dark"] .pricing-page,
html[data-theme="dark"] .faq-page,
html[data-theme="dark"] .notif-page-wrap {
    background: var(--mjk-bg) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .course-sidebar-card,
html[data-theme="dark"] .course-main-card,
html[data-theme="dark"] .course-mini-item,
html[data-theme="dark"] .course-recommend-card,
html[data-theme="dark"] .course-includes,
html[data-theme="dark"] .company-panel,
html[data-theme="dark"] .company-stat,
html[data-theme="dark"] .company-job-card,
html[data-theme="dark"] .company-related-card,
html[data-theme="dark"] .company-empty,
html[data-theme="dark"] .cert-card,
html[data-theme="dark"] .notif-card,
html[data-theme="dark"] .option-label,
html[data-theme="dark"] .timer-pill {
    background: var(--mjk-panel) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] .course-section-heading,
html[data-theme="dark"] .course-curriculum-title,
html[data-theme="dark"] .company-stat-value,
html[data-theme="dark"] .cert-title,
html[data-theme="dark"] .notif-title,
html[data-theme="dark"] .q-text {
    color: #f8fafc !important;
}

html[data-theme="dark"] .course-block-copy,
html[data-theme="dark"] .course-list,
html[data-theme="dark"] .course-curriculum-duration,
html[data-theme="dark"] .company-stat-label,
html[data-theme="dark"] .cert-desc,
html[data-theme="dark"] .cert-stat,
html[data-theme="dark"] .category-heading,
html[data-theme="dark"] .notif-msg,
html[data-theme="dark"] .notif-time {
    color: var(--mjk-muted) !important;
}

html[data-theme="dark"] .course-curriculum-row,
html[data-theme="dark"] .company-fact,
html[data-theme="dark"] .notif-card {
    border-color: var(--mjk-border) !important;
}

html[data-theme="dark"] .course-preview-trigger,
html[data-theme="dark"] .course-curriculum-icon,
html[data-theme="dark"] .company-logo,
html[data-theme="dark"] .company-chip,
html[data-theme="dark"] .company-fact-icon,
html[data-theme="dark"] .notif-icon-wrap,
html[data-theme="dark"] .passed-check {
    background: rgba(117, 182, 27, .14) !important;
    border-color: rgba(117, 182, 27, .28) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .course-preview-trigger i,
html[data-theme="dark"] .company-chip:hover,
html[data-theme="dark"] .company-chip:focus {
    color: var(--mjk-green-dark) !important;
}
/* Home page dark-mode completion pass. */
html[data-theme="dark"] .home-page {
    --home-bg: var(--mjk-bg);
    --home-border: var(--mjk-border);
    --home-muted: var(--mjk-muted);
    --home-text: var(--mjk-text);
    background: var(--mjk-bg) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .home-section,
html[data-theme="dark"] .home-section-white,
html[data-theme="dark"] .market-stats {
    background: var(--mjk-bg) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .home-section-white:nth-of-type(even),
html[data-theme="dark"] .home-page .bg-white,
html[data-theme="dark"] .home-page .bg-light {
    background: #0f172a !important;
}

html[data-theme="dark"] .market-stat,
html[data-theme="dark"] .market-stat + .market-stat,
html[data-theme="dark"] .market-stat:nth-child(n + 3),
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: var(--mjk-border) !important;
}

html[data-theme="dark"] .job-search-form {
    background: #111c2d !important;
    border-color: #334155 !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .38) !important;
}

html[data-theme="dark"] .search-field .form-control,
html[data-theme="dark"] .search-field .form-select {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .search-field label,
html[data-theme="dark"] .hero-trending-label,
html[data-theme="dark"] .section-copy,
html[data-theme="dark"] .job-card-company,
html[data-theme="dark"] .job-card-meta,
html[data-theme="dark"] .category-card span,
html[data-theme="dark"] .employer-jobs,
html[data-theme="dark"] .ai-tools-copy,
html[data-theme="dark"] .ai-stat-card span,
html[data-theme="dark"] .ai-tool-tagline,
html[data-theme="dark"] .ai-tool-description,
html[data-theme="dark"] .course-row-meta,
html[data-theme="dark"] .coach-title,
html[data-theme="dark"] .article-meta,
html[data-theme="dark"] .empty-home-state {
    color: var(--mjk-muted) !important;
}

html[data-theme="dark"] .home-section-title,
html[data-theme="dark"] .job-card-title,
html[data-theme="dark"] .category-card strong,
html[data-theme="dark"] .employer-name,
html[data-theme="dark"] .ai-stat-card strong,
html[data-theme="dark"] .ai-tool-title,
html[data-theme="dark"] .course-row-title,
html[data-theme="dark"] .coach-name,
html[data-theme="dark"] .article-title,
html[data-theme="dark"] .market-stat strong {
    color: #f8fafc !important;
}

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"] .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: var(--mjk-panel) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .24) !important;
}

html[data-theme="dark"] .article-card-body {
    background: var(--mjk-panel) !important;
}

html[data-theme="dark"] .home-job-card:hover,
html[data-theme="dark"] .category-card:hover,
html[data-theme="dark"] .employer-card:hover,
html[data-theme="dark"] .course-row:hover,
html[data-theme="dark"] .coach-row:hover,
html[data-theme="dark"] .article-card:hover,
html[data-theme="dark"] .ai-tool-card:hover,
html[data-theme="dark"] .ai-tool-card:focus-visible {
    border-color: rgba(117, 182, 27, .52) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, .34) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .ai-tools-wrap {
    background: linear-gradient(180deg, #101a2b 0%, #142033 100%) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .company-mark,
html[data-theme="dark"] .employer-mark,
html[data-theme="dark"] .coach-mark,
html[data-theme="dark"] .category-icon {
    background: rgba(117, 182, 27, .14) !important;
    border-color: rgba(117, 182, 27, .28) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .job-type-badge,
html[data-theme="dark"] .ai-tool-credit,
html[data-theme="dark"] .hero-trending-count {
    background: rgba(117, 182, 27, .16) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .hero-trending-pill {
    background: rgba(15, 23, 42, .58) !important;
    border-color: rgba(255, 255, 255, .18) !important;
    color: #fff !important;
}

html[data-theme="dark"] .hero-trending-pill:hover,
html[data-theme="dark"] .hero-trending-pill:focus-visible {
    background: #121c2e !important;
    border-color: rgba(117, 182, 27, .6) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .hero-note {
    background: rgba(2, 6, 23, .84) !important;
    border-color: rgba(255, 255, 255, .16) !important;
    color: rgba(248, 250, 252, .92) !important;
}

html[data-theme="dark"] .home-page a:focus-visible,
html[data-theme="dark"] .home-page button:focus-visible,
html[data-theme="dark"] .home-page input:focus-visible,
html[data-theme="dark"] .home-page select:focus-visible {
    outline-color: rgba(165, 217, 74, .42) !important;
}
/* Auth page dark-mode completion pass. */
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;
    color: #e8edf3 !important;
}

html[data-theme="dark"] .auth-visual,
html[data-theme="dark"] .auth-form-zone,
html[data-theme="dark"] .auth-frame,
html[data-theme="dark"] .auth-tabs,
html[data-theme="dark"] .auth-role-option,
html[data-theme="dark"] .auth-card-note,
html[data-theme="dark"] .auth-divider span {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .auth-panel {
    background: rgba(12, 20, 34, .96) !important;
    border-color: rgba(148, 163, 184, .24) !important;
    color: #e8edf3 !important;
    box-shadow: 0 28px 78px rgba(0, 0, 0, .46) !important;
}

html[data-theme="dark"] .auth-panel h2,
html[data-theme="dark"] .auth-tab.active,
html[data-theme="dark"] .auth-role-radio:checked + .auth-role-card,
html[data-theme="dark"] .auth-panel .form-label,
html[data-theme="dark"] .auth-panel .form-control,
html[data-theme="dark"] .auth-panel .form-select,
html[data-theme="dark"] .auth-trust-value,
html[data-theme="dark"] .auth-hire-title,
html[data-theme="dark"] .auth-feature-title,
html[data-theme="dark"] .auth-visual-title {
    color: #f8fafc !important;
}

html[data-theme="dark"] .auth-panel .auth-subtitle,
html[data-theme="dark"] .auth-panel .form-check-label,
html[data-theme="dark"] .auth-card-note,
html[data-theme="dark"] .auth-divider,
html[data-theme="dark"] .auth-tab,
html[data-theme="dark"] .auth-role-card,
html[data-theme="dark"] .auth-trust-intro,
html[data-theme="dark"] .auth-trust-label,
html[data-theme="dark"] .auth-hire-text,
html[data-theme="dark"] .auth-feature-text,
html[data-theme="dark"] .auth-visual-copy {
    color: #a8b3c3 !important;
}

html[data-theme="dark"] .auth-panel .input-group,
html[data-theme="dark"] .auth-panel .input-group-text,
html[data-theme="dark"] .auth-password-toggle,
html[data-theme="dark"] .auth-panel .form-control,
html[data-theme="dark"] .auth-panel .form-select,
html[data-theme="dark"] .auth-social-btn {
    background: #0f1a2c !important;
    border-color: #2b3a4f !important;
    color: #e8edf3 !important;
}

html[data-theme="dark"] .auth-panel .form-control::placeholder,
html[data-theme="dark"] .auth-panel .form-select::placeholder {
    color: #7f8ca1 !important;
}

html[data-theme="dark"] .auth-panel .input-group-text,
html[data-theme="dark"] .auth-password-toggle {
    color: #a8b3c3 !important;
}

html[data-theme="dark"] .auth-panel .input-group:focus-within {
    border-color: rgba(165, 217, 74, .68) !important;
    box-shadow: 0 0 0 4px rgba(117, 182, 27, .16) !important;
}

html[data-theme="dark"] .auth-panel .form-check-input {
    background-color: #0f1a2c !important;
    border-color: #526176 !important;
}

html[data-theme="dark"] .auth-panel .form-check-input:checked {
    background-color: var(--mjk-green) !important;
    border-color: var(--mjk-green) !important;
}

html[data-theme="dark"] .auth-panel .alert {
    background: rgba(15, 26, 44, .92) !important;
    border-color: rgba(148, 163, 184, .25) !important;
    color: #e8edf3 !important;
}

html[data-theme="dark"] .auth-role-card {
    border-bottom-color: transparent !important;
}

html[data-theme="dark"] .auth-role-radio:checked + .auth-role-card {
    border-bottom-color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .auth-tabs,
html[data-theme="dark"] .auth-divider::before,
html[data-theme="dark"] .auth-divider::after {
    border-color: #2b3a4f !important;
}

html[data-theme="dark"] .auth-divider::before,
html[data-theme="dark"] .auth-divider::after {
    background: #2b3a4f !important;
}

html[data-theme="dark"] .auth-link,
html[data-theme="dark"] .auth-card-note .auth-link {
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .auth-link:hover,
html[data-theme="dark"] .auth-link:focus-visible,
html[data-theme="dark"] .auth-password-toggle:hover,
html[data-theme="dark"] .auth-password-toggle:focus-visible {
    color: #c8f16a !important;
}

html[data-theme="dark"] .auth-social-btn:hover,
html[data-theme="dark"] .auth-social-btn:focus-visible {
    background: #152239 !important;
    border-color: rgba(165, 217, 74, .5) !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .auth-trust-strip {
    background: rgba(12, 20, 34, .96) !important;
    border-top: 1px solid rgba(148, 163, 184, .22) !important;
    color: #e8edf3 !important;
    box-shadow: 0 -18px 44px rgba(0, 0, 0, .34) !important;
}

html[data-theme="dark"] .auth-trust-stat {
    border-left-color: rgba(148, 163, 184, .22) !important;
}

html[data-theme="dark"] .auth-trust-icon,
html[data-theme="dark"] .auth-visual-title span {
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .auth-hire-card {
    background: rgba(5, 10, 18, .62) !important;
    border-color: rgba(165, 217, 74, .55) !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .auth-hire-icon,
html[data-theme="dark"] .auth-feature-icon {
    background: rgba(117, 182, 27, .12) !important;
    border-color: rgba(165, 217, 74, .7) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .auth-home-link,
html[data-theme="dark"] .auth-actions .theme-toggle {
    background: rgba(15, 26, 44, .82) !important;
    border-color: rgba(148, 163, 184, .28) !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .auth-home-link:hover,
html[data-theme="dark"] .auth-home-link:focus-visible,
html[data-theme="dark"] .auth-actions .theme-toggle:hover,
html[data-theme="dark"] .auth-actions .theme-toggle:focus-visible {
    background: rgba(21, 34, 57, .92) !important;
    border-color: rgba(165, 217, 74, .58) !important;
    color: var(--mjk-green-dark) !important;
}

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-insight,
html[data-theme="dark"] .q-card,
html[data-theme="dark"] .q-existing,
html[data-theme="dark"] .manual-question-form,
html[data-theme="dark"] .answer-choice,
html[data-theme="dark"] .question-block {
    background: #121c2e !important;
    border-color: rgba(148, 163, 184, .22) !important;
    color: #e8edf3 !important;
}

html[data-theme="dark"] .survey-metric,
html[data-theme="dark"] .survey-stat,
html[data-theme="dark"] .survey-empty,
html[data-theme="dark"] .survey-answer-panel {
    background: #0f1a2c !important;
    border-color: rgba(148, 163, 184, .22) !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .survey-metric strong,
html[data-theme="dark"] .survey-stat strong,
html[data-theme="dark"] .survey-insight strong,
html[data-theme="dark"] .question-label,
html[data-theme="dark"] .answer-choice span {
    color: #f8fafc !important;
}

html[data-theme="dark"] .survey-metric span,
html[data-theme="dark"] .survey-stat span,
html[data-theme="dark"] .survey-insight span,
html[data-theme="dark"] .survey-empty,
html[data-theme="dark"] .hint {
    color: #a8b3c3 !important;
}

html[data-theme="dark"] .answer-choice:has(input:checked),
html[data-theme="dark"] .cv-choice:has(input:checked) {
    background: rgba(117, 182, 27, .16) !important;
    border-color: rgba(165, 217, 74, .65) !important;
}

html[data-theme="dark"] .q-number,
html[data-theme="dark"] .q-existing-index,
html[data-theme="dark"] .question-index {
    background: rgba(117, 182, 27, .18) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .q-meta-pill {
    background: #1b2940 !important;
    color: #d9e2ee !important;
}

html[data-theme="dark"] .q-meta-pill.is-required {
    background: rgba(244, 63, 94, .16) !important;
    color: #fda4af !important;
}

/* Zenlipa-inspired dark polish: charcoal base, soft green glow, compact elevated surfaces. */
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:
        radial-gradient(circle at 50% 9rem, rgba(139, 214, 63, .14), transparent 28rem),
        radial-gradient(circle at 18% 42rem, rgba(139, 214, 63, .08), transparent 24rem),
        #10140f !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .site-header,
html[data-theme="dark"] .admin-topbar {
    background: rgba(14, 18, 13, .92) !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"] .site-nav .navbar-collapse,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .mobile-menu-close {
    background: #151a14 !important;
    border-color: rgba(255, 255, 255, .08) !important;
}

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 {
    background: #1b2119 !important;
    border-color: rgba(255, 255, 255, .08) !important;
    color: #e9eee5 !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .24);
}

html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .theme-toggle:focus-visible {
    background: rgba(139, 214, 63, .12) !important;
    border-color: rgba(167, 228, 92, .48) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .site-link,
html[data-theme="dark"] .site-text-link,
html[data-theme="dark"] .site-outline {
    color: rgba(233, 238, 229, .78) !important;
}

html[data-theme="dark"] .site-link:hover,
html[data-theme="dark"] .site-link.active,
html[data-theme="dark"] .site-text-link:hover,
html[data-theme="dark"] .site-outline:hover {
    color: var(--mjk-green-dark) !important;
}

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

html[data-theme="dark"] .site-signin:hover,
html[data-theme="dark"] .btn-mjk-light:hover {
    background: var(--mjk-green-dark) !important;
    border-color: var(--mjk-green-dark) !important;
    color: #10140f !important;
}

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"] .auth-role-card,
html[data-theme="dark"] .auth-social-btn,
html[data-theme="dark"] .job-card,
html[data-theme="dark"] .job-detail-card,
html[data-theme="dark"] .job-detail-panel,
html[data-theme="dark"] .job-side-panel,
html[data-theme="dark"] .filter-panel,
html[data-theme="dark"] .course-card,
html[data-theme="dark"] .lesson-card,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .profile-panel,
html[data-theme="dark"] .analytics-card,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .media-card,
html[data-theme="dark"] .forum-card,
html[data-theme="dark"] .message-panel,
html[data-theme="dark"] .conversation-panel,
html[data-theme="dark"] .notification-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-insight,
html[data-theme="dark"] .ej-card,
html[data-theme="dark"] .q-preview-item,
html[data-theme="dark"] .cv-choice,
html[data-theme="dark"] .answer-row,
html[data-theme="dark"] .settings-panel,
html[data-theme="dark"] .dashboard-panel,
html[data-theme="dark"] .dashboard-kpi,
html[data-theme="dark"] .notification-panel,
html[data-theme="dark"] .company-panel,
html[data-theme="dark"] .company-job-card,
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"] .course-detail-card,
html[data-theme="dark"] .lesson-panel,
html[data-theme="dark"] .job-form-card,
html[data-theme="dark"] .candidate-card,
html[data-theme="dark"] .preview-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"] .job-surface,
html[data-theme="dark"] .job-header,
html[data-theme="dark"] .job-content-nav,
html[data-theme="dark"] .job-body,
html[data-theme="dark"] .job-sidecard,
html[data-theme="dark"] .job-sidecard-head,
html[data-theme="dark"] .job-sidecard-body,
html[data-theme="dark"] .related-job-card,
html[data-theme="dark"] .apply-panel,
html[data-theme="dark"] .side-panel,
html[data-theme="dark"] .app-card,
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"] .module-hero,
html[data-theme="dark"] .share-sheet-header,
html[data-theme="dark"] .auth-side,
html[data-theme="dark"] .hero-section,
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"] .blog-hero,
html[data-theme="dark"] .learning-hero,
html[data-theme="dark"] .sent-hero,
html[data-theme="dark"] .invite-hero,
html[data-theme="dark"] .applications-hero,
html[data-theme="dark"] .ed-hero,
html[data-theme="dark"] .job-search-hero,
html[data-theme="dark"] .legal-hero,
html[data-theme="dark"] .media-hero {
    background:
        radial-gradient(circle at 55% 10%, rgba(139, 214, 63, .2), transparent 18rem),
        linear-gradient(135deg, #151a14 0%, #10140f 100%) !important;
    border-color: rgba(255, 255, 255, .07) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .form-control-plaintext,
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"] div.dataTables_wrapper div.dataTables_length select,
html[data-theme="dark"] div.dataTables_wrapper div.dataTables_filter input {
    background-color: #111610 !important;
    border-color: rgba(255, 255, 255, .095) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] input:focus {
    border-color: rgba(167, 228, 92, .72) !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"] .form-control::placeholder,
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] input::placeholder {
    color: #737d70 !important;
}

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"] .btn-mjk:hover,
html[data-theme="dark"] .btn-mjk-green:hover,
html[data-theme="dark"] .btn.btn-mjk-green:hover,
html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .auth-btn:hover,
html[data-theme="dark"] .btn-seeker-primary:hover {
    background-color: var(--mjk-green-dark) !important;
    border-color: var(--mjk-green-dark) !important;
    color: #10140f !important;
}

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"] .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"] .table,
html[data-theme="dark"] table.dataTable {
    --bs-table-bg: #171b16;
    --bs-table-color: #e9eee5;
    --bs-table-border-color: rgba(255, 255, 255, .075);
    --bs-table-striped-bg: #1b2119;
    --bs-table-hover-bg: rgba(139, 214, 63, .08);
    background-color: #171b16 !important;
    border-color: rgba(255, 255, 255, .075) !important;
    color: #e9eee5 !important;
}

html[data-theme="dark"] .table th,
html[data-theme="dark"] .admin-table th,
html[data-theme="dark"] table.dataTable thead th,
html[data-theme="dark"] table.dataTable thead td {
    background-color: #1b2119 !important;
    border-color: rgba(255, 255, 255, .075) !important;
    color: #a4ad9f !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 {
    background: 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"] .member-hub-link,
html[data-theme="dark"] .stat-label,
html[data-theme="dark"] .page-header p,
html[data-theme="dark"] .auth-subtitle,
html[data-theme="dark"] .auth-card-note,
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"] .row-meta,
html[data-theme="dark"] .deadline-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"] a:not(.btn):not(.dropdown-item):not(.site-link):not(.site-logo):not(.sidebar-link):not(.footer-list a),
html[data-theme="dark"] .auth-link,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .auth-kicker,
html[data-theme="dark"] .price-tag,
html[data-theme="dark"] .member-hub-link.active,
html[data-theme="dark"] .member-hub-link:hover,
html[data-theme="dark"] .breadcrumb a,
html[data-theme="dark"] .text-link {
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .site-footer {
    background: #0b100b !important;
    border-color: rgba(255, 255, 255, .06) !important;
}

/* Remove remaining blue-tinted states in dark mode. */
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"] .badge.text-bg-info,
html[data-theme="dark"] .badge.text-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,
html[data-theme="dark"] .mjk-style-0367,
html[data-theme="dark"] .mjk-style-0062,
html[data-theme="dark"] .mjk-style-0340 {
    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;
}

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"] [style*="color:#2563eb" i],
html[data-theme="dark"] [style*="color: #2563eb" i],
html[data-theme="dark"] [style*="color:#1d4ed8" i],
html[data-theme="dark"] [style*="color: #1d4ed8" i],
html[data-theme="dark"] [style*="color:#1e40af" i],
html[data-theme="dark"] [style*="color: #1e40af" i],
html[data-theme="dark"] [style*="color:#0369a1" i],
html[data-theme="dark"] [style*="color: #0369a1" i],
html[data-theme="dark"] [style*="color:#0077b5" i],
html[data-theme="dark"] [style*="color: #0077b5" i],
html[data-theme="dark"] [style*="color:#3b82f6" i],
html[data-theme="dark"] [style*="color: #3b82f6" i],
html[data-theme="dark"] [style*="color:#0ea5e9" i],
html[data-theme="dark"] [style*="color: #0ea5e9" i] {
    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;
}

html[data-theme="dark"] [style*="background:linear-gradient" i][style*="#0ea5e9" i],
html[data-theme="dark"] [style*="background: linear-gradient" i][style*="#0ea5e9" i],
html[data-theme="dark"] [style*="background:linear-gradient" i][style*="#3b82f6" i],
html[data-theme="dark"] [style*="background: linear-gradient" i][style*="#3b82f6" i],
html[data-theme="dark"] [style*="background:linear-gradient" i][style*="#2563eb" i],
html[data-theme="dark"] [style*="background: linear-gradient" i][style*="#2563eb" i],
html[data-theme="dark"] [style*="background:linear-gradient" i][style*="#0369a1" i],
html[data-theme="dark"] [style*="background: linear-gradient" i][style*="#0369a1" i],
html[data-theme="dark"] [style*="background:linear-gradient" i][style*="#bfdbfe" i],
html[data-theme="dark"] [style*="background: linear-gradient" i][style*="#bfdbfe" i] {
    background: linear-gradient(135deg, rgba(139, 214, 63, .16), rgba(139, 214, 63, .06)) !important;
    border-color: rgba(139, 214, 63, .26) !important;
    color: var(--mjk-green-dark) !important;
}

/* Final home-page dark glow cleanup. */
html[data-theme="dark"] body {
    background:
        radial-gradient(circle at 50% 9rem, rgba(139, 214, 63, .24), transparent 25rem),
        radial-gradient(circle at 22% 48rem, rgba(139, 214, 63, .13), transparent 30rem),
        radial-gradient(circle at 78% 84rem, rgba(139, 214, 63, .11), transparent 29rem),
        radial-gradient(circle at 42% 126rem, rgba(139, 214, 63, .12), transparent 34rem),
        #0f140e !important;
}

html[data-theme="dark"] .home-page {
    background:
        radial-gradient(circle at 50% 8rem, rgba(139, 214, 63, .16), transparent 24rem),
        radial-gradient(circle at 25% 62rem, rgba(139, 214, 63, .10), transparent 30rem),
        radial-gradient(circle at 70% 115rem, rgba(139, 214, 63, .10), transparent 34rem),
        transparent !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"] .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;
}