.free-time-panel {
  --time-accent: var(--green);
  grid-column: 1 / -1;
  position: static;
}

.free-time-panel.is-short {
  --time-accent: var(--red);
}

.free-time-panel .free-controls-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(150px, .9fr);
  gap: 8px;
  align-items: center;
}

.free-time-panel .free-target-control input {
  width: 74px;
}

.free-time-panel .green-time-body {
  height: 320px;
}

.free-time-panel.is-short .time-panel-title,
.free-time-panel.is-short .time-ratio strong,
.free-time-panel.is-short .distance-control input,
.free-time-panel.is-short .limit-control input,
.free-time-panel.is-short .time-window-toggle {
  color: var(--red);
}

.free-time-panel .free-record-rule {
  min-height: 18px;
  color: var(--muted);
  font-size: 11px;
}

@media (max-width: 700px) {
  .free-time-panel .free-controls-row {
    grid-template-columns: 1fr;
  }
}