html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
@media(max-width:820px){input,select,textarea{font-size:16px!important}}
.is-standalone .jp-nav{padding-top:max(10px,env(safe-area-inset-top))}.is-standalone .jp-footer{padding-bottom:max(40px,env(safe-area-inset-bottom))}
.is-standalone .topbar{padding-top:env(safe-area-inset-top)}
.pwa-banner{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:95;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:18px;background:#0b1733f2;color:#fff;box-shadow:0 20px 50px -20px #000c;backdrop-filter:blur(10px);transform:translateY(140%);transition:transform .45s cubic-bezier(.34,1.56,.64,1);font-family:system-ui,sans-serif}
.pwa-banner.on{transform:none}.pwa-banner img{border-radius:12px;flex:none}.pwa-banner div{flex:1;min-width:0}.pwa-banner strong{display:block;font-size:14px}.pwa-banner span{display:block;font-size:12px;color:#cdd8ea;margin-top:2px}.pwa-banner b{color:#f4c25b}
.pwa-install{border:0;border-radius:999px;background:linear-gradient(135deg,#f4c25b,#e8a325);color:#0b1733;font-weight:800;padding:10px 16px;font-size:13px}
.pwa-close{border:0;background:#ffffff1a;color:#fff;width:32px;height:32px;border-radius:50%;font-size:18px;line-height:1;flex:none}
/* pop-up bawah notifikasi pengurus */
.push-sheet{position:fixed;left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));z-index:96;display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:linear-gradient(135deg,#0b1733f7,#132a5af7);color:#fff;border:1px solid #f4c25b40;box-shadow:0 24px 60px -18px #000d;backdrop-filter:blur(12px);transform:translateY(140%);opacity:0;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .3s}
.push-sheet.on{transform:none;opacity:1}
.push-sheet::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,#e8a325,#f4c25b,#e77732)}
.push-ico{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#f4c25b,#e8a325);box-shadow:0 8px 18px -8px #e8a325}
.push-ico svg{width:24px;height:24px;fill:none;stroke:#0b1733;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 10%;animation:push-ring 2.4s ease-in-out infinite}
.push-ico.is-ring svg{animation-duration:1.1s}
@keyframes push-ring{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%,40%{transform:rotate(-12deg)}50%{transform:rotate(6deg)}}
.push-txt{flex:1;min-width:0}.push-txt strong{display:block;font-size:14px;line-height:1.25}.push-txt span{display:block;font-size:12px;line-height:1.4;color:#cdd8ea;margin-top:3px}.push-txt b{color:#f4c25b}
.push-btns{display:flex;flex-direction:column;gap:6px;flex:none}.push-yes{border:0;border-radius:999px;background:linear-gradient(135deg,#f4c25b,#e8a325);color:#0b1733;font-weight:800;font-size:13px;padding:10px 16px;cursor:pointer}
.push-no{border:0;border-radius:999px;background:#ffffff14;color:#cdd8ea;font-weight:700;font-size:12px;padding:8px 14px;cursor:pointer}
.push-sheet.is-pop .push-btns{flex-direction:row;align-items:center}.push-x{border:0;background:#ffffff1a;color:#fff;width:32px;height:32px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer}
@media(max-width:760px){.jp .push-sheet{bottom:calc(84px + env(safe-area-inset-bottom))}}
@media(min-width:761px){.push-sheet{left:auto;right:24px;bottom:24px;width:420px}}
@media(prefers-reduced-motion:reduce){.push-sheet{transition:opacity .2s}.push-ico svg{animation:none}}