/* Batch 3: action-first job overview. Existing workflow and status styles remain intact. */
#checklist .job-layout{display:block;}
#checklist #jobTop{margin:0;padding:14px 16px 10px;background:transparent;border:0;box-shadow:none;}
#checklist #jobTop .addr{font-size:16px;font-weight:800;line-height:1.4;min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere;color:var(--text);}
#checklist #jobTop .when{font-size:13px;margin-top:2px;}
.job-crew,.job-missing{font-size:13px;line-height:1.5;color:var(--muted);margin:5px 0;}
.job-site-link{display:inline-flex;align-items:center;min-height:44px;color:var(--brand-700);font-size:13px;font-weight:750;}
#jobChecks{padding:0 16px;}
.job-checks{padding:10px 12px;background:var(--surface-2);border-left:4px solid var(--line);font-size:13px;line-height:1.5;}
.job-checks.needs-review{background:var(--st-stuck-soft);border-color:var(--st-stuck);}
.job-checks b{font-weight:800;}
.job-checks ul{margin:5px 0 0;padding-left:19px;}
.job-checks p{margin:5px 0;}
.job-check-link{display:inline-flex;align-items:center;min-height:44px;font:750 13px var(--font-brand);color:var(--brand-800);background:none;border:0;text-decoration:underline;padding:6px 0;cursor:pointer;}
#jobActions{padding:12px 16px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
#jobActions .job-action{min-width:0;min-height:62px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font:800 12px/1.3 var(--font-brand);text-decoration:none;text-align:center;color:var(--text);cursor:pointer;box-shadow:none;}
#jobActions .job-action.problem{border-color:var(--danger);color:var(--danger);}
#jobActions svg{height:22px;width:22px;stroke:currentColor;fill:none;stroke-width:1.8;}
#checklist #jobTasks{padding-top:12px;}
#checklist #runCard .empty{padding:12px 0;font-size:13px;line-height:1.5;text-align:left;}
#checklist .jt-now{margin-top:0;padding:16px;border-radius:8px;box-shadow:none;border:1px solid var(--line);border-left:4px solid var(--brand-700);cursor:default;}
#checklist .jt-now.tk-running{border-left-color:var(--st-running);}
#checklist .jt-now.tk-stuck{border-left-color:var(--st-stuck);}
#checklist .jt-now-t{font-size:21px;font-weight:800;line-height:1.3;}
#checklist h2.jt-now-t{margin:8px 0 0;}
#checklist .jt-now-hd .job-eyebrow{margin:0;}
.job-eyebrow{font-size:12px;font-weight:800;letter-spacing:.035em;color:var(--muted);margin:0 0 8px;}
.job-focus-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.job-focus-actions button{min-height:44px;font-family:var(--font-brand);font-weight:800;}
.job-open-task{flex:1;background:var(--brand-600);color:var(--surface);border:0;border-radius:6px;padding:12px 16px;cursor:pointer;}
.job-focus-actions .jt-stuck{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;}
.job-task-empty{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;}
.job-task-empty h2{font-size:20px;margin:0 0 8px;line-height:1.3;}
.job-task-empty p{font-size:13px;line-height:1.5;}
#checklist .jt-prog{margin:12px 0;font-size:12px;}
.job-context{margin:12px 16px;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:6px;}
.job-context>summary{padding:13px 14px;min-height:48px;cursor:pointer;font-size:14px;font-weight:800;}
.job-context>summary:focus-visible,#jobActions .job-action:focus-visible,.job-check-link:focus-visible,.job-focus-actions button:focus-visible{outline:3px solid var(--brand-700);outline-offset:3px;}
#jobTasks .job-context{margin:12px 0;}
.job-plan-body{padding:0 12px 12px;}
#checklist .job-plan-body .jt-film{margin:0;}
#checklist #timeStrip{margin:0;border:0;border-radius:0;box-shadow:none;}
#checklist #brief{margin-top:14px;}
#checklist #steps:focus{outline:3px solid var(--brand-700);outline-offset:-3px;}
@media(min-width:900px){#checklist{max-width:1060px;}#checklist .job-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px;align-items:start;}#checklist .job-layout>div{min-width:0;}#checklist .job-context-column{padding-top:0;}}

/* Field loop R1 (OST-01): the saved gate code sits first in the brief, with where it came from. */
.brief-access .access { margin-top: 0; }
.brief-access .access-line { margin: 8px 0 12px; font-size: 14px; line-height: 1.5; color: var(--muted); }
.brief-access .access-line.loadwarn { padding: 8px 10px; border-radius: 10px; }

/* Field loop R1 (OST-03b): the office's answer, right under the job's name. */
.answer-card { margin: 12px 0; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface); }
.answer-card.hidden { display: none; }
.answer-card[data-state="answered"] { border-color: var(--ok); background: var(--ok-soft); }
.answer-card[data-state="queued"] { border-color: var(--warning-line); background: var(--warning-soft); }
.answer-card .answer-title { margin: 0 0 4px; font-weight: 800; font-size: 15px; }
.answer-card .answer-body { margin: 0 0 8px; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.answer-card .tbtn { min-height: 44px; }
