/* Installation belongs to the modern customer menu. */
body.coop-modern [data-modern-pwa-install][hidden] {
  display: none !important;
}
body#coop-modern .modern-more-menu .modern-pwa-install {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #275f44;
}
body#coop-modern .modern-pwa-install > svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.coop-modern .modern-pwa-guide {
  width: min(480px, calc(100vw - 32px));
  max-height: calc(100dvh - 40px);
  padding: 0;
  border: 1px solid #e1e6e1;
  border-radius: 14px;
  color: #202822;
  background: #fff;
  box-shadow: 0 20px 70px #172b2240;
  overflow: auto;
  overscroll-behavior: contain;
}
body.coop-modern .modern-pwa-guide:not([open]) { display: none; }
body.coop-modern .modern-pwa-guide::backdrop { background: #172b2290; }
body.coop-modern .modern-pwa-guide-card { padding: 24px; }
body.coop-modern .modern-pwa-guide header { display: flex; align-items: flex-start; gap: 16px; }
body.coop-modern .modern-pwa-guide h2 { margin: 0; flex: 1; font-size: 22px; line-height: 1.3; }
body.coop-modern .modern-pwa-guide p,
body.coop-modern .modern-pwa-guide li { font-size: 15px; line-height: 1.6; }
body.coop-modern .modern-pwa-guide ol { padding-left: 22px; margin: 18px 0; }
body.coop-modern .modern-pwa-guide li + li { margin-top: 12px; }
body.coop-modern .modern-pwa-guide a { color: #275f44; text-decoration: underline; }
body.coop-modern .modern-pwa-guide-note { color: #667068; }
body.coop-modern .modern-pwa-guide-close {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 8px;
  background: #f1f4f1;
  color: #202822;
  font-size: 26px;
  cursor: pointer;
}
body.coop-modern .modern-pwa-guide-done {
  width: 100%;
  min-height: 44px;
  padding: 10px 16px;
  border: 0;
  border-radius: 8px;
  background: #275f44;
  color: #fff;
  font: inherit;
  cursor: pointer;
}
body.coop-modern .modern-pwa-guide-done:hover { background: #1e4934; }
body.coop-modern .modern-pwa-guide-fallback[open] {
  position: fixed;
  inset: 0;
  margin: auto;
  z-index: 10020;
}
@media (display-mode: standalone), (display-mode: minimal-ui),
       (display-mode: fullscreen), (display-mode: window-controls-overlay) {
  body.coop-modern [data-modern-pwa-install] { display: none !important; }
}