/* dampak.css — tab "Dampak" (dampak.js). Hanya warna token halaman + palet redup. */
#dampak .dk-kpi{margin:0 0 14px;grid-template-columns:1fr 1fr}
@media (min-width:900px){#dampak .dk-kpi{grid-template-columns:repeat(4,1fr)}}
#dampak .kpi b{font-size:clamp(17px,2.4vw,22px);overflow-wrap:anywhere}
.dk-r{display:block;font-size:11px;font-weight:600;color:var(--ink2);font-family:inherit}
.dk-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 16px;padding:2px}
.dk-nav button{flex:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:var(--shadow)}
.dk-nav button:hover{border-color:var(--brand2)}
.dk-bag{scroll-margin-top:12px}
.dk-no{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink2);margin:0 0 6px 4px}
.dk-svg{display:block;width:100%;height:auto;overflow:visible}
.dk-svg text{fill:currentColor}
.dk-svg g[data-dk]:hover>.hov{fill:var(--surface)}
.dk-svg [data-dk]:focus{outline:none}
.dk-peta{background:var(--surface);border-radius:12px;margin-top:4px}
.dk-darat{fill:var(--card);stroke:var(--ink2);stroke-opacity:.35;stroke-width:.6}
.dk-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--ink2);margin:6px 0 0}
.dk-leg span{display:inline-flex;align-items:center;gap:5px}
.dk-leg i{width:10px;height:10px;border-radius:3px;display:inline-block}
.dk-tw{margin-top:4px;max-height:420px}
.dk-tw tr[data-dk]{cursor:pointer}
.dk-tw tr[data-dk]:focus-visible{outline:2px solid var(--brand2);outline-offset:-2px}
.dk-tw td small.dk-s,.dk-s{display:block;color:var(--ink2);font-size:11px;font-weight:400;white-space:normal}
.dk-wrap{white-space:normal!important;min-width:220px;line-height:1.35}
.dk-jn{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.dk-jn::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--w)}
.dk-lagi{margin-top:8px}
.dk-sel{display:inline-block;min-width:40px;text-align:center;border-radius:6px;padding:2px 6px;font-weight:700;font-variant-numeric:tabular-nums}
.dk-kvs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.dk-kv{background:var(--surface);border-radius:10px;padding:7px 10px;display:grid;gap:2px;min-width:0}
.dk-kv span{font-size:11px;color:var(--ink2)}
.dk-kv b{font-size:13.5px;overflow-wrap:anywhere}
.dk-ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px}
.dk-ul a{color:var(--brand2);font-weight:600}
.dlg .dk-kvs button{margin:2px}
@media (max-width:600px){
  #dampak .ex{padding:16px 14px 12px}
  .dk-wrap{min-width:180px}
}