// Contact Section
.contactDetails {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.contactName {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--mantine-color-text);
}

.contactEmail {
  font-size: 13px;
  line-height: 1.3;
  color: var(--mantine-color-dimmed);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280px;
}

// Status Section
.statusBadge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;

  &[data-status="WAITING"] {
    background: var(--mantine-color-blue-1);
    color: var(--mantine-color-blue-9);
  }

  &[data-status="OFFERED"] {
    background: var(--mantine-color-yellow-1);
    color: var(--mantine-color-yellow-9);
  }

  &[data-status="PURCHASED"] {
    background: var(--mantine-color-green-1);
    color: var(--mantine-color-green-9);
  }

  &[data-status="CANCELLED"] {
    background: var(--mantine-color-gray-1);
    color: var(--mantine-color-gray-9);
  }

  &[data-status="OFFER_EXPIRED"] {
    background: var(--mantine-color-red-1);
    color: var(--mantine-color-red-9);
  }
}

// Actions Section
.actionsMenu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
