/* R25 — targeted staff fixes. Load after staff-ux.css and design-followup.css.
   Keep the existing workspace layout and compact information density. */

/* The legacy AI disclosure overrides the dark pre background, but left its
   near-white text in place. Set this color pair together. */
.staff-portal .checking-technical-body pre {
  background: #f2f3ef;
  color: #17221e;
}

/* This nested summary contains four facts, not the six of the page summary. */
.staff-portal .checking-ai-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.staff-portal .checking-ai-summary > div {
  border-right: 1px solid var(--line);
  border-bottom: 0;
}
.staff-portal .checking-ai-summary > div:nth-child(even) { border-right: 0; }
.staff-portal .checking-ai-summary > div:nth-child(-n + 2) {
  border-bottom: 1px solid var(--line);
}

/* A row-spanning student header is followed by attendance headers in row two.
   Legacy :first-child also pinned the first attendance header to the left. */
.staff-portal .conduit-table thead tr:nth-child(2) > th:first-child {
  position: static;
  left: auto;
  z-index: auto;
  text-align: center;
}
.staff-portal .conduit-table .conduit-student-column strong {
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: visible;
  text-overflow: clip;
}
.staff-portal .conduit-table .score-link { font-variant-numeric: tabular-nums; }

/* Neutral statuses remain readable at the existing 12px label size. */
.staff-portal :is(.badge-muted, .status-draft) { color: #52605a; }
.staff-portal :is(.badge, .status, .tag) {
  min-width: 0;
  overflow-wrap: anywhere;
}
.staff-portal .status::before { flex: 0 0 6px; }
.staff-portal .group-card-top { flex-wrap: wrap; align-items: flex-start; }
.staff-portal .assigned-group-row { flex-wrap: wrap; }
.staff-portal .assigned-group-row > span { flex-basis: 220px; }

@media (max-width: 720px) {
  .staff-portal .checking-ai-summary { grid-template-columns: minmax(0, 1fr); }
  .staff-portal .checking-ai-summary > div:nth-child(n) {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .staff-portal .checking-ai-summary > div:last-child { border-bottom: 0; }
}