/* assets/css/student_eval.css */
:root {
  --sm-card-radius: 14px;
}

body {
  background: #0b1220;
  color: #e7edf7;
}

a { color: #8bd3ff; }

.sm-wrap {
  max-width: 980px;
}

.sm-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: var(--sm-card-radius);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

.sm-muted { color: rgba(231,237,247,0.75); }

.form-control, .form-select {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  color: #e7edf7;
}

.form-control:focus, .form-select:focus {
  border-color: rgba(139,211,255,0.7);
  box-shadow: 0 0 0 .2rem rgba(139,211,255,0.15);
  background: rgba(255,255,255,0.10);
  color: #e7edf7;
}

.form-text { color: rgba(231,237,247,0.65); }

.badge {
  border-radius: 999px;
  padding: 0.45rem 0.7rem;
}

pre.sm-json {
  background: rgba(0,0,0,0.35);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 12px;
  padding: 12px;
  color: #d8e7ff;
  overflow: auto;
}

.sm-kpi {
  font-size: 0.95rem;
}

.sm-table td, .sm-table th {
  vertical-align: top;
  border-color: rgba(255,255,255,0.12) !important;
}