/* Extracted from ontology-builder-alpha-review/physicalize/index.html
 * Git blob 630a542c33877cfd30ea8cad2c652ad941479855.
 * Presentation only; no mapping state, editors, scoring or classification.
 * Extensions: generic columns, column resizing, keyboard navigation, selectable text.
 */
.workbench-grid-shell{--line:#deded8;--line2:#ecece7;--text:#20201e;--muted:#70706a;--accentSoft:#edf3f0;--violet:#6047e8;--violetSoft:#f1efff;--violetBar:#e8e4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.workbench-grid-shell{border:1px solid var(--line);border-radius:8px;overflow-x:auto;overflow-y:visible;background:#fff;scrollbar-gutter:stable}
.workbench-grid-shell table{
  width:1460px;
  min-width:1460px;
  table-layout:fixed;
}
.workbench-grid-shell thead .band-row th{
  position:sticky;
  top:0;
  z-index:7;
  height:28px;
  padding:6px 12px;
  border-bottom:1px solid var(--line);
  font-size:8.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#5e6570;
  white-space:nowrap;
}
.workbench-grid-shell thead .band-source{background:#eef3f6}
.workbench-grid-shell thead .band-target{background:var(--accentSoft)}
.workbench-grid-shell thead .band-decision{background:var(--violetSoft)}
.workbench-grid-shell thead .column-row th{
  position:sticky;
  top:28px;
  z-index:6;
  min-height:48px;
  background:#f0f4f8;
}
.workbench-grid-shell .workbench-grid-shell{
  max-height:none;
  overflow-x:auto;
  overflow-y:visible;
  scrollbar-gutter:auto;
}
.workbench-grid{width:100%;border-collapse:collapse;table-layout:fixed}
.workbench-grid th{padding:10px 12px;background:#f0f4f8;border-bottom:1px solid var(--line);text-align:left;font-size:9.5px;letter-spacing:.02em;color:#526173;vertical-align:top}
.workbench-grid td{padding:10px 12px;border-bottom:1px solid var(--line2);font-size:11px;vertical-align:middle;line-height:1.3}
.map-row{cursor:pointer}
.map-row:hover{background:#fafbfc}
.map-row.open{background:var(--violetSoft)}
.map-row.open td{background:var(--violetSoft)}
.map-row td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.source-system-cell{display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:normal}
.map-main{font-weight:700}
.map-sub{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.target-main{font-weight:700}
.target-sub{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.status-wrap{display:grid;gap:2px;justify-items:start}
.expander{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;padding:0;border:1px solid #cfd7e3;border-radius:4px;background:#fff;appearance:none}
.expander::before,.expander::after{content:"";position:absolute;left:50%;top:50%;background:var(--violet);border-radius:1px;transform:translate(-50%,-50%)}
.expander::before{width:8px;height:1.5px}
.expander::after{width:1.5px;height:8px}
.expander.expanded::after{display:none}

.detail{display:none}
.detail.open{display:table-row}
.detail>td{padding:0;background:#eef1f5;position:relative}

/* Generic read-only projection extensions to the extracted table presentation. */
.workbench-grid-shell{max-width:100%;max-height:620px;overflow:auto!important;position:relative;container-type:inline-size;overscroll-behavior:contain;margin:14px 0}
.workbench-grid-shell .workbench-grid{min-width:100%;width:auto;border-collapse:separate;border-spacing:0;font:inherit}
.workbench-grid caption{position:sticky;left:0;text-align:left;padding:6px 12px;background:#eef3f6;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#5e6570}
.workbench-grid thead th{position:sticky;top:0;z-index:6;background:#f0f4f8;padding:0}
.workbench-grid th,.workbench-grid td{min-width:0}
.workbench-grid .map-row td{white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;user-select:text}
.workbench-grid .sort-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border:0;background:transparent;text-align:left;border-radius:0;font:inherit;cursor:pointer}
.workbench-grid .sort-head.active .sort-mark,.workbench-grid .sort-head:hover{color:var(--violet)}
.workbench-grid .sort-mark{font-size:9px;color:#8090a3;white-space:nowrap}
.workbench-grid .column-resizer{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:col-resize;touch-action:none;border-right:1px solid #cfd7e3}
.workbench-grid :focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
.workbench-grid .column-filter{display:block;width:calc(100% - 24px);margin:0 12px 8px;border:1px solid #cfd7e3;border-radius:4px;padding:5px;font:inherit;background:white}
.workbench-grid tr[hidden]{display:none!important}
.workbench-grid .detail>td{padding:0}
.workbench-grid .mapping-surface{position:sticky;left:0;width:min(100%,calc(100cqw - 2px));max-width:calc(100cqw - 2px);box-sizing:border-box;background:white;padding:0}
.workbench-grid .active-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--violetBar);border-top:1px solid #d9d2ff;border-bottom:1px solid #d9d2ff;padding:7px 12px;font-size:11px}
.workbench-grid .detail-close{border:1px solid #cfd7e3;background:white;border-radius:4px;padding:4px 8px;font:inherit;cursor:pointer}
.workbench-grid .focused-detail{border:0;margin:0}
.workbench-grid .row-link{display:none}
.workbench-grid .grid-toolbar{display:none}
.workbench-grid .expander{min-width:22px;min-height:22px;margin:0}
@media(max-width:720px){.workbench-grid-shell{max-height:480px}.workbench-grid .expander{min-width:32px;min-height:32px}.workbench-grid .active-bar{flex-wrap:wrap}}

