.ops-panel{background:#fff;border:1px solid #dce3ed;border-radius:18px;padding:20px;display:grid;gap:20px}.ops-panel h2{font-size:19px;font-weight:800}.ops-panel h3{font-size:15px;font-weight:800;margin-bottom:10px}.ops-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ops-muted{font-size:12px;line-height:1.8;color:#64748b}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ops-filters{grid-template-columns:repeat(4,minmax(0,1fr));background:#f8fafc;border-radius:12px;padding:14px}.ops-primary,.ops-secondary{border-radius:10px;padding:10px 15px;font-size:12px;font-weight:700;border:1px solid #cbd5e1;cursor:pointer;min-height:40px}.ops-primary{background:#2563eb;color:white;border-color:#2563eb}.ops-secondary{background:#f8fafc;color:#1e293b}.ops-secondary:disabled{opacity:.45;cursor:default}.ops-actions{display:flex;gap:8px;flex-wrap:wrap}.ops-table-wrap{overflow-x:auto}.ops-table{width:100%;border-collapse:collapse;text-align:right;font-size:12px;line-height:1.7}.ops-table th{background:#f1f5f9;font-weight:800}.ops-table th,.ops-table td{padding:12px;border-bottom:1px solid #e2e8f0;vertical-align:top}.ops-notice{background:#eff6ff;border-right:3px solid #3b82f6;border-radius:8px;padding:12px;font-size:12px;line-height:1.8}.ops-warning{color:#b45309;background:#fffbeb}.ops-badge{display:inline-block;padding:4px 8px;border-radius:8px;font-size:11px;background:#edf2f9;color:#334155}.ops-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ops-card{padding:18px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;line-height:1.8;font-size:13px}.ops-empty{padding:30px;color:#64748b;text-align:center}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ops-metric{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:12px;color:#475569}.ops-metric strong{font-size:27px;color:#0f172a}.ops-checkboxes{border:1px solid #cbd5e1;padding:14px;border-radius:12px;font-size:12px;display:grid;gap:10px}.ops-checkboxes legend{font-weight:700}input[type=number]{min-width:0}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}#modalBody input,#modalBody select,#modalBody textarea{min-height:40px}#modalOverlay{overscroll-behavior:contain}#modalBody{overflow-wrap:anywhere}.ops-panel table{min-width:0}@media(max-width:900px){.ops-filters,.ops-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ops-grid,.ops-cards,.ops-filters{grid-template-columns:1fr}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-panel{padding:14px}.ops-table{min-width:580px}.ops-toolbar{align-items:flex-start}.ops-primary,.ops-secondary{min-height:44px}.ops-metric strong{font-size:23px}#modalBody{padding:16px}}

.ops-day{margin:20px 0;padding:16px;background:#f4f7fa;border:1px solid #dce5ed;border-radius:16px}.ops-day h3{font-weight:800;margin-bottom:12px}.ops-day .ops-card{margin-bottom:12px}.ops-table td{white-space:normal;min-width:100px;max-width:360px;overflow-wrap:anywhere}.ops-toolbar a{display:inline-flex;text-decoration:none;align-items:center}.ops-panel form{margin-bottom:20px}.ops-secondary:disabled{opacity:.4;cursor:default}

@media(max-width:600px){.ops-panel{min-width:0}.ops-table-wrap{max-width:100%}.ops-table-wrap table.ops-table{min-width:760px}}

/* Wide report tables scroll inside the panel instead of expanding its grid track. */
.ops-panel{min-width:0;max-width:100%}.ops-panel>*{min-width:0}.ops-table-wrap{max-width:100%}#reportOutput{min-width:0}

.serial-tabs{max-height:140px;overflow:auto}.serial-tabs button{min-width:74px}.ops-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
#pieceLabel{display:block;font-weight:700;font-size:12px;margin:10px 0}#pieceSerial{display:block;width:100%;padding:10px;margin-top:7px;border:1px solid #c7d5e9;border-radius:10px;font:inherit}