.par-actions { display: inline-flex; gap: 10px; }

.par-stats { grid-template-columns: repeat(4, 1fr); }
.par-stats .student-stat:nth-child(4) strong { color: #d64545; }

.par-table th, .par-table td { white-space: nowrap; vertical-align: top; }
.par-table th.num, .par-table td.num { text-align: right; }
.par-table td.wrap { white-space: normal; min-width: 220px; }
.par-table td small { display: block; color: var(--muted); }
.par-table td.due { color: #d64545; font-weight: 700; }
.par-table td.clear { color: var(--success); font-weight: 700; }

.par-name { display: flex; align-items: center; gap: 12px; }
.par-avatar {
    flex: none;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--primary-soft);
    color: var(--primary-dark);
    font-weight: 700;
    font-size: 0.8rem;
}

.par-child { display: block; padding: 1px 0; }
.par-child a { color: var(--primary); text-decoration: none; }
.par-child a:hover { text-decoration: underline; }
.par-child small { display: inline; margin-left: 6px; }

.par-row-actions { display: inline-flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.par-row-actions a,
.par-row-actions button {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--primary);
    cursor: pointer;
    text-decoration: none;
}
.par-row-actions a:hover,
.par-row-actions button:hover { text-decoration: underline; }
.par-muted { color: var(--muted); font-size: 0.85rem; }

@media (max-width: 800px) {
    .par-stats { grid-template-columns: repeat(2, 1fr); }
}