/* Negin workspace revision 2026-09-23 — shared tokens, no data/rule changes. */
body.wa-fluent{--work-ink:#20372f;--work-muted:#53685e;--work-line:#dce5df;--work-soft:#f5f8f6;--work-brand:#12684d;--work-radius:6px;--wa-ui-space:8px;--wa-ui-control:32px;--wa-ui-row:38px}
body.wa-fluent .workspace-context{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;margin:0 2px 6px;color:var(--work-muted);font-size:11px}
body.wa-fluent .workspace-density{min-height:28px;padding:3px 9px;border:1px solid var(--work-line);border-radius:var(--work-radius);background:#fff;font-size:11px;color:var(--work-muted)}
body.wa-fluent .workspace-density[aria-pressed=true]{background:#eaf4ee;border-color:#8bbba4;color:#12543e}
body.wa-fluent .workspace-finder{position:relative;display:block;margin:0 0 10px;font-size:11px;color:var(--work-muted)}
body.wa-fluent .workspace-finder>span{display:block;margin:0 4px 4px}
body.wa-fluent .workspace-finder input{width:100%;min-width:0;min-height:34px;padding:5px 8px 5px 48px;border:1px solid #a9bdb1;background:#f8faf9;font-size:12px;border-radius:6px}
body.wa-fluent .workspace-finder kbd{position:absolute;left:8px;bottom:9px;font:10px system-ui;color:#61756b;pointer-events:none}
body.wa-fluent .workspace-finder-status{font-size:11px;line-height:1.7;color:var(--work-muted);margin:0 4px 8px}
body.wa-fluent .workspace-nav-miss{display:none!important}
body.wa-fluent.workspace-navigation-collapsed :is(.workspace-finder,.workspace-finder-status){display:none}
body.wa-fluent .warehouse-shell .app-content>.panel{border-color:var(--work-line);border-radius:var(--work-radius);box-shadow:none}
body.wa-fluent .warehouse-shell .panel-head{min-height:48px;padding:8px 12px;gap:8px;border-bottom:1px solid var(--work-line);background:#fff}
body.wa-fluent .warehouse-shell .panel-head h2{font-size:17px;line-height:25px;color:var(--work-ink)}
body.wa-fluent .warehouse-shell :is(.inventory-commandbar,.fulfillment-toolbar,.purchase-toolbar,.sale-price-toolbar,.checkbar-archive-toolbar){gap:8px;padding:8px 12px;background:var(--work-soft);border-bottom:1px solid var(--work-line)}
body.wa-fluent .warehouse-shell .operation-tools{min-height:36px;padding:4px 8px;gap:6px;background:#fff;border-bottom:1px solid var(--work-line)}
body.wa-fluent .warehouse-shell .operation-tools :is(button,summary){min-height:28px;font-size:11px;border-radius:5px}
body.wa-fluent .operation-tools .table-print-bar{display:contents;margin:0;padding:0}
body.wa-fluent :is(.fulfillment-workflow-filters,.purchase-product-coverage-tabs,.prepared-order-kind){gap:6px;padding:6px 10px;background:var(--work-soft)}
body.wa-fluent :is(.fulfillment-workflow-filters,.prepared-order-kind) button{min-height:32px;font-size:12px;border-radius:6px}
body.wa-fluent .operation-table thead th{color:#304e40;background:#edf3ef;font-weight:600}
body.wa-fluent .operation-table tbody tr:focus-within>td{outline-offset:-2px}
body.wa-fluent .operation-table input:focus-visible{outline:2px solid #12684d;outline-offset:1px}
body.wa-fluent .operation-table :is(input[type=checkbox],input[type=radio]){accent-color:var(--work-brand);width:17px;height:17px;min-height:17px;cursor:pointer}
body.wa-fluent .operation-table :is(input,button,select):disabled{cursor:default}
body.wa-fluent dialog{border-color:#bfcec5;border-radius:8px}
body.wa-fluent dialog::backdrop{background:#102d265c}
body.wa-fluent dialog :is(header,.preview-dialog-head,.pi-head,.workflow-dialog-head){gap:12px}
body.wa-fluent dialog :is(header,.preview-dialog-head,.pi-head,.workflow-dialog-head) h2{font-size:17px;line-height:1.6}
body.wa-fluent dialog :is(footer,.preview-dialog-footer,.pi-footer,.workflow-dialog-footer){border-top:1px solid var(--work-line);padding:8px 12px;gap:8px;background:#f8faf9}
body.wa-fluent dialog :is(input,select,textarea){scroll-margin-block:65px}
body.wa-fluent dialog [role=alert]:not(:empty){background:#fff1ef;color:#912d25;border-inline-start:3px solid #b6372c;padding:9px 12px;border-radius:4px;line-height:1.8;overflow-wrap:anywhere}
body.wa-fluent dialog [role=alert]:empty{display:none}
body.wa-fluent .toast{max-width:min(560px,calc(100vw - 32px));white-space:normal;overflow-wrap:anywhere;line-height:1.8;padding:12px 16px}
body.wa-fluent .toast.show{display:flex;align-items:start;gap:12px}
body.wa-fluent .toast button{flex:none;font:inherit;font-size:12px;border:1px solid currentColor;border-radius:4px;padding:2px 7px;background:transparent;color:inherit;min-height:28px}
body.wa-fluent[data-workspace-density=comfortable] .operation-table tbody td{padding-block:11px!important;line-height:1.8!important;font-size:13px!important}
body.wa-fluent[data-workspace-density=comfortable] .operation-table :is(input:not([type=checkbox]),button,select){min-height:36px!important}
body.wa-fluent :is(button,summary,a,input,select,textarea):focus-visible{outline:2px solid #12684d;outline-offset:2px}
@media(max-width:700px){body.wa-fluent .workspace-context{padding:0 4px}.workspace-location{overflow-wrap:anywhere}body.wa-fluent .workspace-finder{margin:8px}body.wa-fluent .workspace-finder kbd{display:none}body.wa-fluent .workspace-finder input{padding-inline:8px}}
@media(pointer:coarse){body.wa-fluent :is(.workspace-density,.workspace-finder input,.operation-tools button,.operation-tools summary){min-height:44px}body.wa-fluent .operation-table input[type=checkbox]{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){body.wa-fluent *,body.wa-fluent *::before,body.wa-fluent *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){body.wa-fluent .workspace-density[aria-pressed=true]{border:2px solid Highlight}body.wa-fluent [aria-current=page]{outline:2px solid Highlight}}
@media print{body.wa-fluent :is(.workspace-context,.workspace-finder,.workspace-finder-status){display:none!important}}

/* Task-oriented sidebar groups, reviewed in Pencil (negin-workspace.pen / dQwlO). */
body.wa-fluent .app-sidebar .page-tabs{gap:2px}
body.wa-fluent .warehouse-shell .app-sidebar .page-tabs>.nav-section-label{
  display:flex!important;align-items:center;gap:6px;direction:rtl;
  width:100%;min-height:28px;margin-top:5px;padding:4px 7px;border:0;border-radius:5px;
  background:#edf3ef;color:#476455;font-size:11px;font-weight:700;text-align:right;box-shadow:none;
}
body.wa-fluent .app-sidebar .page-tabs>.nav-section-label:first-child{margin-top:0}
body.wa-fluent .app-sidebar .page-tabs>.nav-section-label:hover{background:#e3eee7;color:#153e2f}
body.wa-fluent .app-sidebar .page-tabs>.nav-section-label:focus-visible{outline:2px solid #12684d;outline-offset:-2px}
body.wa-fluent .app-sidebar .page-tabs>.nav-section-label>span{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
body.wa-fluent .warehouse-shell .app-sidebar .page-tabs>.nav-section-label>small{display:grid!important;flex:0 0 auto;place-items:center;min-width:20px;height:18px;padding:0 5px;border-radius:9px;background:#dbe9e0;color:inherit;font-size:9px;line-height:1}
body.wa-fluent .app-sidebar .page-tabs>.nav-section-label>svg{flex:0 0 15px;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .16s ease}
body.wa-fluent .app-sidebar .page-tabs>.nav-section-label[aria-expanded="false"]>svg{transform:rotate(90deg)}
body.wa-fluent .app-sidebar .page-tabs>[data-view],
body.wa-fluent .app-sidebar .page-tabs>.sidebar-nav-link{min-height:38px}
body.wa-fluent .app-sidebar .page-tabs>[data-nav-new="true"] .nav-icon{position:relative}
body.wa-fluent .app-sidebar .page-tabs>[data-nav-new="true"] .nav-icon::after{content:"";position:absolute;top:-1px;left:-1px;width:7px;height:7px;border:2px solid #123a30;border-radius:50%;background:#efb84e}
body.wa-fluent .app-sidebar .page-tabs>[data-nav-new="true"].is-active .nav-icon::after{border-color:#eaf5ee}
body.wa-fluent .app-sidebar .page-tabs>.workspace-nav-section-collapsed:not([hidden]){display:none!important}
body.wa-fluent .app-sidebar .page-tabs.is-searching>.workspace-nav-section-collapsed:not([hidden]){display:grid!important}
body.wa-fluent .app-sidebar .page-tabs.is-searching>.nav-section-label[aria-expanded="false"]>svg{transform:none}
@media(max-width:1000px){
  body.wa-fluent .app-sidebar .page-tabs>.nav-section-label{display:none!important}
  body.wa-fluent .app-sidebar .page-tabs>.workspace-nav-section-collapsed:not([hidden]){display:grid!important}
}
@media(prefers-reduced-motion:reduce){body.wa-fluent .app-sidebar .page-tabs>.nav-section-label>svg{transition:none}}
@media(forced-colors:active){body.wa-fluent .app-sidebar .page-tabs>.nav-section-label{border:1px solid CanvasText}}

/* Workflow context is available on demand; the working table keeps the space. */
body.wa-fluent .workspace-location{flex:1;min-width:0}
body.wa-fluent .workspace-purpose{position:relative;flex:none;font-size:12px;margin:0;padding:0;border:0}
body.wa-fluent .workspace-purpose summary{cursor:pointer;min-height:32px;padding:5px 8px;color:#27583f}
body.wa-fluent .workspace-purpose>div{position:absolute;z-index:40;inset-inline-end:0;top:100%;width:min(390px,80vw);padding:10px 14px;border:1px solid var(--work-line);border-radius:6px;background:#fff;box-shadow:0 5px 18px #193d241a;color:var(--work-ink)}
body.wa-fluent .workspace-purpose p{margin:4px 0;line-height:1.8}
body.wa-fluent .operation-table tbody td{min-height:var(--wa-ui-row);height:var(--wa-ui-row);line-height:20px}
body.wa-fluent .operation-table :is(input:not([type=checkbox]),select,button){min-height:var(--wa-ui-control);height:auto}
body.wa-fluent .operation-tools [hidden]{display:none!important}
body.wa-fluent .operation-tools :is(.work-view-bar,.table-export-bar,.table-print-bar){min-height:0;border:0;background:transparent}
body.wa-fluent .operation-tools .work-view-bar>span{display:none}
body.wa-fluent .operation-table tbody tr:has(input:checked)>td{box-shadow:inset 0 -1px #7fb09a}
@media(max-width:700px){body.wa-fluent .workspace-context{flex-wrap:wrap;gap:4px}.workspace-location{flex-basis:100%}}
@media(pointer:coarse){body.wa-fluent{--wa-ui-control:44px;--wa-ui-row:48px}}
@media print{body.wa-fluent .workspace-purpose{display:none}}