.ops-page .page-head{margin-bottom:22px}.ops-page .page-head p{max-width:720px}.ops-tabs{display:flex;gap:5px;border-bottom:1px solid #dce5ef;margin:0 0 22px;overflow-x:auto}.ops-tabs>button{appearance:none;flex:0 0 auto;border:0;border-bottom:3px solid transparent;background:transparent;padding:14px 21px 15px;color:#6a7b90;font:inherit;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px}.ops-tabs>button span{font-size:12px;min-width:24px;padding:2px 7px;background:#e9eef4;border-radius:5px;color:#697b90}.ops-tabs>button.active{color:#185d91;border-bottom-color:#185d91}.ops-tabs>button.active span{background:#dfeef9;color:#185d91}.ops-tabs>button:hover{background:#edf4fa}.ops-tabs>button:focus-visible,.ops-return-switch>button:focus-visible{outline:2px solid #236da4;outline-offset:-3px}.ops-records{overflow:hidden}.ops-records-head{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid #e4eaf1}.ops-records-head h2{margin:0 0 7px;font-size:16px;color:#173b55}.ops-records-head p{margin:0;font-size:12px;line-height:1.7;color:#8190a4;max-width:680px}.ops-search{display:flex;align-items:center;gap:8px;flex:0 1 385px;min-width:260px}.ops-search label{flex:1;min-width:120px}.ops-search input{width:100%;background:#f7f9fc!important;border-color:#e0e7ef!important;height:36px;font-size:12px}.ops-search .btn{white-space:nowrap;flex:0 0 auto}.ops-records table th{background:#f7f9fc;font-size:12px;color:#75869a}.ops-records table td{padding-top:17px;padding-bottom:17px;vertical-align:top}.ops-records table td strong{font-weight:600;color:#27445d}.ops-records table td small{line-height:1.8;margin-top:4px}.ops-records .row-actions{max-width:260px;gap:7px}.ops-records .row-actions .btn{font-size:12px;padding:6px 10px}.ops-warning{color:#a67322!important}.ops-positive{font-weight:600;color:#24846d}.ops-negative{font-weight:600;color:#3c6485}.ops-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 24px;border-top:1px solid #edf1f6;font-size:12px;color:#8390a1}.ops-pagination>div{display:flex;gap:8px}.ops-pagination .btn{font-size:12px}.ops-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:52px 24px 58px;min-height:240px}.ops-empty-symbol{display:flex;align-items:center;justify-content:center;width:46px;height:46px;color:#6491b6;background:#eef5fa;border-radius:50%;font-size:28px;margin-bottom:14px}.ops-empty h3{font-size:15px;color:#445d74;margin:0 0 8px}.ops-empty p{font-size:13px;line-height:1.8;color:#8a98aa;margin:0 0 19px;max-width:560px}.ops-empty .actions{justify-content:center}.ops-reference{background:white;border:1px solid #dce5ef;border-radius:10px;margin:22px 0;overflow:hidden}.ops-reference>summary{cursor:pointer;padding:19px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none}.ops-reference>summary::-webkit-details-marker{display:none}.ops-reference>summary>span:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.ops-reference>summary strong{font-size:14px;color:#425f78}.ops-reference>summary small{font-size:12px;color:#8b9aae}.ops-reference-action{font-size:12px;color:#5280a5;white-space:nowrap}.ops-reference-action:after{content:'⌄';margin-left:12px}.ops-reference[open]>summary .ops-reference-action:after{content:'⌃'}.ops-reference[open]>summary{border-bottom:1px solid #e8edf4}.ops-reference-body{padding:15px;background:#f8fafd}.ops-reference-body>.panel{margin:0}.ops-followup>summary{background:#fffcf5}.ops-return-switch{display:flex;gap:5px;padding:20px 24px 0}.ops-return-switch>button{border:1px solid #e3eaf2;border-radius:6px;background:white;color:#73869b;padding:9px 17px;cursor:pointer;font:inherit;font-size:13px}.ops-return-switch>button.active{color:#1b659b;background:#eef6fc;border-color:#cbdfea;font-weight:600}.ops-section-note{margin:12px 24px 20px;font-size:12px;color:#8190a4;line-height:1.8}.ops-history-title{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;margin-top:8px;border-top:1px solid #e4eaf1;background:#fafbfd}.ops-history-title h3{margin:0;font-size:14px;color:#445f77}.ops-history-title>span{font-size:12px;color:#8798aa}.ops-page .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:1100px){.ops-records-head{align-items:flex-start;flex-direction:column;gap:14px}.ops-search{flex:auto;width:100%;max-width:520px}.ops-reference>summary>span:first-child{gap:5px;flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.ops-tabs{gap:0;margin-bottom:15px}.ops-tabs>button{padding:12px 14px;font-size:13px;gap:6px}.ops-records-head{padding:18px 16px}.ops-pagination{padding:15px 16px}.ops-reference>summary{padding:16px}.ops-reference-body{padding:8px}.ops-reference-action{font-size:0}.ops-reference-action:after{font-size:16px}.ops-search{min-width:0;gap:6px}.ops-search input{font-size:12px}.ops-return-switch{padding:17px 16px 0}.ops-section-note{margin:12px 16px 18px}.ops-history-title{padding:17px 16px}.ops-empty{padding:36px 16px}.ops-page .page-head .actions{flex-wrap:wrap}}

/* Inventory has one control bar; row controls only select a material. */
.inventory-control{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 24px;background:#f6f9fd;border-bottom:1px solid #dce5ef;color:#345b7b;font-size:13px}.inventory-select-all{display:flex;align-items:center;gap:9px;white-space:nowrap;cursor:pointer}.inventory-control input[type=checkbox],.inventory-control-area td:first-child input[type=checkbox]{width:17px;height:17px;accent-color:#2465a3;cursor:pointer}.inventory-control-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}.inventory-control-actions .btn{white-space:nowrap;font-size:13px;padding:8px 13px}.inventory-control-actions select{width:auto!important;min-width:120px;height:35px;margin:0;font-size:13px;border:1px solid #cddded;border-radius:6px;background:#fff;color:#345b7b;padding:6px 9px}.inventory-control-actions :disabled{opacity:.48;cursor:not-allowed}.inventory-control-hint{flex-basis:100%;font-size:12px;color:#7b8ba0}.inventory-control-area th:first-child,.inventory-control-area td:first-child{width:54px;text-align:center;vertical-align:middle}.inventory-control-area tr.inventory-selected>td{background:#eff6fd}.inventory-control-area .btn.danger,.inventory-operation-dialog .btn.danger{color:#fff;background:#b94343;border-color:#b94343}.inventory-control-area .btn.danger:hover:not(:disabled),.inventory-operation-dialog .btn.danger:hover:not(:disabled){background:#963333}.inventory-operation-dialog{width:min(980px,calc(100vw - 32px));max-width:980px}.inventory-operation-dialog .table-wrap{margin:18px 0}.inventory-operation-dialog td{vertical-align:top}.inventory-operation-dialog td small{display:block;margin-top:5px;color:#7b8ba0;line-height:1.6}.inventory-operation-dialog .inventory-quantity{display:flex;align-items:center;gap:8px}.inventory-operation-dialog .inventory-quantity input{width:125px}.inventory-operation-dialog .form-grid{margin-top:18px}.inventory-operation-dialog .form-actions{position:sticky;bottom:0;background:white;padding-top:15px}.inventory-operation-dialog .error-box{margin:8px 0}.inventory-control-area .inventory-control [data-inventory-count]{white-space:nowrap}
@media(max-width:900px){.inventory-control-actions{margin-left:0}.inventory-control{padding:14px 16px;gap:10px}.inventory-control-actions .btn{padding:7px 10px}}
/* Return workflows retain their existing row controls. */
.ops-records .row-actions .btn[data-action="delete-batch"] { background:#b94343; border-color:#b94343; color:#fff; font-weight:650; box-shadow:0 2px 5px #8d2f2f26; }
.ops-records .row-actions .btn[data-action="delete-batch"]:hover, .ops-records .row-actions .btn[data-action="delete-batch"]:focus-visible { background:#963333; border-color:#963333; color:#fff; }
.ops-records .row-actions .btn[data-action="remove-lot"] { background:#b94343; border-color:#b94343; color:#fff; font-weight:650; box-shadow:0 2px 5px #8d2f2f26; }
.ops-records .row-actions .btn[data-action="remove-lot"]:hover, .ops-records .row-actions .btn[data-action="remove-lot"]:focus-visible { background:#963333; border-color:#963333; color:#fff; }
.ops-history-lock { display:inline-flex; align-items:center; padding:5px 8px; border-radius:5px; background:#f7f2ed; color:#8a6c52; font-size:11px; white-space:nowrap; }
@media(max-width:650px){.ops-history-lock{font-size:10px}.ops-records .row-actions .btn[data-action="delete-batch"]{font-size:12px;padding:7px 9px}}