/* Task Helper — the WORKFLOW WIZARD (job-intake.md §39; WF-1, BRIEF-1076). Copyright Rapid Surveys Pty Ltd. Namespace wf-. */
.wf-overlay { position:fixed; inset:0; background:rgba(20,28,40,.45); display:flex; align-items:flex-start; justify-content:center; z-index:60; overflow:auto; }
.wf-card { background:var(--card); color:var(--ink); border:1px solid var(--line); border-radius:14px; width:100%; max-width:1040px; margin:24px 16px; padding:18px 22px 22px; }
.wf-head { display:flex; align-items:center; gap:12px; }
.wf-head h2 { margin:0; font-size:18px; flex:1; color:var(--ink); text-transform:none; letter-spacing:0; }
/* The page styles every <button> full-width + accent; inside the wizard each button says what it is. */
.wf-card button { width:auto; padding:8px 12px; font-size:14px; border-radius:8px; }
.wf-card .wf-mv { min-width:36px; min-height:36px; padding:4px 8px; background:var(--card); color:var(--ink); border:1px solid var(--line); }
.wf-card .wf-mv:hover:not(:disabled) { background:var(--hover); }
.wf-card .wf-mv.wf-del { color:var(--err); }
.wf-card .wf-back { background:var(--bg); color:var(--ink); border:1px solid var(--line); min-height:44px; padding:10px 18px; }
.wf-card .wf-next, .wf-card .wf-save { min-height:44px; padding:10px 22px; }
.wf-card .wf-x { background:none; border:0; font-size:18px; color:var(--muted); cursor:pointer; padding:6px 10px; min-width:44px; min-height:44px; }
.wf-steps { display:flex; flex-wrap:wrap; gap:6px 18px; list-style:none; padding:0; margin:12px 0 14px; border-bottom:1px solid var(--line); padding-bottom:10px; font-size:13px; color:var(--muted); }
.wf-steps li.on { color:var(--ink); font-weight:600; }
.wf-card .wf-stepbtn { background:none; border:0; padding:4px 0; color:var(--accent); cursor:pointer; font:inherit; }
.wf-help { font-size:13px; color:var(--muted); margin:0 0 12px; }
.wf-note { font-size:13px; background:var(--hover); border:1px solid var(--line); border-radius:8px; padding:8px 10px; margin:0 0 10px; }
.wf-meta { font-size:12px; color:var(--muted); }
.wf-warn { color:#b45309; }
.wf-err { color:var(--err); font-size:13px; }
.wf-tag { display:inline-block; font-size:11px; font-weight:500; color:var(--muted); border:1px solid var(--line); border-radius:999px; padding:1px 7px; margin-left:4px; vertical-align:middle; }
.wf-tag.wf-new { color:var(--accent); border-color:var(--accent); }
.wf-chip { display:inline-block; font-size:11px; font-weight:600; padding:2px 8px; margin:2px 4px 2px 0; border-radius:999px; border:1px solid var(--wf-c); color:var(--ink); background:color-mix(in srgb, var(--wf-c) 18%, var(--card)); }
.wf-which { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.wf-card .wf-pick { width:100%; text-align:left; display:flex; flex-direction:column; gap:4px; padding:12px 14px; background:var(--card); border:1px solid var(--line); border-radius:10px; cursor:pointer; color:var(--ink); font:inherit; }
.wf-card .wf-pick:hover { background:var(--hover); }
.wf-pname { font-weight:600; }
.wf-used { margin:0 0 10px; font-size:13px; }
.wf-used ul { margin:6px 0 0; padding-left:18px; }
.wf-rows { list-style:none; margin:0 0 10px; padding:0; border:1px solid var(--line); border-radius:10px; }
.wf-row { display:flex; align-items:center; gap:8px; padding:6px 10px; border-top:1px solid var(--line); background:var(--card); }
.wf-row:first-child { border-top:0; border-radius:10px 10px 0 0; }
.wf-row.wf-drag { opacity:.5; }
.wf-row.wf-over { box-shadow:inset 0 2px 0 var(--accent); }
.wf-grip { cursor:grab; color:var(--muted); user-select:none; }
.wf-col { width:32px; height:28px; padding:0; border:1px solid var(--line); border-radius:6px; background:none; cursor:pointer; }
.wf-col[data-auto] { opacity:.6; }
.wf-name { flex:1; font-weight:600; font-size:14px; min-width:0; overflow-wrap:anywhere; }
.wf-cnt { font-size:12px; color:var(--muted); min-width:64px; text-align:right; }
.wf-keep { width:28px; text-align:center; color:var(--line); }
.wf-add { display:flex; gap:8px; align-items:center; }
.wf-addin { flex:1; text-transform:uppercase; margin:0; }
.wf-orph { margin-top:14px; border:1px dashed #d97706; border-radius:10px; padding:8px 12px; font-size:13px; }
.wf-orph ul { list-style:none; padding:0; margin:6px 0; }
.wf-board { display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; }
.wf-bcol { flex:0 0 160px; min-height:90px; background:var(--hover); border-radius:10px; border-top:4px solid var(--wf-c); }
.wf-bhead { display:flex; justify-content:space-between; gap:6px; padding:8px 10px; font-size:12px; font-weight:700; }
.wf-bn { color:var(--muted); font-weight:500; }
.wf-sum { font-size:14px; margin:12px 0 4px; padding-left:18px; }
.wf-nav { display:flex; align-items:center; gap:10px; margin-top:18px; padding-top:12px; border-top:1px solid var(--line); }
.wf-gap { flex:1; }
.wf-msg { margin:0; font-size:13px; }
.wf-sumcard { border:1px solid var(--line); border-radius:10px; padding:10px 12px; margin:0 0 8px; }
.wf-sumcard h3 { margin:0 0 4px; font-size:15px; }
@media (max-width: 767px) { .wf-card { margin:0; border-radius:0; min-height:100%; padding:14px 16px; } }
.wf-addin::placeholder { text-transform:none; }
/* BRIEF-1090: the master order + tick chips */
.wf-used-in { display:block; font-size:11px; font-weight:400; color:var(--muted); margin-top:2px; }
.wf-wfs { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.wf-wf { border:1px solid var(--line); border-radius:10px; padding:10px 12px; }
.wf-wf.wf-focus { border-color:var(--accent); box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent); }
.wf-wfhead { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; margin-bottom:6px; }
.wf-inherit { display:flex; align-items:center; gap:6px; font-size:13px; margin:0 0 6px; cursor:pointer; }
.wf-ticks { display:flex; flex-wrap:wrap; gap:6px; }
.wf-card .wf-tick, .wf-ticks .wf-tick { width:auto; min-height:36px; padding:6px 10px; font-size:12px; font-weight:600; border-radius:999px; cursor:pointer;
  background:var(--card); color:var(--muted); border:1px dashed var(--line); }
.wf-card .wf-tick.on, .wf-ticks .wf-tick.on { color:var(--ink); border:1px solid var(--wf-c); background:color-mix(in srgb, var(--wf-c) 18%, var(--card)); }
.wf-tick[aria-disabled="true"] { cursor:not-allowed; }
.wf-lockn { display:inline-block; min-width:18px; margin-left:4px; padding:0 5px; border-radius:999px; background:var(--wf-c); color:#fff; font-size:10px; }
.wf-inherit { justify-content:flex-start; }
.wf-inherit input[type="checkbox"] { width:18px; height:18px; flex:0 0 auto; margin:0; padding:0; }
/* PR-2: the priority levels editor (job-intake §40; BRIEF-1094) */
.pl-card { max-width:880px; }
.pl-code { min-width:28px; font-weight:700; color:var(--muted); font-size:13px; }
.pl-sym { width:44px; text-align:center; font-size:18px; }
.pl-card input.pl-sym { width:52px; margin:0; padding:6px; }
.pl-main { flex:1; display:flex; flex-direction:column; gap:4px; min-width:0; }
.pl-card .pl-main input { margin:0; padding:6px 8px; font-size:14px; }
.pl-card .pl-desc { font-size:12px; color:var(--muted); }
.pl-swatch { width:20px; height:20px; border-radius:4px; display:inline-block; }
.pl-def { display:flex; align-items:center; gap:4px; font-size:12px; white-space:nowrap; }
.pl-def input { width:auto; margin:0; }
.pl-add input.pl-newsym { width:72px; flex:0 0 auto; margin:0; }
.pl-reth { font-size:14px; margin:16px 0 6px; }
.pl-retired { list-style:none; padding:0; margin:0; display:grid; gap:6px; font-size:14px; }
.pl-ask { border:1px solid var(--line); border-radius:10px; padding:10px 12px; margin:4px 0 8px; background:var(--hover); font-size:14px; }
.pl-ask select { width:auto; margin-left:6px; }
.pl-ask .sb-btns button { width:auto; min-height:40px; padding:8px 14px; font-size:14px; border-radius:8px; }
.pl-ask .pl-cancel, .pl-ask .pl-retire { background:var(--bg); color:var(--ink); border:1px solid var(--line); }
@media (max-width: 767px) { .pl-row { flex-wrap:wrap; } .pl-main { flex-basis:60%; } }
/* GW-1: the guided setup (job-intake §39; BRIEF-1198) — one column, phone-friendly */
.gs-card { max-width:720px; }
.gs-choices { display:grid; gap:8px; }
.gs-choice { display:flex; gap:10px; align-items:flex-start; padding:12px; border:1px solid var(--line); border-radius:10px; cursor:pointer; }
.gs-choice:has(input:checked) { border-color:var(--accent); box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent); }
.gs-choice input[type="radio"] { width:20px; height:20px; margin:2px 0 0; flex:0 0 auto; }
.gs-choice > span { display:flex; flex-direction:column; gap:4px; min-width:0; }
.gs-card .gs-name { margin:6px 0 0; }
.gs-card .wf-tick { min-height:44px; }
.gs-done { font-size:15px; }
.pl-gtbar { margin:0 0 10px; }   /* G3: the one greyed "Change levels" (BRIEF-1289) */