.mavi-pwa-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:16px auto;padding:0 16px;max-width:900px;font:inherit;color:#123f49}
.mavi-pwa-tools button,.mavi-offline button{font:inherit;border:1px solid #b7cdc9;border-radius:10px;background:#fff;color:#123f49;padding:9px 16px;cursor:pointer;min-height:44px}
.mavi-pwa-tools button:focus-visible,.mavi-offline button:focus-visible,.mavi-install-dialog button:focus-visible{outline:3px solid #36a69b;outline-offset:3px}
.mavi-pwa-status{width:100%;text-align:center;border-radius:10px;background:#fff3dc;padding:12px;box-sizing:border-box}
.mavi-pwa-status[hidden],.mavi-pwa-tools button[hidden]{display:none}
.mavi-install-dialog{font:inherit;color:#123f49;background:#fff;border:1px solid #b7cdc9;border-radius:18px;padding:24px;max-width:480px;width:calc(100% - 64px);max-height:80vh;overflow:auto;box-shadow:0 20px 80px #123f4933}
.mavi-install-dialog::backdrop{background:#123f4966}
.hero-copy .mavi-pwa-tools{margin:18px auto 0;padding:0}
.hero-copy #mavi-install{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-color:var(--accent,#276cb0);color:var(--accent,#276cb0);font-weight:700}
.hero-copy #mavi-install::before{content:'↓';font-size:1.2em;line-height:1}
.hero-copy #mavi-install:hover{background:#edf5ff}
.hero-copy #mavi-install[hidden]{display:none}
.mavi-install-dialog .mavi-install-now{margin-inline-end:10px;margin-block-end:10px}
.mavi-install-dialog button[hidden]{display:none}
.mavi-install-dialog h2{margin-top:0;font-size:1.3rem}.mavi-install-dialog p{line-height:1.9}.mavi-install-dialog button{font:inherit;border:0;border-radius:10px;background:#123f49;color:#fff;padding:10px 20px;min-height:44px;cursor:pointer}
.mavi-offline{margin:0;background:#f6faf9;color:#123f49;font:16px/1.8 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center}
.mavi-offline main{box-sizing:border-box;max-width:520px;width:calc(100% - 32px);margin:24px;padding:32px;background:white;border:1px solid #dce8e4;border-radius:24px;text-align:center}
.mavi-offline img{border-radius:24px}.mavi-offline h1{font-size:1.5rem}.mavi-offline select{font:inherit;max-width:100%;padding:8px;margin:12px;border:1px solid #b7cdc9;border-radius:8px;background:white;color:#123f49}
@media(prefers-reduced-motion:reduce){.mavi-install-dialog{scroll-behavior:auto}}