/* Parent / Teacher Dashboard */
.parent-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-6); flex-wrap: wrap; gap: var(--space-3); }
.student-selector { display: flex; gap: var(--space-2); }
.student-tab { padding: var(--space-2) var(--space-4); border-radius: var(--radius-full); font-size: var(--text-sm); font-weight: var(--weight-medium); color: var(--text-secondary); border: 1px solid var(--border-color); cursor: pointer; transition: all var(--transition-fast); }
.student-tab.active { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }

.report-card { background: var(--bg-surface); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: var(--space-6); margin-bottom: var(--space-6); }
.report-card__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-5); }
.report-card__title { font-size: var(--text-lg); font-weight: var(--weight-semibold); }
.report-card__period { font-size: var(--text-sm); color: var(--text-tertiary); }

.study-chart { width: 100%; height: 200px; background: var(--bg-surface-secondary); border-radius: var(--radius-md); display: flex; align-items: flex-end; gap: var(--space-2); padding: var(--space-4); }
.study-chart__bar { flex: 1; background: linear-gradient(to top, var(--color-primary), var(--color-primary-light)); border-radius: var(--radius-sm) var(--radius-sm) 0 0; min-height: 8px; transition: height 0.6s ease; position: relative; }
.study-chart__bar:hover { opacity: 0.8; }

.alert-item { display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-4); border-radius: var(--radius-md); margin-bottom: var(--space-3); }
.alert-item--warning { background: var(--color-warning-bg); border: 1px solid rgba(245,158,11,0.2); }
.alert-item--danger { background: var(--color-danger-bg); border: 1px solid rgba(239,68,68,0.2); }
.alert-item--success { background: var(--color-accent-bg); border: 1px solid rgba(16,185,129,0.2); }
.alert-item__icon { font-size: 1.25rem; flex-shrink: 0; margin-top: 2px; }
.alert-item__content { flex: 1; }
.alert-item__title { font-size: var(--text-sm); font-weight: var(--weight-semibold); margin-bottom: 2px; }
.alert-item__desc { font-size: var(--text-xs); color: var(--text-secondary); }