[data-buyer-exchange] { margin-block: 12px; }
[data-buyer-exchange] dialog { width: min(32rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); box-sizing: border-box; padding: 20px; background: #f7f5f0; color: #071826; border: 1px solid #b39567; border-radius: 12px; overflow: auto; }
[data-buyer-exchange] dialog::backdrop { background: rgb(7 24 38 / 60%); }
[data-buyer-exchange] label { display: grid; gap: 4px; margin-block: 10px; }
[data-buyer-exchange] :is(input,select,textarea) { width: 100%; box-sizing: border-box; font-size: 16px; }
[data-buyer-exchange] .buyer-exchange-actions { display: flex; gap: 8px; flex-wrap: wrap; }
[data-buyer-exchange] section { margin-top: 16px; padding: 12px; border: 1px solid #b39567; border-radius: 8px; overflow-wrap: anywhere; }
[data-buyer-exchange] [data-description] { white-space: pre-wrap; }
[data-buyer-exchange] [hidden] { display: none; }

[data-buyer-exchange]{color:#102b3c}
[data-buyer-exchange] button{font:inherit;font-size:14px;font-weight:600;min-height:44px;padding:8px 12px;border:1px solid #dfd6c4;border-radius:10px;background:#fffdf8;color:#102b3c;cursor:pointer}
[data-buyer-exchange] button:focus-visible,[data-buyer-exchange] summary:focus-visible{outline:2px solid #8a6b36;outline-offset:2px}
[data-buyer-exchange] button:disabled{opacity:.55;cursor:default}
[data-buyer-exchange] nav.buyer-exchange-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;background:#f2eee4;border:1px solid #e7dfcf;border-radius:14px}
[data-buyer-exchange] nav button{background:transparent;border-color:transparent}
[data-buyer-exchange] nav button[aria-pressed=true]:not([data-view-buyer=new]){background:#fff;border-color:#dfd6c4}
[data-buyer-exchange] button[data-view-buyer=new],[data-buyer-exchange] button[type=submit]{background:#102b3c;color:#fff8ec;border-color:#102b3c}
[data-buyer-exchange] button[data-view-buyer=new],[data-buyer-exchange] button[data-close]{grid-column:1/-1}
[data-buyer-exchange] button[data-view-buyer=new][aria-pressed=true]{box-shadow:inset 0 0 0 2px #c7a975}
[data-buyer-exchange] [role=status]:empty{display:none}
[data-buyer-exchange] [data-buyer-empty]{margin-top:14px;padding:20px 14px;text-align:center;border:1px dashed #dfd6c4;border-radius:12px;background:#fbf9f3}
[data-buyer-exchange] [data-buyer-empty] span{display:block;color:#876b38;font-size:26px;margin-bottom:5px}
[data-buyer-exchange] [data-buyer-empty] p{margin:5px auto 0;max-width:32ch;color:#56646a;font-size:13px;line-height:1.5}
[data-buyer-exchange] section{background:#fffdf8;border-color:#e7dfcf;padding:15px}
[data-buyer-exchange] section h3{margin:0;font-size:20px}
[data-buyer-exchange] section p{margin:5px 0}
[data-buyer-exchange] section small{display:block;color:#775e34;margin:8px 0}
[data-buyer-exchange] section summary{cursor:pointer;padding:8px 0}
[data-buyer-exchange] form{margin-top:14px}
[data-buyer-exchange] label{font-size:14px;font-weight:600;gap:6px;margin-block:14px}
[data-buyer-exchange] :is(input,select,textarea){min-height:44px;padding:9px 11px;border:1px solid #dfd6c4;border-radius:9px;background:#fff;color:#102b3c}
[data-buyer-exchange] button[type=submit]{width:100%}