/* Time Bomb HQ - Jobs: the list of jobs, the run history panel, the reporting recipe.
   Tokens, buttons, tables, tiles, panels and badges come from styles.css: use them, and add
   here only what this section alone needs. Class names start with a short section prefix. */

/* ---------- the list ---------- */
/* "has not reported yet" is a state, not a fault: a quiet dashed badge */
.jb-badge-never{border-style:dashed;border-color:var(--line-strong);color:var(--muted);background:none}
.jb-overdue{color:var(--warn)}
.jb-asof{color:var(--faint);font-size:var(--fs-xs)}

/* ---------- one job's panel ---------- */
.jb-badges{margin-bottom:6px}
.jb-kv dd{line-height:1.5}
.jb-path{font-size:var(--fs-xs);color:var(--muted);overflow-wrap:anywhere}
.jb-watch{
  display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);
  padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-raise);
}
.jb-watch p{font-size:var(--fs-sm);line-height:1.5;margin-top:2px}
.jb-watch .btn{flex:none}
.jb-runs{min-width:0}
.jb-runs td{height:auto;padding-top:9px;padding-bottom:9px;vertical-align:top;white-space:normal}
.jb-runs td:first-child,.jb-runs td:nth-child(2),.jb-runs td:nth-child(3){white-space:nowrap}
.jb-runs .td-sub{white-space:normal}
.jb-more,.jb-none{font-size:var(--fs-sm);margin-top:var(--s-2)}
.jb-more{color:var(--faint)}

/* ---------- the reporting recipe ---------- */
.jb-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-4)}
.jb-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:var(--s-3);align-items:start}
.jb-step-n{
  display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);
  color:var(--gold-2);background:var(--gold-tint);border:1px solid rgba(229,181,68,.5);
}
.jb-steps h3{font-size:var(--fs-md);font-weight:600;color:var(--text)}
.jb-steps p{margin-top:2px;color:var(--muted);font-size:var(--fs-sm);line-height:1.55;max-width:96ch}
.jb-steps code,.jb-cmd code,.jb-keys code{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:.78rem}
.jb-steps code{padding:1px 5px;border-radius:var(--r-xs);background:var(--surface-2);color:var(--text)}
.jb-cmd-what{margin-bottom:var(--s-1);color:var(--muted);font-size:var(--fs-sm)}
.jb-cmd{
  display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);
  padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-raise);
}
.jb-cmd code{min-width:0;overflow-x:auto;white-space:nowrap;color:var(--gold-2)}
.jb-cmd .btn{flex:none}
.jb-keys code{color:var(--gold-2)}
.jb-keys td{height:48px;max-width:none}
.jb-keys td:nth-child(3){white-space:nowrap}