/* Battery Watch — ephemeral battery level indicators */

@layer components {
  .battery-indicator {
    display: inline-flex;
    align-items: center;
    gap: 0.2em;
    font-size: 0.6875rem;
    font-weight: 500;
    padding: 0.1em 0.35em;
    border-radius: var(--radius-sm);
  }

  .battery-indicator--good {
    color: oklch(var(--lch-laser));
  }

  .battery-indicator--medium {
    color: oklch(var(--lch-golden));
  }

  .battery-indicator--low {
    color: oklch(var(--lch-flare));
  }

  .battery-indicator--critical {
    color: oklch(55% 0.25 27);
    font-weight: 700;
    animation: battery-blink 1s ease-in-out infinite;
  }

  @keyframes battery-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
  }
}