.tag.cluster-kct {
  background-color: hsl(217, 71%, 53%);
  color: #fff;
}

.tag.cluster-sct {
  background-color: hsl(348, 71%, 53%);
  color: #fff;
}

.tag.cluster-kzt {
  background-color: hsl(234, 71%, 53%);
  color: #fff;
}

.lifecycle-hero.is-host {
  background: linear-gradient(135deg, #e11d48 0%, #be185d 100%); /* token-ok: rose, matches host_form.css editor header */
}

[data-theme="dark"] .lifecycle-hero.is-host {
  background: linear-gradient(135deg, #9f1239 0%, #881337 100%); /* token-ok: rose dark, matches host_form.css editor header */
}

.host-vm-status {
  display: inline-flex;
  align-items: center;
  gap: var(--arp-space-2);
  white-space: nowrap;
}

.host-vm-status-col {
  width: 10rem;
}

.host-vm-customer-label {
  width: 40%;
}

.host-vm-table :is(th, td):first-child {
  padding-inline-start: var(--arp-space-4);
}

.host-vm-table :is(th, td):last-child {
  padding-inline-end: var(--arp-space-4);
}