.pwa-install-panel {
  width: min(100% - 2rem, 76rem);
  margin: 1rem auto 1.5rem;
  padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid #e5d6b7;
  border-radius: 1.25rem;
  background: rgba(255, 252, 244, .96);
  box-shadow: 0 5px 0 rgba(122, 99, 61, .08);
  color: #5b4935;
}
.pwa-install-panel h2 { margin: 0 0 .35rem; font-size: 1.2rem; }
.pwa-install-panel p { margin: .35rem 0; line-height: 1.55; }
.pwa-panel-meta { color: #78694f; font-size: .92rem; }
.pwa-panel-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin-top: .85rem; }
.pwa-panel-actions button {
  min-height: 2.8rem;
  padding: .65rem 1rem;
  border: 1px solid #c6d5b6;
  border-radius: .8rem;
  background: #eaf0df;
  color: #4d6846;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.pwa-panel-actions button:disabled { cursor: wait; opacity: .66; }
.pwa-progress { width: min(100%, 34rem); height: .8rem; accent-color: #6d8a62; }
.pwa-progress-row { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; width: 100%; }
.pwa-notice { color: #735d3d; font-weight: 600; }
.pwa-notice[data-kind="error"] { color: #9b4937; }
.pwa-notice[data-kind="success"] { color: #4c7049; }
@supports (padding: max(0px)) {
  body { padding-bottom: max(0px, env(safe-area-inset-bottom)); }
  .pwa-install-panel { margin-bottom: max(1.5rem, env(safe-area-inset-bottom)); }
}