/* css/modules/leg.css: the .leg-* module — split out of css/app.css by #360's sibling stage (#362).
   Load order is core.css, then every modules/*.css alphabetically; rules here
   are in their original relative order, and no selector in this file appears in
   any other (asserted in tests/css-split-check.js). */

/* relay marker in the consignments list */
.leg-pill{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#e8effb;color:var(--blue);font-size:11px;font-weight:800;white-space:nowrap}
.leg-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fff}
.leg-seq{flex:none;width:38px;height:38px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:900;line-height:1}
.leg-seq span{display:block;font-size:8.5px;font-weight:700;color:var(--muted-2);letter-spacing:.3px}
.leg-body{flex:1;min-width:0}
.leg-route{font-weight:800;font-size:14.5px}
.leg-meta{font-size:12.5px;font-weight:700;color:var(--muted);margin-top:2px}
.leg-job{color:var(--blue)}
.leg-none{color:var(--red);font-weight:800}
/* the changeover sits between the two legs it joins */
.leg-over{display:flex;align-items:center;gap:8px;margin:6px 0 6px 19px;padding:7px 12px 7px 20px;
  border-left:2px dashed var(--line);font-size:12.5px;font-weight:700;color:#7a4a12;background:#fff6ef;
  border-radius:0 10px 10px 0}
.leg-over.is-done{color:var(--muted);background:#f4f6fa}
.leg-over b{color:inherit}