.workshop-orders-card{padding:0;overflow:hidden;border:1px solid #2a3b53;border-radius:13px;background:#0e141d}
.workshop-orders-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;flex-wrap:wrap;background:#121d2b}
.workshop-orders-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.workshop-orders-title h3{font-size:14px;line-height:1.4;margin:0;color:#e2ecfa}
.workshop-orders-title>span{font-size:11px;color:#9bafca;text-transform:capitalize}
.workshop-orders-title>small{font-size:10px;color:#8498b3;white-space:nowrap}
.workshop-orders-totals{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.workshop-orders-total{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;color:#9aaec6;font-variant-numeric:tabular-nums}
.workshop-orders-total b{font-weight:600;color:#c2d5ee}
.workshop-orders-total strong{font-weight:600;color:#e0ebfa}
.workshop-orders-total+.workshop-orders-total{padding-left:12px;border-left:1px solid #31425a}
.workshop-orders-wrap{max-height:clamp(260px,calc(100dvh - 235px),820px);overflow:auto;border-top:1px solid #2a3b53;scrollbar-width:thin;scrollbar-color:#3d516e #101722}
.workshop-orders-wrap:focus-visible{outline:2px solid #81b6ff;outline-offset:-2px}
.workshop-orders-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;text-align:left}
.workshop-orders-table th{position:sticky;top:0;z-index:1;background:#172234;color:#a7bbd5;font-size:10px;font-weight:600;white-space:nowrap;padding:10px;border-bottom:1px solid #34475f}
.workshop-orders-table td{padding:10px;border-bottom:1px solid #202d3e;color:#bccbdf;font-size:11px;line-height:1.45;vertical-align:middle}
.workshop-orders-table tbody tr:nth-child(even){background:#111a26}
.workshop-orders-table tbody tr:hover{background:#172438}
.workshop-orders-table tbody tr:last-child td{border-bottom:0}
.workshop-orders-table td strong{color:#e0eafa;font-weight:600}
.workshop-orders-table td small{display:block;margin-top:3px;font-size:9px;color:#8298b6}
.workshop-orders-table .workshop-orders-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.workshop-orders-date{white-space:nowrap;font-variant-numeric:tabular-nums}
.workshop-orders-product{max-width:320px;min-width:180px;overflow-wrap:anywhere}
.workshop-orders-assignment{width:150px;min-width:150px}
.workshop-orders-select{width:104px;min-height:30px;padding:5px 8px;border:1px solid #3b506c;border-radius:7px;background:#142238;color:#d9e8fc;font-size:11px;color-scheme:dark}
.workshop-orders-select:focus-visible{outline:2px solid #81b6ff;outline-offset:2px}
.workshop-orders-select:disabled{opacity:.6;cursor:wait}
.workshop-orders-readonly{color:#b8cdea}
.workshop-orders-save-status{display:block;margin-top:3px;max-width:180px;font-size:9px;line-height:1.4;color:#8ea7ca}
.workshop-orders-save-status:empty{display:none}
.workshop-orders-save-status.success{color:#8cdbb5}
.workshop-orders-save-status.error{color:#ffa7ac}
.workshop-orders-empty{padding:28px 12px!important;text-align:center;color:#8ea1ba!important}
.workshop-orders-error{padding:9px 13px;font-size:11px;color:#ffc2c5;background:#321c27}
.workshop-orders-error button{margin-left:6px;padding:3px 7px;border:1px solid #a96675;border-radius:5px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.payroll-head:has([data-payroll-tab="workshops"]){flex-wrap:wrap}
@media(max-width:760px){.workshop-orders-head{align-items:flex-start}.workshop-orders-totals{gap:9px}.workshop-orders-total+.workshop-orders-total{padding-left:9px}.workshop-orders-wrap{max-height:68dvh}.workshop-orders-select{min-height:40px}.payroll-tabs:has([data-payroll-tab="workshops"]){flex-wrap:wrap;width:100%}.payroll-tabs:has([data-payroll-tab="workshops"]) button{flex:1;white-space:nowrap}}
@media(max-width:460px){.payroll-tabs [data-payroll-tab="workshops"]{grid-column:1/-1}.workshop-orders-title{gap:6px}.workshop-orders-title h3{font-size:13px}.workshop-orders-totals{width:100%;justify-content:space-between;gap:6px}.workshop-orders-total{gap:5px;font-size:9px}.workshop-orders-total+.workshop-orders-total{border-left:0;padding-left:0}}