/* Komponen PWA memakai warna dan font lokal aplikasi. */
@font-face{font-family:Lato;src:url("/static/fonts/Lato-Regular.b7d6b48d8d12.woff2") format('woff2');font-display:swap}
.pwa-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#443737;color:#fff;border:1px solid #443737;border-radius:.5rem;padding:.65rem 1rem;font:inherit;text-decoration:none;cursor:pointer;min-height:44px}
.pwa-button:focus-visible,.pwa-dialog button:focus-visible{outline:3px solid #987284;outline-offset:3px}
.pwa-button:disabled{opacity:.55;cursor:wait}
.pwa-button[hidden],[data-pwa-install][hidden],.pwa-update[hidden]{display:none}
.pwa-update{position:fixed;right:1rem;bottom:1rem;z-index:1100;background:white;color:#443737;border:1px solid #E8D5B7;border-radius:.75rem;padding:1rem;box-shadow:0 5px 20px #0002;max-width:calc(100vw - 2rem);display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}
.pwa-dialog{color:#443737;background:white;border:1px solid #E8D5B7;border-radius:.75rem;padding:1.5rem;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);font-family:Lato,sans-serif}
.pwa-dialog::backdrop{background:#0006}
.pwa-dialog p{margin:1rem 0;line-height:1.6}
.pwa-offline{margin:0;padding:1rem;min-height:100dvh;box-sizing:border-box;display:grid;place-items:center;background:#F4E1D2;color:#443737;font-family:Lato,sans-serif}
.pwa-offline-card{max-width:440px;background:white;border:1px solid #E8D5B7;border-radius:1rem;padding:2rem;text-align:center;line-height:1.6}
.pwa-offline h1{font-size:1.6rem;line-height:1.25}
.pwa-preferences{display:grid;gap:1rem;border:0;padding:0;margin:1.5rem 0}
.pwa-preferences label{display:flex;align-items:center;gap:.75rem;min-height:44px}
.pwa-preferences input{width:20px;height:20px;accent-color:#443737}
.pwa-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.pwa-settings{padding:1.5rem;max-width:740px;line-height:1.6}