/* One visual rhythm across the public navigation and signed-in shell. */
body:has(.services-section) nav.primary ul{align-items:center;gap:20px}
body:has(.services-section) nav.primary ul>li{display:flex;align-items:center;height:44px}
body:has(.services-section) nav.primary ul>li>a,
body:has(.services-section) nav.primary .nav-services summary{display:inline-flex;align-items:center;height:44px;min-height:44px;margin:0;padding:0;line-height:1;font-family:"Poppins",sans-serif;font-size:13px;font-weight:600;white-space:nowrap;transform:none!important}
body:has(.services-section) nav.primary .nav-services details{display:flex;align-items:center;height:44px}
body:has(.services-section) nav.primary .nav-services-menu a{height:auto!important;line-height:1.4!important}
body:has(.services-section) nav.primary .nav-services-menu{min-width:220px;padding:6px}
body:has(.services-section) nav.primary ul .nav-services-menu a{min-height:48px;padding:10px 12px;font-family:"Poppins",sans-serif}
body:has(.services-section) nav.primary .nav-services-menu a strong{flex:1;font:600 12px/1.3 "Poppins",sans-serif}
body:has(.services-section) nav.primary #services-menu .nav-services-menu a svg:first-child{color:#a16826}
body:has(.services-section) nav.primary #information-menu .nav-services-menu a svg:first-child{color:#287f86}
body:has(.services-section) nav.primary .nav-cta .btn{font-family:"Poppins",sans-serif!important;font-weight:600}
body:has(.services-section) nav.primary .btn-primary{background:#3b5e8e!important;border-color:#3b5e8e!important}
body:has(.services-section) .services-section::before{left:auto;right:3%;top:44px;width:232px;height:216px;background:url("minerba-digital-lines.svg") center/contain no-repeat;mask:none;opacity:.55;pointer-events:none}
body:has(.services-section) #ip::-ms-reveal,
body:has(.services-section) #ip::-ms-clear{display:none}
body:has(.services-section) .password-toggle i,body:has(.services-section) .password-toggle svg{display:block;width:18px;height:18px}

.theme-toggle{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid #b8cbd4;border-radius:8px;background:#fff;color:#263d4d;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.theme-toggle:hover{background:#e7eff2;border-color:#6c91a5}
.theme-toggle i,.theme-toggle svg{display:block;width:19px;height:19px;font-size:21px;font-style:normal;line-height:1}
.theme-toggle:focus-visible{outline:3px solid #72aec9;outline-offset:2px}
body:has(.services-section) .nav-cta{gap:8px}

body.app-shell,body:has(.app-main){--sidebar-w:248px;--arctic-work-bg:#e7eff2;--arctic-input:#f3f7f8}
body.app-shell{--fn:"Poppins",sans-serif;--fd:"Poppins",sans-serif;font-family:"Poppins",sans-serif!important}
body.app-shell :is(button,input,select,textarea){font-family:"Poppins",sans-serif!important}
body.app-shell :is(.metric-val,.summary-val,.sv,.comp-score,.detail-stat-value,.jaminan-val,.compliance-score,.vm-title,.vm-stat-val,.penilaian-skor-val,.topbar-title,.page-title,.btn,.btn-sm,.btn-detail,.btn-revisi),
body.app-shell .jaminan-total strong{font-family:"Poppins",sans-serif!important}
body.app-shell,.app-shell .main,body:has(.app-main),body:has(.app-main) .app-main{background:#e7eff2!important}
.app-shell .sidebar-logo,.app-shell .topbar,.app-shell .page-header,
body:has(.app-main) .sidebar-brand,body:has(.app-main) .topbar{height:72px!important;min-height:72px!important;box-sizing:border-box!important}
.app-shell .sidebar-logo{padding:6px 18px!important}
.app-shell .sidebar-mark{height:58px!important}
.app-shell .topbar,.app-shell .page-header{padding-inline:25px!important;background:#263d4d!important;border-bottom-color:#263d4d!important;color:#f2f7f8!important}
.app-shell :is(.topbar-judul,.page-title,.topbar-sub,.page-sub,.breadcrumb,.breadcrumb .current,.topbar-user){color:#f2f7f8!important}
.app-shell .topbar-aksi{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto}
.app-shell .topbar-user{background:#314e60!important;border:1px solid #587486;border-radius:8px;color:#fff!important}
.app-shell .topbar-user:hover{background:#41677b!important}
.app-shell .tu-nama{color:#fff!important;font-family:"Poppins",sans-serif;font-weight:600}
.app-shell .tu-sub{color:#d4e3e9!important}
.app-shell .tu-avatar:not(.ada-logo){background:#e7f0f4!important;color:#263d4d!important}
.app-shell .topbar .theme-toggle,.app-shell .page-header .theme-toggle,
body:has(.app-main) .topbar .theme-toggle{background:#314e60;border-color:#5a7787;color:#fff}
.app-shell .topbar .theme-toggle:hover,.app-shell .page-header .theme-toggle:hover,
body:has(.app-main) .topbar .theme-toggle:hover{background:#46677b}
.app-shell .sidebar[data-sidebar]{border-right-color:#c9d9e0!important}
.app-shell .sidebar-logo{border-bottom-color:#c9d9e0!important}
body.app-shell .sidebar[data-sidebar]{background:#19394a!important;border-right-color:#19394a!important}
.app-shell .sidebar-nav,.app-shell .sidebar-footer{background:#19394a!important}
.app-shell .sidebar-footer{border-top-color:#385a6a!important}
.app-shell .nav-grup-label{color:#9fbac6!important;font-family:"Poppins",sans-serif!important}
.app-shell :is(.nav-item,.nav-dropdown-toggle,.btn-logout){font-family:"Poppins",sans-serif!important;font-size:12.5px!important;font-weight:500!important;color:#d5e4e9!important}
.app-shell :is(.nav-item,.nav-dropdown-toggle,.btn-logout):hover:not(:disabled){background:#2a5263!important;color:#fff!important}
.app-shell :is(.nav-item.active,.nav-dropdown-toggle.active){background:#355c6e!important;color:#fff!important;box-shadow:inset 3px 0 #8ec7d2!important;font-weight:600!important}
.app-shell :is(.nav-unavailable,.nav-unavailable:hover){color:#91aeb9!important;background:transparent!important}
.app-shell .nav-soon{color:#a8c0ca!important}
.app-shell .nav-sub-item .nav-label{display:flex!important;align-items:center!important;gap:6px;min-width:0}
.app-shell .nav-badge{display:inline-grid;place-items:center;flex:none;min-width:19px;height:19px;padding:0 5px!important;margin-left:auto!important;border:0!important;border-radius:6px!important;background:#d6a54c!important;color:#243542!important;font:700 10px/1 "Poppins",sans-serif!important}
.app-shell .nav-badge:empty{display:none!important}
.app-shell .nav-dropdown-toggle .nav-dropdown-arrow{margin-left:3px!important;flex:none}
.app-shell .sidebar .nav-item .nav-icon:has(> .source-icon){background:#e8f2f5!important}
.app-shell .nav-dropdown-toggle .nav-icon{color:#bcd9e4}
.app-shell .nav-item[href*="peta.html"] .nav-icon{color:#8ccdc0}
.app-shell :is(.card,.company-card,.jaminan-card,.detail-card,.filter-bar,.rencana-row,.lap-row){background:#fafdfe!important;border-color:#cbdce3!important}
.app-shell :is(.panel-samping,.pc,.area-item){background:#fafdfe!important;border-color:#cbdce3!important}
.app-shell .area-item:hover{background:#e7f0f4!important}
.app-shell :is(input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],select,textarea){background:#eef4f6!important}
.app-shell :is(.metric-card,.stats-row .stat-card){border-radius:8px!important}
.app-shell .metric-card:nth-child(1) .metric-ico{background:#deeee9!important;color:#216c62!important;border-color:#c9e3dc!important}
.app-shell .metric-card:nth-child(2) .metric-ico{background:#fbecd6!important;color:#9a6724!important;border-color:#f0d7ad!important}
.app-shell .metric-card:nth-child(3) .metric-ico{background:#e0edf6!important;color:#336e9c!important;border-color:#c9deed!important}
.app-shell .metric-card:nth-child(4) .metric-ico{background:#f4e6ea!important;color:#96546b!important;border-color:#e8d2da!important}
.app-shell .metric-card:nth-child(1){border-top-color:#3c8c7f!important}
.app-shell .metric-card:nth-child(2){border-top-color:#c28a3a!important}
.app-shell .metric-card:nth-child(3){border-top-color:#639cc2!important}
.app-shell .metric-card:nth-child(4){border-top-color:#b4798c!important}
.app-shell .mob-topbar{background:#263d4d!important;border-bottom-color:#263d4d!important}
.app-shell .mob-topbar-brand img{filter:brightness(0) invert(1)}
.app-shell .mob-hamburger span{background:#fff!important}
body:has(.app-main) .sidebar-brand{padding:6px 18px;border-bottom-color:#c9d9e0}
body:has(.app-main) .sidebar-brand img{height:58px;width:auto;max-width:100%}
body:has(.app-main) .topbar{background:#263d4d!important;border-bottom-color:#263d4d;color:#f2f7f8}
body:has(.app-main) .topbar :is(.topbar-title,.account-label,.logout){color:#f2f7f8}
body:has(.app-main) .topbar .logout{background:#314e60;border-color:#5a7787}

/* Internal workspace: the active navigation connects visually to a quiet canvas. */
html:not([data-theme="dark"]) body.app-shell,
html:not([data-theme="dark"]) .app-shell .main{background:#f4f7fb!important}
html:not([data-theme="dark"]) .app-shell .sidebar[data-sidebar],
html:not([data-theme="dark"]) .app-shell :is(.sidebar-nav,.sidebar-footer){background:#3b5e8e!important}
html:not([data-theme="dark"]) .app-shell .sidebar-logo{background:#3b5e8e!important;border-bottom-color:#3b5e8e!important;padding:5px 14px!important}
/* Keep the supplied geometric mark; only the sidebar wordmark changes color. */
.app-shell .sidebar-logo{gap:9px!important;overflow:hidden}
.app-shell .sidebar-emblem{display:block;width:39px;height:45px;flex:none;background-image:url("portal-minerba-logo.png");background-repeat:no-repeat;background-size:235px 78px;background-position:-16px -15px}
.app-shell .sidebar-wordmark{font:700 18px/1.2 "Poppins",sans-serif;color:#fff;white-space:nowrap}
.portal-dark-brand{display:none}
html:not([data-theme="dark"]) .app-shell .sidebar-mark{width:216px!important;height:62px!important;padding:3px 7px;background:#fff;border:1px solid #dce6ee;border-radius:6px;box-shadow:0 2px 10px rgba(15,42,67,.14)}
html:not([data-theme="dark"]) .app-shell .sidebar[data-sidebar]{border-right-color:#3b5e8e!important}
html:not([data-theme="dark"]) .app-shell .sidebar-nav{padding-right:0!important}
html:not([data-theme="dark"]) .app-shell .nav-grup-label{color:#c8d8eb!important}
html:not([data-theme="dark"]) .app-shell :is(.nav-item,.nav-dropdown-toggle,.btn-logout){color:#edf3fb!important}
html:not([data-theme="dark"]) .app-shell :is(.nav-item,.nav-dropdown-toggle,.btn-logout):hover:not(:disabled){background:#4d70a0!important;color:#fff!important}
html:not([data-theme="dark"]) .app-shell .sidebar :is(.nav-item.active,.nav-dropdown-toggle.active):not(.nav-sub-item){position:relative;background:#f4f7fb!important;color:#294d76!important;border-radius:18px 0 0 18px!important;box-shadow:none!important}
html:not([data-theme="dark"]) .app-shell .sidebar :is(.nav-item.active,.nav-dropdown-toggle.active):not(.nav-sub-item) .nav-icon{color:#315f94!important}
html:not([data-theme="dark"]) .app-shell .nav-sub-item.active{background:#5275a1!important;color:#fff!important;box-shadow:none!important}
html:not([data-theme="dark"]) .app-shell .nav-unavailable{color:#c2d2e4!important}
html:not([data-theme="dark"]) .app-shell .nav-soon{color:#d6e0ed!important}
html:not([data-theme="dark"]) .app-shell :is(.topbar,.page-header){background:#fff!important;border-bottom:1px solid #dce6f0!important;color:#263d4d!important}
html:not([data-theme="dark"]) .app-shell :is(.topbar-judul,.page-title,.topbar-sub,.page-sub,.breadcrumb,.breadcrumb .current,.pf-crumb,.pf-crumb b){color:#263d4d!important}
html:not([data-theme="dark"]) .app-shell :is(.topbar,.page-header) .theme-toggle{background:#f4f7fb;border-color:#d3e0eb;color:#315f94}
html:not([data-theme="dark"]) .app-shell :is(.topbar,.page-header) .theme-toggle:hover{background:#e8eff8}
html:not([data-theme="dark"]) .app-shell .topbar-user{background:#f4f7fb!important;border-color:#d3e0eb!important;color:#263d4d!important}
html:not([data-theme="dark"]) .app-shell .topbar-user:hover{background:#e8eff8!important}
html:not([data-theme="dark"]) .app-shell .tu-nama{color:#263d4d!important}
html:not([data-theme="dark"]) .app-shell .tu-sub{color:#627b91!important}
html:not([data-theme="dark"]) .app-shell .metric-card .metric-ico svg,
html:not([data-theme="dark"]) .app-shell .pf-fact-ico svg,
html:not([data-theme="dark"]) .app-shell .pf-nav-ico svg{width:21px;height:21px;stroke-width:2}
html:not([data-theme="dark"]) .app-shell .sidebar .nav-icon svg{width:18px;height:18px;stroke-width:2}
html:not([data-theme="dark"]) .app-shell .pf-hero,
html:not([data-theme="dark"]) .app-shell :is(.pf-nav,.pf-content,.profile-details){background:#fff!important;border-color:#dce6f0!important;border-radius:8px!important;box-shadow:0 1px 3px rgba(40,68,98,.04)!important}
html:not([data-theme="dark"]) .app-shell .pf-nav-item.active{background:#e7effa!important;color:#315f94!important}
html:not([data-theme="dark"]) .app-shell .pf-nav-item.active b{color:#294d76!important}
html:not([data-theme="dark"]) .app-shell .pf-nav-item.active .pf-nav-ico{background:#315f94!important;color:#fff!important}
html:not([data-theme="dark"]) .app-shell .pf-fact:nth-child(3n+1) .pf-fact-ico{background:#e3f2ef;color:#277c70}
html:not([data-theme="dark"]) .app-shell .pf-fact:nth-child(3n+2) .pf-fact-ico{background:#fff0db;color:#a8712b}
html:not([data-theme="dark"]) .app-shell .pf-fact:nth-child(3n) .pf-fact-ico{background:#e7effa;color:#315f94}
html:not([data-theme="dark"]) .app-shell :is(.card,.company-card,.jaminan-card,.detail-card,.filter-bar,.rencana-row,.lap-row){background:#fff!important;border-color:#dce6f0!important}

html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body:has(.services-section){--arctic-bg:#142d3b;--arctic-soft:#274759;--arctic-line:#3a5969;--arctic-ink:#eaf3f5;--arctic-muted:#b8cbd3;background:#142d3b;color:#eaf3f5}
html[data-theme="dark"] body:has(.services-section) :is(.services-section,#peta,.mading,.contact-section){background:#142d3b!important;color:#eaf3f5!important;border-color:#3a5969!important}
html[data-theme="dark"] body:has(.services-section) :is(.service-item,.service-art,.mading-slide,.map-legend-box,.kab-filter-box){background:#203b4a!important;border-color:#3a5969!important;color:#eaf3f5!important}
html[data-theme="dark"] body:has(.services-section) :is(.service-copy h3,.mading h2,.mading-caption strong,.legend-title,.kab-filter-title){color:#eaf3f5!important}
html[data-theme="dark"] body:has(.services-section) :is(.service-copy p,.mading-intro,.contact-copy>p,.legend-row-r){color:#c4d5db!important}
html[data-theme="dark"] body:has(.services-section) :is(.mading-caption,.mading-slide.is-active .mading-caption){background:#203b4a!important}
html[data-theme="dark"] body:has(.services-section) :is(nav.primary,nav.primary.scrolled,nav.primary:not(.scrolled)){background:rgba(25,49,63,.96)!important;border-color:#547083!important}
html[data-theme="dark"] body:has(.services-section) nav.primary :is(ul a,.nav-services summary,.brand-text .name){color:#eaf3f5!important}
html[data-theme="dark"] body:has(.services-section) nav.primary .nav-services-menu{background:#203b4a;border-color:#547083}
html[data-theme="dark"] body:has(.services-section) nav.primary .nav-services-menu :is(strong,small){color:#eaf3f5!important}
html[data-theme="dark"] body:has(.services-section) :is(.modal-form-panel,.nav-drawer,.mading-arrow){background:#203b4a!important;color:#eaf3f5!important;border-color:#547083!important}
html[data-theme="dark"] body:has(.services-section) :is(.modal-form-panel h4,.fg label,.modal-sub,.mnote){color:#eaf3f5!important}
html[data-theme="dark"] body:has(.services-section) :is(.fg input,.fg select){background:#173241!important;color:#eaf3f5!important;border-color:#547083!important}
html[data-theme="dark"] body:has(.services-section) .theme-toggle{background:#314e60;border-color:#5a7787;color:#fff}

html[data-theme="dark"] body.app-shell,html[data-theme="dark"] body:has(.app-main){--arctic-work-bg:#132b39;--arctic-bg:#132b39;--arctic-soft:#29495a;--arctic-line:#385969;--arctic-ink:#eaf3f5;--arctic-muted:#b4c8d0;--arctic-input:#193645;--teks:#eaf3f5;--teks-muted:#b4c8d0;--border:#385969;--bg:#132b39;--putih:#203b4a;background:#132b39!important;color:#eaf3f5!important}
html[data-theme="dark"] .app-shell .main,html[data-theme="dark"] body:has(.app-main) .app-main{background:#132b39!important}
html[data-theme="dark"] .app-shell .sidebar[data-sidebar],html[data-theme="dark"] body:has(.app-main) .sidebar{background:#1a3443!important;border-right-color:#385969!important;color:#eaf3f5!important}
html[data-theme="dark"] .app-shell :is(.sidebar-nav,.sidebar-footer){background:#1a3443!important}
html[data-theme="dark"] .app-shell .topbar-user{background:#294b5d!important;border-color:#5a7787!important}
html[data-theme="dark"] .app-shell :is(.card,.company-card,.jaminan-card,.detail-card,.filter-bar,.rencana-row,.lap-row){background:#203b4a!important;border-color:#385969!important}
html[data-theme="dark"] .app-shell :is(.panel-samping,.pc,.area-item,.tile-btn){background:#203b4a!important;border-color:#385969!important;color:#eaf3f5!important}
html[data-theme="dark"] .app-shell .area-item:hover{background:#29495a!important}
html[data-theme="dark"] .app-shell .toggle-label{border-bottom-color:#385969!important}
html[data-theme="dark"] .app-shell :is(input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],select,textarea){background:#193645!important}
html[data-theme="dark"] .app-shell .sidebar-logo,html[data-theme="dark"] body:has(.app-main) .sidebar-brand{background:#203b4a!important;border-bottom-color:#385969!important}
html[data-theme="dark"] .app-shell .sidebar-mark{filter:none!important;background:#fff;padding:3px 7px;border-radius:6px}
html[data-theme="dark"] .app-shell :is(.pf-hero,.pf-nav,.pf-content,.profile-details){background:#203b4a!important;border-color:#385969!important;color:#eaf3f5!important;box-shadow:none!important}
html[data-theme="dark"] .app-shell :is(.pf-hero-nama,.pf-fact b,.pf-nav-item b,.pf-panel-head h2,.profile-row strong){color:#eaf3f5!important}
html[data-theme="dark"] .app-shell :is(.pf-fact-lbl,.pf-nav-item span,.pf-panel-head p,.profile-row span){color:#b8cbd3!important}
html[data-theme="dark"] .app-shell .pf-nav-item.active{background:#294b5d!important;color:#fff!important}
html[data-theme="dark"] .app-shell .pf-nav-item.active .pf-nav-ico{background:#527e96!important;color:#fff!important}
html[data-theme="dark"] .app-shell :is(.topbar,.page-header),html[data-theme="dark"] body:has(.app-main) .topbar{background:#1b3544!important;border-bottom-color:#426174!important}
html[data-theme="dark"] .app-shell :is(.nav-item,.nav-dropdown-toggle,.btn-logout,.nav-grup-label),html[data-theme="dark"] body:has(.app-main) :is(.nav-link,.nav-sub-link,.nav-caption){color:#cbdce2!important}
html[data-theme="dark"] .app-shell :is(.nav-item,.nav-dropdown-toggle):hover,html[data-theme="dark"] .app-shell :is(.nav-item,.nav-dropdown-toggle).active,html[data-theme="dark"] body:has(.app-main) :is(.nav-link,.nav-sub-link):hover{background:#294b5e!important;color:#fff!important}
html[data-theme="dark"] .app-shell :is(.card,.company-card,.jaminan-card,.pencairan-card,.rencana-row,.lap-row,.stat-card,.summary-box,.detail-box,.detail-card,.metric-card,.filter-bar,.view-tabs,.tab-bar,.tabs),html[data-theme="dark"] body:has(.app-main) :is(.metric,.work-panel,.module-panel,.map-frame){background:#203b4a!important;border-color:#385969!important;color:#eaf3f5!important;box-shadow:0 1px 3px rgba(0,0,0,.14)!important}
html[data-theme="dark"] .app-shell :is(.rencana-row,.lap-row):hover{background:#29495a!important}
html[data-theme="dark"] .app-shell tr:hover td{background:#29495a!important}
html[data-theme="dark"] .app-shell :is(.jaminan-total,.detail-stat-box,.alert-warn,.comp-row.ok,.comp-row.warn,.comp-row.bad){background:#29495a!important;border-color:#4b6d7d!important;color:#eaf3f5!important}
html[data-theme="dark"] .app-shell :is(.jaminan-total span,.jaminan-total strong,.comp-nama,.comp-score,.detail-stat-value,.detail-stat-hijau,.detail-stat-gold){color:#eaf3f5!important}
html[data-theme="dark"] .app-shell :is(.card-title,.detail-title,.section-title,.topbar-judul,.page-title,.metric-val,.metric-lbl,.summary-val,.info-val,.lap-row-title,.rencana-row-title,.form-label,.upload-label,td),html[data-theme="dark"] body:has(.app-main) :is(.metric-label,.metric-detail,.metric strong,.work-list strong,.module-row strong,.welcome h1,.section-head h2){color:#eaf3f5!important}
html[data-theme="dark"] .app-shell :is(.detail-sub,.info-lbl,.lap-row-meta,.rencana-row-meta,.topbar-sub,.page-sub,.section-desc,.section-desc-sm,th,.metric-sub,.comp-detail),html[data-theme="dark"] body:has(.app-main) :is(.welcome-copy,.work-list small,.module-row small){color:#b8cbd3!important}
html[data-theme="dark"] .app-shell :is(input,select,textarea,.search-box,.catatan-input,.info-item,.detail-grid .d-item,.summary-box,.info-koordinat,.file-item){background:#193645!important;color:#eaf3f5!important;border-color:#426174!important}
html[data-theme="dark"] .app-shell :is(input,select,textarea)::placeholder{color:#abc1ca!important}
html[data-theme="dark"] .app-shell :is(th,.tbl-rencana th,.tahunan-table th){background:#29495a!important;color:#d0e0e5!important;border-bottom-color:#426174!important}
html[data-theme="dark"] .app-shell :is(td,.card-header,.card-hdr,.detail-header,.work-list,.module-list){border-color:#385969!important}
html[data-theme="dark"] .app-shell :is(.metric-row .metric,.comp-row,.jaminan-row){background:#193645!important;border-color:#426174!important;color:#eaf3f5!important}
html[data-theme="dark"] .app-shell :is(.badge-draft,.b-draft,.badge-menunggu,.b-tunggu,.badge-info){background:#34586a!important;color:#eef7fa!important}
html[data-theme="dark"] .app-shell :is(.badge-sukses,.b-sukses){background:#25534d!important;color:#d7f4e9!important}
html[data-theme="dark"] .app-shell :is(.badge-revisi,.b-revisi){background:#613d47!important;color:#ffe0e2!important}
html[data-theme="dark"] .app-shell :is(.btn,.btn-sm,.btn-detail,.rencana-more summary,.lap-more summary){background:#29495a!important;border-color:#4b6d7d!important;color:#f0f7f9!important}
html[data-theme="dark"] .app-shell :is(.rencana-more-menu,.lap-more-menu){background:#203b4a;border-color:#4b6d7d}
html[data-theme="dark"] .app-shell :is(.rencana-more-menu,.lap-more-menu) button{color:#eaf3f5}
html[data-theme="dark"] .app-shell .sidebar-logo img{filter:none!important}
html[data-theme="dark"] .app-shell .source-icon,html[data-theme="dark"] body:has(.app-main) .source-icon{filter:brightness(0) invert(1)}
html[data-theme="dark"] .app-shell .mob-topbar{background:#1b3544!important;border-bottom-color:#426174!important}
html[data-theme="dark"] body:has(.app-main) .sidebar-brand img{filter:brightness(0) invert(1)}
html[data-theme="dark"] body:has(.app-main) .metric:nth-child(3){background:#203b4a!important}
html[data-theme="dark"] body:has(.app-main) .metric:nth-child(3) strong{color:#eaf3f5!important}
html[data-theme="dark"] body:has(#calculator),html[data-theme="dark"] body:has(#wpr-map){--arctic-bg:#132b39;--arctic-soft:#29495a;--arctic-line:#385969;--arctic-ink:#eaf3f5;--arctic-muted:#b8cbd3;background:#132b39!important;color:#eaf3f5!important}
html[data-theme="dark"] body:has(#calculator) :is(.topbar,.panel,.paper,.note-card),html[data-theme="dark"] body:has(#wpr-map) :is(.site-header,.map-section,.progress-section,.timeline li){background:#203b4a!important;border-color:#385969!important;color:#eaf3f5!important}
html[data-theme="dark"] body:has(#calculator) :is(h1,h2,h3,.panel-head h2,.page-heading p,.rate-row span,.paper-title p,form label,.year-head label,.recap strong),html[data-theme="dark"] body:has(#wpr-map) :is(h1,h2,.heading>p:last-child,.map-note,.progress-note,.site-header nav a){color:#eaf3f5!important}
html[data-theme="dark"] body:has(#calculator) :is(input,select){background:#193645!important;color:#eaf3f5!important;border-color:#426174!important}
html[data-theme="dark"] body:has(#calculator) :is(thead th,tfoot th){background:#29495a!important;color:#eaf3f5!important}
html[data-theme="dark"] body:has(#calculator) :is(th,td){border-color:#426174!important;color:#eaf3f5!important}
html[data-theme="dark"] body:has(#wpr-map) .map-message{background:#203b4a;color:#eaf3f5;border-color:#426174}
html[data-theme="dark"] body:has(#wpr-map) .site-header .brand img,html[data-theme="dark"] body:has(#calculator) .topbar .brand img{filter:brightness(0) invert(1)}
/* Neutral charcoal dark mode across public and authenticated views. */
html[data-theme="dark"] body:has(.services-section),
html[data-theme="dark"] body:has(#calculator),
html[data-theme="dark"] body:has(#wpr-map),
html[data-theme="dark"] body.app-shell,
html[data-theme="dark"] body:has(.app-main){--arctic-work-bg:#17181b;--arctic-bg:#17181b;--arctic-soft:#26282d;--arctic-line:#3b3e44;--arctic-ink:#f2f3f5;--arctic-muted:#b9bdc5;--arctic-input:#1d1f23;--teks:#f2f3f5;--teks-muted:#b9bdc5;--border:#3b3e44;--bg:#17181b;--putih:#26282d;background:#17181b!important;color:#f2f3f5!important}
html[data-theme="dark"] body:has(.services-section) :is(.services-section,#peta,.mading,.contact-section),
html[data-theme="dark"] .app-shell .main,
html[data-theme="dark"] body:has(.app-main) .app-main{background:#17181b!important;border-color:#3b3e44!important;color:#f2f3f5!important}
html[data-theme="dark"] body:has(.services-section) :is(.service-item,.service-art,.mading-slide,.map-legend-box,.kab-filter-box,.mading-caption,.mading-slide.is-active .mading-caption,.modal-form-panel,.nav-drawer,.mading-arrow),
html[data-theme="dark"] .app-shell :is(.card,.company-card,.jaminan-card,.pencairan-card,.rencana-row,.lap-row,.stat-card,.summary-box,.detail-box,.detail-card,.metric-card,.filter-bar,.view-tabs,.tab-bar,.tabs,.pf-hero,.pf-nav,.pf-content,.profile-details,.panel-samping,.pc,.area-item,.tile-btn,.rencana-more-menu,.lap-more-menu),
html[data-theme="dark"] body:has(.app-main) :is(.metric,.work-panel,.module-panel,.map-frame),
html[data-theme="dark"] body:has(#calculator) :is(.panel,.paper,.note-card),
html[data-theme="dark"] body:has(#wpr-map) :is(.map-section,.progress-section,.timeline li,.map-message){background:#26282d!important;border-color:#3b3e44!important;color:#f2f3f5!important;box-shadow:none!important}
html[data-theme="dark"] .app-shell .sidebar[data-sidebar],
html[data-theme="dark"] .app-shell :is(.sidebar-nav,.sidebar-footer,.sidebar-logo),
html[data-theme="dark"] body:has(.app-main) :is(.sidebar,.sidebar-brand){background:#202126!important;border-color:#3b3e44!important;color:#f2f3f5!important}
html[data-theme="dark"] .app-shell .sidebar-wordmark{color:#fff!important}
html[data-theme="dark"] .app-shell :is(.topbar,.page-header,.mob-topbar),
html[data-theme="dark"] body:has(.app-main) .topbar,
html[data-theme="dark"] body:has(.services-section) :is(nav.primary,nav.primary.scrolled,nav.primary:not(.scrolled)),
html[data-theme="dark"] body:has(#calculator) .topbar,
html[data-theme="dark"] body:has(#wpr-map) .site-header{background:#24262b!important;border-color:#3b3e44!important;color:#f2f3f5!important}
html[data-theme="dark"] body:has(.services-section) nav.primary .nav-services-menu{background:#292b30!important;border-color:#45484e!important;color:#f2f3f5!important}
html[data-theme="dark"] .app-shell :is(input,select,textarea,.search-box,.catatan-input,.info-item,.detail-grid .d-item,.info-koordinat,.file-item,.metric-row .metric,.comp-row,.jaminan-row),
html[data-theme="dark"] body:has(.services-section) :is(.fg input,.fg select),
html[data-theme="dark"] body:has(#calculator) :is(input,select){background:#1d1f23!important;border-color:#484b52!important;color:#f2f3f5!important}
html[data-theme="dark"] .app-shell :is(input,select,textarea)::placeholder{color:#a8adb6!important}
html[data-theme="dark"] .app-shell :is(th,.tbl-rencana th,.tahunan-table th),
html[data-theme="dark"] body:has(#calculator) :is(thead th,tfoot th){background:#2d3035!important;border-color:#484b52!important;color:#e5e7eb!important}
html[data-theme="dark"] .app-shell :is(.rencana-row,.lap-row,.area-item):hover,
html[data-theme="dark"] .app-shell tr:hover td{background:#303238!important}
html[data-theme="dark"] .app-shell :is(.jaminan-total,.detail-stat-box,.alert-warn,.comp-row.ok,.comp-row.warn,.comp-row.bad){background:#303238!important;border-color:#484b52!important;color:#f2f3f5!important}
html[data-theme="dark"] .app-shell :is(.pf-nav-item.active,.nav-item.active,.nav-dropdown-toggle.active,.nav-item:hover,.nav-dropdown-toggle:hover),
html[data-theme="dark"] body:has(.app-main) :is(.nav-link,.nav-sub-link):hover{background:#363941!important;color:#fff!important}
html[data-theme="dark"] .app-shell :is(.topbar-user,.theme-toggle,.btn,.btn-sm,.btn-detail,.rencana-more summary,.lap-more summary),
html[data-theme="dark"] body:has(.services-section) .theme-toggle{background:#303238!important;border-color:#51545b!important;color:#f2f3f5!important}
html[data-theme="dark"] .app-shell :is(.pf-hero-nama,.pf-fact b,.pf-nav-item b,.pf-panel-head h2,.profile-row strong,.card-title,.detail-title,.section-title,.topbar-judul,.page-title,.metric-val,.metric-lbl,.summary-val,.info-val,.lap-row-title,.rencana-row-title,.form-label,.upload-label,td,.tu-nama,.topbar-user,.pf-crumb b){color:#f2f3f5!important}
html[data-theme="dark"] .app-shell :is(.pf-fact-lbl,.pf-panel-head p,.profile-row span,.detail-sub,.info-lbl,.lap-row-meta,.rencana-row-meta,.topbar-sub,.page-sub,.section-desc,.section-desc-sm,th,.metric-sub,.comp-detail,.tu-sub,.pf-crumb){color:#b9bdc5!important}
html[data-theme="dark"] .app-shell :is(.badge-draft,.b-draft,.badge-menunggu,.b-tunggu,.badge-info){background:#343d49!important;color:#e3edf9!important}
html[data-theme="dark"] body:has(.services-section) :is(.service-copy h3,.mading h2,.mading-caption strong,.legend-title,.kab-filter-title,.modal-form-panel h4,.fg label,.modal-sub,.mnote){color:#f2f3f5!important}
html[data-theme="dark"] body:has(.services-section) :is(.service-copy p,.mading-intro,.contact-copy>p,.legend-row-r){color:#b9bdc5!important}
html[data-theme="dark"] body:has(#wpr-map) .site-header .brand img,
html[data-theme="dark"] body:has(#calculator) .topbar .brand img{filter:none!important;background:#f5f6f7;border-radius:6px;padding:4px;box-sizing:border-box}
html[data-theme="dark"] body:has(.services-section) nav.primary .portal-logo{display:none!important}
html[data-theme="dark"] body:has(.services-section) nav.primary .portal-dark-brand{display:inline-flex;align-items:center;gap:9px;color:#fff;font:700 18px/1.2 "Poppins",sans-serif;white-space:nowrap}
html[data-theme="dark"] body:has(.services-section) nav.primary .portal-dark-emblem{display:block;width:39px;height:45px;flex:none;background:url("portal-minerba-logo.png") -16px -15px / 235px 78px no-repeat}
html[data-theme="dark"] body:has(.services-section) footer,
html[data-theme="dark"] body:has(#calculator) footer,
html[data-theme="dark"] body:has(#wpr-map) footer,
html[data-theme="dark"] body:has(.page-hero) footer{background:#202126!important;border-top:1px solid #3b3e44!important;color:#d8dbe0!important}
html[data-theme="dark"] body:has(.services-section) footer .foot-bottom{color:#cbd0d6!important;border-top-color:#484b52!important}
html[data-theme="dark"] body:has(.services-section) footer a,
html[data-theme="dark"] body:has(#calculator) footer a,
html[data-theme="dark"] body:has(#wpr-map) footer a{color:#f2f3f5!important}
html[data-theme="dark"] .app-shell .mob-topbar-brand img{filter:none!important;background:#f5f6f7;border-radius:5px;padding:2px;box-sizing:border-box}
@media print{html[data-theme="dark"] body:has(#calculator),html[data-theme="dark"] body:has(#calculator) .paper{background:#fff!important;color:#000!important}html[data-theme="dark"] body:has(#calculator) :is(th,td,thead th,tfoot th,.paper-title h3,.paper-title p){background:#fff!important;color:#000!important;border-color:#333!important}}
@media(min-width:721px) and (max-width:1100px){body:has(.services-section) .services-section::before{right:-42px;top:24px;opacity:.28}}
@media(max-width:720px){body:has(.services-section) nav.primary ul{display:none}body:has(.services-section) .services-section::before{right:-58px;top:22px;opacity:.23}.app-shell .topbar,.app-shell .page-header{padding-inline:16px!important}.theme-toggle{width:36px;height:36px}}
@media(max-width:480px){body:has(.services-section) nav.primary .portal-logo{width:128px}.theme-toggle{width:32px;height:36px}body:has(.services-section) .nav-cta{gap:4px}body:has(.services-section) #btn-nav-daftar{padding-inline:8px!important}}