.schedule-row > div:nth-child(2) {
  display: grid;
  gap: 3px;
}

@media (max-width: 760px) {
  .selection-totals {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    gap: 10px;
    margin-top: 14px;
  }

  .job-hero:has(.selection-totals) {
    display: block;
  }
}

.selection-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 11px;
  background: #f3f7f5;
  border-radius: 8px;
  font-size: 13px;
}

.selection-file form,
.selection-upload {
  margin: 0 !important;
}

.selection-upload {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 1fr) auto;
  gap: 8px;
}

@media (max-width: 600px) {
  .selection-upload {
    grid-template-columns: 1fr;
  }
}

.demo-runtime-banner {
  align-items: center;
  background: #eaf3ee;
  border: 1px solid #c7d9d0;
  border-radius: 10px;
  color: #294d3e;
  display: flex;
  font-size: 13px;
  gap: 16px;
  justify-content: space-between;
  margin: -12px 0 22px;
  padding: 12px 15px;
}

.demo-runtime-banner a {
  font-weight: 800;
  white-space: nowrap;
}

.variance { display: block; margin-top: 3px; color: #66736d; font-weight: 700; }
.variance.late { color: #a53c3c; }
.variance.ahead { color: #23744f; }