/* profil & pengaturan (sheet) */
.pf{display:grid;gap:18px}
.pf-head{display:flex;align-items:center;gap:16px;padding:18px;border-radius:var(--r-lg);background:var(--sunken)}
.pf-av{width:64px;height:64px;font-size:22px;flex:none;box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--api)}
.pf-head h3{margin:0;font:400 clamp(1.5rem,6vw,1.9rem)/1.05 var(--f-display);text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}
.pf-head p{margin:4px 0 8px;color:var(--muted);font-size:14px}
.pf-stats{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px}
.pf-stats>div{display:grid;gap:4px;align-content:start;padding:12px;border:1px solid var(--line);border-radius:var(--r);min-width:0}
.pf-stats b{font:400 1.9rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.pf-stats b.kecil{font-size:1.05rem;line-height:1.15;text-transform:uppercase;color:var(--api)}
.pf-stats b.kosong{font-size:1.05rem;color:var(--muted);text-transform:uppercase}
.pf-stats span{font:500 11px/1.3 var(--f-mono);letter-spacing:.04em;color:var(--muted)}
.pf-blok{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg)}
.pf-blok>h3{margin:0;font:600 11px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pf-blok .hint,.pf-blok p{margin:0}
.pf-blok label{margin-top:6px}
.pf-aksi{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.pf-tenggat{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pf-tenggat li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--r);background:var(--sunken)}
.pf-tenggat li>div{min-width:0}
.pf-tenggat b{display:block;overflow-wrap:anywhere;font-size:14.5px}
.pf-tenggat small{color:var(--muted)}
.pf-tenggat .btn{flex:none;min-height:40px}
.pf-segs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:999px;background:var(--sunken)}
.pf-seg{min-height:40px;padding:6px 8px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:600 13px/1.2 var(--f-body);cursor:pointer;transition:background-color .2s,color .2s}
.pf-seg.on{background:var(--pill);color:var(--pill-fg)}
.pf-akhir{margin-top:2px}
@media (max-width:420px){.pf-stats{grid-template-columns:1fr 1fr}.pf-stats>div:last-child{grid-column:1/-1}}