/* ============================================================================
   F46  BENCHTOP BUDDY (the console's part)
   Tokens only, from app.css, so both themes work. Laid out like F45's check
   measure section beside it: a benchtop measure waiting to go to the stone
   supplier carries the warn edge, and the card line borrows the same dot.
   ============================================================================ */
.tk .f46-card{font-size:11px;line-height:1.4;color:var(--ink-2)}
.tk .f46-card::before{content:"";display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;
  background:var(--warn);vertical-align:middle}
.tk .f46-card.wait::before{background:var(--info)}

.f46-box .f46-line{display:block;margin-top:6px;color:var(--ink)}
.f46-box .f46-sub{display:block;margin-top:6px;font-size:12px;color:var(--ink-3)}
.f46-btns{margin:-4px 0 10px;flex-wrap:wrap}
.f46-btns a.btn{text-decoration:none}
.f46-frm{margin:0 0 14px}
.f46-start{padding:12px;border:1px dashed var(--line);border-radius:var(--r)}

@media(max-width:700px){
  .f46-box .f46-sub{font-size:13px}
  .f46-btns .btn{min-height:40px}
}

/* ============================================================================
   F46c: the Benchtops line at the top of the job, laid out like the Next step
   box above it (same panel, same small capitals), so it reads as one of the
   job's key actions and not as another section to scroll past. A draft
   carries the info edge, a submitted one the good edge, a room check measure
   started on a benchtop job the warn edge.
   ============================================================================ */
.x-sec[data-x="F46C"]:has(> .f46c-mark:only-child){margin:0}
.f46c-top{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);padding:10px 15px 4px;margin:0 0 14px}
.f46c-k{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}
.f46c-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 0 8px 10px;border-left:3px solid var(--line);margin-bottom:6px}
.f46c-row.wait{border-left-color:var(--info)}
.f46c-row.done{border-left-color:var(--good)}
.f46c-row.odd{border-left-color:var(--warn)}
.f46c-t{flex:1 1 260px;min-width:0;font-size:13px;line-height:1.45;color:var(--ink)}
.f46c-s{display:block;margin-top:3px;font-size:12px;color:var(--ink-3)}
.f46c-b{flex:0 0 auto}
.f46c-b a.btn{text-decoration:none}
.f46c-pack.good{color:var(--ink-2)}
.f46c-pack.warn{color:var(--warn)}
.f46-box .f46c-pack{font-size:12.5px;color:var(--ink-2)}
.f46-box .f46c-pack.warn{color:var(--warn)}

@media(max-width:700px){
  .f46c-top{padding:10px 12px 4px}
  .f46c-b{flex:1 1 100%}
  .f46c-b .btn{min-height:40px;width:100%;text-align:center;justify-content:center}
  .f46c-s{font-size:13px}
}