/* =====================================================================================
   v46 route quality on the Day view (FE-INTAKE+ROUTE; js/screens/day.js + js/dayroute.js; boards Route-Day,
   Day-Ideas) and the coverage line on the trip's Route (js/route-view.js). Theme tokens only, so charcoal comes
   free. Raised = tappable, pressed = selected. One brass region (the "now" pebble of a free window). 44 px taps.
   ===================================================================================== */

/* ---------- Tonight: {base} ---------- */
.dr-tonight{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:var(--tap);margin:10px 0 2px;padding:6px 14px;border:0;border-radius:var(--r-pill);background:var(--ground);color:var(--ink);box-shadow:var(--e1);font:400 var(--fs-body-sm)/1.3 var(--font);text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow 120ms var(--ease);}
.dr-tonight:active{background:var(--well);box-shadow:var(--in);}
.dr-tonight .d-ic{flex:none;color:var(--ink-2);}
.dr-tonight-k{flex:none;color:var(--ink-2);}
.dr-tonight-v{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;}
.dr-tonight-flat{box-shadow:none;background:transparent;padding-inline:0;cursor:default;}
.dr-tonight-gap{color:var(--ink);}
.dr-tonight-gap .dr-tonight-v{font-weight:500;}

/* ---------- the note and the map ---------- */
.dr-top{display:flex;flex-direction:column;gap:12px;margin:12px 0 16px;}
.dr-note{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;border:0;border-radius:var(--r-md);background:var(--ground);color:var(--ink);box-shadow:var(--e1);text-align:start;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:box-shadow 120ms var(--ease);}
.dr-note:active{background:var(--well);box-shadow:var(--in);}
.dr-note[aria-busy="true"]{opacity:.6;}
.dr-note>.d-ic{flex:none;color:var(--ink-2);}
.dr-note-t{flex:1;min-width:0;font:400 var(--fs-body-sm)/1.4 var(--font);}
.dr-note-go{flex:none;font:600 var(--fs-body-sm)/1.3 var(--font);color:var(--brass-ink);}
.dr-map{position:relative;overflow:hidden;border-radius:var(--r-md);background-color:var(--well);box-shadow:var(--in);
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;}
.dr-map svg{display:block;width:100%;height:auto;}
.dr-seg{stroke:var(--ink-2);stroke-width:2;stroke-linecap:round;fill:none;}
.dr-seg-dash{stroke:var(--road);stroke-dasharray:4 5;}
.dr-pin circle{fill:var(--ground);stroke:var(--ink);stroke-width:1.5;}
.dr-pin text{fill:var(--ink);font:600 10px/1 var(--font);font-feature-settings:"tnum" 1;}
.dr-pin-base circle{fill:var(--ink);stroke:none;}
.dr-pin-base path{fill:none;stroke:var(--ground);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}

/* ---------- on the road: hop lines, "Moved" ---------- */
.dr-hop{display:flex;align-items:center;min-height:32px;margin:2px 0;color:var(--ink-2);}
.dr-hop-t{display:inline-flex;align-items:center;gap:8px;font:400 var(--fs-label)/1.4 var(--font);}
.dr-hop-t .d-ic{flex:none;}
.dr-hop-link .dy-walk{position:static;grid-column:auto;grid-row:auto;justify-self:start;min-height:var(--tap);padding:0 12px;gap:6px;box-shadow:none;background:transparent;color:var(--ink-2);font:400 var(--fs-label)/1.4 var(--font);}
.dr-hop-link .dy-walk:active{background:var(--well);box-shadow:var(--in);}
.dr-hop-link .dy-walk b{font-weight:500;color:var(--ink);}
.dr-hop-end{min-height:36px;}
.dr-moved{font:500 var(--fs-label)/1.4 var(--font);color:var(--sage-ink);}
.dr-toast{display:flex;flex-direction:column;gap:2px;min-width:0;}
.dr-toast b{font-weight:600;}
.dr-toast span{font-size:var(--fs-label);opacity:.85;}

/* ---------- ideas on the way: a raised card in the free window ---------- */
.dr-ideas{margin:12px 0;}
.dr-ideas>.d-pebble{top:24px;margin-top:0;}
.dr-ideas-card{padding:14px 14px 4px;border-radius:var(--r-lg);background:var(--card);box-shadow:var(--e2);}
.dr-ideas-when{margin:0;font:600 var(--fs-label)/1.4 var(--font);color:var(--brass-ink);}
.dr-ideas-h{margin:2px 0 4px;font:600 var(--fs-head)/1.33 var(--font);letter-spacing:-.01em;color:var(--ink);}
.dr-ideas-list{display:flex;flex-direction:column;}
.dr-idea{display:flex;align-items:center;gap:8px;min-height:64px;padding:8px 0;}
.dr-idea+.dr-idea{border-top:1px solid var(--line);}
.dr-idea-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;min-height:var(--tap);margin:-4px 0 -4px -8px;padding:4px 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink);text-align:start;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.dr-idea-body:active{background:var(--well);box-shadow:var(--in);}
.dr-idea-name{font:600 var(--fs-body-sm)/1.35 var(--font);overflow-wrap:anywhere;}
.dr-idea-why{font:400 var(--fs-body-sm)/1.4 var(--font);color:var(--ink-2);}
.dr-idea-x{font:500 var(--fs-label)/1.4 var(--font);color:var(--brass-ink);}
.dr-idea-acts{flex:none;display:flex;flex-direction:column;align-items:flex-end;}
.dr-act{min-height:var(--tap);min-width:var(--tap);padding:0 6px;border:0;background:transparent;font:600 var(--fs-body-sm)/1.2 var(--font);cursor:pointer;border-radius:var(--r-sm);-webkit-tap-highlight-color:transparent;}
.dr-act:active{background:var(--well);box-shadow:var(--in);}
.dr-act-add{color:var(--brass-ink);}
.dr-act-not{color:var(--ink-2);font-weight:500;font-size:var(--fs-label);}
.dr-idea-not{display:block;padding:4px 0 8px;}
.dr-idea-not .ak-card{margin:0;box-shadow:none;background:transparent;padding:4px 0 0;}
.dr-ask{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:12px;padding:8px 14px;border:0;border-radius:var(--r-md);background:var(--ground);color:var(--ink);box-shadow:var(--e1);text-align:start;font:600 var(--fs-body-sm)/1.3 var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent;}
.dr-ask:active{background:var(--well);box-shadow:var(--in);}
.dr-ask>.d-ic{flex:none;color:var(--ink-2);}
.dr-ask>span{flex:1;min-width:0;}

/* ---------- the trip's Route: coverage under a place (max_out) ---------- */
.rt-cover{margin:-4px 0 8px;padding:0 0 0 2px;font:400 var(--fs-label)/1.4 var(--font);color:var(--ink-2);}
.rt-asks:empty,.ak-slot:empty{display:none;}

@media (prefers-reduced-motion:reduce){.dr-note,.dr-tonight{transition:none;}}
.dr-cover{margin:0;font:400 var(--fs-body-sm)/1.4 var(--font);color:var(--ink-2);}
.dr-cover[hidden]{display:none;}
.dr-top:not(:has(> :not([hidden]))){display:none;}