.glass-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.enroll-section .batch-list {
  display: grid;
  gap: 1rem;
}

.batch-card {
  border: 1px solid rgba(94, 99, 120, 0.14);
  border-radius: 14px;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(250, 251, 255, 0.95), rgba(236, 240, 255, 0.95));
}

.batch-card h5 {
  margin: 0 0 0.4rem;
}

.batch-card .badge {
  font-weight: 600;
}

.batch-card .meta {
  font-size: 0.9rem;
  color: rgba(29, 41, 57, 0.7);
}

.batch-card .batch-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.btn-enroll {
  background: linear-gradient(90deg, #00d6ff, #7c4dff);
  border: none;
  color: #031022;
  font-weight: 700;
  padding: 0.85rem 1.25rem;
  border-radius: 12px;
  box-shadow: 0 14px 28px rgba(0, 214, 255, 0.2), 0 10px 22px rgba(124, 77, 255, 0.2);
}

.btn-enroll:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.btn-enroll:disabled {
  opacity: 0.7;
  box-shadow: none;
  transform: none;
}

.btn-outline-accent {
  border: 1px solid rgba(0, 194, 255, 0.7);
  color: #0b6b8b;
  background: rgba(0, 214, 255, 0.08);
  font-weight: 600;
}

.btn-outline-accent:hover {
  background: rgba(0, 214, 255, 0.18);
  color: #001018;
}

.batch-empty {
  padding: 1rem;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px dashed rgba(15, 23, 42, 0.2);
  color: rgba(29, 41, 57, 0.7);
}