/* screens/customers.css — customers screen styles (Stage 9 retrofit owner: this file).
 * List = toolbar--card + table-card--sticky + footer pager (components.css
 * contract, no extra rules needed); detail = two-pane cards. Only the
 * screen-specific bits live here. */

/* Activatable rows keep the hand cursor (mirrors screens/orders.css so the
 * screen survives any future shrink of the legacy admin.css). */
.admin-row {
  cursor: pointer;
}

/* Detail header: quality pill + WhatsApp number under the name. */
.customer-detail__pills {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--brand-size-xs);
  margin-top: var(--brand-size-xxs);
}

/* Recent-orders card: scroll long refs instead of stretching the card. */
.customer-orders-table {
  overflow-x: auto;
}

/* Address history rail card list. */
.customer-addr-history {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--brand-size-xxs);
  font-size: var(--brand-font-size-sm);
}