@import url("../quote-to-payment-01/review.css");
.flow-reconstruction{margin:1.35rem 0;border:1px solid #cbd7cb;border-radius:.65rem;overflow:hidden;background:#f6f8f4;box-shadow:0 3px 12px #173b2b12}.flow-recon-head{display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;background:#123c2c;color:#fff}.flow-recon-head strong,.flow-recon-head small{display:block}.flow-recon-head small{color:#c8dbc9;font-size:.72rem}.flow-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.35rem;background:#e9b949;color:#123c2c;font-weight:900}.flow-recon-badge{margin-left:auto;font-size:.65rem;letter-spacing:.08em;color:#f7d985}.flow-recon-body{display:grid;grid-template-columns:145px 1fr;min-height:250px}.flow-recon-nav{padding:.75rem;background:#edf2ec;border-right:1px solid #d4ded3}.flow-recon-nav button,.flow-recon-toolbar button{display:block;width:100%;padding:.48rem .6rem;border:0;background:transparent;text-align:left;color:#587064;font:inherit;font-size:.78rem}.flow-recon-nav .active{border-radius:.3rem;background:#d5e3d5;color:#123c2c;font-weight:800}.flow-recon-main{min-width:0}.flow-recon-toolbar{display:flex;gap:.3rem;padding:.5rem .7rem;border-bottom:1px solid #d4ded3;background:#fff}.flow-recon-toolbar button{width:auto;border:1px solid #d4ded3;border-radius:.25rem}.flow-recon-title{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem}.flow-recon-title small{font-size:.65rem;color:#728478}.flow-recon-title h3{margin:.15rem 0;font-size:1.15rem}.mock-status,.status-chip{border-radius:999px;background:#dbead8;color:#265938;padding:.28rem .5rem;font-size:.7rem;font-weight:800}.flow-recon-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:.75rem;padding:0 1rem 1rem}.mock-table,.mock-detail{padding:.75rem;border:1px solid #d4ded3;border-radius:.4rem;background:#fff}.mock-table h4,.mock-detail h4{margin:0 0 .6rem;font-size:.85rem}.mock-table table{width:100%;border-collapse:collapse;font-size:.7rem}.mock-table th,.mock-table td{padding:.45rem .35rem;border-bottom:1px solid #e5ebe3;text-align:left}.mock-fields{display:grid;gap:.55rem}.mock-field{display:grid;gap:.2rem;font-size:.75rem;font-weight:800}.mock-field input,.mock-field select{width:100%;box-sizing:border-box;padding:.45rem;border:1px solid #b7cbb8;border-radius:.25rem;font:inherit;background:#fff}.mock-field small{font-size:.66rem;color:#677a6b;font-weight:400}.mock-primary,.mock-secondary{margin-top:.7rem;padding:.45rem .6rem;border:1px solid #aec2b0;border-radius:.25rem;background:#e6eee4;color:#587064;font:inherit;font-size:.72rem}.mock-secondary{background:#fff;margin-left:.25rem}.mock-inert-note{margin:.65rem 0 0;color:#765523;font-size:.68rem}@media(max-width:620px){.flow-recon-body,.flow-recon-grid{grid-template-columns:1fr}.flow-recon-nav{display:flex;gap:.25rem;overflow:auto;border-right:0;border-bottom:1px solid #d4ded3}.flow-recon-nav button{white-space:nowrap}.flow-recon-toolbar{overflow:auto}.flow-recon-toolbar button{white-space:nowrap}.flow-recon-grid{padding:0 .7rem .7rem}.flow-recon-head{align-items:flex-start}.flow-recon-badge{font-size:.55rem}}