/* placd dark mode overrides - scoped to screenshot-visible custom components */

:root {
    --placd-dark-surface-rgb: 43, 49, 72;
    --placd-dark-border-rgb: 74, 84, 120;
    --placd-dark-text: #d7dcf5;
    --placd-dark-muted: #a7afd2;

    --placd-dark-purple-ultralight-bg-rgb: 119, 49, 255;
    --placd-dark-purple-ultralight-text: #dac8ff;

    --placd-dark-attachment-bg-rgb: 198, 255, 174;
    --placd-dark-attachment-text: #d0f3c5;
    --placd-dark-attachment-text-hover: #e0f9d8;

    --placd-dark-questions-title: #f0eaff;
    --placd-dark-questions-count-bg-rgb: 20, 18, 38;
    --placd-dark-questions-count-text: #e6dcff;

    --placd-dark-purple-gradient-start-rgb: 119, 49, 255;
    --placd-dark-purple-gradient-end-rgb: 119, 49, 255;
    --placd-dark-purple-border-rgb: 172, 139, 255;

    --placd-dark-tab-active-gradient-start: #8f66ff;
    --placd-dark-tab-active-gradient-end: #7447f8;
    --placd-dark-tab-link-text: #b7abd8;
    --placd-dark-tab-link-text-hover: #e3d8ff;
    --placd-dark-tab-link-text-disabled: #7f75a2;

    --placd-dark-todo-step-text: #a79ace;
    --placd-dark-todo-title-text: #ece8ff;
    --placd-dark-todo-icons-text: #b4a9d5;
    --placd-dark-todo-done-text: #b29bff;
    --placd-dark-todo-hover-border: #7a68b0;
    --placd-dark-todo-completed-border: #8f6eff;
    --placd-dark-todo-disabled-bg: #4a4362;

    --placd-dark-upload-icon: #ba9dff;
    --placd-dark-open-question-count-text: #decfff;
    --placd-dark-open-question-count-active-text: #fff;

    --placd-dark-map-overlay-rgb: 8, 10, 20;
    --placd-map-commute-line-color: #78e7ff;
    --placd-map-commute-line-opacity: 0.92;
}

/* Global alerts */
html[data-style="dark"] .alert.alert-primary {
    --placd-alert-bg: linear-gradient(120deg, rgba(119, 49, 255, 0.22) 0%, rgba(119, 49, 255, 0.14) 100%);
    --placd-alert-border: rgba(172, 139, 255, 0.52);
    --placd-alert-color: #decfff;
    --placd-alert-icon-bg: rgba(18, 14, 36, 0.86);
    --placd-alert-icon-color: #d4c0ff;
}

html[data-style="dark"] .alert.alert-secondary {
    --placd-alert-bg: linear-gradient(120deg, rgba(128, 131, 144, 0.22) 0%, rgba(128, 131, 144, 0.16) 100%);
    --placd-alert-border: rgba(146, 154, 182, 0.5);
    --placd-alert-color: #d4daf4;
    --placd-alert-icon-bg: rgba(33, 37, 55, 0.86);
    --placd-alert-icon-color: #d4daf4;
}

html[data-style="dark"] .alert.alert-success {
    --placd-alert-bg: linear-gradient(120deg, rgba(40, 199, 111, 0.2) 0%, rgba(40, 199, 111, 0.12) 100%);
    --placd-alert-border: rgba(106, 214, 154, 0.45);
    --placd-alert-color: #d2f6e2;
    --placd-alert-icon-bg: rgba(24, 88, 56, 0.9);
    --placd-alert-icon-color: #d2f6e2;
}

html[data-style="dark"] .alert.alert-info {
    --placd-alert-bg: linear-gradient(120deg, rgba(43, 93, 179, 0.22) 0%, rgba(43, 93, 179, 0.13) 100%);
    --placd-alert-border: rgba(120, 163, 235, 0.48);
    --placd-alert-color: #d6e7ff;
    --placd-alert-icon-bg: rgba(20, 45, 88, 0.9);
    --placd-alert-icon-color: #d6e7ff;
}

html[data-style="dark"] .alert.alert-warning,
html[data-style="dark"] .alert.alert-solid-warning {
    --placd-alert-bg: linear-gradient(120deg, rgba(255, 159, 67, 0.24) 0%, rgba(255, 159, 67, 0.14) 100%);
    --placd-alert-border: rgba(255, 198, 123, 0.52);
    --placd-alert-color: #ffe9ca;
    --placd-alert-icon-bg: rgba(114, 74, 12, 0.9);
    --placd-alert-icon-color: #ffe9ca;
}

html[data-style="dark"] .alert.alert-danger {
    --placd-alert-bg: linear-gradient(120deg, rgba(255, 76, 81, 0.24) 0%, rgba(255, 76, 81, 0.14) 100%);
    --placd-alert-border: rgba(255, 140, 146, 0.5);
    --placd-alert-color: #ffd9dc;
    --placd-alert-icon-bg: rgba(122, 30, 44, 0.9);
    --placd-alert-icon-color: #ffd9dc;
}

html[data-style="dark"] .alert.alert-light {
    --placd-alert-bg: linear-gradient(120deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
    --placd-alert-border: rgba(139, 151, 186, 0.42);
    --placd-alert-color: #d7dcf5;
    --placd-alert-icon-bg: rgba(255, 255, 255, 0.12);
    --placd-alert-icon-color: #d7dcf5;
}

html[data-style="dark"] .alert.alert-dark {
    --placd-alert-bg: linear-gradient(120deg, rgba(23, 26, 39, 0.94) 0%, rgba(16, 19, 31, 0.94) 100%);
    --placd-alert-border: rgba(89, 99, 128, 0.52);
    --placd-alert-color: #e6ebff;
    --placd-alert-icon-bg: rgba(255, 255, 255, 0.1);
    --placd-alert-icon-color: #e6ebff;
}

/* Dashboard */
html[data-style="dark"] .placd-dashboard-proposals-meta .text-dark {
    color: var(--placd-dark-text) !important;
}

html[data-style="dark"] .bg-placd-purple-ultralight {
    background-color: rgba(var(--placd-dark-purple-ultralight-bg-rgb), 0.25) !important;
    color: var(--placd-dark-purple-ultralight-text) !important;
}

html[data-style="dark"] .placd-proposal-hero,
html[data-style="dark"] .placd-proposal-content-card,
html[data-style="dark"] .placd-proposal-side-card {
    background: rgba(var(--placd-dark-surface-rgb), 1) !important;
    border-color: rgba(var(--placd-dark-border-rgb), 1) !important;
}

html[data-style="dark"] .placd-proposal-hero .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"] .placd-proposal-hero h4,
html[data-style="dark"] .placd-proposal-side-title,
html[data-style="dark"] .placd-proposal-score-link {
    color: var(--placd-dark-text) !important;
}

html[data-style="dark"] .placd-proposal-meta,
html[data-style="dark"] .placd-proposal-remaining {
    color: var(--placd-dark-muted) !important;
}

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

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

html[data-style="dark"] .placd-page-back-btn {
    background: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.2);
    border-color: rgba(var(--placd-dark-purple-border-rgb), 0.45);
    color: var(--placd-dark-text);
}

html[data-style="dark"] .placd-page-back-btn:hover,
html[data-style="dark"] .placd-page-back-btn:focus {
    background: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.3);
    border-color: rgba(var(--placd-dark-purple-border-rgb), 0.65);
    color: #f0eaff;
}

html[data-style="dark"] .placd-application-score-badge {
    box-shadow: 0 10px 22px rgba(4, 6, 14, 0.45);
}

html[data-style="dark"] .placd-application-view-actions .btn-outline-secondary {
    background: rgba(var(--placd-dark-surface-rgb), 0.9) !important;
    border-color: rgba(var(--placd-dark-border-rgb), 1) !important;
    color: var(--placd-dark-text) !important;
}

html[data-style="dark"] .btn-outline-primary,
html[data-style="dark"] .btn-outline-placd-purple {
    --bs-btn-color: var(--placd-purple-light);
    --bs-btn-border-color: rgba(var(--placd-dark-purple-border-rgb), 0.72);
    --bs-btn-hover-color: #f0eaff;
    --bs-btn-hover-bg: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.2);
    --bs-btn-hover-border-color: rgba(var(--placd-dark-purple-border-rgb), 0.9);
    --bs-btn-focus-color: #f0eaff;
    --bs-btn-focus-bg: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.2);
    --bs-btn-focus-border-color: rgba(var(--placd-dark-purple-border-rgb), 0.9);
    --bs-btn-active-color: #f0eaff;
    --bs-btn-active-bg: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.2);
    --bs-btn-active-border-color: rgba(var(--placd-dark-purple-border-rgb), 0.9);
    color: var(--placd-purple-light) !important;
    border-color: rgba(var(--placd-dark-purple-border-rgb), 0.72) !important;
    background: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.08) !important;
}

html[data-style="dark"] .btn-outline-primary:hover,
html[data-style="dark"] .btn-outline-primary:focus,
html[data-style="dark"] .btn-outline-primary:active,
html[data-style="dark"] .btn-outline-primary.active,
html[data-style="dark"] .btn-outline-primary.dropdown-toggle.show,
html[data-style="dark"] .btn-outline-placd-purple:hover,
html[data-style="dark"] .btn-outline-placd-purple:focus,
html[data-style="dark"] .btn-outline-placd-purple:active,
html[data-style="dark"] .btn-outline-placd-purple.active,
html[data-style="dark"] .btn-outline-placd-purple.dropdown-toggle.show,
html[data-style="dark"] .btn-check:focus + .btn-outline-primary,
html[data-style="dark"] .btn-check:checked + .btn-outline-primary,
html[data-style="dark"] .btn-check:active + .btn-outline-primary,
html[data-style="dark"] .btn-check:focus + .btn-outline-placd-purple,
html[data-style="dark"] .btn-check:checked + .btn-outline-placd-purple,
html[data-style="dark"] .btn-check:active + .btn-outline-placd-purple {
    color: #f0eaff !important;
    border-color: rgba(var(--placd-dark-purple-border-rgb), 0.9) !important;
    background: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.2) !important;
}

html[data-style="dark"] .placd-proposal-response-btn:hover,
html[data-style="dark"] .placd-proposal-response-btn:focus-visible,
html[data-style="dark"] .placd-proposal-swipe-response-btn:hover,
html[data-style="dark"] .placd-proposal-swipe-response-btn:focus-visible {
    box-shadow: 0 0 0 0.18rem rgba(var(--placd-dark-purple-border-rgb), 0.28), 0 14px 28px rgba(4, 6, 14, 0.45) !important;
    filter: brightness(1.06) saturate(1.05);
}

@media (max-width: 1199.98px) {
    html[data-style="dark"] .placd-mobile-bottom-nav-shell {
        background: rgba(var(--placd-dark-surface-rgb), 0.96);
        border-top-color: rgba(var(--placd-dark-border-rgb), 0.95);
        box-shadow: 0 -8px 24px rgba(4, 6, 14, 0.28);
    }

    html[data-style="dark"] .placd-mobile-bottom-nav-link {
        color: var(--placd-dark-muted);
    }

    html[data-style="dark"] .placd-mobile-bottom-nav-link.active {
        background: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.24);
        color: #f0eaff;
    }

    html[data-style="dark"] .placd-mobile-bottom-nav-badge {
        border-color: rgba(var(--placd-dark-surface-rgb), 1);
    }

    html[data-style="dark"] .placd-mobile-job-actions-card {
        background: linear-gradient(180deg, rgba(var(--placd-dark-surface-rgb), 0.98) 0%, rgba(var(--placd-dark-surface-rgb), 0.92) 100%);
        border-color: rgba(var(--placd-dark-purple-border-rgb), 0.4);
        box-shadow: 0 14px 30px rgba(4, 6, 14, 0.3);
    }
}

/* Profile */
html[data-style="dark"] .attachment-tile {
    background: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.18) !important;
    border-color: rgba(var(--placd-dark-purple-border-rgb), 0.4) !important;
    color: #d9ceff !important;
}

html[data-style="dark"] .attachment-tile:hover {
    background: rgba(var(--placd-dark-purple-gradient-start-rgb), 0.26) !important;
    color: #efe8ff !important;
}

html[data-style="dark"] .attachment-tile i {
    color: #cbb7ff !important;
}

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

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

html[data-style="dark"] .placd-profile-empty-subtitle {
    color: var(--placd-dark-muted) !important;
}

html[data-style="dark"] .placd-profile-dropzone,
html[data-style="dark"] .placd-profile-dropzone.bg-white {
    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.42) !important;
}

/* Preparation + User detail: open questions block */
html[data-style="dark"] .placd-open-questions-intro {
    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-open-questions-intro-title {
    color: var(--placd-dark-questions-title) !important;
}

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 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-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-v2 .placd-profile-v2-details summary {
    color: #d4c0ff;
}

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-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 .form-control::placeholder,
html[data-style="dark"] .ag-home-search-icon {
    color: #8f89ad;
}

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-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-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-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.58);
    border-bottom-color: rgba(151, 116, 236, 0.28);
    box-shadow: 0 4px 32px rgba(2, 3, 8, 0.62);
}

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-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: var(--ag-www-page-bg-dark);
}

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),
html[data-style="dark"] .ag-talents-page .ag-talents-section:nth-of-type(even),
html[data-style="dark"] .ag-employer-page .ag-talents-section:nth-of-type(even) {
    background: var(--ag-www-page-bg-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.58);
    border-bottom: 1px solid rgba(151, 116, 236, 0.2);
    box-shadow: 0 4px 26px rgba(2, 3, 8, 0.58);
}

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;
}

html[data-style="dark"] .tm-ajax-throbber {
    background: rgba(11, 14, 27, 0.72);
    opacity: 1;
    backdrop-filter: blur(2px);
}

html[data-style="dark"] .tm-ajax-throbber .tm-spinner.spinner-border {
    color: #9f7cff !important;
}

html[data-style="dark"] .tm-ajax-throbber .tm-spinner-label {
    color: #d9ccff !important;
    text-shadow: 0 1px 10px rgba(6, 8, 18, 0.45);
}

html[data-style="dark"] .placd-travel-time {
    color: #d7f7cf !important;
}