/* Shared semantic colours for controls, stock screens and dialogs in dark mode. */
@media screen{
 html[data-theme=dark]{color-scheme:dark;--workspace-surface:#172a39;--workspace-soft:#10212e;--workspace-ink:#edf3f8;--workspace-muted:#b9cbd9;--workspace-line:#526d82;--ds-surface:var(--workspace-surface);--ds-canvas:var(--workspace-soft);--ds-ink:var(--workspace-ink);--ds-muted:var(--workspace-muted);--ds-border:var(--workspace-line);--card:var(--workspace-surface);--text:var(--workspace-ink);--muted:var(--workspace-muted);--line:var(--workspace-line)}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox){color:var(--workspace-ink)!important}
 html[data-theme=dark] #modal #modalBox{background:var(--workspace-surface)!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(button,.button){background:#243e52!important;background-image:none!important;color:#edf3f8!important;border:1px solid #6c879c!important;opacity:1;transition-property:transform,box-shadow!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(button,.button):hover:not(:disabled){background:#31546d!important;color:#fff!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(button,.button) :is(span,strong,small,b,i,.ui-icon){color:inherit!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(button.primary,button.danger,.button.primary){background:#b52b3d!important;color:#fff!important;border-color:#f08796!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(button.primary,button.danger):hover:not(:disabled){background:#962135!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(button.active,button[aria-selected=true],button[aria-pressed=true],.v33-day.selected){background:#315974!important;color:#fff!important;border-color:#8bb4d1!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(button:disabled,input:disabled,select:disabled,textarea:disabled){background:#253747!important;color:#b9cbd9!important;-webkit-text-fill-color:#b9cbd9!important;border-color:#607a90!important;opacity:1!important;cursor:not-allowed}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#10212e!important;background-image:none!important;color:#edf3f8!important;-webkit-text-fill-color:#edf3f8!important;border-color:#6c879c!important;caret-color:#fff;transition-property:border-color,box-shadow!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(input,textarea)::placeholder{color:#b1c4d4!important;-webkit-text-fill-color:#b1c4d4!important;opacity:1}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(option,optgroup){background:#172a39;color:#edf3f8}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(label,legend,.field>label){color:#edf3f8!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(h1,h2,h3,h4){color:#f3f7fa!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(.muted,.eyebrow,.batch-balance,.inventory-quantity-note,.required-note,.ux-priority small,.op-table small){color:#b9cbd9!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(.card,.op-card,.batch-line,.batch-review,.uw-tools,.uw-request-card,.ux-report-panel,.inventory-group,.tablewrap,.required-note){background:#172a39!important;background-image:none!important;color:#edf3f8!important;border-color:#526d82!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(.actions-sticky,.modal-actions,form>.actions:last-child){background:#172a39!important;border-color:#526d82!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(th,.inventory-group-heading){background:#213a4d!important;color:#d4e2ec!important;border-color:#526d82!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) td{background:transparent!important;color:#edf3f8!important;border-color:#3d566b!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) tbody tr:hover{background:#253f53!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(.notice,.notice.info){background:#19394d!important;border-color:#6c9fbe!important;color:#d7edff!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(.notice.success,.IN-STOCK,.status-approved){background:#183c31!important;border-color:#579e7d!important;color:#b7f2d2!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(.notice.warning,.LOW-STOCK,.status-pending){background:#42341d!important;border-color:#b59448!important;color:#ffe0a0!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(.notice.error,.OUT-OF-STOCK,.status-rejected){background:#482631!important;border-color:#d18494!important;color:#ffd5dc!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(.req,.ux-field-error){color:#ffb6c1!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) a:not(.button){color:#9bd5ff!important;text-decoration:underline;text-underline-offset:3px}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) :is(button,input,select,textarea,a,summary):focus-visible{outline:3px solid #ffd477!important;outline-offset:3px!important}
 html[data-theme=dark] #appShell :is(#menuBtn,#sideClose){color:#fff!important}
 html[data-theme=dark] #appShell #notifMenu{background:#172a39!important;color:#edf3f8!important;border-color:#526d82!important}
 html[data-theme=dark] #appShell #notifMenu button{background:#243e52!important;color:#edf3f8!important;border:1px solid #6c879c!important}
 html[data-theme=dark] #appShell #notifMenu button:hover{background:#31546d!important}
 html[data-theme=dark] #appShell #notifMenu :is(small,.muted){color:#b9cbd9!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) .project-status{background:#283d50!important;color:#e0eaf3!important;border-color:#7893a8!important;-webkit-text-fill-color:currentColor!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) .project-status[data-project-status=active]{background:#193f32!important;color:#b8f1d1!important;border-color:#6bad8a!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) .project-status[data-project-status=completed]{background:#203d60!important;color:#d0e4ff!important;border-color:#80a4d3!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) .project-status[data-project-status=hold]{background:#49381d!important;color:#ffe2a3!important;border-color:#bb9b51!important}
 html[data-theme=dark] :is(#appShell #main,#modal #modalBox) .project-status[data-project-status=cancelled]{background:#482b35!important;color:#ffd1da!important;border-color:#cf8798!important}
}