/* https://developer.mozilla.org/en-US/docs/Web/CSS/columns#try_it */
.slit-report-data-container {
  columns: 3 auto;
}

.slit-report-data-row {
  align-items: center;
  border-bottom: 1px solid var(--black);
  border-left: 1px solid var(--black);
  border-right: 1px solid var(--black);
  display: flex;
  gap: 1rem;
  padding: .5rem;
}

.slit-report-data-header {
  border: 1px solid var(--black);
  font-weight: bold;
}

.slit-report-col-dose { width: 3rem; }

.dose-skipped {
  color: var(--red);
  margin-left: 3rem;
}

.slit-timer-container {
  text-align: center;
  color: var(--brand-main-lt);
  border: .125em solid var(--brand-main);
  border-radius: var(--bootstrap-card-border-radius);
  background-color: #033f46; /* darken(brand-main, 20%) */
}

.slit-timer-container a {
  color: var(--brand-main-lt);
}

.slit-timer-clock {
  font-size: 5rem;
  margin-top: 0;
  line-height: normal;
}

.slit-timer-dismiss {
  float: right;
}

.slit-timer-dismiss:hover {
  color: #056773; /* darken(brand-main, 10%) */
  cursor: pointer;
}

/* MEDIA QUERIES */
@media (max-width: 576px) {
  .slit-report-data-container {
    columns: auto;
  }

  .slit-report-data-header:nth-of-type(2),
  .slit-report-data-header:nth-of-type(3) {
    display: none;
  }
}

@media print {
  .slit-report-col-dose {
    width: 1rem;
  }
  .dose-skipped {
    color: inherit;
    border: 1px solid black;
    padding: 0 2px;
  }
}