/* station-bar — "Voidstation Status Bar" theme. Colours come from _colors.css
 * (@text/@bg/@accent/@violet/@danger). Mirrors orbit-menu/horizon-dock/
 * astro-menu: Agave Nerd Font Mono, glow-on-hover, CyberQueer palette — this
 * bar is meant to read as one more orbit of the same suite, not a separate
 * look. Thin (30px) and semi-transparent violet rather than solid, with the
 * shallow Cairo-drawn curve (bar.py's _draw_background) and the hologram
 * overlay's scanlines/noise (lib/hologram.py) doing the visual work instead
 * of a solid strip.
 */

* {
  font-family: "Agave Nerd Font Mono", monospace;
  font-size: 11pt;
}

window,
window.background,
.station-bar-window,
.station-content,
.station-zone,
overlay,
drawingarea {
  background: transparent;
  background-color: transparent;
}

.station-hologram {
  background: transparent;
}

.station-title {
  color: @text;
  opacity: 0.9;
}

/* generic small readout pill — battery / volume / clock */
.station-badge {
  color: @text;
  background: transparent;
  border: none;
  padding: 1px 6px;
  min-height: 20px;
}
button.station-badge {
  transition: color 160ms ease;
}
button.station-badge:hover {
  color: @accent;
}

/* Orbit / Astro launcher buttons — small planet nodes, same glow language as
 * orbit-menu's/horizon-dock's .horizon-planet / node styling. */
.station-planet {
  color: @accent;
  background: alpha(@violet, 0.4);
  border: 2px solid @violet;
  border-radius: 50%;
  min-width: 22px;
  min-height: 22px;
  padding: 0;
  transition: border-color 160ms ease, box-shadow 200ms ease;
  box-shadow: 0 0 0 0 alpha(@accent, 0);
}
.station-planet:hover {
  border-color: @accent;
  box-shadow: 0 0 10px 1px alpha(@accent, 0.5);
}

/* workspace "stations" row */
.station-ws-row { padding: 0 2px; }
.station-node {
  color: @text;
  background: transparent;
  border: 1px solid alpha(@violet, 0.6);
  border-radius: 10px;
  padding: 0 6px;
  min-height: 20px;
  transition: border-color 160ms ease, color 160ms ease, box-shadow 200ms ease;
  box-shadow: 0 0 0 0 alpha(@accent, 0);
}
.station-node:hover {
  border-color: @accent;
  box-shadow: 0 0 8px 1px alpha(@accent, 0.4);
}
.station-node-active {
  color: @bg;
  background: @accent;
  border-color: @accent;
  box-shadow: 0 0 10px 1px alpha(@accent, 0.55);
}

/* tray pod — the drawn space-station pictogram + its icon row */
.station-tray-pod {
  padding: 0 4px;
}
.station-tray-item {
  background: transparent;
  border: none;
  padding: 0 2px;
  min-width: 18px;
  min-height: 18px;
  transition: opacity 160ms ease;
  opacity: 0.85;
}
.station-tray-item:hover { opacity: 1; }