/* HABRO v8905 · themed Energy instant-charge card. */

/* SOC, labels and progress remain part of the sticky Energy photograph. */
#energy .energy-restored-hero>.energy-soc-panel{
  position:absolute!important;
  z-index:8!important;
  top:auto!important;
  right:auto!important;
  bottom:clamp(14px,2.4vw,20px)!important;
  left:50%!important;
  width:min(96vw,720px)!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
}

/* Exact repository glyph: ic-telemetria, not ic-telemetria-panel. */
#energy #energyTelemetryCard>.energy-control-toggle>i{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#energy #energyTelemetryCard>.energy-control-toggle>i>svg.habro-telemetry-color-v8904{
  display:block!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  margin:0!important;
  color:var(--ink)!important;
  --ic-accent:var(--accent,#0a84ff);
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* The card stays white; only the action fill changes with charging state. */
#energy #energyInstantBtn.energy-instant,
#energy #energyInstantBtn.energy-instant.is-charging,
#energy #energyInstantBtn.energy-instant:not(.is-charging){
  background:var(--v8-glass,var(--glass))!important;
  color:var(--ink)!important;
  border:1px solid var(--v8-border,var(--line))!important;
  box-shadow:var(--v8-shadow,var(--shadow))!important;
  -webkit-backdrop-filter:blur(26px)!important;
  backdrop-filter:blur(26px)!important;
}
#energy #energyInstantBtn.energy-instant>i{
  background:transparent!important;
  color:var(--accent,#0a84ff)!important;
}
#energy #energyInstantBtn.energy-instant>span>strong{
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
}
#energy #energyInstantBtn.energy-instant>span>small{
  color:var(--muted)!important;
  -webkit-text-fill-color:var(--muted)!important;
}
#energy #energyInstantBtn #energyInstantAction{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  min-width:max-content!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:var(--accent,#0a84ff)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.025em!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--accent,#0a84ff) 28%,transparent)!important;
}
#energy #energyInstantBtn.is-charging #energyInstantAction{
  background:var(--red,#ff453a)!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--red,#ff453a) 30%,transparent)!important;
}
#energy #energyInstantBtn:disabled #energyInstantAction{
  opacity:.72!important;
}