/*
Theme Name: QuickAt
Theme URI: https://www.quickat.co.za/
Author: QuickAt
Author URI: https://www.quickat.co.za/
Description: QuickAt e-hailing theme (includes rider/driver dashboards, wallets, promo codes, bookings, reviews, Google Maps).
Version: 1.0.3
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: quick-pick-up
*/

:root{
  --qpu-primary:#2EB2FF;
  --qpu-secondary:#455A64;
  --qpu-bg:#0b0f13;
  --qpu-card:#121821;
  --qpu-text:#e7eef5;
  --qpu-muted:#a8b6c2;
  --qpu-success:#25D366;
  --qpu-danger:#ff4d4d;
  --qpu-border: rgba(231,238,245,.12);
  --qpu-radius:16px;
  --qpu-shadow: 0 12px 30px rgba(0,0,0,.35);

/* Themeable surfaces */
--qpu-body-bg: radial-gradient(1200px 800px at 20% 10%, rgba(46,178,255,.18), transparent 50%),
              radial-gradient(1000px 700px at 80% 30%, rgba(69,90,100,.22), transparent 55%),
              var(--qpu-bg);
--qpu-card-bg: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
--qpu-header-bg: rgba(11,15,19,.75);
--qpu-menu-bg: rgba(10,14,18,.95);
--qpu-control-bg: rgba(0,0,0,.25);
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,sans-serif;
  color:var(--qpu-text);
  background: var(--qpu-body-bg);
}
a{color:var(--qpu-primary);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}

.qpu-container{max-width:1100px;margin:0 auto;padding:24px}
.qpu-card{
  background: var(--qpu-card-bg);
  border:1px solid var(--qpu-border);
  border-radius:var(--qpu-radius);
  box-shadow:var(--qpu-shadow);
  padding:18px;
}
.qpu-grid{display:grid;gap:16px}
@media(min-width:900px){ .qpu-grid-2{grid-template-columns:1fr 1fr} .qpu-grid-3{grid-template-columns:1fr 1fr 1fr} }

.qpu-btn{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(46,178,255,.35);
  background:linear-gradient(180deg, rgba(46,178,255,.22), rgba(46,178,255,.10));
  color:var(--qpu-text);
  padding:10px 14px;border-radius:12px;
  cursor:pointer;
}
.qpu-btn:hover{filter:brightness(1.06)}
.qpu-btn.secondary{
  border-color: rgba(69,90,100,.45);
  background:linear-gradient(180deg, rgba(69,90,100,.28), rgba(69,90,100,.12));
}
.qpu-btn.danger{
  border-color: rgba(255,77,77,.35);
  background:linear-gradient(180deg, rgba(255,77,77,.22), rgba(255,77,77,.10));
}
.qpu-pill{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--qpu-border);color:var(--qpu-muted)}
.qpu-input, .qpu-select, .qpu-textarea{
  width:100%;padding:10px 12px;border-radius:12px;
  border:1px solid var(--qpu-border);
  background:var(--qpu-control-bg);
  color:var(--qpu-text);
}
.qpu-textarea{min-height:110px}
.qpu-label{display:block;margin:10px 0 6px;color:var(--qpu-muted);font-size:13px}
.qpu-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.qpu-row > *{flex:1}
.qpu-note{color:var(--qpu-muted);font-size:13px;line-height:1.4}

/* Calculator tabs */
.qpu-tabs-row{flex-wrap:wrap}
.qpu-tabs-row > .qpu-tab-btn{flex:0}
.qpu-tab-btn{border-radius:999px;padding:10px 16px}
.qpu-tab-btn.is-active{
  border-color: rgba(46,178,255,.75);
  background:linear-gradient(180deg, rgba(46,178,255,.35), rgba(46,178,255,.18));
}
.qpu-calc-panel{display:none}
.qpu-calc-panel.is-active{display:block}
/* Ride option list */
.qpu-service-grid{display:grid;gap:12px}
@media(min-width:900px){ .qpu-service-grid{grid-template-columns:repeat(3, 1fr)} }
.qpu-service-card{cursor:pointer; text-align:left; padding:14px; border:1px solid var(--qpu-border); background: var(--qpu-card-bg);} 
.qpu-service-card:hover{filter:brightness(1.04)}
.qpu-service-card.is-active{border-color: rgba(46,178,255,.75); box-shadow:0 0 0 2px rgba(46,178,255,.14);}
.qpu-service-price{font-size:20px;font-weight:800;white-space:nowrap}


.qpu-header{
  position:sticky;top:0;z-index:40;
  background: var(--qpu-header-bg);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--qpu-border);
}
.qpu-header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1100px;margin:0 auto}
.qpu-brand{display:flex;align-items:center;gap:10px}
.qpu-brand img{width:42px;height:42px;border-radius:10px;border:1px solid var(--qpu-border);background:var(--qpu-control-bg);padding:4px}
.qpu-brand-title{font-weight:800;letter-spacing:.2px}
.qpu-nav{display:flex;gap:12px;align-items:center}
.qpu-nav a{color:var(--qpu-text)}
.qpu-nav a:hover{text-decoration:none;opacity:.9}

.qpu-dd{position:relative}
.qpu-dd > button{all:unset;cursor:pointer;color:var(--qpu-text);padding:8px 10px;border-radius:10px;border:1px solid var(--qpu-border);background:var(--qpu-control-bg)}
.qpu-dd-menu{
  display:none;position:absolute;right:0;top:calc(100% + 8px);
  min-width:220px;padding:10px;border-radius:14px;
  border:1px solid var(--qpu-border);
  background: var(--qpu-menu-bg);
  box-shadow: var(--qpu-shadow);
}
.qpu-dd.open .qpu-dd-menu{display:block}
.qpu-dd-menu a{display:block;padding:10px 10px;border-radius:10px;color:var(--qpu-text)}
.qpu-dd-menu a:hover{background:rgba(46,178,255,.12)}
.qpu-footer{border-top:1px solid var(--qpu-border);margin-top:32px;padding:24px 0;color:var(--qpu-muted)}
.qpu-hero{padding:40px 0}
.qpu-hero h1{font-size:42px;line-height:1.05;margin:0 0 14px}
.qpu-hero p{margin:0;color:var(--qpu-muted);max-width:720px}
.qpu-kpi{font-size:28px;font-weight:800}
.qpu-map{width:100%;height:340px;border-radius:14px;border:1px solid var(--qpu-border);overflow:hidden}
.qpu-badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--qpu-border);color:var(--qpu-muted)}


/* Request a Ride nearest driver */
#qpu_nearest_list .qpu-card{ border-left:4px solid var(--qpu-primary); }



/* Request a Ride redesign */
.qpu-ride-shell{
  max-width:1180px;
  margin:0 auto;
  padding:12px 0 32px;
}
.qpu-ride-shell-flat{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:12px 0 32px;
}
.qpu-ride-title-wrap{
  margin:0 0 24px;
}
.qpu-ride-title-block{
  padding:28px;
  border-radius:28px;
  border:1px solid var(--qpu-border);
  background:
    radial-gradient(circle at top right, rgba(46,178,255,.18), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow:var(--qpu-shadow);
}
.qpu-ride-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(46,178,255,.12);
  border:1px solid rgba(46,178,255,.22);
  color:var(--qpu-primary);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.qpu-ride-title-row{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-end;
  margin-top:18px;
}
.qpu-ride-title-copy{
  max-width:720px;
}
.qpu-ride-title{
  margin:0;
  color:var(--qpu-text);
  font-size:42px;
  line-height:1.05;
  font-weight:800;
}
.qpu-ride-subtitle{
  margin:12px 0 0;
  color:var(--qpu-muted);
  font-size:16px;
  line-height:1.6;
}
.qpu-ride-hero-chips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.qpu-ride-chip{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--qpu-border);
  background:rgba(255,255,255,.04);
  color:var(--qpu-text);
  font-size:13px;
  white-space:nowrap;
}
.qpu-ride-form{
  margin:0;
}
.qpu-ride-layout{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr);
  gap:24px;
  align-items:start;
}
.qpu-ride-panel{
  border:1px solid var(--qpu-border);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:var(--qpu-shadow);
  padding:24px;
}
.qpu-ride-panel-side{
  position:sticky;
  top:92px;
}
.qpu-ride-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.qpu-ride-section-head h2,
.qpu-ride-section-head h3{
  margin:0;
  color:var(--qpu-text);
  font-size:22px;
  line-height:1.15;
}
.qpu-ride-section-head p{
  margin:8px 0 0;
  color:var(--qpu-muted);
  font-size:14px;
  line-height:1.55;
}
.qpu-ride-section-head-spaced{
  margin-top:26px;
}
.qpu-ride-section-head-tight{
  margin-bottom:14px;
}
.qpu-ride-route-card{
  border:1px solid var(--qpu-border);
  border-radius:22px;
  background:rgba(255,255,255,.03);
  padding:18px;
}
.qpu-ride-stop{
  display:grid;
  gap:10px;
}
.qpu-ride-route-divider{
  position:relative;
  height:30px;
  margin-left:15px;
}
.qpu-ride-route-divider::before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  bottom:2px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(46,178,255,.55), rgba(46,178,255,.12));
}
.qpu-ride-stop-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.qpu-ride-stop-badge::before{
  content:"";
  width:12px;
  height:12px;
  border-radius:50%;
  border:3px solid currentColor;
}
.qpu-ride-stop-badge-start{color:#6ee7b7;}
.qpu-ride-stop-badge-end{color:#fbbf24;}
.qpu-ride-grid{
  display:grid;
  gap:16px;
}
.qpu-ride-grid-2{
  grid-template-columns:repeat(2, minmax(0,1fr));
  margin-top:16px;
}
.qpu-ride-grid-side{
  grid-template-columns:1fr;
}
.qpu-ride-field{
  display:grid;
  gap:8px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--qpu-border);
  background:rgba(255,255,255,.03);
}
.qpu-ride-field-label{
  color:var(--qpu-muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.qpu-ride-input,
.qpu-ride-select,
.qpu-ride-datetime,
.qpu-ride-mini-input{
  width:100%;
  min-height:30px;
  padding:0;
  border:none;
  outline:none;
  background:transparent;
  color:var(--qpu-text);
  font-size:16px;
  line-height:1.5;
  box-shadow:none;
}
.qpu-ride-input::placeholder,
.qpu-ride-mini-input::placeholder,
.qpu-ride-datetime:invalid{
  color:rgba(231,238,245,.46);
  opacity:1;
}
.qpu-ride-select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:26px;
  background-image:linear-gradient(45deg, transparent 50%, rgba(231,238,245,.72) 50%), linear-gradient(135deg, rgba(231,238,245,.72) 50%, transparent 50%);
  background-position:calc(100% - 14px) calc(50% - 2px), calc(100% - 8px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}
.qpu-ride-input:focus,
.qpu-ride-select:focus,
.qpu-ride-datetime:focus,
.qpu-ride-mini-input:focus{
  color:#fff;
}
.qpu-ride-text-btn{
  appearance:none;
  border:none;
  background:transparent;
  color:var(--qpu-primary);
  font-size:14px;
  font-weight:700;
  padding:0;
  cursor:pointer;
  justify-self:start;
}
.qpu-ride-text-btn:hover,
.qpu-ride-text-btn:focus{
  text-decoration:underline;
}
.qpu-ride-service-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}
.qpu-ride-service-card{
  appearance:none;
  width:100%;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  padding:16px;
  text-align:left;
  cursor:pointer;
  border-radius:20px;
  border:1px solid var(--qpu-border);
  background:rgba(255,255,255,.03);
  color:var(--qpu-text);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.qpu-ride-service-card:hover,
.qpu-ride-service-card:focus{
  transform:translateY(-1px);
  border-color:rgba(46,178,255,.45);
  background:rgba(46,178,255,.08);
}
.qpu-ride-service-card.is-active{
  border-color:rgba(46,178,255,.78);
  background:linear-gradient(180deg, rgba(46,178,255,.16), rgba(46,178,255,.08));
  box-shadow:0 0 0 1px rgba(46,178,255,.15);
}
.qpu-ride-service-icon{
  width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:rgba(46,178,255,.12);
  color:var(--qpu-primary);
  font-size:16px;
  font-weight:800;
}
.qpu-ride-service-copy{
  display:grid;
  gap:4px;
  min-width:0;
}
.qpu-ride-service-copy strong{
  font-size:16px;
  line-height:1.2;
}
.qpu-ride-service-copy small{
  color:var(--qpu-muted);
  font-size:13px;
  line-height:1.4;
}
.qpu-ride-service-price{
  color:var(--qpu-text);
  font-size:18px;
  font-weight:800;
  white-space:nowrap;
}
.qpu-ride-visually-hidden{
  position:absolute !important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}
.qpu-ride-toggle-stack{
  display:grid;
  gap:12px;
  margin-top:16px;
}
.qpu-ride-checkcard{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:flex-start;
  padding:16px;
  border-radius:18px;
  border:1px solid var(--qpu-border);
  background:rgba(255,255,255,.03);
  cursor:pointer;
}
.qpu-ride-checkcard input{
  width:20px;
  height:20px;
  margin:2px 0 0;
  accent-color:var(--qpu-primary);
}
.qpu-ride-checkcard span{
  display:grid;
  gap:4px;
}
.qpu-ride-checkcard strong{
  color:var(--qpu-text);
  font-size:15px;
  line-height:1.3;
}
.qpu-ride-checkcard small{
  color:var(--qpu-muted);
  font-size:13px;
  line-height:1.5;
}
.qpu-ride-saved-note{
  margin-top:12px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(46,178,255,.08);
  border:1px solid rgba(46,178,255,.14);
}
.qpu-ride-summary-card{
  margin-top:18px;
  padding:20px;
  border-radius:22px;
  border:1px solid rgba(46,178,255,.2);
  background:linear-gradient(180deg, rgba(46,178,255,.12), rgba(46,178,255,.04));
}
.qpu-ride-summary-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.qpu-ride-summary-label{
  color:var(--qpu-muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.qpu-ride-fare-amount{
  color:#fff;
  font-size:34px;
  line-height:1.05;
  font-weight:800;
  white-space:nowrap;
  margin-top:6px;
}
.qpu-ride-refresh-btn{
  width:40px;
  height:40px;
  padding:0;
  border:1px solid rgba(46,178,255,.25);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  color:var(--qpu-text);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.qpu-ride-refresh-btn:hover,
.qpu-ride-refresh-btn:focus{
  background:rgba(46,178,255,.14);
  color:#fff;
}
.qpu-ride-refresh-btn svg{
  width:22px;
  height:22px;
}
.qpu-ride-fare-breakdown{
  margin:12px 0 0;
  color:var(--qpu-muted);
  font-size:12px;
  line-height:1.6;
}
.qpu-ride-selected-driver{
  margin-top:14px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  color:var(--qpu-text);
}
.qpu-ride-action-row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
.qpu-ride-find-btn,
.qpu-ride-book-btn{
  width:100%;
  min-width:0;
  min-height:48px;
  border:none;
  color:#fff !important;
  font-size:15px;
  font-weight:800;
  border-radius:16px;
  background:linear-gradient(135deg, #1e7fd8, #2eb2ff);
  box-shadow:none;
}
.qpu-ride-book-btn{
  background:linear-gradient(135deg, #0f172a, #1e7fd8);
}
.qpu-ride-drivers-list{
  min-height:160px;
  margin-top:12px;
}
.qpu-ride-driver-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.qpu-ride-driver-item{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px;
  border-radius:18px;
  border:1px solid var(--qpu-border);
  background:rgba(255,255,255,.03);
}
.qpu-ride-driver-avatar{
  width:52px;
  height:52px;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 28%, #eef6fb 0 14%, transparent 15%),
    linear-gradient(180deg, #bfe4f7 0 56%, #ffffff 56% 58%, #82a500 58% 100%);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);
}
.qpu-ride-driver-copy{
  min-width:0;
}
.qpu-ride-driver-name{
  color:var(--qpu-text);
  font-size:16px;
  font-weight:800;
  line-height:1.2;
}
.qpu-ride-driver-meta{
  color:var(--qpu-muted);
  font-size:13px;
  line-height:1.45;
  margin-top:2px;
}
.qpu-ride-driver-action{
  justify-self:end;
}
.qpu-ride-driver-select{
  white-space:nowrap;
}
.qpu-ride-empty{
  padding:16px;
  border:1px dashed var(--qpu-border);
  border-radius:18px;
  color:var(--qpu-muted);
  font-size:14px;
  line-height:1.6;
}
.qpu-ride-shell .qpu-btn.secondary{
  background:rgba(255,255,255,.08);
  color:var(--qpu-text);
  border:1px solid rgba(255,255,255,.12);
}
@media (max-width: 1080px){
  .qpu-ride-layout{
    grid-template-columns:1fr;
  }
  .qpu-ride-panel-side{
    position:static;
    top:auto;
  }
}
@media (max-width: 720px){
  .qpu-ride-title-block,
  .qpu-ride-panel{
    padding:20px;
  }
  .qpu-ride-title-row{
    flex-direction:column;
    align-items:flex-start;
  }
  .qpu-ride-title{
    font-size:34px;
  }
  .qpu-ride-grid-2,
  .qpu-ride-service-grid,
  .qpu-ride-action-row{
    grid-template-columns:1fr;
  }
  .qpu-ride-driver-item{
    grid-template-columns:1fr;
  }
  .qpu-ride-driver-action{
    justify-self:start;
  }
}
@media (max-width: 520px){
  .qpu-ride-shell{
    padding:4px 0 24px;
  }
  .qpu-ride-title{
    font-size:30px;
  }
  .qpu-ride-chip{
    width:100%;
    justify-content:center;
  }
}


/* Ride page in My Trips style */
.qpu-ride-mytrips-template{
  max-width:860px;
  margin:0 auto;
  background:transparent;
  border:0;
  box-shadow:none;
  padding:10px 0 40px;
}
.qpu-ride-mytrips-page{
  max-width:760px;
  margin:0 auto;
}
.qpu-ride-mytrips-template .qpu-ride-shell,
.qpu-ride-mytrips-template .qpu-ride-shell-flat{
  max-width:760px;
  margin:0 auto;
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}
.qpu-ride-mytrips-template .qpu-ride-title-wrap{
  margin:6px 0 28px;
}
.qpu-ride-mytrips-template .qpu-ride-title-block{
  max-width:640px;
  margin:0 auto;
  padding:18px 28px;
  border-radius:18px;
  border:0;
  text-align:center;
  color:#fff;
  background:linear-gradient(90deg,#76868d 0%, #16b8ec 100%);
  box-shadow:10px 10px 0 rgba(0,0,0,.20), 18px 18px 0 rgba(0,0,0,.08);
}
.qpu-ride-mytrips-template .qpu-ride-kicker,
.qpu-ride-mytrips-template .qpu-ride-hero-chips{
  display:none;
}
.qpu-ride-mytrips-template .qpu-ride-title-row{
  display:block;
  margin-top:0;
}
.qpu-ride-mytrips-template .qpu-ride-title-copy{
  max-width:none;
}
.qpu-ride-mytrips-template .qpu-ride-title{
  margin:0;
  color:#fff;
  font-size:34px;
  line-height:1.1;
  font-weight:500;
}
.qpu-ride-mytrips-template .qpu-ride-subtitle{
  max-width:520px;
  margin:10px auto 0;
  color:rgba(255,255,255,.92);
  font-size:15px;
  line-height:1.5;
}
.qpu-ride-mytrips-template .qpu-card,
.qpu-ride-mytrips-template .qpu-ride-panel,
.qpu-ride-mytrips-template .qpu-ride-summary-card,
.qpu-ride-mytrips-template .qpu-ride-driver-item,
.qpu-ride-mytrips-template .qpu-ride-empty,
.qpu-ride-mytrips-template .qpu-ride-checkcard,
.qpu-ride-mytrips-template .qpu-ride-service-card,
.qpu-ride-mytrips-template .qpu-ride-field,
.qpu-ride-mytrips-template .qpu-ride-selected-driver{
  box-shadow:none;
}
.qpu-ride-mytrips-template .qpu-ride-layout{
  grid-template-columns:1fr;
  gap:24px;
}
.qpu-ride-mytrips-template .qpu-ride-panel{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.qpu-ride-mytrips-template .qpu-ride-panel-side{
  position:static;
  top:auto;
}
.qpu-ride-mytrips-template .qpu-ride-section-head{
  justify-content:center;
  text-align:center;
  margin:0 0 24px;
}
.qpu-ride-mytrips-template .qpu-ride-section-head h2,
.qpu-ride-mytrips-template .qpu-ride-section-head h3{
  margin:0;
  color:#4f4f4f;
  font-size:24px;
  line-height:1.2;
}
.qpu-ride-mytrips-template .qpu-ride-section-head p{
  margin:6px 0 0;
  color:#6a6a6a;
  font-size:14px;
  line-height:1.55;
}
.qpu-ride-mytrips-template .qpu-ride-route-card{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.qpu-ride-mytrips-template .qpu-ride-stop{
  gap:12px;
}
.qpu-ride-mytrips-template .qpu-ride-stop + .qpu-ride-stop{
  padding-top:18px;
  border-top:1px solid #d9d9d9;
}
.qpu-ride-mytrips-template .qpu-ride-route-divider{
  display:none;
}
.qpu-ride-mytrips-template .qpu-ride-stop-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:5px 12px;
  border-radius:999px;
  border:1px solid rgba(22,184,236,.25);
  color:#555;
  background:rgba(255,255,255,.78);
  font-size:12px;
  font-weight:700;
  letter-spacing:0;
  text-transform:capitalize;
}
.qpu-ride-mytrips-template .qpu-ride-stop-badge::before{
  width:8px;
  height:8px;
  border-width:2px;
}
.qpu-ride-mytrips-template .qpu-ride-grid,
.qpu-ride-mytrips-template .qpu-ride-toggle-stack{
  gap:14px;
}
.qpu-ride-mytrips-template .qpu-ride-grid-2,
.qpu-ride-mytrips-template .qpu-ride-grid-side,
.qpu-ride-mytrips-template .qpu-ride-service-grid{
  grid-template-columns:1fr;
}
.qpu-ride-mytrips-template .qpu-ride-grid-2{
  margin-top:14px;
}
.qpu-ride-mytrips-template .qpu-ride-field,
.qpu-ride-mytrips-template .qpu-ride-checkcard{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.qpu-ride-mytrips-template .qpu-ride-field-label{
  font-size:17px;
  font-weight:700;
  color:#4f4f4f;
  letter-spacing:0;
  text-transform:none;
}
.qpu-ride-mytrips-template .qpu-ride-input,
.qpu-ride-mytrips-template .qpu-ride-select,
.qpu-ride-mytrips-template .qpu-ride-datetime,
.qpu-ride-mytrips-template .qpu-ride-mini-input{
  width:100%;
  min-height:58px;
  padding:0 18px;
  border-radius:18px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb;
  font-size:17px;
  font-weight:700;
  box-sizing:border-box;
  display:block;
}
.qpu-ride-mytrips-template .qpu-ride-checkcard span,
.qpu-ride-mytrips-template .qpu-ride-summary-card,
.qpu-ride-mytrips-template .qpu-ride-empty,
.qpu-ride-mytrips-template .qpu-ride-selected-driver,
.qpu-ride-mytrips-template .qpu-ride-saved-note,
.qpu-ride-mytrips-template .qpu-card,
.qpu-ride-mytrips-template .qpu-ride-driver-item{
  width:100%;
  min-height:58px;
  padding:0 18px;
  border-radius:18px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb;
  font-size:17px;
  font-weight:700;
  box-sizing:border-box;
}
.qpu-ride-mytrips-template .qpu-card{
  min-height:0;
  display:block;
  padding:18px;
}
.qpu-ride-mytrips-template .qpu-ride-checkcard{
  display:block;
}
.qpu-ride-mytrips-template .qpu-ride-checkcard input{
  margin:0 10px 0 0;
}
.qpu-ride-mytrips-template .qpu-ride-checkcard span{
  min-height:58px;
  display:grid;
  align-items:center;
  gap:4px;
}
.qpu-ride-mytrips-template .qpu-ride-checkcard strong,
.qpu-ride-mytrips-template .qpu-ride-driver-name,
.qpu-ride-mytrips-template .qpu-ride-summary-label{
  color:#4f4f4f;
}
.qpu-ride-mytrips-template .qpu-ride-checkcard small,
.qpu-ride-mytrips-template .qpu-ride-driver-meta,
.qpu-ride-mytrips-template .qpu-note,
.qpu-ride-mytrips-template .qpu-ride-section-head-tight p,
.qpu-ride-mytrips-template .qpu-ride-empty,
.qpu-ride-mytrips-template .qpu-ride-fare-breakdown,
.qpu-ride-mytrips-template .qpu-ride-saved-note{
  color:#5f6a72;
  font-size:13px;
  line-height:1.55;
}
.qpu-ride-mytrips-template .qpu-ride-saved-note,
.qpu-ride-mytrips-template .qpu-ride-empty,
.qpu-ride-mytrips-template .qpu-ride-selected-driver,
.qpu-ride-mytrips-template .qpu-ride-summary-card,
.qpu-ride-mytrips-template .qpu-ride-driver-item{
  min-height:0;
  align-items:stretch;
  padding:14px 18px;
}
.qpu-ride-mytrips-template .qpu-ride-summary-card,
.qpu-ride-mytrips-template .qpu-ride-driver-item,
.qpu-ride-mytrips-template .qpu-ride-selected-driver,
.qpu-ride-mytrips-template .qpu-ride-saved-note,
.qpu-ride-mytrips-template .qpu-ride-empty{
  display:block;
}
.qpu-ride-mytrips-template .qpu-ride-input::placeholder,
.qpu-ride-mytrips-template .qpu-ride-mini-input::placeholder,
.qpu-ride-mytrips-template .qpu-ride-datetime:invalid{
  color:#94c6df;
  opacity:1;
}
.qpu-ride-mytrips-template .qpu-ride-select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:48px;
  background-image:
    linear-gradient(45deg, transparent 50%, #24a8eb 50%),
    linear-gradient(135deg, #24a8eb 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 12px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}
.qpu-ride-mytrips-template .qpu-ride-input:focus,
.qpu-ride-mytrips-template .qpu-ride-select:focus,
.qpu-ride-mytrips-template .qpu-ride-datetime:focus,
.qpu-ride-mytrips-template .qpu-ride-mini-input:focus{
  color:#24a8eb;
}
.qpu-ride-mytrips-template .qpu-ride-text-btn{
  color:#24a8eb;
  font-size:14px;
  font-weight:700;
}
.qpu-ride-mytrips-template .qpu-ride-service-card{
  grid-template-columns:auto 1fr auto;
  gap:14px;
  padding:14px 18px;
  border-radius:18px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb;
  transform:none;
}
.qpu-ride-mytrips-template .qpu-ride-service-card:hover,
.qpu-ride-mytrips-template .qpu-ride-service-card:focus,
.qpu-ride-mytrips-template .qpu-ride-service-card.is-active{
  background:#eef9ff;
  border-color:#16b8ec;
  border-left-color:#6f7d83;
  box-shadow:none;
  transform:none;
}
.qpu-ride-mytrips-template .qpu-ride-service-icon{
  background:rgba(22,184,236,.12);
  color:#24a8eb;
}
.qpu-ride-mytrips-template .qpu-ride-service-copy strong,
.qpu-ride-mytrips-template .qpu-ride-service-price,
.qpu-ride-mytrips-template .qpu-ride-fare-amount{
  color:#24a8eb;
}
.qpu-ride-mytrips-template .qpu-ride-service-copy small{
  color:#5f6a72;
}
.qpu-ride-mytrips-template .qpu-ride-summary-top{
  align-items:center;
}
.qpu-ride-mytrips-template .qpu-ride-summary-label{
  font-size:17px;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}
.qpu-ride-mytrips-template .qpu-ride-fare-amount{
  font-size:30px;
  line-height:1;
  margin-top:8px;
}
.qpu-ride-mytrips-template .qpu-ride-refresh-btn{
  width:50px;
  height:50px;
  border-radius:16px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb;
}
.qpu-ride-mytrips-template .qpu-ride-refresh-btn:hover,
.qpu-ride-mytrips-template .qpu-ride-refresh-btn:focus{
  background:#f5fcff;
  color:#24a8eb;
}
.qpu-ride-mytrips-template .qpu-ride-action-row{
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
.qpu-ride-mytrips-template .qpu-btn,
.qpu-ride-mytrips-template .qpu-btn.secondary,
.qpu-ride-mytrips-template .qpu-ride-find-btn,
.qpu-ride-mytrips-template .qpu-ride-book-btn,
.qpu-ride-mytrips-template .qpu-ride-driver-select{
  min-height:50px;
  border-radius:16px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb !important;
  box-shadow:none;
}
.qpu-ride-mytrips-template .qpu-btn:hover,
.qpu-ride-mytrips-template .qpu-btn.secondary:hover,
.qpu-ride-mytrips-template .qpu-ride-find-btn:hover,
.qpu-ride-mytrips-template .qpu-ride-book-btn:hover,
.qpu-ride-mytrips-template .qpu-ride-driver-select:hover{
  background:#f5fcff;
}
.qpu-ride-mytrips-template .qpu-ride-drivers-list{
  min-height:0;
  margin-top:12px;
}
.qpu-ride-mytrips-template .qpu-ride-driver-item{
  grid-template-columns:56px minmax(0,1fr) auto;
  gap:14px;
}
.qpu-ride-mytrips-template .qpu-place-popup{
  z-index:6;
}
@media (max-width: 700px){
  .qpu-ride-mytrips-template{
    padding-left:12px;
    padding-right:12px;
  }
  .qpu-ride-mytrips-template .qpu-ride-title-block{
    margin-left:0;
    margin-right:0;
  }
  .qpu-ride-mytrips-template .qpu-ride-title{
    font-size:26px;
  }
  .qpu-ride-mytrips-template .qpu-ride-action-row,
  .qpu-ride-mytrips-template .qpu-ride-driver-item{
    grid-template-columns:1fr;
  }
}

/* Auth shortcode alerts */
.qpu-alert{padding:10px 12px;border-radius:14px;margin:12px 0;font-size:14px;}
.qpu-alert-error{background:rgba(220,53,69,.12);border:1px solid rgba(220,53,69,.35);}
.qpu-alert-success{background:rgba(40,167,69,.12);border:1px solid rgba(40,167,69,.35);}

.qpu-btn.install{padding:8px 12px;border-radius:999px;font-size:14px;}


/* Light theme */
:root[data-theme="light"]{
  --qpu-primary:#157ec6;
  --qpu-secondary:#2b3a42;
  --qpu-bg:#f6f8fb;
  --qpu-card:#ffffff;
  --qpu-text:#0b0f13;
  --qpu-muted:#52616b;
  --qpu-border: rgba(11,15,19,.12);
  --qpu-shadow: 0 12px 30px rgba(0,0,0,.10);

  --qpu-body-bg: radial-gradient(1200px 800px at 20% 10%, rgba(46,178,255,.12), transparent 55%),
                radial-gradient(1000px 700px at 80% 30%, rgba(69,90,100,.14), transparent 60%),
                var(--qpu-bg);
  --qpu-card-bg: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.86));
  --qpu-header-bg: rgba(255,255,255,.82);
  --qpu-menu-bg: rgba(255,255,255,.96);
  --qpu-control-bg: rgba(255,255,255,.86);
}

:root[data-theme="light"] .qpu-dd-menu a:hover{ background: rgba(21,126,198,.10); }
:root[data-theme="light"] .qpu-btn{ color: var(--qpu-text); }


/* Driver daily face verification */
.qpu-face-card{
  border:1px solid var(--qpu-border);
}
.qpu-face-preview{
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px dashed var(--qpu-border);
  border-radius:14px;
  padding:12px;
  background:rgba(255,255,255,.02);
  overflow:hidden;
}
.qpu-face-preview video,
.qpu-face-preview img{
  width:100%;
  max-width:260px;
  border-radius:14px;
  border:1px solid var(--qpu-border);
  height:auto;
  object-fit:cover;
}


/* Driver passkeys / biometric login */
.qpu-passkey-card,
.qpu-passkey-login-card{
  border:1px solid var(--qpu-border);
}
.qpu-passkey-list{
  display:grid;
  gap:10px;
}
.qpu-passkey-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid var(--qpu-border);
  border-radius:14px;
  background:rgba(255,255,255,.02);
}
@media (max-width: 640px){
  .qpu-passkey-item{
    flex-direction:column;
    align-items:flex-start;
  }
}



/* Legal pages + footer */
.qpu-legal-card{max-width:1100px;margin:0 auto;}
.qpu-legal-title{margin-top:0;margin-bottom:14px;}
.qpu-legal-content h3{margin-top:18px;margin-bottom:8px;}
.qpu-legal-content p,.qpu-legal-content li{line-height:1.7;}
.qpu-footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:0;}
.qpu-footer-links{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px 24px;max-width:760px;width:100%;}
.qpu-footer-links a{display:block;line-height:1.45;}
@media (max-width: 900px){
  .qpu-footer-inner{flex-direction:column;align-items:flex-start;}
  .qpu-footer-links{grid-template-columns:repeat(2,minmax(160px,1fr));max-width:none;}
}
@media (max-width: 560px){
  .qpu-footer-links{grid-template-columns:1fr;}
}

/* Driver previous trips redesign */
.qpu-card.qpu-previous-trips-shell{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
}
.qpu-prev-page{
  max-width:720px;
  margin:0 auto;
  color:#4b4b4b;
}
.qpu-prev-hero{
  display:flex;
  justify-content:center;
  margin:8px 0 36px;
}
.qpu-prev-hero-title{
  min-width:460px;
  max-width:100%;
  text-align:center;
  padding:22px 34px;
  color:#fff;
  font-size:34px;
  font-weight:300;
  letter-spacing:.02em;
  border-radius:18px;
  background:linear-gradient(90deg, #72838a 0%, #14b8ec 100%);
  box-shadow:12px 12px 0 rgba(0,0,0,.18), 20px 20px 0 rgba(0,0,0,.08);
}
.qpu-prev-toolbar{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:start;
  gap:28px;
  margin-bottom:24px;
}
.qpu-prev-filter-wrap{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  padding-top:12px;
}
.qpu-prev-filter-form{
  margin:0;
}
.qpu-prev-filter-label{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}
.qpu-prev-filter-control{
  position:relative;
  display:inline-flex;
  align-items:center;
  padding-right:36px;
  min-width:160px;
  border-radius:2px;
  background:linear-gradient(90deg, #6f8088 0%, #14b8ec 100%);
  box-shadow:0 1px 0 rgba(0,0,0,.12);
}
.qpu-prev-filter-control::after{
  content:'';
  position:absolute;
  right:14px;
  top:50%;
  width:8px;
  height:8px;
  margin-top:-6px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(45deg);
  pointer-events:none;
}
.qpu-prev-filter-select{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  border:none;
  background:transparent;
  color:#fff;
  font-size:18px;
  line-height:1.2;
  padding:14px 40px 14px 18px;
  cursor:pointer;
}
.qpu-prev-filter-select:focus{
  outline:none;
}
.qpu-prev-calendar-wrap{
  display:flex;
  justify-content:flex-end;
}
.qpu-prev-calendar{
  width:190px;
  background:#f7f0ed;
  border:2px solid #2d2d2d;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 2px 0 rgba(0,0,0,.12);
}
.qpu-prev-calendar-header{
  display:grid;
  grid-template-columns:60px 1fr;
  align-items:center;
  border-bottom:1px solid #8d8d8d;
}
.qpu-prev-calendar-year{
  background:#1eaef5;
  color:#0b0f13;
  font-weight:700;
  text-align:center;
  padding:10px 4px;
  font-size:14px;
}
.qpu-prev-calendar-month{
  background:#fff;
  color:#111;
  font-weight:700;
  text-align:center;
  padding:10px 4px;
  font-size:14px;
}
.qpu-prev-calendar-weekdays,
.qpu-prev-calendar-grid{
  display:grid;
  grid-template-columns:repeat(7, 1fr);
}
.qpu-prev-calendar-weekdays span{
  font-size:9px;
  text-align:center;
  padding:4px 0;
  color:#167fc1;
  border-bottom:1px solid #c5c5c5;
  background:#f9f7f6;
}
.qpu-prev-calendar-grid span{
  min-height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  color:#1f1f1f;
  border-right:1px solid #ddd1cc;
  border-bottom:1px solid #ddd1cc;
}
.qpu-prev-calendar-grid span:nth-child(7n){
  border-right:none;
}
.qpu-prev-calendar-grid .is-empty{
  background:#f7f0ed;
}
.qpu-prev-calendar-grid .has-trip{
  background:#1eaef5;
  color:#fff;
}
.qpu-prev-history{
  border-top:1px solid #d4d4d4;
  padding-top:12px;
}
.qpu-prev-history-title{
  text-align:center;
  color:#555;
  font-size:18px;
  font-weight:700;
  margin:0 0 14px;
}
.qpu-prev-item{
  border-bottom:1px solid #d4d4d4;
  margin:0 0 18px;
}
.qpu-prev-item summary{
  list-style:none;
  display:grid;
  grid-template-columns:16px 88px 1fr;
  align-items:center;
  gap:12px;
  cursor:pointer;
  padding:10px 0 14px;
}
.qpu-prev-item summary::-webkit-details-marker{
  display:none;
}
.qpu-prev-item-toggle{
  width:14px;
  height:14px;
  border-radius:2px;
  background:#1eaef5;
  position:relative;
}
.qpu-prev-item-toggle::before{
  content:'';
  position:absolute;
  left:4px;
  top:3px;
  width:4px;
  height:4px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(45deg);
}
.qpu-prev-item[open] .qpu-prev-item-toggle::before{
  top:5px;
  transform:rotate(-135deg);
}
.qpu-prev-item-summary-label,
.qpu-prev-item-label{
  color:#585858;
  font-weight:700;
}
.qpu-prev-item-summary-value,
.qpu-prev-item-value{
  color:#1eaef5;
  font-weight:700;
}
.qpu-prev-item-body{
  padding-left:28px;
  margin-bottom:10px;
}
.qpu-prev-item-row{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:0;
  padding:9px 0;
  border-top:1px solid #d9d9d9;
}
.qpu-prev-item-row:first-child{
  border-top:1px solid #d9d9d9;
}
.qpu-prev-empty{
  padding:18px 0;
  color:#666;
  text-align:center;
}
@media (max-width: 720px){
  .qpu-prev-hero-title{
    min-width:0;
    width:100%;
    font-size:28px;
    padding:18px 24px;
  }
  .qpu-prev-toolbar{
    grid-template-columns:1fr;
  }
  .qpu-prev-calendar-wrap{
    justify-content:flex-start;
  }
  .qpu-prev-item-body{
    padding-left:0;
  }
  .qpu-prev-item-row{
    grid-template-columns:1fr;
    gap:6px;
  }
}


/* Settings accordion / safety / accessibility redesign */
.qpu-settings-accordion{
  display:grid;
  gap:14px;
}
.qpu-settings-panel{
  border:1px solid var(--qpu-border);
  border-radius:22px;
  background:var(--qpu-surface);
  box-shadow:0 12px 26px rgba(0,0,0,.08);
  overflow:hidden;
}
.qpu-settings-panel summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  padding:18px 22px;
}
.qpu-settings-panel summary::-webkit-details-marker{
  display:none;
}
.qpu-settings-panel summary::after{
  content:'▾';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:999px;
  background:rgba(30,174,245,.12);
  color:var(--qpu-primary);
  font-size:18px;
  font-weight:700;
  transition:transform .2s ease, background .2s ease;
}
.qpu-settings-panel[open] summary::after{
  transform:rotate(180deg);
  background:rgba(30,174,245,.18);
}
.qpu-settings-summary-title,
.qpu-settings-summary-copy{
  display:block;
}
.qpu-settings-summary-title{
  font-size:20px;
  font-weight:800;
}
.qpu-settings-summary-copy{
  margin-top:4px;
  color:var(--qpu-muted);
  font-size:14px;
  line-height:1.5;
}
.qpu-settings-panel-body{
  padding:0 22px 22px;
  border-top:1px solid rgba(0,0,0,.06);
}
.qpu-choice-grid{
  display:grid;
  gap:12px;
}
.qpu-choice-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.qpu-select-card,
.qpu-check-card,
.qpu-settings-contact-card,
.qpu-settings-child-card{
  border:1px solid var(--qpu-border);
  border-radius:18px;
  background:rgba(255,255,255,.58);
}
html[data-theme="dark"] .qpu-select-card,
html[data-theme="dark"] .qpu-check-card,
html[data-theme="dark"] .qpu-settings-contact-card,
html[data-theme="dark"] .qpu-settings-child-card{
  background:rgba(255,255,255,.04);
}
.qpu-select-card,
.qpu-check-card{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
}
.qpu-select-card input,
.qpu-check-card input{
  margin-top:4px;
  flex:0 0 auto;
}
.qpu-select-card strong,
.qpu-check-card strong,
.qpu-settings-contact-title{
  display:block;
  font-size:15px;
  font-weight:800;
}
.qpu-select-card small,
.qpu-check-card small{
  display:block;
  margin-top:4px;
  color:var(--qpu-muted);
  line-height:1.45;
}
.qpu-settings-contact-grid,
.qpu-settings-child-list{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.qpu-settings-contact-card,
.qpu-settings-child-card{
  padding:16px;
}
.qpu-settings-contact-title{
  margin-bottom:10px;
}
.qpu-trip-requirements{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--qpu-border);
  background:rgba(30,174,245,.08);
}
.qpu-trip-requirements-title{
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--qpu-muted);
}
.qpu-trip-requirements-tags,
.qpu-ride-driver-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.qpu-trip-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(30,174,245,.2);
  background:#fff;
  color:#1f2f3a;
  font-size:13px;
  font-weight:700;
}
html[data-theme="dark"] .qpu-trip-tag{
  background:rgba(255,255,255,.06);
  color:#fff;
}
.qpu-trip-tag-strong{
  border-color:rgba(18,102,135,.35);
  background:linear-gradient(135deg, rgba(30,174,245,.22), rgba(26,123,170,.18));
}
.qpu-trip-pin-card{
  margin-top:12px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(18,102,135,.28);
  background:linear-gradient(135deg, rgba(30,174,245,.18), rgba(255,255,255,.94));
}
.qpu-trip-pin-label{
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--qpu-muted);
}
.qpu-trip-pin-value{
  margin-top:8px;
  font-size:30px;
  line-height:1;
  font-weight:900;
  letter-spacing:.18em;
  color:#126687;
}
.qpu-trip-pin-note{
  margin-top:8px;
  font-size:13px;
  color:var(--qpu-muted);
}
html[data-theme="dark"] .qpu-trip-pin-card{
  background:linear-gradient(135deg, rgba(30,174,245,.18), rgba(255,255,255,.04));
}
html[data-theme="dark"] .qpu-trip-pin-value{
  color:#7fd8ff;
}
@media (max-width: 720px){
  .qpu-choice-grid-2,
  .qpu-settings-contact-grid,
  .qpu-settings-child-list{
    grid-template-columns:1fr;
  }
  .qpu-settings-panel summary,
  .qpu-settings-panel-body{
    padding-left:16px;
    padding-right:16px;
  }
}

/* Settings page visual match to supplied mockup */
.qpu-settings-page{
  margin:-24px;
  padding:22px 24px 70px;
  background:#ececec;
}
.qpu-settings-shortcode{
  max-width:418px;
  margin:0 auto;
  color:#4b4b4b;
  font-family:Arial, Helvetica, sans-serif;
}
.qpu-settings-hero{
  display:flex;
  justify-content:center;
  margin:2px 0 28px;
}
.qpu-settings-title-card{
  width:100%;
  max-width:448px;
  padding:23px 32px 19px;
  border-radius:13px;
  color:#fff;
  text-align:center;
  font-size:33px;
  line-height:1.1;
  font-weight:400;
  background:linear-gradient(90deg,#7c888d 0%,#18b6ea 100%);
  box-shadow:10px 10px 0 rgba(0,0,0,.34),19px 18px 0 rgba(0,0,0,.12);
}
.qpu-settings-status{
  margin:0 auto 10px;
  display:inline-flex;
  background:#fff;
  color:#4b4b4b;
  border-color:rgba(0,0,0,.12);
  font-size:12px;
  padding:5px 10px;
}
.qpu-settings-shortcode .qpu-settings-accordion{
  display:grid;
  gap:0;
}
.qpu-settings-shortcode .qpu-settings-panel{
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  border-top:1px solid #c7c7c7;
}
.qpu-settings-shortcode .qpu-settings-panel:first-of-type{
  border-top:none;
}
.qpu-settings-shortcode .qpu-settings-panel summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:13px minmax(0,1fr);
  gap:8px;
  align-items:start;
  padding:12px 0 8px;
}
.qpu-settings-shortcode .qpu-settings-panel summary::-webkit-details-marker{display:none}
.qpu-settings-shortcode .qpu-settings-panel summary::before{
  content:'▾';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:13px;
  height:13px;
  margin-top:3px;
  border-radius:1px;
  background:#26adee;
  color:#fff;
  font-size:9px;
  font-weight:700;
  line-height:1;
  transition:transform .18s ease;
}
.qpu-settings-shortcode .qpu-settings-panel:not([open]) summary::before{
  transform:rotate(-90deg);
}
.qpu-settings-shortcode .qpu-settings-panel summary::after{display:none}
.qpu-settings-shortcode .qpu-settings-summary-main{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px;
}
.qpu-settings-shortcode .qpu-settings-summary-title,
.qpu-settings-shortcode .qpu-settings-summary-copy{
  display:inline;
}
.qpu-settings-shortcode .qpu-settings-summary-title{
  font-size:17px;
  font-weight:700;
  color:#4b4b4b;
}
.qpu-settings-shortcode .qpu-settings-panel:not(:first-of-type) .qpu-settings-summary-copy{
  display:none;
}
.qpu-settings-shortcode .qpu-settings-summary-copy{
  margin:0;
  color:#25aef0;
  font-size:15px;
  line-height:1.34;
}
.qpu-settings-shortcode .qpu-settings-panel-body{
  padding:0 0 16px 18px;
  border-top:none;
}
.qpu-settings-shortcode .qpu-choice-grid,
.qpu-settings-shortcode .qpu-settings-contact-grid,
.qpu-settings-shortcode .qpu-settings-child-list{
  gap:6px;
}
.qpu-settings-shortcode .qpu-choice-grid-theme{
  grid-template-columns:1fr;
  max-width:140px;
}
.qpu-settings-shortcode .qpu-choice-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.qpu-settings-shortcode .qpu-settings-contact-grid,
.qpu-settings-shortcode .qpu-settings-child-list{
  grid-template-columns:1fr;
}
.qpu-settings-shortcode .qpu-select-card,
.qpu-settings-shortcode .qpu-check-card,
.qpu-settings-shortcode .qpu-settings-contact-card,
.qpu-settings-shortcode .qpu-settings-child-card,
.qpu-settings-shortcode .qpu-card{
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:0;
}
.qpu-settings-shortcode .qpu-select-card,
.qpu-settings-shortcode .qpu-check-card{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:1px 0;
}
.qpu-settings-shortcode .qpu-check-card-plain{
  margin-bottom:8px;
}
.qpu-settings-shortcode .qpu-choice-grid-theme .qpu-select-card{
  margin-bottom:4px;
}
.qpu-settings-shortcode .qpu-choice-grid-theme .qpu-select-card small,
.qpu-settings-shortcode [data-qpu-panic-send],
.qpu-settings-shortcode .qpu-settings-links{
  display:none;
}
.qpu-settings-shortcode input[type="checkbox"],
.qpu-settings-shortcode input[type="radio"]{
  -webkit-appearance:none;
  appearance:none;
  width:20px;
  height:20px;
  border:1px solid #737373;
  border-radius:3px;
  background:#fff;
  margin:1px 0 0;
  position:relative;
  cursor:pointer;
  flex:0 0 20px;
}
.qpu-settings-shortcode input[type="checkbox"]:checked::after,
.qpu-settings-shortcode input[type="radio"]:checked::after{
  content:'';
  position:absolute;
  inset:4px;
  background:#26adee;
  border-radius:1px;
}
.qpu-settings-shortcode .qpu-select-card strong,
.qpu-settings-shortcode .qpu-check-card strong,
.qpu-settings-shortcode .qpu-settings-contact-title,
.qpu-settings-shortcode .qpu-settings-child-card strong,
.qpu-settings-shortcode .qpu-accessibility-row-title,
.qpu-settings-shortcode .qpu-settings-text-link{
  font-size:15px;
  font-weight:400;
  color:#25aef0;
}
.qpu-settings-shortcode .qpu-check-card small,
.qpu-settings-shortcode .qpu-select-card small,
.qpu-settings-shortcode .qpu-note,
.qpu-settings-shortcode .qpu-checkline span,
.qpu-settings-shortcode .qpu-settings-child-card .qpu-note{
  color:#666;
  font-size:11px;
  line-height:1.42;
}
.qpu-settings-shortcode .qpu-note{
  max-width:360px;
  margin-top:2px;
}
.qpu-settings-shortcode .qpu-label{
  display:block;
  margin:10px 0 4px;
  color:#4b4b4b;
  font-size:15px;
  line-height:1.34;
  font-weight:700;
}
.qpu-settings-shortcode .qpu-label-soft{
  color:#25aef0;
  font-weight:400;
  margin-top:10px;
}
.qpu-settings-shortcode .qpu-settings-contact-card .qpu-label,
.qpu-settings-shortcode .qpu-settings-child-card .qpu-label{
  color:#25aef0;
  font-weight:400;
}
.qpu-settings-shortcode .qpu-input,
.qpu-settings-shortcode .qpu-select,
.qpu-settings-shortcode .qpu-textarea{
  width:100%;
  padding:3px 0 5px;
  border:none;
  border-bottom:1px solid #b7b7b7;
  border-radius:0;
  background:transparent;
  color:#25aef0;
  box-shadow:none;
  font-size:15px;
}
.qpu-settings-shortcode .qpu-input::placeholder,
.qpu-settings-shortcode .qpu-textarea::placeholder{color:#25aef0;opacity:1}
.qpu-settings-shortcode .qpu-textarea{
  min-height:64px;
  resize:vertical;
}
.qpu-settings-shortcode .qpu-textarea-compact{
  min-height:28px;
  height:28px;
  padding-top:0;
  line-height:1.3;
}
.qpu-settings-shortcode .qpu-select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:22px;
  background-image:linear-gradient(45deg, transparent 50%, #666 50%), linear-gradient(135deg, #666 50%, transparent 50%);
  background-position:calc(100% - 12px) calc(50% - 2px), calc(100% - 6px) calc(50% - 2px);
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
}
.qpu-settings-shortcode input[type="date"].qpu-input{
  padding-right:26px;
}
.qpu-settings-shortcode input[type="file"].qpu-input{
  border:none;
  padding:0;
  color:#4b4b4b;
}
.qpu-settings-shortcode input[type="file"].qpu-input::file-selector-button{
  min-width:142px;
  margin-right:12px;
  padding:5px 18px;
  border:none;
  border-radius:3px;
  color:#fff;
  font-weight:700;
  background:linear-gradient(90deg,#808b8f 0%,#18b8ea 100%);
  cursor:pointer;
}
.qpu-settings-shortcode .qpu-settings-contact-title{
  margin:5px 0 2px;
}
.qpu-settings-shortcode .qpu-settings-contact-card,
.qpu-settings-shortcode .qpu-settings-child-card{
  padding:0 0 11px;
  border-bottom:1px solid #d0d0d0;
}
.qpu-settings-shortcode .qpu-settings-contact-grid > :last-child,
.qpu-settings-shortcode .qpu-settings-child-list > :last-child{
  border-bottom:none;
}
.qpu-settings-shortcode .qpu-checkline{
  display:flex;
  align-items:flex-start;
  gap:8px;
}
.qpu-settings-shortcode .qpu-checkline input{
  margin-top:2px;
}
.qpu-settings-shortcode .qpu-checkline-tight{
  margin-top:6px;
}
.qpu-settings-shortcode .qpu-checkline-inline{
  align-items:center;
  margin-right:18px;
  margin-bottom:6px;
}
.qpu-settings-shortcode .qpu-checkline-inline span{
  font-size:14px;
  color:#4b4b4b;
  line-height:1.2;
}
.qpu-settings-shortcode .qpu-checkline-wide{
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:7px;
}
.qpu-settings-shortcode .qpu-checkline-wide span{
  font-size:15px;
  line-height:1.3;
}
.qpu-settings-shortcode .qpu-pill{
  background:transparent;
  color:#4b4b4b;
  border:none;
  font-size:12px;
  padding:0;
}
.qpu-settings-shortcode .qpu-alert{
  margin:0 0 10px;
}
.qpu-settings-shortcode .qpu-btn{
  border:none;
  background:linear-gradient(90deg,#7e888c 0%,#18b8ea 100%);
  color:#fff;
  padding:6px 18px;
  border-radius:3px;
  box-shadow:none;
  font-weight:700;
  font-size:12px;
}
.qpu-settings-shortcode .qpu-btn.secondary{
  background:linear-gradient(90deg,#8f9a9e 0%,#29b9ea 100%);
}
.qpu-settings-shortcode .qpu-settings-actions{
  display:flex;
  justify-content:center;
  margin-top:14px;
}
.qpu-settings-shortcode .qpu-settings-actions .qpu-btn{
  min-width:144px;
  font-size:14px;
}
.qpu-settings-shortcode .qpu-row{
  align-items:flex-start;
}
.qpu-settings-shortcode .qpu-accessibility-rows{
  display:grid;
  gap:6px;
}
.qpu-settings-shortcode .qpu-accessibility-row{
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:8px;
  align-items:start;
}
.qpu-settings-shortcode .qpu-accessibility-row-options{
  display:flex;
  flex-wrap:wrap;
}
.qpu-settings-shortcode .qpu-settings-child-form{
  margin-top:12px;
}
.qpu-settings-shortcode .qpu-settings-child-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
}
.qpu-settings-shortcode .qpu-settings-text-link{
  text-decoration:none;
}
@media (max-width: 720px){
  .qpu-settings-page{
    margin:-16px;
    padding:18px 16px 42px;
  }
  .qpu-settings-shortcode{
    max-width:100%;
  }
  .qpu-settings-title-card{
    max-width:none;
    font-size:28px;
    padding:18px 24px;
  }
  .qpu-settings-shortcode .qpu-choice-grid-2,
  .qpu-settings-shortcode .qpu-accessibility-row,
  .qpu-settings-shortcode .qpu-settings-child-actions{
    grid-template-columns:1fr;
    flex-direction:column;
    align-items:flex-start;
  }
}

/* ========================================================================== 
   Classic site rebuild
   ========================================================================== */
body{
  background:#ececec;
  color:#3f3f3f;
}

.qpu-container{
  max-width:1200px;
  padding:24px 18px 40px;
}

.qpu-main-shell{
  padding-top:26px;
}

.qpu-classic-header{
  position:sticky;
  top:0;
  z-index:40;
  background:#efefef;
  border-bottom:1px solid rgba(0,0,0,.08);
  backdrop-filter:none;
}
.qpu-classic-header-inner{
  max-width:1200px;
  margin:0 auto;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.qpu-classic-brand{
  display:flex;
  align-items:center;
  gap:18px;
  color:#2e7ec0;
  text-decoration:none;
}
.qpu-classic-brand:hover{ text-decoration:none; }
.qpu-classic-brand img{
  width:78px;
  height:78px;
  object-fit:contain;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  padding:10px;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
}
.qpu-classic-brand-title{
  font-size:clamp(28px,3vw,44px);
  font-weight:800;
  letter-spacing:.01em;
  line-height:1;
}
.qpu-classic-brand-sub{
  margin-top:6px;
  font-size:14px;
  color:#6e6e6e;
}
.qpu-classic-nav{
  display:flex;
  align-items:center;
  gap:12px;
}
.qpu-classic-links{
  display:flex;
  align-items:center;
  gap:10px;
}
.qpu-classic-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(0,0,0,.1);
  color:#4e4e4e;
  text-decoration:none;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
}
.qpu-classic-links a:hover{ text-decoration:none; border-color:rgba(20,184,236,.45); }
.qpu-classic-links a.qpu-classic-link-panic{
  border-color:rgba(255,77,77,.34);
  background:linear-gradient(180deg, rgba(255,77,77,.2), rgba(255,77,77,.08));
  color:#a63b3b;
  font-weight:700;
}
.qpu-classic-links a.qpu-classic-link-panic:hover{
  border-color:rgba(255,77,77,.52);
}
.qpu-dd > button,
.qpu-classic-dd > button{
  all:unset;
  cursor:pointer;
  min-height:46px;
  padding:0 18px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(0,0,0,.1);
  color:#313131;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
}
.qpu-dd-menu{
  min-width:230px;
  background:#fff;
  border:1px solid rgba(0,0,0,.1);
  box-shadow:0 16px 32px rgba(0,0,0,.12);
}
.qpu-dd-menu a{
  color:#444;
}
.qpu-dd-menu a:hover{
  background:#eef8fd;
  text-decoration:none;
}

.qpu-card,
.qpu-ride-shell-flat,
.qpu-ride-shell{
  background:transparent;
  border:none;
  box-shadow:none;
}

.qpu-classic-page,
.qpu-static-page,
.qpu-classic-auth,
.qpu-find-driver-page,
.qpu-driver-signup-page,
.qpu-request-trips-page{
  max-width:840px;
  margin:0 auto;
  color:#4a4a4a;
}
.qpu-classic-page--wide{ max-width:960px; }

.qpu-classic-hero,
.qpu-static-hero,
.qpu-auth-hero,
.qpu-request-trips-hero,
.qpu-find-driver-hero{
  display:flex;
  justify-content:center;
  margin:8px 0 34px;
}
.qpu-classic-hero h1,
.qpu-static-hero h1,
.qpu-auth-hero h1,
.qpu-request-trips-hero h1,
.qpu-find-driver-hero h1,
.qpu-classic-banner{
  margin:0;
  min-width:min(520px,100%);
  max-width:100%;
  text-align:center;
  padding:22px 32px;
  color:#fff;
  font-size:clamp(28px,3vw,52px);
  font-weight:300;
  border-radius:18px;
  background:linear-gradient(90deg,#748186 0%,#12b8ed 100%);
  box-shadow:10px 10px 0 rgba(0,0,0,.18), 18px 18px 0 rgba(0,0,0,.08);
}
.qpu-classic-copy,
.qpu-classic-login,
.qpu-classic-block,
.qpu-auth-card,
.qpu-find-driver-panel,
.qpu-request-trips-panel,
.qpu-static-body{
  background:transparent;
}
.qpu-classic-copy{ margin-bottom:20px; }
.qpu-classic-copy h2,
.qpu-classic-block h2,
.qpu-auth-card h2,
.qpu-find-driver-panel h2,
.qpu-request-trips-panel h2,
.qpu-static-body h2{
  margin:0 0 8px;
  font-size:clamp(24px,3vw,38px);
  color:#3f3f3f;
}
.qpu-classic-copy p,
.qpu-static-body p,
.qpu-static-body li,
.qpu-find-driver-panel p,
.qpu-request-trips-panel p,
.qpu-classic-note,
.qpu-note{
  color:#666;
  line-height:1.5;
}
.qpu-classic-divider{
  height:1px;
  background:#cdcdcd;
  margin:22px 0;
}
.qpu-classic-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px 36px;
}
.qpu-classic-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.qpu-classic-form,
.qpu-classic-search-form,
.qpu-wallet-transfer-form,
.qpu-auth-form,
.qpu-driver-signup-form{
  display:grid;
  gap:16px;
}
.qpu-classic-form-grid{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:14px 18px;
  align-items:center;
}
.qpu-classic-form-grid--two{
  grid-template-columns:160px minmax(0,1fr) 160px minmax(0,1fr);
}
.qpu-classic-row{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:14px;
  align-items:center;
}
.qpu-classic-row--stack{
  grid-template-columns:1fr;
}
.qpu-classic-row label,
.qpu-classic-form-grid label,
.qpu-wallet-balance label,
.qpu-auth-label{
  margin:0;
  font-size:17px;
  font-weight:700;
  color:#4a4a4a;
}
.qpu-classic-field,
.qpu-classic-pill-input,
.qpu-wallet-pill,
.qpu-find-driver-code,
.qpu-classic-pill,
.qpu-input,
.qpu-select,
.qpu-textarea{
  width:100%;
  min-height:54px;
  padding:12px 16px;
  border-radius:16px;
  border:4px solid #16bced;
  border-left-color:#7a8487;
  background:#fff;
  color:#26a7eb;
  box-shadow:none;
  font-size:17px;
}
.qpu-select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:linear-gradient(45deg, transparent 50%, #5b5b5b 50%), linear-gradient(135deg, #5b5b5b 50%, transparent 50%);
  background-position:calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
  padding-right:40px;
}
.qpu-textarea,
.qpu-classic-textarea{
  min-height:150px;
  resize:vertical;
}
.qpu-input::placeholder,
.qpu-textarea::placeholder{ color:#65bce7; opacity:1; }

.qpu-btn,
.qpu-btn.secondary,
.qpu-btn.danger,
.qpu-classic-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border-radius:6px;
  border:none;
  color:#fff;
  font-size:17px;
  font-weight:700;
  background:linear-gradient(90deg,#748186 0%,#12b8ed 100%);
  box-shadow:none;
}
.qpu-btn.secondary{ filter:saturate(.9); }
.qpu-btn:hover,
.qpu-btn.secondary:hover{ filter:brightness(1.03); text-decoration:none; }

.qpu-classic-actions,
.qpu-wallet-submit,
.qpu-classic-login,
.qpu-auth-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  justify-content:center;
  margin-top:18px;
}
.qpu-classic-login{ flex-direction:column; }

.qpu-classic-avatar{
  width:110px;
  height:110px;
  border-radius:50%;
  background:linear-gradient(180deg,#dceff9 0%,#eaf5fb 48%,#9cc41b 49%,#8bb100 100%);
  position:relative;
  overflow:hidden;
}
.qpu-classic-avatar::before{
  content:'';
  position:absolute;
  width:44px;
  height:18px;
  background:#fff;
  border-radius:30px;
  left:32px;
  top:22px;
  box-shadow:-12px 4px 0 0 #fff, 16px 4px 0 0 #fff;
}

.qpu-wallet-page .qpu-wallet-balance-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
  margin-bottom:26px;
}
.qpu-wallet-balance,
.qpu-wallet-driver-card{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  gap:16px;
  align-items:center;
}
.qpu-wallet-transfer,
.qpu-wallet-driver-grid,
.qpu-rentout-listings,
.qpu-find-driver-panel,
.qpu-request-trips-panel,
.qpu-static-body{
  margin-top:26px;
}
.qpu-wallet-driver-grid{ display:grid; gap:18px; }
.qpu-wallet-inline-row{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.qpu-wallet-inline-row > *{ flex:1 1 220px; }

.qpu-classic-search-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 34px;
}
.qpu-vehicle-results{ display:grid; gap:22px; margin-top:26px; }
.qpu-vehicle-result-card,
.qpu-request-trip-card,
.qpu-classic-info-card{
  padding:22px 0 0;
  border-top:1px solid #cfcfcf;
}
.qpu-vehicle-result-card:first-child,
.qpu-request-trip-card:first-child{ border-top:none; padding-top:0; }
.qpu-vehicle-result-top{
  display:grid;
  grid-template-columns:110px minmax(0,1fr) max-content;
  gap:20px;
  align-items:start;
}
.qpu-vehicle-result-copy h3,
.qpu-request-trip-head h3,
.qpu-find-driver-panel h3{
  margin:0 0 8px;
  color:#424242;
}
.qpu-vehicle-rate-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  min-width:148px;
  padding:0 16px;
  border-radius:16px;
  border:4px solid #16bced;
  border-left-color:#7a8487;
  color:#26a7eb;
  font-weight:700;
  background:#fff;
}
.qpu-rentout-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:start;
}
.qpu-rentout-tab-title,
.qpu-request-trips-subtitle{
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  min-width:180px;
  padding:0 20px;
  border-radius:6px;
  color:#fff;
  font-size:22px;
  font-weight:300;
  background:linear-gradient(90deg,#748186 0%,#12b8ed 100%);
}
.qpu-rentout-form-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px 48px;
  margin-top:18px;
}
.qpu-rentout-column{ display:grid; gap:14px; }
.qpu-rentout-row{ display:grid; grid-template-columns:150px minmax(0,1fr); gap:14px; align-items:center; }
.qpu-rentout-row label{ font-weight:700; }
.qpu-rentout-description textarea{ min-height:140px; }
.qpu-rentout-listing-actions{ margin-top:14px; }

.qpu-auth-card{
  max-width:720px;
  margin:0 auto;
}
.qpu-auth-form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 24px; }
.qpu-auth-links{ display:flex; flex-wrap:wrap; gap:12px 18px; justify-content:space-between; margin-top:16px; }
.qpu-auth-links a{ color:#2d8bcf; }

/* Auth page switch links styled like the site dropdown buttons */
.qpu-auth-links{
  align-items:center;
}
.qpu-auth-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.92);
  color:var(--qpu-text);
  font-weight:700;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.qpu-auth-links a:hover{
  text-decoration:none;
  background:#fff;
  border-color:rgba(29,161,242,.25);
}


.qpu-driver-signup-layout{
  max-width:760px;
  margin:0 auto;
}
.qpu-driver-signup-photo{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin-bottom:22px;
}
.qpu-driver-signup-form .qpu-driver-checks{
  display:grid;
  gap:10px;
  margin:10px 0 6px;
}
.qpu-driver-signup-form .qpu-driver-checks label{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-weight:700;
}
.qpu-driver-signup-form .qpu-driver-upload-grid{ display:grid; gap:14px; margin-top:18px; }
.qpu-driver-signup-form input[type="checkbox"]{ accent-color:#12b8ed; }

.qpu-find-driver-page #qpu_driver_result > .qpu-card,
.qpu-find-driver-page #qpu_driver_result .qpu-card,
.qpu-find-driver-page #qpu_online_drivers > .qpu-card,
.qpu-find-driver-page #qpu_online_drivers .qpu-card{
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
}
.qpu-find-driver-page #qpu_driver_result .qpu-row,
.qpu-find-driver-page #qpu_online_drivers .qpu-row{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.qpu-find-driver-page #qpu_driver_result .qpu-pill,
.qpu-find-driver-page #qpu_online_drivers .qpu-pill{
  background:transparent;
  border:none;
  color:#4a4a4a;
  padding:0;
}
.qpu-find-driver-page #qpu_driver_result img,
.qpu-find-driver-page #qpu_online_drivers img{
  border-radius:50% !important;
  border:none !important;
  width:110px;
  height:110px;
  object-fit:cover;
}
.qpu-find-driver-page .qpu-ride-driver-tags{ margin:10px 0; }
.qpu-trip-tag{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  margin:0 8px 8px 0;
  border-radius:999px;
  background:#f4fbff;
  border:1px solid #caedf8;
  color:#217ab7;
}

.qpu-request-trips-page .qpu-request-trip-card .qpu-row,
.qpu-request-trips-page .qpu-request-trip-card .qpu-card .qpu-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 160px;
  gap:18px;
  align-items:start;
}
.qpu-request-trips-page .qpu-kpi{ font-size:32px; color:#26a7eb; }
.qpu-request-trips-page .qpu-pill{ background:transparent; border:none; padding:0; color:#4c4c4c; }
.qpu-request-trips-page .qpu-grid{ gap:24px; }

.qpu-static-page .qpu-content,
.qpu-static-body{
  max-width:820px;
  margin:0 auto;
}
.qpu-static-body h3{ margin:20px 0 8px; color:#414141; }
.qpu-static-body ul{ padding-left:22px; }

.qpu-front-classic{
  max-width:980px;
  margin:0 auto;
}
.qpu-front-classic-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.qpu-front-classic-tile{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  padding:22px;
  box-shadow:0 10px 20px rgba(0,0,0,.04);
}
.qpu-front-classic-tile h3{ margin:0 0 8px; }

.qpu-footer{
  border-top:1px solid rgba(0,0,0,.08);
  margin-top:40px;
  background:#efefef;
  color:#666;
}
.qpu-footer-links a{ color:#5e5e5e; }

@media (max-width: 980px){
  .qpu-classic-header-inner{ flex-wrap:wrap; }
  .qpu-classic-links{ display:none; }
  .qpu-rentout-tabs,
  .qpu-rentout-form-columns,
  .qpu-classic-grid-2,
  .qpu-auth-form-grid,
  .qpu-wallet-page .qpu-wallet-balance-row,
  .qpu-front-classic-grid,
  .qpu-classic-search-grid{ grid-template-columns:1fr; }
  .qpu-classic-form-grid--two{ grid-template-columns:160px minmax(0,1fr); }
}
@media (max-width: 720px){
  .qpu-classic-brand img{ width:62px; height:62px; }
  .qpu-classic-brand-title{ font-size:34px; }
  .qpu-classic-hero h1,
  .qpu-static-hero h1,
  .qpu-auth-hero h1,
  .qpu-request-trips-hero h1,
  .qpu-find-driver-hero h1{ min-width:0; width:100%; font-size:26px; padding:18px 20px; }
  .qpu-classic-form-grid,
  .qpu-classic-form-grid--two,
  .qpu-classic-row,
  .qpu-rentout-row,
  .qpu-wallet-balance,
  .qpu-wallet-driver-card,
  .qpu-find-driver-page #qpu_driver_result .qpu-row,
  .qpu-find-driver-page #qpu_online_drivers .qpu-row,
  .qpu-request-trips-page .qpu-request-trip-card .qpu-row,
  .qpu-request-trips-page .qpu-request-trip-card .qpu-card .qpu-row,
  .qpu-vehicle-result-top{
    grid-template-columns:1fr;
  }
  .qpu-wallet-inline-row,
  .qpu-auth-links,
  .qpu-classic-actions{ justify-content:flex-start; }
  .qpu-auth-links{
    gap:10px;
  }
  .qpu-auth-links a{
    width:auto;
    max-width:100%;
  }
}


/* ========================================================================== 
   Modern sitewide refresh overrides
   ========================================================================== */
:root[data-theme="light"]{
  --qpu-primary:#1da1f2;
  --qpu-secondary:#0f172a;
  --qpu-bg:#eef4fb;
  --qpu-card:#ffffff;
  --qpu-text:#0f172a;
  --qpu-muted:#5f6f82;
  --qpu-border:rgba(15,23,42,.08);
  --qpu-shadow:0 18px 50px rgba(15,23,42,.08);
  --qpu-body-bg:
    radial-gradient(1100px 700px at 10% 0%, rgba(29,161,242,.10), transparent 56%),
    radial-gradient(900px 600px at 100% 10%, rgba(59,130,246,.08), transparent 48%),
    linear-gradient(180deg,#f7fbff 0%,#eef4fb 100%);
  --qpu-card-bg:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92));
  --qpu-header-bg:rgba(255,255,255,.82);
  --qpu-menu-bg:rgba(255,255,255,.96);
  --qpu-control-bg:#fff;
}

body{
  min-height:100vh;
}

.qpu-main-shell{
  padding-top:32px;
  padding-bottom:28px;
}

.qpu-card{
  background:var(--qpu-card-bg);
  border:1px solid var(--qpu-border);
  box-shadow:var(--qpu-shadow);
  border-radius:24px;
}

.qpu-ride-shell,
.qpu-ride-shell-flat{
  background:transparent;
  border:none;
  box-shadow:none;
}

.qpu-classic-header{
  background:var(--qpu-header-bg);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(15,23,42,.06);
}

.qpu-classic-header-inner{
  max-width:1180px;
  padding:16px 20px;
}

.qpu-classic-brand{
  gap:14px;
  color:var(--qpu-text);
}

.qpu-classic-brand img{
  width:56px;
  height:56px;
  padding:8px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 8px 24px rgba(15,23,42,.08);
}

.qpu-classic-brand-title{
  font-size:clamp(22px,2.6vw,34px);
  color:var(--qpu-text);
}

.qpu-classic-brand-sub{
  font-size:13px;
  color:var(--qpu-muted);
  margin-top:4px;
}

.qpu-classic-nav,
.qpu-classic-links{
  gap:10px;
}

.qpu-classic-links a,
.qpu-dd > button,
.qpu-classic-dd > button,
.qpu-btn.install{
  min-height:46px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.9);
  color:var(--qpu-text);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}

.qpu-classic-links a:hover,
.qpu-dd > button:hover{
  text-decoration:none;
  background:#fff;
  border-color:rgba(29,161,242,.25);
}

.qpu-dd-menu{
  background:var(--qpu-menu-bg);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 22px 50px rgba(15,23,42,.12);
  border-radius:18px;
}

.qpu-dd-menu a{
  color:var(--qpu-text);
}

.qpu-dd-menu a:hover{
  background:rgba(29,161,242,.08);
}

.qpu-classic-page,
.qpu-static-page,
.qpu-classic-auth,
.qpu-find-driver-page,
.qpu-driver-signup-page,
.qpu-request-trips-page,
.qpu-front-classic{
  max-width:1180px;
  margin:0 auto;
  color:var(--qpu-text);
}

.qpu-classic-hero,
.qpu-static-hero,
.qpu-auth-hero,
.qpu-request-trips-hero,
.qpu-find-driver-hero{
  justify-content:flex-start;
  margin:6px 0 22px;
}

.qpu-classic-hero h1,
.qpu-static-hero h1,
.qpu-auth-hero h1,
.qpu-request-trips-hero h1,
.qpu-find-driver-hero h1,
.qpu-classic-banner{
  min-width:0;
  width:auto;
  max-width:100%;
  padding:18px 24px;
  font-size:clamp(30px,4vw,52px);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.04;
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.24), transparent 34%),
    linear-gradient(135deg,#1d4ed8 0%, #1da1f2 55%, #38bdf8 100%);
  box-shadow:0 20px 44px rgba(29,78,216,.20);
}

.qpu-classic-copy,
.qpu-classic-login,
.qpu-classic-block,
.qpu-auth-card,
.qpu-find-driver-panel,
.qpu-request-trips-panel,
.qpu-static-body,
.qpu-wallet-transfer,
.qpu-wallet-driver-card,
.qpu-wallet-balance,
.qpu-front-classic-tile,
.qpu-vehicle-result-card,
.qpu-request-trip-card,
.qpu-classic-info-card,
.qpu-rentout-shell,
.qpu-rentout-listings,
.qpu-rentout-intro{
  background:var(--qpu-card-bg);
  border:1px solid var(--qpu-border);
  box-shadow:var(--qpu-shadow);
  border-radius:24px;
  padding:24px;
}

.qpu-static-body,
.qpu-request-trips-panel,
.qpu-find-driver-panel,
.qpu-wallet-transfer,
.qpu-rentout-listings{
  margin-top:18px;
}

.qpu-classic-divider{
  background:rgba(15,23,42,.08);
  margin:26px 0;
}

.qpu-classic-copy h2,
.qpu-classic-block h2,
.qpu-auth-card h2,
.qpu-find-driver-panel h2,
.qpu-request-trips-panel h2,
.qpu-static-body h2,
.qpu-front-modern-hero h1,
.qpu-front-classic-tile h3,
.qpu-wallet-transfer h2,
.qpu-wallet-driver-card h2{
  color:var(--qpu-text);
}

.qpu-note,
.qpu-classic-copy p,
.qpu-static-body p,
.qpu-static-body li,
.qpu-find-driver-panel p,
.qpu-request-trips-panel p,
.qpu-classic-note,
.qpu-footer,
.qpu-footer a,
.qpu-classic-brand-sub{
  color:var(--qpu-muted);
}

.qpu-label,
.qpu-classic-row label,
.qpu-classic-form-grid label,
.qpu-wallet-balance label,
.qpu-auth-label,
.qpu-rentout-row label{
  color:var(--qpu-text);
  font-size:14px;
  font-weight:700;
}

.qpu-input,
.qpu-select,
.qpu-textarea,
.qpu-find-driver-code,
.qpu-wallet-pill,
.qpu-classic-pill,
.qpu-classic-pill-input,
.qpu-classic-field,
.qpu-vehicle-rate-pill{
  min-height:52px;
  padding:13px 16px;
  border-radius:16px;
  border:1.5px solid rgba(15,23,42,.10);
  background:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.9), inset 0 1px 2px rgba(15,23,42,.04);
  color:var(--qpu-text);
  font-size:15px;
}

.qpu-input::placeholder,
.qpu-textarea::placeholder{
  color:#8ea0b5;
}

.qpu-select{
  background-image:linear-gradient(45deg, transparent 50%, #6b7c93 50%), linear-gradient(135deg, #6b7c93 50%, transparent 50%);
}

.qpu-textarea,
.qpu-classic-textarea{
  min-height:140px;
}

.qpu-btn,
.qpu-btn.secondary,
.qpu-classic-btn{
  min-height:50px;
  padding:0 18px;
  border-radius:16px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb !important;
  font-size:15px;
  font-weight:700;
  box-shadow:none;
}

.qpu-btn.danger{
  min-height:50px;
  padding:0 18px;
  border-radius:16px;
  background:linear-gradient(135deg,#ef4444 0%, #f97316 100%);
  color:#fff;
  border:1px solid rgba(239,68,68,.20);
  box-shadow:none;
}

.qpu-btn:hover,
.qpu-btn.secondary:hover,
.qpu-classic-btn:hover{
  text-decoration:none;
  transform:none;
  background:#f5fcff;
}

.qpu-btn.danger:hover{
  text-decoration:none;
  transform:none;
}

.qpu-pill,
.qpu-trip-tag{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(29,161,242,.12);
  background:rgba(29,161,242,.08);
  color:#1769aa;
}

.qpu-classic-actions,
.qpu-wallet-submit,
.qpu-auth-actions{
  justify-content:flex-start;
}

.qpu-classic-login{
  align-items:flex-start;
}

.qpu-classic-avatar{
  width:88px;
  height:88px;
  box-shadow:0 16px 32px rgba(15,23,42,.10);
}

.qpu-classic-avatar::before{
  left:24px;
  top:17px;
}

.qpu-wallet-page .qpu-wallet-balance-row,
.qpu-wallet-driver-grid,
.qpu-front-classic-grid,
.qpu-classic-search-grid,
.qpu-rentout-form-columns,
.qpu-rentout-tabs,
.qpu-auth-form-grid{
  gap:20px;
}

.qpu-wallet-page .qpu-wallet-balance-row,
.qpu-front-classic-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.qpu-wallet-balance,
.qpu-wallet-driver-card{
  grid-template-columns:1fr;
  align-items:start;
  gap:12px;
}

.qpu-wallet-pill{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  font-size:24px;
  font-weight:800;
}

.qpu-wallet-inline-row > *{
  flex:1 1 180px;
}

.qpu-vehicle-result-card,
.qpu-request-trip-card,
.qpu-classic-info-card{
  border-top:none;
  padding:24px;
}

.qpu-vehicle-result-top{
  grid-template-columns:96px minmax(0,1fr) max-content;
  gap:18px;
}

.qpu-vehicle-rate-pill{
  min-width:130px;
  justify-content:center;
  font-weight:800;
}

.qpu-request-trips-page .qpu-request-trip-card > .qpu-row,
.qpu-request-trips-page .qpu-request-trip-card .qpu-card > .qpu-row{
  grid-template-columns:minmax(0,1fr) 170px;
}

.qpu-request-trips-page .qpu-kpi{
  color:#1d4ed8;
}

.qpu-request-trips-page .qpu-pill,
.qpu-find-driver-page #qpu_driver_result .qpu-pill,
.qpu-find-driver-page #qpu_online_drivers .qpu-pill{
  background:rgba(29,161,242,.08);
  border:1px solid rgba(29,161,242,.12);
  color:#1769aa;
  padding:8px 12px;
}

.qpu-find-driver-page #qpu_driver_result > .qpu-card,
.qpu-find-driver-page #qpu_driver_result .qpu-card,
.qpu-find-driver-page #qpu_online_drivers > .qpu-card,
.qpu-find-driver-page #qpu_online_drivers .qpu-card{
  background:var(--qpu-card-bg);
  border:1px solid var(--qpu-border);
  box-shadow:var(--qpu-shadow);
  border-radius:22px;
  padding:18px;
}

.qpu-find-driver-page #qpu_driver_result .qpu-row,
.qpu-find-driver-page #qpu_online_drivers .qpu-row{
  grid-template-columns:88px minmax(0,1fr);
  gap:16px;
}

.qpu-find-driver-page #qpu_driver_result img,
.qpu-find-driver-page #qpu_online_drivers img{
  width:88px;
  height:88px;
  box-shadow:0 12px 24px rgba(15,23,42,.08);
}

.qpu-rentout-tab-title,
.qpu-request-trips-subtitle{
  min-height:44px;
  padding:0 16px;
  border-radius:12px;
  font-size:18px;
  font-weight:700;
  background:linear-gradient(135deg,#1d4ed8 0%, #1da1f2 100%);
  box-shadow:0 14px 28px rgba(29,78,216,.16);
}

.qpu-rentout-row,
.qpu-classic-form-grid,
.qpu-classic-row{
  gap:12px 16px;
}

.qpu-auth-card,
.qpu-driver-signup-layout{
  max-width:960px;
}

.qpu-driver-signup-photo{
  margin-bottom:18px;
}

.qpu-front-modern{
  display:grid;
  gap:22px;
}

.qpu-front-modern-hero{
  padding:32px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.22), transparent 34%),
    linear-gradient(135deg, rgba(29,78,216,.98) 0%, rgba(29,161,242,.94) 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}

.qpu-front-modern-hero h1{
  margin:0;
  font-size:clamp(34px,5vw,60px);
  line-height:1.02;
  color:#fff;
  max-width:760px;
}

.qpu-front-modern-hero p{
  margin:14px 0 0;
  color:rgba(255,255,255,.88);
  max-width:760px;
  font-size:17px;
}

.qpu-front-modern-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.qpu-front-modern-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.qpu-front-modern-stats .qpu-pill{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.20);
  color:#fff;
}

.qpu-front-modern-actions{
  margin-top:22px;
}

.qpu-front-classic-tile{
  padding:22px;
}

.qpu-front-classic-tile h3{
  margin:0 0 10px;
  font-size:22px;
}

.qpu-static-body,
.qpu-static-page .qpu-content{
  max-width:none;
}

.qpu-footer{
  margin-top:48px;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(16px);
  border-top:1px solid rgba(15,23,42,.06);
}

.qpu-footer-inner{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:20px;
  align-items:start;
}

.qpu-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
}

.qpu-footer-links a{
  text-decoration:none;
}

.qpu-footer-links a:hover{
  color:var(--qpu-text);
}

@media (max-width: 980px){
  .qpu-classic-header-inner{
    flex-wrap:wrap;
  }
  .qpu-classic-links{
    display:none;
  }
  .qpu-wallet-page .qpu-wallet-balance-row,
  .qpu-front-classic-grid,
  .qpu-classic-search-grid,
  .qpu-rentout-form-columns,
  .qpu-rentout-tabs,
  .qpu-auth-form-grid,
  .qpu-footer-inner{
    grid-template-columns:1fr;
  }
}

@media (max-width: 720px){
  .qpu-main-shell{
    padding-top:20px;
  }
  .qpu-classic-brand img{
    width:48px;
    height:48px;
  }
  .qpu-classic-brand-title{
    font-size:26px;
  }
  .qpu-classic-hero h1,
  .qpu-static-hero h1,
  .qpu-auth-hero h1,
  .qpu-request-trips-hero h1,
  .qpu-find-driver-hero h1{
    width:100%;
    padding:16px 18px;
    font-size:26px;
  }
  .qpu-front-modern-hero{
    padding:24px;
  }
  .qpu-front-modern-hero h1{
    font-size:32px;
  }
  .qpu-classic-copy,
  .qpu-classic-login,
  .qpu-classic-block,
  .qpu-auth-card,
  .qpu-find-driver-panel,
  .qpu-request-trips-panel,
  .qpu-static-body,
  .qpu-wallet-transfer,
  .qpu-wallet-driver-card,
  .qpu-wallet-balance,
  .qpu-front-classic-tile,
  .qpu-vehicle-result-card,
  .qpu-request-trip-card,
  .qpu-classic-info-card,
  .qpu-rentout-shell,
  .qpu-rentout-listings,
  .qpu-rentout-intro{
    padding:18px;
    border-radius:20px;
  }
  .qpu-classic-form-grid,
  .qpu-classic-form-grid--two,
  .qpu-classic-row,
  .qpu-rentout-row,
  .qpu-wallet-balance,
  .qpu-wallet-driver-card,
  .qpu-find-driver-page #qpu_driver_result .qpu-row,
  .qpu-find-driver-page #qpu_online_drivers .qpu-row,
  .qpu-request-trips-page .qpu-request-trip-card > .qpu-row,
  .qpu-request-trips-page .qpu-request-trip-card .qpu-card > .qpu-row,
  .qpu-vehicle-result-top{
    grid-template-columns:1fr;
  }
  .qpu-classic-actions,
  .qpu-wallet-submit,
  .qpu-auth-actions{
    justify-content:flex-start;
  }
}


/* ===== Ride redesign: custom QuickAt suggestion popups + entrance chooser ===== */
.pac-container{
  display:none !important;
}
.qpu-ride-field-place{
  position:relative;
  overflow:visible;
}
.qpu-place-popup{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  width:min(100%, 560px);
  z-index:80;
}
.qpu-place-popup-card{
  border:4px solid #15c1eb;
  border-radius:22px;
  background:#eef2f4;
  box-shadow:-12px 12px 0 rgba(71,85,105,.45);
  overflow:hidden;
}
.qpu-place-popup-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:18px 20px 10px;
}
.qpu-place-popup-head strong{
  display:block;
  color:#475569;
  font-size:14px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.qpu-place-popup-head span{
  display:block;
  margin-top:4px;
  color:#6b7280;
  font-size:13px;
  line-height:1.35;
}
.qpu-place-prediction-list{
  display:flex;
  flex-direction:column;
}
.qpu-place-suggestion{
  display:flex;
  align-items:flex-start;
  gap:12px;
  width:100%;
  border:0;
  border-top:1px solid rgba(148,163,184,.35);
  background:transparent;
  padding:14px 18px;
  text-align:left;
  cursor:pointer;
}
.qpu-place-suggestion:first-child{
  border-top:0;
}
.qpu-place-suggestion:hover,
.qpu-place-suggestion:focus{
  background:rgba(17,193,235,.10);
}
.qpu-place-suggestion-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  color:#4b5563;
  flex:0 0 28px;
}
.qpu-place-suggestion-icon svg{
  width:22px;
  height:22px;
}
.qpu-place-suggestion-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.qpu-place-suggestion-copy strong{
  color:#54697a;
  font-size:15px;
  line-height:1.2;
}
.qpu-place-suggestion-copy small{
  color:#6b7280;
  font-size:13px;
  line-height:1.35;
}
.qpu-place-popup-footer{
  padding:8px 18px 14px;
  color:#7c8b99;
  font-size:11px;
  text-align:right;
}
.qpu-place-entrance-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  padding:0 18px 18px;
}
.qpu-place-entrance-btn{
  border:3px solid #15c1eb;
  border-radius:14px;
  background:#f8fafc;
  color:#5f8392;
  font-weight:700;
  font-size:14px;
  line-height:1.3;
  padding:12px 10px;
  text-align:center;
  cursor:pointer;
  box-shadow:-5px 5px 0 rgba(71,85,105,.28);
}
.qpu-place-entrance-btn:hover,
.qpu-place-entrance-btn:focus{
  background:#dff8ff;
}
.qpu-ride-picked-entrance{
  margin-top:12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(20,184,166,.12);
  color:#0f766e;
  font-size:13px;
  font-weight:700;
}
.qpu-ride-service-grid{
  grid-template-columns:1fr;
  gap:12px;
}
.qpu-ride-service-card{
  grid-template-columns:auto 1fr auto;
  align-items:center;
  border-radius:22px;
  padding:14px 16px;
}
.qpu-ride-service-icon{
  width:58px;
  height:40px;
  border-radius:0;
  background:transparent;
  color:#4b5563;
  box-shadow:none;
}
.qpu-ride-service-icon svg{
  width:54px;
  height:30px;
  display:block;
}
.qpu-ride-service-copy strong{
  font-size:18px;
}
.qpu-ride-service-price{
  min-width:88px;
  text-align:right;
}
@media (max-width: 720px){
  .qpu-place-popup{
    width:100%;
  }
  .qpu-place-entrance-grid{
    grid-template-columns:1fr;
  }
  .qpu-ride-service-card{
    padding:12px 14px;
  }
  .qpu-ride-service-copy strong{
    font-size:16px;
  }
}



/* One-page driver onboarding redesign */
.qpu-driver-onboarding-page{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  gap:22px;
  color:#16324f;
}
.qpu-driver-onboarding-hero{
  padding:34px;
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.2), transparent 28%),
    linear-gradient(135deg,#1b4f8f 0%, #12b8ed 58%, #7dd3fc 100%);
  color:#fff;
  box-shadow:0 24px 48px rgba(15,23,42,.12);
}
.qpu-driver-onboarding-badge{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.24);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.qpu-driver-onboarding-hero h1{
  margin:14px 0 10px;
  color:#fff;
  font-size:clamp(32px,4vw,52px);
  line-height:1.02;
}
.qpu-driver-onboarding-hero p{
  margin:0;
  max-width:860px;
  color:rgba(255,255,255,.92);
  font-size:17px;
  line-height:1.6;
}
.qpu-driver-onboarding-alert,
.qpu-driver-onboarding-status{
  padding:16px 18px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(18,184,237,.16);
  box-shadow:0 14px 32px rgba(15,23,42,.06);
}
.qpu-driver-onboarding-alert-success{
  border-color:rgba(16,185,129,.22);
  color:#0f766e;
}
.qpu-driver-onboarding-alert-error{
  border-color:rgba(239,68,68,.18);
  color:#b91c1c;
}
.qpu-driver-onboarding-status{
  font-weight:700;
  color:#0f3f61;
}
.qpu-driver-onboarding-form{
  display:grid;
  gap:22px;
}
.qpu-driver-onboarding-layout{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:22px;
}
.qpu-driver-onboarding-card{
  grid-column:span 6;
  padding:24px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(18,184,237,.12);
  box-shadow:0 18px 40px rgba(15,23,42,.06);
  display:grid;
  gap:18px;
}
.qpu-driver-onboarding-card--full{
  grid-column:1 / -1;
}
.qpu-driver-onboarding-card-head{
  display:grid;
  gap:8px;
}
.qpu-driver-onboarding-card-head h2{
  margin:0;
  font-size:28px;
  color:#0f3f61;
}
.qpu-driver-onboarding-card-head p{
  margin:0;
  color:#5a7184;
}
.qpu-driver-onboarding-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px 18px;
}
.qpu-driver-onboarding-field{
  display:grid;
  gap:8px;
}
.qpu-span-4{ grid-column:span 4; }
.qpu-span-6{ grid-column:span 6; }
.qpu-driver-chip-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.qpu-driver-chip{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:15px 16px;
  border-radius:18px;
  border:1px solid rgba(18,184,237,.14);
  background:linear-gradient(180deg,rgba(248,252,255,.98),rgba(239,248,255,.98));
  color:#0f3f61;
  font-weight:700;
}
.qpu-driver-chip input[type="checkbox"]{
  margin-top:3px;
  accent-color:#12b8ed;
}
.qpu-driver-upload-groups{
  display:grid;
  gap:26px;
}
.qpu-driver-upload-group{
  display:grid;
  gap:14px;
}
.qpu-driver-upload-group h3{
  margin:0;
  font-size:20px;
  color:#0f3f61;
}
.qpu-driver-upload-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.qpu-driver-upload-card{
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(18,184,237,.14);
  background:linear-gradient(180deg,#fbfdff 0%, #f3f9ff 100%);
}
.qpu-driver-upload-copy{
  display:grid;
  gap:6px;
}
.qpu-driver-upload-copy p{
  margin:0;
  color:#5a7184;
  line-height:1.5;
}
.qpu-driver-file-input{
  min-height:60px;
  padding-top:14px;
  padding-bottom:14px;
  color:#0f3f61;
}
.qpu-driver-file-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
}
.qpu-driver-file-mode,
.qpu-driver-file-status{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}
.qpu-driver-file-mode{
  background:rgba(18,184,237,.1);
  color:#0369a1;
}
.qpu-driver-file-status{
  background:rgba(148,163,184,.12);
  color:#475569;
}
.qpu-driver-file-status.is-complete,
.qpu-driver-file-status.is-ready{
  background:rgba(16,185,129,.12);
  color:#047857;
}
.qpu-driver-onboarding-submit{
  display:grid;
  justify-items:center;
  gap:10px;
  text-align:center;
}
.qpu-driver-onboarding-submit .qpu-btn{
  min-width:min(420px,100%);
  min-height:58px;
  border-radius:16px;
  box-shadow:0 18px 34px rgba(18,184,237,.18);
}
@media (max-width: 960px){
  .qpu-driver-onboarding-card,
  .qpu-driver-onboarding-card--full{
    grid-column:1 / -1;
  }
  .qpu-driver-upload-grid,
  .qpu-driver-chip-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 720px){
  .qpu-driver-onboarding-hero{
    padding:24px;
    border-radius:22px;
  }
  .qpu-driver-onboarding-grid{
    grid-template-columns:1fr;
  }
  .qpu-span-4,
  .qpu-span-6{
    grid-column:auto;
  }
  .qpu-driver-onboarding-card{
    padding:18px;
    border-radius:22px;
  }
  .qpu-driver-file-meta{
    align-items:flex-start;
  }
}

/* Driver onboarding — match Request a Ride styling */
.qpu-driver-onboarding-page{
  max-width:1180px;
  margin:0 auto;
}
.qpu-driver-onboarding-hero-wrap{
  margin-bottom:24px;
}
.qpu-driver-onboarding-hero{
  background:
    radial-gradient(circle at top right, rgba(46,178,255,.18), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}
.qpu-driver-onboarding-alert,
.qpu-driver-onboarding-status{
  margin:0 0 16px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid var(--qpu-border);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:var(--qpu-shadow);
  color:var(--qpu-text);
}
.qpu-driver-onboarding-alert-success{
  border-color:rgba(110,231,183,.28);
  color:#6ee7b7;
}
.qpu-driver-onboarding-alert-error{
  border-color:rgba(248,113,113,.28);
  color:#fca5a5;
}
.qpu-driver-onboarding-status{
  color:var(--qpu-text);
  font-weight:800;
}
.qpu-driver-onboarding-form{
  display:grid;
  gap:22px;
}
.qpu-driver-onboarding-layout{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:24px;
  align-items:start;
}
.qpu-driver-onboarding-card{
  grid-column:span 6;
  padding:24px;
  border:1px solid var(--qpu-border);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:var(--qpu-shadow);
  display:grid;
  gap:18px;
}
.qpu-driver-onboarding-card--full{
  grid-column:1 / -1;
}
.qpu-driver-onboarding-card-head{
  display:grid;
  gap:8px;
}
.qpu-driver-onboarding-card-head h2,
.qpu-driver-onboarding-card-head h3{
  margin:0;
  color:var(--qpu-text);
  font-size:22px;
  line-height:1.15;
}
.qpu-driver-onboarding-card-head p,
.qpu-driver-upload-copy p,
.qpu-driver-upload-group > p{
  margin:0;
  color:var(--qpu-muted);
  font-size:14px;
  line-height:1.55;
}
.qpu-driver-onboarding-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
}
.qpu-driver-account-grid{
  grid-template-columns:1fr;
  gap:14px;
}
.qpu-driver-onboarding-field{
  display:grid;
  gap:8px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--qpu-border);
  background:rgba(255,255,255,.03);
}
.qpu-driver-account-field{
  grid-column:1 / -1;
  gap:12px;
  padding:20px 22px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(245,247,250,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
.qpu-driver-account-field .qpu-driver-onboarding-label{
  color:#6b7280;
  font-size:14px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.qpu-driver-onboarding-label{
  display:block;
  margin:0;
}
.qpu-driver-ride-input,
.qpu-driver-ride-select,
.qpu-driver-file-input{
  width:100%;
  min-height:30px;
  padding:0;
  border:none;
  outline:none;
  background:transparent;
  color:var(--qpu-text);
  font-size:16px;
  line-height:1.5;
  box-shadow:none;
  border-radius:0;
}
.qpu-driver-account-field .qpu-driver-ride-input,
.qpu-driver-account-field .qpu-driver-ride-select{
  min-height:34px;
  padding:0 !important;
  border:none !important;
  outline:none !important;
  background:transparent !important;
  color:#7b8794 !important;
  font-size:20px;
  font-weight:500;
  line-height:1.4;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  appearance:none;
}
.qpu-driver-ride-input::placeholder,
.qpu-driver-ride-select:invalid{
  color:rgba(231,238,245,.46);
  opacity:1;
}
.qpu-driver-account-field .qpu-driver-ride-input::placeholder,
.qpu-driver-account-field .qpu-driver-ride-select:invalid,
.qpu-driver-account-field .qpu-driver-ride-select option{
  color:#8a94a6 !important;
  opacity:1;
}
.qpu-driver-ride-input[readonly]{
  opacity:.8;
}
.qpu-driver-account-field .qpu-driver-ride-input[readonly]{
  opacity:1;
}
.qpu-driver-ride-input:focus,
.qpu-driver-ride-select:focus,
.qpu-driver-file-input:focus{
  color:#fff;
}
.qpu-driver-account-field .qpu-driver-ride-input:focus,
.qpu-driver-account-field .qpu-driver-ride-select:focus{
  color:#6b7280 !important;
}
.qpu-driver-ride-select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:26px;
  background-image:linear-gradient(45deg, transparent 50%, rgba(231,238,245,.72) 50%), linear-gradient(135deg, rgba(231,238,245,.72) 50%, transparent 50%);
  background-position:calc(100% - 14px) calc(50% - 2px), calc(100% - 8px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}
.qpu-driver-account-field .qpu-driver-ride-select{
  background-image:linear-gradient(45deg, transparent 50%, rgba(123,135,148,.9) 50%), linear-gradient(135deg, rgba(123,135,148,.9) 50%, transparent 50%) !important;
  background-position:calc(100% - 14px) calc(50% - 2px), calc(100% - 8px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}
.qpu-driver-chip-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:0;
}
.qpu-driver-chip{
  padding:16px;
  border-radius:18px;
  border:1px solid var(--qpu-border);
  background:rgba(255,255,255,.03);
  color:var(--qpu-text);
}
.qpu-driver-chip input[type="checkbox"]{
  width:20px;
  height:20px;
  margin:2px 0 0;
  accent-color:var(--qpu-primary);
}
.qpu-driver-chip span{
  display:grid;
  gap:4px;
  color:var(--qpu-text);
  font-size:15px;
  font-weight:700;
  line-height:1.35;
}
.qpu-driver-upload-groups{
  display:grid;
  gap:18px;
}
.qpu-driver-upload-group{
  display:grid;
  gap:14px;
  padding:18px;
  border:1px solid var(--qpu-border);
  border-radius:22px;
  background:rgba(255,255,255,.03);
}
.qpu-driver-upload-group h3{
  margin:0;
  color:var(--qpu-text);
  font-size:18px;
  line-height:1.2;
}
.qpu-driver-upload-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.qpu-driver-upload-card{
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:18px;
  border:1px solid var(--qpu-border);
  background:rgba(255,255,255,.03);
}
.qpu-driver-file-input{
  min-height:46px;
}
.qpu-driver-file-input::file-selector-button,
.qpu-driver-file-input::-webkit-file-upload-button{
  margin-right:12px;
  min-height:50px;
  padding:0 18px;
  border-radius:16px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb;
  font-size:15px;
  font-weight:700;
  box-shadow:none;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.qpu-driver-file-input::file-selector-button:hover,
.qpu-driver-file-input::-webkit-file-upload-button:hover{
  background:#f5fcff;
}
.qpu-driver-file-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:space-between;
}
.qpu-driver-file-mode,
.qpu-driver-file-status{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
}
.qpu-driver-file-mode{
  background:rgba(46,178,255,.12);
  border:1px solid rgba(46,178,255,.18);
  color:var(--qpu-primary);
}
.qpu-driver-file-status{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:var(--qpu-text);
}
.qpu-driver-file-status.is-complete,
.qpu-driver-file-status.is-ready{
  background:rgba(110,231,183,.12);
  border-color:rgba(110,231,183,.22);
  color:#6ee7b7;
}
.qpu-driver-onboarding-submit{
  margin-top:0;
  display:grid;
  justify-items:center;
  gap:10px;
  text-align:center;
}
.qpu-driver-onboarding-submit .qpu-btn{
  width:100%;
  min-width:0;
  max-width:420px;
}
.qpu-driver-onboarding-submit .qpu-note{
  max-width:760px;
}
:root[data-theme="light"] .qpu-driver-ride-input,
:root[data-theme="light"] .qpu-driver-ride-select,
:root[data-theme="light"] .qpu-driver-file-input{
  color:var(--qpu-text);
}
:root[data-theme="light"] .qpu-driver-account-field .qpu-driver-ride-input,
:root[data-theme="light"] .qpu-driver-account-field .qpu-driver-ride-select{
  color:#7b8794 !important;
}
:root[data-theme="light"] .qpu-driver-ride-input::placeholder,
:root[data-theme="light"] .qpu-driver-ride-select:invalid{
  color:rgba(82,97,107,.75);
}
:root[data-theme="light"] .qpu-driver-account-field .qpu-driver-ride-input::placeholder,
:root[data-theme="light"] .qpu-driver-account-field .qpu-driver-ride-select:invalid,
:root[data-theme="light"] .qpu-driver-account-field .qpu-driver-ride-select option{
  color:#8a94a6 !important;
}
:root[data-theme="light"] .qpu-driver-ride-select{
  background-image:linear-gradient(45deg, transparent 50%, rgba(82,97,107,.8) 50%), linear-gradient(135deg, rgba(82,97,107,.8) 50%, transparent 50%);
}
:root[data-theme="light"] .qpu-driver-account-field .qpu-driver-ride-select{
  background-image:linear-gradient(45deg, transparent 50%, rgba(123,135,148,.9) 50%), linear-gradient(135deg, rgba(123,135,148,.9) 50%, transparent 50%);
}
@media (max-width: 960px){
  .qpu-driver-onboarding-card,
  .qpu-driver-onboarding-card--full{
    grid-column:1 / -1;
  }
  .qpu-driver-chip-grid,
  .qpu-driver-upload-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 720px){
  .qpu-driver-onboarding-grid{
    grid-template-columns:1fr;
  }
  .qpu-span-4,
  .qpu-span-6{
    grid-column:auto;
  }
  .qpu-driver-onboarding-card,
  .qpu-driver-upload-group,
  .qpu-driver-upload-card{
    padding:18px;
  }
  .qpu-driver-file-meta{
    align-items:flex-start;
  }
}


/* Driver onboarding input fields — use site control styling */
.qpu-driver-onboarding-field .qpu-input,
.qpu-driver-onboarding-field .qpu-select{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  min-height:54px !important;
  margin:0 !important;
  padding:14px 16px !important;
  border-radius:16px !important;
  border:1px solid var(--qpu-border) !important;
  background:var(--qpu-control-bg) !important;
  color:var(--qpu-muted) !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
.qpu-driver-account-field{
  background:transparent;
  border:1px solid var(--qpu-border);
  box-shadow:none;
}
.qpu-driver-account-field .qpu-input,
.qpu-driver-account-field .qpu-select{
  background:var(--qpu-control-bg) !important;
  border-color:var(--qpu-border) !important;
  color:var(--qpu-muted) !important;
  font-size:18px !important;
  font-weight:500 !important;
}
.qpu-driver-account-field .qpu-driver-onboarding-label,
.qpu-driver-onboarding-field .qpu-driver-onboarding-label{
  color:var(--qpu-muted) !important;
}
.qpu-driver-onboarding-field .qpu-input::placeholder,
.qpu-driver-onboarding-field .qpu-select:invalid,
.qpu-driver-onboarding-field .qpu-select option{
  color:var(--qpu-muted) !important;
  opacity:1 !important;
}
.qpu-driver-onboarding-field .qpu-input:focus,
.qpu-driver-onboarding-field .qpu-select:focus{
  border-color:rgba(46,178,255,.45) !important;
  color:var(--qpu-text) !important;
  outline:none !important;
}
.qpu-driver-account-field .qpu-input:focus,
.qpu-driver-account-field .qpu-select:focus{
  color:var(--qpu-muted) !important;
}
.qpu-driver-onboarding-field .qpu-input[readonly]{
  opacity:.92;
}
.qpu-driver-account-field .qpu-select{
  padding-right:40px !important;
  background-image:linear-gradient(45deg, transparent 50%, rgba(82,97,107,.8) 50%), linear-gradient(135deg, rgba(82,97,107,.8) 50%, transparent 50%) !important;
  background-position:calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px) !important;
  background-size:6px 6px, 6px 6px !important;
  background-repeat:no-repeat !important;
}
@media (max-width: 720px){
  .qpu-driver-onboarding-field .qpu-input,
  .qpu-driver-onboarding-field .qpu-select{
    min-height:52px !important;
    padding:13px 14px !important;
    font-size:17px !important;
  }
}

/* ===== Mobile header burger menu ===== */
.qpu-mobile-menu-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  width:52px;
  height:52px;
  margin-left:auto;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
  color:var(--qpu-text);
}
.qpu-mobile-menu-toggle span{
  display:block;
  width:20px;
  height:2px;
  border-radius:999px;
  background:currentColor;
}
.qpu-mobile-menu{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(15,23,42,.28);
  padding:88px 16px 20px;
}
.qpu-mobile-menu-panel{
  width:min(100%, 380px);
  margin-left:auto;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  box-shadow:0 24px 60px rgba(15,23,42,.18);
  padding:18px;
}
.qpu-mobile-menu-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.qpu-mobile-menu-head strong{
  font-size:20px;
  color:var(--qpu-text);
}
.qpu-mobile-menu-close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  color:var(--qpu-text);
  font-size:20px;
  line-height:1;
}
.qpu-mobile-menu-section-title{
  margin:16px 0 10px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--qpu-muted);
}
.qpu-mobile-menu-links{
  display:grid;
  gap:10px;
}
.qpu-mobile-menu-links a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  color:var(--qpu-text);
  text-decoration:none;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.qpu-mobile-menu-links a:hover{
  text-decoration:none;
  border-color:rgba(29,161,242,.25);
}
.qpu-mobile-menu-links a.qpu-mobile-menu-link-panic{
  border-color:rgba(255,77,77,.28);
  background:linear-gradient(180deg, rgba(255,77,77,.16), rgba(255,77,77,.06));
  color:#9f3535;
  font-weight:700;
}
body.qpu-mobile-menu-open{
  overflow:hidden;
}

@media (max-width:980px){
  .qpu-classic-header-inner{
    flex-wrap:nowrap !important;
    align-items:center;
    gap:12px;
  }
  .qpu-classic-brand{
    min-width:0;
    flex:1 1 auto;
  }
  .qpu-classic-nav{
    display:none !important;
  }
  .qpu-mobile-menu-toggle{
    display:inline-flex;
    flex:0 0 auto;
  }
}

@media (max-width:720px){
  .qpu-classic-header-inner{
    padding:16px;
  }
  .qpu-classic-brand{
    gap:12px;
  }
  .qpu-classic-brand > div{
    min-width:0;
  }
  .qpu-classic-brand-title{
    font-size:26px;
  }
  .qpu-classic-brand-sub{
    font-size:12px;
    line-height:1.3;
  }
  .qpu-mobile-menu{
    padding-top:78px;
  }
}


/* Settings page restyled to match My Trips visual system */
.qpu-settings-mytrips-template{
  max-width:860px;
  margin:0 auto;
  background:transparent;
  border:0;
  box-shadow:none;
  padding:10px 0 40px;
}
.qpu-settings-mytrips-page{
  max-width:760px;
  margin:0 auto;
}
.qpu-settings-mytrips-template .qpu-settings-page{
  margin:0;
  padding:0;
  background:transparent;
}
.qpu-settings-mytrips-template .qpu-settings-shortcode{
  max-width:none;
  margin:0;
  color:#4f4f4f;
  font-family:inherit;
}
.qpu-settings-mytrips-template .qpu-settings-hero{
  display:block;
  max-width:640px;
  margin:6px auto 28px;
  padding:18px 28px;
  border-radius:18px;
  text-align:center;
  color:#fff;
  background:linear-gradient(90deg,#76868d 0%, #16b8ec 100%);
  box-shadow:10px 10px 0 rgba(0,0,0,.20), 18px 18px 0 rgba(0,0,0,.08);
}
.qpu-settings-mytrips-template .qpu-settings-title-card{
  width:auto;
  max-width:none;
  padding:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#fff;
  text-align:center;
  font-size:34px;
  line-height:1.1;
  font-weight:500;
}
.qpu-settings-mytrips-template .qpu-settings-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  margin:0 auto 22px;
  padding:5px 12px;
  border-radius:999px;
  border:1px solid rgba(22,184,236,.25);
  background:rgba(255,255,255,.78);
  color:#555;
  font-size:12px;
}
.qpu-settings-mytrips-template .qpu-note,
.qpu-settings-mytrips-template .qpu-alert,
.qpu-settings-mytrips-template .qpu-settings-shortcode > .qpu-note,
.qpu-settings-mytrips-template .qpu-settings-shortcode > .qpu-btn{
  max-width:640px;
  margin-left:auto;
  margin-right:auto;
}
.qpu-settings-mytrips-template .qpu-settings-shortcode > .qpu-note{
  text-align:center;
  color:#6a6a6a;
  font-size:14px;
}
.qpu-settings-mytrips-template .qpu-settings-shortcode > .qpu-btn{
  display:inline-flex;
  justify-content:center;
}
.qpu-settings-mytrips-template .qpu-settings-accordion{
  display:grid;
  gap:0;
}
.qpu-settings-mytrips-template .qpu-settings-panel{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  padding:0 0 18px;
}
.qpu-settings-mytrips-template .qpu-settings-panel + .qpu-settings-panel{
  border-top:1px solid #d9d9d9;
  padding-top:24px;
}
.qpu-settings-mytrips-template .qpu-settings-panel summary{
  list-style:none;
  cursor:pointer;
  display:block;
  padding:0 0 18px;
}
.qpu-settings-mytrips-template .qpu-settings-panel summary::-webkit-details-marker{display:none}
.qpu-settings-mytrips-template .qpu-settings-panel summary::before,
.qpu-settings-mytrips-template .qpu-settings-panel summary::after{display:none}
.qpu-settings-mytrips-template .qpu-settings-summary-main{
  display:block;
}
.qpu-settings-mytrips-template .qpu-settings-summary-title{
  display:block;
  margin:0;
  text-align:center;
  font-size:24px;
  line-height:1.2;
  color:#4f4f4f;
  font-weight:500;
}
.qpu-settings-mytrips-template .qpu-settings-summary-copy{
  display:block !important;
  max-width:560px;
  margin:8px auto 0;
  text-align:center;
  color:#5f6a72;
  font-size:14px;
  line-height:1.55;
}
.qpu-settings-mytrips-template .qpu-settings-panel-body{
  padding:0;
  border-top:0;
  display:grid;
  gap:14px;
}
.qpu-settings-mytrips-template .qpu-choice-grid,
.qpu-settings-mytrips-template .qpu-settings-contact-grid,
.qpu-settings-mytrips-template .qpu-settings-child-list,
.qpu-settings-mytrips-template .qpu-accessibility-rows{
  display:grid;
  gap:14px;
}
.qpu-settings-mytrips-template .qpu-choice-grid-theme,
.qpu-settings-mytrips-template .qpu-choice-grid-2,
.qpu-settings-mytrips-template .qpu-settings-contact-grid,
.qpu-settings-mytrips-template .qpu-settings-child-list{
  grid-template-columns:1fr;
  max-width:none;
}
.qpu-settings-mytrips-template .qpu-select-card,
.qpu-settings-mytrips-template .qpu-check-card,
.qpu-settings-mytrips-template .qpu-settings-contact-card,
.qpu-settings-mytrips-template .qpu-settings-child-card,
.qpu-settings-mytrips-template .qpu-card,
.qpu-settings-mytrips-template .qpu-alert,
.qpu-settings-mytrips-template .qpu-note{
  border:1px solid rgba(22,184,236,.16);
  border-radius:16px;
  background:#fff;
  box-shadow:none;
}
.qpu-settings-mytrips-template .qpu-select-card,
.qpu-settings-mytrips-template .qpu-check-card{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:58px;
  margin:0;
  padding:14px 18px;
}
.qpu-settings-mytrips-template .qpu-settings-contact-card,
.qpu-settings-mytrips-template .qpu-settings-child-card{
  padding:18px;
}
.qpu-settings-mytrips-template .qpu-note,
.qpu-settings-mytrips-template .qpu-alert{
  padding:12px 14px;
  color:#50616d;
  font-size:13px;
  line-height:1.55;
}
.qpu-settings-mytrips-template .qpu-settings-contact-title,
.qpu-settings-mytrips-template .qpu-settings-child-card strong,
.qpu-settings-mytrips-template .qpu-accessibility-row-title,
.qpu-settings-mytrips-template .qpu-label,
.qpu-settings-mytrips-template .qpu-settings-text-link,
.qpu-settings-mytrips-template .qpu-select-card strong,
.qpu-settings-mytrips-template .qpu-check-card strong{
  color:#4f4f4f;
  font-size:17px;
  font-weight:700;
}
.qpu-settings-mytrips-template .qpu-select-card small,
.qpu-settings-mytrips-template .qpu-check-card small,
.qpu-settings-mytrips-template .qpu-checkline span,
.qpu-settings-mytrips-template .qpu-settings-child-card .qpu-note,
.qpu-settings-mytrips-template .qpu-settings-summary-copy,
.qpu-settings-mytrips-template .qpu-note{
  color:#5f6a72;
  font-size:13px;
  line-height:1.55;
}
.qpu-settings-mytrips-template .qpu-check-card-plain{
  margin-bottom:0;
}
.qpu-settings-mytrips-template .qpu-choice-grid-theme .qpu-select-card{
  margin-bottom:0;
}
.qpu-settings-mytrips-template input[type="checkbox"],
.qpu-settings-mytrips-template input[type="radio"]{
  -webkit-appearance:none;
  appearance:none;
  width:20px;
  height:20px;
  border:1px solid #737373;
  border-radius:4px;
  background:#fff;
  margin:0;
  position:relative;
  cursor:pointer;
  flex:0 0 20px;
}
.qpu-settings-mytrips-template input[type="checkbox"]:checked::after,
.qpu-settings-mytrips-template input[type="radio"]:checked::after{
  content:'';
  position:absolute;
  inset:4px;
  background:#16b8ec;
  border-radius:2px;
}
.qpu-settings-mytrips-template input[type="radio"]{
  border-radius:50%;
}
.qpu-settings-mytrips-template input[type="radio"]:checked::after{
  border-radius:50%;
}
.qpu-settings-mytrips-template .qpu-label{
  display:block;
  margin:0 0 8px;
}
.qpu-settings-mytrips-template .qpu-label-soft{
  color:#4f4f4f;
}
.qpu-settings-mytrips-template .qpu-input,
.qpu-settings-mytrips-template .qpu-select,
.qpu-settings-mytrips-template .qpu-textarea{
  width:100%;
  min-height:58px;
  padding:14px 18px;
  border-radius:18px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb;
  box-shadow:none;
  font-size:17px;
  font-weight:700;
  box-sizing:border-box;
}
.qpu-settings-mytrips-template .qpu-input::placeholder,
.qpu-settings-mytrips-template .qpu-textarea::placeholder{
  color:#8cbfd4;
  opacity:1;
}
.qpu-settings-mytrips-template .qpu-textarea{
  min-height:108px;
  resize:vertical;
  line-height:1.45;
}
.qpu-settings-mytrips-template .qpu-textarea-compact{
  min-height:86px;
  height:auto;
  padding-top:14px;
}
.qpu-settings-mytrips-template .qpu-select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:48px;
  background-image:
    linear-gradient(45deg, transparent 50%, #24a8eb 50%),
    linear-gradient(135deg, #24a8eb 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 12px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}
.qpu-settings-mytrips-template input[type="date"].qpu-input{
  padding-right:18px;
}
.qpu-settings-mytrips-template input[type="file"].qpu-input{
  min-height:0;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  color:#4f4f4f;
}
.qpu-settings-mytrips-template input[type="file"].qpu-input::file-selector-button{
  min-height:50px;
  margin-right:12px;
  padding:0 18px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  border-radius:16px;
  background:#fff;
  color:#24a8eb;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
}
.qpu-settings-mytrips-template .qpu-checkline{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.qpu-settings-mytrips-template .qpu-checkline input{
  margin-top:2px;
}
.qpu-settings-mytrips-template .qpu-checkline-tight{
  margin-top:10px;
}
.qpu-settings-mytrips-template .qpu-checkline-inline{
  align-items:center;
  margin:0 16px 8px 0;
}
.qpu-settings-mytrips-template .qpu-checkline-inline span,
.qpu-settings-mytrips-template .qpu-checkline-wide span{
  font-size:15px;
  color:#4f4f4f;
  line-height:1.35;
}
.qpu-settings-mytrips-template .qpu-checkline-wide{
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:14px 18px;
  border:1px solid rgba(22,184,236,.16);
  border-radius:16px;
  background:#fff;
}
.qpu-settings-mytrips-template .qpu-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:5px 12px;
  border-radius:999px;
  border:1px solid rgba(22,184,236,.25);
  color:#555;
  background:rgba(255,255,255,.78);
  font-size:12px;
}
.qpu-settings-mytrips-template .qpu-btn,
.qpu-settings-mytrips-template .qpu-btn.secondary,
.qpu-settings-mytrips-template [data-qpu-panic-send]{
  min-height:50px;
  border-radius:16px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb;
  box-shadow:none;
  font-weight:700;
  padding:0 18px;
}
.qpu-settings-mytrips-template .qpu-btn:hover,
.qpu-settings-mytrips-template .qpu-btn.secondary:hover,
.qpu-settings-mytrips-template [data-qpu-panic-send]:hover{
  background:#f5fcff;
}
.qpu-settings-mytrips-template .qpu-settings-actions,
.qpu-settings-mytrips-template .qpu-settings-child-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  flex-wrap:wrap;
  margin-top:14px;
}
.qpu-settings-mytrips-template .qpu-settings-actions .qpu-btn{
  min-width:160px;
  justify-content:center;
}
.qpu-settings-mytrips-template .qpu-settings-text-link{
  display:inline-flex;
  align-items:center;
  min-height:50px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid rgba(22,184,236,.18);
  background:#fff;
  color:#24a8eb;
  text-decoration:none;
}
.qpu-settings-mytrips-template .qpu-settings-text-link:hover{
  background:#f5fcff;
}
.qpu-settings-mytrips-template .qpu-accessibility-row{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.qpu-settings-mytrips-template .qpu-accessibility-row-options{
  display:flex;
  flex-wrap:wrap;
}
.qpu-settings-mytrips-template .qpu-settings-child-form{
  margin-top:14px;
}
.qpu-settings-mytrips-template [data-qpu-panic-send]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:12px;
}

@media (max-width:720px){
  .qpu-settings-mytrips-template{
    padding:10px 0 34px;
  }
  .qpu-settings-mytrips-template .qpu-settings-hero{
    margin-bottom:24px;
    padding:18px 20px;
  }
  .qpu-settings-mytrips-template .qpu-settings-title-card{
    font-size:30px;
  }
  .qpu-settings-mytrips-template .qpu-settings-summary-title{
    font-size:22px;
  }
  .qpu-settings-mytrips-template .qpu-accessibility-row{
    grid-template-columns:1fr;
    gap:10px;
  }
}

@media (max-width:640px){
  .qpu-settings-mytrips-template .qpu-select-card,
  .qpu-settings-mytrips-template .qpu-check-card,
  .qpu-settings-mytrips-template .qpu-checkline-wide,
  .qpu-settings-mytrips-template .qpu-settings-contact-card,
  .qpu-settings-mytrips-template .qpu-settings-child-card{
    padding:14px 16px;
  }
  .qpu-settings-mytrips-template .qpu-input,
  .qpu-settings-mytrips-template .qpu-select,
  .qpu-settings-mytrips-template .qpu-textarea{
    min-height:54px;
    font-size:16px;
    padding:12px 16px;
  }
  .qpu-settings-mytrips-template .qpu-settings-actions,
  .qpu-settings-mytrips-template .qpu-settings-child-actions{
    justify-content:stretch;
  }
  .qpu-settings-mytrips-template .qpu-settings-actions .qpu-btn,
  .qpu-settings-mytrips-template .qpu-settings-child-actions .qpu-btn,
  .qpu-settings-mytrips-template .qpu-settings-text-link{
    width:100%;
    justify-content:center;
  }
}


/* Find Driver page matched to My Trips */
.qpu-finddriver-mytrips-template{
  max-width:860px;
  margin:0 auto;
  background:transparent;
  border:0;
  box-shadow:none;
  padding:10px 0 40px;
}
.qpu-finddriver-mytrips-page{
  max-width:760px;
  margin:0 auto;
}
.qpu-finddriver-mytrips-hero{
  max-width:640px;
  margin:6px auto 28px;
  padding:18px 28px;
  border-radius:18px;
  text-align:center;
  color:#fff;
  background:linear-gradient(90deg,#76868d 0%, #16b8ec 100%);
  box-shadow:10px 10px 0 rgba(0,0,0,.20), 18px 18px 0 rgba(0,0,0,.08);
}
.qpu-finddriver-mytrips-hero h1{
  margin:0;
  color:#fff;
  font-size:34px;
  line-height:1.1;
  font-weight:500;
}
.qpu-finddriver-mytrips-intro{
  text-align:center;
  margin:0 0 22px;
}
.qpu-finddriver-mytrips-intro h2{
  margin:0;
  font-size:24px;
  color:#4f4f4f;
}
.qpu-finddriver-mytrips-intro p{
  max-width:600px;
  margin:10px auto 0;
  color:#5f6a72;
  font-size:14px;
  line-height:1.55;
}
.qpu-finddriver-mytrips-panel{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}
.qpu-finddriver-mytrips-section-head{
  margin:0 0 18px;
}
.qpu-finddriver-mytrips-section-head h3{
  margin:0;
  text-align:center;
  font-size:24px;
  line-height:1.2;
  color:#4f4f4f;
  font-weight:500;
}
.qpu-finddriver-mytrips-section-head p{
  max-width:600px;
  margin:8px auto 0;
  text-align:center;
  color:#5f6a72;
  font-size:14px;
  line-height:1.55;
}
.qpu-finddriver-mytrips-divider{
  height:1px;
  margin:18px 0 22px;
  background:rgba(110,110,110,.28);
}
.qpu-finddriver-mytrips-label{
  display:block;
  margin:0 0 10px;
  color:#4f4f4f;
  font-size:17px;
  font-weight:700;
}
.qpu-finddriver-mytrips-search,
.qpu-finddriver-mytrips-actions,
.qpu-finddriver-mytrips-results{
  display:grid;
  gap:14px;
}
.qpu-finddriver-mytrips-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  gap:12px;
  align-items:center;
}
.qpu-finddriver-mytrips-input,
.qpu-finddriver-mytrips-template .qpu-input{
  min-height:58px;
  width:100%;
  padding:0 18px;
  border-radius:18px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb;
  font-size:17px;
  font-weight:700;
  box-sizing:border-box;
  box-shadow:none;
}
.qpu-finddriver-mytrips-input::placeholder,
.qpu-finddriver-mytrips-template .qpu-input::placeholder{
  color:#86b9d4;
  font-weight:600;
}
.qpu-finddriver-mytrips-template .qpu-btn,
.qpu-finddriver-mytrips-template .qpu-btn.secondary{
  min-height:50px;
  border-radius:16px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb;
  box-shadow:none;
  justify-content:center;
}
.qpu-finddriver-mytrips-template .qpu-btn:hover,
.qpu-finddriver-mytrips-template .qpu-btn.secondary:hover{
  background:#f5fcff;
  transform:none;
}
.qpu-finddriver-mytrips-actions{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.qpu-finddriver-mytrips-template .qpu-note{
  padding:12px 14px;
  border:1px solid rgba(22,184,236,.16);
  border-radius:16px;
  background:#fff;
  color:#50616d;
  font-size:13px;
  line-height:1.55;
  box-shadow:none;
}
.qpu-finddriver-mytrips-template #qpu_driver_result > .qpu-card,
.qpu-finddriver-mytrips-template #qpu_driver_result .qpu-card,
.qpu-finddriver-mytrips-template #qpu_online_drivers > .qpu-card,
.qpu-finddriver-mytrips-template #qpu_online_drivers .qpu-card{
  border:1px solid rgba(22,184,236,.16);
  border-radius:16px;
  background:#fff;
  box-shadow:none;
}
.qpu-finddriver-mytrips-template #qpu_driver_result > .qpu-card,
.qpu-finddriver-mytrips-template #qpu_online_drivers > .qpu-card{
  padding:18px;
}
.qpu-finddriver-mytrips-template #qpu_driver_result .qpu-row,
.qpu-finddriver-mytrips-template #qpu_online_drivers .qpu-row{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.qpu-finddriver-mytrips-template #qpu_driver_result img,
.qpu-finddriver-mytrips-template #qpu_online_drivers img{
  width:100%;
  max-width:140px;
  height:auto;
  border-radius:16px;
  box-shadow:none;
}
.qpu-finddriver-mytrips-template #qpu_driver_result h3,
.qpu-finddriver-mytrips-template #qpu_online_drivers h3{
  margin:0;
  color:#4f4f4f;
  font-size:22px;
  line-height:1.2;
  font-weight:600;
}
.qpu-finddriver-mytrips-template #qpu_driver_result .qpu-pill,
.qpu-finddriver-mytrips-template #qpu_online_drivers .qpu-pill,
.qpu-finddriver-mytrips-template #qpu_driver_result .qpu-trip-tag,
.qpu-finddriver-mytrips-template #qpu_online_drivers .qpu-trip-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:5px 12px;
  border-radius:999px;
  border:1px solid rgba(22,184,236,.25);
  background:rgba(255,255,255,.78);
  color:#555;
  font-size:12px;
}
.qpu-finddriver-mytrips-template #qpu_driver_result .qpu-note,
.qpu-finddriver-mytrips-template #qpu_online_drivers .qpu-note{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#5f6a72;
}
.qpu-finddriver-mytrips-template #qpu_driver_result .qpu-ride-driver-tags,
.qpu-finddriver-mytrips-template #qpu_online_drivers .qpu-ride-driver-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0;
}
.qpu-finddriver-mytrips-template #qpu_driver_result form{
  margin-top:12px;
}
.qpu-finddriver-mytrips-template #qpu_driver_result > .qpu-card + .qpu-card,
.qpu-finddriver-mytrips-template #qpu_online_drivers > .qpu-card + .qpu-card{
  margin-top:14px;
}
@media (max-width: 767px){
  .qpu-finddriver-mytrips-template{
    padding:8px 0 32px;
  }
  .qpu-finddriver-mytrips-hero{
    margin:4px auto 24px;
    padding:16px 20px;
    border-radius:16px;
  }
  .qpu-finddriver-mytrips-hero h1{
    font-size:28px;
  }
  .qpu-finddriver-mytrips-intro h2,
  .qpu-finddriver-mytrips-section-head h3{
    font-size:22px;
  }
  .qpu-finddriver-mytrips-search-row,
  .qpu-finddriver-mytrips-actions,
  .qpu-finddriver-mytrips-template #qpu_driver_result .qpu-row,
  .qpu-finddriver-mytrips-template #qpu_online_drivers .qpu-row{
    grid-template-columns:1fr;
  }
  .qpu-finddriver-mytrips-template #qpu_driver_result img,
  .qpu-finddriver-mytrips-template #qpu_online_drivers img{
    max-width:120px;
  }
}


/* Rent Out Vehicle page — My Trips style */
.qpu-rentout-mytrips-template{
  max-width:860px;
  margin:0 auto;
  background:transparent;
  border:0;
  box-shadow:none;
  padding:10px 0 40px;
}
.qpu-rentout-mytrips-page{
  max-width:760px;
  margin:0 auto;
}
.qpu-rentout-mytrips-hero{
  max-width:640px;
  margin:6px auto 28px;
  padding:18px 28px;
  border-radius:18px;
  text-align:center;
  color:#fff;
  background:linear-gradient(90deg,#76868d 0%, #16b8ec 100%);
  box-shadow:10px 10px 0 rgba(0,0,0,.20), 18px 18px 0 rgba(0,0,0,.08);
}
.qpu-rentout-mytrips-hero h1{
  margin:0;
  color:#fff;
  font-size:34px;
  line-height:1.1;
  font-weight:500;
}
.qpu-rentout-mytrips-intro{
  text-align:center;
  margin:0 0 24px;
}
.qpu-rentout-mytrips-intro h2{
  margin:0 0 8px;
  font-size:24px;
  color:#4f4f4f;
}
.qpu-rentout-mytrips-intro p,
.qpu-rentout-mytrips-template .qpu-note{
  color:#5f6a72;
  font-size:13px;
  line-height:1.55;
}
.qpu-rentout-mytrips-panel{
  background:transparent;
  border:0;
  box-shadow:none;
}
.qpu-rentout-mytrips-divider{
  height:1px;
  margin:18px 0 22px;
  background:rgba(110,110,110,.28);
}
.qpu-rentout-mytrips-section-head{
  margin:0 0 20px;
  text-align:center;
}
.qpu-rentout-mytrips-section-head h3{
  margin:0 0 8px;
  font-size:24px;
  color:#4f4f4f;
}
.qpu-rentout-mytrips-section-head p{
  margin:0;
}
.qpu-rentout-mytrips-section-head-split{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  text-align:left;
}
.qpu-rentout-mytrips-tabs,
.qpu-rentout-mytrips-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.qpu-rentout-mytrips-tabs{ justify-content:center; }
.qpu-rentout-mytrips-actions-tight{ justify-content:flex-end; }
.qpu-rentout-mytrips-notice{
  margin:0 0 18px;
  text-align:center;
}
.qpu-rentout-mytrips-template .qpu-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:5px 12px;
  border-radius:999px;
  border:1px solid rgba(22,184,236,.25);
  color:#555;
  background:rgba(255,255,255,.78);
  font-size:12px;
  text-transform:capitalize;
}
.qpu-rentout-mytrips-form,
.qpu-rentout-mytrips-stack,
.qpu-rentout-mytrips-listings{
  display:grid;
  gap:22px;
}
.qpu-rentout-mytrips-grid{ gap:18px; }
.qpu-rentout-mytrips-template .qpu-label{
  display:block;
  margin:0 0 8px;
  font-size:17px;
  font-weight:700;
  color:#4f4f4f;
}
.qpu-rentout-mytrips-template .qpu-input,
.qpu-rentout-mytrips-template .qpu-select,
.qpu-rentout-mytrips-template .qpu-textarea{
  min-height:58px;
  display:flex;
  align-items:center;
  width:100%;
  padding:0 18px;
  border-radius:18px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb;
  font-size:17px;
  font-weight:700;
  box-sizing:border-box;
  box-shadow:none;
}
.qpu-rentout-mytrips-template .qpu-textarea,
.qpu-rentout-mytrips-template textarea.qpu-input{
  min-height:140px;
  padding-top:14px;
  padding-bottom:14px;
  line-height:1.35;
}
.qpu-rentout-mytrips-template .qpu-input::placeholder,
.qpu-rentout-mytrips-template .qpu-textarea::placeholder{
  color:#7faec3;
  font-weight:600;
}
.qpu-rentout-mytrips-template .qpu-select{
  appearance:none;
  background-image:linear-gradient(45deg, transparent 50%, #24a8eb 50%), linear-gradient(135deg, #24a8eb 50%, transparent 50%);
  background-position:calc(100% - 24px) calc(50% - 4px), calc(100% - 16px) calc(50% - 4px);
  background-size:8px 8px, 8px 8px;
  background-repeat:no-repeat;
  padding-right:48px;
}
.qpu-rentout-mytrips-template input[type="date"].qpu-input,
.qpu-rentout-mytrips-template input[type="file"].qpu-input{
  color:#4f4f4f;
  font-weight:600;
}
.qpu-rentout-mytrips-template input[type="file"].qpu-input{
  min-height:64px;
  padding-top:10px;
  padding-bottom:10px;
}
.qpu-rentout-mytrips-template input[type="file"].qpu-input::file-selector-button{
  margin-right:14px;
  border:0;
  border-radius:999px;
  padding:10px 14px;
  background:rgba(22,184,236,.12);
  color:#1e99d9;
  font-weight:700;
  cursor:pointer;
}
.qpu-rentout-mytrips-template .qpu-btn,
.qpu-rentout-mytrips-template .qpu-btn.secondary{
  min-height:56px;
  padding:0 22px;
  border-radius:18px;
  border:0;
  background:#79888e;
  color:#fff;
  font-size:16px;
  font-weight:700;
  box-shadow:8px 8px 0 rgba(0,0,0,.16);
}
.qpu-rentout-mytrips-template .qpu-btn,
.qpu-rentout-mytrips-template .qpu-btn.secondary{
  background:linear-gradient(90deg,#76868d 0%, #16b8ec 100%);
}
.qpu-rentout-mytrips-template .qpu-btn:hover,
.qpu-rentout-mytrips-template .qpu-btn.secondary:hover{
  transform:translateY(-1px);
  box-shadow:10px 10px 0 rgba(0,0,0,.14);
}
.qpu-rentout-mytrips-item{
  display:grid;
  grid-template-columns:200px minmax(0,1fr);
  gap:22px;
  padding:0 0 18px;
}
.qpu-rentout-mytrips-item + .qpu-rentout-mytrips-item{
  border-top:1px solid #d9d9d9;
  padding-top:24px;
}
.qpu-rentout-mytrips-item-request{
  grid-template-columns:minmax(0,1fr);
}
.qpu-rentout-mytrips-item-media img{
  width:100%;
  height:auto;
  display:block;
}
.qpu-rentout-mytrips-item-main{
  display:grid;
  gap:14px;
}
.qpu-rentout-mytrips-item-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.qpu-rentout-mytrips-item-head h4{
  margin:0;
  color:#4f4f4f;
  font-size:22px;
  line-height:1.2;
}
.qpu-rentout-mytrips-item-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px 18px;
}
.qpu-rentout-mytrips-item-row{
  display:grid;
  gap:8px;
}
.qpu-rentout-mytrips-item-row-wide{
  grid-column:1 / -1;
}
.qpu-rentout-mytrips-item-label{
  font-size:17px;
  font-weight:700;
  color:#4f4f4f;
}
.qpu-rentout-mytrips-item-value{
  min-height:58px;
  display:flex;
  align-items:center;
  width:100%;
  padding:0 18px;
  border-radius:18px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb;
  font-size:17px;
  font-weight:700;
  box-sizing:border-box;
  line-height:1.35;
}
.qpu-rentout-mytrips-message{
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(22,184,236,.18);
  background:rgba(22,184,236,.08);
  color:#50616d;
  font-size:13px;
}
.qpu-rentout-mytrips-empty{
  text-align:center;
}
@media (max-width: 782px){
  .qpu-rentout-mytrips-template{
    padding-left:12px;
    padding-right:12px;
  }
  .qpu-rentout-mytrips-hero{
    padding:18px 20px;
    margin-bottom:22px;
    box-shadow:8px 8px 0 rgba(0,0,0,.16), 14px 14px 0 rgba(0,0,0,.07);
  }
  .qpu-rentout-mytrips-hero h1{
    font-size:28px;
  }
  .qpu-rentout-mytrips-intro h2,
  .qpu-rentout-mytrips-section-head h3{
    font-size:22px;
  }
  .qpu-rentout-mytrips-section-head-split,
  .qpu-rentout-mytrips-item,
  .qpu-rentout-mytrips-item-head,
  .qpu-rentout-mytrips-item-grid{
    grid-template-columns:1fr;
    display:grid;
  }
  .qpu-rentout-mytrips-item-head{
    gap:10px;
  }
  .qpu-rentout-mytrips-template .qpu-btn,
  .qpu-rentout-mytrips-template .qpu-btn.secondary,
  .qpu-rentout-mytrips-actions form,
  .qpu-rentout-mytrips-actions .qpu-btn{
    width:100%;
  }
}

/* Driver onboarding hero text contrast fix */
.qpu-driver-onboarding-hero .qpu-ride-title,
.qpu-driver-onboarding-hero .qpu-ride-subtitle,
.qpu-driver-onboarding-hero .qpu-ride-chip{
  color:#4a4a4a;
}

/* Rent Out Vehicle selected controls — match login page login button */
.qpu-rentout-mytrips-template .qpu-rentout-login-btn,
.qpu-rentout-mytrips-template .qpu-rentout-login-btn.secondary,
.qpu-rentout-mytrips-template .qpu-rentout-login-btn:link,
.qpu-rentout-mytrips-template .qpu-rentout-login-btn.secondary:link,
.qpu-rentout-mytrips-template .qpu-rentout-login-btn:visited,
.qpu-rentout-mytrips-template .qpu-rentout-login-btn.secondary:visited,
.qpu-rentout-mytrips-template button.qpu-rentout-login-btn,
.qpu-rentout-mytrips-template button.qpu-rentout-login-btn.secondary{
  min-height:50px;
  padding:0 18px;
  border-radius:16px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background:#fff;
  color:#24a8eb !important;
  font-size:15px;
  font-weight:700;
  box-shadow:none;
  text-decoration:none;
  appearance:none;
  -webkit-appearance:none;
}

.qpu-rentout-mytrips-template .qpu-rentout-login-btn:hover,
.qpu-rentout-mytrips-template .qpu-rentout-login-btn.secondary:hover,
.qpu-rentout-mytrips-template .qpu-rentout-login-btn:focus,
.qpu-rentout-mytrips-template .qpu-rentout-login-btn.secondary:focus,
.qpu-rentout-mytrips-template button.qpu-rentout-login-btn:hover,
.qpu-rentout-mytrips-template button.qpu-rentout-login-btn:focus{
  background:#f5fcff;
  color:#24a8eb !important;
  text-decoration:none;
  transform:none;
}

/* Driver register app install card */
.qpu-driver-app-install-card{
  display:flex;
  align-items:center;
  gap:18px;
  padding:18px 20px;
  margin:0 0 18px;
  border:1px solid rgba(18,34,58,.10);
  border-radius:22px;
  background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(243,250,255,.96));
  box-shadow:0 18px 36px rgba(10,31,68,.08);
}
.qpu-driver-app-install-icon-wrap{
  flex:0 0 auto;
}
.qpu-driver-app-install-icon{
  width:72px;
  height:72px;
  border-radius:22px;
  object-fit:cover;
  display:block;
  background:#fff;
  box-shadow:0 10px 24px rgba(10,31,68,.12);
}
.qpu-driver-app-install-copy{
  flex:1 1 auto;
  min-width:0;
}
.qpu-driver-app-install-kicker{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(22,184,236,.10);
  color:#0c6f95;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.qpu-driver-app-install-copy h2{
  margin:10px 0 0;
}
.qpu-driver-app-install-copy p{
  margin:8px 0 0;
}
.qpu-driver-app-install-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.qpu-driver-app-install-note{
  margin-top:12px;
  color:var(--qpu-text-muted, #5d6b7c);
  font-size:14px;
  line-height:1.6;
}
@media (max-width: 767px){
  .qpu-driver-app-install-card{
    align-items:flex-start;
    padding:16px;
  }
  .qpu-driver-app-install-icon{
    width:64px;
    height:64px;
    border-radius:18px;
  }
  .qpu-driver-app-install-actions .qpu-btn{
    width:100%;
    justify-content:center;
  }
}


/* Register gender select aligns with the My Trips control styling */
.qpu-auth-form .qpu-select.qpu-select--triplike{
  min-height:58px;
  padding:14px 48px 14px 18px;
  border-radius:18px;
  border:6px solid #16b8ec;
  border-left-color:#6f7d83;
  background-color:#fff;
  color:#24a8eb;
  font-size:17px;
  font-weight:700;
  box-sizing:border-box;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, #24a8eb 50%),
    linear-gradient(135deg, #24a8eb 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 12px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}
.qpu-auth-form .qpu-select.qpu-select--triplike:focus{
  outline:none;
  background-color:#f9fdff;
}