/* css/modules/jf.css: the .jf-* 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). */

/* job forms (jacking / oversize) */
.jf-card{margin-top:20px}
.jf-card.is-outstanding{border-left:4px solid var(--orange)}
.jf-row{border-top:1px solid var(--line);padding:10px 0}
.jf-row:first-of-type{border-top:none}
.jf-row b{font-size:14px}
.jf-pending{display:block;color:#c96a12;font-weight:700;font-size:12.5px;margin-top:2px}
.jf-meta{display:block;color:var(--ok);font-weight:800;font-size:12.5px;margin-top:2px}
.jf-vals{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;margin:8px 0 0}
.jf-vals dt{color:var(--muted);font-weight:700;font-size:12.5px}
.jf-vals dd{margin:0;font-weight:800;font-size:12.5px}