/* /sales/accounts/:user_id (Sales::AccountsController#show, AccountDetail):
 * one account's identity, acquisition, visits, uploads, agent use and
 * timeline. Tables are .sales-report-table (reports.css); the internal flag
 * reuses .sales-accounts-checkbox (accounts.css). */

.sales-account {
  max-width: 72rem;
  margin-inline: auto;
  color: var(--text-primary);
}

.sales-account-facts {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: var(--spacing-4) var(--spacing-16);
  margin-block: var(--spacing-12);

  & dt { color: var(--text-tertiary); }
  & dd { margin: 0; min-width: 0; }
}

.sales-account-subhead { margin-top: var(--spacing-16); }

.sales-account-id { overflow-wrap: anywhere; }

.sales-account-flag {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-8);
  transition: opacity 120ms ease;

  &.is-saving { opacity: 0.5; }
}

.sales-account-list {
  margin: var(--spacing-4) 0 0;
  padding-left: var(--spacing-16);
}

.sales-account-timeline-visit td { border-top-color: var(--border-strong); font-weight: var(--font-weight-600); }

@media (max-width: 40rem) {
  .sales-account-facts { grid-template-columns: 1fr; }
}