/* Executive Slate Waybar — Solid, functional, professional */

* {
  font-family: "Inter", "Symbols Nerd Font", sans-serif;
  font-size: 15px;
  font-weight: 500;
  border: none;
  border-radius: 0;
  min-height: 0;
}

window#waybar {
  background: @base;
  border-bottom: 1px solid @mantle;
  color: @text;
}

/* Tightly packed modules for a functional feel */
.modules-left,
.modules-center,
.modules-right {
  margin: 0;
  padding: 0;
}

#workspaces button,
#window,
#clock,
#tray,
#pulseaudio,
#battery,
#custom-notification,
#custom-vpn,
#custom-powerprofile,
#custom-updates,
#custom-doctor {
  padding: 0 12px;
  margin: 0;
  border-radius: 0;
}

/* Subtle hover effects */
#workspaces button {
  color: @subtext;
  transition: all 0.2s ease-in-out;
  border-bottom: 2px solid transparent;
}

#workspaces button:hover {
  background: @surface;
  color: @text;
}

/* Active gets a strong underline instead of a glowing background */
#workspaces button.active {
  color: @text;
  background: @surface;
  border-bottom: 2px solid @accent;
}

#workspaces button.urgent {
  color: @bad;
  border-bottom: 2px solid @bad;
}

/* Minimal indicators */
#battery.charging { color: @good; }
#battery.warning:not(.charging) { color: @warn; }
#battery.critical:not(.charging) {
  color: @bad;
  background: @surface;
  border-bottom: 2px solid @bad;
}

#pulseaudio.muted { color: @muted; }
#custom-updates { color: @accentAlt; }
#custom-doctor { color: @bad; }
#custom-vpn { color: @accent; }

/* Functional tooltip */
tooltip {
  background: @base;
  border: 1px solid @overlay;
  border-radius: 4px;
}
tooltip label {
  color: @text;
}