:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#25334c;background:#f5f7fa;font-size:14px;--blue:#4263ed;--muted:#8b95a7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:hover{filter:brightness(.96)}button:focus-visible{outline:2px solid #4263ed;outline-offset:3px}aside{position:fixed;width:218px;inset:0 auto 0 0;background:#15243c;color:#9caac1;padding:30px 18px;display:flex;flex-direction:column}.logo{color:white;font-size:26px;font-weight:750;letter-spacing:2px;margin:0 16px 34px}.logo span{background:#6e86ff;border-radius:11px;padding:5px 8px;margin-right:10px;font-size:22px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{text-align:left;padding:13px 17px;border-radius:9px}.nav button.active{background:#304466;color:white}.nav b{display:inline-block;width:29px;font-size:18px}.sidebottom{margin-top:auto;border-top:1px solid #2d3b52;padding:20px 12px;font-size:12px;line-height:1.9}main{margin-left:218px}header{height:78px;background:white;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.crumb{color:#919bad;font-size:12px}.profile{display:flex;align-items:center;gap:14px}.avatar{background:#e9edff;color:#4263ed;padding:10px;border-radius:50%;font-weight:700}select,input,textarea{border:1px solid #dfe5ef;border-radius:7px;padding:9px;background:white;color:#25334c}select{max-width:100%}.workspace{padding:28px 32px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font-size:26px;margin:0 0 8px;letter-spacing:-.6px}h2{font-size:17px;margin:0}h3{font-size:14px;margin:0}.sub,.muted{color:var(--muted);font-size:12px}.primary{background:var(--blue);color:white;border-radius:8px;padding:11px 17px}.secondary{border:1px solid #dfe5ef;background:white;border-radius:7px;padding:9px 13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:white;border:1px solid #e8edf3;border-radius:12px;padding:20px}.stat .value{font-size:28px;font-weight:650;margin:15px 0 9px;letter-spacing:-1px}.stat .icon{float:right;background:#eff2ff;color:#5d75d4;border-radius:9px;padding:7px}.green{color:#27947b}.orange{color:#d39834}.red{color:#d25964}.board{display:grid;grid-template-columns:minmax(380px,1fr) 360px;gap:22px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:10px}.tabs{display:flex;gap:5px}.tabs button{padding:9px 13px;color:#7e899d;border-radius:7px}.tabs button.active{background:#e7ecff;color:#4263ed;font-weight:600}.search{width:190px;font-size:12px}.cards{display:grid;gap:15px}.card{background:white;border:1px solid #e4e9f1;border-radius:12px;padding:21px;cursor:pointer;transition:.15s}.card:hover{border-color:#aebcff;box-shadow:0 4px 14px #24345b08}.card.selected{border:1.5px solid #738bff}.cardtop{display:flex;justify-content:space-between;gap:12px}.tag{font-size:11px;border-radius:5px;padding:4px 7px;display:inline-block;background:#eef2ff;color:#5f70b4}.deadline{font-size:11px;white-space:nowrap}.card h3{font-size:16px;margin:10px 0}.meta{display:flex;gap:20px;font-size:12px;color:#8792a5}.steps{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.step{border-radius:6px;font-size:11px;padding:7px 9px;display:flex;align-items:center;gap:5px}.dot{width:5px;height:5px;border-radius:50%;background:currentColor}.cardfoot{border-top:1px solid #f0f2f6;padding-top:14px;display:flex;justify-content:space-between;font-size:12px}.money{font-weight:600;color:#40506b}.detail{background:white;border:1px solid #e4e9f1;border-radius:12px;align-self:start;position:sticky;top:18px;overflow:hidden}.detailhead{padding:21px;border-bottom:1px solid #edf0f5}.detailtitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.bottleart{height:112px;border-radius:8px;background:linear-gradient(115deg,#edf1f9,#f9f5ee);display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:16px}.bottle{width:42px;height:78px;border-radius:12px 12px 9px 9px;background:linear-gradient(90deg,#a08042,#e0c88d,#b69958);position:relative;box-shadow:6px 7px 11px #4c411e18}.bottle:before{content:"";position:absolute;width:20px;height:19px;left:11px;top:-14px;background:linear-gradient(90deg,#9f773c,#dcc089);border-radius:4px}.bottle:after{content:"瓶 序";font-size:9px;position:absolute;top:28px;left:4px;right:4px;text-align:center;color:#684f20;border:1px solid #987c43;padding:7px 0}.bottle:nth-child(2){background:linear-gradient(90deg,#577a6e,#9bb5a5,#557c71);transform:scale(.85)}.detailbody{padding:20px}.kv{display:flex;justify-content:space-between;margin:13px 0;font-size:12px}.section{margin:22px 0 12px;display:flex;justify-content:space-between;align-items:center}.flowrow{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f2f5;padding:10px 0;width:100%;text-align:left;font-size:12px}.flowrow span:last-child{margin-left:auto}.progress{height:5px;background:#edf1f6;border-radius:5px;margin-top:12px}.progress div{height:100%;background:#3fa68a;border-radius:5px}.finbox{background:#f7f9fc;padding:12px;border-radius:8px}.detailfoot{padding:15px 20px;border-top:1px solid #edf0f5;display:flex;gap:10px}.detailfoot button{flex:1}.notice{background:#fff7e8;color:#ad8030;border:1px solid #f6e7c7;border-radius:8px;padding:12px 16px;font-size:12px;margin:0 0 22px}.tablebox{background:white;border:1px solid #e4e9f1;border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:18px;border-bottom:1px solid #edf0f5;font-size:13px}th{background:#fafbfe;color:#8a95a7;font-weight:500}.link{color:#4263ed}.settings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:white;border:1px solid #e5eaf2;border-radius:12px;padding:22px}.settingrow{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf0f5}.settingrow .end{margin-left:auto}.colorchip{width:12px;height:12px;border-radius:4px}.empty{padding:60px;text-align:center;color:#8b95a7}dialog{border:0;border-radius:14px;width:620px;max-width:94vw;max-height:88vh;padding:0;box-shadow:0 25px 100px #15243c40}dialog::backdrop{background:#13223c66;backdrop-filter:blur(3px)}.modalhead{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid #e7edf4}.modalbody{padding:22px}.modalfoot{padding:16px 22px;border-top:1px solid #e7edf4;display:flex;justify-content:flex-end;gap:10px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#738096}.full{grid-column:1/-1}textarea{min-height:75px}.ledger{padding:13px;background:#f5f7fb;border-radius:7px;margin-top:10px;display:flex;justify-content:space-between}.mobileNav{display:none}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#20324e;color:white;border-radius:9px;display:none;z-index:10}.hint{font-size:12px;color:#8894a8;line-height:1.8;margin:14px 0}.supplierblock{padding:14px;border:1px solid #e5eaf2;border-radius:8px;margin:12px 0}.split{display:flex;justify-content:space-between;gap:12px}.badge{padding:4px 8px;border-radius:5px;font-size:11px}.mobileclose{display:none}@media(min-width:1550px){.cards{grid-template-columns:1fr 1fr}.board{grid-template-columns:1fr 380px}.meta{gap:14px}}@media(max-width:1150px){aside{width:180px}main{margin-left:180px}.workspace{padding:24px 20px}header{padding:0 20px}.board{grid-template-columns:1fr 310px}.meta{gap:10px}.stats{gap:10px}.stat{padding:16px}.stat .value{font-size:25px}}@media(max-width:860px){aside{display:none}main{margin:0}header{height:66px}.workspace{padding:22px 16px 95px}.heading h1{font-size:23px}.stats{grid-template-columns:1fr 1fr}.stat{padding:16px}.board{display:block}.detail{display:none}.detail.mobileopen{display:block;position:fixed;inset:0;z-index:5;border-radius:0;overflow:auto}.mobileclose{display:block}.mobileNav{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #e4eaf2;z-index:4;justify-content:space-around;padding:10px 0 17px}.mobileNav button{font-size:11px;color:#8591a4;display:flex;flex-direction:column;align-items:center;gap:4px}.mobileNav b{font-size:20px}.mobileNav button.active{color:#4263ed}.mobileNav .add b{background:#4263ed;color:white;border-radius:12px;padding:2px 15px}.settings{grid-template-columns:1fr}.search{width:145px}.tabs button{padding:8px;font-size:12px}.profile .muted{display:none}.card{padding:17px}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.crumb{max-width:120px}.meta{flex-wrap:wrap}.notice{line-height:1.8}}
.templatechoose{display:flex;gap:10px;margin:18px 0}.templatechoose select{flex:1;min-width:0}.imagegrid{display:flex;gap:12px;flex-wrap:wrap}.imagegrid>div{position:relative}.imagegrid img{width:96px;height:96px;object-fit:contain;background:#f2f4f8;border-radius:8px}.imagegrid button{position:absolute;right:-5px;top:-5px;border-radius:50%;background:#25334c;color:white;width:24px;height:24px}.cardproduct{display:flex;align-items:center;gap:12px;margin:10px 0}.cardproduct img{width:54px;height:64px;object-fit:contain;border-radius:6px;background:#f5f7fa}.ordergallery{display:flex;gap:8px;overflow-x:auto;margin:0 0 16px}.ordergallery img{width:140px;height:150px;object-fit:contain;background:#f5f7fa;border-radius:8px}button:disabled{opacity:.5;cursor:default}
.mobileRecords{display:none}
@media(max-width:860px){html,body{max-width:100%;overflow-x:hidden}main,.workspace,.board,section,.panel{min-width:0}.heading{gap:12px;align-items:flex-start}.heading>div{min-width:0}.heading .primary{flex-shrink:0;padding:10px 12px;font-size:12px}.heading h1{overflow-wrap:anywhere}.toolbar{flex-wrap:wrap}.search{width:100%;min-width:0}.tabs{flex-wrap:wrap}.desktopTable{display:none}.responsiveTable{background:none;border:none;overflow:visible}.mobileRecords{display:grid;gap:14px}.recordCard{min-width:0;background:white;border:1px solid #e4e9f1;border-radius:12px;padding:18px}.recordCard h3{font-size:16px;line-height:1.6;overflow-wrap:anywhere;margin-bottom:14px}.recordCard h3 .sub{font-weight:400;margin-top:4px}.recordLine{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start;padding:9px 0;font-size:13px}.recordLabel{color:#8b95a7}.recordLine>div{overflow-wrap:anywhere;min-width:0;text-align:right}.recordActions{border-top:1px solid #edf0f5;margin-top:8px;padding-top:14px}.recordActions>div{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.stats .value{font-size:22px;overflow-wrap:anywhere}.templatechoose{flex-wrap:wrap}.templatechoose select{width:100%;flex-basis:100%}.settingrow{flex-wrap:wrap;overflow-wrap:anywhere}.settingrow strong{max-width:100%;overflow-wrap:anywhere}.ordergallery{flex-wrap:wrap;overflow:visible}.ordergallery a{width:calc(50% - 4px)}.ordergallery img{width:100%;height:140px}.cardproduct h3,.card h3{overflow-wrap:anywhere}.detailtitle{flex-wrap:wrap}.kv{gap:12px}.kv>*{min-width:0;overflow-wrap:anywhere}.modalhead h2{overflow-wrap:anywhere}.modalbody{padding:18px}.section{gap:10px;flex-wrap:wrap}}
.mobileModuleCards{display:none}@media(max-width:860px){.mobileModuleCards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.mobileModuleCards button{text-align:left;padding:16px}.mobileModuleCards strong,.mobileModuleCards span{display:block}.mobileModuleCards span{margin-top:9px}}
.shippingActions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.printDoc{background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:18px;font-size:12px}.printDoc h1{text-align:center;font-size:22px;margin:15px 0}.docCompany{text-align:center;color:#8993a5}.docInfo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.docInfo>div{display:flex;gap:8px;min-width:0}.docInfo span{color:#8b95a7;flex-shrink:0}.docInfo strong{font-weight:500;overflow-wrap:anywhere}.printDoc table{white-space:normal;table-layout:fixed}.printDoc th,.printDoc td{padding:8px;overflow-wrap:anywhere;border:1px solid #e4e9f1;font-size:11px}.docTotals{display:flex;gap:20px;justify-content:flex-end;margin:20px 0}.signatures{line-height:2.5;margin-top:22px}.docFooter{font-size:10px;color:#8b95a7;margin-top:20px}@media(max-width:860px){.docInfo{grid-template-columns:1fr}.docTotals{flex-direction:column;gap:8px}.printDoc{padding:12px}}
@media(max-width:860px){.recordFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.recordLine{display:flex;flex-direction:column;gap:6px;padding:0}.recordLine>div{text-align:left;width:100%}.recordFull{grid-column:1/-1}.recordActions{padding-top:14px;flex-direction:row;justify-content:space-between}.recordActions>div{width:auto}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.formgrid>label,.formgrid>div{min-width:0}.formgrid input,.formgrid select,.formgrid textarea{width:100%;min-width:0}.formgrid .full{grid-column:1/-1}.formgrid label:has(textarea){grid-column:1/-1}.formgrid label:has(input[type=file]){grid-column:1/-1}.templatechoose .secondary{flex:1}.templatechoose .link{padding:8px}}
.costItems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}@media(max-width:860px){.costItems{grid-template-columns:1fr}.costItems .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.unitCalculator{max-width:680px}.unitCalculator .formgrid{margin-top:22px}.unitCostResult{background:#edf2ff;border-radius:12px;padding:25px;margin-top:25px;display:flex;flex-direction:column;gap:12px}.unitCostResult>span:first-child{color:#637294;font-size:13px}.unitCostResult strong{font-size:38px;color:#4263ed;letter-spacing:-1px}.unitCalculator input{font-size:17px;padding:13px}.unitCalculator label{font-size:13px}
.inlineCostItems{margin-top:20px}.inlineCostRow{display:grid;grid-template-columns:minmax(80px,1fr) minmax(100px,180px) 44px;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #edf0f5}.inlineCostRow label{font-size:15px;color:#25334c;overflow-wrap:anywhere}.inlinePrice{display:flex;align-items:center;gap:8px;min-width:0}.inlinePrice input{width:100%;min-width:0}.inlinePrice span{color:#8b95a7;font-size:12px}@media(max-width:860px){.inlineCostRow{grid-template-columns:minmax(70px,1fr) minmax(100px,140px) 34px;gap:10px}.inlineCostRow input{padding:11px 9px;font-size:16px}.unitCalculator .split{align-items:center;gap:10px}.unitCalculator .split .secondary{font-size:12px;padding:9px}.unitCostResult strong{font-size:34px}}
.inlineCostItems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px}.inlineCostRow{grid-template-columns:minmax(55px,auto) minmax(0,1fr);gap:10px}.inlineCostRow label{font-size:14px}.inlinePrice input{width:100%;padding:12px 10px}.processEditRow{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;align-items:center;gap:9px;margin-bottom:12px}.processEditRow input{min-width:0;width:100%}@media(max-width:860px){.inlineCostItems{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.inlineCostRow{grid-template-columns:50px minmax(0,1fr);gap:6px}.inlineCostRow label{font-size:13px}.inlinePrice input{padding:11px 7px;font-size:15px}.unitCalculator{padding:16px}}
.archiveStatus{padding:0 20px 8px}.detailfoot{flex-wrap:wrap}.detailfoot button{min-width:90px}@media(max-width:1150px){.tabs{flex-wrap:wrap}.toolbar{flex-wrap:wrap}}

.shippingItem{border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:16px;margin:12px 0}.shippingItemHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.shippingItem output{display:block;padding:12px 0;font-weight:600;color:#27856d}

.dimensionField{border:1px solid #e5e7eb;border-radius:10px;padding:12px;grid-column:1/-1;min-width:0}.dimensionField legend{font-size:12px;color:#60718a}.dimensionAxes{display:flex;align-items:center;gap:8px}.dimensionAxes label{flex:1;min-width:0}.dimensionAxes input{width:100%;box-sizing:border-box}

.detailfoot{display:grid;grid-template-columns:1fr 1fr}.detailfoot button{min-width:0}.detailfoot .red{color:#d25964}

.detail{max-height:calc(100dvh - 36px);overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media(max-width:860px){.detail.mobileopen{height:100dvh;max-height:none;overflow-x:hidden;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}}

.taxOption{display:flex;flex-direction:row;align-items:center;gap:8px;margin-top:20px}.taxOption input{width:auto}.costResultTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.costResultTop .primary{font-size:13px;flex-shrink:0}

.salesQuoteBlock{border-top:1px solid #e5eaf2;margin-top:24px;padding-top:20px}.salesQuoteBlock>label{margin-top:16px}.salesQuoteBlock .costResultTop strong{display:block;font-size:28px;color:#27856d;margin-top:8px}

dialog{max-height:calc(100dvh - 24px);overflow:hidden}dialog[open] #dialogform{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 24px)}.modalhead,.modalfoot{flex-shrink:0}.modalbody{min-height:0;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modalfoot{padding-bottom:max(16px,env(safe-area-inset-bottom))}@media(max-width:860px){body{overflow-x:clip}.workspace{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}

/* Visual refinement: preserve the existing card and scroll structure. */
:root{--blue:#5364e8;--muted:#758298;background:#f3f5fa;color:#25324a}header{background:#ffffffed}.workspace{max-width:1800px;margin:auto}.heading{align-items:center}.heading h1{font-weight:700;letter-spacing:-.5px}.primary{box-shadow:0 3px 8px #5364e81a;font-weight:600}.secondary{color:#48566e;background:#fff}.primary,.secondary{min-height:40px;border-radius:10px}.nav button.active{background:#ffffff12;box-shadow:inset 3px 0 #8796ff}.stat,.panel,.card,.detail,.recordCard{border-color:#e5e9f2;box-shadow:0 3px 12px #26385e04;border-radius:15px}.stat{padding:20px 22px}.stat .value{font-variant-numeric:tabular-nums;letter-spacing:-.6px}.card{padding:22px}.card.selected{border-color:#7c89ef;box-shadow:0 0 0 2px #5364e80a}.card h3{line-height:1.55}.cardtop .tag{background:#f1f3f8;color:#788398}.deadline{padding:5px 9px;border-radius:7px;background:#f7f8fb}.steps{gap:8px;margin:18px 0}.step{padding:8px 11px;border-radius:8px;font-size:12px}.meta{line-height:1.7}.cardfoot{padding-top:16px}.detailhead{background:linear-gradient(145deg,#fafbff,#fff)}.flowrow{padding:13px 0}.finbox{padding:14px 16px;border:1px solid #edf0f6}.detailfoot{background:#fafbfe;gap:10px}.detailfoot button{padding:11px 8px}.detailfoot .red{background:#fff6f6;border-color:#f5dfe3}.notice{border-radius:12px}.modalhead{background:#fafbfe;padding:20px 22px}.modalhead button{height:32px;width:32px;border-radius:8px;background:#eef1f7}.modalfoot{background:#fafbfe}.modalbody{padding:22px}label{color:#65748a;font-weight:500;line-height:1.5}input,select,textarea{border-radius:9px;min-height:40px;border-color:#dfe5ef}input:focus,select:focus,textarea:focus{outline:2px solid #5364e822;border-color:#8490ee}input:disabled,input[readonly]{background:#f4f6fa;color:#59677e}.hint{color:#7c899d}.settingrow{gap:10px}.ledger{gap:10px;flex-wrap:wrap;align-items:center;line-height:1.7}.supplierblock{border-radius:12px;background:#fff;padding:18px}.supplierblock>strong{display:block;font-size:14px;line-height:1.6;padding-bottom:12px;border-bottom:1px solid #edf0f6}.supplierblock h4{font-size:12px;color:#758298;margin:18px 0 8px}#stepSupplierFinance{display:block;background:#f6f8fc;border:1px solid #e8ecf4;border-radius:14px;padding:18px;margin-top:24px}#stepSupplierFinance>h3{font-size:16px}#stepSupplierFinance .formgrid{gap:0 20px;margin-top:10px}#stepSupplierFinance .kv{margin:0;padding:12px 0;border-bottom:1px solid #f0f2f7;gap:8px;flex-wrap:wrap}#stepSupplierFinance .kv strong{font-variant-numeric:tabular-nums}#stepSupplierFinance>.secondary{width:100%;border-style:dashed;color:var(--blue)}.shippingActions{gap:8px}.shippingActions button{flex:1}.tabs button.active{background:#e9edff;color:var(--blue)}.tablebox th{font-size:12px;background:#f8faff}.tablebox td{padding-top:16px;padding-bottom:16px}.recordActions .link{padding:8px 10px;background:#f1f4ff;border-radius:8px}.unitCostResult{background:linear-gradient(125deg,#eef0ff,#f4f7ff);border:1px solid #e1e6ff}
@media(max-width:860px){header{padding:0 16px}.workspace{padding-top:20px}.heading{gap:10px;align-items:flex-start}.heading h1{font-size:22px}.heading .sub{line-height:1.7}.stats{gap:12px;margin-bottom:20px}.stat{padding:16px}.stat .value{font-size:24px;margin:12px 0 8px}.card{padding:18px}.cards{gap:14px}.cardtop{gap:8px}.deadline{white-space:normal;text-align:right;font-size:11px}.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.step{justify-content:flex-start;min-width:0;min-height:36px;line-height:1.45}.cardfoot{gap:12px;flex-wrap:wrap}.mobileNav{padding-bottom:max(14px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #23385e05}.modalbody{padding:16px}.modalhead{padding:16px}.modalhead h2{font-size:17px;line-height:1.6}.modalfoot{padding-left:16px;padding-right:16px}.formgrid{gap:14px 12px}.formgrid label{font-size:12px}.formgrid input,.formgrid select,.formgrid textarea{font-size:16px}#stepSupplierFinance{padding:14px;margin-top:20px}.supplierblock{padding:14px}#stepSupplierFinance .formgrid{gap:0 12px}.supplierblock .kv{flex-direction:column;align-items:flex-start}.supplierblock .kv strong{font-size:15px}.recordCard{padding:18px}.recordFields{gap:16px}.detailhead,.detailbody{padding:18px}.detail.mobileopen .detailfoot{padding-bottom:max(20px,env(safe-area-inset-bottom))}.tabs{gap:6px}.tabs button{padding:9px 10px}.inlineCostItems{gap:6px 14px}.unitCalculator input{font-size:16px}.settingrow .link{padding:7px 9px;background:#f5f7fc;border-radius:8px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}
.voucherList{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.voucherList h4{width:100%;margin:0 0 4px}.voucherList a{text-decoration:none;font-size:12px;overflow-wrap:anywhere;max-width:100%}
.dataScreen{background:#101c33;color:#e4ecfa;border-radius:20px;padding:28px;border:1px solid #283953}.screenHeading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.screenEyebrow{color:#819bcc;font-size:11px;letter-spacing:2px}.screenHeading h1{margin:10px 0;font-size:28px}.screenHeading p{margin:0;color:#95a8c6;font-size:12px}.screenKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.screenKpi{text-align:left;background:#192840;border:1px solid #2a3c59;padding:18px;border-radius:13px;min-width:0}.screenKpi>span{display:block;font-size:12px;color:#9aafcd}.screenKpi>strong{display:block;font-size:27px;letter-spacing:-.6px;margin:13px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.screenKpi small{font-size:12px;font-weight:400;margin-left:6px;color:#91a4c3}.screenKpi .screenKpiHint{font-size:10px;color:#6f8ab6}.screenGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.screenPanel{background:#17253d;border:1px solid #293b57;border-radius:14px;padding:22px;min-width:0}.screenPanelTitle{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.screenPanelTitle h2{font-size:15px}.screenPanelTitle>span,.screenPanelTitle .link{font-size:11px;color:#91a6c8}.screenStack{height:17px;display:flex;gap:3px;border-radius:5px;overflow:hidden;background:#233550;margin:20px 0}.screenStates{display:grid;grid-template-columns:1fr 1fr;gap:16px}.screenStates>div{display:flex;align-items:center;gap:8px;font-size:12px;color:#a9b8d0}.screenStates i{width:8px;height:8px;border-radius:50%}.screenStates strong{margin-left:auto;color:#e2ebfa}.screenFunds{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}.screenFunds span{display:block;font-size:12px;color:#96a9c8}.screenFunds strong{display:block;font-size:21px;margin-top:10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.screenNote{font-size:11px;color:#7890b4;line-height:1.8;margin-top:24px}.screenOrder{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;width:100%;text-align:left;border-bottom:1px solid #2a3a53}.screenOrder>span:first-child{min-width:0}.screenOrder strong{font-size:13px;display:block;line-height:1.6}.screenOrder small{display:block;color:#839abb;font-size:11px;margin-top:5px}.screenDue{font-size:11px;flex-shrink:0;border:1px solid currentColor;border-radius:6px;padding:5px 7px}.dataScreen .red{color:#ff929b}.dataScreen .orange{color:#f3c580}.dataScreen .green{color:#6ad4b9}.screenCustomer{margin-bottom:22px}.screenCustomer>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:10px}.screenCustomer strong{font-size:12px;white-space:nowrap}.screenBar{height:7px;background:#263650;border-radius:5px;overflow:hidden}.screenBar span{display:block;height:100%;background:linear-gradient(90deg,#6475ed,#66c6db);border-radius:5px}.screenWide{grid-column:1/-1}.screenEmpty{padding:24px 0;text-align:center;color:#8ba1c2;font-size:12px}@media(max-width:1100px){.screenKpi>strong{font-size:22px}}@media(max-width:860px){.dataScreen{padding:18px 14px;border-radius:15px}.screenHeading{align-items:flex-start;flex-direction:column;gap:16px}.screenHeading h1{font-size:23px}.screenHeading p{line-height:1.8}.screenKpis{grid-template-columns:1fr 1fr;gap:10px}.screenKpi{padding:14px 12px}.screenKpi>strong{font-size:22px}.screenGrid{grid-template-columns:1fr;gap:14px}.screenWide{grid-column:auto}.screenPanel{padding:18px 14px}.screenFunds strong{font-size:19px}.screenOrder{gap:10px}.screenOrder small{overflow-wrap:anywhere}.screenKpi>strong{font-size:20px}.screenEyebrow{font-size:10px;letter-spacing:1px}.screenPanelTitle>span{font-size:10px}.screenHeading .primary{width:100%}}

.docContact{display:grid;grid-template-columns:1fr 1.2fr 2fr;gap:14px;margin:18px 0}.docContact>div{min-width:0;overflow-wrap:anywhere}.docContact span{color:#8b95a7;margin-right:6px}.docContact strong{font-weight:500}
.authWrap{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(at 20% 10%,#e3eafa,transparent 50%),#f4f6fa;padding:24px}.authCard{width:100%;max-width:420px;background:white;border:1px solid #e2e7f0;border-radius:24px;padding:32px;box-shadow:0 20px 60px #1c355614}.authCard label{display:grid;gap:8px;margin-top:20px;color:#53627c}.authCard input{min-height:46px}.authCard h1{margin:24px 0 8px}.authCard .primary{width:100%;margin-top:12px}.authCard .link{display:block;margin:20px auto 0}.permissionCheck{display:inline-flex;align-items:center;gap:6px;margin:8px}.permissionCheck input{width:auto}button[hidden]{display:none!important}.tenantName{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile{flex-wrap:wrap}.profile button{font-size:12px}@media(max-width:700px){.profile .muted,.tenantName{display:none}.authCard{padding:24px}.profile{gap:8px}}

/* Keep mobile inputs at iOS's no-zoom font threshold. */
input,select,textarea{max-width:100%;min-width:0}.screenActions{display:flex;flex-wrap:wrap;gap:10px}.screenOption{display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px 0}.screenOption input{width:auto}.screenPanel[hidden]{display:none}.modalbody h3{margin:20px 0 12px}@media(max-width:1100px) and (min-width:861px){.board{grid-template-columns:minmax(0,1fr) 320px}.workspace{padding:24px 20px}.meta{flex-wrap:wrap;gap:10px}}@media(max-width:860px){input,select,textarea,.inlineCostRow input,.unitCalculator input,.search{font-size:16px!important}header{height:auto;min-height:68px;gap:10px;flex-wrap:wrap;padding:12px 16px}.screenActions{width:100%}.screenActions button{flex:1;min-width:0}.heading,.split,.meta,.cardfoot{flex-wrap:wrap}.formgrid{gap:12px}.modalhead,.modalfoot{padding:16px}dialog{max-height:90dvh}.modalfoot{padding-bottom:max(16px,env(safe-area-inset-bottom))}.screenStates,.screenFunds{grid-template-columns:repeat(2,minmax(0,1fr))}}

body.screenFullscreen{background:#101c33}body.screenFullscreen aside,body.screenFullscreen main>header,body.screenFullscreen .mobileNav{display:none!important}body.screenFullscreen main{margin:0;padding-bottom:0}body.screenFullscreen .workspace{padding:0}body.screenFullscreen .dataScreen{min-height:100dvh;border:0;border-radius:0;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}body.screenFullscreen .screenActions .primary{display:none}@media(max-width:860px){body.screenFullscreen .dataScreen{padding:20px 14px max(20px,env(safe-area-inset-bottom))}}

.screenOrderCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.screenOrderCard{background:#192840;border:1px solid #2a3c59;border-radius:12px;padding:20px;text-align:left;min-width:0;color:#e4ecfa}.screenOrderCard p{color:#95a8c6;font-size:12px}.screenOrderCard .pill,.screenOrderCard .split{font-size:12px}.screenOrderCard .steps{gap:12px}@media(max-width:860px){.screenOrderCards{grid-template-columns:1fr}}