body { margin: 0; }
.loading { padding: 32px; }
.login-page { min-height: 100dvh; display: grid; place-items: center; padding: 20px; background: var(--bg); }
.login-card { width: 100%; max-width: 410px; padding: 30px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--sh-sm); }
.login-card h1 { font-size: 23px; margin: 0 0 8px; }
.login-card .field { margin-top: 18px; }
.login-card .btn-primary { width: 100%; margin-top: 24px; }
.login-card p { color: var(--text-2); line-height: 1.6; }
.service-header { min-height: 64px; display:flex; align-items:center; gap:16px; padding:12px 24px; border-bottom:1px solid var(--line); background:var(--surface); }
.service-header b { font-size:18px; }
.service-header .tag { font-size:11px; }
.service-user { margin-left:auto; display:flex; align-items:center; gap:10px; }
.service-layout { display:grid; grid-template-columns:210px minmax(0,1fr); min-height:calc(100dvh - 65px); }
.service-nav { padding:16px 10px; border-right:1px solid var(--line); background:var(--surface); }
.service-nav details { margin-bottom:10px; }
.service-nav summary { padding:12px; font-weight:600; color:var(--text-2); cursor:pointer; }
.service-nav a { display:block; margin:3px 0; padding:10px 14px; color:var(--text-2); text-decoration:none; border-radius:var(--r-sm); }
.service-nav a.on { color:var(--primary); background:var(--primary-bg); font-weight:600; }
.service-main { min-width:0; padding:24px; }
.service-main .tbl-wrap { overflow-x:auto; }
.service-main h1 { font-size:22px; margin:0 0 8px; }
.service-main .subtitle { color:var(--text-2); margin:0 0 20px; }
.stage-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0; }
.stage-cards article { border:1px solid var(--line); background:var(--surface); border-radius:var(--r); padding:18px; }
.stage-cards strong { display:block; font-size:20px; margin-top:10px; }
.service-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:20px 0 12px; }
.service-toolbar input { max-width:380px; }
.service-toolbar .btn-primary { margin-left:auto; }
.service-table { width:100%; border-collapse:collapse; background:var(--surface); }
.service-table td,.service-table th { text-align:left; padding:12px; border-bottom:1px solid var(--line); height:76px; }
.service-table th { height:42px; background:var(--surface-2); white-space:nowrap; }
.service-table td:first-child { width:50px; color:var(--text-2); }
.service-table td:last-child { width:100px; white-space:nowrap; }
.service-table .small { max-width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.service-pager { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:12px; background:var(--surface); }
.service-pager .controls { display:flex; gap:8px; align-items:center; }
.service-pager .controls > span { white-space:nowrap; }
.catalog-scroll { max-height:calc(100dvh - 310px); min-height:180px; overflow:auto; border:1px solid var(--line); }
.catalog-bulk { position:sticky; top:0; z-index:4; display:flex; align-items:center; gap:10px; height:48px; padding:8px 12px; background:var(--surface); border-bottom:1px solid var(--line); white-space:nowrap; }
.catalog-toolbar .select { width:180px; max-width:100%; }
.catalog-toolbar .input { width:280px; min-width:180px; flex:1; }
.catalog-table { min-width:980px; }
.catalog-table td:last-child,.catalog-table th:last-child { width:190px; }
.catalog-table thead th { position:sticky; top:48px; z-index:3; }
.catalog-readonly .catalog-table thead th { top:0; }
.catalog-name { display:flex; align-items:center; gap:12px; max-width:300px; }
.catalog-name > span { min-width:0; }
.catalog-name b,.catalog-name .small { display:block; max-width:230px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.catalog-name img,.catalog-edit-picture img,.catalog-spec-table img { width:52px; height:52px; object-fit:contain; background:white; border:1px solid var(--line); border-radius:6px; flex-shrink:0; }
.catalog-no-image { display:inline-flex; width:52px; min-width:52px; height:52px; align-items:center; justify-content:center; background:var(--surface-2); color:var(--text-2); font-size:10px; }
.catalog-spec-table { min-width:820px; }
.catalog-edit-picture img { width:90px; height:90px; }
#catalog-variant-fields { display:grid; gap:12px; }
#catalog-variant-fields input[type=file],#catalog-main-image { width:100%; max-width:100%; }
.category-buttons { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.category-row .category-name { margin:8px 0; }
.quote-toolbar .select { width:180px; }
.quote-toolbar .input { width:320px; flex:1; }
.quote-table { min-width:980px; table-layout:fixed; }
.quote-table.quote-customer-table { min-width:760px; }
.quote-table td { max-width:280px; height:108px; }
.quote-table th:first-child { width:54px; }
.quote-table th:last-child { width:160px; }
.quote-customer-table th:last-child { width:190px; }
.quote-table td > b,.quote-table .order-number { display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.quote-table td:last-child { white-space:normal; width:160px; }
.quote-table .small { max-width:250px; }
.service-pager select { width:92px; }
.service-empty { padding:32px; color:var(--text-2); text-align:center; }
#message { position:fixed; bottom:24px; right:20px; max-width:min(450px,90vw); padding:12px 18px; border-radius:var(--r-sm); background:var(--text); color:white; z-index:500; }
#message:empty { display:none; }
#editor { border:1px solid var(--line); border-radius:var(--r); padding:0; width:min(600px,calc(100vw - 28px)); max-height:90dvh; box-shadow:var(--sh-sm); }
#editor::backdrop { background:rgba(20,30,50,.35); }
#editor:has(#record-form) { overflow:hidden; }
#record-form { display:flex; flex-direction:column; max-height:calc(90dvh - 2px); }
#record-form .editor-head,#record-form .editor-actions { flex-shrink:0; }
#record-form .editor-body { min-height:0; overflow-y:auto; }
.customer-section { display:grid; gap:12px; min-width:0; border:1px solid var(--line); border-radius:var(--r-sm); padding:16px; }
.customer-section legend { padding:0 6px; font-weight:600; }
.customer-section p { margin:0; white-space:normal; }
.customer-section #copy-contact { justify-self:start; }
.service-tabs { display:flex; gap:22px; border-bottom:1px solid var(--line); margin-bottom:18px; }
.service-tabs button { border:0;border-bottom:3px solid transparent;background:none;padding:10px 2px;font:inherit;font-weight:600;color:var(--text-2);cursor:pointer; }
.service-tabs button.on { color:var(--primary);border-bottom-color:var(--primary); }
.contract-image { border:1px solid var(--line);background:white; }
.contract-image img { display:block;width:100%;height:auto; }
.contract-check { display:flex;gap:8px;align-items:flex-start;line-height:1.7; }
.contract-check input { margin-top:5px; }
.order-profile { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.order-profile p { margin:6px 0; overflow-wrap:anywhere; }
.editor-head { padding:18px 22px; border-bottom:1px solid var(--line); font-size:18px; font-weight:600; }
.editor-body { padding:20px 22px; display:grid; gap:14px; }
.editor-body .input,.editor-body .select { width:100%; }
.editor-actions { display:flex; justify-content:flex-end; gap:10px; padding:14px 22px; border-top:1px solid var(--line); }
.permission-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.permission-options label { display:flex; gap:6px; align-items:center; font-size:13px; }
.record-detail { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; }
.order-table { min-width:920px; table-layout:fixed; }
.order-table td { height:124px; vertical-align:middle; }
.order-table th:nth-child(2) { width:23%; }
.order-table th:nth-child(3) { width:25%; }
.order-table th:nth-child(4) { width:15%; }
.order-table th:nth-child(5) { width:20%; }
.order-table td:last-child { width:135px; white-space:normal; }
.order-table td:last-child .btn { display:block; margin:4px 0; }
.order-summary { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.order-total { font-weight:650; white-space:nowrap; }
.order-link { display:block; max-width:100%; padding:0; border:0; background:none; color:var(--primary); font:inherit; font-weight:600; text-align:left; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.order-link:hover { text-decoration:underline; }
.service-toolbar #order-status { max-width:230px; }
#editor.order-editor { width:min(1060px,calc(100vw - 28px)); overflow:hidden; }
.order-editor #order-form { display:flex; flex-direction:column; max-height:calc(90dvh - 2px); }
.order-editor .editor-head,.order-editor .editor-actions { flex-shrink:0; }
.order-editor .editor-body { min-height:0; overflow-y:auto; display:flex; flex-direction:column; }
.order-editor .editor-body > * { flex-shrink:0; }
.order-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.order-fields p { margin:0; }
.order-line { border:1px solid var(--line); border-radius:var(--r-sm); padding:14px; margin-bottom:12px; }
.order-line-title,.order-add,.order-detail-heading { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.order-line-title { margin-bottom:10px; }
.order-line-title .line-result { margin-left:auto; font-weight:600; }
.order-line-fields { display:grid; grid-template-columns:2fr 1.5fr .7fr 1.5fr 1fr 1fr; gap:8px; }
.purchase-line-fields { display:grid; grid-template-columns:2fr 1.5fr .7fr 1fr 2fr; gap:8px; }
.order-line .order-fields { margin-top:10px; }
.order-product-candidates { margin-top:12px; }
.order-product-candidates [hidden] { display:none; }
.candidate-panel { border-top:1px solid var(--line); margin-top:10px; padding-top:10px; }
.candidate-panel .service-toolbar { margin-bottom:10px; }
.candidate-table { min-width:700px; table-layout:fixed; }
.candidate-table th:first-child { width:56px; }
.candidate-table th:nth-child(2) { width:32%; }
.candidate-table th:nth-child(4) { width:90px; }
.candidate-table th:last-child { width:126px; }
.candidate-table td { height:86px; vertical-align:middle; overflow-wrap:anywhere; }
.candidate-table .small { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.candidate-panel .service-pager { padding:10px 0; }
.candidate-panel .service-pager label { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.candidate-confirmation { margin-top:12px; }
.candidate-confirmation .order-fields label { min-width:0; }
.candidate-warning,.candidate-error { color:var(--danger,#b42318); }
.order-uploaded-contract-content,.uploaded-contract-order-context { min-width:0; max-width:100%; }
.order-uploaded-contract-content>.note { overflow-wrap:anywhere; }
.uploaded-contract-order-context { margin-bottom:14px; }
.uploaded-contract-order-context>summary { margin-bottom:10px; cursor:pointer; }
.uploaded-contract-order-context .tbl-wrap { min-width:0; }
.order-calculation { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px; padding:14px; border:1px solid var(--line); border-radius:var(--r-sm); background:var(--surface-2); }
.order-calculation strong { font-size:24px; }
.order-calculation .small { flex-basis:100%; }
.order-detail-heading h2 { margin:0 0 6px; font-size:19px; }
.order-detail-heading p { margin:0; color:var(--text-2); }
.order-detail-heading .tag { margin-left:auto; max-width:100%; white-space:normal; }
.order-detail-table { min-width:650px; }
.order-detail-table td { height:76px; }
.order-detail-table .review-price { width:150px; }
.editor-body .tbl-wrap { max-width:100%; overflow-x:auto; }
.editor-body details { padding:12px 0; border-top:1px solid var(--line); }
.editor-body summary { cursor:pointer; }
@media(max-width:720px) {
  .order-profile { grid-template-columns:1fr; }
  .service-header { padding:10px 12px; flex-wrap:wrap; gap:8px; }
  .service-header b { font-size:16px; }
  .service-user { font-size:12px; }
  .service-layout { display:block; }
  .service-nav { display:flex; flex-wrap:wrap; gap:4px 12px; border-right:0; border-bottom:1px solid var(--line); padding:6px; }
  .service-nav details { margin:0; }
  .service-nav summary { padding:8px; }
  .service-nav a { font-size:12px; padding:8px; }
  .service-main { padding:14px 10px; }
  .stage-cards { grid-template-columns:1fr; }
  .service-toolbar input { flex:1; min-width:140px; }
  .service-toolbar .btn-primary { margin-left:0; }
  .service-pager .controls { flex-wrap:wrap; }
  .permission-options { grid-template-columns:1fr; }
  .order-fields { grid-template-columns:1fr; }
  .order-line-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .purchase-line-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .order-line-title .line-result { font-size:13px; }
  #editor.order-editor .editor-body { padding:16px 12px; }
  .order-editor .editor-actions { padding:12px; flex-wrap:wrap; }
}

.shopping-layout {display:grid;gap:16px;min-width:0;}
.shopping-categories {display:flex;gap:8px;flex-wrap:wrap;align-content:start;}
.shopping-categories .on {background:var(--primary-bg);color:var(--primary);border-color:var(--primary);}
.shopping-products {display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;}
.shopping-product {display:flex;flex-direction:column;gap:9px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);min-width:0;}
.shopping-product .catalog-picture {height:140px;width:100%;display:grid;place-items:center;background:#f7f8fb;}
.shopping-product .catalog-picture img {width:100%;height:140px;object-fit:contain;}
.shopping-product .btn {margin-top:auto;}
.shopping-cart-table {min-width:880px;table-layout:fixed;}
.shopping-cart-table th:first-child {width:54px;}
.shopping-cart-table th:nth-child(3) {width:130px;}
.shopping-cart-table th:last-child {width:150px;}
.shopping-cart-table td {height:125px;vertical-align:middle;}
.shopping-cart-table input {width:100%;min-width:0;margin:3px 0;}
.shopping-warning {color:var(--danger);font-size:12px;}
@media(max-width:720px) {
 .service-nav:has(>a) {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
 .service-nav>a {text-align:center;}
 .shopping-layout {grid-template-columns:72px minmax(0,1fr);gap:10px;}
 .shopping-categories {display:flex;flex-direction:column;position:sticky;top:12px;max-height:70vh;overflow:auto;align-self:start;}
 .shopping-categories .btn {white-space:normal;font-size:12px;padding:8px 5px;}
 .shopping-products {grid-template-columns:minmax(0,1fr);gap:10px;}
 .shopping-product {padding:10px;}
 .shopping-product .catalog-picture,.shopping-product .catalog-picture img {height:110px;}
}
@media(max-width:720px) {
 .service-nav:has(>a) {position:fixed;bottom:0;left:0;right:0;z-index:30;min-height:56px;border-top:1px solid var(--line);border-bottom:0;background:var(--surface);padding:5px;}
 .service-layout:has(.service-nav>a) .service-main {padding-bottom:90px;}
}

.payment-table { min-width:800px; table-layout:fixed; }
.payment-table th:first-child { width:54px; }
.payment-table th:last-child { width:120px; }
.payment-table td { height:102px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.payment-table td > b { display:block; overflow:hidden; text-overflow:ellipsis; }
.payment-image { width:200px; max-width:100%; height:200px; object-fit:contain; border:1px solid var(--line); background:#fff; }
.payment-check { display:flex; align-items:flex-start; gap:10px; margin:14px 0; }
.payment-check input { margin-top:5px; flex-shrink:0; }
.order-payment { margin:18px 0; overflow-wrap:anywhere; }
.order-payment h3 { margin:0; }

.editor-actions:has(.repeat-error) { flex-wrap:wrap; }
.repeat-error { flex-basis:100%; order:-1; color:var(--danger,#b91c1c); margin:0; overflow-wrap:anywhere; }

.point-cards {grid-template-columns:repeat(4,minmax(0,1fr));}
.point-cards strong,.gift-products .shopping-product {overflow-wrap:anywhere;}
.point-ledger-table {min-width:900px;}
.point-ledger-table th:last-child {width:240px;}
.point-ledger-table td:last-child {width:auto;}
@media(max-width:1000px){.point-cards {grid-template-columns:repeat(2,minmax(0,1fr));}}

.picture-receiver {padding:12px;border:1px dashed var(--line);border-radius:var(--r-sm);background:var(--surface-2);}
.picture-receiver:focus {outline:2px solid var(--primary);}
.delivery-proof-preview {display:block;max-width:100%;max-height:180px;object-fit:contain;}
.picture-receiver input[type=file] {max-width:100%;}

/* Default delivery-note rows keep the same height with one or two file variants. */
#delivery-note-table tbody tr { height: 144px; }
#delivery-note-table td { vertical-align: middle; }
.business-dashboard .link-button,#editor .link-button { border:0;padding:0;background:none;color:var(--primary);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere; }
.business-dashboard .dashboard-rank-table { min-width:420px;table-layout:fixed; }
.business-dashboard .dashboard-rank-table th:first-child { width:52px; }
.business-dashboard .dashboard-rank-table th:nth-child(3) { width:120px; }
.business-dashboard .dashboard-rank-table th:nth-child(4) { width:80px; }
.business-dashboard .dashboard-rank-table tbody tr { height:76px; }
.business-dashboard .dashboard-rank-table td:nth-child(2) .link-button { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
.business-dashboard .dashboard-cost-table { min-width:940px; }
.business-dashboard .dashboard-cost-table tbody tr { height:96px; }
.business-dashboard #dash-query-error { color:var(--red,#b42318); }
.business-dashboard .dashboard-svg-axis { flex:0 0 64px;fill:var(--text-2);font-size:11px; }
.business-dashboard .dashboard-svg-plot { display:block;overflow:visible; }
.business-dashboard .dashboard-svg-grid { stroke:var(--line);stroke-dasharray:4 3; }
.business-dashboard .dashboard-svg-bar { fill:var(--primary); }
.business-dashboard .dashboard-svg-value { fill:var(--text);font-size:13px;font-weight:600; }
.business-dashboard .dashboard-svg-label { fill:var(--text);font-size:12px; }
.business-dashboard .dashboard-svg-count { fill:var(--text-2);font-size:11px; }
.business-dashboard .dashboard-rank-share { display:block;margin-top:6px; }
.business-dashboard .dashboard-share-track { fill:var(--surface-3); }
.order-table td { height:164px; }
.order-product-line { display:flex;align-items:center;gap:8px;height:54px;min-width:0; }
.order-thumb { display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);border-radius:6px;background:var(--surface-3);color:var(--text-2);font-size:10px;text-align:center; }
.order-thumb img { width:100%;height:100%;object-fit:contain;border-radius:5px;background:white; }
.order-product-text { min-width:0; }
.order-product-name { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35; }
.order-table td:nth-child(2)>.order-link { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.order-table td:nth-child(2)>.small,.order-product-text .small { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.wechat-entry { margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px; }
.wechat-entry summary { cursor:pointer;font-weight:600; }
.wechat-entry .input { width:100%; }
.wechat-entry ol,.wechat-entry ul { padding-left:22px; }
.wechat-original { white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-3);padding:10px;border-radius:6px;font:inherit;font-size:13px; }

.contract-versions-table th:last-child { width:185px; }

.margin-review { margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:8px;min-width:0;max-width:100%; }
.margin-heading { display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap; }
.margin-heading h3 { margin:0; }
.margin-summary { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0; }
.margin-summary>div { padding:12px;background:var(--surface-3);border-radius:6px;overflow-wrap:anywhere; }
.margin-summary span { display:block;color:var(--text-2);font-size:13px; }
.margin-summary strong { display:block;margin-top:6px;font-size:22px;font-variant-numeric:tabular-nums; }
.margin-review .margin-low,.margin-warning { color:var(--danger,#b91c1c);font-weight:600; }
.margin-summary>.margin-low { background:#fff1f2; }
.margin-review .margin-low .small { color:inherit; }
.margin-warning { padding:10px;border-left:3px solid currentColor;background:#fff1f2;border-radius:4px; }
.margin-table-wrap { max-width:100%;overflow-x:auto; }
.margin-lines { width:100%;min-width:900px;table-layout:fixed; }
.margin-lines th:first-child { width:44px; }
.margin-lines th:nth-child(2) { width:180px; }
.margin-lines th:nth-child(3) { width:80px; }
.margin-lines th:nth-child(n+4) { width:100px; }
.margin-lines th:last-child { width:96px; }
.margin-lines td { height:82px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums; }
.margin-lines th:nth-child(n+3),.margin-lines td:nth-child(n+3) { text-align:right; }
.margin-product { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden; }
.margin-spec { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.margin-reference { margin-top:12px;overflow-wrap:anywhere; }
.margin-reference summary { cursor:pointer; }
.margin-reference ol { list-style:none;margin:12px 0 0;padding:0; }
.margin-reference li { padding:10px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.6; }
@media(max-width:540px){.margin-summary{grid-template-columns:1fr;gap:6px}.margin-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.margin-summary strong{margin:0;font-size:19px}.margin-review{padding:10px}}

.catalog-sync { margin-top:18px;min-width:0; }
.catalog-sync textarea { width:100%;resize:vertical; }
.catalog-sync-actions { display:flex;flex-wrap:wrap;gap:10px;margin-top:12px; }
.catalog-sync-error { color:var(--danger);min-height:20px;overflow-wrap:anywhere; }
.invoice-date-past { color:var(--danger,#b91c1c);font-weight:600; }
#invoice-deadline { width:180px;max-width:100%; }
.invoice-table { min-width:900px; }
.invoice-table th:last-child,.invoice-table td:last-child { width:140px; }
.catalog-sync-jobs { min-width:720px;table-layout:fixed; }
.catalog-sync-jobs th:first-child,.catalog-sync-records th:first-child { width:48px; }
.catalog-sync-jobs th:nth-child(2) { width:230px; }
.catalog-sync-jobs th:nth-child(4),.catalog-sync-jobs th:last-child { width:130px; }
.catalog-sync-jobs td { height:96px;vertical-align:middle; }
.catalog-sync-jobs td,.catalog-sync-jobs .small { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.catalog-sync-records { width:100%;min-width:900px;table-layout:fixed; }
.catalog-sync-records th:nth-child(2) { width:190px; }
.catalog-sync-records th:nth-child(3) { width:120px; }
.catalog-sync-records th:nth-child(4) { width:74px; }
.catalog-sync-records th:nth-child(5) { width:90px; }
.catalog-sync-records th:nth-child(6) { width:130px; }
.catalog-sync-records td { height:96px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.catalog-sync-records td:last-child { white-space:normal; }
.catalog-sync-records td .small,.catalog-sync-issue { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden; }
.catalog-sync-records th:nth-child(6),.catalog-sync-records td:nth-child(6) { text-align:right;font-variant-numeric:tabular-nums; }

.payment-deadline.overdue { color:var(--danger); font-weight:600; }
.payment-deadline.today { color:var(--warn); font-weight:600; }
.service-toolbar #order-deadline { width:220px; max-width:100%; }

.invoice-date-remind { color:var(--warning,#92400e);font-weight:600; }
