.production-workspace{min-width:1100px;min-height:100vh;background:#f4f6f5;color:var(--ink)}
.production-topbar{min-height:112px;display:flex;align-items:center;gap:24px;padding:18px 28px;border-bottom:1px solid var(--line);background:#fff}.production-heading{min-width:350px}.production-heading h1{margin:0 0 7px;font-size:27px;letter-spacing:-.4px}.production-heading p{margin:0;color:#687679;font-size:12px}.production-topbar__tools{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.date-button,.production-search{height:42px;border:1px solid #ccd5d6;border-radius:5px;background:#fff;color:#425053}.date-button{display:flex;align-items:center;gap:9px;padding:0 13px;white-space:nowrap;font-size:10px}.date-button span{color:var(--teal);font-size:16px}.date-button b{margin-left:8px}.production-search{min-width:250px;display:flex;align-items:center;gap:9px;flex:1;padding:0 13px}.production-search span{font-size:19px}.production-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:10px}.create-order{height:42px;white-space:nowrap;font-size:10px}.settings-button{font-size:23px}
.production-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:14px 20px}.production-kpis article{min-height:84px;display:flex;align-items:center;gap:13px;padding:13px 16px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 3px 12px rgba(31,45,47,.035)}.kpi-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:#e8f3f2;color:var(--teal);font-size:18px;font-style:normal}.production-kpis span,.production-kpis b{display:block}.production-kpis span{color:#647275;font-size:9px}.production-kpis b{margin-top:4px;color:var(--teal);font-size:23px}.kpi--warning .kpi-icon{background:#fff2e4;color:#dc761b}.kpi--warning b{color:#dc761b}.kpi--danger .kpi-icon{background:#ffebea;color:#df3931}.kpi--danger b{color:#df3931}
.production-layout{display:grid;grid-template-columns:minmax(900px,1fr) 278px;gap:12px;margin:0 20px 24px}.orders-card,.order-preview{border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 3px 12px rgba(31,45,47,.035)}.order-tabs{height:53px;display:flex;align-items:stretch;padding:0 12px;border-bottom:1px solid var(--line)}.order-tabs button{position:relative;padding:0 16px;border:0;background:transparent;color:#566568;font-size:9px;white-space:nowrap}.order-tabs button.is-active{color:var(--teal);font-weight:800}.order-tabs button.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--teal)}.order-filters{min-height:62px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}.order-filters button{height:36px;min-width:128px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid #d3dada;border-radius:4px;background:#fff;color:#465457;font-size:8px}.order-filters button.is-active{border-color:var(--teal);background:#f1f8f8;color:var(--teal)}.order-filters .clear-filters{min-width:auto;margin-left:auto;border:0;color:#6d797c}.orders-table-wrap{min-height:475px;overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;table-layout:fixed}.orders-table th{height:46px;padding:0 9px;color:#4e5b5e;font-size:7px;font-weight:600;text-align:left;white-space:nowrap}.orders-table th:nth-child(1){width:74px}.orders-table th:nth-child(2){width:122px}.orders-table th:nth-child(3){width:92px}.orders-table th:nth-child(4){width:88px}.orders-table th:nth-child(5){width:96px}.orders-table th:nth-child(6){width:93px}.orders-table th:nth-child(7){width:122px}.orders-table th:nth-child(8){width:92px}.orders-table th:nth-child(9){width:92px}.orders-table th:nth-child(10){width:28px}.order-row{height:60px;border-top:1px solid var(--line);cursor:pointer;outline:0}.order-row:hover{background:#f7fafa}.order-row.is-selected{position:relative;background:#f7fbfb;box-shadow:inset 0 0 0 1px var(--teal)}.order-row[hidden]{display:none}.orders-table td{padding:7px 9px;overflow:hidden;color:#4b585b;font-size:7px;vertical-align:middle}.orders-table td>b,.orders-table td>small{display:block}.orders-table td>small{margin-top:4px;color:#778487}.order-number{color:var(--teal);font-size:9px}.stage-cell,.readiness,.owner-cell,.deadline{display:flex;align-items:center;gap:6px;white-space:nowrap}.stage-cell i{color:#4d6265;font-size:13px;font-style:normal}.progress-cell{display:flex;align-items:center;gap:7px}.progress-cell>span{width:48px;height:5px;overflow:hidden;border-radius:4px;background:#dfe5e5}.progress-cell>span i{height:100%;display:block;border-radius:4px;background:var(--teal)}.progress-cell>b{font-size:7px}.readiness i{width:17px;height:17px;display:grid;flex:0 0 17px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:8px;font-style:normal}.readiness--ready{color:#278052}.readiness--waiting{color:#d1761f}.readiness--blocked{color:#dc3931}.owner-cell i{width:24px;height:24px;display:grid;flex:0 0 24px;place-items:center;border-radius:50%;background:#eef1f1;color:#526164;font-size:9px;font-style:normal;font-weight:700}.deadline--today{color:#b95e17}.deadline--risk{color:#df5e19}.order-status{display:inline-block;padding:5px 7px;border:1px solid transparent;border-radius:4px;white-space:nowrap}.order-status--active{border-color:#b8d6d8;background:#edf7f7;color:var(--teal)}.order-status--risk,.order-status--materials{border-color:#f1c48e;background:#fff4e8;color:#c56816}.order-status--stopped{border-color:#efaaa6;background:#fff0ef;color:#d93b34}.order-status--qc{border-color:#cbbce6;background:#f5f0fc;color:#7252a2}.order-status--drawing{border-color:#b4cee9;background:#eff6fd;color:#316b9e}.row-menu{border:0;background:transparent;color:#4b5b5e;font-size:17px}.empty-orders{min-height:350px;display:grid;place-content:center;gap:7px;color:#718084;text-align:center}.empty-orders b{color:#3f4d50;font-size:13px}.empty-orders span{font-size:9px}.orders-footer{min-height:59px;display:flex;align-items:center;gap:12px;padding:9px 14px;border-top:1px solid var(--line);color:#627174;font-size:8px}.orders-footer .pagination{display:flex;gap:4px;margin-left:auto;padding:0}.orders-footer .pagination button{width:31px;height:31px;border:1px solid transparent;border-radius:4px;background:#fff;font-size:8px}.orders-footer .pagination .is-current{border-color:var(--teal);color:var(--teal);background:#fff}.page-size{height:31px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:#fff;color:#5a686b;font-size:8px}
.order-preview{align-self:start;position:sticky;top:10px;overflow:hidden}.order-preview>header{padding:14px 15px 12px;border-bottom:1px solid var(--line)}.order-preview>header>div{display:flex;justify-content:space-between}.order-preview>header span{font-size:14px;font-weight:800}.order-preview>header button{border:0;background:transparent;color:#667477;font-size:16px}.order-preview h2{margin:10px 0 4px;font-size:13px}.order-preview header p{margin:0;color:#718084;font-size:8px}.preview-progress{padding:12px 15px;border-bottom:1px solid var(--line)}.preview-progress>span,.preview-facts dt{color:#718084;font-size:7px}.preview-progress>div{display:flex;align-items:center;gap:11px;margin-top:6px}.preview-progress b{color:var(--teal);font-size:22px}.preview-progress i{height:5px;flex:1;overflow:hidden;border-radius:4px;background:#dfe5e5}.preview-progress em{height:100%;display:block;border-radius:4px;background:var(--teal)}.preview-facts{padding:7px 15px}.preview-facts>div{display:block;padding:7px 0;border:0}.preview-facts dd{margin-top:5px;font-size:9px;font-weight:600}.preview-deadline{color:#db4d30}.preview-readiness,.route-mini{padding:11px 15px;border-top:1px solid var(--line)}.preview-readiness h3,.route-mini h3{margin:0 0 9px;font-size:9px}.preview-readiness>div{display:flex;flex-wrap:wrap;gap:5px}.preview-readiness span{padding:5px 6px;border:1px solid #b9dcc8;border-radius:4px;background:#f0f8f3;color:#307a50;font-size:7px}.preview-readiness p{margin:9px 0 0;color:#347d53;font-size:7px}.preview-readiness p.has-blocker{color:#c56816}.route-mini ol{margin:0;padding:0;list-style:none}.route-mini li{position:relative;display:grid;grid-template-columns:21px 1fr auto;align-items:center;gap:7px;min-height:29px;color:#687679;font-size:7px}.route-mini li:not(:last-child):after{content:"";position:absolute;left:10px;top:23px;width:1px;height:13px;background:#cfd8d9}.route-mini li i{z-index:1;width:19px;height:19px;display:grid;place-items:center;border:1px solid #c6d0d1;border-radius:50%;background:#fff;font-style:normal}.route-mini li b{font-weight:500}.route-mini .is-complete{color:#2f7c50}.route-mini .is-complete i{border-color:#72ae8a}.route-mini .is-active{color:var(--teal);font-weight:700}.route-mini .is-active i{border-color:var(--teal);background:var(--teal);color:#fff}.open-order{height:42px;display:flex;align-items:center;justify-content:center;margin:3px 14px 14px;color:#fff;text-decoration:none;font-size:9px}.open-order.is-prototype{background:#869194;box-shadow:none}.production-toast{position:fixed;right:24px;bottom:24px;z-index:30;min-width:300px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #9bbec0;border-radius:6px;background:#f3f9f9;box-shadow:0 10px 28px rgba(24,48,49,.16)}.production-toast>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#dceff0;color:var(--teal)}.production-toast b,.production-toast p{display:block;margin:0}.production-toast b{font-size:9px}.production-toast p{margin-top:3px;color:#637679;font-size:7px}.production-toast[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1600px){.production-topbar{padding:14px 20px}.production-heading{min-width:300px}.production-layout{grid-template-columns:minmax(830px,1fr) 255px}.production-kpis,.production-layout{margin-left:14px;margin-right:14px}.order-tabs button{padding:0 12px}.order-filters button{min-width:112px;padding:0 9px}.orders-table th,.orders-table td{padding-left:7px;padding-right:7px}.order-preview>header,.preview-progress,.preview-facts,.preview-readiness,.route-mini{padding-left:12px;padding-right:12px}}
@media(max-width:1280px){.production-heading{min-width:235px}.production-heading h1{font-size:21px}.date-button{display:none}.production-topbar{gap:10px;padding:10px 14px}.production-kpis{gap:7px}.production-kpis article{padding:9px}.production-layout{grid-template-columns:minmax(760px,1fr) 230px;gap:7px}.order-tabs button{padding:0 8px;font-size:7px}.order-filters{gap:6px;padding:8px}.order-filters button{min-width:96px;font-size:7px}.orders-table th,.orders-table td{padding-left:5px;padding-right:5px}.orders-table th:nth-child(2){width:108px}.orders-table th:nth-child(7){width:110px}.owner-cell i{display:none}}

/* Comfortable enterprise typography: body 14px, tables 12–14px, captions 11–12px. */
.production-workspace{min-width:1320px}
.production-heading h1{font-size:32px;line-height:1.15}.production-heading p{font-size:16px;line-height:1.4}
.date-button,.production-search input,.create-order{font-size:14px}.production-topbar{min-height:124px}.production-topbar__tools{gap:12px}.date-button,.production-search,.create-order{height:48px}
.production-kpis article{min-height:100px}.production-kpis span{font-size:14px;line-height:1.35}.production-kpis b{font-size:30px;line-height:1.1}.kpi-icon{width:48px;height:48px;font-size:22px}
.order-tabs{height:62px}.order-tabs button{padding:0 18px;font-size:14px;line-height:1.25}
.order-filters{min-height:72px}.order-filters button{height:44px;min-width:145px;font-size:13px;line-height:1.25}
.orders-table{min-width:1320px}.orders-table th{height:54px;font-size:12px;line-height:1.3}.order-row{height:76px}.orders-table td{font-size:13px;line-height:1.35}.orders-table td>small{margin-top:6px;font-size:11px;line-height:1.3}.order-number{font-size:14px}.stage-cell i{font-size:16px}.progress-cell>b{font-size:12px}.progress-cell>span{width:62px;height:7px}.readiness i{width:22px;height:22px;flex-basis:22px;font-size:11px}.owner-cell i{width:30px;height:30px;flex-basis:30px;font-size:12px}.order-status{padding:7px 9px;font-size:12px}.row-menu{font-size:20px}
.orders-footer{min-height:66px;font-size:12px}.orders-footer .pagination button,.page-size{height:36px;font-size:12px}.orders-footer .pagination button{width:36px}
.production-layout{grid-template-columns:minmax(1000px,1fr) 330px}.order-preview>header{padding:18px}.order-preview>header span{font-size:20px}.order-preview h2{font-size:18px}.order-preview header p{font-size:13px}.preview-progress{padding:16px 18px}.preview-progress>span,.preview-facts dt{font-size:12px;line-height:1.35}.preview-progress b{font-size:30px}.preview-facts{padding:9px 18px}.preview-facts>div{padding:9px 0}.preview-facts dd{font-size:14px;line-height:1.4}.preview-readiness,.route-mini{padding:15px 18px}.preview-readiness h3,.route-mini h3{font-size:14px}.preview-readiness span{padding:7px 8px;font-size:12px;line-height:1.3}.preview-readiness p{font-size:12px;line-height:1.4}.route-mini li{min-height:36px;font-size:12px;line-height:1.3}.route-mini li i{width:24px;height:24px}.route-mini li:not(:last-child):after{left:12px;top:28px;height:14px}.open-order{height:48px;font-size:14px}.production-toast b{font-size:13px}.production-toast p{font-size:11px}
@media(max-width:1600px){.production-heading h1{font-size:28px}.production-heading p{font-size:14px}.production-layout{grid-template-columns:minmax(980px,1fr) 300px}.order-tabs button{padding:0 13px;font-size:13px}.order-filters button{min-width:130px}.orders-table td{font-size:12px}.order-number{font-size:13px}.order-preview>header,.preview-progress,.preview-facts,.preview-readiness,.route-mini{padding-left:15px;padding-right:15px}}

.order-number:is(a){text-decoration:none}.order-number:is(a):hover,.order-number:is(a):focus-visible{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1280px){.production-heading h1{font-size:26px}.production-heading p{font-size:14px}.production-layout{grid-template-columns:minmax(980px,1fr) 280px}.order-tabs button{padding:0 11px;font-size:12px}.order-filters button{min-width:124px;font-size:12px}.orders-table th{font-size:11px}.orders-table td{font-size:12px}.owner-cell i{display:grid}}