// Customer return shipment alert — Phase 106
// Banner w szczegolach zamowienia + badge na liscie zamowien + row highlight

.customer-risk-banner {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 6px;
  background: #fff0f0;
  border: 1px solid #fecaca;
  border-left: 4px solid #d64545;
  color: #6b1f1f;
  font-size: 13px;

  &__icon {
    flex-shrink: 0;
    font-size: 18px;
    line-height: 1;
    color: #d64545;
  }

  &__body {
    flex: 1;
    min-width: 0;
  }

  &__text {
    margin: 0;
    font-weight: 600;
    color: #6b1f1f;
  }

  &__list {
    margin-top: 6px;

    summary {
      cursor: pointer;
      color: #9b2c2c;
      font-size: 12px;
      user-select: none;
    }
  }

  &__table {
    width: 100%;
    margin-top: 6px;
    font-size: 12px;
    border-collapse: collapse;

    th,
    td {
      padding: 4px 6px;
      border-bottom: 1px solid #f5d6d6;
      text-align: left;
      color: #3b0f0f;
    }

    thead th {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.02em;
      color: #7a2323;
      background: #ffe3e3;
    }

    tbody tr:last-child th,
    tbody tr:last-child td {
      border-bottom: 0;
    }

    a {
      color: #b91c1c;
      font-weight: 600;
    }
  }
}

// Badge na liscie zamowien (przy buyer name)
.risk-return-badge {
  display: inline-block;
  padding: 1px 6px;
  background: #d64545;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  border-radius: 3px;
  margin-left: 4px;
  cursor: default;
  vertical-align: middle;
  line-height: 1.4;
}

// Row highlight w liscie zamowien — subtelny czerwony pasek po lewej
.table-list-table tbody tr.is-risk-return > td:first-child {
  border-left: 3px solid #d64545;
}