/* PWA — banner de instalação + safe-area (notch). Sem Web Push. */

/* respeita a safe-area do topo (notch) na topbar do painel */
.admin .topbar { padding-top: env(safe-area-inset-top, 0px); box-sizing: content-box; }
@supports (padding: max(0px)) {
  .admin .content { padding-left: max(28px, env(safe-area-inset-left)); padding-right: max(28px, env(safe-area-inset-right)); }
}

/* banner */
.pwa-banner {
  position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  z-index: 400; display: none; align-items: center; gap: 12px;
  background: #0d1526; border: 1px solid rgba(90,140,255,.28); border-radius: 14px;
  padding: 11px 13px; box-shadow: 0 14px 44px rgba(0,0,0,.55); max-width: 540px; margin: 0 auto;
}
.pwa-banner.show { display: flex; }
.pwa-ic { width: 42px; height: 42px; border-radius: 11px; flex-shrink: 0; }
.pwa-txt { flex: 1; display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.pwa-txt b { font-size: 14px; color: #eaf0ff; }
.pwa-txt span { font-size: 12px; color: #8a96b8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pwa-btn { background: linear-gradient(180deg,#38a5ff,#1f6fe0); border: 0; color: #fff; padding: 10px 16px; border-radius: 10px; font-weight: 700; font-size: 13px; cursor: pointer; white-space: nowrap; }
.pwa-btn:active { transform: translateY(1px); }
.pwa-x { background: transparent; border: 0; color: #8a96b8; font-size: 16px; line-height: 1; cursor: pointer; padding: 6px 4px; flex-shrink: 0; }

/* modal iOS "como instalar" */
.pwa-ios-bg { position: fixed; inset: 0; z-index: 420; background: rgba(4,7,13,.74); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; padding: 20px; }
.pwa-ios { background: #0d1526; border: 1px solid rgba(90,140,255,.28); border-radius: 16px; padding: 22px 22px 20px; max-width: 360px; width: 100%; box-shadow: 0 20px 60px rgba(0,0,0,.6); }
.pwa-ios h3 { margin: 0 0 14px; color: #eaf0ff; font-size: 17px; }
.pwa-ios ol { margin: 0 0 18px; padding-left: 20px; line-height: 2; font-size: 14px; color: #cdd7f0; }
.pwa-ios .ios-share { display: inline-block; }
.pwa-ios .pwa-btn { width: 100%; }

@media (max-width: 380px) { .pwa-txt span { display: none; } }