/*
 * Quick Trip P1 · Photo #1 approved aesthetic, QA only.
 * CSS-ONLY. No changes to origin/destination state, routing, fare,
 * public driver availability, pickup ETA, GPS, booking, or timing.
 * Keep native nodes visible and event handlers intact.
 */
body.qt-clean.qt-clean-active #view-viaje .qtc-app {
  --qt-p1-gold:#f2d5a0;
  --qt-p1-mint:#78dec0;
  --qt-p1-surface:#103a3f;
  --qt-p1-border:rgba(167,212,191,.25);
  --qt-p1-outline:rgba(241,207,146,.49);
  background:radial-gradient(ellipse at 100% 0,rgba(39,117,112,.18),transparent 45%),
             linear-gradient(180deg,#0b343b,#07282f)!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-header {
  padding:10px 17px 10px!important;
  background:linear-gradient(120deg,#123d43,#0b333a)!important;
  box-shadow:0 7px 16px rgba(0,16,22,.12);
}
body.qt-clean.qt-clean-active #view-viaje .qtc-header-copy {
  gap:7px!important;align-items:center!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-header-copy h1 {
  font-size:15px!important;font-weight:820!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-content {
  gap:8px!important;max-width:610px!important;
  padding:11px 13px calc(160px + env(safe-area-inset-bottom,0px))!important;
}
/* One visual journey group; two carefully contained stops, never
   duplicate fields, remove buttons, or relocate native pickers. */
body.qt-clean.qt-clean-active #view-viaje .qtc-places #booking-step-route {
  gap:0!important;isolation:isolate;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-places #origin-picker,
body.qt-clean.qt-clean-active #view-viaje .qtc-places #destination-picker {
  position:relative!important;isolation:isolate;
  min-height:73px!important;
  margin:0!important;
  padding:9px 9px 10px 50px!important;
  background:linear-gradient(110deg,rgba(22,70,74,.96),rgba(13,53,61,.98))!important;
  border:1px solid var(--qt-p1-border)!important;
  box-shadow:inset 0 1px 0 rgba(207,247,230,.04)!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-places #origin-picker {
  border-radius:17px 17px 0 0!important;
  border-bottom-color:rgba(144,194,174,.16)!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-places #destination-picker {
  border-radius:0 0 17px 17px!important;
  border-top-color:rgba(144,194,174,.16)!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-places #origin-picker:before,
body.qt-clean.qt-clean-active #view-viaje .qtc-places #destination-picker:before {
  /* Pin silhouette: rounded oval tapering to one point. */
  box-sizing:border-box!important;
  content:""!important;position:absolute!important;
  top:15px!important;left:12px!important;z-index:3!important;
  width:29px!important;height:29px!important;
  border:0!important;border-radius:55% 55% 55% 0!important;
  transform:rotate(-45deg)!important;
  background:radial-gradient(circle at 50% 50%,#10343d 0 4px,
    #45ce9e 4.8px 100%)!important;
  box-shadow:0 2px 9px rgba(0,12,22,.34)!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-places #destination-picker:before {
  background:radial-gradient(circle at 50% 50%,#10343d 0 4px,
    #f1807d 4.8px 100%)!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-places #origin-picker:after {
  content:""!important;position:absolute!important;
  top:49px!important;left:25px!important;bottom:-19px!important;
  width:2px!important;z-index:4!important;pointer-events:none;
  background:repeating-linear-gradient(to bottom,#d9bd84 0 5px,transparent 5px 10px)!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-places .location-title {
  font-size:10px!important;letter-spacing:.09em!important;
  margin:0 0 2px!important;line-height:1.12!important;
  color:#bed8cf!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-places .location-selected-label {
  font-size:13px!important;line-height:1.28!important;
  letter-spacing:.001em;font-weight:760!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-places .location-selected-hint {
  display:block!important;margin:3px 0 0!important;
  font-size:10px!important;line-height:1.24!important;color:#b9cec6!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-places .location-edit {
  min-height:38px!important;min-width:45px!important;
  padding:6px 2px!important;font-weight:740!important;
  text-decoration-thickness:1px;text-underline-offset:3px;
}
/* Source-owned location deviation prompt: preserve BOTH original choices. */
body.qt-clean.qt-clean-active #view-viaje .pickup-origin-drift-notice:not([hidden]) {
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"title title" "message buttons";
  column-gap:9px;row-gap:3px;
  margin:7px 0!important;padding:9px 11px!important;
  border:1px solid var(--qt-p1-outline)!important;
  border-radius:14px!important;background:#173c40!important;
  box-shadow:inset 0 1px rgba(255,238,191,.04);
}
body.qt-clean.qt-clean-active #view-viaje .pickup-origin-drift-notice strong {
  grid-area:title;font-size:12px!important;line-height:1.3!important;color:#f4d8a0;
}
body.qt-clean.qt-clean-active #view-viaje .pickup-origin-drift-notice p {
  grid-area:message;margin:0!important;font-size:10px!important;
  line-height:1.35!important;color:#d5e3da!important;
}
body.qt-clean.qt-clean-active #view-viaje .pickup-origin-drift-actions {
  grid-area:buttons;display:flex!important;align-items:center!important;
  flex-wrap:wrap!important;justify-content:flex-end!important;gap:5px!important;
}
body.qt-clean.qt-clean-active #view-viaje .pickup-origin-drift-actions button {
  min-height:40px!important;border-radius:10px!important;
  padding:7px 9px!important;font-size:10px!important;
}
/* The original availability/ETA card is a unified important block. */
body.qt-clean.qt-clean-active #view-viaje .qtc-driver {
  margin:1px 0 0!important;padding:12px 12px 11px!important;
  border:1px solid rgba(174,225,203,.51)!important;
  border-radius:19px!important;
  background:linear-gradient(160deg,rgba(24,74,74,.96),#10343c 85%)!important;
  box-shadow:0 9px 22px rgba(0,17,20,.21),inset 0 1px rgba(232,255,247,.08)!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-section-name {
  gap:10px!important;margin:0 0 6px!important;
  padding:0 0 9px!important;
  border-bottom:1px solid rgba(165,202,189,.18)!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-section-name .qtc-live-dot {
  display:grid!important;place-items:center!important;
  width:39px!important;height:39px!important;flex:0 0 39px!important;
  border-radius:50%!important;
  background:#092f34!important;border:1px solid rgba(90,213,159,.55)!important;
  box-shadow:inset 0 0 0 4px rgba(41,112,102,.2)!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-section-name .qtc-live-dot:after {
  content:"🚘";font-size:21px;line-height:1;filter:saturate(.8);
}
body.qt-clean.qt-clean-active #view-viaje .qtc-section-name strong {
  font-size:17px!important;font-weight:780!important;color:#f4f4e9!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-section-name small {
  font-size:9px!important;color:#c5d7d0!important;max-width:118px!important;
  line-height:1.25!important;text-align:right!important;
}
body.qt-clean.qt-clean-active #view-viaje #pickup-presence:not([hidden]) {
  display:block!important;
  background:rgba(5,39,45,.38)!important;border-radius:13px!important;
  padding:8px 10px!important;
}
body.qt-clean.qt-clean-active #view-viaje #pickup-presence[hidden] {
  display:none!important
}
body.qt-clean.qt-clean-active #view-viaje .pickup-card-heading strong {
  font-size:13px!important;font-weight:780!important;line-height:1.32!important;
}
body.qt-clean.qt-clean-active #view-viaje .pickup-card-heading p {
  margin:3px 0 0!important;font-size:10px!important;line-height:1.4!important;
}
body.qt-clean.qt-clean-active #view-viaje .pickup-presence-metrics:not([hidden]) {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;margin-top:8px!important;
}
body.qt-clean.qt-clean-active #view-viaje .pickup-presence-metric {
  border:1px solid rgba(105,183,158,.23)!important;
  background:#092e35!important;border-radius:11px!important;
  padding:9px 9px 7px!important;gap:3px!important;
}
body.qt-clean.qt-clean-active #view-viaje .pickup-metric-label {
  font-size:9px!important;letter-spacing:.02em;
}
body.qt-clean.qt-clean-active #view-viaje .pickup-presence-metric strong {
  font-size:19px!important;line-height:1.24!important;
  color:#f1d49c!important;font-variant-numeric:tabular-nums;
}
/* Three secondary native controls, not new data collection forms. */
body.qt-clean.qt-clean-active #view-viaje .qtc-schedule,
body.qt-clean.qt-clean-active #view-viaje .qtc-contact,
body.qt-clean.qt-clean-active #view-viaje .premium-route-stops {
  border:1px solid rgba(159,203,183,.24)!important;
  border-radius:14px!important;background:#10383e!important;
  box-shadow:inset 0 1px rgba(232,255,247,.025)!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-schedule>summary,
body.qt-clean.qt-clean-active #view-viaje .qtc-contact>summary {
  min-height:49px!important;padding:9px 12px!important;gap:10px!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-time-icon {
  font-size:24px!important;min-width:28px!important;text-align:center;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-contact>summary>span:first-child{
  font-size:24px!important;min-width:28px!important;text-align:center;
  color:#eed19a!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-schedule .qtc-time-copy strong,
body.qt-clean.qt-clean-active #view-viaje .qtc-contact>summary strong {
  font-size:13px!important;letter-spacing:.005em;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-contact>summary small {
  margin-left:auto!important;text-align:right!important;
  line-height:1.25!important;font-size:10px!important;
}
/* Clear financial closure with deliberate dark-gold outline. */
body.qt-clean.qt-clean-active #view-viaje .qtc-submit-region {
  border:1px solid rgba(239,204,139,.74)!important;
  border-radius:19px!important;background:linear-gradient(150deg,#123f43,#0b3037)!important;
  padding:12px!important;box-shadow:0 9px 26px rgba(0,11,18,.19)!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-summary-title {
  padding:0 0 7px!important;margin:0 0 4px!important;
  border-bottom:1px solid rgba(213,199,162,.17);
}
body.qt-clean.qt-clean-active #view-viaje .qtc-summary-title span{
  font-size:16px!important;letter-spacing:.005em;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-summary-title small{
  font-size:10px!important;letter-spacing:.025em;
}
body.qt-clean.qt-clean-active #view-viaje #urgent-route-recap .request-recap-metrics {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;align-items:stretch!important;
}
body.qt-clean.qt-clean-active #view-viaje #urgent-route-recap .request-recap-metrics>span {
  min-width:0!important;padding:9px 7px!important;
  border:1px solid rgba(147,188,165,.19)!important;
  border-radius:11px!important;background:#082d34!important;
}
body.qt-clean.qt-clean-active #view-viaje #urgent-route-recap .request-recap-metrics>span:last-child {
  grid-column:1/-1;grid-row:1;
  display:flex!important;flex-direction:row!important;
  justify-content:space-between!important;align-items:center!important;
  padding:10px 12px!important;background:#092f35!important;
}
body.qt-clean.qt-clean-active #view-viaje #urgent-route-recap .request-recap-metrics>span:last-child strong {
  font-size:25px!important;line-height:1.15!important;color:#f5d69e!important;
}
body.qt-clean.qt-clean-active #view-viaje #urgent-route-recap .request-recap-metrics>span:nth-child(1),
body.qt-clean.qt-clean-active #view-viaje #urgent-route-recap .request-recap-metrics>span:nth-child(2) {
  grid-row:2!important;
}
body.qt-clean.qt-clean-active #view-viaje #urgent-route-recap .request-recap-metrics strong {
  font-variant-numeric:tabular-nums;font-size:17px!important;
}
/* Original action, not a clone. Reserve scrolling space to prevent card
   occlusion beneath its fixed visual position. */
body.qt-clean.qt-clean-active #view-viaje #urgent-send {
  min-height:56px!important;border-radius:18px!important;
  width:min(calc(100vw - 28px),580px)!important;
  box-shadow:0 10px 28px rgba(0,16,20,.35)!important;
  font-size:16px!important;letter-spacing:.01em!important;
}
body.qt-clean.qt-clean-active #view-viaje #urgent-send .booking-cta-label {
  font-size:16px!important;font-weight:850!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-bottom-nav {
  background:#082b32fa!important;border-top-color:rgba(236,208,157,.31)!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-bottom-nav button{
  border-radius:13px!important
}
@media(max-width:420px) {
  body.qt-clean.qt-clean-active #view-viaje .qtc-content {
    padding-left:11px!important;padding-right:11px!important;
  }
  body.qt-clean.qt-clean-active #view-viaje .pickup-origin-drift-notice:not([hidden]){
    grid-template-columns:1fr!important;
    grid-template-areas:"title" "message" "buttons"!important;
  }
  body.qt-clean.qt-clean-active #view-viaje .pickup-origin-drift-actions{
    justify-content:flex-start!important;
  }
  body.qt-clean.qt-clean-active #view-viaje .qtc-section-name small{max-width:96px!important}
}
@media(prefers-reduced-motion:reduce){
  body.qt-clean.qt-clean-active #view-viaje *{scroll-behavior:auto!important}
}

/* P1.1: No duplicative freshness/confirmation paragraphs in the passenger
   card. The original accessible live status, truthful phase, error subtitle,
   GPS pickup kilometers/minutes and retry control remain untouched. */
body.qt-clean.qt-clean-active #view-viaje .qtc-driver #pickup-presence-meta,
body.qt-clean.qt-clean-active #view-viaje .qtc-driver #pickup-estimate-note {
  display:none!important;
}
body.qt-clean.qt-clean-active #view-viaje .qtc-driver .pickup-card-heading p {
  margin:4px 0 0!important;
}