/* Customers screen and its dialogs: tokens only, DiscoveryEdge layout on css/components. */

/* stacked cells: a number over its pill and progress bar, an email over the contact name */
.admin-usage-cell, .admin-stack { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-1); }
.admin-usage-cell { align-items: flex-end; }
.admin-usage-cell .ae-progress { min-width: 120px; }
.admin-source { color: var(--text-muted); }

/* Add customer: the optional limits sit side by side */
.admin-field-group { display: flex; flex-direction: column; gap: var(--s-2); }
.admin-field-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
@media (max-width: 560px) { .admin-field-pair { grid-template-columns: minmax(0, 1fr); } }

/* the temporary password reads as a code: mono, easy to select */
#rv-pw { font-family: var(--font-mono); font-size: var(--text-base); letter-spacing: 0.02em; }

/* Usage and limits: totals sit under the table */
#admin-usage-totals:not(:empty) { margin-top: var(--s-3); }

/* Add customer: the limits group reads as a sub-heading */
.admin-group-label { font-weight: var(--weight-medium); color: var(--text-strong); }

/* Customers: the access select must show "Ticket analysis" in full; the table scrolls sideways when narrow */
/* the wrapper is a span: block so min-width applies (same width as .opp-pick selects) */
#admin-customers-table .admin-cell-select { display: block; min-width: 12rem; }

/* Usage and limits: the note sits beside the save button */
.admin-form-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-3); }