/* Dasbor Kepatuhan LHKPN. Seluruh aturan berawalan #lhkpn-natuna agar tidak bocor ke tema
   dan menang atas aturan tema seperti .entry-content a, .entry-content ul, table, td. */
#lhkpn-natuna{
  --lk-kartu:#ffffff;--lk-lembut:#f3f6f3;--lk-garis:#dde3e0;--lk-teks:#1c2430;--lk-teks-2:#5b6673;
  --lk-utama:#2d6c28;--lk-utama-teks:#1a3f17;--lk-lintasan:#dfe9de;--lk-ubin-sorot:#cfe0cd;--lk-kk-a:#a3c2a0;
  --lk-w-du:#2d6c28;--lk-w-tl:#c98f00;--lk-w-sd:#1b82c4;--lk-w-pp:#e06a2c;--lk-w-bl:#822b6a;--lk-w-pv:#9aa59d;--lk-w-lk:#9aa59d;
  --lk-tip-latar:#1c2430;--lk-tip-teks:#ffffff;
  container:lk / inline-size;
  position:relative;color:var(--lk-teks);font-size:14px;line-height:1.55;margin:0 0 28px;
  -webkit-text-size-adjust:100%;
}
html.pin-gelap #lhkpn-natuna,#lhkpn-natuna[data-tema="gelap"]{
  --lk-kartu:#18211a;--lk-lembut:#101710;--lk-garis:#2a352c;--lk-teks:#e7ebe7;--lk-teks-2:#a8b3a9;
  --lk-utama:#5aa552;--lk-utama-teks:#9fd098;--lk-lintasan:#2b3a2d;--lk-ubin-sorot:#34463a;--lk-kk-a:#3f5a3c;
  --lk-w-du:#0d7435;--lk-w-tl:#b67c0d;--lk-w-sd:#3c8dda;--lk-w-pp:#cc6c13;--lk-w-bl:#923a79;--lk-w-pv:#5d6a60;--lk-w-lk:#5d6a60;
  --lk-tip-latar:#e7ebe7;--lk-tip-teks:#101710;
}
#lhkpn-natuna *,#lhkpn-natuna *::before,#lhkpn-natuna *::after{box-sizing:border-box}
#lhkpn-natuna [hidden]{display:none!important}
#lhkpn-natuna p{margin:0 0 10px}
#lhkpn-natuna h2,#lhkpn-natuna h3,#lhkpn-natuna h4{font-family:inherit;color:var(--lk-teks);font-weight:700;margin:0}
#lhkpn-natuna ul,#lhkpn-natuna ol{margin:0;padding:0;list-style:none}
#lhkpn-natuna li{margin:0}
#lhkpn-natuna figure{margin:0}
#lhkpn-natuna button,#lhkpn-natuna input{font-family:inherit;font-size:14px;color:var(--lk-teks);margin:0;text-transform:none;letter-spacing:normal;box-shadow:none}
#lhkpn-natuna button{-webkit-appearance:none;appearance:none}
#lhkpn-natuna :focus-visible{outline:2px solid var(--lk-utama);outline-offset:2px}
#lhkpn-natuna strong{font-weight:700}
#lhkpn-natuna .lk-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* kepala */
#lhkpn-natuna .lk-kepala{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 0 12px}
#lhkpn-natuna .lk-meta{font-size:13px;color:var(--lk-teks-2);margin:0}
#lhkpn-natuna .lk-tahun{display:flex;flex-wrap:wrap;gap:6px}
#lhkpn-natuna .lk-tahun a{display:inline-block;padding:4px 12px;border-radius:999px;border:1px solid var(--lk-garis);font-size:13px;font-weight:600;color:var(--lk-teks);text-decoration:none;background:var(--lk-kartu)}
#lhkpn-natuna .lk-tahun a:hover{background:var(--lk-lembut)}
#lhkpn-natuna .lk-tahun a[aria-current="page"]{background:var(--lk-utama);border-color:var(--lk-utama);color:#fff}

/* tab */
#lhkpn-natuna .lk-tab{display:none;gap:2px;margin:0 0 18px;border-bottom:1px solid var(--lk-garis);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#lhkpn-natuna .lk-tab::-webkit-scrollbar{display:none}
#lhkpn-natuna.lk-js .lk-tab{display:flex}
#lhkpn-natuna .lk-tab [role="tab"]{flex:none;margin:0 0 -1px;padding:10px 14px 9px;border:0;border-bottom:3px solid transparent;border-radius:6px 6px 0 0;background:none;font-size:14px;font-weight:600;color:var(--lk-teks-2);cursor:pointer;white-space:nowrap;line-height:1.3}
#lhkpn-natuna .lk-tab [role="tab"]:hover{background:var(--lk-lembut);color:var(--lk-teks)}
#lhkpn-natuna .lk-tab [role="tab"][aria-selected="true"]{color:var(--lk-utama-teks);border-bottom-color:var(--lk-utama)}
#lhkpn-natuna .lk-panel{outline:none;margin:0 0 24px}
#lhkpn-natuna.lk-js .lk-panel{margin:0}
#lhkpn-natuna .lk-panel-judul{font-size:18px;margin:0 0 6px}
#lhkpn-natuna.lk-js .lk-panel-judul{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#lhkpn-natuna .lk-sub-panel{font-size:13px;color:var(--lk-teks-2);margin:0 0 14px}
#lhkpn-natuna .lk-catatan{font-size:12.5px;color:var(--lk-teks-2);margin:14px 0 0}

/* ringkasan: diagram bunga */
#lhkpn-natuna .lk-ringkas{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:center}
#lhkpn-natuna .lk-bunga{text-align:center}
#lhkpn-natuna .lk-bunga-svg{display:block;width:100%;max-width:360px;height:auto;margin:0 auto;overflow:visible}
#lhkpn-natuna .lk-bunga figcaption{font-size:12.5px;color:var(--lk-teks-2);margin:4px 0 0}
#lhkpn-natuna .lk-pusat{fill:var(--lk-lembut)}
#lhkpn-natuna .lk-titik circle{transition:opacity .2s ease}
#lhkpn-natuna .lk-titik circle:hover{opacity:.55}
#lhkpn-natuna .lk-bunga .s-du{fill:var(--lk-w-du)}
#lhkpn-natuna .lk-bunga .s-tl{fill:var(--lk-w-tl)}
#lhkpn-natuna .lk-bunga .s-sd{fill:var(--lk-w-sd)}
#lhkpn-natuna .lk-bunga .s-pp{fill:var(--lk-w-pp)}
#lhkpn-natuna .lk-bunga .s-bl{fill:var(--lk-w-bl)}
#lhkpn-natuna .lk-bunga .s-pv{fill:var(--lk-w-pv)}
#lhkpn-natuna .lk-bunga .s-lk{fill:var(--lk-w-lk)}
#lhkpn-natuna .lk-bunga-svg[data-sorot] .lk-titik circle{opacity:.1}
#lhkpn-natuna .lk-bunga-svg[data-sorot="du"] .lk-titik circle.s-du,#lhkpn-natuna .lk-bunga-svg[data-sorot="tl"] .lk-titik circle.s-tl,
#lhkpn-natuna .lk-bunga-svg[data-sorot="sd"] .lk-titik circle.s-sd,#lhkpn-natuna .lk-bunga-svg[data-sorot="pp"] .lk-titik circle.s-pp,
#lhkpn-natuna .lk-bunga-svg[data-sorot="bl"] .lk-titik circle.s-bl,#lhkpn-natuna .lk-bunga-svg[data-sorot="pv"] .lk-titik circle.s-pv,
#lhkpn-natuna .lk-bunga-svg[data-sorot="lk"] .lk-titik circle.s-lk{opacity:1}
#lhkpn-natuna .lk-bunga-angka{font-family:inherit;font-size:36px;font-weight:700;letter-spacing:-.02em;fill:var(--lk-teks)}
#lhkpn-natuna .lk-bunga-ket{font-family:inherit;font-size:12.5px;fill:var(--lk-teks-2)}
#lhkpn-natuna .lk-status-judul{font-size:15px;line-height:1.45;margin:0 0 12px}
#lhkpn-natuna .lk-status-judul strong{font-size:26px;margin:0 6px 0 0;letter-spacing:-.01em}
#lhkpn-natuna .lk-status-daftar li{display:grid;grid-template-columns:12px 48px minmax(0,1fr);align-items:center;gap:10px;padding:7px 10px;margin:0 0 2px;border:1px solid transparent;border-radius:8px;cursor:pointer;user-select:none}
#lhkpn-natuna .lk-status-daftar li:hover,#lhkpn-natuna .lk-status-daftar li.lk-aktif{background:var(--lk-lembut)}
#lhkpn-natuna .lk-status-daftar li[aria-pressed="true"]{border-color:var(--lk-garis)}
#lhkpn-natuna .lk-status-daftar i{display:block;width:12px;height:12px;border-radius:50%}
#lhkpn-natuna .lk-s-n{font-size:21px;font-weight:700;line-height:1.1;text-align:right;font-variant-numeric:tabular-nums}
#lhkpn-natuna .lk-s-l{font-size:14px;line-height:1.3}

/* warna status pada swatch, titik, dan batang */
#lhkpn-natuna i.lk-w-du,#lhkpn-natuna span.lk-w-du{background:var(--lk-w-du)}
#lhkpn-natuna i.lk-w-tl,#lhkpn-natuna span.lk-w-tl{background:var(--lk-w-tl)}
#lhkpn-natuna i.lk-w-sd,#lhkpn-natuna span.lk-w-sd{background:var(--lk-w-sd)}
#lhkpn-natuna i.lk-w-pp,#lhkpn-natuna span.lk-w-pp{background:var(--lk-w-pp)}
#lhkpn-natuna i.lk-w-bl,#lhkpn-natuna span.lk-w-bl{background:var(--lk-w-bl)}
#lhkpn-natuna i.lk-w-pv,#lhkpn-natuna span.lk-w-pv,#lhkpn-natuna i.lk-w-lk,#lhkpn-natuna span.lk-w-lk{background:var(--lk-w-pv)}
#lhkpn-natuna .lk-cip{--c:var(--lk-w-tl);display:inline-flex;align-items:center;gap:6px;margin:2px 6px 2px 0;padding:3px 10px 3px 8px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,var(--lk-kartu));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,var(--lk-kartu));font-size:12.5px;font-weight:600;line-height:1.3;white-space:nowrap;color:var(--lk-teks)}
#lhkpn-natuna .lk-cip i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--c)}
#lhkpn-natuna .lk-cip-tl{--c:var(--lk-w-tl)}
#lhkpn-natuna .lk-cip-sd{--c:var(--lk-w-sd)}
#lhkpn-natuna .lk-cip-pp{--c:var(--lk-w-pp)}
#lhkpn-natuna .lk-cip-bl{--c:var(--lk-w-bl)}
#lhkpn-natuna .lk-cip-pv,#lhkpn-natuna .lk-cip-lk{--c:var(--lk-w-pv)}
#lhkpn-natuna .lk-cip-ok{--c:var(--lk-w-du)}

/* unit kerja */
#lhkpn-natuna .lk-opd{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:14px;align-items:start}
#lhkpn-natuna .lk-opd-kiri{display:flex;flex-direction:column;gap:8px;min-width:0}
#lhkpn-natuna:not(.lk-js) .lk-opd-kiri{display:none}
#lhkpn-natuna:not(.lk-js) .lk-opd{display:block}
#lhkpn-natuna .lk-cari{display:block;width:100%;height:38px;padding:0 12px;border:1px solid var(--lk-garis);border-radius:8px;background:var(--lk-kartu);font-size:13.5px;transition:none}
#lhkpn-natuna .lk-cari::placeholder{color:var(--lk-teks-2);opacity:1}
#lhkpn-natuna .lk-opd-daftar{max-height:436px;overflow-y:auto;padding:4px;border:1px solid var(--lk-garis);border-radius:10px;overscroll-behavior:contain}
#lhkpn-natuna .lk-opd-btn{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:6px 8px;border:0;border-radius:7px;background:none;text-align:left;font-size:13px;font-weight:600;line-height:1.3;color:var(--lk-teks);cursor:pointer}
#lhkpn-natuna .lk-opd-btn:hover{background:var(--lk-lembut)}
#lhkpn-natuna .lk-opd-btn[aria-pressed="true"]{background:var(--lk-utama);color:#fff}
#lhkpn-natuna .lk-opd-btn .lk-cincin{width:30px;height:30px}
#lhkpn-natuna .lk-opd-akhir{display:flex;align-items:center;gap:6px}
#lhkpn-natuna .lk-opd-titik{display:flex;flex-wrap:wrap;gap:2px;max-width:30px;justify-content:flex-end}
#lhkpn-natuna .lk-opd-titik i{display:block;width:7px;height:7px;border-radius:50%}
#lhkpn-natuna .lk-opd-btn[aria-pressed="true"] .lk-opd-titik i{box-shadow:0 0 0 1.5px #fff}
#lhkpn-natuna .lk-opd-wl{min-width:20px;text-align:right;font-size:12px;font-weight:600;color:var(--lk-teks-2);font-variant-numeric:tabular-nums}
#lhkpn-natuna .lk-opd-btn[aria-pressed="true"] .lk-opd-wl{color:rgba(255,255,255,.85)}
#lhkpn-natuna .lk-cincin{display:block;flex:none;transform:rotate(-90deg)}
#lhkpn-natuna .lk-cincin circle{fill:none;stroke-width:4}
#lhkpn-natuna .lk-cincin-jalur{stroke:var(--lk-lintasan)}
#lhkpn-natuna .lk-cincin-isi{stroke:var(--lk-utama)}
#lhkpn-natuna .lk-opd-btn[aria-pressed="true"] .lk-cincin-jalur{stroke:rgba(255,255,255,.25)}
#lhkpn-natuna .lk-opd-btn[aria-pressed="true"] .lk-cincin-isi{stroke:#fff}
#lhkpn-natuna .lk-opd-kanan{min-width:0;padding:16px;border:1px solid var(--lk-garis);border-radius:10px;background:var(--lk-kartu)}
#lhkpn-natuna:not(.lk-js) .lk-opd-kanan{border:0;padding:0}
#lhkpn-natuna:not(.lk-js) .lk-opd-rinci{margin:0 0 20px}
#lhkpn-natuna .lk-opd-kepala{display:flex;align-items:center;gap:12px;margin:0 0 12px}
#lhkpn-natuna .lk-opd-kepala h3{font-size:16px;line-height:1.3;margin:0 0 2px}
#lhkpn-natuna .lk-opd-kepala p{font-size:12.5px;color:var(--lk-teks-2);margin:0}
#lhkpn-natuna .lk-tumpuk{display:flex;gap:2px;height:8px;margin:0 0 8px;border-radius:4px;overflow:hidden}
#lhkpn-natuna .lk-tumpuk span{display:block;flex-basis:0;min-width:5px}
#lhkpn-natuna .lk-opd-cip{margin:0 0 8px;min-height:20px}
#lhkpn-natuna .lk-orang-gulir{max-height:292px;overflow-y:auto;margin:0 -8px;padding:0 8px;border-top:1px solid var(--lk-garis);overscroll-behavior:contain}
#lhkpn-natuna:not(.lk-js) .lk-orang-gulir{max-height:none}
#lhkpn-natuna .lk-sub.lk-masalah{--c:var(--lk-w-tl);margin:10px -8px 4px;padding:2px 8px 2px 10px;border-left:3px solid var(--c);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--c) 7%,var(--lk-kartu))}
#lhkpn-natuna .lk-masalah-sd{--c:var(--lk-w-sd)}
#lhkpn-natuna .lk-masalah-pp{--c:var(--lk-w-pp)}
#lhkpn-natuna .lk-masalah-bl{--c:var(--lk-w-bl)}
#lhkpn-natuna .lk-sub.lk-masalah .lk-orang li:last-child{border-bottom:0}
#lhkpn-natuna .lk-sub h4{display:flex;justify-content:space-between;gap:8px;margin:12px 0 2px;font-size:12px;font-weight:700;color:var(--lk-utama-teks);line-height:1.35}
#lhkpn-natuna .lk-sub-n{font-weight:600;color:var(--lk-teks-2);font-variant-numeric:tabular-nums}
#lhkpn-natuna .lk-sub-cip{margin:0 0 2px}
#lhkpn-natuna .lk-orang li{display:flex;flex-direction:column;padding:7px 0;border-bottom:1px solid var(--lk-garis)}
#lhkpn-natuna .lk-orang li:last-child{border-bottom:0}
#lhkpn-natuna .lk-o-nama{font-size:13.5px;font-weight:600;line-height:1.35}
#lhkpn-natuna .lk-o-ket{font-size:12.5px;line-height:1.35;color:var(--lk-teks-2)}
#lhkpn-natuna .lk-kosong,#lhkpn-natuna .lk-belum{padding:14px 4px;margin:0;font-size:13px;color:var(--lk-teks-2)}

/* jabatan: peta kotak */
#lhkpn-natuna .lk-peta{position:relative;width:100%;margin:0 0 16px}
#lhkpn-natuna .lk-peta-tinggi{display:none}
#lhkpn-natuna .lk-ubin-peta{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:6px 9px;border:2px solid var(--lk-kartu);border-radius:10px;background:var(--lk-lintasan);color:var(--lk-utama-teks);text-align:left;cursor:pointer;overflow:hidden;container-type:size;transition:background-color .15s ease}
#lhkpn-natuna .lk-ubin-peta:hover{background:var(--lk-ubin-sorot)}
#lhkpn-natuna .lk-ubin-peta[aria-pressed="true"]{background:var(--lk-utama);color:#fff}
#lhkpn-natuna .lk-u-n{display:block;font-size:clamp(14px,30cqmin,30px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
#lhkpn-natuna .lk-u-l{display:block;margin:3px 0 0;font-size:clamp(10px,12cqmin,13px);font-weight:600;line-height:1.2}
#lhkpn-natuna:not(.lk-js) .lk-peta{display:none}
#lhkpn-natuna .lk-jab-rinci h3{font-size:15px;line-height:1.35;margin:0 0 6px}
#lhkpn-natuna .lk-jab-rinci h3 span{font-size:13px;font-weight:400;color:var(--lk-teks-2);margin:0 0 0 6px}
#lhkpn-natuna .lk-jab-lain{font-size:12.5px;color:var(--lk-teks-2);margin:0 0 6px}
#lhkpn-natuna .lk-orang-kolom{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));column-gap:24px;max-height:200px;overflow-y:auto;padding:0 4px 0 0;border-top:1px solid var(--lk-garis);overscroll-behavior:contain}
#lhkpn-natuna .lk-orang-kolom li:last-child{border-bottom:1px solid var(--lk-garis)}
#lhkpn-natuna:not(.lk-js) .lk-orang-kolom{max-height:none}
#lhkpn-natuna:not(.lk-js) .lk-jab-rinci{margin:0 0 18px}

/* perkembangan */
#lhkpn-natuna .lk-kk-legenda{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 12px;font-size:12.5px;color:var(--lk-teks-2)}
#lhkpn-natuna .lk-kk-legenda i{display:inline-block;width:16px;height:6px;margin:0 6px 0 0;border-radius:3px;vertical-align:1px}
#lhkpn-natuna .lk-kk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#lhkpn-natuna .lk-kk{padding:12px 14px;border:1px solid var(--lk-garis);border-radius:10px;background:var(--lk-kartu)}
#lhkpn-natuna .lk-kk-label{margin:0 0 6px;font-size:12.5px;font-weight:600;color:var(--lk-teks-2)}
#lhkpn-natuna .lk-kk-angka{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-variant-numeric:tabular-nums}
#lhkpn-natuna .lk-kk-lama{font-size:14px;color:var(--lk-teks-2)}
#lhkpn-natuna .lk-kk-panah{flex:none;color:var(--lk-teks-2)}
#lhkpn-natuna .lk-kk-angka strong{font-size:22px;line-height:1}
#lhkpn-natuna .lk-kk-delta{margin:0 0 0 auto;padding:2px 8px;border-radius:999px;background:var(--lk-lembut);font-size:12px;font-weight:700}
#lhkpn-natuna .lk-kk-batang{display:flex;flex-direction:column;gap:3px}
#lhkpn-natuna .lk-kk-batang span{display:block;height:6px;border-radius:0 3px 3px 0}
#lhkpn-natuna .lk-kk-a{background:var(--lk-kk-a)}
#lhkpn-natuna .lk-kk-b{background:var(--lk-utama)}

/* sumber data */
#lhkpn-natuna .lk-butir{counter-reset:lk}
#lhkpn-natuna .lk-butir li{counter-increment:lk;position:relative;margin:0 0 6px;padding:0 0 0 22px;font-size:13px;color:var(--lk-teks-2)}
#lhkpn-natuna .lk-butir li::before{content:counter(lk) ".";position:absolute;left:0;top:0;font-variant-numeric:tabular-nums}

/* tooltip */
#lhkpn-natuna .lk-tip{position:absolute;z-index:30;left:0;top:0;max-width:260px;padding:7px 10px;border-radius:6px;background:var(--lk-tip-latar);color:var(--lk-tip-teks);font-size:12.5px;line-height:1.4;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.18)}
#lhkpn-natuna .lk-tip strong{font-size:15px;margin:0 6px 0 0}
#lhkpn-natuna .lk-tip small{display:block;font-size:12px;opacity:.8}

/* lebar dasbor, bukan lebar layar: ikut kolom isi tema di mana pun ditempel */
@container lk (max-width:600px){
  #lhkpn-natuna .lk-tab [role="tab"]{padding:10px 11px 9px;font-size:13.5px}
  #lhkpn-natuna .lk-ringkas{grid-template-columns:minmax(0,1fr);gap:14px}
  #lhkpn-natuna .lk-bunga-svg{max-width:300px}
  #lhkpn-natuna .lk-opd{grid-template-columns:minmax(0,1fr)}
  #lhkpn-natuna .lk-opd-daftar{max-height:196px}
  #lhkpn-natuna .lk-opd-kanan{padding:14px}
  #lhkpn-natuna .lk-orang-gulir{max-height:250px}
  #lhkpn-natuna .lk-sub-panel{margin:0 0 10px}
  #lhkpn-natuna .lk-kk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container lk (max-width:520px){
  #lhkpn-natuna.lk-js .lk-peta-lebar{display:none}
  #lhkpn-natuna.lk-js .lk-peta-tinggi{display:block}
}
@container lk (max-width:300px){
  #lhkpn-natuna .lk-kk-grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  #lhkpn-natuna .lk-titik circle,#lhkpn-natuna .lk-ubin-peta{transition:none}
}
@media (forced-colors:active){
  #lhkpn-natuna .lk-titik circle,#lhkpn-natuna .lk-status-daftar i,#lhkpn-natuna .lk-cip i,#lhkpn-natuna .lk-tumpuk span,#lhkpn-natuna .lk-opd-titik i{forced-color-adjust:none}
}