dialog.tradeWorkbench {
  --trade-line: #37506a;
  width: min(1120px, calc(100% - 28px));
  max-height: calc(100dvh - 28px);
  color: #edf6ff;
  background: #101d2d;
  border: 1px solid #406183;
  border-radius: 22px;
  box-shadow: 0 24px 80px #0009;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.tradeWorkbench::backdrop { background: #030a15c9; }
.tradeWorkbench :is(button,select,input):focus-visible {
  outline: 3px solid #84dbff;
  outline-offset: 2px;
}
.tradeWorkbench header.tradeHeader {
  background: #101d2d !important;
  border-color: var(--trade-line) !important;
}
.tradeWorkbench :is([data-new],[data-send]) {
  background: #80dcff !important;
  color: #092237 !important;
  border-color: #80dcff !important;
  font-weight: 750;
}
.tradeWorkbench :is(button, select, input) { min-height: 44px; }
.tradeWorkbench .tradeInboxTabs { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 16px; }
.tradeWorkbench .tradeInboxTabs button { flex: 1 1 auto; margin: 0; }
.tradeWorkbench .tradeInboxTabs button.active {
  background: #234665;
  border-color: #83d5fb;
  color: #fff;
}
.tradeWorkbench [data-offers] { display: grid; gap: 12px; }
.tradeWorkbench [data-offers] > p {
  padding: 24px;
  text-align: center;
  border: 1px dashed var(--trade-line);
  border-radius: 14px;
  color: #c4d6e8;
}
.tradeWorkbench .tradeOfferCard {
  margin: 0;
  padding: clamp(12px, 2vw, 22px);
  border-radius: 16px;
  border-color: var(--trade-line);
  background: #172941;
  overflow-wrap: anywhere;
}
.tradeOfferCard > strong { display: block; font-size: 1.1rem; margin-bottom: 10px; }
.tradeOfferCard > p { margin: 5px 0; padding: 9px 12px; background: #0f2033; border-radius: 8px; }
.tradeOfferCard > small { display: block; margin-block: 10px; color: #c5dbef; }
.tradeWorkbench .tradePicker { background: #172941; border-radius: 14px; padding: 12px; }
.tradeWorkbench .tradePicker label { flex: 1 1 220px; }
.tradeWorkbench .tradePicker input { width: 100%; }
.tradeWorkbench .tradeSummary { gap: 12px; }
.tradeWorkbench .tradeSummary section {
  padding: 12px;
  border: 1px solid var(--trade-line);
  border-inline-start: 4px solid #77dbbd;
  border-radius: 12px;
  background: #15283c;
}
.tradeWorkbench .tradeSummary section:nth-child(2) { border-inline-start-color: #ffc785; }
.tradeWorkbench .tradeSummary h3 { margin-bottom: 10px; }
.tradeWorkbench .tradeEmptySlot { height: 16px; margin-bottom: 4px; }
.tradeWorkbench .tradeEmptySlot ~ .tradeEmptySlot { display: none; }
.tradeWorkbench .tradeItemPreview { background: #213950; }
.tradeWorkbench .tradeItemCard.selected .tradeItemPreview { border-color: #84dbff; background: #183449; }
@media (max-width: 720px) {
  dialog.tradeWorkbench { width: calc(100% - 12px); max-height: calc(100dvh - 12px); padding: 12px; }
  .tradeWorkbench header.tradeHeader { top: -12px !important; }
  .tradeWorkbench .tradeInventoryGrid { grid-template-columns: repeat(auto-fit,minmax(min(100%,88px),1fr)); }
  .tradeWorkbench .tradeSummary { grid-template-columns: minmax(0,1fr); }
}