/* Scoped to this panel; all interactive rows/controls have 48px touch targets. */
.trade-options-root {
  --to-bg: #101b23;
  --to-surface: #172630;
  --to-raised: #20333f;
  --to-border: #536978;
  --to-ink: #f0f3f5;
  --to-muted: #bccbd4;
  --to-gold: #edd39b;
  --to-green: #b1e4cb;
  color: var(--to-ink);
  min-width: 0;
  max-width: 100%;
  margin-block: 20px;
  overflow-wrap: anywhere;
  font: 400 16px/1.55 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.trade-options-root *, .trade-options-root *::before, .trade-options-root *::after { box-sizing: border-box; }
.trade-options-root [hidden] { display: none !important; }
.trade-options-root :focus-visible { outline: 3px solid var(--to-gold); outline-offset: 4px; }
.trade-options-root h2, .trade-options-root h3, .trade-options-root h4, .trade-options-root p { color: inherit; }
.trade-options-root h2, .trade-options-root h3, .trade-options-root h4 { font-family: inherit; text-transform: none; letter-spacing: normal; }
.trade-options-root p { font-size: 14px; line-height: 1.6; margin: 10px 0; }
.trade-options-root small { display: block; font-size: 12px; line-height: 1.6; color: var(--to-muted); }
.trade-options-root button, .trade-options-root select, .trade-options-root input {
  font: inherit;
  font-size: 16px;
  max-width: 100%;
  min-width: 0;
  min-height: 48px;
  border: 1px solid var(--to-border);
  border-radius: 6px;
  color: var(--to-ink);
  background: #101e28;
}
.trade-options-root button { cursor: pointer; padding: 12px 16px; line-height: 1.4; font-weight: 650; white-space: normal; text-transform: none; letter-spacing: normal; }
.trade-options-root select, .trade-options-root input[type="search"] { width: 100%; padding: 10px 12px; }
.trade-options-root button:hover:not(:disabled) { border-color: var(--to-gold); background: #304856; }
.trade-options-root :disabled { opacity: .58; cursor: not-allowed; }
.trade-options-root input::placeholder { color: #adbdc8; opacity: 1; }
.trade-options-root .to-shell { min-width: 0; border: 1px solid var(--to-border); border-radius: 12px; overflow: clip; background: var(--to-bg); }
.trade-options-root .to-header { padding: 26px 26px 22px; border-top: 3px solid var(--to-gold); background: linear-gradient(135deg,#263d49,#172630 80%); }
.trade-options-root .to-header h2 { margin: 5px 0 12px; font-size: clamp(25px,4vw,34px); line-height: 1.2; font-weight: 750; }
.trade-options-root .to-header p { max-width: 65ch; color: #d1dee5; margin: 0; font-size: 15px; }
.trade-options-root .to-eyebrow { display: block; color: var(--to-gold); font-size: 11px; letter-spacing: .11em; text-transform: uppercase; font-weight: 750; }
.trade-options-root .to-form { padding: 24px 26px 0; margin: 0; }
.trade-options-root .to-controls { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.trade-options-root .to-controls label { display: grid; gap: 7px; align-content: start; min-width: 0; font-size: 13px; font-weight: 650; }
.trade-options-root .to-controls label small { font-weight: 400; }
.trade-options-root .to-outgoing { margin: 24px 0 18px; padding: 16px; min-width: 0; border: 1px solid var(--to-border); border-radius: 8px; background: #13212b; }
.trade-options-root .to-outgoing legend { padding: 0 7px; font-size: 15px; font-weight: 700; max-width: 100%; }
.trade-options-root .to-outgoing legend span { margin-left: 8px; font-size: 12px; font-weight: 400; color: var(--to-muted); }
.trade-options-root .to-edit-package { min-height: 48px; border-color: var(--to-gold); color: var(--to-gold); }
.trade-options-root .to-return-picks { margin: 24px 0 18px; padding: 16px; min-width: 0; border: 1px solid var(--to-border); border-radius: 8px; background: #13212b; }
.trade-options-root .to-return-picks legend { padding: 0 7px; font-size: 15px; font-weight: 700; max-width: 100%; }
.trade-options-root .to-return-picks legend span { margin-left: 8px; font-size: 12px; font-weight: 400; color: var(--to-muted); }
.trade-options-root .to-return-picks .to-pick-note { font-size: 13px; color: var(--to-muted); margin: 0 0 14px; }
.trade-options-root .to-pick-requirement { border-left: 3px solid var(--to-gold); padding-left: 12px; }
.trade-options-root .to-pick-rows { display: grid; gap: 14px; margin-bottom: 14px; }
.trade-options-root .to-pick-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 14px; min-width: 0; border: 1px solid var(--to-border); border-radius: 6px; background: #1a2b36; }
.trade-options-root .to-pick-row label { display: flex; flex-wrap: wrap; align-content: start; align-items: baseline; gap: 5px; min-width: 0; font-size: 13px; font-weight: 650; }
.trade-options-root .to-pick-row input, .trade-options-root .to-pick-row select { width: 100%; padding: 10px 12px; }
.trade-options-root .to-optional { font-size: 12px; font-weight: 400; color: var(--to-muted); }
.trade-options-root .to-remove-pick { grid-column: 1 / -1; justify-self: start; min-height: 48px; }
.trade-options-root .to-return-picks > small { margin-top: 8px; }
.trade-options-root .to-results [tabindex="-1"] { scroll-margin-top: 24px; }
.trade-options-root .to-search-label { display: block; font-size: 12px; margin-bottom: 6px; color: var(--to-muted); }
.trade-options-root .to-roster { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; max-height: 294px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; margin-top: 12px; padding: 4px; scroll-padding: 8px; }
.trade-options-root .to-player-choice { display: flex; gap: 10px; align-items: center; min-width: 0; min-height: 64px; padding: 10px; border: 1px solid transparent; border-radius: 5px; cursor: pointer; font-size: 14px; font-weight: 400; background: #1a2b36; }
.trade-options-root .to-player-choice:hover { background: #273e4b; }
.trade-options-root .to-player-choice.is-selected { border-color: #c1ab7e; background: #333b37; }
.trade-options-root .to-player-choice.is-missing { border-style: dashed; border-color: #e3b082; }
.trade-options-root .to-player-choice input { width: 21px; height: 21px; min-height: 21px; margin: 0; flex: 0 0 21px; accent-color: var(--to-gold); }
.trade-options-root .to-player-choice > span:not(.to-selected-mark) { min-width: 0; flex: 1; }
.trade-options-root .to-player-choice strong { font-size: 14px; font-weight: 600; }
.trade-options-root .to-player-choice small { font-size: 11px; }
.trade-options-root .to-selected-mark { font-size: 10px; color: var(--to-gold); flex-shrink: 0; }
.trade-options-root .to-selection-summary { padding: 15px 16px; border-left: 3px solid var(--to-gold); background: #24333a; border-radius: 0 5px 5px 0; }
.trade-options-root .to-selection-summary > strong { display: block; margin: 5px 0; font-size: 15px; font-weight: 650; }
.trade-options-root .to-selection-summary .to-note { color: var(--to-muted); font-size: 12px; margin-bottom: 0; }
.trade-options-root .to-search-actions { display: flex; align-items: center; gap: 18px; margin: 18px 0 0; }
.trade-options-root .to-search-actions p { font-size: 12px; max-width: 35ch; color: var(--to-muted); }
.trade-options-root .to-find { background: var(--to-gold); color: #18252c; border-color: var(--to-gold); flex-shrink: 0; }
.trade-options-root .to-find:hover:not(:disabled) { background: #f8e7bf; color: #18252c; }
.trade-options-root .to-feedback { margin: 0 26px; font-size: 13px; }
.trade-options-root .to-feedback.has-message { margin-top: 16px; padding: 12px 14px; border-left: 3px solid #96b5c8; background: #223542; }
.trade-options-root .to-feedback[role="alert"] { border-color: #e3b082; }
.trade-options-root .to-results { padding: 22px 26px 26px; }
.trade-options-root .to-idle { display: flex; align-items: flex-start; gap: 15px; border-top: 1px solid #415662; padding-top: 20px; }
.trade-options-root .to-idle-mark { display: grid; place-items: center; flex: 0 0 46px; height: 46px; border: 1px solid var(--to-border); border-radius: 12px; color: var(--to-gold); font-size: 25px; }
.trade-options-root .to-idle h3 { font-size: 16px; margin: 0; }
.trade-options-root .to-idle p { margin-bottom: 0; color: var(--to-muted); font-size: 13px; }
.trade-options-root .to-empty-note { color: var(--to-muted); grid-column: 1 / -1; }
.trade-options-root .to-results-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid #415662; }
.trade-options-root .to-results-heading h3 { margin: 4px 0 0; font-size: 22px; line-height: 1.35; }
.trade-options-root .to-results-scope { color: var(--to-muted); font-size: 12px; max-width: 36ch; }
.trade-options-root .to-sort-description { font-size: 12px; color: var(--to-muted); margin: 12px 0; }
.trade-options-root .to-scope-description { font-size: 13px; color: var(--to-muted); margin: 12px 0; }
.trade-options-root .to-current-note { border-left: 2px solid #8197a5; padding-left: 12px; font-size: 12px; color: var(--to-muted); margin-bottom: 18px; }
.trade-options-root .to-history-notice, .trade-options-root .to-blocked { margin: 16px 0; padding: 16px; border: 1px solid #947d5c; border-radius: 6px; background: #302f2a; }
.trade-options-root .to-history-notice strong { font-size: 14px; color: #f3ddad; }
.trade-options-root .to-history-notice p { margin-bottom: 0; font-size: 13px; }
.trade-options-root .to-blocked h3 { margin: 0 0 10px; font-size: 21px; }
.trade-options-root .to-blocked button { margin-top: 10px; }
.trade-options-root .to-options { display: grid; gap: 18px; min-width: 0; }
.trade-options-root .to-option { min-width: 0; background: var(--to-surface); border: 1px solid var(--to-border); border-radius: 9px; overflow: clip; }
.trade-options-root .to-option-header { padding: 18px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 12px; background: linear-gradient(120deg,#2c4350,#1d303c); border-bottom: 1px solid #536978; }
.trade-options-root .to-team-heading { display: flex; align-items: center; gap: 12px; min-width: 0; }
.trade-options-root .to-team-heading > div { min-width: 0; }
.trade-options-root .to-team-heading h3 { font-size: 20px; margin: 3px 0 0; line-height: 1.25; }
.trade-options-root .to-team-mark { display: grid; place-items: center; width: 46px; height: 50px; flex: 0 0 46px; border: 1px solid #a5b6bf; border-radius: 7px 7px 15px 15px; font-size: 17px; font-weight: 750; color: #f3dfb6; background: #172b37; }
.trade-options-root .to-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.trade-options-root .to-tag { padding: 4px 7px; border: 1px solid #71998b; border-radius: 4px; color: #d0f0df; background: #273f3c; font-size: 10px; font-weight: 650; }
.trade-options-root .to-tag.is-historical { border-color: #889aa4; color: #dce4e9; background: #303f48; }
.trade-options-root .to-package-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; }
.trade-options-root .to-package-grid > section { min-width: 0; padding: 18px; background: #172630; }
.trade-options-root .to-package-grid > section.to-returns { background: #20313a; border-left: 1px solid #4a5f6b; }
.trade-options-root .to-package-grid h4 { font-size: 12px; font-weight: 650; color: var(--to-muted); margin: 0 0 12px; }
.trade-options-root .to-assets { list-style: none; margin: 0; padding: 0; }
.trade-options-root .to-assets li { margin: 0; padding: 8px 0; border-top: 1px solid #ffffff18; }
.trade-options-root .to-assets li:first-child { border-top: 0; padding-top: 0; }
.trade-options-root .to-assets strong { display: block; font-size: 16px; line-height: 1.4; font-weight: 650; }
.trade-options-root .to-assets span { display: block; margin-top: 4px; font-size: 11px; color: var(--to-muted); }
.trade-options-root .to-assets .to-pick strong { color: var(--to-gold); font-size: 13px; }
.trade-options-root .to-reasons { padding: 17px 18px 6px; border-top: 1px solid #465d6b; }
.trade-options-root .to-team-reasons { padding-bottom: 12px; }
.trade-options-root .to-team-reasons h4 { font-size: 14px; margin: 10px 0 5px; }
.trade-options-root .to-team-reasons ul { margin: 4px 0; padding-left: 18px; }
.trade-options-root .to-team-reasons li { font-size: 12px; line-height: 1.65; margin: 8px 0; }
.trade-options-root .to-team-reasons p { font-size: 12px; margin: 4px 0 0; }
.trade-options-root .to-evidence-label { font-weight: 700; color: var(--to-green); }
.trade-options-root .to-muted { color: var(--to-muted); }
.trade-options-root .to-warnings { margin: 0 18px 16px; padding: 12px; border-left: 3px solid #ddba82; background: #35372f; }
.trade-options-root .to-warnings > strong { color: #f0d8ad; font-size: 12px; }
.trade-options-root .to-warnings ul { margin: 7px 0 0; padding-left: 17px; font-size: 12px; }
.trade-options-root .to-warnings li { margin: 5px 0; }
.trade-options-root .to-historical { padding: 16px 18px; background: #111e27; border-top: 1px dashed #637582; }
.trade-options-root .to-history-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 14px; font-size: 12px; color: #d2dce2; }
.trade-options-root .to-history-heading > span { font-size: 11px; color: var(--to-muted); }
.trade-options-root .to-model-values { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 12px 0; }
.trade-options-root .to-model-values > div { min-width: 0; padding-left: 10px; border-left: 2px solid #6b8494; }
.trade-options-root .to-model-values > div > span { display: block; font-size: 11px; color: var(--to-muted); }
.trade-options-root .to-model-values strong { display: block; font-size: 20px; font-variant-numeric: tabular-nums; }
.trade-options-root .to-model-values strong small { display: inline; font-size: 10px; margin-left: 6px; font-weight: 400; }
.trade-options-root .to-historical p { font-size: 11px; color: #c0cdd5; margin: 8px 0; }
.trade-options-root .to-historical > small { font-size: 11px; }
.trade-options-root .to-historical p.to-unavailable { color: #efcb9d; }
.trade-options-root .to-option footer { padding: 16px 18px; display: flex; gap: 14px; align-items: center; border-top: 1px solid #3f5563; background: #1d2f3b; }
.trade-options-root .to-option footer > small { max-width: 35ch; font-size: 11px; }
.trade-options-root .to-analyze { border-color: #c5b38b; color: #f5dfb2; background: #293b44; flex-shrink: 0; font-size: 14px; }
.trade-options-root .to-more { display: block; width: 100%; margin-top: 18px; border-color: #8ba2b2; background: #203542; font-size: 14px; }
.trade-options-root .to-more span { font-weight: 400; }
.trade-options-root .to-end-note { color: var(--to-muted); text-align: center; font-size: 12px; }
.trade-options-root .to-sources { margin-top: 20px; border-top: 1px solid var(--to-border); }
.trade-options-root .to-sources summary { padding-block: 13px; min-height: 48px; font-size: 13px; font-weight: 650; cursor: pointer; }
.trade-options-root .to-source-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; padding-block: 8px; }
.trade-options-root .to-source-grid > div { min-width: 0; border-left: 2px solid #546d7d; padding-left: 12px; }
.trade-options-root .to-source-grid strong { font-size: 12px; }
.trade-options-root .to-source-grid p { font-size: 12px; color: var(--to-muted); }
@media (max-width: 680px) {
  .trade-options-root .to-header { padding: 20px 16px; }
  .trade-options-root .to-form { padding: 18px 16px 0; }
  .trade-options-root .to-results { padding: 20px 16px; }
  .trade-options-root .to-feedback { margin-inline: 16px; }
  .trade-options-root .to-controls, .trade-options-root .to-source-grid, .trade-options-root .to-package-grid, .trade-options-root .to-roster { grid-template-columns: minmax(0,1fr); }
  .trade-options-root .to-controls { gap: 15px; }
  .trade-options-root .to-outgoing { padding: 12px; }
  .trade-options-root .to-return-picks { padding: 12px; }
  .trade-options-root .to-pick-row { grid-template-columns: minmax(0,1fr); padding: 12px; }
  .trade-options-root .to-return-picks legend span { display: block; margin-left: 0; }
  .trade-options-root .to-edit-package, .trade-options-root .to-remove-pick { width: 100%; }
  .trade-options-root .to-outgoing legend span { display: block; margin-left: 0; }
  .trade-options-root .to-search-actions, .trade-options-root .to-option footer { flex-direction: column; align-items: stretch; gap: 8px; }
  .trade-options-root .to-search-actions p { max-width: none; margin: 0; }
  .trade-options-root .to-option footer > small { max-width: none; text-align: center; }
  .trade-options-root .to-package-grid > section.to-returns { border-left: 0; border-top: 1px solid #4a5f6b; }
  .trade-options-root .to-option-header, .trade-options-root .to-package-grid > section, .trade-options-root .to-historical { padding: 15px; }
  .trade-options-root .to-reasons { padding-inline: 15px; }
  .trade-options-root .to-warnings { margin-inline: 15px; }
  .trade-options-root .to-team-heading h3 { font-size: 18px; }
  .trade-options-root .to-model-values { grid-template-columns: minmax(0,1fr); }
  .trade-options-root .to-idle-mark { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .trade-options-root *, .trade-options-root *::before, .trade-options-root *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
.trade-option-confirm{max-width:min(560px,calc(100vw - 32px));border:1px solid #65777c;border-radius:14px;padding:24px;background:#111b25;color:#f3f7f8}.trade-option-confirm::backdrop{background:#000b}.trade-option-confirm div{display:flex;flex-wrap:wrap;gap:12px}.trade-option-confirm button{min-height:48px;min-width:48px}.trade-option-confirm h2{margin-top:0}
.trade-options-root .to-historical summary{min-height:48px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-size:14px}.trade-options-root .to-historical summary span{color:var(--to-muted);font-size:13px}.trade-options-root .to-historical p,.trade-options-root .to-historical>small,.trade-options-root .to-option footer>small{font-size:13px;line-height:1.5}