.side.primary-side{width:124px;flex:0 0 124px;padding:18px 7px;background:#566177;box-shadow:none}.primary-side .brand{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;font-size:13px;font-weight:650;line-height:1.5;text-align:center;padding:0 3px 18px;color:#fff}.primary-side .brand small{font-size:9px;line-height:1.4;color:#d7dce5;margin-top:4px;letter-spacing:0}.primary-side .nav{gap:0}.primary-side .nav button{border-radius:0;text-align:center;padding:14px 5px;font-size:14px;font-weight:650;color:#fff}.primary-side .nav button:hover{background:rgba(255,255,255,.12);color:#fff}.primary-side .nav button.active{background:#fff;color:#ef6262;box-shadow:none}.secondary-side{width:184px;flex:0 0 184px;min-height:100vh;background:#fff;box-shadow:1px 0 0 #ece8e6;z-index:1}.secondary-title{padding:22px 22px 13px;color:#aaa5a6;font-size:13px}.secondary-nav{display:grid}.secondary-nav button{border:0;border-right:3px solid transparent;background:#fff;text-align:left;padding:16px 22px;color:#596170;font:14px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;cursor:pointer;transition:background .16s,color .16s}.secondary-nav button:hover{background:#fff3f0;color:#ef6262}.secondary-nav button.active{background:#fff3f0;color:#ef6262;border-right-color:#ef6262}.secondary-empty{display:block;padding:20px 22px;color:#a6a0a2;font-size:13px}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#2b2530;background:#fbf8f8;--ink:#2b2530;--muted:#8c8290;--line:#eee4e7;--rose:#9d536c;--rose-dark:#78374f;--rose-soft:#f8edf1;--cream:#fffdfb;--shadow:0 12px 32px rgba(85,45,58,.07)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 80% -10%,#f6e9ee 0,transparent 34%),#fbf8f8}
.shell{display:flex;min-height:100vh}
.side{width:246px;background:linear-gradient(180deg,#30232d,#231d27);color:#f5edf0;padding:25px 16px;box-shadow:8px 0 28px rgba(34,20,28,.08)}
.brand{font-family:Georgia,serif;font-size:19px;letter-spacing:.2px;padding:0 10px 27px}
.brand small{display:block;font:11px Inter,sans-serif;color:#bcaab2;margin-top:7px;letter-spacing:.5px}
.nav{display:grid;gap:5px}
.nav button{border:0;background:transparent;color:#cdbec5;text-align:left;padding:12px 13px;border-radius:9px;font-size:13px;cursor:pointer;transition:.2s}
.nav button:hover{background:#4a3440;color:#fff}
.nav button.active{background:linear-gradient(90deg,#a55a72,#82405a);color:#fff;box-shadow:0 6px 15px rgba(127,53,80,.3)}
.main{flex:1;min-width:0}
.top{height:76px;background:rgba(255,253,251,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:2}
.top h1{font-family:Georgia,serif;font-weight:500;font-size:23px;margin:0;color:var(--ink)}
.role{font-size:12px;color:var(--rose-dark);background:var(--rose-soft);border:1px solid #efdbe2;padding:8px 13px;border-radius:20px}
.session-user{display:flex;align-items:center;gap:10px;color:var(--ui-muted);font-size:12px}.login-shell{min-height:100vh;display:grid;place-items:center;background:#f6f8fb;padding:24px}.login-card{width:min(420px,100%);display:grid;gap:18px;background:#fff;border:1px solid var(--ui-line);border-radius:14px;padding:32px;box-shadow:0 18px 50px rgba(30,41,59,.08)}.login-card h1{font-size:22px;margin:0}.login-card p{margin:0;color:var(--ui-muted)}.login-card label{display:grid;gap:7px;color:var(--ui-muted);font-size:13px}.login-card input{height:42px;border:1px solid var(--ui-line-strong);border-radius:8px;padding:0 12px;font:inherit}.login-error{min-height:20px;color:#b42318;font-size:13px}
.content{padding:31px 36px;max-width:1480px;margin:auto}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.card{background:rgba(255,253,251,.94);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(85,45,58,.1)}
.card .label{font-size:12px;color:var(--muted);letter-spacing:.3px}
.card .value{font-size:27px;font-weight:650;margin-top:10px;color:var(--rose-dark)}
.card .hint{font-size:11px;color:#aaa0a7;margin-top:7px}
.section{background:rgba(255,253,251,.95);border:1px solid var(--line);border-radius:14px;margin-top:22px;padding:21px;box-shadow:var(--shadow)}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}
.section h2{font-family:Georgia,serif;font-size:17px;font-weight:500;margin:0;color:var(--ink)}
.btn{border:0;border-radius:8px;background:var(--rose);color:#fff;padding:9px 15px;cursor:pointer;font-size:12px;transition:.2s;box-shadow:0 5px 12px rgba(157,83,108,.18)}
.btn:hover{background:var(--rose-dark);transform:translateY(-1px)}
.btn.secondary{background:#f7eef1;color:var(--rose-dark);box-shadow:none}
.btn.secondary:hover{background:#f0dfe5}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}
input,select{border:1px solid #e6dce0;border-radius:8px;padding:9px 11px;font:12px Inter,sans-serif;color:var(--ink);background:#fffdfb;outline:none}
input:focus,select:focus{border-color:#c48a9e;box-shadow:0 0 0 3px #f8e9ee}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:12px}
th,td{border-bottom:1px solid #f0e8eb;padding:12px 10px;text-align:left;white-space:nowrap}
th{color:#8d8088;background:#fcf8f9;font-weight:600}
tbody tr:hover{background:#fff8fa}
.tag{display:inline-block;padding:4px 9px;border-radius:12px;font-size:10px;background:#eaf5ee;color:#307653}
.tag.warn{background:#fff1e5;color:#a86125}
.tag.gray{background:#f0edf0;color:#766c73}
.empty{padding:32px;text-align:center;color:#aaa0a7}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.task{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #f0e8eb}
.task:last-child{border-bottom:0}
.task strong{font-size:12px;font-weight:600}
.task span{font-size:11px;color:#948891}
.notice{padding:12px 14px;border-left:3px solid #c7839b;background:#fff6f8;color:#795264;font-size:12px;margin-bottom:15px;border-radius:5px;line-height:1.6}
p{font-size:13px;line-height:1.8;color:#6f636a}
@media(max-width:1000px){.side{width:210px}
.content{padding:24px}
.cards{grid-template-columns:repeat(2,1fr)}
}

/* 报关申报草稿：屏幕端自适应，打印端固定 A4 横向。 */
.customs-draft-print{position:relative;width:100%;min-height:0;margin:0 auto;padding:12px;box-sizing:border-box;background:#fff;color:#111;font:clamp(7px,.72vw,10px)/1.25 Arial,"Microsoft YaHei",sans-serif;overflow:hidden}
.customs-document-head{display:grid;grid-template-columns:15% 1fr 22%;align-items:end;gap:8px;min-height:42px;margin-bottom:4px;text-align:center}
.customs-draft-print h1{margin:0;font-size:clamp(13px,1.45vw,19px);letter-spacing:clamp(1px,.35vw,4px);white-space:nowrap}
.customs-draft-badge{justify-self:start;padding:4px 8px;border:1px solid #a52323;color:#a52323;font-weight:700;white-space:nowrap}
.customs-official-blanks{display:grid;grid-template-columns:1fr 1fr;gap:4px;text-align:left;color:#444}.customs-official-blanks span{min-height:20px;border-bottom:1px solid #111}
.customs-draft-watermark{position:absolute;inset:45% auto auto 50%;z-index:1;transform:translate(-50%,-50%) rotate(-22deg);font-size:34px;font-weight:800;color:rgba(180,35,35,.09);white-space:nowrap;pointer-events:none}
.customs-identity-blanks{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:8px;align-items:center;min-height:28px;border:1px solid #111;border-bottom:0;padding:4px 6px;box-sizing:border-box}.customs-identity-blanks strong{color:#a52323;text-align:center}.customs-identity-blanks span{white-space:nowrap;overflow:hidden}
.customs-header-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));border-top:1px solid #111;border-left:1px solid #111}
.customs-header-cell{min-width:0;min-height:38px;padding:3px 5px;border-right:1px solid #111;border-bottom:1px solid #111;box-sizing:border-box;overflow:hidden}.customs-span-1{grid-column:span 1}.customs-span-2{grid-column:span 2}.customs-span-3{grid-column:span 3}.customs-span-4{grid-column:span 4}.customs-span-5{grid-column:span 5}
.customs-header-cell span,.customs-wide-field span{display:block;color:#555;font-size:.82em}.customs-header-cell strong,.customs-wide-field strong{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;font-weight:500;font-size:.95em}
.customs-wide-field{min-height:30px;padding:4px 6px;border:1px solid #111;border-top:0;overflow:hidden}.customs-marks-field{min-height:44px}
.customs-lines-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.customs-lines{width:100%;min-width:980px;table-layout:fixed;border-collapse:collapse;border-top:0}
.customs-lines th,.customs-lines td{border:1px solid #111;padding:3px 4px;white-space:normal;overflow-wrap:anywhere;vertical-align:top;font-size:8px;line-height:1.25}.customs-lines th{padding:4px 3px;text-align:center}.customs-lines td>span,.customs-lines td>strong{display:block}.customs-lines td:nth-child(4),.customs-lines td:nth-child(5){text-align:right;font-variant-numeric:tabular-nums}
.customs-lines th:nth-child(1),.customs-lines td:nth-child(1){width:3%}.customs-lines th:nth-child(2),.customs-lines td:nth-child(2){width:9%}.customs-lines th:nth-child(3),.customs-lines td:nth-child(3){width:28%}.customs-lines th:nth-child(4),.customs-lines td:nth-child(4){width:12%}.customs-lines th:nth-child(5),.customs-lines td:nth-child(5){width:13%}.customs-lines th:nth-child(6),.customs-lines td:nth-child(6){width:8%}.customs-lines th:nth-child(7),.customs-lines td:nth-child(7){width:10%}.customs-lines th:nth-child(8),.customs-lines td:nth-child(8){width:10%}.customs-lines th:nth-child(9),.customs-lines td:nth-child(9){width:7%}
.customs-lines tbody tr{break-inside:avoid;page-break-inside:avoid}.customs-lines tbody tr:not(.customs-empty-row){height:34px}.customs-lines .customs-empty-row{height:26px}.customs-lines thead{display:table-header-group}
.customs-confirmation-row{display:grid;grid-template-columns:1fr 1fr 1.35fr 1fr 1fr .85fr .8fr;border:1px solid #111;border-top:0}.customs-confirmation-row span{min-width:0;padding:5px 4px;text-align:center;white-space:nowrap;overflow:hidden;font-size:.82em}
.customs-declaration-footer{display:grid;grid-template-columns:2fr 1fr;min-height:64px;border:1px solid #111;border-top:0}.customs-declarant-area{padding:5px 7px;border-right:1px solid #111}.customs-declarant-area p{display:flex;justify-content:space-between;gap:12px;margin:0 0 7px;color:#111;font-size:inherit;line-height:1.25}.customs-declarant-area strong{display:block;margin:5px 0;font-size:.9em;text-align:right}.customs-approval-area{padding:5px 7px}.customs-draft-disclaimer{margin:4px 0 0;color:#a52323!important;font-size:8px!important;line-height:1.2!important;text-align:center}
@media print{
  body.print-customs-draft>*:not(.customs-print-host){display:none!important}
  .customs-print-host{display:block!important;width:100%;margin:0;padding:0}
  .customs-print-host .customs-draft-print{width:277mm;min-height:190mm;height:auto;margin:0;padding:5mm;font-size:8px;page-break-after:always;overflow:visible}
  .customs-print-host .customs-lines-wrap{overflow:visible}
  .customs-print-host .customs-lines{width:100%;min-width:0}
  @page{size:A4 landscape;margin:5mm}
}
@media(max-width:650px){.shell{display:block}
.side{width:auto;padding:15px}
.brand{padding-bottom:15px}
.nav{display:flex;overflow:auto}
.nav button{white-space:nowrap}
.top{padding:0 18px;height:64px}
.top h1{font-size:19px}
.content{padding:16px}
.cards,.grid2{grid-template-columns:1fr}
.section{padding:16px}
}
.top{height:84px;background:#fff;backdrop-filter:none}.top h1{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;font-size:20px;font-weight:600;line-height:1.3}.breadcrumb{display:flex;align-items:center;gap:7px;color:#8d939c;font-size:12px;margin-bottom:5px}.breadcrumb i{font-style:normal;color:#c3c7cd}.content{max-width:none;padding:24px 30px}.section,.card{border-color:#e7e9ed;border-radius:6px;box-shadow:none;background:#fff}.section{padding:20px;margin-top:16px}.section h2{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;font-size:16px;font-weight:600}.card{padding:18px}.card:hover{transform:none;box-shadow:0 4px 14px rgba(43,52,66,.08)}.btn{min-height:32px;border-radius:3px;padding:6px 16px;font-weight:500;box-shadow:none;background:#a8556f}.btn:hover{background:#8d435b;transform:none}.btn.secondary{border:1px solid #dcdfe6;background:#fff;color:#4f5663}.btn.secondary:hover{background:#f5f6f7;color:#8d435b}.toolbar{align-items:center;gap:8px;padding:12px;background:#f7f8fa;border:1px solid #eaecf0;border-radius:4px}input,select{min-height:32px;border-color:#dcdfe6;border-radius:3px;background:#fff;font-size:12px}input:focus,select:focus{border-color:#a8556f;box-shadow:0 0 0 2px rgba(168,85,111,.13)}table{font-size:12px;border:1px solid #e7e9ed}th,td{padding:11px 12px;border-right:1px solid #e7e9ed;border-bottom:1px solid #e7e9ed}th{background:#f5f6f8;color:#2f3540;font-weight:600}tbody tr:hover{background:#fff7f9}.tag{padding:3px 8px;border-radius:3px;font-size:11px;background:#e8f7ee;color:#16824b}.tag.warn{background:#fff2e8;color:#d46b08}.tag.gray{background:#f2f3f5;color:#5f6673}.notice{border-left:0;background:#fff6f8;color:#704255;border:1px solid #f3dce3;border-radius:4px;padding:10px 12px}.empty{color:#8d939c;padding:38px}.subtle{color:#8d939c;font-size:12px}.toast{border-radius:4px;box-shadow:0 8px 24px rgba(40,48,61,.18)}.dialog-mask{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(0,0,0,.42)}.dialog{width:min(420px,calc(100vw - 32px));padding:22px;background:#fff;border-radius:6px;box-shadow:0 12px 34px rgba(0,0,0,.2)}.dialog h2{font:600 16px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;margin:0;color:#20242b}.dialog p{margin:12px 0 22px;color:#5f6673;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}
.order-line.selected td{background:#fff0f3}.order-line{cursor:pointer}#orderColumnMenu{position:fixed;z-index:60;min-width:180px;padding:6px;background:#fff;border:1px solid #e3e6eb;border-radius:4px;box-shadow:0 8px 20px rgba(40,48,61,.16)}#orderColumnMenu button{display:block;width:100%;padding:8px 10px;border:0;background:#fff;text-align:left;color:#3d4653;cursor:pointer;font-size:12px}#orderColumnMenu button:hover{background:#f7f8fa;color:#a8556f}.order-edit-dialog{width:min(860px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto}.order-edit-dialog p{margin-bottom:14px}.order-edit-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.order-edit-form label{display:grid;gap:5px;color:#596170;font-size:12px}.order-edit-form input{width:100%}@media(max-width:780px){.order-edit-form{grid-template-columns:1fr}}
.business-context-selected>td{background:#fff0f4!important;box-shadow:inset 0 1px #d56b8d,inset 0 -1px #d56b8d}.business-context-selected>td:first-child{box-shadow:inset 3px 0 #b44d70,inset 0 1px #d56b8d,inset 0 -1px #d56b8d}#businessContextMenu{position:fixed;z-index:90;min-width:190px;max-width:min(320px,calc(100vw - 16px));padding:6px;background:#fff;border:1px solid #dfe3e9;border-radius:8px;box-shadow:0 12px 34px rgba(28,36,48,.2)}#businessContextMenu button{display:block;width:100%;min-height:34px;padding:8px 11px;border:0;border-radius:5px;background:#fff;color:#374151;text-align:left;font:500 12px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;cursor:pointer}#businessContextMenu button:hover{background:#fff1f5;color:#963951}#businessContextMenu button:disabled{background:#fff!important;color:#a7afbb!important;cursor:not-allowed!important}#businessContextMenu span{display:block;padding:9px 11px;color:#8a94a6;font-size:12px;white-space:nowrap}
.order-cell{cursor:pointer}.order-cell:hover{outline:1px solid #d8899e;outline-offset:-1px}tfoot td{background:#f8f0f2;color:#7f3d54;font-weight:700}.order-cell-input{width:100%;min-width:90px;height:28px;padding:3px 6px;border:1px solid #a8556f!important;border-radius:0!important;box-shadow:none!important}
.whole-order-dialog{width:min(1200px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto}.whole-order-sync{display:flex;align-items:center;gap:6px;margin:12px 0;color:#445063;font-size:13px}.whole-order-number{margin:12px 0}.whole-order-number label{display:grid;gap:5px;max-width:280px;color:#596170;font-size:12px}.whole-order-grid{overflow:auto;border:1px solid #e7e9ed}.whole-order-grid table{min-width:2500px;border:0}.whole-order-grid th,.whole-order-grid td{padding:5px}.whole-order-input{width:100%;min-width:100px;height:30px;border:1px solid #dcdfe6;border-radius:2px;padding:4px 6px;font-size:12px}#orderColumnMenu span{display:block;padding:8px 10px;color:#8d939c;font-size:12px}
.price-revision-dialog{display:flex;flex-direction:column;width:min(1180px,calc(100vw - 40px));max-height:calc(100vh - 40px);padding:20px;overflow:hidden}.price-revision-dialog .price-revision-context{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;color:var(--ui-muted);font-size:12px}.price-revision-dialog>p{margin:10px 0 14px}.price-revision-dialog .whole-order-grid{flex:1 1 auto;min-height:0;max-width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.price-revision-dialog .whole-order-grid>table{width:100%!important;min-width:860px!important;table-layout:fixed;transform:none!important}.price-revision-dialog .whole-order-grid th,.price-revision-dialog .whole-order-grid td{padding:9px 10px;vertical-align:middle}.price-revision-dialog .whole-order-grid th:nth-child(1){width:25%}.price-revision-dialog .whole-order-grid th:nth-child(2){width:12%}.price-revision-dialog .whole-order-grid th:nth-child(3){width:7%}.price-revision-dialog .whole-order-grid th:nth-child(4){width:13%}.price-revision-dialog .whole-order-grid th:nth-child(n+5){width:8.6%}.price-revision-product{white-space:normal;overflow-wrap:anywhere;line-height:1.35}.price-revision-product strong,.price-revision-product span{display:block}.price-revision-product span{margin-top:3px;color:var(--ui-muted);font-size:11px}.price-revision-number{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.price-revision-problem{display:inline-flex;padding:3px 7px;border-radius:3px;background:#fff1f4;color:#8f3d56;font-size:11px;white-space:nowrap}.price-revision-dialog input[type="number"]{width:100%;min-width:76px;height:30px;padding:4px 6px;text-align:right;font-variant-numeric:tabular-nums}.price-revision-dialog .statement-final-price{font-weight:600;color:var(--ui-ink)}.price-revision-dialog .dialog-actions{flex:0 0 auto;margin-top:14px;padding-top:12px;border-top:1px solid var(--ui-line);background:#fff}
.delivery-change-dialog{width:min(460px,calc(100vw - 32px))}.delivery-change-dialog label{display:grid;gap:5px;margin:10px 0;font-size:12px;color:#596170}.delivery-change-dialog textarea{min-height:72px;resize:vertical}
.order-date-cell{padding:4px 6px!important}.direct-date-input{width:132px;min-width:132px;height:28px;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer}.direct-date-input:focus{outline:1px solid #a8556f;outline-offset:1px}
.header-filter{float:right;width:20px;height:20px;padding:0;border:0;background:transparent;color:#687181;cursor:pointer;font-size:15px;line-height:16px}.header-filter.active{color:#b43d63;font-weight:700}.filter-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto}.filter-dialog h2{margin-bottom:14px}.filter-dialog #filterKeyword{width:100%;margin-bottom:10px}.filter-all{display:block;padding:5px 0;border-bottom:1px solid #edf0f2}.filter-options{max-height:260px;overflow:auto;margin:5px 0}.filter-options label{display:flex;gap:6px;align-items:center;padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.filter-actions .btn{padding:5px 10px;font-size:12px}
@page{size:A4 landscape;margin:10mm}.contract-template{margin-top:20px;overflow:auto}.contract-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.contract-paper{box-sizing:border-box;width:100%;max-width:277mm;margin:auto;background:#fff;padding:48px 58px;border:1px solid #dde1e8;box-shadow:0 8px 28px rgba(41,48,62,.08);color:#1f2937;line-height:1.8}.contract-paper.contract-print-measure{width:277mm;max-width:277mm;padding:0}.contract-paper h1{text-align:center;margin:0 0 22px;font-family:serif}.contract-paper h3{margin:18px 0 8px;font-size:16px}.contract-paper table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:clamp(9px,1vw,12px)}.contract-paper th,.contract-paper td{border:1px solid #4d5563;padding:6px 8px;vertical-align:top;white-space:nowrap;overflow:hidden}.contract-paper th{background:#f7f5f2}.contract-paper p{margin:8px 0}.contract-paper tr{break-inside:avoid;page-break-inside:avoid}.contract-quantity{font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.contract-print-overflow{background:#fff0f3!important;color:#8d1f42!important}.contract-sign{display:grid;grid-template-columns:1fr 1fr;gap:10px 42px;margin-top:40px;break-inside:avoid;page-break-inside:avoid}.contract-test-seal{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;margin-left:12px;border:3px double #b5486d;border-radius:50%;color:#b5486d;font-weight:700;transform:rotate(-8deg)}@media print{.side,.secondary-side,.top,.contract-actions,.section:not(:has(#contractPreview)){display:none!important}.main{margin:0!important}.content{padding:0!important}.contract-paper{width:100%;max-width:none;padding:0;border:0;box-shadow:none;font-size:clamp(8.5pt,1.2vw,10pt);line-height:1.45}.contract-paper h1{font-size:18pt;margin-bottom:5mm}.contract-paper h3{font-size:11pt;margin:4mm 0 2mm;break-after:avoid;page-break-after:avoid}.contract-paper table{font-size:clamp(7pt,1vw,9pt)}.contract-paper th,.contract-paper td{padding:1.5mm 2mm;white-space:nowrap}.contract-paper thead{display:table-header-group}.contract-paper tr{break-inside:avoid;page-break-inside:avoid}.contract-sign{gap:3mm 8mm;margin-top:7mm;break-inside:avoid;page-break-inside:avoid}.contract-test-seal{width:22mm;height:22mm}.contract-template{margin:0}}
.contract-tree .contract-supplier-row td{background:#faf7f8;font-weight:650;color:#3d3340}.contract-tree .contract-order-row td{background:#fff}.contract-tree .contract-product-row td{background:#fffdfd;color:#665f66}.contract-tree .contract-product-row span{display:block;color:#92909a;font-size:11px;margin-top:2px}.contract-tree .contract-detail-total td{background:#fff6f8;color:#8c465e;font-weight:650}.contract-order-total{color:#857982}.supplier-contract-select{margin:0 7px 0 0;vertical-align:middle}.tree-toggle{width:22px;height:22px;margin-right:6px;padding:0;border:0;border-radius:4px;background:transparent;color:#a8556f;font-size:16px;line-height:20px;cursor:pointer}.tree-toggle:hover{background:#f9e7ec}.tree-supplier,.tree-order{white-space:nowrap}.tree-supplier-child{padding-left:40px!important;color:#857982}.inline-withdraw{margin-left:7px;padding:3px 7px;border:1px solid #ead1d9;border-radius:3px;background:#fff;color:#a8556f;font-size:11px;cursor:pointer}.inline-withdraw:hover{background:#fff1f4}.inline-withdraw:disabled{cursor:not-allowed;opacity:.45}.contract-state{font-size:11px;color:#78818d}
.contract-flow-table-wrap{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable both-edges}.contract-flow-table{width:max-content;min-width:100%;transform:none!important}.contract-flow-table th,.contract-flow-table td{white-space:nowrap}.contract-flow-status{position:sticky;right:320px;z-index:2;min-width:150px;background:#fff;box-shadow:-1px 0 var(--ui-line,#e7e9ed)}.contract-flow-actions{position:sticky;right:0;z-index:2;min-width:320px;background:#fff;box-shadow:-1px 0 var(--ui-line,#e7e9ed)}.contract-flow-table thead .contract-flow-status,.contract-flow-table thead .contract-flow-actions{z-index:3;background:#f8f9fb}.contract-flow-table tbody tr:hover .contract-flow-status,.contract-flow-table tbody tr:hover .contract-flow-actions{background:#fff7f9}.contract-flow-actions .btn+.btn{margin-left:6px}

/* Beautiful UI-inspired visual system: visual treatment only; business interactions stay unchanged. */
:root{--ui-canvas:#f7f8fb;--ui-panel:#fff;--ui-panel-muted:#fbfcfe;--ui-ink:#202838;--ui-body:#566174;--ui-muted:#8a94a6;--ui-line:#e7eaf0;--ui-line-strong:#dbe0e8;--ui-accent:#b44d70;--ui-accent-dark:#963951;--ui-accent-soft:#fff1f5;--ui-success:#20805b;--ui-warning:#bb6a19;--ui-shadow:0 10px 30px rgba(31,41,55,.06)}
body{background:var(--ui-canvas);color:var(--ui-ink)}
.shell{background:var(--ui-canvas)}
.side.primary-side{width:128px;flex-basis:128px;padding:16px 6px;background:linear-gradient(180deg,#344055 0%,#46546b 100%);box-shadow:8px 0 28px rgba(30,39,54,.08)}
.primary-side .brand{padding:4px 5px 19px;font-size:13px;letter-spacing:.1px}.primary-side .brand small{color:#c9d1dc}
.primary-side .nav{gap:3px}.primary-side .nav button{position:relative;padding:13px 5px;color:#e9edf3;letter-spacing:.1px}.primary-side .nav button:hover{background:rgba(255,255,255,.09)}.primary-side .nav button.active{background:#fff;color:var(--ui-accent);box-shadow:0 4px 14px rgba(17,25,39,.11)}.primary-side .nav button.active::before{content:"";position:absolute;left:-6px;top:11px;bottom:11px;width:3px;border-radius:3px;background:var(--ui-accent)}
.secondary-side{width:196px;flex-basis:196px;background:var(--ui-panel);box-shadow:1px 0 0 var(--ui-line)}.secondary-title{padding:22px 22px 12px;color:var(--ui-muted);font-weight:600;letter-spacing:.2px}.secondary-nav button{position:relative;padding:13px 22px;color:#5e6879;font-weight:500;transition:background .15s,color .15s}.secondary-nav button:hover{background:#faf5f7;color:var(--ui-accent)}.secondary-nav button.active{background:var(--ui-accent-soft);color:var(--ui-accent);border-right-color:var(--ui-accent);font-weight:650}
.top{height:76px;padding:0 32px;background:rgba(255,255,255,.94);border-bottom-color:var(--ui-line);box-shadow:0 1px 0 rgba(31,41,55,.02)}.top h1{font-size:20px;color:var(--ui-ink);letter-spacing:-.2px}.breadcrumb{color:var(--ui-muted)}.role{min-height:32px;border:1px solid var(--ui-line-strong);border-radius:7px;background:#fff;color:#465267;font-weight:500}.content{padding:26px 30px}
.cards{gap:14px}.card,.section{border-color:var(--ui-line);background:var(--ui-panel);box-shadow:var(--ui-shadow)}.card{border-radius:10px;padding:18px}.section{border-radius:10px;padding:20px;margin-top:18px}.card:hover{box-shadow:0 12px 30px rgba(31,41,55,.09)}.card .label{color:var(--ui-muted);font-weight:550}.card .value{color:var(--ui-ink);font-size:26px;letter-spacing:-.5px}.card .hint{color:var(--ui-muted)}.section h2{color:var(--ui-ink);letter-spacing:-.1px}.section-head{margin-bottom:18px}
.toolbar{gap:8px;padding:10px 12px;background:var(--ui-panel-muted);border-color:var(--ui-line);border-radius:8px}.btn{min-height:34px;padding:7px 14px;border-radius:7px;background:var(--ui-accent);font-weight:600;box-shadow:0 4px 10px rgba(180,77,112,.15)}.btn:hover{background:var(--ui-accent-dark);box-shadow:0 6px 14px rgba(180,77,112,.2)}.btn.secondary{border-color:var(--ui-line-strong);background:#fff;color:#4e596b;box-shadow:none}.btn.secondary:hover{background:#f7f8fa;color:var(--ui-accent)}
input,select{min-height:34px;border-color:var(--ui-line-strong);border-radius:7px;color:var(--ui-ink);background:#fff;font-size:12px;transition:border-color .15s,box-shadow .15s}input:hover,select:hover{border-color:#c7ced9}input:focus,select:focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px rgba(180,77,112,.12)}
.table-wrap{border:1px solid var(--ui-line);border-radius:9px;background:#fff;box-shadow:0 2px 7px rgba(31,41,55,.025)}table{border:0}th,td{border-right:0;border-bottom-color:var(--ui-line);padding:12px 13px}th{position:sticky;top:0;z-index:1;background:#f8f9fb;color:#4b5567;font-size:12px;font-weight:700;letter-spacing:.1px}tbody tr{transition:background .12s}tbody tr:hover{background:#fff7f9}tbody tr:last-child td{border-bottom:0}td:first-child,th:first-child{padding-left:16px}td:last-child,th:last-child{padding-right:16px}tfoot td{background:#fff7f9;color:var(--ui-accent-dark)}
.tag{border-radius:999px;padding:4px 9px;background:#eaf7f0;color:var(--ui-success);font-weight:650}.tag.warn{background:#fff4e8;color:var(--ui-warning)}.tag.gray{background:#f0f2f5;color:#697386}.notice{border-left:3px solid var(--ui-accent);border-color:#f0d5df;background:#fff8fa;color:#744057;border-radius:8px;padding:11px 13px}.task{border-bottom-color:var(--ui-line);padding:14px 0}.task strong{color:var(--ui-ink)}.task span{color:var(--ui-muted)}
.dialog-mask{background:rgba(24,32,44,.38);backdrop-filter:blur(2px)}.dialog{border:1px solid rgba(255,255,255,.8);border-radius:12px;box-shadow:0 24px 70px rgba(20,27,38,.24)}.dialog h2{color:var(--ui-ink)}.dialog p{color:var(--ui-body)}
.price-exception-row td{background:#fff1f4!important;color:#8f3d56}.price-exception-row:hover td{background:#ffe8ee!important}.prepay-preview-dialog{width:min(1680px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:20px}.prepay-preview-dialog .whole-order-grid{overflow:visible;border:1px solid var(--ui-line)}.prepay-preview-dialog .whole-order-grid table{width:100%;min-width:1260px;table-layout:fixed}.prepay-preview-dialog .whole-order-grid th,.prepay-preview-dialog .whole-order-grid td{padding:7px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.prepay-preview-dialog .whole-order-grid th:nth-child(1){width:19%}.prepay-preview-dialog .whole-order-grid th:nth-child(2){width:19%}.prepay-preview-dialog .whole-order-grid th:nth-child(3){width:10%}.prepay-preview-dialog .whole-order-grid th:nth-child(n+4){width:7.4%}
.order-line.selected td{background:#fff0f4}.order-cell:hover{outline-color:#d66d8f}.order-cell-input{border-color:var(--ui-accent)!important}.header-filter{border-radius:5px;color:#7c8798}.header-filter:hover,.header-filter.active{background:var(--ui-accent-soft);color:var(--ui-accent)}.filter-dialog{border-radius:12px}.filter-all{border-bottom-color:var(--ui-line)}.filter-options label:hover{background:#faf7f8}.tree-toggle{border-radius:6px;color:var(--ui-accent)}.tree-toggle:hover{background:var(--ui-accent-soft)}.contract-tree .contract-supplier-row td{background:#f9fafc;color:#374151}.contract-tree .contract-product-row td{background:#fff;color:#657084}.contract-tree .contract-detail-total td{background:#fff7f9;color:var(--ui-accent-dark)}.inline-withdraw{border-color:#ebcbd7;border-radius:6px;color:var(--ui-accent)}.inline-withdraw:hover{background:var(--ui-accent-soft)}
.btn:disabled,.btn:disabled:hover{cursor:not-allowed;background:#f1f3f5!important;border-color:#e1e5ea!important;color:#a3abb8!important;box-shadow:none!important;transform:none!important}
.supplier-name-cell{cursor:pointer}.supplier-name-cell:hover{background:#fff1f5!important;color:var(--ui-accent)}.supplier-edit-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}.supplier-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.supplier-edit-dialog label{display:grid;gap:6px;margin:4px 0;color:var(--ui-body);font-size:12px}.supplier-edit-dialog input{width:100%}
.adjustment-create-dialog{width:min(1080px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}.adjustment-create-dialog .toolbar{margin:14px 0}.adjustment-create-dialog #adjustmentOrderSearch{min-width:320px;flex:1}
.business-direction-tabs{display:flex;gap:4px;margin:14px 0 0;border-bottom:1px solid var(--ui-line,#e7e9ed)}.business-direction-tab{min-width:120px;padding:9px 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:#687181;font-weight:600;cursor:pointer}.business-direction-tab:hover{color:#a8556f;background:#fff7f9}.business-direction-tab.active{border-bottom-color:#a8556f;color:#a8556f;background:#fff7f9}
.order-view-tabs{display:flex;gap:8px;margin:12px 0}.order-view-tab{padding:7px 16px;border:1px solid var(--ui-line,#e7e9ed);border-radius:18px;background:#fff;color:#687181;font-weight:600;cursor:pointer}.order-view-tab:hover,.order-view-tab.active{border-color:#a8556f;background:#fff7f9;color:#a8556f}
.payment-calendar{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:1px;margin:16px 0;background:#e5dce2;border:1px solid #e5dce2}.payment-month-grid .calendar-weekday{padding:10px;text-align:center;background:#f8f5f7;color:#756a73;font-size:12px}.payment-day{min-height:82px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding:10px;border:0;border-radius:0;background:#fff;color:#3c3540;text-align:left;cursor:pointer}.payment-day:hover,.payment-day.active{background:#fff0f4;box-shadow:inset 0 0 0 2px #b35373}.payment-day.outside-month{color:#bdb5bb;background:#fafafa}.payment-day span{font-size:12px;color:#8b8089}.payment-day b{color:#a44868;font-size:12px}.calendar-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calendar-title span{font-size:12px;color:#8b8089}.calendar-empty{color:#d2cbd0}
.payment-months{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:18px;align-items:start}.payment-month{margin:0}.payment-month .payment-calendar{margin:8px 0}.payment-month .payment-day{min-height:64px;padding:7px;font-size:12px}.payment-month .payment-day b{font-size:11px}.task-link{cursor:pointer}.task-link:hover{border-color:#b35373;background:#fff7f9}
.calendar-filter-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.calendar-dimension{display:flex;align-items:center;gap:6px;font-size:12px;color:#6f6470}.calendar-dimension select,.payment-calendar-filter-dropdown summary{box-sizing:border-box;min-width:110px;padding:7px 28px 7px 10px;border:1px solid #d8cfd5;border-radius:8px;background:#fff;color:#3c3540;cursor:pointer}.payment-calendar-filter-dropdown{position:relative}.payment-calendar-filter-dropdown summary{list-style:none}.payment-calendar-filter-dropdown summary::-webkit-details-marker{display:none}.payment-calendar-filter-dropdown summary::after{content:'⌄';position:absolute;right:10px}.payment-calendar-filter{position:absolute;z-index:20;top:calc(100% + 6px);right:0;display:grid;gap:4px;min-width:190px;max-height:240px;overflow:auto;padding:8px;border:1px solid #ddd3da;border-radius:10px;background:#fff;box-shadow:0 10px 26px rgba(44,34,42,.16)}.payment-calendar-filter button{padding:7px 9px;border:0;border-bottom:1px solid #eee5ea;background:#fff;color:#a44868;text-align:left;font-weight:700;cursor:pointer}.payment-calendar-filter label{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:7px;background:#fff;font-size:12px;color:#5f5660;cursor:pointer}.payment-calendar-filter label:hover,.payment-calendar-filter label:has(input:checked){background:#fff0f4;color:#923d5d}.payment-calendar-filter input{margin:0}
.contract-status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid currentColor;white-space:nowrap}.contract-status-pending{background:#e4e7ec;color:#344054}.contract-status-draft{background:#ffdfad;color:#93370d}.contract-status-generated{background:#b7ebc6;color:#05603a}
#orderRows tr.contract-row-status-pending>td{background:#f2f4f7}#orderRows tr.contract-row-status-draft>td{background:#fff1dc}#orderRows tr.contract-row-status-generated>td{background:#dcf7e4}#orderRows tr.contract-row-status-pending.selected>td,#orderRows tr.contract-row-status-draft.selected>td,#orderRows tr.contract-row-status-generated.selected>td{box-shadow:inset 0 2px #b64f72,inset 0 -2px #b64f72}
#orderRows tr.red-reversal-row>td{background:#ffe3e7;color:#8f1734;font-weight:700}
#orderRows tr.red-reversal-row.selected>td{background:#ffc7d1;box-shadow:inset 0 2px 0 #bd4767,inset 0 -2px 0 #bd4767}
.red-contract-lines-table{table-layout:fixed!important;width:100%!important;max-width:100%}
.red-contract-lines-table th,.red-contract-lines-table td{max-width:none}
.red-contract-lines-table .contract-quantity{font-variant-numeric:tabular-nums}
.work-group{border:1px solid var(--line);border-radius:12px;margin:12px 0;overflow:hidden;background:#fff}.work-group-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f7f8fb}.work-group .task{width:100%;border:0;border-top:1px solid var(--line);border-radius:0;background:#fff;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:13px 14px;color:inherit}.work-group .task:hover{background:#fff7fa}.work-group .task span:first-child{display:grid;gap:4px}.work-group .task small{color:var(--muted)}

/* Keep the complete application frame visible in narrower windows by reducing density, never by wrapping controls or cells. */
.toolbar,.business-direction-tabs,.order-view-tabs,.contract-actions,.calendar-filter-controls{flex-wrap:nowrap;white-space:nowrap}

/* Order selection is row-based: browser text selection must never spill into the page chrome. */
#app:has(#orderRows){user-select:none}
#orderRows .order-line{user-select:none;cursor:pointer}
#orderRows .order-line.selected>td{background:#ffe8ef!important;box-shadow:inset 0 2px 0 #b5486d,inset 0 -2px 0 #b5486d}
#orderRows .order-line.selected>td:first-child{box-shadow:inset 4px 0 0 #b5486d,inset 0 2px 0 #b5486d,inset 0 -2px 0 #b5486d}

/* Apply the same boundary to every data form, including checkbox-based tables. */
.operation-surface{user-select:none}
.operation-surface input,.operation-surface textarea,.operation-surface select{user-select:text}
.operation-surface:has(table){user-select:none}
.operation-surface:has(table) input,.operation-surface:has(table) textarea,.operation-surface:has(table) select{user-select:text}
.operation-surface table tbody tr:has(input[type="checkbox"]:checked)>td{background:#fff0f4!important;box-shadow:inset 0 2px 0 #b5486d,inset 0 -2px 0 #b5486d}
.operation-surface table tbody tr:has(input[type="checkbox"]:checked)>td:first-child{box-shadow:inset 4px 0 0 #b5486d,inset 0 2px 0 #b5486d,inset 0 -2px 0 #b5486d}
table:has(tbody input[type="checkbox"]){user-select:none}
table:has(tbody input[type="checkbox"]) input[type="checkbox"]{user-select:none}
table:has(tbody input[type="checkbox"]) input:not([type="checkbox"]):not([type="radio"]),table:has(tbody input[type="checkbox"]) textarea,table:has(tbody input[type="checkbox"]) select{user-select:text}
.business-multi-select-table tbody tr:has(input[type="checkbox"]:checked)>td{background:#fff8fb!important;box-shadow:inset 0 1px 0 #d9a7b8,inset 0 -1px 0 #d9a7b8}
.business-multi-select-table tbody tr:has(input[type="checkbox"]:checked)>td:first-child{box-shadow:inset 3px 0 0 #b96a86,inset 0 1px 0 #d9a7b8,inset 0 -1px 0 #d9a7b8}
.toolbar>* ,.business-direction-tabs>* ,.order-view-tabs>* ,.contract-actions>* ,.calendar-filter-controls>*{flex-shrink:0}
.single-line-is-fitted{width:var(--single-line-fit-width)!important;transform:scale(var(--single-line-fit-scale));transform-origin:top left}
.table-wrap.table-is-fitted,.whole-order-grid.table-is-fitted{height:var(--table-fit-height);overflow:hidden}
.table-wrap.table-is-fitted>table,.whole-order-grid.table-is-fitted>table{width:var(--table-fit-width)!important;max-width:none!important;transform:scale(var(--table-fit-scale));transform-origin:top left}
.table-wrap:has(#orderRows){overflow:auto}.table-wrap:has(#orderRows)>table{min-width:max-content;transform:none!important}

@media screen and (max-width:1400px){
  .side.primary-side{width:108px;flex-basis:108px;padding:12px 5px}.primary-side .brand{font-size:11px;padding-bottom:14px}.primary-side .nav button{padding:10px 4px;font-size:12px}
  .secondary-side{width:160px;flex-basis:160px}.secondary-title{padding:17px 16px 9px;font-size:11px}.secondary-nav button{padding:10px 16px;font-size:12px}
  .top{height:66px;padding:0 20px}.top h1{font-size:17px}.breadcrumb{font-size:10px}.role{font-size:10px;min-height:28px;padding:5px 9px}
  .content{padding:18px 20px}.section{padding:15px;margin-top:14px}.section h2{font-size:14px}.section-head{margin-bottom:12px}.card{padding:14px}.card .value{font-size:22px}
  .toolbar{gap:6px;padding:8px}.btn{min-height:29px;padding:5px 10px;font-size:10px}input,select{min-height:29px;padding:6px 8px;font-size:10px}
  table{font-size:10px}th,td{padding:8px 9px}.tag{padding:3px 6px;font-size:9px}.notice,p{font-size:11px}
  .cards{grid-template-columns:repeat(4,minmax(0,1fr))}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:1100px){
  .side.primary-side{width:84px;flex-basis:84px}.primary-side .brand{font-size:9px}.primary-side .brand small{font-size:7px}.primary-side .nav button{padding:8px 3px;font-size:10px}
  .secondary-side{width:126px;flex-basis:126px}.secondary-title{padding:13px 11px 7px;font-size:9px}.secondary-nav button{padding:8px 11px;font-size:10px}
  .top{height:56px;padding:0 13px}.top h1{font-size:14px}.role{max-width:240px;font-size:9px}
  .content{padding:11px 13px}.section{padding:10px;margin-top:10px;border-radius:7px}.section h2{font-size:12px}.card{padding:10px}.card .label,.card .hint{font-size:9px}.card .value{font-size:17px}
  .toolbar{padding:6px}.btn{min-height:25px;padding:4px 7px;font-size:9px}input,select{min-height:25px;padding:4px 6px;font-size:9px}
  table{font-size:8.5px}th,td{padding:6px 7px}.notice,p{font-size:9.5px}.dialog{font-size:10px}
}
.delivery-excess-row > td { background:#fff0e6 !important; color:#8a3b12; font-weight:700; }
.delivery-excess-row:hover > td { background:#ffe2cc !important; }
.delivery-started-marker{display:inline-block;padding:4px 10px;border:1px solid #3d8f7e;border-radius:999px;background:#e7f7f2;color:#216b5c;font-size:12px;font-weight:700;white-space:nowrap}
#orderRows tr.delivery-started-row>td{background:#edf8f5}
#orderRows tr.delivery-started-row:hover>td{background:#e3f4ef}
.platform-return{display:block;margin:0 7px 12px;padding:8px 5px;border:1px solid rgba(255,255,255,.35);border-radius:4px;color:#fff;text-align:center;font-size:11px;text-decoration:none}.platform-return:hover{background:rgba(255,255,255,.12);color:#fff}

/* Shared operating-page hierarchy: preserve readable data density and use the table viewport for overflow. */
.operation-surface{overflow:hidden}
.operation-surface>.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px;padding-bottom:13px;border-bottom:1px solid var(--ui-line)}
.operation-surface>.section-head h2{margin:0;font-size:18px;line-height:1.35}
.operation-surface>.section-head>:last-child{flex:0 0 auto}
.operation-surface>.notice{margin-top:14px}
.operation-surface>.toolbar{margin-top:14px;overflow-x:auto;scrollbar-width:thin}
.operation-surface>.business-direction-tabs,.operation-surface>.order-view-tabs{margin-top:14px}
.operation-surface .table-wrap{max-width:100%;margin-top:14px;overflow:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable both-edges}
.operation-surface .table-wrap>table{min-width:max-content;font-size:13px;transform:none!important}
.operation-surface .table-wrap.table-is-fitted{height:auto;overflow:auto}
.operation-surface .table-wrap.table-is-fitted>table{width:auto!important;max-width:none!important;transform:none!important}
.operation-surface .table-wrap th{white-space:nowrap;letter-spacing:0}
.operation-surface .table-wrap td{vertical-align:middle}
.operation-surface .empty{margin:14px 0 0;padding:42px 18px;border:1px dashed var(--ui-line-strong);border-radius:8px;background:var(--ui-panel-muted);text-align:center}
@media screen and (max-width:1400px){.operation-surface .table-wrap>table{font-size:12px}.operation-surface .table-wrap th,.operation-surface .table-wrap td{padding:10px 12px}}
@media screen and (max-width:1100px){.operation-surface>.section-head h2{font-size:16px}.operation-surface .table-wrap>table{font-size:12px}.operation-surface .table-wrap th,.operation-surface .table-wrap td{padding:9px 10px}}

/* Light operations layer: reduce visual weight without changing data, actions, or layout contracts. */
:root{--ui-sidebar-bg:#eef2f7;--ui-sidebar-ink:#4b596b;--ui-sidebar-muted:#7f8a9b;--ui-surface-shadow:0 4px 14px rgba(31,41,55,.04);--ui-surface-shadow-hover:0 6px 18px rgba(31,41,55,.06)}
body{background:var(--ui-canvas);color:var(--ui-ink)}
.side.primary-side{background:var(--ui-sidebar-bg);color:var(--ui-sidebar-ink);box-shadow:none}
.primary-side .brand{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:6px;color:var(--ui-sidebar-ink);font-weight:700}
.primary-side .brand>span:nth-child(2){line-height:1.45}
.primary-side .brand small{grid-column:2;color:var(--ui-sidebar-muted)}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--ui-accent)}
.primary-side .nav button{color:var(--ui-sidebar-ink)}
.primary-side .nav button:hover{background:#e4eaf2;color:var(--ui-accent)}
.primary-side .nav button.active{background:#fff;color:var(--ui-accent);box-shadow:none}
.platform-return{border-color:#d5dce6;color:var(--ui-sidebar-ink)}
.platform-return:hover{background:#e4eaf2;color:var(--ui-accent)}
.secondary-side{background:var(--ui-panel);box-shadow:1px 0 0 var(--ui-line)}
.top{background:rgba(255,255,255,.96);box-shadow:none}
.card,.section{border-color:var(--ui-line);box-shadow:var(--ui-surface-shadow)}
.section.operation-surface{box-shadow:var(--ui-surface-shadow)}
.card:hover{box-shadow:var(--ui-surface-shadow-hover)}
.section{border-radius:8px}
.toolbar{background:var(--ui-panel-muted);border-color:var(--ui-line);box-shadow:none}
.btn{box-shadow:none}
.btn:hover{box-shadow:none}
.table-wrap{box-shadow:none}
.notice{border-color:#f0dfe5;box-shadow:none}
.dialog-mask{background:rgba(24,32,44,.28);backdrop-filter:none}
.dialog{box-shadow:0 12px 34px rgba(20,27,38,.14)}
.section-title-with-icon{display:inline-flex;align-items:center;gap:7px}
.ui-icon{display:inline-block;flex:0 0 auto;vertical-align:middle}
.ui-icon-refresh{transition:transform .4s ease-in-out}
.primary-side .brand:hover .ui-icon-refresh{transform:rotate(180deg)}
.ui-icon-bell{color:var(--ui-accent);transform-origin:50% 10%;transition:transform .25s ease-in-out}
.section-title-with-icon:hover .ui-icon-bell{animation:ui-bell-wiggle .6s ease-in-out}
@keyframes ui-bell-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}
    @media (prefers-reduced-motion:reduce){.ui-icon-refresh,.ui-icon-bell{transition:none;animation:none!important}.primary-side .brand:hover .ui-icon-refresh{transform:none}}

    /* Restrained selection treatment: keep row selection visible without a heavy frame. */
    #orderRows tr.order-line.selected>td,
    #orderRows tr.contract-row-status-pending.selected>td,
    #orderRows tr.contract-row-status-draft.selected>td,
    #orderRows tr.contract-row-status-generated.selected>td,
    .operation-surface table tbody tr:has(input[type="checkbox"]:checked)>td{background:#fff8fb!important;box-shadow:inset 0 1px 0 #d9a7b8,inset 0 -1px 0 #d9a7b8}
    #orderRows tr.order-line.selected>td:first-child,
    #orderRows tr.contract-row-status-pending.selected>td:first-child,
    #orderRows tr.contract-row-status-draft.selected>td:first-child,
    #orderRows tr.contract-row-status-generated.selected>td:first-child,
    .operation-surface table tbody tr:has(input[type="checkbox"]:checked)>td:first-child{box-shadow:inset 3px 0 0 #b96a86,inset 0 1px 0 #d9a7b8,inset 0 -1px 0 #d9a7b8}
    .business-direction-tab.active{border-bottom-color:#b96a86;color:#a8556f;background:transparent}
    .order-view-tab.active{border-color:#d9a7b8;background:#fff8fb;color:#a8556f}
    .payment-receipt-preview-dialog{width:min(900px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto}.payment-receipt-preview{display:block;width:100%;max-height:65vh;min-height:260px;object-fit:contain;border:1px solid #e7e9ed;background:#f7f8fa}.payment-receipt-preview-dialog .dialog-actions{margin-top:16px}

    .tail-operation-page .tail-tabs{display:flex;gap:4px;margin:14px 0;border-bottom:1px solid var(--ui-line)}.tail-operation-page .tail-tab{padding:9px 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:#687181;font-weight:600;cursor:pointer;white-space:nowrap}.tail-operation-page .tail-tab:hover,.tail-operation-page .tail-tab.active{border-bottom-color:var(--ui-accent);color:var(--ui-accent);background:var(--ui-accent-soft)}.tail-operation-page .tail-tab-panel[hidden]{display:none}.tail-operation-page .table-wrap{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}.tail-operation-page .table-wrap>table{min-width:max-content;font-size:13px;transform:none!important}.tail-operation-page .tail-reminder{color:var(--ui-warning);font-size:11px;font-weight:600}.tail-operation-page .payment-day{min-width:90px}.fee-allocation-selector{margin-top:12px;padding-top:12px;border-top:1px solid var(--ui-line)}.fee-allocation-selector .notice{margin-bottom:8px}.fee-allocation-selector input[type="number"]{width:112px}
    .tail-preview-dialog{width:min(1540px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:20px;overflow:auto}.tail-preview-dialog h3{margin:16px 0 8px;font-size:14px;color:var(--ui-ink)}.tail-preview-dialog .whole-order-grid{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.tail-preview-dialog .whole-order-grid.table-is-fitted{height:auto!important;overflow:auto!important}.tail-preview-dialog .whole-order-grid>table{width:max-content!important;min-width:1050px;font-size:13px;table-layout:auto;transform:none!important}.tail-preview-dialog .whole-order-grid>table th,.tail-preview-dialog .whole-order-grid>table td{padding:10px 12px;white-space:nowrap}.tail-preview-dialog .whole-order-grid>table th:nth-child(1),.tail-preview-dialog .whole-order-grid>table td:nth-child(1){min-width:160px}.tail-preview-dialog .whole-order-grid>table th:nth-child(2),.tail-preview-dialog .whole-order-grid>table td:nth-child(2){min-width:150px}.tail-preview-dialog .whole-order-grid>table th:nth-child(3),.tail-preview-dialog .whole-order-grid>table td:nth-child(3){min-width:170px}.tail-preview-dialog .whole-order-grid>table th:nth-child(n+4),.tail-preview-dialog .whole-order-grid>table td:nth-child(n+4){min-width:120px}
    .tail-credit-highlight{display:flex;align-items:center;gap:14px;margin:12px 0;padding:12px 14px;border:1px solid #efc46f;border-radius:10px;background:#fff8e8;color:#5f4312}.tail-credit-highlight strong{font-size:13px}.tail-credit-highlight b{font-size:22px;color:#a35c00}.tail-credit-highlight span{color:#7a6234}.tail-credit-choice{display:flex;align-items:center;gap:8px;margin:12px 0;font-weight:700}.tail-unused-credit-warning{margin:10px 0;padding:10px 12px;border-left:4px solid #d97706;border-radius:6px;background:#fff3df;color:#9a4d00;font-weight:700}.tail-unused-credit-warning[hidden]{display:none}.tail-revision-amount{width:128px}.tail-revision-reason{min-width:210px}

/* Sales outbound keeps readable table density and contains overflow inside its own surface. */
.outbound-tabs{display:flex;gap:4px;margin:14px 0;border-bottom:1px solid var(--ui-line)}
.outbound-tab{padding:9px 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:#687181;font-weight:600;cursor:pointer;white-space:nowrap}
.outbound-tab:hover,.outbound-tab.active{border-bottom-color:var(--ui-accent);color:var(--ui-accent);background:var(--ui-accent-soft)}
.outbound-table-wrap{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.outbound-table-wrap>table{width:max-content;min-width:max-content;font-size:13px;transform:none!important}
.outbound-dialog{width:min(980px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto}
.outbound-preview-dialog{width:min(1180px,calc(100vw - 24px));padding:20px}
.outbound-preview-dialog .whole-order-grid{max-width:100%;overflow-x:hidden}
.outbound-preview-dialog .whole-order-grid>table{width:100%!important;min-width:0!important;table-layout:fixed;transform:none!important}
.outbound-preview-dialog .whole-order-grid th:nth-child(1){width:44%}
.outbound-preview-dialog .whole-order-grid th:nth-child(2),.outbound-preview-dialog .whole-order-grid th:nth-child(3),.outbound-preview-dialog .whole-order-grid th:nth-child(4){width:12%}
.outbound-preview-dialog .whole-order-grid th:nth-child(5){width:20%}
.outbound-preview-dialog .whole-order-grid th,.outbound-preview-dialog .whole-order-grid td{padding:10px 12px;vertical-align:middle}
.outbound-preview-dialog .outbound-product-info{white-space:normal}
.outbound-receipt-dialog{width:min(1120px,calc(100vw - 24px));padding:20px;overflow-y:auto;overflow-x:hidden}
.outbound-receipt-dialog .whole-order-grid{max-width:100%;overflow-x:hidden}
.outbound-receipt-dialog .whole-order-grid>table{width:100%!important;min-width:0!important;table-layout:fixed;transform:none!important}
.outbound-receipt-dialog .whole-order-grid th:nth-child(1){width:38%}
.outbound-receipt-dialog .whole-order-grid th:nth-child(2),.outbound-receipt-dialog .whole-order-grid th:nth-child(3),.outbound-receipt-dialog .whole-order-grid th:nth-child(4),.outbound-receipt-dialog .whole-order-grid th:nth-child(6){width:12%}
.outbound-receipt-dialog .whole-order-grid th:nth-child(5){width:14%}
.outbound-receipt-dialog .whole-order-grid th,.outbound-receipt-dialog .whole-order-grid td{padding:9px 10px;vertical-align:middle}
.outbound-receipt-dialog .outbound-number{text-align:right;font-variant-numeric:tabular-nums}
.outbound-receipt-dialog input[type="number"]{width:100%;min-width:0;text-align:right}
.outbound-receipt-dialog .outbound-difference.has-difference{background:#fff0f4;color:var(--ui-accent-dark);font-weight:700}
.outbound-product-name,.outbound-product-meta{display:block;overflow-wrap:anywhere}
.outbound-product-name{color:var(--ui-ink);font-size:13px;line-height:1.4}
.outbound-product-meta{margin-top:4px;color:var(--ui-muted);font-size:11px;line-height:1.35}
.outbound-quantity-field,.outbound-refund-form label,.outbound-investigation-form label{display:grid;gap:6px;margin:12px 0;color:var(--ui-body);font-size:12px}
.outbound-quantity-field input{max-width:260px}
.outbound-direct-closure{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:14px 0;padding:12px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-panel-muted)}
.outbound-direct-closure label{display:grid;gap:6px;color:var(--ui-body);font-size:12px}.outbound-direct-closure textarea{min-height:64px}.outbound-closure-approval{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.outbound-discrepancy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;margin:14px 0;padding:14px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-panel-muted)}
.outbound-discrepancy-grid p{margin:0}
.outbound-resolution-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.outbound-refund-form,.outbound-investigation-form{margin:14px 0;padding:14px;border:1px solid var(--ui-line);border-radius:8px;background:#fff}
.outbound-refund-form textarea,.outbound-investigation-form textarea{min-height:76px;resize:vertical}
@media(max-width:800px){.outbound-discrepancy-grid{grid-template-columns:1fr 1fr}}
.fee-adjustment-panel .toolbar{display:flex;gap:8px;align-items:center}
.fee-adjustment-panel table{min-width:1080px}
.fee-adjustment-panel td,.fee-adjustment-panel th{white-space:nowrap}
.fee-adjustment-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fee-adjustment-history{max-height:180px;overflow:auto}

/* Compact technology-style segmented tabs for same-level business views. */
:is(.business-direction-tabs,.order-view-tabs,.outbound-tabs,.tail-operation-page .tail-tabs){display:flex;align-items:stretch;gap:2px;width:fit-content;max-width:100%;margin:10px 0;padding:2px;border:1px solid var(--ui-line,#e7e9ed);border-radius:8px;background:var(--ui-panel-muted,#f7f8fa);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;white-space:nowrap;box-shadow:none}
:is(.business-direction-tab,.order-view-tab,.outbound-tab,.tail-operation-page .tail-tab){box-sizing:border-box;flex:0 0 auto;min-width:0;min-height:32px;padding:5px 13px;border:0;border-radius:6px;background:transparent;color:#687181;font:600 12px/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background .15s,color .15s,box-shadow .15s}
:is(.business-direction-tab,.order-view-tab,.outbound-tab,.tail-operation-page .tail-tab):hover{border:0;background:rgba(255,255,255,.72);color:var(--ui-accent,#b44d70);box-shadow:none}
:is(.business-direction-tab,.order-view-tab,.outbound-tab,.tail-operation-page .tail-tab).active{border:0;background:#fff;color:var(--ui-accent,#b44d70);box-shadow:inset 0 -2px var(--ui-accent,#b44d70),0 1px 3px rgba(31,41,55,.08)}
:is(.business-direction-tab,.order-view-tab,.outbound-tab,.tail-operation-page .tail-tab):focus-visible{outline:2px solid rgba(180,77,112,.38);outline-offset:-2px}

.customs-operation-page{min-width:0}
.customs-tabs{display:flex;align-items:stretch;gap:2px;width:fit-content;max-width:100%;margin:10px 0;padding:2px;border:1px solid var(--ui-line,#e7e9ed);border-radius:8px;background:var(--ui-panel-muted,#f7f8fa);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;white-space:nowrap}
.customs-tab{box-sizing:border-box;flex:0 0 auto;min-width:0;min-height:32px;padding:5px 13px;border:0;border-radius:6px;background:transparent;color:#687181;font:600 12px/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;white-space:nowrap;cursor:pointer;box-shadow:none}
.customs-tab:hover{border:0;background:rgba(255,255,255,.72);color:var(--ui-accent,#b44d70)}
.customs-tab.active{border:0;background:#fff;color:var(--ui-accent,#b44d70);box-shadow:inset 0 -2px var(--ui-accent,#b44d70),0 1px 3px rgba(31,41,55,.08)}
.customs-tab:focus-visible{outline:2px solid rgba(180,77,112,.38);outline-offset:-2px}
.customs-tab-panel{min-width:0}
.customs-table-wrap{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}
.customs-table-wrap>table{width:100%;min-width:900px;font-size:13px;table-layout:auto;transform:none!important}
.customs-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;min-width:320px}
.customs-actions .btn{min-height:28px;padding:4px 9px;font-size:11px}
.customs-create-panel{margin:10px 0;border:1px solid var(--ui-line);border-radius:7px;background:#fff}
.customs-create-panel>summary{padding:9px 11px;color:var(--ui-ink);font-weight:700;cursor:pointer}
.customs-create-panel>*:not(summary){margin-left:10px;margin-right:10px}
.customs-batch-form{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:8px;margin-bottom:10px}
.customs-batch-form label{display:grid;gap:4px;color:var(--ui-muted);font-size:11px}
.customs-preview-dialog,.customs-draft-dialog{max-width:min(96vw,1500px)}
.customs-draft-dialog{width:min(96vw,1500px);max-height:94vh;overflow-y:auto;overflow-x:hidden}
.customs-draft-dialog .customs-draft-print{width:100%;max-width:100%}
.customs-draft-dialog-actions{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;gap:6px;padding:6px;background:rgba(255,255,255,.96)}
.customs-operation-message{border-color:#edb7c8;background:#fff3f7;color:#8f294d}
.customs-operation-message ul{margin:5px 0 0;padding-left:20px}
.customs-official-preview{width:100%;height:min(74vh,900px);border:1px solid var(--ui-line);border-radius:6px;background:#f7f8fa}
@media(max-width:1100px){.customs-batch-form{grid-template-columns:repeat(2,minmax(140px,1fr))}.customs-table-wrap>table{min-width:860px}}

/* Compact operations density: smaller chrome, unchanged business-table readability. */
.side.primary-side{width:112px;flex:0 0 112px;padding:14px 6px}
.primary-side .brand{font-size:12px;padding-bottom:14px}
.primary-side .nav button{padding:10px 4px;font-size:12px}
.secondary-side{width:176px;flex-basis:176px}
.secondary-title{padding:16px 16px 9px;font-size:11px}
.secondary-nav button{padding:10px 16px;font-size:12px}
.top{height:68px;padding:0 24px}
.top h1{font-size:18px}
.content{max-width:none;padding:18px 24px}
.cards{gap:10px}
.card{padding:14px;border-radius:8px}
.card .value{margin-top:6px;font-size:23px}
.card .hint{margin-top:4px}
.section{padding:16px;margin-top:12px;border-radius:8px}
.section-head{margin-bottom:12px}
.section h2{font-size:15px}
.operation-surface>.section-head{min-height:30px;padding-bottom:10px}
.operation-surface>.section-head h2{font-size:16px}
.toolbar{gap:6px;padding:8px;margin-bottom:10px;border-radius:6px}
.btn{min-height:30px;padding:5px 12px;border-radius:5px}
input,select{min-height:30px;padding:5px 9px;border-radius:5px}
.notice{padding:8px 10px;margin-bottom:10px;line-height:1.5}
.operation-surface>.notice,.operation-surface>.toolbar,.operation-surface>.business-direction-tabs,.operation-surface>.order-view-tabs,.operation-surface .table-wrap{margin-top:10px}
.operation-surface .table-wrap>table{font-size:13px;transform:none!important}
.operation-surface .empty{margin-top:10px;padding:30px 16px}
@media screen and (max-width:1400px){.side.primary-side{width:102px;flex-basis:102px}.secondary-side{width:154px;flex-basis:154px}.top{height:60px;padding:0 18px}.content{padding:14px 18px}.section{padding:13px;margin-top:10px}.card{padding:12px}.toolbar{padding:7px}.operation-surface .table-wrap>table{font-size:12px}}
@media screen and (max-width:1100px){.side.primary-side{width:82px;flex-basis:82px}.secondary-side{width:122px;flex-basis:122px}.top{height:54px;padding:0 12px}.content{padding:10px 12px}.section{padding:10px}.card{padding:10px}.operation-surface .table-wrap>table{font-size:12px}}

/* National sales invoice: compact master-data entry and readable preview. */
.sales-invoice-profile-panel{margin:10px 0;border:1px solid var(--ui-line);border-radius:7px;background:#fff}
.sales-invoice-profile-panel>summary{padding:9px 11px;color:var(--ui-ink);font-size:12px;font-weight:700;cursor:pointer}
.sales-invoice-profile-panel[open]>summary{border-bottom:1px solid var(--ui-line)}
.invoice-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}
.invoice-profile-grid fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:11px;border:1px solid var(--ui-line);border-radius:7px}
.invoice-profile-grid legend{padding:0 5px;color:var(--ui-ink);font-size:12px;font-weight:700}
.invoice-profile-grid label,.sales-invoice-create label{display:grid;gap:4px;min-width:0;color:var(--ui-muted);font-size:11px}
.invoice-profile-grid input,.invoice-profile-grid select,.sales-invoice-create input,.sales-invoice-create select{width:100%;min-width:0}
.sales-invoice-profile-panel>.dialog-actions{margin:0;padding:0 12px 12px}
.sales-invoice-create{display:grid;grid-template-columns:minmax(280px,2fr) minmax(180px,1fr) minmax(150px,.8fr) auto;gap:8px;align-items:end;margin:10px 0;padding:10px;border:1px solid var(--ui-line);border-radius:7px;background:var(--ui-panel-muted)}
.sales-invoice-create .btn{white-space:nowrap}
.sales-invoice-dialog{width:min(1500px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:18px;overflow:auto}
.sales-invoice-dialog .invoice-party-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 16px;margin:10px 0;padding:11px;border:1px solid var(--ui-line);border-radius:7px;background:var(--ui-panel-muted)}
.sales-invoice-dialog .invoice-party-grid p{margin:0;min-width:0;overflow-wrap:anywhere;font-size:12px}
.sales-invoice-dialog .table-wrap{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}
.sales-invoice-dialog .table-wrap>table{width:max-content;min-width:1180px;font-size:12px;table-layout:auto;transform:none!important}
.sales-invoice-dialog .table-wrap th,.sales-invoice-dialog .table-wrap td{padding:8px 9px;vertical-align:middle;white-space:nowrap}
.sales-invoice-dialog .table-wrap th:nth-child(4),.sales-invoice-dialog .table-wrap td:nth-child(4){min-width:180px;white-space:normal}
.sales-invoice-dialog .table-wrap th:nth-child(5),.sales-invoice-dialog .table-wrap td:nth-child(5){min-width:260px;white-space:normal}
.sales-invoice-dialog .total-row{font-weight:700;background:var(--ui-panel-muted)}
@media(max-width:900px){.invoice-profile-grid{grid-template-columns:1fr}.invoice-profile-grid fieldset{grid-template-columns:1fr}.sales-invoice-create{grid-template-columns:1fr 1fr}.sales-invoice-dialog .invoice-party-grid{grid-template-columns:1fr 1fr}}

/* First-login and secure user-management forms: compact, readable and responsive. */
.login-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.login-actions .btn{width:100%;min-width:0;margin:0;white-space:normal}
.auth-user-create{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));align-items:end}
.auth-user-create>input,.auth-user-create>select{width:100%;min-width:0}
.auth-user-create>.subtle{grid-column:1/-1;line-height:1.45}
@media(max-width:1300px){.auth-user-create{grid-template-columns:repeat(3,minmax(135px,1fr))}}
@media(max-width:850px){.auth-user-create{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.login-card{padding:24px}.login-actions,.auth-user-create{grid-template-columns:1fr}}