/* The work order is one instrument faceplate. Rows carry evidence;
   colour is reserved for reported, pending, and confirmed states. */
#work { background:var(--paper,#fafbf8); border:1px solid var(--line,#c6cecf); border-radius:2px; scrollbar-color:#a6adae #eff1ee }
#work .wo { color-scheme:light; --wo-ink:#192328; --wo-muted:#536168; --wo-line:#c6cecf;
  --wo-paper:#fafbf8; --wo-subtle:#eef1ee; --wo-dark:#253137; --wo-green:#216b5c; --wo-amber:#87501b;
  color:var(--wo-ink); background:var(--wo-paper); min-height:100%; font:400 13px/1.55 var(--sans,Arial,sans-serif);
  font-variant-numeric:tabular-nums; text-align:start; container-type:inline-size }
.wo *, .wo *::before, .wo *::after { box-sizing:border-box }
.wo-frame { margin:0; min-width:0 }
.wo h2,.wo h3,.wo p,.wo dl,.wo dd { margin:0 }
.wo code,.wo time,.wo .wo-id,.wo .wo-unit,.wo .wo-minutes span { font:500 .89em/1.45 var(--mono,Consolas,monospace); font-variant-numeric:tabular-nums }
.wo button,.wo a { font:inherit; line-height:1.35 }
#work .wo button, #work .wo .wo-download { color:var(--wo-ink); background:#f7f8f5; border:1px solid #aeb9bb; border-radius:2px;
  min-height:33px; padding:6px 10px; letter-spacing:0; cursor:pointer; transition:background-color .12s,border-color .12s; text-decoration:none }
#work .wo button:hover:not(:disabled), #work .wo .wo-download:hover { filter:none; color:#121c20; border-color:#647379; background:#e2e7e3 }
#work .wo button:disabled { cursor:default; opacity:1; color:#667177; border-color:#d3dad9; background:#eff2ef }
#work .wo :focus-visible { outline:2px solid #1d6a7f; outline-offset:2px }
#work .wo .wo-primary { color:#fff; font-weight:640; background:var(--wo-dark); border-color:var(--wo-dark); padding:8px 12px }
#work .wo .wo-primary:hover:not(:disabled) { color:#fff; background:#38484e; border-color:#38484e }
#work .wo .wo-primary:disabled { background:#e0e5e2; color:#606e73; border-color:#c6ccca }
#work .wo-head { display:flex; align-items:center; justify-content:space-between; gap:5px 12px; padding:12px 15px;
  background:#e9edeb; border-bottom:1px solid #b9c3c2; color:var(--wo-ink) }
.wo-head>div:first-child { display:grid; gap:2px; min-width:0 }
.wo-kind { color:#4f5e63; font-size:11px;font-weight:600 }
#work .wo-id { font-size:15px; letter-spacing:.025em; white-space:nowrap; font-weight:640 }
.wo-actions,.wo-outcome-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:5px }
#work .wo .wo-plain { font-size:11px; min-height:28px; padding:4px 6px; background:transparent; border-color:transparent; color:#435359 }
#work .wo .wo-plain:hover { color:#152328; text-decoration:underline; background:transparent; border-color:transparent }
.wo-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; padding:0 5px; border-bottom:1px solid var(--wo-line) }
#work .wo-steps button { border:0; border-radius:0; border-bottom:3px solid transparent; min-height:33px; font-size:11px; font-weight:550;
  background:transparent; color:var(--wo-muted); padding:5px 2px 3px }
#work .wo-steps button[aria-current="step"] { border-bottom-color:var(--wo-dark); color:var(--wo-ink);font-weight:700 }
#work .wo-steps button:disabled { background:transparent; color:#687579 }
#work .wo-body { padding:15px 15px 5px }
.wo-title { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:2px 9px; margin-bottom:11px }
#work .wo h2 { font-size:clamp(18px,4.7cqi,24px); font-weight:640; letter-spacing:0; line-height:1.35 }
#work .wo h3 { font-size:13px; font-weight:650; line-height:1.45; margin:0 0 5px }
#work .wo .wo-unit { color:var(--wo-muted); font-size:11px; letter-spacing:.025em }
#work .wo .wo-sub,#work .wo .wo-note { color:var(--wo-muted); font-size:12px; line-height:1.55; margin:7px 0 11px }
#work .wo-choices { display:grid; margin:13px 0 11px; border-top:1px solid var(--wo-line) }
#work .wo .wo-choice { border-width:0 0 1px; border-radius:0; background:transparent; display:flex; align-items:center; justify-content:space-between; gap:11px;
  text-align:start; padding:13px 5px; min-height:49px }
.wo-choice b { font-size:14px; font-weight:570; line-height:1.5 }
.wo-choice span { font-size:19px; color:#42565d }
.wo-register { border-collapse:collapse; width:100%; font-size:12px; line-height:1.4 }
.wo-register th,.wo-register td { text-align:left; vertical-align:middle; border-bottom:1px solid var(--wo-line); padding:7px 5px; font-weight:450; overflow-wrap:anywhere }
.wo-register thead th { background:var(--wo-subtle); color:#4b5b60; font-size:10px; font-weight:650; border-top:1px solid var(--wo-line); padding:5px }
.wo-register tbody th { font-weight:600 }
.wo-register td time,.wo-register td code {white-space:nowrap}
.wo-sources .wo-success {display:inline-block; font-size:10.5px; line-height:1.4; font-weight:650; color:#236044; background:#deece0; padding:2px 5px; border:1px solid #b7d1bd; border-radius:1px}
#work .wo .wo-source { display:grid; gap:3px; text-align:start; background:none; padding:2px 0; border:0; color:var(--wo-ink); width:100%; min-height:34px }
#work .wo .wo-source b { font-size:12.5px; font-weight:650 }
.wo-source code { color:#58686d; font-size:10px }
#work .wo .wo-source:hover { background:transparent; color:#1f5b65 }
.wo-lineage td { background:#f0f3ef; padding:4px 7px!important }
.wo-lineage td>span { font-size:10px; color:var(--wo-muted); margin-right:8px }
.wo-fields { padding:2px 0; line-height:1.5 }
.wo-fields>div { display:flex; align-items:baseline; gap:8px; justify-content:space-between; border-bottom:1px solid var(--wo-line); padding:6px 0 }
.wo-fields dt { font-size:11px; font-weight:550; color:var(--wo-muted) }
.wo-fields dd { text-align:right; font-size:12px; font-weight:580 }
#work .wo-hold,#work .wo-result,#work .wo-story { display:block; color:#5c4527; background:#f6efe2; border:0; border-left:3px solid #ae8650; border-radius:0; padding:9px 11px; margin:10px 0 }
#work .wo-hold b,#work .wo-result b,#work .wo-story strong { display:block; font-size:14px; font-weight:650 }
.wo-hold p,.wo-result span { font-size:12px; margin:3px 0 0; display:block }
#work .wo-result.good,#work .wo-story { color:#244b38; background:#e4eee5; border-left-color:#5c896c }
.wo-foot { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:6px; position:sticky; bottom:0; z-index:2;
  margin-top:12px; padding:8px 0; border-top:1px solid var(--wo-line); background:var(--wo-paper) }
.wo-foot>.wo-note { flex:1; min-width:110px; margin:0!important }
.wo-foot>.wo-actions { flex:1 }
.wo-feedback { font-size:11px; line-height:1.5; background:#e9eeeb; color:#384e43; padding:5px 8px; border-left:2px solid #8ba395; margin:4px 0 7px }
.wo-feedback:empty { display:none }
.wo-criteria { border-top:1px solid var(--wo-line); margin:10px 0 }
.wo-criteria>div { display:grid; grid-template-columns:67px minmax(0,1fr) auto; align-items:start; gap:7px; padding:8px 0; border-bottom:1px solid var(--wo-line) }
.wo-criteria code { color:var(--wo-muted); font-size:11px }
.wo-criteria strong { display:block; font-size:12px; line-height:1.45; font-weight:600 }
.wo-criteria small { display:block; color:var(--wo-muted); font-size:11px; margin-top:2px }
.wo-state { border:1px solid #b5c1c1; font-size:10px; color:#4b5b60; padding:1px 4px; border-radius:1px }
.wo-state[data-result="yes"] { color:#255c3c; background:#e2eee2; border-color:#b4c8b7 }
.wo-state[data-result="no"] { color:#784c23; background:#f1e6d2; border-color:#d6bb93 }
.wo-candidates { display:grid; border-top:1px solid var(--wo-line) }
#work .wo-candidates button { display:grid; grid-template-columns:68px minmax(0,1fr) auto; align-items:center; gap:6px;
  text-align:start; font-size:12px; border-width:0 0 1px; border-radius:0; padding:7px 3px; background:transparent; border-color:var(--wo-line) }
.wo-candidates button code { font-size:10.5px; color:var(--wo-muted) }
.wo-candidates button b {font-weight:570}
.wo-candidates button span {font-size:11px}
#work .wo-candidates button:disabled { background:#eef1ed;color:#526159 }
.wo-acquired { padding:9px 11px; background:#edf1ed; margin:12px 0; border-left:3px solid #72937d }
.wo-acquired header { display:flex; align-items:baseline; justify-content:space-between; gap:7px; margin:0 }
.wo-acquired time { color:var(--wo-muted); font-size:10px }
.wo-acquired>strong { display:block; font-size:14px; line-height:1.5 }
#work .wo-acquired .wo-note { margin:5px 0 0 }
.wo-minutes { display:flex; width:100%; gap:2px; margin:7px 0 2px }
.wo-minutes span { flex:1; text-align:center; font-size:9px; border-top:1px solid #b6c5b9; padding:4px 0 0; color:var(--wo-muted) }
.wo-minutes b { display:block; font-size:13px; color:var(--wo-ink) }
.wo-checklist { border-top:1px solid var(--wo-line); border-bottom:1px solid var(--wo-line); padding:6px 0 }
.wo-checklist summary { font-size:12px; cursor:pointer; color:#35464d; font-weight:620 }
.wo-checklist .wo-criteria { border-top:0; margin:3px 0 0 }
.wo-checklist .wo-criteria>div:last-child {border-bottom:0}
.wo-export { margin:12px 0 }
.wo-outcome-actions { justify-content:flex-start }
.wo .wo-download, .wo-export button {font-size:12px!important; display:inline-flex; align-items:center}
.wo-export .wo-command { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; margin:7px 0; padding:6px 8px; background:var(--wo-subtle); border:1px solid var(--wo-line) }
.wo-command code { flex:1; overflow-wrap:anywhere; min-width:160px; font-size:10.5px }
#work .wo .wo-command button { padding:3px 5px; min-height:25px }
.wo .portable-kit { width:100%; font-size:11px!important }
#work .wo-story .wo-note { margin:3px 0 0; color:inherit }
.wo-research { margin:12px 0 }
#work .wo-research button { display:block; width:100%; text-align:start; background:transparent; border-width:0 0 1px; border-radius:0; font-size:12px; padding-inline:2px }
@container(min-width:440px) {
  #work .wo-body {padding:19px 19px 9px} #work .wo-head {padding:14px 19px}
  #work .wo-steps button {font-size:12px} #work .wo .wo-source b {font-size:14px}
  .wo-register th,.wo-register td {padding:9px 7px} .wo-register thead th {font-size:11px;padding:6px 7px}
  .wo-fields dt,.wo-criteria strong {font-size:13px} .wo-criteria>div {grid-template-columns:78px 1fr auto}
}
@container(max-width:330px) {
  #work .wo-head {flex-wrap:wrap} .wo-head>.wo-actions {margin-left:auto}
  #work .wo-body {padding:10px 8px 5px}.wo-criteria>div {grid-template-columns:58px 1fr auto;gap:4px}
}