/* Student Report specific styles */

.topic-row { cursor: pointer; }
.topic-toggle { margin-right: 8px; color: #6B7280; }
.subtopics-row { background: #FCFCFD; }
.subtopic-row td { padding: 0.75rem 1rem; border-top: 1px dashed #E5E7EB; }
.subtopic-name { padding-left: 2rem; }

/* Ensure main table columns align with subtopics table */
.students-table th:nth-child(1),
.students-table td:nth-child(1) { width: 50%; }
.students-table th:nth-child(2),
.students-table td:nth-child(2) { width: 25%; text-align: left; }
.students-table th:nth-child(3),
.students-table td:nth-child(3) { width: 25%; }

/* Fix alignment issues by ensuring consistent padding and text alignment */
.students-table td:nth-child(2) { 
  text-align: left; 
  padding-left: 1rem;
}
.students-table td:nth-child(3) { 
  text-align: left; 
  padding-left: 1rem;
}

.accuracy-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 999px;
  color: #111827;
}
.accuracy-dot { width: 8px; height: 8px; border-radius: 50%; }
.accuracy-dot.excellent { background: #10B981; }
.accuracy-dot.good { background: #F59E0B; }
.accuracy-dot.needsImprovement { background: #EF4444; }
.accuracy-dot.notStarted { background: #9CA3AF; }

.accuracy-chip.excellent { background: rgba(16,185,129,0.15); color:#065F46; }
.accuracy-chip.good { background: rgba(245,158,11,0.15); color:#92400E; }
.accuracy-chip.needsImprovement { background: rgba(239,68,68,0.15); color:#7F1D1D; }
.accuracy-chip.notStarted { background: #F3F4F6; color:#374151; }

.questions-muted { color: #6B7280; font-size: 0.875rem; }

.hidden-row { display: none; }

/* Loading and success indicators */
.loading-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #E5E7EB;
  border-top: 2px solid #2BB673;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.form-input.loading {
  opacity: 0.7;
  pointer-events: none;
  background-color: #F9FAFB;
}

.form-input.success-flash {
  animation: successFlash 1s ease-in-out;
}

@keyframes successFlash {
  0% { 
    background-color: #F0FDF4; 
    border-color: #2BB673;
    box-shadow: 0 0 0 3px rgba(43, 182, 115, 0.1);
  }
  50% { 
    background-color: #ECFDF5; 
    border-color: #10B981;
    box-shadow: 0 0 0 6px rgba(43, 182, 115, 0.15);
  }
  100% { 
    background-color: #FFFFFF; 
    border-color: #D1D5DB;
    box-shadow: none;
  }
}

/* Data updated flash animation for the table */
.data-updated-flash {
  animation: dataUpdatedFlash 1.5s ease-in-out;
}

@keyframes dataUpdatedFlash {
  0% { 
    background-color: #F0FDF4; 
    border-color: #10B981;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.1);
  }
  25% { 
    background-color: #ECFDF5; 
    border-color: #059669;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.15);
  }
  50% { 
    background-color: #F0FDF4; 
    border-color: #10B981;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.1);
  }
  100% { 
    background-color: #FFFFFF; 
    border-color: #E5E7EB;
    box-shadow: none;
  }
}