:root{--ink:var(--theme-text);--muted:var(--theme-muted);--paper:var(--theme-page);--surface:var(--theme-panel);--line:var(--theme-line);--accent:var(--theme-accent);--focus:var(--theme-focus);--radius:16px;--space:20px;--shadow:0 5px 24px color-mix(in srgb,var(--theme-shadow-colour) 3.53%,transparent);--input-height:44px;--status-mandiri:var(--theme-success);--status-maju:var(--theme-info);--status-berkembang:var(--theme-warning);--status-tertinggal:var(--theme-danger);--status-sangat:var(--theme-special);--priority:var(--theme-special);--simulation:var(--theme-info)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Plus Jakarta Sans","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}h1{font-size:32px;line-height:1.2;letter-spacing:-.025em}h2{font-size:24px;line-height:1.3}h3{font-size:18px;line-height:1.4}small,.source-note{font-size:13px;color:var(--muted)}p{overflow-wrap:break-word}a{color:var(--accent)}button,input,select{font:inherit}button,select,input:not([type=checkbox]){min-height:var(--input-height)}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a,button,span,strong,small,dd{overflow-wrap:break-word}img,svg,canvas{max-width:100%}.skip-link{position:fixed;top:-100px;left:16px;z-index:1000;background:var(--theme-panel);padding:12px}.skip-link:focus{top:12px}body.integrated{padding-left:276px}.site-sidebar{position:fixed;inset:0 auto 0 0;width:276px;background:var(--theme-sidebar);color:var(--theme-inverse);z-index:100;overflow-y:auto;padding:24px 18px}.site-sidebar a{color:var(--theme-text);text-decoration:none;display:block;padding:9px 12px;border-radius:8px;font-size:14px}.site-sidebar a[aria-current=page]{background:var(--theme-sidebar);color:var(--theme-text);font-weight:700}.site-sidebar h2{font-size:19px;margin:0 0 4px}.site-sidebar p{font-size:12px;color:var(--theme-muted);margin:16px 12px 4px}.site-sidebar .site-home{font-size:17px;font-weight:700;padding-left:0}.site-sidebar .nav-close{display:none}.workspace-group{margin:6px 0;border:1px solid transparent;border-radius:10px}.workspace-group[open],.workspace-group:has(a[aria-current=page]){border-color:color-mix(in srgb,var(--theme-line) 18.0%,transparent);background:color-mix(in srgb,var(--theme-panel) 5.5%,transparent)}.workspace-group summary{cursor:pointer;list-style:none;padding:10px 11px;color:var(--theme-text);font-size:14px;font-weight:750;border-radius:9px}.workspace-group summary::-webkit-details-marker{display:none}.workspace-group summary:before{content:'›';display:inline-block;width:18px;color:var(--theme-text);font-size:19px;line-height:12px;transition:transform .16s ease}.workspace-group[open] summary:before{transform:rotate(90deg)}.workspace-group summary[aria-current=true]{color:var(--theme-text)}.workspace-links{padding:0 6px 7px 18px}.workspace-links a{position:relative}.workspace-links a[aria-current=page]:before{content:'';position:absolute;left:4px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--theme-primary);transform:translateY(-50%)}.shell-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 24px;background:var(--theme-panel);border-bottom:1px solid var(--line)}.shell-bar button,.scope-panel button{background:var(--theme-panel);border:1px solid var(--line);border-radius:8px;padding:9px 14px;color:var(--ink)}.shell-bar #menuToggle{display:none}.shell-bar .crumb{font-size:14px;flex:1;font-weight:650}.scope-panel{margin:20px 24px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--theme-panel)}.scope-panel summary{font-size:16px;font-weight:650;cursor:pointer}.scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.scope-grid label{display:grid;gap:5px;font-size:13px;color:var(--muted)}.scope-grid select,.scope-grid input{width:100%;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-panel);padding:8px;color:var(--ink)}.scope-actions,.scope-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.scope-actions button:first-child{background:var(--accent);color:var(--theme-inverse)}.scope-chips button{font-size:13px;padding:5px 10px}.scope-result{font-size:14px;margin-bottom:0}.scope-note,.local-label{font-size:13px;color:var(--muted)}.local-label{margin:12px 24px}.module-intro{margin:12px 24px;color:var(--muted)}.scope-flow{display:flex;flex-wrap:wrap;gap:10px;margin:14px 24px}.scope-flow a{padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--theme-panel);font-size:14px;text-decoration:none;font-weight:650}.integrated .top-actions a,.integrated .module-nav>a,.integrated .header-nav>a{display:none}.integrated .topbar,.integrated .module-header,.integrated .profile-header,.integrated .sim-header{position:static;flex-wrap:wrap;padding:24px;gap:16px}.integrated main{max-width:1600px;margin:auto;padding:20px 24px}.integrated main>*{min-width:0}.integrated .panel,.integrated .content-card{border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.integrated .filter-shell{position:static}.integrated .filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.integrated .kpi-value,.integrated .metric-card>strong,.integrated .context-card>strong{font-size:30px;line-height:1.2}.integrated .kpi-detail,.integrated .kpi-label,.integrated label,.integrated th{font-size:14px}.integrated small{font-size:13px}.integrated .profile-tabs{display:flex;flex-wrap:wrap;overflow:visible}.integrated .profile-tabs button{white-space:normal}.integrated table{font-size:14px}.integrated td,.integrated th{padding:12px}.integrated td small,.integrated td strong,.integrated .fact small{display:block}.integrated .table-shell,.integrated .table-wrap{max-width:100%;overflow:auto}.integrated dialog{max-width:calc(100vw - 24px);max-height:90vh;overflow:auto}.integrated .badge{display:inline-block;margin:2px 4px 2px 0;line-height:1.5;white-space:normal}.integrated .badge.priority-mark{color:var(--theme-text);background:var(--theme-subtle)}.reference-label{display:block;border-left:3px solid var(--theme-line);padding:8px 12px;margin:8px 0;font-size:13px;color:var(--muted)}.shell-error{padding:30px;background:var(--theme-danger-soft);border:1px solid var(--line);border-radius:16px;margin:24px}.landing main{max-width:1400px;margin:auto;padding:32px}.landing-head{display:flex;justify-content:space-between;gap:20px;padding:24px 32px;border-bottom:1px solid var(--line);background:var(--theme-panel)}.landing-head a{text-decoration:none;font-weight:650}.landing-head span{font-size:14px;display:block;font-weight:400}.landing-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:64px;padding:52px 0 64px}.landing h1{font-size:clamp(32px,3.5vw,48px)}.landing h1 span{color:var(--accent)}.landing-hero p{max-width:750px}.landing-region{font-size:24px;font-weight:600}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.landing-facts{background:var(--theme-subtle);border:1px solid var(--theme-line);border-radius:20px;padding:28px;align-self:center}.landing-facts #landingStats>div{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--theme-line);padding:12px 0}.landing-facts strong{font-size:32px}.landing-facts p{font-size:13px}.landing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}.primary-link{display:inline-block;background:var(--accent);color:var(--theme-inverse);border-radius:10px;padding:14px 20px;text-decoration:none;font-weight:650}.module-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 44px}.module-directory a{display:block;padding:24px;background:var(--theme-panel);border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink)}.module-directory a:hover{border-color:var(--accent)}.module-directory h3{margin:8px 0}.module-directory p{font-size:14px;margin-bottom:0;color:var(--muted)}.landing-notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding:24px 0}.landing footer{padding:24px 32px;border-top:1px solid var(--line);font-size:13px}#brandLogos img{height:64px;width:auto;margin:10px}
.identity-subtitle{margin:.65rem 0 .35rem;font-size:clamp(16px,1.5vw,20px);font-style:italic;line-height:1.45;color:var(--muted)}.identity-tagline{margin:.35rem 0 1.25rem;font-size:clamp(17px,1.6vw,21px);font-weight:800;letter-spacing:-.01em;color:var(--ink)}.integrated .brand-block>div{min-width:0}.integrated .brand-block .identity-subtitle{max-width:700px;color:color-mix(in srgb,var(--theme-inverse) 84.0%,transparent);font-size:15px;margin:.4rem 0 .2rem}.integrated .brand-block .identity-tagline{color:var(--theme-inverse);font-size:16px;margin:.2rem 0 0}
@media(max-width:1100px){body.integrated{padding-left:0}.site-sidebar{display:none;box-shadow:var(--shadow)}.site-sidebar.open{display:block}.site-sidebar .nav-close,.shell-bar #menuToggle{display:inline-block}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero{gap:28px}.integrated .section-grid,.integrated .dashboard-grid{grid-template-columns:1fr}}
@media(max-width:600px){h1,.integrated h1{font-size:26px}h2,.integrated h2{font-size:21px}.landing main{padding:20px}.landing-head{padding:16px;flex-wrap:wrap}.landing-hero,.landing-notes{grid-template-columns:1fr;gap:24px;padding:20px 0}.landing h1{font-size:34px}.module-directory{grid-template-columns:1fr}.scope-grid{grid-template-columns:1fr}.scope-panel{margin:12px;padding:14px}.integrated main{padding:12px}.shell-bar{padding:12px}.integrated .kpi-grid,.integrated .context-grid,.integrated .section-grid,.integrated .dimension-grid,.integrated .summary-grid{grid-template-columns:1fr!important}.integrated .topbar,.integrated .module-header,.integrated .profile-header,.integrated .sim-header{padding:16px}.integrated [class*=grid]{min-width:0}.integrated .rule-row,.integrated .dimension-row,.integrated .contribution-row{display:flex;flex-wrap:wrap;gap:12px}.integrated .rule-row>*{min-width:0;flex:1 1 130px}.integrated .village-picker{flex-wrap:wrap}.integrated .village-picker select{max-width:100%;min-width:0}}
.integrated .top-actions a,.integrated .sim-header nav>a{display:none!important}.scope-note{text-align:left!important}.integrated [hidden]{display:none!important}.table-pager{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 0}.table-pager button{background:var(--theme-panel);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.integrated .scope-grid label{font-size:13px}.integrated .panel-heading{flex-wrap:wrap}.integrated .scope-flow a{min-height:44px}

/* Tahap 5 — alur keputusan terpandu */
.decision-flow{margin:16px 24px 22px;padding:20px;background:var(--theme-panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.decision-flow-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.decision-flow-title{display:block;font-size:20px;line-height:1.3}.decision-flow-next{font-size:14px;color:var(--muted);font-weight:650}.decision-stepper{display:grid;grid-template-columns:repeat(6,minmax(128px,1fr));gap:8px}.decision-step{position:relative;display:flex;align-items:center;gap:9px;min-height:64px;padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;background:var(--theme-subtle)}.decision-step:after{content:'›';position:absolute;right:-8px;z-index:2;color:var(--theme-text);font-size:20px}.decision-step:last-child:after{display:none}.decision-step-number{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--theme-subtle);color:var(--theme-text);font-weight:800}.decision-step-copy{display:grid;min-width:0}.decision-step-copy strong{font-size:14px}.decision-step-copy small{font-size:11px;line-height:1.25}.decision-step.is-complete{border-color:var(--theme-success);background:var(--theme-success-soft)}.decision-step.is-complete .decision-step-number{background:var(--theme-success);color:var(--theme-success)}.decision-step.is-active{border:2px solid var(--accent);background:var(--theme-subtle)}.decision-step.is-active .decision-step-number{background:var(--accent);color:var(--theme-inverse)}.decision-step.is-next{border-color:var(--theme-line);background:var(--theme-subtle)}.decision-step.is-next .decision-step-number{background:var(--theme-primary);color:var(--theme-text)}.decision-guidance{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.guidance-card{padding:16px;border:1px solid var(--theme-line);border-radius:10px;background:var(--theme-subtle)}.guidance-card h2{font-size:16px;margin:0 0 5px}.guidance-card p{font-size:14px;margin:0 0 10px;color:var(--theme-muted)}.guidance-next{border-left:4px solid var(--accent)}.guidance-link,.guidance-secondary{display:inline-flex;align-items:center;min-height:42px;padding:8px 12px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:700}.guidance-link{background:var(--accent);color:var(--theme-inverse)}.guidance-secondary{margin-top:2px;border:1px solid var(--line);background:var(--theme-panel)}.decision-flow.evidence-mode{border-left:5px solid var(--theme-line)}.decision-flow.evidence-mode .decision-step{opacity:.75}
@media(max-width:1150px){.decision-stepper{grid-template-columns:repeat(3,1fr)}.decision-step:nth-child(3):after,.decision-step:last-child:after{display:none}}
@media(max-width:720px){.decision-flow{margin:12px;padding:14px}.decision-flow-head{align-items:flex-start;display:grid;gap:4px}.decision-stepper{display:flex;overflow-x:auto;padding:2px 1px 8px;scroll-snap-type:x proximity}.decision-step{flex:0 0 190px;scroll-snap-align:start}.decision-guidance{grid-template-columns:1fr}.decision-step:after{display:none}}
.integrated main{width:100%;min-width:0}.integrated h1,.integrated h2,.integrated h3,.integrated input,.integrated select,.integrated button{font-family:Inter,"Plus Jakarta Sans","Segoe UI",Arial,sans-serif!important}.integrated h1{font-size:32px!important;line-height:1.25!important}.integrated h2{font-size:24px!important;line-height:1.35!important}.integrated h3{font-size:18px!important}.integrated header nav>a{display:none!important}.integrated .table-shell,.integrated .table-wrap{min-width:0}.integrated .audit-workspace,.integrated .territory-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}
@media(max-width:1100px){.integrated .audit-workspace,.integrated .territory-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.integrated h1{font-size:26px!important}.integrated h2{font-size:21px!important}}
.integrated .audit-filter-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.integrated .audit-filter-grid .search-wide{grid-column:auto}
.integrated [data-official-status]{color:var(--theme-success)!important}.integrated [data-official-status=mandiri]{background:var(--status-mandiri)!important}.integrated [data-official-status=maju]{background:var(--status-maju)!important}.integrated [data-official-status=berkembang]{background:var(--status-berkembang)!important}.integrated [data-official-status=tertinggal]{background:var(--status-tertinggal)!important}.integrated [data-official-status=sangat]{background:var(--status-sangat)!important}.integrated svg text{font-family:inherit;font-size:12px}
@media(max-width:720px){.integrated .service-intro{margin-left:0;margin-right:0;border-radius:var(--radius)}}
.table-pager label{display:grid;gap:4px;font-size:13px}.table-pager input{border:1px solid var(--line);border-radius:8px;padding:8px;max-width:100%}.table-sort{border:0;background:transparent;color:inherit;text-align:inherit;font-weight:inherit;padding:4px}.table-sort:after{content:' ↕';font-size:12px}
@media print{.site-sidebar,.shell-bar,.scope-panel,.scope-flow,.decision-flow,.table-pager{display:none!important}body.integrated{padding-left:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.intervention-context{margin:0 1.2rem 1rem;border:1px solid var(--theme-line);border-left:5px solid var(--theme-line);border-radius:12px;background:var(--theme-subtle);color:var(--theme-text);overflow:hidden}.intervention-context summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.65rem;align-items:center;padding:.62rem .85rem;cursor:pointer;list-style:none}.intervention-context summary::-webkit-details-marker{display:none}.intervention-context summary:before{content:'⚑';color:var(--theme-text);font-size:.9rem}.intervention-context summary>span:first-of-type{font-weight:800}.intervention-context summary small{color:var(--theme-muted)}.intervention-context-action{padding:.28rem .55rem;border:1px solid var(--theme-line);border-radius:999px;background:var(--theme-panel);color:var(--theme-text);font-size:.72rem;font-weight:800}.intervention-context[open] .intervention-context-action{font-size:0}.intervention-context[open] .intervention-context-action:after{content:'Sembunyikan';font-size:.72rem}.intervention-context-body{display:grid;gap:.18rem;margin:0 .85rem .7rem;padding:.7rem .8rem;border-top:1px solid var(--theme-line)}.intervention-context-body span,.intervention-context-body small{display:block}.intervention-context>a{display:inline-block;margin:0 .85rem .8rem;font-weight:750;color:var(--theme-text)}@media(max-width:720px){.intervention-context{margin-inline:.75rem}.intervention-context summary{grid-template-columns:auto minmax(0,1fr) auto}.intervention-context summary small{display:none}}
.district-scale-item{display:inline-flex!important;align-items:center;gap:.28rem;white-space:nowrap}.district-scale-item i{flex:0 0 auto!important;width:.72rem!important;min-width:.72rem!important;height:.72rem!important;border-radius:3px!important;background:var(--scale-color)!important}.district-scale-description{flex-basis:100%;margin-top:.15rem;color:var(--muted);font-size:.72rem}.integrated .map-legend{display:flex;flex-wrap:wrap;justify-content:flex-start!important;gap:.4rem .75rem!important}.integrated .map-legend>i:not(.district-scale-item i){display:none}
.intervention-modebar,.intervention-empty,.intervention-panel-foot{grid-column:1/-1}.intervention-modebar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:var(--theme-subtle)}.intervention-modebar>div:first-child{display:grid;gap:.2rem}.intervention-modebar small{display:block}.intervention-modebar [role=group]{display:flex;gap:.4rem}.intervention-modebar button{min-height:38px;padding:.4rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--theme-panel);color:var(--ink)}.intervention-modebar button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--theme-inverse)}.intervention-rule-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.intervention-rule-card details{margin-top:.7rem;border-top:1px solid var(--line);padding-top:.55rem;font-size:.78rem}.intervention-rule-card summary{cursor:pointer;font-weight:750}.intervention-status{flex:0 0 auto;padding:.22rem .42rem;border-radius:999px;font-size:.68rem;font-weight:800}.intervention-status.is-review{background:var(--theme-subtle);color:var(--theme-text)}.intervention-status.is-official{background:var(--theme-success-soft);color:var(--theme-success)}.intervention-empty{display:grid;gap:.35rem;padding:1rem;border:1px dashed var(--theme-line);border-radius:10px;background:var(--theme-subtle)}.intervention-panel-foot{margin:.2rem 0 0;font-size:.78rem;color:var(--muted)}@media(max-width:720px){.intervention-modebar{align-items:flex-start;flex-direction:column}.intervention-rule-card dl{grid-template-columns:minmax(0,1fr)!important}}
/* Accessibility normalization: shared typography and high-contrast data tables. */
.integrated,
.integrated * {font-family:Inter, "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif !important; }
.integrated .social-header {background:linear-gradient(112deg, var(--theme-header), var(--theme-header) 58%, var(--theme-header)) !important; }
.integrated .social-main .panel {border-color:var(--theme-line) !important; }
.integrated .social-main .section-kicker {color:var(--theme-text) !important; }
.integrated .social-main .panel-heading > span {background:var(--theme-subtle) !important;color:var(--theme-text) !important; }
.integrated .social-main .table-link {color:var(--theme-text) !important; }
.integrated .social-main .heat-head {background:var(--theme-primary) !important;color:var(--theme-inverse) !important; }
/* 2026 visual system: navy and green derived from the Studio Data mark. */
:root{--ink:var(--theme-text);--muted:var(--theme-muted);--paper:var(--theme-page);--surface:var(--theme-panel);--line:var(--theme-line);--accent:var(--theme-accent);--focus:var(--theme-focus);--shadow:0 8px 28px color-mix(in srgb,var(--theme-shadow-colour) 8.0%,transparent)}
.landing-head,body.integrated>header{border-color:var(--theme-line)}body.integrated>header{background:linear-gradient(112deg,var(--theme-header),var(--theme-header) 58%,var(--theme-header))!important;color:var(--theme-inverse)!important}.integrated .button.primary,.integrated .export-button,.primary-link{background:var(--theme-button)!important;color:var(--theme-inverse)!important}.integrated .panel,.landing-facts,.module-directory a{border-color:var(--theme-line)!important;box-shadow:var(--shadow)}
.sidebar-brand,#brandLogos{display:flex;align-items:center;gap:10px}.sidebar-brand{margin:0 0 14px}.brand-logo{display:grid;place-items:center;width:70px;height:70px;padding:5px;border:1px solid var(--theme-line);border-radius:14px;background:var(--theme-panel);overflow:hidden}.site-sidebar .brand-logo{width:64px;height:64px;border-color:color-mix(in srgb,var(--theme-line) 28.0%,transparent)}.brand-logo img,#brandLogos img{display:block;width:54px;height:54px;max-width:100%;max-height:100%;margin:0;object-fit:contain;object-position:center}.site-sidebar .brand-logo img{width:50px;height:50px}.brand-logo span{color:var(--theme-text);font-size:11px;font-weight:800;text-align:center}.landing-head{align-items:center}.landing-head>a:first-child{color:var(--theme-text)}
.brand-logo--developer img,.brand-logo--government img{width:52px;height:52px;object-fit:contain;object-position:center}

/* Give local table tools breathing room inside every bordered table panel. */
.integrated .table-pager{margin:12px;padding:12px 14px;border:1px solid var(--theme-line);border-radius:10px;background:var(--theme-subtle);gap:10px 14px}.integrated .table-pager label{flex:1 1 260px;min-width:220px;color:var(--theme-muted);font-weight:750}.integrated .table-pager input{width:100%;min-width:0;margin-top:5px;background:var(--theme-panel)}.integrated .table-pager span{flex:1 1 260px;line-height:1.4}.integrated .table-shell>.table-pager,.integrated .table-wrap>.table-pager,.integrated .target-table-wrap>.table-pager{position:sticky;left:0;max-width:calc(100% - 24px)}

/* Recommendation cards must wrap long activities, OPD names and verification badges. */
.integrated .recommendation-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important;gap:16px!important}.integrated .intervention-rule-card{min-width:0;padding:16px!important;overflow:hidden}.integrated .intervention-rule-card header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.integrated .intervention-rule-card h3{min-width:0;margin:0;line-height:1.35;overflow-wrap:anywhere}.integrated .intervention-status{max-width:130px;text-align:center;line-height:1.25;white-space:normal}.integrated .intervention-rule-card p,.integrated .intervention-rule-card dd{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.integrated .intervention-rule-card dl{display:grid!important;grid-template-columns:minmax(88px,110px) minmax(0,1fr)!important;gap:8px 12px!important}.integrated .intervention-rule-card dt{font-weight:750;color:var(--theme-text)}.integrated .intervention-rule-card dd{min-width:0;margin:0}

/* Wider evidence panels and resilient village lists across Modules 4–10. */
.integrated .service-workspace,.integrated .social-workspace,.integrated .territory-layout,.integrated .audit-workspace{grid-template-columns:minmax(0,1.22fr) minmax(380px,.98fr)!important}.integrated .village-detail,.integrated .audit-detail{min-width:0}.integrated .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integrated .compact-list button,.integrated .compact-list .compact-row{grid-template-columns:minmax(0,1fr)!important;gap:4px!important;align-items:start!important;padding:10px 12px!important}.integrated .compact-list button strong,.integrated .compact-list button span,.integrated .compact-row strong,.integrated .compact-row span{display:block;min-width:0;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.integrated .target-list{display:grid;gap:7px}.integrated .target-list .text-link{display:block;width:100%;min-width:0;padding:8px 10px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-subtle);text-align:left;line-height:1.4;white-space:normal}

/* Prevent KPI labels and institutional summaries from collapsing into each other. */
.integrated .kpi-grid,.integrated .summary-grid,.integrated .social-kpis,.integrated .institution-grid,.integrated .status-grid{gap:12px!important}.integrated .kpi-grid>*,.integrated .summary-grid>*,.integrated .social-kpis>*,.integrated .service-kpi,.integrated .risk-chip,.integrated .status-grid>*{min-width:0;padding:14px!important}.integrated .kpi-grid small,.integrated .kpi-grid span,.integrated .summary-grid span,.integrated .social-kpis small,.integrated .service-kpi span,.integrated .risk-chip small{display:block;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.integrated .kpi-grid strong,.integrated .summary-grid strong,.integrated .social-kpis strong,.integrated .service-kpi strong,.integrated .risk-chip strong{display:block;margin:.25rem 0;line-height:1.15}.integrated .institution-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.integrated .institution-panel{min-width:0;overflow:hidden}.integrated .institution-panel .status-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}

/* Balance the county theme/action/OPD panels in Module 12. */
.integrated .overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.integrated .overview-grid .opd-panel{grid-column:auto!important}.integrated #opdPanels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:390px;overflow:auto;padding-right:4px}.integrated #opdPanels .action-card{min-width:0}.integrated #opdPanels .action-card span,.integrated #opdPanels .action-card small{display:block;line-height:1.35;overflow-wrap:anywhere}

@media(max-width:1100px){.integrated .service-workspace,.integrated .social-workspace,.integrated .territory-layout,.integrated .audit-workspace,.integrated .overview-grid{grid-template-columns:minmax(0,1fr)!important}.integrated #opdPanels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sidebar-brand{justify-content:center}.brand-logo{width:58px;height:58px}.integrated .detail-grid,.integrated .institution-grid,.integrated #opdPanels{grid-template-columns:minmax(0,1fr)!important}.integrated .intervention-rule-card header{grid-template-columns:minmax(0,1fr)}.integrated .intervention-status{max-width:100%}.integrated .intervention-rule-card dl{grid-template-columns:minmax(0,1fr)!important}.integrated .table-pager{margin:8px}.integrated .table-pager button{flex:1 1 145px}}

/* Final finishing: deterministic district colours and resilient dense content. */
.integrated #districtTiles .district-tile{background-color:var(--tile)!important;color:var(--tile-ink)!important;border-color:color-mix(in srgb,var(--theme-line) 55.0%,transparent)!important}
.integrated #districtTiles .district-tile strong,.integrated #districtTiles .district-tile span,.integrated #districtTiles .district-tile small{color:inherit!important;min-width:0;white-space:normal;overflow-wrap:anywhere}
.integrated #districtTiles .district-tile small{font-size:12px!important;line-height:1.35!important;opacity:1!important}
.integrated .kpi-value{font-size:clamp(22px,2.1vw,30px)!important;overflow-wrap:anywhere}
.integrated .intervention-rule-card dt,.integrated .intervention-rule-card dd{min-width:0;overflow-wrap:anywhere}
.integrated .cross-card,.integrated .fiscal-kpi,.integrated .status-row{min-width:0}
.integrated .cross-card header,.integrated .status-row{column-gap:12px;row-gap:6px;flex-wrap:wrap}

/* Compact, shared analysis scope and province-aware row context. */
.scope-panel{margin:14px 24px;padding:14px 18px}
.scope-panel[open]{padding-bottom:18px}
.scope-panel summary{font-weight:700;color:var(--ink)}
.scope-panel summary::marker{color:var(--accent)}
.shell-regency{display:block;margin-top:3px;color:var(--muted);font-weight:600}

/* Landing page guided entry — UI/UX Tahap 2. */
.landing{background:linear-gradient(180deg,var(--theme-subtle) 0,var(--theme-subtle) 42%,var(--theme-subtle) 100%)}
.landing main{max-width:1440px;padding:0 40px 48px}
.landing-head{position:relative;z-index:2;min-height:86px;padding:18px 40px}
.landing-head>a:last-child{padding:10px 14px;border:1px solid var(--line);border-radius:9px}
.landing-hero{min-height:610px;align-items:center;padding:64px 12px 72px}
.landing-hero-copy{min-width:0}
.landing-lead{font-size:18px;line-height:1.7;color:var(--theme-muted)}
.landing-section{padding:64px 12px;border-top:1px solid var(--theme-line);scroll-margin-top:24px}
.section-lead{max-width:760px;color:var(--muted)}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.journey-card{position:relative;display:flex;min-width:0;min-height:310px;flex-direction:column;padding:28px;border:1px solid var(--theme-line);border-radius:20px;background:var(--theme-panel);color:var(--ink);text-decoration:none;box-shadow:0 10px 30px color-mix(in srgb,var(--theme-shadow-colour) 7.0%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.journey-card:hover{border-color:var(--theme-line);transform:translateY(-3px);box-shadow:0 15px 36px color-mix(in srgb,var(--theme-shadow-colour) 12.0%,transparent)}
.journey-card:focus-visible{outline:4px solid var(--focus);outline-offset:4px}
.journey-number{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:var(--theme-subtle);color:var(--theme-text);font-weight:850}
.journey-audience{margin-top:22px;color:var(--theme-text);font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.journey-card h3{margin:8px 0 10px;font-size:24px;line-height:1.28}
.journey-card p{margin:0 0 22px;color:var(--theme-muted)}
.journey-card strong{margin-top:auto;color:var(--theme-text);font-size:15px}
.capability-section{padding-block:72px}
.section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:48px;align-items:end}
.section-heading>p{margin:0;color:var(--muted)}
.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
.capability-grid article{min-width:0;padding:24px;border-top:4px solid var(--theme-line);background:var(--theme-panel);box-shadow:0 5px 20px color-mix(in srgb,var(--theme-shadow-colour) 5.5%,transparent)}
.capability-grid article>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--theme-primary);color:var(--theme-inverse);font-weight:800}
.capability-grid h3{margin:18px 0 8px}
.capability-grid p{margin:0;color:var(--muted);font-size:14px}
.output-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
.output-value-grid article{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--theme-line);border-top:4px solid var(--theme-line);border-radius:14px;background:var(--theme-panel);box-shadow:0 5px 20px color-mix(in srgb,var(--theme-shadow-colour) 5.5%,transparent)}
.output-value-grid article>span{color:var(--theme-text);font-size:13px;font-weight:850;letter-spacing:.08em}
.output-value-grid h3{margin:12px 0 8px}.output-value-grid p{flex:1;margin:0 0 18px;color:var(--muted);font-size:14px}.output-value-grid a{font-weight:750;text-decoration:none}
.information-section{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.45fr);gap:54px;align-items:start}
.information-intro{position:sticky;top:24px}
.information-intro>a{display:inline-block;margin-top:10px;font-weight:750}
.information-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.information-card{position:relative;min-width:0;margin:0;padding:22px 22px 20px 26px;border:1px solid var(--line);border-radius:14px;background:var(--theme-panel);overflow:hidden}
.information-card:before{content:'';position:absolute;inset:0 auto 0 0;width:6px;background:var(--type-color)}
.information-card span{font-weight:850;color:var(--theme-text)}
.information-card p{margin:8px 0 0;color:var(--muted);font-size:14px}
.information-official{--type-color:var(--theme-danger)}.information-analytical{--type-color:var(--theme-special)}.information-recommendation{--type-color:var(--theme-warning)}.information-simulation{--type-color:var(--theme-info)}
.module-explorer{border:1px solid var(--theme-line);border-radius:18px;background:var(--theme-panel);box-shadow:var(--shadow);overflow:hidden}
.module-explorer>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;cursor:pointer;list-style:none}
.module-explorer>summary::-webkit-details-marker{display:none}
.module-explorer>summary strong{display:block;margin-top:4px;font-size:21px}
.module-explorer>summary:after{content:'+';display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--theme-subtle);color:var(--theme-text);font-size:24px;font-weight:500}
.module-explorer[open]>summary:after{content:'−'}
.module-explorer[open] .explorer-action{display:none}
.explorer-action{margin-left:auto;color:var(--theme-text);font-size:14px;font-weight:750}
.module-explorer-body{padding:0 28px 28px;border-top:1px solid var(--theme-line)}
.module-explorer-body>p{color:var(--muted)}
.module-explorer .module-directory{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}
.module-explorer .module-directory a{box-shadow:none}
.landing-notes{padding:40px 12px 16px}
.landing-notes article{min-width:0}

@media(max-width:1000px){
  .landing main{padding-inline:28px}
  .landing-hero{min-height:auto;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:30px}
  .journey-grid{grid-template-columns:1fr}
  .journey-card{min-height:0}
  .capability-grid,.output-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .information-section{grid-template-columns:1fr}
  .information-intro{position:static}
  .module-explorer .module-directory{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .landing main{padding:0 16px 28px}
  .landing-head{min-height:0;padding:14px 16px}
  .landing-head>a:last-child{padding:8px 10px;font-size:13px}
  .landing-hero{grid-template-columns:1fr;padding:38px 0 46px}
  .landing h1{font-size:clamp(34px,11vw,46px);line-height:1.1}
  .landing-lead{font-size:16px}
  .landing-facts{padding:22px}
  .landing-section{padding:46px 0}
  .journey-grid,.capability-grid,.output-value-grid,.information-types,.module-explorer .module-directory,.landing-notes{grid-template-columns:1fr}
  .journey-card{padding:23px}
  .journey-card h3{font-size:21px}
  .section-heading{grid-template-columns:1fr;gap:12px}
  .module-explorer>summary{align-items:flex-start;padding:20px;gap:12px}
  .module-explorer>summary strong{font-size:18px}
  .module-explorer-body{padding:0 20px 20px}
  .explorer-action{display:none}
  .landing-notes{gap:22px;padding-inline:0}
}

/* Persistent analysis context and filter hierarchy — UI/UX Tahap 3. */
.context-shell{position:sticky;top:0;z-index:70;margin:12px 24px;border:1px solid var(--theme-line);border-radius:15px;background:var(--theme-panel);box-shadow:0 9px 26px color-mix(in srgb,var(--theme-shadow-colour) 10.0%,transparent)}
.context-shell:has(.scope-panel[open]){position:relative;z-index:20}
.context-bar{display:grid;grid-template-columns:minmax(230px,1.05fr) minmax(180px,.8fr) auto;gap:16px;align-items:center;padding:14px 16px;border-radius:14px;background:linear-gradient(100deg,var(--theme-subtle),var(--theme-subtle) 62%,var(--theme-subtle))}
.context-copy{display:grid;min-width:0;gap:2px}
.context-eyebrow{color:var(--theme-text);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.context-title{font-size:15px;line-height:1.35;color:var(--theme-text)}
.context-meta{color:var(--theme-muted);font-size:12px}
.context-filter-summary{display:flex;min-width:0;flex-wrap:wrap;gap:5px}
.context-filter-chip,.context-filter-empty{display:inline-block;max-width:100%;padding:4px 8px;border-radius:999px;font-size:11px;line-height:1.35;white-space:normal}
.context-filter-chip{background:var(--theme-subtle);color:var(--theme-text);font-weight:700}.context-filter-empty{border:1px dashed var(--theme-line);color:var(--theme-text)}
.context-quick-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.context-quick-actions button{min-height:36px;padding:6px 9px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-panel);color:var(--theme-text);font-size:12px;font-weight:750}
.context-quick-actions button:first-child{background:var(--theme-button);color:var(--theme-inverse);border-color:var(--theme-line)}
.context-quick-actions button:disabled{display:none}
.context-shell .scope-panel{margin:0;padding:0;border:0;border-top:1px solid var(--theme-line);border-radius:0 0 14px 14px;box-shadow:none}
.context-shell .scope-panel:not([open]){display:none}
.context-shell .scope-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--theme-subtle);list-style:none}
.context-shell .scope-panel>summary::-webkit-details-marker{display:none}
.context-shell .scope-panel>summary span:first-child{display:grid;gap:2px}
.context-shell .scope-panel>summary strong{font-size:15px}.context-shell .scope-panel>summary small{font-weight:400}
.scope-panel-action{flex:0 0 auto;color:var(--theme-text);font-size:12px;font-weight:750}
.context-shell .scope-panel form{padding:8px 18px 2px}
.scope-fieldset{min-width:0;margin:12px 0;padding:12px 14px 15px;border:1px solid var(--theme-line);border-radius:12px}
.scope-fieldset legend{padding:0 7px;color:var(--theme-text);font-size:13px;font-weight:850}
.scope-fieldset-note{margin:0;color:var(--theme-muted);font-size:12px}
.context-shell .scope-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:10px}
.context-shell .scope-actions{padding-bottom:12px}.context-shell .scope-actions button:first-child{background:var(--theme-button);border-color:var(--theme-line);color:var(--theme-inverse)}
.context-shell .scope-chips,.context-shell .scope-result,.context-shell .scope-note,.context-shell .filter-definitions{margin-right:18px;margin-left:18px}
.context-shell .scope-chips button{min-height:34px;background:var(--theme-panel);border:1px solid var(--theme-line)}
.filter-definitions{margin-bottom:16px;padding:10px 12px;border:1px dashed var(--theme-line);border-radius:10px;background:var(--theme-subtle)}
.filter-definitions summary{cursor:pointer;color:var(--theme-text);font-size:13px;font-weight:750}
.filter-definitions ul{margin:10px 0 0;padding-left:20px;color:var(--theme-text);font-size:12px}
.filter-definitions li+li{margin-top:5px}
.local-filter-label{display:flex;align-items:flex-start;gap:10px;margin:12px 24px 8px;padding:10px 12px;border-left:4px solid var(--theme-line);border-radius:0 9px 9px 0;background:var(--theme-subtle);color:var(--theme-muted)}
.local-filter-label strong{flex:0 0 auto;font-size:13px}.local-filter-label span{font-size:12px;color:var(--theme-muted)}
.reference-label{border:1px dashed var(--theme-line);border-left:5px solid var(--theme-line);border-radius:8px;background:var(--theme-subtle);color:var(--theme-muted);font-weight:650}
.reference-label:before{content:'Pembanding tetap';display:inline-block;margin-right:8px;padding:2px 6px;border-radius:999px;background:var(--theme-subtle);color:var(--theme-muted);font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.filter-empty-state{max-width:760px;margin:36px auto;text-align:center}
.empty-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}
.empty-actions button{min-height:42px;padding:9px 14px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-panel);color:var(--theme-text);font-weight:750}
.empty-actions button:last-child{background:var(--theme-button);color:var(--theme-inverse);border-color:var(--theme-line)}

@media(max-width:900px){
  .context-bar{grid-template-columns:minmax(0,1fr) auto}
  .context-filter-summary{grid-column:1/-1;grid-row:2}
  .context-quick-actions{grid-column:2;grid-row:1;max-width:280px}
}
@media(max-width:600px){
  .context-shell{margin:8px 12px;border-radius:12px}
  .context-bar{grid-template-columns:minmax(0,1fr);gap:9px;padding:12px}
  .context-quick-actions,.context-filter-summary{grid-column:1;grid-row:auto;justify-content:flex-start}
  .context-quick-actions{max-width:none;flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 4px}
  .context-quick-actions button{flex:0 0 auto}
  .context-shell .scope-panel>summary{align-items:flex-start;padding:12px}
  .context-shell .scope-panel form{padding-inline:12px}
  .scope-fieldset{padding-inline:10px}
.context-shell .scope-chips,.context-shell .scope-result,.context-shell .scope-note,.context-shell .filter-definitions{margin-right:12px;margin-left:12px}
  .local-filter-label{display:grid;gap:2px;margin:10px 12px 6px}
}

/* Tahap 7 — canonical design system and accessibility layer.
   Breakpoints: compact 360–599, tablet 600–899, small desktop 900–1199,
   desktop 1200–1599, wide >=1600. Module-specific colours remain data accents. */
:root{--ds-font:Inter,"Plus Jakarta Sans","Segoe UI",Arial,sans-serif;--ds-ink:var(--theme-text);--ds-muted:var(--theme-muted);--ds-canvas:var(--theme-page);--ds-surface:var(--theme-panel);--ds-line:var(--theme-line);--ds-line-strong:var(--theme-line);--ds-brand:var(--theme-primary);--ds-brand-dark:var(--theme-primary);--ds-navy:var(--theme-header);--ds-info:var(--theme-info);--ds-warning:var(--theme-warning);--ds-danger:var(--theme-danger);--ds-success:var(--theme-success);--ds-focus:var(--theme-focus);--ds-radius-sm:8px;--ds-radius-md:12px;--ds-radius-lg:18px;--ds-shadow-sm:0 3px 12px color-mix(in srgb,var(--theme-shadow-colour) 7.0%,transparent);--ds-shadow-md:0 9px 28px color-mix(in srgb,var(--theme-shadow-colour) 10.0%,transparent);--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:24px;--ds-space-6:32px;--ds-control:44px;
}
html{max-width:100%;overflow-x:clip;font-family:var(--ds-font);scroll-padding-top:16px}
body.design-system-v1{background:var(--ds-canvas);color:var(--ds-ink);font-family:var(--ds-font);line-height:1.55;text-rendering:optimizeLegibility}
.design-system-v1 h1,.design-system-v1 h2,.design-system-v1 h3{font-family:var(--ds-font)!important;color:inherit;overflow-wrap:anywhere;text-wrap:balance}
.design-system-v1 h1{font-size:clamp(1.65rem,2.4vw,2rem)!important;line-height:1.2!important;letter-spacing:-.025em}
.design-system-v1 h2{font-size:clamp(1.25rem,1.8vw,1.5rem)!important;line-height:1.3!important;letter-spacing:-.012em}
.design-system-v1 h3{font-size:1.125rem!important;line-height:1.4!important}
.design-system-v1 p,.design-system-v1 li,.design-system-v1 dd,.design-system-v1 dt{overflow-wrap:anywhere}
.design-system-v1 button,.design-system-v1 input,.design-system-v1 select,.design-system-v1 textarea{font:inherit}
.design-system-v1 button,.design-system-v1 select,.design-system-v1 input:not([type=checkbox]):not([type=radio]),.design-system-v1 textarea{min-height:var(--ds-control)}
.design-system-v1 button,.design-system-v1 .button,.design-system-v1 [class*=button],.design-system-v1 input,.design-system-v1 select,.design-system-v1 textarea{border-radius:var(--ds-radius-sm)}
.design-system-v1 :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--ds-focus)!important;outline-offset:3px!important;box-shadow:0 0 0 2px var(--theme-shadow-colour)!important}
.design-system-v1 :is(button,a,.button):disabled{cursor:not-allowed;opacity:.58}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;contain:strict}

/* Shared page frame, headers, panels, controls and notifications. */
.design-system-v1.integrated>header,.design-system-v1.integrated>.topbar,.design-system-v1.integrated>.module-header,.design-system-v1.integrated>.service-header,.design-system-v1.integrated>.social-header,.design-system-v1.integrated>.economy-header,.design-system-v1.integrated>.environment-header,.design-system-v1.integrated>.governance-header,.design-system-v1.integrated>.issues-header,.design-system-v1.integrated>.priority-header,.design-system-v1.integrated>.command-header,.design-system-v1.integrated>.profile-header,.design-system-v1.integrated>.sim-header{position:static!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:var(--ds-space-4)!important;min-height:104px;padding:var(--ds-space-5)!important;border:0!important;border-bottom:4px solid var(--theme-line)!important;background:linear-gradient(112deg,var(--ds-navy),var(--theme-header) 58%,var(--theme-header))!important;color:var(--theme-inverse)!important;box-shadow:none!important}
.design-system-v1.integrated>header p,.design-system-v1.integrated>header small{color:var(--theme-muted)!important}
.design-system-v1 .panel,.design-system-v1 .content-card,.design-system-v1 .chart-card,.design-system-v1 .summary-card,.design-system-v1 .metric-card,.design-system-v1 .kpi-card{min-width:0;border:1px solid var(--ds-line)!important;border-radius:var(--ds-radius-md)!important;background:var(--ds-surface);box-shadow:var(--ds-shadow-sm)!important}
.design-system-v1 .panel{padding:clamp(14px,2vw,20px)}
.design-system-v1 .filter-shell,.design-system-v1 .control-deck,.design-system-v1 .village-picker,.design-system-v1 .economy-controls,.design-system-v1 .social-controls,.design-system-v1 .environment-controls,.design-system-v1 .access-controls,.design-system-v1 .audit-control-shell,.design-system-v1 .controls{position:static!important;border:1px solid var(--ds-line)!important;border-radius:var(--ds-radius-md)!important;background:var(--theme-panel)!important;box-shadow:var(--ds-shadow-sm)!important}
.design-system-v1 label{color:var(--theme-muted);font-weight:700}
.design-system-v1 input,.design-system-v1 select,.design-system-v1 textarea{max-width:100%;border:1px solid var(--ds-line-strong)!important;background:var(--theme-panel)!important;color:var(--ds-ink)!important;padding:8px 10px}
.design-system-v1 input:hover,.design-system-v1 select:hover,.design-system-v1 textarea:hover{border-color:var(--theme-line)!important}
.design-system-v1 .toast{right:16px!important;bottom:16px!important;max-width:min(420px,calc(100vw - 32px));padding:12px 16px!important;border:1px solid var(--theme-line)!important;border-radius:var(--ds-radius-sm)!important;background:var(--theme-primary)!important;color:var(--theme-inverse)!important;box-shadow:0 16px 42px color-mix(in srgb,var(--theme-shadow-colour) 28.0%,transparent)!important}
.design-system-v1 .empty-state,.design-system-v1 .shell-error{border:1px dashed var(--theme-danger)!important;border-left:5px solid var(--theme-danger)!important;border-radius:var(--ds-radius-md)!important;background:var(--theme-danger-soft)!important;color:var(--theme-danger)!important}

/* Status carries a readable label, symbol and border in addition to colour. */
.design-system-v1 .semantic-status{display:inline-flex!important;align-items:center;gap:6px;max-width:100%;padding:4px 8px!important;border:1px solid currentColor!important;border-radius:999px!important;line-height:1.35!important;white-space:normal!important;text-align:left}
.design-system-v1 .semantic-status:before{content:'●';font-size:.68em;line-height:1}
.design-system-v1 .semantic-status[data-status-kind=danger]:before{content:'!';font-size:.8em;font-weight:900}
.design-system-v1 .semantic-status[data-status-kind=warning]:before{content:'▲';font-size:.62em}
.design-system-v1 .semantic-status[data-status-kind=success]:before{content:'✓';font-size:.82em;font-weight:900}
.design-system-v1 .semantic-status[data-status-kind=info]:before{content:'i';font-size:.78em;font-weight:900}
.design-system-v1 .semantic-status[data-status-kind=neutral]:before{content:'•'}

/* Tables remain contained; the region itself is reachable by keyboard. */
.design-system-v1 .accessible-table-region{max-width:100%;overflow:auto;scrollbar-gutter:stable;border-radius:var(--ds-radius-sm)}
.design-system-v1 .accessible-table-region:focus-visible{outline:3px solid var(--ds-focus);outline-offset:2px}

/* Dialog, tooltip/help and text alternatives for visual charts. */
.design-system-v1 dialog{width:min(920px,calc(100vw - 32px))!important;max-height:calc(100vh - 32px)!important;padding:20px!important;border:1px solid var(--ds-line)!important;border-radius:var(--ds-radius-lg)!important;background:var(--theme-panel)!important;color:var(--ds-ink)!important;box-shadow:0 30px 90px color-mix(in srgb,var(--theme-shadow-colour) 40.0%,transparent)!important}
.design-system-v1 dialog::backdrop{background:color-mix(in srgb,var(--theme-overlay) 72.0%,transparent)!important;backdrop-filter:blur(2px)}
.design-system-v1 dialog .dialog-head,.design-system-v1 dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.design-system-v1 dialog .icon-button{flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--ds-line)!important;background:var(--theme-subtle)!important;color:var(--ds-ink)!important}
.chart-text-summary{margin-top:12px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-sm);background:var(--theme-subtle)}
.chart-text-summary>summary{min-height:44px;padding:10px 12px;cursor:pointer;color:var(--theme-text);font-weight:750}
.chart-text-summary ul{margin:0;padding:0 16px 14px 34px;color:var(--theme-text);font-size:14px}
.chart-text-summary li+li{margin-top:6px}
[data-tooltip],[title]{position:relative}

/* Responsive density: never allow a page-level horizontal scrollbar. */
body.design-system-v1{max-width:100%;overflow-x:hidden}
.design-system-v1 :is(main,section,article,header,footer,nav,div){min-width:0}
.design-system-v1 :is(.kpi-grid,.summary-grid,.status-grid,.dimension-grid,.section-grid,.overview-grid,.lower-grid,.hero-grid,.matrix-layout,.dashboard-grid,.service-workspace,.social-workspace,.territory-layout,.audit-workspace){max-width:100%}
@media(max-width:899px){
  .design-system-v1 .context-shell{position:relative;top:auto}
  .design-system-v1 .decision-stepper{display:flex!important;width:100%;max-width:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden;contain:inline-size;scroll-snap-type:x proximity}
  .design-system-v1 .decision-step{flex:0 0 190px}
  .design-system-v1 footer{flex-wrap:wrap!important}
}
@media(max-width:599px){
  .design-system-v1.integrated>header,.design-system-v1.integrated>.topbar,.design-system-v1.integrated>.module-header,.design-system-v1.integrated>.service-header,.design-system-v1.integrated>.social-header,.design-system-v1.integrated>.economy-header,.design-system-v1.integrated>.environment-header,.design-system-v1.integrated>.governance-header,.design-system-v1.integrated>.issues-header,.design-system-v1.integrated>.priority-header,.design-system-v1.integrated>.command-header,.design-system-v1.integrated>.profile-header,.design-system-v1.integrated>.sim-header{min-height:0;padding:16px!important}
  .design-system-v1.integrated main{padding:12px!important}
  .design-system-v1 .panel{padding:14px!important}
  .design-system-v1 .context-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible}
  .design-system-v1 .context-quick-actions button{width:100%;white-space:normal}
  .design-system-v1 .local-filter-label{margin-inline:12px}
  .design-system-v1 .decision-stepper{display:grid!important;grid-template-columns:minmax(0,1fr);overflow:visible!important;contain:none;scroll-snap-type:none}
  .design-system-v1 .decision-step{width:100%;max-width:100%;flex:1 1 auto}
  .design-system-v1 dialog{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;padding:14px!important}
  .design-system-v1 .toast{right:8px!important;bottom:8px!important;max-width:calc(100vw - 16px)}
}

/* Data table system v2 — shared by every analytical table. */
.design-system-v1 .data-table-region{position:relative;width:100%;max-width:100%;overflow-x:auto;overflow-y:auto;contain:inline-size;scrollbar-gutter:stable;border:1px solid var(--ds-line,var(--theme-line));border-radius:10px;background:var(--theme-panel);box-shadow:inset -18px 0 15px -18px color-mix(in srgb,var(--theme-shadow-colour) 42.0%,transparent)}
.design-system-v1 .data-table-region.dt-at-scroll-end{box-shadow:none}
.design-system-v1 .dt-scroll-cue{width:max-content;max-width:100%;margin:6px 0 12px auto;padding:4px 8px;border-radius:999px;background:var(--theme-primary);color:var(--theme-inverse);font-size:11px;font-weight:750}
.design-system-v1 table.data-table{width:max-content;min-width:100%;max-width:none;table-layout:auto;border-collapse:separate;border-spacing:0;background:var(--theme-panel);color:var(--theme-text);font-size:14px}
.design-system-v1 table.data-table *{word-break:normal;overflow-wrap:normal;hyphens:manual}
.design-system-v1 table.data-table th,.design-system-v1 table.data-table td{box-sizing:border-box;padding:10px 12px;border:0;border-bottom:1px solid var(--theme-line);line-height:1.45;vertical-align:top;white-space:nowrap}
.design-system-v1 table.data-table th{text-transform:none;letter-spacing:normal}
.design-system-v1 table.data-table tbody td:not(.dt-sticky-column),.design-system-v1 table.data-table tbody th:not(.dt-sticky-column){position:static;left:auto}
.design-system-v1 table.data-table thead th{position:sticky;top:0;z-index:5;background:var(--theme-subtle);color:var(--theme-text);font-size:13px;font-weight:700;text-align:left;line-height:1.3;text-transform:none;letter-spacing:normal}
.design-system-v1 table.data-table tbody tr:nth-child(even)>:not(.dt-sticky-column){background:var(--theme-subtle)}
.design-system-v1 table.data-table tbody tr:hover>*,.design-system-v1 table.data-table tbody tr:focus-within>*{background:var(--theme-subtle)}
.design-system-v1 table.data-table tbody tr:hover>:first-child,.design-system-v1 table.data-table tbody tr:focus-within>:first-child{box-shadow:inset 3px 0 0 var(--theme-shadow-colour)}
.design-system-v1 table.data-table .dt-col-name,.design-system-v1 table.data-table .dt-col-code{white-space:nowrap}
.design-system-v1 table.data-table .dt-col-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.design-system-v1 table.data-table th.dt-col-number .dt-sort{justify-content:flex-end;text-align:right}
.design-system-v1 table.data-table .dt-col-status{white-space:nowrap}
.design-system-v1 table.data-table .dt-col-text{min-width:16rem;max-width:28rem}
.design-system-v1 table.data-table .dt-col-text,.design-system-v1 table.data-table .dt-col-text *{white-space:normal;overflow-wrap:break-word;word-break:normal}
.design-system-v1 table.data-table .dt-col-bar{width:12rem;min-width:10rem;max-width:16rem}
.design-system-v1 table.data-table .semantic-status,.design-system-v1 table.data-table :is(.badge,.status-badge,.status-pill,.quality-pill,.audit-pill,.state-pill,.gap-pill){width:max-content;max-width:none;white-space:nowrap}
.design-system-v1 table.data-table .dt-source-official :is(.badge,.status-badge,.status-pill,.semantic-status){border:1px solid transparent}
.design-system-v1 table.data-table .dt-source-analysis :is(.badge,.status-badge,.status-pill,.semantic-status){border:1px solid currentColor;background:transparent;color:var(--theme-muted)}
.design-system-v1 table.data-table .dt-sticky-column{position:sticky;left:0;z-index:3;background:var(--theme-panel)}
.design-system-v1 .data-table-region.dt-has-scrolled table.data-table .dt-sticky-column{box-shadow:7px 0 10px -10px color-mix(in srgb,var(--theme-shadow-colour) 80.0%,transparent)}
.design-system-v1 table.data-table thead .dt-sticky-column{z-index:7;background:var(--theme-subtle)}
.design-system-v1 table.data-table tbody tr:nth-child(even)>.dt-sticky-column{background:var(--theme-subtle)}
.design-system-v1 table.data-table .dt-column-hidden{display:none}
.design-system-v1 .dt-sort{display:block;width:100%;min-height:30px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:inherit;line-height:1.3}
.design-system-v1 .th-inner{display:inline-flex;align-items:flex-start;gap:6px;white-space:nowrap}
.design-system-v1 .dt-sort-icon{flex:0 0 auto;width:14px;color:var(--theme-text);font-size:11px;text-align:center}
.design-system-v1 .dt-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;min-width:0;max-width:100%;margin:10px 0;padding:10px 12px;border:1px solid var(--theme-line);border-radius:10px;background:var(--theme-subtle);color:var(--theme-text);font-size:13px}
.design-system-v1 :has(> .dt-toolbar){min-width:0;max-width:100%}
.design-system-v1 :is(.split-grid,.matrix-layout,.workspace-grid,.ranking-grid,.district-grid)>*{min-width:0;max-width:100%}
.design-system-v1 .dt-toolbar>*{min-width:0;max-width:100%}
.design-system-v1 .dt-search{flex:1 1 240px}
.design-system-v1 .dt-toolbar label{display:grid;gap:4px;color:var(--theme-muted);font-size:12px;font-weight:700}
.design-system-v1 .dt-toolbar input[type=search]{width:min(320px,70vw);min-height:38px;padding:7px 10px;border:1px solid var(--theme-line);border-radius:7px;background:var(--theme-panel);color:var(--theme-text)}
.design-system-v1 .dt-toolbar select,.design-system-v1 .dt-toolbar button,.design-system-v1 .dt-column-summary{min-height:38px;padding:7px 10px;border:1px solid var(--theme-line);border-radius:7px;background:var(--theme-panel);color:var(--theme-text);font-weight:650}
.design-system-v1 .dt-page-info{align-self:center;color:var(--theme-text);font-variant-numeric:tabular-nums}
.design-system-v1 .dt-column-picker{position:relative;align-self:flex-end}
.design-system-v1 .dt-column-summary{display:flex;align-items:center;cursor:pointer;list-style:none}
.design-system-v1 .dt-column-summary::-webkit-details-marker{display:none}
.design-system-v1 .dt-column-summary:after{content:'▾';margin-left:8px}
.design-system-v1 .dt-column-panel{position:absolute;right:0;z-index:20;display:grid;gap:6px;min-width:250px;max-height:320px;overflow:auto;margin-top:5px;padding:10px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-panel);box-shadow:0 14px 38px color-mix(in srgb,var(--theme-shadow-colour) 20.0%,transparent)}
.design-system-v1 .dt-column-panel .dt-show-all-columns{width:100%;min-height:36px;margin-bottom:4px;border-color:var(--theme-line);background:var(--theme-subtle);color:var(--theme-text);text-align:center}
.design-system-v1 .dt-column-panel label{display:flex;grid-template:none;align-items:center;gap:8px;min-height:32px;color:var(--theme-muted);font-weight:500}
.design-system-v1 .dt-column-panel input{width:auto;min-height:0}
.design-system-v1 .access-logistics-layout{grid-template-columns:minmax(230px,.42fr) minmax(0,1.58fr)}
.design-system-v1 .access-corridor-layout{grid-template-columns:minmax(260px,.5fr) minmax(0,1.5fr)}
.design-system-v1 .readiness-matrix-panel .table-shell{max-height:620px}
.design-system-v1 .issue-catalog-workspace{grid-template-columns:minmax(0,2.15fr) minmax(330px,.65fr)}
.design-system-v1 .issue-village-workspace{grid-template-columns:minmax(0,1.7fr) minmax(330px,.7fr)}
.design-system-v1 .dt-empty{position:sticky;left:0;margin:0;padding:20px;text-align:center;color:var(--theme-text);background:var(--theme-panel)}
.design-system-v1 .dt-mobile-detail{display:none}

@media(max-width:639px){
  .design-system-v1 .dt-toolbar{align-items:stretch}
  .design-system-v1 .dt-search{flex:1 1 100%}
  .design-system-v1 .dt-toolbar input[type=search]{width:100%}
  .design-system-v1 .dt-column-picker{align-self:flex-start}
  .design-system-v1 .dt-column-panel{position:fixed;inset:auto 12px 12px;max-height:55vh}
  .design-system-v1 .data-table-region{max-width:100%;overflow-x:auto}
}

@media(max-width:940px){
  .design-system-v1 .access-logistics-layout,.design-system-v1 .access-corridor-layout,.design-system-v1 .issue-catalog-workspace,.design-system-v1 .issue-village-workspace{grid-template-columns:minmax(0,1fr)}
}

@media print{
  .design-system-v1 .dt-toolbar,.design-system-v1 .dt-mobile-detail{display:none}
  .design-system-v1 table.data-table .dt-column-hidden{display:table-cell}
  .design-system-v1 table.data-table{width:100%;min-width:0;font-size:8pt}
}

/* Compact application shell — one shared frame for every analytical route. */
/* Potong luapan horizontal tanpa contain:paint. contain pada html menjadikannya containing block
   bagi elemen position:fixed (laci filter, toast, tooltip peta) sehingga ikut bergulir. */
html{overflow-x:clip}
body.integrated.compact-shell-v2>header[hidden]{display:none!important}
.drawer-retained-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.drawer-retained-actions button{min-height:38px;padding:6px 10px}
.shell-first-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 12px!important}
.shell-first-kpis>*{min-height:92px!important;padding:12px!important}
.shell-first-kpis strong,.shell-first-kpis .kpi-value{font-size:clamp(20px,2vw,28px)!important}
@media(max-width:640px){.shell-first-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shell-first-kpis>*{min-height:84px!important}}
@media(max-width:640px){
  .compact-shell-v2 #main .sector-executive-cards,
  .compact-shell-v2 #main>.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .compact-shell-v2 #main .sector-executive-cards>*,
  .compact-shell-v2 #main>.kpi-grid>*{min-height:0!important;padding:11px!important}
  .compact-shell-v2 #main .sector-executive{padding:14px!important}
  .compact-shell-v2 #main .sector-executive>p{margin-bottom:10px!important}
  .compact-shell-v2 #main .identity-card{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px!important}
  .compact-shell-v2 #main .identity-card .identity-title{grid-column:1/-1!important}
  .compact-shell-v2 #main .identity-card .identity-stat{min-width:0;padding:10px!important}
  .compact-shell-v2 #main .identity-card .date-context{font-size:11px;line-height:1.35}
}
.compact-shell-v2 #main .decision-story{padding:14px!important}
@media(max-width:940px){
  .compact-shell-v2 #main .decision-story{padding:12px!important}
  .compact-shell-v2 #main .decision-story-head{gap:8px;margin-bottom:8px}
  .compact-shell-v2 #main .decision-story-head h2{font-size:20px}
  .compact-shell-v2 #main .decision-story-head p{font-size:13px;line-height:1.35}
  .compact-shell-v2 #main .decision-journey{grid-template-columns:repeat(6,minmax(230px,82vw))!important;gap:8px!important;overflow-x:auto!important;align-items:stretch}
  .compact-shell-v2 #main .decision-journey .journey-actions{grid-column:auto!important;display:flex!important;min-width:230px;flex-direction:column;margin:0!important;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--theme-panel)}
}
:root{--shell-rail:60px;--shell-header:60px;--shell-filter:50px;--shell-drawer:min(430px,calc(100vw - 24px))}
html{scroll-padding-top:calc(var(--shell-header) + var(--shell-filter) + 12px)}
body.integrated.compact-shell-v2{padding-left:var(--shell-rail)!important}
.compact-shell-v2>.site-sidebar{display:block!important;inset:0 auto 0 0;width:var(--shell-rail);padding:10px 7px;background:var(--theme-sidebar);overflow:hidden;transition:width .18s ease,box-shadow .18s ease;z-index:220}
.compact-shell-v2>.site-sidebar.open,.compact-shell-v2>.site-sidebar.is-pinned{width:min(320px,calc(100vw - 32px));padding:16px;overflow-y:auto;box-shadow:0 24px 70px color-mix(in srgb,var(--theme-shadow-colour) 38.0%,transparent)}
.compact-shell-v2 .sidebar-brand{display:grid;place-items:center;min-height:42px;margin:0 0 8px}
.compact-shell-v2 .sidebar-brand .brand-logo{display:none}
.compact-shell-v2 .sidebar-brand .brand-logo:last-child{display:grid;width:40px;height:40px;padding:4px}
.compact-shell-v2 .site-sidebar>.site-home,.compact-shell-v2 .site-sidebar>h2,.compact-shell-v2 .site-sidebar>p{display:none}
.compact-shell-v2 .workspace-group{margin:5px 0;border:0;background:transparent}
.compact-shell-v2 .workspace-group>summary{display:grid;place-items:center;width:46px;min-height:46px;padding:0;font-size:0;color:var(--theme-inverse)}
.compact-shell-v2 .workspace-group>summary:before{content:attr(data-icon);display:grid;width:36px;height:36px;place-items:center;color:var(--theme-text);font-size:20px;line-height:1;transform:none!important}
.compact-shell-v2 .workspace-group:has(a[aria-current=page])>summary{background:var(--theme-subtle);color:var(--theme-text)}
.compact-shell-v2 .workspace-group:has(a[aria-current=page])>summary:before{color:var(--theme-text)}
.compact-shell-v2 .workspace-links{display:none}
.compact-shell-v2 .site-sidebar.open .sidebar-brand,.compact-shell-v2 .site-sidebar.is-pinned .sidebar-brand{display:flex;justify-content:flex-start;gap:8px}
.compact-shell-v2 .site-sidebar.open .sidebar-brand .brand-logo,.compact-shell-v2 .site-sidebar.is-pinned .sidebar-brand .brand-logo{display:grid;flex:0 0 64px;width:64px;height:64px;padding:5px}
.compact-shell-v2 .site-sidebar.open .sidebar-brand .brand-logo--developer img,.compact-shell-v2 .site-sidebar.is-pinned .sidebar-brand .brand-logo--developer img,.compact-shell-v2 .site-sidebar.open .sidebar-brand .brand-logo--government img,.compact-shell-v2 .site-sidebar.is-pinned .sidebar-brand .brand-logo--government img{width:52px;height:52px;object-fit:contain;object-position:center}
.compact-shell-v2 .site-sidebar.open>.site-home,.compact-shell-v2 .site-sidebar.open>h2,.compact-shell-v2 .site-sidebar.open>p,.compact-shell-v2 .site-sidebar.is-pinned>.site-home,.compact-shell-v2 .site-sidebar.is-pinned>h2,.compact-shell-v2 .site-sidebar.is-pinned>p{display:block}
.compact-shell-v2 .site-sidebar.open .workspace-group,.compact-shell-v2 .site-sidebar.is-pinned .workspace-group{border:1px solid transparent}
.compact-shell-v2 .site-sidebar.open .workspace-group[open],.compact-shell-v2 .site-sidebar.open .workspace-group:has(a[aria-current=page]),.compact-shell-v2 .site-sidebar.is-pinned .workspace-group[open],.compact-shell-v2 .site-sidebar.is-pinned .workspace-group:has(a[aria-current=page]){border-color:color-mix(in srgb,var(--theme-line) 18.0%,transparent);background:color-mix(in srgb,var(--theme-sidebar) 5.5%,transparent)}
.compact-shell-v2 .site-sidebar.open .workspace-group>summary,.compact-shell-v2 .site-sidebar.is-pinned .workspace-group>summary{display:flex;justify-content:flex-start;width:100%;padding:10px 11px;font-size:14px}
.compact-shell-v2 .site-sidebar.open .workspace-group>summary:before,.compact-shell-v2 .site-sidebar.is-pinned .workspace-group>summary:before{width:28px;height:28px;margin-right:8px;font-size:16px}
.compact-shell-v2 .site-sidebar.open .workspace-links,.compact-shell-v2 .site-sidebar.is-pinned .workspace-links{display:block}
.compact-shell-v2 .workspace-group.single-workspace .workspace-links{display:none!important}
.compact-shell-v2 .nav-close{position:absolute;top:12px;right:12px;display:none!important;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,var(--theme-line) 30.0%,transparent);border-radius:9px;background:transparent;color:var(--theme-inverse);font-size:26px}
.compact-shell-v2 .site-sidebar.open .nav-close,.compact-shell-v2 .site-sidebar.is-pinned .nav-close{display:block!important}
.compact-shell-v2 .sidebar-pin{display:none;width:100%;margin-top:16px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--theme-line) 28.0%,transparent);border-radius:8px;background:color-mix(in srgb,var(--theme-sidebar) 8.0%,transparent);color:var(--theme-inverse);text-align:left}
.compact-shell-v2 .site-sidebar.open .sidebar-pin,.compact-shell-v2 .site-sidebar.is-pinned .sidebar-pin{display:block}
.sidebar-overlay{position:fixed;inset:0;display:none;border:0;background:color-mix(in srgb,var(--theme-sidebar) 24.0%,transparent);z-index:210}
.sidebar-overlay.show{display:block}
.compact-shell-v2>.shell-bar{position:sticky;top:0;z-index:190;display:flex;flex-wrap:nowrap;height:var(--shell-header);min-height:var(--shell-header);gap:9px;padding:7px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--theme-panel) 97.0%,transparent);box-shadow:0 4px 14px color-mix(in srgb,var(--theme-shadow-colour) 6.0%,transparent);backdrop-filter:blur(10px)}
.compact-shell-v2 .shell-bar #menuToggle{display:inline-grid!important;width:44px;height:44px;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--theme-line) 24.0%,transparent);border-radius:10px;background:var(--theme-primary);color:var(--theme-inverse);font-size:22px;font-weight:800;line-height:1;box-shadow:0 6px 16px color-mix(in srgb,var(--theme-shadow-colour) 16.0%,transparent);cursor:pointer}
.compact-shell-v2 .shell-brand-mini{display:none;width:36px;height:36px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--theme-panel)}
.compact-shell-v2 .shell-brand-mini img{width:100%;height:100%;object-fit:contain}
.compact-shell-v2 .shell-identity{display:grid;min-width:0;line-height:1.15}
.compact-shell-v2 .shell-identity small{color:var(--theme-muted);font-size:10px;white-space:nowrap}
.compact-shell-v2 .shell-identity strong{max-width:min(42vw,520px);font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.compact-shell-v2 .shell-bar .crumb{display:none}
.compact-shell-v2 .shell-scope-button{margin-left:auto;min-height:40px;padding:6px 10px;white-space:nowrap;color:var(--theme-text)}
.compact-shell-v2 .shell-page-actions{display:flex;gap:6px}
.compact-shell-v2 .shell-page-actions button{min-height:40px;padding:6px 10px}
.compact-shell-v2>header[hidden],.compact-shell-v2>.module-intro[hidden]{display:none!important}
.compact-shell-v2>.compact-filter-shell{position:sticky;top:var(--shell-header);z-index:180;height:var(--shell-filter);margin:0;border:0;border-bottom:1px solid var(--theme-line);border-radius:0;background:var(--theme-panel);box-shadow:0 5px 14px color-mix(in srgb,var(--theme-shadow-colour) 6.0%,transparent)}
.compact-shell-v2 .compact-filter-shell>.context-bar{display:flex;height:100%;gap:8px;padding:5px 16px;border-radius:0;background:var(--theme-subtle);overflow:hidden}
.compact-filter-button,.compact-filter-reset{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:5px 10px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-panel);color:var(--theme-text);font-weight:750;white-space:nowrap}
.compact-filter-button{background:var(--theme-button);color:var(--theme-inverse);border-color:var(--theme-line)}.filter-count{display:grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border-radius:999px;background:var(--theme-panel);color:var(--theme-text);font-size:11px}.filter-icon{font-size:13px}.compact-active-chips{display:flex;min-width:0;flex:1;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.compact-active-chips::-webkit-scrollbar{display:none}.compact-active-chips button,.neutral-filter-chip{flex:0 0 auto;min-height:32px;padding:4px 8px;border:1px solid var(--theme-line);border-radius:999px;background:var(--theme-subtle);color:var(--theme-text);font-size:11px;white-space:nowrap}.neutral-filter-chip{display:inline-flex;align-items:center;border-style:dashed;background:var(--theme-panel);color:var(--theme-text)}.compact-result-count{flex:0 0 auto;white-space:nowrap}.filter-info{display:grid;width:30px;height:30px;place-items:center;color:var(--theme-text);cursor:help}
.compact-filter-shell .filter-drawer{position:fixed!important;inset:0 0 0 auto!important;z-index:260!important;width:var(--shell-drawer);height:100dvh;max-height:none;margin:0!important;padding:0 0 24px!important;border:0!important;border-radius:16px 0 0 16px!important;background:var(--theme-panel)!important;box-shadow:-24px 0 70px color-mix(in srgb,var(--theme-shadow-colour) 30.0%,transparent)!important;overflow-y:auto!important}
.compact-filter-shell .filter-drawer:not([open]){display:none!important}.compact-filter-shell .filter-drawer[open]{display:block!important}
.compact-filter-shell .filter-drawer>summary{display:none!important}.filter-drawer-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--theme-panel)}.filter-drawer-copy{display:grid}.filter-drawer-copy small{color:var(--muted)}.filter-drawer-close{width:44px;height:44px;padding:0;border:1px solid var(--line);background:var(--theme-subtle);color:var(--ink);font-size:26px}.compact-filter-shell .filter-drawer form{padding:0 16px!important}.compact-filter-shell .filter-drawer .scope-grid{grid-template-columns:1fr 1fr!important}.compact-filter-shell .filter-drawer .scope-actions{position:sticky;bottom:0;z-index:2;margin-inline:-16px;padding:12px 16px!important;border-top:1px solid var(--line);background:var(--theme-panel)}.compact-filter-shell .filter-drawer .scope-chips,.compact-filter-shell .filter-drawer .scope-result,.compact-filter-shell .filter-drawer .scope-note,.compact-filter-shell .filter-drawer .filter-definitions{margin-inline:16px}.drawer-page-filters{display:block!important;margin:12px 16px!important;padding:14px!important;border:1px solid var(--line)!important;box-shadow:none!important}.drawer-section-title{display:grid;margin-bottom:10px}.drawer-section-title small{color:var(--muted)}.drawer-primary-grid,.drawer-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer-primary-grid label,.drawer-advanced-grid label{display:grid;gap:4px}.drawer-primary-grid input,.drawer-primary-grid select,.drawer-advanced-grid input,.drawer-advanced-grid select{width:100%}.drawer-advanced{margin-top:12px;border:1px solid var(--line);border-radius:10px}.drawer-advanced>summary{padding:10px 12px;cursor:pointer;font-weight:750}.drawer-advanced-grid{padding:0 12px 12px}.filter-presets{display:flex;flex-wrap:wrap;gap:7px;margin:14px 16px;padding-top:12px;border-top:1px solid var(--line)}.filter-presets>strong{flex-basis:100%;font-size:13px}.filter-presets button{min-height:36px;padding:6px 9px;border:1px solid var(--theme-line);border-radius:999px;background:var(--theme-subtle);color:var(--theme-text);font-size:12px}
.compact-shell-v2>.decision-flow-mini{display:flex;align-items:center;gap:8px;height:44px;margin:6px 16px;padding:4px 8px;border-radius:10px;overflow:hidden}.decision-flow-mini .decision-flow-head{display:none}.decision-flow-mini .decision-stepper{display:flex!important;flex:1;gap:4px;min-width:0;overflow-x:auto!important;padding:0}.decision-flow-mini .decision-step{flex:0 0 auto;width:auto;min-height:32px;padding:3px 7px;gap:5px;border-radius:7px}.decision-flow-mini .decision-step-number{width:22px;height:22px;flex-basis:22px;font-size:11px}.decision-flow-mini .decision-step-copy{display:block}.decision-flow-mini .decision-step-copy strong{font-size:11px;white-space:nowrap}.decision-flow-mini .decision-step-copy small{display:none}.decision-flow-mini .decision-step:after{display:none}.decision-next-button{display:inline-flex;align-items:center;min-height:34px;padding:5px 9px;border-radius:7px;background:var(--theme-button);color:var(--theme-inverse);text-decoration:none;font-size:11px;font-weight:750;white-space:nowrap}
.compact-shell-v2>.intervention-context{display:none!important}
.compact-shell-v2.integrated main{margin:0 auto;padding:12px 24px 28px!important}
.page-explanation,.page-limit-disclosure{margin:20px 0;border:1px solid var(--line);border-radius:12px;background:var(--theme-panel)}.page-explanation>summary,.page-limit-disclosure>summary{min-height:44px;padding:10px 14px;cursor:pointer;color:var(--theme-text);font-weight:750}.page-explanation>.decision-guidance{margin:0;padding:0 14px 14px}.page-limit-disclosure>*:not(summary){margin:0!important;border:0!important;border-radius:0 0 12px 12px!important;box-shadow:none!important}.intervention-context-neutral{display:block!important;margin:20px 0!important;border:1px solid var(--line)!important;border-left:4px solid var(--theme-line)!important;background:var(--theme-subtle)!important;color:var(--ink)!important}.intervention-context-neutral summary:before{color:var(--theme-text)!important}.intervention-context-neutral .intervention-context-action{border-color:var(--theme-line)!important;color:var(--theme-text)!important}.advanced-filters:has(>.control-deck:empty){display:none}.compact-shell-v2>.local-filter-label{display:none!important}

@media(max-width:1023px){
  body.integrated.compact-shell-v2{padding-left:0!important}
  .compact-shell-v2>.site-sidebar{display:none!important;width:min(320px,calc(100vw - 32px));padding:16px;overflow-y:auto}
  .compact-shell-v2>.site-sidebar.open,.compact-shell-v2>.site-sidebar.is-pinned{display:block!important}
  .compact-shell-v2 .shell-brand-mini{display:grid}
  .compact-shell-v2 .sidebar-pin{display:none!important}
  .compact-shell-v2>.shell-bar{padding-inline:10px}
}
@media(max-width:640px){
  :root{--shell-header:58px;--shell-filter:50px;--shell-drawer:100vw}
  .compact-shell-v2 .shell-brand-mini,.compact-shell-v2 .shell-identity small,.compact-shell-v2 .shell-bar>button:not(#menuToggle):not(.shell-scope-button),.compact-shell-v2 .shell-page-actions{display:none}
  .compact-shell-v2 .shell-identity strong{max-width:42vw;font-size:14px}
  .compact-shell-v2 .shell-scope-button{max-width:42vw;overflow:hidden;text-overflow:ellipsis;font-size:11px}
  .compact-shell-v2 .compact-filter-shell>.context-bar{padding-inline:8px}.compact-result-count,.filter-info{display:none}.compact-filter-button{min-width:96px}.compact-filter-reset{font-size:11px}.neutral-filter-chip{max-width:58vw;overflow:hidden;text-overflow:ellipsis}
  .compact-filter-shell .filter-drawer{inset:auto 0 0!important;width:100vw;height:min(86dvh,760px);border-radius:18px 18px 0 0!important;box-shadow:0 -20px 65px color-mix(in srgb,var(--theme-shadow-colour) 30.0%,transparent)!important}.compact-filter-shell .filter-drawer .scope-grid,.drawer-primary-grid,.drawer-advanced-grid{grid-template-columns:1fr!important}
  .compact-shell-v2>.decision-flow-mini{margin:4px 8px;height:42px}.decision-flow-mini .decision-step-copy{display:none}.decision-flow-mini .decision-step{padding:3px}.decision-next-button{font-size:0}.decision-next-button:after{content:'Berikutnya ›';font-size:11px}
  .compact-shell-v2.integrated main{padding:8px 12px 24px!important}
}
@media(min-width:1600px){.design-system-v1.integrated main{max-width:1660px}.design-system-v1 .context-shell,.design-system-v1 .decision-flow{max-width:1660px;margin-inline:auto}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}
@media print{
  @page{margin:14mm}
  body.design-system-v1{padding:0!important;background:var(--theme-panel)!important;color:var(--theme-text)!important;font-size:10pt}
  .design-system-v1 :is(.site-sidebar,.shell-bar,.context-shell,.decision-flow,.intervention-context,.local-filter-label,.filter-shell,.control-deck,.village-picker,.economy-controls,.social-controls,.environment-controls,.access-controls,.audit-control-shell,.controls,.table-pager,.toast,button,.chart-text-summary>summary){display:none!important}
  .design-system-v1 main{max-width:none!important;padding:0!important}
  .design-system-v1 :is(.panel,.content-card,.summary-card,.metric-card){break-inside:avoid;box-shadow:none!important;border-color:var(--theme-line)!important}
  .design-system-v1 .accessible-table-region{overflow:visible}
  .design-system-v1 table{font-size:8pt}
  .design-system-v1 .chart-text-summary{display:block!important;border:0!important}
  .design-system-v1 .chart-text-summary ul{display:block!important}
  .design-system-v1 a{color:var(--theme-text)!important;text-decoration:underline}
}