/* Final dark-mode normalization. Loaded last so late component CSS cannot reintroduce light UI. */
html[data-theme="dark"] {
    --mjk-green: #8fd24a;
    --mjk-green-dark: #b7ee78;
    --mjk-green-soft: rgba(143, 210, 74, .14);
    --mjk-bg: #0f140f;
    --mjk-panel: #171c17;
    --mjk-panel-2: #1d241d;
    --mjk-panel-3: #222a22;
    --mjk-text: #edf3e9;
    --mjk-muted: #aeb8aa;
    --mjk-border: rgba(231, 238, 226, .11);
    --mjk-card-shadow: 0 14px 36px rgba(0, 0, 0, .28);
    --admin-bg: var(--mjk-bg);
    --admin-text: #dfe8da;
    --admin-muted: var(--mjk-muted);
}

html[data-theme="dark"],
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"] .dashboard-page,
html[data-theme="dark"] .jobs-page,
html[data-theme="dark"] .applications-page,
html[data-theme="dark"] .profile-page,
html[data-theme="dark"] .learning-page,
html[data-theme="dark"] .courses-page,
html[data-theme="dark"] .company-page,
html[data-theme="dark"] .companies-page,
html[data-theme="dark"] .pricing-page,
html[data-theme="dark"] .media-page,
html[data-theme="dark"] .blog-page,
html[data-theme="dark"] .legal-page,
html[data-theme="dark"] .faq-page,
html[data-theme="dark"] .notif-page-wrap,
html[data-theme="dark"] .form-public-page,
html[data-theme="dark"] .builder-page {
    background: var(--mjk-bg) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .admin-dashboard {
    --dash-border: var(--mjk-border);
    --dash-muted: var(--mjk-muted);
    --dash-text: var(--mjk-text);
    --dash-soft: var(--mjk-panel-2);
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .toast,
html[data-theme="dark"] .popover,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .accordion-button,
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"] .admin-card,
html[data-theme="dark"] .dashboard-hero,
html[data-theme="dark"] .dashboard-panel,
html[data-theme="dark"] .dashboard-kpi,
html[data-theme="dark"] .dashboard-meter,
html[data-theme="dark"] .dashboard-snapshot a,
html[data-theme="dark"] .dashboard-quick-actions a,
html[data-theme="dark"] .dashboard-list-item,
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-surface-card,
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"] .candidate-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"] .metric-card,
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .application-row,
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"] .settings-panel,
html[data-theme="dark"] .settings-box,
html[data-theme="dark"] .settings-status,
html[data-theme="dark"] .ed-panel,
html[data-theme="dark"] .ed-table,
html[data-theme="dark"] .wa-chat,
html[data-theme="dark"] .wa-thread,
html[data-theme="dark"] .wa-panel,
html[data-theme="dark"] .wa-qr,
html[data-theme="dark"] .public-card,
html[data-theme="dark"] .builder-card,
html[data-theme="dark"] .field-row,
html[data-theme="dark"] .preview-card,
html[data-theme="dark"] .option-choice,
html[data-theme="dark"] .auth-panel {
    background: linear-gradient(180deg, rgba(255, 255, 255, .026), rgba(255, 255, 255, .01)), 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"] .public-hero,
html[data-theme="dark"] .builder-hero {
    background:
        radial-gradient(circle at 12% 10%, rgba(143, 210, 74, .16), transparent 18rem),
        linear-gradient(135deg, #151c14 0%, #202a1f 100%) !important;
    border: 1px solid var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .public-hero h1,
html[data-theme="dark"] .builder-hero h1 {
    color: var(--mjk-text) !important;
}

@media (max-width: 575.98px) {
    html[data-theme="dark"] .auth-form-zone {
        align-items: stretch !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        max-width: 100vw !important;
        width: 100vw !important;
    }

    html[data-theme="dark"] .auth-actions {
        align-self: flex-end !important;
        position: static !important;
    }

    html[data-theme="dark"] .auth-frame,
    html[data-theme="dark"] .auth-panel {
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    html[data-theme="dark"] .auth-options-row {
        display: grid !important;
        gap: .35rem !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    html[data-theme="dark"] .auth-tabs,
    html[data-theme="dark"] .auth-role-option,
    html[data-theme="dark"] .auth-role-card {
        min-width: 0 !important;
    }

    html[data-theme="dark"] .auth-role-card {
        flex-direction: column !important;
        text-align: center !important;
        width: 100% !important;
    }
}

html[data-theme="dark"] .public-hero p {
    color: var(--mjk-muted) !important;
}

html[data-theme="dark"] .public-field,
html[data-theme="dark"] .preview-field {
    border-color: var(--mjk-border) !important;
}

html[data-theme="dark"] .checkout-page {
    --checkout-border: var(--mjk-border);
    --checkout-muted: var(--mjk-muted);
    --checkout-soft: rgba(237, 243, 233, .055);
    --checkout-accent-soft: rgba(143, 210, 74, .13);
}

html[data-theme="dark"] .checkout-steps li,
html[data-theme="dark"] .checkout-method-body,
html[data-theme="dark"] .checkout-support,
html[data-theme="dark"] .checkout-trust-list,
html[data-theme="dark"] .checkout-complete {
    background: var(--mjk-panel-2) !important;
    border-color: var(--checkout-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .checkout-method input:checked + .checkout-method-body,
html[data-theme="dark"] .checkout-complete {
    background: var(--checkout-accent-soft) !important;
    border-color: rgba(143, 210, 74, .45) !important;
    box-shadow: inset 0 0 0 1px rgba(143, 210, 74, .22) !important;
}

html[data-theme="dark"] .checkout-method-icon,
html[data-theme="dark"] .checkout-steps span {
    background: rgba(237, 243, 233, .09) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .checkout-steps .is-active span,
html[data-theme="dark"] .checkout-steps .is-complete span {
    background: var(--mjk-green) !important;
    color: #10200d !important;
}

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

html[data-theme="dark"] .option-choice:has(input:checked) {
    background: rgba(143, 210, 74, .14) !important;
    border-color: rgba(183, 238, 120, .46) !important;
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .option-choice .form-check-input {
    background-color: #111811 !important;
    border-color: rgba(231, 238, 226, .24) !important;
}

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

html[data-theme="dark"] .dashboard-meter-grid {
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .dashboard-meter-track,
html[data-theme="dark"] .progress,
html[data-theme="dark"] .match-bar-bg,
html[data-theme="dark"] .meter-track {
    background: rgba(237, 243, 233, .095) !important;
}

html[data-theme="dark"] .dashboard-meter-track i,
html[data-theme="dark"] .progress-bar,
html[data-theme="dark"] .meter-fill {
    background: linear-gradient(90deg, var(--mjk-green), #5db6d7) !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"] .text-dark,
html[data-theme="dark"] .text-body,
html[data-theme="dark"] .link-dark,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .modal-title,
html[data-theme="dark"] .dashboard-hero h1,
html[data-theme="dark"] .dashboard-panel-header h2,
html[data-theme="dark"] .dashboard-kpi strong,
html[data-theme="dark"] .dashboard-meter strong,
html[data-theme="dark"] .dashboard-title,
html[data-theme="dark"] .dashboard-snapshot strong,
html[data-theme="dark"] .dashboard-list-copy strong,
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"] .text-black-50,
html[data-theme="dark"] .text-body-secondary,
html[data-theme="dark"] .text-body-tertiary,
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"] .dashboard-hero p,
html[data-theme="dark"] .dashboard-panel-header p,
html[data-theme="dark"] .dashboard-kpi small,
html[data-theme="dark"] .dashboard-meter span,
html[data-theme="dark"] .dashboard-meter small,
html[data-theme="dark"] .dashboard-meta,
html[data-theme="dark"] .dashboard-muted,
html[data-theme="dark"] .dashboard-snapshot span,
html[data-theme="dark"] .dashboard-list-copy small,
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"],
html[data-theme="dark"] [class*="-copy"] {
    color: var(--mjk-muted) !important;
}

html[data-theme="dark"] a:not(.btn):not(.dropdown-item):not(.sidebar-link):not(.site-logo):not(.site-link):not(.footer-list a),
html[data-theme="dark"] .auth-link,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .dashboard-eyebrow {
    color: var(--mjk-green-dark) !important;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .admin-table,
html[data-theme="dark"] .dashboard-table,
html[data-theme="dark"] table.dataTable {
    --bs-table-bg: var(--mjk-panel);
    --bs-table-color: var(--mjk-text);
    --bs-table-border-color: var(--mjk-border);
    --bs-table-striped-bg: var(--mjk-panel-2);
    --bs-table-hover-bg: var(--mjk-panel-3);
    background: var(--mjk-panel) !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"] .dashboard-table th,
html[data-theme="dark"] table.dataTable thead th,
html[data-theme="dark"] table.dataTable thead td {
    background: var(--mjk-panel-2) !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"] .dashboard-table td,
html[data-theme="dark"] table.dataTable tbody td,
html[data-theme="dark"] table.dataTable tbody th {
    background: transparent !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .table-hover tbody tr:hover,
html[data-theme="dark"] .admin-table tbody tr:hover,
html[data-theme="dark"] .dashboard-list-item:hover,
html[data-theme="dark"] .dashboard-snapshot a:hover,
html[data-theme="dark"] .dashboard-quick-actions a:hover,
html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus,
html[data-theme="dark"] .list-group-item-action:hover {
    background: var(--mjk-panel-2) !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: #111811 !important;
    border-color: rgba(231, 238, 226, .14) !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: #8e9a89 !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,
html[data-theme="dark"] .btn:focus-visible,
html[data-theme="dark"] a:focus-visible {
    border-color: rgba(183, 238, 120, .58) !important;
    box-shadow: 0 0 0 .2rem rgba(143, 210, 74, .18) !important;
    outline: 0 !important;
}

html[data-theme="dark"] .btn,
html[data-theme="dark"] .site-header .site-signin,
html[data-theme="dark"] .site-header .site-auth-cta,
html[data-theme="dark"] .dashboard-btn-primary,
html[data-theme="dark"] .dashboard-btn-secondary,
html[data-theme="dark"] .dashboard-icon-btn,
html[data-theme="dark"] .btn-ed-primary,
html[data-theme="dark"] .btn-ed-ghost,
html[data-theme="dark"] .btn-seeker-primary,
html[data-theme="dark"] .btn-seeker-secondary,
html[data-theme="dark"] .btn-profile-primary,
html[data-theme="dark"] .btn-profile-secondary,
html[data-theme="dark"] .btn-invite-primary,
html[data-theme="dark"] .btn-invite-secondary,
html[data-theme="dark"] .btn-sent-primary,
html[data-theme="dark"] .btn-sent-secondary,
html[data-theme="dark"] .btn-learn-primary,
html[data-theme="dark"] .btn-learn-secondary,
html[data-theme="dark"] .btn-app-primary,
html[data-theme="dark"] .btn-app-secondary {
    box-shadow: none !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"] .btn-success,
html[data-theme="dark"] .auth-btn,
html[data-theme="dark"] .apply-submit,
html[data-theme="dark"] .site-header .site-signin,
html[data-theme="dark"] .site-header .site-auth-cta,
html[data-theme="dark"] .public-card .btn-mjk-dark,
html[data-theme="dark"] .builder-card .btn-mjk-dark,
html[data-theme="dark"] .dashboard-btn-primary,
html[data-theme="dark"] .btn-ed-primary,
html[data-theme="dark"] .btn-seeker-primary,
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"] .page-item.active .page-link {
    background: var(--mjk-green) !important;
    border-color: var(--mjk-green) !important;
    color: #000000 !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"] .btn-success *,
html[data-theme="dark"] .auth-btn *,
html[data-theme="dark"] .apply-submit *,
html[data-theme="dark"] .site-header .site-signin *,
html[data-theme="dark"] .site-header .site-auth-cta *,
html[data-theme="dark"] .public-card .btn-mjk-dark *,
html[data-theme="dark"] .builder-card .btn-mjk-dark *,
html[data-theme="dark"] .dashboard-btn-primary *,
html[data-theme="dark"] .btn-ed-primary *,
html[data-theme="dark"] .btn-seeker-primary *,
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 * {
    color: inherit !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"] .btn-success:hover,
html[data-theme="dark"] .auth-btn:hover,
html[data-theme="dark"] .apply-submit:hover,
html[data-theme="dark"] .site-header .site-signin:hover,
html[data-theme="dark"] .site-header .site-signin:focus-visible,
html[data-theme="dark"] .site-header .site-auth-cta:hover,
html[data-theme="dark"] .site-header .site-auth-cta:focus-visible,
html[data-theme="dark"] .public-card .btn-mjk-dark:hover,
html[data-theme="dark"] .public-card .btn-mjk-dark:focus-visible,
html[data-theme="dark"] .builder-card .btn-mjk-dark:hover,
html[data-theme="dark"] .builder-card .btn-mjk-dark:focus-visible,
html[data-theme="dark"] .dashboard-btn-primary:hover,
html[data-theme="dark"] .btn-ed-primary:hover,
html[data-theme="dark"] .btn-seeker-primary:hover,
html[data-theme="dark"] .btn-profile-primary:hover,
html[data-theme="dark"] .btn-invite-primary:hover,
html[data-theme="dark"] .btn-sent-primary:hover,
html[data-theme="dark"] .btn-learn-primary:hover,
html[data-theme="dark"] .btn-app-primary:hover {
    background: #a7df68 !important;
    border-color: #a7df68 !important;
    color: #000000 !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-secondary,
html[data-theme="dark"] .btn-outline-dark,
html[data-theme="dark"] .btn-outline-primary,
html[data-theme="dark"] .btn-outline-info,
html[data-theme="dark"] .btn-mjk-light,
html[data-theme="dark"] .btn-mjk-dark,
html[data-theme="dark"] .dashboard-btn-secondary,
html[data-theme="dark"] .dashboard-icon-btn,
html[data-theme="dark"] .btn-ed-ghost,
html[data-theme="dark"] .btn-seeker-secondary,
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"] .job-action-btn,
html[data-theme="dark"] .page-link,
html[data-theme="dark"] .dt-action {
    background: var(--mjk-panel-2) !important;
    border-color: rgba(231, 238, 226, .14) !important;
    color: var(--mjk-text) !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-secondary:hover,
html[data-theme="dark"] .btn-outline-dark:hover,
html[data-theme="dark"] .btn-outline-primary:hover,
html[data-theme="dark"] .btn-outline-info:hover,
html[data-theme="dark"] .btn-mjk-light:hover,
html[data-theme="dark"] .btn-mjk-dark:hover,
html[data-theme="dark"] .dashboard-btn-secondary:hover,
html[data-theme="dark"] .dashboard-icon-btn:hover,
html[data-theme="dark"] .btn-ed-ghost:hover,
html[data-theme="dark"] .btn-seeker-secondary: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"] .job-action-btn:hover,
html[data-theme="dark"] .page-link:hover,
html[data-theme="dark"] .dt-action:hover {
    background: rgba(143, 210, 74, .12) !important;
    border-color: rgba(183, 238, 120, .38) !important;
    color: var(--mjk-green-dark) !important;
}

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

html[data-theme="dark"] .status-pill,
html[data-theme="dark"] .badge.bg-light,
html[data-theme="dark"] .badge.text-bg-light,
html[data-theme="dark"] .soft-pill,
html[data-theme="dark"] .skill-pill,
html[data-theme="dark"] .mjk-pill {
    background: var(--mjk-panel-2) !important;
    border-color: rgba(231, 238, 226, .12) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] .status-approved,
html[data-theme="dark"] .status-active,
html[data-theme="dark"] .status-hired,
html[data-theme="dark"] .status-shortlisted,
html[data-theme="dark"] .alert-success,
html[data-theme="dark"] .badge-approved,
html[data-theme="dark"] .badge-active {
    background: rgba(34, 197, 94, .14) !important;
    border-color: rgba(74, 222, 128, .28) !important;
    color: #9df2b8 !important;
}

html[data-theme="dark"] .status-pending,
html[data-theme="dark"] .status-reviewed,
html[data-theme="dark"] .alert-warning,
html[data-theme="dark"] .badge-pending {
    background: rgba(245, 158, 11, .15) !important;
    border-color: rgba(251, 191, 36, .28) !important;
    color: #f8d980 !important;
}

html[data-theme="dark"] .status-rejected,
html[data-theme="dark"] .status-inactive,
html[data-theme="dark"] .alert-danger,
html[data-theme="dark"] .badge-rejected,
html[data-theme="dark"] .badge-inactive {
    background: rgba(239, 68, 68, .14) !important;
    border-color: rgba(248, 113, 113, .28) !important;
    color: #ffb4b4 !important;
}

html[data-theme="dark"] .status-filled,
html[data-theme="dark"] .alert-info,
html[data-theme="dark"] .badge-info {
    background: rgba(59, 130, 246, .14) !important;
    border-color: rgba(96, 165, 250, .28) !important;
    color: #acd1ff !important;
}

html[data-theme="dark"] .dashboard-kpi-danger .dashboard-kpi-icon,
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(248, 113, 113, .28) !important;
    color: #ffb4b4 !important;
}

html[data-theme="dark"] .dashboard-kpi-success .dashboard-kpi-icon,
html[data-theme="dark"] [style*="background:#dcfce7" i],
html[data-theme="dark"] [style*="background: #dcfce7" i],
html[data-theme="dark"] [style*="background:#f0fdf4" i],
html[data-theme="dark"] [style*="background: #f0fdf4" i] {
    background: rgba(34, 197, 94, .14) !important;
    border-color: rgba(74, 222, 128, .28) !important;
    color: #9df2b8 !important;
}

html[data-theme="dark"] .dashboard-kpi-info .dashboard-kpi-icon,
html[data-theme="dark"] [style*="background:#e0f2fe" i],
html[data-theme="dark"] [style*="background: #e0f2fe" i] {
    background: rgba(14, 165, 233, .14) !important;
    border-color: rgba(56, 189, 248, .28) !important;
    color: #a8dfff !important;
}

html[data-theme="dark"] .dashboard-kpi-neutral .dashboard-kpi-icon,
html[data-theme="dark"] .dashboard-avatar,
html[data-theme="dark"] [style*="background:#f1f5f9" i],
html[data-theme="dark"] [style*="background: #f1f5f9" i],
html[data-theme="dark"] [style*="background:#e2e8f0" i],
html[data-theme="dark"] [style*="background: #e2e8f0" i],
html[data-theme="dark"] [style*="background:#fff" i],
html[data-theme="dark"] [style*="background: #fff" i],
html[data-theme="dark"] [style*="background:#ffffff" i],
html[data-theme="dark"] [style*="background: #ffffff" i],
html[data-theme="dark"] [style*="background-color:#fff" i],
html[data-theme="dark"] [style*="background-color: #fff" i] {
    background: var(--mjk-panel-2) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

html[data-theme="dark"] [style*="color:#111827" i],
html[data-theme="dark"] [style*="color: #111827" i],
html[data-theme="dark"] [style*="color:#0f172a" i],
html[data-theme="dark"] [style*="color: #0f172a" i],
html[data-theme="dark"] [style*="color:#334155" i],
html[data-theme="dark"] [style*="color: #334155" i],
html[data-theme="dark"] [style*="color:#374151" i],
html[data-theme="dark"] [style*="color: #374151" 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;
}

html[data-theme="dark"] [style*="color:#64748b" i],
html[data-theme="dark"] [style*="color: #64748b" i],
html[data-theme="dark"] [style*="color:#6b7280" i],
html[data-theme="dark"] [style*="color: #6b7280" 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"] .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"] .dashboard-panel-header,
html[data-theme="dark"] .dashboard-role-list,
html[data-theme="dark"] .dashboard-list-item,
html[data-theme="dark"] .dashboard-snapshot a,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
    border-color: var(--mjk-border) !important;
}

html[data-theme="dark"] .dataTables_processing {
    background: var(--mjk-panel-2) !important;
    border-color: var(--mjk-border) !important;
    color: var(--mjk-text) !important;
}

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

/* Employer dark-mode polish: calm surfaces, legible contrast, restrained motion. */
html[data-theme="dark"] {
    --employer-bg: #0f140f;
    --employer-bg-soft: #131913;
    --employer-surface: #171d17;
    --employer-surface-2: #1d251d;
    --employer-surface-3: #243024;
    --employer-border: rgba(229, 238, 224, .105);
    --employer-border-strong: rgba(183, 238, 120, .28);
    --employer-text: #edf4e9;
    --employer-muted: #aeb9a9;
    --employer-accent: #8fd24a;
    --employer-accent-soft: rgba(143, 210, 74, .13);
    --employer-blue: #9cc9ff;
    --employer-amber: #f6d47c;
    --employer-teal: #94e6d8;
    --employer-danger: #ffb4b4;
    --employer-ease: cubic-bezier(.2, .75, .2, 1);
}

@keyframes employerFadeUp {
    from {
        opacity: 0;
        transform: translate3d(0, 8px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes employerBarSettle {
    from {
        opacity: .45;
        transform: scaleX(.92);
        transform-origin: left;
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: left;
    }
}

html[data-theme="dark"] .ed-page,
html[data-theme="dark"] .sent-page,
html[data-theme="dark"] .invite-page,
html[data-theme="dark"] .company-profile-page,
html[data-theme="dark"] .company-jobs-page,
html[data-theme="dark"] .candidate-employer-page {
    background:
        radial-gradient(circle at 18% 0%, rgba(143, 210, 74, .09), transparent 26rem),
        radial-gradient(circle at 88% 18rem, rgba(93, 182, 215, .055), transparent 30rem),
        linear-gradient(180deg, var(--employer-bg) 0%, #0d120d 100%) !important;
    color: var(--employer-text) !important;
}

html[data-theme="dark"] .ed-main,
html[data-theme="dark"] .candidate-employer-page > .container {
    color: var(--employer-text) !important;
}

html[data-theme="dark"] .ed-sidebar {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .012)),
        #101610 !important;
    border-color: var(--employer-border) !important;
    box-shadow: 14px 0 36px rgba(0, 0, 0, .28) !important;
}

html[data-theme="dark"] .ed-sidebar-brand,
html[data-theme="dark"] .ed-user-pill {
    background: rgba(255, 255, 255, .035) !important;
    border-color: var(--employer-border) !important;
    color: var(--employer-text) !important;
}

html[data-theme="dark"] .ed-sidebar-brand-icon,
html[data-theme="dark"] .ed-user-avatar,
html[data-theme="dark"] .company-logo,
html[data-theme="dark"] .dashboard-avatar,
html[data-theme="dark"] .candidate-employer-page .rounded-circle[style*="background:#75b61b" i],
html[data-theme="dark"] .candidate-employer-page .rounded-circle[style*="background: #75b61b" i] {
    background: var(--employer-accent-soft) !important;
    border: 1px solid var(--employer-border-strong) !important;
    color: var(--employer-green-dark, #d8ffad) !important;
}

html[data-theme="dark"] .ed-sidebar-brand-text,
html[data-theme="dark"] .ed-user-name {
    color: var(--employer-text) !important;
}

html[data-theme="dark"] .ed-sidebar-brand-sub,
html[data-theme="dark"] .ed-sidebar-section-label,
html[data-theme="dark"] .ed-user-role {
    color: var(--employer-muted) !important;
}

html[data-theme="dark"] .ed-nav-link {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: rgba(237, 244, 233, .84) !important;
    transition:
        background-color .18s var(--employer-ease),
        border-color .18s var(--employer-ease),
        color .18s var(--employer-ease),
        transform .18s var(--employer-ease) !important;
}

html[data-theme="dark"] .ed-nav-link:hover,
html[data-theme="dark"] .ed-nav-link:focus-visible,
html[data-theme="dark"] .ed-nav-link[aria-current="page"] {
    background: rgba(143, 210, 74, .105) !important;
    border-color: rgba(183, 238, 120, .24) !important;
    color: #f5ffe9 !important;
    transform: translateX(2px);
}

html[data-theme="dark"] .ed-nav-badge {
    background: rgba(143, 210, 74, .16) !important;
    color: #dcffb7 !important;
}

html[data-theme="dark"] .ed-greeting,
html[data-theme="dark"] .ed-stat,
html[data-theme="dark"] .ed-panel,
html[data-theme="dark"] .ed-card,
html[data-theme="dark"] .ed-empty,
html[data-theme="dark"] .ed-cal,
html[data-theme="dark"] .ed-cal-head,
html[data-theme="dark"] .ed-cal-day,
html[data-theme="dark"] .ed-agenda-item,
html[data-theme="dark"] .sent-hero,
html[data-theme="dark"] .sent-stat,
html[data-theme="dark"] .sent-panel,
html[data-theme="dark"] .invite-hero,
html[data-theme="dark"] .invite-stat,
html[data-theme="dark"] .invite-card,
html[data-theme="dark"] .company-card,
html[data-theme="dark"] .company-hero,
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"] .candidate-employer-page .card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .012)),
        var(--employer-surface) !important;
    border: 1px solid var(--employer-border) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
    color: var(--employer-text) !important;
    transition:
        background-color .18s var(--employer-ease),
        border-color .18s var(--employer-ease),
        box-shadow .18s var(--employer-ease),
        transform .18s var(--employer-ease) !important;
}

html[data-theme="dark"] .ed-section,
html[data-theme="dark"] .ed-greeting,
html[data-theme="dark"] .ed-stat,
html[data-theme="dark"] .ed-panel,
html[data-theme="dark"] .sent-hero,
html[data-theme="dark"] .sent-stat,
html[data-theme="dark"] .sent-panel,
html[data-theme="dark"] .invite-hero,
html[data-theme="dark"] .invite-stat,
html[data-theme="dark"] .invite-card,
html[data-theme="dark"] .company-card,
html[data-theme="dark"] .company-panel,
html[data-theme="dark"] .company-job-card,
html[data-theme="dark"] .candidate-employer-page .card {
    animation: employerFadeUp .26s var(--employer-ease) both;
}

html[data-theme="dark"] .ed-stat:hover,
html[data-theme="dark"] .ed-card:hover,
html[data-theme="dark"] .company-job-card:hover,
html[data-theme="dark"] a.company-related-card:hover,
html[data-theme="dark"] .invite-card:hover,
html[data-theme="dark"] .sent-stat:hover,
html[data-theme="dark"] .candidate-employer-page .card:hover {
    border-color: var(--employer-border-strong) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .28) !important;
    transform: translateY(-2px);
}

html[data-theme="dark"] .ed-greeting h1,
html[data-theme="dark"] .ed-panel h2,
html[data-theme="dark"] .ed-stat-value,
html[data-theme="dark"] .ed-pipeline-val,
html[data-theme="dark"] .ed-empty h3,
html[data-theme="dark"] .ed-table td,
html[data-theme="dark"] .company-hero-title,
html[data-theme="dark"] .company-stat-value,
html[data-theme="dark"] .company-panel .fw-bold,
html[data-theme="dark"] .company-job-card .fw-bold,
html[data-theme="dark"] .company-related-card .fw-bold,
html[data-theme="dark"] .company-card .fw-bold,
html[data-theme="dark"] .sent-hero h1,
html[data-theme="dark"] .invite-hero h1,
html[data-theme="dark"] .stat-value,
html[data-theme="dark"] .row-title,
html[data-theme="dark"] .candidate-employer-page h1,
html[data-theme="dark"] .candidate-employer-page h2,
html[data-theme="dark"] .candidate-employer-page dd,
html[data-theme="dark"] .candidate-employer-page .fw-semibold {
    color: var(--employer-text) !important;
}

html[data-theme="dark"] .ed-greeting-sub,
html[data-theme="dark"] .ed-panel-sub,
html[data-theme="dark"] .ed-stat-label,
html[data-theme="dark"] .ed-stat-sub,
html[data-theme="dark"] .ed-pipeline-step,
html[data-theme="dark"] .ed-empty p,
html[data-theme="dark"] .ed-panel div.dataTables_wrapper,
html[data-theme="dark"] .ed-panel div.dataTables_wrapper div,
html[data-theme="dark"] .company-stat-label,
html[data-theme="dark"] .company-profile-page .text-muted,
html[data-theme="dark"] .company-jobs-page .text-muted,
html[data-theme="dark"] .company-hero-subtitle,
html[data-theme="dark"] .company-hero-meta,
html[data-theme="dark"] .sent-page .hero-copy,
html[data-theme="dark"] .sent-page .row-meta,
html[data-theme="dark"] .sent-page .stat-label,
html[data-theme="dark"] .invite-page .hero-copy,
html[data-theme="dark"] .candidate-employer-page .text-muted,
html[data-theme="dark"] .candidate-employer-page dt,
html[data-theme="dark"] .candidate-employer-page .small {
    color: var(--employer-muted) !important;
}

html[data-theme="dark"] .ed-panel-eyebrow,
html[data-theme="dark"] .ed-greeting-eyebrow,
html[data-theme="dark"] .company-kicker,
html[data-theme="dark"] .company-profile-page .mini-label,
html[data-theme="dark"] .sent-page .eyebrow,
html[data-theme="dark"] .invite-page .eyebrow {
    color: #c8f694 !important;
}

html[data-theme="dark"] .ed-card,
html[data-theme="dark"] .ed-agenda-item,
html[data-theme="dark"] .ed-table td,
html[data-theme="dark"] .ed-cal-week,
html[data-theme="dark"] .ed-cal-day,
html[data-theme="dark"] .company-fact,
html[data-theme="dark"] .sent-table td,
html[data-theme="dark"] .sent-table tr,
html[data-theme="dark"] .invite-card,
html[data-theme="dark"] .candidate-employer-page .border-bottom {
    border-color: var(--employer-border) !important;
}

html[data-theme="dark"] .ed-table th,
html[data-theme="dark"] .sent-table th,
html[data-theme="dark"] .ed-panel .dataTables_processing {
    background: var(--employer-surface-2) !important;
    border-color: var(--employer-border) !important;
    color: var(--employer-muted) !important;
}

html[data-theme="dark"] .ed-table tr:hover td,
html[data-theme="dark"] .sent-table tr:hover td {
    background: rgba(143, 210, 74, .075) !important;
}

html[data-theme="dark"] .ed-stat-icon,
html[data-theme="dark"] .ed-avatar,
html[data-theme="dark"] .ed-date-chip,
html[data-theme="dark"] .ed-skill,
html[data-theme="dark"] .company-chip,
html[data-theme="dark"] .company-fact-icon,
html[data-theme="dark"] .logo-mark,
html[data-theme="dark"] .candidate-employer-page .badge.text-bg-light {
    background: var(--employer-accent-soft) !important;
    border-color: rgba(183, 238, 120, .24) !important;
    color: #dcffb7 !important;
}

html[data-theme="dark"] .ed-stat--blue .ed-stat-icon,
html[data-theme="dark"] .ed-avatar--blue {
    background: rgba(96, 165, 250, .13) !important;
    border-color: rgba(156, 201, 255, .26) !important;
    color: var(--employer-blue) !important;
}

html[data-theme="dark"] .ed-stat--amber .ed-stat-icon,
html[data-theme="dark"] .ed-avatar--amber {
    background: rgba(245, 158, 11, .13) !important;
    border-color: rgba(246, 212, 124, .26) !important;
    color: var(--employer-amber) !important;
}

html[data-theme="dark"] .ed-stat--teal .ed-stat-icon {
    background: rgba(45, 212, 191, .13) !important;
    border-color: rgba(148, 230, 216, .26) !important;
    color: var(--employer-teal) !important;
}

html[data-theme="dark"] .ed-pipeline-bar,
html[data-theme="dark"] .ed-cal-day.outside,
html[data-theme="dark"] .ed-cal-day.today {
    background: var(--employer-surface-2) !important;
}

html[data-theme="dark"] .ed-pipeline-bar-fill {
    animation: employerBarSettle .42s var(--employer-ease) both;
}

html[data-theme="dark"] .ed-cal-day-num {
    color: var(--employer-text) !important;
}

html[data-theme="dark"] .ed-cal-day.today .ed-cal-day-num {
    background: var(--employer-accent) !important;
    color: #000000 !important;
}

html[data-theme="dark"] .ed-cal-event {
    background: rgba(143, 210, 74, .13) !important;
    border-color: rgba(183, 238, 120, .26) !important;
    color: #dcffb7 !important;
}

html[data-theme="dark"] .ed-cal-event.type-candidate {
    background: rgba(96, 165, 250, .13) !important;
    border-color: rgba(156, 201, 255, .26) !important;
    color: var(--employer-blue) !important;
}

html[data-theme="dark"] .ed-panel div.dataTables_wrapper div.dataTables_length select,
html[data-theme="dark"] .ed-panel div.dataTables_wrapper div.dataTables_filter input,
html[data-theme="dark"] .candidate-employer-page .form-control,
html[data-theme="dark"] .candidate-employer-page .form-select {
    background: #111811 !important;
    border-color: rgba(229, 238, 224, .14) !important;
    color: var(--employer-text) !important;
}

html[data-theme="dark"] .btn-ed-ghost,
html[data-theme="dark"] .btn-sent-secondary,
html[data-theme="dark"] .btn-invite-secondary,
html[data-theme="dark"] .company-profile-page .btn-outline-secondary,
html[data-theme="dark"] .company-jobs-page .btn-outline-secondary,
html[data-theme="dark"] .candidate-employer-page .btn-outline-secondary,
html[data-theme="dark"] .candidate-employer-page .btn-outline-primary {
    background: rgba(255, 255, 255, .04) !important;
    border-color: rgba(229, 238, 224, .14) !important;
    color: var(--employer-text) !important;
    transition:
        background-color .18s var(--employer-ease),
        border-color .18s var(--employer-ease),
        color .18s var(--employer-ease),
        transform .18s var(--employer-ease) !important;
}

html[data-theme="dark"] .btn-ed-ghost:hover,
html[data-theme="dark"] .btn-ed-ghost:focus-visible,
html[data-theme="dark"] .btn-sent-secondary:hover,
html[data-theme="dark"] .btn-sent-secondary:focus-visible,
html[data-theme="dark"] .btn-invite-secondary:hover,
html[data-theme="dark"] .btn-invite-secondary:focus-visible,
html[data-theme="dark"] .company-profile-page .btn-outline-secondary:hover,
html[data-theme="dark"] .company-jobs-page .btn-outline-secondary:hover,
html[data-theme="dark"] .candidate-employer-page .btn-outline-secondary:hover,
html[data-theme="dark"] .candidate-employer-page .btn-outline-primary:hover {
    background: rgba(143, 210, 74, .11) !important;
    border-color: var(--employer-border-strong) !important;
    color: #dcffb7 !important;
    transform: translateY(-1px);
}

html[data-theme="dark"] .btn-ed-primary,
html[data-theme="dark"] .btn-sent-primary,
html[data-theme="dark"] .btn-invite-primary,
html[data-theme="dark"] .candidate-employer-page .btn-success,
html[data-theme="dark"] .company-profile-page .btn-mjk,
html[data-theme="dark"] .company-profile-page .btn-mjk-dark,
html[data-theme="dark"] .company-jobs-page .btn-mjk-dark {
    background: var(--employer-accent) !important;
    border-color: var(--employer-accent) !important;
    color: #000000 !important;
    box-shadow: none !important;
    transition:
        background-color .18s var(--employer-ease),
        border-color .18s var(--employer-ease),
        transform .18s var(--employer-ease) !important;
}

html[data-theme="dark"] .btn-ed-primary:hover,
html[data-theme="dark"] .btn-ed-primary:focus-visible,
html[data-theme="dark"] .btn-sent-primary:hover,
html[data-theme="dark"] .btn-sent-primary:focus-visible,
html[data-theme="dark"] .btn-invite-primary:hover,
html[data-theme="dark"] .btn-invite-primary:focus-visible,
html[data-theme="dark"] .candidate-employer-page .btn-success:hover,
html[data-theme="dark"] .candidate-employer-page .btn-success:focus-visible,
html[data-theme="dark"] .company-profile-page .btn-mjk:hover,
html[data-theme="dark"] .company-profile-page .btn-mjk-dark:hover,
html[data-theme="dark"] .company-jobs-page .btn-mjk-dark:hover {
    background: #a7df68 !important;
    border-color: #a7df68 !important;
    color: #000000 !important;
    transform: translateY(-1px);
}

html[data-theme="dark"] .ed-badge--pending,
html[data-theme="dark"] .status-pending {
    background: rgba(245, 158, 11, .15) !important;
    border-color: rgba(246, 212, 124, .28) !important;
    color: var(--employer-amber) !important;
}

html[data-theme="dark"] .ed-badge--reviewed,
html[data-theme="dark"] .status-filled {
    background: rgba(96, 165, 250, .14) !important;
    border-color: rgba(156, 201, 255, .26) !important;
    color: var(--employer-blue) !important;
}

html[data-theme="dark"] .ed-badge--shortlist {
    background: rgba(45, 212, 191, .14) !important;
    border-color: rgba(148, 230, 216, .26) !important;
    color: var(--employer-teal) !important;
}

html[data-theme="dark"] .ed-badge--hired,
html[data-theme="dark"] .ed-badge--approved,
html[data-theme="dark"] .status-accepted,
html[data-theme="dark"] .status-approved,
html[data-theme="dark"] .status-active {
    background: rgba(34, 197, 94, .14) !important;
    border-color: rgba(74, 222, 128, .26) !important;
    color: #a8f5bf !important;
}

html[data-theme="dark"] .ed-badge--rejected,
html[data-theme="dark"] .status-declined,
html[data-theme="dark"] .status-rejected,
html[data-theme="dark"] .status-inactive {
    background: rgba(239, 68, 68, .14) !important;
    border-color: rgba(248, 113, 113, .26) !important;
    color: var(--employer-danger) !important;
}

html[data-theme="dark"] .company-chip:hover,
html[data-theme="dark"] .company-chip:focus-visible,
html[data-theme="dark"] a.company-related-card:hover {
    background: rgba(143, 210, 74, .14) !important;
    border-color: var(--employer-border-strong) !important;
    color: #dcffb7 !important;
}

@media (prefers-reduced-motion: reduce) {
    html[data-theme="dark"] .ed-section,
    html[data-theme="dark"] .ed-greeting,
    html[data-theme="dark"] .ed-stat,
    html[data-theme="dark"] .ed-panel,
    html[data-theme="dark"] .ed-card,
    html[data-theme="dark"] .sent-hero,
    html[data-theme="dark"] .sent-stat,
    html[data-theme="dark"] .sent-panel,
    html[data-theme="dark"] .invite-hero,
    html[data-theme="dark"] .invite-stat,
    html[data-theme="dark"] .invite-card,
    html[data-theme="dark"] .company-card,
    html[data-theme="dark"] .company-panel,
    html[data-theme="dark"] .company-job-card,
    html[data-theme="dark"] .candidate-employer-page .card,
    html[data-theme="dark"] .ed-pipeline-bar-fill {
        animation: none !important;
    }

    html[data-theme="dark"] .ed-nav-link:hover,
    html[data-theme="dark"] .ed-stat:hover,
    html[data-theme="dark"] .ed-card:hover,
    html[data-theme="dark"] .company-job-card:hover,
    html[data-theme="dark"] a.company-related-card:hover,
    html[data-theme="dark"] .invite-card:hover,
    html[data-theme="dark"] .sent-stat:hover,
    html[data-theme="dark"] .candidate-employer-page .card:hover,
    html[data-theme="dark"] .btn-ed-primary:hover,
    html[data-theme="dark"] .btn-ed-ghost:hover,
    html[data-theme="dark"] .btn-sent-primary:hover,
    html[data-theme="dark"] .btn-sent-secondary:hover,
    html[data-theme="dark"] .btn-invite-primary:hover,
    html[data-theme="dark"] .btn-invite-secondary:hover {
        transform: none !important;
    }
}