.recon-flow{display:flex;align-items:center;background:white;border:1px solid var(--border);border-radius:10px;padding:15px 20px;margin-bottom:12px}.flow-step{display:flex;align-items:center;gap:9px}.flow-step i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid #cbd5e1;color:#94a3b8;font-style:normal;font-weight:700}.flow-step b,.flow-step small{display:block}.flow-step b{font-size:12px}.flow-step small{font-size:10px;color:#94a3b8;margin-top:3px}.flow-step.done i{background:#ecfdf5;border-color:#6ee7b7;color:#047857}.flow-step.active i{background:#2563eb;border-color:#2563eb;color:white}.recon-flow>em{height:1px;flex:1;background:#dce5ef;margin:0 14px}.source-compare{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;margin-bottom:12px}.source-compare article{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--border);border-radius:10px;padding:14px 16px}.source-compare article>div{flex:1}.source-compare small,.source-compare b,.source-compare p{display:block}.source-compare small{color:#94a3b8}.source-compare b{margin:3px 0}.source-compare p{color:#64748b;font-size:11px;margin:0}.source-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;font-weight:800}.upstream-icon{background:#fff7ed;color:#c2410c}.system-icon{background:#eff6ff;color:#2563eb}.compare-arrow{text-align:center;color:#94a3b8;font-size:18px}.source-compare .secondary{height:31px;font-size:10px}.match-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.match-summary article{background:white;border:1px solid var(--border);border-left:3px solid #10b981;border-radius:8px;padding:12px 14px}.match-summary article.danger-card{border-left-color:#ef4444}.match-summary article.warning-card{border-left-color:#f59e0b}.match-summary span,.match-summary b,.match-summary small{display:block}.match-summary span{font-size:11px;color:#64748b}.match-summary b{font-size:20px;margin:5px 0}.match-summary small{font-size:10px;color:#94a3b8}.bill-readiness{display:flex;align-items:center;gap:18px;background:#fffaf0;border:1px solid #fde7bd;border-radius:9px;padding:12px 15px;margin-bottom:15px;font-size:11px}.bill-readiness>span{font-weight:700}.bill-readiness .ready{color:#047857}.bill-readiness .blocked{color:#c2410c}.bill-readiness .link{margin-left:auto}.billing-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:15px}.fee-summary{padding:20px}.fee-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:16px}.fee-grid>div{padding:13px 15px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.fee-grid>div:nth-child(3n){border-right:0}.fee-grid span,.fee-grid b,.fee-grid small{display:block}.fee-grid span{font-size:11px;color:#64748b}.fee-grid b{margin:5px 0;font-size:14px}.fee-grid small{font-size:9px;color:#94a3b8}.fee-grid .missing-fee{background:#fffaf0}.fee-grid .missing-fee b{color:#c2410c}.bill-total{display:flex;justify-content:flex-end;align-items:flex-end;gap:34px;padding-top:18px}.bill-total span small,.bill-total span b{display:block;text-align:right}.bill-total small{color:#94a3b8;font-size:10px}.bill-total b{margin-top:5px}.bill-total .grand{border-left:1px solid var(--border);padding-left:28px}.bill-total .grand b{font-size:22px;color:#2563eb}.bill-side{position:static;width:auto;background:none;color:inherit;padding:0;display:block}.bill-side .panel{padding:18px}.bill-side h2{font-size:14px;margin:0 0 14px}.checklist{list-style:none;margin:0;padding:0}.checklist li{display:flex;gap:9px;padding:10px 0;border-top:1px solid #edf1f5}.checklist li>b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:10px}.checklist span,.checklist small{display:block}.checklist span{font-size:11px}.checklist small{font-size:9px;color:#94a3b8;margin-top:3px}.checklist .pass>b{background:#ecfdf5;color:#047857}.checklist .warn-item>b{background:#fff7ed;color:#c2410c}.checklist .fail>b{background:#fef2f2;color:#dc2626}.full-button{width:100%;margin-top:10px}.full-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1100px){.billing-layout{grid-template-columns:1fr}.bill-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bill-side .panel{grid-column:1/-1}.bill-side .full-button{margin:0}.match-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.recon-flow{align-items:flex-start;flex-direction:column}.recon-flow>em{width:1px;height:18px;flex:none;margin:4px 13px}.source-compare{grid-template-columns:1fr}.compare-arrow{padding:5px}.match-summary,.fee-grid{grid-template-columns:1fr}.fee-grid>div{border-right:0}.bill-readiness{align-items:flex-start;flex-direction:column;gap:7px}.bill-readiness .link{margin-left:0}.bill-total{align-items:stretch;flex-direction:column;gap:10px}.bill-total span small,.bill-total span b{text-align:left}.bill-total .grand{border-left:0;border-top:1px solid var(--border);padding:10px 0 0}.bill-side{grid-template-columns:1fr}}