/* Keep pricing conditions consistent across the domestic portal's price views. */
#app .price-condition.price-condition--peak,
#app .price-condition.price-condition--offpeak {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: light-dark(color-mix(in srgb, var(--kp-status-ok) 76%, var(--kp-text-primary)), var(--kp-status-ok));
  font-weight: 500;
}

/* Price rows show information; a pointer must not look like a selected row. */
#app .kp-table:has(.pricing__model) tbody tr:hover td {
  background: var(--kp-table-row-bg);
}
@media (hover: hover) and (pointer: fine) {
  #app .kp-table:has(.pricing__model) tbody tr:hover td {
    background: color-mix(in srgb, var(--kp-status-ok) 3%, var(--kp-table-row-bg));
  }
}

/* Narrow-screen cards must remain a single surface after a tap or pointer click. */
@media (max-width: 760px) {
  #app .kp-table:has(.pricing__model) tbody tr:hover td {
    background: transparent;
  }
}