.market-tools,.market-social-actions,.market-tabs,.price-quick { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.market-tools { justify-content:flex-end; }
.market-messages-button { position:relative; }
#market-message-badge { display:grid; min-width:16px; height:16px; padding:0 4px; place-items:center; border-radius:999px; background:#df4e4e; color:#fff; font:700 9px/1 var(--mono); }
.market-tool,.market-tabs button,.price-quick button { padding:9px 12px; border:1px solid rgba(255,255,255,.12); border-radius:9px; background:#17191c; color:#d7d8d5; font:600 11px var(--sans); cursor:pointer; }
.market-tool:hover,.market-tool:focus-visible,.price-quick button:hover { border-color:rgba(241,213,91,.6); color:#fff; }
.market-tabs { margin:0 0 20px; border-bottom:1px solid var(--line); }
.market-tabs button { border:0; border-radius:0; border-bottom:2px solid transparent; background:transparent; color:#96989b; }
.market-tabs button[aria-selected=true] { border-bottom-color:var(--yellow); color:#f5f4ef; }
.marketplace-post-row { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:-4px 0 16px; padding:13px 0; border-bottom:1px solid var(--line); }
.marketplace-post-row[hidden] { display:none; }.marketplace-post-row p { max-width:430px; margin:0; color:#999ba0; font-size:11px; line-height:1.5; }
.budget-input { display:flex; align-items:center; gap:10px; max-width:280px; color:#96989b; font:500 9px var(--mono); }.budget-input input { width:100%; min-width:0; height:38px; padding:0 10px; color:#eee; border:1px solid var(--line); border-radius:7px; background:#0c0d0f; font:500 12px var(--sans); }.budget-explainer { margin:12px 0 0; color:#96989b; font-size:10px; line-height:1.5; }
.listing-match-signal { margin-top:13px !important; color:#d9c86a !important; font:600 9px var(--mono) !important; }
.price-quick { margin-top:12px; }.price-quick span { color:#989a9e; font:500 9px var(--mono); }.price-quick button { padding:6px 9px; font-size:10px; }
.market-social-actions { margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }.market-social-actions .market-tool { font-size:10px; padding:7px 9px; }
.market-comments { margin-top:12px; color:#b9bbc0; font-size:11px; }.market-comments summary { cursor:pointer; color:#e1e1dc; }.market-comment-list { max-height:240px; overflow:auto; }.market-comment { padding:10px 0; border-bottom:1px solid var(--line); }.market-comment strong { color:#ddd; }.market-comment p { margin:5px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.market-comment-form { display:flex; gap:7px; margin-top:10px; }.market-comment-form input { width:100%; min-width:0; padding:9px; border:1px solid var(--line); border-radius:7px; background:#0c0d0f; color:#eee; }.market-comment-form button { border:0; border-radius:7px; background:var(--yellow); color:#171717; padding:0 12px; font-weight:700; }
.market-dialog { width:min(680px,calc(100% - 28px)); max-height:min(90vh,950px); overflow:auto; padding:0; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:#141518; color:#f2f2ed; scrollbar-color:rgba(255,255,255,.25) transparent; scrollbar-width:thin; }.market-dialog::backdrop { background:rgba(0,0,0,.78); }.market-dialog-panel { position:relative; padding:30px; }.market-dialog h2 { margin:0 0 9px; font-size:32px; letter-spacing:-1.5px; }.market-dialog-panel > p:not(.eyebrow) { color:#a8aaae; font-size:12px; line-height:1.65; }.market-close { position:absolute; top:20px; right:20px; width:32px; height:32px; border:1px solid var(--line); border-radius:50%; background:#202226; color:white; cursor:pointer; font-size:20px; }
.market-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:22px; }.market-form label { display:grid; gap:7px; color:#d5d6d2; font-size:11px; font-weight:600; }.market-form input,.market-form select,.market-form textarea,.market-inbox textarea { width:100%; min-width:0; padding:11px; border:1px solid rgba(255,255,255,.15); border-radius:8px; background:#0b0c0e; color:#f1f1ee; font:500 12px var(--sans); }.market-form textarea { min-height:110px; resize:vertical; }.market-form label small { color:#85878b; font:400 9px/1.45 var(--sans); }.market-form-full { grid-column:1/-1; }.market-unit-total { grid-column:1/-1; padding:12px 13px; border:1px solid rgba(241,213,91,.24); border-radius:9px; background:rgba(241,213,91,.06); color:#eee4a2; font:600 11px var(--sans); }.market-form > button { grid-column:1/-1; }.market-feedback { color:#f5d866 !important; font-size:11px; }
.market-inbox { min-height:450px; }.market-inbox-layout { display:grid; grid-template-columns:180px minmax(0,1fr); gap:15px; margin-top:20px; }.market-conversation { display:grid; gap:4px; width:100%; padding:12px; border:0; border-radius:8px; background:#202226; color:#eee; text-align:left; cursor:pointer; }.market-conversation small { overflow:hidden; color:#999; text-overflow:ellipsis; white-space:nowrap; }.market-message-history { display:grid; gap:9px; align-content:start; height:250px; overflow:auto; padding:12px; border:1px solid var(--line); border-radius:10px; }.market-message { max-width:90%; padding:10px; border-radius:9px; background:#24262a; }.market-message.is-own { justify-self:end; background:#38331e; }.market-message small { color:#aaa; }.market-message p { margin:5px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; }.market-inbox form { display:flex; gap:8px; margin-top:10px; }.market-inbox form label { flex:1; }.market-inbox textarea { min-height:43px; resize:vertical; }.market-inbox form[hidden] { display:none; }
.market-leaderboard-row { display:grid; grid-template-columns:30px 1fr auto auto; gap:12px; padding:14px 0; border-bottom:1px solid var(--line); color:#eee; text-decoration:none; font-size:12px; }.market-leaderboard-row span { color:#aaa; }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:680px) { .market-tools { justify-content:flex-start; }.marketplace-post-row { align-items:flex-start; flex-direction:column; }.market-dialog-panel { padding:24px 18px; }.market-form { grid-template-columns:1fr; }.market-inbox-layout { grid-template-columns:1fr; }.market-message-history { height:200px; }.market-leaderboard-row { grid-template-columns:25px 1fr auto; }.market-leaderboard-row span:last-child { grid-column:2/-1; } }

/* Marketplace discussion threads and the request composer. */
.market-comment-list { max-height:300px; }.market-comment { padding:12px 0; }.market-comment strong { font-size:11px; }.market-comment.is-post-owner { margin-top:9px; padding:11px 12px; border:1px solid rgba(241,213,91,.26); border-radius:9px; background:rgba(241,213,91,.065); }.market-comment.is-post-owner strong { color:#f2d75c; }.market-comment-replies { display:grid; gap:8px; margin:10px 0 0 16px; }.market-comment-replies .market-comment { border-bottom:0; }.market-comment-reply { margin-top:9px; padding:0; border:0; background:transparent; color:#d8c45b; font:600 9px var(--mono); cursor:pointer; }.market-comment-reply:hover { color:#fff1a3; }.market-comment-form.is-replying input { border-color:rgba(241,213,91,.52); }.market-form-section { grid-column:1/-1; display:flex; align-items:center; gap:10px; margin:7px 0 -1px; padding-top:16px; border-top:1px solid var(--line); }.market-form-section:first-child { margin-top:0; padding-top:0; border-top:0; }.market-form-section span { display:grid; width:25px; height:25px; border-radius:50%; background:rgba(241,213,91,.13); color:#f2d75c; font:600 9px var(--mono); place-items:center; }.market-form-section p { margin:0; color:#94969a; font-size:10px; }.market-form-section strong { color:#e9e9e3; }
