/* Zakria Pharmacy: 2026 historical backup Reconciliation Center.
   Verification-only. Never implies approved POS stock. */
#reconciliation{max-width:100%;min-width:0}
.recon-header{align-items:center;margin-bottom:13px;gap:12px;flex-wrap:wrap}
.recon-header h2{margin:0 0 5px;font-size:22px}
.recon-header p{max-width:760px;line-height:1.5;margin:0}
.recon-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:14px 0}
.recon-stat{background:#fff;border:1px solid #ddeaf0;border-radius:11px;padding:13px 15px;box-shadow:0 4px 14px #102b4508;min-width:0}
.recon-stat small{font-size:11px;line-height:1.4;color:#5c7180;display:block;min-height:16px}
.recon-stat strong{display:block;font-size:22px;line-height:1.3;margin-top:6px;color:#123b4b;font-variant-numeric:tabular-nums}
.recon-filters{align-items:flex-end;justify-content:flex-start;flex-wrap:wrap;gap:11px;margin:3px 0 14px}
.recon-filters label{display:flex;flex-direction:column;gap:5px;min-width:180px;flex:1;color:#35576a;font-size:12px;font-weight:700;max-width:350px}
.recon-filters input,.recon-filters select{width:100%;min-height:40px}
.recon-filters button{min-height:40px}
.recon-table{min-width:850px;width:100%}
.recon-table td,.recon-table th{vertical-align:middle;text-align:left;line-height:1.45}
.recon-table td{font-size:12px}
.recon-table small{display:block;color:#637985}
.recon-tag{font-size:10px;font-weight:750;border-radius:7px;background:#f7e7c8;color:#704e1e;display:inline-block;padding:4px 7px;line-height:1.35;white-space:normal}
.recon-state{font-size:11px;font-weight:700;color:#426373}
.recon-state.approved{color:#12776a}
.recon-pagination{margin:13px 0 0;justify-content:center}
.recon-editor{background:#fcfffe!important;border:1px solid #91cac2!important;box-shadow:0 9px 25px #1b58611a}
.recon-editor .formgrid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.recon-editor .field{min-width:0}
.recon-editor input,.recon-editor textarea{width:100%}
.recon-editor label{display:block;font-weight:750;font-size:12px;color:#254d5a;margin:4px 0}
.recon-editor textarea{min-height:85px;resize:vertical}
.recon-actions{flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0}
.recon-actions .btn{min-height:40px}
.recon-approve{background:#02756c!important;color:white!important}
#reconResult{min-height:12px;line-height:1.6;color:#285e5f;margin-top:9px}
#reconResult.error{color:#a42b3d}
#reconEditor .notice{margin:12px 0}
.recon-row-chosen{background:#ecf8f5}
@media(min-width:1100px){.recon-stats{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:850px){.recon-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.recon-header h2{font-size:19px}.recon-editor .formgrid.two{grid-template-columns:1fr}}
@media(max-width:480px){.recon-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.recon-stat{padding:10px}.recon-stat strong{font-size:19px}.recon-filters label{max-width:none;min-width:100%}.recon-filters button{width:100%}.recon-actions{display:grid;grid-template-columns:1fr}.recon-actions button{width:100%}#reconciliation .card{padding:11px!important}}
@media print{#reconciliation{display:none!important}}