/* Veridex Extraction Criteria — unified engineering-workbench surface.
 *
 * Light/dark parity is intentional: presentation consumes the platform theme
 * tokens from styles.css rather than maintaining a second page-specific palette.
 * This file deliberately replaces the previous stacked generations of
 * Criteria styling.  One surface, one typography scale, one set of separators.
 * The controller remains vx-drawing-criteria.js; this file owns presentation.
 */

html body:has(#page-drawing-criteria.vxw-page.active){
  overflow:hidden!important;
  --vx-criteria-footer-h:28px;
}
html body:has(#page-drawing-criteria.vxw-page.active) .vx-page-area{
  padding-top:0!important;width:100%!important;height:100vh!important;
  min-height:100vh!important;overflow:hidden!important;
}
html body:has(#page-drawing-criteria.vxw-page.active) .main{
  width:100%!important;height:100vh!important;min-height:0!important;
  padding:0!important;overflow:hidden!important;
}
html body:has(#page-drawing-criteria.vxw-page.active) .app-footer{
  display:flex!important;position:fixed!important;left:0!important;right:0!important;
  bottom:0!important;height:var(--vx-criteria-footer-h)!important;
  min-height:var(--vx-criteria-footer-h)!important;margin:0!important;
  padding:0 16px!important;align-items:center!important;justify-content:center!important;
  z-index:1200!important;box-sizing:border-box!important;
  border-top:1px solid var(--border)!important;background:var(--surface2)!important;
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
  font-size:var(--fs-2)!important;
}
html body #app-shell #page-drawing-criteria.vxw-page.active{
  position:fixed!important;inset:var(--vx2-topbar-h,52px) 0 var(--vx-criteria-footer-h) 0!important;
  z-index:1100!important;display:flex!important;flex-direction:column!important;
  width:auto!important;height:auto!important;min-height:0!important;max-width:none!important;
  margin:0!important;padding:0!important;overflow:hidden!important;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;
}
#page-drawing-criteria.vxw-page *{box-sizing:border-box;}
#page-drawing-criteria.vxw-page button,
#page-drawing-criteria.vxw-page input,
#page-drawing-criteria.vxw-page select,
#page-drawing-criteria.vxw-page textarea{
  font-family:var(--font-body,'IBM Plex Sans',sans-serif)!important;
}
#page-drawing-criteria.vxw-page strong,
#page-drawing-criteria.vxw-page b{font-weight:500!important;}
#page-drawing-criteria.vxw-page>.page-header{display:none!important;}
#page-drawing-criteria .vxdc-rail{display:none!important;}

/* Application context row — same hierarchy as Results / Review. */
html body #page-drawing-criteria.vxw-page.active>.vxw-stage-head{
  order:0!important;flex:0 0 42px!important;width:100%!important;max-width:none!important;
  min-height:42px!important;margin:0!important;padding:0 14px!important;
  display:flex!important;align-items:center!important;border:0!important;
  border-bottom:1px solid var(--border)!important;background:var(--surface)!important;box-shadow:none!important;
}
#page-drawing-criteria .vxw-stage-copy{
  display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;
}
#page-drawing-criteria .vxw-breadcrumb{
  margin:0!important;font-size:var(--fs-3)!important;font-weight:500!important;
  color:var(--accent)!important;white-space:nowrap!important;
}
#page-drawing-criteria .vxw-stage-sub{
  margin:0!important;max-width:760px!important;font-size:var(--fs-3)!important;
  line-height:var(--lh-tight,1.3)!important;color:var(--text2)!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#page-drawing-criteria .vxw-stage-meta{padding:0!important;font-size:var(--fs-2)!important;}
#page-drawing-criteria .vxw-chip{font-size:var(--fs-2)!important;}

/* One visible five-stage journey. */
html body #page-drawing-criteria.vxw-page.active>.vx-flow{
  order:1!important;flex:0 0 54px!important;width:100%!important;max-width:none!important;
  min-height:54px!important;margin:0!important;position:relative!important;z-index:3!important;
}
#page-drawing-criteria .vx-flow-bar{
  height:54px!important;min-height:54px!important;border:0!important;
  border-bottom:1px solid var(--border2)!important;border-radius:0!important;
  box-shadow:none!important;background:var(--surface)!important;
}
#page-drawing-criteria .vx-flow-step{
  min-height:54px!important;padding:0 20px!important;border-right:1px solid var(--border)!important;
  border-radius:0!important;background:var(--surface)!important;
}
#page-drawing-criteria .vx-flow-step.current{background:var(--accent-light)!important;}
#page-drawing-criteria .vx-flow-num{
  width:21px!important;min-width:21px!important;height:21px!important;
  font-size:var(--fs-2)!important;font-weight:500!important;
}
#page-drawing-criteria .vx-flow-title{font-size:var(--fs-3)!important;font-weight:500!important;}
#page-drawing-criteria .vx-flow-sub{font-size:var(--fs-2)!important;line-height:var(--lh-tight,1.3)!important;}

/* Remaining viewport is one continuous application workbench. */
html body #page-drawing-criteria.vxw-page.active>.vxw-layout.vxw-criteria-workbench{
  order:2!important;flex:1 1 auto!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) 368px!important;gap:0!important;
  width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;
  margin:0!important;overflow:hidden!important;align-items:stretch!important;
  border:0!important;background:var(--surface)!important;
}
#page-drawing-criteria .vxw-main{
  min-width:0!important;min-height:0!important;height:100%!important;overflow:hidden!important;
  border-right:1px solid var(--border2)!important;background:var(--surface)!important;
}
#page-drawing-criteria #drawing-criteria-host,
#page-drawing-criteria .vxdc{width:100%!important;height:100%!important;min-height:0!important;}
#page-drawing-criteria .vxdc{
  display:flex!important;flex-direction:column!important;overflow:hidden!important;background:var(--surface)!important;
}

/* Criteria profile/context — an information row, not a dashboard card. */
#page-drawing-criteria .vxdc-context{
  flex:0 0 58px!important;display:grid!important;
  grid-template-columns:minmax(210px,.8fr) minmax(430px,1.7fr) auto!important;
  min-height:58px!important;height:58px!important;gap:14px!important;margin:0!important;
  padding:7px 12px!important;border:0!important;border-bottom:1px solid var(--border)!important;
  border-radius:0!important;background:var(--surface)!important;box-shadow:none!important;
}
#page-drawing-criteria .vxdc-context-profile{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;}
#page-drawing-criteria .vxdc-context-k,
#page-drawing-criteria .vxdc-context-facts span{
  font-size:var(--fs-2)!important;line-height:1.2!important;text-transform:uppercase!important;
  letter-spacing:.045em!important;color:var(--text3)!important;
}
#page-drawing-criteria .vxdc-context-profile>strong{
  font-size:var(--fs-4)!important;font-weight:500!important;color:var(--text)!important;white-space:nowrap!important;
}
#page-drawing-criteria .vxdc-ver{font-size:var(--fs-2)!important;color:var(--text3)!important;}
#page-drawing-criteria .vxdc-status{
  padding:1px 5px!important;border:0!important;border-radius:2px!important;
  font-size:var(--fs-2)!important;font-weight:500!important;text-transform:uppercase!important;
}
#page-drawing-criteria .vxdc-context-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;min-width:0!important;}
#page-drawing-criteria .vxdc-context-facts>div{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  min-width:0!important;padding:0 12px!important;border-left:1px solid var(--border)!important;
}
#page-drawing-criteria .vxdc-context-facts strong{
  margin-top:2px!important;font-size:var(--fs-3)!important;font-weight:500!important;
  color:var(--text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#page-drawing-criteria .vxdc-context-actions{display:flex!important;align-items:center!important;gap:6px!important;}
#page-drawing-criteria .vxdc-context-actions .btn,
#page-drawing-criteria .vxdc-next .btn{
  min-height:30px!important;height:30px!important;padding:5px 9px!important;
  border-radius:2px!important;box-shadow:none!important;font-size:var(--fs-3)!important;font-weight:400!important;
}

/* Operational state rows. */
#page-drawing-criteria .vxdc-ready,
#page-drawing-criteria .vxdc-frozen,
#page-drawing-criteria .vxdc-exc,
#page-drawing-criteria .vxdc-src{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:8px!important;
  min-height:36px!important;margin:0!important;padding:6px 12px!important;border:0!important;
  border-bottom:1px solid var(--border)!important;border-radius:0!important;box-shadow:none!important;
  font-size:var(--fs-3)!important;line-height:var(--lh-tight,1.3)!important;
}
#page-drawing-criteria .vxdc-ready{background:var(--green-light)!important;color:var(--green-on-tint)!important;}
#page-drawing-criteria .vxdc-frozen{background:var(--surface2)!important;color:var(--text2)!important;}
#page-drawing-criteria .vxdc-exc{
  border-left:3px solid var(--amber)!important;background:var(--amber-light)!important;color:var(--amber-on-tint)!important;
}
#page-drawing-criteria .vxdc-exc-icon{
  display:grid!important;width:18px!important;height:18px!important;place-items:center!important;
  flex:0 0 18px!important;border:1px solid var(--amber)!important;border-radius:50%!important;
  font:500 var(--fs-2)/1 var(--font-mono)!important;color:var(--amber-on-tint)!important;
}
#page-drawing-criteria .vxdc-exc-copy{min-width:0!important;flex:1!important;}
#page-drawing-criteria .vxdc-exc .btn,
#page-drawing-criteria .vxdc-src .btn{margin-left:auto!important;white-space:nowrap!important;font-size:var(--fs-2)!important;}
#page-drawing-criteria .vxdc-src{background:var(--surface)!important;color:var(--text2)!important;}
#page-drawing-criteria .vxdc-src-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:var(--green)!important;flex:0 0 auto!important;}

/* Left decision navigator + selected decision. */
#page-drawing-criteria .vxdc-grid{
  flex:1 1 auto!important;display:grid!important;grid-template-columns:252px minmax(0,1fr)!important;
  gap:0!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important;
  border:0!important;border-radius:0!important;overflow:hidden!important;background:var(--surface)!important;
}
#page-drawing-criteria .vxdc-nav{
  min-height:0!important;height:100%!important;overflow:auto!important;
  border:0!important;border-right:1px solid var(--border)!important;border-radius:0!important;
  background:var(--surface2)!important;
}
#page-drawing-criteria .vxdc-navgrp{border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;}
#page-drawing-criteria .vxdc-nav-head{
  position:sticky!important;top:0!important;z-index:5!important;padding:10px 11px 8px!important;
  border-bottom:1px solid var(--border)!important;background:var(--surface)!important;
}
#page-drawing-criteria .vxdc-nav-head strong,
#page-drawing-criteria .vxdc-nav-title{
  display:block!important;font-size:var(--fs-4)!important;font-weight:500!important;color:var(--text)!important;
}
#page-drawing-criteria .vxdc-nav-head span,
#page-drawing-criteria .vxdc-nav-sub{
  display:block!important;margin-top:3px!important;font-size:var(--fs-2)!important;
  color:var(--text3)!important;line-height:var(--lh-tight,1.3)!important;
}
#page-drawing-criteria .vxdc-navi{
  display:grid!important;grid-template-columns:23px minmax(0,1fr) auto!important;align-items:center!important;
  gap:8px!important;width:100%!important;min-height:52px!important;padding:7px 9px!important;
  border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;
  background:transparent!important;color:var(--text)!important;text-align:left!important;cursor:pointer!important;
  font-size:var(--fs-3)!important;
}
#page-drawing-criteria .vxdc-navi:hover{background:var(--surface2)!important;}
#page-drawing-criteria .vxdc-navi.sel{background:var(--accent-light)!important;color:var(--accent2)!important;box-shadow:inset 3px 0 0 var(--accent)!important;}
#page-drawing-criteria .vxdc-navi-index{
  display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;
  border:1px solid var(--border2)!important;border-radius:50%!important;background:var(--surface)!important;
  font-size:var(--fs-2)!important;font-weight:500!important;color:var(--text2)!important;
}
#page-drawing-criteria .vxdc-navi.sel .vxdc-navi-index{border-color:var(--accent)!important;color:var(--accent)!important;}
#page-drawing-criteria .vxdc-navi-l{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;}
#page-drawing-criteria .vxdc-navi-n{display:flex!important;align-items:center!important;gap:5px!important;font-size:var(--fs-3)!important;font-weight:500!important;overflow-wrap:anywhere!important;}
#page-drawing-criteria .vxdc-src-l{font-size:var(--fs-2)!important;color:var(--text3)!important;}
#page-drawing-criteria .vxdc-navi-issue{
  display:inline-flex!important;padding:1px 5px!important;border:1px solid var(--amber)!important;border-radius:8px!important;
  background:var(--amber-light)!important;color:var(--amber-on-tint)!important;font-size:var(--fs-2)!important;font-weight:500!important;white-space:nowrap!important;
}
#page-drawing-criteria .vxdc-mark{font-size:var(--fs-2)!important;white-space:nowrap!important;}
#page-drawing-criteria .vxdc-mark.ok{color:var(--green)!important;}
#page-drawing-criteria .vxdc-mark.warn{color:var(--amber-on-tint)!important;}
#page-drawing-criteria .vxdc-mark.pend{color:var(--accent)!important;}
#page-drawing-criteria .vxdc-mark.todo{color:var(--text3)!important;}

#page-drawing-criteria .vxdc-nav-advanced{
  padding:9px 10px 11px!important;border-top:1px solid var(--border)!important;
  background:var(--surface2)!important;
}
#page-drawing-criteria .vxdc-nav-advanced>span{
  display:block!important;margin:0 0 5px!important;font-size:var(--fs-2)!important;
  line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.045em!important;
  color:var(--text3)!important;
}
#page-drawing-criteria .vxdc-advanced-btn{
  display:block!important;width:100%!important;min-height:30px!important;margin:0!important;
  padding:5px 7px!important;border:1px solid var(--border-control)!important;border-radius:2px!important;
  background:var(--surface)!important;color:var(--text2)!important;text-align:left!important;
  font-size:var(--fs-3)!important;cursor:pointer!important;
}
#page-drawing-criteria .vxdc-advanced-btn:hover{
  border-color:var(--accent)!important;color:var(--accent)!important;background:var(--accent-dim2)!important;
}
#page-drawing-criteria .vxdc-advanced-btn.sel{
  border-color:var(--accent)!important;background:var(--accent-light)!important;color:var(--accent)!important;
}

#page-drawing-criteria .vxdc-detail{
  min-width:0!important;min-height:0!important;height:100%!important;overflow:auto!important;
  border:0!important;border-radius:0!important;background:var(--surface)!important;box-shadow:none!important;
}
#page-drawing-criteria .vxdc-dhd{
  position:sticky!important;top:0!important;z-index:6!important;display:flex!important;align-items:flex-start!important;
  gap:12px!important;min-height:62px!important;padding:10px 14px!important;
  border-bottom:1px solid var(--border)!important;background:var(--surface)!important;
}
#page-drawing-criteria .vxdc-dhd-b{flex:1!important;min-width:0!important;}
#page-drawing-criteria .vxdc-dtitle{font-size:var(--fs-5)!important;font-weight:500!important;color:var(--text)!important;}
#page-drawing-criteria .vxdc-dwhy{margin-top:3px!important;max-width:86ch!important;font-size:var(--fs-3)!important;line-height:var(--lh-tight,1.3)!important;color:var(--text2)!important;}
#page-drawing-criteria .vxdc-chip{
  padding:2px 6px!important;border-radius:2px!important;font-size:var(--fs-2)!important;font-weight:500!important;white-space:nowrap!important;
}
#page-drawing-criteria .vxdc-body{padding:12px 14px 0!important;border:0!important;}
#page-drawing-criteria .vxdc-inh{
  margin:0 0 10px!important;padding:8px 0!important;border:0!important;border-top:1px solid var(--border)!important;
  border-bottom:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#page-drawing-criteria .vxdc-inh.chg{background:var(--accent-dim2)!important;}
#page-drawing-criteria .vxdc-inh-h{font-size:var(--fs-3)!important;font-weight:500!important;color:var(--text)!important;}
#page-drawing-criteria .vxdc-note,
#page-drawing-criteria .vxdc-empty,
#page-drawing-criteria .vxdc-quiet,
#page-drawing-criteria .vxdc-ev{
  font-size:var(--fs-3)!important;line-height:var(--lh-body,1.55)!important;color:var(--text2)!important;
}
#page-drawing-criteria .vxdc-note{margin-top:8px!important;max-width:86ch!important;padding:0!important;border:0!important;background:transparent!important;}
#page-drawing-criteria .vxdc-card,
#page-drawing-criteria .vxdc-fpp{
  margin:0 0 10px!important;padding:10px 0!important;border:0!important;border-bottom:1px solid var(--border)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#page-drawing-criteria .vxdc-lvlhd{margin:14px 0 7px!important;font-size:var(--fs-4)!important;font-weight:500!important;}
#page-drawing-criteria .vxdc-colhd{font-size:var(--fs-3)!important;font-weight:500!important;color:var(--text2)!important;}
#page-drawing-criteria .vxdc-tag,
#page-drawing-criteria .vxdc-lvl{font-size:var(--fs-2)!important;border-radius:8px!important;}
#page-drawing-criteria .vxdc-opt,
#page-drawing-criteria .vxdc-row,
#page-drawing-criteria .vxdc-lbl,
#page-drawing-criteria .vxdc-inline{font-size:var(--fs-4)!important;}
#page-drawing-criteria .vxdc-opt{padding:7px 0!important;}
#page-drawing-criteria .vxdc-row{padding:6px 0!important;}
#page-drawing-criteria .vxdc-row select,
#page-drawing-criteria .vxdc-row input,
#page-drawing-criteria .vxdc-moveas select{
  min-height:32px!important;padding:5px 8px!important;border:1px solid var(--border-control)!important;border-radius:2px!important;
  background:var(--surface)!important;color:var(--text)!important;font-size:var(--fs-4)!important;
}
#page-drawing-criteria .vxdc-actions{
  position:sticky!important;bottom:0!important;z-index:7!important;display:flex!important;align-items:center!important;
  gap:8px!important;margin:12px -14px 0!important;padding:9px 14px!important;
  border:0!important;border-top:1px solid var(--border2)!important;border-radius:0!important;
  background:var(--surface)!important;box-shadow:none!important;
}
#page-drawing-criteria .vxdc-actions .btn{border-radius:2px!important;box-shadow:none!important;font-size:var(--fs-3)!important;}

/* Tables use the same engineering-grid density as Results. */
#page-drawing-criteria .vx-tablewrap{
  overflow:auto!important;border:1px solid var(--border)!important;border-radius:0!important;background:var(--surface)!important;
}
#page-drawing-criteria .vxdc-tbl{width:100%!important;border-collapse:collapse!important;font-size:var(--fs-4)!important;}
#page-drawing-criteria .vxdc-tbl th{
  height:40px!important;padding:7px 9px!important;border-bottom:1px solid var(--border2)!important;
  background:var(--surface2)!important;font-size:var(--fs-4)!important;font-weight:500!important;color:var(--text)!important;text-align:left!important;
}
#page-drawing-criteria .vxdc-tbl td{
  min-height:42px!important;padding:7px 9px!important;border-bottom:1px solid var(--border)!important;
  vertical-align:top!important;font-size:var(--fs-4)!important;color:var(--text2)!important;
}
#page-drawing-criteria .vxdc-tbl code{
  padding:2px 5px!important;border:1px solid var(--border)!important;border-radius:2px!important;
  background:var(--surface2)!important;color:var(--text)!important;font:500 var(--fs-4)/1.3 var(--font-mono)!important;
}
#page-drawing-criteria .vxdc-ex{font:400 var(--fs-4)/1.4 var(--font-mono)!important;color:var(--text2)!important;}
#page-drawing-criteria .vxdc-mcount{font-size:var(--fs-4)!important;font-weight:500!important;}
#page-drawing-criteria .vxdc-part{
  display:grid!important;grid-template-columns:minmax(100px,auto) minmax(0,1fr) auto!important;
  gap:4px 14px!important;align-items:baseline!important;padding:4px 0!important;
  border:0!important;border-radius:0!important;background:transparent!important;font-size:var(--fs-3)!important;
}
#page-drawing-criteria .vxdc-pname{font-weight:500!important;color:var(--text)!important;}
#page-drawing-criteria .vxdc-find{font-size:var(--fs-3)!important;line-height:1.45!important;}
#page-drawing-criteria .vxdc-warn{font-size:var(--fs-2)!important;color:var(--amber-on-tint)!important;}

/* Bottom progression row. */
#page-drawing-criteria .vxdc-next{
  flex:0 0 50px!important;min-height:50px!important;margin:0!important;padding:7px 12px!important;
  border:0!important;border-top:1px solid var(--border2)!important;border-radius:0!important;
  background:var(--surface)!important;box-shadow:none!important;
}
#page-drawing-criteria .vxdc-next-k{font-size:var(--fs-2)!important;text-transform:uppercase!important;letter-spacing:.045em!important;color:var(--text3)!important;}
#page-drawing-criteria .vxdc-next-m{font-size:var(--fs-3)!important;color:var(--text2)!important;}

/* Right context inspector. */
#page-drawing-criteria .vxw-criteria-inspector{
  position:relative!important;top:auto!important;display:flex!important;flex-direction:column!important;
  width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
  border:0!important;border-radius:0!important;background:var(--surface)!important;box-shadow:none!important;overflow:hidden!important;
}
#page-drawing-criteria .vxw-criteria-inspector-head{
  flex:0 0 49px!important;display:flex!important;align-items:center!important;padding:8px 12px!important;
  border-bottom:1px solid var(--border)!important;background:var(--surface)!important;
}
#page-drawing-criteria .vxw-criteria-inspector-head strong{display:block!important;font-size:var(--fs-4)!important;font-weight:500!important;color:var(--text)!important;}
#page-drawing-criteria .vxw-criteria-inspector-head span{display:block!important;margin-top:1px!important;font-size:var(--fs-2)!important;color:var(--text3)!important;}
#page-drawing-criteria .vxw-criteria-tabs{
  flex:0 0 40px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;
  border-bottom:1px solid var(--border)!important;background:var(--surface)!important;
}
#page-drawing-criteria .vxw-criteria-tabs button{
  position:relative!important;min-width:0!important;border:0!important;border-right:1px solid var(--border)!important;
  border-bottom:2px solid transparent!important;background:var(--surface)!important;color:var(--text2)!important;
  font-size:var(--fs-3)!important;font-weight:400!important;cursor:pointer!important;
}
#page-drawing-criteria .vxw-criteria-tabs button:last-child{border-right:0!important;}
#page-drawing-criteria .vxw-criteria-tabs button.active{color:var(--accent)!important;border-bottom-color:var(--accent)!important;background:var(--accent-dim2)!important;}
#page-drawing-criteria .vxw-criteria-tabs b{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:17px!important;height:17px!important;
  margin-left:4px!important;padding:0 4px!important;border-radius:9px!important;background:var(--amber-light)!important;
  color:var(--amber-on-tint)!important;font-size:var(--fs-2)!important;font-weight:500!important;
}
#page-drawing-criteria .vxw-criteria-inspector-scroll{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;}
#page-drawing-criteria .vxw-criteria-pane{padding:11px 12px!important;}
#page-drawing-criteria .vxw-criteria-inspector-title{
  margin:0 0 8px!important;font-size:var(--fs-2)!important;font-weight:500!important;
  text-transform:uppercase!important;letter-spacing:.055em!important;color:var(--text3)!important;
}
#page-drawing-criteria .vxw-criteria-pane-intro{padding:0 0 10px!important;border-bottom:1px solid var(--border)!important;}
#page-drawing-criteria .vxw-criteria-pane-intro strong{display:block!important;font-size:var(--fs-4)!important;font-weight:500!important;color:var(--text)!important;}
#page-drawing-criteria .vxw-criteria-pane-intro span{display:block!important;margin-top:3px!important;font-size:var(--fs-3)!important;line-height:1.45!important;color:var(--text2)!important;}
#page-drawing-criteria .vxw-criteria-facts{margin:0!important;}
#page-drawing-criteria .vxw-criteria-facts>div{
  display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:8px!important;
  padding:8px 0!important;border-bottom:1px solid var(--border)!important;
}
#page-drawing-criteria .vxw-criteria-facts dt{font-size:var(--fs-2)!important;color:var(--text3)!important;}
#page-drawing-criteria .vxw-criteria-facts dd{margin:0!important;font-size:var(--fs-3)!important;color:var(--text)!important;text-align:right!important;word-break:break-word!important;}
#page-drawing-criteria .vxw-criteria-pane-note{
  padding:10px 0!important;font-size:var(--fs-3)!important;line-height:1.5!important;color:var(--text2)!important;
}
#page-drawing-criteria .vxw-criteria-link,
#page-drawing-criteria .vxw-criteria-dep-actions button,
#page-drawing-criteria .vxw-criteria-issue-actions button,
#page-drawing-criteria .vxw-criteria-dict-action button{
  min-height:29px!important;padding:5px 8px!important;border:1px solid var(--border-control)!important;border-radius:2px!important;
  background:var(--surface)!important;color:var(--text2)!important;font-size:var(--fs-3)!important;font-weight:400!important;cursor:pointer!important;
}
#page-drawing-criteria .vxw-criteria-link:hover,
#page-drawing-criteria .vxw-criteria-dep-actions button:hover,
#page-drawing-criteria .vxw-criteria-issue-actions button:hover,
#page-drawing-criteria .vxw-criteria-dict-action button:hover{
  border-color:var(--accent)!important;color:var(--accent)!important;background:var(--accent-dim2)!important;
}
#page-drawing-criteria .vxw-criteria-dep-row{
  display:grid!important;grid-template-columns:9px minmax(0,1fr)!important;gap:8px!important;
  padding:9px 0!important;border-bottom:1px solid var(--border)!important;
}
#page-drawing-criteria .vxw-criteria-dep-dot{width:6px!important;height:6px!important;margin-top:5px!important;border-radius:50%!important;background:var(--text3)!important;}
#page-drawing-criteria .vxw-criteria-dep-dot.ok{background:var(--green)!important;}
#page-drawing-criteria .vxw-criteria-dep-row strong{display:block!important;font-size:var(--fs-3)!important;color:var(--text)!important;}
#page-drawing-criteria .vxw-criteria-dep-row span{display:block!important;margin-top:2px!important;font-size:var(--fs-3)!important;color:var(--text2)!important;}
#page-drawing-criteria .vxw-criteria-dep-row small{display:block!important;margin-top:2px!important;font-size:var(--fs-2)!important;line-height:1.4!important;color:var(--text3)!important;}
#page-drawing-criteria .vxw-criteria-dep-actions{display:flex!important;gap:6px!important;margin-top:9px!important;}
#page-drawing-criteria .vxw-criteria-advanced{margin-top:14px!important;padding-top:11px!important;border-top:1px solid var(--border)!important;}
#page-drawing-criteria .vxw-criteria-advanced p{font-size:var(--fs-3)!important;line-height:1.45!important;color:var(--text2)!important;}
#page-drawing-criteria .vxw-criteria-inspector-footer{
  flex:0 0 auto!important;padding:8px 10px!important;border-top:1px solid var(--border)!important;
  background:var(--surface2)!important;font-size:var(--fs-2)!important;line-height:1.35!important;color:var(--text3)!important;
}

/* Issue register: count and visible items are the same collection. */
#page-drawing-criteria .vxw-criteria-clean{padding:10px 0!important;border-bottom:1px solid var(--border)!important;}
#page-drawing-criteria .vxw-criteria-clean strong{display:block!important;font-size:var(--fs-4)!important;color:var(--text)!important;}
#page-drawing-criteria .vxw-criteria-clean span{display:block!important;margin-top:3px!important;font-size:var(--fs-3)!important;line-height:1.45!important;color:var(--text2)!important;}
#page-drawing-criteria .vxw-criteria-issue-summary{padding:0 0 10px!important;border-bottom:1px solid var(--border)!important;}
#page-drawing-criteria .vxw-criteria-issue-summary strong{display:block!important;font-size:var(--fs-4)!important;font-weight:500!important;color:var(--amber-on-tint)!important;}
#page-drawing-criteria .vxw-criteria-issue-summary span{display:block!important;margin-top:3px!important;font-size:var(--fs-3)!important;line-height:1.45!important;color:var(--text2)!important;}
#page-drawing-criteria .vxw-criteria-issue-detail{
  padding:11px 0!important;border-bottom:1px solid var(--border)!important;background:var(--surface)!important;
}
#page-drawing-criteria .vxw-criteria-issue-position{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
#page-drawing-criteria .vxw-criteria-issue-position>span{font-size:var(--fs-2)!important;text-transform:uppercase!important;letter-spacing:.045em!important;color:var(--text3)!important;}
#page-drawing-criteria .vxw-criteria-issue-position>div{display:flex!important;gap:4px!important;}
#page-drawing-criteria .vxw-criteria-issue-position button{
  min-height:26px!important;padding:3px 7px!important;border:1px solid var(--border-control)!important;border-radius:2px!important;
  background:var(--surface)!important;color:var(--text2)!important;font-size:var(--fs-2)!important;cursor:pointer!important;
}
#page-drawing-criteria .vxw-criteria-issue-position button:disabled{opacity:.38!important;cursor:default!important;}
#page-drawing-criteria .vxw-criteria-issue-type{
  margin-top:9px!important;font-size:var(--fs-2)!important;font-weight:500!important;text-transform:uppercase!important;
  letter-spacing:.045em!important;color:var(--amber-on-tint)!important;
}
#page-drawing-criteria .vxw-criteria-issue-tag{
  display:block!important;margin-top:2px!important;font:500 var(--fs-5)/1.3 var(--font-mono)!important;color:var(--text)!important;
}
#page-drawing-criteria .vxw-criteria-issue-detail p{
  margin:6px 0 0!important;font-size:var(--fs-3)!important;line-height:1.48!important;color:var(--text2)!important;
}
#page-drawing-criteria .vxw-criteria-issue-rulepair{margin:8px 0 0!important;}
#page-drawing-criteria .vxw-criteria-issue-rulepair>div{
  display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:8px!important;padding:5px 0!important;
  border-top:1px solid var(--border)!important;
}
#page-drawing-criteria .vxw-criteria-issue-rulepair dt{font-size:var(--fs-2)!important;color:var(--text3)!important;}
#page-drawing-criteria .vxw-criteria-issue-rulepair dd{margin:0!important;font-size:var(--fs-3)!important;color:var(--text)!important;}
#page-drawing-criteria .vxw-criteria-failures{margin-top:8px!important;border-top:1px solid var(--border)!important;}
#page-drawing-criteria .vxw-criteria-failures>div{padding:6px 0!important;border-bottom:1px solid var(--border)!important;}
#page-drawing-criteria .vxw-criteria-failures strong{display:block!important;font-size:var(--fs-3)!important;color:var(--text)!important;}
#page-drawing-criteria .vxw-criteria-failures span{display:block!important;margin-top:1px!important;font-size:var(--fs-2)!important;color:var(--text3)!important;}
#page-drawing-criteria .vxw-criteria-issue-actions{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:9px!important;}
#page-drawing-criteria .vxw-criteria-register-head,
#page-drawing-criteria .vxw-criteria-mitigation-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  padding:10px 0 6px!important;
}
#page-drawing-criteria .vxw-criteria-register-head strong,
#page-drawing-criteria .vxw-criteria-mitigation-head strong{font-size:var(--fs-3)!important;font-weight:500!important;color:var(--text)!important;}
#page-drawing-criteria .vxw-criteria-register-head span,
#page-drawing-criteria .vxw-criteria-mitigation-head span{font-size:var(--fs-2)!important;color:var(--text3)!important;}
#page-drawing-criteria .vxw-criteria-issue-register{
  max-height:270px!important;overflow:auto!important;border-top:1px solid var(--border)!important;
  border-bottom:1px solid var(--border)!important;background:var(--surface)!important;
}
#page-drawing-criteria .vxw-criteria-issue-row{
  display:grid!important;grid-template-columns:25px minmax(0,1fr) 12px!important;align-items:center!important;
  gap:7px!important;width:100%!important;min-height:46px!important;padding:6px 5px!important;
  border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;
  background:var(--surface)!important;color:var(--text2)!important;text-align:left!important;cursor:pointer!important;
}
#page-drawing-criteria .vxw-criteria-issue-row:last-child{border-bottom:0!important;}
#page-drawing-criteria .vxw-criteria-issue-row:hover{background:var(--surface2)!important;}
#page-drawing-criteria .vxw-criteria-issue-row.selected{background:var(--accent-light)!important;box-shadow:inset 3px 0 0 var(--accent)!important;}
#page-drawing-criteria .vxw-criteria-issue-row-n{
  display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;
  border:1px solid var(--border-control)!important;border-radius:50%!important;font-size:var(--fs-2)!important;color:var(--text2)!important;background:var(--surface)!important;
}
#page-drawing-criteria .vxw-criteria-issue-row-copy{min-width:0!important;}
#page-drawing-criteria .vxw-criteria-issue-row-copy strong{
  display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font:500 var(--fs-3)/1.3 var(--font-mono)!important;color:var(--text)!important;
}
#page-drawing-criteria .vxw-criteria-issue-row-copy small{
  display:block!important;margin-top:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:var(--fs-2)!important;color:var(--text3)!important;
}
#page-drawing-criteria .vxw-criteria-issue-row-chev{font-size:var(--fs-4)!important;color:var(--text3)!important;}
#page-drawing-criteria .vxw-criteria-dict-action{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  padding:8px 0!important;border-bottom:1px solid var(--border)!important;
}
#page-drawing-criteria .vxw-criteria-dict-action strong{display:block!important;font-size:var(--fs-3)!important;color:var(--text)!important;}
#page-drawing-criteria .vxw-criteria-dict-action span{display:block!important;margin-top:2px!important;font-size:var(--fs-2)!important;color:var(--text3)!important;}

/* No rounded dashboard surfaces inside the Criteria application frame. */
#page-drawing-criteria .vxdc-detail,
#page-drawing-criteria .vxdc-nav,
#page-drawing-criteria .vxdc-grid,
#page-drawing-criteria .vxdc-context,
#page-drawing-criteria .vxdc-next,
#page-drawing-criteria .vxw-criteria-inspector,
#page-drawing-criteria .vx-tablewrap{box-shadow:none!important;}


/* Dark mode must repaint the whole application frame, not only its controls.
   These high-specificity guards deliberately mirror the fixed-frame owners so
   no older light-only presentation layer can leave white panes behind. */
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active>.vxw-stage-head,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vx-flow-bar,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vx-flow-step,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active>.vxw-layout,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxw-main,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxdc,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxdc-context,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxdc-grid,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxdc-detail,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxdc-dhd,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxdc-next,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxw-criteria-inspector,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxw-criteria-inspector-head,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxw-criteria-tabs,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxw-criteria-tabs button,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxw-criteria-pane,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxw-criteria-issue-detail,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxw-criteria-issue-register,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxw-criteria-issue-row,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vx-tablewrap{
  background:var(--surface)!important;color:var(--text)!important;
}
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxdc-nav,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxdc-nav-advanced,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxdc-tbl th,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxw-criteria-inspector-footer{
  background:var(--surface2)!important;
}
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vx-flow-step.current,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxdc-navi.sel,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxdc-advanced-btn.sel,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxw-criteria-tabs button.active,
html[data-theme="dark"] body #app-shell #page-drawing-criteria.vxw-page.active .vxw-criteria-issue-row.selected{
  background:var(--accent-light)!important;
}

/* Compact responsive mode; desktop keeps the three-pane application frame. */
@media(max-width:1180px){
  html body:has(#page-drawing-criteria.vxw-page.active){overflow:auto!important;}
  html body:has(#page-drawing-criteria.vxw-page.active) .vx-page-area,
  html body:has(#page-drawing-criteria.vxw-page.active) .main{height:auto!important;min-height:100vh!important;overflow:visible!important;}
  html body #app-shell #page-drawing-criteria.vxw-page.active{
    position:relative!important;inset:auto!important;height:auto!important;overflow:visible!important;
  }
  html body #page-drawing-criteria.vxw-page.active>.vxw-layout.vxw-criteria-workbench{
    grid-template-columns:1fr!important;height:auto!important;overflow:visible!important;
  }
  #page-drawing-criteria .vxw-main,
  #page-drawing-criteria #drawing-criteria-host,
  #page-drawing-criteria .vxdc,
  #page-drawing-criteria .vxdc-grid,
  #page-drawing-criteria .vxdc-detail,
  #page-drawing-criteria .vxdc-nav,
  #page-drawing-criteria .vxw-criteria-inspector{height:auto!important;overflow:visible!important;}
  #page-drawing-criteria .vxw-criteria-inspector{border-top:1px solid var(--border2)!important;}
}
@media(max-width:820px){
  #page-drawing-criteria .vxdc-context{height:auto!important;grid-template-columns:1fr!important;}
  #page-drawing-criteria .vxdc-context-facts{grid-template-columns:1fr!important;}
  #page-drawing-criteria .vxdc-context-facts>div{padding:5px 0!important;border-left:0!important;border-top:1px solid var(--border)!important;}
  #page-drawing-criteria .vxdc-grid{grid-template-columns:1fr!important;}
  #page-drawing-criteria .vxdc-nav{border-right:0!important;border-bottom:1px solid var(--border)!important;}
  #page-drawing-criteria .vxdc-part{grid-template-columns:1fr!important;}
}