/* 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) .topbar{height:72px!important;min-height:72px!important;box-sizing:border-box!important}
.app-shell .sidebar-logo{padding:6px 18px!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) .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:44px;height:39px;flex:none;background:url("logo-acehmine-ikon.svg") center/contain no-repeat;filter:brightness(0) invert(1)}
.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[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{background:#203b4a!important;border-bottom-color:#385969!important}
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 .mob-topbar{background:#1b3544!important;border-bottom-color:#426174!important}
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){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,.map-message){background:#26282d!important;border-color:#3b3e44!important;color:#f2f3f5!important;box-shadow:none!important}
html[data-theme="dark"] body:has(#wpr-map) .number{border-color:#26282d}
html[data-theme="dark"] body:has(#wpr-map) .complete .number,
html[data-theme="dark"] body:has(#wpr-map) .current .number{background:#70b7d9;color:#142733}
html[data-theme="dark"] body:has(#wpr-map) .step-button.selected strong,
html[data-theme="dark"] body:has(#wpr-map) .current .step-state{color:#a6daf2}
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(.services-section) nav.primary .portal-logo{filter:brightness(0) invert(1)}
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}
@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}}

/* ── MODAL TERPADU ──────────────────────────────────────────
   Semua pop-up di aplikasi memakai warna kepala yang sama dengan sidebar
   (#3b5e8e; mode gelap mengikuti sidebar gelap). Ubah warna di SATU tempat ini. */
.app-shell{--modal-head:#3b5e8e;--modal-head-teks:#fff;--modal-head-sub:rgba(255,255,255,.74)}
html[data-theme="dark"] .app-shell{--modal-head:#203b4a}

/* Pop-up berkepala: pelaksanaan (.vm-head), admin (.modal-head), rencana (.rd-head), evaluasi (.eval-head) */
.app-shell :is(.vm-head,.modal-head,.rd-head,.eval-head){background:var(--modal-head)!important;color:var(--modal-head-teks)!important;border-bottom:0!important}
.app-shell :is(.vm-title,.modal-head-judul,.rd-title,.eval-head-judul){color:var(--modal-head-teks)!important}
.app-shell :is(.vm-sub,.modal-head-sub,.rd-sub,.eval-head-sub){color:var(--modal-head-sub)!important}
.app-shell .eval-close{color:var(--modal-head-teks)!important}
.app-shell .eval-close:hover{background:rgba(255,255,255,.18)!important;color:#fff!important}

/* Pop-up putih polos (jaminan perusahaan, dokumen admin): judul dijadikan kepala berwarna */
.app-shell .modal>.modal-judul{margin:-2rem -2rem 0;padding:1.15rem 3.5rem .25rem 2rem;background:var(--modal-head);color:var(--modal-head-teks);border-radius:16px 16px 0 0;font-size:16px;font-weight:700}
.app-shell .modal>.modal-sub{margin:0 -2rem 1.25rem;padding:0 3.5rem 1.1rem 2rem;background:var(--modal-head);color:var(--modal-head-sub)}
.app-shell .modal>.modal-close{color:var(--modal-head-teks);z-index:3}

/* ── SERAGAM: satu palet dan satu font untuk seluruh aplikasi ─────────────
   Warna utama = warna sidebar (#3b5e8e). Font = Poppins. Ubah di SATU tempat ini. */
body.app-shell{--fn:"Poppins",sans-serif;--fd:"Poppins",sans-serif}
body.app-shell,body.app-shell *:not(code):not(pre):not(kbd):not(samp){font-family:"Poppins",sans-serif!important}
html:not([data-theme="dark"]) body.app-shell{
  --arctic-blue:#3b5e8e;--arctic-mid:#5b82b0;--arctic-soft:#e8eef6;--arctic-line:#d9e2ec;--arctic-bg:#f4f7fb;--arctic-ink:#243c4c;
  --hijau:#3b5e8e;--hijau-m:#5b82b0;--hijau-muda:#5b82b0;--hijau-pale:#e8eef6;--hijau-dark:#243c4c;
  --biru:#5b82b0;--biru-pale:#e8eef6;--border:#d9e2ec;--bg:#f4f7fb;
  --primer:#3b5e8e;--primer-tua:#2f4f7a;
}
html:not([data-theme="dark"]) body.app-shell :is(.btn-hijau,.btn-primary,.topbar-verif,.btn-laporan-baru,.rkab-primary,.ktt-btn-primary,.al-btn.primer,.al-btn.hijau){
  background:#3b5e8e!important;background-image:none!important;border-color:#3b5e8e!important;color:#fff!important;box-shadow:none!important}
html:not([data-theme="dark"]) body.app-shell :is(.btn-hijau,.btn-primary,.topbar-verif,.btn-laporan-baru,.rkab-primary,.ktt-btn-primary,.al-btn.primer,.al-btn.hijau):hover:not(:disabled){
  background:#2f4f7a!important;border-color:#2f4f7a!important}

/* Ponsel: sidebar mengikuti tinggi layar yang terlihat dan tombol Keluar selalu terjangkau */
@media (max-width: 768px) {
  .sidebar { height: 100dvh !important; max-height: 100dvh !important; }
  .app-shell .sidebar-footer { position: sticky !important; bottom: 0 !important; z-index: 2; padding-bottom: calc(15px + env(safe-area-inset-bottom)) !important; }
  .app-shell .btn-logout { min-height: 46px !important; font-size: 14px !important; }
}

/* ---- Keterbacaan: ukuran huruf terkecil 12px (sebelumnya banyak 9-11px). Dihasilkan dari daftar selektor kecil pada CSS bersama. ---- */
.btn-logout,
.metric-label,
.metric-sub,
th,
.badge,
.form-hint,
.tu-sub,
.step-label,
.al-pick small,
.al-btn.kecil,
.al-badge,
.al-tgl span,
.al-tabel th,
.al-fakta small,
.al-catatan small,
.ar-filter label,
.ar-file em,
.ar-berkas-head small,
.fo-jml,
.badge-sukses,
.badge-menunggu,
.badge-revisi,
.badge-aktif,
.badge-draft,
.app-shell .tbl-rencana th,
.breadcrumb,
.topbar-sub,
.page-sub,
.stat-lbl,
.vm-stat-lbl,
.stat-mini-lbl,
.pj-legenda,
.pj-bar-list small,
.pj-harga small,
.pj-warn,
.pj-batas small,
.pj-banding small,
.pj-sheet th,
.pj-fkbtn,
.pj-doc .berkas,
.pj-ytd small,
.pj-beda th,
.rkab-matrix-title b,
.rkab-table th,
.rkab-tag,
.m2 thead th,
.m2 .m2-no td,
.rkab-filter label,
.rkab-wajib,
.rkab-sebelumnya,
.rkab-grup-meta,
.m2,
.rkab-sinkron,
.ppm-kpi small,
.ppm-daftar-item small,
.ppm-catatan-koreksi,
.ppm-resmi,
.ktt-list-row small,
.ktt-status,
.ktt-progress,
.ktt-doc-num,
.ktt-doc small,
.ktt-fact small,
.ktt-tag,
.ac-filter label,
.ac-kartu-l,
.ac-kartu-s,
.ac-tbl th,
.ac-nm small,
.ac-leg,
.ac-kredit-ring small,
.ac-grup li em,
.ac-dftr li small,
.ac-chip,
.ao-leg li em,
.ao-sm,
.ao-pangsa small,
.ao-st small{font-size:12px}
[style*="font-size:9px"],[style*="font-size:10px"],[style*="font-size:10.5px"],[style*="font-size:11px"],[style*="font-size:11.5px"],[style*="font-size: 10px"],[style*="font-size: 11px"]{font-size:12px!important}