/* GP-DP-20260826-064 — CANONICAL AUTHORITY RECONCILIATION
   The Home topology is selected by usable width, never aspect ratio alone.
   This terminal authority preserves the canonical three-column command
   environment for every D2 desktop while retaining 063's true T1/M1 reflow. */

:root {
  --gp064-cyan: #38cfff;
  --gp064-gold: #efc85a;
}

/* Rejected 059/060 surfaces are retired structurally and visually. */
.decision-command-deck,
.world-focus-hud,
.world-decision-synthesis {
  display: none !important;
}

/* Desktop-capacity windows keep one coherent command surface. The scale is
   height-derived by geometry.js, so the full scene fits without dismantling
   left navigation, central intelligence, or the resident Guardian rail. */
html[data-gp-viewport="D2"] .gp-app {
  min-width: 0 !important;
  overflow-x: hidden !important;
}

html[data-gp-viewport="D2"] .experience {
  display: grid !important;
  align-items: stretch !important;
  background: #01070d !important;
}

html[data-gp-viewport="D2"] .left-rail,
html[data-gp-viewport="D2"] .intelligence-stage,
html[data-gp-viewport="D2"] .right-rail {
  min-width: 0 !important;
  overflow: hidden !important;
}

html[data-gp-viewport="D2"] .left-rail {
  display: block !important;
  padding: 0 !important;
}

html[data-gp-viewport="D2"] .right-rail {
  margin: 0 !important;
}

html[data-gp-viewport="D2"] .left-rail nav {
  height: calc(681px * var(--gp-scale)) !important;
  min-height: 0 !important;
}

html[data-gp-viewport="D2"] .constitution-mark {
  height: calc(184px * var(--gp-scale)) !important;
  min-height: 0 !important;
  margin: calc(4px * var(--gp-scale)) calc(10px * var(--gp-scale)) 0 !important;
}

html[data-gp-viewport="D2"] .world:not(.world-expanded) .left-forces {
  left: calc(21px * var(--gp-scale)) !important;
  width: calc(188px * var(--gp-scale)) !important;
}

html[data-gp-viewport="D2"] .world:not(.world-expanded) .right-forces {
  right: calc(26px * var(--gp-scale)) !important;
  width: calc(223px * var(--gp-scale)) !important;
}

html[data-gp-viewport="D2"] .guardian-presence {
  display: block !important;
}

html[data-gp-viewport="D2"] .guardian-presence,
html[data-gp-viewport="D2"] .alerts,
html[data-gp-viewport="D2"] .market-summary {
  grid-column: auto !important;
  grid-row: auto !important;
}

html[data-gp-viewport="D2"] .foundation {
  margin: 0 !important;
}

/* Explicit acceptance window: the user's real desktop must never inherit the
   stacked tablet bands or fixed bottom tablet navigation. */
@media (min-width: 1280px) and (max-width: 1399px) {
  html[data-gp-viewport="D2"] .intelligence-stage,
  html[data-gp-viewport="D2"] .left-rail {
    display: block !important;
  }

  html[data-gp-viewport="D2"] .right-rail {
    display: grid !important;
  }

  html[data-gp-viewport="D2"] .left-rail nav {
    position: static !important;
    width: auto !important;
    grid-template-columns: none !important;
    grid-template-rows: repeat(12, 1fr) !important;
    overflow: hidden !important;
  }
}

/* M1 owns a complete bottom navigation band. The historical desktop rail must
   never leak back as a 62px vertical fragment over the narrative. */
html[data-gp-viewport="M1"] .left-rail {
  display: contents !important;
}

html[data-gp-viewport="M1"] .left-rail nav {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 80 !important;
  width: 100% !important;
  height: 60px !important;
  min-height: 60px !important;
  display: grid !important;
  grid-template-columns: repeat(12, 62px) !important;
  grid-template-rows: 60px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 0 !important;
  border-top: 1px solid rgba(239, 200, 90, .30) !important;
  border-radius: 0 !important;
  background: rgba(2, 10, 18, .985) !important;
}

html[data-gp-viewport="M1"] .left-rail nav button {
  width: 62px !important;
  height: 60px !important;
  min-height: 60px !important;
  padding: 0 !important;
  justify-content: center !important;
  border-left: 0 !important;
  border-bottom: 2px solid transparent !important;
}

html[data-gp-viewport="M1"] .left-rail nav button.active {
  border-bottom-color: var(--gp064-gold) !important;
}

html[data-gp-viewport="M1"] .left-rail nav button div,
html[data-gp-viewport="M1"] .constitution-mark {
  display: none !important;
}