/* Qura Courier Order Card V4 */
body[data-qura-surface="courier"] .qco-card{
  --qco-orange:var(--q-brand-orange);--qco-brown:var(--q-brand-brown);--qco-deep:#321A10;--qco-green:#138A57;--qco-green-deep:#0F7048;
  --qco-line:#E9DED2;--qco-muted:#817268;
  padding:15px!important;border:1px solid var(--qco-line)!important;border-radius:22px!important;
  background:linear-gradient(165deg,#fff 0%,#fffdf9 100%)!important;
  box-shadow:0 14px 38px rgba(97,47,35,.08)!important;overflow:visible!important
}
body[data-qura-surface="courier"] .qco-card.order-card-offer{
  border-color:rgba(218,113,5,.34)!important;background:linear-gradient(165deg,#fff,#fffaf0)!important;
  animation:qcoOfferPulse 2.4s ease-in-out infinite!important
}
body[data-qura-surface="courier"] .qco-card.order-card-offer::before,
body[data-qura-surface="courier"] .qco-card.order-card-offer::after{display:none!important}
@keyframes qcoOfferPulse{0%,100%{box-shadow:0 14px 38px rgba(59,36,21,.08)}50%{box-shadow:0 18px 46px rgba(217,119,6,.16)}}
.qco-card svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qco-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;padding-bottom:13px!important;border-bottom:1px solid #F1E8DF!important}
.qco-order-copy{position:relative;padding-inline-start:48px!important;min-height:42px}
.qco-order-icon{position:absolute;inset-inline-start:0;top:0;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#FFF3DF;color:var(--qco-orange)}
.qco-head b{font-size:19px!important;color:var(--qco-deep)!important}.qco-head small{font-size:10px!important;color:#95867B!important}
.qco-status-pill{min-height:32px;padding:6px 9px!important;border-radius:999px!important;display:flex!important;align-items:center!important;gap:6px!important;border:1px solid transparent!important;font-size:8px!important;white-space:nowrap}
.qco-status-pill span{display:grid;place-items:center}.qco-status-pill svg{width:14px;height:14px}.qco-status-pill strong{font-weight:950}
.qco-status-pill.is-offer{background:#FFF3DF!important;color:#B96500!important;border-color:#F1D29D!important}
.qco-status-pill.is-active{background:#ECF9F2!important;color:#138A57!important;border-color:#BFE4D1!important}
.qco-status-pill.is-success{background:#ECF9F2!important;color:#138A57!important;border-color:#CBE9D9!important}
.qco-status-pill.is-warning{background:#FFF8E1!important;color:#B7791F!important;border-color:#F0DDA6!important}
.qco-status-pill.is-danger{background:#FFF0EF!important;color:#C2413A!important;border-color:#F1C7C3!important}
.qco-status-pill.is-muted{background:#F4F1EE!important;color:#7B6E66!important;border-color:#E5DDD6!important}

.qco-status-card{margin-top:13px;padding:13px;border-radius:17px;border:1px solid #E8DED4;background:#FBF8F5}
.qco-status-card.is-offer{background:#FFF9ED;border-color:#F1D39D}.qco-status-card.is-active{background:#F1FAF5;border-color:#CDE9D9}
.qco-status-card.is-success{background:#F1FAF5;border-color:#CDE9D9}.qco-status-card.is-warning{background:#FFFAEC;border-color:#EFDEB3}
.qco-status-card.is-danger{background:#FFF4F3;border-color:#F2CDCA}
.qco-status-main{display:flex;align-items:center;gap:10px}.qco-status-icon{width:39px;height:39px;min-width:39px;border-radius:13px;display:grid;place-items:center;background:#fff;color:var(--qco-brown);box-shadow:0 5px 14px rgba(59,36,21,.06)}
.qco-status-main small{display:block;color:var(--qco-muted);font-size:10px;font-weight:850}.qco-status-main strong{display:block;margin-top:2px;color:var(--qco-deep);font-size:17px;font-weight:950}
.qco-status-main p{margin:5px 0 0;color:var(--qco-muted);font-size:11px;line-height:1.5}
.qco-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(97,47,35,.07)}
.qco-progress-step{position:relative;display:grid;justify-items:center;gap:4px;color:#B4A79E}
.qco-progress-step:not(:last-child)::after{content:"";position:absolute;top:12px;left:-50%;width:100%;height:2px;background:#E8DFD8;z-index:0}
.qco-progress-icon{position:relative;z-index:1;width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:#fff;border:1px solid #E8DFD8}
.qco-progress-icon svg{width:13px;height:13px}.qco-progress-step small{font-size:8px;font-weight:850}
.qco-progress-step.is-done,.qco-progress-step.is-active{color:#138A57}.qco-progress-step.is-done .qco-progress-icon,.qco-progress-step.is-active .qco-progress-icon{border-color:#BEE4D1;background:#EAF8F1}
.qco-progress-step.is-done:not(:last-child)::after{background:#A7DCC2}.qco-progress-step.is-active .qco-progress-icon{box-shadow:0 0 0 4px rgba(19,138,87,.08)}

.qco-card .offer{margin-top:13px!important;padding:14px!important;border-radius:17px!important;background:linear-gradient(135deg,#FFF8E8,#fff)!important;border:1px solid #F0D7A9!important}
.qco-card .offer .actions{display:grid!important;grid-template-columns:1.35fr .75fr!important;gap:8px!important}
.qco-card .offer button{min-height:45px!important;border-radius:13px!important;font-weight:950!important}
.qco-card .offer-accept-btn{background:linear-gradient(135deg,#138A57,#0D7549)!important;color:#fff!important}
.qco-card .offer button span{display:inline-grid;place-items:center;margin-inline-end:6px}.qco-card .offer button svg{width:16px;height:16px}
.qco-fee-banner{background:linear-gradient(135deg,#F0FAF4,#fff)!important;border:1px solid #CFE8D8!important;border-radius:17px!important}
.qco-completed-banner{background:#EEF9F3!important;border:1px solid #C9E7D7!important;border-radius:17px!important;color:#13764D!important}

.qco-location-card{margin-top:12px!important;padding:13px!important;border-radius:17px!important;background:#F8F9FA!important;border:1px solid #E2E6E9!important}
.qco-map-action{margin-top:9px!important;min-height:48px!important;padding:10px 12px!important;border-radius:14px!important;border:1px solid #CFE8DA!important;background:#fff!important;color:#138A57!important;display:flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important}
.qco-map-icon{width:30px;height:30px;border-radius:10px;background:#ECF9F2;display:grid;place-items:center}.qco-map-icon svg{width:14px;height:14px}
.qco-map-action strong{font-size:13px;flex:1}.qco-map-arrow{color:#9A8B80}.qco-map-arrow svg{width:14px;height:14px}
.qco-customer-info{margin-top:12px!important;padding:13px!important;border-radius:17px!important;border:1px solid #E7DFD8!important;background:#FBF9F7!important}

.qco-journey-btn{width:100%!important;min-height:58px!important;padding:8px 10px!important;border-radius:16px!important;border:1px solid #DCE8E1!important;background:linear-gradient(135deg,#EFFAF4,#fff)!important;color:#176C49!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:9px!important;text-align:right!important;box-shadow:0 8px 20px rgba(19,138,87,.07)!important}
.qco-journey-btn:disabled{opacity:.55!important;box-shadow:none!important}.qco-journey-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#fff}.qco-journey-label{font-size:14px;font-weight:950}.qco-journey-arrow{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#fff}.qco-journey-arrow svg{width:14px;height:14px}
.qco-journey-hint{display:block!important;margin-top:7px!important;text-align:center!important;color:#718078!important;font-size:10px!important;font-weight:750!important}

@media(max-width:520px){
  body[data-qura-surface="courier"] .qco-card{padding:12px!important;border-radius:19px!important}
  .qco-order-copy{padding-inline-start:44px!important}.qco-order-icon{width:36px;height:36px}.qco-head b{font-size:18px!important}
  .qco-status-pill{padding:6px 8px!important;font-size:9px!important}.qco-status-main strong{font-size:16px}
  .qco-progress{gap:1px}.qco-progress-icon{width:23px;height:23px}.qco-progress-step small{font-size:7.5px}
}
/* The swipe control is the single source of journey confirmation UI. */
.qco-journey-btn.qura-swipe-source{display:none!important}
.qco-journey-btn.qura-swipe-source ~ .qco-journey-hint{display:none!important}

.qco-card[data-qco-stage="to_store"] .qco-status-icon,
.qco-card[data-qco-stage="to_customer"] .qco-status-icon,
.qco-card[data-qco-stage="accepted"] .qco-status-icon,
.qco-card[data-qco-stage="store_ready"] .qco-status-icon,
.qco-card[data-qco-stage="at_store"] .qco-status-icon,
.qco-card[data-qco-stage="at_customer"] .qco-status-icon{
  color:#138A57!important;background:#fff!important;
}
.qco-location-symbol,.qco-banner-icon{
  width:38px;height:38px;min-width:38px;border-radius:12px;display:grid;place-items:center;
  background:#ECF9F2;color:#138A57;border:1px solid #CDE9D9
}
.qco-location-symbol svg,.qco-banner-icon svg{width:19px;height:19px}
.qco-fee-banner,.qco-completed-banner{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}
.qco-fee-banner strong,.qco-completed-banner strong{font-size:15px!important;line-height:1.5!important}


/* Courier premium compact card V5 — stable render + vibrant Qura identity */
body[data-qura-surface="courier"] .qco-card{
  contain:layout paint;
  padding:13px!important;
  border:1px solid #E7CFA8!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 90% 2%,rgba(255,255,255,.98) 0 12%,transparent 33%),
    linear-gradient(145deg,#FFF9EC 0%,#FFF3DC 48%,#FFFCF6 100%)!important;
  box-shadow:0 14px 34px rgba(107,45,18,.095)!important;
}
body[data-qura-surface="courier"] .qco-card.order-card-offer{animation:none!important}
body[data-qura-surface="courier"] .qco-head{padding-bottom:10px!important;border-bottom-color:#EEDDC4!important}
body[data-qura-surface="courier"] .qco-order-icon{
  background:linear-gradient(145deg,#FFF0D0,#FFE2A9)!important;
  color:var(--q-brand-orange)!important;border:1px solid #F0C87E!important;
}
body[data-qura-surface="courier"] .qco-head b{font-size:18px!important}
body[data-qura-surface="courier"] .qco-head small{font-size:11px!important}
body[data-qura-surface="courier"] .qco-status-pill{font-size:10px!important;color:#B96500!important;background:#FFF1D5!important;border-color:#F0C67A!important}
body[data-qura-surface="courier"] .qco-status-pill.is-active,
body[data-qura-surface="courier"] .qco-status-pill.is-success{color:#13764D!important;background:#EFF9F3!important;border-color:#BFE2CE!important}
body[data-qura-surface="courier"] .qco-status-card{
  margin-top:10px!important;padding:11px!important;border-radius:16px!important;
  background:linear-gradient(145deg,#FFF8E9,#FFFDF8)!important;border-color:#ECD5B1!important;
}
body[data-qura-surface="courier"] .qco-status-card.is-active,
body[data-qura-surface="courier"] .qco-status-card.is-success{
  background:linear-gradient(145deg,#F3FAF5,#FFF9EC)!important;border-color:#CFE2CE!important;
}
body[data-qura-surface="courier"] .qco-status-icon{
  width:38px;height:38px;min-width:38px;border-radius:12px;
  color:#D97706!important;background:#FFF2D9!important;border:1px solid #F2D19A!important;
}
body[data-qura-surface="courier"] .qco-status-main small{font-size:11px!important}
body[data-qura-surface="courier"] .qco-status-main strong{font-size:17px!important}
body[data-qura-surface="courier"] .qco-status-main p{font-size:12px!important;margin-top:3px!important}
body[data-qura-surface="courier"] .qco-progress{margin-top:9px;padding-top:9px!important}
body[data-qura-surface="courier"] .qco-progress-icon{color:#C87913!important;border-color:#E9D2AE!important;background:#FFF9EF!important}
body[data-qura-surface="courier"] .qco-progress-step small{font-size:9px!important}
body[data-qura-surface="courier"] .qco-progress-step.is-done,
body[data-qura-surface="courier"] .qco-progress-step.is-active{color:var(--q-brand-orange)!important}
body[data-qura-surface="courier"] .qco-progress-step.is-done .qco-progress-icon,
body[data-qura-surface="courier"] .qco-progress-step.is-active .qco-progress-icon{
  color:var(--q-brand-orange)!important;background:#FFF0D2!important;border-color:#EAB85C!important;
}
body[data-qura-surface="courier"] .qco-progress-step.is-active .qco-progress-icon{box-shadow:0 0 0 4px rgba(218,113,5,.11)!important}
body[data-qura-surface="courier"] .qco-progress-step.is-done:not(:last-child)::after{background:#E6B85E!important}
body[data-qura-surface="courier"] .qco-fee-banner{
  margin-top:10px!important;padding:11px!important;
  background:linear-gradient(135deg,#FFF0D0,#FFF9EA)!important;border-color:#EDC47D!important;
}
body[data-qura-surface="courier"] .qco-fee-banner .qco-banner-icon{
  background:#FFF!important;color:var(--q-brand-orange)!important;border-color:#EFCB8D!important;
}
body[data-qura-surface="courier"] .qco-fee-banner strong{font-size:16px!important;color:#5B2A12!important}
body[data-qura-surface="courier"] .qco-location-card{
  margin-top:10px!important;padding:11px!important;border-radius:16px!important;
  background:rgba(255,253,248,.86)!important;border-color:#EAD8BD!important;
}
body[data-qura-surface="courier"] .qco-location-symbol,
body[data-qura-surface="courier"] .qco-map-icon{background:#FFF0D7!important;color:var(--q-brand-orange)!important;border-color:#F0CE94!important}
body[data-qura-surface="courier"] .qco-map-action{
  min-height:44px!important;margin-top:7px!important;color:#B96500!important;border-color:#E9C990!important;background:#FFFDF8!important;
}
body[data-qura-surface="courier"] .qco-map-action strong{font-size:13px!important}
body[data-qura-surface="courier"] .qco-customer-info{margin-top:9px!important;padding:10px!important;background:#FFF9EE!important;border-color:#EAD8BD!important}
@media(max-width:520px){
 body[data-qura-surface="courier"] .qco-card{padding:11px!important;border-radius:18px!important}
 body[data-qura-surface="courier"] .qco-head b{font-size:17px!important}
 body[data-qura-surface="courier"] .qco-status-main strong{font-size:16px!important}
}


/* Stable order surfaces; motion belongs to the control the courier touches. */
body[data-qura-surface="courier"] .order-card,
body[data-qura-surface="courier"] .order-card .offer,
body[data-qura-surface="courier"] .order-card .badge,
body[data-qura-surface="courier"] .order-card .offer-accept-btn,
body[data-qura-surface="courier"] .order-card .accepted-banner {
  animation:none!important;transform:none!important;
}
body[data-qura-surface="courier"] .order-card::before,
body[data-qura-surface="courier"] .order-card::after,
body[data-qura-surface="courier"] .offer-accept-btn::before {animation:none!important;display:none!important}
body[data-qura-surface="courier"] .qco-card {
  contain:layout;overflow:visible!important;
  background:linear-gradient(145deg,#FFFDFA,#FFF7E8)!important;
}
body[data-qura-surface="courier"] .qco-head {flex-wrap:wrap;align-items:center!important;gap:8px!important}
body[data-qura-surface="courier"] .qco-head .badge {position:static!important;inset:auto!important;max-width:100%;white-space:normal}
body[data-qura-surface="courier"] .qco-order-copy {padding-inline-start:43px!important;padding-inline-end:34px;position:relative}
body[data-qura-surface="courier"] .qco-order-icon {width:35px;height:40px}
.qco-copy-order {
  position:absolute;inset-inline-end:-7px;top:0;width:36px;min-height:44px;padding:7px;
  border:0;border-radius:10px;background:transparent;color:#A65B17;cursor:pointer;
}
.qco-copy-order.is-copied {color:#138A57;background:#EAF8F1}
body[data-qura-surface="courier"] .qco-status-main p {font-size:13px!important;line-height:1.7}
body[data-qura-surface="courier"] .qco-progress-step small {font-size:11px!important}
body[data-qura-surface="courier"] .qco-progress-icon {width:30px;height:30px;border-radius:10px}
body[data-qura-surface="courier"] .qco-progress-icon svg {width:17px;height:17px}
body[data-qura-surface="courier"] .qco-progress-step:not(:last-child)::after {top:15px}
body[data-qura-surface="courier"] .qco-location-head small {font-size:12px!important;margin-bottom:4px!important}
body[data-qura-surface="courier"] .qco-location-head b {font-size:19px!important;line-height:1.6!important;overflow-wrap:anywhere}
body[data-qura-surface="courier"] .qco-location-symbol {width:42px;height:42px;min-width:42px;border-radius:14px}
body[data-qura-surface="courier"] .qco-location-symbol svg {width:24px;height:24px}
body[data-qura-surface="courier"] .qco-map-action {min-height:50px!important;padding:10px!important;transition:background .16s,box-shadow .16s}
body[data-qura-surface="courier"] .qco-map-action strong {font-size:14px!important;line-height:1.65}
body[data-qura-surface="courier"] .qco-distance {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;font-size:13px!important;min-height:28px}
body[data-qura-surface="courier"] .qco-distance b {font-size:16px!important;font-variant-numeric:tabular-nums}
.qco-distance-icon {color:#B65F07;display:inline-grid;place-items:center}
.qco-next-location {display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px!important;line-height:1.75;color:#807061;background:transparent!important}
.qco-next-location-icon {display:grid;place-items:center;color:var(--q-brand-orange);flex:0 0 24px}
body[data-qura-surface="courier"] .qco-fee-banner {padding:10px!important;background:#F2FAF5!important;border-color:#D2E7D9!important;white-space:normal!important}
body[data-qura-surface="courier"] .qco-fee-banner strong {color:#176C49!important;font-size:17px!important}
body[data-qura-surface="courier"] .qco-fee-banner .qco-banner-icon {color:#138A57!important;background:white!important;border-color:#D2E7D9!important}
body[data-qura-surface="courier"] .qco-contact {display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px!important;font-size:14px!important;color:#176C49;background:#F2FAF5}
body[data-qura-surface="courier"] .qco-customer-info > div {white-space:normal!important;line-height:1.75!important}
.qco-map-action:focus-visible,.qco-contact:focus-visible,.qco-copy-order:focus-visible {outline:3px solid var(--q-brand-orange);outline-offset:2px}
.qco-map-action:active,.qco-contact:active,.qco-copy-order:active {background:#FFF0D7!important;box-shadow:inset 0 0 0 1px var(--q-brand-orange)}
@media(hover:hover) {.qco-map-action:hover,.qco-copy-order:hover {background:#FFF0D7!important}}
@media(prefers-reduced-motion:reduce) {.qco-card * {transition:none!important;animation:none!important}}
