/* Keep the native time picker and its existing change handler. */
#view-home #homeWindTime {
  box-sizing:border-box;
  width:148px;
  min-width:148px;
  max-width:none;
  flex:0 0 auto;
  padding-inline:5px;
  font-size:14px;
  font-variant-numeric:tabular-nums;
}
#view-home #homeWindTime::-webkit-datetime-edit {padding:0}
#view-home #homeWindTime::-webkit-calendar-picker-indicator {
  flex-shrink:0;
  margin:0;
  padding:0;
  width:16px;
}
@media(max-width:800px) {
  #view-home .home-weekly {
    grid-template-rows:32px 30px 11px minmax(0,1fr) 15px!important;
  }
  #view-home .week-title {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto 28px;
    gap:5px;
    height:32px!important;
    min-height:32px!important;
    padding:0;
  }
  #view-home .week-title h2 {
    min-width:0;
    font-size:14px;
    line-height:1.15;
    white-space:normal;
  }
  #view-home .wind-time {
    margin:0;
    gap:4px;
    font-size:11px;
    white-space:nowrap;
  }
  #view-home #homeWindTime {height:32px;min-height:32px}
  #view-home #retryTides {width:28px;min-width:28px;height:32px}
}
@media(max-width:360px) {
  #view-home .week-title h2 {font-size:12px}
  #view-home .wind-time {font-size:10px}
}