:root{--ink:#17202d;--muted:#7c8798;--line:#e8ecf1;--blue:#2563eb;--bg:#f5f7fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:#eef4fb}.login section{width:min(420px,92vw);background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 20px 60px #1d2a4318}.login b,.brand span{width:44px;height:44px;background:#2363df;color:white;border-radius:10px;display:grid;place-items:center}.login h1{font-size:22px;margin:18px 0 8px}.login p{color:var(--muted)}.login input{width:100%;padding:13px;border:1px solid #dfe4eb;border-radius:8px}.login button,.primary,#newOrderBtn,#newTaskBtn,.panel-head button{border:0;background:#2363df;color:white;border-radius:8px;padding:10px 14px;cursor:pointer}.login form{display:grid;gap:10px}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:white;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column}.brand{display:grid;gap:8px;margin-bottom:22px}.brand strong{font-size:16px}.brand small{color:#9aa3b1}.sidebar nav{display:grid;gap:6px}.sidebar nav button,.logout{border:0;background:transparent;text-align:left;border-radius:8px;padding:11px 12px;cursor:pointer;color:#667085}.sidebar nav button.active{background:#edf4ff;color:#1458cf;font-weight:700}.logout{margin-top:auto;color:#c8372f}.content{margin-left:232px;padding:27px 34px;width:calc(100% - 232px)}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}h1{margin:0;font-size:24px}header p,.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.actions{display:flex;gap:8px}.actions input{border:1px solid var(--line);border-radius:8px;padding:10px;width:220px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats article,.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.stats article{padding:17px}.stats small,.stats span{color:var(--muted);font-size:12px}.stats strong{display:block;font-size:24px;margin:8px 0}.panel-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:16px;margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;background:#fafbfc;color:#8993a2;font-size:11px;padding:11px 14px}td{border-top:1px solid #f0f2f5;padding:12px 14px;white-space:nowrap}td small{display:block;color:#8892a1;margin-top:4px}.tag{padding:4px 7px;border-radius:6px;background:#fff6e8;color:#c77a17}.success{color:#14975b}.danger{color:#e34a43}.row-actions{display:flex;gap:6px}.row-actions button,.task-buttons button,.task-attachments a{border:1px solid #cfe0f7;background:#f2f7ff;color:#235abf;border-radius:7px;padding:6px 9px;cursor:pointer;text-decoration:none}.row-actions .delete{border-color:#f2c6c2;background:#fff5f4;color:#c8372f}.task-list{display:grid}.task-card{display:grid;grid-template-columns:80px 1fr 160px 150px;gap:14px;padding:15px 18px;border-top:1px solid #f0f2f5}.task-kind{display:grid;place-items:center;background:#edf4ff;color:#245fd0;border-radius:10px;height:54px}.task-main p{margin:6px 0;color:#64738a}.chips,.task-attachments{display:flex;flex-wrap:wrap;gap:6px}.chips span{font-size:11px;background:#f0f3f7;border-radius:10px;padding:4px 7px;color:#64738a}.modal-bg{position:fixed;inset:0;background:#17202d88;display:grid;place-items:center;z-index:20;padding:20px}.modal{background:white;width:min(760px,96vw);max-height:92vh;overflow:auto;border-radius:14px;box-shadow:0 20px 60px #0003}.wide-modal{width:min(1180px,98vw)}.modal-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{margin:0}.modal-head button{border:0;background:transparent;font-size:24px;cursor:pointer}.form-grid{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.remark{font-size:12px;font-weight:700;color:#566173}.form-grid .wide,.picker{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.remark textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe4eb;border-radius:7px;padding:10px;background:white}.form-grid textarea,.remark textarea{min-height:80px;resize:vertical}.picker{border:1px solid #dfe5ed;border-radius:9px;padding:12px;display:flex;flex-wrap:wrap;gap:8px}.picker label{background:#f5f8fc;border-radius:7px;padding:8px}.subpanel{margin:0 18px 14px;border:1px solid #dfe5ee;border-radius:10px;padding:12px;background:#f8fafc;overflow:auto}.line-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.line-head button{border:1px solid #bfd0f0;background:#edf4ff;color:#235abf;border-radius:7px;padding:7px 10px}.item-row,.pay-row{display:grid;grid-template-columns:1.4fr 1fr 72px 90px 110px 32px;gap:8px;margin-top:8px}.pay-row{grid-template-columns:1.2fr 80px 110px 110px 140px 110px 32px}.batch-row{display:grid;grid-template-columns:86px 78px 125px 125px 125px 125px 98px 70px 96px 98px 70px 96px 98px 98px 110px 130px 32px;gap:7px;min-width:1750px;margin-top:8px}.item-row input,.item-row select,.pay-row input,.pay-row select,.batch-row input,.batch-row select{min-width:0;border:1px solid #d7dde7;border-radius:7px;padding:8px}.item-row button,.pay-row button,.batch-row button{border:0;background:transparent;color:#a24a45;font-size:18px}.remark{display:block;padding:0 18px 16px}.total-line{min-width:1750px;text-align:right;color:#637086;margin-top:10px}.modal-actions{border-top:1px solid var(--line);padding:14px 18px;display:flex;justify-content:flex-end;gap:8px}.toast,#toast{position:fixed;right:24px;bottom:24px;background:#173b2a;color:white;border-radius:9px;padding:12px 16px;z-index:50;display:none}@media(max-width:900px){.sidebar{width:70px}.brand strong,.brand small,.sidebar nav button{font-size:0}.content{margin-left:70px;width:calc(100% - 70px);padding:16px}.stats{grid-template-columns:1fr 1fr}header{display:block}.actions{margin-top:12px;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.task-card{grid-template-columns:1fr}}

.cost-layout{display:grid;grid-template-columns:minmax(360px,1fr) 1fr;gap:18px;padding:18px}.cost-form,.cost-inputs,.employee-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cost-row{display:grid;grid-template-columns:minmax(130px,1fr) 90px 110px;gap:8px;align-items:end}.cost-row small{grid-column:1/-1;color:#64738a;font-size:12px}.cost-form label{font-size:12px;font-weight:700;color:#566173}.cost-form input,.cost-form select,.employee-form input,.employee-form select{width:100%;margin-top:7px;border:1px solid #dfe4eb;border-radius:7px;padding:10px;background:white}.cost-inputs{grid-column:1/-1}.cost-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start}.cost-summary article,.reports-grid article{border:1px solid var(--line);border-radius:10px;background:#fff;padding:16px}.cost-summary small,.reports-grid small{display:block;color:var(--muted);font-size:12px}.cost-summary strong,.reports-grid strong{display:block;font-size:22px;margin:8px 0}.cost-summary span{color:var(--muted);font-size:12px}.reports-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px}.reports-grid button{border:1px solid #cfe0f7;background:#f2f7ff;color:#235abf;border-radius:7px;padding:8px 10px;cursor:pointer}.employee-form{padding:18px;border-bottom:1px solid var(--line);align-items:end}.employee-form .primary{margin-top:7px}@media(max-width:900px){.reports-grid,.cost-layout,.cost-summary,.cost-form,.cost-inputs,.employee-form,.cost-row{grid-template-columns:1fr}}
.supplier-row{display:grid;grid-template-columns:150px 140px 150px 110px 90px 110px 80px 110px 32px;gap:8px;min-width:980px;margin-top:8px}.supplier-row input,.supplier-row select{min-width:0;border:1px solid #d7dde7;border-radius:7px;padding:8px}.supplier-row button{border:0;background:transparent;color:#a24a45;font-size:18px}.supplier-total{min-width:980px}
.fee-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-width:820px}.fee-grid label{font-size:12px;font-weight:700;color:#566173}.fee-grid input,.fee-grid select{display:block;width:100%;margin-top:7px;border:1px solid #d7dde7;border-radius:7px;padding:8px;background:white}.charge-row{display:grid;grid-template-columns:1.4fr 120px 1fr 32px;gap:8px;min-width:720px;margin-top:8px}.supplier-pay-row{display:grid;grid-template-columns:120px 140px 90px 120px 120px 130px 110px 150px 32px;gap:8px;min-width:1070px;margin-top:8px}.charge-row input,.supplier-pay-row input,.supplier-pay-row select{min-width:0;border:1px solid #d7dde7;border-radius:7px;padding:8px}.charge-row button,.supplier-pay-row button{border:0;background:transparent;color:#a24a45;font-size:18px}.charge-total{min-width:720px}
.wecom-login{width:100%;border:1px solid #1f9d55;background:#f0fff6;color:#13723a;border-radius:8px;padding:11px 14px;cursor:pointer}.wecom-panel{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);background:#f6fff9}.wecom-panel p{margin:5px 0;color:#52616f}.wecom-panel small{color:#718096;word-break:break-all}.wecom-panel button{border:1px solid #a8ddb7;background:white;color:#13723a;border-radius:8px;padding:8px 12px;cursor:pointer}@media(max-width:900px){.wecom-panel{display:block}.wecom-panel button{margin-top:10px}}
.wecom-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);background:#fbfdfc}.wecom-settings input{border:1px solid #dfe4eb;border-radius:7px;padding:10px;background:white}.employee-form #employeeCancelBtn{border:1px solid #d7dde7;background:#fff;color:#566173;border-radius:8px;padding:10px 14px;cursor:pointer}@media(max-width:900px){.wecom-settings{grid-template-columns:1fr}}
.item-row{grid-template-columns:1.4fr 1fr 72px 90px 110px 88px minmax(360px,1.8fr) 32px;min-width:1220px}
.labeled-row{align-items:end}.labeled-row label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#566173}.labeled-row label span{line-height:1.2}.labeled-row input,.labeled-row select{margin:0}
.pay-row.labeled-row{grid-template-columns:130px 90px 120px 120px 90px 140px 120px 32px;min-width:930px}.supplier-row.labeled-row{grid-template-columns:150px 140px 150px 110px 90px 110px 80px 100px 32px}.supplier-pay-row.labeled-row{grid-template-columns:120px 140px 90px 120px 120px 130px 110px 150px 32px}
.batch-row.labeled-row{grid-template-columns:90px 85px 125px 125px 125px 125px 110px 85px 105px 110px 85px 105px 105px 105px 115px 150px 32px}
.permission-picker{grid-column:1/-1;border:1px solid #dfe5ed;border-radius:9px;padding:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:#f8fafc}.permission-picker legend{font-size:12px;font-weight:700;color:#566173;padding:0 4px}.permission-picker label{display:flex;align-items:center;gap:6px;background:white;border:1px solid #edf1f5;border-radius:7px;padding:8px;font-size:12px;color:#566173}
.report-filters{display:flex;gap:12px;align-items:end;padding:14px 18px;border-bottom:1px solid var(--line);background:#fbfcfe}.report-filters label{font-size:12px;font-weight:700;color:#566173}.report-filters input{display:block;margin-top:6px;border:1px solid #dfe4eb;border-radius:7px;padding:9px;background:white}.report-filters button{border:1px solid #d7dde7;background:white;color:#566173;border-radius:8px;padding:9px 12px;cursor:pointer}
.welcome-strip{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid var(--line);border-radius:11px;padding:13px 16px;margin-bottom:14px}.welcome-strip small{display:block;color:var(--muted);font-size:12px}.welcome-strip strong{font-size:20px}.welcome-strip span{color:#235abf;background:#edf4ff;border-radius:999px;padding:6px 10px;font-size:12px}.compact-tasks .task-card{grid-template-columns:64px 1fr 150px 210px}.detail-body{padding:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.detail-grid div{border:1px solid var(--line);border-radius:8px;padding:10px;background:#fbfcfe}.detail-grid .wide{grid-column:1/-1}.detail-grid dt{font-size:11px;color:var(--muted);margin-bottom:5px}.detail-grid dd{margin:0;color:var(--ink);word-break:break-word}.detail-grid a{color:#235abf}
.task-layer{border-top:1px solid #edf1f5}.task-layer:first-child{border-top:0}.task-layer-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#fbfcfe}.task-layer-head b{font-size:14px}.task-layer-head span{font-size:12px;color:#64738a;background:#eef4fb;border-radius:999px;padding:5px 9px}.task-layer .empty{padding:14px 18px;margin:0;color:#7c8798}
.login select{width:100%;padding:13px;border:1px solid #dfe4eb;border-radius:8px;background:white}
.db-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 18px}.db-card{border:1px solid #e3e8ef;border-radius:10px;background:#fff;padding:14px;display:grid;gap:10px}.db-card h3{margin:0 0 4px;font-size:15px}.db-card label{font-size:12px;font-weight:700;color:#566173}.db-card input{display:block;width:100%;margin-top:7px;border:1px solid #dfe4eb;border-radius:7px;padding:10px;background:white}.db-actions{display:flex;gap:8px;flex-wrap:wrap}.db-actions button,.db-import button,#refreshDbAdminBtn{border:1px solid #cfe0f7;background:#f2f7ff;color:#235abf;border-radius:7px;padding:9px 12px;cursor:pointer}.danger-note{margin:0;color:#c8372f;font-size:12px}.db-import{display:grid;gap:10px}
.doc-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.doc-tools input{width:260px;max-width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:white}
.table-wrap{overflow-x:scroll;overflow-y:hidden;scrollbar-gutter:stable}.table-wrap::-webkit-scrollbar{height:12px}.table-wrap::-webkit-scrollbar-thumb{background:#8d929a;border-radius:999px}.table-wrap::-webkit-scrollbar-track{background:#eef1f5}#ordersTable,#dashboardOrders{min-width:1120px}#ordersTable td,#ordersTable th,#dashboardOrders td,#dashboardOrders th{white-space:nowrap}
.product-cell{min-width:260px;max-width:360px;white-space:normal!important;line-height:1.45}.product-cell span{display:inline}.link-btn{border:0;background:transparent;color:#235abf;cursor:pointer;padding:0 0 0 6px;font-size:12px}
.related-order{color:#235abf!important;font-weight:700}

@media (min-width:901px) and (max-width:1280px){
  .sidebar{width:196px;padding:18px 12px}.content{margin-left:196px;width:calc(100% - 196px);padding:20px}.wide-modal{width:min(1040px,98vw)}.form-grid{gap:10px;padding:14px}.subpanel{margin:0 14px 12px;padding:10px}td,th{padding:9px 10px}.stats{gap:10px}.stats article{padding:13px}.stats strong{font-size:20px}
}
@media (max-width:720px){
  body{font-size:13px}.shell{display:block}.sidebar{position:sticky;top:0;z-index:10;width:100%;height:auto;inset:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px;background:white}.brand{display:flex;align-items:center;gap:8px;margin:0 0 8px}.brand span{width:34px;height:34px;border-radius:8px}.brand strong{font-size:14px}.brand small{display:none}.sidebar nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.sidebar nav button{white-space:nowrap;font-size:12px;padding:8px 10px;flex:0 0 auto}.logout{margin-top:8px;font-size:12px;padding:8px 10px}.content{margin-left:0;width:100%;padding:12px}header{margin-bottom:12px}h1{font-size:20px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions input{grid-column:1/-1;width:100%}.stats{grid-template-columns:1fr 1fr;gap:8px}.stats article{padding:11px}.stats strong{font-size:19px}.panel-head{padding:12px;display:block}.panel-head button{margin-top:8px}.table-wrap{margin:0 -1px}table{font-size:11px}th,td{padding:8px;white-space:normal}.modal-bg{padding:0;place-items:stretch}.modal,.wide-modal{width:100vw;max-height:100vh;height:100vh;border-radius:0}.modal-head{padding:14px}.form-grid{grid-template-columns:1fr;padding:12px;gap:10px}.subpanel{margin:0 10px 10px;padding:10px}.line-head{gap:8px}.line-head button{padding:7px 9px}.remark{padding:0 10px 12px}.modal-actions{position:sticky;bottom:0;background:white;padding:10px}.item-row,.pay-row,.batch-row,.supplier-row,.supplier-pay-row,.charge-row,.fee-grid{grid-template-columns:1fr!important;min-width:0!important}.total-line,.supplier-total,.charge-total{min-width:0;text-align:left}.labeled-row{gap:10px}.labeled-row button,.charge-row button,.batch-row button,.supplier-row button,.supplier-pay-row button,.item-row button,.pay-row button{width:100%;height:34px;border:1px solid #f2c6c2;border-radius:7px;background:#fff5f4}.picker{display:grid;grid-template-columns:1fr 1fr}.task-card{grid-template-columns:1fr;gap:8px;padding:12px}.task-kind{height:auto;min-height:42px}.cost-layout,.cost-summary,.reports-grid,.employee-form,.wecom-settings{grid-template-columns:1fr!important;padding:12px}.cost-form,.cost-inputs{grid-template-columns:1fr}.row-actions{flex-wrap:wrap}
}
@media (max-width:420px){
  .actions{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.picker{grid-template-columns:1fr}.sidebar nav button{font-size:11px;padding:7px 9px}.modal-head h2{font-size:18px}.form-grid input,.form-grid select,.form-grid textarea,.remark textarea{padding:9px}
}
@media (max-width:720px){.permission-picker{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.permission-picker{grid-template-columns:1fr}}
@media (max-width:720px){.db-admin-grid{grid-template-columns:1fr!important;padding:12px}.db-card{padding:12px}.db-actions{display:grid;grid-template-columns:1fr}.db-actions button,.db-import button{width:100%}}
@media (max-width:720px){.doc-tools{display:grid;grid-template-columns:1fr}.doc-tools input,.doc-tools button{width:100%}}
@media (max-width:720px){.report-filters{display:grid;grid-template-columns:1fr;padding:12px}.report-filters input,.report-filters button{width:100%}}
@media (max-width:720px){.welcome-strip{display:block}.welcome-strip span{display:inline-block;margin-top:8px}.compact-tasks .task-card,.detail-grid{grid-template-columns:1fr}}
.cost-layout{grid-template-columns:minmax(640px,1fr) minmax(320px,420px);align-items:start}.cost-form{grid-template-columns:1fr 1fr}.cost-inputs{grid-template-columns:1fr}.cost-row{grid-template-columns:minmax(180px,1fr) 92px 112px 128px;padding:10px;border:1px solid #edf1f6;border-radius:8px;background:#fbfcfe}.cost-row small{grid-column:auto;align-self:end;padding:10px 0 9px;text-align:right;white-space:nowrap}.cost-summary{grid-template-columns:1fr}.cost-summary article{min-height:104px}.cost-summary span{display:block;line-height:1.6;white-space:normal}@media(max-width:1200px){.cost-layout{grid-template-columns:1fr}.cost-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.cost-form,.cost-inputs,.cost-row,.cost-summary{grid-template-columns:1fr!important}.cost-row small{text-align:left;padding:0;white-space:normal}}
.supplier-row.labeled-row{grid-template-columns:42px 150px 170px 150px 80px 110px 130px 90px 90px 190px 32px;min-width:1270px}.supplier-index{align-self:stretch;display:grid;align-items:end}.supplier-index span{display:grid;place-items:center;width:32px;height:34px;border-radius:8px;background:#edf4ff;color:#235abf;font-weight:700}.supplier-row textarea{min-width:0;border:1px solid #d7dde7;border-radius:7px;padding:8px;resize:vertical;font-family:inherit}.supplier-row label{min-width:0}.supplier-row label input+input{margin-top:6px}.supplier-total-cell b{display:block;min-height:34px;padding:9px 8px;border:1px solid #e3e8ef;border-radius:7px;background:#f6f8fb;color:#17202d;font-size:12px;white-space:nowrap}.supplier-remark-cell textarea{height:38px;max-height:38px;overflow:hidden}.supplier-remark-cell.expanded textarea{height:96px;max-height:none;overflow:auto}.supplier-remark-toggle{justify-self:start;margin-top:4px}.supplier-total{min-width:1270px}@media(max-width:720px){.supplier-row.labeled-row{grid-template-columns:1fr!important;min-width:0}.supplier-index{align-items:start}.supplier-total{min-width:0}.supplier-remark-cell textarea{height:76px;max-height:none;overflow:auto}}
.line-tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.line-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:12px;scrollbar-gutter:stable}.line-scroll::-webkit-scrollbar{height:14px}.line-scroll::-webkit-scrollbar-thumb{background:#747b86;border-radius:999px}.line-scroll::-webkit-scrollbar-track{background:#e6ebf2;border-radius:999px}@media(max-width:720px){.line-head{align-items:flex-start}.line-tools{justify-content:flex-start;margin-top:8px}}
.batch-row.labeled-row{grid-template-columns:100px 80px 135px 135px 105px 110px 78px 110px 78px 110px 78px 110px 78px 105px 32px;min-width:1540px}.batch-row{min-width:1540px}#batchTotal.total-line{min-width:1540px}@media(max-width:720px){.batch-row.labeled-row{grid-template-columns:1fr!important;min-width:0!important}#batchTotal.total-line{min-width:0}}
.fee-grid{grid-template-columns:130px 150px 90px 130px 150px 90px 150px 90px;min-width:1050px}@media(max-width:720px){.fee-grid{grid-template-columns:1fr!important;min-width:0!important}}
.pay-row label:has(>input[data-k="ratio"]){position:relative}.pay-row label:has(>input[data-k="ratio"]) input{padding-right:28px}.pay-row label:has(>input[data-k="ratio"])::after{content:"%";position:absolute;right:10px;bottom:9px;color:#667085;font-size:13px;font-weight:400;pointer-events:none}
.pay-row input[data-list="pay"][data-k="ratio"]::placeholder{color:transparent}
.supplier-pay-row.labeled-row{grid-template-columns:120px 280px 90px 120px 120px 90px 130px 110px 150px 32px;min-width:1320px}.supplier-pay-name input{width:100%}@media(max-width:720px){.supplier-pay-row.labeled-row{grid-template-columns:1fr!important;min-width:0!important}}
.supplier-row.labeled-row.supplier-card{grid-template-columns:42px minmax(1360px,1fr) 32px;min-width:1480px;align-items:start;gap:10px;padding:10px 0;border-top:1px solid #e4e9f0}.supplier-card:first-child{border-top:0}.supplier-card-main{display:grid;gap:12px;min-width:0}.supplier-identity-row{display:grid;grid-template-columns:500px 250px 594px;gap:8px;align-items:end}.supplier-purchase-row{display:grid;grid-template-columns:320px 85px 110px 130px 90px 90px 230px 190px;gap:8px;align-items:end}.supplier-identity-row label,.supplier-purchase-row label{min-width:0}.supplier-name-field input,.supplier-product-model input{width:100%}.supplier-vin-field textarea{width:100%;height:38px;max-height:108px;overflow:auto}.supplier-card>.supplier-index{align-items:start;padding-top:20px}.supplier-card>.supplier-delete{margin-top:20px}.supplier-total{min-width:1480px}@media(max-width:720px){.supplier-row.labeled-row.supplier-card{grid-template-columns:1fr!important;min-width:0!important}.supplier-identity-row,.supplier-purchase-row{grid-template-columns:1fr!important}.supplier-vin-field textarea{height:76px;max-height:none}.supplier-card>.supplier-index{padding-top:0}.supplier-card>.supplier-delete{margin-top:0}.supplier-total{min-width:0}}
.supplier-total-cell input{font-weight:700;background:#fff;color:#17202d}
.order-total-row{display:grid;grid-template-columns:minmax(170px,1fr) 78px 132px;gap:8px;align-items:end;min-width:0}
@media(max-width:720px){.order-total-row{grid-template-columns:1fr!important}}
.item-total{min-width:1220px;font-weight:700;color:#17202d}
@media(max-width:720px){.item-total{min-width:0}}
.order-table-scroll{overflow-x:auto;overflow-y:auto;scrollbar-gutter:stable both-edges;scrollbar-color:#7b8491 #edf1f5;scrollbar-width:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}
.orders-list-scroll{height:clamp(360px,calc(100vh - 250px),680px);height:clamp(360px,calc(100dvh - 250px),680px);min-height:360px;max-height:680px;overflow-y:scroll!important}
.dashboard-order-scroll{height:clamp(320px,calc(100vh - 390px),520px);height:clamp(320px,calc(100dvh - 390px),520px);min-height:320px;max-height:520px;overflow-y:scroll!important}
.order-table-scroll::-webkit-scrollbar{width:14px;height:14px}.order-table-scroll::-webkit-scrollbar-thumb{background:#7b8491;border:3px solid #edf1f5;border-radius:999px}.order-table-scroll::-webkit-scrollbar-track{background:#edf1f5}.order-table-scroll::-webkit-scrollbar-corner{background:#edf1f5}
.order-table-scroll thead th{position:sticky;top:0;z-index:3;background:#fafbfc;box-shadow:0 1px 0 #e8ecf1}
.serial-col,.serial-cell{width:56px;min-width:56px;max-width:56px;text-align:center;position:sticky;left:0}
.serial-col{z-index:5!important;background:#f5f8fc!important}
.serial-cell{z-index:2;background:#fff;color:#64748b;font-weight:700}
@media(max-width:720px){.orders-list-scroll{height:calc(100vh - 240px);height:calc(100dvh - 240px);min-height:300px;max-height:560px}.dashboard-order-scroll{height:clamp(300px,55vh,460px);min-height:300px;max-height:460px;overflow-y:scroll!important}.serial-col,.serial-cell{width:44px;min-width:44px;max-width:44px}}