/* p-pengguna.css — Pengguna v2 (prefix rk-; hero/avatar/modal-header dibagi dari p-rekap.css) */
.rk-ugrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}
.rk-ucard{background:#fff;border-radius:24px;padding:16px;box-shadow:0 8px 22px rgba(40,40,60,.06);cursor:pointer;min-width:0;animation:dUp .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0)*55ms);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s}
.rk-ucard:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(40,40,60,.12)}
.rk-ucard:hover .rk-av{transform:rotate(-8deg) scale(1.08)}
.rk-ucard.own{cursor:default;background:linear-gradient(160deg,#fff,#fff3ec)}
.rk-utop{display:flex;align-items:center;gap:12px}
.rk-role{flex-shrink:0;font-size:11px;font-weight:800;border-radius:999px;padding:4px 10px;background:#f1eeed;color:var(--muted)}
.rk-role.own{background:linear-gradient(135deg,var(--orange),var(--red));color:#fff}
.rk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px;min-height:26px}
.rk-chip{font-size:11.5px;font-weight:700;border-radius:999px;padding:4px 10px;background:var(--cream);color:#8a3a14;white-space:nowrap}
.rk-chip.all{background:#e8f7ee;color:var(--green)}
.rk-chip.none{background:#fff0eb;color:var(--red)}
.rk-ufoot{display:flex;align-items:center;gap:10px;margin-top:13px}
.rk-ufoot>span{font-size:11.5px;color:var(--muted);font-weight:700;white-space:nowrap}
.rk-ufoot .rk-bar{min-width:40px}
.rk-ubtn{border:none;background:#f1eeed;color:#555;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}
.rk-ubtn:hover{background:#e6e1de}
.rk-ubtn.del{background:#fbe7e5;color:var(--red);padding:7px 11px}
/* ---- modal edit ---- */
.rk-ph{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.rk-pq{display:flex;gap:6px}
.rk-pq button{border:none;background:#f1eeed;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700;cursor:pointer;font-family:inherit;color:#555}
.rk-pq button:hover{background:var(--cream);color:var(--red)}
.rk-pmeter{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:11.5px;color:var(--muted);font-weight:700}
.rk-pmeter .rk-bar i{transition:width .35s cubic-bezier(.2,.8,.2,1);animation:none}
.rk-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:0}
.rk-perm{display:flex;align-items:center;gap:10px;background:var(--bg);border:2px solid transparent;border-radius:18px;padding:10px 12px;cursor:pointer;min-width:0;animation:dUp .4s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0)*28ms);transition:background .2s,border-color .2s,transform .15s}
.rk-perm:active{transform:scale(.97)}
.rk-perm.on{background:linear-gradient(160deg,#fff,#fff3ec);border-color:rgba(213,62,15,.45)}
.rk-pi{width:34px;height:34px;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;box-shadow:0 3px 8px rgba(40,40,60,.07);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.rk-perm.on .rk-pi{transform:rotate(-8deg) scale(1.08)}
.rk-perm b{flex:1;min-width:0;font-size:12.5px;line-height:1.25}
.rk-perm .sw{transform:scale(.82);transform-origin:right center;margin-left:-4px}
.rk-mact{margin-top:18px;display:flex;justify-content:flex-end;gap:8px}
.rk-mact .btn{border-radius:999px;padding:11px 22px}
.rk-mb .grid2 input,.rk-mb input{border-radius:999px;padding-left:16px;padding-right:16px}
@media (max-width:820px){
  .rk-ugrid{grid-template-columns:1fr;gap:12px}
  .rk-ucard{border-radius:22px}
  .rk-pgrid{grid-template-columns:1fr 1fr;gap:8px}
  .rk-perm{padding:9px 10px;gap:8px;border-radius:16px}
  .rk-perm b{font-size:12px}
  .rk-mact{position:sticky;bottom:calc(-1px - var(--sab));background:linear-gradient(0deg,#fff 70%,rgba(255,255,255,0));padding:12px 0 2px;margin-bottom:-2px}
  .rk-mact .btn{flex:1}
}
@media (max-width:380px){.rk-pgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.rk-ucard,.rk-perm{animation:none!important;transition:none}}