.reconciliation-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:12px 0; }
.reconciliation-toolbar label { flex:1; min-width:180px; margin:0; }
.reconciliation-toolbar input[type=date], .reconciliation-toolbar > button { height:44px; }
.reconciliation-heading, .reconciliation-line { display:grid; grid-template-columns:minmax(160px,2fr) repeat(5,minmax(90px,1fr)); gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid var(--line); }
.reconciliation-heading { font-size:13px; }
.reconciliation-line > *, .reconciliation-line input { min-width:0; width:100%; }
.reconciliation-line label { margin:0; }
.reconciliation-name { display:grid; gap:4px; overflow-wrap:anywhere; }
.reconciliation-line output { text-align:right; overflow-wrap:anywhere; }
.reconciliation-line .mobile-caption { display:none; }
.reconciliation-difference { border-left:3px solid #ba8500; padding-left:8px; background:#fffbed; }
.reconciliation-total { text-align:right; font-weight:700; }
.reconciliation-file { display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid var(--line); }
.reconciliation-file label { display:flex; align-items:center; gap:8px; flex:1; min-width:0; margin:0; overflow-wrap:anywhere; }
.reconciliation-file input[type=checkbox] { width:18px; height:18px; flex:none; }
.reconciliation-file button { flex:none; }
.reconciliation-request { padding:16px 0; margin:12px 0; border-top:1px solid var(--line); }
.reconciliation-request h3 { font-size:16px; }
.reconciliation-evidence-links { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:8px 0; }
.reconciliation-evidence-links button { max-width:100%; overflow-wrap:anywhere; white-space:normal; }
.reconciliation-footer { display:block; }
.reconciliation-footer .actions { justify-content:flex-end; margin-top:10px; }
#reconciliationMessage { max-height:76px; overflow-y:auto; overflow-wrap:anywhere; }
#reconciliationHistory { margin-top:18px; }
#reconciliationHistoryBody details { border-top:1px solid var(--line); padding:10px 0; }
.purchase-order-card.po-status-verified { background:#f0faf2; border-color:#8cc99a; border-left:4px solid #27823f; }
.po-status-verified .purchase-order-status { color:#195f2d; background:#ccebd4; }
.reconciliation-adjustment { display:grid; grid-template-columns:minmax(200px,1fr) minmax(0,2fr); gap:12px; padding-top:16px; }
.reconciliation-adjustment label { min-width:0; margin:0; }
.reconciliation-adjustment input { min-width:0; width:100%; height:44px; }
@media (max-width:760px) {
  .reconciliation-heading { display:none; }
  .reconciliation-adjustment { grid-template-columns:minmax(0,1fr); }
  .reconciliation-line { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; }
  .reconciliation-name { grid-column:1 / -1; }
  .reconciliation-line .mobile-caption { display:block; font-size:12px; margin-bottom:4px; }
  .reconciliation-original { align-self:end; }
  .reconciliation-line output { grid-column:1 / -1; }
  .reconciliation-toolbar { align-items:stretch; }
  .reconciliation-toolbar label { min-width:0; flex-basis:100%; }
  .reconciliation-toolbar button { width:100%; }
  .reconciliation-line input, #reconciliationDate, #reconciliationNotes, #reconciliationReason { font-size:16px; min-height:44px; }
  .reconciliation-footer .actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .reconciliation-footer button { white-space:normal; min-height:44px; padding:8px; }
}