.cx-customer-form .cx-card-body {
  gap: 14px;
}

.cx-customer-result {
  display: grid;
  gap: 18px;
}

.cx-customer-hero {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, .7fr);
  gap: 16px;
  align-items: stretch;
}

.cx-last-order-card,
.cx-customer-address-card,
.cx-note-box,
.cx-empty-state {
  border: 1px solid var(--cx-border);
  border-radius: var(--cx-radius-md);
  background: var(--cx-surface-strong);
  padding: 16px;
}

.cx-last-order-card {
  display: grid;
  gap: 6px;
  box-shadow: var(--cx-shadow-soft);
}

.cx-last-order-card strong {
  font-size: 1.55rem;
}

.cx-address-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
}

.cx-customer-address-card p {
  margin: 8px 0;
  color: var(--cx-text);
}

.cx-required-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.cx-note-box {
  border-color: color-mix(in srgb, var(--cx-warning) 35%, var(--cx-border));
}

.cx-span-2 {
  grid-column: 1 / -1;
}

@media (max-width: 880px) {
  .cx-customer-hero {
    grid-template-columns: 1fr;
  }
}