.product-identifier-card {
  margin: 0;
  padding: 16px;
  border: 1px solid #b9c9ee;
  border-radius: 14px;
  background: linear-gradient(135deg, #f8faff 0%, #eef4ff 100%);
}

.product-identifier-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.product-identifier-heading div { display: grid; gap: 4px; }
.product-identifier-heading strong { color: #10264a; font-size: 15px; }
.product-identifier-heading span,
.product-identifier-status { color: #60708c; font-size: 12px; }

.identifier-unique-badge {
  flex: none;
  padding: 5px 9px;
  border: 1px solid #9bb3ea;
  border-radius: 999px;
  background: #fff;
  color: #3158b5 !important;
  font-weight: 700;
}

.product-identifier-grid {
  display: grid;
  grid-template-columns: minmax(150px, .75fr) minmax(160px, 1fr) minmax(190px, 1.15fr) auto;
  align-items: end;
  gap: 10px;
}

.product-identifier-grid label { display: grid; gap: 6px; }
.product-identifier-grid label > span { color: #30435f; font-size: 12px; font-weight: 700; }
.product-identifier-grid input[readonly] { color: #172b4d; background: #fff; font-weight: 700; letter-spacing: .03em; }
.identifier-refresh { white-space: nowrap; }
.product-identifier-status { margin: 10px 0 0; line-height: 1.55; }

@media (max-width: 760px) {
  .modal:has(.product-identifier-card) .modal-header { padding-left: 64px; }
  .product-identifier-grid { grid-template-columns: 1fr; }
  .identifier-refresh { width: 100%; }
}