/* Workbench direct subpage: four relational tables, quick-add forms, rap bucket filter, and voice recorder. */
.workbench-page { --liam: #9ddacf; --link: #9ddacf; }
.workbench-page .wb-status-card { padding: 20px 22px; border: 1px solid #9ddacf40; border-radius: 8px; background: linear-gradient(160deg, #13242b, #111622); display: grid; gap: 10px; align-content: start; }
.workbench-page .wb-status-card h2 { margin: 0; font-size: 20px; }
.workbench-page .wb-status-card p { margin: 0; color: var(--muted); font-size: 13.5px; line-height: 1.55; }
.workbench-page .wb-export-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 4px; }
.workbench-page .wb-status-msg { font-size: 12.5px; color: #8fe0a8; }
.workbench-page .wb-badge { display: inline-block; padding: 3px 9px; border-radius: 999px; font: 700 11px/1.3 Consolas, monospace; text-transform: uppercase; letter-spacing: .06em; border: 1px solid currentColor; }
.workbench-page .wb-up { color: #8fe0a8; background: #8fe0a814; }
.workbench-page .wb-warn { color: #f7ab65; background: #f7ab6514; }
.workbench-page .wb-flat { color: #a4acc3; background: #ffffff08; }
.workbench-page .wb-prio { font: 700 11px/1.2 Consolas, monospace; text-transform: uppercase; }
.workbench-page .wb-prio-high { color: #f28b82; }
.workbench-page .wb-prio-medium { color: #f7ab65; }
.workbench-page .wb-prio-low { color: #8fe0a8; }
.workbench-page .wb-action-link { white-space: nowrap; font-weight: 600; }
.workbench-page .wb-bars { margin: 0; font: 13px/1.55 "Segoe UI", system-ui, sans-serif; white-space: pre-wrap; color: #f0e6ff; }
.workbench-page .wb-channel { display: inline-block; padding: 3px 8px; border-radius: 4px; background: #bba1ff1f; color: #d4c6ff; font-size: 12px; font-weight: 600; }
.workbench-page .wb-sub, .workbench-page .wb-summary { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; }
.workbench-page .wb-transcript { margin: 0; line-height: 1.55; }
.workbench-page .wb-bucket-bar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.workbench-page .wb-bucket-chip { padding: 7px 13px; border: 1px solid var(--line); border-radius: 999px; background: #ffffff06; color: var(--muted); font-size: 13px; font-weight: 600; cursor: pointer; }
.workbench-page .wb-bucket-chip.is-active, .workbench-page .wb-bucket-chip:hover { border-color: #9ddacf; color: var(--text); background: #9ddacf1c; }
.workbench-page .wb-form { margin: 14px 0 20px; padding: 20px 22px; border: 1px solid #9ddacf45; border-radius: 8px; background: #0e1320e6; display: grid; gap: 14px; }
.workbench-page .wb-snap-target { scroll-snap-align: start; scroll-margin-top: 84px; }
.workbench-page .wb-form-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 14px; }
.workbench-page .wb-form h3 { margin: 0; font-size: 16px; color: #9ddacf; }
.workbench-page .wb-auth-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--line); font: 700 11.5px/1.2 Consolas, monospace; color: var(--muted); background: #ffffff08; }
.workbench-page .wb-auth-pill.is-unlocked { border-color: #8fe0a888; color: #8fe0a8; background: #8fe0a814; }
.workbench-page .wb-auth-pill.is-locked-out { border-color: #f28b8288; color: #f28b82; background: #f28b8218; }
.workbench-page .wb-toggle { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border: 1px solid #9ddacf38; border-radius: 8px; background: #090d16; cursor: pointer; user-select: none; }
.workbench-page .wb-toggle input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.workbench-page .wb-toggle-track { position: relative; flex: 0 0 42px; width: 42px; height: 24px; border-radius: 999px; background: #262d42; border: 1px solid var(--line); transition: background .18s ease, border-color .18s ease; }
.workbench-page .wb-toggle-thumb { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #c4c9db; transition: transform .18s ease, background .18s ease; }
.workbench-page .wb-toggle input:checked + .wb-toggle-track { background: #1d4d47; border-color: #9ddacf; }
.workbench-page .wb-toggle input:checked + .wb-toggle-track .wb-toggle-thumb { transform: translateX(18px); background: #9ddacf; }
.workbench-page .wb-toggle input:focus-visible + .wb-toggle-track { outline: 2px solid #9ddacf; outline-offset: 2px; }
.workbench-page .wb-toggle-text { display: grid; gap: 2px; font-size: 13px; color: var(--text); }
.workbench-page .wb-toggle-text small { color: var(--muted); font-size: 12px; }
.workbench-page .wb-run-study-btn { padding: 6px 12px; font-size: 12.5px; white-space: nowrap; border-color: #9ddacf66; color: #9ddacf; }
.workbench-page .wb-run-study-btn:hover { background: #9ddacf22; border-color: #9ddacf; }
.workbench-page .wb-run-summary { padding: 14px 16px; border: 1px solid #9ddacf38; border-radius: 6px; background: #090c15; color: var(--text); font-size: 13.5px; line-height: 1.6; max-height: 220px; overflow-y: auto; white-space: pre-wrap; }
.workbench-page #wb-run-tex { font: 12.5px/1.5 Consolas, "Cascadia Mono", monospace; }
.workbench-page .wb-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 12px 16px; }
.workbench-page .wb-form-grid label { display: grid; gap: 5px; font-size: 12.5px; font-weight: 600; color: var(--muted); }
.workbench-page .wb-form-grid .wb-wide { grid-column: 1 / -1; }
.workbench-page .wb-form input:not([type="checkbox"]), .workbench-page .wb-form select, .workbench-page .wb-form textarea { width: 100%; box-sizing: border-box; padding: 9px 11px; border: 1px solid var(--line); border-radius: 6px; background: #090c15; color: var(--text); font: 14px/1.45 "Segoe UI", system-ui, sans-serif; }
.workbench-page .wb-form textarea.wb-auto-grow { min-height: 42px; overflow-y: hidden; resize: vertical; field-sizing: content; transition: border-color .15s ease; }
.workbench-page .wb-site-data-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px 12px; border: 1px dashed #9ddacf44; border-radius: 8px; background: #090d16; }
.workbench-page .wb-site-data-label { font-size: 12px; font-weight: 650; color: #9ddacf; margin-right: 4px; }
/* Multi-Select Scope Pill Toggles & 3-Stage Cascading Atlas Selector */
.workbench-page .wb-restudy-fieldset, .workbench-page .wb-cascade-fieldset { margin: 0; padding: 11px 14px 13px; border: 1px solid #9ddacf38; border-radius: 8px; background: #090d16; display: grid; gap: 10px; }
.workbench-page .wb-restudy-fieldset legend, .workbench-page .wb-cascade-fieldset legend { padding: 0 6px; font-size: 11.5px; font-weight: 650; color: #9ddacf; letter-spacing: .04em; text-transform: uppercase; position: static; width: auto; height: auto; clip-path: none; }
.workbench-page .wb-scope-pills, .wb-restudy-checks { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); gap: 8px; }
.workbench-page .wb-scope-pill, .wb-restudy-checks .wb-scope-pill { position: relative; display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid #ffffff1a; border-radius: 8px; background: #101524; color: #b6bdd4; font-size: 12.5px; font-weight: 600; cursor: pointer; user-select: none; transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease; }
.workbench-page .wb-scope-pill input[type="checkbox"], .wb-restudy-checks .wb-scope-pill input[type="checkbox"] { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.workbench-page .wb-scope-check, .wb-restudy-checks .wb-scope-check { width: 16px; height: 16px; flex: 0 0 16px; border-radius: 4px; border: 1.5px solid #6b7494; background: #090c15; display: inline-grid; place-items: center; transition: background .16s ease, border-color .16s ease; }
.workbench-page .wb-scope-check::after, .wb-restudy-checks .wb-scope-check::after { content: ""; width: 8px; height: 4px; border-left: 2px solid #091318; border-bottom: 2px solid #091318; transform: rotate(-45deg) scale(0); transition: transform .14s ease; }
.workbench-page .wb-scope-pill:has(input:checked), .wb-restudy-checks .wb-scope-pill:has(input:checked) { border-color: #9ddacf88; background: linear-gradient(145deg, #153133, #0e1c24); color: #eefaf7; box-shadow: 0 6px 18px -10px #9ddacf66; }
.workbench-page .wb-scope-pill:has(input:checked) .wb-scope-check, .wb-restudy-checks .wb-scope-pill:has(input:checked) .wb-scope-check { background: #9ddacf; border-color: #9ddacf; }
.workbench-page .wb-scope-pill:has(input:checked) .wb-scope-check::after, .wb-restudy-checks .wb-scope-pill:has(input:checked) .wb-scope-check::after { transform: rotate(-45deg) scale(1); }
.workbench-page .wb-scope-pill:hover, .wb-restudy-checks .wb-scope-pill:hover { border-color: #9ddacf66; color: #ffffff; }
.workbench-page .wb-cascade-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 14px; }
@media (max-width: 760px) {
  .workbench-page .wb-cascade-grid { grid-template-columns: 1fr; }
}
.wb-restudy-bar { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; padding: 10px 12px; border: 1px solid #9ddacf44; border-radius: 8px; background: #0b0f1b; font-size: 12.5px; }
.workbench-page .wb-col-id, .workbench-page .wb-col-date, .workbench-page .wb-col-status { white-space: nowrap; width: 1%; }
.workbench-page .wb-col-data { min-width: 190px; }
.workbench-page .wb-click-pill { display: inline-flex; align-items: center; gap: 3px; padding: 2px 7px; border-radius: 999px; border: 1px solid #bba1ff44; background: #bba1ff14; color: #d4c6ff; font: 700 10.5px/1.3 Consolas, monospace; white-space: nowrap; }
.workbench-page .wb-form-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.workbench-page .wb-recorder { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 12px 14px; border: 1px dashed #9ddacf55; border-radius: 6px; background: #090d16; }
.workbench-page .wb-rec-timer { font: 700 13px/1.4 Consolas, monospace; color: #f7ab65; }
.workbench-page .wb-upload-btn { cursor: pointer; margin: 0; }
.workbench-page .wb-pipeline-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 16px; margin-bottom: 16px; }
.workbench-page .wb-pipe-card { padding: 16px 18px; border: 1px solid #ffffff14; border-radius: 6px; background: #ffffff05; }
.workbench-page .wb-pipe-card h3 { margin: 0 0 8px; font-size: 15px; }
.workbench-page .wb-schema-details { margin: 14px 0; }
.workbench-page .wb-schema-details summary { cursor: pointer; font-weight: 650; color: #9ddacf; margin-bottom: 8px; }
/* PowerBI-style interactive Study link & hover/tap tooltip card */
.workbench-page .wb-studies-wrap { overflow: visible; }
.workbench-page .wb-study-td { position: relative; min-width: 220px; }
.workbench-page .wb-study-cell { position: relative; display: inline-block; max-width: 100%; }
.workbench-page .wb-study-link { appearance: none; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 4px 0; border: 0; background: transparent; color: #9ddacf; font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.workbench-page .wb-study-link-title { text-decoration: underline; text-decoration-color: #9ddacf99; text-decoration-thickness: 1.5px; text-underline-offset: 4px; transition: color .15s ease, text-decoration-color .15s ease; }
.workbench-page .wb-study-link-pill { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; border: 1px solid #9ddacf55; background: #9ddacf14; color: #d6f7f0; font: 700 10.5px/1.3 Consolas, monospace; letter-spacing: .04em; text-decoration: none; white-space: nowrap; transition: background .15s ease, border-color .15s ease, box-shadow .15s ease; }
.workbench-page .wb-study-link:is(:hover, :focus-visible) .wb-study-link-title, .workbench-page .wb-study-cell.is-open .wb-study-link-title { color: #ffffff; text-decoration-color: #9ddacf; }
.workbench-page .wb-study-link:is(:hover, :focus-visible) .wb-study-link-pill, .workbench-page .wb-study-cell.is-open .wb-study-link-pill { background: #9ddacf2e; border-color: #9ddacf; box-shadow: 0 0 12px #9ddacf33; }
.workbench-page .wb-pbi-tooltip { display: none; position: absolute; left: 0; top: calc(100% + 8px); width: min(460px, 84vw); padding: 16px 18px; border: 1px solid #9ddacf66; border-top: 3px solid #9ddacf; border-radius: 10px; background: linear-gradient(165deg, #161d31fc, #0c101dfc); box-shadow: 0 24px 60px #000e; z-index: 60; gap: 11px; color: var(--text); text-align: left; }
.workbench-page .wb-pbi-tooltip::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
@media (hover: hover) {
  .workbench-page .wb-study-cell:is(:hover, :focus-within) .wb-pbi-tooltip { display: grid; }
}
.workbench-page .wb-study-cell.is-open .wb-pbi-tooltip { display: grid; }
.workbench-page .wb-pbi-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #ffffff18; }
.workbench-page .wb-pbi-kicker { font: 700 11px/1.2 Consolas, monospace; text-transform: uppercase; letter-spacing: .08em; color: #9ddacf; }
.workbench-page .wb-pbi-close { width: 26px; height: 26px; padding: 0; display: grid; place-items: center; border: 1px solid #ffffff24; border-radius: 6px; background: #ffffff08; color: var(--muted); font-size: 12px; cursor: pointer; }
.workbench-page .wb-pbi-close:hover { color: #fff; border-color: #9ddacf; background: #9ddacf22; }
.workbench-page .wb-pbi-row { display: grid; gap: 3px; }
.workbench-page .wb-pbi-label { font: 700 10.5px/1.2 Consolas, monospace; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.workbench-page .wb-pbi-val { font-size: 13.5px; font-weight: 600; }
.workbench-page .wb-pbi-question { margin: 0; font-size: 13px; line-height: 1.55; color: #e8eaf6; white-space: normal; }
.workbench-page .wb-pbi-actions { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; padding-top: 2px; }
/* Always-visible Study Queue filter bar + Admin IP Index & Delete controls */
.workbench-page .wb-filter-bar { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr)); gap: 10px 14px; align-items: end; margin: 0 0 12px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; background: #0c101ccc; }
.workbench-page .wb-filter-item { display: grid; gap: 5px; font-size: 11.5px; font-weight: 650; color: var(--muted); }
.workbench-page .wb-filter-item input, .workbench-page .wb-filter-item select { width: 100%; box-sizing: border-box; min-height: 38px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 6px; background: #080b14; color: var(--text); font: 13px/1.35 "Segoe UI", system-ui, sans-serif; }
.workbench-page .wb-filter-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.workbench-page .wb-ip-badge { display: inline-block; padding: 3px 8px; border-radius: 5px; border: 1px solid #bba1ff44; background: #bba1ff14; color: #d4c6ff; font: 700 11px/1.3 Consolas, monospace; white-space: nowrap; }
.workbench-page .wb-delete-study-btn { padding: 5px 10px; font-size: 12px; white-space: nowrap; border-color: #f28b8266; color: #f28b82; }
.workbench-page .wb-delete-study-btn:hover { background: #f28b8222; border-color: #f28b82; color: #fff; }
.wb-run-key-bar { padding: 12px 14px; border: 1px solid #f7ab6588; border-radius: 8px; background: #f7ab6514; }
.wb-run-key-label { display: grid; gap: 8px; font-size: 12.5px; line-height: 1.5; color: var(--text); }
.wb-run-key-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.wb-run-key-row input { flex: 1 1 240px; min-width: 0; padding: 9px 11px; border: 1px solid var(--line); border-radius: 6px; background: #080b14; color: var(--text); font: 13.5px/1.4 Consolas, monospace; }
@media (max-width: 760px) {
  .workbench-page .wb-studies-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 6px; }
  .workbench-page #workbench-studies-table,
  .workbench-page #workbench-theory-table,
  .workbench-page #workbench-apps-table { min-width: 680px; }
  .workbench-page .wb-pbi-tooltip { position: fixed; left: 12px; right: 12px; top: auto; bottom: 16px; width: auto; max-height: 76dvh; overflow-y: auto; z-index: 95; }
}