:root{--navy:#172c43;--navy-light:#263e57;--blue:#2a5f91;--blue-soft:#edf4fb;--ink:#1c2e40;--muted:#6c7b8c;--line:#e4eaf0;--bg:#f5f7fa;--green:#257555;--green-bg:#eaf5ef;--orange:#956013;--orange-bg:#fff4df;--red:#b13d3d;--red-bg:#fceeee;--white:#fff;--radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--ink);font-size:16px;background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #80b6ed;outline-offset:3px}button{border:0}a{color:var(--blue);text-decoration:none}button svg,.icon svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.65}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}h1,h2,h3,p{margin:0}h1{font-size:1.8rem;font-weight:650;letter-spacing:-.035em}h2{font-size:1.08rem;font-weight:650}h3{font-size:1rem;font-weight:600}.muted{color:var(--muted)}.small{font-size:.875rem}.meta{font-size:.8125rem;color:var(--muted)}.nowrap{white-space:nowrap}.mono{font-variant-numeric:tabular-nums}.skip-link{position:fixed;left:15px;top:-80px;padding:12px;background:white;z-index:50}.skip-link:focus{top:12px}
.sidebar{width:222px;position:fixed;inset:0 auto 0 0;z-index:10;background:var(--navy);color:#fff;padding:30px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 42px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#fff;color:var(--navy)}.brand-mark svg{width:24px;height:24px}.brand-name{font-size:1.02rem;letter-spacing:.025em;font-weight:700}.brand-sub{display:block;margin-top:4px;font-size:.75rem;font-weight:400;letter-spacing:.12em;color:#9eafc0}.nav-label{padding:0 14px;margin-bottom:11px;font-size:.75rem;color:#8298ae;letter-spacing:.1em}.sidebar nav{display:grid;gap:6px}.nav-btn{width:100%;justify-content:flex-start;padding:13px 14px;color:#b8c7d7;background:transparent;border-radius:8px;font-size:.9375rem;gap:12px;text-align:left}.nav-btn:hover{background:#223c55;color:#fff}.nav-btn.active{background:#fff;color:var(--navy);font-weight:600}.nav-btn.active svg{color:var(--blue)}.nav-count{margin-left:auto;font-size:.75rem;min-width:22px;height:22px;display:grid;place-items:center;background:#34506c;color:white;border-radius:5px}.nav-btn.active .nav-count{background:var(--blue-soft);color:var(--blue)}.sidebar-foot{margin-top:auto}.warehouse-note{font-size:.8125rem;line-height:1.7;margin:20px 11px;color:#a3b5c7}.warehouse-note strong{color:#d6e2ed;font-weight:500;display:block;margin-bottom:5px}.profile{display:flex;align-items:center;gap:11px;border-top:1px solid #30455b;padding:21px 10px 0}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#385571;color:white;font-weight:600;font-size:.875rem}.profile-name{font-size:.9375rem;font-weight:500}.profile-role{color:#8fa4ba;font-size:.75rem;margin-top:4px}
.workspace{margin-left:222px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);background:white;gap:16px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--muted)}.breadcrumb strong{font-weight:500;color:var(--ink)}.top-actions{display:flex;align-items:center;gap:20px}.demo-tag{color:var(--orange);background:var(--orange-bg);border:1px solid #f1e3c9;border-radius:6px;padding:5px 9px;font-size:.75rem;white-space:nowrap}.lang-switch{display:flex;gap:2px;border:1px solid var(--line);border-radius:7px;padding:3px}.lang-switch button{background:transparent;border-radius:4px;font-size:.8125rem;padding:5px 9px;color:var(--muted);min-height:29px}.lang-switch button.active{background:var(--navy);color:white}.mobile-brand{display:none}main{padding:32px 36px 42px;max-width:1660px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-head p{font-size:.875rem;color:var(--muted);margin-top:9px;line-height:1.6}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{min-height:42px;padding:10px 16px;border-radius:7px;font-size:.875rem;font-weight:550;line-height:1.35;white-space:nowrap;background:white;border:1px solid #d7e0e9;color:var(--ink)}.btn:hover{background:#f7f9fc}.btn.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.btn.primary:hover{background:#214e79}.btn.danger{color:var(--red);border-color:#ebcaca;background:#fff}.btn.quiet{color:var(--blue);background:var(--blue-soft);border-color:transparent}.btn.sm{min-height:34px;padding:7px 10px;font-size:.8125rem}.text-btn{font-size:.875rem;color:var(--blue);background:none;padding:6px 0;white-space:nowrap}.icon-btn{border:1px solid var(--line);border-radius:7px;width:36px;height:36px;background:#fff;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.metric{padding:21px 23px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:16px;align-items:center}.metric-icon{height:43px;width:43px;display:grid;place-items:center;border-radius:10px;background:var(--blue-soft);color:var(--blue);flex-shrink:0}.metric-icon svg{width:23px;height:23px}.metric-label{font-size:.875rem;color:var(--muted)}.metric-value{font-size:1.9rem;letter-spacing:-.04em;line-height:1.15;font-weight:650;margin-top:5px}.metric-value small{font-size:.8125rem;letter-spacing:0;font-weight:400;color:var(--muted);margin-left:8px}.metric-trailing{margin-left:auto;align-self:flex-start;color:var(--muted);font-size:.8125rem}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{display:flex;align-items:center;gap:9px}.count-pill{font-size:.75rem;border-radius:5px;padding:3px 6px;color:var(--muted);background:#f1f4f7;font-weight:500}.panel-head .meta{margin-top:4px}.filters{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.tab{background:transparent;padding:8px 11px;min-height:35px;border-radius:6px;font-size:.8125rem;color:var(--muted);white-space:nowrap}.tab.active{background:var(--blue-soft);color:var(--blue);font-weight:600}.search{position:relative;min-width:185px;flex:1;max-width:255px}.search svg{position:absolute;left:12px;top:11px;width:17px;height:17px;color:#8d9bab}.search input{width:100%;height:38px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px 12px 8px 37px;font-size:.8125rem;color:var(--ink)}input::placeholder{color:#95a0ae}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{background:#f8fafc;color:var(--muted);font-weight:500;font-size:.75rem;padding:13px 18px;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:17px 18px;border-bottom:1px solid #edf1f5;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#f9fbfe}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.available{color:var(--green);font-weight:650}.stock-zero{color:#a4adba}.product-cell{display:flex;align-items:center;gap:12px;min-width:175px}.product-symbol{display:grid;place-items:center;flex-shrink:0;width:34px;height:37px;border-radius:6px;background:#eff3f7;color:#6884a0;font-size:.6875rem;letter-spacing:.01em;font-weight:650;border:1px solid #e4eaf1}.product-symbol svg{width:20px;height:20px}.product-name{font-weight:550;font-size:.875rem;line-height:1.35}.product-spec{font-size:.75rem;color:var(--muted);margin-top:5px;line-height:1.4}.product-code{font-size:.75rem;color:var(--muted);letter-spacing:.025em}.table-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--muted);gap:14px}.table-foot button{font-size:.8125rem}.side-stack{display:grid;gap:18px}.task{padding:19px 20px;border-bottom:1px solid var(--line)}.task:last-child{border-bottom:0}.task-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}.task-id{font-size:.8125rem;font-weight:550}.task-route{font-size:.875rem;line-height:1.5;margin-bottom:7px}.task-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.task-label{font-size:.75rem;color:var(--muted)}.badge{display:inline-flex;align-items:center;border-radius:5px;padding:4px 8px;line-height:1.3;font-size:.75rem;font-weight:500;white-space:nowrap}.badge.pending,.badge.draft{color:var(--orange);background:var(--orange-bg)}.badge.transit,.badge.shipped{color:var(--blue);background:var(--blue-soft)}.badge.complete{color:var(--green);background:var(--green-bg)}.badge.cancelled{color:#7a8290;background:#f0f2f5}.badge.exception{background:var(--red-bg);color:var(--red)}.info-panel{padding:20px}.info-panel .icon{color:var(--blue);display:block;margin-bottom:12px}.info-panel h3{margin-bottom:8px;font-size:.875rem}.info-panel p{font-size:.8125rem;line-height:1.8;color:var(--muted)}.warehouse-legend{display:flex;gap:20px;padding:16px 20px;border-top:1px solid var(--line);flex-wrap:wrap}.warehouse-legend span{font-size:.75rem;color:var(--muted)}.warehouse-legend b{font-weight:550;color:var(--ink)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px}.page-note{margin-top:21px;color:var(--muted);font-size:.75rem;line-height:1.7;display:flex;gap:7px;align-items:center}.page-note svg{width:15px;height:15px;flex-shrink:0}.route-cell{line-height:1.7}.route-cell span{font-size:.75rem;color:var(--muted)}.route-arrow{display:inline-block;color:#9ba9b7;margin:0 8px}.doc-code{font-size:.8125rem;letter-spacing:.015em;font-weight:600}.doc-code+small{display:block;color:var(--muted);font-size:.75rem;margin-top:5px}.wide-filters{border-bottom:1px solid var(--line)}.filter-select{height:38px;border:1px solid var(--line);border-radius:7px;padding:0 30px 0 12px;font-size:.8125rem;color:var(--ink);background:white}.filter-right{display:flex;gap:10px;align-items:center}.empty{padding:65px 25px;text-align:center;color:var(--muted);font-size:.9375rem}.empty svg{width:36px;height:36px;color:#9fb3c5;margin-bottom:15px}.empty p{margin-top:8px;font-size:.8125rem;line-height:1.7}.details-list{display:grid;gap:12px}.transfer-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.transfer-card{padding:23px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.transfer-route{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0}.transfer-warehouse{font-size:1rem;font-weight:600}.transfer-warehouse small{display:block;font-size:.75rem;font-weight:400;color:var(--muted);margin-bottom:8px}.transfer-route .icon{color:#9badbe}.transfer-body{padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.transfer-count{font-size:.8125rem;color:var(--muted)}.transfer-line{margin:9px 0;font-size:.875rem;display:flex;justify-content:space-between;gap:14px}.subtle-banner{padding:15px 18px;display:flex;align-items:flex-start;gap:10px;background:#edf3f9;border:1px solid #dce7f1;border-radius:8px;font-size:.875rem;color:#516b84;line-height:1.6;margin-bottom:22px}.subtle-banner svg{width:19px;height:19px;flex-shrink:0;margin-top:2px}.count-positive{color:var(--green)}.count-negative{color:var(--red)}.mobile-nav{display:none}
dialog{padding:0;background:white;color:var(--ink);border:0;box-shadow:0 20px 70px #172c4330}dialog::backdrop{background:#172c4370;backdrop-filter:blur(2px)}.editor-dialog{width:min(690px,calc(100% - 32px));max-height:90dvh;border-radius:14px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:24px 26px 20px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:1.22rem}.dialog-head p{font-size:.8125rem;color:var(--muted);margin-top:7px;line-height:1.6}.dialog-body{padding:24px 26px;max-height:calc(90dvh - 177px);overflow-y:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;font-size:.875rem}.field>span{font-weight:550}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border-radius:7px;border:1px solid #d6e0e9;background:#fff;color:var(--ink);min-height:43px;font-size:.875rem;max-width:100%}.field input[readonly]{background:#f7f9fb;color:var(--muted)}.field small{font-size:.75rem;color:var(--muted);line-height:1.6}.field textarea{resize:vertical;min-height:75px}.required{color:var(--red);font-style:normal;margin-left:4px}.dialog-footer{padding:17px 26px;display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--line);background:#fcfdfe}.dialog-footer .meta{margin-right:auto}.line-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 28px;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}.line-row select,.line-row input{width:100%;border:1px solid var(--line);border-radius:6px;min-height:40px;padding:8px;font-size:.8125rem;background:#fff}.line-row .line-stock{font-size:.75rem;color:var(--muted);margin-top:7px;line-height:1.6}.line-row .remove-line{width:28px;background:none;color:#8795a3;padding:9px 0}.line-row .remove-line svg{width:17px}.form-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}.form-section-title h3{font-size:.875rem}.error-box{padding:11px 13px;background:var(--red-bg);border-radius:6px;color:var(--red);font-size:.875rem;line-height:1.5;margin-top:14px}.error-box:empty{display:none}.detail-dialog{position:fixed;inset:0 0 0 auto;height:100dvh;max-height:100dvh;margin:0;width:min(590px,100%);max-width:100%;border-radius:0;overflow:hidden}.detail-dialog .dialog-body{max-height:none;height:calc(100dvh - 104px);overflow-y:auto;padding-bottom:35px}.detail-dialog .dialog-head{min-height:104px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:26px}.detail-meta dt{font-size:.75rem;color:var(--muted);margin-bottom:7px}.detail-meta dd{margin:0;font-size:.9375rem;font-weight:500}.detail-section{margin-top:27px}.detail-section h3{margin-bottom:15px}.detail-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.detail-item .qty{font-variant-numeric:tabular-nums;font-size:.9375rem;white-space:nowrap}.detail-item:last-child{border-bottom:0}.steps{display:grid;margin-top:8px}.step{display:flex;gap:14px;position:relative;padding-bottom:23px;min-height:62px}.step:last-child{padding-bottom:0}.step:before{content:'';position:absolute;left:12px;top:27px;bottom:0;width:1px;background:var(--line)}.step:last-child:before{display:none}.step-marker{width:25px;height:25px;flex-shrink:0;border:1px solid #dae2eb;border-radius:50%;display:grid;place-items:center;font-size:.75rem;color:#91a0b1;background:white}.step.done .step-marker{background:var(--green-bg);border-color:var(--green-bg);color:var(--green)}.step.current .step-marker{background:var(--blue);border-color:var(--blue);color:#fff}.step-title{font-size:.875rem;font-weight:550;margin-top:3px}.step-sub{font-size:.75rem;color:var(--muted);line-height:1.7;margin-top:5px}.step-marker svg{width:14px;height:14px}.action-box{background:#f7f9fc;padding:20px;border-radius:9px;margin-top:27px;border:1px solid var(--line)}.action-box h3{margin-bottom:17px}.action-box .field{margin-bottom:15px}.action-box .btn.primary{width:100%}.upload-label{border:1px dashed #b9cbda;border-radius:7px;background:#fff;padding:16px;text-align:center;cursor:pointer;display:block;font-size:.8125rem;line-height:1.6;color:var(--blue)}.upload-label svg{display:block;margin:0 auto 7px;width:24px;height:24px}.upload-label input{display:block;width:100%;margin-top:10px;font-size:.75rem}.upload-label input::file-selector-button{border:1px solid var(--line);background:#f5f8fb;padding:6px 10px;border-radius:5px;color:var(--ink);margin-right:8px}.photo-preview{max-width:100%;max-height:160px;object-fit:contain;margin:12px 0;border-radius:6px}.review-numbers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:20px 0}.review-number{text-align:center;padding:18px 10px;border-right:1px solid var(--line)}.review-number:last-child{border:0}.review-number small{display:block;color:var(--muted);font-size:.75rem;margin-bottom:8px}.review-number b{font-size:1.4rem;font-weight:600}.product-warehouse{background:#f7f9fc;padding:20px;border-radius:9px}.product-warehouse+.product-warehouse{margin-top:14px}.warehouse-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;gap:10px}.warehouse-stats span{font-size:.75rem;color:var(--muted);display:block;margin-bottom:7px}.warehouse-stats strong{font-size:1.3rem;font-weight:600;font-variant-numeric:tabular-nums}.history-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:14px 0;font-size:.8125rem}.history-row small{display:block;margin-top:5px;color:var(--muted);font-size:.75rem}.toast{position:fixed;left:calc(50% + 111px);bottom:27px;transform:translate(-50%,20px);background:var(--navy);color:#fff;box-shadow:0 8px 30px #172c4330;padding:14px 22px;border-radius:9px;font-size:.875rem;z-index:99;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;line-height:1.5}.toast.show{opacity:1;transform:translate(-50%,0)}.inset-empty{padding:25px 0;color:var(--muted);font-size:.875rem;line-height:1.7}.hidden{display:none!important}
@media(min-width:1500px){main{padding-top:38px}.content-grid{grid-template-columns:minmax(0,1fr) 308px}td{padding-top:19px;padding-bottom:19px}}
@media(max-width:1250px){.sidebar{width:204px;padding-left:13px;padding-right:13px}.workspace{margin-left:204px}.topbar{padding:0 26px}main{padding:28px 26px}.content-grid{grid-template-columns:minmax(0,1fr)}.side-stack{grid-template-columns:1.5fr 1fr}.task-list{display:grid;grid-template-columns:repeat(2,1fr)}.task{border-bottom:0}.task+.task{border-left:1px solid var(--line)}.task:nth-child(n+3){display:none}.toast{left:calc(50% + 102px)}.metric{padding:19px}}
@media(max-width:900px){.sidebar{width:185px;padding-left:9px;padding-right:9px}.brand{padding-left:9px;gap:8px}.brand-name{font-size:.9375rem}.brand-sub{font-size:.6875rem}.nav-btn{padding-left:12px;font-size:.875rem}.workspace{margin-left:185px}main{padding:24px 21px}.topbar{padding:0 21px}.page-head{align-items:flex-start}.page-head .actions{justify-content:flex-end}.metric{gap:10px;padding:17px 14px}.metric-icon{width:36px;height:36px}.metric-value{font-size:1.6rem}.metric-label{font-size:.8125rem}.metric-trailing{display:none}.metric-value small{display:none}.side-stack{grid-template-columns:1fr}.info-panel{display:none}.transfer-cards{grid-template-columns:1fr}.table-scroll table{min-width:635px}.filters .tabs{gap:0}.toast{left:calc(50% + 92px)}}
@media(max-width:700px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:68px;padding:0 18px;gap:12px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:9px;font-size:.9375rem;font-weight:650}.mobile-brand img{width:30px;height:30px}.top-actions{gap:10px}.demo-tag{font-size:.75rem;padding:4px 6px}.lang-switch button{padding:5px 7px}.lang-switch{gap:0}main{padding:23px 17px 104px}h1{font-size:1.55rem}.page-head{margin-bottom:21px;gap:15px;flex-wrap:wrap}.page-head p{font-size:.8125rem;margin-top:7px}.page-head .actions{justify-content:flex-start;gap:8px}.page-head .btn{min-height:40px;padding:9px 12px;font-size:.8125rem}.page-head .actions .btn svg{width:17px;height:17px}.metrics{gap:9px;margin-bottom:19px}.metric{display:block;padding:14px 12px}.metric-icon{display:none}.metric-label{font-size:.75rem;line-height:1.5;min-height:18px}.metric-value{font-size:1.65rem;margin-top:8px}.content-grid{gap:18px}.panel-head{padding:18px 16px}.panel-head h2{font-size:1rem}.filters{padding:13px 14px;gap:11px}.filters .search{max-width:none;min-width:100%;order:2}.filters .tabs{width:100%;flex-wrap:nowrap;overflow-x:auto}.tab{font-size:.75rem;padding:8px 10px}.filters .filter-right{width:100%;display:flex}.filter-right .search{min-width:0;order:0}.filter-select{font-size:.75rem;max-width:140px}.table-scroll{overflow:visible}.table-scroll table{min-width:0}.inventory-table thead{display:none}.inventory-table,.inventory-table tbody,.inventory-table tr,.inventory-table td{display:block}.inventory-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,76px);padding:14px 16px;border-bottom:1px solid var(--line);gap:12px 8px}.inventory-table td{padding:0;border:0}.inventory-table tr:last-child{border-bottom:0}.inventory-table .mobile-hide{display:none}.inventory-table .product-td{grid-column:1/4}.inventory-table .product-cell{min-width:0}.inventory-table td.mobile-stock{grid-column:auto;justify-self:stretch;text-align:left;padding-top:2px;font-size:.875rem}.inventory-table td.mobile-stock::before{content:attr(data-label);display:block;font-size:.6875rem;color:var(--muted);font-weight:400;margin-bottom:6px}.inventory-table td.mobile-unit{display:none}.inventory-table .available{grid-column:3}.inventory-table .product-symbol{width:35px}.table-foot{padding:13px 16px;font-size:.75rem}.warehouse-legend{gap:12px;padding:14px 16px}.warehouse-legend span{font-size:.6875rem}.task-list{grid-template-columns:1fr}.task+.task{border-left:0;border-top:1px solid var(--line)}.task:nth-child(n+3){display:none}.task{padding:16px}.side-stack{display:block}.info-panel{display:none}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));inset:auto 0 0;background:#fff;z-index:15;border-top:1px solid var(--line);padding:7px 6px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -3px 15px #172c4305}.mobile-nav button{padding:7px 1px;min-height:51px;flex-direction:column;gap:5px;background:none;color:#7a8999;font-size:.6875rem;border-radius:7px}.mobile-nav button.active{color:var(--blue);background:var(--blue-soft)}.mobile-nav svg{width:20px;height:20px}.toast{left:50%;bottom:90px;min-width:200px;text-align:center}.doc-table thead,.product-table thead{display:none}.doc-table,.doc-table tbody,.doc-table tr,.doc-table td,.product-table,.product-table tbody,.product-table tr,.product-table td{display:block}.doc-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:18px 16px;border-bottom:1px solid var(--line)}.doc-table td{padding:0;border:0}.doc-table .doc-route{grid-column:1;grid-row:2}.doc-table .doc-items,.doc-table .doc-date{display:none}.doc-table .doc-status{grid-row:1;grid-column:2}.doc-table .doc-action{grid-column:2;grid-row:2;align-self:end}.doc-table .doc-code{font-size:.875rem}.product-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.product-table td{padding:0;border:0}.product-table .product-col{grid-column:1/3}.product-table .product-brand,.product-table .product-unit{display:none}.count-table{min-width:600px!important}.count-scroll{overflow-x:auto}.subtle-banner{font-size:.8125rem;padding:13px;margin-bottom:18px}.transfer-card{padding:18px}.transfer-route{gap:8px;margin:20px 0}.transfer-warehouse{font-size:.875rem}.transfer-warehouse small{font-size:.75rem}.detail-dialog .dialog-head,.editor-dialog .dialog-head{padding:22px 19px 18px}.detail-dialog .dialog-body,.editor-dialog .dialog-body{padding:22px 19px}.editor-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.editor-dialog .dialog-body{max-height:calc(100dvh - 182px)}.dialog-footer{padding:17px 19px}.dialog-footer .meta{display:none}.form-grid{gap:14px}.form-grid .field{min-width:0}.line-row{grid-template-columns:minmax(0,1fr) 76px 25px;gap:7px}.line-row select,.line-row input{font-size:.8125rem}.detail-meta{gap:20px 15px}.detail-meta dd{font-size:.875rem}.action-box{padding:16px}.btn{font-size:.875rem}.page-note{align-items:flex-start}.review-number{padding:15px 5px}.review-number small{font-size:.6875rem}.product-spec{font-size:.8125rem}.lang-switch button{min-height:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Operational labels stay readable in either language. */
th,.badge,.tab,.filter-select,.task-label{font-size:.875rem}
@media(max-width:700px){.mobile-nav button{font-size:.8125rem}.field input,.field select,.field textarea{font-size:1rem}.inventory-table td.mobile-stock::before,.warehouse-legend span{font-size:.75rem}.metric-label{font-size:.8125rem;min-height:38px}.badge{font-size:.8125rem}.tab{font-size:.8125rem}.table-scroll .product-code{font-size:.8125rem}}

.role-preview{display:flex;align-items:center;gap:12px;padding:12px 36px;background:#f5f8fb;border-bottom:1px solid var(--line);font-size:.8125rem;flex-wrap:wrap}.role-preview label{font-weight:600;color:var(--muted)}.role-preview select{background:white;border:1px solid #d7e0e9;border-radius:7px;color:var(--ink);font:inherit;min-height:38px;padding:7px 30px 7px 11px;max-width:100%}.role-preview>span{color:var(--muted);line-height:1.5}.fixed-quantity{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.875rem}.fixed-quantity:last-of-type{margin-bottom:20px}.fixed-quantity small{display:block;font-size:.75rem;color:var(--muted);margin-top:5px}.fixed-quantity strong{white-space:nowrap;font-variant-numeric:tabular-nums}.receipt-record{padding:13px 0;border-bottom:1px solid var(--line);font-size:.8125rem;line-height:1.7}.receipt-record>small{margin-left:12px}.receipt-record p{color:var(--muted)}
@media(max-width:1250px){.role-preview{padding-inline:26px}}@media(max-width:900px){.role-preview{padding-inline:21px}.role-preview>span{flex-basis:100%}}@media(max-width:700px){.role-preview{padding:12px 18px;gap:8px 10px}.role-preview select{flex:1;font-size:.875rem}.role-preview>span{font-size:.75rem}}

.transfer-route-note{margin-top:2px}.print-sheet{display:none}
/* Searchable products, explicit units and photo inspection. */
[hidden]{display:none!important}
.product-picker{position:relative;min-width:0}.picker-input{position:relative}.picker-input>svg{position:absolute;left:12px;top:14px;width:17px;height:17px;color:var(--muted);pointer-events:none}.picker-input .product-search{display:block;width:100%;min-height:45px;border:1px solid #d6e0e9;border-radius:7px;padding:10px 12px 10px 38px;font-size:1rem;background:#fff}.product-search:focus{border-color:var(--blue);outline:2px solid var(--blue-soft);outline-offset:1px}
.picker-popover{border:1px solid #c9d8e5;background:#fff;border-radius:8px;margin-top:8px;box-shadow:0 5px 15px #172c4310;overflow:hidden}.picker-options{max-height:310px;overflow-y:auto;overscroll-behavior:contain}.picker-options>button{display:block;width:100%;text-align:left;padding:12px 14px;border-radius:0;background:white;border-bottom:1px solid var(--line);line-height:1.5}.picker-options>button[aria-selected="true"],.picker-options>button:hover{background:var(--blue-soft)}.picker-options strong{display:block;font-size:1rem;font-weight:600;overflow-wrap:anywhere}.picker-options span,.picker-options small{display:block;font-size:.875rem;margin-top:3px;overflow-wrap:anywhere;color:var(--muted)}.picker-options .picker-stock{color:var(--blue)}.picker-summary{padding:11px 14px;font-size:.875rem;line-height:1.5;color:var(--muted);background:#f8fafc}
.line-row{grid-template-columns:minmax(0,1fr) 135px 28px;gap:12px}.line-product-column{min-width:0}.line-field-label,.line-quantity>span{display:block;font-size:.875rem;font-weight:550;margin-bottom:7px}.line-quantity{display:block;min-width:0}.quantity-input{display:flex;align-items:center;border:1px solid #d6e0e9;border-radius:7px;background:#fff;min-width:0;min-height:45px}.quantity-input input,.field .quantity-input input,.line-row .quantity-input input{min-width:0;flex:1;width:100%;border:0;border-radius:7px 0 0 7px;font-size:1rem;padding:10px}.quantity-input>span{flex-shrink:0;padding:0 10px;font-size:.875rem;color:var(--muted);white-space:nowrap;border-left:1px solid var(--line)}.line-row .remove-line{margin-top:27px}.line-row .line-stock{font-size:.875rem}.line-row .quantity-input:focus-within{outline:2px solid var(--blue-soft);border-color:var(--blue)}
.document-filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:17px 20px;border-bottom:1px solid var(--line)}.document-filters label{display:flex;flex-direction:column;gap:7px;min-width:145px;font-size:.875rem}.document-filters input{font:inherit;min-height:40px;border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:white;color:var(--ink);min-width:0;max-width:100%}.document-filters small{flex-basis:100%;font-size:.8125rem;color:var(--muted)}.document-filters .date-range-error{flex-basis:100%;color:var(--red);font-size:.875rem;line-height:1.5}
.photo-selection{margin-top:12px}.photo-thumbnail{margin:12px 0}.photo-thumbnail>button{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;max-width:100%;cursor:zoom-in}.photo-thumbnail .photo-preview{margin:0 0 8px;display:block}.photo-thumbnail span{font-size:.875rem;color:var(--blue)}.photo-dialog{width:min(1060px,calc(100% - 28px));max-width:calc(100% - 28px);max-height:94dvh;border-radius:12px;overflow:auto}.photo-dialog .dialog-head{padding:20px 22px}.photo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;font-size:.875rem;overflow-wrap:anywhere}.photo-toolbar>span{min-width:0}.photo-toolbar .btn{flex-shrink:0}.photo-stage{background:#e9eef4;padding:16px;overflow:auto;max-height:65dvh;overscroll-behavior:contain}.photo-stage img{display:block;max-width:100%;max-height:calc(65dvh - 32px);width:auto;height:auto;margin:auto;background:white}.photo-stage.zoomed img{max-width:none;max-height:none;margin:0;width:auto;height:auto}.photo-check-hint{padding:14px 22px;font-size:.875rem;line-height:1.6;color:var(--muted)}
@media(max-width:700px){.line-row{grid-template-columns:minmax(0,1fr) 25px;gap:12px 9px}.line-product-column{grid-column:1;grid-row:1}.line-quantity{grid-column:1;grid-row:2;max-width:190px}.line-row .remove-line{grid-column:2;grid-row:1}.document-filters{padding:14px;gap:12px}.document-filters label{flex:1;min-width:125px}.document-filters label:first-child{flex-basis:100%}.document-filters .filter-select{max-width:none}.photo-dialog{max-width:100%;width:100%;border-radius:0;max-height:100dvh}.photo-toolbar{padding:12px 16px;flex-wrap:wrap}.photo-stage{padding:10px}.photo-check-hint{padding:12px 16px}.picker-options{max-height:260px}}
.aux-nav{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.aux-nav summary{cursor:pointer;padding:10px 14px;font-size:.875rem;color:var(--muted)}.aux-nav[open] summary{margin-bottom:5px}.mobile-tools{display:none}
.audit-panel{padding:8px 22px}.audit-row{padding:18px 0;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.7;overflow-wrap:anywhere}.audit-row:last-child{border-bottom:0}.audit-row-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.audit-row-head strong{font-weight:600;color:var(--ink)}.audit-row-head time{color:var(--muted);flex-shrink:0}.audit-row p{margin-top:7px;color:var(--muted)}.audit-row .audit-ref{color:var(--blue)}.badge.cancelled{background:#eef1f5;color:#596a7b}.cancel-hint{font-size:.875rem;line-height:1.7;color:var(--muted);margin-bottom:22px}.panel-head .btn{font-size:.875rem;min-height:38px;padding:8px 10px}.readiness{display:block;font-size:.8125rem;color:var(--muted);margin-top:6px}
.document-filters .date-range-error{flex-basis:100%;font-size:.875rem;color:var(--red);line-height:1.5}
@media(max-width:700px){.audit-panel{padding:3px 16px}.audit-row-head{flex-wrap:wrap;gap:4px}.audit-row-head time{font-size:.875rem}.panel-head{flex-wrap:wrap}.mobile-tools .btn{font-size:.8125rem}}
@media(max-width:700px){.mobile-tools{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:18px}.mobile-tools .btn{font-size:.875rem;min-height:38px;padding:7px 11px}}
.company-brand{flex-direction:column;align-items:center;text-align:center;gap:13px;padding:9px 8px 26px}.company-brand .brand-logo{display:block;width:128px;height:auto;max-width:100%;object-fit:contain;background:#fff;border-radius:10px;padding:5px}.company-brand .brand-name{font-size:1rem}.company-brand .brand-sub{margin-top:6px}.timestamp,.doc-date{font-size:.875rem;font-variant-numeric:tabular-nums}.doc-date{white-space:nowrap}.time-zone-note{font-size:.8125rem;color:var(--muted);margin:-12px 0 22px;line-height:1.6}.step-sub{white-space:pre-line}.task-bottom{flex-wrap:wrap}.table-foot{flex-wrap:wrap}
@media(max-width:700px){.mobile-brand{min-width:0;gap:8px}.mobile-brand img{width:44px;height:auto;max-height:44px;object-fit:contain;flex-shrink:0}.mobile-brand>span{font-size:.875rem}.top-actions{gap:7px}.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding-block:10px}.doc-table .doc-date{display:block;grid-column:1;grid-row:3;font-size:.875rem}.doc-table .doc-action{grid-row:2/4}.company-brand .brand-logo{width:112px}.detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-meta dd{overflow-wrap:anywhere}.doc-date{white-space:normal}}
.detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.print-history{margin-top:22px;font-size:.875rem;color:var(--muted)}.print-history summary{cursor:pointer}.print-history p{margin-top:10px;line-height:1.6}.stock-balance{display:flex;align-items:center;justify-content:space-between;gap:16px}.stock-balance>strong{font-size:1.3rem;font-variant-numeric:tabular-nums}.btn:disabled{cursor:not-allowed;opacity:.5}.detail-item .product-cell{min-width:0}.detail-item .product-spec{overflow-wrap:anywhere}.print-sheet .print-signatures>div{break-inside:avoid}
@media print{
 @page{size:A4 portrait;margin:8mm}
 body{background:#fff!important;color:#111!important}
 body>*:not(.print-sheet){display:none!important}
 .print-sheet{display:block!important;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:8pt;line-height:1.2;color:#111}
 .print-sheet .print-brand{text-align:center;font-size:7pt;line-height:1.1;letter-spacing:.06em}
 .print-sheet .print-logo{display:block;height:12mm;width:auto;max-width:100%;object-fit:contain;margin:0 auto 1mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .print-sheet h1{text-align:center;font-size:15pt;line-height:1.1;margin:1.5mm 0 2mm;letter-spacing:.03em}
 .print-meta{display:grid;grid-template-columns:1fr 1fr;border:1px solid #111;border-bottom:0}
 .print-meta>div{display:flex;justify-content:space-between;gap:2mm;padding:1.2mm 1.8mm;border-bottom:1px solid #111;font-size:7pt;line-height:1.15}
 .print-meta>div:nth-child(odd){border-right:1px solid #111}.print-meta span{color:#444}.print-meta strong{text-align:right}
 .print-route{display:flex;justify-content:center;align-items:center;gap:9mm;border:1px solid #111;padding:2mm;font-size:10pt;line-height:1.1;margin-bottom:2.5mm}
 .print-sheet table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:8pt;line-height:1.15}.print-sheet th,.print-sheet td{border:1px solid #111;padding:1.1mm 1.3mm;text-align:left;vertical-align:middle;color:#111;background:#fff;overflow-wrap:anywhere}.print-sheet tbody tr{height:7.5mm}.print-sheet th:first-child,.print-sheet td:first-child{width:5%;text-align:center}.print-sheet th:nth-child(2),.print-sheet td:nth-child(2){width:24%}.print-sheet th:nth-child(3),.print-sheet td:nth-child(3){width:20%}.print-sheet th:nth-child(4),.print-sheet td:nth-child(4){width:8%;text-align:center}.print-sheet th:nth-child(5),.print-sheet td:nth-child(5){width:12%;text-align:center}.print-sheet th:nth-child(6),.print-sheet td:nth-child(6){width:26%}.print-sheet td:nth-child(2),.print-sheet td:nth-child(3),.print-sheet td:nth-child(6){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.print-sheet small{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:6.8pt;line-height:1.1;color:#333}
 .print-note{border:1px solid #111;border-top:0;padding:1.6mm 2mm;min-height:9mm;font-size:7pt}.print-note p{max-height:2.4em;margin-top:1mm;line-height:1.2;overflow:hidden}
 .print-signatures{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-top:3.5mm}.print-signatures>div{border:1px solid #111;padding:2.5mm 3mm;min-height:24mm}.print-signatures span{display:block;margin-top:2.5mm;line-height:1.1}
 .print-footer{text-align:center;font-size:6.5pt;line-height:1.2;margin-top:3.5mm;color:#333}
 .print-sheet[data-density="compact"]{font-size:7.5pt}.print-sheet[data-density="compact"] th,.print-sheet[data-density="compact"] td{padding:.9mm 1.1mm}.print-sheet[data-density="compact"] .print-logo{height:10mm}.print-sheet[data-density="compact"] .print-signatures>div{min-height:21mm}
 .print-sheet[data-density="dense"]{font-size:7pt}.print-sheet[data-density="dense"] .print-logo{height:9mm}.print-sheet[data-density="dense"] h1{font-size:13pt;margin:1mm 0 1.5mm}.print-sheet[data-density="dense"] .print-meta>div{padding:.8mm 1.4mm;font-size:6.5pt}.print-sheet[data-density="dense"] .print-route{padding:1.3mm;margin-bottom:1.8mm;font-size:9pt}.print-sheet[data-density="dense"] table{font-size:7pt;line-height:1.08}.print-sheet[data-density="dense"] tbody tr{height:6.5mm}.print-sheet[data-density="dense"] th,.print-sheet[data-density="dense"] td{padding:.65mm .9mm}.print-sheet[data-density="dense"] small{font-size:6pt}.print-sheet[data-density="dense"] .print-note{min-height:7mm;padding:1mm 1.5mm}.print-sheet[data-density="dense"] .print-signatures{margin-top:2.5mm}.print-sheet[data-density="dense"] .print-signatures>div{min-height:18mm;padding:2mm 2.5mm}.print-sheet[data-density="dense"] .print-signatures span{margin-top:1.8mm}.print-sheet[data-density="dense"] .print-footer{margin-top:2.5mm}
}

/* V11: compact page photos and a reminder within the existing two statuses. */
.photo-upload-actions{display:flex;flex-wrap:wrap;gap:12px}.photo-upload-actions .upload-label{flex:1;min-width:160px}.upload-label:has(input:disabled){opacity:.55;cursor:wait}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:12px}.photo-thumbnail{min-width:0;margin:0}.photo-thumbnail>button{width:100%;min-height:120px}.photo-thumbnail .photo-preview{max-height:180px;object-fit:contain}.photo-thumbnail figcaption{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;margin:8px 0}.photo-thumbnail>.btn{width:auto;min-height:40px}.correction-actions{margin-top:20px}.overdue-note{display:block;color:#8a4406;background:#fff3d6;padding:6px 9px;border-radius:5px;font-size:.875rem;line-height:1.5;margin-top:8px}.overdue-summary{margin-bottom:18px;padding:12px 16px;border:1px solid #edc983;background:#fff6e3;color:#713800;border-radius:8px;font-size:.875rem;line-height:1.6}.overdue-row{background:#fffcf4}
@media(max-width:700px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-thumbnail .photo-preview{max-height:140px}.photo-upload-actions .upload-label{flex-basis:100%}}
@media print{.print-sheet thead{display:table-header-group}.print-sheet tr{break-inside:avoid}.print-sheet .print-reference{width:auto!important;text-align:left!important;font-size:7pt;padding:.9mm 1.3mm}.print-signatures{break-inside:avoid}}

/* V12: carton references sit below each product, leaving quantity entry compact. */
.field small,.field-hint{font-size:.875rem;line-height:1.6;color:var(--muted)}.field-hint{align-self:center}.line-packing{grid-column:1/-1;display:grid;grid-template-columns:minmax(120px,1fr) minmax(100px,1fr);gap:12px;padding:14px;background:#f3f6fa;border:1px solid var(--line);border-radius:8px}.line-packing[hidden],.packing-default-fields[hidden]{display:none}.line-packing .field{margin:0}.packing-total{grid-column:1/-1;font-size:.875rem;line-height:1.6;color:#24496f;font-variant-numeric:tabular-nums}.packing-detail{display:block;white-space:normal;max-width:240px;font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:8px;text-align:right}.packing-hint{grid-column:1/-1;margin:0}.packing-settings-action{margin:0 0 20px}.print-prompt{width:min(440px,calc(100% - 28px));max-width:calc(100% - 28px);border-radius:12px}.print-prompt .dialog-head{padding:24px 24px 18px}.print-prompt .dialog-body{padding:12px 24px 24px;font-size:1rem;line-height:1.6}.print-prompt .dialog-footer{padding:18px 24px}.print-prompt .dialog-footer .btn{min-width:120px}
@media(max-width:700px){.line-packing{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px}.packing-detail{max-width:160px}.print-prompt .dialog-footer{padding:16px;gap:10px}.print-prompt .dialog-footer .btn{min-width:0;flex:1}}
@media print{.print-packing{font-size:6.8pt;line-height:1.12;text-align:left!important;min-width:0}.print-sheet[data-density="dense"] .print-packing{font-size:6pt}.print-sheet .print-route strong{overflow-wrap:anywhere}}

.task-route,.detail-meta dd{overflow-wrap:anywhere}.doc-table .route-cell{white-space:normal;overflow-wrap:anywhere}.line-packing .field>span{font-size:.875rem}.line-packing input,.line-packing select{font-size:1rem}

/* Cargo records are separate from the V12 receipt editor. */
.cargo-table{width:100%;min-width:880px}.cargo-table th,.cargo-table td{padding:16px 18px;text-align:left;vertical-align:top;font-size:.875rem;border-bottom:1px solid var(--line)}.cargo-table th{background:#f8fafc;color:var(--muted);font-weight:500}.cargo-table small{display:block;font-size:.8125rem;line-height:1.6;color:var(--muted);margin-top:7px}.cargo-table td:first-child{min-width:180px;max-width:250px;overflow-wrap:anywhere}.cargo-table .timestamp{white-space:nowrap}.cargo-hint{font-size:.875rem;line-height:1.7;color:var(--muted);margin:12px 0 18px}.cargo-item{align-items:flex-start}.cargo-item .qty{display:grid;gap:7px;font-size:.875rem;white-space:normal;min-width:150px;text-align:right}.cargo-item .packing-detail{margin-top:0}.cargo-received-row{padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.cargo-received-row .product-spec{overflow-wrap:anywhere}.cargo-received-row .quantity-input{display:flex;align-items:center;gap:12px}.cargo-received-row .quantity-input>input{min-width:0;flex:1}.cargo-received-row .quantity-input>span{flex-shrink:0;min-width:32px}.cargo-received-row .form-grid .field{margin-bottom:0}.cargo-backlink{margin:-8px 0 20px}
@media(max-width:700px){.cargo-table,.cargo-table tbody{display:block;min-width:0}.cargo-table thead{display:none}.cargo-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:16px;border-bottom:1px solid var(--line);gap:10px}.cargo-table td{border:0;padding:0;min-width:0;overflow-wrap:anywhere}.cargo-table td:first-child{max-width:100%;min-width:0}.cargo-table td:nth-child(2){grid-column:1}.cargo-table td:nth-child(3){grid-column:1}.cargo-table td:nth-child(4){grid-column:1}.cargo-table td:nth-child(5){grid-column:1;white-space:normal}.cargo-table td:nth-child(6){grid-column:2;grid-row:1}.cargo-table td:nth-child(7){grid-column:2;grid-row:2/5;align-self:center}}
@media(max-width:480px){.cargo-item{flex-wrap:wrap;gap:12px}.cargo-item .qty{width:100%;text-align:left;min-width:0}.cargo-item .packing-detail{max-width:100%;text-align:left}.cargo-received-row .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}}

/* Optional import keeps the normal receipt empty and easy to understand. */
.cargo-import{margin-bottom:22px;border:1px solid #cadced;background:#f5f9fd;border-radius:10px;overflow:hidden}.cargo-import>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;cursor:pointer;color:#24496f;font-size:.9375rem;font-weight:600;list-style:none}.cargo-import>summary::-webkit-details-marker{display:none}.cargo-import>summary>span{display:flex;align-items:center;gap:10px}.cargo-import>summary svg{width:18px;height:18px;flex-shrink:0}.cargo-import>summary>svg{transition:transform .2s ease}.cargo-import[open]>summary>svg{transform:rotate(90deg)}.cargo-import-body{padding:0 17px 17px;border-top:1px solid #d7e5f1}.cargo-import-body>p{margin-top:14px;color:var(--muted);font-size:.875rem;line-height:1.6}.cargo-import-search{position:relative;display:block;margin-top:14px}.cargo-import-search svg{position:absolute;left:13px;top:13px;width:18px;height:18px;color:#7890a8}.cargo-import-search input{width:100%;height:44px;padding:9px 13px 9px 41px;border:1px solid #bdd1e4;border-radius:8px;background:#fff}.cargo-import-results{margin-top:9px;display:grid;gap:6px}.cargo-import-results>p{padding:7px 3px;color:var(--muted);font-size:.8125rem;line-height:1.5}.cargo-import-results>button{width:100%;justify-content:space-between;text-align:left;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);gap:12px}.cargo-import-results>button:hover{border-color:#aac8e3;background:#fbfdff}.cargo-import-results>button>span{min-width:0}.cargo-import-results>button>span:first-child{display:grid;gap:4px}.cargo-import-results strong,.cargo-import-results small{overflow-wrap:anywhere}.cargo-import-results small{font-size:.8125rem;color:var(--muted);font-weight:400}.cargo-import-results>button>span:last-child{display:flex;align-items:center;gap:5px;color:var(--blue);font-size:.8125rem;white-space:nowrap}.cargo-import-results svg{width:16px;height:16px}
@media(max-width:480px){.cargo-import>summary{padding:14px}.cargo-import-body{padding:0 14px 14px}.cargo-import-results>button{align-items:flex-start}.cargo-import-results>button>span:last-child{white-space:normal;text-align:right}}

/* One product editor handles a single specification, a direct list or an optional 1–3 attribute combination. */
.spec-mode{border:0;padding:0;margin:2px 0 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.spec-mode legend{font-size:.875rem;font-weight:600;margin-bottom:10px}.spec-mode>label{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;min-width:0}.spec-mode>label:has(input:checked){border-color:#8ab4dc;background:var(--blue-soft);box-shadow:0 0 0 1px #8ab4dc}.spec-mode input{width:17px;height:17px;margin:2px 0 0;flex-shrink:0;accent-color:var(--blue)}.spec-mode span{display:grid;gap:5px;min-width:0}.spec-mode b{font-size:.875rem;font-weight:600;line-height:1.35}.spec-mode small{font-size:.75rem;color:var(--muted);line-height:1.45}.spec-editor-panel[hidden],.variant-preview-section[hidden]{display:none}.spec-editor-panel{padding:18px 18px 0;margin-bottom:20px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}.spec-editor-panel>.field{margin-bottom:18px}.spec-editor-panel textarea{min-height:128px;line-height:1.6}.combination-intro{margin-bottom:16px}.attribute-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(220px,1.5fr) 36px;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}.attribute-row:first-child{padding-top:0}.attribute-row .field{margin:0}.attribute-row textarea{min-height:88px;line-height:1.55}.remove-attribute{margin-top:27px;color:var(--red)}.remove-attribute[hidden]{display:none}.attribute-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 0 17px}.variant-preview-section{margin-top:2px}.variant-preview-section>.form-section-title{margin-bottom:10px}.variant-preview{border:1px solid var(--line);border-radius:8px;background:#f8fafc;max-height:260px;overflow:auto}.variant-empty{padding:24px 18px;text-align:center;color:var(--muted);font-size:.8125rem;line-height:1.7}.variant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.variant-list label{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;background:#fff;cursor:pointer;font-size:.8125rem}.variant-list label:has(input:not(:checked)){color:var(--muted);background:#f4f6f8}.variant-list input{width:17px;height:17px;flex-shrink:0;accent-color:var(--blue)}.variant-list span{display:flex;align-items:center;min-width:0;gap:8px;line-height:1.45;overflow-wrap:anywhere}.variant-list b{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:5px;background:var(--blue-soft);color:var(--blue);font-size:.6875rem}.variant-preview-section>.field-hint{display:block;margin-top:10px}
@media(max-width:700px){.spec-mode{grid-template-columns:1fr}.spec-mode>label{padding:11px 12px}.attribute-row{grid-template-columns:1fr 36px}.attribute-row .field:first-child{grid-column:1/-1}.attribute-row .field:nth-child(2){grid-column:1}.remove-attribute{grid-column:2;margin-top:27px}.variant-list{grid-template-columns:1fr}.spec-editor-panel textarea{min-height:112px}}