/* PWA E-Sukan: gaya terasing supaya tidak menukar modul pertandingan / dashboard. */
.pwa-cta { margin-top:16px; padding:14px; border:1px solid #c9e7d3; border-radius:14px; background:#eff9f2; }
.pwa-cta-title { font-size:13px; font-weight:850; color:#06472f; }
.pwa-cta-subtitle { margin:4px 0 10px; font-size:11px; line-height:1.5; color:#456254; }
.pwa-cta-buttons { display:flex; flex-wrap:wrap; gap:8px; }
.pwa-trigger { appearance:none; border:1px solid #0a8153; border-radius:10px; padding:10px 12px; font:inherit; font-size:12px; font-weight:800; background:#087a4d; color:#fff; cursor:pointer; touch-action:manipulation; }
.pwa-trigger:nth-child(2) { background:#fff; color:#07563b; }
.pwa-trigger:hover, .pwa-trigger:focus-visible { outline:2px solid #d7b34c; outline-offset:2px; }
.pwa-shell-cta { background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.2); }
.pwa-shell-cta .pwa-cta-title,.pwa-shell-cta .pwa-cta-subtitle { color:#fff; }
.pwa-shell-cta .pwa-trigger { flex:1 1 92px; font-size:11px; padding:8px 6px; }
.pwa-top-trigger { appearance:none; white-space:nowrap; border:1px solid #0a8153; border-radius:10px; background:#fff; color:#07563b; font:inherit; font-size:11px; font-weight:800; padding:9px 10px; cursor:pointer; }
.pwa-modal-backdrop { position:fixed; inset:0; z-index:999999; display:grid; place-items:center; padding:18px; background:rgba(5,31,23,.72); backdrop-filter:blur(4px); }
.pwa-modal { position:relative; width:min(100%,470px); max-height:90dvh; overflow:auto; border-radius:22px; background:white; box-shadow:0 20px 80px #0004; padding:26px; color:#1a382b; }
.pwa-modal h2 { font-size:22px; margin:0 42px 9px 0; line-height:1.25; }
.pwa-modal p,.pwa-modal li { font-size:14px; line-height:1.65; }
.pwa-modal ol { padding-left:24px; }
.pwa-modal-close { position:absolute; right:12px; top:12px; font-size:24px; border:0; border-radius:50%; width:36px; height:36px; background:#eef5ef; cursor:pointer; }
.pwa-modal-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.pwa-modal-actions .pwa-trigger { min-height:42px; }
.pwa-modal-secondary { background:#fff!important; color:#07563b!important; }
.pwa-modal-note { font-size:12px!important; color:#68796d; }
@media(max-width:600px){.pwa-modal{padding:22px 18px}.pwa-top-trigger{font-size:0;padding:10px}.pwa-top-trigger::after{content:'📲';font-size:17px}.pwa-cta{margin-top:12px}}
@media(display-mode:standalone){.pwa-cta,.pwa-top-trigger {display:none!important}}