/* PWA standalone — safe areas (iOS) + install bar */

html.is-pwa-standalone,
body.is-pwa-standalone {
  overscroll-behavior-y: none;
}

/*
 * iOS standalone (comme Mail) :
 * - apple-mobile-web-app-status-bar-style = default (barre opaque)
 * - PAS de viewport-fit=cover (évite le flou blanc sur la safe-area)
 * - fond blanc / topbar solide, sans backdrop-filter
 * Le contenu commence déjà sous la status bar → ne pas rajouter safe-area-inset-top.
 */
@media (display-mode: standalone) {
  body.admin,
  body.login-page,
  html.is-pwa-standalone body.admin,
  html.is-pwa-standalone body.login-page {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  body.login-page,
  html.is-pwa-standalone body.login-page {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }

  .topbar {
    background: #ffffff !important;
    background-color: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
  }

  .login__panel {
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .login__card-logo {
    filter: none !important;
    -webkit-filter: none !important;
  }
}

html.is-pwa-standalone .topbar {
  background: #ffffff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.pwa-install {
  position: fixed;
  left: 0.75rem;
  right: 0.75rem;
  bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
  z-index: 90;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.85rem 1rem;
  border-radius: 16px;
  background: #111;
  color: #fff;
  border: 1px solid rgba(252, 186, 22, 0.45);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
}

.pwa-install[hidden] {
  display: none !important;
}

.pwa-install__text {
  flex: 1;
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.35;
  font-weight: 600;
}

.pwa-install__text strong {
  color: #fcba16;
}

.pwa-install__btn {
  appearance: none;
  border: 0;
  border-radius: var(--radius-ctrl, 999px);
  padding: 0.55rem 0.85rem;
  font: inherit;
  font-weight: 800;
  font-size: 0.88rem;
  background: #fcba16;
  color: #111;
  cursor: pointer;
  white-space: nowrap;
}

.pwa-install__dismiss {
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  padding: 0.25rem;
}