.customer-confirmation{min-width:0;margin-top:20px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px}
.confirmation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.confirmation-heading h2{margin:0;font-size:24px}.confirmation-heading .eyebrow{margin-bottom:6px}
.confirmation-badge{flex:none;padding:5px 10px;border-radius:999px;background:#eef2ec;color:var(--accent);font-size:12px;font-weight:650;white-space:nowrap}.confirmation-badge[data-state="warning"]{background:#f7eee2;color:#76522d}.confirmation-badge[data-state="closed"]{background:#edf0ee;color:#53615b}
.confirmation-message{min-height:24px;margin:14px 0;color:var(--muted)}.confirmation-message[data-error="true"]{color:#983e30}
.confirmation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.confirmation-metric{min-width:0;padding:13px;background:#f3f5f1;border-radius:8px}.confirmation-metric span{display:block;color:var(--muted);font-size:11px}.confirmation-metric strong{display:block;margin-top:2px;font-size:18px;overflow-wrap:anywhere}
.confirmation-lines{display:grid;gap:10px}.confirmation-line{min-width:0;padding:15px;border:1px solid var(--line);border-radius:9px}.confirmation-line-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.confirmation-line h3{margin:0;font-size:16px;overflow-wrap:anywhere}.confirmation-line-detail{margin:4px 0 10px;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.confirmation-line-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.confirmation-line-counts span{min-width:0;padding:8px;background:#f8f8f5;border-radius:6px;font-size:12px;overflow-wrap:anywhere}.confirmation-line-counts b{display:block;color:var(--accent);font-size:15px}
.confirmation-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.confirmation-actions button{min-height:44px}.confirmation-note{margin:16px 0 0;color:var(--muted);font-size:12px}
@media(max-width:700px){.customer-confirmation{padding:18px}.confirmation-heading{align-items:flex-start}.confirmation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.confirmation-line-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.confirmation-actions{display:grid;grid-template-columns:minmax(0,1fr)}.confirmation-actions button{width:100%}}
@media(max-width:380px){.confirmation-heading{display:grid}.confirmation-badge{justify-self:start}.confirmation-summary,.confirmation-line-counts{grid-template-columns:minmax(0,1fr)}}