.is-unavailable {
  opacity: .52;
  filter: saturate(.45);
}

.availability-note {
  display: block;
  padding: 8px 10px;
  border-radius: 8px;
  background: #eef0ef;
  color: #48544f;
  font-weight: 700;
}

.line-item,
.summary-line,
.confirm-line {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 5px solid transparent;
}

.confirm-line {
  grid-template-columns: 1fr auto auto;
}

.decision-actions {
  display: flex;
  gap: 8px;
}

.decision-actions .button {
  min-height: 38px;
  padding: 6px 12px;
}

.decision-actions input {
  display: none;
}

.status-ready,
.status-issued,
.status-confirmed,
.status-received {
  background: #d8eedc;
}

.status-ordered {
  background: #e9eceb;
}

.status-rejected,
.status-canceled {
  background: #f4dddd;
  color: #7f2929;
}

.item-status-ordered {
  opacity: .62;
  border-left-color: #8b9691;
}

.item-status-confirmed {
  border-left-color: #3c79a8;
}

.item-status-received {
  border-left-color: #4a9a62;
  background: #f3faf4;
}

.item-status-issued {
  border-left-color: #255f4a;
  background: #e5f4e8;
}

.item-status-rejected,
.item-status-canceled {
  opacity: .55;
  border-left-color: #a93737;
  background: #fbefef;
}

.has-pending-change {
  opacity: .68;
  border-left-color: #8b63b6;
  background: linear-gradient(100deg, #f0e8fa, #fff);
}

.pending-change {
  color: #70459d !important;
  font-weight: 750;
}

.order-status-canceled {
  opacity: .58;
}

@media (max-width: 760px) {
  .confirm-line {
    grid-template-columns: 1fr;
  }

  .decision-actions {
    flex-wrap: wrap;
  }
}

@media print {
  .is-unavailable,
  .item-status-ordered,
  .item-status-rejected,
  .item-status-canceled,
  .has-pending-change {
    opacity: 1;
    filter: none;
  }
}