/* Installed-app UI: install banner, update toast, offline strip, offline page */
.pwa-sheet{position:fixed;inset-inline:12px;bottom:calc(var(--m-tabbar-h,0px) + env(safe-area-inset-bottom,0px) + 12px);z-index:90;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#191e29;color:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(25,30,41,.35);font-family:'Almarai',system-ui,sans-serif;font-size:14px;line-height:1.5}
.pwa-sheet[hidden]{display:none}
.pwa-sheet__text{flex:1;min-width:0}
.pwa-sheet__text strong{display:block;font-weight:800}
.pwa-sheet__text span{display:block;font-size:12px;opacity:.8}
.pwa-btn{appearance:none;border:0;border-radius:12px;padding:10px 16px;background:#ffb400;color:#3d2b00;font:700 14px 'Almarai',system-ui,sans-serif;cursor:pointer}
.pwa-btn:focus-visible,.pwa-x:focus-visible,.pwa-link:focus-visible{outline:2px solid #ffb400;outline-offset:2px}
.pwa-x{appearance:none;border:0;background:transparent;color:#fff;opacity:.7;padding:6px;font-size:20px;line-height:1;cursor:pointer}
.pwa-link{color:inherit;font-weight:700}
.pwa-strip{position:fixed;inset-inline:0;top:0;z-index:95;padding:6px 12px;padding-top:calc(6px + env(safe-area-inset-top,0px));background:#b3261e;color:#fff;text-align:center;font:700 12px 'Almarai',system-ui,sans-serif}
.pwa-strip[hidden]{display:none}
html.is-standalone body{-webkit-touch-callout:none;overscroll-behavior-y:contain}
.pwa-offline-page{margin:0;min-height:100vh;display:grid;place-items:center;background:#f7f8fa;color:#191e29;font-family:'Almarai',system-ui,sans-serif}
.pwa-offline{max-width:360px;padding:32px 24px;text-align:center}
.pwa-offline__icon{font-size:56px;color:#767d8a}
.pwa-offline h1{margin:12px 0 8px;font-size:20px;font-weight:800}
.pwa-offline p{margin:0 0 20px;font-size:14px;line-height:1.8;color:#4a5160}
.pwa-offline .pwa-btn{background:#191e29;color:#fff;margin-bottom:12px}
@media (prefers-reduced-motion:no-preference){.pwa-sheet{animation:pwa-in .25s ease-out}@keyframes pwa-in{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}}
@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.15s}}

/* ---- appearance picker (account pages: mobile + desktop) ---- */
.m-theme-pick{display:flex;gap:6px;background:#eceef1;border-radius:14px;padding:4px;max-width:420px}
.m-theme-pick button{position:static!important;transform:none!important;flex:1;border:0;border-radius:10px;padding:9px 6px;font:inherit;font-size:13px;font-weight:700;background:transparent!important;color:#4a5160!important;cursor:pointer}
.m-theme-pick button[aria-pressed="true"]{background:#ffb400!important;color:#3d2b00!important}