.chat-dialog {
  position: fixed;
  inset: 0;
  width: 100vw !important;
  max-width: none !important;
  height: 100dvh;
  max-height: none !important;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: clamp(24px, 4vw, 54px);
  overflow: hidden;
  background: #151515;
}

.chat-dialog::backdrop { background: #151515; }
.chat-dialog .close { position: fixed; z-index: 3; top: 18px; right: clamp(18px, 4vw, 54px); }
.chat-dialog #modal-content { display: flex; flex-direction: column; width: min(1280px, 100%); max-width: none; height: calc(100dvh - 108px); min-height: 0; margin: 0 auto; overflow: hidden; }

.social-chat {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(270px, .85fr);
  gap: 22px;
  margin-top: 22px;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}

.chat-sidebar, .chat-secondary {
  min-width: 0;
  border: 1px solid #4a4a4a;
  background: #181818;
}

.chat-sidebar { display: grid; grid-template-rows: auto minmax(110px, 1fr) auto minmax(150px, 1fr); padding: 10px; overflow: hidden; }
.chat-secondary { padding: 18px; overflow-y: auto; overscroll-behavior: contain; }

.chat-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
}

.chat-section-heading h3, .chat-secondary h3, .chat-resource-section h4 {
  margin: 0;
  color: #f5f3eb;
}

.chat-section-heading span {
  color: #f2bc35;
  font: 700 .7rem/1 var(--mono, monospace);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.chat-conversation-row, .suggestion-card {
  width: 100%;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  border: 0;
  border-top: 1px solid #383838;
  padding: 12px 10px;
  color: #f5f3eb;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.chat-conversation-row:hover, .suggestion-card:hover { background: #292929; }
.suggestion-actions{display:flex;gap:6px}.suggestion-actions button{border:1px solid #666;padding:7px 8px;background:#202020;color:#f5f3eb;font:700 .62rem/1 var(--mono,monospace);text-transform:uppercase;cursor:pointer}.suggestion-actions button:first-child{border-color:#f2bc35;background:#f2bc35;color:#171717}.suggestion-actions button:hover{filter:brightness(1.15)}
.chat-conversation-row strong, .suggestion-card strong { display: block; font-size: .9rem; }
.chat-conversation-row small, .suggestion-card small { display: block; overflow: hidden; color: #aaa69c; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.chat-conversation-row i, .suggestion-card i { color: #f2bc35; font: 700 .65rem/1 var(--mono, monospace); font-style: normal; letter-spacing: .04em; text-transform: uppercase; }

.chat-avatar {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #f2bc35;
  border-radius: 50%;
  background: #252525;
  color: #f2bc35;
  font-weight: 800;
}
.chat-avatar img,.chat-message-avatar img{display:block;width:100%;height:100%;object-fit:cover}.chat-avatar{overflow:hidden}.collector-thread .chat-message{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px}.chat-message-avatar{display:grid;width:30px;height:30px;place-items:center;overflow:hidden;border:1px solid #7f6d35;border-radius:50%;background:#252525;color:#f2bc35;font:800 .62rem/1 var(--mono,monospace)}.chat-message-copy{display:grid;gap:3px;min-width:0}.chat-message-copy>img{max-width:min(100%,320px);border-radius:6px}
.collector-directory-card{position:relative;padding-left:82px}.directory-account-avatar{position:absolute;top:20px;left:20px;display:grid;width:46px;height:46px;place-items:center;overflow:hidden;border:1px solid #d7b34b;border-radius:50%;background:#20242a;color:#f2d36a;font:800 .72rem/1 "DM Mono",monospace}.directory-account-avatar img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:680px){.collector-directory-card{padding-left:76px}.directory-account-avatar{top:16px;left:16px;width:42px;height:42px}}
.app-section-chat .app-section-intro{position:relative;overflow:hidden;border-bottom-color:#497052;background:linear-gradient(115deg,#09231b,#102b22 52%,#0f1915)}.app-section-chat .app-section-intro::after{position:absolute;inset:auto -10% -80px 35%;height:190px;border:1px solid #78b78955;border-radius:50%;box-shadow:0 0 70px #4cab7138;content:"";transform:rotate(-10deg)}.app-section-chat .app-section-content{padding:28px max(18px,calc((100vw - 1280px)/2)) 130px;background:linear-gradient(145deg,#07110d,#0c1512 48%,#08100d)}.app-section-chat .chat-command-center{width:min(1280px,100%);margin:0 auto;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:18px}.app-section-chat .chat-sidebar,.app-section-chat .chat-secondary{border-color:#315543;border-radius:14px;background:linear-gradient(145deg,#10231b,#0a1511);box-shadow:0 24px 55px #0006}.app-section-chat .chat-sidebar{padding:12px}.app-section-chat .chat-secondary{padding:20px}.app-section-chat .chat-section-heading{margin:0 2px;padding:13px 12px;border-bottom:1px solid #274335}.app-section-chat .chat-section-heading>div{display:grid;gap:4px}.app-section-chat .chat-section-heading small,.chat-dashboard-head>small{color:#8cddb0;font:800 .62rem/1 "DM Mono",monospace;letter-spacing:.13em}.app-section-chat .chat-section-heading h3{font:700 1rem/1.1 "DM Sans",sans-serif}.app-section-chat .chat-section-heading>span{display:grid;min-width:30px;height:30px;place-items:center;border:1px solid #4f9469;border-radius:999px;background:#0a1912;color:#a6efc4}.app-section-chat .conversation-list,.app-section-chat .suggestion-list{padding:4px 2px 10px}.app-section-chat .chat-conversation-row,.app-section-chat .suggestion-card{margin:5px 0;border:1px solid transparent;border-radius:10px;padding:13px 12px;background:#0d1b15;transition:transform .16s,border-color .16s,background .16s}.app-section-chat .chat-conversation-row:hover,.app-section-chat .suggestion-card:hover{border-color:#4f9469;background:#132a1f;transform:translateX(3px)}.app-section-chat .chat-avatar{border-color:#64b77d;background:#12251c;color:#b9f5cf;box-shadow:0 0 0 3px #173525}.app-section-chat .chat-conversation-row i{color:#a8efc5}.chat-dashboard-head{margin-bottom:17px;padding:16px;border:1px solid #315543;border-radius:10px;background:linear-gradient(130deg,#153424,#0c1c14)}.chat-dashboard-head h3{margin:7px 0;color:#f1f8ed;font:600 clamp(1.5rem,2.8vw,2.2rem)/1 "Playfair Display",serif}.chat-dashboard-head p{max-width:440px;margin:0;color:#a8b9ae;font-size:.86rem;line-height:1.5}.app-section-chat .chat-resource-section{margin-top:14px;padding:15px;border:1px solid #294737;border-radius:10px;background:#0b1711}.app-section-chat .chat-resource-section h4{display:flex;align-items:center;gap:8px;margin:0 0 11px;color:#d7f5df}.app-section-chat .chat-resource-section h4::before{width:7px;height:7px;border-radius:50%;background:#75df98;box-shadow:0 0 12px #75df98;content:""}.app-section-chat .delivery-row{display:grid;gap:4px;margin:7px 0;border:1px solid #365945;border-radius:8px;padding:12px;background:#102219;color:#eef9f0;transition:border-color .16s,transform .16s}.app-section-chat .delivery-row:hover{border-color:#87dba1;transform:translateY(-1px)}.app-section-chat .delivery-row span{color:#a3bdab;font:.7rem "DM Mono",monospace}.app-section-chat .modal-copy{padding:14px;color:#a9baae;line-height:1.55}@media(max-width:780px){.app-section-chat .app-section-content{padding:14px 10px 110px}.app-section-chat .chat-command-center{grid-template-columns:1fr;gap:12px}.app-section-chat .chat-sidebar,.app-section-chat .chat-secondary{border-radius:10px}.app-section-chat .chat-section-heading{padding:11px 8px}.app-section-chat .chat-conversation-row,.app-section-chat .suggestion-card{padding:12px 9px}}

.conversation-list, .suggestion-list { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: #797979 #202020; scrollbar-width: thin; }
.suggestion-list { border-bottom: 1px solid #383838; }
.conversation-list::-webkit-scrollbar, .suggestion-list::-webkit-scrollbar, .chat-secondary::-webkit-scrollbar { width: 8px; }
.conversation-list::-webkit-scrollbar-thumb, .suggestion-list::-webkit-scrollbar-thumb, .chat-secondary::-webkit-scrollbar-thumb { background: #797979; border: 2px solid #202020; }
.chat-open { overflow-y: auto; }
html:has(body.chat-open), body.chat-open { overflow-y: auto !important; overscroll-behavior: auto; }
body.chat-open .app-shell { height: auto; min-height: 100dvh; overflow: visible !important; }
.chat-resource-section + .chat-resource-section { margin-top: 20px; }
.chat-resource-section h4 { margin-bottom: 9px; color: #f2bc35; font-size: .76rem; letter-spacing: .1em; text-transform: uppercase; }
.chat-dialog .delivery-row { margin-bottom: 8px; }
.conversation-workspace { display: flex; flex: 1; min-height: 0; flex-direction: column; margin-top: 20px; border: 1px solid #4a4a4a; background: #181818; }
.conversation-header { display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 10px 14px; border-bottom: 1px solid #4a4a4a; }
.conversation-header button { border: 0; padding: 0; background: transparent; color: #f2bc35; font: 700 .7rem/1 var(--mono, monospace); letter-spacing: .05em; text-transform: uppercase; }
.conversation-header strong { color: #f5f3eb; }
.conversation-header .start-chat-trade { margin-left:auto;border:1px solid #f2bc35;padding:9px 12px;background:#f2bc35;color:#171717; }
.conversation-header .start-chat-trade+.voice-start { margin-left:0; }
.conversation-header .chat-avatar { width: 34px; height: 34px; margin-left: auto; font-size: .8rem; }
.collector-thread { flex: 1; min-height: 0; max-height: none; overflow-y: auto; padding: 18px; background: #181818; overscroll-behavior: contain; }
.collector-thread .post-comment { display: grid; gap: 3px; width: fit-content; max-width: 82%; margin: 9px 0; padding: 10px 12px; border: 1px solid #4a4a4a; background: #292929; }
.collector-thread .post-comment b { color: #f2bc35; font-size: .72rem; }
.collector-thread .post-comment.is-own-message { margin-left: auto; border-color: #a97f1d; background: #3a2c12; }
.chat-trade-request { display:grid;gap:7px;width:min(440px,88%);margin:12px 0;padding:15px;border:1px solid #a97f1d;background:linear-gradient(135deg,#30250f,#201d17); }.chat-trade-request.is-own-message{margin-left:auto}.chat-trade-request small{color:#f2bc35;font:800 .65rem/1 var(--mono,monospace);letter-spacing:.1em}.chat-trade-request b{color:#f5f3eb}.chat-trade-request span{color:#bbb6aa;font-size:.78rem;line-height:1.4}.chat-trade-request button{justify-self:start;border:1px solid #f2bc35;padding:8px 10px;background:#f2bc35;color:#171717;font:800 .68rem/1 var(--mono,monospace);text-transform:uppercase}
.collector-message-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; margin: 0; padding: 12px; border-top: 1px solid #4a4a4a; background: #202020; }
.collector-message-form textarea { min-height: 44px; max-height: 130px; resize: vertical; padding: 12px; border: 1px solid #656565; background: #111; color: #f5f3eb; outline: 0; }
.collector-message-form textarea:focus { border-color: #f2bc35; }
.collector-message-form button { align-self: end; min-width: 92px; min-height: 44px; border: 1px solid #f2bc35; background: #f2bc35; color: #171717; font-weight: 800; }

@media (max-width: 680px) {
  .chat-dialog { padding: 62px 16px 22px; }
  .chat-dialog .close { top: 14px; right: 16px; }
  .chat-dialog #modal-content { height: calc(100dvh - 84px); }
  .social-chat { grid-template-columns: 1fr; gap: 14px; overflow-y: auto; }
  .chat-sidebar { min-height: 520px; }
  .chat-secondary { padding: 14px; }
  .conversation-workspace { margin-top: 14px; }
  .conversation-header { flex-wrap:wrap;height:auto;padding-top:50px; }
  .conversation-header strong { flex:1; }
  .conversation-header .start-chat-trade { order:3;flex:1;margin-left:0; }
  .conversation-header .voice-start { order:4;flex:1; }
  .collector-message-form { grid-template-columns: 1fr; }
  .collector-message-form button { width: 100%; }
}

.trade-dialog .modal-copy { margin-bottom: 0; }
.trade-dialog #modal-content > .modal-title, .trade-dialog #modal-content > .modal-copy { display: none; }
.trade-dialog { inset:0;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow-x:hidden;overflow-y:auto; }
.trade-dialog .close { top:16px;right:18px; }
.trade-dialog #modal-content { width:100%;height:auto;min-height:100dvh;margin:0;overflow:visible; }
.trade-dialog .conversation-workspace, .trade-dialog .trade-builder-form, .trade-dialog .trade-delivery-form { margin-top: 0; }
.trade-dialog .conversation-workspace { width:100%;height:100dvh;margin:0;border:0; }
.trade-dialog .trade-builder-form, .trade-dialog .trade-delivery-form { min-height: 100%; }
.trade-dialog .trade-builder-form, .trade-dialog .trade-delivery-form { width:100%!important;max-width:none!important;margin:0!important;padding:clamp(60px,5vw,76px) clamp(18px,3vw,48px) clamp(28px,4vw,52px);border:0!important;border-radius:0!important;background:#181818;box-shadow:none!important;overflow:visible; }
.trade-dialog .trade-builder-form { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:18px;align-content:start;min-height:100dvh; }
.trade-dialog .trade-builder-form>.trade-builder-columns { grid-column:1/-1; }
.trade-dialog .trade-builder-form>.trade-cash-fields { grid-column:1; }
.trade-dialog .trade-builder-form>.trade-live-fees { grid-column:2;grid-row:2; }
.trade-dialog .trade-builder-form>.trade-delivery-fields { grid-column:1;grid-row:3/7; }
.trade-dialog .trade-builder-form>label:not(.trade-fee-agreement) { grid-column:2;grid-row:3;align-self:start; }
.trade-dialog .trade-builder-form>.trade-fee-agreement { grid-column:2;grid-row:4;align-self:start; }
.trade-dialog .trade-builder-form>.transaction-submit { grid-column:2;grid-row:5;min-height:54px;align-self:start; }
.trade-delivery-fields { display: grid; gap: 12px; padding: 16px; border: 1px solid #4a4a4a; background: #202020; }
.trade-delivery-fields h3, .trade-delivery-fields p { margin: 0; }
.trade-delivery-fields p { color: #bcb8ad; font-size: .82rem; line-height: 1.45; }
.trade-delivery-fields label { display: grid; gap: 6px; color: #e7e4da; font-size: .8rem; }
.trade-delivery-fields input, .trade-delivery-fields select, .trade-delivery-fields textarea { width: 100%; border: 1px solid #666; padding: 10px; background: #151515; color: #f5f3eb; font: inherit; }
.trade-delivery-fields textarea { min-height: 76px; resize: vertical; }
.trade-dialog .payment-methods { margin: 0; }
.trade-delivery-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; padding: 14px; border-bottom: 1px solid #4a4a4a; background: #1b1b1b; }
.trade-delivery-links h3 { grid-column: 1 / -1; margin: 0; color: #f2bc35; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.trade-delivery-links button { display: grid; gap: 3px; border: 1px solid #555; padding: 10px; background: #222; color: #f5f3eb; text-align: left; }
.trade-delivery-links button span { color: #bcb8ad; font-size: .72rem; text-transform: capitalize; }
.community-workspace { width: min(980px, 100%); height: 100%; margin: 20px auto 0; overflow: auto; border: 1px solid #4a4a4a; background: #181818; }
.community-workspace > header { padding: 20px; border-bottom: 1px solid #4a4a4a; background: #202020; }
.community-workspace > header span { color: #f2bc35; font: 700 .68rem/1 var(--mono, monospace); letter-spacing: .1em; text-transform: uppercase; }
.community-workspace > header h3 { margin: 7px 0 0; color: #f5f3eb; font-size: 1.45rem; }
.community-post-form, .community-thread-list { margin: 0; padding: 20px; }
.community-post-form { border-bottom: 1px solid #4a4a4a; background: #1c1c1c; }
.community-thread { padding: 18px 0; border-bottom: 1px solid #3d3d3d; }
.community-thread:last-child { border-bottom: 0; }
.community-thread header { display: flex; gap: 12px; color: #f2bc35; font-size: .78rem; }
.community-thread time { color: #999; }
.community-thread h3 { margin: 10px 0 6px; color: #f5f3eb; }
.community-thread > p, .community-replies p { margin: 0; color: #d1cec5; line-height: 1.55; white-space: pre-wrap; }
.community-replies { display: grid; gap: 8px; margin-top: 12px; padding-left: 14px; border-left: 2px solid #555; }
.community-replies p b { display: block; margin-bottom: 2px; color: #f2bc35; font-size: .76rem; }
.community-reply-form { grid-template-columns: 1fr auto; align-items: end; margin-top: 12px; }
.community-reply-form textarea { min-height: 44px; }
@media (max-width: 680px) { .community-workspace { margin-top: 14px; } .community-post-form, .community-thread-list { padding: 14px; } .community-reply-form { grid-template-columns: 1fr; } }

/* Reddit-inspired community feed */
.community-workspace { background: #121212; }
.community-workspace > header { display: flex; justify-content: space-between; gap: 20px; padding: clamp(22px, 4vw, 42px); background: linear-gradient(120deg, #202020, #171717); }
.community-workspace > header p { max-width: 630px; margin: 8px 0 0; color: #bcb8ad; line-height: 1.55; }
.community-workspace > header aside { display: grid; place-content: center; min-width: 84px; height: 84px; border: 1px solid #756333; border-radius: 50%; color: #f2bc35; text-align: center; }
.community-workspace > header aside b { font-size: 1.45rem; }.community-workspace > header aside span { color: #d1cec5; font-size: .62rem; }
.community-post-form { display: grid; gap: 10px; background: #1a1a1a; }.community-composer-heading { display: grid; gap: 3px; }.community-composer-heading b { color: #f5f3eb; }.community-composer-heading span { color: #a9a69d; font-size: .82rem; }
.community-post-form input, .community-post-form textarea, .community-reply-form textarea { border: 1px solid #555; background: #101010; color: #f5f3eb; }.community-post-form textarea { min-height: 100px; }.community-post-form button { justify-self: start; }
.community-feed-bar { display: flex; justify-content: space-between; gap: 12px; padding: 12px 20px; border-bottom: 1px solid #3d3d3d; background: #151515; }.community-feed-bar b { color: #f2bc35; font: 700 .73rem/1 var(--mono, monospace); letter-spacing: .08em; text-transform: uppercase; }.community-feed-bar span { color: #96928b; font-size: .77rem; }
.community-thread-list { display: grid; gap: 12px; }.community-thread { padding: 20px; border: 1px solid #3d3d3d; background: #191919; }.community-thread header { align-items: center; }.community-thread header > div { display: grid; gap: 3px; }.community-thread-avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #393221; color: #f7d269; font-weight: 800; }.community-thread time { font-size: .7rem; }.community-thread h3 { font-size: 1.08rem; }.community-thread footer { margin-top: 14px; }
.community-no-replies, .community-replies summary { color: #a9a69d; font-size: .78rem; }.community-replies summary { cursor: pointer; color: #f2bc35; }.community-replies > div { display: grid; gap: 10px; padding-top: 11px; }.community-reply-form { margin-top: 14px; }
.community-sign-in, .community-empty { display: grid; gap: 7px; padding: 24px 20px; border-bottom: 1px solid #4a4a4a; background: #1a1a1a; }.community-sign-in b, .community-empty b { color: #f5f3eb; }.community-sign-in span, .community-empty span { color: #aaa; }.community-sign-in button { justify-self: start; }
@media (max-width: 680px) { .community-workspace > header { align-items: flex-start; padding: 20px; }.community-workspace > header aside { min-width: 66px; height: 66px; }.community-feed-bar { padding-inline: 14px; }.community-thread { padding: 16px; } }
.entity-workspace { display: flex; width: min(1080px, 100%); min-height: min(620px, calc(100dvh - 130px)); flex-direction: column; margin: 20px auto 0; border: 1px solid #4a4a4a; background: #181818; }
.entity-workspace > header { padding: clamp(24px, 4vw, 54px); border-bottom: 1px solid #4a4a4a; background: linear-gradient(120deg, #1b1b1b, #28251f); }
.entity-workspace > header span { color: #f2bc35; font: 700 .7rem/1 var(--mono, monospace); letter-spacing: .12em; text-transform: uppercase; }
.entity-workspace > header h3 { margin: 10px 0; color: #f5f3eb; font-size: clamp(2rem, 5vw, 4rem); }
.entity-workspace > header p { margin: 0; color: #bcb8ad; }
.entity-tags { display: flex; flex-wrap: wrap; gap: 8px; padding: 22px; border-bottom: 1px solid #4a4a4a; }
.entity-tags h3, .entity-tags p { width: 100%; margin: 0 0 4px; }
.entity-tags h3 { color: #f2bc35; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
.entity-tags p { color: #aaa; }
.entity-tags button { border: 1px solid #666; padding: 8px 10px; background: #222; color: #cbd7e8; font: .75rem/1 var(--mono, monospace); }
.entity-post-list { flex: 1; padding: 22px; }
.entity-post-list h3 { margin: 0 0 12px; color: #f2bc35; font-size: .8rem; text-transform: uppercase; }
.entity-post-list button { display: flex; width: 100%; justify-content: space-between; border: 0; border-bottom: 1px solid #444; padding: 12px 0; background: transparent; color: #f5f3eb; text-align: left; }
.entity-post-list button span { color: #f2bc35; }
.entity-workspace footer { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding: 18px 22px; border-top: 1px solid #4a4a4a; }
.entity-primary { border: 1px solid #f2bc35; padding: 11px 14px; background: #f2bc35; color: #171717; font: 800 .72rem/1 var(--mono, monospace); letter-spacing: .05em; text-transform: uppercase; }
@media (max-width: 680px) { .entity-workspace { min-height: calc(100dvh - 98px); margin-top: 14px; } .entity-workspace > header { padding: 24px 18px; } .entity-tags, .entity-post-list { padding: 18px; } }
.trade-dialog .conversation-workspace { margin-top:0; }
.trade-status { margin-left: auto; border: 1px solid #a97f1d; padding: 5px 8px; color: #f2bc35; font: 700 .65rem/1 var(--mono, monospace); letter-spacing: .06em; text-transform: uppercase; }
.trade-actions { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; padding: 12px; border-top: 1px solid #4a4a4a; background: #202020; }
.trade-actions button { border: 1px solid #f2bc35; padding: 9px 12px; background: #f2bc35; color: #171717; font: 800 .7rem/1 var(--mono, monospace); letter-spacing: .04em; text-transform: uppercase; cursor: pointer; }
.trade-actions button + button { border-color: #777; background: transparent; color: #f5f3eb; }
.trade-actions span { color: #aaa69c; font-size: .78rem; }
.trade-message-form { margin: 0; }
.trade-message-form textarea { min-height: 52px; }
.trade-offer-content { display: grid; align-content: start; gap: 22px; padding: clamp(18px, 3vw, 34px); }
.trade-offer-context { display: grid; gap: 6px; border-left: 3px solid #f2bc35; padding: 2px 0 2px 12px; color: #aaa69c; font-size: .88rem; line-height: 1.45; }
.trade-offer-context b { color: #f5f3eb; }
.trade-offer-workspace .fee-calculator { width: min(100%, 700px); margin: 0; padding: clamp(16px, 2vw, 24px); border: 1px solid #4a4a4a; background: #202020; }
.trade-offer-workspace .fee-calculator input { min-height: 46px; font-size: 15px; }
.trade-offer-workspace .fee-summary { padding: 14px; font-size: 12px; }
.trade-offer-workspace .transaction-submit { min-height: 50px; font-size: 12px; }
.trade-builder-form { width: min(100%, 920px); margin-top: 22px; padding: clamp(12px, 2vw, 22px); border: 1px solid #655225; border-radius: 16px; background: radial-gradient(circle at 50% 0,#3b321a,#171717 58%); box-shadow: inset 0 1px #fff1,0 18px 50px #0006; }
.trade-builder-columns { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.trade-builder-columns::after { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 34px; height: 34px; place-items: center; border: 2px solid #f2bc35; border-radius: 50%; background: #171717; color: #f2bc35; content: '⇄'; font-size: 19px; transform: translate(-50%,-50%); }
.trade-builder-columns > section { min-width: 0; border: 1px solid #5f5f5f; border-radius: 12px; padding: 14px; background: linear-gradient(180deg,#2b2b2b,#1c1c1c); box-shadow: inset 0 1px #fff1; }
.trade-builder-columns > section > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.trade-builder-columns output { border: 1px solid #6b592d; padding: 4px 6px; color: #f2bc35; font: 700 .65rem/1 var(--mono, monospace); }
.trade-builder-columns h3, .trade-item-summary h3 { margin: 0; color: #f2bc35; font: 800 .75rem/1 var(--mono, monospace); letter-spacing: .08em; text-transform: uppercase; }
.trade-builder-columns p { margin: 8px 0 12px; color: #aaa69c; font-size: .78rem; line-height: 1.4; }
.trade-item-list { display:grid;gap:8px;max-height:clamp(270px,38dvh,460px);overflow-y:auto;scrollbar-gutter:stable; }
.trade-item-option { display: grid; grid-template-columns: auto 44px minmax(0, 1fr) auto; gap: 9px; align-items: center; border: 1px solid #484848; border-radius: 9px; padding: 7px; background: #171717; cursor: pointer; transition: transform .15s ease,border-color .15s ease,background .15s ease; }
.trade-item-option:hover { border-color: #9a8145; transform: translateY(-1px); }
.trade-item-option:has(input:checked), .trade-item-option.is-required { border-color: #f2bc35; background: linear-gradient(135deg,#403315,#2a2415); box-shadow: 0 0 0 1px #f2bc3533; }
.trade-item-option input { width: 16px; height: 16px; accent-color: #f2bc35; }
.trade-item-option img { width: 44px; height: 44px; object-fit: cover; background: #101010; }
.trade-item-option span, .trade-item-summary div { display: grid; gap: 3px; min-width: 0; }
.trade-item-option b { overflow: hidden; color: #f5f3eb; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.trade-item-option small, .trade-item-summary span { color: #aaa69c; font-size: .72rem; }
.trade-item-option i { display: grid; width: 20px; height: 20px; place-items: center; border: 1px solid #777; border-radius: 50%; color: #aaa69c; font-style: normal; }
.trade-item-option:has(input:checked) i { border-color: #f2bc35; background: #f2bc35; color: #171717; }
.trade-cash-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 12px; border: 1px dashed #76643c; border-radius: 11px; background: #171717; }
.trade-cash-fields>small { grid-column:1/-1;color:#aaa69c;font-size:.7rem; }
.trade-live-fees,.trade-fee-receipt { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid #5e704f;background:#5e704f; }
.trade-live-fees header { grid-column:1/-1;display:flex;justify-content:space-between;padding:12px 14px;background:#172016;color:#f5f3eb; }.trade-live-fees header b{color:#8ee1ab;font:800 .75rem/1 var(--mono,monospace);text-transform:uppercase}.trade-live-fees header span{color:#aebba9;font-size:.68rem}
.trade-live-fees>div,.trade-fee-receipt>div { display:grid;gap:5px;padding:14px;background:#1c211b; }.trade-live-fees strong,.trade-fee-receipt b{color:#f5f3eb;font-size:.78rem}.trade-live-fees>div>span,.trade-fee-receipt span{color:#8ee1ab;font:800 1rem/1 var(--mono,monospace)}.trade-live-fees small,.trade-fee-receipt small{color:#aebba9;font-size:.68rem}.trade-live-fees>p,.trade-fee-receipt>small{grid-column:1/-1;margin:0;padding:10px 14px;background:#141814;color:#aebba9;font-size:.7rem}
.trade-fee-receipt { grid-column:1/-1;border-width:0 0 1px; }
.trade-fee-agreement { display:flex!important;align-items:center;gap:9px;padding:12px;border:1px solid #806b34;background:#211b0f;color:#f0dfb5!important;font-size:.78rem!important; }.trade-fee-agreement input{width:17px;height:17px;accent-color:#f2bc35}
.trade-item-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 13px 16px; border-bottom: 1px solid #4a4a4a; background: #202020; }
.trade-cash-adjustment { grid-column: 1 / -1; margin: 0; color: #f2bc35; font-size: .78rem; }
.trade-acceptance-board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border-bottom: 1px solid #4a4a4a; background: #4a4a4a; }
.trade-acceptance-board div { display: grid; gap: 4px; padding: 12px 16px; background: #202020; }
.trade-acceptance-board b { color: #f5f3eb; font-size: .8rem; }
.trade-acceptance-board span { color: #aaa69c; font: .68rem/1 var(--mono, monospace); text-transform: uppercase; }
.trade-acceptance-board .is-locked { background: #2e2917; }
.trade-acceptance-board .is-locked span { color: #f2bc35; }
.trade-paypal-payment { display: grid; gap: 9px; padding: 16px; border-bottom: 1px solid #4a4a4a; background: linear-gradient(135deg, #17211d, #171717); }
.trade-paypal-payment h3 { margin: 0; color: #f5f3eb; font-size: .95rem; }
.trade-paypal-payment p { margin: 0; color: #d2d0c8; font-size: .82rem; line-height: 1.5; }
.trade-paypal-payment small { color: #aaa69c; font-size: .7rem; line-height: 1.45; }
.trade-paypal-button-container { width: min(360px, 100%); min-height: 42px; }
.chat-message{display:grid!important;gap:8px;max-width:min(560px,88%)}.chat-message img{max-width:min(360px,100%);max-height:340px;border:1px solid #596273;background:#111;object-fit:contain}.collector-message-form{grid-template-columns:minmax(0,1fr) auto auto!important;align-items:end}.collector-message-form textarea{grid-column:1/-1}.chat-image-upload{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;border:1px solid #5f6871;padding:0 10px;background:#1a2028;color:#d7e0e8;font:700 .65rem "DM Mono",monospace;cursor:pointer}.chat-image-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.chat-image-status{align-self:center;color:#9eb2c5;font:.68rem/1.2 "DM Mono",monospace}.appraisal-parrot-badge{border:1px solid #7fbd70;padding:5px 7px;background:#183124;color:#bdf3a6;font:800 .58rem "DM Mono",monospace;letter-spacing:.08em}@media(max-width:600px){.collector-message-form{grid-template-columns:1fr auto!important}.chat-image-status{grid-column:1/-1}.chat-message img{max-width:100%}}

/* One predictable full-page scroll surface for the trade builder. */
dialog.trade-dialog:not([open]){display:none!important}
dialog.trade-dialog{display:block!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-bottom:110px;-webkit-overflow-scrolling:touch}.trade-dialog[open]{display:block!important}.trade-dialog #modal-content{display:block!important;height:auto!important;min-height:100%;overflow:visible!important}.trade-dialog .trade-builder-form{height:auto!important;min-height:100dvh!important;padding-bottom:max(130px,calc(90px + env(safe-area-inset-bottom)))!important}.trade-dialog .trade-item-list{max-height:none;overflow:visible;scrollbar-gutter:auto}.trade-dialog .close{position:fixed!important;z-index:20;border:1px solid #777;border-radius:50%;background:#171717;color:#f5f3eb;box-shadow:0 8px 24px #0009}.trade-dialog .transaction-submit{position:sticky;z-index:12;bottom:max(18px,env(safe-area-inset-bottom));width:100%;min-height:58px;border:1px solid #f2bc35;background:#f2bc35;color:#171717;box-shadow:0 12px 30px #000c;font-size:.78rem;cursor:pointer}.trade-dialog .transaction-submit:hover,.trade-dialog .transaction-submit:focus-visible{background:#ffe081;outline:2px solid #f2bc3544;outline-offset:2px}.trade-dialog .transaction-submit:disabled{cursor:wait;opacity:.65}.trade-dialog .trade-builder-columns output{white-space:nowrap}.trade-dialog .trade-cash-fields input:focus,.trade-dialog .trade-delivery-fields input:focus,.trade-dialog .trade-delivery-fields select:focus,.trade-dialog .trade-delivery-fields textarea:focus,.trade-dialog .trade-builder-form>label textarea:focus{border-color:#f2bc35;outline:2px solid #f2bc3522}

/* Trade is a separate scavenger-market workspace: dusty sky, oxidized steel, and salvage boards. */
dialog.trade-dialog { position:fixed; isolation:isolate; background:#17130f; color:#f1e4c7; }
dialog.trade-dialog::before { content:''; position:fixed; z-index:-1; inset:0; pointer-events:none; background:radial-gradient(ellipse at 18% 10%,rgba(208,121,48,.28),transparent 34%),radial-gradient(ellipse at 84% 76%,rgba(85,54,26,.45),transparent 42%),repeating-linear-gradient(-13deg,rgba(255,205,132,.035) 0 1px,transparent 1px 13px),linear-gradient(160deg,#332317 0%,#17130f 47%,#0b0d0b 100%); }
.trade-dialog #modal-content { position:relative; z-index:1; }
.trade-dialog .trade-builder-form,.trade-dialog .trade-delivery-form,.trade-dialog .conversation-workspace { background:linear-gradient(105deg,rgba(31,26,20,.96),rgba(17,20,17,.95))!important; }
.trade-dialog .trade-builder-form { background-image:linear-gradient(105deg,rgba(31,26,20,.96),rgba(17,20,17,.95)),repeating-linear-gradient(90deg,transparent 0 110px,rgba(224,156,69,.045) 111px 112px)!important; }
.trade-dialog .conversation-header,.trade-dialog .trade-actions,.trade-dialog .trade-item-summary,.trade-dialog .trade-acceptance-board div,.trade-dialog .trade-paypal-payment,.trade-dialog .trade-delivery-links { border-color:rgba(206,144,64,.35)!important; background:rgba(29,28,23,.9)!important; }
.trade-dialog .conversation-header { background:linear-gradient(90deg,rgba(82,48,22,.76),rgba(28,32,26,.95))!important; box-shadow:inset 0 -1px rgba(243,187,93,.2); }
.trade-dialog .trade-status,.trade-dialog .trade-builder-columns output { border-color:#cc8840; background:rgba(73,43,20,.42); color:#ffd68a; }
.trade-dialog .trade-builder-columns > section,.trade-dialog .trade-delivery-fields { border-color:rgba(175,117,51,.62); border-radius:3px; background:linear-gradient(145deg,rgba(51,42,29,.95),rgba(23,27,22,.96)); box-shadow:inset 0 1px rgba(255,225,166,.09),0 12px 25px rgba(0,0,0,.2); }
.trade-dialog .trade-builder-columns > section::before { content:'SALVAGE CACHE'; display:block; margin:-4px 0 10px; color:#cd914b; font:700 .58rem/1 "DM Mono",monospace; letter-spacing:.12em; }
.trade-dialog .trade-builder-columns::after { border-color:#e8a853; border-radius:3px; background:#2d251a; color:#ffd88c; box-shadow:0 0 0 5px rgba(15,16,13,.72); }
.trade-dialog .trade-item-option { border-color:rgba(139,115,72,.52); border-radius:2px; background:rgba(16,20,17,.86); }
.trade-dialog .trade-item-option:hover { border-color:#e2a156; background:rgba(68,49,28,.7); }.trade-dialog .trade-item-option:has(input:checked),.trade-dialog .trade-item-option.is-required { border-color:#f0b662; background:linear-gradient(120deg,rgba(103,62,25,.7),rgba(47,57,39,.8)); box-shadow:inset 3px 0 #f0b662; }
.trade-dialog .trade-cash-fields,.trade-dialog .trade-fee-agreement { border-color:rgba(194,131,54,.55); border-radius:2px; background:rgba(45,36,23,.82); }.trade-dialog .trade-live-fees,.trade-dialog .trade-fee-receipt { border-color:#6c7651; background:#6c7651; }.trade-dialog .trade-live-fees>div,.trade-dialog .trade-fee-receipt>div,.trade-dialog .trade-live-fees header { background:#22291e; }
.trade-dialog input,.trade-dialog select,.trade-dialog textarea { border-color:rgba(172,132,79,.66)!important; background:#121712!important; color:#f7e7c7!important; }.trade-dialog input:focus,.trade-dialog select:focus,.trade-dialog textarea:focus { border-color:#f1b35d!important; outline-color:rgba(241,179,93,.26)!important; }
.trade-dialog .transaction-submit,.trade-dialog .trade-actions button { border-color:#e2a156; background:linear-gradient(90deg,#bd6f2a,#e3a54d); color:#17120c; box-shadow:0 10px 24px rgba(0,0,0,.38),inset 0 1px rgba(255,241,196,.48); }.trade-dialog .trade-actions button + button { background:rgba(28,30,25,.88); color:#eddbb9; }

@media (max-width: 680px) {
  .trade-dialog { padding:0 0 env(safe-area-inset-bottom); }
  .trade-dialog .conversation-workspace { height:100dvh;margin-top:0; }
  .trade-dialog .trade-builder-form,.trade-dialog .trade-delivery-form { padding:62px 14px 28px; }
  .trade-dialog .trade-builder-form { grid-template-columns:1fr;gap:14px; }
  .trade-dialog .trade-builder-form>.trade-builder-columns,.trade-dialog .trade-builder-form>.trade-cash-fields,.trade-dialog .trade-builder-form>.trade-live-fees,.trade-dialog .trade-builder-form>.trade-delivery-fields,.trade-dialog .trade-builder-form>label:not(.trade-fee-agreement),.trade-dialog .trade-builder-form>.trade-fee-agreement,.trade-dialog .trade-builder-form>.transaction-submit { grid-column:1;grid-row:auto; }
  .trade-actions { padding: 10px; }
  .trade-actions button { flex: 1 1 150px; min-height: 42px; }
  .trade-status { order: 3; margin-left: 0; }
  .trade-offer-content { padding: 16px; }
  .trade-builder-columns, .trade-cash-fields, .trade-item-summary, .trade-acceptance-board, .trade-live-fees, .trade-fee-receipt { grid-template-columns: 1fr; }
  .trade-live-fees>p,.trade-fee-receipt>small { grid-column:1; }
  .trade-item-list { max-height:320px; }
}
/* Dedicated subreddit-style collector groups. */
body.app-section-community .app-section-page{background:radial-gradient(circle at 92% 2%,#203344 0,transparent 34rem),linear-gradient(145deg,#0b1015,#111820)}body.app-section-community .app-section-intro{background:linear-gradient(120deg,#142437,#12171d 66%,#0b0f14);border-bottom-color:#456078}body.app-section-community .app-section-content{padding-bottom:120px}.subreddit-workspace{width:min(1120px,100%);height:auto;min-height:640px;margin:28px auto!important;overflow:visible!important;border-color:#364b5d!important;background:#0e141a!important}.subreddit-workspace>header{align-items:start;background:linear-gradient(125deg,#173147,#10171e)!important;border-bottom-color:#415c70!important}.subreddit-workspace>header h3{font:600 clamp(1.7rem,3vw,2.6rem)/1 "Playfair Display",serif}.subreddit-workspace>header>div>small{display:block;margin-top:10px;color:#99b9cf;font:.72rem "DM Mono",monospace}.subreddit-workspace>header aside{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:200px}.subreddit-workspace>header aside button{border:1px solid #60849a;padding:9px 11px;background:#102534;color:#d8efff;font:800 .67rem "DM Mono",monospace;text-transform:uppercase}.subreddit-workspace>header aside .community-join{border-color:#e0b757;background:#3d2d0a;color:#ffeba9}.subreddit-workspace .community-feed-bar{padding:13px 20px;border-bottom-color:#304453;background:#0b1218}.subreddit-workspace .community-post-form{margin:16px 20px;border:1px solid #385264;border-radius:9px;background:#111d26}.subreddit-workspace .community-thread-list{padding:0 20px 24px}.subreddit-workspace .community-thread{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:20px 6px;border-bottom-color:#293b49}.community-vote-rail{display:grid;align-content:start;justify-items:center;gap:5px;color:#7c9bb1;font:.72rem "DM Mono",monospace}.community-vote-rail b{color:#a8d9f0;font-size:.9rem}.community-thread-main{min-width:0}.subreddit-workspace .community-thread header{align-items:center}.subreddit-workspace .community-thread h3{font-size:1.1rem}.subreddit-workspace .community-thread>div>p{color:#d5e0e6}.subreddit-workspace .community-reply-form{max-width:680px}.subreddit-workspace .community-empty{margin:26px 0;border-color:#385264;background:#101a22}@media(max-width:680px){.subreddit-workspace{margin:14px auto!important}.subreddit-workspace>header{display:grid!important}.subreddit-workspace>header aside{justify-content:flex-start}.subreddit-workspace .community-post-form{margin:12px}.subreddit-workspace .community-thread-list{padding:0 12px 18px}.subreddit-workspace .community-thread{grid-template-columns:32px 1fr;gap:8px}.subreddit-workspace .community-feed-bar{padding:12px}.community-vote-rail{font-size:.62rem}}
.subcommunity-rail{margin:16px 20px;padding:13px 14px;border:1px solid #3d6074;border-radius:10px;background:linear-gradient(110deg,#10212c,#0d151c)}.subcommunity-rail header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#d6eef9;font:800 .72rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.subcommunity-rail header span{display:grid;min-width:25px;height:25px;place-items:center;border:1px solid #5b8398;border-radius:999px;color:#aee4ff}.subcommunity-rail>div{display:flex;gap:10px;overflow-x:auto;padding-bottom:3px;scrollbar-color:#66899c transparent}.subcommunity-rail button{flex:0 0 min(235px,78vw);display:grid;gap:4px;min-height:82px;padding:12px;border:1px solid #3d5d70;border-radius:7px;background:#0c151c;color:#e9f6fb;text-align:left;transition:border-color .18s,transform .18s}.subcommunity-rail button:hover,.subcommunity-rail button:focus-visible{border-color:#e0b757;transform:translateY(-2px);outline:none}.subcommunity-rail button small{color:#91bfd4;font:.61rem "DM Mono",monospace}.subcommunity-rail button b{font:.86rem system-ui,sans-serif}.subcommunity-rail button span{color:#9fb0bb;font:.66rem "DM Mono",monospace}@media(max-width:680px){.subcommunity-rail{margin:12px}.subcommunity-rail button{flex-basis:210px}}
.community-media-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;border:1px dashed #3d6074;border-radius:7px;background:#0d1921}.community-media-tools label{display:grid;gap:5px;color:#b8d8e8;font:700 .64rem "DM Mono",monospace;text-transform:uppercase}.community-media-tools input{min-width:0;padding:8px;border:1px solid #39576a;border-radius:4px;background:#091116;color:#e6f6ff;font:inherit;text-transform:none}.community-media-tools input[type=file]{padding:5px;font-size:.61rem}.community-media-status{color:#91aebb;font:.66rem "DM Mono",monospace}.community-post-image,.community-post-video{display:block;max-width:min(100%,720px);margin:14px 0 0;border:1px solid #3b596a;border-radius:8px;overflow:hidden;background:#070d11}.community-post-image img{display:block;width:100%;max-height:620px;object-fit:contain;background:#070d11}.community-post-video{width:100%;max-height:620px}@media(max-width:680px){.community-media-tools{grid-template-columns:1fr}.community-post-image,.community-post-video{max-width:100%}}