/* ============================================================
   RosterDive DS — Page: Org Settings — Club Logo
   Styles for the logo upload subpage.
   Uses only Design Tokens (css/tokens.css).
   ============================================================ */

/* ── Master Card — variante Logo (non navigabile) ── */
.master-card--logo {
  cursor: default;
}

.master-card--logo:hover {
  transform: none;
}

/* ── Logo Upload Widget ── */
.logo-upload-widget {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  margin-top: var(--space-4);
}

.logo-upload-preview {
  max-width: 120px;
  max-height: 80px;
  object-fit: contain;
  border-radius: var(--radius-medium);
  border: 1px solid var(--color-border);
}

.logo-upload-input {
  font-size: var(--font-body-medium);
  color: var(--color-text-primary);
}

/* ── Empty state (no logo uploaded) — trims the DS .empty-state to fit the card ── */
.logo-upload-empty {
  width: 100%;
  min-height: auto;
  padding: var(--space-5) var(--space-3);
}

/* ── Upload Status ── */
.upload-status {
  font-size: var(--font-body-medium);
  color: var(--color-text-secondary);
}

.upload-status--success { color: var(--color-success); }
.upload-status--error   { color: var(--color-error); }