/* Settings tab tweaks */
.team-settings .ts-preview {
  display: inline-block;
  border: 1px dashed var(--ink-border-muted, rgba(255,255,255,0.15));
  padding: 8px;
  border-radius: 12px;
  /* background: var(--ink-surface-1, rgba(255,255,255,0.03)); */
  max-width: 100%;
}

.team-settings .ts-preview img {
  display: block;
  max-height: 120px;   /* keep small */
  max-width: 100%;
  object-fit: contain;
  border-radius: 8px;
}

.team-settings .ts-preview--wide img {
  max-height: 120px;   /* banner preview also small */
  width: auto;
  object-fit: cover;
}

/* make sure checkboxes look right inside dark theme */
.team-settings .form-check-input {
  cursor: pointer;
}
.team-settings .form-check-label {
  cursor: pointer;
}

.form-text {
  color: #ffdf0d56;
}