.student-assignment-under-report .student-assignment-card-wrap {
  display: grid; grid-template-columns: minmax(0, 1fr) 78px; gap: 7px; align-items: stretch;
}
.student-assignment-under-report .student-assignment-card-wrap:not(.has-complete-action) { grid-template-columns: minmax(0, 1fr); }
.student-assignment-under-report .student-assignment-card { width: 100%; min-width: 0; height: 100%; }
.student-assignment-under-report .student-assignment-complete-action {
  border: 1px solid #c18c18; border-radius: 10px; background: #f3c54a; color: #271d0b;
  font: inherit; font-size: 13px; font-weight: 800; line-height: 1.35;
  padding: 8px 6px; text-align: center; cursor: pointer;
}
.student-assignment-under-report .student-assignment-complete-action.is-submitted {
  background: #27805f; border-color: #1c674d; color: #fff; opacity: 1; cursor: default;
}
.student-assignment-under-report .student-assignment-complete-action:focus-visible {
  outline: 3px solid #234f8f; outline-offset: 2px;
}
@media (max-width: 340px) {
  .student-assignment-under-report .student-assignment-card-wrap { grid-template-columns: minmax(0, 1fr) 70px; gap: 5px; }
  .student-assignment-under-report .student-assignment-complete-action { font-size: 12px; }
  .student-assignment-under-report .student-assignment-card {
    grid-template-columns: minmax(0, 1fr) 18px; grid-template-rows: auto auto auto auto;
    padding: 9px 8px; gap: 3px 4px;
  }
  .student-assignment-under-report .student-assignment-card > div { grid-column: 1 / -1; grid-row: 1; }
  .student-assignment-under-report .student-assignment-card > span { grid-column: 1; grid-row: 2; justify-self: start; }
  .student-assignment-under-report .student-assignment-card > p { grid-column: 1 / -1; grid-row: 3; }
  .student-assignment-under-report .student-assignment-card > em { grid-column: 1 / -1; grid-row: 4; }
  .student-assignment-under-report .student-assignment-card > svg { grid-column: 2; grid-row: 2; }
}