/* Layanan PPID - tampilan publik (formulir, pelacakan, statistik).
   Semua aturan berada di bawah .ppid-ui agar tidak bentrok dengan tema. Warna utama dapat diganti lewat filter ppid_primary_color. */
.ppid-ui{--ink:#12263f;--ink2:#46566b;--mute:#66758a;--line:#d6dde8;--wash:#f3f6fa;--primary:#1c5cab;--primary-d:#164a8c;--blue:#2a78d6;--blue-l:#9ec5f4;--warn:#eb6834;--ok:#0f7a4a;--bad:#b3261e;
  color:var(--ink);font-size:16px;line-height:1.6;max-width:1080px;margin:0 auto;text-align:left}
.ppid-ui *,.ppid-ui *::before,.ppid-ui *::after{box-sizing:border-box}
.ppid-ui h2,.ppid-ui h3,.ppid-ui h4{color:var(--ink);letter-spacing:-.01em;line-height:1.25}
.ppid-ui a{color:var(--primary)}
.ppid-ui :focus-visible{outline:3px solid #7fb2f0;outline-offset:2px}
.ppid-hide{display:none !important}
.pu-num{font-variant-numeric:tabular-nums lining-nums}

/* ---------- tombol & isian ---------- */
.ppid-ui .pu-btn,.ppid-ui button.pu-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border:2px solid var(--primary);border-radius:10px;background:var(--primary);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.ppid-ui .pu-btn:hover{background:var(--primary-d);border-color:var(--primary-d);color:#fff}
.ppid-ui .pu-btn.ghost{background:#fff;color:var(--primary)}
.ppid-ui .pu-btn.ghost:hover{background:var(--wash);color:var(--primary-d)}
.ppid-ui input[type=text],.ppid-ui input[type=email],.ppid-ui input[type=date],.ppid-ui input[type=time],.ppid-ui select,.ppid-ui textarea{display:block;width:100%;max-width:none;min-height:46px;padding:10px 14px;border:1.5px solid #aab6c6;border-radius:10px;background:#fff;color:var(--ink);font:inherit;line-height:1.4;box-shadow:none}
.ppid-ui textarea{min-height:96px;resize:vertical}
.ppid-ui input:focus,.ppid-ui select:focus,.ppid-ui textarea:focus{border-color:var(--primary);outline:3px solid #cfe2fa;outline-offset:0}
.ppid-ui input[type=file]{display:block;width:100%;padding:12px;border:1.5px dashed #aab6c6;border-radius:10px;background:var(--wash);font:inherit;cursor:pointer}

/* ---------- formulir ---------- */
#ppid-form,#ppid-aju-form{display:grid;gap:18px}
.pf-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.pf-h{display:flex;align-items:center;gap:12px;margin:0;padding:14px 20px;background:var(--wash);border-bottom:1px solid var(--line);font-size:1.05rem}
.pf-n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:.85rem;font-weight:700}
.pf-b{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px 20px;padding:20px}
.pf-b>.ppid-row{margin:0}
.pf-b>.ppid-row:has(textarea),.pf-b>.ppid-opt,.pf-b>#row-visit,.pf-b>#row-badan-files{grid-column:1/-1}
#ppid-form .ppid-row>label:first-child,#ppid-aju-form .ppid-row>label:first-child,.pf-lab{display:block;margin:0 0 6px;font-weight:700;font-size:.95rem;color:var(--ink)}
#ppid-form small,#ppid-aju-form small{display:block;margin-top:5px;color:var(--mute)}
.pf-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px 20px}
.pf-chips{display:flex;flex-wrap:wrap;gap:10px}
.pf-chip{position:relative;margin:0;cursor:pointer}
.pf-chip input{position:absolute;opacity:0;pointer-events:none}
.pf-chip span{display:inline-block;padding:9px 18px;border:1.5px solid #aab6c6;border-radius:999px;background:#fff;font-weight:600;color:var(--ink);transition:background .12s,border-color .12s}
.pf-chip input:checked+span{background:var(--primary);border-color:var(--primary);color:#fff}
.pf-chip input:focus-visible+span{outline:3px solid #7fb2f0;outline-offset:2px}
.pf-box{background:var(--wash);border:1px dashed #aab6c6;border-radius:12px;padding:16px;grid-column:1/-1}
.pf-consent{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}
.pf-consent input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--primary)}
.pf-actions{display:flex;justify-content:flex-end}
.pf-actions .pu-btn{min-width:240px;min-height:52px;font-size:1.05rem}
@media(max-width:600px){.pf-actions .pu-btn{width:100%}.pf-b{padding:16px}}

.ppid-box{padding:14px 18px;margin:0 0 18px;border:1px solid;border-radius:12px}
.ppid-ok{background:#eaf7f0;border-color:#8fd0ad;color:#0d4f31}
.ppid-err{background:#fdeeed;border-color:#eba7a2;color:#7a1914}
.ppid-ticket{font-weight:800;font-size:1.25em;letter-spacing:.04em;font-variant-numeric:tabular-nums lining-nums;word-break:break-all}

/* ---------- popup tiket ---------- */
.ppid-modal{display:none;position:fixed;inset:0;background:rgba(10,22,40,.62);z-index:99999;align-items:center;justify-content:center;padding:16px;overflow:auto}
.ppid-modal-box{background:#fff;color:var(--ink);width:100%;max-width:540px;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(10,22,40,.35)}
.pm-top{background:var(--ink);color:#fff;padding:20px 24px 18px}
.pm-top h3{margin:0;color:#fff;font-size:1.2rem}
.pm-top p{margin:4px 0 0;color:#c8d3e2;font-size:.92rem}
.pm-stub{position:relative;padding:20px 24px;background:#f6f9fd;border-bottom:2px dashed #b9c6d8;text-align:center}
.pm-stub::before,.pm-stub::after{content:"";position:absolute;bottom:-11px;width:20px;height:20px;border-radius:50%;background:rgba(10,22,40,.62)}
.pm-stub::before{left:-10px}.pm-stub::after{right:-10px}
.pm-stub small{display:block;color:var(--mute);font-size:.8rem}
.pm-stub .ppid-ticket{display:block;margin-top:2px;font-size:1.55rem;color:var(--primary-d)}
.pm-body{padding:20px 24px 22px}
.pm-body p{margin:0 0 12px}
.pm-warn{padding:12px 14px;border-radius:10px;background:#fff6e5;border:1px solid #f0c36d;color:#6b4300}
.pm-act{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.pm-close{display:block;margin:14px 0 0 auto;border:0;background:none;color:var(--ink2);font:inherit;text-decoration:underline;cursor:pointer}

/* ---------- pelacakan ---------- */
.pt-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}
.pt-form p{grid-column:1/-1;margin:0;color:var(--ink2)}
.pt-form label{display:block;margin:0 0 6px;font-weight:700}
.pt-form input{font-size:1.1rem;letter-spacing:.03em;text-transform:uppercase}
@media(max-width:560px){.pt-form{grid-template-columns:1fr}.pt-form .pu-btn{width:100%}}
#ppt-out{margin-top:20px}
.pt-card{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.pt-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;padding:18px 22px;background:var(--ink);color:#fff}
.pt-head small{display:block;color:#c8d3e2}
.pt-head .no{font-weight:800;font-size:1.3rem;letter-spacing:.04em;font-variant-numeric:tabular-nums lining-nums;word-break:break-all}
.pt-badge{display:inline-block;padding:6px 14px;border-radius:999px;font-weight:700;font-size:.9rem;background:#e3eefb;color:#164a8c}
.pt-badge.selesai{background:#dff3e8;color:#0d4f31}.pt-badge.ditolak{background:#fbe3e1;color:#7a1914}
.pt-steps{list-style:none;margin:0;padding:26px 22px 8px;display:grid;grid-template-columns:repeat(4,1fr)}
.pt-steps li{position:relative;text-align:center;padding:0 6px 18px;font-size:.88rem;color:var(--mute);font-weight:600}
.pt-steps li::before{content:"";display:block;width:30px;height:30px;margin:0 auto 8px;border-radius:50%;border:2px solid #b9c6d8;background:#fff;position:relative;z-index:1}
.pt-steps li::after{content:"";position:absolute;top:14px;left:calc(50% + 15px);width:calc(100% - 30px);height:3px;background:#d6dde8}
.pt-steps li:last-child::after{display:none}
.pt-steps li.done{color:var(--ink)}
.pt-steps li.done::before{background:var(--ok);border-color:var(--ok);content:"\2713";color:#fff;line-height:26px;font-weight:800}
.pt-steps li.done::after{background:var(--ok)}
.pt-steps li.current{color:var(--primary-d)}
.pt-steps li.current::before{border-color:var(--primary);background:#fff;box-shadow:0 0 0 5px #cfe2fa}
.pt-steps li.rejected{color:var(--bad)}
.pt-steps li.rejected::before{background:var(--bad);border-color:var(--bad);content:"\2715";color:#fff;line-height:26px;font-weight:800}
.pt-steps li.na{opacity:.4}
@media(max-width:560px){.pt-steps{grid-template-columns:1fr;padding:18px 22px 4px}.pt-steps li{display:flex;align-items:center;gap:12px;text-align:left;padding:0 0 16px}.pt-steps li::before{margin:0;flex:none}.pt-steps li::after{top:30px;left:14px;width:3px;height:calc(100% - 30px)}}
.pt-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px 22px;margin:0;padding:8px 22px 22px}
.pt-dl dt{font-size:.82rem;color:var(--mute);margin:0}
.pt-dl dd{margin:2px 0 0;font-weight:600}
.pt-comment{margin:0 22px 22px;padding:14px 16px;border-radius:12px;background:#fff6e5;border:1px solid #f0c36d;color:#4d3200}
.pt-comment b{display:block;margin-bottom:2px}
.pt-sec{padding:18px 22px 22px;border-top:1px solid var(--line)}
.pt-sec h4{margin:0 0 12px;font-size:1rem}
.pt-tl{list-style:none;margin:0;padding:0}
.pt-tl li{position:relative;padding:0 0 16px 22px;border-left:2px solid #d6dde8;margin-left:6px}
.pt-tl li::before{content:"";position:absolute;left:-7px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--primary)}
.pt-tl li:last-child{padding-bottom:0}
.pt-tl small{display:block;color:var(--mute)}
.pt-foot{margin-top:10px;color:var(--mute);font-size:.85rem}
.pt-err{padding:14px 18px;border:1px solid #eba7a2;border-radius:12px;background:#fdeeed;color:#7a1914}

/* ---------- statistik ---------- */
.pst-hero{margin:0 0 30px;padding:28px 30px 26px;border-radius:20px;background:linear-gradient(160deg,#12263f 0%,#173a63 100%);color:#fff}
.pst-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.pst-hero h2{margin:0;color:#fff;font-size:1.7rem}
.pst-hero-top p{margin:6px 0 0;color:#b9c8dc;font-size:.95rem}
.pst-year label{display:block;font-size:.82rem;color:#b9c8dc;margin:0 0 4px}
.pst-year select{min-width:150px;background:#fff;color:var(--ink);border:0;border-radius:10px;padding:9px 12px}
.pst-lead{max-width:46rem;margin:20px 0 0;font-size:1.22rem;line-height:1.55;color:#e6edf7}
.pst-lead b{color:#fff;font-weight:800}
.pst-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:26px 0 0;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.16)}
.pst-kpi{padding:16px 18px;background:rgba(10,24,44,.45)}
.pst-kpi b{display:block;font-size:2rem;line-height:1.1;font-weight:800;color:#fff;font-variant-numeric:tabular-nums lining-nums}
.pst-kpi b small{font-size:.9rem;font-weight:600;color:#b9c8dc;margin-left:4px}
.pst-kpi span{display:block;margin-top:4px;color:#b9c8dc;font-size:.88rem;line-height:1.35}
@media(max-width:760px){.pst-kpis{grid-template-columns:repeat(2,1fr)}.pst-hero{padding:22px 18px}}

.pst-sla{display:grid;grid-template-columns:minmax(200px,auto) 1fr;gap:20px 40px;padding:24px 26px;border:1px solid var(--line);border-radius:16px;background:#fff;align-items:center}
.pst-sla .big{font-size:2.8rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums lining-nums;color:var(--ink)}
.pst-sla .big small{font-size:1rem;font-weight:600;color:var(--ink2);margin-left:6px}
.pst-sla .cap{margin:8px 0 0;color:var(--ink2);font-size:.92rem}
.pst-ruler{position:relative;padding-top:28px}
.pst-ruler .trk{position:relative;height:18px;background:var(--wash);border-radius:9px}
.pst-ruler .fill{position:absolute;left:0;top:0;bottom:0;background:var(--blue);border-radius:9px}
.pst-ruler .fill.over{background:var(--warn)}
.pst-ruler .lim{position:absolute;top:-7px;bottom:-7px;width:3px;margin-left:-1px;background:var(--ink);border-radius:2px}
.pst-ruler .limlbl{position:absolute;top:0;transform:translateX(-50%);font-size:.8rem;font-weight:700;white-space:nowrap}
.pst-ruler .ends{display:flex;justify-content:space-between;margin-top:8px;font-size:.8rem;color:var(--mute)}
.pst-ruler .note2{margin:12px 0 0;color:var(--ink2);font-size:.9rem}
@media(max-width:700px){.pst-sla{grid-template-columns:1fr}}

.pst-sec{margin:32px 0 12px;padding-left:14px;border-left:5px solid var(--primary)}
.pst-sec h3{margin:0;font-size:1.3rem}
.pst-sec p{margin:2px 0 0;color:var(--ink2)}
.pst-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.pst-card.span2{grid-column:span 2}
@media(max-width:700px){.pst-card.span2{grid-column:1/-1}}
.pst-card{display:flex;flex-direction:column;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0}
.pst-card.wide{grid-column:1/-1}
.pst-card h4{margin:0;font-size:1.08rem}
.pst-note{margin:4px 0 0;padding:6px 10px;border-radius:8px;background:var(--wash);color:var(--ink2);font-size:.9rem;align-self:flex-start}
.pst-empty{margin-top:14px;padding:26px;border:1.5px dashed #b9c6d8;border-radius:12px;color:var(--mute);text-align:center}

.pst-rank{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:15px}
.pst-rank li{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:baseline}
.pst-rank .lbl{overflow-wrap:anywhere}
.pst-rank li:first-child .lbl{font-weight:700}
.pst-rank .val{font-weight:800;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.pst-rank .val em{font-style:normal;font-weight:600;color:var(--mute);margin-left:8px;font-size:.88em}
.pst-rank .trk{grid-column:1/-1;position:relative;height:12px;background:var(--wash);border-radius:6px}
.pst-rank .trk i{display:block;height:100%;background:var(--blue);border-radius:6px}
.pst-rank li:first-child .trk i{background:var(--primary-d)}
.pst-rank .trk i.over{background:var(--warn)}
.pst-rank .trk b{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink)}
.pst-key{display:flex;flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;color:var(--ink2);font-size:.85rem}
.pst-key span::before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--c)}
.pst-key span.ln::before{height:0;width:16px;border-radius:0;border-top:2px dashed var(--ink);background:none;vertical-align:3px}

.pst-plot{position:relative;display:flex;gap:6px;height:196px;margin-top:16px}
.pst-plot::before{content:"";position:absolute;left:0;right:0;bottom:26px;height:120px;background:repeating-linear-gradient(to top,#e3e9f1 0 1px,transparent 1px 40px);pointer-events:none}
.pst-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;z-index:1}
.pst-col .v{padding:0 3px;border-radius:4px;background:rgba(255,255,255,.85);font-size:.82rem;font-weight:800;font-variant-numeric:tabular-nums lining-nums;margin-bottom:4px;white-space:nowrap}
.pst-col .v.z{color:#9aa7b8;font-weight:500}
.pst-col .b{width:100%;max-width:48px;background:var(--blue);border-radius:8px 8px 0 0}
.pst-col .b.over{background:var(--warn)}.pst-col .b.dim{background:var(--blue-l)}
.pst-col.cur .b{background:var(--primary-d)}
.pst-col .x{height:26px;padding-top:6px;border-top:2px solid #b9c6d8;width:100%;text-align:center;font-size:.78rem;color:var(--ink2);white-space:nowrap}
.pst-col.cur .x{color:var(--ink);font-weight:800}
.pst-lim{position:absolute;left:0;right:0;border-top:2px dashed var(--ink);pointer-events:none;z-index:2}
.pst-lim span{position:absolute;right:0;top:-24px;padding:0 4px;background:#fff;font-size:.78rem;font-weight:700;color:var(--ink)}
.ppid-ui [data-tip]{position:relative}
.pst-col[data-tip]:hover::after,.pst-col[data-tip]:focus::after,.pst-seg i[data-tip]:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);z-index:5;padding:6px 10px;border-radius:8px;background:var(--ink);color:#fff;font-size:.8rem;font-weight:600;white-space:nowrap;pointer-events:none}
.pst-col:focus{outline:2px solid #7fb2f0;outline-offset:2px;border-radius:6px}
@media(max-width:560px){.pst-plot{gap:3px}.pst-col .v{font-size:.7rem;padding:0}.pst-col .x{font-size:.66rem}}

.pst-seg{display:flex;gap:3px;height:38px;margin-top:20px}
.pst-seg i{display:block;position:relative;min-width:6px;background:var(--c);border-radius:5px}
.pst-seg i:first-child{border-radius:12px 5px 5px 12px}.pst-seg i:last-child{border-radius:5px 12px 12px 5px}.pst-seg i:only-child{border-radius:12px}
.pst-leg{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:4px}
.pst-leg li{display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--wash)}
.pst-leg li:last-child{border-bottom:0}
.pst-leg li::before{content:"";width:14px;height:14px;border-radius:4px;background:var(--c);align-self:center}
.pst-leg b{font-variant-numeric:tabular-nums lining-nums;font-weight:800}
.pst-leg em{font-style:normal;color:var(--mute);margin-left:8px;font-size:.9em}

.pst-tbl{margin-top:auto;padding-top:16px;font-size:.9rem}
.pst-tbl summary{cursor:pointer;color:var(--primary);font-weight:600}
.pst-tbl table{width:100%;margin:10px 0 0;border-collapse:collapse}
.pst-tbl th,.pst-tbl td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums lining-nums}
.pst-tbl th:last-child,.pst-tbl td:last-child{text-align:right}
.pst-foot{margin:38px 0 0;padding:16px 18px;border-radius:12px;background:var(--wash);color:var(--ink2);font-size:.88rem;max-width:none}

@media print{.pst-card,.pst-sla,.pst-kpi{break-inside:avoid}.pst-tbl{display:none}.pst-hero{background:#fff;color:#000;border:1px solid #999}.pst-hero *{color:#000 !important}}
@media(prefers-reduced-motion:reduce){.ppid-ui *{transition:none !important}}

/* badge peringkat */
.pst-badges{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pst-badges li{position:relative;display:inline-flex;align-items:baseline;gap:8px;max-width:100%;padding:7px 14px;border:1px solid #c9d6e8;border-radius:999px;background:linear-gradient(90deg,#d8e7fb var(--w),#f3f6fa var(--w))}
.pst-badges .lbl{overflow-wrap:anywhere;line-height:1.3}
.pst-badges b{font-weight:800;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.pst-badges em{font-style:normal;font-weight:700;font-size:.8em;color:var(--primary-d);white-space:nowrap}
.pst-badges li.top{border-color:var(--primary);background:linear-gradient(90deg,#b9d3f5 var(--w),#e8f0fc var(--w));font-weight:700}
.pst-badges li.over{border-color:#f0a583;background:linear-gradient(90deg,#fbd5c2 var(--w),#fdf0e8 var(--w))}
.pst-badges li.over b{color:#a43a0e}
.ppid-ui .pst-leg{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.ppid-ui .pst-leg li{display:inline-flex;align-items:baseline;gap:8px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;grid-template-columns:none}
.ppid-ui .pst-leg li::before{width:12px;height:12px;align-self:center}
.ppid-ui .pst-leg li>span:last-child{display:inline-flex;gap:6px;align-items:baseline}
.ppid-ui .pst-seg{height:26px;margin-top:14px}

/* hero ringkas dua kolom + tab bagian */
.pst-hero{padding:20px 24px;margin-bottom:18px;border-radius:16px}
.pst-hero h2{font-size:1.45rem}
.pst-hero-body{display:grid;grid-template-columns:1.15fr 1fr;gap:18px 28px;align-items:center;margin-top:14px}
.pst-lead{margin:0;font-size:1.02rem;line-height:1.55}
.pst-kpis{grid-template-columns:repeat(2,1fr);margin:0;border-radius:12px}
.pst-kpi{padding:10px 14px}
.pst-kpi b{font-size:1.5rem}
.pst-kpi span{font-size:.8rem;margin-top:2px}
@media(max-width:860px){.pst-hero-body{grid-template-columns:1fr}.pst-kpis{margin-top:4px}}
.pst-sub{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.pst-sub button{appearance:none;cursor:pointer;padding:8px 18px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--ink2);font:inherit;font-weight:700}
.pst-sub button:hover{border-color:var(--primary);color:var(--primary-d)}
.pst-sub button[aria-selected=true]{background:var(--primary);border-color:var(--primary);color:#fff}
.pst-js .pst-pane{display:none}
.pst-js .pst-pane.on{display:block}
.pst-js .pst-pane>.pst-sec{display:none}
.pst-js .pst-sub{display:flex}
.pst-sub{display:none}
.pst-pane>.pst-sla{margin-top:0}
.pst-js .pst-sub{display:flex}
@media print{.pst-sub{display:none !important}.pst-js .pst-pane{display:block !important}.pst-js .pst-pane>.pst-sec{display:block}}

/* tab jenis statistik */
.ppid-ui .pst-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;border-bottom:2px solid var(--line)}
.ppid-ui .pst-tabs a{margin-bottom:-2px;padding:11px 18px;border-bottom:3px solid transparent;color:var(--ink2);font-weight:700;text-decoration:none}
.ppid-ui .pst-tabs a:hover{color:var(--primary-d);background:var(--wash)}
.ppid-ui .pst-tabs a.on{color:var(--primary-d);border-bottom-color:var(--primary)}
.ppid-ui .pst-tabs a:focus-visible{outline:3px solid #7fb2f0;outline-offset:-3px}
.ppid-ui .pst-soon{padding:40px 20px;line-height:1.7}
@media(max-width:560px){.ppid-ui .pst-tabs a{flex:1 1 100%;border-bottom:1px solid var(--line);margin:0}.ppid-ui .pst-tabs a.on{border-left:4px solid var(--primary);border-bottom-color:var(--line)}}