.pm-akses-badge{display:inline-flex;flex-shrink:0;align-items:center;gap:5px;padding:6px 9px;border:1px solid var(--color-sun-200);border-radius:10px;background:var(--color-sun-50);color:var(--color-sun-ink);font-size:12.5px;font-weight:600;line-height:1}.pm-akses-gembok{position:relative;display:inline-block;width:15px;height:15px}.pm-akses-gembok svg{position:absolute;inset:0;width:15px;height:15px;transition:opacity .18s ease,transform .22s var(--ease-glide)}.pm-akses-gembok-buka{opacity:0;transform:translateY(2px)}.pm-akses-kartu{background:var(--color-surface-muted);border-color:var(--color-line-strong);box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease,transform .22s var(--ease-glide)}.pm-akses-kartu:focus-visible,.pm-akses-kartu:focus-within,.pm-akses-kartu:hover{border-color:var(--color-teal-border);box-shadow:0 8px 24px rgb(23 49 46/8%)}.pm-akses-kartu:is(:hover,:focus-visible,:focus-within) .pm-akses-gembok-tutup{opacity:0;transform:translateY(-2px)}.pm-akses-kartu:is(:hover,:focus-visible,:focus-within) .pm-akses-gembok-buka{opacity:1;transform:translateY(0)}.pm-akses-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--color-surface)}.pm-akses-kepala{position:relative;flex-shrink:0;padding:24px;border-bottom:1px solid var(--color-teal-border);background:var(--color-teal-100)}.pm-akses-merek{display:inline-flex;align-items:center;gap:8px;color:var(--color-teal-deep);font-size:12.5px;font-weight:600}.pm-akses-isi{scrollbar-gutter:stable;scrollbar-color:var(--color-teal-border) transparent}.pm-akses-isi::-webkit-scrollbar{width:5px}.pm-akses-isi::-webkit-scrollbar-thumb{background:var(--color-teal-border);border-radius:999px}.pm-akses-isi::-webkit-scrollbar-button{display:none;width:0;height:0}@media (max-width:639px){.pm-akses-kepala{padding:20px}.pm-akses-aksi{padding-bottom:max(16px,env(safe-area-inset-bottom))}.pm-akses-isi{scrollbar-gutter:auto}}@media (prefers-reduced-motion:reduce){.pm-akses-gembok svg,.pm-akses-kartu{transition:none}}