/* V10 ORIGINAL visual shell + operational V13/V14 surfaces.
 * This stylesheet intentionally targets ONLY the new feature panels,
 * NOT the original V10 Home/Stocktake/Transfer dashboard. No backend edits.
 */
/* Multi-item exchange presentation. Legacy JS remains intact behind rollback. */
html[data-bak-ui="legacy"] main.v13-multi-active>.exchange-stack,
html[data-bak-ui="legacy"] main.v13-multi-active>.exchange-arrow,
html[data-bak-ui="legacy"] main.v13-multi-active>.difference-card,
html[data-bak-ui="legacy"] main.v13-multi-active>#confirmExchange,
html[data-bak-ui="legacy"] main.v13-multi-active>.home-hero{display:none!important}
html[data-bak-ui="legacy"] .v13-multi-exchange{display:grid;gap:12px;padding-bottom:22px;animation:v13-panel-open .42s cubic-bezier(.16,1,.3,1)}
html[data-bak-ui="legacy"] .v13-ex-heading{margin:10px 2px 12px}
html[data-bak-ui="legacy"] .v13-ex-heading h2{font-size:clamp(25px,7vw,31px);letter-spacing:-.045em;line-height:1.12;margin:7px 0}
html[data-bak-ui="legacy"] .v13-ex-heading>p:last-child{font-size:13px;color:#72766f;line-height:1.4}
html[data-bak-ui="legacy"] .v13-ex-card{padding:17px;background:#fff;border:1px solid rgba(23,25,24,.08);border-radius:20px;box-shadow:0 8px 25px rgba(23,25,24,.03)}
html[data-bak-ui="legacy"] .v13-ex-card-title{display:flex;align-items:center;gap:9px;margin-bottom:12px}
html[data-bak-ui="legacy"] .v13-ex-card-title>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#c6f4e5;color:#184f3b;font-size:11px;font-weight:800}
html[data-bak-ui="legacy"] .v13-ex-card-title h3{font-size:16px;color:#171918}
html[data-bak-ui="legacy"] .v13-ex-card-title small{font-size:12px;font-weight:600;color:#72766f}
html[data-bak-ui="legacy"] .v13-ex-line{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:13px 0;border-bottom:1px solid rgba(23,25,24,.08)}
html[data-bak-ui="legacy"] .v13-ex-line>div:first-child{min-width:0;overflow-wrap:anywhere}
html[data-bak-ui="legacy"] .v13-ex-line strong{display:block;font-size:13px;line-height:1.3}
html[data-bak-ui="legacy"] .v13-ex-line small{display:block;font-size:11px;color:#72766f;line-height:1.45;margin-top:3px}
html[data-bak-ui="legacy"] .v13-ex-quantity{display:flex;align-items:center;gap:3px;flex-shrink:0}
html[data-bak-ui="legacy"] .v13-ex-quantity button{width:34px;height:38px;border:0;border-radius:11px;background:#eaf1eb;color:#184f3b;font-weight:800;font-size:18px}
html[data-bak-ui="legacy"] .v13-ex-quantity b{min-width:19px;text-align:center;font-size:13px}
html[data-bak-ui="legacy"] .v13-ex-quantity .v13-ex-remove{background:#fff0e9;color:#9c4230}
html[data-bak-ui="legacy"] .v13-ex-empty{font-size:12px;color:#72766f;padding:11px 0}
html[data-bak-ui="legacy"] .v13-ex-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:15px}
html[data-bak-ui="legacy"] .v13-ex-input input{min-width:0;width:100%;min-height:48px;padding:10px 12px;border:1px solid #daddd7;border-radius:12px;background:#f6f6f2;font-size:14px}
html[data-bak-ui="legacy"] .v13-ex-input button{padding:0 15px;min-height:48px;border:0;border-radius:12px;background:#184f3b;color:white;font-size:13px;font-weight:750}
html[data-bak-ui="legacy"] .v13-ex-camera{width:100%;min-height:43px;margin-top:8px;border:1px solid rgba(24,79,59,.18);border-radius:12px;background:#e9f5ee;color:#184f3b;font-size:12px;font-weight:750}
html[data-bak-ui="legacy"] .v13-ex-totals{padding:17px 18px;background:#173e32;border-radius:20px;color:white}
html[data-bak-ui="legacy"] .v13-ex-totals>div{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:7px 0;font-size:12px}
html[data-bak-ui="legacy"] .v13-ex-totals strong{font-size:15px}
html[data-bak-ui="legacy"] .v13-ex-totals .v13-ex-due{border-top:1px solid rgba(255,255,255,.2);padding-top:13px;margin-top:14px;color:#d9ff63;font-weight:750}
html[data-bak-ui="legacy"] .v13-ex-error{padding:12px 14px;border-radius:12px;background:#ffe0ca;color:#8b421a;font-size:12px}
html[data-bak-ui="legacy"] .v13-ex-confirm{width:100%;min-height:53px;border:0;border-radius:15px;background:#184f3b;color:white;font-weight:800;font-size:14px}
html[data-bak-ui="legacy"] .v13-ex-confirm:disabled{opacity:.4}
html[data-bak-ui="legacy"] .v13-ex-details{min-height:43px;margin-top:10px;width:100%}
html[data-bak-ui="legacy"] .v13-ex-history-list>div{padding:12px 0;border-bottom:1px solid #d6d6d2;font-size:13px}
@media(max-width:355px){html[data-bak-ui="legacy"] .v13-ex-card{padding:13px}html[data-bak-ui="legacy"] .v13-ex-quantity button{width:30px}}


html[data-bak-ui="legacy"] .v13-ex-history-note{
 padding:10px 12px;margin:8px 0;border-radius:12px;background:#fff0df;
 color:#81451d;font-size:12px;line-height:1.5;
}



/* DO: current scanner-first management flow, legacy CSV hidden (without deleting DOM handlers). */
html[data-bak-ui="legacy"] main.v13-do-mode-send > .form-card,
html[data-bak-ui="legacy"] main.v13-do-mode-send > .v13-do-import,
html[data-bak-ui="legacy"] main.v13-do-mode-send > .list-section,
html[data-bak-ui="legacy"] main.v13-do-mode-send > .v102-do-create,
html[data-bak-ui="legacy"] main.v13-do-mode-receive > .form-card,
html[data-bak-ui="legacy"] main.v13-do-mode-receive > .v13-do-import,
html[data-bak-ui="legacy"] main.v13-do-mode-receive > .v102-do-create{
 display:none!important;
}
html[data-bak-ui="legacy"] main.v13-do-mode-receive > .list-section{
 display:block!important;
}
html[data-bak-ui="legacy"] .v13-do-workspace{
 display:grid;gap:11px;margin:12px 0 18px;animation:v13-panel-open .43s cubic-bezier(.16,1,.3,1);
}
html[data-bak-ui="legacy"] .v13-do-workspace .v13-do-intro{
 padding:21px;border-radius:23px;background:#ffe0ca;color:#713b22;
}
html[data-bak-ui="legacy"] .v13-do-intro h2{
 margin:7px 0;font-size:clamp(24px,7vw,30px);line-height:1.12;letter-spacing:-.035em;
}
html[data-bak-ui="legacy"] .v13-do-intro p:last-child{font-size:12px;line-height:1.5}
html[data-bak-ui="legacy"] .v13-do-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html[data-bak-ui="legacy"] .v13-do-menu .v13-do-action{
 min-height:132px;display:flex;align-items:flex-end;text-align:left;
 padding:17px;border:0;border-radius:20px;font-size:17px;font-weight:800;
 letter-spacing:-.025em;transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
html[data-bak-ui="legacy"] .v13-do-menu .v13-do-action:active{transform:scale(.96)}
html[data-bak-ui="legacy"] .v13-do-send{background:#194a3b;color:white}
html[data-bak-ui="legacy"] .v13-do-receive{background:#c6f4e5;color:#194a3b}
html[data-bak-ui="legacy"] .v13-do-action:not(.v13-do-send):not(.v13-do-receive){
 min-height:48px;border:0;border-radius:13px;padding:12px 15px;
 background:#fff;font-size:13px;font-weight:750;
}
html[data-bak-ui="legacy"] .v13-do-back{text-align:left;color:#184f3b!important}
html[data-bak-ui="legacy"] .v13-do-primary{background:#184f3b!important;color:white}
html[data-bak-ui="legacy"] .v13-do-row{
 display:grid!important;grid-template-columns:minmax(0,1fr) 18px;gap:5px;
 background:white;min-height:70px!important;text-align:left;
 align-items:center;border:1px solid rgba(23,25,24,.08)!important;
}
html[data-bak-ui="legacy"] .v13-do-row strong{display:block;font-size:14px}
html[data-bak-ui="legacy"] .v13-do-row small{display:block;font-size:11px;line-height:1.4;color:#737771;margin-top:4px}
html[data-bak-ui="legacy"] .v13-do-row>span{grid-row:1/3;grid-column:2;font-size:22px}
html[data-bak-ui="legacy"] .v13-do-add{background:#ebf4ed!important;color:#184f3b!important}
html[data-bak-ui="legacy"] .v13-do-total{
 padding:13px 15px;border-radius:15px;background:#184f3b;color:#d9ff63;
 font-size:19px;font-weight:800;
}
html[data-bak-ui="legacy"] .v13-do-scanner{
 display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;
}
html[data-bak-ui="legacy"] .v13-do-scanner input{
 width:100%;min-width:0;min-height:52px;padding:11px 13px;border:1px solid #d8e0d7;
 border-radius:14px;font-size:14px;background:white;
}
html[data-bak-ui="legacy"] .v13-do-scanner button{
 min-height:52px;padding:11px 16px;border:0;border-radius:14px;
 background:#184f3b;color:#fff;font-size:13px;font-weight:750;
}
html[data-bak-ui="legacy"] .v13-do-camera{
 position:relative;display:flex;flex-direction:column;gap:8px;align-items:center;
 padding:12px;border-radius:19px;background:#172620;color:#c6f4e5;
}
html[data-bak-ui="legacy"] .v13-do-camera video{width:100%;max-height:190px;object-fit:cover;border-radius:13px}
html[data-bak-ui="legacy"] .v13-do-camera small{font-size:11px}
html[data-bak-ui="legacy"] .v13-do-camera .v13-do-hold{
 min-height:50px;width:100%;border:0;border-radius:13px;background:#c6f4e5;
 color:#184f3b;font-size:13px;font-weight:800;touch-action:none;
}
html[data-bak-ui="legacy"] .v13-do-product{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 background:#fff;padding:14px;border-radius:14px;
}
html[data-bak-ui="legacy"] .v13-do-product strong{display:block;font-size:13px}
html[data-bak-ui="legacy"] .v13-do-product small{display:block;font-size:11px;color:#777;line-height:1.35;margin-top:4px}
html[data-bak-ui="legacy"] .v13-do-undo{background:#e5e9e6!important}
html[data-bak-ui="legacy"] .v13-do-publish{background:#184f3b!important;color:white!important;min-height:53px!important}
html[data-bak-ui="legacy"] .v13-do-error{color:#a4432a;font-size:12px;line-height:1.5}
@media(max-width:360px){
 html[data-bak-ui="legacy"] .v13-do-menu .v13-do-action{min-height:116px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){
 html[data-bak-ui="legacy"] .v13-do-workspace{animation:none!important}
}



/* Keep Management DO CSV export/correction accessible in V10. */
html[data-bak-ui="legacy"] main.v13-do-mode-send > .v13-do-import,
html[data-bak-ui="legacy"] main.v13-do-mode-receive > .v13-do-import{
 display:block!important;
}
html[data-bak-ui="legacy"] .v13-do-import>.form-card{
 display:block!important;
}
/* Actual legacy CSV form is .form-card containing .v7-do-import and
 * .v122-do-export. Keep it accessible alongside the scanner-first HQ flow.
 * No legacy handler or original product/scan controls are removed.
 */
html[data-bak-ui="legacy"] main.v13-do-mode-send > .form-card:has(.v7-do-import),
html[data-bak-ui="legacy"] main.v13-do-mode-receive > .form-card:has(.v7-do-import){
 display:block!important;
}
html[data-bak-ui="legacy"] #v6ManagementHome[data-v13h-product-open] > :not(.v13h-product-view):not(.fv12-nav),
html[data-bak-ui="legacy"] main.app-shell.fv12-dashboard[data-v13h-product-open] > :not(.v13h-product-view):not(.fv12-nav) {
 display:none!important;
}
html[data-bak-ui="legacy"] .v13h-product-view{
 box-sizing:border-box;min-height:100dvh;padding:20px 0 calc(120px + env(safe-area-inset-bottom));
 background:var(--fv-paper,#f4f3ee);font-family:'BAK DM Sans',system-ui,sans-serif;
 color:#172a22;
}
html[data-bak-ui="legacy"] .v13h-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 12px}
html[data-bak-ui="legacy"] .v13h-toolbar .v13h-back,
html[data-bak-ui="legacy"] .v13h-toolbar .v13h-refresh{
 width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:16px;
 border:1px solid rgba(25,61,48,.1);background:#fff;color:#184f3b;box-shadow:none;
 font-size:28px;line-height:1;
}
html[data-bak-ui="legacy"] .v13h-heading{flex:1;min-width:0}
html[data-bak-ui="legacy"] .v13h-heading small{font-size:10px;letter-spacing:.15em;color:#83918a;font-weight:800}
html[data-bak-ui="legacy"] .v13h-heading h1{font-size:clamp(23px,5.7vw,28px)!important;letter-spacing:-.045em;line-height:1.15;margin:4px 0;color:#172a22}
html[data-bak-ui="legacy"] .v13h-crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#87938c;margin:12px 0 7px}
html[data-bak-ui="legacy"] .v13h-crumb .active{font-weight:800;color:#184f3b}
html[data-bak-ui="legacy"] .v13h-description{font-size:12px;color:#708078;margin-bottom:20px;line-height:1.5}
html[data-bak-ui="legacy"] .v13h-searchbar{
 display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #e3e8e3;
 border-radius:17px;background:#fff;min-height:53px;
}
html[data-bak-ui="legacy"] .v13h-searchbar svg{flex:none;color:#578072;width:21px}
html[data-bak-ui="legacy"] .v13h-searchbar input{
 height:50px;min-height:50px;border:0!important;outline:0;box-shadow:none!important;
 background:transparent!important;padding:0 0!important;width:100%;font-size:15px!important;
}
html[data-bak-ui="legacy"] .v13h-searchbar:focus-within{outline:2px solid #b8dcca}
html[data-bak-ui="legacy"] .v13h-filter{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:13px 0 23px}
html[data-bak-ui="legacy"] .v13h-filter label{font-size:12px;font-weight:700;color:#6d7b72}
html[data-bak-ui="legacy"] .v13h-filter select{
 width:auto;max-width:64%;min-width:145px;min-height:42px!important;border-radius:13px;
 font-size:13px!important;padding:8px 12px!important;background:#e7f2eb!important;
 border-color:#d8e6da!important;color:#184f3b!important;font-weight:700;
}
html[data-bak-ui="legacy"] .v13h-section-title{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:15px 1px 15px}
html[data-bak-ui="legacy"] .v13h-section-title h2{font-size:19px!important;line-height:1.25;margin:0;color:#1e3127;letter-spacing:-.03em}
html[data-bak-ui="legacy"] .v13h-section-title span{font-size:11px;color:#71857b;white-space:nowrap}
html[data-bak-ui="legacy"] .v13h-folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:stretch}
html[data-bak-ui="legacy"] .v13h-folder{
 --folder-bg:#c7f2e6;--folder-ink:#174d3b;
 position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;
 border:0!important;isolation:isolate;overflow:visible;min-width:0;
 min-height:180px;padding:22px 15px 14px!important;
 border-radius:10px 20px 20px 20px!important;background:var(--folder-bg)!important;
 color:var(--folder-ink)!important;box-shadow:0 3px 10px rgba(17,46,30,.045)!important;
 transform:translateZ(0);transition:transform .16s ease,box-shadow .16s ease;
}
html[data-bak-ui="legacy"] .v13h-folder:active{transform:scale(.975)}
html[data-bak-ui="legacy"] .v13h-folder-tab{
 position:absolute;top:-7px;left:0;width:43%;height:19px;border-radius:11px 11px 0 0;
 background:var(--folder-bg);z-index:-1;
}
html[data-bak-ui="legacy"] .v13h-folder-head{display:flex;justify-content:space-between;align-items:start}
html[data-bak-ui="legacy"] .v13h-folder-icon{
 display:grid;place-items:center;background:#ffffff7b;border-radius:13px;width:43px;height:43px;color:var(--folder-ink);
}
html[data-bak-ui="legacy"] .v13h-folder-arrow{font-size:17px;opacity:.55}
html[data-bak-ui="legacy"] .v13h-folder-label{margin-top:auto;padding-top:19px;min-width:0}
html[data-bak-ui="legacy"] .v13h-folder-label strong{
 display:block;line-height:1.16!important;font-size:clamp(15px,4.1vw,19px)!important;
 letter-spacing:-.03em!important;overflow-wrap:anywhere;
}
html[data-bak-ui="legacy"] .v13h-folder-label small{
 display:block;font-size:10px!important;color:inherit!important;opacity:.76;margin:8px 0 0;
 letter-spacing:.065em;font-weight:650;
}
html[data-bak-ui="legacy"] .v13h-folder-count{
 display:inline-flex;align-self:flex-start;margin-top:12px;padding:5px 7px;border-radius:8px;
 font-size:10px;line-height:1.3;font-weight:700;background:#ffffff65;color:inherit;
}
html[data-bak-ui="legacy"] .v13h-folder.v13h-ACC{--folder-bg:#e5e7e4;--folder-ink:#3b4d46}
html[data-bak-ui="legacy"] .v13h-folder.v13h-TMP{--folder-bg:#e1edd8;--folder-ink:#42623a}
html[data-bak-ui="legacy"] .v13h-folder.v13h-KURTA{--folder-bg:#ffe3ca;--folder-ink:#815233}
html[data-bak-ui="legacy"] .v13h-folder.v13h-BKB{--folder-bg:#d9e8ff;--folder-ink:#36577f}
html[data-bak-ui="legacy"] .v13h-folder.v13h-BKD{--folder-bg:#ffe5e8;--folder-ink:#93505d}
html[data-bak-ui="legacy"] .v13h-folder.v13h-BMB{--folder-bg:#ded9ff;--folder-ink:#5241a0}
html[data-bak-ui="legacy"] .v13h-folder.v13h-BMD{--folder-bg:#c5efe1;--folder-ink:#175b4d}
html[data-bak-ui="legacy"] .v13h-folder.v13h-JUBAH{--folder-bg:#ffe8ca;--folder-ink:#81593a}
html[data-bak-ui="legacy"] .v13h-loading,
html[data-bak-ui="legacy"] .v13h-error,
html[data-bak-ui="legacy"] .v13h-notice,
html[data-bak-ui="legacy"] .v13h-empty{
 font-size:13px;line-height:1.5;border-radius:17px;background:#fff;padding:18px;color:#52685b;
}
html[data-bak-ui="legacy"] .v13h-error{background:#fff0e8;color:#8c422b}
html[data-bak-ui="legacy"] .v13h-notice{background:#fff6e7;color:#856134;margin-bottom:12px}
html[data-bak-ui="legacy"] .v13h-sync-info{font-size:11px;line-height:1.5;color:#76837b;margin:12px 0}
html[data-bak-ui="legacy"] .v13h-stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:7px 0 14px}
html[data-bak-ui="legacy"] .v13h-stock-box{
 padding:12px;border-radius:14px;background:#e6f2eb;display:flex;flex-direction:column;gap:6px;
}
html[data-bak-ui="legacy"] .v13h-stock-box small{font-size:10px;color:#587763}
html[data-bak-ui="legacy"] .v13h-stock-box b{font-size:21px;font-weight:800;color:#1a5137;line-height:1}
html[data-bak-ui="legacy"] .v13h-stock-box span{font-size:10px;color:#587763}
html[data-bak-ui="legacy"] .v13h-variant-list{display:flex;flex-direction:column;gap:9px}
html[data-bak-ui="legacy"] .v13h-variant{
 border:1px solid #e0e8e2;border-radius:19px;padding:15px;background:#fff;display:flex;flex-direction:column;gap:6px;
}
html[data-bak-ui="legacy"] .v13h-variant>strong{font-size:15px!important;color:#173f32;letter-spacing:-.01em;line-height:1.35}
html[data-bak-ui="legacy"] .v13h-variant>small{font-size:11px;color:#82918a;line-height:1.35}
html[data-bak-ui="legacy"] .v13h-variant code{
 display:inline-flex;align-self:flex-start;padding:5px 8px;border-radius:7px;
 font-family:ui-monospace,monospace;font-size:11px;background:#f2f4f2;color:#485d51;word-break:break-all;
}
html[data-bak-ui="legacy"] .v13h-variant-qty{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:6px;margin-top:6px}
html[data-bak-ui="legacy"] .v13h-variant-qty span{padding:8px;border-radius:10px;background:#f2f6f3;display:flex;flex-direction:column;gap:5px}
html[data-bak-ui="legacy"] .v13h-variant-qty small{font-size:9px;color:#6d8173}
html[data-bak-ui="legacy"] .v13h-variant-qty b{font-size:16px;font-weight:800;color:#245d43}
@media(min-width:650px){
 html[data-bak-ui="legacy"] .v13h-folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
 html[data-bak-ui="legacy"] .v13h-folder{transition:none}
}

html[data-bak-ui="legacy"] main.v13-do-mode-receive .v7-do-summary.v14b-condensed{
 display:block!important;min-height:0!important;
 margin:0 0 8px!important;padding:0!important;
 background:#fff!important;border:1px solid #e5ebe5!important;
 border-left:1px solid #e5ebe5!important;border-radius:17px!important;
 box-shadow:0 2px 9px rgba(24,61,42,.035)!important;
 overflow:hidden!important;
}
html[data-bak-ui="legacy"] main.v13-do-mode-receive .v7-do-summary.v14b-condensed > :not(.v14b-do-open){
 display:none!important;
}
html[data-bak-ui="legacy"] main.v13-do-mode-receive .v7-do-summary.v14b-condensed .v14b-do-open{
 width:100%!important;min-height:79px!important;
 display:flex!important;align-items:center!important;gap:10px!important;
 padding:12px 11px 12px 13px!important;margin:0!important;border:0!important;
 background:transparent!important;color:#163b2c!important;text-align:left!important;
 font:inherit!important;box-shadow:none!important;border-radius:17px!important;
 transition:background-color .12s ease!important;touch-action:manipulation;
}
html[data-bak-ui="legacy"] .v14b-do-open:active{background:#eaf5ef!important}
html[data-bak-ui="legacy"] .v14b-do-icon{
 width:37px;min-width:37px;height:42px;border-radius:12px;
 display:grid;place-items:center;background:#e0f4e9;color:#206d50;
 font-size:19px;line-height:1;font-weight:650;
}
html[data-bak-ui="legacy"] .v14b-do-primary{
 min-width:0;flex:1;display:flex;flex-direction:column;gap:5px;
}
html[data-bak-ui="legacy"] .v14b-do-primary strong{
 display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;
 overflow:hidden;overflow-wrap:anywhere;word-break:normal;
 font-size:14px!important;line-height:1.24!important;letter-spacing:-.015em!important;
 font-weight:800!important;color:#193d2e!important;
}
html[data-bak-ui="legacy"] .v14b-do-primary small{
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 font-size:11px!important;font-weight:550!important;color:#7b8a80!important;
 line-height:1.25!important;
}
html[data-bak-ui="legacy"] .v14b-do-end{
 display:flex;flex-direction:column;align-items:flex-end;gap:7px;
 flex:0 0 auto;max-width:93px;text-align:right;
}
html[data-bak-ui="legacy"] .v14b-do-end>b{
 white-space:nowrap;font-size:14px!important;line-height:1!important;
 font-weight:800!important;color:#1c4636!important;
}
html[data-bak-ui="legacy"] .v14b-do-end>b small{font-size:10px!important;font-weight:600;color:#799182}
html[data-bak-ui="legacy"] .v14b-do-end em{
 font-style:normal!important;white-space:nowrap;font-size:9px!important;
 font-weight:800!important;line-height:1.2!important;letter-spacing:.015em;
 padding:5px 7px;border-radius:9px;background:#e8edec;color:#586960;
}
html[data-bak-ui="legacy"] .v14b-do-end em[data-state="ok"]{background:#dff4e6;color:#207148}
html[data-bak-ui="legacy"] .v14b-do-end em[data-state="warn"]{background:#fff0d5;color:#925a21}
html[data-bak-ui="legacy"] .v14b-do-chevron{font-size:19px;font-weight:500;color:#90a39a;flex:none}
/* Dedicated page replaces the list while open, not a large accordion underneath it. */
html[data-bak-ui="legacy"] main.v14b-detail-open > :not(.v14b-do-detail){
 display:none!important;
}
html[data-bak-ui="legacy"] main.v14b-detail-open{
 background:#f3f4f0!important;max-width:none!important;
 padding:0!important;min-height:100dvh!important;
}
html[data-bak-ui="legacy"] .v14b-do-detail{
 box-sizing:border-box;display:block!important;width:100%;max-width:710px;
 min-height:100dvh;margin:0 auto;padding:23px 16px max(50px,env(safe-area-inset-bottom));
 background:#f3f4f0;color:#193b2d;
}
html[data-bak-ui="legacy"] .v14b-detail-head{display:flex;align-items:center;gap:12px;padding-bottom:18px}
html[data-bak-ui="legacy"] .v14b-back{
 width:43px;min-width:43px;height:43px;display:grid;place-items:center;
 background:#fff!important;border-radius:15px!important;border:1px solid #e3e9e3!important;
 font-size:30px!important;line-height:1;color:#245540!important;
}
html[data-bak-ui="legacy"] .v14b-detail-headline{flex:1;min-width:0}
html[data-bak-ui="legacy"] .v14b-detail-headline small{font-size:9px;letter-spacing:.12em;font-weight:800;color:#8a9a90}
html[data-bak-ui="legacy"] .v14b-detail-headline h1{
 margin:2px 0 0!important;font-size:25px!important;letter-spacing:-.04em!important;
 line-height:1.2!important;font-weight:850!important;color:#173829!important;
}
html[data-bak-ui="legacy"] .v14b-detail-state{
 font-size:10px;font-weight:800;padding:8px 9px;border-radius:11px;
 background:#e4eae5;color:#5b7164;white-space:nowrap;
}
html[data-bak-ui="legacy"] .v14b-detail-state[data-state="ok"]{background:#d8f3e5;color:#17764a}
html[data-bak-ui="legacy"] .v14b-detail-state[data-state="warn"]{background:#fff0d5;color:#8a5b21}
html[data-bak-ui="legacy"] .v14b-detail-kpis{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 22px;
}
html[data-bak-ui="legacy"] .v14b-detail-kpis>div{
 padding:13px 10px;background:#fff;border:1px solid #e5ebe5;border-radius:16px;
 display:flex;flex-direction:column;gap:7px;min-width:0;
}
html[data-bak-ui="legacy"] .v14b-detail-kpis small{font-size:10px;color:#819088}
html[data-bak-ui="legacy"] .v14b-detail-kpis strong{
 font-size:14px!important;color:#1a513b!important;line-height:1.25;overflow-wrap:anywhere;
}
html[data-bak-ui="legacy"] .v14b-detail-section{
 display:flex;align-items:end;justify-content:space-between;gap:8px;margin:15px 2px;
}
html[data-bak-ui="legacy"] .v14b-detail-section h2{font-size:20px!important;font-weight:850!important;letter-spacing:-.04em;margin:0!important;color:#1a3d2c}
html[data-bak-ui="legacy"] .v14b-detail-section small{font-size:11px;color:#89938b;line-height:1.4}
html[data-bak-ui="legacy"] .v14b-detail-items{display:flex;flex-direction:column;gap:9px}
html[data-bak-ui="legacy"] .v14b-detail-item{
 background:#fff;border:1px solid #e0e9e1;border-radius:17px;
 padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;
 gap:12px;align-items:start;
}
html[data-bak-ui="legacy"] .v14b-item-name{display:flex;flex-direction:column;gap:5px;min-width:0}
html[data-bak-ui="legacy"] .v14b-item-name strong{font-size:14px!important;line-height:1.3;color:#1a4c37;font-weight:750!important;overflow-wrap:anywhere}
html[data-bak-ui="legacy"] .v14b-item-name small{font-size:11px;color:#839287;line-height:1.35;overflow-wrap:anywhere}
html[data-bak-ui="legacy"] .v14b-item-qty{display:flex;align-items:end;gap:5px;flex:none}
html[data-bak-ui="legacy"] .v14b-item-qty label{display:flex;flex-direction:column;font-size:10px;font-weight:700;color:#708476;gap:4px}
html[data-bak-ui="legacy"] .v14b-item-qty input{
 width:66px!important;height:37px!important;min-height:37px!important;
 border-radius:10px!important;border:1px solid #cbded1!important;
 background:#f5f9f6!important;padding:6px!important;text-align:center!important;
 color:#1b5039!important;font-size:15px!important;font-weight:750!important;
 box-shadow:none!important;
}
html[data-bak-ui="legacy"] .v14b-item-qty button{
 height:37px;min-width:61px;border-radius:10px!important;
 background:#125d42!important;color:#fff!important;border:0!important;
 padding:5px 8px!important;font-size:11px!important;font-weight:750!important;
}
html[data-bak-ui="legacy"] .v14b-item-qty button:disabled{
 opacity:.35;cursor:default;
}
html[data-bak-ui="legacy"] .v14b-item-received{
 grid-column:1/-1;font-size:10px;color:#85928a;
 border-top:1px solid #f0f3f0;padding-top:9px;
}
html[data-bak-ui="legacy"] .v14b-detail-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 10px}
html[data-bak-ui="legacy"] .v14b-detail-tools button{
 min-height:44px;border-radius:13px!important;background:#fff!important;color:#265440!important;
 border:1px solid #d9e6df!important;font-size:12px!important;font-weight:750!important;
}
html[data-bak-ui="legacy"] .v14b-detail-tools .v14b-delete{color:#b34e3c!important;background:#fff6f3!important;border-color:#f4d5c9!important}
html[data-bak-ui="legacy"] .v14b-audit-note{font-size:11px;color:#89938b;line-height:1.5;margin:9px 1px}
html[data-bak-ui="legacy"] .v14b-detail-notice{font-size:12px;color:#8b622d;background:#fff5e2;border-radius:12px;padding:11px}
html[data-bak-ui="legacy"] .v14b-detail-loading,
html[data-bak-ui="legacy"] .v14b-detail-error{
 background:#fff;padding:20px;border-radius:16px;font-size:13px;color:#587361
}
@media(max-width:360px){
 html[data-bak-ui="legacy"] .v14b-do-icon{width:33px;min-width:33px;height:38px}
 html[data-bak-ui="legacy"] .v14b-detail-item{grid-template-columns:minmax(0,1fr)}
 html[data-bak-ui="legacy"] .v14b-item-qty{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){
 html[data-bak-ui="legacy"] .v14b-do-open{transition:none!important}
}
html[data-bak-ui="legacy"] .v14-warning-panel{
 margin:18px 0 20px;padding:16px 14px;border:1px solid #f0dfbd;
 border-radius:20px;background:#fff9ee;
}
html[data-bak-ui="legacy"] .v14-warning-heading{
 display:flex;align-items:center;gap:10px;margin-bottom:12px;
}
html[data-bak-ui="legacy"] .v14-warning-heading strong{
 font-size:14px;font-weight:800;color:#775425;display:block;
}
html[data-bak-ui="legacy"] .v14-warning-heading small{color:#927143;font-size:11px}
html[data-bak-ui="legacy"] .v14-warning-icon{
 display:grid;place-items:center;width:33px;height:33px;border-radius:12px;
 background:#ffe7bc;color:#9d6318;font-size:19px;font-weight:850;
}
html[data-bak-ui="legacy"] .v14-warning-row{
 display:flex;align-items:center;justify-content:space-between;gap:9px;
 padding:12px 0;border-top:1px solid #efdfc4;
}
html[data-bak-ui="legacy"] .v14-warning-row b{
 font-size:12px;line-height:1.4;color:#6c4a20;display:block;
}
html[data-bak-ui="legacy"] .v14-warning-row small{
 display:block;font-size:11px;line-height:1.45;color:#91754e;margin-top:3px;
}
html[data-bak-ui="legacy"] .v14-warning-row button{
 min-width:105px;min-height:36px;flex-shrink:0;padding:8px 10px;
 border-radius:12px!important;background:#fff!important;border:1px solid #d8c299;
 color:#78541f!important;font-size:11px!important;font-weight:750;
}
/* Notification flow differentiates staff's incoming and outgoing transfers. */
html[data-bak-ui="legacy"] .v11-notif-row.v14-incoming .v11-notif-symbol{
 background:#d9f5e8!important;color:#145d42!important;
}
html[data-bak-ui="legacy"] .v11-notif-row.v14-outgoing .v11-notif-symbol{
 background:#ffe6d2!important;color:#96572f!important;
}
html[data-bak-ui="legacy"] .v11-notif-row.v14-issue .v11-notif-symbol{
 background:#fff0c2!important;color:#8b5f13!important;
}
@media(prefers-reduced-motion:reduce){
 html[data-bak-ui="legacy"] .fv12-nav button[data-fv12-nav]{transition:none!important}
}
/* Staff is already in Receive DO; hide redundant explanatory Ready DO hero. */

/* V10 module links to the original V13h FINAL SKU directory. */
html[data-bak-ui="legacy"] .v10-directory-card .module-icon {
 background:rgba(255,255,255,.18);
}
html[data-bak-ui="legacy"] #v6ManagementHome .v6-management-modules .v10-directory-card,
html[data-bak-ui="legacy"] main.app-shell .module-grid .v10-directory-card{
 color:white;min-height:80px;
}
html[data-bak-ui="legacy"] .v10-directory-card strong{color:inherit}
html[data-bak-ui="legacy"] .v10-directory-card small{color:rgba(255,255,255,.88)}
html[data-bak-ui="legacy"] .v10-directory-card:focus-visible{
 outline:3px solid #0879ee;outline-offset:3px;
}
/* Keep new feature controls comfortably tappable without altering V10 old ones. */
html[data-bak-ui="legacy"] .v13-do-action,
html[data-bak-ui="legacy"] .v13-ex-input button,
html[data-bak-ui="legacy"] .v13h-toolbar button{touch-action:manipulation}