/* OctanePOS Admin — Shift Recovery. Scoped to avoid changing other pages.
   Created by Iris Trading Limited, Trinidad. */
.sr-page { font-family:var(--sans, 'Segoe UI',sans-serif); }
.sr-page .sr-warning {border:1px solid #e6ca8a;background:#fff9eb;color:#66490e;padding:13px 16px;border-radius:5px;margin:14px 0 18px;line-height:1.5}
.sr-controls {display:flex;flex-wrap:wrap;align-items:flex-end;gap:13px;margin-bottom:21px}
.sr-controls label {font-weight:650;font-size:12px;color:#445b75;display:flex;flex-direction:column;gap:5px;min-width:175px}
.sr-controls .inp{min-height:39px;max-width:230px}
.sr-button{border:1px solid #c1cedb;background:white;color:#1d456b;border-radius:4px;min-height:38px;padding:8px 14px;cursor:pointer;font-weight:650;font-size:12.5px;white-space:nowrap}
.sr-button:hover:not(:disabled){background:#e9f2ff;border-color:#7db0e6}
.sr-button:disabled{opacity:.5;cursor:not-allowed}
.sr-button.sr-danger{color:white;background:#ae303c;border-color:#962731}
.sr-button.sr-danger:hover:not(:disabled){background:#8c242e}
.sr-results-head {display:flex;align-items:center;justify-content:space-between;margin:18px 0 9px}
.sr-results-head h2{font-size:16px;font-weight:700;color:#183453;margin:0}
.sr-results-head span{font-size:12px;color:#65798e}
.sr-list{min-height:140px}
.sr-page .sr-table{border-collapse:collapse;width:100%;font-size:12.5px}
.sr-page .sr-table th,.sr-page .sr-table td{text-align:left;padding:11px;border-bottom:1px solid #e4e9ef}
.sr-page .sr-table th{font-weight:700;color:#526783;background:#f8fafc}
.sr-page .sr-table td{color:#1c3450}
.sr-state-open,.sr-state-closed{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.sr-state-open{color:#b64c18}.sr-state-closed{color:#19734b}
.sr-empty{text-align:center;padding:45px 20px;color:#688097}
.sr-pager{display:flex;gap:14px;justify-content:flex-end;align-items:center;margin:15px 0;color:#596f86}
.sr-error,.sr-success{border-radius:4px;padding:10px 12px;margin:10px 0;font-weight:550;font-size:13px}
.sr-error{background:#fce9eb;color:#8c222d;border:1px solid #e8b8bf}
.sr-success{background:#ecf8f2;color:#12643d;border:1px solid #b5dec9}
.sr-loading-overlay{position:fixed;bottom:20px;right:20px;background:#123d69;color:white;padding:16px 22px;border-radius:5px;z-index:5000}
.sr-review .sr-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:15px}
.sr-review-grid>div{padding:13px;border:1px solid #dbe4eb;border-radius:4px}
.sr-review-grid small{display:block;font-size:11px;color:#67809a;margin-bottom:4px}
.sr-review-grid strong{font-size:13px;overflow-wrap:anywhere}
.sr-review .sr-info{font-size:12px;color:#51677f;padding:10px 12px;background:#f0f5fa;border-radius:4px}
.sr-transaction-list{max-height:235px;overflow:auto;border:1px solid #e2e7ee;margin:12px 0 20px}
.sr-confirm{padding:18px;background:#f9fafc;border:1px solid #e0e6ee;border-radius:5px}
.sr-confirm h3{font-size:15px;margin:0 0 8px;color:#8f2530}
.sr-confirm p{font-size:12px;color:#5d7185;line-height:1.5;margin:0 0 14px}
.sr-confirm label{display:block;font-size:12px;font-weight:650;margin:12px 0;color:#3d546e}
.sr-confirm label .inp{display:block;width:100%;margin-top:6px;min-height:40px}
.sr-confirm textarea.inp{min-height:75px;resize:vertical}
.sr-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:17px;flex-wrap:wrap}
.sr-zreport{margin:20px 0 10px;font-size:12px}
.sr-zbrand{font-size:16px;font-weight:800;color:#17375b;border-bottom:2px solid #2f5276;padding-bottom:12px;margin-bottom:13px}
.sr-zmetadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 20px;color:#415974}
.sr-zmetadata b{color:#183450}
.sr-note{grid-column:1/-1}
.sr-zgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}
.sr-zmetric{border:1px solid #dce4ed;background:#fafcff;padding:10px;min-width:0}
.sr-zmetric span{display:block;font-size:11px;color:#688097}
.sr-zmetric strong{display:block;color:#183453;font-size:15px;overflow-wrap:anywhere}
.sr-zsection{margin:20px 0}.sr-zsection h3{font-size:14px;font-weight:750;margin:0 0 7px}
.sr-zfoot{border-top:1px solid #dbe3ed;padding-top:11px;margin-top:18px;font-size:11px;color:#6a7e91}
@media(max-width:900px){.sr-review .sr-review-grid,.sr-zgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-controls{flex-direction:column;align-items:stretch}.sr-controls label,.sr-controls .inp{max-width:none}}
@media(max-width:600px){.sr-review .sr-review-grid,.sr-zgrid,.sr-zmetadata{grid-template-columns:1fr}}
