/* Mail trust presentation adjustments.
 * Scoped to Phase 9A surfaces so the shared .auDO design system remains unchanged.
 */

/* Keep the panel summary compact while preserving a readable measure. */
.mail-trust-current-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.mail-trust-family-card,
.mail-trust-cohort-family {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
}

.mail-trust-population {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  color: var(--muted);
}

.mail-trust-population strong { color: var(--text); font-size: 1.35rem; }
.mail-trust-family-explainer { color: var(--muted); min-height: 2.5em; }
.mail-trust-reading-note {
  margin-top: 1rem;
  padding: 1rem;
  border-left: 4px solid var(--accent);
  border-radius: var(--radius-md);
  background: var(--surface-2);
}
.mail-trust-reading-note p { margin: .35rem 0 0; }

.mail-trust-cohort-grid { grid-template-columns: 1fr; }

.mail-trust-cohort-summary { cursor: pointer; padding: .25rem 0; }
.mail-trust-cohort-summary > span { display: block; margin-left: 1.25rem; }
.mail-trust-cohort-title { color: var(--text); font-size: 1.1rem; font-weight: 700; }
.mail-trust-cohort-cue { color: var(--accent); margin-top: .35rem; }

.mail-trust-cohort-families {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1rem 0;
}

.mail-trust-cohort-family { padding: .75rem; }
.mail-trust-cohort-evidence { color: var(--muted); margin: 0 0 .5rem; }

.mail-trust-cohort-module .state-distribution-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.mail-trust-cohort-module .state-distribution-count {
  justify-self: end;
}

.mail-trust-cohort-module .state-distribution-share {
  grid-column: 1 / -1;
  justify-self: start;
  color: var(--muted);
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  .mail-trust-current-grid,
  .mail-trust-cohort-grid { grid-template-columns: 1fr; }
  .mail-trust-cohort-module .state-distribution-row {
    grid-template-columns: 1fr;
  }

  .mail-trust-cohort-module .state-distribution-count,
  .mail-trust-cohort-module .state-distribution-share {
    grid-column: 1;
    justify-self: start;
  }
}