.relay-profile-form label,#shippingAddressForm label{display:block;margin:20px 0 12px;font-weight:700;font-size:14px}
.relay-profile-form input,.relay-profile-form textarea,#shippingAddressForm input,#shippingAddressForm select{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:13px;border:1px solid #373d45;border-radius:9px;background:#0e1013;color:#fff;font:inherit}
.relay-profile-form textarea{resize:vertical;min-height:110px}
.profile-photo-preview{width:80px;height:80px;flex-shrink:0;border-radius:50%;background:#bedcfa;color:#101418;display:grid;place-items:center;font-size:24px;font-weight:800;overflow:hidden}
.profile-photo-editor{padding:18px 0;border-bottom:1px solid #373d45;margin-bottom:20px}
.profile-photo-editor input{max-width:100%}
.listing-remove-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid #39414a;border-radius:20px;background:#171c22;color:#f4f4ef;box-shadow:0 24px 80px #0009}
.listing-remove-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
.listing-remove-dialog h2{margin:0 0 16px;font-size:26px;letter-spacing:-.03em}.listing-remove-dialog p{font-size:16px;line-height:1.55;color:#afb6be;overflow-wrap:anywhere}.listing-remove-dialog .listing-remove-name{color:#f4f4ef;font-weight:700}
.listing-remove-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:24px}.listing-remove-actions button{min-height:44px;padding:12px 18px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.listing-remove-confirm{background:#ef887b;color:#201211;border:1px solid #ef887b}.listing-remove-actions button:focus-visible{outline:2px solid #dcff50;outline-offset:3px}
.import-closet-button{margin:0 0 24px}
#importListingOverlay section{max-height:90dvh;overflow:auto;padding-top:50px}
#importListingOverlay label{display:block;margin:18px 0}
#importListingOverlay input[type=url]{width:100%;padding:14px;background:#0e1013;color:white;border:1px solid #373d45;border-radius:8px;font:inherit}
#importListingOverlay .import-consent{display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.import-consent input{width:20px;height:20px;flex-shrink:0}
.import-draft-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 0;border-top:1px solid #373d45}.import-draft-row b{flex:1;min-width:150px;overflow-wrap:anywhere}.import-draft-row a{color:#d9ff59}
#grailedImportForm button{margin:5px 10px 5px 0}
#grailedImportForm textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:180px;margin:10px 0;padding:14px;border:1px solid #373d45;border-radius:8px;background:#0e1013;color:#f4f4ef;font:inherit;font-size:16px;line-height:1.55}
#grailedImportForm label{font-size:16px;font-weight:600}#grailedImportForm .field-help{display:block;font-size:14px;font-weight:400;line-height:1.5;margin-top:8px;color:#afb6be}
#grailedImportForm input[type=url]{box-sizing:border-box;margin-top:10px;font-size:16px;color:#f4f4ef}
#importListingOverlay h2{padding-right:38px}#importListingOverlay p{font-size:16px;line-height:1.55}#importListingOverlay h3{margin-top:30px}
.import-status{min-height:24px}.import-review{padding:4px 0 24px;margin-bottom:24px;border-bottom:1px solid #373d45}.import-review-heading{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.import-review-heading>div{flex:1;min-width:180px}.import-review h3{margin:0 0 8px}.import-review p{margin:0;font-size:16px;line-height:1.5}.import-review ul{padding-left:20px;line-height:1.6;font-size:14px}
.import-original{margin-top:16px}.import-original summary{font-size:14px;font-weight:700;cursor:pointer}.import-original pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;line-height:1.55;margin:12px 0}.import-original-link{display:inline-block;margin-top:12px;font-size:14px;color:#d9ff59}
.import-field-note{font-size:13px!important;line-height:1.5;color:#afb6be;margin-top:6px}.import-price{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px;font-size:14px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}.import-price .quiet{font-size:14px;white-space:normal;text-align:left}.import-price .field-help{font-size:13px}.import-price [role=status]:empty{display:none}
@media(max-width:800px){#importGrailedButton{display:none}}
.relay-profile-form p,#shippingAddressForm p{font-size:14px;line-height:1.6;color:#a6adb5}
.relay-profile-form small{display:block;font-weight:400;color:#a6adb5;margin-top:4px}
.relay-profile-form button,#shippingAddressForm button{margin:8px 10px 8px 0}
#profileEditOverlay .cash-sheet{max-height:85dvh;overflow:auto;width:min(560px,94vw);padding:35px;position:relative}
#profileEditTitle{padding-right:48px}
.profile-hero p,.member-profile-head p{overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:650px){.settings-grid{grid-template-columns:1fr}.settings-grid>nav{flex-direction:row;flex-wrap:wrap}.settings-card{padding:20px}#profileEditOverlay .cash-sheet{padding:24px}}
.sample-closet{margin-top:40px;padding-top:28px;border-top:1px solid #3b424a}.sample-closet>p{color:#aeb4ba;line-height:1.6;margin-bottom:24px}.sample-closet .save{display:none}
.trade-members{color:#aeb4ba;line-height:1.6;overflow-wrap:anywhere}.trade-piece{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #343b43}.trade-piece img,.trade-photo-empty{width:70px;height:90px;object-fit:contain;border-radius:8px;background:#0b0e11;flex-shrink:0}.trade-photo-empty{display:grid;place-items:center;font-size:14px}.trade-piece>div{flex:1;min-width:0;overflow-wrap:anywhere}.trade-piece small{display:block;color:#aeb4ba;margin-top:6px;font-size:14px;line-height:1.5}.trade-piece>strong{white-space:nowrap}.trade-cash{display:flex;justify-content:space-between;gap:16px}.trade-note{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.trade-piece{flex-wrap:wrap}.trade-piece>strong{margin-left:auto}.trade-piece img{width:56px;height:74px}}
/* Messaging keeps the composer visible and the inbox accessible on small screens. */
.messages-shell{min-height:0;height:calc(100dvh - 78px)}
.threads{overflow:auto;min-width:0}.threads .section-row{flex-wrap:wrap;gap:8px}.threads h2{font-size:26px;margin:0;flex:1}.inbox-refresh{padding:8px 12px}
.thread-copy{flex:1}.thread span,.chat-user span{font-size:14px}.inbox-empty{font-size:16px;line-height:1.6;color:#aab0b8}
.message-unread{background:#d9ff50;color:#111;border-radius:999px;min-width:24px;height:24px;padding:2px 6px;text-align:center;font-size:14px}.thread .avatar{overflow:hidden}
.chat{min-height:0;overflow:hidden}.chat header{min-height:80px;height:auto;gap:12px;padding:14px 20px}.chat-user{min-width:0;flex:1}.chat-user b{overflow-wrap:anywhere}.chat-user .avatar{flex:none}
.chat-body{min-height:0;overscroll-behavior:contain}.bubble{flex-shrink:0;overflow-wrap:anywhere}.bubble time{font-size:12px;opacity:.75}.message-text{white-space:pre-wrap}.message-reference{display:block;font-size:14px;background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;padding:0 0 5px;margin-bottom:8px;text-align:left}
.chat #chatForm{flex-shrink:0;align-items:end;padding:14px 20px}.chat #chatForm[hidden]{display:none}.chat #chatInput{display:block;box-sizing:border-box;min-width:0;width:100%;flex:1;resize:vertical;max-height:180px;min-height:62px;padding:15px;border:1px solid #424b56;border-radius:10px;background:#121519;color:#fff;font:inherit;line-height:1.5;cursor:text;pointer-events:auto}.chat #chatInput:focus{outline:2px solid #d9ff50;outline-offset:2px}
#messageStatus{margin:0;padding:0 20px;font-size:14px;overflow-wrap:anywhere}#messageStatus:empty{display:none}#messageContext{display:flex;align-items:center;gap:10px;padding:6px 20px;font-size:14px}#messageContext:empty,#messageContext[hidden]{display:none}#messageContext button{padding:4px 10px}.inbox-back{display:none}.load-messages{align-self:center}.seller-box{flex-wrap:wrap}
@media(max-width:800px){.messages-shell{height:calc(100dvh - 136px)}.messages-shell .threads{display:block;border:0}.messages-shell .chat{display:none}.messages-shell.conversation-open .threads{display:none}.messages-shell.conversation-open .chat{display:flex}.inbox-back{display:block}.chat header{padding:12px;gap:8px}.chat header .quiet{padding:8px;font-size:14px}.chat-body{padding:16px}.chat #chatForm{padding:10px;gap:8px}.chat #chatForm button{padding:14px}.bubble{max-width:88%}}
/* Compact trade context remains separate from the scrolling message history. */
#chatOfferCard{flex:none;margin:12px 20px 0;padding:12px 14px;border:1px solid #394337;border-left:3px solid #d9ff50;border-radius:12px;background:#161c1b;max-height:32dvh;overflow:auto}#chatOfferCard[hidden]{display:none}
.chat-offer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:14px;color:#c8cfcc}.chat-offer-heading .status-pill{font-size:12px;margin:0;padding:4px 9px;flex:none}
.chat-offer-sides{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:12px;align-items:center}.chat-offer-side{min-width:0}.chat-offer-side>small{display:block;color:#aab2ac;font-size:14px;margin-bottom:6px}.chat-offer-swap{color:#a8b39e;text-align:center}
.chat-piece{display:flex;align-items:center;gap:10px;min-width:0;margin:6px 0}.chat-piece img,.chat-piece-placeholder{width:42px;height:52px;object-fit:contain;border-radius:5px;background:#0d100f;flex:none}.chat-piece-placeholder{display:grid;place-items:center}.chat-piece>span:not(.chat-piece-placeholder){min-width:0;flex:1}.chat-piece b{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-piece small{display:block;color:#aab2ac;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-piece>strong{font-size:14px;white-space:nowrap}.chat-cash,.chat-extra{display:block;font-size:14px;color:#d9e1cb;margin-top:5px}
.chat-offer-link{display:block;margin:8px 0 0 auto;border:0;background:transparent;color:#d9ff50;font:inherit;font-size:14px;padding:3px 0;cursor:pointer}.chat-offer-link:focus-visible{outline:2px solid #d9ff50;outline-offset:3px}.chat-context-error{margin:0;font-size:14px}
.chat-listing-details{position:relative;width:min(680px,94vw);max-height:90dvh;overflow:auto;padding:40px 24px 24px;background:#171a1f;border:1px solid #3a4149;border-radius:18px}.chat-listing-details h2{padding-right:40px}.chat-listing-details p{white-space:pre-wrap}.chat-listing-photos{display:flex;overflow:auto;gap:12px}.chat-listing-photos img{height:260px;max-width:90%;object-fit:contain;border-radius:8px}
#mainNav [data-view="messages"] i[hidden]{display:none}
@media(max-width:1050px){.chat-offer-sides{gap:8px}.chat-offer-side .chat-piece{flex-wrap:wrap}.chat-offer-side .chat-piece>strong{margin-left:52px}.chat-offer-side .chat-piece>span:not(.chat-piece-placeholder){flex-basis:calc(100% - 54px)}}
@media(max-width:800px){#chatOfferCard{margin:8px 10px 0;padding:10px;max-height:28dvh}.chat-piece b{font-size:14px}.chat-piece small{font-size:12px}.chat-offer-heading{flex-wrap:wrap}.chat-offer-sides{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:6px}}
