/* Shared site header — the same bar on every page (graph, ledger, graveyard, methodology,
   company pages). Markup comes from navHtml() in scripts/ledger-pages.js; the graph page
   copies it verbatim. Self-contained so it works next to each page's own styles. */
.site-header {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 52px;
  padding: 0 20px;
  box-sizing: border-box;
  background: #0f0f0f;
  border-bottom: 1px solid #2a2a2a;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  line-height: 1;
  overflow: hidden;
}

.site-header .brand {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.site-header nav {
  display: flex;
  align-items: stretch;
  align-self: stretch;
  gap: 20px;
  min-width: 0;
}

.site-header nav a {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  padding-top: 2px;
  transition: color 0.2s, border-color 0.2s;
}
.site-header nav a:hover { color: #fff; }
.site-header nav a.active { color: #fff; border-bottom-color: #1d9bf0; }

@media (max-width: 760px) {
  .site-header { gap: 16px; padding: 0 12px; }
  .site-header .brand { font-size: 15px; flex-shrink: 0; }
  /* Links scroll sideways on phones; fade the right edge so that's discoverable */
  .site-header nav {
    gap: 14px;
    overflow-x: auto;
    scrollbar-width: none;
    padding-right: 24px;
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
    mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
  }
  .site-header nav::-webkit-scrollbar { display: none; }
  .site-header nav a { font-size: 13px; }
}

/* Deal-status badges — shared by the ledger, graveyard and graph pages.
   Keep in sync with STATUS_COLORS in network-visualization.html. */
.badge { display: inline-block; padding: 1px 6px; border-radius: 4px; font-size: 11px; line-height: 1.5; color: #e5e7eb; background: #262626; white-space: nowrap; }
.status-announced { background: #374151; } .status-definitive { background: #1e3a8a; }
.status-confirmed, .status-realized, .status-completed { background: #14532d; }
.status-shrunk { background: #78350f; } .status-dead { background: #7f1d1d; }
.badge.unreviewed { background: transparent; border: 1px dashed #888; color: #888; }
.badge.stale { background: #713f12; } .badge.low-conf { background: transparent; border: 1px solid #a16207; color: #facc15; }