/* The date column has its own gutter without taking width from the assignment title. */
.workspace.is-assigned-work { max-width: 1640px; }
.class-work-table .class-work-assigned-col { width: 104px; text-align: center; }
.class-work-date {
  display: inline-grid;
  justify-items: center;
  gap: 3px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.15;
  white-space: nowrap;
}
.class-work-date > strong {
  color: var(--text);
  font-size: 21px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.class-work-date > span:not(.class-work-date-clock) { text-transform: uppercase; letter-spacing: .04em; }
.class-work-date-clock { color: var(--text); font-size: 11px; font-variant-numeric: tabular-nums; }
.class-work-date-zone { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; font-weight: 400; white-space: nowrap; }
.class-work-date-missing { color: var(--muted); }
.class-work-table:has(tr.is-expanded) { container-type: inline-size; }
@container (max-width: 900px) {
  .class-work-table:has(tr.is-expanded) > table,
  .class-work-table:has(tr.is-expanded) > table > tbody { display: block; width: 100%; min-width: 0; }
  .class-work-table:has(tr.is-expanded) > table > thead,
  .class-work-table:has(tr.is-expanded)::after { display: none; }
  .class-work-table:has(tr.is-expanded) > table > tbody > tr {
    display: grid;
    grid-template-columns: 38px 68px minmax(0, 1fr);
    border-bottom: 1px solid var(--line);
  }
  .class-work-table.compact:has(tr.is-expanded) > table > tbody > tr { grid-template-columns: 68px minmax(0, 1fr); }
  .class-work-table:has(tr.is-expanded) > table > tbody > tr > td { width: auto; min-width: 0; border: 0; white-space: normal; }
  .class-work-table:has(tr.is-expanded) .class-work-assigned-col {
    grid-column: 2;
    grid-row: 1 / span 5;
    align-self: start;
    padding-inline: 4px;
  }
  .class-work-table.compact:has(tr.is-expanded) .class-work-assigned-col { grid-column: 1; }
  .class-work-table:has(tr.is-expanded) :is(.class-work-main, .class-work-status, .class-work-progress, .class-work-marking, .class-work-actions) { grid-column: 3; }
  .class-work-table.compact:has(tr.is-expanded) :is(.class-work-main, .class-work-status, .class-work-progress, .class-work-marking, .class-work-actions) { grid-column: 2; }
  .class-work-table:has(tr.is-expanded) .class-work-main { grid-template-columns: minmax(0, 1fr); }
  .class-work-table:has(tr.is-expanded) .class-work-main .linkish { white-space: normal; overflow-wrap: anywhere; }
  .class-work-table:has(tr.is-expanded) .compact-row-actions { flex-wrap: wrap; }
  .class-work-table:has(tr.is-expanded) .assignment-analytics-row > td { grid-column: 1 / -1; }
}