:root{--audit-navy:var(--theme-header);--audit-ink:var(--theme-text);--audit-mint:var(--theme-secondary);--audit-line:var(--theme-line);--audit-soft:var(--theme-subtle);--audit-blue:var(--theme-primary);--audit-amber:var(--theme-accent);--audit-red:var(--theme-danger);--audit-purple:var(--theme-special)}
body{color:var(--audit-ink)}
.audit-header{background:linear-gradient(115deg,var(--theme-header) 0%,var(--theme-header) 68%,var(--theme-header) 100%)}
.audit-control-shell{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--theme-panel) 97.0%,transparent);border-bottom:1px solid var(--audit-line);box-shadow:0 8px 24px color-mix(in srgb,var(--theme-shadow-colour) 7.0%,transparent);padding:1rem clamp(1rem,4vw,4rem)}
.audit-filter-grid{display:grid;grid-template-columns:1.45fr repeat(7,minmax(140px,1fr)) auto;gap:.75rem;align-items:end}
.audit-filter-grid label{font-size:.78rem;font-weight:800;color:var(--theme-muted)}.audit-filter-grid input,.audit-filter-grid select{display:block;width:100%;margin-top:.32rem;min-height:42px;border:1px solid var(--theme-line);border-radius:10px;background:var(--theme-panel);padding:.62rem .7rem;color:var(--audit-ink);font:inherit;font-size:.86rem}.audit-filter-grid input:focus,.audit-filter-grid select:focus{outline:3px solid color-mix(in srgb,var(--theme-focus) 24.0%,transparent);border-color:var(--theme-line)}.audit-main{padding-top:1.35rem}.method-strip{margin:0 auto 1rem;max-width:1500px;background:var(--audit-navy);color:var(--theme-header-text);border-radius:18px;padding:1.15rem;display:grid;grid-template-columns:1.1fr 1fr 1.25fr;gap:1rem;align-items:stretch}.method-strip h2{font-size:1.35rem;margin:.15rem 0 .35rem}.method-strip p{margin:0;line-height:1.55;color:var(--theme-header-text)}.formula-card{background:var(--theme-primary);border:1px solid color-mix(in srgb,var(--theme-line) 14.0%,transparent);border-radius:14px;padding:1rem;display:flex;flex-direction:column;justify-content:center}.formula-card span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--theme-text)}.formula-card strong{font-size:1.02rem;line-height:1.45;margin:.3rem 0}.formula-link{border:0;background:transparent;color:var(--theme-text);text-align:left;padding:.25rem 0;font-weight:800;cursor:pointer}.status-scale{display:grid;grid-template-columns:repeat(5,1fr);border-radius:12px;overflow:hidden}.status-band{padding:.75rem .55rem;display:flex;flex-direction:column;justify-content:center;min-width:0}.status-band strong{font-size:.78rem}.status-band span{font-size:.7rem;margin-top:.2rem;opacity:.92}.audit-kpis{max-width:1500px;margin:0 auto 1rem;display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.audit-kpi{background:var(--theme-panel);border:1px solid var(--audit-line);border-radius:14px;padding:.9rem;box-shadow:0 5px 18px color-mix(in srgb,var(--theme-shadow-colour) 5.0%,transparent)}.audit-kpi small{display:block;color:var(--theme-muted);font-weight:750}.audit-kpi strong{display:block;font-size:1.55rem;color:var(--audit-navy);margin:.25rem 0}.audit-kpi span{font-size:.76rem;color:var(--theme-text)}.source-caveat{max-width:1500px;margin:0 auto 1rem;padding:.85rem 1rem;border:1px solid var(--theme-line);border-left:5px solid var(--audit-amber);background:var(--theme-subtle);border-radius:12px;display:flex;gap:1rem;align-items:flex-start}.source-caveat strong{white-space:nowrap;color:var(--theme-muted)}.source-caveat p{margin:0;color:var(--theme-muted);font-size:.88rem;line-height:1.45}.audit-workspace{max-width:1500px;margin:0 auto 1rem;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);gap:1rem;align-items:start}.audit-table-panel{min-width:0}.audit-detail{position:sticky;top:158px;max-height:calc(100vh - 180px);overflow:auto}.audit-legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.74rem;color:var(--theme-text);margin:-.35rem 0 .75rem}.audit-legend span{display:inline-flex;align-items:center;gap:.35rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--theme-primary)}.dot.official{background:var(--theme-success)}.dot.gap{background:var(--theme-primary)}.dot.lever{background:var(--theme-primary)}.dot.operational{background:var(--theme-primary)}.audit-table-wrap{max-height:660px;border:1px solid var(--audit-line);border-radius:12px}.audit-table{font-size:.76rem}.village-button{border:0;background:transparent;color:var(--theme-text);font-weight:850;padding:.2rem 0;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:var(--theme-line);text-underline-offset:3px}.status-pill,.audit-pill,.state-pill,.gap-pill{display:inline-flex;border-radius:999px;padding:.28rem .48rem;font-size:.69rem;font-weight:850;white-space:nowrap}.audit-pill.ok{background:var(--theme-success-soft);color:var(--theme-success)}.audit-pill.rounding{background:var(--theme-info-soft);color:var(--theme-info)}.audit-pill.verify{background:var(--theme-danger-soft);color:var(--theme-danger)}.audit-pill.missing{background:var(--theme-danger-soft);color:var(--theme-danger)}.detail-heading{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.detail-heading h2{margin:.15rem 0}.detail-code{font-size:.74rem;color:var(--theme-text)}.detail-index{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.85rem 0}.detail-metric{background:var(--audit-soft);padding:.75rem;border-radius:11px}.detail-metric small{display:block;color:var(--theme-muted)}.detail-metric strong{display:block;font-size:1.12rem;margin-top:.2rem}.trace-line{font-size:.74rem;line-height:1.5;color:var(--theme-text);background:var(--theme-subtle);border-radius:10px;padding:.7rem;margin:.8rem 0}.detail-section{border-top:1px solid var(--audit-line);padding-top:.8rem;margin-top:.8rem}.detail-section h3{margin:0 0 .55rem;font-size:.92rem}.mini-dim-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.mini-dim{border:1px solid var(--audit-line);border-radius:9px;padding:.55rem}.mini-dim small{display:block;color:var(--theme-muted)}.mini-dim strong{font-size:.95rem}.audit-note{font-size:.78rem;line-height:1.5;color:var(--theme-muted)}.dimension-audit-grid{display:grid;grid-template-columns:minmax(300px,.75fr) 1.25fr;gap:1.2rem;align-items:center}.comparison-bars{display:grid;gap:.8rem}.comparison-row{display:grid;grid-template-columns:118px 1fr 48px;gap:.65rem;align-items:center}.comparison-label{font-weight:800;font-size:.82rem}.comparison-track{height:42px;background:var(--theme-subtle);border-radius:8px;position:relative;overflow:hidden}.comparison-track i{position:absolute;left:0;height:10px;border-radius:0 5px 5px 0}.comparison-track .county{top:4px;background:var(--theme-primary)}.comparison-track .district{top:16px;background:var(--theme-primary)}.comparison-track .village{top:28px;background:var(--theme-primary)}.comparison-value{font-weight:850;text-align:right}.chart-key{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.73rem;margin-bottom:.75rem}.chart-key span{display:flex;align-items:center;gap:.3rem}.chart-key i{width:16px;height:5px;border-radius:4px}.dimension-audit-table{margin-top:1rem;display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem}.dimension-card{background:var(--audit-soft);border-radius:11px;padding:.75rem}.dimension-card strong{display:block;margin-bottom:.25rem}.dimension-card span{display:block;font-size:.75rem;color:var(--theme-text);line-height:1.45}.analysis-row{max-width:1500px;margin:1rem auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.gap-meter{height:12px;background:var(--theme-subtle);border-radius:999px;overflow:hidden;margin:.65rem 0}.gap-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--theme-primary),var(--theme-primary))}.threshold-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.8rem 0}.threshold-item{background:var(--audit-soft);padding:.7rem;border-radius:10px}.threshold-item small{display:block;color:var(--theme-muted)}.threshold-item strong{display:block;margin-top:.2rem}.lever-list{display:grid;gap:.55rem}.lever-item{border:1px solid var(--audit-line);border-radius:10px;padding:.65rem}.lever-item-head{display:flex;justify-content:space-between;gap:.75rem}.lever-item strong{font-size:.83rem}.lever-item span{font-size:.73rem;color:var(--theme-text)}.lever-item p{margin:.35rem 0 0;font-size:.74rem;color:var(--theme-muted)}.quality-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem}.quality-card{border:1px solid var(--audit-line);border-radius:11px;padding:.75rem}.quality-card strong{display:block;font-size:1.25rem}.quality-card span{font-size:.74rem;color:var(--theme-text)}.quality-matrix{margin-top:1rem;display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem}.quality-dimension{background:var(--audit-soft);padding:.7rem;border-radius:10px}.quality-dimension strong{display:block;font-size:.8rem}.quality-dimension span{display:block;font-size:.73rem;color:var(--theme-text);margin-top:.25rem}.empty-state{padding:2rem;text-align:center;color:var(--theme-text)}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.method-box{background:var(--audit-soft);border-radius:11px;padding:.85rem}.method-box h3{margin:0 0 .35rem}.method-box p,.method-box li{font-size:.84rem;line-height:1.5}.rule-tree{display:grid;gap:.55rem}.rule-tree details{border:1px solid var(--audit-line);border-radius:9px;padding:.55rem}.rule-tree summary{cursor:pointer;font-weight:800;font-size:.8rem}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.55rem}.rule-field{background:var(--audit-soft);border-radius:7px;padding:.5rem;font-size:.72rem;overflow-wrap:anywhere}.rule-field small{display:block;color:var(--theme-muted)}.rule-field strong{display:block;margin-top:.15rem}.state-sah{color:var(--theme-text)}.state-perlu_normalisasi{color:var(--theme-text)}.state-kosong,.state-nol,.state-tidak_sah{color:var(--theme-text)}
@media(max-width:1250px){.audit-filter-grid{grid-template-columns:repeat(4,1fr)}.search-wide{grid-column:span 2}.audit-kpis{grid-template-columns:repeat(3,1fr)}.audit-workspace{grid-template-columns:1fr}.audit-detail{position:static;max-height:none}.method-strip{grid-template-columns:1fr 1fr}.status-scale{grid-column:1/-1}.quality-summary,.quality-matrix,.dimension-audit-table{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.audit-filter-grid{grid-template-columns:1fr 1fr}.search-wide{grid-column:1/-1}.method-strip{grid-template-columns:1fr;border-radius:0}.status-scale{grid-template-columns:1fr}.status-band{flex-direction:row;justify-content:space-between}.audit-kpis{grid-template-columns:1fr 1fr}.source-caveat{margin-left:1rem;margin-right:1rem;display:block}.source-caveat strong{display:block;margin-bottom:.25rem}.dimension-audit-grid,.analysis-row{grid-template-columns:1fr}.dimension-audit-table,.quality-summary,.quality-matrix{grid-template-columns:1fr 1fr}.threshold-list{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}.audit-control-shell{position:static}.audit-main{padding-left:0;padding-right:0}.audit-workspace,.analysis-row,.audit-main>.panel{margin-left:1rem;margin-right:1rem}.method-strip{margin-top:-1.35rem}.rule-grid{grid-template-columns:1fr}}
@media(max-width:470px){.audit-filter-grid,.audit-kpis,.dimension-audit-table,.quality-summary,.quality-matrix,.detail-index{grid-template-columns:1fr}.search-wide{grid-column:auto}.audit-kpis{margin-left:1rem;margin-right:1rem}.composition-chart{min-width:0}.top-actions{width:100%}.top-actions .button{flex:1}}

.village-button {display:block;width:100%;line-height:1.35;overflow-wrap:normal;word-break:normal;white-space:nowrap; }