/* Approved B palette. Reversible presentation layer; loaded after all prior styles. */
:root{--canvas:#f5f8fc;--paper:#fff;--sidebar:#f7f9fd;--ink:#10265f;--body:#334766;--muted:#576981;--line:#dce4ef;--accent:#123db5;--accent-hover:#0c2d8b;--accent-soft:#eaf1ff;--brand-green:#57b52c;--brand-green-soft:#eef8e8}
body{background:var(--canvas);color:var(--body)}h1,h2,h3,.wordmark,.mobile-brand{color:var(--ink)}::selection{background:#dce8ff;color:#10265f}*{scrollbar-color:#a6bad9 #f5f8fc}input,textarea{caret-color:var(--accent)}input::placeholder,textarea::placeholder{color:#63738a}input[type=checkbox],input[type=radio],.qce-pair input,.video-filter-options input{accent-color:var(--accent)}
:focus-visible{outline-color:var(--accent)}
.sidebar{background:var(--sidebar);border-color:var(--line)}.workspace-switch{background:#eaf0f9}.workspace-switch .nav-item[aria-current=page],#nav .nav-item[aria-current=page],#nav .subnav a[aria-current=page]{background:#dfeaff;color:#103ca8}.workspace-switch .nav-item[aria-current=page] .nav-count,#nav .nav-item[aria-current=page] .nav-count{color:#103ca8;background:#fff}.avatar,.nav-count{color:#123db5;background:#eaf1ff}.sidebar summary:hover,.subnav a:hover{background:#edf3ff}.brand-area p{color:var(--muted)}
.button.primary,.login-submit{background:var(--accent);color:white;border-color:var(--accent)}.button.primary:hover,.login-submit:hover{background:var(--accent-hover)}.button:not(.primary){color:var(--accent);border-color:#c8d6ef}.button:disabled{cursor:not-allowed;opacity:.48}.text-button,.cell-link{color:var(--accent)}
.main-content>.page-heading,.qc-header{background-image:url('assets/nexus-bluegreen/contours.svg');background-position:right -28px top -100px;background-repeat:no-repeat;background-size:260px 185px}.page-heading h1{font-weight:600}.page-heading>div,.qc-header h1{position:relative}.main-content:has(.home-attention)>.page-heading{min-height:106px;padding:23px 200px 23px 24px;border:1px solid var(--line);border-radius:10px;background:white url('assets/nexus-bluegreen/ribbon.png') no-repeat right 45%;background-size:220px auto;margin-bottom:4px}.main-content:has(.home-attention)>.page-heading h1{font-size:27px}
.section-heading,.platform-table th,.home-attention .section-heading{color:var(--ink)}.task-launchers a:hover{background:var(--accent-soft)}.task-launchers a,.status-card,.panel{border-color:var(--line)}.status-card{border-radius:10px;background:#fff}.status-card h3,.status-card .cell-link{color:var(--ink)}.platform-note:not(.warning){background:#f0f5fd;color:#354e77;border-color:#d8e4f5}.status-ready,.status-found,.status-complete{background:#edf8e6;color:#2b6417}.status-submitted,.status-waiting,.status-processing{background:#eaf1ff;color:#254e97}.status-draft{background:#eef2f8;color:#52617a}
.login-header{height:92px;padding-block:20px}.login-main{min-height:610px;background:#fff url('assets/nexus-bluegreen/contours.svg') no-repeat right top;background-size:340px auto}.nexus-introduction{position:relative;min-height:610px;padding:38px 5vw 390px;justify-content:flex-start;background:white url('assets/nexus-bluegreen/ribbon.png') no-repeat center bottom 6px;background-size:auto 410px;border-color:var(--line)}.nexus-introduction h2{font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.08;letter-spacing:-.035em}.nexus-introduction h2 br{display:none}.nexus-introduction h2 span{display:block;color:var(--accent)}.nexus-introduction>p{font-size:14px;color:var(--muted);margin-top:18px;line-height:1.6;max-width:36ch}.login-form{position:relative;margin-block:40px}.login-form input{background:#fff;border-color:#c9d6e9}.login-footer{min-height:70px;padding-block:16px}.login-footer .corporate img,.sidebar-footer>img{filter:none;opacity:1}
.video-filter-chip{background:#eaf1ff;color:#204785}.video-filter-chip>span:first-child{color:#49627f}.video-filter-options label:hover,.live-video-library .library-item:hover{background:#f2f6fd}.live-video-library .library-item[aria-pressed=true]{background:#eaf1ff;border-color:var(--line)}.live-video-library .library-item strong,.video-detail .video-title{color:var(--ink)}.live-video-library .library-item small{color:var(--muted)}.video-selection-mark{color:var(--accent)}.video-records .video-catalog-count{background:#f5f8fc}.video-poster{background:#f2f6fd}.query-completion{background:var(--accent-soft)}.qce-row-status,#qce-message{color:#285b1b}
@media(min-width:1100px){.main-content:has(.home-attention)>.page-heading{margin:0}.po-cart-aside{border-color:var(--line)}}
@media(max-width:1000px){.nexus-introduction{padding:36px 28px 330px;min-height:560px;background-size:auto 340px}.nexus-introduction h2{font-size:40px}.login-main{min-height:560px}}
@media(max-width:700px){.login-header{height:78px;padding:20px 24px}.login-main{min-height:0;background-size:180px}.nexus-introduction{min-height:285px;padding:24px 24px 185px;background-size:auto 235px;background-position:right -12px bottom -25px}.nexus-introduction h2{font-size:27px;max-width:220px}.nexus-introduction h2 span{margin:0;display:block}.nexus-introduction>p{display:none}.login-form{margin:26px 24px}.login-footer{gap:14px}.main-content:has(.home-attention)>.page-heading{min-height:88px;padding:20px 100px 20px 16px;background-size:140px;background-position:right -28px center}.main-content:has(.home-attention)>.page-heading h1{font-size:24px}.main-content>.page-heading,.qc-header{background-size:150px;background-position:right -35px top -40px}}
/* Keep decoration away from interactive QC view tabs. */
.qc-header{background-image:none}.main-content:has(.home-attention)>.page-heading{background-size:390px auto;background-position:right -70px center}
@media(max-width:700px){.main-content:has(.home-attention)>.page-heading{background-size:210px auto;background-position:right -60px center}}
.ql-empty{background:#fff;color:var(--body);border:1px solid var(--line)}.ql-empty h2{color:var(--ink)}

/* Interaction states · 2026-09-16. Keep brand/success green; controls use blue.
   Scoped to the two bluegreen modes so classic remains a genuine fallback. */
html:is([data-visual="direct"],[data-visual="bluegreen"]){
  --interaction-border:#b9cbed;
  --interaction-surface:#f1f5fd;
  --interaction-disabled:#f0f3f8;
  --interaction-disabled-ink:#64738b;
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{
  outline-color:var(--accent);
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(input:not([type="checkbox"],[type="radio"],[type="range"],[type="file"],[type="button"],[type="submit"],[type="reset"]),select,textarea):focus{
  border-color:var(--accent);
  outline:1px solid var(--accent);
  outline-offset:1px;
  box-shadow:none;
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:var(--accent)}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(.field input,.field select,.field textarea,.search-input,.filter-select){box-shadow:none}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(button,input,select,textarea):disabled{
  cursor:not-allowed;
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(input,select,textarea):disabled{
  background:var(--interaction-disabled);border-color:var(--line);color:var(--interaction-disabled-ink);
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) .button:not(.primary):not(:disabled):hover{
  background:var(--accent-soft);border-color:var(--interaction-border);color:var(--accent);
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) .button.primary:not(:disabled):hover{
  background:var(--accent-hover);border-color:var(--accent-hover);color:white;
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) .button.soft{border-color:var(--interaction-border)}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(.user-menu button,.user-button,.icon-button,.menu-button):not(:disabled):hover{
  background:var(--accent-soft);color:var(--ink);
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(.filter-tab[aria-pressed="true"],.row-select.selected,.equipment-option[aria-pressed="true"],.qc-photo-tabs button[aria-pressed="true"],.portal-options button[aria-pressed="true"]){
  background:var(--accent-soft);border-color:var(--interaction-border);color:var(--accent);
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(.portal-options button,.print-option):not(:disabled):hover{
  background:var(--accent-soft);border-color:var(--interaction-border);
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(.check-field,.ql-row-heading,.qc-photo-tabs button,.user-name,.role-switch){color:var(--body)}

/* Waiting is an informational state, never a success-colored green surface. */
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(.ql-pdf-toolbar,.ql-pdf-surface,.qc-photo-image,.qc-photo-controls pre,.qcg-provenance pre,.qcg-state,.notice){
  background:var(--interaction-surface);color:var(--body);border-color:var(--line);
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) .qcg-state{padding:20px;border-radius:6px}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(.ql-empty,.result-placeholder,.result-stage[aria-busy="true"],#qcg-result[aria-busy="true"]){
  background:var(--interaction-surface);color:var(--body);
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(.status-waiting,.status-processing,.status-pricing,.status-submitted,.status-received){
  background:var(--accent-soft);color:var(--accent);
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(.badge:not([class*="status-"]):not(.complete),.status-draft){
  background:var(--interaction-disabled);color:var(--muted);
}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(#ql-progress,#qc-photo-status,#qce-message,.qce-row-status,.qc-export-toolbar>span){color:var(--body)}
html:is([data-visual="direct"],[data-visual="bluegreen"]) .ql-pdf-surface canvas{box-shadow:0 2px 8px #10265f16}
html:is([data-visual="direct"],[data-visual="bluegreen"]) #qc-photo-frame{border-color:var(--accent);box-shadow:0 0 0 500px #10265f33}
html:is([data-visual="direct"],[data-visual="bluegreen"]) #qc-photo-frame span{background:var(--accent);color:white}
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(.video-placeholder,.video-placeholder small){color:#eaf1ff}
html:is([data-visual="direct"],[data-visual="bluegreen"]) .video-play{background:var(--accent-soft);color:var(--accent)}
html:is([data-visual="direct"],[data-visual="bluegreen"]) .video-player{background:#101b30}

/* Short feedback transitions; no movement of forms, labels or click targets. */
html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(.button,.workspace-select-trigger,.workspace-select-option,.field input,.field textarea,.filter-select,.search-input){
  transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out;
}
@media(prefers-reduced-motion:reduce){
  html:is([data-visual="direct"],[data-visual="bluegreen"]) :is(.button,.workspace-select-trigger,.workspace-select-option,.field input,.field textarea,.filter-select,.search-input){transition:none}
}

html:is([data-visual="direct"],[data-visual="bluegreen"]) .portal-options button[aria-pressed="true"] strong{color:var(--accent)}