/* Customer trade screen refinements loaded on demand */

.customer-trade-neon::before {
  background: radial-gradient(circle, rgba(86, 240, 216, 0.16), transparent 72%);
  filter: blur(18px);
}

.customer-trade-neon::after {
  background: radial-gradient(circle, rgba(244, 206, 119, 0.14), transparent 72%);
  filter: blur(18px);
}

.customer-trade-neon .customer-card {
  border-color: rgba(121, 195, 184, 0.28);
  background: linear-gradient(160deg, rgba(7, 29, 36, 0.96), rgba(5, 22, 28, 0.96));
  box-shadow:
    0 14px 28px rgba(1, 8, 12, 0.36),
    inset 0 1px 0 rgba(169, 244, 233, 0.06);
}

.customer-trade-neon .customer-hero-card {
  background: linear-gradient(160deg, rgba(9, 42, 50, 0.95), rgba(7, 28, 35, 0.95));
}

.customer-trade-neon .customer-price-grid-card {
  box-shadow:
    0 14px 28px rgba(1, 8, 12, 0.36),
    inset 0 1px 0 rgba(169, 244, 233, 0.06);
}

.customer-trade-neon .customer-trade-step {
  border-color: rgba(121, 195, 184, 0.22);
  border-radius: 16px;
  padding: 14px;
  background: rgba(6, 27, 33, 0.6);
}

.customer-trade-hero-card {
  gap: 14px;
}

.customer-trade-hero-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.customer-trade-hero-copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.customer-trade-hero-subtitle {
  margin: 0;
  max-width: 58ch;
  color: #c7ded8;
  font-size: 14px;
  line-height: 1.45;
}

.customer-trade-hero-quote {
  min-width: 208px;
  border: 1px solid rgba(123, 206, 194, 0.28);
  border-radius: 16px;
  padding: 12px 14px;
  background: rgba(8, 30, 29, 0.68);
  text-align: left;
}

.customer-trade-hero-quote.is-live {
  border-color: rgba(123, 206, 194, 0.36);
}

.customer-trade-hero-quote.is-paused {
  border-color: rgba(219, 138, 120, 0.38);
}

.customer-trade-hero-quote p {
  margin: 0;
  color: #bad7d1;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.customer-trade-hero-quote strong {
  display: block;
  margin-top: 6px;
  color: #f0f7f4;
  font-size: 36px;
  line-height: 0.95;
}

.customer-trade-hero-quote span {
  display: block;
  margin-top: 4px;
  color: #a9c8c1;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.customer-trade-flow-card {
  gap: 12px;
}

.customer-trade-head-copy {
  display: grid;
  gap: 6px;
}

.customer-trade-head-copy small {
  color: #bfd9d3;
  max-width: 62ch;
  font-size: 13px;
  line-height: 1.45;
}

.customer-trade-step-head {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.customer-trade-step-number {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid rgba(213, 182, 109, 0.4);
  background: rgba(80, 64, 28, 0.38);
  color: #f2e3b2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
}

.customer-trade-inline-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.customer-trade-inline-summary-item {
  border: 1px solid rgba(122, 197, 186, 0.18);
  border-radius: 14px;
  background: rgba(5, 25, 31, 0.54);
  padding: 11px 12px;
  display: grid;
  gap: 4px;
}

.customer-trade-inline-summary-item span,
.customer-trade-review-total span {
  color: #bad7d1;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.customer-trade-inline-summary-item strong {
  color: #edf7f4;
  font-size: 15px;
  line-height: 1.35;
}

.customer-trade-inline-summary-item strong.is-placeholder {
  color: #e6f3ef;
  font-size: 16px;
  line-height: 1.3;
}

.customer-trade-inline-summary--trade {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.customer-trade-inline-summary-status {
  display: grid;
  gap: 6px;
  min-height: 42px;
  align-content: start;
}

.customer-trade-inline-summary-status small {
  margin: 0;
  display: block;
  min-height: 2.7em;
}

.customer-trade-inline-summary-item-total strong {
  color: #fff1c8;
  font-size: 24px;
  line-height: 1.05;
}

.customer-trade-inline-summary-item small,
.customer-trade-review-total small {
  color: #a9c8c1;
  font-size: 12px;
  line-height: 1.35;
}

.customer-trade-review-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.68fr);
  gap: 10px;
  align-items: stretch;
}

.customer-trade-review-total {
  border: 1px solid rgba(213, 182, 109, 0.22);
  border-radius: 16px;
  background: linear-gradient(160deg, rgba(74, 61, 27, 0.42), rgba(8, 33, 40, 0.74));
  padding: 14px;
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 100%;
}

.customer-trade-review-total strong {
  color: #fff1c8;
  font-size: 32px;
  line-height: 0.95;
}

.customer-trade-review-total strong.is-placeholder {
  color: #e6f3ef;
  font-size: 18px;
  line-height: 1.25;
}

.customer-trade-review-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.customer-trade-review-grid p {
  margin: 0;
  border: 1px solid rgba(122, 197, 186, 0.16);
  border-radius: 14px;
  background: rgba(5, 25, 31, 0.54);
  padding: 11px 12px;
  color: #e7f4f0;
  font-size: 14px;
  line-height: 1.45;
}

.customer-trade-review-grid p strong {
  display: block;
  margin-bottom: 4px;
  color: #bad7d1;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.customer-trade-review-weight {
  margin: 0;
  color: #d5e7e2;
  font-size: 12px;
  line-height: 1.35;
}

.customer-trade-review-status {
  display: grid;
  gap: 6px;
}

.customer-trade-quote-badge {
  width: fit-content;
  max-width: 100%;
  border: 1px solid rgba(121, 205, 193, 0.28);
  border-radius: 999px;
  background: rgba(8, 34, 40, 0.82);
  color: #d9efea;
  min-height: 26px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.customer-trade-quote-badge.is-live {
  border-color: rgba(134, 214, 180, 0.54);
  background: rgba(11, 44, 40, 0.9);
  color: #edfff4;
}

.customer-trade-quote-badge.is-updating {
  border-color: rgba(223, 194, 122, 0.58);
  background: rgba(58, 45, 16, 0.82);
  color: #fff0c9;
}

.customer-trade-quote-badge.is-warning {
  border-color: rgba(222, 171, 116, 0.52);
  background: rgba(53, 36, 18, 0.82);
  color: #ffe8cb;
}

.customer-trade-quote-badge.is-error {
  border-color: rgba(234, 156, 156, 0.54);
  background: rgba(58, 24, 30, 0.82);
  color: #ffe7ea;
}

.customer-trade-quote-badge.is-idle {
  border-color: rgba(137, 169, 175, 0.34);
  background: rgba(15, 31, 37, 0.8);
  color: #cbdad8;
}

.customer-trade-submit-actions {
  display: grid;
  gap: 10px;
}

.customer-trade-submit-actions > * {
  width: 100%;
}

.customer-trade-submit-actions .customer-price-action,
.customer-trade-submit-actions .customer-trade-card-cta {
  width: 100%;
  min-width: 0;
}

.customer-trade-card-cta {
  min-height: 46px;
  border-color: rgba(121, 205, 193, 0.3);
  background: linear-gradient(155deg, rgba(8, 35, 44, 0.9), rgba(7, 29, 35, 0.84));
  color: #d8efea;
  box-shadow: inset 0 1px 0 rgba(189, 245, 236, 0.05);
}

.customer-trade-card-cta:hover:not(:disabled),
.customer-trade-card-cta:focus-visible {
  border-color: rgba(121, 205, 193, 0.48);
  background: linear-gradient(155deg, rgba(10, 45, 55, 0.96), rgba(8, 34, 41, 0.9));
}

.customer-trade-card-option,
.customer-trade-card-checkout-panel {
  margin-top: 12px;
  border-radius: 18px;
  padding: 14px 15px;
  display: grid;
  gap: 10px;
}

.customer-trade-card-option {
  border: 1px solid rgba(119, 199, 187, 0.22);
  background: linear-gradient(160deg, rgba(7, 31, 37, 0.9), rgba(6, 24, 29, 0.84));
}

.customer-trade-card-option.is-available {
  border-color: rgba(116, 212, 196, 0.34);
  background: linear-gradient(160deg, rgba(10, 41, 45, 0.92), rgba(8, 30, 35, 0.86));
}

.customer-trade-card-option.is-muted {
  border-color: rgba(130, 151, 153, 0.2);
  background: linear-gradient(160deg, rgba(10, 23, 29, 0.88), rgba(8, 20, 24, 0.82));
}

.customer-trade-card-option-secondary {
  gap: 8px;
  padding: 12px 14px;
}

.customer-trade-card-option-secondary h5 {
  font-size: 18px;
}

.customer-trade-market-card {
  gap: 12px;
}

.customer-trade-market-head {
  align-items: center;
}

.customer-trade-market-head .customer-chart-meta {
  display: grid;
  justify-items: end;
  gap: 8px;
}

.customer-trade-market-toggle {
  min-height: 38px;
  white-space: nowrap;
}

.customer-trade-chart-toggle-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.customer-trade-market-preview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.customer-trade-market-stat {
  border: 1px solid rgba(122, 197, 186, 0.18);
  border-radius: 14px;
  background: rgba(5, 25, 31, 0.54);
  padding: 11px 12px;
  display: grid;
  gap: 4px;
}

.customer-trade-market-stat small {
  color: #bad7d1;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.customer-trade-market-stat strong {
  color: #edf7f4;
  font-size: 15px;
  line-height: 1.35;
}

.customer-trade-market-stat span {
  color: #a9c8c1;
  font-size: 12px;
  line-height: 1.35;
}

.customer-trade-orders-note {
  margin: 8px 0 0;
  color: #a9c8c1;
  font-size: 12px;
  line-height: 1.4;
}

.customer-trade-card-option-head,
.customer-trade-card-checkout-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.customer-trade-card-option-head h5,
.customer-trade-card-checkout-head h5 {
  margin: 2px 0 0;
  color: #eef8f4;
  font-size: 20px;
  line-height: 1.15;
}

.customer-trade-card-checkout-head p,
.customer-trade-card-option-copy {
  margin: 0;
  color: #bfdad4;
  font-size: 13px;
  line-height: 1.5;
}

.customer-trade-card-option-kicker {
  margin: 0;
  color: #88d7ca;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.customer-trade-card-option-grid,
.customer-trade-card-checkout-grid,
.customer-trade-card-checkout-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
}

.customer-trade-card-option-grid p,
.customer-trade-card-checkout-grid p,
.customer-trade-card-checkout-summary p {
  margin: 0;
  color: #dcedea;
  font-size: 13px;
  line-height: 1.45;
}

.customer-trade-card-checkout-summary p {
  border: 1px solid rgba(122, 197, 186, 0.16);
  border-radius: 14px;
  background: rgba(5, 25, 31, 0.48);
  padding: 10px 12px;
}

.customer-trade-card-checkout-summary strong {
  display: block;
  margin-bottom: 4px;
  color: #bad7d1;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.customer-trade-card-option-grid strong,
.customer-trade-card-checkout-grid strong {
  color: #f4fbf8;
}

.customer-trade-card-checkout-panel {
  border: 1px solid rgba(213, 182, 109, 0.24);
  background: linear-gradient(160deg, rgba(45, 40, 19, 0.38), rgba(7, 29, 36, 0.9));
}

.customer-trade-card-checkout-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.customer-trade-card-checkout-actions--summary {
  justify-content: flex-end;
}

.customer-trade-card-checkout-actions > * {
  flex: 0 0 auto;
}

.customer-trade-card-cancel {
  border-color: rgba(211, 135, 126, 0.28);
  color: #f3d0ca;
}

.customer-trade-card-cancel:hover:not(:disabled),
.customer-trade-card-cancel:focus-visible {
  border-color: rgba(223, 142, 132, 0.42);
  background: rgba(70, 22, 24, 0.46);
}

@media (max-width: 900px) {
  .customer-trade-hero-top,
  .customer-trade-review-panel,
  .customer-trade-market-preview,
  .customer-trade-review-grid {
    grid-template-columns: 1fr;
  }

  .customer-trade-hero-quote {
    min-width: 0;
    width: 100%;
  }

  .customer-trade-hero-subtitle {
    font-size: 13px;
    line-height: 1.38;
  }

  .customer-trade-market-head .customer-chart-meta {
    justify-items: start;
  }

  .customer-trade-chart-toggle-row {
    justify-content: stretch;
  }

  .customer-trade-chart-toggle-row .customer-trade-market-toggle {
    width: 100%;
  }

  .customer-trade-review-total {
    min-height: 0;
  }

  .customer-trade-review-total strong {
    font-size: 30px;
  }

  .customer-trade-submit-actions,
  .customer-trade-card-checkout-actions,
  .customer-trade-card-option-head,
  .customer-trade-card-checkout-head {
    flex-direction: column;
  }

  .customer-trade-submit-actions > *,
  .customer-trade-card-checkout-actions > * {
    width: 100%;
  }

  .customer-trade-card-option-grid,
  .customer-trade-card-checkout-grid,
  .customer-trade-card-checkout-summary {
    grid-template-columns: 1fr;
  }

  .customer-trade-card-option,
  .customer-trade-card-checkout-panel {
    padding: 12px;
  }

  .customer-trade-card-option-head h5,
  .customer-trade-card-checkout-head h5 {
    font-size: 18px;
  }
}

/* Trade workspace structural overrides */

.customer-trade-neon::before {
  background: radial-gradient(circle, rgba(86, 240, 216, 0.1), transparent 74%);
  filter: blur(14px);
}

.customer-trade-neon::after {
  background: radial-gradient(circle, rgba(244, 206, 119, 0.08), transparent 74%);
  filter: blur(14px);
}

.customer-trade-neon .customer-card,
.customer-trade-neon .customer-price-grid-card,
.customer-trade-neon .customer-hero-card {
  box-shadow:
    0 12px 28px rgba(1, 8, 12, 0.28),
    inset 0 1px 0 rgba(169, 244, 233, 0.04);
}

.customer-trade-neon .customer-price-grid-card {
  background: linear-gradient(160deg, rgba(7, 28, 35, 0.96), rgba(6, 23, 29, 0.94));
}

.customer-trade-neon .customer-hero-card {
  background: linear-gradient(160deg, rgba(8, 34, 42, 0.94), rgba(6, 25, 31, 0.95));
}

.customer-trade-neon .customer-trade-hero-quote,
.customer-trade-neon .customer-trade-step,
.customer-trade-neon .customer-trade-review-grid p,
.customer-trade-neon .customer-trade-review-total,
.customer-trade-neon .customer-trade-market-stat,
.customer-trade-neon .customer-trade-card-option,
.customer-trade-neon .customer-trade-card-checkout-summary p {
  backdrop-filter: blur(10px);
}

.customer-trade-neon .customer-trade-head {
  margin-bottom: 2px;
}

.customer-trade-neon .customer-trade-step {
  gap: 12px;
  padding: 12px;
}

.customer-trade-neon .customer-trade-side-grid {
  gap: 10px;
}

.customer-trade-neon .customer-trade-side-tile {
  padding: 10px 12px;
  gap: 4px;
  border-color: rgba(109, 179, 169, 0.34);
  background: linear-gradient(150deg, rgba(8, 32, 39, 0.92), rgba(5, 22, 28, 0.92));
  box-shadow: inset 0 0 0 1px rgba(4, 17, 22, 0.82);
}

.customer-trade-neon .customer-trade-side-tile .customer-price-value {
  font-size: 28px;
}

.customer-trade-neon .customer-trade-side-source {
  font-size: 10px;
  letter-spacing: 0.1em;
}

.customer-trade-neon .customer-trade-side-total {
  font-size: 12px;
}

.customer-trade-neon .customer-trade-side-tile:not(.active) {
  opacity: 0.92;
}

.customer-trade-neon .customer-trade-side-tile:hover,
.customer-trade-neon .customer-trade-side-tile:focus-visible {
  border-color: rgba(168, 211, 201, 0.6);
  box-shadow:
    inset 0 0 0 1px rgba(4, 17, 22, 0.82),
    0 0 0 2px rgba(130, 211, 197, 0.14);
}

.customer-trade-neon .customer-trade-side-tile.active {
  border-color: rgba(240, 205, 120, 0.74);
  background: linear-gradient(152deg, rgba(63, 53, 24, 0.7), rgba(7, 32, 38, 0.95));
  box-shadow:
    inset 0 0 0 1px rgba(90, 73, 31, 0.52),
    0 10px 18px rgba(1, 8, 12, 0.2);
  transform: translateY(-1px);
}

.customer-trade-neon .customer-price-action {
  border-color: rgba(116, 210, 194, 0.46);
  background: linear-gradient(145deg, rgba(22, 93, 89, 0.72), rgba(8, 34, 42, 0.92));
  color: #e1f8f2;
  box-shadow: none;
}

.customer-trade-neon .customer-price-action:hover:not(:disabled),
.customer-trade-neon .customer-price-action:focus-visible:not(:disabled) {
  border-color: rgba(240, 205, 120, 0.64);
  background: linear-gradient(145deg, rgba(41, 124, 113, 0.78), rgba(11, 41, 48, 0.95));
  color: #fff3d1;
  box-shadow: 0 0 0 2px rgba(240, 205, 120, 0.14);
}

.customer-trade-neon .customer-price-action:focus-visible,
.customer-trade-neon .customer-trade-side-tile:focus-visible,
.customer-trade-neon .customer-product-thumb:focus-visible,
.customer-trade-neon .customer-trade-insights-tab:focus-visible,
.customer-trade-neon .customer-trade-orders-toggle:focus-visible,
.customer-trade-neon .customer-trade-orders-history:focus-visible {
  outline: none;
}

.customer-trade-neon .customer-trade-controls {
  grid-template-columns: minmax(0, 1.04fr) minmax(260px, 0.96fr);
  gap: 14px;
  align-items: start;
}

.customer-trade-product-count {
  margin: 6px 0 0;
  color: #a9c8c1;
  font-size: 12px;
  line-height: 1.4;
}

.customer-trade-neon .customer-product-search-wrap,
.customer-trade-neon .customer-trade-qty-shell {
  border-color: rgba(106, 216, 202, 0.34);
  background: rgba(5, 24, 31, 0.92);
}

.customer-trade-neon .customer-product-scroller {
  overflow-x: auto;
  scroll-snap-type: x proximity;
  padding-bottom: 4px;
}

.customer-trade-neon .customer-product-scroller-track {
  grid-auto-flow: column;
  grid-auto-columns: minmax(180px, 216px);
  grid-template-columns: none;
  gap: 10px;
  padding: 2px;
}

.customer-trade-neon .customer-product-thumb {
  min-height: 0;
  padding: 10px;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto;
  align-items: start;
  gap: 8px;
  scroll-snap-align: start;
  border-color: rgba(103, 191, 181, 0.32);
  background: rgba(7, 28, 36, 0.8);
}

.customer-trade-neon .customer-product-thumb:hover,
.customer-trade-neon .customer-product-thumb:focus-visible {
  border-color: rgba(147, 215, 205, 0.58);
  background: rgba(9, 34, 43, 0.9);
  box-shadow: 0 0 0 2px rgba(131, 215, 202, 0.14);
  transform: none;
}

.customer-trade-neon .customer-product-thumb.active {
  border-color: rgba(241, 207, 120, 0.7);
  background: linear-gradient(148deg, rgba(93, 74, 30, 0.4), rgba(9, 34, 43, 0.92));
  box-shadow:
    inset 0 0 0 1px rgba(241, 207, 120, 0.12),
    0 10px 18px rgba(1, 8, 12, 0.18);
}

.customer-trade-neon .customer-product-thumb-visual {
  width: min(84px, 100%);
  max-width: 84px;
  justify-self: center;
}

.customer-trade-neon .customer-product-thumb-copy strong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.customer-trade-neon .customer-product-thumb-copy small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.customer-trade-product-card-copy {
  align-self: stretch;
}

.customer-trade-product-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.customer-trade-product-pill {
  border: 1px solid rgba(112, 189, 179, 0.18);
  border-radius: 999px;
  background: rgba(5, 24, 30, 0.48);
  padding: 4px 8px;
  color: #d9eeea;
  font-size: 11px;
  line-height: 1.25;
}

.customer-trade-product-row-status {
  border: 1px solid rgba(113, 189, 178, 0.22);
  border-radius: 999px;
  min-height: 26px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  color: #cfe5df;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.customer-trade-product-row-status.is-selected {
  border-color: rgba(241, 207, 120, 0.56);
  background: rgba(92, 72, 29, 0.38);
  color: #fff1c8;
}

.customer-trade-quantity-stack {
  display: grid;
  gap: 10px;
  align-content: start;
}

.customer-trade-selection-brief {
  border: 1px solid rgba(121, 195, 184, 0.2);
  border-radius: 14px;
  background: rgba(6, 27, 33, 0.56);
  padding: 12px;
  display: grid;
  gap: 4px;
}

.customer-trade-selection-brief strong {
  color: #eef8f4;
  font-size: 15px;
  line-height: 1.35;
}

.customer-trade-selection-brief p {
  margin: 0;
  color: #bfd9d3;
  font-size: 12px;
  line-height: 1.45;
}

.customer-trade-selection-brief.is-placeholder strong {
  color: #d7e8e3;
}

.customer-trade-execution-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
  gap: 10px;
  align-items: start;
}

.customer-trade-neon .customer-trade-qty-step:disabled,
.customer-trade-neon .customer-trade-qty-pill:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.customer-trade-helper-note,
.customer-trade-submit-note {
  margin: 0;
  color: #a8c8c1;
  font-size: 12px;
  line-height: 1.45;
}

.customer-trade-inline-alert {
  border: 1px solid rgba(112, 189, 179, 0.24);
  border-radius: 14px;
  padding: 11px 12px;
  display: grid;
  gap: 4px;
  background: rgba(8, 29, 35, 0.66);
}

.customer-trade-inline-alert strong {
  color: #eef8f4;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.customer-trade-inline-alert p {
  margin: 0;
  color: #d3e7e1;
  font-size: 13px;
  line-height: 1.45;
}

.customer-trade-inline-alert.is-info {
  border-color: rgba(110, 180, 201, 0.3);
  background: rgba(8, 29, 40, 0.7);
}

.customer-trade-inline-alert.is-warning {
  border-color: rgba(223, 189, 116, 0.32);
  background: rgba(48, 38, 18, 0.56);
}

.customer-trade-inline-alert.is-error {
  border-color: rgba(229, 150, 150, 0.34);
  background: rgba(55, 24, 30, 0.56);
}

.customer-trade-submit-wrap {
  margin-top: 8px;
  display: grid;
  gap: 8px;
}

.customer-trade-submit-wrap--inline {
  margin-top: 0;
  min-width: 0;
  align-content: start;
}

.customer-trade-mobile-bar {
  display: none;
}

.customer-trade-mobile-bar-meta {
  min-width: 0;
  margin: 0;
  color: #f1dfad;
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.customer-trade-insights-card {
  gap: 14px;
  background: linear-gradient(160deg, rgba(7, 27, 34, 0.94), rgba(5, 22, 28, 0.95));
}

.customer-trade-insights-head {
  align-items: flex-end;
  gap: 14px;
}

.customer-trade-insights-tabs {
  border: 1px solid rgba(111, 189, 178, 0.24);
  border-radius: 999px;
  background: rgba(6, 25, 32, 0.76);
  padding: 4px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.customer-trade-insights-tab {
  border: 0;
  border-radius: 999px;
  min-height: 34px;
  padding: 0 14px;
  background: transparent;
  color: #b8d3cd;
  font-family: "Space Grotesk", "Trebuchet MS", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}

.customer-trade-insights-tab.active {
  background: rgba(99, 160, 153, 0.22);
  color: #eef8f4;
}

.customer-trade-insight-panel {
  display: grid;
  gap: 12px;
}

.customer-trade-orders-head {
  align-items: center;
}

.customer-trade-orders-head small {
  color: #b8d3cd;
  font-size: 12px;
}

.customer-trade-orders-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.customer-trade-orders-history,
.customer-trade-orders-toggle {
  min-height: 36px;
  white-space: nowrap;
}

.customer-trade-orders-history {
  border-color: rgba(107, 190, 179, 0.32);
}

.customer-trade-orders-panel .customer-order-list {
  margin-top: 0;
}

.customer-trade-neon .customer-order-item {
  background: rgba(7, 28, 35, 0.72);
  border-color: rgba(112, 189, 179, 0.18);
}

.customer-trade-neon .customer-trade-confirm-dialog {
  border-color: rgba(113, 191, 180, 0.28);
  background: linear-gradient(160deg, rgba(8, 31, 39, 0.98), rgba(5, 21, 27, 0.98));
  box-shadow: 0 22px 48px rgba(1, 8, 12, 0.42);
}

.customer-trade-neon .customer-trade-confirm-dialog:focus {
  outline: none;
}

.customer-trade-confirm-submit {
  min-width: 190px;
}

@media (max-width: 900px) {
  .customer-market-screen.customer-trade-neon {
    padding-bottom: 132px;
    scroll-padding-bottom: 148px;
  }

  .customer-trade-mobile-bar {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: calc(76px + env(safe-area-inset-bottom));
    z-index: 65;
    border: 1px solid rgba(237, 196, 108, 0.42);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(41, 31, 12, 0.9), rgba(7, 24, 31, 0.94));
    box-shadow:
      0 14px 28px rgba(1, 8, 12, 0.28),
      0 0 0 1px rgba(245, 214, 143, 0.08),
      0 0 24px rgba(214, 176, 91, 0.18);
    backdrop-filter: blur(16px);
    padding: 8px 10px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
  }

  .customer-trade-mobile-bar-action {
    width: auto;
    min-width: 132px;
    min-height: 40px;
    padding: 0 14px;
    font-size: 15px;
    border-color: rgba(246, 214, 139, 0.84);
    background: linear-gradient(145deg, rgba(245, 214, 138, 0.96), rgba(196, 150, 56, 0.92));
    color: #2a1c05;
    box-shadow:
      inset 0 1px 0 rgba(255, 246, 210, 0.34),
      0 8px 20px rgba(168, 126, 37, 0.22);
  }

  .customer-trade-mobile-bar-action:hover:not(:disabled),
  .customer-trade-mobile-bar-action:focus-visible:not(:disabled) {
    border-color: rgba(255, 231, 171, 0.96);
    background: linear-gradient(145deg, rgba(255, 228, 159, 0.98), rgba(214, 166, 65, 0.94));
    color: #221603;
    box-shadow:
      inset 0 1px 0 rgba(255, 249, 224, 0.42),
      0 10px 24px rgba(180, 136, 40, 0.3);
  }

  .customer-trade-mobile-bar-action:disabled {
    border-color: rgba(120, 137, 140, 0.34);
    background: linear-gradient(145deg, rgba(17, 41, 48, 0.9), rgba(9, 28, 35, 0.94));
    color: #9db3af;
    box-shadow: none;
  }

  .customer-trade-neon .customer-trade-controls,
  .customer-trade-neon .customer-trade-insights-head,
  .customer-trade-execution-strip,
  .customer-trade-inline-summary--trade {
    grid-template-columns: 1fr;
  }

  .customer-trade-neon .customer-product-scroller-track {
    grid-auto-columns: minmax(164px, 70vw);
  }

  .customer-trade-neon .customer-trade-side-tile .customer-price-value {
    font-size: 24px;
  }

  .customer-trade-submit-wrap--inline {
    width: 100%;
  }

  .customer-trade-insights-head {
    align-items: stretch;
  }

  .customer-trade-insights-tabs,
  .customer-trade-orders-actions {
    width: 100%;
  }

  .customer-trade-insights-tab {
    flex: 1 1 0;
    justify-content: center;
  }

  .customer-trade-orders-actions > * {
    flex: 1 1 0;
  }
}

@media (max-width: 640px) {
  .customer-market-screen.customer-trade-neon {
    padding-bottom: 140px;
    scroll-padding-bottom: 156px;
  }

  .customer-trade-mobile-bar {
    left: 10px;
    right: 10px;
    padding: 8px;
  }

  .customer-trade-mobile-bar-meta {
    font-size: 11px;
  }

  .customer-trade-mobile-bar-action {
    min-width: 124px;
    font-size: 14px;
  }

  .customer-trade-neon .customer-product-scroller-track {
    grid-auto-columns: minmax(150px, 78vw);
  }

  .customer-trade-neon .customer-trade-side-tile {
    padding: 9px 10px;
  }

  .customer-trade-neon .customer-trade-side-tile .customer-price-value {
    font-size: 22px;
  }

  .customer-trade-inline-summary-item-total strong {
    font-size: 22px;
  }

  .customer-trade-neon .customer-product-thumb {
    grid-template-columns: 1fr;
  }

  .customer-trade-neon .customer-product-thumb-visual {
    justify-self: start;
  }

  .customer-trade-orders-actions > * {
    width: 100%;
  }
}

.customer-route-trade .customer-desktop-topbar,
.customer-route-trade .customer-topbar {
  padding: 10px 12px 12px;
  gap: 8px 12px;
  border-radius: 20px;
}

.customer-route-trade .customer-desktop-topbar .customer-topbar-meta h2 {
  font-size: 30px;
}

.customer-route-trade .customer-topbar-meta h2 {
  font-size: 25px;
  line-height: 0.95;
}

.customer-route-trade .customer-topbar-overline {
  font-size: 11px;
  letter-spacing: 0.14em;
}

.customer-route-trade .customer-topbar-subtitle {
  margin-top: 2px;
  font-size: 12px;
}

.customer-route-trade .customer-topbar-actions {
  gap: 8px;
}

.customer-route-trade .customer-section-tabs-list {
  gap: 6px 16px;
}

.customer-route-trade .customer-section-tab {
  padding: 8px 10px;
  color: var(--belora-theme-text-muted);
}

.customer-route-trade .customer-section-tab.active {
  border-color: rgba(255, 214, 107, 0.82);
  color: var(--belora-theme-text-strong);
}

/* Light mode cleanup for shared Quick Buy trade fragments */
body.theme-light .customer-market-screen.customer-trade-neon .customer-trade-selection-brief {
  border-color: var(--belora-theme-border-soft);
  background: var(--belora-theme-card-gradient);
  box-shadow: inset 0 1px 0 rgba(190, 255, 243, 0.04);
}

body.theme-light .customer-market-screen.customer-trade-neon :is(
  .customer-trade-product-pill,
  .customer-trade-product-row-status
) {
  border-color: var(--belora-theme-border-soft);
  background: var(--belora-theme-chip-gradient);
  color: var(--belora-theme-text);
}

body.theme-light .customer-market-screen.customer-trade-neon .customer-trade-product-row-status.is-selected {
  border-color: var(--belora-theme-border-strong);
  background: var(--belora-theme-chip-active-gradient);
  color: var(--belora-theme-text-strong);
}

body.theme-light .customer-market-screen.customer-trade-neon :is(
  .customer-trade-product-count,
  .customer-trade-selection-brief p
) {
  color: var(--belora-theme-text-muted);
}

body.theme-light .customer-market-screen.customer-trade-neon .customer-trade-selection-brief strong {
  color: var(--belora-theme-text);
}

body.theme-light .customer-market-screen.customer-trade-neon .customer-trade-selection-brief.is-placeholder strong {
  color: var(--belora-theme-text-muted);
}

body.theme-light .customer-market-screen.customer-trade-neon .customer-trade-card-option-kicker {
  color: var(--belora-theme-gold);
}

@media (max-width: 760px) {
  .customer-route-trade .customer-topbar {
    padding: 8px 10px;
  }

  .customer-route-trade .customer-topbar-meta h2 {
    font-size: 23px;
  }
}