.ob-records{color:var(--text,var(--brown));max-width:1100px}.ob-record-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.ob-record-heading h2{font-family:var(--font-head);font-size:26px;margin:0 0 8px}.ob-record-copy{font-size:13px;color:var(--text-mid,var(--gray-400));line-height:1.55;margin:5px 0}.ob-record-button{font:inherit;font-size:13px;font-weight:650;padding:10px 14px;border:1px solid var(--gray-200);border-radius:9px;background:var(--white);color:var(--text,var(--brown));cursor:pointer;white-space:nowrap}.ob-record-button:focus-visible{outline:2px solid var(--terra);outline-offset:3px}.ob-record-button[aria-pressed=true]{background:var(--terra);color:white;border-color:var(--terra)}.ob-record-button:disabled{opacity:.6;cursor:wait}.ob-record-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.ob-record-list{display:grid;gap:12px;margin-top:18px}.ob-record-row{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:20px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px}.ob-record-info{min-width:0}.ob-record-info h3{font-size:16px;margin:0;overflow-wrap:anywhere}.ob-record-badge{display:inline-block;font-size:12px;padding:4px 8px;border-radius:6px;background:var(--cream);text-transform:capitalize}.ob-record-payment{font-size:14px;font-weight:650;margin:10px 0 0}.ob-record-actions{display:flex;gap:8px;flex-wrap:wrap}.ob-record-status{padding:28px 16px;color:var(--text-mid,var(--gray-400));line-height:1.6}.ob-record-error{padding:16px;border:1px solid #e79a90;border-radius:10px;color:var(--text);line-height:1.6}.ob-record-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.ob-record-transcript{display:grid;gap:14px;margin-top:22px;margin-bottom:18px}.ob-record-message{padding:16px 20px;border:1px solid var(--gray-200);border-radius:10px;background:var(--white)}.ob-record-message time{display:block}.ob-record-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:10px 0 0}@media(max-width:600px){.ob-record-row{align-items:flex-start;flex-direction:column;padding:16px}.ob-record-heading{gap:10px}.ob-record-heading h2{font-size:22px}.ob-record-footer{align-items:flex-start;flex-direction:column}}