:root{
  --bqot-navy:#072b5c;
  --bqot-navy-hover:#0b376e;
  --bqot-orange:#f36f21;
  --bqot-orange-hover:#e85f12;
  --bqot-title:#0a2b57;
  --bqot-text:#26364d;
  --bqot-muted:#6d788a;
  --bqot-border:#dfe6ef;
  --bqot-soft:#f6f8fb;
  --bqot-success:#17845f;
  --bqot-danger:#b42318;
  --bqot-shadow:0 24px 64px rgba(7,43,92,.18),0 8px 22px rgba(7,43,92,.08);
}

.bqot{font-family:inherit!important;color:var(--bqot-text)!important;font-size:14px!important;line-height:1.75!important}
.bqot,.bqot *{box-sizing:border-box!important}

/* Floating trigger: solid, legible, isolated from theme button styles. */
.bqot-fab{
  appearance:none!important;
  position:fixed!important;
  right:22px!important;
  bottom:24px!important;
  z-index:9988!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:138px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:999px!important;
  background:#f36f21!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  opacity:1!important;
  box-shadow:0 12px 28px rgba(243,111,33,.34),0 4px 10px rgba(7,43,92,.16)!important;
  cursor:pointer!important;
  overflow:visible!important;
  isolation:isolate!important;
  transform:translateZ(0);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .22s ease,box-shadow .22s ease!important;
  animation:bqotFloat 3.6s ease-in-out infinite!important;
}
.bqot-fab span{position:relative!important;z-index:2!important;color:#fff!important;-webkit-text-fill-color:#fff!important;white-space:nowrap!important}
.bqot-fab::before{
  content:""!important;
  position:absolute!important;
  inset:-5px!important;
  z-index:-1!important;
  border:2px solid rgba(243,111,33,.32)!important;
  border-radius:999px!important;
  background:transparent!important;
  pointer-events:none!important;
  animation:bqotPulse 2.7s ease-out infinite!important;
}
.bqot-fab::after{
  content:""!important;
  position:absolute!important;
  right:16px!important;
  left:16px!important;
  bottom:-7px!important;
  height:8px!important;
  z-index:-2!important;
  border-radius:50%!important;
  background:rgba(7,43,92,.18)!important;
  filter:blur(7px)!important;
  opacity:.65!important;
  pointer-events:none!important;
}
.bqot-fab:hover{background:#e85f12!important;transform:translateY(-4px) scale(1.02)!important;box-shadow:0 17px 36px rgba(243,111,33,.38),0 6px 16px rgba(7,43,92,.18)!important}
.bqot-fab:active{transform:translateY(-1px) scale(.985)!important}
.bqot-fab:focus-visible{outline:3px solid rgba(7,43,92,.18)!important;outline-offset:3px!important}

/* Modal shell */
.bqot-modal[hidden]{display:none!important}
.bqot-modal{
  position:fixed!important;
  inset:0!important;
  z-index:99998!important;
  display:grid!important;
  place-items:center!important;
  padding:16px!important;
  overflow:hidden!important;
}
.bqot-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(10,25,47,.50)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
  animation:bqotFade .17s ease both!important;
}
.bqot-dialog{
  position:relative!important;
  width:min(446px,calc(100vw - 32px))!important;
  max-width:446px!important;
  max-height:calc(100dvh - 32px)!important;
  margin:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(223,230,239,.98)!important;
  border-radius:19px!important;
  box-shadow:var(--bqot-shadow)!important;
  outline:0!important;
  animation:bqotDialogIn .26s cubic-bezier(.2,.78,.2,1) both!important;
}
.bqot-dialog::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  left:0!important;
  height:3px!important;
  background:linear-gradient(90deg,var(--bqot-orange),var(--bqot-navy),var(--bqot-orange))!important;
  background-size:180% 100%!important;
  animation:bqotTopLine 5s linear infinite!important;
}
.bqot-dialog__head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:74px!important;
  padding:16px 20px 13px!important;
  border-bottom:1px solid var(--bqot-border)!important;
  background:#fff!important;
}
.bqot-dialog__head>div{min-width:0!important}
.bqot-dialog h2{margin:0!important;color:var(--bqot-title)!important;-webkit-text-fill-color:var(--bqot-title)!important;font-family:inherit!important;font-size:22px!important;font-weight:800!important;line-height:1.4!important}
.bqot-close{
  appearance:none!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  margin:0!important;
  flex:0 0 36px!important;
  border:1px solid var(--bqot-border)!important;
  border-radius:50%!important;
  background:#fff!important;
  background-image:none!important;
  color:#6a7586!important;
  -webkit-text-fill-color:#6a7586!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:transform .18s ease,border-color .18s ease,color .18s ease,background-color .18s ease!important;
}
.bqot-close:hover{transform:rotate(7deg)!important;border-color:#cad5e2!important;color:var(--bqot-navy)!important;-webkit-text-fill-color:var(--bqot-navy)!important;background:#f8fafc!important}
.bqot-close svg{width:18px!important;height:18px!important;display:block!important}
.bqot-dialog__body{padding:17px 20px 20px!important;overflow:hidden!important;min-height:0!important}
.bqot-dialog__body.bqot-view-enter{animation:bqotViewIn .18s cubic-bezier(.2,.72,.2,1) both!important}

/* Forms */
.bqot-form{display:grid!important;gap:12px!important;margin:0!important}
.bqot-form--guest{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:10px!important;row-gap:12px!important}
.bqot-form--guest .bqot-primary,.bqot-form--guest .bqot-error{grid-column:1/-1!important}
.bqot-field{display:grid!important;gap:6px!important;margin:0!important;min-width:0!important}
.bqot-field label{margin:0!important;color:var(--bqot-title)!important;-webkit-text-fill-color:var(--bqot-title)!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;line-height:1.55!important}
.bqot-input{
  appearance:none!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  border:1px solid #d7e0eb!important;
  border-radius:12px!important;
  background:#fff!important;
  background-image:none!important;
  padding:0 13px!important;
  color:var(--bqot-text)!important;
  -webkit-text-fill-color:var(--bqot-text)!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1!important;
  box-shadow:0 1px 2px rgba(7,43,92,.025)!important;
  outline:0!important;
  opacity:1!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.bqot-input::placeholder{color:#a0aabc!important;-webkit-text-fill-color:#a0aabc!important;opacity:1!important}
.bqot-input:focus{border-color:#8ea6c1!important;box-shadow:0 0 0 3px rgba(7,43,92,.08)!important;transform:translateY(-1px)!important}
.bqot-input[dir=ltr]{text-align:left!important}
.bqot-otp{font-family:Arial,sans-serif!important;font-size:22px!important;font-weight:800!important;letter-spacing:10px!important;text-align:center!important;direction:ltr!important;padding-left:21px!important}

.bqot-primary,.bqot-action{
  appearance:none!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:12px!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.3!important;
  text-align:center!important;
  text-decoration:none!important;
  text-shadow:none!important;
  opacity:1!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease!important;
}
.bqot-primary{
  width:100%!important;
  border:1px solid var(--bqot-navy)!important;
  background:#072b5c!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 7px 16px rgba(7,43,92,.14)!important;
}
.bqot-primary:hover{background:#0b376e!important;border-color:#0b376e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 10px 20px rgba(7,43,92,.18)!important}
.bqot-primary:active{transform:translateY(0)!important}
.bqot-primary:disabled,.bqot-action:disabled{opacity:.68!important;cursor:wait!important;transform:none!important}
.bqot-primary.is-loading,.bqot-action.is-loading{padding-left:42px!important}
.bqot-primary.is-loading::after,.bqot-action.is-loading::after{content:""!important;position:absolute!important;left:15px!important;top:50%!important;width:17px!important;height:17px!important;margin-top:-8.5px!important;border:2px solid rgba(255,255,255,.42)!important;border-top-color:#fff!important;border-radius:50%!important;animation:bqotSpin .66s linear infinite!important}

.bqot-error{grid-column:1/-1!important;margin:0!important;padding:10px 12px!important;border:1px solid #f1cbc6!important;border-radius:11px!important;background:#fff7f6!important;color:var(--bqot-danger)!important;-webkit-text-fill-color:var(--bqot-danger)!important;font-size:14px!important;line-height:1.75!important;animation:bqotViewIn .16s ease both!important}
.bqot-otp-note{margin:0 0 12px!important;color:var(--bqot-muted)!important;font-size:14px!important;text-align:center!important}.bqot-otp-note strong{color:var(--bqot-title)!important}
.bqot-inline-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:1px!important}
.bqot-link-btn{appearance:none!important;padding:4px 0!important;border:0!important;background:transparent!important;background-image:none!important;color:var(--bqot-navy)!important;-webkit-text-fill-color:var(--bqot-navy)!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;line-height:1.55!important;cursor:pointer!important;text-decoration:none!important;box-shadow:none!important}.bqot-link-btn[disabled]{color:#98a2b3!important;-webkit-text-fill-color:#98a2b3!important;cursor:default!important}

/* Status and location */
.bqot-status,.bqot-location-view{display:grid!important;gap:12px!important}
.bqot-status-card,.bqot-location-card{
  position:relative!important;
  padding:15px!important;
  border:1px solid var(--bqot-border)!important;
  border-radius:15px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 3px 12px rgba(7,43,92,.035)!important;
}
.bqot-status-top{display:flex!important;align-items:flex-start!important;gap:12px!important}
.bqot-status-icon,.bqot-location-icon{display:grid!important;place-items:center!important;width:39px!important;height:39px!important;flex:0 0 39px!important;border-radius:12px!important;background:#eaf6f1!important;color:var(--bqot-success)!important}
.bqot-status-icon svg,.bqot-location-icon svg{width:22px!important;height:22px!important;display:block!important}
.bqot-status-label{margin:0 0 3px!important;color:var(--bqot-title)!important;-webkit-text-fill-color:var(--bqot-title)!important;font-family:inherit!important;font-size:17px!important;font-weight:800!important;line-height:1.6!important}
.bqot-order-no{color:var(--bqot-muted)!important;font-size:14px!important}
.bqot-date{display:flex!important;flex-wrap:wrap!important;gap:6px 9px!important;margin-top:11px!important;padding-top:10px!important;border-top:1px solid var(--bqot-border)!important;color:#596579!important;font-size:14px!important}.bqot-date span+span::before{content:"•"!important;margin-left:9px!important;color:#a7b0bd!important}

.bqot-action-row{display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;gap:9px!important}
.bqot-action{width:100%!important;border:1px solid var(--bqot-navy)!important;background:#072b5c!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 6px 14px rgba(7,43,92,.10)!important}
.bqot-action:hover{background:#0b376e!important;border-color:#0b376e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 9px 18px rgba(7,43,92,.15)!important}
.bqot-action--accent{background:#f36f21!important;border-color:#f36f21!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 6px 14px rgba(243,111,33,.16)!important}
.bqot-action--accent:hover{background:#e85f12!important;border-color:#e85f12!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 9px 18px rgba(243,111,33,.20)!important}
.bqot-action--light{background:#f5f7fa!important;border-color:#dce4ee!important;color:var(--bqot-navy)!important;-webkit-text-fill-color:var(--bqot-navy)!important;box-shadow:none!important}
.bqot-action--light:hover{background:#eef3f8!important;border-color:#ccd8e5!important;color:var(--bqot-navy)!important;-webkit-text-fill-color:var(--bqot-navy)!important}

.bqot-location-head{display:flex!important;align-items:flex-start!important;gap:12px!important;margin-bottom:10px!important}
.bqot-location-title{margin:0!important;color:var(--bqot-title)!important;-webkit-text-fill-color:var(--bqot-title)!important;font-family:inherit!important;font-size:16px!important;font-weight:800!important;line-height:1.65!important}
.bqot-location-text{margin:0!important;color:#445269!important;font-size:14px!important;line-height:1.9!important}
.bqot-location-meta{display:flex!important;align-items:center!important;gap:7px!important;margin-top:10px!important;padding-top:9px!important;border-top:1px solid var(--bqot-border)!important;color:var(--bqot-muted)!important;font-size:14px!important}
.bqot-location-empty{margin:0!important;color:var(--bqot-muted)!important;font-size:14px!important;line-height:1.9!important}
.bqot-location-loading{display:grid!important;place-items:center!important;gap:9px!important;min-height:94px!important;color:var(--bqot-muted)!important;font-size:14px!important}
.bqot-location-loading i{width:23px!important;height:23px!important;border:2px solid #d9e1ea!important;border-top-color:var(--bqot-navy)!important;border-radius:50%!important;animation:bqotSpin .66s linear infinite!important}

.bqot-live{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
html.bqot-open,html.bqot-open body{overflow:hidden!important}

@keyframes bqotFade{from{opacity:0}to{opacity:1}}
@keyframes bqotDialogIn{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}
@keyframes bqotViewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes bqotSpin{to{transform:rotate(360deg)}}
@keyframes bqotFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes bqotPulse{0%{transform:scale(.985);opacity:.42}70%,100%{transform:scale(1.13);opacity:0}}
@keyframes bqotTopLine{to{background-position:180% 0}}

/* Tablet */
@media(max-width:900px){
  .bqot-fab{right:18px!important;bottom:22px!important}
  .bqot-dialog{width:min(446px,calc(100vw - 28px))!important}
}

/* Mobile */
@media(max-width:600px){
  .bqot-fab{right:14px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;min-width:128px!important;min-height:48px!important;padding:0 20px!important;font-size:14px!important}
  .bqot-modal{padding:12px!important}
  .bqot-dialog{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;border-radius:17px!important}
  .bqot-dialog__head{min-height:68px!important;padding:14px 16px 12px!important}
  .bqot-dialog__body{padding:15px 16px 17px!important}
  .bqot-dialog h2{font-size:20px!important}
  .bqot-form--guest{grid-template-columns:1fr!important}
  .bqot-form--guest .bqot-primary{grid-column:auto!important}
  .bqot-action-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}.bqot-action-row>*{min-width:0!important}
  .bqot-action{min-height:45px!important;padding:0 8px!important;font-size:13px!important}
  .bqot-status-card,.bqot-location-card{padding:14px!important}
}

@media(max-width:360px){
  .bqot-dialog__head{padding-inline:14px!important}
  .bqot-dialog__body{padding-inline:14px!important}
  .bqot-action{font-size:12.5px!important;line-height:1.45!important}
  .bqot-fab{right:10px!important;min-width:122px!important;padding:0 17px!important}
}

@media(prefers-reduced-motion:reduce){.bqot *{animation:none!important;transition:none!important}}