/* ===== Global ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  color: #303133;
  background: #F5F7FA;
}

/* ===== Shared Components ===== */
.text-muted  { color: #C0C4CC; font-size: 12px; }
.text-danger { color: #FF6B6B !important; font-weight: 600; }
.link-btn    { color: #409EFF; font-size: 13px; text-decoration: none; }
.link-btn:hover { text-decoration: underline; }
.count-cell  { min-width: 80px; }

/* Course Info Cell */
.course-info .course-code { font-size: 13px; color: #409EFF; font-weight: 500; }
.course-info .course-name { font-size: 13px; }
.course-info .credits     { color: #909399; font-size: 12px; }

/* Filter Bar */
.filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 16px;
}

/* Row bg colors */
.el-table .el-table__row.selected-row { background: #E8F5E9 !important; }
.el-table .el-table__row.pending-row  { background: #FFF3E0 !important; }

/* Result Dialog */
.result-dialog-body { text-align: center; padding: 20px 0; }
.result-loading p   { margin-top: 16px; color: #606266; }
.result-success p,
.result-fail p      { margin-top: 12px; font-size: 15px; }

/* ===== Responsive ===== */
@media (max-width: 900px) {
  .sidebar      { display: none; }
  .login-card   { width: 90vw; }
  .student-card { width: 90vw; }
}