/* FL-2 Jobs. Tokens only (web/tokens.css); no colour of its own.
   Gloves and sunlight: every control is at least one --tap square, adjacent
   targets keep --tap-gap, text never below --fs-body, nothing hover-only.
   The bar is my-job.css's one-row bar, copied, not shared. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html, body { margin: 0; background: var(--c-bg); color: var(--c-text);
  font-family: var(--font-ui); }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
.jb-bar {
  position: sticky; top: 0; z-index: 10;
  display: flex; flex-wrap: nowrap; align-items: center; gap: var(--tap-gap);
  width: 100%;
  padding: env(safe-area-inset-top, 0px) var(--sp-2) 0;
  background: var(--c-bg);
  border-bottom: var(--bw-rule) solid var(--c-rule);
}
.jb-bar button, .jb-bar a {
  flex: 0 0 auto; white-space: nowrap;
  min-height: var(--tap); min-width: var(--tap);
  font-family: var(--font-ui); font-size: var(--fs-label); font-weight: var(--fw-label);
  color: var(--c-text); background: var(--c-bg);
  border: var(--bw) solid var(--c-border); border-radius: var(--radius);
}
.jb-bar button:focus-visible, .jb-bar a:focus-visible { outline: var(--bw-focus) solid var(--c-accent); outline-offset: 2px; }
.jb-bar button[aria-pressed="true"] { border-color: var(--c-accent); color: var(--c-accent); }
.jb-home { display: inline-flex; align-items: center; justify-content: center;
  text-decoration: none; padding: 0 var(--sp-2); }
.jb-lang { margin-left: auto; display: flex; flex-wrap: nowrap; gap: var(--tap-gap); }
#jb-main { padding: var(--sp-2) var(--sp-2) calc(var(--sp-5) + env(safe-area-inset-bottom, 0px)); }
#jb-main h1 { font-size: var(--fs-head); font-weight: var(--fw-head);
  line-height: var(--lh-tight); margin: var(--sp-2) 0 var(--sp-1); }
.jb-status { font-size: var(--fs-body); line-height: var(--lh-body);
  font-weight: var(--fw-label);
  border: var(--bw) solid var(--c-border); border-radius: var(--radius);
  padding: 12px; margin: var(--sp-2) 0; }
.jb-muted { color: var(--c-text-2); font-size: var(--fs-body); line-height: var(--lh-body); }
.jb-job { border: var(--bw) solid var(--c-border); border-radius: var(--radius);
  padding: 12px; margin: var(--sp-2) 0; min-height: var(--tap); }
.jb-job-head { font-size: var(--fs-head); font-weight: var(--fw-head);
  line-height: var(--lh-tight); margin: 0 0 var(--sp-1); overflow-wrap: anywhere; }
.jb-job-id { font-size: var(--fs-body); line-height: var(--lh-body); margin: 0; overflow-wrap: anywhere; }
.jb-crews { list-style: none; margin: var(--sp-1) 0 0; padding: 0; }
.jb-crew { font-size: var(--fs-body); line-height: var(--lh-body);
  font-weight: var(--fw-label);
  min-height: var(--tap); display: flex; align-items: center;
  border-top: var(--bw-rule) solid var(--c-rule); }