/* Perps section: frame for the trading page. */
/* Keep every main nav link (Markets, Dashboard, Risks, Perps) visible on the Perps route. */
html body.perps-route .site-nav > a[data-route],
html body.perps-route .site-nav > a[href^="#/"] { display: inline-flex !important; white-space: nowrap; }
/* When the header is too narrow, the nav wraps onto its own line instead of running under the language and wallet controls. */
html body.perps-route .site-header { flex-wrap: wrap; row-gap: 10px; }
html body.perps-route .header-left { flex-wrap: wrap; row-gap: 8px; min-width: 0; }
html body.perps-route .site-nav { flex-wrap: wrap; row-gap: 6px; min-width: 0; overflow: visible; }
.perps-shell { margin: 0; padding: 0; }
.perps-frame {
  display: block; width: 100%; height: calc(100vh - 70px); min-height: 720px;
  border: 0; background: transparent; color-scheme: normal;
}

/* Compact main header on the Perps route. */
html body.perps-route .site-header { padding-top: 6px !important; padding-bottom: 6px !important; }
html body.perps-route .site-nav { row-gap: 0 !important; }