/* GENERATED by scripts/sync-worklist-css.mjs from the plate-viewer stylesheet. Do not edit:
   re-run the script. Colours/radii are --wl-* variables defined in plate-viewer.css. */
.worklist-label-row, .worklist-subhead-row {
  display: flex;
  align-items: center;
  gap: 5px;
}
.worklist-info {
  font-size: 11px;
  color: var(--wl-accent);
  cursor: pointer;
  user-select: none;
  line-height: 1;
}
.worklist-info:hover { color: var(--wl-accent); }
.worklist-tooltip {
  position: fixed;
  z-index: 9999;
  max-width: 260px;
  background: var(--wl-tip-bg);
  color: var(--wl-tip-text);
  font-size: 11.5px;
  line-height: 1.45;
  padding: 8px 10px;
  border-radius: var(--wl-radius);
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  pointer-events: none;
  white-space: pre-wrap;
}
.worklist-thead { padding-bottom: 1px; }
.worklist-th {
  flex: 1;
  min-width: 0;
  font-size: 10px;
  font-weight: 600;
  color: var(--wl-faint);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-family: inherit;
}
.worklist-th-from { flex: 0 0 90px; }
.worklist-th-spacer { flex: 0 0 22px; }
.worklist-checklist {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  padding: 4px 0;
}
.worklist-check-sm {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--wl-ink);
  cursor: pointer;
}
.worklist-frame-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 0;
  border-bottom: 1px dashed var(--wl-soft-line);
}
.worklist-frame-sub {
  font-size: 10px;
  font-weight: 600;
  color: var(--wl-faint);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  align-self: center;
}
.worklist-frame-lead { flex: 0 0 62px; }
.worklist-chevron {
  border-top: 1px solid var(--wl-soft-line);
  padding: 2px 0;
}
.worklist-chevron-summary {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--wl-text2);
  cursor: pointer;
  padding: 6px 0;
  list-style: none;
}
.worklist-chevron-summary::-webkit-details-marker { display: none; }
.worklist-chevron-summary::before {
  content: "▸";
  color: var(--wl-faint);
  font-size: 10px;
  transition: transform .12s;
}
.worklist-chevron[open] > .worklist-chevron-summary::before { transform: rotate(90deg); }
.worklist-chevron > *:not(summary) { margin-left: 2px; }
.worklist-ro-overlay {
  position: fixed;
  top: 57px; left: 0; right: 0; bottom: 0;
  background: var(--wl-bg);
  z-index: 300;
  display: flex;
  flex-direction: column;
}
.worklist-ro-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--wl-soft-line);
  background: var(--wl-soft);
}
.worklist-ro-title { font-size: 15px; font-weight: 700; color: var(--wl-ink); }
.worklist-ro-body { flex: 1; display: flex; overflow: hidden; }
.worklist-ro-left {
  width: 46%;
  max-width: 560px;
  overflow-y: auto;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-right: 1px solid var(--wl-soft-line);
}
.worklist-ro-right {
  flex: 1;
  overflow-y: auto;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.worklist-ro-item {
  flex: 1;
  font-size: 12.5px;
  color: var(--wl-ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.worklist-ro-bad { color: var(--wl-warn); }
.worklist-ro-paste { margin-top: 4px; }
.worklist-ro-preview {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--wl-soft-line);
  border-radius: var(--wl-radius);
}
.worklist-ro-prow {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 8px;
  font-size: 12.5px;
  color: var(--wl-ink);
  border-bottom: 1px solid var(--wl-soft);
}
.worklist-ro-num { color: var(--wl-faint); font-variant-numeric: tabular-nums; min-width: 28px; text-align: right; }
.worklist-ro-tier {
  margin-left: auto;
  font-size: 10.5px;
  color: var(--wl-accent);
  background: var(--wl-accent-soft);
  border: 1px solid var(--wl-line);
  border-radius: var(--wl-radius);
  padding: 0 5px;
}
.worklist-ro-qc {
  text-align: center;
  font-size: 10.5px;
  font-weight: 600;
  color: var(--wl-warn);
  background: var(--wl-warn-soft);
  padding: 2px 0;
}
.worklist-persist-note { flex: 1; align-self: center; }
.worklist-hint {
  font-size: 10.5px;
  color: var(--wl-faint);
  line-height: 1.35;
}
.worklist-input {
  font-size: 13px;
  border: 1px solid var(--wl-soft-line);
  border-radius: var(--wl-radius);
  padding: 6px 8px;
  color: var(--wl-ink);
  background: var(--wl-bg);
  width: 100%;
}
.worklist-input:focus { outline: none; box-shadow: 0 0 0 1px #5EEAD4; }
.worklist-remap {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 4px;
}
.worklist-remap-row { display: flex; align-items: center; gap: 6px; }
.worklist-remap-from {
  font-size: 12px;
  color: var(--wl-ink);
  font-family: ui-monospace, monospace;
  min-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.worklist-remap-arrow { color: var(--wl-faint); }
.worklist-remap-to { flex: 1; }
.worklist-btn-row { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.worklist-btn {
  font-size: 12.5px;
  padding: 6px 10px;
  border-radius: var(--wl-radius);
  border: 1px solid var(--wl-soft-line);
  color: var(--wl-text2);
  background: var(--wl-bg);
  cursor: pointer;
  transition: background .12s, border-color .12s;
}
.worklist-btn:hover { border-color: var(--wl-line); background: var(--wl-accent-soft); }
.worklist-btn-primary {
  border-color: var(--wl-accent-fill);
  color: var(--wl-accent);
  background: var(--wl-accent-soft);
  font-weight: 600;
}
.worklist-btn-primary:hover { background: var(--wl-accent-soft); }
.worklist-btn:disabled { opacity: .4; cursor: not-allowed; }
.worklist-advanced { margin-top: 4px; }
.worklist-summary {
  font-size: 12px;
  font-weight: 600;
  color: var(--wl-muted);
  cursor: pointer;
  padding: 4px 0;
}
.worklist-json {
  font-family: ui-monospace, monospace;
  font-size: 11px;
  width: 100%;
  min-height: 160px;
  border: 1px solid var(--wl-soft-line);
  border-radius: var(--wl-radius);
  padding: 8px;
  color: var(--wl-ink);
  resize: vertical;
}
.worklist-warn {
  font-size: 11.5px;
  color: var(--wl-warn);
  background: var(--wl-warn-soft);
  border: 1px solid var(--wl-warn-line);
  border-radius: var(--wl-radius);
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.worklist-warn-ok {
  color: var(--wl-ok);
  background: var(--wl-ok-soft);
  border-color: var(--wl-ok-line);
}
.worklist-input.worklist-invalid {
  border-color: var(--wl-err-fill);
  box-shadow: 0 0 0 1px #EF4444;
  background: var(--wl-err-soft);
}
.worklist-check {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: var(--wl-ink);
  cursor: pointer;
}
.worklist-subsection {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 8px 0;
  border-top: 1px solid var(--wl-soft-line);
}
.worklist-subhead {
  font-size: 11px;
  font-weight: 700;
  color: var(--wl-accent);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.worklist-inline-row { display: flex; align-items: center; gap: 5px; }
.worklist-inline-row .worklist-input { flex: 1; min-width: 0; }
.worklist-grow { flex: 2 !important; }
.worklist-btn-sm { padding: 4px 8px; font-size: 12px; }
.worklist-btn-del {
  padding: 4px 8px;
  color: var(--wl-err);
  border-color: var(--wl-err-line);
  flex: 0 0 auto;
}
.worklist-btn-del:hover { background: var(--wl-err-soft); border-color: var(--wl-err-line); }
.worklist-raw { margin-top: 8px; }
.wl-ghost { position: relative; flex: 1; min-width: 0; background: var(--wl-bg); border-radius: var(--wl-radius); }
.wl-ghost-text {
  position: absolute; inset: 0;
  font-size: 13px; padding: 6px 8px; border: 1px solid transparent;
  white-space: pre; overflow: hidden; pointer-events: none; visibility: hidden;
}
.wl-ghost-typed { color: transparent; }
.wl-ghost-rest { color: var(--wl-faint); }
.wl-ghost-input { position: relative; background: transparent; }
.worklist-inline-row .wl-ghost .worklist-input { flex: none; }
.wl-combo { position: relative; flex: 1; min-width: 0; }
.wl-combo-list {
  position: absolute; left: 0; right: 0; top: calc(100% + 2px); z-index: 30;
  max-height: 220px; overflow-y: auto;
  background: var(--wl-bg); border: 1px solid var(--wl-soft-line); border-radius: var(--wl-radius);
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
}
.wl-combo-item { font-size: 12.5px; padding: 5px 8px; cursor: pointer; color: var(--wl-ink); }
.wl-combo-item.active, .wl-combo-item:hover { background: var(--wl-accent-soft); color: var(--wl-accent); }
.wl-combo-empty { font-size: 12px; padding: 6px 8px; color: var(--wl-faint); }
.worklist-notice {
  display: flex; align-items: flex-start; gap: 6px;
  font-size: 11.5px; color: var(--wl-info); background: var(--wl-info-soft);
  border: 1px solid var(--wl-info-line); border-radius: var(--wl-radius); padding: 6px 8px;
}
.worklist-notice > span { flex: 1; }
.worklist-warn-error { color: var(--wl-err); background: var(--wl-err-soft); border-color: var(--wl-err-line); }
.worklist-status-title { font-weight: 600; }
.worklist-status-more summary { cursor: pointer; }
.worklist-input.worklist-collide { border-color: var(--wl-warn-fill); box-shadow: 0 0 0 1px #FDE68A; }
.worklist-btn-armed { border-color: var(--wl-err-line) !important; color: var(--wl-err) !important; background: var(--wl-err-soft) !important; }
.wl-ws {
  position: fixed; top: 57px; left: 0; right: 0; bottom: 0;   
  z-index: 250;                                               
  background: var(--wl-soft);
  display: flex; flex-direction: column;
}
.wl-ws-header, .wl-ws-footer {
  flex: 0 0 auto; display: flex; align-items: center; gap: 10px;
  padding: 10px 20px; background: var(--wl-bg);
}
.wl-ws-header { border-bottom: 1px solid var(--wl-soft-line); }
.wl-ws-footer { border-top: 1px solid var(--wl-soft-line); box-shadow: 0 -2px 8px rgba(0,0,0,.03); }
.wl-ws-title { font-size: 15px; font-weight: 700; color: var(--wl-ink); }
.wl-ws-file {
  font-size: 12px; color: var(--wl-accent); background: var(--wl-accent-soft); border: 1px solid var(--wl-line);
  border-radius: var(--wl-radius); padding: 2px 10px; font-family: ui-monospace, monospace;
}
.wl-ws-spacer { flex: 1; }
.wl-ws-keys { font-size: 11px; color: var(--wl-faint); }
.wl-ws-close { font-size: 22px; line-height: 1; color: var(--wl-faint); padding: 0 4px; }
.wl-ws-close:hover { color: var(--wl-ink); }
.wl-ws-main { flex: 1; min-height: 0; display: flex; }
.wl-ws-formcol {
  width: 60%;                                    
  min-width: 0; display: flex; flex-direction: column;
}
.wl-form-top {
  flex: 0 0 auto; display: flex; align-items: center; gap: 10px;
  padding: 12px 20px 0;
}
.wl-ws-form {
  flex: 1; min-height: 0; overflow-y: auto; padding: 10px 20px 40px;
  display: flex; flex-direction: column; gap: 10px;
}
.wl-ws-divider { flex: 0 0 6px; cursor: col-resize; background: var(--wl-soft-line); border-left: 2px solid var(--wl-soft); border-right: 2px solid var(--wl-soft); }
.wl-ws-divider:hover, .wl-ws-divider.dragging { background: var(--wl-accent-fill); }
.wl-wiz-open.active { color: var(--wl-on-accent); background: var(--wl-accent-fill); border-color: var(--wl-accent-fill); }
.wl-ws-preview { flex: 1; min-width: 0; display: flex; flex-direction: column; background: var(--wl-bg); }
.wl-sec { background: var(--wl-bg); border: 1px solid var(--wl-soft-line); border-radius: var(--wl-radius); }
.wl-sec.open { border-color: var(--wl-line); }
.wl-sec-head {
  width: 100%; display: flex; align-items: center; gap: 8px;
  padding: 10px 14px; text-align: left; cursor: pointer; border-radius: var(--wl-radius);
}
.wl-sec-head:hover { background: var(--wl-soft); }
.wl-sec-chev { color: var(--wl-faint); font-size: 15px; width: 10px; transition: transform .12s; }
.wl-sec.open .wl-sec-chev { transform: rotate(90deg); }
.wl-sec-title { font-size: 13px; font-weight: 600; color: var(--wl-ink); white-space: nowrap; }
.wl-sec-sum {
  flex: 1; min-width: 0; text-align: right; font-size: 12px; color: var(--wl-muted);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.wl-sec-dot { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto; }
.wl-sec[data-state="error"] .wl-sec-dot { background: var(--wl-err-fill); }
.wl-sec[data-state="warn"] .wl-sec-dot { background: var(--wl-warn-fill); }
.wl-sec-body { padding: 4px 14px 14px; display: flex; flex-direction: column; gap: 10px; }
.wl-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.wl-num { max-width: 110px; }
.worklist-remap-from { min-width: 120px; }
.wl-reagents { display: flex; gap: 16px; align-items: flex-start; flex-wrap: wrap; }
.wl-reagent-table { flex: 1 1 240px; min-width: 240px; display: flex; flex-direction: column; gap: 5px; }
.wl-deckmap { flex: 0 0 auto; display: flex; flex-direction: column; gap: 6px; }
.wl-deck-tabs { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.wl-deck-tab.active { background: var(--wl-accent-soft); border-color: var(--wl-accent-fill); color: var(--wl-accent); font-weight: 600; }
.wl-deck-tab-del { margin-left: -4px; padding: 0 5px; color: var(--wl-faint); }
.wl-deck-chip { font-size: 10.5px; padding: 1px 4px; border: 1px solid var(--wl-line); border-radius: var(--wl-radius); background: var(--wl-bg); color: var(--wl-ink); margin-left: 6px; }
.wl-deck-chip.static { color: var(--wl-muted); background: var(--wl-soft); }
.wl-deckview .wl-deck-row { display: flex; flex-wrap: wrap; gap: 14px 18px; }
.wl-deck-sub { font-size: 10.5px; color: var(--wl-muted); margin-top: 2px; }
.wl-deck-sub.bad { color: var(--wl-err); }
.wl-deck-sm .wl-deck-cell { width: 9px; height: 9px; }
.wl-deck-sm .wl-deck-lbl { font-size: 7.5px; }
.wl-deck-lg .wl-deck-cell { width: 18px; height: 18px; }
.wl-deck-lg .wl-deck-lbl { font-size: 10px; }
.wl-deck-cell.free.static { cursor: default; }
.wl-deck-cell.free.static:hover { border-color: var(--wl-line); background: var(--wl-bg); }
.wl-deckmap-legend { font-size: 11px; color: var(--wl-muted); }
.wl-deck-name { font-size: 11px; font-weight: 600; color: var(--wl-ink); margin-bottom: 3px; display: flex; align-items: center; }
.wl-deck-grid { display: grid; gap: 2px; align-items: center; }
.wl-deck-lbl { font-size: 8.5px; color: var(--wl-faint); text-align: center; line-height: 1; }
.wl-deck-cell { width: 13px; height: 13px; border-radius: 50%; display: inline-block; box-sizing: border-box; }
.wl-deck-cell.free { border: 1px solid var(--wl-line); background: var(--wl-bg); cursor: pointer; }
.wl-deck-cell.free:hover { border-color: var(--wl-accent-fill); background: var(--wl-accent-soft); }
.wl-deck-cell.sample { background: var(--wl-deck-used); }
.wl-deck-cell.reagent { background: var(--wl-accent-fill); }
.wl-deck-cell.clash { background: var(--wl-err-fill); }
.wl-deck-key { display: flex; gap: 10px; flex-wrap: wrap; }
.wl-deck-keyitem { display: inline-flex; align-items: center; gap: 4px; font-size: 10.5px; color: var(--wl-muted); }
.wl-deck-keyitem .wl-deck-cell { width: 10px; height: 10px; cursor: default; }
.wl-pv-head { display: flex; align-items: baseline; gap: 12px; padding: 14px 20px 8px; flex-wrap: wrap; }
.wl-pv-title { font-size: 13px; font-weight: 700; color: var(--wl-ink); }
.wl-pv-count { font-size: 12px; color: var(--wl-muted); }
.wl-pv-legend { margin-left: auto; display: flex; gap: 12px; }
.wl-pv-key { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; color: var(--wl-muted); }
.wl-pv-swatch { width: 10px; height: 10px; border-radius: var(--wl-radius); border: 1px solid var(--wl-soft-line); }
.wl-pv-scroll { flex: 1; min-height: 0; overflow: auto; padding: 0 20px 20px; }
.wl-pv-table { border-collapse: separate; border-spacing: 0; font-size: 12px; width: 100%; }
.wl-pv-table th {
  position: sticky; top: 0; z-index: 1; background: var(--wl-soft); text-align: left;
  font-size: 11px; font-weight: 600; color: var(--wl-muted); text-transform: uppercase; letter-spacing: .03em;
  padding: 6px 10px; border-bottom: 1px solid var(--wl-soft-line); white-space: nowrap;
}
.wl-pv-table td { padding: 4px 10px; border-bottom: 1px solid var(--wl-soft-line); color: var(--wl-ink); white-space: nowrap; }
.wl-pv-table td:not(.wl-pv-num) { font-family: ui-monospace, monospace; font-size: 11.5px; }
.wl-pv-num { color: var(--wl-faint); text-align: right; width: 1%; font-variant-numeric: tabular-nums; }
.wl-pv-table tr.kind-frame td, .wl-pv-key.kind-frame .wl-pv-swatch { background: var(--wl-info-soft); }
.wl-pv-table tr.kind-qc td, .wl-pv-key.kind-qc .wl-pv-swatch { background: var(--wl-warn-soft); }
.wl-pv-key.kind-sample .wl-pv-swatch { background: var(--wl-bg); }
.wl-pv-table tr.wl-pv-break td { border-top: 2px solid var(--wl-soft-line); }
.wl-pv-foot { padding: 8px 2px 0; }
.wl-pv-empty { font-size: 13px; color: var(--wl-muted); padding: 24px 0; }
.wl-pv-draghint { font-size: 11px; color: var(--wl-faint); cursor: help; }
.wl-pv-table tr.wl-pv-sample { cursor: grab; }
.wl-pv-table tr.wl-sel td { background: var(--wl-accent-soft); }
.wl-pv-table tr.wl-pinned td.wl-pv-num { color: var(--wl-accent); }
.wl-pv-table tr.wl-dragging td { opacity: .4; }
.wl-pv-table tr.wl-drop-before td { box-shadow: inset 0 3px 0 #0F766E; }
.wl-pv-table tr.wl-drop-after td { box-shadow: inset 0 -3px 0 #0F766E; }
.wl-pin {
  border: 0; background: none; padding: 0 4px 0 0; margin: 0; color: var(--wl-accent); cursor: pointer;
  vertical-align: -1px; line-height: 0;
}
.wl-pin:hover { color: var(--wl-warn); }
.wl-drag-ghost {
  position: fixed; z-index: 1000; pointer-events: none; background: var(--wl-accent-fill); color: var(--wl-on-accent);
  font-size: 12px; font-weight: 600; padding: 3px 8px; border-radius: var(--wl-radius); white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}
body.wl-reordering, body.wl-reordering .wl-pv-table tr { cursor: grabbing; user-select: none; }
.wl-pin-note {
  display: flex; align-items: center; gap: 10px; margin-top: 6px; padding: 6px 10px; font-size: 12px;
  color: var(--wl-ink); background: var(--wl-accent-soft); border: 1px solid var(--wl-line); border-radius: var(--wl-radius);
}
.wl-pin-note > span { flex: 1; }
.worklist-ro-prow.wl-ro-sample { cursor: grab; user-select: none; }
.worklist-ro-prow.wl-sel { background: var(--wl-accent-soft); }
.worklist-ro-prow.wl-pinned .worklist-ro-num { color: var(--wl-accent); }
.worklist-ro-prow.wl-dragging { opacity: .4; }
.worklist-ro-prow.wl-drop-before { box-shadow: inset 0 3px 0 #0F766E; }
.worklist-ro-prow.wl-drop-after { box-shadow: inset 0 -3px 0 #0F766E; }
.wl-ro-pinslot { width: 14px; flex: none; display: inline-flex; justify-content: center; }
.wl-ro-pinslot .wl-pin { padding: 0; }
body.wl-reordering .worklist-ro-prow { cursor: grabbing; }
.wl-issues { margin: 0 20px 10px; border-radius: var(--wl-radius); border: 1px solid; overflow: hidden; }
.wl-issues.has-errors { border-color: var(--wl-err-line); background: var(--wl-err-soft); }
.wl-issues.has-warnings { border-color: var(--wl-warn-line); background: var(--wl-warn-soft); }
.wl-issues-bar {
  width: 100%; display: flex; justify-content: space-between; padding: 7px 12px;
  font-size: 12px; font-weight: 600; cursor: pointer; text-align: left;
}
.has-errors .wl-issues-bar { color: var(--wl-err); }
.has-warnings .wl-issues-bar { color: var(--wl-warn); }
.wl-issues-toggle { font-weight: 500; opacity: .7; }
.wl-issues-list { display: flex; flex-direction: column; padding: 0 6px 6px; }
.wl-issue { display: flex; gap: 8px; align-items: baseline; text-align: left; font-size: 12px; color: var(--wl-ink); padding: 4px 6px; border-radius: var(--wl-radius); }
.wl-issue.jump { cursor: pointer; }
.wl-issue.jump:hover { background: rgba(255,255,255,.7); }
.wl-issue-dot { width: 6px; height: 6px; border-radius: 50%; flex: 0 0 auto; transform: translateY(-1px); }
.wl-issue.lvl-error .wl-issue-dot { background: var(--wl-err-fill); }
.wl-issue.lvl-warn .wl-issue-dot { background: var(--wl-warn-fill); }
.wl-issues-more summary { font-size: 11.5px; color: var(--wl-muted); cursor: pointer; padding: 3px 6px; }
.wl-menu { position: relative; }
.wl-menu-list {
  position: absolute; bottom: calc(100% + 6px); left: 0; z-index: 40; min-width: 240px;
  background: var(--wl-bg); border: 1px solid var(--wl-soft-line); border-radius: var(--wl-radius); padding: 4px;
  box-shadow: 0 10px 24px rgba(0,0,0,.12); display: flex; flex-direction: column;
}
.wl-menu-item { text-align: left; font-size: 12.5px; color: var(--wl-ink); padding: 7px 10px; border-radius: var(--wl-radius); }
.wl-menu-item:hover { background: var(--wl-accent-soft); color: var(--wl-accent); }
.wl-menu-sep { height: 1px; background: var(--wl-subtle); margin: 4px 2px; }
.wl-copy { flex: 0 0 240px; }
.wl-copy .wl-combo-list { top: auto; bottom: calc(100% + 4px); }
.wl-saved { font-size: 11px; color: var(--wl-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 260px; }
.wl-status { font-size: 12px; white-space: nowrap; }
.wl-status.ok { color: var(--wl-ok); }
.wl-status.warn { color: var(--wl-warn); }
.wl-status.error { color: var(--wl-err); }
.wl-download { padding: 8px 18px; font-size: 13px; }
.wl-download.armed { border-color: var(--wl-warn-fill); color: var(--wl-warn); background: var(--wl-warn-soft); }
.wl-ws-form .worklist-notice { flex: 0 0 auto; }
.wl-wiz { background: var(--wl-bg); border: 1px solid var(--wl-line); border-radius: var(--wl-radius); padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; }
.wl-wiz-steps { display: flex; flex-wrap: wrap; gap: 4px; }
.wl-wiz-chip { font-size: 11px; padding: 3px 9px; border-radius: var(--wl-radius); border: 1px solid var(--wl-soft-line); color: var(--wl-muted); background: var(--wl-bg); cursor: pointer; }
.wl-wiz-chip.done { color: var(--wl-accent); border-color: var(--wl-line); background: var(--wl-accent-soft); }
.wl-wiz-chip.active { color: var(--wl-on-accent); background: var(--wl-accent-fill); border-color: var(--wl-accent-fill); }
.wl-wiz-title { font-size: 14px; font-weight: 700; color: var(--wl-ink); margin-top: 2px; }
.wl-wiz-help { font-size: 12px; color: var(--wl-muted); }
.wl-wiz-nav { display: flex; align-items: center; gap: 8px; padding-top: 4px; }
.wl-wiz-exit { font-size: 12px; color: var(--wl-muted); text-decoration: underline; }
.wl-wiz-exit:hover { color: var(--wl-ink); }
.wl-sec-head-static { cursor: default; }
.wl-sec-head-static:hover { background: transparent; }
.wl-sec-head-static .wl-sec-chev { visibility: hidden; }
.wl-wiz-open { padding: 4px 10px; font-size: 12px; }
.wl-check-all { font-weight: 600; flex-basis: 100%; }
.wl-inline-num { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--wl-ink); }
.wl-inline-num .wl-num { width: 72px; }
.wl-live { color: var(--wl-accent); }
.wl-live-warn { color: var(--wl-warn); }
.wl-live-bad { color: var(--wl-err); }
.wl-id-line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font-size: 12.5px; color: var(--wl-ink); }
.wl-id-tag { font-size: 11px; color: var(--wl-accent); background: var(--wl-accent-soft); border: 1px solid var(--wl-line); border-radius: var(--wl-radius); padding: 1px 8px; }
.wl-coll { border: 1px solid var(--wl-soft-line); border-radius: var(--wl-radius); padding: 8px 10px; margin-top: 6px; display: flex; flex-direction: column; gap: 6px; }
.wl-coll-head { font-size: 12.5px; color: var(--wl-ink); }
.wl-coll-head code { font-size: 12px; background: var(--wl-subtle); border-radius: var(--wl-radius); padding: 0 4px; }
.wl-coll .wl-id-line select { flex: 1 1 auto; min-width: 0; }
.wl-coll-labels { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.wl-coll-label { display: flex; align-items: center; gap: 4px; font-size: 12px; color: var(--wl-ink); }
.wl-coll-input { width: 90px; }
.wl-name-pick { display: flex; flex-direction: column; gap: 6px; }
.wl-chain { display: flex; flex-direction: column; gap: 4px; margin: 4px 0; }
.wl-chain-item { display: flex; align-items: center; gap: 6px; }
.wl-chain-sep { width: 34px; text-align: center; }
.wl-chain-col {
  padding: 2px 8px; border: 1px solid var(--wl-line); border-radius: var(--wl-radius); background: var(--wl-soft);
  font-size: 12px; color: var(--wl-ink); cursor: default; outline: none;
}
.wl-chain-col:focus { border-color: var(--wl-accent-fill); }
.wl-chain-vals { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; flex: 1; }
.wl-chain-move { padding: 0 6px; }
.wl-chain-add { align-self: flex-start; }
.wl-reset-btn { margin-left: auto; }
.wl-coll-custom { display: flex; align-items: center; gap: 8px; }
.wl-coll-custom .wl-skip-lead { min-width: 96px; }
.wl-coll-custom input { flex: 1 1 auto; }
.wl-id-ex code { font-size: 11.5px; background: var(--wl-subtle); border-radius: var(--wl-radius); padding: 0 4px; }
.wl-skip-lead { flex: 0 0 auto; font-size: 12px; color: var(--wl-muted); white-space: nowrap; }
.wl-skip-count { flex: 0 0 auto; font-size: 11.5px; color: var(--wl-accent); white-space: nowrap; min-width: 56px; text-align: right; }