/* Students pages styles */ .students-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5em; } /* Filter form */ .students-filter { background: white; padding: 1em; border-radius: 8px; margin-bottom: 1.5em; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .students-filter form { display: flex; gap: 1em; flex-wrap: wrap; align-items: flex-end; margin: 0; } .students-filter label { margin-bottom: 0.25em; } .students-filter select { margin-bottom: 0; width: auto; min-width: 150px; } /* Student card */ .student-card { background: white; padding: 1.5em; border-radius: 8px; margin-bottom: 1em; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .student-info { margin: 1em 0; } /* Points section */ .student-points { background: #f8f8f8; padding: 1em; border-radius: 4px; margin: 1.5em 0; text-align: center; } .student-points .points-value { font-size: 2em; font-weight: bold; color: #28a745; } .student-points form { display: flex; gap: 0.5em; justify-content: center; margin-top: 1em; } .student-points input { width: 100px; margin-bottom: 0; } /* Details */ .student-details { margin: 1.5em 0; } .student-details p { margin: 0.5em 0; } /* Sections */ .student-section { margin-top: 2em; } .student-section h2 { margin-bottom: 1em; padding-bottom: 0.5em; border-bottom: 1px solid #eee; } /* Lesson/Activity items */ .student-item { display: flex; justify-content: space-between; align-items: center; padding: 0.75em 0; border-bottom: 1px solid #eee; } .student-item:last-child { border-bottom: none; } .attendance-present { color: #28a745; } .attendance-absent { color: #dc3545; } .points-badge { background: #28a745; color: white; padding: 0.25em 0.5em; border-radius: 4px; font-size: 0.875em; }