/* Shared station chrome. The studio keeps its existing action and dialog wiring. */
.colony-shell {
  color-scheme: dark;
  color: #e9f1ff;
  border: 1px solid #627ca466;
  border-radius: 22px;
  background: #0b1226;
  box-shadow: 0 26px 66px #02051559, inset 0 1px #a4c6ed26;
  overflow: hidden;
}
.colony-hud, .colony-navigation, .colony-roster, .colony-caption {
  border-color: #40557780;
  background: #111a30;
  color: #c7d6ec;
}
.colony-hud {
  min-height: 55px;
  padding-inline: 18px;
  font: 650 11px/1.4 system-ui, sans-serif;
  letter-spacing: .09em;
}
.colony-signal { background: #b8f5d9; box-shadow: 0 0 11px #75f9da; }
.colony-viewport { background: #0b1024; }
.colony-map-key {
  color: #d2e0f5;
  background: #101a31db;
  padding: 7px 9px;
  border: 1px solid #53698b;
  border-radius: 7px;
  font-size: 9px;
}
.colony-controls button, .colony-navigation button, .colony-roster button {
  background: #1a2943;
  border: 1px solid #577296;
  border-radius: 8px;
  color: #e3eeff;
  font: 650 11px/1.3 system-ui, sans-serif;
}
.colony-controls button { min-height: 30px; padding-inline: 9px; }
.colony-controls button:hover, .colony-roster button:hover { background: #273b5a; }
.colony-roster button[aria-pressed=true] { background: #2a3b59; border-color: #e6cc9f; }
.colony-inspector {
  background: #111c34f5;
  border: 1px solid #7593bb;
  border-radius: 15px;
  color: #e9f2ff;
  box-shadow: 0 14px 36px #030714a0;
}
.colony-inspector h4, .colony-inspector button { color: #f0f5ff; }
.colony-inspector p { color: #c2cfe4; }
.colony-inspector > span { color: #c9b7f6; }
.colony-shell :focus-visible { outline: 2px solid #f2d49d; outline-offset: 2px; }
body.world-focus .studio-shell {
  background: radial-gradient(ellipse at 50% 12%, #202d47, #0d1729 64%);
  border-color: #455c7c;
}
body.world-focus .studio-stage { background: transparent; }
body.world-focus .focus-activity button {
  background: #16233b;
  border-color: #536a8c;
}
body.world-focus .studio-toolbar h3 { color: #f1f4ff; }

.station-deck {
  background: linear-gradient(110deg,#14233c,#0e192f 64%);
  border-bottom: 1px solid #607da45e;
  padding: 12px clamp(10px,2vw,18px) 10px;
  color: #e2ebfb;
  font: 500 13px/1.45 system-ui,sans-serif;
}
.station-rooms {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
}
.station-rooms button {
  text-align: left;
  display: grid;
  grid-template-columns: 30px minmax(0,1fr);
  align-items: center;
  column-gap: 9px;
  border: 1px solid #4b658a;
  border-radius: 11px;
  background: #172740;
  color: #f3f6fe;
  padding: 9px;
  min-height: 52px;
}
.station-rooms button:not(:disabled):hover { border-color: var(--room-color); background: #243652; }
.station-rooms button:disabled { opacity: .55; cursor: default; }
.station-rooms button > span {
  grid-row: span 2;
  color: var(--room-color);
  background: #0c172d;
  border: 1px solid #577097;
  border-radius: 8px;
  text-align: center;
  line-height: 28px;
  font-size: 18px;
}
.station-rooms small { color: #b9cae3; font-size: 11px; }
.station-log { margin-top: 9px; }
.station-log summary { color: #c7ddff; cursor: pointer; font-weight: 700; }
.station-log summary span { color: #a9bddb; font-size: 11px; margin-left: 7px; font-weight: 500; }
.station-log-body { padding: 9px 0 3px; }
.station-log-controls { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; }
.station-log button, .station-evidence button {
  background: #213753;
  color: #f1f5ff;
  border: 1px solid #6986ad;
  border-radius: 7px;
  padding: 6px 9px;
  min-height: 32px;
  font: inherit;
}
.station-log button:disabled { opacity: .45; }
.station-range { display: flex; align-items: center; gap: 8px; flex: 1 1 170px; }
.station-range input { min-width: 75px; width: 100%; accent-color: #96ddd7; }
.station-log [data-log-detail] { margin: 8px 0; display: grid; gap: 3px; color: #b8cce9; overflow-wrap:anywhere; }
.station-log [data-log-detail] strong { color: #f2e8d1; }
.station-cue {
  position: absolute;
  top: 14px;
  right: 14px;
  pointer-events: none;
  background: #0b1730ed;
  color: #d3f5f0;
  border: 1px solid #7accc5;
  border-radius: 9px;
  padding: 7px 11px;
  font: 750 11px/1.4 system-ui,sans-serif;
  letter-spacing: .08em;
  box-shadow: 0 0 28px #6bcbc54d;
}
.station-cue[data-station=decision] { color:#ffe0a6; border-color:#edb86f; }
.station-cue[data-station=delivery] { color:#e6d8ff; border-color:#ae9ae0; }
.station-evidence {
  color-scheme: dark;
  background: #13223b;
  color: #edf5ff;
  border: 1px solid #8098bd;
  border-radius: 15px;
  padding: 16px;
  width: min(710px,calc(100% - 24px));
  max-height: 85vh;
  margin: auto;
}
.station-evidence::backdrop { background: #050a1bd0; }
.station-evidence header { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.station-evidence pre { white-space:pre-wrap;overflow-wrap:anywhere;font: 500 14px/1.65 system-ui,sans-serif; }
@media(max-width:580px){
 .station-rooms { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .station-rooms button { min-height:44px;padding:6px; }
 .station-rooms small { font-size:10px; }
 .station-deck { padding-block:8px; }
 .station-cue { right:8px;top:8px; }
}

.station-rooms button[data-active=true] {
  border-color:var(--room-color);
  box-shadow:inset 0 -2px var(--room-color);
}
.station-tools { display:flex;align-items:start;justify-content:space-between;gap:8px; }
.station-tools details { flex:1;min-width:0; }
.station-blueprints {
  padding:5px 8px;
  margin-top:4px;
  color:#e1d1ff;
  border-radius:6px;
  background:#232e47;
  font-size:11px;
}
.station-blueprints:disabled { opacity:.5; }