/* EXCALIBUR v31.2.1 HOTFIX
   Desktop header stability + responsive guard rails.
   Scoped to layout only; does not alter portfolio calculations or market data. */

/* Never let a long freshness label or action button crush the header. */
.cyber-topbar,
.topbar {
  box-sizing: border-box;
}
.top-actions,
.cyber-nav,
.brand-block {
  min-width: 0;
}
.top-actions .pill,
#freshnessPill {
  white-space: nowrap;
}

@media (min-width: 1101px) {
  .cyber-topbar,
  .topbar {
    display: grid !important;
    grid-template-columns: minmax(250px, auto) minmax(390px, 1fr) auto !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 68px !important;
    gap: 10px !important;
  }

  .brand-block {
    align-self: center;
    overflow: hidden;
  }
  .brand-block > div:last-child {
    min-width: 0;
  }
  .brand-block h1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .cyber-nav {
    margin-left: 0 !important;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
  }
  .cyber-nav a {
    min-width: 96px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    white-space: nowrap;
  }

  .top-actions {
    align-self: center;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end;
    gap: 6px !important;
  }
  .top-actions > * {
    flex: 0 0 auto;
  }
  .top-actions .pill,
  #freshnessPill {
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* Medium desktop: keep every control usable without wrapping the whole header. */
@media (min-width: 1101px) and (max-width: 1500px) {
  .cyber-topbar,
  .topbar {
    grid-template-columns: minmax(190px, 235px) minmax(330px, 1fr) auto !important;
  }
  .brand-block .eyebrow {
    display: none !important;
  }
  .brand-block h1 span {
    display: none !important;
  }
  .cyber-nav a {
    min-width: 82px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    font-size: 10px !important;
  }
  .top-actions .ghost-btn,
  .top-actions .cyber-action {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 10px !important;
  }
  .top-actions .pill,
  #freshnessPill {
    max-width: 140px;
  }
}

/* Risk Command must never force page-level horizontal scrolling. */
.risk-command-shell,
.risk-command-grid,
.risk-safe-card,
.risk-theme-card,
.risk-exit-card,
.risk-exit-list,
.risk-exit-row {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 760px) {
  .risk-command-grid { grid-template-columns: 1fr !important; }
  .risk-gauge-wrap { flex-direction: column; }
  .risk-exit-row { grid-template-columns: 1fr !important; }
  .risk-exit-ident,
  .risk-exit-status,
  .risk-exit-range { grid-column: 1 !important; }
}