* {
  font-family: JetBrainsMono, monospace;
  font-size: 17px;
  border: none;
  box-shadow: none;
  min-height: 0;
}

.icon, .fa, .material-icons {
  font-size: 17px;
}


window#waybar {
  background: rgba(30, 30, 46, 0.95);
  border-radius: 10px;
  color: #cdd6f4;
  border: 1px solid #181825;
  margin: 6px 6px 0 6px;
}

#workspaces button {
  background: transparent;
  color: #a6adc8;
  border-radius: 6px;
  margin: 0 2px;
  padding: 0 8px;
  transition: background 0.2s, color 0.2s;
}
#workspaces button.active {
  background: #89b4fa;
  color: #1e1e2e;
}
#workspaces button.urgent {
  background: #f38ba8;
  color: #1e1e2e;
}

#clock, #cpu, #memory, #temperature, #pulseaudio, #network, #battery, #tray, #backlight, #disk, #idle_inhibitor, #custom-logitech-battery {
  padding: 0 10px;
  margin: 0 2px;
  border-radius: 6px;
  background: rgba(49, 50, 68, 0.7);
}
#battery.charging {
  color: #a6e3a1;
}
#battery.critical {
  color: #f38ba8;
}
#pulseaudio.muted {
  color: #f9e2af;
}

#custom-wlogout {
  background: #f38ba8;
  color: #1e1e2e;
  border-radius: 8px;
  padding: 0 8px;
  margin: 0 4px;
  font-weight: bold;
  transition: background 0.2s, color 0.2s;
}
#custom-wlogout .icon {
  font-size: 22px;
}
#custom-wlogout:hover, #custom-wlogout:focus {
  background: #cba6f7;
  color: #1e1e2e;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}