.card-lab .pt-time-trend {
  min-width: 0;
  max-width: 100%;
  margin: 1.4rem 0;
  padding: 1rem 0;
  border-top: 1px solid #46536c;
  overflow-wrap: anywhere;
}
.pt-time-trend summary {
  min-height: 44px;
  box-sizing: border-box;
  padding: .65rem 0;
  cursor: pointer;
}
.pt-time-trend-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, auto) minmax(0, auto);
  gap: .8rem;
  align-items: end;
  max-width: 1100px;
  min-width: 0;
  margin-block: .8rem;
}
.pt-time-trend-controls label {
  min-width: 0;
  overflow-wrap: anywhere;
}
.card-lab .pt-time-trend :is(input[type=date], select, .cl-button) {
  min-height: 44px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.card-lab .pt-time-trend .pt-time-trend-rate {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 44px;
  gap: .5rem;
}
.pt-time-trend-output,
.pt-time-trend-status {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.pt-time-trend-status[data-state=error] {
  color: #ffb7bb;
}
.pt-time-trend .pt-time-trend-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: auto;
  overscroll-behavior-inline: contain;
}
.pt-time-trend .pt-time-trend-table {
  min-width: 1100px;
  table-layout: fixed;
}
.pt-time-trend-table :is(th, td, caption) {
  vertical-align: top;
  overflow-wrap: anywhere;
  white-space: pre-line;
}
.pt-time-trend-table caption {
  text-align: left;
  padding-block: .5rem;
}
.pt-time-trend-table :is(th, td):nth-child(2),
.pt-time-trend-table :is(th, td):last-child {
  width: 18%;
}
.pt-time-trend-pager {
  flex-wrap: wrap;
  min-width: 0;
}
.card-lab .pt-time-trend .pt-time-trend-pager .cl-button {
  min-width: 44px;
  min-height: 44px;
}
.pt-time-trend :is(summary, input, select, button, .pt-time-trend-scroll):focus-visible {
  outline: 3px solid #ffd778;
  outline-offset: 3px;
}
@media (max-width: 700px) {
  .pt-time-trend-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 420px) {
  .pt-time-trend-controls {
    grid-template-columns: minmax(0, 1fr);
  }
  .pt-time-trend-controls .cl-button {
    width: 100%;
  }
}