[hidden] {
  display: none !important;
}

main,
section,
input,
select,
button,
.shift,
.shift-metrics,
.assignment-card,
.scan-row,
.actions {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 380px) {
  header a {
    max-width: 7rem;
    text-align: right;
  }

  .shift-metrics {
    display: grid;
    grid-template-columns: 1fr;
    overflow: visible;
  }
}