/* Veridex Extraction Workspace v2
 * Presentation-only layer for the approved Extraction journey.
 * Existing pages/controllers remain authoritative; this file only composes
 * them into one coherent workspace and does not change extraction semantics.
 */

/* Brand legibility: the approved intelligence message must be readable. */
.vx2-brand-tag{font-size:9.5px!important;opacity:.92!important;letter-spacing:.02em!important;}
.vx-brand-tag{font-size:10px!important;opacity:.82!important;color:rgba(255,255,255,.78)!important;line-height:1.35!important;letter-spacing:.035em!important;}

/* Shared Extraction page canvas */
.page.vxw-page{max-width:none!important;padding:18px 26px 38px!important;background:#f7f9fc!important;}
[data-theme="dark"] .page.vxw-page{background:var(--surface0,#0f1724)!important;}
.page.vxw-page>.page-header{display:none!important;}

.vxw-stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 auto 14px;max-width:1480px;}
.vxw-stage-copy{min-width:0;}
.vxw-breadcrumb{font-size:18px;color:var(--text);letter-spacing:0;margin-bottom:2px;font-weight:700;}
.vxw-breadcrumb::first-letter{text-transform:uppercase;}
.vxw-stage-title{display:none;}
.vxw-stage-sub{font-size:12.5px;line-height:1.45;color:var(--text2);margin-top:2px;max-width:760px;}
.vxw-stage-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;justify-content:flex-end;padding-top:1px;color:var(--text2);font-size:10.5px;}
.vxw-chip{display:inline-flex;align-items:center;gap:6px;min-height:auto;padding:0;border:0;border-radius:0;background:transparent;font-size:10.5px;color:var(--text2);white-space:nowrap;}
.vxw-chip+.vxw-chip{padding-left:13px;border-left:1px solid var(--border);}
.vxw-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:none;}

/* Five visible destinations; backend may keep additional checks/actions. */
.vxw-page .vx-flow{margin:0 auto 16px!important;max-width:1480px;}
.vxw-page .vx-flow-bar{border-radius:8px!important;box-shadow:none!important;border:1px solid #dfe6ef!important;background:#fff!important;overflow:hidden;}
[data-theme="dark"] .vxw-page .vx-flow-bar{background:var(--surface)!important;border-color:var(--border)!important;}
.vxw-page .vx-flow-step{padding:11px 14px!important;min-height:60px;border-right:1px solid #e5ebf2!important;position:relative;}
.vxw-page .vx-flow-step:last-child{border-right:0!important;}
.vxw-page .vx-flow-step.current{background:#edf4ff!important;}
[data-theme="dark"] .vxw-page .vx-flow-step.current{background:rgba(23,105,255,.12)!important;}
.vxw-page .vx-flow-num{width:28px;min-width:28px!important;height:28px!important;border-radius:50%!important;padding:0!important;background:#fff!important;border:1px solid #aebbd0!important;color:#20314e!important;box-shadow:none!important;}
.vxw-page .vx-flow-step.current .vx-flow-num{background:#1769ff!important;border-color:#1769ff!important;color:#fff!important;}
.vxw-page .vx-flow-step.done .vx-flow-num{background:#fff!important;border-color:#1769ff!important;color:#1769ff!important;}
.vxw-page .vx-flow-title{font-size:11px!important;font-weight:650!important;color:var(--text)!important;}
.vxw-page .vx-flow-sub{font-size:9.5px!important;margin-top:2px;color:var(--text2)!important;}

/* Shared stage composition */
.vxw-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start;max-width:1480px;margin-left:auto;margin-right:auto;}
.vxw-main{min-width:0;width:100%;}
.vxw-guide{position:sticky;top:70px;border:1px solid #dfe6ef;border-radius:8px;background:#fff;box-shadow:none;overflow:hidden;}
[data-theme="dark"] .vxw-guide{background:var(--surface);border-color:var(--border);}
.vxw-guide-head{padding:14px 15px 12px;border-bottom:1px solid #e7ecf3;display:block;}
.vxw-guide-icon{display:none;}
.vxw-guide-title{font-size:12px;font-weight:700;color:var(--text);}
.vxw-guide-kicker{font-size:9px;color:#61708a;text-transform:uppercase;letter-spacing:.08em;margin-top:2px;}
.vxw-guide-body{padding:13px 15px 15px;}
.vxw-guide-copy{font-size:11.5px;line-height:1.55;color:var(--text2);margin-bottom:12px;}
.vxw-guide-list{display:flex;flex-direction:column;gap:0;margin:0 0 12px;padding:0;list-style:none;border-top:1px solid var(--border);}
.vxw-guide-list li{position:relative;padding:9px 0 9px 20px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;font-size:10.8px;line-height:1.42;color:var(--text2);}
.vxw-guide-list li:before{content:'✓';position:absolute;left:0;top:9px;color:var(--green);font-weight:700;}
.vxw-guide-note{padding:10px 0;border-radius:0;border-top:1px solid var(--border);background:transparent;color:var(--text2);font-size:10.5px;line-height:1.5;margin-bottom:12px;}
.vxw-guide-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;padding-top:2px;}
.vxw-guide-actions .btn{font-size:10.5px!important;border-radius:4px!important;box-shadow:none!important;}

/* Survey / Prepare */
#page-drawing-survey.vxw-page #drawing-survey-host{min-width:0;width:100%;}
#page-drawing-survey.vxw-page .vxs-intro{margin:0!important;padding:18px 18px 16px!important;max-width:none!important;width:100%;box-sizing:border-box;border:1px solid #dfe6ef;border-radius:8px;background:#fff;box-shadow:none;}
[data-theme="dark"] #page-drawing-survey.vxw-page .vxs-intro{background:var(--surface);border-color:var(--border);}
#page-drawing-survey.vxw-page .vxs-intro>p:first-child{font-size:14px;line-height:1.5;margin-top:0;color:var(--text);max-width:940px;}
#page-drawing-survey.vxw-page .vxs-intro .vxs-fine{font-size:11px!important;line-height:1.56!important;color:var(--text2)!important;max-width:1000px;}
#page-drawing-survey.vxw-page .vxs-intro .btn{margin-top:5px;border-radius:4px!important;box-shadow:none!important;}
#page-drawing-survey.vxw-page .vxs-reread,
#page-drawing-survey.vxw-page .vxs-reread-box{border-radius:5px!important;background:#f8fafc!important;border:1px solid #dfe6ef!important;max-width:560px!important;padding:10px 12px!important;box-shadow:none!important;}
[data-theme="dark"] #page-drawing-survey.vxw-page .vxs-reread,
[data-theme="dark"] #page-drawing-survey.vxw-page .vxs-reread-box{background:var(--surface2)!important;border-color:var(--border)!important;}
#page-drawing-survey.vxw-page .vxs-reread-t{font-family:var(--font-body,inherit)!important;font-size:11px!important;letter-spacing:.01em!important;}
#page-drawing-survey.vxw-page .vxs-reread-f{font-family:var(--font-body,inherit)!important;font-size:10.5px!important;line-height:1.45!important;letter-spacing:0!important;text-transform:none!important;color:var(--text2)!important;}
#page-drawing-survey.vxw-page .vxs-runs{max-width:none!important;width:100%;margin-top:16px!important;}
#page-drawing-survey.vxw-page .vxs-runs-h{font-family:var(--font-body,inherit)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--text)!important;margin-bottom:7px!important;}
#page-drawing-survey.vxw-page .vx-tablewrap{border-radius:6px!important;overflow:auto!important;border:1px solid var(--border)!important;background:var(--surface)!important;box-shadow:none!important;}
#page-drawing-survey.vxw-page .vxs-tbl thead th{background:#f6f8fb!important;}
[data-theme="dark"] #page-drawing-survey.vxw-page .vxs-tbl thead th{background:var(--surface2)!important;}

/* Hero faithfully follows the approved mockup: engineering montage fades into
   the product statement, then into a restrained quote panel. */
.vxw-survey-hero{position:relative;display:grid;grid-template-columns:390px minmax(0,1fr) 230px;gap:26px;align-items:center;min-height:174px;padding:0 18px 0 0;max-width:1480px;margin:0 auto 16px;border:1px solid #d8e4f2;border-radius:8px;background:#f9fbfe;overflow:hidden;box-shadow:none;}
[data-theme="dark"] .vxw-survey-hero{background:var(--surface);border-color:var(--border);}
.vxw-survey-hero::before{content:'';align-self:stretch;min-height:174px;background-image:linear-gradient(90deg,rgba(8,40,75,0) 70%,#f9fbfe 100%),url('assets/extraction-survey-hero.jpg');background-size:cover,cover;background-position:center,center;background-repeat:no-repeat;}
[data-theme="dark"] .vxw-survey-hero::before{opacity:.68;filter:saturate(.8) brightness(.75);background-image:linear-gradient(90deg,rgba(8,40,75,0) 70%,var(--surface) 100%),url('assets/extraction-survey-hero.jpg');}
.vxw-survey-hero>div:first-child{position:relative;z-index:1;padding:18px 0;}
.vxw-survey-hero h2{margin:0;font:700 20px/1.22 var(--font-head,inherit);color:#0d2b50;letter-spacing:-.02em;}
[data-theme="dark"] .vxw-survey-hero h2{color:var(--text);}
.vxw-survey-hero p{margin:7px 0 0;max-width:650px;font-size:12px;line-height:1.55;color:#4b5d78;}
[data-theme="dark"] .vxw-survey-hero p{color:var(--text2);}
.vxw-hero-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:17px;}
.vxw-hero-point{display:block;padding:0;border:0;border-radius:0;background:transparent;font-size:10px;line-height:1.35;color:#60708a;}
.vxw-hero-point::first-line{font-weight:700;color:#17375f;}
[data-theme="dark"] .vxw-hero-point{color:var(--text2);}
.vxw-hero-quote{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:22px 18px;border:0;border-radius:6px;background:#eef4fd;font-size:15px;line-height:1.45;color:#12345e;}
.vxw-hero-quote:after{content:'';display:block;width:34px;height:3px;margin-top:18px;background:#1769ff;}
[data-theme="dark"] .vxw-hero-quote{background:rgba(23,105,255,.10);color:var(--text);}

/* The source surface reads like engineering software, not an AI assistant. */
#page-drawing-survey.vxw-page .vxw-main{display:flex;flex-direction:column;gap:0;}
#page-drawing-survey.vxw-page .vxs-intro{min-height:250px;}
#page-drawing-survey.vxw-page .vxs-intro .btn:not(.ghost){background:#fff!important;color:#16355c!important;border:1px solid #9fb0c7!important;}
#page-drawing-survey.vxw-page .vxs-intro .btn:not(.ghost):hover{border-color:#1769ff!important;color:#1769ff!important;background:#f7faff!important;}

/* Criteria: preserve the proven master/detail editor, but make it read as the
   same workspace rather than a separate application. */
#page-drawing-criteria.vxw-page #drawing-criteria-host{min-width:0;}
#page-drawing-criteria.vxw-page #drawing-criteria-host>div:first-child{border-radius:8px;}
#page-drawing-criteria.vxw-page .vxdc-part,
#page-drawing-criteria.vxw-page .vxdc-card{border-radius:6px!important;}

/* Upload / Scan */
#page-upload.vxw-page #upload-drawing-flow{display:none!important;}
#page-upload.vxw-page .upload-kind-project{margin-left:auto;}
#page-upload.vxw-page>.vxw-layout .card{border-radius:6px;}
#page-upload.vxw-page .upload-split{gap:16px!important;}
#page-upload.vxw-page .upload-side,
#page-upload.vxw-page .upload-main{border-radius:6px;}
#page-upload.vxw-page .drop-zone{border-radius:6px!important;background:var(--surface)!important;}

/* Results / Review get the same page framing; their internal redesign remains
   authoritative and is not duplicated here. */
#page-results.vxw-page .profile-select-row,
#page-review.vxw-page .rv-topbar{border-radius:6px;}

/* Drawer readability and density */
.vx-panel .vx-brand{padding-bottom:15px!important;}
.vx-panel .vx-brand-tag{max-width:190px;white-space:normal!important;}
.vx-panel .vx-page-btn{font-size:11px!important;}

@media (max-width:1280px){
  .vxw-survey-hero{grid-template-columns:330px minmax(0,1fr) 210px;gap:20px;}
}
@media (max-width:1180px){
  .vxw-layout{grid-template-columns:1fr;}
  .vxw-guide{position:static;}
  .vxw-survey-hero{grid-template-columns:320px minmax(0,1fr);padding-right:16px;}
  .vxw-hero-quote{display:none;}
}
@media (max-width:760px){
  .page.vxw-page{padding:16px 12px 28px!important;}
  .vxw-stage-head{display:block;}
  .vxw-stage-meta{justify-content:flex-start;margin-top:8px;}
  .vxw-breadcrumb{font-size:17px;}
  .vxw-survey-hero{grid-template-columns:1fr;padding:0;}
  .vxw-survey-hero::before{min-height:150px;}
  .vxw-survey-hero>div:first-child{padding:0 16px 16px;}
  .vxw-hero-points{grid-template-columns:1fr;gap:8px;}
}