/* Shell-level safe areas are supplied by telegram.js; browser env() stays usable. */
.mini-app {
  --shell-zero: calc(var(--size-line-width) * 0);
  height: var(--ndf-viewport-stable-height, 100dvh);
  padding-top: calc(max(env(safe-area-inset-top, var(--shell-zero)), var(--ndf-safe-top, var(--shell-zero))) + var(--ndf-content-safe-top, var(--shell-zero)));
  padding-bottom: calc(max(env(safe-area-inset-bottom, var(--shell-zero)), var(--ndf-safe-bottom, var(--shell-zero))) + var(--ndf-content-safe-bottom, var(--shell-zero)));
  padding-left: calc(max(env(safe-area-inset-left, var(--shell-zero)), var(--ndf-safe-left, var(--shell-zero))) + var(--ndf-content-safe-left, var(--shell-zero)));
  padding-right: calc(max(env(safe-area-inset-right, var(--shell-zero)), var(--ndf-safe-right, var(--shell-zero))) + var(--ndf-content-safe-right, var(--shell-zero)));
}
.landing-header { flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm); padding: var(--space-md) var(--size-gutter); }
.landing-header h1 { margin: 0; font-size: var(--font-size-title); line-height: 1.3; overflow-wrap: anywhere; }
.landing-content { display: flex; flex-direction: column; gap: var(--space-md); }
.home-intro { display: grid; gap: var(--space-md); padding-block: var(--space-lg); }
.home-intro h2 { margin: 0; font-size: calc(var(--font-size-screen-title) * 1.5); line-height: 1.2; }
.home-intro p { margin: 0; color: var(--color-text-muted); }
.home-mark { width: calc(var(--size-icon-order) * 3); aspect-ratio: 5 / 4; color: var(--color-accent); }
.home-orders { display: flex; justify-content: space-between; align-items: center; }
.home-storage { margin-top: auto; font-size: var(--font-size-caption); color: var(--color-text-muted); }
.orders-back { flex: none; min-height: var(--size-touch-min); padding: 0 var(--space-xs); border: 0; background: transparent; color: var(--color-accent); cursor: pointer; white-space: nowrap; }
.order-storage-status { margin: 0 0 var(--space-sm); color: var(--color-text-muted); font-size: var(--font-size-caption); }
