/**
 * Dark mode overrides for page-specific inline styles in views.
 * Loaded after template content so it wins over view <style> blocks.
 */
html[data-theme="dark"] {
    --dm-bg-page: #0b1220;
    --dm-bg-card: #111827;
    --dm-bg-muted: #1f2937;
    --dm-bg-soft: #172033;
    --dm-border: #243044;
    --dm-border-soft: #334155;
    --dm-text: #dbe4f0;
    --dm-text-heading: #f8fafc;
    --dm-text-muted: #94a3b8;
    --dm-text-body: #cbd5e1;
    --dm-accent: #93c5fd;
    --dm-accent-strong: #60a5fa;
}

/* ---- Shared card / panel surfaces ---- */
html[data-theme="dark"] .galeri-detail-head,
html[data-theme="dark"] .galeri-detail-desc,
html[data-theme="dark"] .video-album-head,
html[data-theme="dark"] .video-album-desc,
html[data-theme="dark"] .buku-toolbar,
html[data-theme="dark"] .search-card,
html[data-theme="dark"] .book-card,
html[data-theme="dark"] .buku-empty,
html[data-theme="dark"] .pages-card,
html[data-theme="dark"] .profil-content-card,
html[data-theme="dark"] .profil-attachment-item,
html[data-theme="dark"] .bandara-list-panel,
html[data-theme="dark"] .bandara-list-card,
html[data-theme="dark"] .bandara-code-card,
html[data-theme="dark"] .bandara-info-item,
html[data-theme="dark"] .bandara-content-card,
html[data-theme="dark"] .bandara-gallery-card,
html[data-theme="dark"] .bandara-map-card,
html[data-theme="dark"] .bandara-map-wrap,
html[data-theme="dark"] .bandara-map-head,
html[data-theme="dark"] .operator-list-panel,
html[data-theme="dark"] .operator-list-card,
html[data-theme="dark"] .operator-detail-card,
html[data-theme="dark"] .operator-detail-brand,
html[data-theme="dark"] .operator-list-brand,
html[data-theme="dark"] .operator-address-box,
html[data-theme="dark"] .operator-map-box .map-header,
html[data-theme="dark"] .contact-form-card,
html[data-theme="dark"] .contact-info-card,
html[data-theme="dark"] .contact-map-card,
html[data-theme="dark"] .struktur-panel,
html[data-theme="dark"] .struktur-legend-item,
html[data-theme="dark"] .org-person,
html[data-theme="dark"] .pimpinan-accordion-item,
html[data-theme="dark"] .pimpinan-accordion-toggle,
html[data-theme="dark"] .pimpinan-modal-brand-logo,
html[data-theme="dark"] .faq-overview-card,
html[data-theme="dark"] .faq-side-card,
html[data-theme="dark"] .faq-main-card,
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .faq-question,
html[data-theme="dark"] .berita-detail-card,
html[data-theme="dark"] .berita-list-card,
html[data-theme="dark"] .berita-filter-card,
html[data-theme="dark"] .event-content-card,
html[data-theme="dark"] .event-list-card,
html[data-theme="dark"] .pengumuman-list-card,
html[data-theme="dark"] .pers-list-card,
html[data-theme="dark"] .regulasi-list-card,
html[data-theme="dark"] .regulasi-detail-card,
html[data-theme="dark"] .peraturan-list-card,
html[data-theme="dark"] .peraturan-detail-card,
html[data-theme="dark"] .undang-list-card,
html[data-theme="dark"] .undang-detail-card,
html[data-theme="dark"] .kritik-form-card,
html[data-theme="dark"] .zi-list-card,
html[data-theme="dark"] .zi-detail-card,
html[data-theme="dark"] .majalah-list-card,
html[data-theme="dark"] .laporan_statistik-list-card,
html[data-theme="dark"] .fal-list-card,
html[data-theme="dark"] .fal-detail-card,
html[data-theme="dark"] .pas_orang-detail-card,
html[data-theme="dark"] .pas_tim-detail-card,
html[data-theme="dark"] .pas_kendaraan-detail-card,
html[data-theme="dark"] .kkop-detail-card,
html[data-theme="dark"] .pas-docx-preview,
html[data-theme="dark"] .ppid-content-card,
html[data-theme="dark"] .ppid-info-card,
html[data-theme="dark"] .ppid-list-card,
html[data-theme="dark"] .ppid-attachment-item,
html[data-theme="dark"] .page-content-card,
html[data-theme="dark"] .info-panel,
html[data-theme="dark"] .info-list-card,
html[data-theme="dark"] .download-list-card,
html[data-theme="dark"] .galeri-card,
html[data-theme="dark"] .galeri-album-card,
html[data-theme="dark"] .social-tabs-wrap,
html[data-theme="dark"] .social-feed-card,
html[data-theme="dark"] .social-feed-empty,
html[data-theme="dark"] .social-open-btn,
html[data-theme="dark"] #app .white-box,
html[data-theme="dark"] #app .survey-question-card,
html[data-theme="dark"] #app .survey-option,
html[data-theme="dark"] #app .survey-option-indicator,
html[data-theme="dark"] .buku-modal .modal-content,
html[data-theme="dark"] .buku-modal .modal-header,
html[data-theme="dark"] .buku-modal .modal-footer,
html[data-theme="dark"] .majalah-modal .modal-content,
html[data-theme="dark"] .majalah-modal .modal-header,
html[data-theme="dark"] .majalah-modal .modal-footer,
html[data-theme="dark"] .main-content [class$="-card"]:not([class*="hero-card"]):not([class*="hero-badge"]),
html[data-theme="dark"] .main-content [class$="-panel"],
html[data-theme="dark"] .main-content [class$="-toolbar"],
html[data-theme="dark"] .main-content [class$="-head"]:not([class*="hero"]):not([class*="media-head"]),
html[data-theme="dark"] .main-content [class$="-desc"] {
    background: var(--dm-bg-card) !important;
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .search-card,
html[data-theme="dark"] .operator-address-box,
html[data-theme="dark"] .bandara-map-head,
html[data-theme="dark"] .operator-map-box .map-header,
html[data-theme="dark"] .buku-modal .modal-header,
html[data-theme="dark"] .majalah-modal .modal-header {
    background: var(--dm-bg-muted) !important;
    background-color: var(--dm-bg-muted) !important;
}

html[data-theme="dark"] .book-cover {
    background: linear-gradient(180deg, #1f2937, #111827) !important;
}

html[data-theme="dark"] .galeri-detail-grid .thumb {
    background: var(--dm-bg-muted) !important;
}

/* ---- Headings & titles inside cards ---- */
html[data-theme="dark"] .galeri-detail-head h1,
html[data-theme="dark"] .galeri-detail-head h2,
html[data-theme="dark"] .galeri-detail-head h3,
html[data-theme="dark"] .galeri-detail-head h4,
html[data-theme="dark"] .galeri-detail-desc h1,
html[data-theme="dark"] .galeri-detail-desc h2,
html[data-theme="dark"] .galeri-detail-desc h3,
html[data-theme="dark"] .galeri-detail-desc h4,
html[data-theme="dark"] .video-album-head h1,
html[data-theme="dark"] .video-album-head h2,
html[data-theme="dark"] .video-album-head h3,
html[data-theme="dark"] .video-album-head h4,
html[data-theme="dark"] .video-album-desc h1,
html[data-theme="dark"] .video-album-desc h2,
html[data-theme="dark"] .video-album-desc h3,
html[data-theme="dark"] .video-album-desc h4,
html[data-theme="dark"] .buku-toolbar-title,
html[data-theme="dark"] .book-title,
html[data-theme="dark"] .buku-modal .modal-title,
html[data-theme="dark"] .majalah-modal .modal-title,
html[data-theme="dark"] .pages-title,
html[data-theme="dark"] .profil-content-title,
html[data-theme="dark"] .profil-attachment-title,
html[data-theme="dark"] .bandara-section-title,
html[data-theme="dark"] .operator-detail-title,
html[data-theme="dark"] .faq-side-title,
html[data-theme="dark"] .faq-main-title,
html[data-theme="dark"] .berita-detail-title,
html[data-theme="dark"] .event-title,
html[data-theme="dark"] .zi-detail-title,
html[data-theme="dark"] .social-media-title,
html[data-theme="dark"] .social-feed-title,
html[data-theme="dark"] .social-feed-empty-title,
html[data-theme="dark"] .main-content [class*="-title"]:not([class*="hero-title"]) {
    color: var(--dm-text-heading) !important;
}

/* ---- Subtitles, meta, muted text ---- */
html[data-theme="dark"] .buku-toolbar-subtitle,
html[data-theme="dark"] .book-meta,
html[data-theme="dark"] .book-desc,
html[data-theme="dark"] .book-filesize,
html[data-theme="dark"] .buku-summary,
html[data-theme="dark"] .search-card label,
html[data-theme="dark"] .search-card .form-hint,
html[data-theme="dark"] .galeri-detail-meta span,
html[data-theme="dark"] .video-album-meta span,
html[data-theme="dark"] .pages-meta-item,
html[data-theme="dark"] .profil-meta-item,
html[data-theme="dark"] .profil-content-badge,
html[data-theme="dark"] .pages-badge,
html[data-theme="dark"] .buku-total-badge,
html[data-theme="dark"] .bandara-meta-item,
html[data-theme="dark"] .operator-meta-item,
html[data-theme="dark"] .faq-overview-text,
html[data-theme="dark"] .faq-answer,
html[data-theme="dark"] .social-feed-text,
html[data-theme="dark"] .social-feed-empty-text,
html[data-theme="dark"] .social-feed-date,
html[data-theme="dark"] .main-content [class*="-subtitle"]:not([class*="hero-subtitle"]),
html[data-theme="dark"] .main-content [class*="-meta"],
html[data-theme="dark"] .main-content [class*="-summary"],
html[data-theme="dark"] .main-content [class*="-hint"],
html[data-theme="dark"] .main-content [class*="-desc"]:not([class*="hero"]) {
    color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .galeri-detail-meta span,
html[data-theme="dark"] .video-album-meta span,
html[data-theme="dark"] .pages-meta-item,
html[data-theme="dark"] .profil-meta-item,
html[data-theme="dark"] .profil-content-badge,
html[data-theme="dark"] .pages-badge,
html[data-theme="dark"] .buku-total-badge,
html[data-theme="dark"] .social-tab-btn,
html[data-theme="dark"] .social-feed-empty-badge,
html[data-theme="dark"] .struktur-legend-item,
html[data-theme="dark"] #app .survey-status {
    background: var(--dm-bg-muted) !important;
    border-color: var(--dm-border-soft) !important;
}

html[data-theme="dark"] .buku-total-badge,
html[data-theme="dark"] .pages-badge,
html[data-theme="dark"] .profil-content-badge {
    color: var(--dm-accent) !important;
}

html[data-theme="dark"] .book-meta i,
html[data-theme="dark"] .buku-summary i {
    color: var(--dm-accent-strong) !important;
}

/* ---- Rich text / CMS content blocks ---- */
html[data-theme="dark"] .galeri-detail-desc,
html[data-theme="dark"] .video-album-desc,
html[data-theme="dark"] .pages-body,
html[data-theme="dark"] .profil-content-body,
html[data-theme="dark"] .berita-detail-body,
html[data-theme="dark"] .event-content-body,
html[data-theme="dark"] .zi-detail-body,
html[data-theme="dark"] .regulasi-detail-body,
html[data-theme="dark"] .peraturan-detail-body,
html[data-theme="dark"] .undang-detail-body,
html[data-theme="dark"] .operator-detail-body,
html[data-theme="dark"] .bandara-content-body,
html[data-theme="dark"] .pas-docx-preview,
html[data-theme="dark"] .ppid-content-body,
html[data-theme="dark"] .main-content [class*="-body"]:not([class*="hero"]):not([class*="book-body"]):not([class*="feed-body"]) {
    color: var(--dm-text-body) !important;
}

html[data-theme="dark"] .galeri-detail-desc p,
html[data-theme="dark"] .galeri-detail-desc li,
html[data-theme="dark"] .galeri-detail-desc span,
html[data-theme="dark"] .galeri-detail-desc div,
html[data-theme="dark"] .video-album-desc p,
html[data-theme="dark"] .video-album-desc li,
html[data-theme="dark"] .video-album-desc span,
html[data-theme="dark"] .video-album-desc div,
html[data-theme="dark"] .pages-body p,
html[data-theme="dark"] .pages-body li,
html[data-theme="dark"] .pages-body span,
html[data-theme="dark"] .pages-body div,
html[data-theme="dark"] .profil-content-body p,
html[data-theme="dark"] .profil-content-body li,
html[data-theme="dark"] .profil-content-body span,
html[data-theme="dark"] .profil-content-body div,
html[data-theme="dark"] .berita-detail-body p,
html[data-theme="dark"] .berita-detail-body li,
html[data-theme="dark"] .berita-detail-body span,
html[data-theme="dark"] .berita-detail-body div {
    color: var(--dm-text-body) !important;
}

html[data-theme="dark"] .galeri-detail-desc a,
html[data-theme="dark"] .video-album-desc a,
html[data-theme="dark"] .pages-body a,
html[data-theme="dark"] .profil-content-body a,
html[data-theme="dark"] .berita-detail-body a,
html[data-theme="dark"] .social-feed-empty-link {
    color: var(--dm-accent) !important;
}

html[data-theme="dark"] .galeri-detail-desc a:hover,
html[data-theme="dark"] .video-album-desc a:hover,
html[data-theme="dark"] .pages-body a:hover,
html[data-theme="dark"] .profil-content-body a:hover,
html[data-theme="dark"] .berita-detail-body a:hover {
    color: #ffc700 !important;
}

/* ---- Pagination ---- */
html[data-theme="dark"] .buku-pagination-list a,
html[data-theme="dark"] .buku-pagination-list span,
html[data-theme="dark"] .bandara-pagination a,
html[data-theme="dark"] .bandara-pagination strong,
html[data-theme="dark"] .bandara-pagination span,
html[data-theme="dark"] .majalah-pagination a,
html[data-theme="dark"] .majalah-pagination strong,
html[data-theme="dark"] .majalah-pagination span,
html[data-theme="dark"] .laporan_statistik-pagination a,
html[data-theme="dark"] .laporan_statistik-pagination strong,
html[data-theme="dark"] .laporan_statistik-pagination span,
html[data-theme="dark"] .fal-pagination a,
html[data-theme="dark"] .fal-pagination strong,
html[data-theme="dark"] .fal-pagination span,
html[data-theme="dark"] .main-content [class*="-pagination"] a,
html[data-theme="dark"] .main-content [class*="-pagination"] span {
    background: var(--dm-bg-muted) !important;
    border-color: var(--dm-border-soft) !important;
    color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .buku-pagination-list a:hover,
html[data-theme="dark"] .bandara-pagination a:hover {
    background: var(--dm-bg-soft) !important;
    border-color: var(--dm-accent-strong) !important;
    color: var(--dm-accent) !important;
}

html[data-theme="dark"] .buku-pagination-list .is-active span {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #fff !important;
}

/* ---- Borders & dividers ---- */
html[data-theme="dark"] .pages-header,
html[data-theme="dark"] .profil-content-header,
html[data-theme="dark"] .buku-footer,
html[data-theme="dark"] .bandara-map-head,
html[data-theme="dark"] .operator-map-box .map-header,
html[data-theme="dark"] .buku-modal .modal-header,
html[data-theme="dark"] .buku-modal .modal-footer,
html[data-theme="dark"] .majalah-modal .modal-header,
html[data-theme="dark"] .majalah-modal .modal-footer,
html[data-theme="dark"] .main-content [class*="-header"],
html[data-theme="dark"] .main-content [class*="-footer"] {
    border-color: var(--dm-border) !important;
}

/* ---- Hover states ---- */
html[data-theme="dark"] .book-card:hover,
html[data-theme="dark"] .bandara-list-card:hover,
html[data-theme="dark"] .operator-list-card:hover,
html[data-theme="dark"] .profil-attachment-item:hover,
html[data-theme="dark"] .org-person:hover {
    border-color: var(--dm-border-soft) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .profil-attachment-item:hover {
    background: var(--dm-bg-muted) !important;
}

html[data-theme="dark"] .social-tab-btn.active,
html[data-theme="dark"] .social-open-btn:hover {
    background: var(--dm-bg-soft) !important;
    color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] #app .survey-option.is-active,
html[data-theme="dark"] #app .survey-option:hover {
    border-color: var(--dm-accent-strong) !important;
    background: var(--dm-bg-soft) !important;
}

/* ---- File preview frames (keep readable surround) ---- */
html[data-theme="dark"] .pas-file-frame,
html[data-theme="dark"] .zona_integritas-file-frame {
    background: #fff !important;
}

/* ---- Empty states ---- */
html[data-theme="dark"] .buku-empty,
html[data-theme="dark"] .social-feed-empty {
    background: var(--dm-bg-soft) !important;
    border-color: var(--dm-border-soft) !important;
}

html[data-theme="dark"] .buku-empty i {
    color: var(--dm-text-muted) !important;
}

/* ---- Theme utility classes inside page content ---- */
html[data-theme="dark"] .main-content .text-dark-gray,
html[data-theme="dark"] .main-content .text-dark,
html[data-theme="dark"] .main-content .text-medium-gray {
    color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .main-content .text-medium-gray:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    color: var(--dm-text-muted) !important;
}

/* ---- Homepage: Halaman Aplikasi carousel ---- */
html[data-theme="dark"] section:has(.app-service-swiper) {
    background-color: #080f1a !important;
}

html[data-theme="dark"] .app-service-swiper .services-box-style-02 {
    border: 1px solid #3d4f68 !important;
    border-radius: 20px !important;
    overflow: hidden;
    background: #111827 !important;
    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.42),
        0 0 0 1px rgba(148, 163, 184, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

html[data-theme="dark"] .app-service-swiper .swiper-slide:hover .services-box-style-02 {
    border-color: #5b7190 !important;
    box-shadow:
        0 28px 56px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(147, 197, 253, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    transform: translateY(-3px);
}

html[data-theme="dark"] .app-service-swiper .services-box {
    background: #1a2435 !important;
    border-right: 1px solid #334155 !important;
}

html[data-theme="dark"] .app-service-swiper .services-box-img {
    background: #0c1422 !important;
}

html[data-theme="dark"] .app-service-swiper .services-box-img .cover-background {
    opacity: 0.92;
}

html[data-theme="dark"] .app-service-swiper .services-box-content a {
    color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .app-service-swiper .services-box-content a:hover {
    color: #ffc700 !important;
}

html[data-theme="dark"] .app-service-swiper .services-box-content p {
    color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .app-service-swiper .services-box-icon i {
    color: #ffc700 !important;
}

html[data-theme="dark"] .app-service-pagination .swiper-pagination-bullet {
    background: #475569 !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .app-service-pagination .swiper-pagination-bullet-active {
    background: #60a5fa !important;
}

/* ---- Homepage: Partner / tautan eksternal grid ---- */
html[data-theme="dark"] .partner-links-section {
    background: linear-gradient(180deg, #080f1a 0%, #0b1220 100%) !important;
}

html[data-theme="dark"] .partner-link-card {
    background: #111827 !important;
    border-color: #3d4f68 !important;
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] .partner-link-card:hover {
    border-color: #5b7190 !important;
    box-shadow:
        0 24px 48px rgba(0, 0, 0, 0.48),
        0 0 0 1px rgba(147, 197, 253, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .partner-link-logo {
    background: #1a2435 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .partner-link-fallback {
    color: #e2e8f0 !important;
}

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

html[data-theme="dark"] .partner-link-url {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .partner-links-empty {
    color: #94a3b8 !important;
}

/* ---- Homepage: Berita & Video Terbaru cards ---- */
html[data-theme="dark"] section:has(.video-terbaru-card) {
    background: #080f1a !important;
}

html[data-theme="dark"] .video-terbaru-card,
html[data-theme="dark"] .berita-terbaru-card {
    background: #111827 !important;
    border: 1px solid #3d4f68 !important;
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] .video-terbaru-card:hover,
html[data-theme="dark"] .berita-terbaru-card:hover {
    border-color: #5b7190 !important;
    box-shadow:
        0 24px 48px rgba(0, 0, 0, 0.48),
        0 0 0 1px rgba(147, 197, 253, 0.12) !important;
    transform: translateY(-4px);
}

html[data-theme="dark"] .video-terbaru-card .blog-image,
html[data-theme="dark"] .berita-terbaru-card .blog-image {
    background: #1a2435 !important;
}

html[data-theme="dark"] .video-terbaru-card .card-body,
html[data-theme="dark"] .berita-terbaru-card .card-body {
    background: #111827 !important;
    border-top: 1px solid #334155 !important;
}

html[data-theme="dark"] .video-terbaru-card .card-body a,
html[data-theme="dark"] .berita-terbaru-card .card-body a {
    color: #f8fafc !important;
}

html[data-theme="dark"] .video-terbaru-card .card-body a:hover,
html[data-theme="dark"] .berita-terbaru-card .card-body a:hover {
    color: #ffc700 !important;
}

/* ---- Regulasi page ---- */
html[data-theme="dark"] .regulasi-card,
html[data-theme="dark"] .regulasi-detail-card {
    background: #111827 !important;
    border: 1px solid #3d4f68 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme="dark"] .regulasi-table thead th {
    background: #1a2435 !important;
    border-color: #334155 !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .regulasi-table tbody td,
html[data-theme="dark"] .regulasi-table tbody tr {
    background: transparent !important;
    border-color: #334155 !important;
    color: #dbe4f0 !important;
}

html[data-theme="dark"] .regulasi-table tbody tr:hover td {
    background: #172033 !important;
}

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

html[data-theme="dark"] .regulasi-desc,
html[data-theme="dark"] .regulasi-detail-body,
html[data-theme="dark"] .regulasi-detail-body p,
html[data-theme="dark"] .regulasi-detail-body span,
html[data-theme="dark"] .regulasi-detail-body div {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .regulasi-date,
html[data-theme="dark"] .regulasi-summary {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .regulasi-summary i {
    color: #60a5fa !important;
}

html[data-theme="dark"] .regulasi-action {
    background: #1e3a5f !important;
    border-color: #3b82f6 !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .regulasi-action:hover {
    background: #1e40af !important;
    border-color: #60a5fa !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] .regulasi-footer {
    border-color: #334155 !important;
}

html[data-theme="dark"] .regulasi-pagination-list a,
html[data-theme="dark"] .regulasi-pagination-list span {
    background: #1f2937 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .regulasi-pagination-list a:hover {
    background: #243044 !important;
    border-color: #60a5fa !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .regulasi-pagination-list .is-active span {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #fff !important;
}

html[data-theme="dark"] .regulasi-info-table {
    border-color: #334155 !important;
}

html[data-theme="dark"] .regulasi-info-table td {
    border-color: #334155 !important;
    color: #dbe4f0 !important;
    background: transparent !important;
}

html[data-theme="dark"] .regulasi-info-table tr:nth-child(odd) td {
    background: #1a2435 !important;
}

html[data-theme="dark"] .regulasi-info-table tr:nth-child(even) td {
    background: #111827 !important;
}

html[data-theme="dark"] .regulasi-file-card {
    background: #1a2435 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .regulasi-file-card h5 {
    color: #93c5fd !important;
}

html[data-theme="dark"] .regulasi-file-frame {
    background: #fff !important;
}

html[data-theme="dark"] .sidebar-left .bg-white.border-radius-6px {
    background: #111827 !important;
    border: 1px solid #3d4f68 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .sidebar-left a.bg-very-light-gray {
    background: #1a2435 !important;
    border: 1px solid #334155 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .sidebar-left a.bg-very-light-gray:hover {
    background: #243044 !important;
    border-color: #475569 !important;
}

html[data-theme="dark"] .sidebar-left a.bg-very-light-gray .bg-white {
    background: #111827 !important;
    border: 1px solid #334155 !important;
}

html[data-theme="dark"] .sidebar-left .input-group .btn-dark-gray {
    background: #1e3a5f !important;
    border-color: #3b82f6 !important;
    color: #dbeafe !important;
}

html[data-theme="dark"] .sidebar-left .input-group .btn-medium-gray {
    background: #374151 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

/* ---- Undang-undang, Peraturan, Peraturan Non ---- */
html[data-theme="dark"] .undang_undang-card,
html[data-theme="dark"] .undang_undang-detail-card,
html[data-theme="dark"] .peraturan-card,
html[data-theme="dark"] .peraturan-detail-card,
html[data-theme="dark"] .peraturan_non-card,
html[data-theme="dark"] .peraturan_non-detail-card {
    background: #111827 !important;
    border: 1px solid #3d4f68 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme="dark"] .main-content section .container > h4 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .undang_undang-table thead th,
html[data-theme="dark"] .peraturan-table thead th,
html[data-theme="dark"] .peraturan_non-table thead th {
    background: #1a2435 !important;
    border-color: #334155 !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .undang_undang-table tbody td,
html[data-theme="dark"] .undang_undang-table tbody tr,
html[data-theme="dark"] .peraturan-table tbody td,
html[data-theme="dark"] .peraturan-table tbody tr,
html[data-theme="dark"] .peraturan_non-table tbody td,
html[data-theme="dark"] .peraturan_non-table tbody tr {
    background: transparent !important;
    border-color: #334155 !important;
    color: #dbe4f0 !important;
}

html[data-theme="dark"] .undang_undang-table tbody tr:hover td,
html[data-theme="dark"] .peraturan-table tbody tr:hover td,
html[data-theme="dark"] .peraturan_non-table tbody tr:hover td {
    background: #172033 !important;
}

html[data-theme="dark"] .undang_undang-title,
html[data-theme="dark"] .undang_undang-detail-title,
html[data-theme="dark"] .peraturan-title,
html[data-theme="dark"] .peraturan-detail-title,
html[data-theme="dark"] .peraturan_non-title,
html[data-theme="dark"] .peraturan_non-detail-title {
    color: #f8fafc !important;
}

html[data-theme="dark"] .undang_undang-desc,
html[data-theme="dark"] .undang_undang-detail-body,
html[data-theme="dark"] .undang_undang-detail-body p,
html[data-theme="dark"] .undang_undang-detail-body span,
html[data-theme="dark"] .undang_undang-detail-body div,
html[data-theme="dark"] .peraturan-desc,
html[data-theme="dark"] .peraturan-detail-body,
html[data-theme="dark"] .peraturan-detail-body p,
html[data-theme="dark"] .peraturan-detail-body span,
html[data-theme="dark"] .peraturan-detail-body div,
html[data-theme="dark"] .peraturan_non-desc,
html[data-theme="dark"] .peraturan_non-detail-body,
html[data-theme="dark"] .peraturan_non-detail-body p,
html[data-theme="dark"] .peraturan_non-detail-body span,
html[data-theme="dark"] .peraturan_non-detail-body div {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .undang_undang-date,
html[data-theme="dark"] .peraturan-date,
html[data-theme="dark"] .peraturan_non-date {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .undang_undang-pagination a,
html[data-theme="dark"] .undang_undang-pagination strong,
html[data-theme="dark"] .undang_undang-pagination span,
html[data-theme="dark"] .peraturan-pagination a,
html[data-theme="dark"] .peraturan-pagination strong,
html[data-theme="dark"] .peraturan-pagination span,
html[data-theme="dark"] .peraturan_non-pagination a,
html[data-theme="dark"] .peraturan_non-pagination strong,
html[data-theme="dark"] .peraturan_non-pagination span {
    background: #1f2937 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .undang_undang-pagination a:hover,
html[data-theme="dark"] .peraturan-pagination a:hover,
html[data-theme="dark"] .peraturan_non-pagination a:hover {
    background: #243044 !important;
    border-color: #60a5fa !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .undang_undang-pagination strong,
html[data-theme="dark"] .peraturan-pagination strong,
html[data-theme="dark"] .peraturan_non-pagination strong {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #fff !important;
}

html[data-theme="dark"] .undang_undang-info-table,
html[data-theme="dark"] .peraturan-info-table,
html[data-theme="dark"] .peraturan_non-info-table {
    border-color: #334155 !important;
}

html[data-theme="dark"] .undang_undang-info-table td,
html[data-theme="dark"] .peraturan-info-table td,
html[data-theme="dark"] .peraturan_non-info-table td {
    border-color: #334155 !important;
    color: #dbe4f0 !important;
    background: transparent !important;
}

html[data-theme="dark"] .undang_undang-info-table tr:nth-child(odd) td,
html[data-theme="dark"] .peraturan-info-table tr:nth-child(odd) td,
html[data-theme="dark"] .peraturan_non-info-table tr:nth-child(odd) td {
    background: #1a2435 !important;
}

html[data-theme="dark"] .undang_undang-info-table tr:nth-child(even) td,
html[data-theme="dark"] .peraturan-info-table tr:nth-child(even) td,
html[data-theme="dark"] .peraturan_non-info-table tr:nth-child(even) td {
    background: #111827 !important;
}

html[data-theme="dark"] .undang_undang-file-card,
html[data-theme="dark"] .peraturan-file-card,
html[data-theme="dark"] .peraturan_non-file-card {
    background: #1a2435 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .undang_undang-file-card h5,
html[data-theme="dark"] .undang_undang-file-card h6,
html[data-theme="dark"] .peraturan-file-card h5,
html[data-theme="dark"] .peraturan-file-card h6,
html[data-theme="dark"] .peraturan_non-file-card h5,
html[data-theme="dark"] .peraturan_non-file-card h6 {
    color: #93c5fd !important;
}

html[data-theme="dark"] .undang_undang-file-card .table thead th,
html[data-theme="dark"] .peraturan-file-card .table thead th,
html[data-theme="dark"] .peraturan_non-file-card .table thead th {
    background: #243044 !important;
    border-color: #334155 !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .undang_undang-file-card .table tbody td,
html[data-theme="dark"] .peraturan-file-card .table tbody td,
html[data-theme="dark"] .peraturan_non-file-card .table tbody td {
    border-color: #334155 !important;
    color: #dbe4f0 !important;
}

html[data-theme="dark"] .undang_undang-file-card .table-striped > tbody > tr:nth-of-type(odd) > *,
html[data-theme="dark"] .peraturan-file-card .table-striped > tbody > tr:nth-of-type(odd) > *,
html[data-theme="dark"] .peraturan_non-file-card .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #111827 !important;
}

html[data-theme="dark"] .undang_undang-file-card .table-striped > tbody > tr:nth-of-type(even) > *,
html[data-theme="dark"] .peraturan-file-card .table-striped > tbody > tr:nth-of-type(even) > *,
html[data-theme="dark"] .peraturan_non-file-card .table-striped > tbody > tr:nth-of-type(even) > * {
    background: #1a2435 !important;
}

html[data-theme="dark"] .undang_undang-file-frame,
html[data-theme="dark"] .peraturan-file-frame,
html[data-theme="dark"] .peraturan_non-file-frame {
    background: #fff !important;
}

html[data-theme="dark"] .undang_undang-detail-card hr,
html[data-theme="dark"] .peraturan-detail-card hr,
html[data-theme="dark"] .peraturan_non-detail-card hr {
    border-color: #334155 !important;
    opacity: 1;
}

/* ---- Zona Integritas page ---- */
html[data-theme="dark"] .zi-side-card,
html[data-theme="dark"] .zi-content-card {
    background: #111827 !important;
    border-color: #3d4f68 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme="dark"] .zi-side-title,
html[data-theme="dark"] .zi-content-title {
    color: #f8fafc !important;
}

html[data-theme="dark"] .zi-category-link {
    background: #1a2435 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .zi-category-link:hover {
    background: #243044 !important;
    border-color: #475569 !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .zi-category-link.active {
    background: #2a1f1a !important;
    border-color: #ff6b47 !important;
    color: #fde8e0 !important;
    box-shadow: 0 10px 22px rgba(255, 107, 71, 0.15) !important;
}

html[data-theme="dark"] .zi-category-link i {
    color: inherit !important;
    opacity: 0.85 !important;
}

html[data-theme="dark"] .zi-content-body,
html[data-theme="dark"] .zi-content-body p,
html[data-theme="dark"] .zi-content-body li,
html[data-theme="dark"] .zi-content-body ul,
html[data-theme="dark"] .zi-content-body ol,
html[data-theme="dark"] .zi-content-body span,
html[data-theme="dark"] .zi-content-body div {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .zi-content-body h1,
html[data-theme="dark"] .zi-content-body h2,
html[data-theme="dark"] .zi-content-body h3,
html[data-theme="dark"] .zi-content-body h4,
html[data-theme="dark"] .zi-content-body h5,
html[data-theme="dark"] .zi-content-body h6 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .zi-area-section {
    background: #1a2435 !important;
    border-color: #334155 !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .zi-area-heading {
    color: #f8fafc !important;
}

html[data-theme="dark"] .zi-area-item {
    color: #dbe4f0 !important;
}

html[data-theme="dark"] .zi-empty-state {
    background: #172033 !important;
    border-color: #475569 !important;
    color: #94a3b8 !important;
}

html[data-theme="dark"] .zi-gallery-thumb {
    background: #1a2435 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] .zi-gallery-title,
html[data-theme="dark"] .zi-gallery-title a {
    color: #f8fafc !important;
}

html[data-theme="dark"] .zi-gallery-meta,
html[data-theme="dark"] .zi-gallery-meta span {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .zi-gallery-play {
    background: rgba(17, 24, 39, 0.78) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .zi-gallery-play i {
    color: #f8fafc !important;
}

html[data-theme="dark"] .zona_integritas-list-card {
    background: #111827 !important;
    border-color: #3d4f68 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme="dark"] .zona_integritas-list-title,
html[data-theme="dark"] .zona_integritas-list-title a {
    color: #f8fafc !important;
}

html[data-theme="dark"] .zona_integritas-list-address {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .zona_integritas-list-link {
    color: #93c5fd !important;
}

html[data-theme="dark"] .zona_integritas-pagination a,
html[data-theme="dark"] .zona_integritas-pagination strong,
html[data-theme="dark"] .zona_integritas-pagination span {
    background: #1f2937 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .zona_integritas-pagination a:hover {
    background: #243044 !important;
    border-color: #60a5fa !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .zona_integritas-pagination strong {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #fff !important;
}

html[data-theme="dark"] .zona_integritas-detail-card {
    background: #111827 !important;
    border-color: #3d4f68 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important;
}

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

html[data-theme="dark"] .zona_integritas-detail-body {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .zona_integritas-detail-meta span {
    background: #1a2435 !important;
    border-color: #334155 !important;
    color: #dbe4f0 !important;
}

html[data-theme="dark"] .zona_integritas-address-box {
    background: #1a2435 !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .zona_integritas-address-box h5 {
    color: #93c5fd !important;
}

html[data-theme="dark"] .zona_integritas-file-card {
    background: #1a2435 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .zona_integritas-file-card h5 {
    color: #93c5fd !important;
}

/* ---- Struktur Organisasi chart ---- */
html[data-theme="dark"] .struktur-panel {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%) !important;
    border-color: #3d4f68 !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme="dark"] .struktur-chart-header {
    border-bottom-color: #334155 !important;
}

html[data-theme="dark"] .struktur-chart-badge {
    background: linear-gradient(135deg, #1e3a5f, #172554) !important;
    color: #93c5fd !important;
}

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

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

html[data-theme="dark"] .struktur-legend-item {
    background: #1a2435 !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .org-chart-v2 {
    --line: #475569;
    --line-strong: #64748b;
}

html[data-theme="dark"] .org-person {
    background: #111827 !important;
    border-color: #334155 !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] .org-role-top {
    background: linear-gradient(180deg, #111827 0%, #1a2744 100%) !important;
}

html[data-theme="dark"] .org-role-tu {
    background: linear-gradient(180deg, #111827 0%, #2a1a35 100%) !important;
}

html[data-theme="dark"] .org-role-p2b {
    background: linear-gradient(180deg, #111827 0%, #14291a 100%) !important;
}

html[data-theme="dark"] .org-role-kelaiku {
    background: linear-gradient(180deg, #111827 0%, #2a1f14 100%) !important;
}

html[data-theme="dark"] .org-role-keamanan {
    background: linear-gradient(180deg, #111827 0%, #2a1515 100%) !important;
}

html[data-theme="dark"] .org-person-name {
    color: #f8fafc !important;
}

html[data-theme="dark"] .org-person-role {
    border-top-color: #334155 !important;
    color: var(--accent, #93c5fd) !important;
}

html[data-theme="dark"] .org-role-top .org-person-role {
    color: #93c5fd !important;
}

html[data-theme="dark"] .org-role-tu .org-person-role {
    color: #d8b4fe !important;
}

html[data-theme="dark"] .org-role-p2b .org-person-role {
    color: #86efac !important;
}

html[data-theme="dark"] .org-role-kelaiku .org-person-role {
    color: #fdba74 !important;
}

html[data-theme="dark"] .org-role-keamanan .org-person-role {
    color: #fca5a5 !important;
}

html[data-theme="dark"] .org-person-photo {
    background: linear-gradient(180deg, #1a2435, #111827) !important;
    box-shadow:
        0 0 0 3px #111827,
        0 0 0 5px var(--ring, #3b82f6),
        0 10px 22px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .org-person:hover,
html[data-theme="dark"] .org-person:focus {
    border-color: #475569 !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] .org-tu-stack {
    background: linear-gradient(180deg, rgba(123, 31, 162, 0.12), rgba(17, 24, 39, 0.85)) !important;
    border-color: rgba(168, 85, 247, 0.25) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .org-bidang-col--03 {
    background: linear-gradient(180deg, rgba(46, 125, 50, 0.12), rgba(17, 24, 39, 0.4)) !important;
    border-color: rgba(74, 222, 128, 0.2) !important;
}

html[data-theme="dark"] .org-bidang-col--04 {
    background: linear-gradient(180deg, rgba(239, 108, 0, 0.12), rgba(17, 24, 39, 0.4)) !important;
    border-color: rgba(251, 146, 60, 0.2) !important;
}

html[data-theme="dark"] .org-bidang-col--05 {
    background: linear-gradient(180deg, rgba(198, 40, 40, 0.12), rgba(17, 24, 39, 0.4)) !important;
    border-color: rgba(248, 113, 113, 0.2) !important;
}

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

html[data-theme="dark"] .org-watermark {
    opacity: 0.12;
    filter: saturate(0.2) brightness(1.4);
}

html[data-theme="dark"] .pimpinan-modal-body {
    background: #111827 !important;
}

html[data-theme="dark"] .pimpinan-accordion-toggle {
    background: #1a2435 !important;
}

html[data-theme="dark"] .pimpinan-accordion-item--jabatan .pimpinan-accordion-toggle:not(.collapsed) {
    background: linear-gradient(135deg, #2a1f14 0%, #3d2817 100%) !important;
}

html[data-theme="dark"] .pimpinan-accordion-item--pendidikan .pimpinan-accordion-toggle:not(.collapsed) {
    background: linear-gradient(135deg, #14233d 0%, #1e3a5f 100%) !important;
}

html[data-theme="dark"] .pimpinan-accordion-body {
    background: #172033 !important;
}

html[data-theme="dark"] .pimpinan-dash-list,
html[data-theme="dark"] .pimpinan-number-list {
    background: rgba(17, 24, 39, 0.72) !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .pimpinan-dash-list--jabatan li,
html[data-theme="dark"] .pimpinan-number-list--pendidikan li {
    color: #dbe4f0 !important;
    background: #1a2435 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .pimpinan-empty-note {
    color: #94a3b8 !important;
}

/* ---- Majalah page ---- */
html[data-theme="dark"] .majalah-card {
    background: #111827 !important;
    border: 1px solid #3d4f68 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme="dark"] .majalah-card .blog-image {
    background: #1a2435 !important;
}

html[data-theme="dark"] .majalah-card .card-body {
    background: #111827 !important;
    border-top: 1px solid #334155 !important;
}

html[data-theme="dark"] .majalah-card .text-dark-gray,
html[data-theme="dark"] .majalah-card h5 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .majalah-card .text-medium-gray {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .majalah-card .btn-dark-gray {
    background: #1f2937 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .majalah-card .btn-dark-gray:hover {
    background: #243044 !important;
    border-color: #60a5fa !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .majalah-modal .modal-content {
    background: #111827 !important;
    border: 1px solid #3d4f68 !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .majalah-modal .modal-header {
    background: #1a2435 !important;
    border-bottom-color: #334155 !important;
}

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

html[data-theme="dark"] .majalah-modal .modal-body {
    background: #0f172a !important;
}

html[data-theme="dark"] .majalah-modal .modal-footer {
    background: #1a2435 !important;
    border-top-color: #334155 !important;
}

html[data-theme="dark"] .majalah-modal .modal-body iframe {
    background: #fff !important;
}

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

html[data-theme="dark"] .majalah-modal .btn-outline-secondary {
    background: transparent !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .majalah-modal .btn-outline-secondary:hover {
    background: #243044 !important;
    border-color: #64748b !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .majalah-modal .btn-primary {
    background: #1d4ed8 !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

html[data-theme="dark"] .majalah-modal .btn-primary:hover {
    background: #1e40af !important;
    border-color: #3b82f6 !important;
}

html[data-theme="dark"] .majalah-pagination strong {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #fff !important;
}

html[data-theme="dark"] .loading-overlay {
    background-color: rgba(11, 18, 32, 0.78) !important;
}

/* ---- Event page ---- */
html[data-theme="dark"] .event-card {
    background: #111827 !important;
    border-color: #3d4f68 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important;
}

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

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

html[data-theme="dark"] .event-list-counter {
    background: #1a2435 !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .event-card-thumb {
    background: linear-gradient(135deg, #1a2435, #172033) !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .event-card-placeholder {
    color: #93c5fd !important;
}

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

html[data-theme="dark"] .event-title a:hover {
    color: #93c5fd !important;
}

html[data-theme="dark"] .event-meta span {
    background: #1a2435 !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .event-meta i {
    color: #60a5fa !important;
}

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

html[data-theme="dark"] .event-link {
    color: #93c5fd !important;
}

html[data-theme="dark"] .event-search-box,
html[data-theme="dark"] .event-latest-box {
    background: #111827 !important;
    border-color: #3d4f68 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] .event-search-box .widget-title,
html[data-theme="dark"] .event-latest-box .widget-title {
    color: #f8fafc !important;
}

html[data-theme="dark"] .event-search-label,
html[data-theme="dark"] .event-search-hint {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .latest-event {
    background: #1a2435 !important;
    border-color: #334155 !important;
}

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

html[data-theme="dark"] .latest-event .title a:hover {
    color: #93c5fd !important;
}

html[data-theme="dark"] .latest-event .meta {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .event-pagination a,
html[data-theme="dark"] .event-pagination strong,
html[data-theme="dark"] .event-pagination span {
    background: #1f2937 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .event-pagination strong {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #fff !important;
}

html[data-theme="dark"] .event-detail-cover {
    background: #1a2435 !important;
}

html[data-theme="dark"] .event-detail-body,
html[data-theme="dark"] .event-side-card {
    background: #111827 !important;
    border-color: #3d4f68 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important;
}

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

html[data-theme="dark"] .event-content-body,
html[data-theme="dark"] .event-content-body p,
html[data-theme="dark"] .event-content-body li,
html[data-theme="dark"] .event-content-body span,
html[data-theme="dark"] .event-content-body div {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .event-detail-meta span {
    background: #1a2435 !important;
    border: 1px solid #334155 !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .event-detail-meta span i {
    color: #60a5fa !important;
}

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

html[data-theme="dark"] .event-attachment-section,
html[data-theme="dark"] .event-share-wrap {
    border-top-color: #334155 !important;
}

html[data-theme="dark"] .event-attachment-item {
    background: #1a2435 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .event-attachment-item:hover {
    background: #243044 !important;
    border-color: #475569 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .event-attachment-icon {
    background: #172554 !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .event-attachment-name {
    color: #f8fafc !important;
}

html[data-theme="dark"] .event-attachment-size {
    color: #94a3b8 !important;
}

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

html[data-theme="dark"] .event-side-item {
    background: #1a2435 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] .event-side-item:hover {
    background: #243044 !important;
    border-color: #475569 !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28) !important;
}

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

html[data-theme="dark"] .event-side-item-meta {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .event-side-footer a {
    color: #93c5fd !important;
}

/* ---- Survey page ---- */
html[data-theme="dark"] #app .panel-heading {
    background: #1a2435 !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] #app .entry-content {
    border-color: #334155 !important;
    color: #cbd5e1 !important;
    background: transparent !important;
}

html[data-theme="dark"] #app .survey-question-text {
    color: #f8fafc !important;
}

html[data-theme="dark"] #app .survey-answer-label {
    color: #94a3b8 !important;
}

html[data-theme="dark"] #app .survey-option-text {
    color: #dbe4f0 !important;
}

html[data-theme="dark"] #app .survey-option-code {
    background: #172554 !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] #app .survey-option-indicator {
    background: #111827 !important;
    border-color: #475569 !important;
}

html[data-theme="dark"] #app .survey-status {
    background: #3d2f14 !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] #app .survey-status.complete {
    background: #14352a !important;
    color: #86efac !important;
}

html[data-theme="dark"] #app .survey-review-item {
    border-bottom-color: #334155 !important;
    color: #cbd5e1 !important;
}

html[data-theme="dark"] #app .survey-review-item strong {
    color: #f8fafc !important;
}

html[data-theme="dark"] #app .vue-form-wizard .wizard-card-footer {
    border-top-color: #334155 !important;
}

html[data-theme="dark"] #app .vue-form-wizard .wizard-icon-circle {
    background: #1a2435 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] #app .vue-form-wizard .wizard-icon-circle .wizard-icon {
    color: #94a3b8 !important;
}

html[data-theme="dark"] #app .vue-form-wizard .wizard-nav-pills > li.active > a .wizard-icon {
    color: #fff !important;
}

html[data-theme="dark"] #app .vue-form-wizard .wizard-tab-content {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] #app .text-theme-colored {
    color: #93c5fd !important;
}

/* ---- Operator detail page ---- */
html[data-theme="dark"] .operator-detail-meta span {
    background: #1a2435 !important;
    border: 1px solid #334155 !important;
    color: #dbe4f0 !important;
}

html[data-theme="dark"] .operator-detail-meta span i {
    color: #60a5fa !important;
}

html[data-theme="dark"] .operator-detail-brand-fallback {
    background: #172554 !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .operator-address-box h5,
html[data-theme="dark"] .operator-map-box .map-header {
    color: #93c5fd !important;
}

html[data-theme="dark"] .operator-address-box,
html[data-theme="dark"] .operator-address-box div {
    color: #cbd5e1 !important;
}

/* ---- FAQ page ---- */
html[data-theme="dark"] .faq-overview-badge {
    background: #1e3a5f !important;
    color: #93c5fd !important;
}

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

html[data-theme="dark"] .faq-overview-desc {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .faq-side-desc,
html[data-theme="dark"] .faq-main-subtitle {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .faq-main-head {
    border-bottom-color: #334155 !important;
}

html[data-theme="dark"] .faq-question {
    background: #111827 !important;
    color: #dbe4f0 !important;
}

html[data-theme="dark"] .faq-question-label {
    color: #f8fafc !important;
}

html[data-theme="dark"] .faq-question-meta {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .faq-question-icon {
    background: linear-gradient(135deg, #1e3a5f, #172554) !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .faq-question-toggle {
    background: #1a2435 !important;
    border: 1px solid #334155 !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .faq-answer p,
html[data-theme="dark"] .faq-answer li,
html[data-theme="dark"] .faq-answer span,
html[data-theme="dark"] .faq-answer div {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .faq-quick-link {
    background: #1a2435 !important;
    border-color: #334155 !important;
    color: #dbe4f0 !important;
}

html[data-theme="dark"] .faq-quick-link:hover,
html[data-theme="dark"] .faq-quick-link.is-active {
    background: #243044 !important;
    border-color: #475569 !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .faq-quick-no {
    background: #172554 !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .faq-empty {
    background: #172033 !important;
    border-color: #475569 !important;
}

html[data-theme="dark"] .faq-empty h4 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .faq-empty p {
    color: #94a3b8 !important;
}

/* ---- Kontak page ---- */
html[data-theme="dark"] .contact-main-card {
    background: #111827 !important;
    border: 1px solid #3d4f68 !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme="dark"] .contact-section-badge {
    background: #1e3a5f !important;
    color: #93c5fd !important;
}

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

html[data-theme="dark"] .contact-main-desc {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .contact-info-card:hover {
    background: #243044 !important;
    border-color: #475569 !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .contact-info-icon {
    background: #172554 !important;
    color: #93c5fd !important;
}

html[data-theme="dark"] .contact-info-label {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .contact-info-value,
html[data-theme="dark"] .contact-info-value a {
    color: #f8fafc !important;
}

html[data-theme="dark"] .contact-social-link {
    color: #93c5fd !important;
}

html[data-theme="dark"] .contact-social-link:hover {
    color: #bfdbfe !important;
}

html[data-theme="dark"] .contact-map-frame {
    background: #1a2435 !important;
}

html[data-theme="dark"] .contact-map-note {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .contact-map-empty {
    background: #1a2435 !important;
    color: #94a3b8 !important;
}

/* ---- Homepage Wilayah Kerja + Footer ---- */
html[data-theme="dark"] section.bg-very-light-gray:has(#map) .feature-box-icon.bg-light-medium-gray {
    background: #1a2435 !important;
    border: 1px solid #334155 !important;
}

html[data-theme="dark"] section.bg-very-light-gray:has(#map) .feature-box-icon i.fa-check {
    color: #60a5fa !important;
}

html[data-theme="dark"] footer.footer-dark,
html[data-theme="dark"] footer.bg-dark-gray {
    background-color: #080f1a !important;
}

html[data-theme="dark"] .scroll-progress {
    mix-blend-mode: normal !important;
}

html[data-theme="dark"] .scroll-progress .scroll-text,
html[data-theme="dark"] .scroll-progress .scroll-top {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .scroll-progress .scroll-line {
    background-color: rgba(148, 163, 184, 0.28) !important;
}

html[data-theme="dark"] .scroll-progress .scroll-point {
    background-color: #60a5fa !important;
}

/* ---- PPID editor tables (normalize_editor_html / editor_helper.php) ---- */
html[data-theme="dark"] .ppid-editor-table-wrap {
    background: var(--dm-bg-muted) !important;
    border-color: var(--dm-border-soft) !important;
}

html[data-theme="dark"] .ppid-editor-table-wrap .ppid-editor-table td,
html[data-theme="dark"] .ppid-editor-table-wrap .ppid-editor-table th,
html[data-theme="dark"] .ppid-editor-table-wrap table td,
html[data-theme="dark"] .ppid-editor-table-wrap table th {
    border-color: var(--dm-border-soft) !important;
    color: var(--dm-text-body) !important;
}

html[data-theme="dark"] .ppid-editor-table-wrap .ppid-editor-table thead th,
html[data-theme="dark"] .ppid-editor-table-wrap table thead th {
    background: #1a2435 !important;
    background-image: none !important;
    color: var(--dm-accent) !important;
}

html[data-theme="dark"] .ppid-editor-table-wrap .ppid-editor-table tbody td,
html[data-theme="dark"] .ppid-editor-table-wrap table tbody td {
    background: var(--dm-bg-card) !important;
    color: var(--dm-text-body) !important;
}

html[data-theme="dark"] .ppid-editor-table-wrap .ppid-editor-table tbody tr:nth-child(even) td,
html[data-theme="dark"] .ppid-editor-table-wrap table tbody tr:nth-child(even) td {
    background: var(--dm-bg-soft) !important;
}

html[data-theme="dark"] .ppid-editor-table-wrap .ppid-editor-table tbody tr:hover td,
html[data-theme="dark"] .ppid-editor-table-wrap table tbody tr:hover td {
    background: #172033 !important;
}

html[data-theme="dark"] .ppid-editor-table-wrap table p,
html[data-theme="dark"] .ppid-editor-table-wrap table span,
html[data-theme="dark"] .ppid-editor-table-wrap table div,
html[data-theme="dark"] .ppid-editor-table-wrap table li,
html[data-theme="dark"] .ppid-editor-table-wrap table strong {
    color: inherit !important;
}

html[data-theme="dark"] .ppid-editor-table-wrap table a {
    color: var(--dm-accent) !important;
}

html[data-theme="dark"] .ppid-editor-table-wrap table a:hover {
    color: #bfdbfe !important;
}

html[data-theme="dark"] .ppid-content-header {
    border-bottom-color: var(--dm-border) !important;
}

html[data-theme="dark"] .ppid-content-title {
    color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .ppid-content-badge {
    background: #1e3a5f !important;
    color: var(--dm-accent) !important;
}

html[data-theme="dark"] .ppid-meta-item {
    background: var(--dm-bg-muted) !important;
    border: 1px solid var(--dm-border-soft) !important;
    color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .ppid-attachment-section {
    border-top-color: var(--dm-border) !important;
}

html[data-theme="dark"] .ppid-attachment-title {
    color: var(--dm-text-heading) !important;
}

html[data-theme="dark"] .ppid-attachment-caption,
html[data-theme="dark"] .ppid-attachment-name {
    color: var(--dm-text-muted) !important;
}

html[data-theme="dark"] .ppid-attachment-icon {
    background: #1e3a5f !important;
    color: var(--dm-accent) !important;
}

html[data-theme="dark"] .ppid-attachment-size {
    background: #172554 !important;
    color: var(--dm-accent) !important;
}

/* ---- Qontak Webchat: dark mode ---- */
/* Ikon collapsed: crop ke area tombol saja, tanpa background putih */
html[data-theme="dark"] #qontak-webchat-widget.qontak-collapsed {
    bottom: 16px !important;
    right: 16px !important;
    z-index: 999999 !important;
    border: none !important;
    background: transparent !important;
    clip-path: inset(var(--qontak-inset-top, 0px) 0 0 var(--qontak-inset-left, 0px) round var(--qontak-btn-radius, 18px)) !important;
}

html[data-theme="dark"] #qontak-webchat-widget.qontak-expanded {
    border-radius: 12px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5) !important;
    filter: invert(1) hue-rotate(180deg) contrast(0.94) brightness(0.96) !important;
}

/* ---- Header logo + Pas Bandara accordion icons ---- */
html[data-theme="dark"] .accordion-style-02 .accordion-title img {
    filter: brightness(0) invert(1) opacity(0.92) !important;
}

html[data-theme="dark"] .accordion-style-02 .accordion-item .accordion-header,
html[data-theme="dark"] .accordion-style-02 .accordion-item .accordion-body {
    border-color: #334155 !important;
}

html[data-theme="dark"] .accordion-style-02 .accordion-title,
html[data-theme="dark"] .accordion-style-02 .accordion-title span {
    color: #f8fafc !important;
}

html[data-theme="dark"] .accordion-style-02 .accordion-body p {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .accordion-style-02 .right-icon {
    background-color: #1f2937 !important;
    color: #f8fafc !important;
    border: 1px solid #334155 !important;
}

html[data-theme="dark"] .accordion-style-02 .right-icon:hover {
    background-color: #334155 !important;
    color: #93c5fd !important;
}