:root {
  --portal-panel: rgba(13,13,12,0.78);
  --portal-line: rgba(184,143,70,0.22);
  --portal-gold: #b8934a;
  --portal-gold-soft: #d8bd78;
  --portal-text: #efe4c8;
  --portal-muted: rgba(219,207,176,0.62);
}

.access-logo-button {
  display: block;
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  outline: none;
}
.access-logo-button:focus-visible,
.access-logo-button.is-near-open .access-logo {
  filter: drop-shadow(0 20px 34px rgba(0,0,0,0.72)) drop-shadow(0 0 24px rgba(216,189,120,0.34));
}
.access-login-panel {
  width: min(420px, 100%);
  margin: 24px auto 22px;
  padding: 22px;
  border: 1px solid rgba(184,143,70,0.28);
  background: linear-gradient(145deg, rgba(18,16,13,0.90), rgba(5,5,5,0.96));
  box-shadow: inset 0 0 0 1px rgba(255,246,215,0.03), 0 26px 60px rgba(0,0,0,0.52);
}
.access-form { display: grid; gap: 14px; }
.access-form label,
.portal-field {
  display: grid;
  gap: 7px;
  text-align: left;
  color: rgba(239,228,200,0.74);
  font-family: var(--sans);
  font-size: 10px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}
.access-form input,
.access-form textarea,
.portal-field input,
.portal-field textarea,
.portal-field select {
  width: 100%;
  border: 1px solid rgba(184,143,70,0.30);
  background: rgba(4,4,4,0.72);
  color: var(--portal-text);
  font: 500 14px/1.4 var(--sans);
  letter-spacing: 0.02em;
  padding: 13px 14px;
  outline: none;
  border-radius: 0;
}
.access-form textarea,
.portal-field textarea { resize: vertical; min-height: 112px; }
.mfa-qr-card {
  display: grid;
  place-items: center;
  width: min(240px, 100%);
  margin: 2px auto 4px;
  padding: 14px;
  border: 1px solid rgba(190,151,82,0.42);
  background: linear-gradient(145deg, rgba(246,241,224,0.96), rgba(213,201,174,0.9));
  box-shadow: 0 18px 38px rgba(0,0,0,0.38);
}
.mfa-qr-card img {
  display: block;
  width: 100%;
  max-width: 192px;
  aspect-ratio: 1;
  object-fit: contain;
}
.mfa-secret {
  margin: -2px 0 4px;
  color: rgba(219,205,169,0.72);
  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  letter-spacing: 0.14em;
  line-height: 1.7;
  overflow-wrap: anywhere;
  text-align: center;
}
.access-submit { width: 100%; margin-top: 2px; }
.access-actions {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.access-actions button {
  border: 0;
  background: transparent;
  color: rgba(216,189,120,0.78);
  font-family: var(--sans);
  font-size: 10px;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  cursor: pointer;
}
.access-status {
  min-height: 22px;
  margin: 16px auto 0;
  color: var(--portal-muted);
  font: 500 12px/1.6 var(--sans);
  max-width: 460px;
}
.access-status[data-tone="ready"] { color: rgba(145,170,130,0.92); }
.access-status[data-tone="warning"] { color: rgba(216,189,120,0.92); }
.access-status[data-tone="error"] { color: rgba(199,123,101,0.94); }
.access-copy.compact { font-size: 14px; line-height: 1.6; margin: 0 0 4px; }

body.portal-body {
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 76% 0%, rgba(143,167,181,0.10), transparent 30%),
    radial-gradient(circle at 10% 12%, rgba(184,143,70,0.10), transparent 34%),
    linear-gradient(180deg, #050505 0%, #0c0b09 48%, #040404 100%);
}
.portal-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 292px minmax(0, 1fr);
  position: relative;
  z-index: 4;
}
.portal-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 22px 18px;
  border-right: 1px solid var(--portal-line);
  background: linear-gradient(180deg, rgba(15,13,10,0.96), rgba(5,5,5,0.96)), url("assets/images/textures/dark-leather-texture-live.jpg");
  background-size: cover;
  background-blend-mode: multiply;
  overflow-y: auto;
}
.portal-brand {
  display: grid;
  grid-template-columns: 70px 1fr;
  align-items: center;
  gap: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(184,143,70,0.20);
}
.portal-brand img { width: 70px; filter: drop-shadow(0 12px 22px rgba(0,0,0,0.72)); }
.portal-brand span {
  display: block;
  color: var(--portal-gold-soft);
  font-family: var(--serif-display);
  font-size: 16px;
  line-height: 1.08;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.portal-brand small {
  display: block;
  margin-top: 6px;
  color: rgba(219,207,176,0.54);
  font: 600 9px/1.4 var(--sans);
  letter-spacing: 0.24em;
}
.nav-group { padding: 18px 0 2px; }
.nav-group-title {
  margin: 0 0 9px;
  color: rgba(184,143,70,0.70);
  font: 700 9px/1 var(--sans);
  letter-spacing: 0.32em;
  text-transform: uppercase;
}
.portal-nav { display: grid; gap: 6px; }
.portal-nav button {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(239,228,200,0.72);
  font: 600 11px/1.1 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
}
.portal-nav button:hover,
.portal-nav button.is-active {
  color: var(--portal-text);
  border-color: rgba(184,143,70,0.30);
  background: linear-gradient(90deg, rgba(184,143,70,0.16), rgba(255,255,255,0.02));
}
.nav-dot {
  width: 8px;
  height: 8px;
  border: 1px solid rgba(216,189,120,0.88);
  transform: rotate(45deg);
  background: rgba(184,143,70,0.20);
}
.portal-main { min-width: 0; padding: 22px clamp(18px,3.5vw,44px) 34px; }
.portal-topbar {
  min-height: 70px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-bottom: 24px;
  padding: 14px 16px;
  border: 1px solid rgba(184,143,70,0.18);
  background: rgba(5,5,5,0.58);
  backdrop-filter: blur(16px);
}
.portal-search {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 680px;
  padding: 0 14px;
  border: 1px solid rgba(184,143,70,0.22);
  background: rgba(9,9,8,0.76);
}
.portal-search span { color: var(--portal-gold-soft); }
.portal-search input {
  width: 100%;
  height: 42px;
  border: 0;
  background: transparent;
  color: var(--portal-text);
  outline: none;
  font: 500 13px var(--sans);
}
.portal-user { display: flex; align-items: center; gap: 12px; }
.portal-badge,
.pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 7px 10px;
  border: 1px solid rgba(184,143,70,0.30);
  color: rgba(216,189,120,0.92);
  background: rgba(14,12,9,0.78);
  font: 700 9px/1 var(--sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.portal-avatar,
.portal-icon-btn {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(184,143,70,0.36);
  color: var(--portal-gold-soft);
  background: rgba(9,9,8,0.72);
  font: 700 12px var(--sans);
}
.portal-icon-btn { cursor: pointer; }
.portal-view { display: none; }
.portal-view.is-active { display: block; }
.portal-hero {
  position: relative;
  overflow: hidden;
  min-height: 330px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: 26px;
  padding: clamp(26px, 4vw, 46px);
  border: 1px solid rgba(184,143,70,0.30);
  background: linear-gradient(90deg, rgba(5,5,5,0.92), rgba(5,5,5,0.58)), url("assets/images/band/city-skyline-live.jpg") center / cover;
  box-shadow: inset 0 0 0 1px rgba(255,246,215,0.03), 0 32px 90px rgba(0,0,0,0.42);
}
.portal-kicker {
  margin: 0 0 14px;
  color: var(--portal-gold-soft);
  font: 700 10px/1 var(--sans);
  letter-spacing: 0.34em;
  text-transform: uppercase;
}
.portal-title {
  margin: 0;
  color: var(--portal-gold-soft);
  font-family: var(--serif-display);
  font-size: clamp(34px, 5vw, 72px);
  line-height: 0.96;
  letter-spacing: 0.03em;
}
.portal-lede {
  max-width: 780px;
  margin: 18px 0 0;
  color: rgba(239,228,200,0.78);
  font: 400 clamp(15px,1.6vw,18px)/1.75 var(--sans);
}
.portal-warning,
.security-note {
  margin-top: 20px;
  padding: 14px 16px;
  border: 1px solid rgba(184,143,70,0.26);
  background: rgba(9,8,6,0.78);
  color: rgba(239,228,200,0.72);
  font: 500 12px/1.65 var(--sans);
}
.danger-note {
  border-color: rgba(199,123,101,0.32);
  background: rgba(24,10,8,0.62);
}
.portal-quick-actions,
.metric-grid,
.company-grid,
.workspace-grid {
  display: grid;
  gap: 14px;
}
.portal-quick-actions { grid-template-columns: repeat(2, minmax(0,1fr)); align-self: end; }
.metric-grid { grid-template-columns: repeat(4, minmax(0,1fr)); margin: 18px 0; }
.company-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.workspace-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.portal-action,
.metric-card,
.portal-card,
.company-card,
.workspace-card,
.modal-panel {
  border: 1px solid rgba(184,143,70,0.22);
  background: linear-gradient(150deg, rgba(16,15,13,0.86), rgba(5,5,5,0.90));
  box-shadow: inset 0 0 0 1px rgba(255,246,215,0.025), 0 24px 60px rgba(0,0,0,0.30);
}
.portal-action {
  min-height: 74px;
  color: var(--portal-text);
  text-align: left;
  padding: 14px;
  cursor: pointer;
}
.portal-action strong,
.workspace-card strong {
  display: block;
  color: var(--portal-gold-soft);
  font: 700 11px/1.3 var(--sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.portal-action span,
.workspace-card p,
.empty-state,
.restricted-state {
  color: rgba(239,228,200,0.62);
  font: 500 13px/1.65 var(--sans);
}
.metric-card { min-height: 122px; padding: 18px; }
.metric-card span {
  color: rgba(219,207,176,0.62);
  font: 700 9px/1.4 var(--sans);
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.metric-card strong {
  display: block;
  margin-top: 13px;
  color: var(--portal-gold-soft);
  font-family: var(--serif-display);
  font-size: 34px;
  line-height: 1;
}
.metric-card p,
.portal-card p,
.company-card p {
  color: rgba(239,228,200,0.62);
  font: 500 13px/1.7 var(--sans);
}
.portal-card,
.workspace-card { padding: 22px; }
.portal-card h2,
.section-head h1 {
  margin: 0;
  color: var(--portal-gold-soft);
  font-family: var(--serif-display);
  letter-spacing: 0.08em;
}
.section-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: end;
  margin: 0 0 18px;
}
.section-head h1 { font-size: clamp(28px,3.5vw,48px); }
.section-head p {
  margin: 9px 0 0;
  max-width: 760px;
  color: rgba(239,228,200,0.62);
  font: 500 14px/1.7 var(--sans);
}
.company-card { overflow: hidden; }
.company-card figure { height: 138px; margin: 0; overflow: hidden; border-bottom: 1px solid rgba(184,143,70,0.22); }
.company-card img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(18%) sepia(14%) brightness(0.72) contrast(1.08); }
.company-card-body { padding: 17px; }
.company-card h3 { margin: 0 0 7px; color: var(--portal-gold-soft); font: 600 18px/1.2 var(--serif-display); letter-spacing: 0.06em; }
.company-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 0; }
.company-meta span {
  min-height: 26px;
  padding: 6px 8px;
  border: 1px solid rgba(184,143,70,0.20);
  color: rgba(239,228,200,0.64);
  background: rgba(6,6,5,0.62);
  font: 700 9px/1.2 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.portal-small-btn {
  min-height: 38px;
  padding: 10px 13px;
  border: 1px solid rgba(184,143,70,0.34);
  background: rgba(11,9,6,0.78);
  color: var(--portal-gold-soft);
  font: 700 10px/1 var(--sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  cursor: pointer;
}
.workspace-tabs { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 10px; margin-bottom: 16px; }
.workspace-tabs button {
  white-space: nowrap;
  border: 1px solid rgba(184,143,70,0.22);
  background: rgba(7,7,6,0.72);
  color: rgba(239,228,200,0.68);
  padding: 10px 12px;
  font: 700 10px/1 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
}
.workspace-tabs button.is-active { color: var(--portal-gold-soft); border-color: rgba(216,189,120,0.46); background: rgba(184,143,70,0.14); }
.data-list { display: grid; gap: 10px; margin-top: 14px; }
.data-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 14px;
  padding: 13px;
  border: 1px solid rgba(184,143,70,0.18);
  background: rgba(6,6,5,0.60);
}
.data-row strong { display: block; color: var(--portal-text); font: 700 13px/1.3 var(--sans); }
.data-row span { display: block; margin-top: 4px; color: rgba(239,228,200,0.54); font: 500 12px/1.45 var(--sans); }
.pipeline { display: grid; grid-template-columns: repeat(7, minmax(120px,1fr)); gap: 10px; overflow-x: auto; padding-bottom: 10px; }
.pipeline-stage { min-height: 120px; padding: 13px; border: 1px solid rgba(184,143,70,0.20); background: rgba(7,7,6,0.70); }
.pipeline-stage strong { color: var(--portal-gold-soft); font: 700 10px/1.35 var(--sans); letter-spacing: 0.16em; text-transform: uppercase; }
.portal-gate { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.portal-gate-card {
  width: min(560px, 100%);
  text-align: center;
  padding: 42px 32px;
  border: 1px solid rgba(184,143,70,0.32);
  background: radial-gradient(circle at 50% 0%, rgba(184,143,70,0.14), transparent 46%), linear-gradient(145deg, rgba(17,15,12,0.94), rgba(4,4,4,0.96));
}
.portal-gate-card img { width: 96px; margin: 0 auto 18px; }
.modal-backdrop { position: fixed; inset: 0; z-index: 80; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(0,0,0,0.72); backdrop-filter: blur(12px); }
.modal-backdrop.is-open { display: flex; }
.modal-panel { width: min(780px,100%); max-height: min(760px,88vh); overflow: auto; padding: 24px; }
.modal-head { display: flex; justify-content: space-between; gap: 16px; align-items: start; margin-bottom: 16px; }
.modal-close { border: 1px solid rgba(184,143,70,0.24); background: rgba(6,6,5,0.72); color: var(--portal-gold-soft); width: 38px; height: 38px; cursor: pointer; }
.portal-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.portal-field.full { grid-column: 1 / -1; }
.modal-actions { display: flex; justify-content: end; gap: 12px; margin-top: 18px; }
[hidden] { display: none !important; }

@media (max-width: 1180px) {
  .portal-shell { grid-template-columns: 250px minmax(0,1fr); }
  .company-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .metric-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .portal-shell { display: block; }
  .portal-sidebar { position: relative; height: auto; border-right: 0; border-bottom: 1px solid var(--portal-line); }
  .portal-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .portal-topbar,
  .portal-hero { grid-template-columns: 1fr; }
  .metric-grid,
  .workspace-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .portal-main { padding: 16px 12px 26px; }
  .portal-sidebar { padding: 16px 12px; }
  .portal-nav,
  .portal-quick-actions,
  .metric-grid,
  .company-grid,
  .workspace-grid,
  .portal-form-grid { grid-template-columns: 1fr; }
  .portal-hero { padding: 24px 18px; min-height: auto; }
  .portal-title { font-size: 34px; line-height: 1.02; }
  .section-head { display: grid; align-items: start; }
}

/* ============================================================
   PHASE 02 COMMAND OS
   Backoffice only. Access/login styles above remain intact.
   ============================================================ */
body.portal-body {
  background:
    radial-gradient(circle at 50% -20%, rgba(205,166,82,0.12), transparent 36%),
    radial-gradient(circle at 90% 18%, rgba(74,99,112,0.14), transparent 34%),
    linear-gradient(180deg, #040504 0%, #080806 42%, #030303 100%);
}
body.portal-body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.22;
  background:
    linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.014) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at 50% 30%, black, transparent 78%);
  z-index: 1;
}
.portal-shell {
  grid-template-columns: 248px minmax(0, 1fr);
  background:
    linear-gradient(90deg, rgba(0,0,0,0.30), transparent 26%),
    radial-gradient(circle at 34% 0%, rgba(190,151,82,0.08), transparent 28%);
}
.portal-sidebar {
  padding: 18px 14px;
  background:
    linear-gradient(180deg, rgba(10,10,9,0.98), rgba(3,3,3,0.96)),
    url("assets/images/textures/dark-leather-texture-live.jpg");
  box-shadow: 16px 0 40px rgba(0,0,0,0.30);
}
.portal-brand {
  grid-template-columns: 56px 1fr;
  padding: 0 0 16px;
}
.portal-brand img { width: 56px; }
.portal-brand span {
  font-size: 14px;
  letter-spacing: 0.16em;
}
.portal-brand small {
  color: rgba(216,189,120,0.56);
  font-size: 8px;
  letter-spacing: 0.20em;
}
.nav-group { padding: 15px 0 0; }
.nav-group-title {
  font-size: 8px;
  letter-spacing: 0.28em;
  color: rgba(216,189,120,0.58);
}
.portal-nav { gap: 5px; }
.portal-nav button {
  grid-template-columns: 16px 1fr auto;
  min-height: 36px;
  padding: 9px 8px;
  border-color: rgba(190,151,82,0.06);
  border-radius: 7px;
  background: rgba(9,10,10,0.42);
  color: rgba(238,228,203,0.62);
  font-size: 9px;
  letter-spacing: 0.14em;
}
.portal-nav button:hover,
.portal-nav button.is-active {
  background:
    linear-gradient(90deg, rgba(190,151,82,0.18), rgba(255,255,255,0.025)),
    radial-gradient(circle at 0% 50%, rgba(216,189,120,0.18), transparent 40%);
  box-shadow: inset 0 0 0 1px rgba(255,246,215,0.03), 0 10px 24px rgba(0,0,0,0.20);
}
.nav-dot {
  width: 6px;
  height: 6px;
  border-color: rgba(216,189,120,0.80);
}
.nav-state {
  color: rgba(145,170,130,0.72);
  font-size: 7px;
  letter-spacing: 0.12em;
}
.portal-main {
  padding: 14px clamp(14px,2vw,24px) 110px;
}
.portal-topbar {
  position: sticky;
  top: 0;
  z-index: 18;
  min-height: 58px;
  margin: 0 0 14px;
  padding: 9px 10px;
  border-color: rgba(190,151,82,0.20);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(11,12,12,0.92), rgba(4,4,4,0.88));
  box-shadow: 0 14px 28px rgba(0,0,0,0.34);
}
.portal-search {
  max-width: 760px;
  border-radius: 6px;
  background: rgba(5,6,6,0.82);
}
.portal-search span {
  font: 700 9px/1 var(--sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.portal-search input { height: 36px; }
.portal-user { gap: 8px; }
.portal-badge,
.pill {
  min-height: 24px;
  border-radius: 999px;
  font-size: 7.5px;
  letter-spacing: 0.13em;
}
.portal-avatar,
.portal-icon-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.portal-icon-btn {
  width: auto;
  padding: 0 12px;
  border-radius: 999px;
}
.command-header,
.section-head.phase2-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  margin: 0 0 14px;
  padding: 18px 20px;
  border: 1px solid rgba(190,151,82,0.22);
  border-radius: 10px;
  background:
    linear-gradient(120deg, rgba(15,16,16,0.88), rgba(5,5,5,0.76)),
    radial-gradient(circle at 80% 0%, rgba(190,151,82,0.12), transparent 36%);
  box-shadow: inset 0 0 0 1px rgba(255,246,215,0.025), 0 18px 44px rgba(0,0,0,0.28);
}
.command-header .portal-title,
.section-head.phase2-head h1 {
  font-size: clamp(34px, 3.4vw, 62px);
  line-height: 0.95;
  text-transform: uppercase;
}
.command-header .portal-lede,
.section-head.phase2-head p {
  max-width: 980px;
  font-size: 13px;
  line-height: 1.55;
}
.system-stamp {
  min-width: 214px;
  padding: 13px 14px;
  border: 1px solid rgba(190,151,82,0.22);
  border-radius: 8px;
  background: rgba(3,4,4,0.66);
}
.system-stamp span,
.system-stamp strong {
  display: block;
  font: 700 8px/1.5 var(--sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.system-stamp span { color: rgba(145,190,126,0.88); }
.system-stamp strong { margin-top: 5px; color: rgba(238,228,203,0.72); }
.metric-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.phase2-metric {
  min-height: 88px;
  padding: 14px;
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(15,17,17,0.88), rgba(5,5,5,0.90));
}
.phase2-metric strong {
  margin-top: 9px;
  font-size: 28px;
}
.phase2-metric p {
  margin: 6px 0 0;
  font-size: 10px;
  line-height: 1.4;
}
.command-layout {
  display: grid;
  grid-template-columns: 300px minmax(0,1fr) 310px;
  gap: 12px;
}
.left-stack,
.center-stack,
.right-stack {
  display: grid;
  gap: 12px;
  align-content: start;
}
.split-grid {
  display: grid;
  grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr);
  gap: 12px;
}
.command-panel {
  position: relative;
  overflow: hidden;
  min-height: 180px;
  padding: 14px;
  border-radius: 10px;
  border: 1px solid rgba(190,151,82,0.22);
  background:
    linear-gradient(145deg, rgba(13,15,15,0.88), rgba(4,4,4,0.92)),
    radial-gradient(circle at 50% -20%, rgba(190,151,82,0.12), transparent 45%);
  box-shadow: inset 0 0 0 1px rgba(255,246,215,0.022), 0 18px 44px rgba(0,0,0,0.26);
}
.command-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, transparent, rgba(255,246,215,0.025), transparent);
  opacity: 0.65;
}
.command-panel header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(190,151,82,0.14);
}
.command-panel header p,
.card-kicker {
  margin: 0;
  color: rgba(190,151,82,0.86);
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.20em;
  text-transform: uppercase;
}
.command-panel h2 {
  margin: 5px 0 0;
  color: rgba(238,220,168,0.94);
  font: 600 13px/1.2 var(--serif-display);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.command-panel footer {
  position: relative;
  z-index: 2;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(190,151,82,0.12);
}
.command-panel footer button,
.command-panel footer [data-jump] {
  width: 100%;
  min-height: 34px;
  border: 0;
  background: transparent;
  color: rgba(216,189,120,0.78);
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  cursor: pointer;
}
.directive-list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 7px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.directive-list li {
  display: grid;
  grid-template-columns: 26px 1fr auto;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 7px;
  border: 1px solid rgba(190,151,82,0.12);
  border-radius: 6px;
  background: rgba(6,7,7,0.68);
}
.directive-list li > span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(190,151,82,0.24);
  border-radius: 4px;
  color: rgba(238,228,203,0.74);
  font: 700 10px/1 var(--sans);
}
.directive-list strong {
  color: rgba(238,228,203,0.78);
  font: 600 11px/1.35 var(--sans);
}
.tone-high,
.tone-critical { border-color: rgba(199,123,101,0.48); color: rgba(224,132,102,0.95); }
.tone-low,
.tone-secure,
.tone-active,
.tone-ready,
.tone-open { border-color: rgba(126,176,116,0.42); color: rgba(145,190,126,0.95); }
.tone-planned,
.tone-build,
.tone-track,
.tone-monitor { border-color: rgba(190,151,82,0.42); color: rgba(216,189,120,0.94); }
.risk-radar {
  position: relative;
  width: 144px;
  height: 144px;
  margin: 16px auto 12px;
  border-radius: 50%;
  border: 1px solid rgba(190,151,82,0.20);
  background:
    radial-gradient(circle, rgba(201,80,64,0.22) 0 4%, transparent 5% 100%),
    repeating-radial-gradient(circle, transparent 0 20px, rgba(190,151,82,0.14) 21px 22px),
    conic-gradient(from 60deg, rgba(190,151,82,0.10), transparent, rgba(201,80,64,0.18), transparent, rgba(126,176,116,0.13));
}
.risk-radar span,
.risk-radar i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: 0 0;
  width: 58px;
  height: 1px;
  background: rgba(201,80,64,0.68);
}
.risk-radar span:nth-child(1) { transform: rotate(18deg); }
.risk-radar span:nth-child(2) { transform: rotate(142deg); width: 42px; }
.risk-radar span:nth-child(3) { transform: rotate(250deg); width: 52px; }
.risk-radar i {
  width: 9px;
  height: 9px;
  margin: -4px;
  border-radius: 50%;
  background: rgba(216,189,120,0.90);
  box-shadow: 0 0 18px rgba(216,189,120,0.36);
}
.risk-list,
.insight-list,
.allocation-list,
.feed-list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.risk-list p,
.insight-list p,
.allocation-list p,
.feed-list p,
.large-copy {
  margin: 0;
  color: rgba(238,228,203,0.66);
  font: 500 11px/1.55 var(--sans);
}
.risk-list p {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.risk-list b {
  width: 6px;
  height: 6px;
  margin-top: 6px;
  border-radius: 50%;
  background: rgba(216,189,120,0.88);
}
.risk-list strong,
.allocation-list strong,
.feed-list small {
  color: rgba(216,189,120,0.78);
  font-weight: 700;
}
.insight-list p {
  padding: 10px;
  border: 1px solid rgba(190,151,82,0.12);
  border-radius: 6px;
  background: rgba(6,7,7,0.58);
}
.ownership-map {
  position: relative;
  min-height: 320px;
  border-radius: 8px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(190,151,82,0.12), transparent 28%),
    linear-gradient(rgba(216,189,120,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,189,120,0.05) 1px, transparent 1px);
  background-size: auto, 38px 38px, 38px 38px;
}
.ownership-map::before {
  content: "";
  position: absolute;
  inset: 18%;
  border: 1px solid rgba(190,151,82,0.18);
  transform: rotate(45deg);
}
.ownership-core {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 142px;
  height: 142px;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  padding: 16px;
  border: 1px solid rgba(216,189,120,0.46);
  border-radius: 18px;
  background: rgba(4,5,5,0.84);
  text-align: center;
  box-shadow: 0 0 38px rgba(190,151,82,0.16);
}
.ownership-core img { width: 58px; }
.ownership-core strong,
.ownership-core span {
  display: block;
  color: rgba(238,220,168,0.88);
  font: 700 9px/1.2 var(--sans);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.ownership-core span {
  color: rgba(216,189,120,0.58);
  font-size: 7px;
}
.ownership-node {
  position: absolute;
  z-index: 2;
  width: 130px;
  padding: 9px;
  border: 1px solid rgba(190,151,82,0.26);
  border-radius: 8px;
  background: rgba(6,7,7,0.78);
  color: rgba(238,228,203,0.76);
  text-align: left;
  cursor: pointer;
}
.ownership-node::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  width: 8px;
  border-top: 1px solid rgba(190,151,82,0.28);
}
.ownership-node span,
.ownership-node small {
  display: block;
}
.ownership-node span {
  font: 800 8px/1.25 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.ownership-node small {
  margin-top: 4px;
  color: rgba(216,189,120,0.56);
  font: 600 7px/1.25 var(--sans);
}
.node-1 { left: 6%; top: 12%; }
.node-2 { right: 4%; top: 13%; }
.node-3 { left: 4%; bottom: 16%; }
.node-4 { right: 4%; bottom: 16%; }
.node-5 { left: 34%; top: 5%; }
.node-6 { left: 34%; bottom: 5%; }
.node-7 { right: 34%; bottom: 5%; }

@media (min-width: 901px) {
  .ownership-core {
    width: 118px;
    height: 118px;
    border-radius: 14px;
  }
  .ownership-core img { width: 46px; }
  .ownership-node {
    width: 108px;
    padding: 7px;
  }
  .ownership-node span {
    font-size: 7px;
    line-height: 1.2;
  }
  .ownership-node small {
    font-size: 6px;
    line-height: 1.2;
  }
  .node-1 { left: 3%; top: 9%; }
  .node-2 { right: 3%; top: 9%; }
  .node-3 { left: 3%; bottom: 10%; }
  .node-4 { right: 3%; bottom: 10%; }
  .node-5,
  .node-6,
  .node-7 { display: none; }
}
.asset-footprint {
  display: grid;
  grid-template-columns: 1fr 170px;
  gap: 14px;
  align-items: stretch;
  min-height: 320px;
}
.global-intelligence-map {
  display: grid;
  gap: 12px;
}
.intel-command-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  padding: 16px 18px;
  border: 1px solid rgba(190,151,82,0.24);
  border-radius: 12px;
  background:
    radial-gradient(circle at 78% 0%, rgba(190,151,82,0.14), transparent 34%),
    linear-gradient(135deg, rgba(14,16,16,0.92), rgba(4,4,4,0.92));
  box-shadow: inset 0 0 0 1px rgba(255,246,215,0.025), 0 18px 44px rgba(0,0,0,0.28);
}
.intel-command-top h1 {
  margin: 0;
  color: rgba(238,220,168,0.96);
  font: 600 clamp(34px, 4vw, 62px)/0.95 var(--serif-display);
  letter-spacing: 0.055em;
  text-transform: uppercase;
}
.intel-command-top p:not(.portal-kicker) {
  max-width: 1040px;
  margin: 12px 0 0;
  color: rgba(238,228,203,0.68);
  font: 500 13px/1.6 var(--sans);
}
.intel-live-status {
  min-width: 154px;
  padding: 12px 14px;
  border: 1px solid rgba(190,151,82,0.24);
  border-radius: 10px;
  background: rgba(3,4,4,0.74);
  text-align: right;
}
.intel-live-status span,
.intel-live-status strong {
  display: block;
  font: 800 9px/1.3 var(--sans);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.intel-live-status span { color: rgba(145,190,126,0.82); }
.intel-live-status strong {
  margin-top: 5px;
  color: rgba(238,220,168,0.92);
  font-size: 12px;
}
.market-tape {
  display: grid;
  grid-template-columns: repeat(7, minmax(104px, 1fr));
  gap: 8px;
}
.market-ticker {
  min-height: 72px;
  padding: 11px 12px;
  border: 1px solid rgba(190,151,82,0.16);
  border-radius: 9px;
  background:
    linear-gradient(145deg, rgba(13,15,15,0.88), rgba(4,4,4,0.90));
}
.market-ticker span,
.market-ticker strong,
.market-ticker small {
  display: block;
}
.market-ticker span {
  color: rgba(216,189,120,0.72);
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.market-ticker strong {
  margin-top: 8px;
  color: rgba(238,220,168,0.90);
  font: 600 16px/1.05 var(--serif-display);
  letter-spacing: 0.04em;
}
.market-ticker small {
  margin-top: 5px;
  color: rgba(145,190,126,0.72);
  font: 700 8px/1.35 var(--sans);
  letter-spacing: 0.10em;
  text-transform: uppercase;
}
.market-ticker.down small { color: rgba(218,103,77,0.78); }
.market-ticker.up small { color: rgba(145,211,135,0.82); }
.map-command-ribbon {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.map-command-ribbon article {
  min-height: 68px;
  padding: 10px 11px;
  border: 1px solid rgba(190,151,82,0.15);
  border-radius: 10px;
  background:
    radial-gradient(circle at 90% 10%, rgba(145,211,135,0.10), transparent 34%),
    linear-gradient(145deg, rgba(7,9,9,0.84), rgba(3,3,3,0.88));
  box-shadow: inset 0 0 0 1px rgba(255,246,215,0.018);
}
.map-command-ribbon span,
.map-command-ribbon strong,
.map-command-ribbon small {
  display: block;
}
.map-command-ribbon span {
  color: rgba(216,189,120,0.70);
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.map-command-ribbon strong {
  margin-top: 8px;
  color: rgba(238,220,168,0.94);
  font: 700 17px/1 var(--serif-display);
  letter-spacing: 0.04em;
}
.map-command-ribbon small {
  margin-top: 6px;
  color: rgba(238,228,203,0.48);
  font: 700 8px/1.35 var(--sans);
  letter-spacing: 0.10em;
  text-transform: uppercase;
}
.feed-source-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.feed-source-strip span {
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(190,151,82,0.14);
  border-radius: 999px;
  background: rgba(4,5,5,0.62);
}
.feed-source-strip strong,
.feed-source-strip em {
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.feed-source-strip strong { color: rgba(238,220,168,0.76); }
.feed-source-strip em {
  color: rgba(238,228,203,0.44);
  font-style: normal;
}
.feed-source-strip .is-live {
  border-color: rgba(119,191,125,0.24);
  box-shadow: inset 0 0 0 1px rgba(119,191,125,0.04);
}
.feed-source-strip .is-live em { color: rgba(145,211,135,0.78); }
.intel-map-stage {
  position: relative;
  display: grid;
  grid-template-columns: 252px minmax(0, 1fr) 292px;
  gap: 10px;
  min-height: clamp(540px, 58vw, 720px);
}
.intel-map-core {
  position: relative;
  min-width: 0;
  min-height: 100%;
}
.intel-map-core .live-world-map.large {
  min-height: 100%;
}
.intel-side-panel {
  position: relative;
  z-index: 7;
  display: grid;
  gap: 10px;
  align-content: start;
}
.intel-glass-panel {
  border: 1px solid rgba(190,151,82,0.20);
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(7,9,10,0.88), rgba(3,3,3,0.88));
  box-shadow: inset 0 0 0 1px rgba(255,246,215,0.02), 0 18px 40px rgba(0,0,0,0.28);
  overflow: hidden;
}
.intel-glass-panel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border-bottom: 1px solid rgba(190,151,82,0.14);
}
.intel-glass-panel h3 {
  margin: 0;
  color: rgba(238,220,168,0.90);
  font: 800 9px/1.3 var(--sans);
  letter-spacing: 0.17em;
  text-transform: uppercase;
}
.intel-glass-panel header span {
  color: rgba(145,190,126,0.78);
  font: 800 7px/1 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.ecosystem-list,
.capital-flow-panel,
.intelligence-feed-panel,
.risk-monitor-panel,
.trade-table,
.allocation-panel {
  display: grid;
  gap: 8px;
  padding: 12px;
}
.ecosystem-list p,
.capital-flow-panel span,
.intelligence-feed-panel p,
.risk-monitor-panel p,
.trade-table p,
.allocation-panel p {
  margin: 0;
  padding: 9px;
  border: 1px solid rgba(190,151,82,0.12);
  border-radius: 8px;
  background: rgba(5,7,7,0.58);
}
.ecosystem-list p {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 5px 10px;
}
.ecosystem-list span,
.risk-monitor-panel span,
.allocation-panel span {
  color: rgba(238,228,203,0.70);
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.ecosystem-list strong,
.risk-monitor-panel strong,
.allocation-panel strong {
  color: rgba(216,189,120,0.90);
  font: 800 10px/1 var(--sans);
}
.ecosystem-list small,
.capital-flow-panel small {
  grid-column: 1 / -1;
  color: rgba(238,228,203,0.46);
  font: 600 8px/1.35 var(--sans);
}
.capital-flow-panel > strong {
  color: rgba(238,220,168,0.94);
  font: 600 27px/1 var(--serif-display);
}
.capital-flow-panel > p {
  margin: -3px 0 4px;
  color: rgba(238,228,203,0.58);
  font: 500 11px/1.5 var(--sans);
}
.capital-flow-panel span {
  color: rgba(216,189,120,0.76);
  font: 800 8px/1.2 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.capital-flow-panel span small {
  display: block;
  margin-top: 4px;
}
.mini-line {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: end;
  gap: 4px;
  height: 34px;
  padding: 7px;
  border: 1px solid rgba(190,151,82,0.10);
  border-radius: 8px;
  background: rgba(5,7,7,0.52);
}
.mini-line i {
  display: block;
  min-height: 7px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(180deg, rgba(145,211,135,0.86), rgba(216,189,120,0.44));
  box-shadow: 0 0 10px rgba(145,211,135,0.14);
}
.mini-line i:nth-child(1) { height: 34%; }
.mini-line i:nth-child(2) { height: 46%; }
.mini-line i:nth-child(3) { height: 32%; }
.mini-line i:nth-child(4) { height: 58%; }
.mini-line i:nth-child(5) { height: 48%; }
.mini-line i:nth-child(6) { height: 68%; }
.mini-line i:nth-child(7) { height: 54%; }
.intelligence-feed-panel p {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  gap: 4px 9px;
}
.intelligence-feed-panel time {
  color: rgba(216,189,120,0.68);
  font: 800 8px/1.3 var(--sans);
}
.intelligence-feed-panel strong {
  color: rgba(238,228,203,0.76);
  font: 700 10px/1.35 var(--sans);
}
.intelligence-feed-panel span {
  grid-column: 2;
  color: rgba(238,228,203,0.50);
  font: 500 9px/1.45 var(--sans);
}
.risk-monitor-panel p,
.trade-table p,
.allocation-panel p {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
}
.trade-table strong {
  color: rgba(238,220,168,0.88);
  font: 800 9px/1 var(--sans);
  letter-spacing: 0.14em;
}
.trade-table span {
  color: rgba(238,228,203,0.52);
  font: 600 8px/1.35 var(--sans);
}
.trade-table em {
  color: rgba(145,190,126,0.74);
  font: 800 8px/1 var(--sans);
  font-style: normal;
  text-transform: uppercase;
}
.intel-heatmap,
.asset-breakdown-panel,
.executive-presence-panel {
  display: grid;
  gap: 8px;
  padding: 12px;
}
.intel-heatmap {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.intel-heatmap span,
.asset-breakdown-panel p,
.executive-presence-panel p {
  margin: 0;
  min-height: 46px;
  padding: 9px;
  border: 1px solid rgba(190,151,82,0.12);
  border-radius: 8px;
  background: rgba(5,7,7,0.58);
}
.intel-heatmap span {
  display: grid;
  align-content: space-between;
  background:
    radial-gradient(circle at 80% 20%, rgba(216,189,120,0.15), transparent 38%),
    rgba(5,7,7,0.58);
}
.intel-heatmap span.cool {
  background:
    radial-gradient(circle at 80% 20%, rgba(87,147,183,0.19), transparent 38%),
    rgba(5,7,7,0.58);
}
.intel-heatmap span.warm {
  background:
    radial-gradient(circle at 80% 20%, rgba(190,96,70,0.22), transparent 38%),
    rgba(5,7,7,0.58);
}
.intel-heatmap strong,
.asset-breakdown-panel span,
.executive-presence-panel strong {
  color: rgba(238,220,168,0.86);
  font: 800 8px/1.2 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.intel-heatmap em,
.asset-breakdown-panel strong,
.executive-presence-panel em {
  color: rgba(145,190,126,0.74);
  font: 800 8px/1.2 var(--sans);
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.asset-breakdown-panel p {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.executive-presence-panel p {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 2px 9px;
  align-items: center;
}
.executive-presence-panel p > span {
  grid-row: 1 / 3;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(190,151,82,0.22);
  border-radius: 50%;
  color: rgba(238,220,168,0.86);
  font: 900 8px/1 var(--sans);
  background: rgba(22,18,10,0.82);
}
.intel-allocation-ring {
  width: 132px;
  height: 132px;
  margin: 4px auto 8px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(5,5,5,0.92) 0 43%, transparent 44%),
    conic-gradient(#d8bd78 0 28%, #4d88b9 28% 52%, #5f946c 52% 74%, #8b5872 74% 100%);
  box-shadow: 0 0 38px rgba(190,151,82,0.18);
}
.intel-allocation-ring span {
  color: rgba(238,220,168,0.92);
  font: 800 12px/1 var(--sans);
  letter-spacing: 0.16em;
}
.intel-map-toolbar {
  position: absolute;
  left: 50%;
  bottom: 18px;
  z-index: 8;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 8px;
  border: 1px solid rgba(190,151,82,0.18);
  border-radius: 14px;
  background: rgba(3,4,4,0.76);
  backdrop-filter: blur(10px);
  transform: translateX(-50%);
}
.intel-map-toolbar button,
.intel-layer-controls button {
  border: 1px solid rgba(190,151,82,0.18);
  border-radius: 8px;
  background: rgba(9,10,10,0.76);
  color: rgba(216,189,120,0.70);
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  min-height: 30px;
  padding: 0 9px;
}
.intel-map-toolbar button.is-active,
.intel-layer-controls button.is-on {
  border-color: rgba(216,189,120,0.42);
  color: rgba(238,220,168,0.94);
  background: rgba(48,36,16,0.78);
}
.intel-bottom-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 10px;
}
.live-world-map {
  position: relative;
  min-height: 318px;
  overflow: hidden;
  border: 1px solid rgba(190,151,82,0.16);
  border-radius: 10px;
  background:
    radial-gradient(circle at 50% 52%, rgba(190,151,82,0.14), transparent 30%),
    radial-gradient(circle at 24% 34%, rgba(72,102,118,0.16), transparent 28%),
    linear-gradient(145deg, rgba(9,11,12,0.92), rgba(3,3,3,0.94));
  box-shadow: inset 0 0 0 1px rgba(255,246,215,0.025);
  isolation: isolate;
}
.live-world-map::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(216,189,120,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,189,120,0.028) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at 50% 50%, black, transparent 76%);
  opacity: 0.75;
  z-index: 2;
}
.live-world-map.large {
  min-height: clamp(420px, 48vw, 620px);
}
.live-map-canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #050707;
}
.live-map-canvas .leaflet-container,
.leaflet-container.live-map-canvas {
  font-family: var(--sans);
  background: #050707;
}
.live-map-canvas .leaflet-tile {
  filter: grayscale(12%) sepia(12%) brightness(0.76) contrast(1.16);
}
.live-map-canvas .leaflet-control-container {
  font-family: var(--sans);
}
.live-map-canvas .leaflet-control-zoom {
  border: 1px solid rgba(190,151,82,0.26);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 12px 24px rgba(0,0,0,0.34);
}
.live-map-canvas .leaflet-control-zoom a {
  width: 30px;
  height: 30px;
  border: 0;
  background: rgba(6,7,7,0.86);
  color: rgba(216,189,120,0.86);
  line-height: 30px;
}
.live-map-canvas .leaflet-control-zoom a:hover {
  background: rgba(42,31,13,0.92);
  color: rgba(238,220,168,0.98);
}
.live-map-canvas .leaflet-control-attribution {
  background: rgba(3,4,4,0.66);
  color: rgba(238,228,203,0.46);
  font: 600 8px/1.4 var(--sans);
}
.live-map-canvas .leaflet-control-attribution a {
  color: rgba(216,189,120,0.68);
}
.wsh-map-marker {
  filter: drop-shadow(0 0 8px rgba(216,189,120,0.52));
}
.wsh-map-marker.is-core {
  filter: drop-shadow(0 0 16px rgba(216,189,120,0.76));
}
.wsh-live-route {
  filter: drop-shadow(0 0 4px rgba(216,189,120,0.28));
}
.wsh-market-route {
  filter: drop-shadow(0 0 5px rgba(96,178,213,0.26));
}
.wsh-hub-marker {
  filter: drop-shadow(0 0 13px rgba(116,223,170,0.58));
}
.wsh-event-marker {
  filter: drop-shadow(0 0 10px rgba(216,189,120,0.38));
}
.wsh-map-tooltip {
  border: 1px solid rgba(190,151,82,0.34);
  border-radius: 8px;
  background: rgba(4,5,5,0.94);
  color: rgba(238,228,203,0.76);
  box-shadow: 0 14px 30px rgba(0,0,0,0.38);
  font: 600 9px/1.45 var(--sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.wsh-map-tooltip strong {
  color: rgba(238,220,168,0.95);
}
.wsh-hub-label {
  border: 1px solid rgba(116,223,170,0.24);
  border-radius: 7px;
  background: rgba(3,8,8,0.88);
  color: rgba(238,228,203,0.82);
  box-shadow: 0 14px 30px rgba(0,0,0,0.34), 0 0 18px rgba(116,223,170,0.10);
  font: 700 8px/1.35 var(--sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.wsh-hub-label strong {
  color: rgba(145,211,135,0.94);
}
.live-map-overlay {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 5;
  padding: 10px 12px;
  border: 1px solid rgba(190,151,82,0.18);
  border-radius: 8px;
  background: rgba(3,4,4,0.72);
  backdrop-filter: blur(10px);
}
.live-map-overlay span,
.live-map-overlay strong {
  display: block;
  font: 800 8px/1.4 var(--sans);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.live-map-overlay span {
  color: rgba(145,190,126,0.86);
}
.live-map-overlay strong {
  margin-top: 3px;
  color: rgba(216,189,120,0.74);
}
.intel-layer-controls {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: min(460px, calc(100% - 260px));
}
.map-service-note {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  color: rgba(238,228,203,0.62);
  font: 700 10px/1.6 var(--sans);
  letter-spacing: 0.16em;
  text-align: center;
  text-transform: uppercase;
}
.world-map-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 22px rgba(190,151,82,0.08));
  z-index: 1;
}
.map-land {
  fill: rgba(96,82,50,0.25);
  stroke: rgba(216,189,120,0.20);
  stroke-width: 1.2;
}
.map-route {
  fill: none;
  stroke: url("#routeGold");
  stroke-width: 1.5;
  stroke-dasharray: 8 10;
  filter: drop-shadow(0 0 7px rgba(216,189,120,0.30));
}
.map-core,
.map-pin {
  position: absolute;
  left: calc(var(--x) * 1%);
  top: calc(var(--y) * 1%);
  transform: translate(-50%, -50%);
  z-index: 4;
}
.map-core {
  width: 86px;
  height: 86px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(216,189,120,0.48);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(28,22,10,0.92), rgba(3,3,3,0.94) 70%);
  box-shadow: 0 0 46px rgba(190,151,82,0.28);
}
.map-core img {
  width: 54px;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,0.72));
}
.map-core span {
  position: absolute;
  bottom: -17px;
  color: rgba(216,189,120,0.82);
  font: 900 8px/1 var(--sans);
  letter-spacing: 0.22em;
}
.map-pin {
  width: 17px;
  height: 17px;
  padding: 0;
  border: 1px solid rgba(190,151,82,0.24);
  border-radius: 50%;
  background: rgba(5,7,8,0.84);
  color: rgba(238,228,203,0.78);
  text-align: left;
  box-shadow: 0 0 0 5px rgba(190,151,82,0.06), 0 0 22px rgba(216,189,120,0.26);
  cursor: pointer;
}
.map-pin::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(216,189,120,0.94);
  box-shadow: 0 0 18px rgba(216,189,120,0.55);
  transform: translate(-50%, -50%);
}
.map-pin span,
.map-pin small {
  position: absolute;
  left: 17px;
  display: none;
  width: max-content;
  max-width: 170px;
  padding: 6px 8px;
  border: 1px solid rgba(190,151,82,0.20);
  border-radius: 7px;
  background: rgba(4,5,5,0.88);
  box-shadow: 0 12px 24px rgba(0,0,0,0.32);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.map-pin span {
  top: -12px;
  color: rgba(238,220,168,0.92);
  font: 800 8px/1.25 var(--sans);
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.map-pin small {
  top: 14px;
  color: rgba(238,228,203,0.52);
  font: 700 7px/1.2 var(--sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.map-pin:hover span,
.map-pin:hover small,
.map-pin:focus-visible span,
.map-pin:focus-visible small {
  display: block;
}
.map-network-stats {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.map-network-stats p {
  margin: 0;
  min-width: 104px;
  padding: 9px 10px;
  border: 1px solid rgba(190,151,82,0.16);
  border-radius: 7px;
  background: rgba(2,3,3,0.74);
  color: rgba(238,228,203,0.58);
  font: 800 8px/1.3 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.map-network-stats strong {
  display: block;
  color: rgba(238,220,168,0.94);
  font: 600 20px/1 var(--serif-display);
  letter-spacing: 0.03em;
}
@media (min-width: 1280px) {
  .live-world-map.large .map-pin.is-major span {
    display: block;
  }
}
.map-page-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 12px;
}
.map-command-panel {
  min-height: 520px;
  padding: 14px;
  border: 1px solid rgba(190,151,82,0.22);
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(13,15,15,0.90), rgba(4,4,4,0.92));
}
.map-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: end;
  margin-bottom: 12px;
}
.map-toolbar h2 {
  margin: 0;
  color: rgba(238,220,168,0.94);
  font: 600 24px/1 var(--serif-display);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.map-toolbar-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: end;
}
.map-toolbar-stats span {
  padding: 8px 9px;
  border: 1px solid rgba(190,151,82,0.18);
  border-radius: 999px;
  color: rgba(216,189,120,0.78);
  background: rgba(5,6,6,0.70);
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.map-side-stack {
  display: grid;
  gap: 12px;
  align-content: start;
}
.connection-ledger,
.integration-rail,
.integration-rules {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.connection-row {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 9px;
  border: 1px solid rgba(190,151,82,0.14);
  border-radius: 8px;
  background: rgba(6,7,7,0.62);
}
.connection-row > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(190,151,82,0.24);
  border-radius: 50%;
  color: rgba(216,189,120,0.80);
  font: 800 8px/1 var(--sans);
}
.connection-row strong {
  color: rgba(238,228,203,0.80);
  font: 800 10px/1.3 var(--sans);
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.connection-row p {
  margin: 4px 0 0;
  color: rgba(238,228,203,0.50);
  font: 600 9px/1.35 var(--sans);
}
.map-grid {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 8px;
  padding: 24px;
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(5,5,5,0.38), rgba(5,5,5,0.08)),
    url("assets/images/band/city-skyline-live.jpg") center / cover;
  filter: grayscale(18%) sepia(12%) brightness(0.80);
}
.map-grid span {
  align-self: center;
  justify-self: center;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(216,189,120,0.70);
  box-shadow: 0 0 12px rgba(216,189,120,0.44);
  animation: pulseNode 2.6s ease-in-out infinite;
  animation-delay: var(--d);
}
@keyframes pulseNode {
  0%, 100% { opacity: 0.28; transform: scale(0.8); }
  50% { opacity: 1; transform: scale(1.4); }
}
.footprint-list {
  display: grid;
  gap: 8px;
}
.footprint-list p {
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(190,151,82,0.14);
  border-radius: 7px;
  background: rgba(6,7,7,0.58);
  color: rgba(238,228,203,0.62);
  font: 700 8px/1.4 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.footprint-list strong {
  display: block;
  color: rgba(238,220,168,0.92);
  font: 600 22px/1 var(--serif-display);
  letter-spacing: 0.04em;
}
.pipeline-cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 10px;
  margin-top: 12px;
}
.pipeline-cards.full { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.pipeline-card {
  min-height: 144px;
  padding: 13px;
  border: 1px solid rgba(190,151,82,0.20);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(14,15,15,0.88), rgba(5,5,5,0.90));
}
.pipeline-card strong {
  display: block;
  color: rgba(238,220,168,0.92);
  font: 700 10px/1.35 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.pipeline-card p,
.pipeline-card small {
  display: block;
  color: rgba(238,228,203,0.62);
  font: 500 10px/1.5 var(--sans);
}
.pipeline-card .pill { margin: 10px 0; }
.performance-matrix {
  position: relative;
  min-height: 230px;
  margin-top: 12px;
  border: 1px solid rgba(190,151,82,0.14);
  border-radius: 8px;
  background:
    linear-gradient(rgba(216,189,120,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,189,120,0.04) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, rgba(190,151,82,0.10), transparent 45%);
  background-size: 32px 32px, 32px 32px, auto;
}
.matrix-dot {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 14px;
  height: 14px;
  border: 1px solid rgba(216,189,120,0.66);
  border-radius: 50%;
  background: rgba(190,151,82,0.55);
  box-shadow: 0 0 18px rgba(190,151,82,0.26);
  cursor: pointer;
}
.matrix-dot span {
  position: absolute;
  left: 14px;
  top: -7px;
  display: none;
  min-width: 120px;
  padding: 7px;
  border: 1px solid rgba(190,151,82,0.30);
  background: rgba(3,3,3,0.92);
  color: rgba(238,228,203,0.84);
  font: 700 8px/1.3 var(--sans);
  letter-spacing: 0.10em;
  text-transform: uppercase;
}
.matrix-dot:hover span { display: block; }
.axis-x,
.axis-y {
  position: absolute;
  background: rgba(190,151,82,0.18);
}
.axis-x { left: 8%; right: 8%; top: 50%; height: 1px; }
.axis-y { top: 12%; bottom: 12%; left: 50%; width: 1px; }
.performance-matrix em {
  position: absolute;
  color: rgba(216,189,120,0.50);
  font: 800 7px/1 var(--sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.performance-matrix em:nth-of-type(1) { right: 12px; bottom: 10px; }
.performance-matrix em:nth-of-type(2) { left: 12px; top: 10px; }
.treasury-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}
.treasury-grid div {
  padding: 12px;
  border: 1px solid rgba(190,151,82,0.14);
  border-radius: 8px;
  background: rgba(6,7,7,0.58);
}
.treasury-grid span {
  color: rgba(216,189,120,0.62);
  font: 800 7px/1.35 var(--sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.treasury-grid strong {
  display: block;
  margin-top: 6px;
  color: rgba(238,220,168,0.92);
  font: 600 22px/1 var(--serif-display);
}
.treasury-grid p { margin: 5px 0 0; font-size: 10px; }
.allocation-ring {
  width: 116px;
  height: 116px;
  margin: 16px auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(5,5,5,0.92) 0 43%, transparent 44%),
    conic-gradient(#caa65d 0 34%, #37566a 34% 55%, #43745d 55% 76%, #6f5c35 76% 100%);
  box-shadow: 0 0 26px rgba(190,151,82,0.18);
}
.allocation-ring span {
  color: rgba(238,228,203,0.80);
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.allocation-list p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.allocation-list b {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: hsl(calc(38 + var(--i) * 34), 42%, 52%);
}
.feed-list p {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 8px;
  align-items: center;
  padding: 9px;
  border: 1px solid rgba(190,151,82,0.12);
  border-radius: 7px;
  background: rgba(6,7,7,0.58);
}
.feed-list time {
  color: rgba(238,228,203,0.56);
  font: 700 9px/1 var(--sans);
}
.system-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 12px;
}
.system-grid div {
  min-height: 54px;
  padding: 10px;
  border: 1px solid rgba(126,176,116,0.22);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(30,26,15,0.82), rgba(7,8,8,0.78));
}
.system-grid span,
.system-grid strong {
  display: block;
  font: 800 8px/1.3 var(--sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.system-grid span { color: rgba(238,228,203,0.52); }
.system-grid strong { margin-top: 5px; color: rgba(145,190,126,0.90); }
.command-dock {
  position: fixed;
  left: calc(248px + 14px);
  right: 14px;
  bottom: 12px;
  z-index: 24;
  display: grid;
  grid-template-columns: 42px minmax(240px,1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(190,151,82,0.24);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(12,13,13,0.94), rgba(5,5,5,0.92));
  box-shadow: 0 20px 60px rgba(0,0,0,0.48), inset 0 0 0 1px rgba(255,246,215,0.025);
  backdrop-filter: blur(16px);
}
.voice-orb {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(216,189,120,0.48);
  background:
    radial-gradient(circle, rgba(216,189,120,0.85), rgba(84,57,20,0.40) 38%, rgba(4,4,4,0.92) 70%);
  box-shadow: 0 0 28px rgba(190,151,82,0.26);
}
.command-input {
  display: grid;
  gap: 6px;
}
.command-input span {
  color: rgba(216,189,120,0.62);
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.command-input input {
  height: 36px;
  border: 1px solid rgba(190,151,82,0.18);
  border-radius: 7px;
  background: rgba(4,4,4,0.68);
  color: rgba(238,228,203,0.84);
  padding: 0 12px;
}
.dock-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: end;
}
.dock-actions button {
  min-height: 34px;
  border: 1px solid rgba(190,151,82,0.20);
  border-radius: 8px;
  background: rgba(20,17,11,0.86);
  color: rgba(216,189,120,0.78);
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  cursor: pointer;
}
.intel-grid,
.capital-grid,
.portfolio-overview,
.comms-grid,
.governance-grid {
  display: grid;
  gap: 12px;
}
.intel-grid { grid-template-columns: 320px minmax(0,1fr) 320px; }
.capital-grid { grid-template-columns: 330px minmax(0,1fr) minmax(280px,0.8fr); }
.portfolio-overview { grid-template-columns: minmax(0,1.2fr) minmax(280px,0.8fr); margin-bottom: 12px; }
.comms-grid { grid-template-columns: minmax(0,1fr) minmax(320px,0.85fr); }
.governance-grid,
.module-grid,
.agent-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
}
.phase2-company-grid {
  grid-template-columns: repeat(4, minmax(0,1fr));
}
.module-card {
  min-height: 160px;
  border-radius: 9px;
}
.module-card strong {
  margin-top: 8px;
  color: rgba(238,220,168,0.94);
  font: 600 17px/1.24 var(--serif-display);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.module-card p {
  color: rgba(238,228,203,0.62);
  font-size: 12px;
  line-height: 1.58;
}
.module-card .pill { margin-top: 10px; }
.ops-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 12px;
}
.task-lane {
  min-height: 320px;
  padding: 12px;
  border: 1px solid rgba(190,151,82,0.20);
  border-radius: 10px;
  background: rgba(6,7,7,0.70);
}
.task-lane h3 {
  margin: 0 0 12px;
  color: rgba(216,189,120,0.78);
  font: 800 9px/1 var(--sans);
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.task-card {
  margin-bottom: 10px;
  padding: 12px;
  border: 1px solid rgba(190,151,82,0.16);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(16,17,16,0.88), rgba(4,4,4,0.86));
}
.task-card strong {
  color: rgba(238,228,203,0.84);
  font: 700 12px/1.35 var(--sans);
}
.task-card p {
  margin: 7px 0 10px;
  color: rgba(238,228,203,0.58);
  font: 500 11px/1.55 var(--sans);
}
.data-list {
  margin-top: 14px;
}
.data-row {
  border-radius: 8px;
  background: rgba(7,8,8,0.68);
}
.data-row em {
  align-self: center;
  color: rgba(216,189,120,0.70);
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-style: normal;
}
.report-row,
.room-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  min-height: 42px;
  padding: 10px;
  border: 1px solid rgba(190,151,82,0.12);
  border-radius: 7px;
  background: rgba(6,7,7,0.58);
}
.report-row strong,
.room-row strong {
  color: rgba(238,228,203,0.76);
  font: 700 10px/1.3 var(--sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.report-row span,
.room-row em {
  color: rgba(216,189,120,0.68);
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-style: normal;
}
.room-row {
  grid-template-columns: 12px 1fr auto;
}
.room-row span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(145,190,126,0.80);
  box-shadow: 0 0 12px rgba(145,190,126,0.24);
}
.agent-grid {
  grid-template-columns: repeat(3, minmax(0,1fr));
}
.integration-brief-grid,
.integration-grid {
  display: grid;
  gap: 12px;
}
.integration-brief-grid {
  grid-template-columns: repeat(5, minmax(0,1fr));
  margin-bottom: 12px;
}
.integration-grid {
  grid-template-columns: repeat(4, minmax(0,1fr));
  margin-bottom: 12px;
}
.integration-card {
  min-height: 230px;
  padding: 16px;
  border: 1px solid rgba(190,151,82,0.22);
  border-radius: 12px;
  background:
    radial-gradient(circle at 0% 0%, rgba(65,91,105,0.20), transparent 34%),
    linear-gradient(145deg, rgba(13,15,15,0.90), rgba(4,4,4,0.92));
  box-shadow: inset 0 0 0 1px rgba(255,246,215,0.022), 0 18px 44px rgba(0,0,0,0.24);
}
.integration-mark {
  width: 52px;
  height: 52px;
  margin-bottom: 18px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(216,189,120,0.34);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(190,151,82,0.22), rgba(5,6,6,0.82));
  box-shadow: 0 0 26px rgba(190,151,82,0.14);
}
.integration-mark span {
  color: rgba(238,220,168,0.94);
  font: 800 13px/1 var(--sans);
  letter-spacing: 0.08em;
}
.integration-card h3 {
  margin: 7px 0 0;
  color: rgba(238,220,168,0.94);
  font: 600 19px/1.2 var(--serif-display);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.integration-card p {
  color: rgba(238,228,203,0.62);
  font: 500 12px/1.58 var(--sans);
}
.integration-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 14px;
}
.integration-meta > span {
  color: rgba(216,189,120,0.64);
  font: 800 8px/1 var(--sans);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.integration-mini {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(190,151,82,0.14);
  border-radius: 8px;
  background: rgba(6,7,7,0.62);
}
.integration-mini span {
  width: 16px;
  height: 16px;
  border: 1px solid rgba(145,190,126,0.42);
  border-radius: 50%;
  background: rgba(145,190,126,0.16);
}
.integration-mini strong,
.integration-mini small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.integration-mini strong {
  color: rgba(238,228,203,0.78);
  font: 800 9px/1.3 var(--sans);
  letter-spacing: 0.10em;
  text-transform: uppercase;
}
.integration-mini small {
  margin-top: 4px;
  color: rgba(238,228,203,0.48);
  font: 700 8px/1.2 var(--sans);
}
.integration-rules p {
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(190,151,82,0.14);
  border-radius: 8px;
  background: rgba(6,7,7,0.62);
  color: rgba(238,228,203,0.66);
  font: 500 12px/1.55 var(--sans);
}
.integration-rules strong {
  color: rgba(216,189,120,0.82);
}
.agent-card {
  position: relative;
  min-height: 210px;
  padding: 18px;
  border: 1px solid rgba(190,151,82,0.22);
  border-radius: 12px;
  background:
    radial-gradient(circle at 0% 0%, rgba(65,91,105,0.20), transparent 36%),
    linear-gradient(145deg, rgba(13,15,15,0.88), rgba(4,4,4,0.92));
}
.agent-card > span {
  display: block;
  width: 46px;
  height: 46px;
  margin-bottom: 18px;
  border: 1px solid rgba(216,189,120,0.36);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(216,189,120,0.80), rgba(35,38,38,0.20) 45%, rgba(4,4,4,0.88) 72%);
}
.agent-card h3 {
  margin: 0;
  color: rgba(238,220,168,0.94);
  font: 600 19px/1.2 var(--serif-display);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.agent-card p {
  color: rgba(238,228,203,0.62);
  font: 500 12px/1.6 var(--sans);
}
.portal-form-grid .full,
.security-note.full,
.modal-actions.full {
  grid-column: 1 / -1;
}
.modal-panel {
  border-radius: 12px;
}
.modal-head h2 {
  color: rgba(238,220,168,0.94);
  font-family: var(--serif-display);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.search-card[hidden] { display: none !important; }

@media (max-width: 1480px) {
  .command-layout { grid-template-columns: 280px minmax(0,1fr); }
  .right-stack { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0,1fr)); }
  .phase2-company-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .metric-strip { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .intel-grid,
  .capital-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .integration-brief-grid,
  .integration-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .intel-map-stage { grid-template-columns: 220px minmax(0,1fr); }
  .intel-side-panel.right { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0,1fr)); }
  .intel-bottom-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .market-tape,
  .map-command-ribbon { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 1180px) {
  .portal-shell { grid-template-columns: 220px minmax(0,1fr); }
  .command-dock { left: calc(220px + 12px); }
  .command-layout,
  .split-grid,
  .portfolio-overview,
  .comms-grid,
  .intel-grid,
  .capital-grid,
  .map-page-grid,
  .intel-map-stage { grid-template-columns: 1fr; }
  .intel-map-core{min-height:620px;order:-1}
.intel-side-panel.left,
.intel-side-panel.right{grid-template-columns:repeat(2,minmax(0,1fr))}      
  .left-stack,
  .right-stack { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .governance-grid,
  .module-grid,
  .agent-grid,
  .phase2-company-grid,
  .integration-brief-grid,
  .integration-grid,
  .market-tape,
  .map-command-ribbon,
  .intel-bottom-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .portal-shell { display: block; }
  .portal-sidebar { position: relative; height: auto; }
  .portal-nav { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .portal-nav button { grid-template-columns: 12px 1fr; }
  .nav-state { display: none; }
  .command-dock { position: static; margin-top: 18px; grid-template-columns: 1fr; }
  .portal-main { padding-bottom: 28px; }
  .left-stack,
  .right-stack,
  .ops-board { grid-template-columns: 1fr; }
  .asset-footprint { grid-template-columns: 1fr; }
  .command-header,
  .section-head.phase2-head { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .portal-topbar { position: relative; grid-template-columns: 1fr; }
  .portal-user { flex-wrap: wrap; }
  .portal-sidebar { padding: 14px; }
  .portal-brand { grid-template-columns: 48px 1fr; padding-bottom: 12px; }
  .portal-brand img { width: 48px; }
  .portal-brand span { font-size: 12px; }
  .portal-brand small { font-size: 7px; letter-spacing: 0.18em; }
  .nav-group { padding-top: 12px; }
  .portal-nav { gap: 6px; }
  .portal-nav button {
    min-height: 34px;
    padding: 8px;
    font-size: 8px;
    letter-spacing: 0.12em;
  }
  .metric-strip,
  .governance-grid,
  .module-grid,
  .agent-grid,
  .integration-brief-grid,
  .integration-grid,
  .market-tape,
  .map-command-ribbon,
  .intel-bottom-grid,
  .intel-side-panel.left,
  .intel-side-panel.right,
  .phase2-company-grid,
  .pipeline-cards,
  .treasury-grid { grid-template-columns: 1fr; }
  .command-header,
  .section-head.phase2-head { padding: 16px; }
  .command-header .portal-title,
  .section-head.phase2-head h1 { font-size: 32px; }
  .ownership-map { min-height: 520px; }
  .ownership-core { top: 45%; }
  .ownership-node {
    left: 50% !important;
    right: auto !important;
    width: min(240px, 82%);
    transform: translateX(-50%);
  }
  .node-1 { top: 3%; }
  .node-2 { top: 15%; }
  .node-3 { top: 27%; bottom: auto; }
  .node-4 { top: 63%; bottom: auto; }
  .node-5 { top: 75%; }
  .node-6 { top: 87%; bottom: auto; }
  .node-7 { display: none; }
  .map-grid { min-height: 230px; }
  .live-world-map.large { min-height: 560px; }
  .live-world-map.compact { min-height: 300px; }
  .map-core {
    width: 72px;
    height: 72px;
  }
  .map-core img { width: 44px; }
  .map-pin {
    width: 16px;
    height: 16px;
    padding: 0;
  }
  .map-pin span { font-size: 7px; }
  .map-pin small { display: none; }
  .map-network-stats {
    right: 10px;
    left: 10px;
  }
  .map-network-stats p {
    min-width: 0;
    flex: 1 1 86px;
  }
  .map-command-panel { min-height: 600px; }
  .intel-command-top { grid-template-columns: 1fr; padding: 15px; }
  .intel-command-top h1 { font-size: 31px; line-height: 1; }
  .intel-map-core { min-height: 560px; }
  .intel-map-stage { min-height: auto; }
  .intel-layer-controls {
    width: auto;
    right: 10px;
    left: 10px;
  }
  .intel-map-toolbar {
    right: 10px;
    left: 10px;
    transform: none;
    justify-content: center;
  }
  .live-map-overlay {
    left: 10px;
    right: 10px;
    top: auto;
    bottom: 92px;
  }
  .map-toolbar {
    display: grid;
    align-items: start;
  }
  .map-toolbar-stats { justify-content: start; }
  .connection-row {
    grid-template-columns: 28px minmax(0, 1fr);
  }
  .connection-row .pill {
    grid-column: 2;
    width: max-content;
  }
}