/* ---- loops, and work that stopped ----------------------------------------
   Same surface / line / radius grammar as .ar-card so Waiting on you reads as
   one page rather than three widgets. The only deliberate difference is the
   stopped panel: it is the one thing here that asks for something, so it gets
   the gold edge the rest of the OS uses for "this is on you". */
.lp-wrap{margin:0 0 18px}
.lp-h{font:600 11px var(--mono);letter-spacing:.16em;color:var(--faint);
  text-transform:uppercase;margin-bottom:9px}
.lp-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;
  padding:13px 16px;margin-bottom:8px}
.lp-card.stop{border-color:var(--gold);background:
  color-mix(in srgb,var(--gold) 5%,var(--surface))}
.lp-wrap.stopped .lp-h{color:var(--gold)}

.lp-watch{font:450 14.5px var(--sans);color:var(--text);margin-bottom:5px}
.lp-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 12px;
  font:400 12.5px var(--sans);color:var(--faint)}
.lp-wait{color:var(--gold)}
.lp-at{font:400 11.5px var(--mono);color:var(--faint)}
.lp-fires{font:400 11.5px var(--mono);opacity:.7}

.lp-broke{font:450 14.5px var(--sans);color:var(--text);margin-bottom:6px}
.lp-do{font:400 13.5px var(--sans);color:var(--faint);line-height:1.5}
/* The gap state. A card that could not record why it stopped must not print
   its own guess in the same voice as a real finding. */
.lp-gap{margin-top:8px;font:400 12.5px var(--sans);color:var(--gold);opacity:.85}
.lp-when{margin-top:8px;font:400 11.5px var(--mono);color:var(--faint)}

.lp-none,.lp-err{font:400 13px var(--sans);color:var(--faint);line-height:1.5;
  padding:11px 0}