/* Installed-window, safe-area and keyboard additions to the responsive shell. */
html { background:#faf9fc; }
body[data-refinement="porcelain"] { min-height:100svh; min-height:100dvh; }
.app-header,main,.discovery-navigation-inner {
  padding-left:max(var(--page-gutter),env(safe-area-inset-left));
  padding-right:max(var(--page-gutter),env(safe-area-inset-right));
}
body[data-app-display="standalone"] .app-header { padding-top:env(safe-area-inset-top); height:calc(72px + env(safe-area-inset-top)); }
.pwa-banner { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; padding:12px max(var(--page-gutter),env(safe-area-inset-left)) 12px max(var(--page-gutter),env(safe-area-inset-right)); color:#795b32; background:#fff6e7; border-bottom:1px solid #efdfc4; font-size:14px; line-height:1.6; }
.pwa-banner strong { font-size:12px; white-space:nowrap; }
.pwa-update { background:#f3effb; color:#655280; border-color:#e5dcef; }
.pwa-update .text-button { margin-left:auto; min-height:32px; }
.toast { bottom:calc(30px + env(safe-area-inset-bottom)); }
@media(max-width:1199px) and (min-width:768px) {
  body[data-app-display="standalone"] .app-header { height:auto; padding-top:calc(12px + env(safe-area-inset-top)); }
}
@media(max-width:767px) {
  .app-header { grid-template-rows:44px 44px; }
  .app-header .network-button,.app-header .wallet-button,.app-header .whitepaper-link { min-height:44px; height:44px; }
  .app-header .network-button,.app-header .whitepaper-link { width:44px; min-width:44px; }
  body[data-app-display="standalone"] .app-header { height:auto; padding-top:calc(12px + env(safe-area-inset-top)); }
  .app-header nav { padding-left:max(10px,env(safe-area-inset-left)); padding-right:max(10px,env(safe-area-inset-right)); }
  .app-header .explore-search input,.search-box input,.slippage-row input,#modal input:not([type="checkbox"]):not([type="radio"]) { font-size:18px; }
  .toast { bottom:calc(84px + env(safe-area-inset-bottom)); max-width:calc(100vw - 28px); }
  dialog { max-height:min(calc(100dvh - 24px),calc(var(--visual-viewport-height,100dvh) - 24px)); }
  body.pwa-editing .app-header nav { visibility:hidden; pointer-events:none; }
  body.pwa-editing { padding-bottom:env(safe-area-inset-bottom); }
  body.pwa-editing .toast { bottom:calc(14px + env(safe-area-inset-bottom)); }
  body.pwa-keyboard-open dialog[open] { top:calc(var(--visual-viewport-top,0px) + 12px); bottom:auto; margin-block:0; }
}
@media(max-width:479px) {
  .app-header .wallet-button[data-state="disconnected"] { width:44px; min-width:44px; }
}