.completion-record{margin-top:12px;border-top:1px solid var(--line);padding-top:11px}
.completion-record-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.completion-record-head strong{display:block;font-size:.9375rem;font-weight:600}
.completion-record-body{margin-top:14px}
.completion-serial{display:block}
/* A focused record shows only its own field; display rules must not unhide the others. */
.completion-record .completion-serial[hidden],.completion-record .completion-check[hidden]{display:none}
.completion-serial>span{display:block;font-size:.875rem;line-height:1.45;font-weight:600;color:var(--muted)}
.completion-serial em{font-style:normal;font-weight:600}
.completion-serial input{width:100%;min-height:44px;margin-top:7px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);padding:9px 10px;font:inherit;font-size:1rem}
.completion-serial input:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.completion-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;margin-top:12px}
.completion-checks:empty{display:none}
.completion-check{display:flex;align-items:flex-start;gap:8px;min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:9px;cursor:pointer}
.completion-check input{margin-top:2px;accent-color:var(--green)}
.completion-check span{display:block}
.completion-check b{display:block;font-size:10px}
.completion-check small{display:block;margin-top:1px;color:var(--muted);font-size:8.5px}
.completion-check:has(input:disabled){opacity:.5;cursor:not-allowed}
.job-tools .completion-check{align-items:center;padding:12px;gap:10px}
.job-tools .completion-check input{flex:0 0 auto;width:20px;height:20px;margin:0}
.job-tools .completion-check b{font-size:.875rem;line-height:1.45;font-weight:600}
.job-tools .completion-check small,.job-tools .completion-record-status{font-size:.8125rem;line-height:1.45}
.completion-record .completion-check{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:12px 0}
.completion-record .completion-check:focus-within{outline:2px solid var(--green);outline-offset:2px}
.completion-extra{margin-top:4px;border-top:0}
.completion-extra>summary span{color:var(--muted);font-size:.8rem;font-weight:400}
.completion-extra[open]>summary{margin-bottom:10px}
.completion-record-actions{display:flex;align-items:center;gap:9px;margin-top:14px;flex-wrap:wrap}
.completion-record-status{font-size:9px;color:var(--muted);font-weight:750}
.completion-record-status.success{color:var(--green)}
.completion-record-status.error,.completion-load-error{color:#9a3d32}
.completion-record .btn:disabled{opacity:.55;cursor:wait}
.job-workspace[data-job-view="task"][data-job-task="pilot-check"][data-job-task-focus] [data-job-task-active]>.section-head,
.job-workspace[data-job-view="task"][data-job-task="pilot-check"][data-job-task-focus] [data-job-task-active]>.job-check-review{display:none}
.job-workspace[data-job-view="task"][data-job-task="pilot-check"][data-job-task-focus] .completion-record[data-completion-focus]{margin-top:0;border-top:0;padding-top:0}
.job-workspace[data-job-view="task"][data-job-task="pilot-check"][data-job-task-focus] .completion-record[data-completion-focus] .completion-record-head{justify-content:flex-end}
.job-workspace[data-job-view="task"][data-job-task="pilot-check"][data-job-task-focus] .completion-record[data-completion-focus] .completion-record-head strong{display:none}
.job-workspace[data-job-view="task"][data-job-task="pilot-check"][data-job-task-focus] .completion-record[data-completion-focus] .completion-record-body{margin-top:0}
.job-workspace[data-job-view="task"][data-job-task="pilot-check"][data-job-task-focus] .completion-record[data-completion-focus]:not([data-completion-focus="serial"]) .completion-check{display:none}
.job-workspace[data-job-view="task"][data-job-task="pilot-check"][data-job-task-focus] .completion-record[data-completion-focus]:not([data-completion-focus="serial"]) .completion-record-actions{margin-top:6px}
@media(max-width:600px){
  .completion-checks{grid-template-columns:1fr}
  .completion-record-actions .btn{width:100%}
  .completion-record-status{width:100%}
}
