/* Tactical shell primitives shared by Situation Room and Airspace. */

.sr-topbar-title,
.sp-topbar-title {
  font-family: var(--font-display);
  letter-spacing: 0.14em;
}

.sr-btn-icon,
.sp-btn-icon,
.sr-topbar .portal-switcher .btn,
.sp-topbar .portal-switcher .btn {
  border-radius: 999px;
  transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.sr-topbar .portal-switcher .btn,
.sp-topbar .portal-switcher .btn {
  min-height: 34px;
  border: 1px solid currentColor;
  background: rgba(255, 255, 255, 0.02);
}

.sr-topbar .portal-switcher .btn:hover,
.sp-topbar .portal-switcher .btn:hover,
.sr-btn-icon:hover,
.sp-btn-icon:hover {
  box-shadow: 0 0 0 1px currentColor;
}

.sr-topbar,
.sp-topbar {
  backdrop-filter: blur(12px);
}

html[data-theme="light"] {
  --sr-bg: #F3F8FC;
  --sr-panel: #FFFFFF;
  --sr-panel-alt: #EAF2F8;
  --sr-border: rgba(0, 122, 160, 0.22);
  --sr-border-glow: rgba(0, 122, 160, 0.38);
  --sr-cyan: #007AA0;
  --sr-green: #008A56;
  --sr-red: #C63D45;
  --sr-amber: #B86A00;
  --sr-text: #13202B;
  --sr-text-dim: #587082;
  --sr-font: var(--font-body);
  --sr-mono: var(--font-mono);

  --sp-bg: #F3F8FC;
  --sp-panel: #FFFFFF;
  --sp-panel-alt: #EAF2F8;
  --sp-border: rgba(0, 122, 160, 0.22);
  --sp-border-glow: rgba(0, 122, 160, 0.38);
  --sp-cyan: #007AA0;
  --sp-green: #008A56;
  --sp-red: #C63D45;
  --sp-amber: #B86A00;
  --sp-purple: #7D5BD6;
  --sp-text: #13202B;
  --sp-text-dim: #587082;
  --sp-font: var(--font-body);
  --sp-mono: var(--font-mono);
}

html[data-theme="light"] .sr-scanlines,
html[data-theme="light"] .sp-scanlines {
  opacity: 0.03;
}

html[data-theme="light"] .sr-topbar,
html[data-theme="light"] .sp-topbar {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 30px rgba(14, 42, 66, 0.08);
}

html[data-theme="light"] .sr-btn-icon,
html[data-theme="light"] .sp-btn-icon,
html[data-theme="light"] .sr-topbar .portal-switcher .btn,
html[data-theme="light"] .sp-topbar .portal-switcher .btn {
  background: rgba(0, 122, 160, 0.08);
  border-color: rgba(0, 122, 160, 0.16);
  color: inherit;
}