#bluetooth-title,
#wifi-title {
  font-size: apply(font-lg);
  font-weight: bold;
}

/* macOS-style WiFi interface */
#wifi-connections,
#bluetooth-connections {
  background-color: @glass-surface-1;
  border: 1px solid @glass-border;
  border-radius: apply(radius-sm);
  padding: 10px;
}

/* WiFi network slots - macOS style */
#wifi-network-slot button {
  border-radius: apply(radius-sm);
  padding: 4px 4px;
  margin: 2px 0;
}

#wifi-network-slot button:hover,
#wifi-network-button:hover {
  background-color: @glass-hover;
  border-radius: apply(radius-sm);
}

#wifi-network-slot button:hover .wifi-icon-box,
#wifi-network-button:hover .wifi-icon-box {
  background-color: @glass-text-secondary;
}

/* WiFi-specific device icon styles */
#wifi-connections #device-icon {
  background-color: @glass-hover;
}

#wifi-connections #device-icon.connected {
  background-color: @glass-active;
  color: @glass-text;
}

/* Bluetooth-specific device icon styles */
#bluetooth-connections #device-icon {
  background-color: @glass-hover;
}

#bluetooth-connections #device-icon.connected {
  background-color: @glass-active;
  color: @glass-text;
}

#wifi-network-name {
  color: @glass-text;
  font-size: apply(font-base);
  font-weight: 500;
}

#wifi-lock-icon {
  color: @glass-text-secondary;
  margin-left: 8px;
}

/* Section headers (Known Network, Devices) — align with wifi-other-button
   rows which use padding: 8px 6px and a bold font-sm label */
#networks-title {
  color: @glass-text;
  font-size: apply(font-sm);
  font-weight: bold;
  margin-left: 6px;
}

/* Other Networks and Settings buttons */
#wifi-other-button {
  background-color: transparent;
  border: none;
  padding: 8px 6px;
  margin-bottom: -12px;
  margin-top: -6px;
  border-radius: apply(radius-sm);
}

#wifi-other-button:hover {
  background-color: @glass-hover;
}

#wifi-other-button:last-child {
  margin-bottom: 3px;
}

/* DNS Switcher */
#dns-content {
  padding: 2px 0;
}

#dns-current-label {
  font-size: apply(font-sm);
  color: @glass-text-secondary;
}

#dns-provider-button {
  background-color: transparent;
  border: none;
  padding: 6px 8px;
  border-radius: apply(radius-sm);
}

#dns-provider-button:hover {
  background-color: @glass-hover;
}

#dns-provider-name {
  font-size: apply(font-base);
  color: @glass-text;
}

#dns-provider-address {
  font-size: apply(font-sm);
  color: @glass-text-secondary;
}

#dns-check-icon {
  color: @glass-active;
}