/* Results occurrence register v2 + Results/Review vertical-space contract. */

/* Large stage banner removed on both Results and Review by product decision. */
#page-results .vxpf-hero,
#page-review .vxpf-hero{display:none!important;}
#page-results .vxpf-root,
#page-review .vxpf-root{
  grid-template-rows:38px 54px 49px minmax(0,1fr)!important;
}
#page-results .vxpf-context,#page-review .vxpf-context{grid-row:1!important;}
#page-results .vxpf-journey,#page-review .vxpf-journey{grid-row:2!important;}
#page-results .vxpf-evidencebar,#page-review .vxpf-evidencebar{grid-row:3!important;}
#page-results .vxpf-workbench,#page-review .vxpf-workbench{grid-row:4!important;}

.vxcr-workbench{min-height:0!important;overflow:hidden!important;}
.vxcr-grid{display:grid;grid-template-columns:248px minmax(0,1fr) 410px;height:100%;min-height:0;background:var(--surface,#fff);color:var(--text,#1f2f3f);}
.vxcr-left,.vxcr-main,.vxcr-right{min-width:0;min-height:0;background:var(--surface,#fff);}
.vxcr-left{overflow:auto;border-right:1px solid var(--border2,#d4dde6);}
.vxcr-main{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border2,#d4dde6);}
.vxcr-right{display:flex;flex-direction:column;overflow:hidden;}
.vxcr-pane-title{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--border2,#d4dde6);}
.vxcr-pane-title strong{font-size:var(--fs-4,14px);font-weight:500;color:var(--text,#1f2f3f);}
.vxcr-pane-title span{font-variant-numeric:tabular-nums;color:var(--text3,#798896);font-size:var(--fs-2,12px);}
.vxcr-all,.vxcr-left section button{width:100%;min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;margin:0;padding:8px 12px;border:0;border-bottom:1px solid var(--border,#e2e7ec);border-radius:0;background:transparent;color:var(--text,#1f2f3f);text-align:left;cursor:pointer;}
.vxcr-all span,.vxcr-left section button span{font-size:var(--fs-3,13px);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vxcr-all b,.vxcr-left section button b{font-size:var(--fs-2,12px);font-weight:500;color:var(--text2,#5e6d7b);font-variant-numeric:tabular-nums;}
.vxcr-all small{grid-column:1/-1;color:var(--text3,#798896);font-size:var(--fs-2,12px);line-height:1.25;}
.vxcr-all.active,.vxcr-left section button.active{background:var(--accent-dim,#edf4ff);box-shadow:inset 3px 0 0 var(--accent,#1769ff);}
.vxcr-left section{border-bottom:1px solid var(--border2,#d4dde6);}
.vxcr-left section h4{height:34px;display:flex;align-items:center;margin:0;padding:0 12px;background:var(--surface2,#f6f8fa);border-bottom:1px solid var(--border,#e2e7ec);font-size:var(--fs-2,12px);font-weight:500;letter-spacing:.025em;color:var(--text2,#5e6d7b);text-transform:uppercase;}

.vxcr-toolbar{display:flex;align-items:center;gap:8px;height:52px;min-height:52px;padding:0 12px;border-bottom:1px solid var(--border2,#d4dde6);background:var(--surface,#fff);}
.vxcr-toolbar input,.vxcr-toolbar select,.vxcr-toolbar button{height:32px;border:1px solid var(--border-control,#b6c2cd);border-radius:2px;background:var(--surface,#fff);color:var(--text,#1f2f3f);font-family:inherit;font-size:var(--fs-3,13px);}
.vxcr-toolbar input{flex:1 1 360px;min-width:220px;padding:0 10px;}
.vxcr-toolbar select{flex:0 1 168px;min-width:118px;max-width:190px;padding:0 26px 0 8px;}
.vxcr-toolbar button{flex:0 0 auto;padding:0 12px;cursor:pointer;}
.vxcr-toolbar button[data-vxcr-export]{border-color:var(--accent,#1769ff);color:var(--accent,#1769ff);}
.vxcr-stats{height:46px;min-height:46px;display:flex;align-items:stretch;border-bottom:1px solid var(--border2,#d4dde6);background:var(--surface,#fff);}
.vxcr-stats>div{display:flex;align-items:center;gap:7px;min-width:128px;padding:0 12px;border-right:1px solid var(--border,#e2e7ec);}
.vxcr-stats strong{font-size:var(--fs-6,18px);font-weight:500;color:var(--accent,#1769ff);font-variant-numeric:tabular-nums;}
.vxcr-stats span{font-size:var(--fs-2,12px);color:var(--text3,#798896);white-space:nowrap;}

.vxcr-table-wrap{position:relative;flex:1 1 auto;min-height:0;overflow:auto;background:var(--surface,#fff);}
.vxcr-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--fs-3,13px);}
.vxcr-table th{position:sticky;top:0;z-index:3;height:42px;padding:0 10px;background:var(--surface2,#f3f6f8);border-bottom:1px solid var(--border2,#d4dde6);border-right:1px solid var(--border,#e2e7ec);color:var(--text2,#5e6d7b);font-size:var(--fs-4,14px);font-weight:500;text-align:left;white-space:nowrap;}
.vxcr-table td{height:41px;padding:0 10px;border-bottom:1px solid var(--border,#e2e7ec);border-right:1px solid var(--border,#e2e7ec);color:var(--text,#1f2f3f);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-3,13px);}
.vxcr-table th:last-child,.vxcr-table td:last-child{border-right:0;}
.vxcr-table th:nth-child(1){width:23%;}.vxcr-table th:nth-child(2){width:13%;}.vxcr-table th:nth-child(3){width:17%;}.vxcr-table th:nth-child(4){width:13%;}.vxcr-table th:nth-child(5){width:21%;}.vxcr-table th:nth-child(6){width:6%;}.vxcr-table th:nth-child(7){width:7%;}
.vxcr-table tbody tr{cursor:pointer;background:transparent;}
.vxcr-table tbody tr:hover{background:var(--accent-dim2,#f7faff);}
.vxcr-table tbody tr.selected{background:var(--accent-dim,#edf4ff);box-shadow:inset 3px 0 0 var(--accent,#1769ff);}
.vxcr-table td strong{font-weight:500;color:var(--text,#1f2f3f);}
.vxcr-field{color:var(--text2,#5e6d7b);}
.vxcr-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-2,12px);color:var(--text2,#5e6d7b);}
.vxcr-status i{width:5px;height:5px;border-radius:50%;background:var(--text3,#798896);}
.vxcr-status.good i{background:var(--green,#1d9b68);}.vxcr-status.warn i{background:var(--amber,#d18a00);}.vxcr-status.muted i{background:var(--text3,#798896);}
.vxcr-empty{position:absolute;inset:42px 0 0;display:flex;align-items:flex-start;justify-content:center;padding:52px 24px 0;text-align:center;color:var(--text3,#798896);font-size:var(--fs-3,13px);pointer-events:none;}
.vxcr-empty[hidden]{display:none!important;}

.vxcr-tabs{height:46px;min-height:46px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border2,#d4dde6);background:var(--surface,#fff);}
.vxcr-tabs button{border:0;border-right:1px solid var(--border,#e2e7ec);border-radius:0;background:transparent;color:var(--text2,#5e6d7b);font-family:inherit;font-size:var(--fs-3,13px);cursor:pointer;}
.vxcr-tabs button:last-child{border-right:0;}.vxcr-tabs button.active{color:var(--accent,#1769ff);box-shadow:inset 0 -2px 0 var(--accent,#1769ff);}
.vxcr-inspector{flex:1 1 auto;min-height:0;overflow:auto;background:var(--surface,#fff);}
.vxcr-inspector-empty{padding:22px 16px;display:flex;flex-direction:column;gap:6px;}
.vxcr-inspector-empty strong{font-size:var(--fs-4,14px);font-weight:500;}
.vxcr-inspector-empty span{font-size:var(--fs-3,13px);line-height:1.5;color:var(--text2,#5e6d7b);}
.vxcr-selected-head{padding:16px;border-bottom:1px solid var(--border2,#d4dde6);}
.vxcr-selected-head>span,.vxcr-kicker{display:block;font-size:var(--fs-2,12px);font-weight:500;letter-spacing:.04em;color:var(--text3,#798896);}
.vxcr-selected-head>strong{display:block;margin-top:5px;font-size:var(--fs-6,18px);font-weight:500;color:var(--text,#1f2f3f);overflow-wrap:anywhere;}
.vxcr-selected-head>small{display:block;margin-top:4px;color:var(--text2,#5e6d7b);font-size:var(--fs-2,12px);}
.vxcr-kicker{padding:14px 16px 8px;}
.vxcr-detail-grid{margin:0;padding:0 16px 16px;}
.vxcr-detail-grid>div{display:grid;grid-template-columns:124px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--border,#e2e7ec);}
.vxcr-detail-grid dt{color:var(--text3,#798896);font-size:var(--fs-2,12px);}
.vxcr-detail-grid dd{margin:0;color:var(--text,#1f2f3f);font-size:var(--fs-3,13px);overflow-wrap:anywhere;min-width:0;}
.vxcr-actions{display:grid;grid-template-columns:1fr;gap:7px;padding:10px;border-top:1px solid var(--border2,#d4dde6);background:var(--surface,#fff);}
.vxcr-actions button{height:34px;border:1px solid var(--accent,#1769ff);border-radius:2px;background:transparent;color:var(--accent,#1769ff);font-family:inherit;font-size:var(--fs-3,13px);font-weight:500;cursor:pointer;}
.vxcr-actions button:disabled{opacity:.45;cursor:not-allowed;}

.vxcr-locate-tools{height:42px;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:0 10px;border-bottom:1px solid var(--border,#e2e7ec);}
.vxcr-locate-tools button,.vxcr-locate-empty button{height:30px;padding:0 10px;border:1px solid var(--border-control,#b6c2cd);border-radius:2px;background:var(--surface,#fff);color:var(--text,#1f2f3f);font:inherit;font-size:var(--fs-2,12px);cursor:pointer;}
.vxcr-locate-canvas{height:calc(100% - 132px);min-height:300px;background:var(--surface2,#f3f6f8);}
.vxcr-locate-frame{width:100%;height:100%;border:0;display:block;background:var(--surface2,#f3f6f8);}
.vxcr-locate-empty{padding:22px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--text2,#5e6d7b);}
.vxcr-locate-empty strong{font-size:var(--fs-4,14px);font-weight:500;color:var(--text,#1f2f3f);}
.vxcr-locate-empty span{font-size:var(--fs-3,13px);line-height:1.5;}

/* Dark mode: deliberately low-contrast engineering separators, never white rules. */
/* 2026-10-27 (owner: Home, Class Library, Asset Explorer, Model Review,
   Supplier and Admin showed bright borders in dark mode): the rules below
   apply to every page that uses these panes, but the line colours were only
   set on Results and Review — everywhere else the border fell back to the
   text colour (white). Every other page takes the platform's own lines. */
html[data-theme="dark"]{
  --vxrr-line:var(--border);
  --vxrr-line-strong:var(--border2);
}
html[data-theme="dark"] #page-results,
html[data-theme="dark"] #page-review{
  --vxrr-line:rgba(125,145,164,.14);
  --vxrr-line-strong:rgba(125,145,164,.20);
}
html[data-theme="dark"] .vxcr-grid,
html[data-theme="dark"] .vxcr-left,
html[data-theme="dark"] .vxcr-main,
html[data-theme="dark"] .vxcr-right,
html[data-theme="dark"] .vxcr-toolbar,
html[data-theme="dark"] .vxcr-stats,
html[data-theme="dark"] .vxcr-table-wrap,
html[data-theme="dark"] .vxcr-tabs,
html[data-theme="dark"] .vxcr-inspector,
html[data-theme="dark"] .vxcr-actions{background:#181c20!important;color:var(--text)!important;}

html[data-theme="dark"] #page-results .vxpf-context,
html[data-theme="dark"] #page-results .vxpf-context-right,
html[data-theme="dark"] #page-results .vxpf-context-right>div,
html[data-theme="dark"] #page-results .vxpf-journey,
html[data-theme="dark"] #page-results .vxpf-step,
html[data-theme="dark"] #page-results .vxpf-evidencebar,
html[data-theme="dark"] #page-results .vxpf-drawing-chip,
html[data-theme="dark"] #page-results .vxpf-state-switch,
html[data-theme="dark"] #page-results .vxpf-state-switch button,
html[data-theme="dark"] #page-results .vxpf-package-chooser,
html[data-theme="dark"] #page-review .vxpf-context,
html[data-theme="dark"] #page-review .vxpf-context-right,
html[data-theme="dark"] #page-review .vxpf-context-right>div,
html[data-theme="dark"] #page-review .vxpf-journey,
html[data-theme="dark"] #page-review .vxpf-step,
html[data-theme="dark"] #page-review .vxpf-evidencebar,
html[data-theme="dark"] #page-review .vxpf-state-switch,
html[data-theme="dark"] #page-review .vxpf-state-switch button{
  border-color:var(--vxrr-line)!important;
  outline-color:var(--vxrr-line)!important;
}

html[data-theme="dark"] .vxcr-left,
html[data-theme="dark"] .vxcr-main,
html[data-theme="dark"] .vxcr-pane-title,
html[data-theme="dark"] .vxcr-left section,
html[data-theme="dark"] .vxcr-left section h4,
html[data-theme="dark"] .vxcr-all,
html[data-theme="dark"] .vxcr-left section button,
html[data-theme="dark"] .vxcr-toolbar,
html[data-theme="dark"] .vxcr-stats,
html[data-theme="dark"] .vxcr-stats>div,
html[data-theme="dark"] .vxcr-table th,
html[data-theme="dark"] .vxcr-table td,
html[data-theme="dark"] .vxcr-tabs,
html[data-theme="dark"] .vxcr-tabs button,
html[data-theme="dark"] .vxcr-selected-head,
html[data-theme="dark"] .vxcr-detail-grid>div,
html[data-theme="dark"] .vxcr-actions,
html[data-theme="dark"] .vxcr-locate-tools{
  border-color:var(--vxrr-line)!important;
}
html[data-theme="dark"] .vxcr-left section h4,
html[data-theme="dark"] .vxcr-table th{background:#20252a!important;color:#b8c2cc!important;}
html[data-theme="dark"] .vxcr-toolbar input,
html[data-theme="dark"] .vxcr-toolbar select,
html[data-theme="dark"] .vxcr-toolbar button,
html[data-theme="dark"] .vxcr-locate-tools button,
html[data-theme="dark"] .vxcr-locate-empty button{background:#20252a!important;color:var(--text)!important;border-color:var(--vxrr-line-strong)!important;}
html[data-theme="dark"] .vxcr-toolbar button[data-vxcr-export]{color:var(--accent2)!important;}
html[data-theme="dark"] .vxcr-table tbody tr:hover{background:#202832!important;}
html[data-theme="dark"] .vxcr-table tbody tr.selected,
html[data-theme="dark"] .vxcr-all.active,
html[data-theme="dark"] .vxcr-left section button.active{background:#202d3f!important;}
html[data-theme="dark"] .vxcr-actions button{background:#1c2228!important;color:var(--accent2)!important;border-color:var(--vxrr-line-strong)!important;}
html[data-theme="dark"] .vxcr-status.good{color:#78c9a8!important;}
html[data-theme="dark"] .vxcr-status.warn{color:#e5b85e!important;}
html[data-theme="dark"] .vxcr-locate-canvas,
html[data-theme="dark"] .vxcr-locate-frame{background:#111519!important;}

/* Review legacy/mature internals: remove remaining bright borders in dark mode. */
html[data-theme="dark"] #page-review .rv-shell,
html[data-theme="dark"] #page-review .rv-panel,
html[data-theme="dark"] #page-review .rv-table-wrap,
html[data-theme="dark"] #page-review .rv-workbench,
html[data-theme="dark"] #page-review .rv-queue,
html[data-theme="dark"] #page-review .rv-detail,
html[data-theme="dark"] #page-review .rv-inline-decision,
html[data-theme="dark"] #page-review .rv-governed-form,
html[data-theme="dark"] #page-review table,
html[data-theme="dark"] #page-review th,
html[data-theme="dark"] #page-review td{
  border-color:var(--vxrr-line)!important;
}

@media(max-width:1500px){
  .vxcr-grid{grid-template-columns:224px minmax(0,1fr) 380px;}
  .vxcr-toolbar select{max-width:150px;}
  .vxcr-stats>div{min-width:112px;padding-inline:9px;}
}
@media(max-width:1220px){
  .vxcr-grid{grid-template-columns:200px minmax(0,1fr) 340px;}
  .vxcr-toolbar input{min-width:170px;}
  .vxcr-toolbar select{min-width:100px;max-width:128px;}
  .vxcr-table th:nth-child(3),.vxcr-table td:nth-child(3){display:none;}
}
