/* V38 — booking satu layar, tanpa PIN untuk order biasa */
@media (max-width: 640px) {
  html,body{height:100%;max-height:100%;overflow:hidden!important}
  body.customer-one-screen{height:100dvh!important;min-height:0!important;overflow:hidden!important;background:#f8f5fb!important}

  body.customer-one-screen .top{
    position:relative!important;top:auto!important;height:56px!important;min-height:56px!important;z-index:120!important;
  }
  body.customer-one-screen .top .bar{height:56px!important;min-height:56px!important;padding:5px 12px!important}
  body.customer-one-screen .logo{width:40px!important;height:40px!important;border-radius:13px!important;font-size:20px!important}
  body.customer-one-screen .brand b{font-size:14px!important}

  body.customer-one-screen .wrap{
    height:calc(100dvh - 56px)!important;min-height:0!important;
    padding:5px 6px 118px!important;overflow:hidden!important;
  }
  body.customer-one-screen #customerView{height:100%!important;min-height:0!important;overflow:hidden!important}
  body.customer-one-screen .premium-order-card{
    height:100%!important;min-height:0!important;max-height:none!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important;
    border-radius:18px!important;padding:0!important;margin:0!important;
  }

  /* Data pemesan ringkas */
  body.customer-one-screen .premium-order-card>.order-section:nth-of-type(1){
    order:1!important;flex:0 0 auto!important;margin:7px 8px 5px!important;padding:7px 8px!important;border-radius:14px!important;
  }
  body.customer-one-screen .premium-order-card>.order-section:nth-of-type(1) .section-head{margin-bottom:5px!important;gap:7px!important}
  body.customer-one-screen .premium-order-card>.order-section:nth-of-type(1) .section-num{width:28px!important;height:28px!important;min-width:28px!important;border-radius:10px!important;font-size:12px!important}
  body.customer-one-screen .premium-order-card>.order-section:nth-of-type(1) .section-head b{font-size:12px!important}
  body.customer-one-screen .premium-order-card>.order-section:nth-of-type(1) .section-head small{font-size:8.5px!important}
  body.customer-one-screen .premium-grid{gap:5px!important}
  body.customer-one-screen .premium-grid input{height:31px!important;min-height:31px!important;border-radius:10px!important;font-size:11px!important;padding:0 9px!important}
  body.customer-one-screen .premium-order-card>.order-section:nth-of-type(1) .v35-privacy{
    margin-top:4px!important;padding:4px 7px!important;border-radius:9px!important;font-size:8.3px!important;line-height:1.15!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }

  /* Lokasi mengisi ruang tersisa; peta otomatis mengecil/membesar sesuai HP */
  body.customer-one-screen .premium-order-card>.order-section:nth-of-type(2){
    order:2!important;flex:1 1 auto!important;min-height:0!important;margin:0 8px 4px!important;padding:0!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important;
  }
  body.customer-one-screen .route-inputs{flex:0 0 auto!important;border-radius:14px!important;padding:2px 7px!important}
  body.customer-one-screen .route-field{height:38px!important;min-height:38px!important;grid-template-columns:20px minmax(0,1fr) 31px!important;gap:5px!important;padding:2px!important}
  body.customer-one-screen .route-dot{width:12px!important;height:12px!important;border-width:3px!important}
  body.customer-one-screen .route-field small{font-size:7px!important}
  body.customer-one-screen .route-value-icon{font-size:13px!important}
  body.customer-one-screen .route-field input{height:19px!important;min-height:19px!important;font-size:11.5px!important}
  body.customer-one-screen .route-arrow{width:29px!important;height:29px!important;min-width:29px!important;font-size:16px!important}
  body.customer-one-screen .route-field+.route-line{margin-left:23px!important}
  body.customer-one-screen .map-stage{
    flex:1 1 auto!important;min-height:84px!important;height:auto!important;margin:5px 0 0!important;border-radius:14px!important;
  }
  body.customer-one-screen .premium-order-card .map-stage #map,body.customer-one-screen .premium-order-card #map{
    min-height:0!important;height:100%!important;border-radius:14px!important;
  }
  body.customer-one-screen .gps-map-chip{top:6px!important;left:6px!important;padding:5px 8px!important;font-size:8px!important}
  body.customer-one-screen .premium-maptools{left:6px!important;top:39px!important;width:30px!important;gap:3px!important}
  body.customer-one-screen .premium-maptools .btn{width:30px!important;height:30px!important;min-height:30px!important;border-radius:8px!important}
  body.customer-one-screen #myLoc{font-size:14px!important}
  body.customer-one-screen #modePickup:before{font-size:19px!important}
  body.customer-one-screen #modeDest:before{font-size:18px!important}

  /* Layanan satu baris, tetap mudah ditekan */
  body.customer-one-screen .premium-services{
    order:3!important;flex:0 0 49px!important;height:49px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;margin:0!important;padding:3px 8px 4px!important;
  }
  body.customer-one-screen .premium-services button{height:43px!important;min-height:43px!important;border-radius:11px!important;padding:2px 1px!important;gap:1px!important}
  body.customer-one-screen .premium-services .service-icon{font-size:17px!important;line-height:18px!important}
  body.customer-one-screen .premium-services button b{font-size:7.8px!important}

  /* Default sederhana: opsi lanjutan tidak memakan ruang beranda */
  body.customer-one-screen .trip-options-launch,
  body.customer-one-screen .trip-summary,
  body.customer-one-screen .food-help,
  body.customer-one-screen .premium-order-card>.order-section:nth-of-type(3){display:none!important}

  /* Tarif + pesan selalu terlihat tanpa scroll */
  body.customer-one-screen .order-action{
    position:fixed!important;left:6px!important;right:6px!important;bottom:55px!important;z-index:96!important;
    min-height:58px!important;height:58px!important;padding:5px 7px!important;border-radius:15px!important;
    grid-template-columns:minmax(104px,.78fr) minmax(145px,1.22fr)!important;gap:6px!important;
  }
  body.customer-one-screen .fare-checkout>span{font-size:7px!important}
  body.customer-one-screen .fare-checkout>b{font-size:17px!important}
  body.customer-one-screen .fare-checkout>small{font-size:7.2px!important;max-width:132px!important}
  body.customer-one-screen .premium-order-btn{height:46px!important;min-height:46px!important;border-radius:12px!important;font-size:14px!important}
  body.customer-one-screen .premium-order-card>#cMsg{position:fixed!important;left:12px!important;right:12px!important;bottom:119px!important;z-index:110!important;margin:0!important}

  body.customer-one-screen .customer-bottom-nav{height:52px!important;min-height:52px!important;bottom:0!important;z-index:95!important}
  body.customer-one-screen .customer-bottom-nav button span{height:22px!important;font-size:15px!important}
  body.customer-one-screen .customer-bottom-nav button small{font-size:7.5px!important}
}

/* HP sangat pendek: prioritaskan input, lokasi, tarif dan tombol pesan */
@media (max-width:640px) and (max-height:620px){
  body.customer-one-screen .top{height:50px!important;min-height:50px!important}
  body.customer-one-screen .top .bar{height:50px!important;min-height:50px!important}
  body.customer-one-screen .wrap{height:calc(100dvh - 50px)!important;padding-top:3px!important}
  body.customer-one-screen .premium-order-card>.order-section:nth-of-type(1){margin-top:4px!important;padding-top:5px!important;padding-bottom:5px!important}
  body.customer-one-screen .premium-order-card>.order-section:nth-of-type(1) .section-head{display:none!important}
  body.customer-one-screen .premium-order-card>.order-section:nth-of-type(1) .v35-privacy{font-size:7.5px!important}
  body.customer-one-screen .route-field{height:34px!important;min-height:34px!important}
  body.customer-one-screen .premium-services{flex-basis:44px!important;height:44px!important}
  body.customer-one-screen .premium-services button{height:39px!important;min-height:39px!important}
  body.customer-one-screen .premium-services .service-icon{font-size:15px!important}
}
