/* LAPAKSMD PWA — Rev16.10.5. Terpisah dari style.css (versi style.css tidak berubah). */
.pwa-banner{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line,#eee2d7);border-left:4px solid var(--green,#15803d);border-radius:16px;box-shadow:0 10px 28px rgba(28,25,23,.07);padding:14px 16px;margin:0 0 18px}
.pwa-banner-icon{width:44px;height:44px;border-radius:11px;flex:0 0 44px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.pwa-banner-text{flex:1;min-width:0}
.pwa-banner-title{margin:0 0 8px;font-weight:700;line-height:1.4}
.pwa-banner-actions{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.pwa-banner .pwa-install-btn{background:var(--green,#15803d);padding:9px 14px;font-size:14px;min-height:40px}
.pwa-banner .pwa-install-btn:hover{background:#166534}
.pwa-banner .pwa-later{color:#4b5563;font-size:14px;min-height:40px;padding:6px 2px}
.pwa-steps{margin:0 0 10px;font-size:14px;color:#374151;line-height:1.5}
.pwa-share-ic{display:inline-block;width:14px;height:16px;vertical-align:-2px;border:2px solid currentColor;border-top:0;border-radius:0 0 3px 3px;position:relative;margin:0 2px}
.pwa-share-ic::before{content:"";position:absolute;left:50%;top:-6px;width:2px;height:11px;background:currentColor;transform:translateX(-50%)}
.pwa-share-ic::after{content:"";position:absolute;left:50%;top:-7px;width:6px;height:6px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:translateX(-50%) rotate(45deg)}
.pwa-install-link{color:#e5e7eb!important;font-size:14px;text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.pwa-install-link[hidden]{display:none!important}
.pwa-help{position:fixed;inset:0;z-index:1001;background:rgba(15,23,42,.55);display:flex;align-items:flex-end;justify-content:center;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.pwa-help-card{background:#fff;color:var(--ink,#17202a);width:min(460px,100%);border-radius:18px;padding:20px 20px 16px;box-shadow:0 20px 50px rgba(0,0,0,.25);max-height:calc(100vh - 24px);overflow:auto}
.pwa-help-card h2{margin:0 0 8px;font-size:20px}
.pwa-help-steps{margin:0 0 10px;padding-left:20px}
.pwa-help-steps li{margin:4px 0}
.pwa-help-card .btn{width:100%;margin-top:6px;min-height:44px}
@media (min-width:651px){.pwa-help{align-items:center}}
.pwa-offline{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;background:#1f2937;color:#fff;font-size:14px;font-weight:600;padding:10px 16px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);width:max-content;max-width:calc(100vw - 32px);text-align:center}
.pwa-back{border:0;background:none;font-size:30px;line-height:1;color:var(--ink,#17202a);padding:4px 10px 6px 0;margin-right:2px;min-width:36px;min-height:44px;cursor:pointer}
/* Mode aplikasi (dibuka dari ikon layar utama) */
.is-standalone .site-header{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.is-standalone .footer{padding-bottom:calc(42px + env(safe-area-inset-bottom,0px))}
.is-standalone .lsmd-toasts{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
@media (display-mode:standalone){.footer{padding-bottom:calc(42px + env(safe-area-inset-bottom,0px))}}
@media (max-width:650px){.pwa-banner{padding:12px 14px;gap:12px}.pwa-banner-icon{width:40px;height:40px;flex-basis:40px}}