// Bar icons
.net-icon                { font-size: 14px; padding: 3pt 0; }
.net-active, .blt-on    { @include color-base; }
.net-dim                 { @include color-inactive; }
.blt-connected           { @include color-accent; }

// Popup window section accents
.wifi-accent { background-color: $base0C; }
.eth-accent  { background-color: $base0B; }
.blt-accent  { background-color: $base0D; }
.usb-accent  { background-color: $base09; }

// Netinfo rows
.netinfo-row                            { margin-bottom: $popup-scale * 3pt; }
.netinfo-label, .netinfo-value, .netinfo-dim { font-size: 0.72em; }
.netinfo-label { @include color-active; min-width: $popup-scale * 60px; }
.netinfo-value { @include color-body; }
.netinfo-dim   { color: $base03; margin-bottom: $popup-scale * 4pt; }

// Section toggle button
.net-toggle-btn {
  padding: $popup-scale * 2pt $popup-scale * 4pt;
  @include border-radius;
  font-size: 1.1em;
}

// Bluetooth device list
.bt-device-row  { margin-bottom: $popup-scale * 4pt; }
.bt-device-name { font-size: 0.78em; @include color-body; }
.bt-device-btn  { padding: $popup-scale * 2pt $popup-scale * 6pt; @include border-radius; font-size: 1em; }

// Shared button states
.net-toggle-btn:hover,
.bt-device-btn:hover  { @include background-active; }
.net-toggle-on, .bt-btn-on   { @include color-base; }
.net-toggle-off, .bt-btn-off { @include color-inactive; }
