/* OPERIUMX v0.7.44 bank reconciliation */
.recon-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(201,162,39,.09),#171717);margin-bottom:14px}.recon-hero h2{margin:0 0 6px}.recon-hero p:not(.eyebrow){margin:0;color:var(--muted)}.recon-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.recon-stat{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.recon-stat span,.recon-stat strong,.recon-stat small{display:block}.recon-stat span,.recon-stat small{font-size:9px;color:var(--muted)}.recon-stat strong{font-size:18px;margin:4px 0}.recon-badge{display:inline-flex;padding:5px 7px;border:1px solid var(--line);border-radius:999px;font-size:8px}.recon-badge.matched,.recon-badge.closed{color:#8fd6a9;background:rgba(80,180,120,.06)}.recon-badge.exception,.recon-badge.pending,.recon-badge.open{color:#C9A227;background:rgba(201,162,39,.06)}.recon-actions{display:flex;gap:8px;margin-bottom:14px}.recon-dialog{width:min(760px,92vw);background:#101010;color:#F6F1E4;border:1px solid var(--line);border-radius:14px;padding:0}.recon-dialog::backdrop{background:rgba(0,0,0,.72)}.recon-dialog form{padding:20px}.recon-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.recon-dialog-head h2{margin:0}.recon-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.recon-form label span,.recon-lines-label span{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.recon-form input,.recon-form select,.recon-lines-label textarea{width:100%;box-sizing:border-box;background:#111;border:1px solid var(--line);color:#F6F1E4;border-radius:8px;padding:9px}.recon-lines-label textarea{min-height:160px;margin-top:6px}.recon-help{font-size:9px;color:var(--muted);margin-top:6px}.recon-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@media(max-width:850px){.recon-stats{grid-template-columns:1fr 1fr}}@media(max-width:650px){.recon-hero{flex-direction:column}.recon-stats,.recon-form{grid-template-columns:1fr}}