isp-list-card-term[data-column-name="detail"]
  .cell-wrapper-for-multiple-data
  > isp-list-cell-content:last-of-type
  .isp-struct,
isp-list-cell-content.hcloud-availability .isp-struct {
  --spacecore-availability-bg: #edf9f1;
  --spacecore-availability-border: #a7dfb7;
  --spacecore-availability-text: #176538;
  --spacecore-availability-dot: #22a05a;
  --spacecore-availability-dot-shadow: rgb(34 160 90 / 16%);

  display: inline-grid;
  grid-template-columns: auto auto;
  column-gap: 4px;
  row-gap: 1px;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin-top: 2px;
  padding: 5px 9px;
  border: 1px solid var(--spacecore-availability-border);
  border-radius: 8px;
  background: var(--spacecore-availability-bg);
  box-shadow: 0 1px 2px rgb(31 54 74 / 6%);
}

isp-list-cell-content.hcloud-availability--success .isp-struct {
  --spacecore-availability-bg: #edf9f1 !important;
  --spacecore-availability-border: #a7dfb7 !important;
  --spacecore-availability-text: #176538 !important;
  --spacecore-availability-dot: #22a05a !important;
  --spacecore-availability-dot-shadow: rgb(34 160 90 / 16%) !important;
}

isp-list-cell-content.hcloud-availability--warning .isp-struct {
  --spacecore-availability-bg: #fff8e7 !important;
  --spacecore-availability-border: #f2d28a !important;
  --spacecore-availability-text: #6b4a08 !important;
  --spacecore-availability-dot: #d58a00 !important;
  --spacecore-availability-dot-shadow: rgb(213 138 0 / 14%) !important;
}

isp-list-cell-content.hcloud-availability--danger .isp-struct {
  --spacecore-availability-bg: #fff0ee !important;
  --spacecore-availability-border: #efb0a8 !important;
  --spacecore-availability-text: #8b2d22 !important;
  --spacecore-availability-dot: #d64232 !important;
  --spacecore-availability-dot-shadow: rgb(214 66 50 / 15%) !important;
}

isp-list-card-term[data-column-name="detail"]
  .cell-wrapper-for-multiple-data
  > isp-list-cell-content:last-of-type
  .isp-struct-cell__data,
isp-list-cell-content.hcloud-availability .isp-struct-cell__data {
  color: var(--spacecore-availability-text) !important;
  font-size: 13px !important;
  line-height: 16px;
}

isp-list-card-term[data-column-name="detail"]
  .cell-wrapper-for-multiple-data
  > isp-list-cell-content:last-of-type
  isp-struct-cell:first-child
  .isp-struct-cell__data,
isp-list-cell-content.hcloud-availability
  isp-struct-cell:first-child
  .isp-struct-cell__data {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 600;
}

isp-list-card-term[data-column-name="detail"]
  .cell-wrapper-for-multiple-data
  > isp-list-cell-content:last-of-type
  isp-struct-cell:first-child
  .isp-struct-cell__data::before,
isp-list-cell-content.hcloud-availability
  isp-struct-cell:first-child
  .isp-struct-cell__data::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--spacecore-availability-dot);
  box-shadow: 0 0 0 3px var(--spacecore-availability-dot-shadow);
}

isp-list-card-term[data-column-name="detail"]
  .cell-wrapper-for-multiple-data
  > isp-list-cell-content:last-of-type
  isp-struct-cell:last-child
  .isp-struct-cell__data,
isp-list-cell-content.hcloud-availability
  isp-struct-cell:last-child
  .isp-struct-cell__data {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
}
