@import url('/graphite-stats.css');
@import url('/graphite-configurator.css');
@import url('/field-tree-workspace.css');
@import url('/vehicle-picker-workspace.css');
@import url('/configurator-clarity.css');
@import url('/configurator-crew-stats.css');
@import url('/legacy/vehicle-filters.css');
@import url('/configurator-v2.css');
@import url('/map-v2.css');
@import url('/tank-v2.css');

/* One neutral palette for the shell and its isolated local modules. */
:root[data-theme="dark"] {
  --bg: #0b0c0e;
  --surface: #111315;
  --surface2: #191c1f;
  --sidebar: #111315;
  --text: #e6e9ec;
  --muted: #989fa6;
  --line: #2a2e32;
  --border: #2a2e32;
  --accent: #d1aa62;
  --accentText: #111315;
  --cyan: #76bac1;
  --mono: Consolas, "SFMono-Regular", monospace;
  --workspace-bg: var(--bg);
  --workspace-surface: var(--surface);
  --workspace-hover: var(--surface2);
  --workspace-text: var(--text);
  --workspace-muted: var(--muted);
  --workspace-line: var(--line);
  --workspace-accent: var(--accent);
  color-scheme: dark;
}

[data-theme="dark"] .workspace-header {
  background: var(--bg);
  border-bottom-color: var(--line);
}
[data-theme="dark"] .workspace-brand span { color: var(--accent); }
[data-theme="dark"] .workspace-navigation button {
  border-radius: 4px;
  font-weight: 500;
}
[data-theme="dark"] .workspace-navigation button[aria-current="page"] {
  background: var(--surface);
  border-color: var(--line);
  color: var(--accent);
  box-shadow: inset 0 -1px var(--accent);
}
[data-theme="dark"] :is(.workspace-room, .workspace-icon, .workspace-error) {
  border-radius: 5px;
}

/* The scene's native materials and lights keep their original appearance. */
[data-theme="dark"] body.workspace-v4 {
  --ui-radius: 6px;
  background: var(--bg);
}
[data-theme="dark"] .workspace-v4 .stage { background: var(--bg); }
[data-theme="dark"] .workspace-v4 :is(.controls-panel, #floating-inspector, #room-panel,
  .camera-presets, .map-taskbar, #map-tools, #tank-dock, .pose-toolbar,
  .tank-control-dock, .practice-modes, .shot-context, #shot-hud, #vision-hud) {
  background: var(--surface);
  border-color: var(--line);
  border-radius: 6px;
  box-shadow: none;
  backdrop-filter: none;
}
[data-theme="dark"] .workspace-v4 :is(.context-vehicle, .map-menu-button, .map-card,
  .catalog-search, .tank-row, .vehicle-card, .vehicle-filters select, .room-member,
  .room-tank, button, .file-button) { border-radius: 4px; }
[data-theme="dark"] .workspace-v4 :is(input, select, .catalog-search) {
  background-color: var(--bg);
  border-color: var(--line);
  color: var(--text);
}
[data-theme="dark"] .workspace-v4 :is(button, .file-button):hover:not(:disabled) {
  border-color: var(--muted);
}
[data-theme="dark"] .workspace-v4 :is(.primary, #create-room) {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accentText);
}
[data-theme="dark"] .workspace-v4 :is(#tank-dock button, .camera-presets button,
  #map-tools button, .practice-modes button).active,
[data-theme="dark"] .workspace-v4 :is(.camera-presets button, #map-tools button,
  .practice-modes button, .view-switch button)[aria-pressed="true"] {
  background: color-mix(in srgb, var(--accent) 8%, var(--surface));
  border-color: color-mix(in srgb, var(--accent) 45%, var(--line));
  color: var(--accent);
}
[data-theme="dark"] .workspace-v4 #vision-hud {
  border-color: var(--cyan);
}
[data-theme="dark"] .workspace-v4 :is(.pose-axis-heading input, .practice-field output,
  .control-heading output, #shot-hud strong, .detail-row strong, #hud-effective) {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}
[data-theme="dark"] .workspace-v4 :is(.inspector-heading, .control-section,
  .room-heading, .room-section, .practice-panel, .catalog-footer) {
  border-color: var(--line);
}
[data-theme="dark"] .workspace-v4 :is(.catalog-footer, .camera-help, .map-hint) {
  color: var(--muted);
}

/* Mode and camera buttons stay above, never behind, the pose panel. */
.workspace-v4.ease-ui .practice-tools .tank-control-dock:not(.is-free) {
  top: 0;
  max-height: 100%;
}

/* Keep every action inside the available desktop canvas. */
.workspace-v4.ease-ui .workspace-actions {
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 6px;
  box-shadow: none;
}
.workspace-v4.ease-ui .workspace-actions button,
.workspace-v4.ease-ui[data-scene-view="map"] .workspace-actions :is(#map-lock, #map-fit) {
  font-size: 11px;
  padding: 7px;
  gap: 5px;
  min-height: 38px;
  border-radius: 4px;
}

.workspace-v4.ease-ui #close-inspector {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
}