/* Veridex Master Tag Register — platform fidelity layer.
 *
 * Presentation only. MTR domain logic remains authoritative.
 *
 * Product rule: MTR must read as the same engineering application as
 * Extraction / Results / Review — one full-canvas workbench, flat panes,
 * neutral theme surfaces, shared typography and controls. Legacy component
 * styles may remain in their controllers, but this scoped layer is the visual
 * authority for the full-page MTR module.
 */

html body #app-shell #page-mtr.vx2-module-page-mtr.active{
  background:var(--surface)!important;
  color:var(--text)!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-4)!important;
  line-height:var(--lh-body,1.55)!important;
}
:is(#page-mtr, .vx-mtr-scope) *{box-sizing:border-box;}

/* --------------------------------------------------------------------------
   MODULE CONTEXT — same compact application row used by Extraction.
   -------------------------------------------------------------------------- */
html body :is(#page-mtr, .vx-mtr-scope) .vxmtr-stage-head{
  flex:0 0 42px!important;
  min-height:42px!important;
  width:100%!important;
  margin:0!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxmtr-stage-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:12px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxmtr-breadcrumb{display:none!important;}
:is(#page-mtr, .vx-mtr-scope) .vxmtr-stage-title{
  flex:0 0 auto!important;
  margin:0!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-3)!important;
  line-height:var(--lh-tight,1.3)!important;
  font-weight:500!important;
  letter-spacing:0!important;
  color:var(--accent)!important;
  white-space:nowrap!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxmtr-stage-title em{
  color:inherit!important;
  font-style:normal!important;
  font-weight:inherit!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxmtr-stage-sub{
  min-width:0!important;
  max-width:760px!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:var(--fs-3)!important;
  line-height:var(--lh-tight,1.3)!important;
  color:var(--text2)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxmtr-stage-meta{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-2)!important;
  color:var(--text3)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxmtr-stage-meta span+span{
  padding-left:10px!important;
  border-left:1px solid var(--border)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxmtr-stage-meta #vxmtr-capability{
  color:var(--accent)!important;
  font-weight:500!important;
}

/* --------------------------------------------------------------------------
   MODULE TABS + CANVAS — full width, no card-within-page framing.
   -------------------------------------------------------------------------- */
:is(#page-mtr, .vx-mtr-scope) .vxmtr-workbench{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:var(--surface)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-tabbar{
  flex:0 0 44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 14px!important;
  gap:0!important;
  display:flex!important;
  align-items:stretch!important;
  border:0!important;
  border-bottom:1px solid var(--border2)!important;
  border-radius:0!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-tab{
  min-height:44px!important;
  margin:0!important;
  padding:0 13px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text2)!important;
  box-shadow:none!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-3)!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-tab:hover{
  background:var(--surface2)!important;
  color:var(--text)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-tab.active{
  background:var(--accent-light)!important;
  border-bottom-color:var(--accent)!important;
  color:var(--accent)!important;
  font-weight:500!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-tab-body{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--surface)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-tab-body:has(#mtr-readiness-host),
:is(#page-mtr, .vx-mtr-scope) .mtr-tab-body:has(#mtr-classes-host),
:is(#page-mtr, .vx-mtr-scope) .mtr-tab-body:has(.mtr-reconcile-workbench){
  padding:12px 14px 16px!important;
  overflow:auto!important;
}
:is(#page-mtr, .vx-mtr-scope) #mtr-dict-host,
:is(#page-mtr, .vx-mtr-scope) #mtr-naming-host{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

/* --------------------------------------------------------------------------
   SHARED TYPE + CONTROLS — remove legacy mini-app typography.
   -------------------------------------------------------------------------- */
#page-mtr,
:is(#page-mtr, .vx-mtr-scope) button,
:is(#page-mtr, .vx-mtr-scope) input,
:is(#page-mtr, .vx-mtr-scope) select,
:is(#page-mtr, .vx-mtr-scope) textarea,
:is(#page-mtr, .vx-mtr-scope) label,
:is(#page-mtr, .vx-mtr-scope) table{
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
}
:is(#page-mtr, .vx-mtr-scope) label{
  margin-bottom:4px!important;
  color:var(--text2)!important;
  font-size:var(--fs-2)!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
:is(#page-mtr, .vx-mtr-scope) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
:is(#page-mtr, .vx-mtr-scope) select,
:is(#page-mtr, .vx-mtr-scope) textarea{
  border:1px solid var(--border-control)!important;
  border-radius:2px!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  font-size:var(--fs-3)!important;
}
:is(#page-mtr, .vx-mtr-scope) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
:is(#page-mtr, .vx-mtr-scope) select{
  height:30px!important;
  min-height:30px!important;
  padding:4px 9px!important;
}
:is(#page-mtr, .vx-mtr-scope) textarea{padding:7px 9px!important;}
:is(#page-mtr, .vx-mtr-scope) input:focus,
:is(#page-mtr, .vx-mtr-scope) select:focus,
:is(#page-mtr, .vx-mtr-scope) textarea:focus{
  border-color:var(--accent)!important;
  box-shadow:0 0 0 2px var(--accent-dim)!important;
  outline:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .btn,
:is(#page-mtr, .vx-mtr-scope) .vx-btn,
:is(#page-mtr, .vx-mtr-scope) .vxd-new,
:is(#page-mtr, .vx-mtr-scope) .vmr-addbtn,
:is(#page-mtr, .vx-mtr-scope) .vmr-mini,
:is(#page-mtr, .vx-mtr-scope) .mtr-icon-btn{
  min-height:29px!important;
  height:auto!important;
  padding:4px 9px!important;
  border:1px solid var(--border-control)!important;
  border-radius:2px!important;
  background:var(--surface)!important;
  color:var(--text2)!important;
  box-shadow:none!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-2)!important;
  line-height:1.25!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .btn:hover,
:is(#page-mtr, .vx-mtr-scope) .vx-btn:hover,
:is(#page-mtr, .vx-mtr-scope) .vxd-new:hover,
:is(#page-mtr, .vx-mtr-scope) .vmr-addbtn:hover,
:is(#page-mtr, .vx-mtr-scope) .vmr-mini:hover,
:is(#page-mtr, .vx-mtr-scope) .mtr-icon-btn:hover{
  border-color:var(--accent)!important;
  background:var(--accent-dim2)!important;
  color:var(--accent)!important;
}
:is(#page-mtr, .vx-mtr-scope) .btn.accent,
:is(#page-mtr, .vx-mtr-scope) .btn.primary,
:is(#page-mtr, .vx-mtr-scope) .btn-primary{
  border-color:var(--accent)!important;
  background:var(--accent)!important;
  color:var(--on-fill)!important;
}
:is(#page-mtr, .vx-mtr-scope) .btn.accent:hover,
:is(#page-mtr, .vx-mtr-scope) .btn.primary:hover,
:is(#page-mtr, .vx-mtr-scope) .btn-primary:hover{
  border-color:var(--accent2)!important;
  background:var(--accent2)!important;
  color:var(--on-fill)!important;
}
:is(#page-mtr, .vx-mtr-scope) input[type="file"]{
  width:100%!important;
  min-height:36px!important;
  padding:4px!important;
  border:1px solid var(--border)!important;
  border-radius:2px!important;
  background:var(--surface)!important;
  color:var(--text3)!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-2)!important;
}
:is(#page-mtr, .vx-mtr-scope) input[type="file"]::file-selector-button{
  min-height:26px!important;
  margin-right:8px!important;
  padding:3px 8px!important;
  border:1px solid var(--border-control)!important;
  border-radius:2px!important;
  background:var(--surface2)!important;
  color:var(--text2)!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-2)!important;
  font-weight:500!important;
  cursor:pointer!important;
}

/* --------------------------------------------------------------------------
   DICTIONARIES — flat catalogue / governed editor / support inspector.
   -------------------------------------------------------------------------- */
:is(#page-mtr, .vx-mtr-scope) .vxd-layout{
  display:grid!important;
  grid-template-columns:240px minmax(0,1fr) 320px!important;
  gap:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:var(--surface)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-side{
  min-width:0!important;
  width:auto!important;
  height:100%!important;
  padding:0!important;
  border:0!important;
  border-right:1px solid var(--border2)!important;
  border-radius:0!important;
  background:var(--surface2)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-side-top{
  min-height:46px!important;
  margin:0!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--surface2)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-side-head{
  color:var(--text2)!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-2)!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-new{min-height:27px!important;padding:3px 8px!important;}
:is(#page-mtr, .vx-mtr-scope) .vxd-list{
  height:calc(100% - 46px)!important;
  min-height:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  overflow:auto!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-item{
  flex:0 0 auto!important;
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:8px 10px 7px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  text-align:left!important;
  border:0!important;
  border-left:3px solid transparent!important;
  border-bottom:1px solid var(--border)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-item:hover{background:var(--surface)!important;}
:is(#page-mtr, .vx-mtr-scope) .vxd-item.active{
  border-left-color:var(--accent)!important;
  background:var(--accent-light)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-item-name{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  color:var(--text)!important;
  font-size:var(--fs-3)!important;
  font-weight:500!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-item-pills{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-pill{
  padding:1px 5px!important;
  border:1px solid var(--border)!important;
  border-radius:2px!important;
  background:transparent!important;
  color:var(--text3)!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-1)!important;
  font-weight:400!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-pill-otc{
  border-color:var(--border)!important;
  background:transparent!important;
  color:var(--text3)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-pill-type{
  border-color:var(--accent)!important;
  background:var(--accent-dim2)!important;
  color:var(--accent)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-side-empty{
  padding:12px!important;
  color:var(--text3)!important;
  font-size:var(--fs-2)!important;
  line-height:1.45!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-main{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  padding:12px 14px!important;
  overflow:auto!important;
  border:0!important;
  border-radius:0!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-empty{
  min-height:100%!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--text3)!important;
  font-size:var(--fs-3)!important;
  text-align:center!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-head{
  min-height:42px!important;
  margin:0 0 10px!important;
  padding:0 0 9px!important;
  border-bottom:1px solid var(--border)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-title{
  color:var(--text)!important;
  font-size:var(--fs-5)!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-sub{
  margin-top:2px!important;
  color:var(--text3)!important;
  font-size:var(--fs-2)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-support{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:auto!important;
  border:0!important;
  border-left:1px solid var(--border2)!important;
  background:var(--surface)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-support-head,
:is(#page-mtr, .vx-mtr-scope) .vmr-support-head{
  min-height:46px!important;
  padding:8px 11px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--surface2)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-support-head strong,
:is(#page-mtr, .vx-mtr-scope) .vmr-support-head strong{
  display:block!important;
  color:var(--text)!important;
  font-size:var(--fs-3)!important;
  font-weight:500!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-support-head span,
:is(#page-mtr, .vx-mtr-scope) .vmr-support-head span{
  display:block!important;
  margin-top:1px!important;
  color:var(--text3)!important;
  font-size:var(--fs-1)!important;
  line-height:1.35!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-support-section{
  margin:0!important;
  padding:11px!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  border-radius:0!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-support-section *,
:is(#page-mtr, .vx-mtr-scope) .vxd-excel *,
:is(#page-mtr, .vx-mtr-scope) .vxd-history *{
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-support-section h3,
:is(#page-mtr, .vx-mtr-scope) .vxd-support-section h4,
:is(#page-mtr, .vx-mtr-scope) .vxd-excel-title{
  color:var(--text)!important;
  font-size:var(--fs-3)!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-support-section p,
:is(#page-mtr, .vx-mtr-scope) .vxd-excel-sub{
  color:var(--text2)!important;
  font-size:var(--fs-2)!important;
  line-height:1.48!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-support .card,
:is(#page-mtr, .vx-mtr-scope) .vxd-support [class*="card"]{
  margin:0!important;
  padding:10px!important;
  border:1px solid var(--border)!important;
  border-radius:2px!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}

/* Dictionary tables use the same density as Results/Upload. */
:is(#page-mtr, .vx-mtr-scope) .vxd-table-wrap{
  border:1px solid var(--border)!important;
  border-radius:0!important;
  background:var(--surface)!important;
  box-shadow:none!important;
  overflow:auto!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-table{
  width:100%!important;
  border-collapse:collapse!important;
  color:var(--text2)!important;
  font-size:var(--fs-3)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-table th{
  height:37px!important;
  padding:7px 9px!important;
  border-bottom:1px solid var(--border2)!important;
  background:var(--surface2)!important;
  color:var(--text2)!important;
  font-size:var(--fs-2)!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-table td{
  min-height:39px!important;
  padding:7px 9px!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--surface)!important;
}

/* --------------------------------------------------------------------------
   TAG NAMING — same three-pane engineering workbench.
   -------------------------------------------------------------------------- */
:is(#page-mtr, .vx-mtr-scope) #mtr-naming-host{
  display:flex!important;
  flex-direction:column!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-two{
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-columns:240px minmax(0,1fr) 320px!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:var(--surface)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-types{
  min-width:0!important;
  width:auto!important;
  height:100%!important;
  overflow:auto!important;
  border:0!important;
  border-right:1px solid var(--border2)!important;
  border-radius:0!important;
  background:var(--surface2)!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-types-head{
  min-height:46px!important;
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--surface2)!important;
  color:var(--text2)!important;
  font-size:var(--fs-2)!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-typerow{
  min-height:40px!important;
  padding:7px 10px!important;
  gap:6px!important;
  border:0!important;
  border-left:3px solid transparent!important;
  border-bottom:1px solid var(--border)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text)!important;
  font-size:var(--fs-3)!important;
  font-weight:400!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-typerow:hover{background:var(--surface)!important;}
:is(#page-mtr, .vx-mtr-scope) .vmr-typerow.on{
  border-left-color:var(--accent)!important;
  background:var(--accent-light)!important;
  font-weight:500!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-typefrom,
:is(#page-mtr, .vx-mtr-scope) .vmr-prop-kind,
:is(#page-mtr, .vx-mtr-scope) .vmr-tagpill,
:is(#page-mtr, .vx-mtr-scope) .vmr-wording{
  border-radius:2px!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-1)!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-addtype{
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-left:3px solid transparent!important;
  border-top:0!important;
  border-bottom:1px solid var(--border)!important;
  border-radius:0!important;
  background:transparent!important;
  text-align:left!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-editor{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  padding:12px 14px!important;
  overflow:auto!important;
  border:0!important;
  border-radius:0!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-editor-head{
  margin:0 0 10px!important;
  padding:0 0 9px!important;
  border-bottom:1px solid var(--border)!important;
  color:var(--text2)!important;
  font-size:var(--fs-3)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-editor-head strong{
  color:var(--text)!important;
  font-weight:500!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-support{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:auto!important;
  border:0!important;
  border-left:1px solid var(--border2)!important;
  background:var(--surface)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-support-section,
:is(#page-mtr, .vx-mtr-scope) .vmr-support>.vmr-prop,
:is(#page-mtr, .vx-mtr-scope) .vmr-support>.vmr-propgrp,
:is(#page-mtr, .vx-mtr-scope) .vmr-support>.vmr-orgrule{
  margin:0!important;
  padding:11px!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  border-radius:0!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-preview{
  margin:0!important;
  padding:9px!important;
  border:1px solid var(--border)!important;
  border-radius:2px!important;
  background:var(--surface2)!important;
  color:var(--text2)!important;
  font-size:var(--fs-3)!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-preview .vmr-ok{
  color:var(--text)!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-3)!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-seglist{
  margin:10px 0!important;
  gap:8px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-seg,
:is(#page-mtr, .vx-mtr-scope) .vmr-pat,
:is(#page-mtr, .vx-mtr-scope) .vmr-propgrp{
  border:1px solid var(--border)!important;
  border-radius:2px!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-seg{
  padding:9px 10px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-seg-kind{
  color:var(--text2)!important;
  font-size:var(--fs-2)!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-mini{
  width:auto!important;
  min-width:25px!important;
  min-height:25px!important;
  margin-left:3px!important;
  padding:2px 6px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-add{
  margin:8px 0!important;
  gap:5px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-addbtn{
  border-style:solid!important;
  color:var(--text2)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-note,
:is(#page-mtr, .vx-mtr-scope) .vmr-readonly{
  padding:7px 8px!important;
  border:1px solid var(--border)!important;
  border-radius:2px!important;
  background:var(--surface2)!important;
  color:var(--text2)!important;
  font-size:var(--fs-2)!important;
  line-height:1.45!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-inline-foot{
  flex:0 0 44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:7px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  border:0!important;
  border-top:1px solid var(--border2)!important;
  border-radius:0!important;
  background:var(--surface2)!important;
}

/* Naming authority warning is part of the workbench, not a floating card. */
:is(#page-mtr, .vx-mtr-scope) #mtr-naming-host>.vmr-orgrule{
  flex:0 0 auto!important;
  margin:0!important;
  padding:9px 12px!important;
  border:0!important;
  border-bottom:1px solid var(--amber)!important;
  border-radius:0!important;
  background:var(--amber-dim)!important;
  box-shadow:none!important;
  font-size:var(--fs-2)!important;
}

/* --------------------------------------------------------------------------
   REGISTER — governed grid + creation inspector.
   -------------------------------------------------------------------------- */
:is(#page-mtr, .vx-mtr-scope) .mtr-register-workbench{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  background:var(--surface)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-register-main{
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-right:1px solid var(--border2)!important;
  background:var(--surface)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-workbench-head{
  flex:0 0 46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 10px!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--surface)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-workbench-title strong{
  color:var(--text)!important;
  font-size:var(--fs-3)!important;
  font-weight:500!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-workbench-title span{
  color:var(--text3)!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-2)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-reg-toolbar{
  flex:0 0 42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:6px 10px!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--surface2)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-register-main>.mtr-table-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0!important;
  overflow:auto!important;
  border:0!important;
  border-radius:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-register-create{
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  background:var(--surface)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-create-head{
  min-height:54px!important;
  padding:9px 11px!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--surface2)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-pane-kicker{
  color:var(--text3)!important;
  font-size:var(--fs-1)!important;
  font-weight:500!important;
  letter-spacing:.045em!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-create-head strong{
  color:var(--text)!important;
  font-size:var(--fs-3)!important;
  font-weight:500!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-create-head p{
  color:var(--text3)!important;
  font-size:var(--fs-2)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-create-scroll{padding:10px 11px!important;}
:is(#page-mtr, .vx-mtr-scope) .mtr-create-preview{
  padding:10px 11px!important;
  border-top:1px solid var(--border2)!important;
  background:var(--surface2)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-preview-label{
  color:var(--text3)!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-1)!important;
  font-weight:500!important;
  letter-spacing:.045em!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-prev-num{
  color:var(--accent)!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-6)!important;
  font-weight:500!important;
  letter-spacing:0!important;
}

/* Shared MTR tables. */
:is(#page-mtr, .vx-mtr-scope) .mtr-table-wrap{
  border:1px solid var(--border)!important;
  border-radius:0!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-table{
  width:100%!important;
  border-collapse:collapse!important;
  color:var(--text2)!important;
  font-size:var(--fs-3)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-table th{
  height:37px!important;
  padding:7px 9px!important;
  border-bottom:1px solid var(--border2)!important;
  background:var(--surface2)!important;
  color:var(--text2)!important;
  font-size:var(--fs-2)!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-table td{
  min-height:39px!important;
  padding:7px 9px!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--surface)!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-table tbody tr:hover td{background:var(--surface2)!important;}
:is(#page-mtr, .vx-mtr-scope) .mtr-row-sel td{background:var(--accent-light)!important;}

/* --------------------------------------------------------------------------
   READINESS + RECONCILE — same compact review/work-queue rhythm.
   -------------------------------------------------------------------------- */
:is(#page-mtr, .vx-mtr-scope) .vxrd,
:is(#page-mtr, .vx-mtr-scope) .mtr-reconcile-workbench{
  max-width:none!important;
  width:100%!important;
  color:var(--text2)!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxrd-title{
  color:var(--text)!important;
  font-size:var(--fs-5)!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxrd-intro,
:is(#page-mtr, .vx-mtr-scope) .vxrd-sub,
:is(#page-mtr, .vx-mtr-scope) .vxrd-why,
:is(#page-mtr, .vx-mtr-scope) .mtr-rec-intro{
  max-width:940px!important;
  color:var(--text2)!important;
  font-size:var(--fs-3)!important;
  line-height:1.48!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxrd-tabs,
:is(#page-mtr, .vx-mtr-scope) .mtr-rec-chips{
  min-height:36px!important;
  margin:0 0 9px!important;
  gap:0!important;
  border-bottom:1px solid var(--border)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxrd-tab,
:is(#page-mtr, .vx-mtr-scope) .mtr-rec-chip{
  min-height:36px!important;
  padding:0 10px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text2)!important;
  box-shadow:none!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-2)!important;
  font-weight:500!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxrd-tab.on,
:is(#page-mtr, .vx-mtr-scope) .mtr-rec-chip.active{
  border-bottom-color:var(--accent)!important;
  background:var(--accent-light)!important;
  color:var(--accent)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxrd-row{
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  border-radius:0!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxrd-row:first-of-type{border-top:1px solid var(--border)!important;}
:is(#page-mtr, .vx-mtr-scope) .vxrd-row-h{
  min-height:41px!important;
  padding:7px 9px!important;
  color:var(--text)!important;
  font-size:var(--fs-3)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxrd-code,
:is(#page-mtr, .vx-mtr-scope) .vxrd-n,
:is(#page-mtr, .vx-mtr-scope) .vxrd-pill,
:is(#page-mtr, .vx-mtr-scope) .mtr-rec-chip-n{
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-1)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxrd-pill{
  padding:1px 5px!important;
  border-radius:2px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxrd-note,
:is(#page-mtr, .vx-mtr-scope) .mtr-rec-bulkbar,
:is(#page-mtr, .vx-mtr-scope) .mtr-selbar{
  border-radius:2px!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .mtr-rec-scroll{
  max-height:none!important;
  overflow:auto!important;
}

/* Footer follows shared theme; no MTR-only hard-coded palette. */
html body:has(#page-mtr.active) .app-footer{
  border-top:1px solid var(--border)!important;
  background:var(--surface2)!important;
  color:var(--text3)!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-1)!important;
  letter-spacing:0!important;
}

/* Responsive fallback keeps the same hierarchy without cramming three panes. */
@media(max-width:1180px){
  :is(#page-mtr, .vx-mtr-scope) .vxd-layout,
  :is(#page-mtr, .vx-mtr-scope) .vmr-two{
    grid-template-columns:220px minmax(0,1fr) 280px!important;
  }
  :is(#page-mtr, .vx-mtr-scope) .mtr-register-workbench{
    grid-template-columns:minmax(0,1fr) 330px!important;
  }
}
@media(max-width:900px){
  html body :is(#page-mtr, .vx-mtr-scope) .vxmtr-stage-head{
    min-height:42px!important;
    padding:0 10px!important;
  }
  :is(#page-mtr, .vx-mtr-scope) .vxmtr-stage-sub{display:none!important;}
  :is(#page-mtr, .vx-mtr-scope) .vxmtr-stage-meta{display:none!important;}
  :is(#page-mtr, .vx-mtr-scope) .vxd-layout,
  :is(#page-mtr, .vx-mtr-scope) .vmr-two,
  :is(#page-mtr, .vx-mtr-scope) .mtr-register-workbench{
    display:block!important;
    height:auto!important;
    overflow:visible!important;
  }
  :is(#page-mtr, .vx-mtr-scope) #mtr-dict-host,
  :is(#page-mtr, .vx-mtr-scope) #mtr-naming-host{overflow:auto!important;}
  :is(#page-mtr, .vx-mtr-scope) .vxd-side,
  :is(#page-mtr, .vx-mtr-scope) .vmr-types{
    height:auto!important;
    max-height:320px!important;
    border-right:0!important;
    border-bottom:1px solid var(--border2)!important;
  }
  :is(#page-mtr, .vx-mtr-scope) .vxd-support,
  :is(#page-mtr, .vx-mtr-scope) .vmr-support,
  :is(#page-mtr, .vx-mtr-scope) .mtr-register-create{
    height:auto!important;
    border-left:0!important;
    border-top:1px solid var(--border2)!important;
  }
}


/* --------------------------------------------------------------------------
   TAG NAMING DENSITY PASS — align with Extraction Survey source navigator.
   -------------------------------------------------------------------------- */
:is(#page-mtr, .vx-mtr-scope) .vmr-two{
  grid-template-columns:220px minmax(0,1fr) 310px!important;
}

/* Left rail mirrors Survey > Sources: title/subtitle, icon-led rows, blue
   selection rule, quiet actions. */
:is(#page-mtr, .vx-mtr-scope) .vmr-types{
  padding:16px 0 14px!important;
  background:var(--surface2)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-types-head{
  min-height:0!important;
  padding:0 16px 12px!important;
  display:block!important;
  border:0!important;
  background:transparent!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-types-head strong{
  display:block!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:var(--text)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-types-head span{
  display:block!important;
  margin-top:4px!important;
  font-size:9px!important;
  line-height:1.35!important;
  font-weight:400!important;
  color:var(--text3)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-typerow{
  position:relative!important;
  width:100%!important;
  min-height:50px!important;
  padding:7px 8px 7px 13px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  border:0!important;
  border-left:3px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-typerow:hover{
  background:var(--surface3)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-typerow.on{
  border-left-color:var(--accent)!important;
  background:var(--accent-light)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-icon{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--accent)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-icon svg{
  width:20px!important;
  height:20px!important;
  display:block!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-copy{
  min-width:0!important;
  display:block!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-copy strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--text)!important;
  font-size:10.3px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-copy small{
  display:block!important;
  margin-top:2px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--text3)!important;
  font-size:8.5px!important;
  line-height:1.28!important;
  font-weight:400!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-typerow.on .vmr-type-copy strong{color:var(--accent)!important;}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-actions{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  opacity:.18!important;
  transition:opacity .12s ease!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-typerow:hover .vmr-type-actions,
:is(#page-mtr, .vx-mtr-scope) .vmr-typerow.on .vmr-type-actions{opacity:1!important;}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-actions .vmr-mini{
  min-width:24px!important;
  width:24px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0!important;
  margin:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-actions .vmr-typefrom{
  margin:0!important;
  white-space:nowrap!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-addtype{
  min-height:42px!important;
  padding:0 16px!important;
  border-left:3px solid transparent!important;
  color:var(--text2)!important;
  font-size:9.5px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-addtype:hover{
  border-left-color:var(--accent)!important;
  background:var(--surface)!important;
}

/* Center editor: one compact horizontal command row. No settings stack above
   the segment builder. */
:is(#page-mtr, .vx-mtr-scope) .vmr-editor{
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-editor-topbar{
  flex:0 0 52px!important;
  min-height:52px!important;
  padding:7px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--surface)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-editor-head{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:var(--text2)!important;
  font-size:var(--fs-3)!important;
  white-space:nowrap!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-editor-head strong{
  color:var(--text)!important;
  font-weight:500!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-editor-controls{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:14px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-separator-inline{
  margin:0!important;
  display:grid!important;
  grid-template-columns:auto 68px!important;
  align-items:center!important;
  gap:7px!important;
  color:var(--text2)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-separator-inline>span{
  white-space:nowrap!important;
  font-size:var(--fs-2)!important;
  font-weight:500!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-separator-inline input{
  width:68px!important;
  min-width:68px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-preview-inline{
  min-width:250px!important;
  max-width:360px!important;
  padding-left:14px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  border-left:1px solid var(--border)!important;
  color:var(--text3)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-preview-inline>span{
  flex:0 0 auto!important;
  font-size:var(--fs-2)!important;
  font-weight:500!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-preview-inline>strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--text)!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-3)!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-problems-inline{
  flex:0 0 auto!important;
  margin:0!important;
  padding:6px 12px!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--amber-dim)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-problems-inline:empty{
  display:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-seglist{
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 12px 0!important;
  overflow:auto!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-add{
  flex:0 0 auto!important;
  margin:0!important;
  padding:8px 12px 12px!important;
}

/* Right rail now owns the paired-label convention. Its dependent fields are
   only in the DOM while the convention is enabled. */
:is(#page-mtr, .vx-mtr-scope) .vmr-paired-support{
  padding:11px 12px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-paired-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-paired-copy{
  min-width:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-paired-copy strong{
  display:block!important;
  color:var(--text)!important;
  font-size:var(--fs-3)!important;
  font-weight:500!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-paired-copy span{
  display:block!important;
  margin-top:2px!important;
  color:var(--text3)!important;
  font-size:var(--fs-1)!important;
  line-height:1.38!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-paired-toggle{
  flex:0 0 auto!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  color:var(--text2)!important;
  font-size:var(--fs-2)!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-paired-toggle input{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-paired-details{
  margin-top:10px!important;
  padding-top:10px!important;
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:8px!important;
  border-top:1px solid var(--border)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-paired-details .vmr-field{
  min-width:0!important;
  margin:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-paired-details .vmr-field:first-child input{
  width:92px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-paired-note,
:is(#page-mtr, .vx-mtr-scope) .vmr-paired-off{
  margin-top:8px!important;
  color:var(--text3)!important;
  font-size:var(--fs-1)!important;
  line-height:1.42!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-paired-note code{
  color:var(--text2)!important;
  font-family:var(--font-mono,monospace)!important;
  font-size:inherit!important;
}

/* With preview moved out, the support header describes what remains. */
:is(#page-mtr, .vx-mtr-scope) .vmr-support-head{min-height:46px!important;}

@media(max-width:1280px){
  :is(#page-mtr, .vx-mtr-scope) .vmr-two{
    grid-template-columns:210px minmax(0,1fr) 290px!important;
  }
  :is(#page-mtr, .vx-mtr-scope) .vmr-preview-inline{
    min-width:190px!important;
    max-width:240px!important;
  }
  :is(#page-mtr, .vx-mtr-scope) .vmr-editor-controls{gap:9px!important;}
}
@media(max-width:1050px){
  :is(#page-mtr, .vx-mtr-scope) .vmr-editor-topbar{
    min-height:82px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:6px!important;
  }
  :is(#page-mtr, .vx-mtr-scope) .vmr-editor-controls{
    width:100%!important;
    justify-content:flex-start!important;
  }
  :is(#page-mtr, .vx-mtr-scope) .vmr-preview-inline{
    flex:1 1 auto!important;
    max-width:none!important;
  }
}

/* Tag Naming final density corrections. */
:is(#page-mtr, .vx-mtr-scope) .vmr-editor{overflow:hidden!important;}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-actions{opacity:0!important;}
:is(#page-mtr, .vx-mtr-scope) .vmr-typerow:hover .vmr-type-actions,
:is(#page-mtr, .vx-mtr-scope) .vmr-typerow:focus-within .vmr-type-actions{opacity:1!important;}


/* --------------------------------------------------------------------------
   MTR RAIL + DICTIONARIES REFINEMENT — larger navigator type and one rail
   language across Tag Naming and Dictionaries.
   -------------------------------------------------------------------------- */

/* Tag Naming: raise readability and align the icon with the object-type title,
   not the combined title/subtitle block. */
:is(#page-mtr, .vx-mtr-scope) .vmr-types-head strong{
  font-size:12.5px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-types-head span{
  font-size:9.5px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-typerow{
  min-height:52px!important;
  padding:8px 8px 8px 13px!important;
  align-items:start!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-icon{
  margin-top:1px!important;
  align-self:start!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-icon svg{
  width:19px!important;
  height:19px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-copy strong{
  font-size:11.5px!important;
  line-height:1.28!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-copy small{
  margin-top:3px!important;
  font-size:9.5px!important;
  line-height:1.3!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-type-actions{
  align-self:start!important;
  margin-top:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-addtype{
  font-size:10.5px!important;
}

/* Dictionaries uses the exact same navigator grammar as Tag Naming. */
:is(#page-mtr, .vx-mtr-scope) .vxd-layout{
  grid-template-columns:220px minmax(0,1fr) 310px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-side{
  display:flex!important;
  flex-direction:column!important;
  padding:16px 0 14px!important;
  background:var(--surface2)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-side-top{
  flex:0 0 auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0 16px 12px!important;
  display:block!important;
  border:0!important;
  background:transparent!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-side-head{
  display:block!important;
  color:var(--text)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-side-head strong{
  display:block!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:var(--text)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-side-head span{
  display:block!important;
  margin-top:4px!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  font-weight:400!important;
  color:var(--text3)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-list{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-item{
  width:100%!important;
  min-height:52px!important;
  padding:8px 8px 8px 13px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start!important;
  border:0!important;
  border-left:3px solid transparent!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-item:hover{
  background:var(--surface3)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-item.active{
  border-left-color:var(--accent)!important;
  background:var(--accent-light)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-item-icon{
  width:24px!important;
  height:24px!important;
  margin-top:1px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--accent)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-item-icon svg{
  width:19px!important;
  height:19px!important;
  display:block!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-item-copy{
  min-width:0!important;
  display:block!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-item-name{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--text)!important;
  font-size:11.5px!important;
  line-height:1.28!important;
  font-weight:650!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-item-copy small{
  display:block!important;
  margin-top:3px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--text3)!important;
  font-size:9.5px!important;
  line-height:1.3!important;
  font-weight:400!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-item.active .vxd-item-name{
  color:var(--accent)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-add-dictionary{
  flex:0 0 42px!important;
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 16px!important;
  border:0!important;
  border-left:3px solid transparent!important;
  border-top:1px solid var(--border)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text2)!important;
  box-shadow:none!important;
  text-align:left!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:10.5px!important;
  font-weight:500!important;
  cursor:pointer!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-add-dictionary:hover{
  border-left-color:var(--accent)!important;
  background:var(--surface)!important;
  color:var(--accent)!important;
}

/* Dictionary support: use the rail width deliberately. Spreadsheet actions,
   file selection and comparison share one alignment and full available width. */
:is(#page-mtr, .vx-mtr-scope) .vxd-support{
  background:var(--surface)!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-support-section{
  padding:12px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-excel .vxx-wrap{
  width:100%!important;
  gap:10px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-excel .vxx-exchange-head{
  width:100%!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-excel .vxx-h{
  color:var(--text)!important;
  font-size:11.5px!important;
  line-height:1.3!important;
  font-weight:600!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-excel .vxx-sub{
  max-width:none!important;
  margin-top:3px!important;
  color:var(--text3)!important;
  font-size:9.5px!important;
  line-height:1.45!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-excel .vxx-actions-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-excel .vxx-actions-grid .btn{
  width:100%!important;
  min-height:31px!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-excel .vxx-check{
  width:100%!important;
  margin:0!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  color:var(--text2)!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-excel .vxx-check input{
  flex:0 0 auto!important;
  width:auto!important;
  min-height:0!important;
  margin:2px 0 0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-excel .vxx-drop{
  width:100%!important;
  margin:0!important;
  padding:10px 0 0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  border:0!important;
  border-top:1px solid var(--border)!important;
  border-radius:0!important;
  background:transparent!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-excel .vxx-file-label{
  margin:0!important;
  color:var(--text2)!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:500!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-excel #vxx-file{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-excel .vxx-preview{
  width:100%!important;
  min-height:31px!important;
  justify-content:center!important;
  text-align:center!important;
}
:is(#page-mtr, .vx-mtr-scope) .vxd-excel #vxx-plan{
  width:100%!important;
  min-width:0!important;
}


/* Tag Naming: Save is a full-width right-rail action, not a corner button. */
:is(#page-mtr, .vx-mtr-scope) .vmr-inline-foot{
  justify-content:flex-end!important;
}
:is(#page-mtr, .vx-mtr-scope) .vmr-inline-foot .btn.accent{
  width:310px!important;
  min-width:310px!important;
  min-height:34px!important;
  justify-content:center!important;
  text-align:center!important;
}
@media(max-width:1280px){
  :is(#page-mtr, .vx-mtr-scope) .vmr-inline-foot .btn.accent{
    width:290px!important;
    min-width:290px!important;
  }
}
@media(max-width:900px){
  :is(#page-mtr, .vx-mtr-scope) .vmr-inline-foot .btn.accent{
    width:100%!important;
    min-width:0!important;
  }
}