/*
 * Dark-mode overrides for public-facing website styles.
 *
 * Planned extraction target for selectors currently mixed into placd-dark.css:
 * - Agoora public marketing pages
 * - public job-search dark styling
 * - future public-only dark-mode rules extracted from shared bundles
 */


/* Agoora jobs detail */
html[data-style="dark"] .ag-jobs-inline-job-view .placd-header-card,
html[data-style="dark"] .ag-jobs-inline-job-view #job-description,
html[data-style="dark"] .ag-jobs-inline-job-view #about-company,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-social-share,
html[data-style="dark"] .ag-jobs-inline-job-view #similar-jobs,
html[data-style="dark"] .ag-jobs-inline-job-view #claim-company-card,
html[data-style="dark"] .ag-jobs-inline-job-view #admin-actions {
    background: rgba(18, 22, 33, 0.8) !important;
    border-color: rgba(171, 158, 203, 0.16) !important;
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.24) !important;
}

html[data-style="dark"] .ag-jobs-inline-job-view .placd-header-card,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-header-card .text-body,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-header-card .list-inline-item,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-header-card .list-inline-item a,
html[data-style="dark"] .ag-jobs-inline-job-view #job-description,
html[data-style="dark"] .ag-jobs-inline-job-view #job-description .card-body,
html[data-style="dark"] .ag-jobs-inline-job-view #about-company,
html[data-style="dark"] .ag-jobs-inline-job-view #about-company .card-body,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-social-share,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-social-share .card-body,
html[data-style="dark"] .ag-jobs-inline-job-view #claim-company-card,
html[data-style="dark"] .ag-jobs-inline-job-view #claim-company-card .card-body {
    color: var(--placd-dark-text) !important;
}

html[data-style="dark"] .ag-jobs-inline-job-view .placd-header-card h1,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-header-card h2,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-header-card h3,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-header-card h4,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-header-card h5,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-header-card h6,
html[data-style="dark"] .ag-jobs-inline-job-view #job-description h1,
html[data-style="dark"] .ag-jobs-inline-job-view #job-description h2,
html[data-style="dark"] .ag-jobs-inline-job-view #job-description h3,
html[data-style="dark"] .ag-jobs-inline-job-view #job-description h4,
html[data-style="dark"] .ag-jobs-inline-job-view #job-description h5,
html[data-style="dark"] .ag-jobs-inline-job-view #job-description h6,
html[data-style="dark"] .ag-jobs-inline-job-view #about-company h1,
html[data-style="dark"] .ag-jobs-inline-job-view #about-company h2,
html[data-style="dark"] .ag-jobs-inline-job-view #about-company h3,
html[data-style="dark"] .ag-jobs-inline-job-view #about-company h4,
html[data-style="dark"] .ag-jobs-inline-job-view #about-company h5,
html[data-style="dark"] .ag-jobs-inline-job-view #about-company h6,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-social-share h1,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-social-share h2,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-social-share h3,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-social-share h4,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-social-share h5,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-social-share h6,
html[data-style="dark"] .ag-jobs-inline-job-view #claim-company-card h1,
html[data-style="dark"] .ag-jobs-inline-job-view #claim-company-card h2,
html[data-style="dark"] .ag-jobs-inline-job-view #claim-company-card h3,
html[data-style="dark"] .ag-jobs-inline-job-view #claim-company-card h4,
html[data-style="dark"] .ag-jobs-inline-job-view #claim-company-card h5,
html[data-style="dark"] .ag-jobs-inline-job-view #claim-company-card h6,
html[data-style="dark"] .ag-jobs-inline-job-view #similar-jobs .card-header h5,
html[data-style="dark"] .ag-jobs-inline-job-view #admin-actions .card-header h5 {
    color: #f0eaff !important;
}

html[data-style="dark"] .ag-jobs-inline-job-view #job-description p,
html[data-style="dark"] .ag-jobs-inline-job-view #job-description li,
html[data-style="dark"] .ag-jobs-inline-job-view #job-description div,
html[data-style="dark"] .ag-jobs-inline-job-view #about-company p,
html[data-style="dark"] .ag-jobs-inline-job-view #about-company li,
html[data-style="dark"] .ag-jobs-inline-job-view #about-company div,
html[data-style="dark"] .ag-jobs-inline-job-view .placd-social-share span,
html[data-style="dark"] .ag-jobs-inline-job-view #claim-company-card p,
html[data-style="dark"] .ag-jobs-inline-job-view #claim-company-card span,
html[data-style="dark"] .ag-jobs-inline-job-view #similar-jobs .card-body,
html[data-style="dark"] .ag-jobs-inline-job-view #similar-jobs .list-inline-item {
    color: var(--placd-dark-muted) !important;
}

html[data-style="dark"] .ag-jobs-inline-job-view .placd-header-card .company-logo {
    border-color: rgba(var(--placd-dark-border-rgb), 0.85) !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

html[data-style="dark"] .ag-jobs-inline-job-view #similar-jobs-fragment .placd-job-item {
    background: rgba(28, 34, 50, 0.92) !important;
    border: 1px solid rgba(171, 158, 203, 0.16) !important;
    box-shadow: none !important;
}

html[data-style="dark"] .ag-jobs-inline-job-view #similar-jobs-fragment .placd-job-item .card-body {
    color: var(--placd-dark-muted) !important;
}

html[data-style="dark"] .ag-jobs-inline-job-view #similar-jobs-fragment .placd-job-item .card-title,
html[data-style="dark"] .ag-jobs-inline-job-view #similar-jobs-fragment .placd-job-item .card-title.text-primary {
    color: #cbb7ff !important;
}

html[data-style="dark"] .ag-jobs-inline-job-view #similar-jobs-fragment hr {
    border-color: rgba(171, 158, 203, 0.14) !important;
    opacity: 1;
}

html[data-style="dark"] .placd-open-questions-intro .alert-icon {
    background: linear-gradient(120deg, var(--placd-dark-tab-active-gradient-start) 0%, var(--placd-dark-tab-active-gradient-end) 100%) !important;
}

html[data-style="dark"] .placd-open-questions-intro-count {
    background-color: rgba(var(--placd-dark-questions-count-bg-rgb), 0.65) !important;
    border-color: rgba(var(--placd-dark-purple-border-rgb), 0.4) !important;
    color: var(--placd-dark-questions-count-text) !important;
}

html[data-style="dark"] .placd-application-todo-item {
    border-color: rgba(var(--placd-dark-border-rgb), 1) !important;
    background: rgba(var(--placd-dark-surface-rgb), 1) !important;
}

html[data-style="dark"] .placd-application-todo-item:hover {
    border-color: var(--placd-dark-todo-hover-border) !important;
}

html[data-style="dark"] .placd-application-todo-item.completed {
    border-color: var(--placd-dark-todo-completed-border) !important;
    box-shadow: 0 10px 28px rgba(var(--placd-dark-purple-gradient-start-rgb), 0.3) !important;
}

html[data-style="dark"] .placd-todo-header {
    background: rgba(var(--placd-dark-surface-rgb), 1) !important;
}

html[data-style="dark"] .placd-todo-step {
    color: var(--placd-dark-todo-step-text) !important;
}

html[data-style="dark"] .placd-todo-title {
    color: var(--placd-dark-todo-title-text) !important;
}

html[data-style="dark"] .placd-todo-header-icons {
    color: var(--placd-dark-todo-icons-text) !important;
}

html[data-style="dark"] .placd-todo-status-done {
    color: var(--placd-dark-todo-done-text) !important;
}

html[data-style="dark"] .placd-todo-body {
    background: linear-gradient(180deg, rgba(var(--placd-dark-purple-gradient-start-rgb), 0.14) 0%, rgba(var(--placd-dark-purple-gradient-end-rgb), 0.06) 100%) !important;
    border-top-color: rgba(var(--placd-dark-purple-border-rgb), 0.25) !important;
}

html[data-style="dark"] .placd-application-todo-item-btn.btn-primary,
html[data-style="dark"] .placd-application-todo-item-btn.btn-label-primary,
html[data-style="dark"] .placd-suggested-response-btn.btn-label-primary {
    border-color: var(--placd-dark-tab-active-gradient-start) !important;
    box-shadow: 0 8px 22px rgba(var(--placd-dark-purple-gradient-start-rgb), 0.3) !important;
}

html[data-style="dark"] .placd-application-todo-item-btn.btn-primary:disabled,
html[data-style="dark"] .placd-application-todo-item-btn.btn-label-primary:disabled {
    background: var(--placd-dark-todo-disabled-bg) !important;
    border-color: var(--placd-dark-todo-disabled-bg) !important;
}

html[data-style="dark"] .placd-file-dropzone,
html[data-style="dark"] .placd-file-dropzone.bg-white {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(var(--placd-dark-border-rgb), 1) !important;
    color: var(--placd-dark-muted) !important;
}

html[data-style="dark"] .placd-file-dropzone .dz-message h4,
html[data-style="dark"] .placd-file-dropzone .dz-message .note {
    color: var(--placd-dark-text) !important;
}

html[data-style="dark"] .placd-file-dropzone .dz-message .ti-upload {
    color: var(--placd-dark-upload-icon) !important;
}

/* Preparation tabs */
html[data-style="dark"] #placd-application-prep-tabs .placd-prep-tabs {
    background: linear-gradient(100deg, rgba(var(--placd-dark-purple-gradient-start-rgb), 0.15) 0%, rgba(var(--placd-dark-purple-gradient-end-rgb), 0.08) 100%) !important;
    border-color: rgba(var(--placd-dark-purple-border-rgb), 0.35) !important;
}

html[data-style="dark"] #placd-application-prep-tabs .placd-prep-tab-link {
    color: var(--placd-dark-tab-link-text) !important;
}

html[data-style="dark"] #placd-application-prep-tabs .placd-prep-tab-link:hover,
html[data-style="dark"] #placd-application-prep-tabs .placd-prep-tab-link:focus {
    color: var(--placd-dark-tab-link-text-hover) !important;
    background-color: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.18) !important;
}

html[data-style="dark"] #placd-application-prep-tabs .placd-prep-tab-link.active {
    background: linear-gradient(120deg, var(--placd-dark-tab-active-gradient-start) 0%, var(--placd-dark-tab-active-gradient-end) 100%) !important;
    box-shadow: 0 10px 24px rgba(var(--placd-dark-purple-gradient-start-rgb), 0.35) !important;
}

html[data-style="dark"] #placd-application-prep-tabs .placd-prep-tab-link:disabled {
    color: var(--placd-dark-tab-link-text-disabled) !important;
}

html[data-style="dark"] .placd-open-question-count {
    background-color: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.28) !important;
    color: var(--placd-dark-open-question-count-text) !important;
}

html[data-style="dark"] .placd-prep-tab-link.active .placd-open-question-count {
    background-color: rgba(255, 255, 255, 0.24) !important;
    color: var(--placd-dark-open-question-count-active-text) !important;
}

/* Application overview tabs */
html[data-style="dark"] #placd-application-overview-filters .placd-prep-tabs {
    background: linear-gradient(135deg, rgba(24, 20, 37, 0.96) 0%, rgba(38, 30, 61, 0.96) 100%) !important;
    border-color: rgba(var(--placd-dark-purple-border-rgb), 0.3) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

html[data-style="dark"] #placd-application-overview-filters .placd-prep-tab-link {
    color: var(--placd-dark-tab-link-text) !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

html[data-style="dark"] #placd-application-overview-filters .placd-prep-tab-link:hover,
html[data-style="dark"] #placd-application-overview-filters .placd-prep-tab-link:focus {
    color: var(--placd-dark-tab-link-text-hover) !important;
    background: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.16) !important;
    border-color: rgba(var(--placd-dark-purple-border-rgb), 0.2) !important;
}

html[data-style="dark"] #placd-application-overview-filters .placd-prep-tab-link.active {
    background: linear-gradient(120deg, var(--placd-dark-tab-active-gradient-start) 0%, var(--placd-dark-tab-active-gradient-end) 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 10px 22px rgba(var(--placd-dark-purple-gradient-start-rgb), 0.28) !important;
}

html[data-style="dark"] #placd-application-overview-filters .placd-prep-tab-link:disabled,
html[data-style="dark"] #placd-application-overview-filters .placd-prep-tab-link.disabled {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(var(--placd-dark-border-rgb), 0.85) !important;
    color: var(--placd-dark-tab-link-text-disabled) !important;
    box-shadow: none !important;
}

/* Application detail map brightness */
html[data-style="dark"] .placd-application-map {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(var(--placd-dark-border-rgb), 1);
}

html[data-style="dark"] .placd-application-map::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(var(--placd-dark-map-overlay-rgb), 0.3);
    pointer-events: none;
}

/* Job apply register modal */
html[data-style="dark"] #placd-jobs-apply-register .placd-apply-register-modal {
    background: rgba(var(--placd-dark-surface-rgb), 1) !important;
    border-color: rgba(var(--placd-dark-border-rgb), 1) !important;
}

html[data-style="dark"] #placd-jobs-apply-register .placd-apply-register-highlight {
    background: linear-gradient(120deg, rgba(var(--placd-dark-purple-gradient-start-rgb), 0.2) 0%, rgba(var(--placd-dark-purple-gradient-end-rgb), 0.12) 100%) !important;
    border-color: rgba(var(--placd-dark-purple-border-rgb), 0.4) !important;
    color: var(--placd-dark-text) !important;
}

html[data-style="dark"] #placd-jobs-apply-register .placd-apply-register-highlight-icon {
    background: rgba(18, 14, 36, 0.86) !important;
    color: #d4c0ff !important;
}

html[data-style="dark"] #placd-jobs-apply-register .text-muted {
    color: var(--placd-dark-muted) !important;
}

html[data-style="dark"] #placd-jobs-apply-register .text-placd-ultradark-green {
    color: var(--placd-dark-text) !important;
}

/* Proposal extended feedback modal */
html[data-style="dark"] #placd-proposal-extended-feedback-modal .placd-proposal-feedback-option {
    background: rgba(var(--placd-dark-surface-rgb), 0.9) !important;
    border-color: rgba(var(--placd-dark-border-rgb), 1) !important;
}

html[data-style="dark"] #placd-proposal-extended-feedback-modal .placd-proposal-feedback-option:hover {
    box-shadow: 0 10px 24px rgba(12, 8, 28, 0.45) !important;
}

html[data-style="dark"] #placd-proposal-extended-feedback-modal .placd-proposal-feedback-option-icon {
    background: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.25) !important;
    color: #d8c4ff !important;
}

html[data-style="dark"] #placd-proposal-extended-feedback-modal .placd-proposal-feedback-option-text {
    color: var(--placd-dark-text) !important;
}

html[data-style="dark"] #placd-proposal-extended-feedback-modal .placd-proposal-feedback-option-check {
    color: #d8c4ff !important;
}

html[data-style="dark"] #placd-proposal-extended-feedback-modal .btn-check:checked + .placd-proposal-feedback-option {
    background: linear-gradient(120deg, rgba(var(--placd-dark-purple-gradient-start-rgb), 0.33) 0%, rgba(var(--placd-dark-purple-gradient-end-rgb), 0.2) 100%) !important;
    border-color: rgba(var(--placd-dark-purple-border-rgb), 0.7) !important;
    box-shadow: 0 14px 28px rgba(10, 7, 22, 0.55) !important;
}

/* User sidebar */
html[data-style="dark"] .user-backend #layout-menu.placd-user-sidebar .menu-inner .menu-link {
    color: var(--placd-dark-text) !important;
}

html[data-style="dark"] .user-backend #layout-menu.placd-user-sidebar .menu-inner .menu-link .menu-icon {
    color: var(--placd-dark-muted) !important;
}

html[data-style="dark"] .user-backend #layout-menu.placd-user-sidebar .menu-inner .menu-link:hover,
html[data-style="dark"] .user-backend #layout-menu.placd-user-sidebar .menu-inner .menu-link:focus {
    background: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.2) !important;
    color: #ece3ff !important;
}

html[data-style="dark"] .user-backend #layout-menu.placd-user-sidebar .menu-inner .menu-link:hover .menu-icon,
html[data-style="dark"] .user-backend #layout-menu.placd-user-sidebar .menu-inner .menu-link:focus .menu-icon {
    color: #dbc8ff !important;
}

html[data-style="dark"] .user-backend #layout-menu.placd-user-sidebar .menu-item.active > .menu-link:not(.menu-toggle) {
    background: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.28) !important;
    color: #f0e8ff !important;
}

html[data-style="dark"] .user-backend #layout-menu.placd-user-sidebar .menu-item.active > .menu-link .menu-icon {
    color: #e3d4ff !important;
}

html[data-style="dark"] .user-backend #layout-menu.placd-user-sidebar .menu-item.active > .menu-link .placd-menu-counter {
    background-color: #9b79ff !important;
    color: #fff !important;
}

@media (min-width: 768px) {
    html[data-style="dark"] .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .user-backend .placd-menu-counter {
        border-color: rgba(var(--placd-dark-border-rgb), 1) !important;
    }
}

/* Profile v2 */
html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-summary {
    background: radial-gradient(circle at top right, rgba(var(--placd-dark-purple-gradient-start-rgb), 0.3), rgba(0, 0, 0, 0) 48%), rgba(var(--placd-dark-surface-rgb), 0.92);
    border-color: rgba(var(--placd-dark-border-rgb), 1);
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-quality-widget {
    background: linear-gradient(180deg, rgba(var(--placd-dark-surface-rgb), 0.95) 0%, rgba(var(--placd-dark-surface-rgb), 0.88) 100%);
    border-color: rgba(var(--placd-dark-purple-border-rgb), 0.72);
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-quality-widget.is-scoring {
    box-shadow: 0 0 0 0.2rem rgba(var(--placd-dark-purple-border-rgb), 0.18);
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-quality-score {
    color: #eee4ff;
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-quality-label,
html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-quality-progress-meta {
    color: #bcabd9;
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-quality-pill-low {
    background: rgba(255, 95, 120, 0.25);
    color: #ffc0ca;
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-quality-pill-average {
    background: rgba(255, 171, 0, 0.24);
    color: #ffd781;
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-quality-pill-high {
    background: rgba(40, 199, 111, 0.24);
    color: #98f2bf;
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-quality-progress-track {
    background-color: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.3);
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-improvement .card-header {
    border-bottom-color: rgba(var(--placd-dark-border-rgb), 0.9);
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-improvement-icon {
    background: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.2);
    color: #d9c7ff;
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-meta-item {
    background: rgba(var(--placd-dark-surface-rgb), 0.95);
    border-color: rgba(var(--placd-dark-border-rgb), 1);
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-meta-label {
    color: #bdaedb;
}

html[data-style="dark"] .placd-profile-approval-fixed {
    background: rgba(var(--placd-dark-surface-rgb), 0.94) !important;
    border-top-color: rgba(var(--placd-dark-border-rgb), 1) !important;
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-details summary {
    color: #d4c0ff;
}

html[data-style="dark"] .placd-profile-v2 .placd-profile-v2-score-pending,
html[data-style="dark"] .placd-profile-powerups-processing {
    color: #bcabd9;
}

html[data-style="dark"] .placd-profile-powerups-processing strong {
    color: #eee4ff;
}

html[data-style="dark"] .placd-profile-powerups-list .list-group-item {
    border-top-color: rgba(var(--placd-dark-border-rgb), 0.9);
}

html[data-style="dark"] .placd-profile-powerups-list .list-group-item:hover {
    background: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.15);
}

html[data-style="dark"] #placd-profile-powerups.is-scoring .placd-profile-powerups-toggle {
    border-bottom-color: rgba(var(--placd-dark-border-rgb), 0.9);
}

html[data-style="dark"] .placd-noga-selector {
    background: rgba(var(--placd-dark-surface-rgb), 0.75);
    border-color: rgba(var(--placd-dark-border-rgb), 1) !important;
}

html[data-style="dark"] .placd-noga-selector .list-group-item {
    background: rgba(var(--placd-dark-surface-rgb), 0.95);
    border-color: rgba(var(--placd-dark-border-rgb), 0.8);
    color: var(--placd-dark-text);
}

/* agoora public website: dark mode landing + footer */
html[data-style="dark"] {
    --agoora-dark-bg: #070910;
    --agoora-dark-surface: #0e1220;
    --agoora-dark-border: rgba(128, 108, 181, 0.22);
    --agoora-dark-text: #f2efff;
    --agoora-dark-muted: #aaa4c5;
}

html[data-style="dark"] .ag-home-hero {
    background: radial-gradient(540px 300px at 15% 0%, rgba(123, 63, 244, 0.22), transparent 72%),
    radial-gradient(460px 300px at 85% 20%, rgba(158, 107, 255, 0.24), transparent 72%),
    linear-gradient(180deg, #090b14 0%, #060810 100%);
    border-bottom-color: var(--agoora-dark-border);
}

html[data-style="dark"] .ag-home-title {
    color: var(--agoora-dark-text);
}

html[data-style="dark"] .ag-home-subtitle {
    color: var(--agoora-dark-muted);
}

html[data-style="dark"] .ag-home-badge {
    background: rgba(123, 63, 244, 0.18);
    color: #d6c6ff;
}

html[data-style="dark"] .ag-home-search {
    background: rgba(14, 18, 32, 0.72);
    border-color: var(--agoora-dark-border);
}

html[data-style="dark"] .ag-home-search .form-control {
    color: #e7e2ff;
}

html[data-style="dark"] .ag-home-search .select2-container--default .select2-selection--multiple {
    background: transparent;
}

html[data-style="dark"] .ag-home-search .form-control::placeholder,
html[data-style="dark"] .ag-home-search-icon {
    color: #8f89ad;
}

html[data-style="dark"] .ag-home-search .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field,
html[data-style="dark"] .ag-home-search .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #e7e2ff;
}

html[data-style="dark"] .ag-home-search .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
    color: #8f89ad;
}

html[data-style="dark"] .ag-home-search .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(123, 63, 244, 0.22);
    color: #ebe5ff;
}

html[data-style="dark"] .ag-home-region-dropdown.select2-dropdown {
    background: #111624;
    border-color: var(--agoora-dark-border);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.38);
}

html[data-style="dark"] .ag-home-region-dropdown .select2-results__option {
    color: #e7e2ff;
}

html[data-style="dark"] .ag-home-content-spacer {
    background: #04060d;
    border-bottom-color: var(--agoora-dark-border);
}

html[data-style="dark"] .ag-home-main {
    background: #03050b;
}

html[data-style="dark"] .ag-home-section {
    background: transparent;
}

html[data-style="dark"] .ag-home-section-panel {
    background: transparent;
    border-color: transparent;
}

html[data-style="dark"] .ag-home-section-icon {
    background: rgba(123, 63, 244, 0.22);
    color: #ceb8ff;
}

html[data-style="dark"] .ag-home-section-title {
    color: var(--agoora-dark-text);
}

html[data-style="dark"] .ag-home-section-text,
html[data-style="dark"] .ag-home-list li {
    color: var(--agoora-dark-muted);
}

html[data-style="dark"] .ag-home-list li::before {
    color: #ccb8ff;
}

html[data-style="dark"] .ag-home-jobs-card {
    background: #0b0f1a;
    border-color: var(--agoora-dark-border);
    box-shadow: none;
}

html[data-style="dark"] .ag-home-job-row {
    background: rgba(255, 255, 255, 0.01);
    border-color: rgba(121, 106, 167, 0.25);
}

html[data-style="dark"] .ag-home-job-row h6 {
    color: var(--agoora-dark-text);
}

html[data-style="dark"] .ag-home-job-icon {
    background: rgba(123, 63, 244, 0.24);
    color: #c8abff;
}

html[data-style="dark"] .ag-home-job-row p,
html[data-style="dark"] .ag-home-jobs-note {
    color: #938eb0;
}

html[data-style="dark"] .ag-home-kpi-card {
    background: #0b0f1a;
    border-color: var(--agoora-dark-border);
}

html[data-style="dark"] .ag-home-kpi-card h4 {
    color: #bf9fff;
}

html[data-style="dark"] .ag-home-kpi-card i {
    color: #c9afff;
}

html[data-style="dark"] .ag-home-kpi-card p {
    color: #9a94b7;
}

html[data-style="dark"] .ag-footer {
    background: #03050b;
    border-top-color: var(--agoora-dark-border);
    color: var(--agoora-dark-muted);
}

html[data-style="dark"] .ag-footer-brand,
html[data-style="dark"] .ag-footer-heading {
    color: var(--agoora-dark-text);
}

html[data-style="dark"] .ag-footer-links a {
    color: var(--agoora-dark-muted);
}

html[data-style="dark"] .ag-footer-links a:hover {
    color: #ccb6ff;
}

html[data-style="dark"] .ag-footer-social {
    border-color: var(--agoora-dark-border);
    color: #9e96bf;
    background: rgba(255, 255, 255, 0.02);
}

html[data-style="dark"] .ag-footer-social:hover {
    color: #cfbcff;
    border-color: rgba(158, 107, 255, 0.46);
}

html[data-style="dark"] .ag-footer-bottom {
    border-top-color: var(--agoora-dark-border);
    color: #8e86aa;
}

/* agoora talents page dark mode */
html[data-style="dark"] .ag-talents-page {
    background: radial-gradient(820px 460px at 10% 12%, rgba(111, 67, 212, 0.24), transparent 72%),
    radial-gradient(760px 440px at 88% 40%, rgba(81, 52, 167, 0.2), transparent 72%),
    #050711;
}

html[data-style="dark"] .ag-talents-hero {
    border-bottom-color: var(--agoora-dark-border);
    background: radial-gradient(640px 320px at 18% 0%, rgba(123, 63, 244, 0.3), transparent 70%),
    radial-gradient(560px 300px at 82% 22%, rgba(158, 107, 255, 0.27), transparent 70%),
    linear-gradient(180deg, #090b14 0%, #070914 100%);
}

html[data-style="dark"] .ag-talents-badge {
    background: rgba(123, 63, 244, 0.24);
    color: #dfd3ff;
}

html[data-style="dark"] .ag-talents-title,
html[data-style="dark"] .ag-talents-heading,
html[data-style="dark"] .ag-talents-card h3,
html[data-style="dark"] .ag-talents-step-item h3,
html[data-style="dark"] .ag-talents-quote-card p,
html[data-style="dark"] .ag-talents-quality-copy h3,
html[data-style="dark"] .ag-talents-faq .accordion-button,
html[data-style="dark"] .ag-talents-cta h2 {
    color: #f4f0ff;
}

html[data-style="dark"] .ag-talents-subtitle,
html[data-style="dark"] .ag-talents-lead,
html[data-style="dark"] .ag-talents-card p,
html[data-style="dark"] .ag-talents-step-item p,
html[data-style="dark"] .ag-talents-quote-card small,
html[data-style="dark"] .ag-talents-quality-copy p,
html[data-style="dark"] .ag-talents-faq .accordion-body,
html[data-style="dark"] .ag-talents-protip {
    color: #aba3c9;
}

html[data-style="dark"] .ag-talents-btn-secondary {
    background: #0b0f1a;
    border-color: var(--agoora-dark-border);
    color: #c4bedf;
}

html[data-style="dark"] .ag-talents-card,
html[data-style="dark"] .ag-talents-quote-card,
html[data-style="dark"] .ag-talents-faq .accordion-item {
    background: #0c0f1a;
    border-color: rgba(122, 105, 170, 0.34);
    box-shadow: 0 12px 28px rgba(2, 3, 8, 0.55);
}

html[data-style="dark"] .ag-talents-card-pain i {
    color: #ff8f8f;
    background: rgba(238, 111, 111, 0.18);
}

html[data-style="dark"] .ag-talents-card-benefit i,
html[data-style="dark"] .ag-talents-step-icon {
    color: #c8abff;
    background: rgba(123, 63, 244, 0.24);
}

html[data-style="dark"] .ag-talents-step-item:not(:last-child)::after {
    background: rgba(162, 127, 235, 0.44);
}

html[data-style="dark"] .ag-talents-step-number {
    color: #cfb6ff;
}

html[data-style="dark"] .ag-talents-quote-card::before {
    color: #c29bff;
}

html[data-style="dark"] .ag-talents-profile-card {
    border-color: rgba(123, 63, 244, 0.34);
    box-shadow: 0 14px 34px rgba(2, 3, 8, 0.52);
}

html[data-style="dark"] .ag-talents-profile-card-violet {
    background: linear-gradient(110deg, rgba(123, 63, 244, 0.24), rgba(123, 63, 244, 0.1));
}

html[data-style="dark"] .ag-talents-profile-card-cyan {
    border-color: rgba(53, 176, 246, 0.36);
    background: linear-gradient(110deg, rgba(53, 176, 246, 0.24), rgba(53, 176, 246, 0.1));
}

html[data-style="dark"] .ag-talents-profile-card-violet .ag-talents-quality-icon {
    box-shadow: 0 16px 38px rgba(90, 54, 176, 0.56);
}

html[data-style="dark"] .ag-talents-profile-card-cyan .ag-talents-quality-icon {
    box-shadow: 0 16px 38px rgba(26, 122, 178, 0.55);
}

html[data-style="dark"] .ag-talents-quality-tag {
    background: rgba(123, 63, 244, 0.32);
    color: #d2bcff;
}

html[data-style="dark"] .ag-talents-quality-tag-success {
    background: rgba(86, 204, 145, 0.23);
    color: #83e8b0;
}

html[data-style="dark"] .ag-talents-quality-tag-blue {
    background: rgba(53, 176, 246, 0.29);
    color: #8ec9ff;
}

html[data-style="dark"] .ag-talents-quality-tag-blue-soft {
    background: rgba(40, 199, 255, 0.26);
    color: #93e9ff;
}

html[data-style="dark"] .ag-talents-protip {
    border-color: rgba(139, 101, 225, 0.56);
    background: rgba(118, 74, 214, 0.22);
}

html[data-style="dark"] .ag-talents-protip strong {
    color: #d6c3ff;
}

html[data-style="dark"] .ag-talents-faq .accordion-button {
    background: #0c0f1a;
}

html[data-style="dark"] .ag-talents-faq .accordion-button:not(.collapsed) {
    background: transparent;
    color: #f4f0ff;
}

html[data-style="dark"] .ag-talents-faq .accordion-item:has(.accordion-button:not(.collapsed)) {
    border-color: rgba(151, 116, 236, 0.66);
    background: linear-gradient(180deg, rgba(123, 63, 244, 0.22) 0%, rgba(123, 63, 244, 0.12) 48%, rgba(12, 15, 26, 0.96) 100%);
    box-shadow: 0 12px 30px rgba(2, 3, 8, 0.62);
}

html[data-style="dark"] .ag-talents-faq .accordion-item:has(.accordion-button:not(.collapsed)) .accordion-button {
    border-bottom: 1px solid rgba(151, 116, 236, 0.34);
}

html[data-style="dark"] .ag-talents-cta {
    border-top-color: var(--agoora-dark-border);
    border-bottom-color: var(--agoora-dark-border);
    background: linear-gradient(135deg, rgba(123, 63, 244, 0.34), rgba(158, 107, 255, 0.24));
}

html[data-style="dark"] .ag-global-cta {
    border-top-color: var(--agoora-dark-border);
    border-bottom-color: var(--agoora-dark-border);
    background: linear-gradient(135deg, rgba(123, 63, 244, 0.34), rgba(158, 107, 255, 0.24));
}

/* agoora employer page dark mode */
html[data-style="dark"] .ag-employer-page {
    background: radial-gradient(820px 460px at 10% 10%, rgba(111, 67, 212, 0.24), transparent 72%),
    radial-gradient(760px 440px at 88% 40%, rgba(81, 52, 167, 0.2), transparent 72%),
    #050711;
}

html[data-style="dark"] .ag-employer-hero {
    border-bottom-color: var(--agoora-dark-border);
    background: radial-gradient(640px 320px at 18% 0%, rgba(123, 63, 244, 0.3), transparent 70%),
    radial-gradient(560px 300px at 82% 22%, rgba(158, 107, 255, 0.27), transparent 70%),
    linear-gradient(180deg, #090b14 0%, #070914 100%);
}

html[data-style="dark"] .ag-employer-badge {
    background: rgba(86, 204, 145, 0.16);
    border-color: rgba(86, 204, 145, 0.26);
    color: #9fe2bd;
}

html[data-style="dark"] .ag-employer-badge::before {
    background: #83ddb2;
}

html[data-style="dark"] .ag-employer-title,
html[data-style="dark"] .ag-employer-kpi strong,
html[data-style="dark"] .ag-employer-claim-head h3,
html[data-style="dark"] .ag-employer-feature-card h3,
html[data-style="dark"] .ag-employer-pricing-card h3,
html[data-style="dark"] .ag-employer-risk-head h3,
html[data-style="dark"] .ag-employer-final-cta h2,
html[data-style="dark"] .ag-global-cta-title {
    color: #f4f0ff;
}

html[data-style="dark"] .ag-employer-subtitle,
html[data-style="dark"] .ag-employer-kpi span,
html[data-style="dark"] .ag-employer-claim-head p,
html[data-style="dark"] .ag-employer-feature-card p,
html[data-style="dark"] .ag-employer-pricing-card p,
html[data-style="dark"] .ag-employer-pricing-strip,
html[data-style="dark"] .ag-employer-risk-head p,
html[data-style="dark"] .ag-employer-risk-card li,
html[data-style="dark"] .ag-employer-final-cta p,
html[data-style="dark"] .ag-global-cta-subtitle {
    color: #aba3c9;
}

html[data-style="dark"] .ag-employer-pill {
    border-color: rgba(151, 116, 236, 0.55);
    background: rgba(123, 63, 244, 0.2);
    color: #d6c2ff;
}

html[data-style="dark"] .ag-employer-claim-card,
html[data-style="dark"] .ag-employer-feature-card,
html[data-style="dark"] .ag-employer-pricing-card,
html[data-style="dark"] .ag-employer-risk-card {
    background: rgba(12, 15, 26, 0.86);
    border-color: rgba(122, 105, 170, 0.34);
}

@media (hover: hover) and (pointer: fine) {
    html[data-style="dark"] .ag-hover-border-card:hover,
    html[data-style="dark"] .ag-talents-card:hover,
    html[data-style="dark"] .ag-employer-feature-card:hover,
    html[data-style="dark"] .ag-employer-pricing-card:hover,
    html[data-style="dark"] .ag-home-kpi-card:hover,
    html[data-style="dark"] .ag-talents-quote-card:hover {
        border-color: rgba(151, 116, 236, 0.72);
        box-shadow: 0 0 0 1px rgba(168, 132, 255, 0.34), 0 0 34px rgba(146, 104, 244, 0.46), 0 16px 34px rgba(2, 3, 8, 0.68);
    }
}

html[data-style="dark"] .ag-employer-claim-icon,
html[data-style="dark"] .ag-employer-feature-card i,
html[data-style="dark"] .ag-employer-pricing-card i,
html[data-style="dark"] .ag-employer-risk-icon,
html[data-style="dark"] .ag-employer-final-icon,
html[data-style="dark"] .ag-global-cta-icon {
    background: rgba(123, 63, 244, 0.24);
    color: #c8abff;
}

html[data-style="dark"] .ag-employer-claim-input-wrap {
    border-color: rgba(122, 105, 170, 0.34);
    background: #0c0f1a;
}

html[data-style="dark"] .ag-employer-claim-input-wrap i {
    color: #9e97bc;
}

html[data-style="dark"] .ag-employer-claim-input-wrap .form-control {
    color: #ece8ff;
}

html[data-style="dark"] .ag-employer-search-state,
html[data-style="dark"] .ag-employer-search-results-card,
html[data-style="dark"] .ag-employer-selection-card {
    background: rgba(12, 15, 26, 0.88);
    border-color: rgba(122, 105, 170, 0.34);
    box-shadow: 0 18px 38px rgba(2, 3, 8, 0.32);
}

html[data-style="dark"] .ag-employer-search-state p,
html[data-style="dark"] .ag-employer-result-subtitle,
html[data-style="dark"] .ag-employer-result-text,
html[data-style="dark"] .ag-employer-selection-head p,
html[data-style="dark"] .ag-employer-selection-meta-item span {
    color: #aba3c9;
}

html[data-style="dark"] .ag-employer-search-results-head,
html[data-style="dark"] .ag-employer-result-title-row h4,
html[data-style="dark"] .ag-employer-selection-head h4,
html[data-style="dark"] .ag-employer-selection-meta-item strong {
    color: #f0ecff;
}

html[data-style="dark"] .ag-employer-result-badge {
    background: rgba(123, 63, 244, 0.16);
    color: #d3c5ff;
}

html[data-style="dark"] .ag-employer-result-badge-uid {
    background: rgba(104, 224, 172, 0.14);
    color: #b7f5d8;
}

html[data-style="dark"] .ag-employer-result-item,
html[data-style="dark"] .ag-employer-search-results-head,
html[data-style="dark"] .ag-employer-selection-meta {
    border-color: rgba(151, 116, 236, 0.14);
}

html[data-style="dark"] .ag-employer-selection-logo {
    background: rgba(7, 10, 18, 0.9);
    border-color: rgba(151, 116, 236, 0.18);
}

html[data-style="dark"] .ag-employer-selection-logo-fallback {
    background: rgba(123, 63, 244, 0.24);
    color: #ceb5ff;
}

html[data-style="dark"] .ag-employer-pain,
html[data-style="dark"] .ag-employer-pricing {
    background: rgba(96, 66, 170, 0.13);
    border-top-color: rgba(151, 116, 236, 0.34);
    border-bottom-color: rgba(151, 116, 236, 0.34);
}

html[data-style="dark"] .ag-employer-pricing-strip span::before {
    color: #cfb6ff;
}

html[data-style="dark"] .ag-employer-risk-card li::before {
    color: #83e8b0;
}

html[data-style="dark"] .ag-employer-final-cta {
    border-top-color: var(--agoora-dark-border);
    border-bottom-color: var(--agoora-dark-border);
    background: linear-gradient(135deg, rgba(123, 63, 244, 0.34), rgba(158, 107, 255, 0.24));
}

html[data-style="dark"] .ag-www-body {
    background: radial-gradient(circle at top, rgba(10, 12, 24, 0.92), rgba(6, 8, 16, 0.98) 42%, #050711 100%);
}

html[data-style="dark"] .ag-mouse-glow-layer {
    opacity: 0.92;
}

html[data-style="dark"] .ag-mouse-glow-layer.is-idle {
    opacity: 0.68;
}

html[data-style="dark"] .ag-mouse-glow {
    opacity: 0.42;
    filter: blur(88px);
    background: radial-gradient(circle at 36% 32%, rgba(221, 190, 255, 0.98) 0%, rgba(176, 116, 255, 0.86) 25%, rgba(124, 60, 245, 0.62) 49%, rgba(88, 39, 193, 0.28) 67%, rgba(88, 39, 193, 0) 100%),
    radial-gradient(circle at 68% 64%, rgba(140, 82, 246, 0.52) 0%, rgba(92, 45, 199, 0) 70%);
}

html[data-style="dark"] .ag-mouse-glow-layer.is-static .ag-mouse-glow {
    opacity: 0.28;
}

/* mockup parity layer - dark mode */
html[data-style="dark"] .ag-site-bg-grid {
    opacity: 0.1;
    background-image: linear-gradient(to right, rgba(151, 116, 236, 0.2) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(151, 116, 236, 0.2) 1px, transparent 1px);
}

html[data-style="dark"] .ag-site-bg-depth-back {
    opacity: 0.88;
}

html[data-style="dark"] .ag-site-bg-depth-mid {
    opacity: 0.7;
}

html[data-style="dark"] .ag-site-bg-depth-front {
    opacity: 0.54;
}

html[data-style="dark"] .ag-site-orb-a {
    background: radial-gradient(circle at 36% 36%, rgba(198, 166, 255, 0.34) 0%, rgba(123, 63, 244, 0.22) 32%, rgba(123, 63, 244, 0.06) 60%, rgba(123, 63, 244, 0) 100%);
}

html[data-style="dark"] .ag-site-orb-b {
    background: radial-gradient(circle at 50% 50%, rgba(142, 245, 197, 0.12) 0%, rgba(142, 245, 197, 0.08) 20%, rgba(151, 116, 236, 0.18) 48%, rgba(151, 116, 236, 0) 100%);
}

html[data-style="dark"] .ag-site-orb-c {
    background: radial-gradient(circle at 50% 50%, rgba(188, 165, 255, 0.18) 0%, rgba(123, 63, 244, 0.14) 28%, rgba(123, 63, 244, 0.05) 58%, rgba(123, 63, 244, 0) 100%);
}

html[data-style="dark"] .ag-site-ribbon-a {
    background: linear-gradient(90deg, rgba(151, 116, 236, 0) 0%, rgba(151, 116, 236, 0.16) 22%, rgba(151, 116, 236, 0.28) 50%, rgba(104, 224, 172, 0.16) 76%, rgba(104, 224, 172, 0) 100%);
    box-shadow: 0 0 28px rgba(151, 116, 236, 0.12);
}

html[data-style="dark"] .ag-site-ribbon-b {
    background: linear-gradient(90deg, rgba(104, 224, 172, 0) 0%, rgba(104, 224, 172, 0.1) 24%, rgba(255, 255, 255, 0.18) 50%, rgba(151, 116, 236, 0.16) 74%, rgba(151, 116, 236, 0) 100%);
    box-shadow: 0 0 24px rgba(104, 224, 172, 0.08);
}

html[data-style="dark"] .ag-site-particle-field .ag-particle {
    background: rgba(188, 165, 255, 0.34);
    box-shadow: 0 0 20px rgba(151, 116, 236, 0.12);
}

html[data-style="dark"] .ag-site-bg-glow::before {
    background: radial-gradient(circle at 22% 22%, rgba(123, 63, 244, 0.24) 0%, transparent 36%),
    radial-gradient(circle at 78% 76%, rgba(158, 107, 255, 0.18) 0%, transparent 38%);
}

html[data-style="dark"] .layout-navbar.ag-nav-scrolled {
    background: rgba(5, 7, 17, 0.72);
    backdrop-filter: blur(22px) saturate(150%);
    border-bottom-color: rgba(151, 116, 236, 0.22);
    box-shadow: 0 6px 34px rgba(2, 3, 8, 0.52);
}

html[data-style="dark"] .ag-nav-link::after {
    box-shadow: 0 0 14px rgba(168, 132, 255, 0.62);
}

html[data-style="dark"] .ag-home-search:focus-within {
    border-color: rgba(151, 116, 236, 0.62);
    box-shadow: 0 0 0 1px rgba(168, 132, 255, 0.28), 0 0 42px rgba(123, 63, 244, 0.36);
}

@media (hover: hover) and (pointer: fine) {
    html[data-style="dark"] .ag-motion-card:hover:not(.ag-home-kpi-card):not(.ag-home-job-row) {
        border-color: rgba(151, 116, 236, 0.72);
        box-shadow: 0 16px 36px rgba(2, 3, 8, 0.68);
    }

    html[data-style="dark"] .ag-home-job-row:hover {
        transform: translateY(-2px);
        border-color: rgba(151, 116, 236, 0.72);
        box-shadow: 0 12px 28px rgba(2, 3, 8, 0.62);
    }
}

html[data-style="dark"] .ag-aurora-cta::before {
    background: radial-gradient(ellipse at 20% 50%, rgba(123, 63, 244, 0.32) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 50%, rgba(158, 107, 255, 0.24) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 20%, rgba(186, 116, 255, 0.2) 0%, transparent 50%);
}

html[data-style="dark"] .ag-shine-card::before {
    background: linear-gradient(110deg, transparent 28%, rgba(255, 255, 255, 0.12) 50%, transparent 72%);
}

html[data-style="dark"] .ag-talents-step-icon {
    box-shadow: 0 0 0 8px #050711;
}

html[data-style="dark"] .ag-home-search-btn,
html[data-style="dark"] .ag-home-search-btn:hover,
html[data-style="dark"] .ag-home-search-btn:focus,
html[data-style="dark"] .ag-home-search-btn:active,
html[data-style="dark"] .ag-talents-btn-primary,
html[data-style="dark"] .ag-talents-btn-primary:hover,
html[data-style="dark"] .ag-talents-btn-primary:focus,
html[data-style="dark"] .ag-talents-btn-primary:active,
html[data-style="dark"] .btn.btn-primary.rounded-pill,
html[data-style="dark"] .btn.btn-primary.rounded-pill:hover,
html[data-style="dark"] .btn.btn-primary.rounded-pill:focus,
html[data-style="dark"] .btn.btn-primary.rounded-pill:active {
    color: #fff !important;
}

/* global surface consistency in dark mode */
html[data-style="dark"] {
    --ag-www-page-bg-dark: #050711;
    --ag-www-section-wash-dark: rgba(11, 14, 25, 0.48);
    --ag-www-section-border-dark: rgba(160, 136, 230, 0.14);
    --ag-www-section-shadow-dark: 0 28px 80px rgba(0, 0, 0, 0.24);
    --ag-www-text-default-dark: #cdc7e3;
}

html[data-style="dark"] .ag-home-hero,
html[data-style="dark"] .ag-talents-hero,
html[data-style="dark"] .ag-employer-hero,
html[data-style="dark"] .ag-home-content-spacer,
html[data-style="dark"] .ag-home-main,
html[data-style="dark"] .ag-home-section,
html[data-style="dark"] .ag-home-section-panel,
html[data-style="dark"] .ag-talents-page,
html[data-style="dark"] .ag-talents-section,
html[data-style="dark"] .ag-employer-page,
html[data-style="dark"] .ag-employer-pain,
html[data-style="dark"] .ag-employer-pricing {
    background: transparent;
}

html[data-style="dark"] .ag-home-main .ag-home-section:nth-of-type(odd),
html[data-style="dark"] .ag-talents-page .ag-talents-section:nth-of-type(odd),
html[data-style="dark"] .ag-employer-page .ag-talents-section:nth-of-type(odd) {
    background: transparent;
}

html[data-style="dark"] .ag-home-main .ag-home-section:nth-of-type(even)::before,
html[data-style="dark"] .ag-talents-page .ag-talents-section:nth-of-type(even)::before,
html[data-style="dark"] .ag-employer-page .ag-talents-section:nth-of-type(even)::before {
    background: linear-gradient(180deg, rgba(15, 18, 31, 0.52), rgba(8, 10, 18, 0.3));
    border: 1px solid var(--ag-www-section-border-dark);
    box-shadow: var(--ag-www-section-shadow-dark);
}

html[data-style="dark"] .ag-employer-pain,
html[data-style="dark"] .ag-employer-pricing {
    border-top-color: transparent;
    border-bottom-color: transparent;
}

html[data-style="dark"] .ag-home-subtitle,
html[data-style="dark"] .ag-home-section-text,
html[data-style="dark"] .ag-home-list li,
html[data-style="dark"] .ag-home-job-row p,
html[data-style="dark"] .ag-home-jobs-note,
html[data-style="dark"] .ag-home-kpi-card p,
html[data-style="dark"] .ag-talents-subtitle,
html[data-style="dark"] .ag-talents-lead,
html[data-style="dark"] .ag-talents-card p,
html[data-style="dark"] .ag-talents-step-item p,
html[data-style="dark"] .ag-talents-quote-card p,
html[data-style="dark"] .ag-talents-quote-card small,
html[data-style="dark"] .ag-talents-quality-copy p,
html[data-style="dark"] .ag-talents-faq .accordion-body,
html[data-style="dark"] .ag-talents-protip,
html[data-style="dark"] .ag-employer-subtitle,
html[data-style="dark"] .ag-employer-kpi span,
html[data-style="dark"] .ag-employer-claim-head p,
html[data-style="dark"] .ag-employer-feature-card p,
html[data-style="dark"] .ag-employer-pricing-card p,
html[data-style="dark"] .ag-employer-pricing-strip,
html[data-style="dark"] .ag-employer-risk-head p,
html[data-style="dark"] .ag-employer-risk-card li,
html[data-style="dark"] .ag-global-cta-subtitle {
    color: var(--ag-www-text-default-dark);
}

html[data-style="dark"] .layout-navbar {
    background: rgba(5, 7, 17, 0.6);
    backdrop-filter: blur(18px) saturate(140%);
    border-bottom: 1px solid rgba(151, 116, 236, 0.14);
    box-shadow: 0 2px 24px rgba(2, 3, 8, 0.4);
}

html[data-style="dark"] .layout-navbar > .container,
html[data-style="dark"] .landing-navbar {
    background: transparent !important;
}

html[data-style="dark"] .layout-navbar .text-placd-ultradark-green,
html[data-style="dark"] .layout-navbar .text-heading,
html[data-style="dark"] .layout-navbar .app-brand h5 {
    color: #d8d2ef !important;
}

html[data-style="dark"] .layout-navbar .ag-nav-link:hover,
html[data-style="dark"] .layout-navbar .ag-nav-link:focus {
    color: #f0eaff !important;
}