/* V12 — clean white field-workspace theme.
   Keeps the V11 dual-OCR and server workflow unchanged. */
:root{
  --w-bg:#f4f7fb;
  --w-bg-soft:#eef3f8;
  --w-panel:#ffffff;
  --w-panel-soft:#f8fafc;
  --w-line:#dbe3ed;
  --w-line-strong:#c8d4e1;
  --w-text:#17243a;
  --w-text-2:#34445c;
  --w-muted:#6b7b90;
  --w-blue:#0a66a3;
  --w-blue-2:#1487c2;
  --w-blue-soft:#eaf5fb;
  --w-blue-pale:#f2f9fd;
  --w-green:#16845e;
  --w-green-soft:#e9f7f1;
  --w-orange:#d86b22;
  --w-orange-soft:#fff3e8;
  --w-red:#b42335;
  --w-red-soft:#fff0f2;
  --w-violet:#7259bb;
  --w-violet-soft:#f0edfb;
  --w-shadow:0 14px 42px rgba(32,55,82,.08);
  --w-shadow-soft:0 7px 24px rgba(32,55,82,.055);
  --w-radius:18px;
  --w-radius-lg:24px;
}
html{background:var(--w-bg)!important;color-scheme:light!important}
body{background:linear-gradient(180deg,#f9fbfd 0,#f3f6fa 460px,#f4f7fb 100%)!important;color:var(--w-text)!important}
body:before{display:none!important}
*{scrollbar-color:#b9c6d5 #edf2f7}
.eyebrow,.eyebrow.dark{color:var(--w-blue)!important}

/* White application shell */
.metro-topbar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--w-line)!important;color:var(--w-text)!important;box-shadow:0 5px 20px rgba(32,55,82,.035)!important}
.metro-search{background:#f6f8fb!important;border-color:var(--w-line)!important;color:var(--w-muted)!important}
.metro-search input{color:var(--w-text)!important}.metro-search input::placeholder{color:#8b98a9!important}
.desktop-primary{background:#f7f9fb!important;border-color:var(--w-line)!important}.desktop-primary a{color:#596b82!important}.desktop-primary a:hover{background:#eaf3f9!important;color:var(--w-blue)!important}
.account-menu>summary{background:#fff!important;border-color:var(--w-line)!important;color:var(--w-text)!important}.account-menu>summary small{color:var(--w-muted)!important}
.metro-popover,.account-popover{background:#fff!important;border:1px solid var(--w-line)!important;color:var(--w-text)!important;box-shadow:var(--w-shadow)!important}.account-identity{border-color:var(--w-line)!important}.account-identity small,.account-popover small{color:var(--w-muted)!important}.account-popover>a,.account-popover button{color:var(--w-text-2)!important}.account-popover>a:hover,.account-popover button:hover{background:#f2f6fa!important}.access-badges span{background:#eef4f8!important;color:#52667c!important}
.metro-rail{background:#fff!important;border-right:1px solid var(--w-line)!important;box-shadow:5px 0 24px rgba(32,55,82,.035)!important}.metro-rail nav a{color:#7b899b!important}.metro-rail nav a:hover{background:#edf6fb!important;color:var(--w-blue)!important}.metro-rail nav a:nth-child(2){color:var(--w-blue)!important}.rail-logo{background:linear-gradient(145deg,var(--w-blue),var(--w-blue-2))!important;box-shadow:0 10px 24px rgba(10,102,163,.2)!important}
.metro-footer{background:#fff!important;border-color:var(--w-line)!important;color:#7d8998!important}

/* Buttons and alerts */
.button.primary,.touch-primary{background:linear-gradient(135deg,var(--w-blue),var(--w-blue-2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(10,102,163,.18)!important}
.button.ghost{background:#fff!important;color:var(--w-text-2)!important;border-color:var(--w-line)!important}
.button.soft{background:#f3f7fa!important;color:#435871!important;border-color:#d7e1ea!important}
.button.camera{background:linear-gradient(135deg,var(--w-blue),#188fc9)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 9px 20px rgba(10,102,163,.15)!important}
.button.soft.dark{background:#eef3f7!important;color:#31465e!important;border-color:#d5dfe8!important}
.alert.success{background:var(--w-green-soft)!important;color:var(--w-green)!important;border-color:#bfe7d6!important}.alert.error{background:var(--w-red-soft)!important;color:var(--w-red)!important;border-color:#f0c4cb!important}.alert.warning,.alert.notice{background:var(--w-orange-soft)!important;color:#99511f!important;border-color:#f1d2b9!important}

/* Dashboard */
.metro-welcome h1{color:var(--w-text)!important}.metro-welcome p:not(.eyebrow){color:var(--w-muted)!important}
.metro-tile{border:1px solid rgba(20,46,75,.07)!important;box-shadow:var(--w-shadow-soft)!important}.metro-tile:hover{box-shadow:var(--w-shadow)!important}
.tile-blue{background:linear-gradient(145deg,#0a66a3,#168fc5)!important}.tile-orange{background:linear-gradient(145deg,#d96c25,#ee8a43)!important}.tile-pearl{background:linear-gradient(145deg,#fff,#f4f7fa)!important;color:var(--w-text)!important;border-color:var(--w-line)!important}.tile-violet{background:linear-gradient(145deg,#7259bb,#9a83d5)!important}
.metro-summary-strip article{background:#fff!important;border-color:var(--w-line)!important;box-shadow:var(--w-shadow-soft)!important}.metro-summary-strip strong{color:var(--w-text)!important}.metro-summary-strip span{color:var(--w-muted)!important}
.metro-panel{background:#fff!important;border-color:var(--w-line)!important;box-shadow:var(--w-shadow-soft)!important}.metro-panel-head{border-color:var(--w-line)!important}.metro-panel-head h2{color:var(--w-text)!important}.case-search{background:#f6f8fb!important;border-color:var(--w-line)!important;color:var(--w-muted)!important}.case-search input{color:var(--w-text)!important}
.metro-case-row{border-bottom-color:#edf1f5!important;color:#53647a!important}.metro-case-row:hover{background:#f6f9fb!important}.metro-case-row.case-heading{color:#8592a2!important}.metro-case-row b{color:var(--w-text)!important}.metro-case-row small,.metro-case-row time{color:#7d8999!important}.row-arrow{color:#8291a2!important}
.queue-ring:before{background:#fff!important}.queue-ring strong{color:var(--w-text)!important}.queue-ring span{color:var(--w-muted)!important}.queue-facts li{border-color:#edf1f5!important;color:#637287!important}.queue-facts b{color:var(--w-text)!important}.metro-review-action{background:#eef4f8!important;color:var(--w-blue)!important}.metro-account-link{color:var(--w-blue)!important}

/* Investigation header and save state */
.workspace-hero.capture-hero{background:linear-gradient(135deg,#0a5e94 0%,#0a6da9 52%,#168dc1 100%)!important;border:0!important;color:#fff!important;box-shadow:0 16px 38px rgba(10,102,163,.18)!important}
.workspace-hero.capture-hero .eyebrow{color:#ccecf9!important}.workspace-hero.capture-hero p:not(.eyebrow){color:#d9f0f8!important}.workspace-hero.capture-hero .button.ghost{background:rgba(255,255,255,.13)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}.workspace-hero.capture-hero .button.soft{background:rgba(255,255,255,.92)!important;color:#22506b!important;border-color:rgba(255,255,255,.8)!important}
.connection-state{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.26)!important}.connection-state i{background:#8de6c3!important}
.server-save-state{background:rgba(255,255,255,.13)!important;color:#fff!important;border-color:rgba(255,255,255,.27)!important}.server-save-state small{color:#d6edf6!important}.server-save-state>i{background:#83e3bd!important}

/* Background OCR pipeline */
.background-pipeline{background:#fff!important;border-color:var(--w-line)!important;box-shadow:var(--w-shadow-soft)!important}.pipeline-summary b{color:var(--w-text)!important}.pipeline-summary small{color:var(--w-muted)!important}.pipeline-summary>strong{background:var(--w-blue-soft)!important;color:var(--w-blue)!important}.pipeline-pulse{background:var(--w-blue)!important}.pipeline-item{background:#f7f9fc!important;border-color:#e2e8ef!important}.pipeline-item-head b{color:var(--w-text)!important}.pipeline-item-head span,.pipeline-item small{color:var(--w-muted)!important}

/* Form layout */
.investigation-layout{grid-template-columns:255px minmax(0,1fr)!important;gap:18px!important}
.sidebar-card,.section-nav,.panel,.workflow-overview{background:#fff!important;border:1px solid var(--w-line)!important;box-shadow:var(--w-shadow-soft)!important;color:var(--w-text)!important}
.progress-card progress,.capture-summary progress{accent-color:var(--w-blue)!important}.sidebar-card p,.section-nav small{color:var(--w-muted)!important}.section-nav a{color:var(--w-text-2)!important}.section-nav a:hover{background:var(--w-blue-pale)!important;color:var(--w-blue)!important}.section-nav a>span{background:var(--w-blue-soft)!important;color:var(--w-blue)!important}
.capture-launcher{background:linear-gradient(145deg,#0a66a3,#168fc5)!important;color:#fff!important;border:0!important}.capture-launcher p,.capture-launcher small{color:#d7eef7!important}.trust-card li{color:#53657c!important}
.workflow-overview{background:#fff!important}.workflow-overview article{background:transparent!important;border-right-color:#e6ebf1!important}.workflow-overview span{background:var(--w-blue-soft)!important;color:var(--w-blue)!important}.workflow-overview b{color:var(--w-text)!important}.workflow-overview small{color:var(--w-muted)!important}
.form-section,.capture-section{background:#fff!important;color:var(--w-text)!important;border-radius:var(--w-radius-lg)!important;overflow:hidden!important}
.form-section .panel-head,.capture-section .panel-head{background:#f7fafc!important;border-bottom:1px solid var(--w-line)!important;color:var(--w-text)!important}.panel-head h2{color:var(--w-text)!important}.panel-head p{color:var(--w-muted)!important}.section-number{background:var(--w-blue)!important;color:#fff!important;border:0!important;box-shadow:0 7px 16px rgba(10,102,163,.15)!important}
.form-grid{background:#fff!important;padding:20px!important;gap:15px 16px!important}
.touch-field>span:first-child,.field>span:first-child{color:#34465d!important;font-weight:800!important;font-size:11px!important}
.touch-field input,.touch-field select,.touch-field textarea,.field input,.field select,.field textarea{background:#fff!important;color:var(--w-text)!important;border:1px solid var(--w-line-strong)!important;border-radius:10px!important;min-height:45px!important;box-shadow:inset 0 1px 2px rgba(24,44,67,.025)!important}
.touch-field input::placeholder,.touch-field textarea::placeholder{color:#98a4b3!important}.touch-field input:focus,.touch-field select:focus,.touch-field textarea:focus{border-color:var(--w-blue)!important;box-shadow:0 0 0 3px rgba(10,102,163,.1)!important;outline:0!important}
.touch-field.ocr-assisted input,.touch-field.ocr-assisted select,.touch-field.ocr-assisted textarea{background:var(--w-blue-pale)!important;border-color:#bcdcec!important}.touch-field.ocr-assisted>span:first-child:after{content:"  · camera assisted";font-size:8px;font-weight:800;color:var(--w-blue);text-transform:uppercase;letter-spacing:.05em}.field-meta{color:var(--w-muted)!important}.field-meta b{background:var(--w-blue-soft)!important;color:var(--w-blue)!important;border-radius:999px!important;padding:3px 7px!important}.field-meta small{color:var(--w-muted)!important}

/* Capture cards */
.capture-section{background:#fff!important}.capture-category{background:#fff!important}.capture-category-head{border-bottom-color:var(--w-line)!important}.capture-category-head h3{color:var(--w-text)!important}.capture-category-head p{color:var(--w-muted)!important}.capture-category-head>span{background:#eef4f8!important;color:#596c82!important}.category-icon{background:var(--w-blue-soft)!important;color:var(--w-blue)!important}
.capture-card{background:#fff!important;border-color:var(--w-line)!important;box-shadow:var(--w-shadow-soft)!important}.capture-card:hover{border-color:#b7cedd!important}.capture-card.capture-ready{border-color:#8fd4b8!important;box-shadow:0 0 0 3px rgba(22,132,94,.07)!important}.capture-card-head h3{color:var(--w-text)!important}.capture-card-head p,.capture-feedback,.server-check{color:var(--w-muted)!important}.capture-type-icon{background:var(--w-blue-soft)!important;color:var(--w-blue)!important}.capture-type-icon.evidence{background:var(--w-violet-soft)!important;color:var(--w-violet)!important}.capture-count{background:#edf3f7!important;color:#52657b!important}.provider-chip{background:var(--w-blue-soft)!important;color:var(--w-blue)!important;border-color:#c8e3ef!important}.server-preview-strip{border-color:#edf1f5!important}.capture-help{border-top-color:#edf1f5!important}.capture-help summary{color:#52667d!important}.capture-card-checklist{color:#637288!important}
.photo-process-row{background:#f7f9fc!important;border-color:#e2e8ef!important}.ocr-result-row{background:#fff!important;border-color:var(--w-line)!important}.ocr-result-row input{background:#f8fafc!important;border-color:#d7e0e9!important;color:var(--w-text)!important}
.capture-summary{background:#f7fafc!important;border-color:var(--w-line)!important}.capture-summary b{color:var(--w-blue)!important}.capture-summary span,.capture-summary small{color:var(--w-muted)!important}

/* Submission bar */
.submit-bar{background:rgba(255,255,255,.95)!important;border-color:var(--w-line)!important;color:var(--w-text)!important;box-shadow:0 -12px 40px rgba(32,55,82,.08)!important}.submit-state b{color:var(--w-text)!important}.submit-state span{color:var(--w-muted)!important}.submit-icon{background:var(--w-green-soft)!important;color:var(--w-green)!important}

/* Camera remains high contrast but results are clean white */
.camera-dialog{background:#0b1118!important;border-color:#253243!important}.camera-dialog>header{background:#111a24!important;border-color:#283647!important}.camera-stage{background:#000!important}.camera-instructions{background:#101924!important;color:#dce6ef!important}.quality-panel{background:#111a24!important}.quality-panel article{background:#182330!important;border-color:#2d3b4b!important}.live-ocr-panel{background:#fff!important;color:var(--w-text)!important;border-color:var(--w-line)!important}.live-ocr-panel>header{border-color:var(--w-line)!important}.live-ocr-panel>header small{color:var(--w-muted)!important}.live-ocr-field{background:#f8fafc!important;border-color:var(--w-line)!important}.live-ocr-field label{color:var(--w-muted)!important}.live-ocr-field input{background:#fff!important;color:var(--w-text)!important;border-color:var(--w-line-strong)!important}.camera-options{background:#111a24!important;color:#d9e2eb!important}.camera-controls{background:#0d151e!important}.camera-help{background:rgba(6,12,18,.95)!important}.live-ocr-warning{background:var(--w-orange-soft)!important;color:#92521f!important;border-color:#f0d0b7!important}

/* Login */
.metro-login-shell{background:var(--w-bg)!important}.metro-login-brand{background:linear-gradient(145deg,#075b91,#168cc0)!important}.metro-login-access{background:linear-gradient(180deg,#fbfcfd,#f2f6fa)!important}.metro-login-card{background:#fff!important;border-color:var(--w-line)!important;color:var(--w-text)!important;box-shadow:var(--w-shadow)!important}.metro-login-card h2{color:var(--w-text)!important}.metro-login-card .muted{color:var(--w-muted)!important}.metro-login-card .touch-field>span:first-child{color:#3d5067!important}.metro-login-card .touch-field input{background:#fff!important;color:var(--w-text)!important;border-color:var(--w-line-strong)!important}.secret-input button{color:var(--w-blue)!important}.recovery-row{color:var(--w-muted)!important}.recovery-row a{color:var(--w-blue)!important}.demo-access{background:#f7fafc!important;border-color:var(--w-line)!important;color:var(--w-text-2)!important}

/* Admin and review pages */
.account-register,.create-account-panel,.review-card,.source-image,.evidence-grid a{background:#fff!important;border-color:var(--w-line)!important;color:var(--w-text)!important;box-shadow:var(--w-shadow-soft)!important}.account-row{background:#f8fafc!important}.account-row[open]{background:#fff!important;border-color:#cfdce7!important}.account-summary b{color:var(--w-text)!important}.account-summary small{color:var(--w-muted)!important}.role-badge.admin{background:#eaf2fb!important;color:#285886!important}.role-badge.manager{background:#e9f7fa!important;color:#167085!important}.role-badge.employee{background:#f0f3f6!important;color:#53657a!important}.role-badge.viewer{background:#f3eff8!important;color:#70547f!important}

@media(max-width:1180px){.investigation-layout{grid-template-columns:220px minmax(0,1fr)!important}}
@media(max-width:760px){
  body{padding-left:0!important;background:#f5f8fb!important}
  .metro-topbar{background:rgba(255,255,255,.97)!important}
  .metro-bottom-dock{background:rgba(255,255,255,.96)!important;border-color:var(--w-line)!important;box-shadow:0 -10px 34px rgba(32,55,82,.1)!important}.metro-bottom-dock a{color:#7a899a!important}.metro-bottom-dock .dock-primary{background:linear-gradient(145deg,var(--w-blue),var(--w-blue-2))!important;color:#fff!important}
  .workspace-hero.capture-hero{border-radius:18px!important;padding:18px!important}.workspace-hero.capture-hero h1{font-size:27px!important}
  .background-pipeline{top:69px!important;border-radius:16px!important}
  .workflow-sidebar{display:grid!important;grid-template-columns:1fr!important}.section-nav,.trust-card{display:none!important}.progress-card,.capture-launcher{border-radius:16px!important}
  .workflow-overview{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;border-radius:16px!important}.workflow-overview article{min-width:150px!important;scroll-snap-align:start!important}
  .form-section,.capture-section{border-radius:17px!important}.panel-head{padding:14px!important}.form-grid{padding:13px!important;gap:12px!important}.touch-field input,.touch-field select,.touch-field textarea{min-height:48px!important;font-size:16px!important}
  .touch-field.ocr-assisted>span:first-child:after{display:block;margin-top:3px}
  .capture-card{border-radius:15px!important;padding:13px!important}.capture-actions .button{min-height:49px!important}
  .submit-bar{bottom:73px!important;border-radius:17px 17px 0 0!important;padding:11px!important}
  .submit-state{display:none!important}.submit-bar .button{width:100%!important}
}
@media(max-width:430px){
  .page,.wide-page,.investigation-page{width:calc(100% - 14px)!important;padding-top:10px!important}
  .workspace-hero.capture-hero h1{font-size:24px!important}.workspace-hero.capture-hero p:not(.eyebrow){font-size:10px!important}
  .hero-actions{grid-template-columns:1fr!important}.connection-state,.server-save-state{min-height:42px!important}
  .panel-head h2{font-size:16px!important}.form-grid{padding:11px!important}
  .capture-category-head{align-items:flex-start!important}.capture-category-head>span{display:none!important}
}