/* SPDX-License-Identifier: AGPL-3.0-or-later */

/* Shared styling for `<battery-status>`, imported by every quick-settings
   surface that hosts it (the mobile pebble tray, the desktop dock popover). */

battery-status {
  display: flex;
  min-width: 0;
}

/* display:flex above beats the UA [hidden] rule, which the element sets on
   hardware with no battery. */
battery-status[hidden] {
  display: none;
}

battery-status .tile {
  flex: 1;
  min-width: 0;
}

.tile.readout {
  background: transparent;
  cursor: default;
}

.tile.readout:hover {
  background: transparent;
}

.tile.readout:active {
  transform: none;
}

.tile.readout.low lucide-icon {
  color: var(--color-text);
}

.tile.readout.critical {
  border-color: color-mix(in oklch, var(--color-danger) 45%, transparent);
  color: var(--color-danger);
}

.tile.readout.critical lucide-icon {
  color: var(--color-danger);
}