/* Floor — color theme only (Pulse / Co-Pilot desk palette).
   Loaded after office.html inline styles. Does not change card radius, shadows, or layout. */

:root {
  --bg: #050607;
  --bg-2: #060709;
  --surface: #080a0e;
  --surface-2: #0a0d11;
  --surface-3: #11151c;
  --line: rgba(126, 137, 160, 0.18);
  --line-strong: rgba(126, 137, 160, 0.28);
}

html,
body {
  background: var(--bg);
}

.app {
  background: var(--bg);
}

.topbar {
  background: var(--bg-2);
  border-color: var(--line);
}

.scene-wrap {
  background: linear-gradient(180deg, #0a0d11 0%, #050607 100%);
  border-color: var(--line);
}

.panel {
  background: var(--bg-2);
  border-color: var(--line);
}

.floor-command,
.setup-events {
  background: var(--bg-2);
  border-color: var(--line);
}

.fc-pulse,
.fc-map {
  background: var(--surface);
  border-bottom-color: var(--line);
}

.fc-map {
  border-bottom-color: rgba(211, 173, 103, 0.2);
}

.se-header {
  background: var(--surface);
}

.hub-tabs {
  background: var(--bg-2);
  border-bottom-color: var(--line);
}

.hub-active {
  background: var(--bg-2);
  border-color: var(--line);
}

.avatar-rail {
  background: var(--surface);
  border-color: var(--line);
}

.market-flow {
  background: rgba(5, 6, 7, 0.78);
  border-color: var(--line);
}

.mf-tick {
  background: var(--surface);
  border-color: var(--line);
}

.desk-label {
  background: rgba(5, 6, 7, 0.92);
}

.foot {
  background: var(--bg-2);
  border-color: var(--line);
}

.foot .ctl-btn {
  background: var(--surface);
  border-color: var(--line);
}

.agent-inspector {
  background: rgba(5, 6, 7, 0.96);
  border-color: var(--line);
}

.fc-feeds-strip {
  background: var(--surface);
  border-top-color: var(--line);
}

.fp-state {
  background: var(--surface);
  border-color: var(--line);
}

.fp-toggle {
  background: var(--surface);
  border-color: var(--line-strong);
}