/* Deliveries on the Map tab: the truck pill on the map, the owner's
   Deliveries section in the map control center, the customer's request
   sheet (composer look) and the tracking card (placeSheet look).
   Ids avoid "modal"/"sheet"/"panel" so the blanket repainters skip them;
   the leaf selectors carry an id and !important because the light theme
   forces black onto every leaf element. */

/* ---- map markers ------------------------------------------------------- */
.dlv-marker-icon { background: transparent !important; border: 0 !important; }
.dlv-driver-marker {
  width: 52px; height: 52px; border-radius: 50%; background: #fff; padding: 3px; overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.28), 0 0 0 3px #0FBFA4; display: flex; align-items: center; justify-content: center;
}
.dlv-driver-marker img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block; }
.dlv-driver-marker i { color: #0FBFA4 !important; -webkit-text-fill-color: #0FBFA4 !important; font-size: 20px; }
.dlv-drop-marker {
  width: 40px; height: 40px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: #111214;
  box-shadow: 0 6px 16px rgba(0,0,0,.3); display: flex; align-items: center; justify-content: center;
}
.dlv-drop-marker i { transform: rotate(45deg); color: #fff !important; -webkit-text-fill-color: #fff !important; font-size: 15px; }
/* the light theme forces stroke/fill black on every element under body; the route line needs its own colour. */
html body #mobile-map path.dlv-route { stroke: #0FBFA4 !important; fill: none !important; stroke-opacity: .95 !important; }

/* ---- the pill on the map ---------------------------------------------- */
html body #map-delivery-pill {
  /* sits above the centred search pill (which spans ~44px above the nav). */
  position: fixed; left: 16px; bottom: calc(170px + env(safe-area-inset-bottom, 0px)); z-index: 9990;
  display: flex; align-items: center; gap: 10px; height: 54px; padding: 6px 16px 6px 6px; max-width: min(72vw, 300px);
  border: 1px solid rgba(255,255,255,.65); border-radius: 999px; cursor: pointer;
  background: rgba(255,255,255,.82) !important; background-image: none !important;
  color: #111 !important; -webkit-text-fill-color: #111 !important;
  box-shadow: 0 6px 24px #0002, inset 0 1px 0 #ffffff80;
  -webkit-backdrop-filter: blur(22px) saturate(150%); backdrop-filter: blur(22px) saturate(150%);
  font-family: var(--font-family, Manrope), -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  text-align: left; transition: transform .15s;
}
html body #map-delivery-pill[hidden] { display: none !important; }
html body #map-delivery-pill:active { transform: scale(.97); }
html body #map-delivery-pill .dlv-pill-icon {
  flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; background: #111214 !important; display: grid; place-items: center;
}
html body #map-delivery-pill .dlv-pill-icon i { color: #fff !important; -webkit-text-fill-color: #fff !important; font-size: 16px; }
html body #map-delivery-pill .dlv-pill-text { display: grid; gap: 2px; min-width: 0; }
html body #map-delivery-pill .dlv-pill-text strong { font-size: 14px; font-weight: 800; letter-spacing: 0; color: #111 !important; -webkit-text-fill-color: #111 !important; white-space: nowrap; }
html body #map-delivery-pill .dlv-pill-text small { font-size: 11px; font-weight: 500; color: #63635F !important; -webkit-text-fill-color: #63635F !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body #map-delivery-pill .dlv-pill-text small:empty { display: none; }

/* ---- owner section in the control center (mapctl palette) -------------- */
#map-control-section-deliveries .dlv-driver { display: flex; align-items: center; gap: 12px; }
#map-control-section-deliveries .dlv-driver-copy { flex: 1; min-width: 0; display: grid; gap: 3px; }
#map-control-section-deliveries .dlv-driver-copy strong { font-size: 15px; font-weight: 800; color: var(--mapctl-text); }
#map-control-section-deliveries .dlv-driver-copy small { font-size: 11px; font-weight: 500; color: var(--mapctl-muted); line-height: 1.35; }
#map-control-section-deliveries .dlv-toggle {
  flex: 0 0 auto; padding: 12px 16px; border-radius: 999px; border: 1px solid var(--mapctl-border); cursor: pointer;
  background: var(--primary-color); color: #fff; font-weight: 800; font-size: 12px; letter-spacing: .02em;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
#map-control-section-deliveries .dlv-toggle.is-on { background: var(--mapctl-surface-glass); color: var(--mapctl-text); }
#map-control-section-deliveries .dlv-driver.is-online { box-shadow: inset 0 0 0 1px #0FBFA4; }
#map-control-section-deliveries .dlv-label-gap { margin-top: 18px; }
#map-control-section-deliveries .dlv-count { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--primary-color); color: #fff; font-size: 10px; }
#map-control-section-deliveries .dlv-list { display: grid; gap: 10px; }
#map-control-section-deliveries .dlv-empty, #map-control-section-deliveries .dlv-notice { font-size: 12px; font-weight: 500; color: var(--mapctl-muted); padding: 4px 2px; line-height: 1.4; }
#map-control-section-deliveries .dlv-job { display: grid; gap: 8px; padding: 14px; }
#map-control-section-deliveries .dlv-job-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
#map-control-section-deliveries .dlv-job-who { display: grid; gap: 2px; min-width: 0; }
#map-control-section-deliveries .dlv-job-who strong { font-size: 15px; font-weight: 800; color: var(--mapctl-text); }
#map-control-section-deliveries .dlv-job-phone { font-size: 11px; font-weight: 600; color: var(--mapctl-muted); text-decoration: none; display: inline-flex; gap: 5px; align-items: center; }
#map-control-section-deliveries .dlv-status { flex: 0 0 auto; padding: 4px 8px; border-radius: 999px; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; background: rgba(var(--primary-rgb), .12); color: var(--mapctl-text); }
#map-control-section-deliveries .dlv-status--en_route { background: rgba(15,191,164,.18); }
#map-control-section-deliveries .dlv-status--delivered { background: rgba(15,191,164,.28); }
#map-control-section-deliveries .dlv-status--cancelled, #map-control-section-deliveries .dlv-status--declined { opacity: .6; }
html body #map-style-menu #map-control-section-deliveries .dlv-job-where {
  background: transparent !important; box-shadow: none !important; border: 0 !important;
}
#map-control-section-deliveries .dlv-job-where {
  display: flex; align-items: flex-start; gap: 8px; padding: 0; border: 0; background: transparent; cursor: pointer; text-align: left;
  font-size: 13px; font-weight: 600; color: var(--mapctl-text); line-height: 1.35; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
#map-control-section-deliveries .dlv-job-where i { color: var(--primary-color); margin-top: 2px; font-size: 12px; }
#map-control-section-deliveries .dlv-job-note { font-size: 12px; font-weight: 500; color: var(--mapctl-muted); line-height: 1.4; white-space: pre-wrap; }
#map-control-section-deliveries .dlv-job-meta { display: flex; flex-wrap: wrap; gap: 6px; }
#map-control-section-deliveries .dlv-job-meta span { font-size: 10px; font-weight: 800; color: var(--mapctl-muted); padding: 3px 7px; border-radius: 999px; background: var(--mapctl-surface); }
#map-control-section-deliveries .dlv-job-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
#map-control-section-deliveries .dlv-recent { margin-top: 16px; }
#map-control-section-deliveries .dlv-recent summary { cursor: pointer; font-size: 11px; font-weight: 700; color: var(--mapctl-muted); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 10px; }
#map-control-section-deliveries .dlv-recent .dlv-job { opacity: .75; }

/* shared small buttons (owner section, guest card, tracking card) */
.dlv-btn {
  flex: 1 1 auto; min-height: 42px; padding: 10px 14px; border-radius: 12px; cursor: pointer; font-size: 13px; font-weight: 800;
  border: 1px solid var(--mapctl-border, rgba(0,0,0,.1)); background: var(--mapctl-surface-glass, rgba(255,255,255,.7)); color: var(--mapctl-text, #111);
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
.dlv-btn--primary { background: var(--primary-color, #111); color: #fff; border-color: transparent; }
.dlv-btn--quiet { flex: 0 0 auto; background: transparent; }
.dlv-btn:active { transform: scale(.97); }

/* guest card at the top of the Styles section */
#dlv-guest-card { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
#dlv-guest-card .dlv-guest-copy { flex: 1; min-width: 0; display: grid; gap: 2px; }
#dlv-guest-card .dlv-guest-copy strong { font-size: 15px; font-weight: 800; color: var(--mapctl-text); }
#dlv-guest-card .dlv-guest-copy small { font-size: 11px; font-weight: 500; color: var(--mapctl-muted); }
#dlv-guest-card .dlv-btn { flex: 0 0 auto; padding: 10px 18px; }

/* ---- customer request sheet (composer look) ---------------------------- */
html body #delivery-request.dlv-request {
  position: fixed !important; inset: 0 !important; width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  display: flex !important; flex-direction: column !important; overflow: hidden !important;
  background: #FBFBF9 !important; color: #111214 !important; -webkit-text-fill-color: #111214 !important; color-scheme: light !important;
  font-family: var(--font-family, Manrope), -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
  z-index: 250000 !important;
}
html body #delivery-request:not([open]) { display: none !important; }
html body #delivery-request::backdrop { background: #0009; }
html body #delivery-request * { box-sizing: border-box; letter-spacing: 0; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html body #delivery-request :where(*):not(.fas) { font-family: var(--font-family, Manrope), -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
html body #delivery-request .fas { font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important; font-weight: 900 !important; }
html body #delivery-request .dlv-eyebrow, html body #delivery-request .dlv-bar-title small, html body #delivery-request .dlv-submit {
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
}
html body #delivery-request .dlv-bar {
  flex: 0 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px;
  padding: calc(12px + env(safe-area-inset-top, 0px)) 16px 12px; border-bottom: 1px solid #EAEAE6; background: #FBFBF9 !important;
}
html body #delivery-request .dlv-bar-cancel { justify-self: start; border: 0 !important; box-shadow: none !important; outline: none !important; background: transparent !important; padding: 8px 0; font-size: 15px; font-weight: 600; color: #63635F !important; -webkit-text-fill-color: #63635F !important; cursor: pointer; }
html body #delivery-request .dlv-bar-title { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 800; color: #111214 !important; -webkit-text-fill-color: #111214 !important; white-space: nowrap; background: transparent !important; }
html body #delivery-request .dlv-bar-title small { font-size: 9px; letter-spacing: .14em; color: #8A8A84 !important; -webkit-text-fill-color: #8A8A84 !important; background: transparent !important; }
html body #delivery-request .dlv-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 18px 16px 24px; display: grid; gap: 16px; align-content: start; }
html body #delivery-request .dlv-from { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 18px; background: #fff !important; border: 1px solid #EAEAE6; }
html body #delivery-request .dlv-from-avatar { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: #EDEDE8 !important; display: grid; place-items: center; }
html body #delivery-request .dlv-from-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
html body #delivery-request .dlv-from-avatar i { color: #63635F !important; -webkit-text-fill-color: #63635F !important; }
html body #delivery-request .dlv-from-copy { display: grid; gap: 2px; min-width: 0; }
html body #delivery-request .dlv-from-copy strong { font-size: 16px; font-weight: 800; color: #111214 !important; -webkit-text-fill-color: #111214 !important; background: transparent !important; }
html body #delivery-request .dlv-from-copy small { font-size: 11px; font-weight: 500; color: #70706B !important; -webkit-text-fill-color: #70706B !important; }
html body #delivery-request .dlv-from-copy small.is-online { color: #0FBFA4 !important; -webkit-text-fill-color: #0FBFA4 !important; font-weight: 700; }
html body #delivery-request .dlv-eyebrow { display: block; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; color: #8A8A84 !important; -webkit-text-fill-color: #8A8A84 !important; margin: 0 0 8px 2px; background: transparent !important; }
html body #delivery-request .dlv-optional { text-transform: none; letter-spacing: 0; color: #B0B0AA !important; -webkit-text-fill-color: #B0B0AA !important; }
html body #delivery-request .dlv-field { position: relative; display: block; }
html body #delivery-request .dlv-search { position: relative; display: flex; gap: 8px; align-items: stretch; }
html body #delivery-request .dlv-search input { flex: 1; min-width: 0; }
html body #delivery-request input#dlv-dropoff, html body #delivery-request input#dlv-name, html body #delivery-request input#dlv-phone, html body #delivery-request textarea#dlv-note {
  width: 100%; min-height: 52px; padding: 14px 16px; border-radius: 16px; border: 1px solid #EAEAE6 !important; outline: none;
  background: #fff !important; color: #111214 !important; -webkit-text-fill-color: #111214 !important; font-size: 16px; font-weight: 500;
  -webkit-appearance: none; appearance: none; box-shadow: none !important; resize: none;
}
html body #delivery-request input::placeholder, html body #delivery-request textarea::placeholder { color: #A5A5A0 !important; -webkit-text-fill-color: #A5A5A0 !important; }
html body #delivery-request input:focus, html body #delivery-request textarea:focus { border-color: #111214 !important; }
html body #delivery-request .dlv-locate { flex: 0 0 52px; width: 52px; border-radius: 16px; border: 1px solid #EAEAE6; background: #fff !important; cursor: pointer; display: grid; place-items: center; }
html body #delivery-request .dlv-locate i { color: #111214 !important; -webkit-text-fill-color: #111214 !important; font-size: 16px; }
html body #delivery-request .dlv-suggest { display: grid; gap: 2px; margin-top: 6px; border: 1px solid #EAEAE6; border-radius: 16px; background: #fff !important; overflow: hidden; }
html body #delivery-request .dlv-suggest[hidden] { display: none !important; }
html body #delivery-request .dlv-suggest button { display: flex; gap: 10px; align-items: flex-start; width: 100%; padding: 12px 14px; border: 0; background: #fff !important; text-align: left; cursor: pointer; font-size: 13px; font-weight: 500; line-height: 1.35; color: #111214 !important; -webkit-text-fill-color: #111214 !important; }
html body #delivery-request .dlv-suggest button + button { border-top: 1px solid #F1F1ED; }
html body #delivery-request .dlv-suggest button i { color: #8A8A84 !important; -webkit-text-fill-color: #8A8A84 !important; margin-top: 2px; font-size: 12px; }
html body #delivery-request .dlv-picked { display: flex; gap: 8px; align-items: center; margin-top: 8px; font-size: 12px; font-weight: 700; color: #0FBFA4 !important; -webkit-text-fill-color: #0FBFA4 !important; }
html body #delivery-request .dlv-picked[hidden] { display: none !important; }
html body #delivery-request .dlv-picked i { color: #0FBFA4 !important; -webkit-text-fill-color: #0FBFA4 !important; }
html body #delivery-request .dlv-status { margin: 0; min-height: 1em; font-size: 12px; font-weight: 600; color: #C0392B !important; -webkit-text-fill-color: #C0392B !important; background: transparent !important; }
html body #delivery-request .dlv-footer { flex: 0 0 auto; padding: 12px 16px calc(16px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid #EAEAE6; background: #FBFBF9 !important; }
html body #delivery-request .dlv-submit {
  width: 100%; height: 54px; border-radius: 16px; border: 0; cursor: pointer; font-size: 12px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase;
  background: #EDEDE8 !important; color: #8A8A84 !important; -webkit-text-fill-color: #8A8A84 !important; transition: background .2s, color .2s;
}
html body #delivery-request .dlv-submit.is-ready { background: #111214 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body #delivery-request .dlv-submit:disabled:not(.is-ready) { cursor: default; }

/* ---- customer tracking card (placeSheet look) -------------------------- */
html body #delivery-track.dlv-track,
html body #delivery-drive.dlv-drive,
html body #delivery-queue.dlv-queue {
  position: fixed; left: 50%; bottom: calc(66px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%);
  width: min(560px, calc(100vw - 20px)); z-index: 10060; padding: 0 18px 16px; display: grid; gap: 12px;
  background: rgba(255,255,255,.94) !important; color: #111214 !important; -webkit-text-fill-color: #111214 !important;
  border: 1px solid rgba(15,23,42,.08); border-radius: 28px; box-shadow: 0 20px 60px rgba(0,0,0,.18), 0 4px 16px rgba(0,0,0,.08);
  -webkit-backdrop-filter: blur(22px) saturate(180%); backdrop-filter: blur(22px) saturate(180%);
  font-family: var(--font-family, Manrope), -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}
html body #delivery-track[hidden] { display: none !important; }
html body #delivery-track * { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html body #delivery-track .fas { font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important; font-weight: 900 !important; }
html body #delivery-track .dlv-track-grab { width: 40px; height: 4px; border-radius: 999px; background: rgba(0,0,0,.18) !important; margin: 10px auto 0; }
html body #delivery-track .dlv-track-head { display: flex; align-items: center; gap: 12px; }
html body #delivery-track .dlv-track-avatar { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; overflow: hidden; background: #EDEDE8 !important; display: grid; place-items: center; box-shadow: 0 0 0 2px #0FBFA4; }
html body #delivery-track .dlv-track-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
html body #delivery-track .dlv-track-avatar i { color: #63635F !important; -webkit-text-fill-color: #63635F !important; }
html body #delivery-track .dlv-track-copy { flex: 1; min-width: 0; display: grid; gap: 2px; }
html body #delivery-track .dlv-track-copy strong { font-size: 19px; font-weight: 800; letter-spacing: -.01em; color: #111214 !important; -webkit-text-fill-color: #111214 !important; background: transparent !important; }
html body #delivery-track .dlv-track-copy small { font-size: 12px; font-weight: 500; color: #63635F !important; -webkit-text-fill-color: #63635F !important; line-height: 1.35; }
html body #delivery-track .dlv-track-close { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #EAEAE6; background: #fff !important; cursor: pointer; display: grid; place-items: center; }
html body #delivery-track .dlv-track-close i { color: #111214 !important; -webkit-text-fill-color: #111214 !important; font-size: 12px; }
html body #delivery-track .dlv-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
html body #delivery-track .dlv-steps li { display: grid; gap: 6px; }
html body #delivery-track .dlv-steps li::before { content: ""; height: 4px; border-radius: 999px; background: #EDEDE8; }
html body #delivery-track .dlv-steps li.is-done::before, html body #delivery-track .dlv-steps li.is-now::before { background: #0FBFA4; }
html body #delivery-track .dlv-steps li span { font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #A5A5A0 !important; -webkit-text-fill-color: #A5A5A0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body #delivery-track .dlv-steps li.is-now span { color: #111214 !important; -webkit-text-fill-color: #111214 !important; }
html body #delivery-track .dlv-track-where { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; font-weight: 600; line-height: 1.35; color: #111214 !important; -webkit-text-fill-color: #111214 !important; }
html body #delivery-track .dlv-track-where i { color: #111214 !important; -webkit-text-fill-color: #111214 !important; margin-top: 2px; font-size: 12px; }
html body #delivery-track .dlv-track-actions { display: flex; gap: 8px; }
html body #delivery-track .dlv-track-actions:empty { display: none; }
html body #delivery-track .dlv-btn { background: #fff !important; color: #111214 !important; -webkit-text-fill-color: #111214 !important; border-color: #EAEAE6; }
html body #delivery-track .dlv-btn--primary { background: #111214 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body #delivery-track .dlv-btn--quiet { background: transparent !important; color: #63635F !important; -webkit-text-fill-color: #63635F !important; border-color: transparent; }

/* locked notice in the owner section (no owner session yet) */
#map-control-section-deliveries .dlv-notice { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#map-control-section-deliveries .dlv-unlock { flex: 0 0 auto; min-height: 36px; padding: 8px 14px; }

/* ---- owner drive card (one tap Start, then the map follows you) --------- */
html body #delivery-drive.dlv-drive { z-index: 10061; }
html body #delivery-drive[hidden] { display: none !important; }
html body #delivery-drive * { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html body #delivery-drive .fas { font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important; font-weight: 900 !important; }
html body #delivery-drive .dlv-track-grab { width: 40px; height: 4px; border-radius: 999px; background: rgba(0,0,0,.18) !important; margin: 10px auto 0; }
html body #delivery-drive .dlv-track-head { display: flex; align-items: center; gap: 12px; }
html body #delivery-drive .dlv-track-avatar { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; overflow: hidden; background: #EDEDE8 !important; display: grid; place-items: center; box-shadow: 0 0 0 2px #0FBFA4; }
html body #delivery-drive .dlv-track-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
html body #delivery-drive .dlv-track-copy { flex: 1; min-width: 0; display: grid; gap: 2px; }
html body #delivery-drive .dlv-track-copy strong { font-size: 19px; font-weight: 800; letter-spacing: -.01em; color: #111214 !important; -webkit-text-fill-color: #111214 !important; background: transparent !important; }
html body #delivery-drive .dlv-track-copy small { font-size: 12px; font-weight: 500; color: #63635F !important; -webkit-text-fill-color: #63635F !important; line-height: 1.35; }
html body #delivery-drive .dlv-track-close { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #EAEAE6; background: #fff !important; cursor: pointer; display: grid; place-items: center; }
html body #delivery-drive .dlv-track-close i { color: #111214 !important; -webkit-text-fill-color: #111214 !important; font-size: 12px; }
html body #delivery-drive .dlv-track-where { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; font-weight: 600; line-height: 1.35; color: #111214 !important; -webkit-text-fill-color: #111214 !important; }
html body #delivery-drive .dlv-track-where i { color: #111214 !important; -webkit-text-fill-color: #111214 !important; margin-top: 2px; font-size: 12px; }
html body #delivery-drive .dlv-track-actions { display: flex; gap: 8px; }
html body #delivery-drive .dlv-btn { background: #fff !important; color: #111214 !important; -webkit-text-fill-color: #111214 !important; border-color: #EAEAE6; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
html body #delivery-drive .dlv-btn--primary { background: #111214 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body #delivery-drive .dlv-btn--call { flex: 0 0 auto; }
html body #delivery-drive .dlv-btn--call i { color: #111214 !important; -webkit-text-fill-color: #111214 !important; font-size: 12px; }
html body #delivery-drive .dlv-btn--quiet { flex: 0 0 auto; background: transparent !important; color: #63635F !important; -webkit-text-fill-color: #63635F !important; border-color: transparent; }
#map-control-section-deliveries .dlv-btn--start { flex: 2 1 auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; font-size: 14px; }
#map-control-section-deliveries .dlv-btn--start i { font-size: 11px; }

/* ---- game day: owner board, runner queue, chooser ----------------------- */
#map-control-section-deliveries .dlv-mode { margin-bottom: 12px; }
#map-control-section-deliveries .dlv-gameday { display: grid; gap: 10px; margin-bottom: 12px; }
#map-control-section-deliveries .dlv-gd-row { display: flex; align-items: center; gap: 10px; }
#map-control-section-deliveries .dlv-gd-k { flex: 0 0 74px; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--mapctl-muted); }
#map-control-section-deliveries .dlv-gd-v { flex: 1; min-width: 0; font-size: 12px; font-weight: 600; color: var(--mapctl-text); }
#map-control-section-deliveries .dlv-gd-code { flex: 1; font-size: 26px; font-weight: 900; letter-spacing: .18em; color: var(--mapctl-text); font-variant-numeric: tabular-nums; }
#map-control-section-deliveries .dlv-gd-hint { font-size: 11px; font-weight: 500; color: var(--mapctl-muted); line-height: 1.4; }
#map-control-section-deliveries .dlv-gd-input { flex: 1; min-width: 0; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--mapctl-border); background: var(--mapctl-surface); color: var(--mapctl-text); font-size: 13px; font-weight: 600; outline: none; }
#map-control-section-deliveries .dlv-gd-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
#map-control-section-deliveries .dlv-gd-stats div { display: grid; gap: 2px; padding: 10px 6px; border-radius: 12px; background: var(--mapctl-surface); text-align: center; }
#map-control-section-deliveries .dlv-gd-stats strong { font-size: 18px; font-weight: 900; color: var(--mapctl-text); }
#map-control-section-deliveries .dlv-gd-stats small { font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--mapctl-muted); }
#map-control-section-deliveries .dlv-gd-runners { display: flex; flex-wrap: wrap; gap: 6px; }
#map-control-section-deliveries .dlv-gd-runner { font-size: 11px; font-weight: 800; padding: 5px 9px; border-radius: 999px; background: rgba(15,191,164,.16); color: var(--mapctl-text); }
#map-control-section-deliveries .dlv-gd-runner.is-busy { background: rgba(var(--primary-rgb), .14); }
#map-control-section-deliveries .dlv-job-items { font-size: 13px; font-weight: 700; color: var(--mapctl-text); line-height: 1.35; }

html body #delivery-queue.dlv-queue { z-index: 10059; }
html body #delivery-queue[hidden] { display: none !important; }
html body #delivery-queue * { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html body #delivery-queue .fas { font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important; font-weight: 900 !important; }
html body #delivery-queue .dlv-track-grab { width: 40px; height: 4px; border-radius: 999px; background: rgba(0,0,0,.18) !important; margin: 10px auto 0; }
html body #delivery-queue .dlv-track-head { display: flex; align-items: center; gap: 12px; }
html body #delivery-queue .dlv-track-avatar { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; background: #111214 !important; display: grid; place-items: center; }
html body #delivery-queue .dlv-track-avatar i { color: #fff !important; -webkit-text-fill-color: #fff !important; font-size: 18px; }
html body #delivery-queue .dlv-track-copy { flex: 1; min-width: 0; display: grid; gap: 2px; }
html body #delivery-queue .dlv-track-copy strong { font-size: 18px; font-weight: 800; color: #111214 !important; -webkit-text-fill-color: #111214 !important; background: transparent !important; }
html body #delivery-queue .dlv-track-copy small { font-size: 12px; font-weight: 500; color: #63635F !important; -webkit-text-fill-color: #63635F !important; }
html body #delivery-queue .dlv-track-close { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #EAEAE6; background: #fff !important; cursor: pointer; display: grid; place-items: center; }
html body #delivery-queue .dlv-track-close i { color: #111214 !important; -webkit-text-fill-color: #111214 !important; font-size: 12px; }
html body #delivery-queue .dlv-q-list { display: grid; gap: 8px; max-height: 38vh; overflow-y: auto; -webkit-overflow-scrolling: touch; }
html body #delivery-queue .dlv-q-row { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #EAEAE6; border-radius: 16px; background: #fff !important; }
html body #delivery-queue .dlv-q-copy { flex: 1; min-width: 0; display: grid; gap: 2px; }
html body #delivery-queue .dlv-q-copy strong { font-size: 15px; font-weight: 800; color: #111214 !important; -webkit-text-fill-color: #111214 !important; background: transparent !important; }
html body #delivery-queue .dlv-q-copy small { font-size: 12px; font-weight: 500; color: #111214 !important; -webkit-text-fill-color: #111214 !important; line-height: 1.3; }
html body #delivery-queue .dlv-q-copy em { font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #8A8A84 !important; -webkit-text-fill-color: #8A8A84 !important; }
html body #delivery-queue .dlv-q-empty { font-size: 13px; font-weight: 500; color: #63635F !important; -webkit-text-fill-color: #63635F !important; padding: 6px 2px; }
html body #delivery-queue .dlv-btn { flex: 0 0 auto; min-height: 40px; padding: 8px 16px; background: #fff !important; color: #111214 !important; -webkit-text-fill-color: #111214 !important; border-color: #EAEAE6; }
html body #delivery-queue .dlv-btn--primary { background: #111214 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body #delivery-queue .dlv-track-actions { display: flex; justify-content: flex-end; }
html body #delivery-queue .dlv-btn--quiet { background: transparent !important; color: #63635F !important; -webkit-text-fill-color: #63635F !important; border-color: transparent; }

html body #delivery-gameday .dlv-gd-choice { display: grid; gap: 4px; width: 100%; text-align: left; padding: 16px; border-radius: 18px; border: 1px solid #EAEAE6 !important; background: #fff !important; box-shadow: none !important; cursor: pointer; }
html body #delivery-gameday .dlv-gd-choice strong { font-size: 16px; font-weight: 800; color: #111214 !important; -webkit-text-fill-color: #111214 !important; background: transparent !important; }
html body #delivery-gameday .dlv-gd-choice small { font-size: 12px; font-weight: 500; color: #70706B !important; -webkit-text-fill-color: #70706B !important; line-height: 1.35; }
html body #delivery-gameday .dlv-gd-form { display: grid; gap: 16px; }
html body #delivery-gameday .dlv-gd-form[hidden], html body #delivery-gameday [data-gd-footer][hidden] { display: none !important; }
html body #delivery-gameday input#dlv-runner-code, html body #delivery-gameday input#dlv-runner-name {
  width: 100%; min-height: 52px; padding: 14px 16px; border-radius: 16px; border: 1px solid #EAEAE6 !important; outline: none;
  background: #fff !important; color: #111214 !important; -webkit-text-fill-color: #111214 !important; font-size: 16px; font-weight: 500; -webkit-appearance: none; appearance: none; box-shadow: none !important;
}
html body #delivery-gameday input#dlv-runner-code { font-size: 22px; letter-spacing: .2em; font-weight: 800; }
html body #shop-checkout .co-seat { margin-top: 18px; }
html body #shop-checkout .co-seat[hidden] { display: none !important; }
html body #shop-checkout .co-choice-btn[hidden] { display: none !important; }