/* Shared site header (R40). One header for every page: server-rendered (seo_pages.site_header)
   and SPA (SiteHeader.jsx). Green bar, round globe logo, "GEOPOLITICS" white + "ALPHA" gold. */
.ga-header {
  position: relative; z-index: 20; margin: 0; padding: 0; width: 100%; box-sizing: border-box;
  background: linear-gradient(180deg, #0f5a3c 0%, #0c4a32 100%);
  border-bottom: 3px solid #c9a227;
  box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 2px 10px rgba(5, 37, 26, .18);
  color: #fff;
  font-family: "Avenir Next", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
}
.ga-header-in {
  max-width: 1100px; margin: 0 auto; padding: 10px 16px; box-sizing: border-box;
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px;
}
.ga-header .ga-brand {
  display: inline-flex; align-items: center; gap: 10px; min-height: 40px;
  color: #fff; text-decoration: none; text-transform: uppercase;
  font: 700 17px/1 "Avenir Next", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  letter-spacing: .06em; white-space: nowrap;
}
.ga-header .ga-brand-logo { width: 36px; height: 36px; flex: none; border-radius: 50%; box-shadow: 0 1px 4px rgba(0,0,0,.35); }
.ga-header .ga-wordmark { color: #fff; font: inherit; letter-spacing: inherit; }
.ga-header .ga-wordmark b { color: #f3d27a; font-weight: 700; }
.ga-header .ga-tools { margin-left: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ga-header .ga-tools button,
.ga-header .ga-tools .account-status-chip,
.ga-header .ga-tools .status-pill {
  display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 4px 10px; white-space: nowrap;
  color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.28); border-radius: 999px;
  font: 600 12px/1 "Avenir Next", "Segoe UI", system-ui, sans-serif; letter-spacing: .05em; cursor: pointer;
}
.ga-header .ga-tools button:hover { background: rgba(255,255,255,.16); }
.ga-header .ga-tools .status-pill { cursor: default; }
.ga-header .ga-tools .status-pill i { width: 7px; height: 7px; border-radius: 50%; background: #f3d27a; }
.ga-header .ga-tools .status-pill.live i { background: #6ee7a8; }
.ga-header .ga-tools .status-pill.error i { background: #ff8a80; }
.ga-header .ga-tools .account-control, .ga-header .ga-tools .account-identity { display: inline-flex; align-items: center; gap: 8px; color: #e7f3ec; font-size: 12px; }
.ga-header .ga-tools .account-identity strong { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ga-header .ga-tools .account-auth-error { color: #ffd2cc; font-size: 12px; }
.ga-header .ga-nav { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; padding: 0; }
.ga-header .ga-nav a {
  display: inline-flex; align-items: center; gap: 5px; min-height: 40px; padding: 8px 2px; box-sizing: border-box;
  color: #e7f3ec; text-decoration: none; border-bottom: 2px solid transparent; background: none;
  font: 600 14px/1.2 "Avenir Next", "Segoe UI", system-ui, sans-serif; letter-spacing: 0; text-transform: none;
}
.ga-header .ga-nav a:hover { color: #fff; }
.ga-header .ga-nav a[aria-current="page"] { color: #fff; border-bottom-color: #f3d27a; }
.ga-header .ga-icon { flex: none; width: 16px; height: 16px; }
.ga-header a:focus-visible, .ga-header button:focus-visible { outline: 3px solid #f3d27a; outline-offset: 2px; }
@media (max-width: 600px) {
  .ga-header-in { gap: 4px 12px; padding: 8px 12px; }
  .ga-header .ga-nav {
    width: 100%; flex-wrap: nowrap; overflow-x: auto; gap: 14px; scrollbar-width: none;
    -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain;
  }
  .ga-header .ga-nav::-webkit-scrollbar { display: none; }
  .ga-header .ga-nav a { white-space: nowrap; }
  .ga-header .ga-brand { font-size: 15px; gap: 8px; letter-spacing: .05em; }
  .ga-header .ga-tools { gap: 6px; flex-wrap: nowrap; }
  .ga-header .ga-tools .status-pill, .ga-header .ga-tools .icon-button { display: none; }
  .ga-header .ga-tools button, .ga-header .ga-tools .account-status-chip { min-height: 30px; padding: 4px 8px; font-size: 11px; }
  .ga-header .ga-tools .account-identity span { display: none; }
  .ga-header .ga-tools .account-identity strong { max-width: 90px; }
}