/*
  Zweck: Kurzes Viewport (z. B. Querformat): Dokument-Scroll statt verschachtelter Panes.
  Zielpfad: /home/mckiede/public_html/design/layout-short-viewport.css
  Verantwortlich: mckie-Portal

  Width is often >680px in landscape, so layout-mobile.css does not apply.
  Height is small: use document scroll (no nested panes) so Android touch scroll
  works anywhere on the screen, not only at the edges.
*/

@media (max-width: 1180px) and (max-height: 520px) {
  /* Dokument-Scroll-Basis: layout-document-scroll.css */

  .command-header {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 0.08rem 0.35rem;
    align-items: start;
    min-height: 0;
    padding: 0.4rem 0.55rem;
  }

  .header-brand,
  .header-status {
    min-height: 0;
    margin: 0;
    padding: 0;
  }

  .header-brand {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    min-width: 0;
    margin-top: 0;
    padding-right: 0.12rem;
  }

  .header-status {
    grid-column: 2;
    grid-row: 2;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    column-gap: 0.3rem;
    row-gap: 0.03rem;
    align-items: end;
    align-self: end;
    justify-self: end;
    margin-right: 0;
    text-align: right;
  }

  .header-status > span {
    grid-column: 1;
    grid-row: 1;
  }

  .header-status > strong {
    grid-column: 1;
    grid-row: 2;
  }

  .header-brand #page-title {
    font-size: clamp(0.4rem, 7.25cqi, 0.98rem);
    line-height: 0.92;
  }

  .header-brand .title-combo,
  .header-brand .title-combo span,
  .header-brand h1 > span {
    display: inline;
    white-space: nowrap;
  }

  .header-status span {
    position: static;
    display: block;
    min-width: 0;
    height: auto;
    padding: 0;
    background: transparent;
    color: var(--orange);
    font-size: 0.4rem;
    white-space: nowrap;
  }

  .header-status strong {
    font-size: clamp(0.68rem, 2.8vw, 0.88rem);
    white-space: nowrap;
  }

  .header-controls {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: end;
    justify-self: end;
    z-index: 1;
    width: 3.9rem;
    min-width: 3.9rem;
    height: 1.75rem;
    margin-top: 0;
  }

  .command-layout {
    flex: 0 0 auto;
    grid-template-rows: auto auto;
    overflow: visible;
  }

  .command-panel-matrix {
    max-height: none;
    overflow: visible;
  }

  .main-console {
    min-height: 0;
    padding: 0.45rem 0.55rem;
    overflow: visible;
  }

  .module-view {
    min-height: 0;
    max-height: none;
    margin-top: 0.35rem;
    overflow: visible;
  }

  .module-rail > .nav-sensor-map--rail {
    height: 2.35rem;
    min-height: 2.35rem;
  }

  .command-footer {
    --footer-chip-height: 1.55rem;
    padding: 0.28rem 0.45rem 0.35rem;
    gap: 0.22rem 0.3rem;
  }

  .command-footer #console-status-feed.footer-status-band {
    min-height: 1.35rem;
    max-height: 1.45rem;
  }
}