/**
 * TeachQuest Component Styles - Helper Utilities Only
 * NOTE: Button styles are in base.css to avoid CSS variable conflicts
 */

/* ============================================================================
   WIZARD HELPER CLASSES
   ============================================================================ */

/* Feature selection title */
.wizard-feature-title {
  margin-bottom: 30px;
  font-family: 'Cinzel', serif;
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

/* Helper text for student classes */
.wizard-helper-text {
  font-size: 12px;
  color: #999;
  margin-top: 10px;
}

/* Form buttons with full width */
.wizard-btn-full {
  width: 100%;
}

/* Download CSV button */
.wizard-csv-btn {
  width: 100%;
  margin-top: 10px;
}

/* Students count header */
.wizard-students-header {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 14px;
}

/* No students placeholder */
.wizard-empty-placeholder {
  text-align: center;
  color: #999;
  padding: 20px;
  font-size: 14px;
}

/* Compact button for teams */
.wizard-btn-compact {
  padding: 10px 15px;
  font-size: 14px;
}

/* Student class badge */
.student-class-badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  color: white;
}

/* Wizard form submit */
.wizard-form-submit {
  width: 100%;
}