/* A quiet, recognisable place to enter a journey. */
.journey-tabs button{font-weight:500}
.journey-tabs button[aria-selected="true"]{font-weight:600}
.quick-details-heading{margin:22px 0 0;font:600 14px/1.5 var(--sans);letter-spacing:.1px;color:var(--ink)}
#quick-plan,#quick-car-plan{padding-top:15px}
#quick-plan{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(190px,1.15fr)}
#quick-plan>label{min-width:0;padding:0;border:0;gap:6px}
#quick-plan>label>span:first-child,#quick-car-plan label>span:first-child,#quick-plan .quick-road-fields label>span:first-child{font-size:9px;font-weight:600;letter-spacing:1.35px;color:#35473e}
#quick-plan>label input{min-width:0;min-height:48px;border:0;border-bottom:1px solid #b9c0b6;border-radius:0;padding:10px 0;font-size:14px;font-weight:400;line-height:1.5;color:var(--ink)}
#quick-plan>label input::placeholder{color:#69756d;opacity:1}
#quick-plan>label input:focus{border-bottom-color:#536851}
#quick-plan .btn,#quick-car-plan .btn{font-weight:500}
#quick-plan .quick-date-control{position:relative;display:block;min-width:0;width:100%;font:400 14px/1.5 var(--sans);letter-spacing:normal}
#quick-plan .quick-date-control input{position:relative;display:block;width:100%;max-width:100%;height:48px;padding-right:30px;appearance:none;-webkit-appearance:none;color-scheme:light;text-align:left}
#quick-plan .quick-date-control input::-webkit-date-and-time-value{min-height:1.5em;text-align:left}
#quick-plan .quick-date-control input::-webkit-calendar-picker-indicator{position:absolute;right:0;width:24px;height:24px;margin:0;padding:0;opacity:0;cursor:pointer}
.quick-date-placeholder{display:none;position:absolute;left:0;top:50%;transform:translateY(-50%);color:#69756d;pointer-events:none;white-space:nowrap}
.quick-date-icon{position:absolute;right:1px;top:50%;transform:translateY(-50%);width:19px;height:19px;fill:none;stroke:#61715e;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#quick-plan .quick-date-control[data-empty="true"] input:not(:focus){color:transparent}
.quick-date-control[data-empty="true"]:not(:focus-within) .quick-date-placeholder{display:block}
.quick-date-control:focus-within .quick-date-icon{stroke:var(--ink)}
@media(max-width:760px){
  .quick-details-heading{margin-top:21px;font-size:14px}
  #quick-plan{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}
  #quick-plan>label>span:first-child,#quick-car-plan label>span:first-child,#quick-plan .quick-road-fields label>span:first-child{font-size:9px;letter-spacing:1.15px}
  #quick-plan>label input,#quick-plan .quick-date-control{font-size:16px}
  #quick-plan>label input,#quick-plan .quick-date-control input{min-height:52px;height:52px}
  #quick-plan .btn{min-height:52px;font-size:12px;padding:14px 12px}
  .journey-bar .request-note{font-size:10px;line-height:1.7;margin-top:20px}
}
@media(pointer:coarse){
  /* Keep an empty cue when a touch picker closes without a selection. */
  #quick-plan .quick-date-control[data-empty="true"] input:not(:focus-visible){color:transparent}
  .quick-date-control[data-empty="true"]:has(input:not(:focus-visible)) .quick-date-placeholder{display:block}
}