/* Negociações: só o específico (grades, colunas). Casca, abas, botões, campos, selos, cartões, avisos e vazios vêm de ui-casca.css e ui-pecas.css. */
.trade-shell { color: var(--au-texto); font-family: var(--au-fonte-texto); font-size: var(--au-t-2); }
.trade-bar { display: flex; align-items: center; gap: var(--au-esp-2); padding: var(--au-esp-2) var(--au-esp-5) 0; flex-wrap: wrap; }
.trade-bar .au-abas { flex: 1; min-width: 0; }
.trade-content { padding: var(--au-esp-5); min-height: 330px; display: flex; flex-direction: column; gap: var(--au-esp-4); }
.trade-filters .au-painel__corpo { display: flex; flex-direction: column; gap: var(--au-esp-4); }
.trade-rules { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--au-esp-1) var(--au-esp-5); font-size: var(--au-t-1); line-height: 1.5; color: var(--au-texto-suave); }
.trade-rules li::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: var(--au-esp-2); border-radius: 50%; background: var(--au-sistema); vertical-align: middle; }
.trade-quality { display: flex; flex-wrap: wrap; align-items: center; gap: var(--au-esp-2); }
.trade-filter-main { display: grid; grid-template-columns: 1.8fr 1fr 1fr 1fr; gap: var(--au-esp-3); }
.trade-filter-extra { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--au-esp-4); padding-top: var(--au-esp-4); border-top: 1px solid var(--au-borda); }
.trade-filter-actions { display: flex; align-items: center; gap: var(--au-esp-3); }
.trade-results-title { display: flex; align-items: center; justify-content: space-between; gap: var(--au-esp-3); margin-top: var(--au-esp-2); }
.trade-results-title h3 { margin: 0; font-family: var(--au-fonte-titulo); font-size: var(--au-t-4); font-weight: 500; color: var(--au-texto); }
.trade-results-title > span { font-size: var(--au-t-1); color: var(--au-texto-fraco); }
.trade-listings { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--au-esp-4); }
.trade-listings > .au-vazio { grid-column: 1 / -1; }
.trade-listing { min-width: 0; }
.trade-listing-top { display: flex; align-items: center; justify-content: space-between; gap: var(--au-esp-2); flex-wrap: wrap; }
.trade-listing-top small { font-size: var(--au-t-1); color: var(--au-texto-fraco); overflow-wrap: anywhere; }
.trade-listing-item { display: flex; align-items: center; gap: var(--au-esp-3); padding: var(--au-esp-3) 0; min-height: 102px; }
.trade-listing-item h3 { margin: 0; overflow-wrap: anywhere; }
.trade-listing-item p { margin: var(--au-esp-1) 0 0; line-height: 1.5; }
.trade-listing-item small { display: block; margin-top: var(--au-esp-1); font-size: var(--au-t-1); color: var(--au-texto-fraco); }
.trade-art { width: 70px; height: 70px; display: grid; place-items: center; flex-shrink: 0; }
.trade-art img { object-fit: contain; image-rendering: pixelated; }
.trade-diamond { font-size: var(--au-t-6); color: var(--au-valor); }
.trade-mon { display: flex; flex-wrap: wrap; align-items: center; gap: var(--au-esp-2) var(--au-esp-3); margin-top: var(--au-esp-2); font-size: var(--au-t-1); }
.trade-power { color: var(--au-texto-suave); }
.trade-power i { font-style: normal; color: var(--au-valor); letter-spacing: 1px; }
.trade-price { display: flex; flex-direction: column; gap: var(--au-esp-1); border-top: 1px solid var(--au-borda); padding-top: var(--au-esp-3); margin-top: auto; }
.trade-listing-actions { display: flex; flex-direction: column; gap: var(--au-esp-3); }
.trade-two-fields { display: grid; grid-template-columns: 1fr 1fr; gap: var(--au-esp-3); }
.trade-qty { display: flex; align-items: flex-end; gap: var(--au-esp-2); }
.trade-qty .au-campo { flex: 1; }
.trade-qty .au-campo--quantidade input { width: 100%; }
.trade-total { margin: 0; font-size: var(--au-t-1); color: var(--au-texto-suave); }
.trade-total b { color: var(--au-valor); font-weight: 600; }
.trade-offers { border-top: 1px solid var(--au-borda); margin-top: var(--au-esp-3); padding-top: var(--au-esp-3); }
.trade-offers > div { display: flex; align-items: center; justify-content: space-between; gap: var(--au-esp-2); padding-top: var(--au-esp-2); flex-wrap: wrap; }
.trade-offers > div > div { display: flex; gap: var(--au-esp-1); }
.trade-pager { display: flex; align-items: center; gap: var(--au-esp-3); flex-wrap: wrap; padding-top: var(--au-esp-3); border-top: 1px solid var(--au-borda); font-size: var(--au-t-1); color: var(--au-texto-suave); }
.trade-per { margin-left: auto; display: flex; align-items: center; gap: var(--au-esp-2); }
.trade-compose { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: var(--au-esp-4); }
.trade-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--au-esp-4); }
.trade-review { display: flex; flex-direction: column; min-width: 0; }
.trade-review .au-painel__corpo { display: flex; flex-direction: column; flex: 1; gap: var(--au-esp-2); }
.trade-review-total { display: flex; flex-direction: column; gap: var(--au-esp-2); border-top: 1px solid var(--au-borda); padding-top: var(--au-esp-4); margin-top: auto; }
.trade-review-total > span { font-size: var(--au-t-1); color: var(--au-texto-suave); }
.trade-review-total > b { font-size: var(--au-t-5); overflow-wrap: anywhere; }
.trade-review p { margin: var(--au-esp-2) 0; font-size: var(--au-t-1); line-height: 1.6; color: var(--au-texto-suave); }
.trade-review-foot { font-size: var(--au-t-1); line-height: 1.5; color: var(--au-texto-fraco); }
.trade-mail { display: flex; flex-direction: column; gap: var(--au-esp-3); }
.trade-mail-item { flex-direction: row; align-items: center; gap: var(--au-esp-4); }
.trade-mail-icon { display: grid; place-items: center; width: 45px; height: 45px; border: 1px solid var(--au-borda-forte); border-radius: var(--au-raio-3); font-size: var(--au-t-5); color: var(--au-sistema); flex-shrink: 0; }
.trade-mail-corpo { flex: 1; min-width: 0; }
.trade-mail-corpo h3 { margin: 0; overflow-wrap: anywhere; }
.trade-footer { display: flex; justify-content: center; gap: var(--au-esp-5); flex-wrap: wrap; border-top: 1px solid var(--au-borda); padding: var(--au-esp-3) var(--au-esp-4); color: var(--au-texto-fraco); font-size: var(--au-t-1); line-height: 1.4; }
@media (max-width: 850px) {
  .trade-listings { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trade-compose { grid-template-columns: minmax(0, 1fr) 260px; }
}
@media (max-width: 650px) {
  .trade-bar { padding: var(--au-esp-2) var(--au-esp-3) 0; }
  .trade-content { padding: var(--au-esp-4); min-height: 300px; }
  .trade-filter-main, .trade-filter-extra { grid-template-columns: 1fr 1fr; gap: var(--au-esp-3); }
  .trade-filter-main > .au-campo:first-child, .trade-filter-main > .au-campo:last-child { grid-column: 1 / -1; }
  .trade-listings, .trade-compose { grid-template-columns: minmax(0, 1fr); }
  .trade-form-grid { gap: var(--au-esp-3); }
  .trade-review-total { flex-direction: row; align-items: center; justify-content: space-between; }
  .trade-mail-item { flex-wrap: wrap; }
  .trade-mail-item > .au-botao { width: 100%; }
}