/* ============================================================
   RosterDive DS — Page: Org Settings (hub)
   Styles for the /org_settings navigation hub.
   The section styles moved to their dedicated subpages:
     - courses → pages/org_settings_courses/org_settings_courses.css
     - logo    → pages/org_settings_logo/org_settings_logo.css
     - editor  → ds/components/template_editor.css
   Uses only Design Tokens (css/tokens.css).
   ============================================================ */

/* ── Statistiche Email Summary (hub card) ── */
.stats-summary {
  margin-top: var(--space-3);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-content: center;
}

.stats-summary-empty {
  color: var(--color-text-secondary);
  font-size: var(--font-body-medium);
}

.stats-summary-item {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--font-body-medium);
  color: var(--color-text-secondary);
}

.stats-summary-icon {
  font-size: var(--font-body-medium);
}

.stats-summary-icon--info    { color: var(--color-info); }
.stats-summary-icon--success { color: var(--color-success); }
.stats-summary-icon--error   { color: var(--color-error); }
.stats-summary-icon--warning { color: var(--color-warning); }

/* ── Club flags (diving center / public members) ── */
.org-flags {
  margin-top: var(--space-3);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.org-flags .button--primary {
  align-self: flex-start;
}

/* ── Club gear visibility (issue #81) ── */
.org-flags__gear {
  margin-bottom: 0;
}

.org-flags__gear-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: var(--space-1) var(--space-3);
  margin-top: var(--space-1);
}