.purchase-experience-board{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(100% - 32px,1280px);margin:20px auto;overflow:hidden}.purchase-experience-board>header{border-bottom:1px solid var(--line);background:linear-gradient(120deg,#f5fbf8,#fffaf1);justify-content:space-between;align-items:start;gap:24px;padding:22px 24px;display:flex}.purchase-experience-board>header span{color:var(--green);font-size:13px;font-weight:900}.purchase-experience-board h2{margin:4px 0 6px;font-size:clamp(22px,2.4vw,34px)}.purchase-experience-board>header p{color:var(--muted);margin:0;line-height:1.55}.purchase-experience-board>header small{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;flex:none;padding:8px 12px;font-weight:750}.purchase-experience-metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.purchase-experience-metrics article{border-right:1px solid var(--line);gap:4px;padding:18px 24px;display:grid}.purchase-experience-metrics article:last-child{border-right:0}.purchase-experience-metrics strong{color:var(--green);font-size:24px}.purchase-experience-metrics span{color:var(--muted);font-size:13px}.purchase-experience-reports{grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 24px;display:grid}.purchase-experience-reports article{border:1px solid var(--line);background:#fbfdfc;border-radius:14px;gap:5px;padding:14px;display:grid}.purchase-experience-reports article>div{justify-content:space-between;gap:12px;display:flex}.purchase-experience-reports article>div strong{color:#d95f30;letter-spacing:1px}.purchase-experience-reports article>div strong span{color:#d8d2c7}.purchase-experience-reports article>span,.purchase-experience-reports article small{color:var(--muted);font-size:12px}.purchase-experience-empty{color:var(--muted);gap:5px;padding:20px 24px;display:grid}.purchase-experience-empty strong{color:var(--ink)}.purchase-experience-load-error{background:#fff8f1;border-bottom:1px solid #f0d7c1}.purchase-experience-load-error button{color:#b94724;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d65f35;border-radius:10px;justify-self:start;padding:0 16px;font-weight:900}.purchase-experience-load-error button:disabled{opacity:.6;cursor:wait}.purchase-experience-form-wrap{border-top:1px solid var(--line);background:#f8fbf9}.purchase-experience-form-heading{color:var(--green);justify-content:space-between;align-items:center;gap:16px;padding:13px 24px 8px;display:flex}.purchase-experience-form-heading strong{font-weight:900}.purchase-experience-form-heading span{color:var(--muted);font-size:12px}.purchase-experience-form-heading span.is-saved{color:var(--green);background:#edf8f2;border:1px solid #abd9c6;border-radius:999px;padding:6px 9px;font-weight:900}.purchase-experience-form-wrap form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 24px 16px;display:grid}.purchase-experience-form-wrap label{color:var(--muted);gap:6px;font-size:12px;font-weight:800;display:grid}.purchase-experience-form-wrap select,.purchase-experience-form-wrap input{border:1px solid var(--line);min-width:0;height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:0 12px;font-size:14px}.purchase-experience-form-wrap button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:44px;font-weight:900}.purchase-experience-form-wrap button:disabled{opacity:.6;cursor:wait}.purchase-experience-submit-row{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;min-height:44px;display:flex}.purchase-experience-submit-row button{min-width:170px;padding:0 18px}.purchase-experience-submit-row>.purchase-experience-remove{border:1px solid var(--line);min-width:0;color:var(--muted);background:#fff}.purchase-experience-remove-confirm{gap:8px;display:inline-flex}.purchase-experience-remove-confirm button{min-width:0;padding:0 14px}.purchase-experience-remove-confirm button:first-child{background:#a13c34}.purchase-experience-remove-confirm button:last-child{border:1px solid var(--line);color:var(--ink);background:#fff}.purchase-experience-submit-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.purchase-experience-submit-row output{width:100%;color:var(--green);background:#edf8f2;border-radius:10px;flex:0 0 100%;margin:0;padding:10px 12px;font-weight:800}.purchase-experience-submit-row output:focus-visible{outline:3px solid color-mix(in srgb, var(--green) 35%, transparent);outline-offset:2px}.purchase-experience-submit-row output.error{color:#b94724;background:#fff2ec}.purchase-experience-recovery-actions{flex-wrap:wrap;gap:8px;display:inline-flex}.purchase-experience-recovery-actions button{min-width:0;padding:0 16px}.purchase-experience-recovery-actions .purchase-experience-reconnect{color:#b94724;background:#fff;border:1px solid #d95f30}.purchase-experience-recovery-actions .purchase-experience-reload{border:1px solid var(--line);color:var(--muted);background:#fff}@media (width<=760px){.purchase-experience-board{border-radius:16px;width:min(100% - 20px,1280px)}.purchase-experience-board>header{padding:18px;display:grid}.purchase-experience-board>header small{justify-self:start}.purchase-experience-metrics{grid-template-columns:repeat(2,1fr)}.purchase-experience-metrics article:nth-child(2){border-right:0}.purchase-experience-metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.purchase-experience-reports{grid-template-columns:1fr;padding:14px 18px}.purchase-experience-form-heading{align-items:flex-start;padding:13px 18px 8px}.purchase-experience-form-wrap form{grid-template-columns:1fr;padding:0 18px 14px}.purchase-experience-submit-row{grid-column:auto;display:grid}.purchase-experience-submit-row button{width:100%}.purchase-experience-remove-confirm{grid-template-columns:1fr 1fr;display:grid}.purchase-experience-recovery-actions{grid-template-columns:1fr;display:grid}.purchase-experience-submit-row output{margin-left:0}}