.collect-pending{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:10px 12px 10px 14px;border-radius:var(--radius-sm);background:rgba(255,77,77,.08)}
.collect-pending-label{font-size:12px;font-weight:600;color:var(--text-mid)}
.collect-pending-amount{color:var(--danger);font-size:15px;margin-right:auto}
.collect-form{display:flex;flex-direction:column;gap:14px;color:var(--text-mid);font-size:14px;line-height:1.6}
.collect-form p{margin:0}
.collect-form strong{color:var(--text-hi)}
.collect-breakdown{margin:0;display:grid;gap:6px;background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);padding:12px 16px}
.collect-breakdown div{display:flex;justify-content:space-between;gap:16px}
.collect-breakdown dt{color:var(--text-lo)}
.collect-breakdown dd{margin:0;color:var(--text-hi)}
.collect-breakdown .collect-due{border-top:1px solid var(--hairline-strong);padding-top:8px;margin-top:2px;font-weight:600}
.collect-breakdown .collect-due dd{color:var(--danger)}
.collect-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.collect-fields div{display:flex;flex-direction:column;gap:6px;min-width:0}
.collect-form label{font-size:12px;font-weight:600;color:var(--text-hi)}
.collect-form input,.collect-form select{width:100%;box-sizing:border-box;padding:11px 14px;background:var(--surface-2);color:var(--text-hi);font:inherit;border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);color-scheme:dark}
.collect-form input:focus-visible,.collect-form select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.collect-form input[aria-invalid=true]{border-color:var(--danger)}
.collect-hint{font-size:12px;color:var(--text-lo)}
.collect-form .collect-error{font-size:13px;color:var(--danger);padding:10px 12px;border-radius:var(--radius-sm);background:rgba(255,77,77,.08)}
.collect-alert{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
