.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice-grid .check{grid-column:auto;margin:0}.choice-grid label{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid #e4e9f0;border-radius:8px}.batch-qr{text-align:center;margin:20px auto;padding:24px;background:#fff;border:1px solid #e3e8ef;border-radius:12px;max-width:300px}.batch-qr svg{width:200px;height:200px}.filter label{font-size:12px;color:#667085;display:flex;gap:8px;align-items:center}.factory-screen{background:#101d31;color:#edf5ff;border-radius:18px;padding:32px;min-height:calc(100vh - 150px)}.factory-screen header{display:flex;justify-content:space-between;gap:24px;align-items:center}.factory-screen h1{color:#fff;font-size:26px}.factory-screen p,.factory-screen .hint{color:#a7bbd5}.screen-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.screen-metrics article{background:#1b2d46;border:1px solid #2b405a;padding:24px;border-radius:14px}.screen-metrics span{display:block;color:#a9bfd9}.screen-metrics strong{font-size:42px;display:block;margin-top:10px;color:#83dcce}.screen-chart{background:#17283f;padding:26px;border-radius:14px}.screen-chart h2{color:white}.screen-bar{display:grid;grid-template-columns:120px 1fr 70px 100px;gap:16px;align-items:center;margin:20px 0}.screen-bar>div{height:14px;background:#293e58;border-radius:7px;overflow:hidden}.screen-bar span{display:block;height:100%;background:#57c9bc;border-radius:7px}#view:fullscreen{overflow:auto;padding:20px;background:#101d31}@media(max-width:800px){.choice-grid{grid-template-columns:1fr 1fr}.factory-screen{padding:18px}.factory-screen header{display:block}.screen-metrics{grid-template-columns:1fr 1fr}.screen-bar{grid-template-columns:75px 1fr 40px}.screen-bar small{grid-column:2}.screen-metrics strong{font-size:30px}}@media print{.sidebar,.topbar,.dialogheader button,.foot{display:none!important}.batch-qr{break-inside:avoid}}
.choice-grid .check{display:flex;gap:8px;align-items:center;border:1px solid #e4e9f0;border-radius:8px;padding:8px}.choice-grid .check label{border:0;padding:4px;flex:1}.choice-grid .check:has(input:checked){background:#edf6f4;border-color:#79afa4}.choice-grid input[type=checkbox]{width:17px;height:17px;flex:none}