/* TRIPLOOM V15.1.03 · 24-hour time controls across the website. */
.trip-time24-input{
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.02em;
}
.trip-datetime24{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(92px,.85fr)!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  align-items:center!important;
}
.trip-datetime24>input[type="date"],
.trip-datetime24>.trip-time24-input{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.trip-datetime24>.trip-time24-input{text-align:center}
@media(max-width:520px){
  .trip-datetime24{grid-template-columns:minmax(0,1fr)!important}
}

/* TRIPLOOM V15.1.91 · Task modal datetime: one canonical date + 24h time row.
   Keeps the date readable beside HH:MM and lets narrow phones stack safely. */
html body[data-page="trip"] #task-v27-modal .task-v203-datetime-field .trip-datetime24{
  grid-template-columns:minmax(0,1.25fr) minmax(104px,.75fr)!important;
  gap:8px!important;
  align-items:center!important;
}
html body[data-page="trip"] #task-v27-modal .task-v203-datetime-field .trip-date-entry-v15152,
html body[data-page="trip"] #task-v27-modal .task-v203-datetime-field .trip-time24-input{
  min-width:0!important;
  font-size:12.5px!important;
  font-weight:750!important;
  line-height:1.2!important;
}
html body[data-page="trip"] #task-v27-modal .task-v203-datetime-field .trip-time24-input{
  padding-inline:10px!important;
  text-align:center!important;
}
@media(max-width:520px){
  html body[data-page="trip"] #task-v27-modal .task-v203-datetime-field .trip-datetime24{grid-template-columns:minmax(0,1fr)!important}
}