/* Shared dark headers. Keep the profile dropdown outside these selectors. */
[data-theme-version="dark"] {
    --neo-header-gradient: linear-gradient(115deg, #192d50, #101e35);
    --neo-header-line: #2a4062;
    --neo-header-ink: #f3f6ff;
    --neo-header-muted: #c2cfe4;
}

/* Plain section headers follow the card surface. */
[data-theme-version="dark"] #main-wrapper .card > .card-header,
[data-theme-version="dark"] #main-wrapper .card > .card-header2 {
    background: var(--neo-surface, #18243b) !important;
    border-color: var(--neo-line, #2a3a54) !important;
    color: var(--neo-ink, #edf3ff);
    box-shadow: none;
}
[data-theme-version="dark"] #main-wrapper .card > .card-header :is(.card-title, h2, h3, h4, h5, h6),
[data-theme-version="dark"] #main-wrapper .card > .card-header2 :is(.card-title, h2, h3, h4, h5, h6) {
    color: var(--neo-ink, #edf3ff);
}

[data-theme-version="dark"] #main-wrapper .profile-page .profile-head::before {
    background: var(--neo-header-gradient);
    animation: none;
}
[data-theme-version="dark"] #main-wrapper .profile-page .profile-head::after { opacity: .18; }
[data-theme-version="dark"] #main-wrapper .neo-employee-detail .employee-identity-card {
    background: var(--neo-header-gradient) !important;
}

/* Main module headers retain their decorations and layout. */
[data-theme-version="dark"] #main-wrapper :is(
    .dinas-hero,
    .pegawai-hero,
    .inventori-hero,
    .ruangan-hero,
    .jabatan-hero,
    .pejabat-hero,
    .fcm-page-head,
    .blast-page-head,
    .shortlink-hero,
    .peminjaman-hero,
    .audit-top,
    .arsip-hero,
    .rapat-header,
    .pojokpip-hero,
    .fitur-hero,
    .neo-jdih .search-hero,
    .kedisiplinan-page #kdp-header-card .card-header2,
    .kdp-profile-summary,
    .bagian-page .card-header2,
    .banner-page .card-header2,
    .information-page .card-header2,
    .kategori-page .card-header2,
    .listapp-page .card-header2,
    .role-page .card-header2,
    .slider-page .card-header2,
    .specialday-page .card-header2,
    .timework-page .card-header2,
    .user-page .card-header2,
    .video-page .card-header2
) {
    background: var(--neo-header-gradient) !important;
    color: var(--neo-header-ink);
    border-color: var(--neo-header-line) !important;
    box-shadow: none !important;
    backdrop-filter: none;
}
[data-theme-version="dark"] #main-wrapper :is(
    .dinas-hero,
    .pegawai-hero,
    .inventori-hero,
    .ruangan-hero,
    .jabatan-hero,
    .pejabat-hero,
    .fcm-page-head,
    .blast-page-head,
    .shortlink-hero,
    .peminjaman-hero,
    .audit-top,
    .arsip-hero,
    .rapat-header,
    .pojokpip-hero,
    .fitur-hero,
    .neo-jdih .search-hero,
    .kedisiplinan-page #kdp-header-card .card-header2,
    .kdp-profile-summary,
    .bagian-page .card-header2,
    .banner-page .card-header2,
    .information-page .card-header2,
    .kategori-page .card-header2,
    .listapp-page .card-header2,
    .role-page .card-header2,
    .slider-page .card-header2,
    .specialday-page .card-header2,
    .timework-page .card-header2,
    .user-page .card-header2,
    .video-page .card-header2
) :is(h1, h2, h3, h4, .card-title) {
    color: var(--neo-header-ink) !important;
}
[data-theme-version="dark"] #main-wrapper :is(
    .dinas-hero,
    .pegawai-hero,
    .inventori-hero,
    .ruangan-hero,
    .jabatan-hero,
    .pejabat-hero,
    .fcm-page-head,
    .blast-page-head,
    .shortlink-hero,
    .peminjaman-hero,
    .audit-top,
    .arsip-hero,
    .rapat-header,
    .pojokpip-hero,
    .fitur-hero,
    .neo-jdih .search-hero,
    .kedisiplinan-page #kdp-header-card .card-header2,
    .kdp-profile-summary,
    .bagian-page .card-header2,
    .banner-page .card-header2,
    .information-page .card-header2,
    .kategori-page .card-header2,
    .listapp-page .card-header2,
    .role-page .card-header2,
    .slider-page .card-header2,
    .specialday-page .card-header2,
    .timework-page .card-header2,
    .user-page .card-header2,
    .video-page .card-header2
) :is(p, .text-muted) {
    color: var(--neo-header-muted) !important;
}
[data-theme-version="dark"] #main-wrapper :is(
    .dinas-hero,
    .pegawai-hero,
    .inventori-hero,
    .ruangan-hero,
    .jabatan-hero,
    .pejabat-hero,
    .fcm-page-head,
    .blast-page-head,
    .shortlink-hero,
    .peminjaman-hero,
    .audit-top,
    .arsip-hero,
    .rapat-header,
    .pojokpip-hero,
    .fitur-hero,
    .neo-jdih .search-hero,
    .kedisiplinan-page #kdp-header-card .card-header2,
    .kdp-profile-summary,
    .bagian-page .card-header2,
    .banner-page .card-header2,
    .information-page .card-header2,
    .kategori-page .card-header2,
    .listapp-page .card-header2,
    .role-page .card-header2,
    .slider-page .card-header2,
    .specialday-page .card-header2,
    .timework-page .card-header2,
    .user-page .card-header2,
    .video-page .card-header2
)::before {
    opacity: .22;
}

/* Applies to shared, module-specific, and dynamically loaded Bootstrap modals. */
[data-theme-version="dark"] .modal .modal-header {
    background: var(--neo-header-gradient) !important;
    border-color: var(--neo-header-line) !important;
    color: var(--neo-header-ink);
    box-shadow: none !important;
    backdrop-filter: none;
}
[data-theme-version="dark"] .modal .modal-header :is(.modal-title, h1, h2, h3, h4, h5, h6) {
    color: var(--neo-header-ink) !important;
}
[data-theme-version="dark"] .modal .modal-header :is(p, small, .text-muted) {
    color: var(--neo-header-muted) !important;
}
[data-theme-version="dark"] .modal .modal-header::before { opacity: .22; }
[data-theme-version="dark"] .modal .modal-header .btn-close {
    background-color: rgba(255,255,255,.1) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") !important;
    filter: none !important;
    opacity: .9;
}
[data-theme-version="dark"] .modal .modal-header .btn-close:hover { opacity: 1; background-color: rgba(255,255,255,.18) !important; }