/* 💼 Work Day mode — REDESIGN 2026-07-30 (mockup 1166dd63 v4b). Work Day =
   the Timeline, work-flavored, with a morning-to-work planner. MULE palette:
   orange #e99821 action, navy #20303f sheet, green #2d8f4e confirm, neutral
   "dawn" wake banner. */
/* ⚠️ TWO GLOBAL-CSS TRAPS in main.css that break every prose line here
   (Greg 7/30 a — the "Here's how it fits" box stacked into big broken rows):
     1. `div{display:flex;flex-direction:column}` — a sentence div puts each
        inline child (<b>, <span>) on its OWN LINE.
     2. `*{font-size:clamp(7px,min(3vw,2.4vh),1.25rem)}` — matches bare <b>
        and <span> DIRECTLY, so inheritance never reaches them and they
        render at the clamp size instead of their parent's.
   Every Work Day sentence must therefore opt out of BOTH. Any new prose
   div goes in this list; any inline child gets font-size:inherit. */
.wd-leg-d,.wd-gr-note,.wd-card-meta,.wd-w-route,.wd-athome-t,.wd-cta-sub,
.wd-cload,.wd-note,.wd-set-lead,.wd-fval,.wd-hf-s{display:block !important}
.wd-leg-d b,.wd-leg-d span,.wd-gr-note b,.wd-gr-note span,.wd-w-row1 b,
.wd-card-meta b,.wd-card-meta span,.wd-athome-t span,.wd-gr-head span,
.wd-cta-done span,.wd-fval span,.wd-w-route b{display:inline !important;font-size:inherit !important}

/* The generic "☀️ Your next plan → Wake me 1:12 PM — set it" floating nudge
   (_vaRenderSuggestCard) was landing ON TOP of the planner and offering a
   COMPETING wake time — the exact conflict the single-CTA rule exists to
   prevent. While Work Day is open, its own alarm CTA is the only one. */
body:has(#workday-overlay.open) #bedside-suggest.floating,
body:has(.wd-commit[style*="flex"]) #bedside-suggest.floating{display:none !important}

.wd-overlay{position:fixed;inset:0;z-index:9000;background:rgba(20,16,12,.55);
  display:none;opacity:0;transition:opacity .25s;overflow-y:auto;-webkit-overflow-scrolling:touch}
.wd-overlay.open{opacity:1}
.wd-sheet{max-width:460px;margin:0 auto;min-height:100%;background:#20303f;color:#eef2f6;
  padding:14px 14px 60px;box-sizing:border-box}
.wd-topbar{display:flex;flex-direction:row !important;justify-content:space-between;align-items:center;margin-bottom:6px}
.wd-mode-pill{background:#e99821;color:#fff;border-radius:20px;padding:4px 13px;font-weight:800;font-size:.82rem}
.wd-close{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.15);display:inline-flex;
  align-items:center;justify-content:center;cursor:pointer;font-weight:800}
.wd-greet{font-weight:800;font-size:1.05rem;text-align:center;padding:6px 4px 12px;text-wrap:balance}

/* editable header */
.wd-head{background:rgba(0,0,0,.28);border-radius:15px;padding:11px 13px;margin-bottom:12px}
.wd-hrow{display:flex;flex-direction:row !important;align-items:center;gap:9px;padding:6px 0;font-size:.9rem}
.wd-hrow + .wd-hrow{border-top:1px solid rgba(255,255,255,.13)}
.wd-hic{width:22px;text-align:center;flex:0 0 22px}
.wd-hval{flex:1;font-weight:700}
.wd-hedit{color:#ffd98c;font-weight:800;font-size:.78rem;cursor:pointer}
.wd-hok{color:#7fdca6;font-size:.76rem;font-weight:800}
.wd-htmp{color:#ffd98c;font-size:.76rem;font-weight:800}
.wd-hcollapse{margin-left:auto;color:#ffd98c;font-weight:900;font-size:1rem;cursor:pointer;padding:0 4px}
.wd-hpeek{color:#cfd8e0;font-weight:700;font-size:.85rem;padding:6px 2px;cursor:pointer;display:flex;align-items:center;gap:6px}
.wd-hpeek .wd-hcollapse{margin-left:auto}
.wd-travel{background:rgba(233,152,33,.16);border:1px dashed #e99821;color:#ffd98c;border-radius:10px;
  padding:7px 10px;margin-top:9px;font-size:.78rem;font-weight:700;text-align:center;cursor:pointer}
.wd-travel.done{background:rgba(127,220,166,.14);border-color:#7fdca6;color:#7fdca6}

/* ── ⏰ WAKE BOX = THE ITINERARY (Greg 7/31 rev4): really light yellow ·
   dark type · ✎ Edit pill snug at top · ⌃/⌄ collapse · per-stop times ── */
.wd-wake2:empty{display:none}
.wd-wake2{background:#fdf7dc;border:1px solid #ecdfae;border-radius:14px;
  padding:6px 13px 12px;margin-bottom:12px;position:relative}
.wd-w-caret{position:absolute;top:6px;right:11px;color:#8a5510;font-weight:800;
  font-size:1.05rem;cursor:pointer;padding:0 4px;z-index:2}
.wd-w-toprow{display:flex;flex-direction:row !important;justify-content:center;
  align-items:center;gap:8px;margin:1px 0 4px}
.wd-w-editpill{display:inline-block;background:#fff;border:1.5px solid #e99821;
  border-radius:12px;padding:2px 14px;font-size:.72rem;font-weight:800;
  color:#232c38;cursor:pointer}
.wd-w-datechip{display:inline-block;background:#fff;border:1.5px solid #e99821;
  border-radius:12px;padding:2px 11px;font-size:.7rem;font-weight:800;
  color:#232c38;cursor:pointer}
.wd-w-oneline{display:flex;align-items:center;justify-content:center;gap:8px;
  font-weight:800;font-size:1.02rem;color:#232c38;padding:6px 18px 5px 0;
  font-variant-numeric:tabular-nums;cursor:pointer}
/* rev B: dotted orange = "I'm editable" — the ONE affordance everywhere */
.wd-tap{color:#8a5510;border-bottom:2px dotted #e99821;cursor:pointer}
.wd-tapedit{display:inline-flex;align-items:center;gap:6px}
.wd-tapedit input[type=time]{border:1.5px solid #e99821;border-radius:8px;
  padding:2px 6px;font-weight:800;font-size:.92em;background:#fff;color:#232c38}
.wd-tapok{font-size:.8em;font-weight:800;color:#2e7d4f;cursor:pointer;padding:2px 4px}
.wd-w-info{margin-top:8px;font-size:.74rem;font-weight:800;color:#2e7d4f}
.wd-w-foot{margin-top:9px;padding-top:8px;border-top:1px solid rgba(35,44,56,.12);
  font-size:.74rem;color:#4a4534;font-weight:700;line-height:1.5}
.wd-w-foot.away{border-top:none;margin-top:5px;padding-top:0;cursor:pointer;color:#8a5510}
#wd-calpop{margin:2px 0 6px}
#wd-calpop .va2-cal{background:#fff;border:1.5px solid #e99821;border-radius:12px;padding:8px}
.wd-w-rows{display:flex;flex-direction:column !important;gap:2px}
.wd-w-line{display:flex;flex-direction:row !important;align-items:baseline;gap:8px;
  padding:4px 0;color:#232c38;font-size:.9rem;font-weight:700}
.wd-w-line + .wd-w-line{border-top:1px solid rgba(35,44,56,.12)}
.wd-w-ico{flex:0 0 auto;font-size:.95rem}
.wd-w-lbl{flex:1;color:#4a4534;font-weight:700;font-size:.84rem;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wd-w-val{color:#232c38;font-weight:800;font-size:.98rem;font-variant-numeric:tabular-nums;
  display:inline !important;white-space:nowrap}
.wd-w-leave{font-weight:700;color:#7a6a3a;font-size:.8rem}
.wd-w-late{margin-top:8px;font-size:.74rem;font-weight:800;color:#b3261e}
.wd-w-song{display:flex;flex-direction:row !important;flex-wrap:wrap;align-items:center;gap:8px;
  margin-top:10px;padding-top:10px;border-top:1px solid rgba(35,44,56,.12)}
.wd-w-k{font-size:.72rem;color:#232c38;font-weight:800}
/* Greg 7/31 (a): every action wears the thin orange band */
.wd-w-chip{background:#fff;border:1.5px solid #e99821;border-radius:8px;
  padding:5px 10px;font-size:.74rem;font-weight:700;color:#232c38;cursor:pointer}
.wd-w-chip.pick{background:#fdf1dd;color:#8a5510;font-weight:800}
.wd-w-musicbox{margin-top:9px}
.wd-song-input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.25);border-radius:9px;
  background:rgba(0,0,0,.2);color:#fff;font-size:.85rem;padding:8px 10px;outline:none}
.wd-song-hits{margin-top:6px;max-height:180px;overflow-y:auto}
.wd-song-hit{display:flex;flex-direction:column;padding:7px 9px;border-radius:8px;cursor:pointer}
.wd-song-hit:hover{background:rgba(255,255,255,.08)}
.wd-song-hit b{font-size:.82rem;color:#fff}
.wd-song-hit span{font-size:.72rem;color:#c3d2df}

/* ── 🌅 morning section: zone header + the dashed chain rail ── */
.wd-zone{display:flex;align-items:center;gap:8px;margin:10px 2px 8px}
.wd-zt{font-size:1.02rem;font-weight:800}
.wd-chain{border-left:2px dashed rgba(255,255,255,.16);margin:0 0 4px 9px;padding-left:14px}
.wd-cload{color:#9fb0bd;font-weight:700;font-size:.85rem;padding:10px 2px}
.wd-steplbl{display:flex;flex-direction:row !important;align-items:center;gap:8px;margin:10px 0 6px}
.wd-seq{width:20px;height:20px;border-radius:50%;background:#e99821;color:#fff;font-size:.72rem;font-weight:900;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.wd-seq.home{background:#8a5cf6}
.wd-cap{font-size:.74rem;color:#9fb0bd;font-weight:700}

/* mini timeline cards (art band + disc + tags-above-title + meta) */
.wd-card{background:#241f18;border:1px solid #38311f;border-radius:15px;overflow:hidden;margin-bottom:6px;position:relative}
.wd-card.athome{border-style:dashed;border-color:#4a3f66;background:#211d2b}
.wd-grip{position:absolute;top:8px;right:10px;color:#8a8f96;font-size:.9rem;z-index:3;cursor:grab}
.wd-band{height:92px;position:relative;background-size:cover;background-position:center}
.wd-band-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.05) 40%,rgba(0,0,0,.78))}
.wd-band-disc{position:absolute;top:8px;left:9px;width:26px;height:26px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:.82rem;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.wd-band-tags{position:absolute;top:9px;left:44px;display:flex;gap:5px;flex-wrap:wrap;max-width:60%}
.wd-band-tags span{background:rgba(45,143,78,.92);color:#fff;font-size:.6rem;font-weight:800;border-radius:5px;padding:2px 6px}
.wd-band-title{position:absolute;bottom:8px;left:10px;right:10px;color:#fff;font-weight:800;font-size:1rem;
  text-shadow:0 1px 6px rgba(0,0,0,.8)}
.wd-card-body{padding:9px 12px 12px;color:#f0ebe1}
.wd-card-meta{color:#cbb89b;font-size:.76rem;font-weight:600;margin-bottom:9px}
/* at-home card head (no art band — synthetic ritual) */
.wd-athome-head{display:flex;flex-direction:row !important;align-items:center;gap:9px;margin-bottom:8px}
.wd-disc{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;
  font-size:.82rem;color:#fff;flex:0 0 auto}
.wd-athome-t{font-weight:800;font-size:.98rem;color:#f0ebe1}
.wd-athome-tag{color:#7fdca6;font-size:.66rem;font-weight:800}
/* pick WHICH at-home ritual, from the user's own morning tags (Greg 7/30 #2) */
.wd-ahchips{display:flex;flex-direction:row !important;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.wd-ahchip{border:1.5px solid #4a3f66;color:#c9bff0;border-radius:20px;padding:5px 11px;
  font-size:.74rem;font-weight:700;cursor:pointer}
.wd-ahchip.on{background:#8a5cf6;border-color:#8a5cf6;color:#fff}
/* leg mileage — what actually shows a swap landed (the formula rounds
   minutes so two nearby spots both read "~3 min drive") */
.wd-legmi{color:#bfe6cd;font-weight:600;font-size:inherit}

/* ⏱ dwell dial — stacked (label over the stepper) */
.wd-dial2{margin:0 0 10px}
.wd-dial-lbl{font-size:.72rem;color:#a89f8f;font-weight:800;margin-bottom:4px}
.wd-dial-row{display:flex;flex-direction:row !important;align-items:center;gap:10px}
.wd-dial-row b{color:#fff;min-width:78px;text-align:center;font-size:.92rem}
.wd-dstep{width:28px;height:28px;border-radius:50%;border:1.6px solid #e99821;color:#ffcf82;display:flex;
  align-items:center;justify-content:center;font-weight:900;font-size:1.05rem;cursor:pointer;user-select:none}

/* the green "how it fits" leg on each card */
.wd-leg{background:rgba(45,143,78,.13);border:1px solid #2d8f4e;border-radius:11px;padding:9px 11px;margin:2px 0 10px}
.wd-leg-h{color:#7fdca6;font-weight:800;font-size:.78rem;margin-bottom:3px}
.wd-leg-d{color:#bfe6cd;font-size:.72rem;font-weight:600;line-height:1.55}
.wd-leg-d b{color:#fff}
.wd-drive{color:#ffd98c;font-weight:800}

/* Confirm / added / remove / swap */
.wd-btn{display:block;text-align:center;font-weight:800;border-radius:11px;padding:10px;font-size:.86rem;cursor:pointer}
.wd-btn.confirm{background:#2d8f4e;color:#fff}
.wd-mini-remove{text-align:center;color:#9fb0bd;font-size:.72rem;font-weight:700;margin-top:6px;cursor:pointer}
.wd-mini-remove:hover{color:#e8836f}
.wd-added-row{display:flex;flex-direction:row !important;align-items:center;gap:8px;margin-top:2px}
.wd-added-row .wd-ok{color:#7fdca6;font-weight:800;font-size:.82rem;flex:1}
.wd-remove{color:#e8836f;font-weight:800;font-size:.76rem;border:1px solid rgba(232,131,111,.5);
  border-radius:8px;padding:5px 10px;cursor:pointer}
.wd-swap{text-align:center;border:1.5px solid #e99821;color:#ffcf82;border-radius:11px;padding:8px;
  font-size:.8rem;font-weight:800;margin-top:8px;cursor:pointer}
.wd-swaplist{margin-top:6px}
.wd-swaprow{display:flex;flex-direction:column;padding:8px 10px;border-radius:9px;cursor:pointer;border-bottom:1px solid #2c2619}
.wd-swaprow:last-child{border-bottom:none}
.wd-swaprow:hover{background:rgba(255,255,255,.05)}
.wd-swaprow.muted{color:#9fb0bd;cursor:default}
.wd-swaprow b{font-size:.85rem;color:#f0ebe1}
.wd-swaprow span{font-size:.72rem;color:#a89f8f}
.wd-addstop{display:block;text-align:center;border:1.5px dashed #e99821;color:#ffd98c;border-radius:12px;
  padding:9px;font-size:.8rem;font-weight:800;margin:8px 0 6px;cursor:pointer}

/* 🚿 get-ready block — its own fixed (blue) step */
.wd-getready{background:rgba(109,176,255,.09);border:1px solid rgba(109,176,255,.35);border-radius:13px;
  padding:11px 13px;margin-bottom:8px}
.wd-gr-head{font-weight:800;font-size:.92rem;color:#cfe3ff}
.wd-gr-sub{color:#9fb4c9;font-size:.72rem;font-weight:600}
.wd-gr-time{display:flex;flex-direction:row !important;align-items:baseline;gap:9px;margin-top:5px}
.wd-gr-time b{color:#fff;font-size:1.05rem}
.wd-gr-brk{color:#9fb4c9;font-size:.74rem;font-weight:700}
.wd-gr-note{color:#8fb0d6;font-size:.72rem;font-weight:600;margin-top:6px;line-height:1.5}
.wd-gr-note b{color:#cfe3ff}

/* ── the ONE primary action (Greg 7/30 e+f) — STICKY so it's always a
   thumb away while scrolling the morning, and docks naturally at the end
   (Greg 7/30 b1). One button, never duplicated. ── */
#wd-cta:empty{display:none}
#wd-cta{position:sticky;bottom:0;z-index:5;background:#20303f;
  margin:16px -14px 0;padding:12px 14px calc(12px + env(safe-area-inset-bottom, 0px));
  box-shadow:0 -12px 20px -10px rgba(0,0,0,.6)}
.wd-cta-btn{display:block;text-align:center;background:#e99821;color:#fff;font-weight:800;border-radius:12px;
  padding:14px;font-size:.95rem;margin:0;cursor:pointer}
.wd-cta-sub{text-align:center;color:#9fb0bd;font-size:.74rem;font-weight:600;margin-top:7px;line-height:1.5}
.wd-cta-done{text-align:center;color:#7fdca6;font-weight:800;font-size:.9rem;margin:16px 0 0}
.wd-cta-edit{color:#ffd98c;font-weight:800;font-size:.78rem;margin-left:8px;cursor:pointer}
.wd-goto{display:block;text-align:center;background:#e99821;color:#fff;font-weight:800;border-radius:12px;
  padding:13px;font-size:.9rem;margin:12px 0 2px;cursor:pointer}
/* once Bedside is the primary action, the day bridge steps back */
.wd-goto.secondary{background:transparent;border:1.5px solid #e99821;color:#ffcf82;margin-top:9px}

/* Greg 7/31 F2 (approved): the whole receipt state = ONE row of three boxes.
   Overrides win over the stacked .wd-cta-btn/.wd-goto geometry above. */
.wd-cta-row3{display:flex;flex-direction:row !important;gap:8px;margin-top:2px}
.wd-cta-row3 .wd-cta-box{flex:1;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;border-radius:12px;padding:9px 6px;margin:0;
  min-height:52px;font-size:.8rem;font-weight:800;line-height:1.3;cursor:pointer}
.wd-cta-row3 .wd-cta-box small{font-weight:600;font-size:.82em;opacity:.85;margin-top:2px}
.wd-cta-row3 .wd-cta-done{border:1.5px solid rgba(255,255,255,.35);color:#7fdca6;margin:0}
.wd-cta-row3 .wd-cta-done small{color:#ffd98c;opacity:1}
.wd-cta-row3 .wd-cta-btn.bed{background:#e99821;color:#fff;box-shadow:0 2px 8px rgba(233,152,33,.4);padding:9px 6px}
.wd-cta-row3 .wd-goto.secondary{margin:0;padding:9px 6px;font-size:.8rem}

/* the music search opens INSIDE the light-yellow box now — light-field it */
.wd-wake2 .wd-song-input{background:#fff;color:#232c38;border:1.5px solid #e99821}
.wd-wake2 .wd-song-hit b{color:#232c38}
.wd-wake2 .wd-song-hit span{color:#6a6350}
.wd-wake2 .wd-song-hit:hover{background:rgba(233,152,33,.12)}
/* wake-first ± steppers sit on yellow here (shared class is dark-tuned) */
.wd-wake2 .wd-dstep{color:#8a5510;border-color:#e99821;background:#fff}

/* ── commit sheet: "you're agreeing to the whole morning" (Greg 7/30 b2) ── */
/* NB the global `div{flex-direction:column}` applies here too — so the
   bottom-sheet anchor is justify-content (main axis = vertical), NOT
   align-items. Stating both explicitly so it can't drift again. */
.wd-commit{display:none;position:fixed;inset:0;z-index:99998;background:rgba(10,14,20,.72);
  flex-direction:column !important;justify-content:flex-end;align-items:center;padding:16px}
.wd-cm-box{background:#20303f;border:1px solid rgba(255,255,255,.16);border-radius:18px;
  padding:18px 16px calc(16px + env(safe-area-inset-bottom, 0px));width:100%;max-width:430px}
.wd-cm-h{font-weight:800;font-size:1.05rem;color:#fff;text-wrap:balance}
.wd-cm-sub{color:#9fb0bd;font-size:.8rem;font-weight:600;margin:4px 0 12px;display:block !important}
.wd-cm-row{display:flex;flex-direction:row !important;align-items:center;gap:10px;padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.08)}
.wd-cm-row:last-of-type{border-bottom:none;margin-bottom:12px}
.wd-cm-disc{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;
  font-size:.85rem;color:#fff;flex:0 0 auto}
.wd-cm-t{font-weight:800;font-size:.88rem;color:#f0ebe1;display:block !important}
.wd-cm-m{color:#9fb0bd;font-size:.72rem;font-weight:600;display:block !important;margin-top:2px}
.wd-cm-alt{text-align:center;border:1.5px solid #e99821;color:#ffcf82;border-radius:12px;padding:12px;
  font-size:.86rem;font-weight:800;margin-top:9px;cursor:pointer}
.wd-cm-cancel{text-align:center;color:#9fb0bd;font-size:.8rem;font-weight:700;padding:12px 0 2px;cursor:pointer}

/* "Also clear your morning stops?" (utils.js vaDelete) reuses the commit
   sheet, but it opens OVER the Alarms dialog — and .dialog is z-index
   999999, so the shared 99998 would bury it. */
#va-clearsheet{z-index:1000001}

/* ✨ "Enhance the upcoming day with MULE time!" — in the alarm editor +
   alarm list (Greg 7/28), the invite to plan Work Day before the alarm */
.va-enhance{display:block;text-align:center;margin:0 0 13px;padding:11px 12px;cursor:pointer;
  border:1.5px solid #e99821;border-radius:13px;background:rgba(233,152,33,.14);
  color:#111;font-weight:800;font-size:.92rem;line-height:1.3}
.va-enhance-sub{font-size:.7rem;font-weight:700;color:#444;margin-top:3px}
.va-enhance .va-star{color:#e99821}
/* Greg 7/31: the banner needs a real CTA — the enhanced alarm should WIN
   over a plain one, so give it the canonical action-orange button */
.va-enhance-btn{margin:9px auto 0;max-width:220px;background:#e99821;color:#fff;
  font-weight:800;font-size:.86rem;border-radius:11px;padding:8px 16px;
  box-shadow:0 2px 6px rgba(233,152,33,.35)}

/* ═══ REV D (Greg 7/31): one-question start · wake strip · why-lines ·
   contenders · 🎲 taste chips ═══ */
.wd-bigq{text-align:center;padding:14px 6px}
.wd-bq-q{font-weight:800;font-size:1.15rem;margin-bottom:4px}
.wd-bq-sub{color:#8b8577;font-size:.78rem;margin-bottom:12px}
.wd-bigq input[type=time]{border:2px solid #e99821;border-radius:12px;background:#fff;
  color:#232c38;font-weight:800;font-size:1.3rem;padding:8px 14px;text-align:center}
.wd-bq-full{color:#9a9382;font-size:.74rem;cursor:pointer;margin-top:10px}
.wd-wstrip{background:#fdf7dc;border:1px solid #ecdfae;border-radius:11px;padding:7px 12px;
  display:flex;justify-content:center;gap:8px;font-weight:800;color:#232c38;cursor:pointer;
  font-variant-numeric:tabular-nums;font-size:.95rem;margin-bottom:10px}
.wd-wstrip-more{color:#8a5510;font-size:.8rem}
.wd-why{color:#ffd98c;font-size:.8rem;font-weight:700;font-style:italic;margin-bottom:3px}
.wd-band-explore{position:absolute;top:8px;right:34px;color:#fff;font-size:.62rem;
  font-weight:800;background:rgba(0,0,0,.35);border-radius:9px;padding:2px 8px;z-index:2}
.wd-seatit{color:#7fdca6;font-weight:800;font-size:.72rem;margin-left:auto}
.wd-dicebtn{display:block;width:max-content;margin:10px auto;border:1.5px dashed #e99821;
  color:#ffd98c;border-radius:12px;padding:7px 18px;font-weight:800;font-size:.84rem;cursor:pointer}
/* display:block beats the global div→column-flex rule — chips must flow
   inline at word width and wrap (Greg 7/31), not stack stretched */
.wd-dicebox{display:block;background:#2c2620;border:1.5px dashed #e99821;border-radius:14px;
  padding:12px;margin:10px 0;text-align:center}
.wd-dice-q{color:#ffd98c;font-weight:800;font-size:.9rem;margin-bottom:8px}
.wd-dicechip{display:inline-block;width:max-content;border:1.5px solid #e99821;border-radius:14px;
  color:#e8e2d4;font-size:.76rem;font-weight:700;padding:4px 11px;margin:3px;cursor:pointer}
.wd-dicechip.on{background:#e99821;color:#fff}
/* ☕|🍳|skip — the fuel stop's three-way (explicit row-flex vs the trap) */
.wd-fuelrow{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin:2px 0 7px}
.wd-fuelchip{width:max-content;border:1.5px solid #46596b;border-radius:14px;color:#cfdae4;
  font-size:.76rem;font-weight:700;padding:4px 11px;cursor:pointer}
.wd-fuelchip.on{background:#e99821;border-color:#e99821;color:#fff}
.wd-fuelchip.skip{opacity:.7}
/* the date rides the collapsed one-liner (Greg 7/31 d) */
.wd-w-oldate{color:#8a5510;font-size:.72rem;font-weight:700;margin-left:6px}
/* home/work/hours door inside the 📅 dropdown (Greg 7/31) */
.wd-calpop-set{display:block;margin-top:8px;padding:7px 10px;border-top:1px solid #eadfc2;
  color:#8a5406;font-size:.8rem;font-weight:800;cursor:pointer;text-align:center}

/* ═══ 🌞 MULE Day chooser doors (Greg 7/31: dawn treatment, NO brown) ═══ */
/* Greg 7/31: centered card, rounded all the way around (was bottom-sheet) */
.md-sheet{position:fixed;inset:0;z-index:1000002;display:flex;align-items:center;
  justify-content:center;background:rgba(20,18,28,.45);opacity:0;transition:opacity .25s;
  padding:0 14px}
.md-sheet.lit{opacity:1}
.md-box{background:linear-gradient(180deg,#fffdf6,#fff6e4);border-radius:22px;
  padding:20px 18px;width:100%;max-width:440px;margin:0 auto;
  box-shadow:0 8px 34px rgba(233,152,33,.3)}
.md-h{font-weight:800;font-size:1.05rem;text-align:center;color:#26282f;margin-bottom:14px}
.md-doors{display:flex;gap:10px}
.md-door{flex:1;background:#fff;border:1.5px solid #f0dcb8;border-radius:16px;
  padding:16px 10px 12px;text-align:center;cursor:pointer;position:relative}
.md-door.primary{border-color:#e99821;background:linear-gradient(180deg,#fff,#fff3dd);
  box-shadow:0 3px 10px rgba(233,152,33,.22)}
.md-ico{font-size:1.7rem}
.md-t{font-weight:800;margin-top:3px;color:#26282f}
.md-s{font-size:.72rem;color:#7a6a4d;margin-top:3px;line-height:1.35}
.md-rec{margin-top:7px;display:inline-block;background:#e99821;color:#fff;
  font-size:.62rem;font-weight:800;letter-spacing:.05em;border-radius:10px;
  padding:2px 9px;text-transform:uppercase}
.md-cancel{text-align:center;color:#9a8a68;font-weight:700;font-size:.82rem;
  margin-top:13px;cursor:pointer}
/* 🌞 MULE Day sheet accents */
.wd-mode-pill.mule{background:linear-gradient(90deg,#f7b733,#e99821);color:#fff}
.md-anchorline{margin:2px 14px 8px;background:#fff6e4;border:1.5px solid #e99821;
  border-radius:12px;padding:9px 12px;font-size:.86rem;color:#6b4e14;text-align:center}
.md-anchorline.free{border-style:dashed;color:#8a7a55}
.md-horizon{margin:0 14px 8px;font-size:.78rem;color:#8a7a55;text-align:center}

/* ── setup dialog (rides inside .dialog) ── */
.wd-setup{text-align:left;max-width:420px;margin:0 auto}
.wd-set-lead{font-size:.86rem;color:#6d675c;margin:2px 4px 12px}
.wd-field{display:flex;flex-direction:row !important;align-items:center;gap:9px;border:1.5px solid #e6dfcf;
  border-radius:11px;padding:10px 12px;margin:8px 2px}
.wd-fico{font-size:1.05rem;flex:0 0 auto}
.wd-flbl{color:#8a8375;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.wd-fval{font-weight:700;margin-top:2px}
.wd-ok{color:#2e7d4f;font-size:.74rem;font-weight:800}
.wd-input{width:100%;border:none;outline:none;font-size:.95rem;font-weight:700;background:transparent;color:#23201b;padding:2px 0}
.wd-cands{margin:0 2px}
.wd-cand{border:1px solid #e6dfcf;border-radius:10px;padding:8px 11px;margin-top:6px;cursor:pointer;display:flex;flex-direction:column}
.wd-cand:hover{border-color:#e99821}
.wd-cand span{color:#8a8375;font-size:.74rem}
.wd-cand.picked{border-color:#2e7d4f;background:#eef7f0;cursor:default}
.wd-chips{display:flex;flex-direction:row !important;flex-wrap:wrap;gap:7px;margin:8px 2px}
.wd-chip{border:1.5px solid #e6dfcf;border-radius:9px;padding:5px 11px;font-size:.78rem;font-weight:700;cursor:pointer}
.wd-chip.on{background:#e99821;border-color:#e99821;color:#fff}
.wd-note{font-size:.74rem;color:#8a8375;margin:2px 4px}
.wd-timelbl{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:#6d675c;font-weight:700}
.wd-time{border:1.5px solid #cfc9bc;border-radius:9px;padding:5px 9px;font-size:.85rem}
.wd-primary{background:#e99821;color:#fff;text-align:center;font-weight:800;border-radius:12px;padding:12px 0;margin:14px 2px 4px;cursor:pointer;font-size:.95rem}

/* ⠿ drag-and-drop stop reorder (8/1, wd27) — grip must own its touches
   (touch-action:none or mobile Safari scrolls instead of dragging) */
.wd-grip{touch-action:none;user-select:none;-webkit-user-select:none;padding:6px 8px;margin:-6px -8px}
.wd-card.wd-dragging{opacity:.92;z-index:6;position:relative;box-shadow:0 10px 24px rgba(0,0,0,.3);transition:none}
.wd-card.wd-dropmark-top{box-shadow:0 -3px 0 0 #e99821, 0 1px 4px rgba(0,0,0,.12)}
.wd-card.wd-dropmark-bot{box-shadow:0 3px 0 0 #e99821, 0 1px 4px rgba(0,0,0,.12)}

/* 8/1 Greg (b): the ⠿ grip earns its keep — LEFT-middle of each stop
   card, bigger, like the mockup; card content clears it */
.wd-card[data-key] .wd-grip{top:50%;right:auto;left:5px;transform:translateY(-50%);
  font-size:1.25rem;color:#9aa1a8;letter-spacing:-2px;line-height:1}
.wd-card[data-key]{padding-left:22px}
.wd-card[data-key] .wd-grip:active{color:#e99821}

/* 🔍 tap-to-explore elevation (8/1, wd29): the detail card + smoke beat
   the wd-overlay's 9000 while the sheet waits underneath */
.dialog.wd-front{z-index:9500 !important}
.smoke.wd-front{z-index:9400 !important}