:root{--navy:#132b48;--navy2:#0d2038;--orange:#ed7417;--orange2:#ff8a2b;--ink:#19283c;--muted:#718096;--line:#dce4ed;--bg:#f3f6f9;--white:#fff;--green:#17845b;--red:#c43d45;--yellow:#a36505;--shadow:0 10px 28px rgba(20,43,72,.09)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--bg);font-size:16px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.erp-shell{display:flex;min-height:100vh}.erp-side{width:252px;background:var(--navy2);color:#fff;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:50;box-shadow:5px 0 24px rgba(10,28,49,.14)}.erp-brand{height:82px;padding:18px 18px 15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.erp-brand-mark,.erp-login-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,var(--orange2),var(--orange));font-weight:900;font-size:24px;box-shadow:0 8px 18px rgba(237,116,23,.3)}.erp-brand b,.erp-login-brand b{display:block;font-size:17px;letter-spacing:.3px}.erp-brand small,.erp-login-brand small{display:block;color:#aebdd0;margin-top:3px;font-size:12px}.erp-side-close{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:30px}.erp-nav{padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;flex:1}.erp-nav-label{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#7186a0;margin:16px 10px 5px}.erp-nav-label:first-child{margin-top:0}.erp-nav a{color:#c6d1df;text-decoration:none;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;font-weight:650;font-size:14px;position:relative}.erp-nav a i{font-style:normal;width:22px;text-align:center;font-size:18px;color:#8fa2b8}.erp-nav a:hover{background:rgba(255,255,255,.06);color:#fff}.erp-nav a.active{background:rgba(237,116,23,.14);color:#fff}.erp-nav a.active:before{content:"";width:6px;height:6px;border-radius:99px;background:var(--orange);position:absolute;left:2px}.erp-nav a.active i{color:var(--orange2)}.erp-userbox{margin:10px 12px 16px;padding:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:center;gap:9px}.erp-avatar{width:34px;height:34px;border-radius:10px;background:#284866;display:grid;place-items:center;font-weight:800;color:#ffd0a8}.erp-userbox>div:nth-child(2){min-width:0;flex:1}.erp-userbox b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.erp-userbox small{display:block;color:#91a4ba;font-size:11px;margin-top:2px}.erp-user-actions{display:flex;gap:4px}.erp-user-actions a,.erp-user-actions button{display:grid;place-items:center;width:26px;height:26px;border:0;background:transparent;color:#9fb0c3;text-decoration:none;border-radius:6px}.erp-user-actions a:hover,.erp-user-actions button:hover{background:rgba(255,255,255,.08);color:#fff}.erp-user-actions form{margin:0}.erp-main{margin-left:252px;min-width:0;flex:1}.erp-topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;gap:15px;position:sticky;top:0;z-index:30}.erp-topbar h1{font-size:22px;margin:0}.erp-topbar p{font-size:12px;color:var(--muted);margin:4px 0 0}.erp-domain{margin-left:auto;color:#8b9aaa;font-size:12px;background:#f2f5f8;padding:7px 10px;border-radius:20px}.erp-menu-button{display:none;border:0;background:transparent;font-size:24px}.erp-content{padding:24px 28px 50px;max-width:1720px;margin:auto}.erp-alert{padding:13px 15px;border-radius:10px;margin-bottom:16px;font-weight:650}.erp-alert.success{background:#e7f7f0;color:#11704b;border:1px solid #bce8d6}.erp-alert.error{background:#fff0f0;color:#a52c35;border:1px solid #f1c9cd}.erp-alert.warning{background:#fff8e4;color:#7e5600;border:1px solid #f0daa2}.erp-alert a{color:inherit}.erp-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:15px;margin-bottom:20px}.erp-stat-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px 20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.erp-stat-grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#b9c6d4}.erp-stat-grid article.accent:before{background:var(--orange)}.erp-stat-grid span{display:block;color:var(--muted);font-size:13px;font-weight:650}.erp-stat-grid b{font-size:30px;line-height:1.15;margin-top:9px;display:inline-block;color:var(--navy)}.erp-stat-grid small{margin-left:5px;color:#8593a2}.erp-two-column{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.erp-panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:20px;margin-bottom:20px;min-width:0}.erp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.erp-panel-head h2{font-size:18px;margin:0}.erp-panel-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.erp-panel-head>a,.erp-panel-head>span{font-size:13px;color:var(--orange);text-decoration:none;font-weight:700}.erp-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.erp-table{width:100%;border-collapse:collapse;min-width:760px}.erp-table th{background:#f7f9fb;color:#64758a;font-size:12px;text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.erp-table.sticky th{position:sticky;top:0;z-index:2}.erp-table td{padding:12px;border-bottom:1px solid #edf1f5;font-size:13px;vertical-align:middle}.erp-table tr:last-child td{border-bottom:0}.erp-table tbody tr:hover{background:#fafcfe}.erp-table b{font-weight:750}.erp-table small{display:block;color:var(--muted);font-size:11px;margin-top:3px;max-width:360px}.erp-table .num{text-align:right;white-space:nowrap}.erp-table .danger,.danger{color:var(--red)}.success-text{color:var(--green)}.erp-table tr.low-stock{background:#fff8f1}.erp-table tr.disabled-row{opacity:.55}.empty{text-align:center!important;color:#8795a5!important;padding:28px!important}.erp-doc-list{display:flex;flex-direction:column}.erp-doc-list article{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f5}.erp-doc-list article:last-child{border:0}.erp-doc-list article>div{flex:1;min-width:0}.erp-doc-list b{display:block;font-size:13px}.erp-doc-list small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.erp-doc-list strong{font-size:13px;color:var(--navy)}.erp-pill{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:800;background:#e8edf3;color:#596b80;white-space:nowrap}.erp-pill.pending,.erp-pill.open{background:#fff0dc;color:#9b5700}.erp-pill.in_transit,.erp-pill.confirmed{background:#e5efff;color:#205da1}.erp-pill.completed,.erp-pill.fulfilled,.erp-pill.received{background:#e2f5ec;color:#12704b}.erp-pill.cancelled,.erp-pill.expired{background:#f0f1f3;color:#687381}.erp-filter{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.erp-filter.compact{margin:0}.erp-filter label{min-width:180px;flex:1}.erp-form-stack{display:flex;flex-direction:column;gap:14px}.erp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.erp-form-grid .span-2{grid-column:1/-1}label{font-size:13px;font-weight:700;color:#415268}label small{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #cbd5e0;border-radius:8px;background:#fff;padding:10px 11px;min-height:42px;margin-top:6px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(237,116,23,.12)}textarea{resize:vertical}.erp-btn{border:1px solid transparent;border-radius:9px;padding:10px 15px;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px}.erp-btn.primary{background:var(--orange);color:#fff}.erp-btn.primary:hover{background:#d9630e}.erp-btn.ghost{background:#fff;color:#42546a;border-color:#cbd5e0}.erp-btn.ghost:hover{background:#f6f8fa}.erp-btn.wide{width:100%}.erp-btn.small{padding:6px 10px;min-height:34px;font-size:12px}.erp-link-button{border:0;background:transparent;color:var(--orange);font-weight:750;padding:5px}.erp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:15px}.erp-warehouse-card{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}.erp-warehouse-card.disabled{opacity:.55;background:#f5f6f7}.erp-warehouse-title{display:flex;align-items:center;gap:10px}.erp-warehouse-title>span{display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:9px;width:42px;height:42px;font-size:12px;font-weight:850}.erp-warehouse-title>div{flex:1}.erp-warehouse-title h3{margin:0;font-size:16px}.erp-warehouse-title p{margin:3px 0 0;color:var(--muted);font-size:11px}.erp-warehouse-title em{font-style:normal;font-size:10px;background:#fff0df;color:#985100;padding:4px 7px;border-radius:99px}.erp-warehouse-card dl{display:grid;grid-template-columns:82px 1fr;font-size:12px;gap:8px;margin:16px 0}.erp-warehouse-card dt{color:var(--muted)}.erp-warehouse-card dd{margin:0}.erp-check{display:flex;align-items:center;gap:8px;padding:8px 0;font-weight:650}.erp-check input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--orange)}.erp-check-row{display:flex;gap:14px;flex-wrap:wrap}.erp-check-field{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-wrap:wrap;gap:4px 18px;align-content:flex-start}.erp-check-field legend{font-weight:800;font-size:13px;padding:0 6px}.erp-modal{display:none;position:fixed;inset:0;background:rgba(7,19,33,.62);z-index:100;padding:25px;overflow:auto;align-items:flex-start;justify-content:center}.erp-modal.open{display:flex}.erp-modal-dialog{width:min(700px,100%);margin:auto;background:#fff;border-radius:16px;padding:24px;position:relative;box-shadow:0 22px 60px rgba(0,0,0,.25)}.erp-modal-dialog.large{width:min(900px,100%)}.erp-modal-dialog h2{margin:0 35px 5px 0}.erp-modal-dialog>p{margin:0 0 18px;color:var(--muted);font-size:13px}.erp-modal-x{position:absolute;right:14px;top:12px;border:0;background:#eef2f5;border-radius:50%;width:34px;height:34px;font-size:23px}.erp-modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:15px}.erp-line-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.erp-line-row{display:grid;grid-template-columns:minmax(240px,2fr) 110px 150px minmax(150px,1fr) 36px;gap:8px;align-items:center;margin-bottom:8px}.erp-line-row input,.erp-line-row select{margin:0}.erp-line-remove{border:0;background:#fff0f0;color:var(--red);width:36px;height:36px;border-radius:8px;font-size:20px}.erp-document-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:14px}.erp-document-card{border:1px solid var(--line);border-radius:12px;padding:16px}.erp-document-card>header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.erp-document-card h3{display:inline-block;margin:0 0 0 7px;font-size:15px}.erp-document-card header p{margin:7px 0 0;color:var(--muted);font-size:11px}.erp-document-card header strong{font-size:15px;color:var(--navy);white-space:nowrap}.erp-document-lines{margin-top:12px;border-top:1px solid var(--line)}.erp-document-lines>div{display:grid;grid-template-columns:80px 1fr auto;gap:8px;padding:9px 0;border-bottom:1px dashed #e4e9ee;font-size:12px}.erp-document-lines span{color:var(--muted)}.erp-document-lines em{font-style:normal;color:#415268}.erp-receive-box{margin-top:12px;background:#f6f8fa;border-radius:9px;padding:11px}.erp-receive-box summary{cursor:pointer;font-weight:800;color:var(--orange)}.erp-receive-box form{margin-top:12px}.erp-receive-box form>label{display:block;margin-top:9px}.erp-actual-row{display:grid;grid-template-columns:1.2fr 90px 1.3fr;gap:8px;align-items:center;margin-bottom:8px}.erp-actual-row span{font-size:12px;font-weight:700}.erp-actual-row small{display:block;color:var(--muted);font-weight:400}.erp-actual-row input{margin:0}.narrow-panel{max-width:560px;margin-left:auto;margin-right:auto}.erp-login-body{min-height:100vh;background:radial-gradient(circle at 15% 20%,#274967 0,#112a46 37%,#08192c 100%);display:grid;place-items:center;padding:24px}.erp-login-card{width:min(440px,100%);background:#fff;border-radius:20px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.33)}.erp-login-card.wide-card{width:min(560px,100%)}.erp-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.erp-login-brand small{color:#75869a}.erp-login-card h1{font-size:25px;margin:0}.erp-login-card>p{color:var(--muted);font-size:13px;margin:8px 0 22px}.erp-login-foot{display:block;text-align:center;color:#8a98a9;margin-top:18px}.erp-login-card code{background:#edf1f4;padding:2px 5px;border-radius:4px}.erp-side-mask{display:none}
.erp-flow-note{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:14px;border:1px dashed #c7d3df;border-radius:10px;background:#f8fafc;color:#52657a;font-size:13px}.erp-flow-note span{color:var(--orange);font-weight:900}.erp-count-sheet.open{border-left:4px solid var(--orange)}.erp-count-sheet.closed{box-shadow:none}.erp-count-summary{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 16px}.erp-count-summary span{background:#f2f5f8;border-radius:9px;padding:9px 12px;font-size:12px;color:#607286}.erp-count-summary b{color:var(--navy)}.erp-count-actions,.erp-count-approve,.erp-inline-danger{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:14px}.erp-count-actions label,.erp-count-approve label{flex:1;min-width:220px}.erp-inline-danger{border-top:1px solid var(--line);padding-top:14px}.erp-inline-danger input{flex:1;min-width:230px;margin:0}.erp-btn.danger{background:#fff;color:var(--red);border-color:#e4aeb3}.erp-btn.danger:hover{background:#fff1f2}.erp-qty-input{width:90px;min-width:90px;margin:0;text-align:right}.erp-muted-note{margin-top:12px;padding:10px 12px;background:#f5f7f9;border-radius:8px;color:var(--muted);font-size:12px}.erp-pill.counting{background:#fff0dc;color:#9b5700}.erp-pill.counted,.erp-pill.auditing{background:#e5efff;color:#205da1}.erp-pill.closed{background:#e2f5ec;color:#12704b}.erp-pill.voided{background:#f0f1f3;color:#687381}
input,select,textarea{font-size:16px}
@media(max-width:1100px){.erp-stat-grid{grid-template-columns:repeat(3,1fr)}.erp-two-column{grid-template-columns:1fr}.erp-card-grid{grid-template-columns:repeat(2,1fr)}.erp-document-grid{grid-template-columns:1fr}}
@media(max-width:820px){html,body{font-size:16px}.erp-side{transform:translateX(-105%);transition:transform .2s}.erp-side.open{transform:translateX(0)}.erp-side.open~.erp-side-mask{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:45}.erp-side-close{display:block}.erp-main{margin-left:0}.erp-menu-button{display:block}.erp-topbar{height:70px;padding:0 15px}.erp-topbar h1{font-size:19px}.erp-domain{display:none}.erp-content{padding:16px}.erp-stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.erp-stat-grid article{padding:15px}.erp-stat-grid b{font-size:25px}.erp-panel{padding:15px;border-radius:12px}.erp-card-grid{grid-template-columns:1fr}.erp-form-grid{grid-template-columns:1fr}.erp-form-grid .span-2{grid-column:1}.erp-modal-actions.span-2{grid-column:1}.erp-modal{padding:10px}.erp-modal-dialog{padding:20px 15px}.erp-line-row{grid-template-columns:1fr 90px 135px 36px}.erp-line-row input:nth-of-type(3){grid-column:1/4}.erp-actual-row{grid-template-columns:1fr 80px}.erp-actual-row input:last-child{grid-column:1/3}.erp-document-card{padding:13px}.erp-table{min-width:700px}}
@media(max-width:480px){.erp-stat-grid{grid-template-columns:1fr 1fr}.erp-stat-grid article:last-child{grid-column:1/-1}.erp-login-card{padding:24px 18px;border-radius:16px}.erp-filter{display:grid;grid-template-columns:1fr;width:100%}.erp-filter label{min-width:0}.erp-line-row{grid-template-columns:1fr 75px 36px}.erp-line-row input[type=date]{grid-column:1/3}.erp-line-row input:nth-of-type(3){grid-column:1/3}.erp-document-card>header{flex-direction:column}.erp-check-row{gap:5px 12px}}

/* 主管 WMS 原稿：既有 MVC 功能僅套入此版面，不另行改動導覽與排列。 */
:root{
  --header:#1E3A5F;--orange:#E07020;--success:#16A34A;--danger:#DC2626;
  --warning:#D97706;--ship:#2563EB;--surface:#F1F5F9;--card:#FFFFFF;
  --text:#0F172A;--muted:#64748B;--border:#E2E8F0;
  --navy:var(--header);--navy2:var(--header);--ink:var(--text);--line:var(--border);
  --bg:var(--surface);--green:var(--success);--red:var(--danger);--yellow:var(--warning);
}
html,body{font-family:-apple-system,'PingFang TC','Noto Sans TC','Microsoft JhengHei',sans-serif;background:var(--surface);color:var(--text)}
body.erp-body{min-height:100dvh;max-width:430px;margin:0 auto;padding:0 0 calc(32px + env(safe-area-inset-bottom));display:block}
.app-header{background:var(--header);color:#fff;padding:52px 16px 0;position:sticky;top:0;z-index:50}
.header-row{display:flex;align-items:center;gap:12px;padding-bottom:14px}
.back-btn{background:rgba(255,255,255,.15);border:0;color:#fff;width:36px;height:36px;border-radius:10px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}
.header-title{font-size:18px;font-weight:700}.header-sub{font-size:12px;opacity:.6;margin-top:1px}
.tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.15)}
.menu{display:none;padding:0 0 12px;width:100%}.menu.open{display:block}.mgroup{margin-bottom:2px}
.mhead{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;border:0;border-radius:10px;background:transparent;font:inherit;font-size:14px;font-weight:800;color:rgba(255,255,255,.72);cursor:pointer;text-align:left}
.mhead:hover,.mhead:active{background:rgba(255,255,255,.08)}.mhead.cur{color:#fff}.mhead .caret{margin-left:auto;font-size:11px;opacity:.7;transition:transform .15s}.mgroup.open .mhead .caret{transform:rotate(180deg)}
.msubs{display:none;padding:2px 0 6px}.mgroup.open .msubs{display:block}
.mitem{display:flex;align-items:center;gap:6px;padding:9px 14px 9px 26px;border-radius:9px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.6);cursor:pointer;text-decoration:none;position:relative}
.mitem:hover,.mitem:active{background:rgba(255,255,255,.08);color:#fff}.mitem.on{background:rgba(255,255,255,.16);color:#fff;font-weight:800}.mitem.on:before{content:'';width:5px;height:5px;background:var(--orange);border-radius:50%;position:absolute;left:14px}
.menu-btn{margin-left:auto;position:relative;background:rgba(255,255,255,.15);border:0;color:#fff;width:38px;height:38px;border-radius:10px;font-size:17px;cursor:pointer;flex-shrink:0}
.view{display:none}.view.active{display:block}.erp-view{min-width:0}
.userbox{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
.ucard{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;cursor:pointer;text-align:left;font:inherit}
.ucard:active,.userbox.open .ucard{background:rgba(255,255,255,.1)}
.uavatar{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.uinfo{min-width:0;flex:1}.uname,.urole{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uname{font-size:13.5px;font-weight:800;color:#fff}.urole{font-size:11px;color:rgba(255,255,255,.6)}.ucaret{font-size:10px;color:rgba(255,255,255,.5)}
.umenu{background:rgba(0,0,0,.25);border-radius:12px;padding:10px;margin-bottom:6px}.umenu[hidden]{display:none}.umenu-head{font-size:13px;font-weight:800;color:#fff;padding-bottom:8px}.umenu-head span{display:block;font-size:11px;font-weight:400;color:rgba(255,255,255,.6)}.umenu form{margin:0}.umenu-btn{display:block;width:100%;text-align:left;background:rgba(255,255,255,.1);border:0;color:#fff;text-decoration:none;font:inherit;font-size:12.5px;font-weight:700;padding:8px 10px;border-radius:8px;margin-top:5px;cursor:pointer}
.chips{display:flex;gap:8px;padding:12px 16px 0;overflow-x:auto}.chip{flex-shrink:0;padding:7px 14px;border-radius:20px;background:var(--card);border:1.5px solid var(--border);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;text-decoration:none}.chip.active{background:var(--header);border-color:var(--header);color:#fff}
.note{margin:12px 16px 0;padding:10px 14px;background:#EFF6FF;border-radius:12px;font-size:12px;color:var(--header);line-height:1.6}.card{background:var(--card);border-radius:14px;margin:12px 16px 0;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.card-title{font-size:15px;font-weight:800;margin-bottom:12px}.sec-title{font-size:12px;font-weight:800;color:var(--muted);margin:20px 16px 0;letter-spacing:.5px}.list{background:var(--card);margin:12px 16px 0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05)}.empty{text-align:center!important;padding:36px 20px!important;color:var(--muted)!important;font-size:13px}
.pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}.pill-ok{background:#DCFCE7;color:var(--success)}.pill-low{background:#FEF3C7;color:var(--warning)}.pill-zero{background:#FEE2E2;color:var(--danger)}.pill-transit{background:#DBEAFE;color:var(--ship)}.pill-muted{background:#F1F5F9;color:var(--muted)}
.wh-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px 0}.wh-card{display:block;background:var(--card);border-radius:12px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);cursor:pointer;border-left:3px solid var(--border);text-decoration:none;color:var(--text)}.wh-card.main{border-left-color:var(--header)}.wh-name{font-size:13px;font-weight:800;display:flex;align-items:center;gap:6px}.wh-name .tag{font-size:10px;font-weight:700;color:var(--header);background:#EFF6FF;padding:1px 6px;border-radius:6px}.wh-num{font-size:20px;font-weight:800;color:var(--header);margin-top:4px}.wh-num small{font-size:11px;font-weight:600;color:var(--muted)}.wh-sub{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.5}
.strip{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px 16px 0}.strip-item{background:var(--card);border-radius:12px;padding:10px 2px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.05)}.strip-num{font-size:16px;font-weight:800;color:var(--header)}.strip-label,.strip-sub{font-size:10px;color:var(--muted);margin-top:1px}.ship-text{color:var(--ship)!important}.warning-text{color:var(--warning)!important}.danger-text{color:var(--danger)!important}
.table-wrap{overflow-x:auto;margin:12px 16px 0;background:var(--card);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.05)}table.matrix{width:100%;border-collapse:collapse;font-size:13px}.matrix th{background:#F8FAFC;color:var(--muted);font-size:11px;font-weight:700;padding:9px 8px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--border)}.matrix td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;vertical-align:top}.matrix th:first-child,.matrix td:first-child{text-align:left}.matrix td:first-child{white-space:normal;min-width:128px;font-weight:600}.matrix.wide th:first-child,.matrix.wide td:first-child{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--border)}.matrix.wide td:first-child{background:var(--card)}.matrix.wide th:first-child{background:#F8FAFC;z-index:2}.matrix tr:last-child td{border-bottom:0}.matrix .z{color:var(--danger);font-weight:800}.matrix .l{color:var(--warning);font-weight:800}.matrix .sub{display:block;font-size:10px;color:var(--muted);font-weight:400}.matrix .sub.held{color:var(--warning)}.matrix .tot{font-weight:800;color:var(--header)}
.srow{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.srow:last-child{border-bottom:0}.srow .nm{flex:1;min-width:0;font-size:14px;font-weight:600}.srow .meta{font-size:11px;color:var(--muted);margin-top:4px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.srow .qty{font-size:15px;font-weight:800;text-align:right;white-space:nowrap}.qty-pcs{font-size:10px;font-weight:600;color:var(--muted)}.danger-mini{font-size:10px;font-weight:700;color:var(--danger)}
.tf{background:var(--card);border-radius:14px;margin:12px 16px 0;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05);border-left:4px solid var(--ship)}.tf.received{border-left-color:var(--success)}.tf.short{border-left-color:var(--warning)}.tf.cancelled{border-left-color:#CBD5E1;opacity:.75}.tf-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px}.tf-route{font-size:15px;font-weight:800}.tf-id{font-size:11px;color:var(--muted);margin-top:2px;font-family:ui-monospace,monospace}.tf-body{border-top:1px solid var(--border);padding:10px 14px;font-size:13px}.tf-line{display:flex;justify-content:space-between;gap:8px;padding:3px 0}.tf-line .q{font-weight:700;white-space:nowrap}.tf-meta{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.6}
.exp-expired{color:var(--danger);font-weight:800}.exp-near{color:var(--warning);font-weight:800}.exp-hold{color:var(--muted);font-weight:700}
.erp-alert{margin:0 0 14px;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:700}.erp-alert.success{background:#DCFCE7;color:#166534;border:0}.erp-alert.error{background:#FEE2E2;color:#991B1B;border:0}
.erp-panel{background:var(--card);border:0;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:16px;margin:12px 16px 0}.erp-panel-head{margin-bottom:12px}.erp-panel-head h2{font-size:15px;font-weight:800}.erp-panel-head>a,.erp-panel-head>span{color:var(--ship);font-size:13px}.erp-table-wrap{overflow:auto;border:0;border-radius:12px}.erp-table{width:100%;border-collapse:collapse;min-width:760px;font-size:13px}.erp-table th{background:#F8FAFC;color:var(--muted);font-size:11px;font-weight:700;padding:9px 8px;border-bottom:1px solid var(--border)}.erp-table td{padding:10px 8px;border-bottom:1px solid var(--border);font-size:13px}.erp-table tr:last-child td{border-bottom:0}.erp-table small{color:var(--muted);font-size:10px}.erp-table tr.low-stock{background:#FFFBEB}
.erp-btn{border-radius:10px;min-height:40px;font-size:14px}.erp-btn.primary{background:var(--orange)}.erp-btn.primary:hover{background:var(--orange)}.erp-btn.ghost{border-color:var(--border);color:var(--header)}.erp-link-button{color:var(--ship)}.erp-document-card,.erp-warehouse-card{box-shadow:0 1px 3px rgba(0,0,0,.05);border-color:var(--border)}
.erp-form-grid,.erp-form-stack,.erp-filter{font-size:13px}label{color:var(--text)}input,select,textarea{border:1.5px solid var(--border);border-radius:10px;background:var(--card)}input:focus,select:focus,textarea:focus{border-color:var(--header);box-shadow:none}
.erp-side-mask{display:none}
.erp-three-stats{grid-template-columns:repeat(3,1fr);max-width:520px}.erp-wrap-cell{white-space:normal!important;min-width:190px}
.pform{display:grid;grid-template-columns:1fr;gap:0 26px}.fblk{margin-bottom:14px}.fdesc{font-size:11px;color:var(--muted);line-height:1.6;margin-top:4px}.freq,.req{color:var(--danger)}
.thumb-box{width:100%;aspect-ratio:1;max-width:190px;border:1.5px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;overflow:hidden;background:var(--surface)}.thumb-box img{width:100%;height:100%;object-fit:cover}.mrow-thumb{width:46px;height:46px;border-radius:9px;object-fit:cover;flex-shrink:0}
.radio-row{display:flex;flex-direction:column;gap:6px}.radio-row label,.chk-row label{display:flex;align-items:flex-start;gap:8px;font-size:14px;font-weight:600;cursor:pointer}.radio-row input,.chk-row input,.wh-chk>label>input{width:auto;min-height:0;margin:3px 0 0;accent-color:var(--orange)}.chk-row{display:flex;flex-direction:column;gap:10px}.combo-row{display:grid;grid-template-columns:1fr 76px 32px;gap:8px;align-items:center;margin:8px 0}.combo-row select,.combo-row input{padding:9px 10px;font-size:13px;margin:0}.rm{border:0;background:#F1F5F9;color:#94A3B8;width:32px;height:32px;border-radius:50%;cursor:pointer}.add-btn{width:100%;padding:11px;border:1.5px dashed var(--border);border-radius:10px;background:var(--surface);color:var(--header);font-size:13px;font-weight:700;cursor:pointer;text-decoration:none}.btn-primary{width:100%;padding:14px;border:0;border-radius:12px;background:var(--orange);color:#fff;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;margin-top:8px;text-decoration:none;text-align:center}.btn-primary.navy{background:var(--header)}
.route{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end}.route.two{grid-template-columns:1fr 1fr}.product-size{grid-template-columns:repeat(3,1fr)}.product-unit-help{margin-bottom:14px}.product-shipping-title{margin:18px 0 12px;padding-top:14px;border-top:1px solid var(--border)}.product-bin{font-size:12px;padding:7px 8px;margin-top:5px}.product-submit-row{display:flex;gap:10px;margin-top:4px}.product-submit-row .btn-primary{flex:1}.product-submit-row .product-cancel{background:var(--muted)}.product-master-row{align-items:flex-start}.erp-product-master-card{max-width:1040px}.product-category-new{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;cursor:pointer}.product-category-new input{width:auto;min-height:0;margin:0;accent-color:var(--orange)}.product-warehouse-actions{display:flex;gap:12px;margin-top:6px}.link-btn{padding:0;border:0;background:none;color:var(--ship);font-size:13px;font-weight:700;cursor:pointer}

.field{margin-bottom:12px}.warn{font-size:12px;color:var(--danger);font-weight:700;margin-top:6px}.item-row{border:1.5px solid var(--border);border-radius:12px;padding:10px 12px;margin-bottom:10px}.item-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--muted);font-weight:700;min-height:24px}.qty-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.qty-box{position:relative}.qty-box input{padding-right:34px;text-align:right;font-weight:700}.qty-box span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--muted);pointer-events:none}.avail{font-size:11px;color:var(--muted);margin-top:6px;min-height:14px}.avail.bad{color:var(--danger);font-weight:700}.exp-row{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center;margin-top:8px}.exp-row label{font-size:12px;color:var(--muted);font-weight:700}.exp-row input,.exp-row select{padding:8px 10px;font-size:13px}.wc-lots{border-top:1px solid var(--border);background:var(--surface)}.wc-lot{display:grid;grid-template-columns:1fr auto 84px 56px;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border)}.wc-lot:last-child{border-bottom:0}.wc-exp{font-size:12px;font-weight:700}.wc-sub{display:block;font-size:11px;color:var(--muted);margin-top:2px}.wc-book{font-size:11px;color:var(--muted);white-space:nowrap}.wc-lot input{padding:7px 8px;font-size:13px;text-align:right}.wc-diff{font-size:12px;font-weight:800;text-align:right}.wc-diff.same{color:var(--muted)}.wc-diff.gain{color:var(--success)}.wc-diff.loss{color:var(--danger)}.source-details{margin-top:10px}.source-details summary{cursor:pointer;color:var(--header);font-weight:800}.source-details form{margin-top:10px}.source-details .wc-lot{grid-template-columns:minmax(130px,1fr) auto 84px 56px minmax(120px,1fr)}.source-form-gap{margin-top:10px}.source-item-lines{margin-top:12px}.source-import-link{display:block;margin-top:6px}.tf-line .sub{display:block;font-size:10px;color:var(--muted)}.tf-line .q.bad{color:var(--warning)}.tf-actions{display:flex;gap:8px;margin-top:10px}.tf-actions button{flex:1;padding:10px;border-radius:10px;font-size:14px;font-weight:700}.act-recv{border:0;background:var(--header);color:#fff}.act-cancel{border:1.5px solid var(--border);background:var(--card);color:var(--muted)}

.person-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px}.person-name{font-size:15px;font-weight:800}.person-sub{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.55}.mini-btn{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--border);background:var(--card);color:var(--header);font-size:12px;font-weight:700;border-radius:8px;padding:6px 10px;cursor:pointer;text-decoration:none;flex-shrink:0}.batch-product-card{padding:0;overflow:hidden}.batch-product-head{cursor:default}.batch-table{margin:0;border-radius:0;box-shadow:none}.product-active-form{margin:0;display:inline-flex}.inbound-cancel-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.inbound-cancel-form input,.inbound-cancel-form button{margin:0}

.seg{display:flex;background:var(--surface);border-radius:10px;padding:3px;margin-bottom:12px}.seg-item{flex:1;text-align:center;padding:8px 7px;border-radius:8px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;text-decoration:none}.seg-item.on{background:var(--card);color:var(--header);box-shadow:0 1px 3px rgba(0,0,0,.08)}.swap-btn{width:40px;height:45px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);font-size:18px;cursor:pointer}.imp-chk{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-top:10px;cursor:pointer}.imp-chk input{width:auto;min-height:0;margin:0;accent-color:var(--orange)}

@media (min-width:900px){
  body.erp-body{max-width:none;display:grid;grid-template-columns:232px minmax(0,1fr);align-items:start;padding-bottom:0;margin:0}
  .app-header{grid-column:1;grid-row:1;position:sticky;top:0;height:100dvh;padding:26px 16px;display:flex;flex-direction:column;gap:4px;overflow:hidden}
  .header-row{padding-bottom:20px}.header-title{font-size:20px}.header-sub{font-size:12px;line-height:1.5}.menu-btn{display:none}.tabs{flex:1;min-height:0;overflow:hidden;flex-direction:column;border-bottom:0}.menu{display:flex!important;flex-direction:column;flex:1;height:100%;min-height:0;overflow-y:auto;padding-bottom:0}.mhead{font-size:14.5px}.userbox{margin-top:auto}
  .view.active{grid-column:2;grid-row:1;padding:28px 32px 56px;max-width:1180px;width:100%}.pform{grid-template-columns:1fr 1fr}
  .chips,.strip,.wh-cards{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.card,.note,.list,.table-wrap,.tf,.erp-panel{margin-left:0;margin-right:0;margin-top:0;margin-bottom:14px}.sec-title{margin:24px 0 10px;font-size:13px}.chips{margin-bottom:14px}.strip,.wh-cards{margin-bottom:14px}.strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:820px}.strip-item{padding:14px 8px}.strip-num{font-size:22px}.strip-label{font-size:12px}.wh-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wh-card{padding:16px}.wh-num{font-size:24px}.matrix{font-size:14px}.matrix th{font-size:12px;padding:12px 14px}.matrix td{padding:13px 14px}.matrix td:first-child{min-width:220px}.srow{padding:14px 18px}.note{font-size:13px;max-width:900px}.empty{padding:48px 20px!important}.erp-panel{padding:20px}.erp-document-grid{grid-template-columns:repeat(2,minmax(320px,1fr))}
}
@media (max-width:899px){
  .app-header.menu-open .menu{display:block}.app-header.menu-open{max-height:100dvh;overflow-y:auto}.app-header.menu-open~.erp-side-mask{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40}.erp-view{padding-bottom:20px}.erp-document-grid{grid-template-columns:1fr}.erp-form-grid{grid-template-columns:1fr}.erp-form-grid .span-2{grid-column:1}.erp-modal-actions.span-2{grid-column:1}.erp-line-row{grid-template-columns:1fr 80px 36px}.erp-line-row input[type=date],.erp-line-row input:nth-of-type(3){grid-column:1/3}.erp-table{min-width:700px}
}
.erp-login-brand-title{white-space:nowrap}
.erp-login-brand-title b{font-size:26px;font-weight:900;line-height:1.2}
.erp-login-body{background:var(--header)}
.wh-chk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
.wh-chk>label{display:flex;align-items:flex-start;gap:6px;min-width:0;font-size:13px}
.wh-chk>label>span{display:block;min-width:0;flex:1}
@media(max-width:480px){.wh-chk{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}
.erp-strip-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.erp-ship{color:var(--ship)}.erp-warning{color:var(--warning)}.erp-orange{color:var(--orange)}
.erp-holder-card{margin:0 0 10px;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.erp-holder-card>summary{list-style:none;cursor:pointer}.erp-holder-card>summary::-webkit-details-marker{display:none}
.person-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}
.person-name{font-weight:800;color:var(--header)}.person-name span{font-size:11px;font-weight:600;color:var(--muted);margin-left:6px}
.person-sub{font-size:12px;color:var(--muted);line-height:1.55;margin-top:4px}.person-num{font-size:22px;font-weight:900;color:var(--orange);white-space:nowrap}.person-num small{font-size:11px}.person-num.zero{color:var(--muted)}
.person-body{border-top:1px solid var(--border)}.matrix .sub{display:block;font-size:11px;color:var(--muted);margin-top:2px}.matrix .tot{font-weight:800;text-align:right}
@media(max-width:560px){.erp-strip-three{grid-template-columns:repeat(3,minmax(0,1fr))}.person-head{padding:12px}.person-num{font-size:19px}}
.erp-strip-four{grid-template-columns:repeat(4,minmax(0,1fr))}.erp-danger{color:var(--danger)}
.erp-import-actions{display:flex;gap:8px;flex-wrap:wrap}.erp-import-actions>*{flex:1;min-width:160px;text-align:center}.erp-file-btn{position:relative;cursor:pointer}.erp-file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.erp-no-margin{margin:0}.erp-flex-one{flex:1}.settle-doc{background:var(--card);border:1px solid var(--border);border-radius:12px;margin:10px 0;overflow:hidden}.sd-head{display:flex;align-items:center;gap:10px;padding:14px}.sd-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--header);color:#fff;font-weight:900}.sd-title{font-weight:800;color:var(--header)}.sd-route{font-size:12px;color:var(--muted);margin-top:3px}.sd-sum{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.sd-sum>div{text-align:center;padding:10px}.sd-sum span{display:block;font-size:11px;color:var(--muted)}.sd-sum b{font-size:18px}.sd-lines{padding:8px 14px}.sd-line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--border);font-size:13px}.sd-line:last-child{border-bottom:0}
.erp-count-wh-strip{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.erp-count-wh-name{font-size:13px}.erp-count-wh-strip .strip-label.erp-ship{color:var(--ship);font-weight:800}

/* Supervisor UI parity: product cards, stock-card popup, expandable holder/count cards. */
.product-master-row .nm{min-width:0;flex:1}.product-master-row .meta{white-space:normal}.product-master-row .mini-btn{flex:none}.stock-card-overlay{display:flex!important;align-items:flex-end;justify-content:center;background:rgba(15,23,42,.48);z-index:1100}.stock-card-overlay .erp-modal-dialog{position:relative;max-height:92vh;overflow:auto;width:min(760px,100%);margin:0;border-radius:18px 18px 0 0;background:#fff;padding:22px}.stock-card-overlay .modal-title{font-size:20px;font-weight:800}.modal-sub{color:#64748b;font-size:12px;margin:8px 0 14px}.holder-card{padding:0;overflow:hidden}.holder-card summary{list-style:none;cursor:pointer}.holder-card .person-body{padding:0 14px 14px}.wc-item{border:1px solid #e2e8f0;border-radius:12px;background:white;margin:10px 0;overflow:hidden}.wc-head{padding:14px;cursor:pointer;list-style:none}.wc-name{font-size:15px;font-weight:700}.wc-sub{font-size:12px;color:#64748b}.cs-io{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.erp-count-wh-strip .strip-item{color:inherit;text-decoration:none}.erp-count-wh-strip .strip-item:hover{outline:2px solid #1e3a5f}.erp-import-actions{display:flex;gap:8px;flex-wrap:wrap}.erp-import-actions>*{flex:1;min-width:150px}.imp-file{display:block;margin:14px 0}.imp-file input{display:block;font-size:16px;margin-top:8px}.erp-filter select{min-width:140px}.tf-meta,.tf-line .q{overflow-wrap:anywhere}.erp-form-grid label input{max-width:100%}[hidden]{display:none!important}

/* Match the supervisor segmented tabs; reset the native button appearance. */
button.seg-item{appearance:none;-webkit-appearance:none;border:0;background:transparent;font-family:inherit;line-height:1.4;margin:0;min-height:0}button.seg-item.on{background:var(--card);color:var(--header);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.sum-row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;color:var(--muted)}.sum-row b{color:var(--text)}.source-line-summary{margin:8px 0}

/* 20261020: exact supervisor form structure for counts, people and vehicle pages. */
.wms-count-page .label,.wms-holding-page .label{display:block;font-size:13px;font-weight:600;margin:0 0 6px}
.wms-count-page input,.wms-count-page select,.wms-holding-page input,.wms-holding-page select{margin-top:0;font-size:15px;padding:12px;min-width:0}
.wms-count-page .field,.wms-holding-page .field{margin-bottom:12px}
.wms-first-field{margin-top:12px}
.wms-count-page .strip.erp-count-wh-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
.wms-count-page .erp-count-wh-strip .selected{outline:2px solid var(--header)}
.wms-count-page .erp-count-wh-strip .strip-label{font-size:10px}
.wms-count-page .erp-count-wh-strip .erp-danger{color:var(--danger)}
.wms-count-page .erp-count-wh-strip .erp-ship{color:var(--ship)}
.wms-count-page .wms-start-title{margin:16px 0 0;padding:0;font-size:12px}
.wms-count-page .wms-count-start .avail{line-height:1.6}
.wms-download{display:block;margin-top:10px;text-align:center;background:#f8fafc}
.wms-count-page .imp-chk{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:600}
.wms-count-page .imp-chk input{width:13px;height:13px;min-height:0;margin:0;padding:0}
.wms-book-table{margin:10px 0 0;border-radius:8px}
.wms-holding-page .wms-operation-card .note{margin:0 0 14px}
.wms-holding-page .seg{margin-bottom:0}
.wms-holding-page .seg-item{font-size:13px;padding:8px 7px;white-space:nowrap}
.wms-holding-page .fdesc{margin-top:8px}
.wms-holding-page .wms-item-row select{display:block;width:100%;font-size:15px}
.wms-holding-page .qty-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:8px}
.wms-holding-page .qty-box{position:relative;min-width:0}
.wms-holding-page .qty-box input{margin:0;padding-right:34px;text-align:right;width:100%;font-weight:700}
.wms-holding-page .qty-box span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px;pointer-events:none}
.wms-holding-page .wms-item-row .item-head{min-height:24px;margin-bottom:8px}
.wms-holding-page .source-line-summary{margin:8px 0}
.wms-holding-page .exp-row{grid-template-columns:100px minmax(0,1fr)}
.wms-holding-page .exp-row input{padding:8px 10px;font-size:13px}
.wms-holder-card{padding:0!important;overflow:hidden}
.wms-holder-card .person-body{padding:0}
.wms-holder-card .person-sub{font-size:11px}
.wms-holder-card .person-head{font-size:15px}
.wms-holder-card .person-name span{font-size:11px}
.wms-holder-card .table-wrap{margin:0;border-radius:0;overflow:auto}
.wms-holder-card .matrix td:first-child{min-width:130px}
.wms-bad-title{margin:0;padding:10px 14px 0;color:var(--danger)}
.wms-bad-quantity{font-size:11px;color:var(--danger);font-weight:700}
.wms-holder-empty{padding:18px!important}
.wms-holder-count,.wms-holder-return{padding:10px 14px}
.wms-holder-count form,.wms-holder-return form{margin-top:12px}
.wms-holder-count .note{margin:0 0 12px}
.wms-holder-count .wms-actual{width:84px;padding:8px;font-size:13px}
.wms-pending-row{display:flex;justify-content:space-between;padding:9px 14px;background:#fffbeb;font-size:13px}
.wms-holding-page .tf-actions a{padding:10px;text-decoration:none;border-radius:10px;display:block;text-align:center;flex:1}
.wms-count-page .wc-lot{grid-template-columns:minmax(120px,1fr) auto 84px 56px minmax(100px,1fr)}
@media(min-width:900px){
 .wms-holding-page .card,.wms-count-page .card{max-width:640px;padding:20px 22px}
 .wms-holding-page .wms-holder-card{max-width:640px}
 .wms-count-page .wms-count-sheet{max-width:1040px}
}
@media(max-width:899px){
 .wms-holding-page .route.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .wms-holding-page .erp-strip-four{grid-template-columns:repeat(4,minmax(0,1fr))}
 .wms-holding-page .strip-label{font-size:10px}
 .wms-count-page .wc-lot{grid-template-columns:minmax(100px,1fr) auto 72px 45px}
 .wms-count-page .wc-lot [data-loss]{grid-column:1/-1}
}

.wms-status{float:right}
.wms-count-page .cs-io{display:flex;flex-wrap:nowrap;gap:8px;margin:12px 0}
.wms-count-page .cs-io>*{flex:1;min-width:0;margin:0;text-align:center;background:#f8fafc;padding:11px;border:1.5px dashed var(--border);border-radius:10px;font-size:13px;color:var(--header);font-weight:700;position:relative;cursor:pointer}
.wms-count-page .cs-io input[type=file]{position:absolute;inset:0;opacity:0;width:100%;margin:0;cursor:pointer}
.wms-count-page [data-count-text]{min-height:60px;margin:8px 0}
.wms-count-page .wc-lot{grid-template-columns:minmax(0,1fr) auto 84px 56px}
.wms-count-page .wms-count-sheet .erp-inline-danger{border:0;padding:0;display:block}
.wms-count-page .wms-count-sheet .erp-inline-danger input{width:100%;margin-bottom:8px}
.wms-count-page .wms-count-sheet .erp-inline-danger button{width:100%;background:var(--surface);color:var(--header);border:1.5px dashed var(--border)}
.wms-holding-page input[type=number]{appearance:textfield;-moz-appearance:textfield}
.wms-holding-page input[type=number]::-webkit-inner-spin-button,.wms-holding-page input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media(min-width:900px){.wms-count-page .wms-count-sheet{max-width:640px}}

/* Supervisor warehouse-to-partner row: source, direction, recipient share one grid row. */
.partner-transfer-route{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}
.partner-transfer-route>div{min-width:0}
.partner-transfer-route .label,.partner-transfer-purpose>.label{display:block;margin-bottom:6px}
.partner-transfer-arrow{height:45px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--muted)}
.partner-transfer-purpose .seg{margin-bottom:8px}
@media(max-width:480px){.partner-transfer-route{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}}

/* 日結進出總表：依主管 UI 的區間查詢排列。 */
.settlement-ledger .rng{display:grid;grid-template-columns:1fr auto 1fr auto;gap:6px;align-items:center;margin:8px 16px 14px}
.settlement-ledger .rng input{padding:9px 10px;font-size:13px;min-width:0}
.settlement-ledger .rng button{padding:9px 12px;border:0;border-radius:9px;background:var(--header);color:#fff;font-weight:700;font-family:inherit;cursor:pointer}
@media(min-width:700px){.settlement-ledger .rng{margin-left:0;margin-right:0;max-width:760px}}