.form-error {
  border: 1px solid #fecaca;
  border-left: 4px solid #ef4444;
  border-radius: 12px;
  background: #fff7f7;
  color: #b91c1c;
  padding: 11px 12px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.55;
}

.form-progress {
  border: 1px solid #bfdbfe;
  border-left: 4px solid #2563eb;
  border-radius: 12px;
  background: #eff6ff;
  color: #1d4ed8;
  padding: 11px 12px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.5;
}

#schoolForm button[type="submit"]:disabled {
  cursor: wait;
  opacity: .78;
}

#schoolForm input[name="schoolCode"] {
  text-transform: uppercase;
  letter-spacing: .045em;
  font-weight: 850;
}

.school-capacity,
.school-slot-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #e8e7ef;
  background: #f5f3ff;
  padding: 11px 18px;
  color: #5b21b6;
  font-size: 10px;
}

.school-capacity b,
.school-slot-info b,
.school-slot-info span {
  display: block;
}

.school-slot-info {
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
  margin: 12px 0;
  border: 1px solid #ddd6fe;
  border-radius: 12px;
  padding: 10px 12px;
  line-height: 1.5;
}

.school-slot-info.available {
  border-color: #a7f3d0;
  background: #ecfdf5;
  color: #047857;
}

.school-slot-info.full {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #9a3412;
}

@media (max-width: 760px) {
  .school-capacity { align-items: flex-start; flex-direction: column; gap: 3px; padding: 10px 14px; }
}