.swap-single-shell {
  --swap-shop-font-scale: 1.7;
  position: relative;
  overflow: clip;
}

.swap-single-shell > .brxe-container,
.swap-single-shell > .brxe-block,
.swap-single-shell > .brxe-code {
  position: relative;
  z-index: 1;
}

.swap-single-shell > .brxe-container {
  display: grid;
  gap: 12px;
}

.swap-single-shell .swap-amz-top,
.swap-single-shell .swap-amz-details {
  display: grid !important;
  gap: 13px;
  align-items: start;
}

.swap-single-shell .swap-amz-top {
  grid-template-columns: minmax(0, 1.12fr) minmax(420px, 0.96fr);
}

.swap-single-shell .swap-amz-details {
  grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.72fr);
}

.swap-single-shell .swap-amz-top > .brxe-block,
.swap-single-shell .swap-amz-details > .brxe-block,
.swap-single-shell .swap-amz-offer-row {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  justify-self: stretch !important;
}

.swap-single-shell .swap-amz-media {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: flex;
  align-self: stretch;
}

.swap-single-shell .swap-amz-summary {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-self: start;
}

.swap-single-shell .swap-amz-side {
  grid-column: 2;
  grid-row: 2;
  position: relative;
  top: auto;
  align-self: start;
}

.swap-single-shell .swap-amz-offer-row > .brxe-shortcode,
.swap-single-shell .swap-amz-media > .brxe-shortcode,
.swap-single-shell .swap-amz-summary > .brxe-shortcode {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
}

.swap-single-shell .swap-amz-side > .brxe-container,
.swap-single-shell .swap-amz-detail-main > .brxe-container,
.swap-single-shell .swap-amz-detail-side > .brxe-container {
  display: grid;
  gap: 9px;
  width: 100%;
}

.swap-single-shell .swap-amz-offer-row .ath-swap-single-fragment--offer,
.swap-single-shell .swap-amz-media .ath-swap-single-fragment--media,
.swap-single-shell .swap-amz-summary .ath-swap-single-fragment--summary {
  display: grid;
  width: 100%;
  min-height: 0;
}

.swap-single-shell .ath-swap-single-fragment {
  --ath-swap-radius: 0;
  --ath-swap-radius-lg: 0;
  --ath-swap-radius-pill: 0;
  --ath-swap-shadow: none;
  --ath-swap-shadow-lg: none;
  --ath-swap-shadow-xl: none;
  margin: 0;
  background: none;
}

.swap-single-shell .ath-swap-card::before,
.swap-single-shell .ath-swap-listing-card::before {
  opacity: .38;
}

.swap-single-shell .ath-swap-card {
  padding: 9px 10px;
}

.swap-single-shell .ath-swap-single-panel {
  gap: 7px;
}

.swap-single-shell .ath-swap-single-panel--summary {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.swap-single-shell .ath-swap-single-panel--media {
  grid-template-rows: auto minmax(0, 1fr);
}

.swap-single-shell .ath-swap-single-panel--highlights {
  grid-template-rows: auto minmax(0, 1fr);
}

.swap-single-shell .ath-swap-single-summary__footer {
  align-self: end;
}

.swap-single-shell .ath-swap-card__header {
  gap: 2px;
}

.swap-single-shell .ath-swap-kicker,
.swap-single-shell .ath-swap-summary-card__label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.swap-single-shell .ath-swap-kicker::before,
.swap-single-shell .ath-swap-summary-card__label::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: none;
  border-radius: 999px;
  background: linear-gradient(135deg, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 84%, white 4%), color-mix(in oklch, var(--ctl-c3, #54d1a3) 74%, white 3%));
  box-shadow: 0 0 0 1px color-mix(in oklch, white 8%, transparent);
}

.swap-single-shell .ath-swap-card h2 {
  font-size: calc(1.4rem * var(--ath-swap-font-scale));
  line-height: 1.12;
}

.swap-single-shell .ath-swap-card h3,
.swap-single-shell .ath-swap-listing-card h3 {
  font-size: calc(1rem * var(--ath-swap-font-scale));
}

.swap-single-shell .ath-swap-muted {
  font-size: calc(0.92rem * var(--ath-swap-font-scale));
}

.swap-single-shell .ath-swap-button,
.swap-single-shell .ath-swap-chip,
.swap-single-shell .ath-swap-pill {
  border-radius: 0;
}

.swap-single-shell .ath-swap-pill,
.swap-single-shell .ath-swap-chip {
  border: 0;
  background: color-mix(in oklch, var(--surface-2, #20252d) 84%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--ctl-c2, #7aa6ff) 14%, transparent);
}

.swap-single-shell .ath-swap-single-media {
  padding: 7px;
}

.swap-single-shell .ath-swap-single-panel--media .ath-swap-single-gallery--media {
  min-height: 0;
  gap: 4px;
}

.swap-single-shell .ath-swap-single-gallery__primary,
.swap-single-shell .ath-swap-single-gallery__thumb,
.swap-single-shell .ath-swap-single-gallery__item {
  border: 0;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px color-mix(in oklch, white 5%, transparent);
}

.swap-single-shell .ath-swap-single-panel--media .ath-swap-single-gallery__primary {
  min-height: 0;
  height: 100%;
  aspect-ratio: auto;
}

.swap-single-shell .ath-swap-single-gallery__thumbs {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
}

.swap-single-shell .ath-swap-single-summary__facts {
  gap: 6px;
}

.swap-single-shell .ath-swap-single-highlights__rows {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.swap-single-shell .ath-swap-single-summary__fact,
.swap-single-shell .ath-swap-single-summary__wants {
  padding-top: 6px;
  border-top: 1px solid color-mix(in oklch, white 8%, transparent);
}

.swap-single-shell .ath-swap-single-highlights__row {
  display: grid;
  gap: 3px;
  align-content: start;
  min-width: 0;
  padding: 7px 9px;
  border: 1px solid color-mix(in oklch, white 8%, transparent);
  border-radius: 12px;
  background: color-mix(in oklch, var(--surface-0, #101317) 78%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 6%, transparent);
}

.swap-single-shell .ath-swap-single-highlights {
  gap: 7px;
}

.swap-single-shell .ath-swap-single-highlights__price strong {
  font-size: calc(1.52rem * var(--ath-swap-font-scale));
}

.swap-single-shell .ath-swap-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 16px;
}

.swap-single-shell .ath-swap-summary-grid .ath-swap-summary-card {
  padding: 6px 0;
  border: 0;
  border-top: 1px solid color-mix(in oklch, white 8%, transparent);
  border-radius: 0;
  background: none;
  box-shadow: none;
  min-width: 0;
}

.swap-single-shell .ath-swap-summary-grid .ath-swap-summary-card:nth-child(-n+2) {
  border-top: 0;
  padding-top: 0;
}

.swap-single-shell .ath-swap-summary-card__label {
  font-size: calc(0.66rem * var(--ath-swap-font-scale));
}

.swap-single-shell .ath-swap-summary-card__value {
  margin-top: 2px;
  font-size: calc(1rem * var(--ath-swap-font-scale));
  line-height: 1.2;
}

.swap-single-shell .ath-swap-single__meta-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 20px;
}

.swap-single-shell .ath-swap-single__meta-item {
  padding: 7px 0;
  border: 0;
  border-top: 1px solid color-mix(in oklch, white 8%, transparent);
  border-radius: 0;
  background: none;
}

.swap-single-shell .ath-swap-single__meta-item:nth-child(-n+2) {
  padding-top: 0;
  border-top: 0;
}

.swap-single-shell .ath-swap-single-match-list {
  gap: 7px;
}

.swap-single-shell .ath-swap-single-match-card,
.swap-single-shell .ath-swap-analytics-attention__item {
  padding: 5px 0;
  border: 0;
  border-top: 1px solid color-mix(in oklch, white 8%, transparent);
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.swap-single-shell .ath-swap-single-match-card:first-child,
.swap-single-shell .ath-swap-analytics-attention__item:first-child,
.swap-single-shell .ath-swap-builder-stack > .ath-swap-builder-item:first-child {
  padding-top: 0;
}

.swap-single-shell .ath-swap-builder-item--compact {
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 6px;
  padding: 5px 0;
}

.swap-single-shell .ath-swap-builder-item__body {
  gap: 4px;
}

.swap-single-shell .ath-swap-builder-item__media {
  width: 56px;
  min-height: 40px;
  border: 0;
  box-shadow: inset 0 0 0 1px color-mix(in oklch, white 6%, transparent);
}

.swap-single-shell .ath-swap-builder-item__head {
  gap: 6px;
  align-items: start;
}

.swap-single-shell .ath-swap-builder-item__head strong {
  font-size: calc(0.82rem * var(--ath-swap-font-scale));
  line-height: 1.2;
}

.swap-single-shell .ath-swap-builder-item__head span {
  font-size: calc(0.78rem * var(--ath-swap-font-scale));
  line-height: 1.2;
}

.swap-single-shell .ath-swap-builder-item__summary {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: calc(0.78rem * var(--ath-swap-font-scale));
  line-height: 1.3;
}

.swap-single-shell .ath-swap-builder-item__footer {
  gap: 6px;
}

.swap-single-shell .ath-swap-builder-item__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.swap-single-shell .ath-swap-builder-item .ath-swap-button {
  min-height: 19px;
  padding: 0 6px;
  font-size: calc(0.72rem * var(--ath-swap-font-scale));
}

.swap-single-shell .ath-swap-builder-item--compact .ath-swap-pill {
  min-height: 16px;
  padding: 0 6px;
  font-size: calc(0.7rem * var(--ath-swap-font-scale));
}

.swap-single-shell .ath-swap-feedback {
  padding-bottom: 6px;
}
.swap-single-shell .ath-swap-single-builder__compare {
  display: grid;
  gap: 6px;
  padding: 7px 9px;
  border: 1px solid color-mix(in oklch, var(--ctl-c2, #7aa6ff) 20%, transparent);
  background:
    radial-gradient(22rem 12rem at 0% 0%, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 12%, transparent), transparent 68%),
    radial-gradient(22rem 12rem at 100% 0%, color-mix(in oklch, var(--ctl-c3, #54d1a3) 10%, transparent), transparent 68%),
    linear-gradient(180deg, color-mix(in oklch, var(--surface-1, #15181d) 90%, transparent), color-mix(in oklch, var(--surface-0, #0f1114) 95%, transparent));
}

.swap-single-shell .ath-swap-single-builder__compare-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  align-items: start;
}

.swap-single-shell .ath-swap-single-builder__compare-status {
  display: inline-flex;
  align-items: center;
  min-height: 19px;
  padding: 0 6px;
  background: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 18%, transparent);
  font-size: calc(0.72rem * var(--ath-swap-font-scale));
  font-weight: 800;
  text-transform: uppercase;
}

.swap-single-shell .ath-swap-single-builder__compare--counterparty-ahead .ath-swap-single-builder__compare-status {
  background: color-mix(in oklch, var(--ctl-c3, #54d1a3) 18%, transparent);
}

.swap-single-shell .ath-swap-single-builder__compare-grid,
.swap-single-shell .ath-swap-single-builder__selection {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.swap-single-shell .ath-swap-single-builder__compare-card,
.swap-single-shell .ath-swap-single-builder__selection-side {
  display: grid;
  gap: 4px;
  padding: 7px 9px;
  border: 1px solid color-mix(in oklch, white 10%, transparent);
  background: color-mix(in oklch, var(--surface-0, #0f1114) 82%, transparent);
}

.swap-single-shell .ath-swap-single-builder__compare-card--balance {
  grid-column: 1 / -1;
}

.swap-single-shell .ath-swap-single-builder__selection-side--initiator,
.swap-single-shell .ath-swap-single-builder__lane--initiator,
.swap-single-shell .ath-swap-single-builder__lane--initiator .ath-swap-single-builder__picker {
  border-color: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 22%, transparent);
  background: radial-gradient(20rem 10rem at 0% 0%, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 10%, transparent), transparent 72%);
}

.swap-single-shell .ath-swap-single-builder__selection-side--counterparty,
.swap-single-shell .ath-swap-single-builder__lane--counterparty,
.swap-single-shell .ath-swap-single-builder__lane--counterparty .ath-swap-single-builder__picker {
  border-color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 22%, transparent);
  background: radial-gradient(20rem 10rem at 100% 0%, color-mix(in oklch, var(--ctl-c3, #54d1a3) 10%, transparent), transparent 72%);
}

.swap-single-shell .ath-swap-single-builder__selection-empty {
  padding: 9px;
  border: 1px dashed color-mix(in oklch, white 10%, transparent);
}.swap-single-shell .ath-swap-single-panel--summary {
  gap: 7px !important;
  padding: 9px 10px !important;
  border: 0 !important;
 
}
.swap-single-shell .ath-swap-single-summary__head,
.swap-single-shell .ath-swap-single-summary__body,
.swap-single-shell .ath-swap-single-summary__footer {
  gap: 6px !important;
}
.swap-single-shell .ath-swap-single-summary__head .ath-swap-kicker {
  margin: 0 !important;
  font-size: .68rem !important;
}
.swap-single-shell .ath-swap-single-summary__head h2 {
  font-size: clamp(1.5rem, 1.2rem + .45vw, 1.95rem) !important;
  line-height: 1.06 !important;
  margin: 0 !important;
}
.swap-single-shell .ath-swap-single-summary__head .ath-swap-muted,
.swap-single-shell .ath-swap-single-summary__head .ath-swap-single__hero-summary {
  margin: 0 !important;
  font-size: .92rem !important;
  line-height: 1.35 !important;
}
.swap-single-shell .ath-swap-single-summary__facts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 18px !important;
}
.swap-single-shell .ath-swap-single-summary__fact,
.swap-single-shell .ath-swap-single-summary__wants {
  padding-top: 6px !important;
  border-top: 1px solid color-mix(in oklch, white 7%, transparent) !important;
}
.swap-single-shell .ath-swap-single-summary__fact span,
.swap-single-shell .ath-swap-single-summary__wants > strong {
  font-size: .72rem !important;
text-transform: uppercase !important;
  opacity: .82 !important;
}
.swap-single-shell .ath-swap-single-summary__fact strong {
  display: block !important;
  margin-top: 2px !important;
  font-size: .96rem !important;
  line-height: 1.2 !important;
}
.swap-single-shell .ath-swap-single-panel--summary .ath-swap-chip-row {
  gap: 4px !important;
}
.swap-single-shell .ath-swap-single-panel--summary .ath-swap-pill,
.swap-single-shell .ath-swap-single-panel--summary .ath-swap-chip {
  min-height: 17px!important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  background:
    linear-gradient(
      180deg,
      color-mix(in oklch, var(--ctl-c2, #7aa6ff) 16%, var(--surface-1, #171b21)),
      color-mix(in oklch, var(--surface-2, #232833) 92%, transparent)
    ) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in oklch, white 8%, transparent),
    0 1px 0 color-mix(in oklch, black 28%, transparent) !important;
}
.swap-single-shell .ath-swap-single-panel--summary .ath-swap-chip {
  background:
    linear-gradient(
      180deg,
      color-mix(in oklch, var(--ctl-c3, #54d1a3) 14%, var(--surface-1, #171b21)),
      color-mix(in oklch, var(--surface-2, #232833) 92%, transparent)
    ) !important;
}.swap-single-shell .ath-swap-single-panel--offer {
  gap: 10px !important;
  padding: 10px 12px !important;
}
.swap-single-shell .ath-swap-single-builder {
  gap: 10px !important;
}
.swap-single-shell .ath-swap-single-builder__summary,
.swap-single-shell .ath-swap-single-builder__compare,
.swap-single-shell .ath-swap-single-builder__selection,
.swap-single-shell .ath-swap-single-builder__grid,
.swap-single-shell .ath-swap-single-builder > .ath-swap-grid,
.swap-single-shell .ath-swap-single-builder > label,
.swap-single-shell .ath-swap-single-builder > .ath-swap-button--primary {
  padding: 9px 10px !important;
  border: 1px solid color-mix(in oklch, white 8%, transparent) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(
      180deg,
      color-mix(in oklch, var(--surface-1, #171b21) 92%, transparent),
      color-mix(in oklch, var(--surface-0, #101317) 96%, transparent)
    ) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 8%, transparent),
    0 10px 22px rgba(0,0,0,.12) !important;
}
.swap-single-shell .ath-swap-single-builder__summary {
  border-color: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 22%, transparent) !important;
  background:
    radial-gradient(24rem 12rem at 100% 0%, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 11%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in oklch, var(--surface-1, #171b21) 93%, transparent), color-mix(in oklch, var(--surface-0, #101317) 96%, transparent)) !important;
}
.swap-single-shell .ath-swap-single-builder__compare {
  border-color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 24%, transparent) !important;
  background:
    radial-gradient(24rem 12rem at 0% 0%, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 10%, transparent), transparent 70%),
    radial-gradient(20rem 10rem at 100% 0%, color-mix(in oklch, var(--ctl-c3, #54d1a3) 12%, transparent), transparent 72%),
    linear-gradient(180deg, color-mix(in oklch, var(--surface-1, #171b21) 94%, transparent), color-mix(in oklch, var(--surface-0, #101317) 96%, transparent)) !important;
}
.swap-single-shell .ath-swap-single-builder__selection,
.swap-single-shell .ath-swap-single-builder__grid {
  gap: 9px !important;
}
.swap-single-shell .ath-swap-single-builder__selection-side,
.swap-single-shell .ath-swap-single-builder__lane {
  padding: 9px !important;
  border-radius: 12px !important;
  border: 1px solid color-mix(in oklch, white 7%, transparent) !important;
}
.swap-single-shell .ath-swap-single-builder__selection-side--initiator,
.swap-single-shell .ath-swap-single-builder__lane--initiator {
  border-color: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 24%, transparent) !important;
  background:
    radial-gradient(18rem 10rem at 0% 0%, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 10%, transparent), transparent 72%),
    color-mix(in oklch, var(--surface-1, #171b21) 90%, transparent) !important;
}
.swap-single-shell .ath-swap-single-builder__selection-side--counterparty,
.swap-single-shell .ath-swap-single-builder__lane--counterparty {
  border-color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 24%, transparent) !important;
  background:
    radial-gradient(18rem 10rem at 100% 0%, color-mix(in oklch, var(--ctl-c3, #54d1a3) 10%, transparent), transparent 72%),
    color-mix(in oklch, var(--surface-1, #171b21) 90%, transparent) !important;
}
.swap-single-shell .ath-swap-single-builder__compare-card {
  padding: 7px 9px !important;
  border: 1px solid color-mix(in oklch, white 8%, transparent) !important;
  border-radius: 12px !important;
  background: color-mix(in oklch, var(--surface-0, #101317) 78%, transparent) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 6%, transparent) !important;
}
.swap-single-shell .ath-swap-builder-stack--selected,
.swap-single-shell .ath-swap-builder-stack--compact {
  padding: 4px !important;
  border-radius: 12px !important;
  background: color-mix(in oklch, black 18%, transparent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in oklch, white 5%, transparent) !important;
}
.swap-single-shell .ath-swap-builder-item {
  border-radius: 10px !important;
  border: 1px solid color-mix(in oklch, white 7%, transparent) !important;
  background:
    linear-gradient(
      180deg,
      color-mix(in oklch, var(--surface-1, #171b21) 88%, transparent),
      color-mix(in oklch, var(--surface-0, #101317) 95%, transparent)
    ) !important;
}
.swap-single-shell .ath-swap-single-builder .ath-swap-chip-row {
  gap: 4px !important;
}
.swap-single-shell .ath-swap-single-builder .ath-swap-pill,
.swap-single-shell .ath-swap-single-builder .ath-swap-chip {
  min-height: 17px!important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  color: var(--text-1, #f2f5f7) !important;
  background:
    linear-gradient(
      180deg,
      color-mix(in oklch, var(--ctl-c2, #7aa6ff) 16%, var(--surface-1, #171b21)),
      color-mix(in oklch, var(--surface-2, #232833) 92%, transparent)
    ) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in oklch, white 8%, transparent),
    0 1px 0 color-mix(in oklch, black 26%, transparent) !important;
}
.swap-single-shell .ath-swap-single-builder__selection-side--counterparty .ath-swap-pill,
.swap-single-shell .ath-swap-single-builder__lane--counterparty .ath-swap-pill,
.swap-single-shell .ath-swap-single-builder .ath-swap-chip {
  background:
    linear-gradient(
      180deg,
      color-mix(in oklch, var(--ctl-c3, #54d1a3) 15%, var(--surface-1, #171b21)),
      color-mix(in oklch, var(--surface-2, #232833) 92%, transparent)
    ) !important;
}

.swap-single-shell .ath-swap-single__section {
  position: relative !important;
  overflow: hidden !important;
}
.swap-single-shell .ath-swap-single__section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: linear-gradient(
    90deg,
    color-mix(in oklch, var(--ctl-c2, #7aa6ff) 80%, white 2%),
    color-mix(in oklch, var(--ctl-c3, #54d1a3) 72%, white 2%)
  ) !important;
  opacity: .85 !important;
}
.swap-single-shell .swap-amz-detail-main .ath-swap-single__section::before {
  background: linear-gradient(
    90deg,
    color-mix(in oklch, var(--ctl-c2, #7aa6ff) 70%, transparent),
    color-mix(in oklch, white 12%, transparent)
  ) !important;
}
.swap-single-shell .swap-amz-detail-side .ath-swap-single__section::before {
  background: linear-gradient(
    90deg,
    color-mix(in oklch, var(--ctl-c3, #54d1a3) 70%, transparent),
    color-mix(in oklch, white 12%, transparent)
  ) !important;
}
.swap-single-shell .ath-swap-card__header,
.swap-single-shell .ath-swap-single-panel__head {
  padding-bottom: 7px !important;
  border-bottom: 1px solid color-mix(in oklch, white 7%, transparent) !important;
}
.swap-single-shell .swap-amz-media .ath-swap-card {
  padding: 7px !important;
  border-radius: 18px !important;
}
.swap-single-shell .ath-swap-single-gallery__primary,
.swap-single-shell .ath-swap-single-gallery__thumb,
.swap-single-shell .ath-swap-single-gallery__item {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in oklch, white 5%, transparent),
    0 8px 20px rgba(0,0,0,.14) !important;
}
.swap-single-shell .ath-swap-pill,
.swap-single-shell .ath-swap-chip {
  min-height: 17px!important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      180deg,
      color-mix(in oklch, var(--ctl-c2, #7aa6ff) 15%, var(--surface-1, #171b21)),
      color-mix(in oklch, var(--surface-2, #232833) 92%, transparent)
    ) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in oklch, white 8%, transparent),
    0 1px 0 color-mix(in oklch, black 24%, transparent) !important;
}
.swap-single-shell .swap-amz-detail-side .ath-swap-pill,
.swap-single-shell .swap-amz-detail-side .ath-swap-chip {
  background:
    linear-gradient(
      180deg,
      color-mix(in oklch, var(--ctl-c3, #54d1a3) 14%, var(--surface-1, #171b21)),
      color-mix(in oklch, var(--surface-2, #232833) 92%, transparent)
    ) !important;
}
.swap-single-shell .swap-amz-top {
  gap: 14px !important;
}
.swap-single-shell .swap-amz-summary {
  transform: translateY(2px) !important;
}
.swap-single-shell .swap-amz-side > .brxe-container {
  gap: 10px !important;
}
.swap-single-shell .swap-amz-side .ath-swap-card {
  border-left: 2px solid color-mix(in oklch, var(--ctl-c3, #54d1a3) 28%, transparent) !important;
}
.swap-single-shell .swap-amz-summary .ath-swap-card {
  border-left: 2px solid color-mix(in oklch, var(--ctl-c2, #7aa6ff) 28%, transparent) !important;
}

@media (max-width: 1199px) {
  .swap-single-shell {
    --swap-shop-font-scale: 1.40;
  }

  .swap-single-shell .swap-amz-top {
    grid-template-columns: 1fr;
  }

  .swap-single-shell .swap-amz-media,
  .swap-single-shell .swap-amz-summary,
  .swap-single-shell .swap-amz-side {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 991px) {
  .swap-single-shell {
    --swap-shop-font-scale: 1.36;
  }

  .swap-single-shell .swap-amz-top,
  .swap-single-shell .swap-amz-details {
    grid-template-columns: 1fr;
  }

  .swap-single-shell .ath-swap-single__meta-grid {
    grid-template-columns: 1fr;
  }

  .swap-single-shell .ath-swap-single__meta-item:nth-child(-n+2) {
    padding-top: 7px;
    border-top: 1px solid color-mix(in oklch, white 8%, transparent);
  }

  .swap-single-shell .ath-swap-single__meta-item:first-child {
    padding-top: 0;
    border-top: 0;
  }
}

@media (max-width: 767px) {
  .swap-single-shell {
    --swap-shop-font-scale: 1.30;
    padding: 0;
  }

  .swap-single-shell .ath-swap-summary-grid,
  .swap-single-shell .ath-swap-single-gallery__thumbs {
    grid-template-columns: 1fr 1fr !important;
  }

  .swap-single-shell .ath-swap-single-highlights__rows {
    grid-template-columns: 1fr;
  }

  .swap-single-shell .ath-swap-single-builder__selection,
  .swap-single-shell .ath-swap-single-builder__compare-grid {
    grid-template-columns: 1fr;
  }

  .swap-single-shell .ath-swap-single-builder__compare-head {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .swap-single-shell {
    --swap-shop-font-scale: 1.26;
  }

  .swap-single-shell .ath-swap-summary-grid,
  .swap-single-shell .ath-swap-single-gallery__thumbs {
    grid-template-columns: 1fr !important;
  }
}

/* Trader snapshot markup-driven refinement */
.swap-single-shell .ath-swap-single-panel--trader {
  padding: 10px 12px !important;
  border-left: 2px solid color-mix(in oklch, var(--ctl-c3, #54d1a3) 34%, transparent) !important;
  gap: 9px !important;
}

.swap-single-shell .ath-swap-single-trader__head {
  display: grid !important;
  gap: 3px !important;
  padding-bottom: 7px !important;
  border-bottom: 1px solid color-mix(in oklch, white 7%, transparent) !important;
}

.swap-single-shell .ath-swap-single-trader__head .ath-swap-kicker {
  margin: 0 !important;
  font-size: .72rem !important;
opacity: .82 !important;
}

.swap-single-shell .ath-swap-single-trader__head h3 {
  margin: 0 !important;
  font-size: 1.32rem !important;
  line-height: 1.02 !important;
}

.swap-single-shell .ath-swap-single-trader__body {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 7px !important;
  align-items: stretch !important;
}

.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) {
  grid-template-columns: 1fr !important;
  gap: 7px !important;
}

.swap-single-shell .ath-swap-single-trader__identity,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
}

.swap-single-shell .ath-swap-single-trader__identity {
  display: grid !important;
  grid-template-columns: minmax(0, 1.7fr) minmax(210px, .8fr);
  gap: 7px !important;
  align-items: stretch !important;
}

.swap-single-shell .ath-swap-single-trader__owner-card,
.swap-single-shell .ath-swap-summary-card--tier,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__owner {
  min-width: 0 !important;
  border: 1px solid color-mix(in oklch, white 8%, transparent) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(12rem 8rem at 100% 0%, color-mix(in oklch, var(--ctl-c3, #54d1a3) 8%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in oklch, var(--surface-1, #171b21) 90%, transparent), color-mix(in oklch, var(--surface-0, #101317) 98%, transparent)) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 6%, transparent),
    0 10px 22px rgba(0, 0, 0, .12) !important;
}

.swap-single-shell .ath-swap-single-trader__owner-card {
  display: grid !important;
  grid-template-columns: 60px minmax(0, 1fr);
  align-items: center !important;
  gap: 10px !important;
  min-height: 66px!important;
  padding: 9px 10px !important;
}

.swap-single-shell .ath-swap-single-trader__avatar {
  width: 60px !important;
  height: 60px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  background:
    radial-gradient(circle at 30% 30%, color-mix(in oklch, var(--ctl-c3, #54d1a3) 36%, white 8%), transparent 60%),
    linear-gradient(180deg, color-mix(in oklch, var(--surface-2, #232833) 96%, transparent), color-mix(in oklch, var(--surface-0, #101317) 100%, transparent)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in oklch, white 10%, transparent),
    0 6px 16px rgba(0, 0, 0, .16) !important;
}

.swap-single-shell .ath-swap-single-trader__avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.swap-single-shell .ath-swap-single-trader__avatar-fallback {
  color: var(--text-1, #f2f5f7) !important;
  font-size: 1.14rem !important;
  font-weight: 800 !important;
}

.swap-single-shell .ath-swap-single-trader__owner-copy {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  align-content: center !important;
}

.swap-single-shell .ath-swap-single-trader__owner-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: .68rem !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
opacity: .78 !important;
}

.swap-single-shell .ath-swap-single-trader__owner-name {
  font-size: 1.18rem !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.swap-single-shell .ath-swap-summary-card--tier {
  min-height: 66px!important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-content: center !important;
  gap: 9px !important;
  padding: 9px 10px !important;
}

.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 7px !important;
  align-items: stretch !important;
}

.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card {
  min-height: 84px!important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  padding: 9px !important;
  position: relative !important;
  overflow: hidden !important;
}

.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card::before,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 60%, transparent), color-mix(in oklch, var(--ctl-c3, #54d1a3) 60%, transparent)) !important;
  opacity: .7 !important;
}

.swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__label,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__label {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: .68rem !important;
  line-height: 1.08 !important;
opacity: .82 !important;
  text-transform: uppercase !important;
}

.swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__label::before,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__label::before {
  content: none !important;
  display: none !important;
}

.swap-single-shell .ath-swap-summary-card__icon {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  background: color-mix(in oklch, var(--ctl-c3, #54d1a3) 16%, var(--surface-1, #171b21)) !important;
  color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 84%, white 8%) !important;
  box-shadow: inset 0 0 0 1px color-mix(in oklch, white 8%, transparent) !important;
  font-size: .88rem !important;
}

.swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 13px !important;
  background: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 18%, var(--surface-1, #171b21)) !important;
  color: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 82%, white 10%) !important;
}

.swap-single-shell .ath-swap-summary-card__label-text {
  display: block !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__value {
  min-width: 0 !important;
  font-weight: 800 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__value {
  margin-top: 0 !important;
  font-size: .98rem !important;
  line-height: 1.08 !important;
  white-space: normal !important;
}

.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value {
  margin-top: auto !important;
  font-size: 2.4rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.swap-single-shell .ath-swap-single-trader__body > .ath-swap-muted {
  margin: 0 !important;
}

.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__owner {
  grid-column: 1 / span 4 !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 62px!important;
  margin: 0 !important;
  padding: 9px 10px !important;
  font-size: 1.08rem !important;
  line-height: 1.06 !important;
  font-weight: 800 !important;
}

.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__owner::before {
  content: "\f007" !important;
  display: grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 30% 30%, color-mix(in oklch, var(--ctl-c3, #54d1a3) 36%, white 8%), transparent 60%),
    linear-gradient(180deg, color-mix(in oklch, var(--surface-2, #232833) 96%, transparent), color-mix(in oklch, var(--surface-0, #101317) 100%, transparent)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in oklch, white 10%, transparent),
    0 6px 16px rgba(0, 0, 0, .16) !important;
  color: var(--text-1, #f2f5f7) !important;
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-size: 1.1rem !important;
}

.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__owner strong {
  display: block !important;
  margin-bottom: 4px !important;
  color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 66%, white 18%) !important;
  font-size: .66rem !important;
  line-height: 1 !important;
text-transform: uppercase !important;
}

.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats {
  display: contents !important;
}

.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card {
  min-width: 0 !important;
  min-height: 62px!important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding: 9px !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card:nth-child(1) {
  grid-column: 5 / span 2 !important;
  grid-row: 1 !important;
}

.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card:nth-child(n+2) {
  grid-row: 2 !important;
}

.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__label {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: .66rem !important;
  line-height: 1.08 !important;
opacity: .82 !important;
  text-transform: uppercase !important;
}

.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__label::before {
  content: none !important;
  display: none !important;
}

.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__value {
  margin-top: auto !important;
  min-width: 0 !important;
  font-size: .98rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 1320px) {
  .swap-single-shell .ath-swap-single-trader__identity {
    grid-template-columns: 1fr !important;
  }

  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 920px) {
  .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__owner,
  .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card:nth-child(1) {
    grid-column: 1 / -1 !important;
  }

  .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card:nth-child(n+2) {
    grid-row: auto !important;
  }
}

@media (max-width: 767px) {
  .swap-single-shell .ath-swap-single-trader__owner-card {
    grid-template-columns: 52px minmax(0, 1fr);
    min-height: 60px!important;
    gap: 9px !important;
    padding: 9px !important;
  }

  .swap-single-shell .ath-swap-single-trader__avatar {
    width: 52px !important;
    height: 52px !important;
  }

  .swap-single-shell .ath-swap-single-trader__owner-name {
    font-size: 1.08rem !important;
  }

  .swap-single-shell .ath-swap-summary-card--tier,
  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card {
    min-height: 66px!important;
  }

  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .swap-single-shell .ath-swap-single-trader__body {
    grid-template-columns: 1fr !important;
  }

  .swap-single-shell .ath-swap-single-trader__identity,
  .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__owner,
  .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card:nth-child(1) {
    grid-column: 1 / -1 !important;
  }

  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats {
    grid-template-columns: 1fr !important;
  }
}



/* Ultra-compact large-type refinement */
.swap-single-shell {
  --swap-shop-font-scale: 1.22;
  --ath-swap-font-scale: 1.22;
}

.swap-single-shell > .brxe-container {
  gap: 9px;
}

.swap-single-shell .swap-amz-top,
.swap-single-shell .swap-amz-details {
  gap: 10px !important;
}

.swap-single-shell .swap-amz-side > .brxe-container,
.swap-single-shell .swap-amz-detail-main > .brxe-container,
.swap-single-shell .swap-amz-detail-side > .brxe-container,
.swap-single-shell .ath-swap-single-panel,
.swap-single-shell .ath-swap-single-panel__head,
.swap-single-shell .ath-swap-single-panel__body,
.swap-single-shell .ath-swap-single-panel__footer,
.swap-single-shell .ath-swap-single-builder,
.swap-single-shell .ath-swap-single-builder__selection,
.swap-single-shell .ath-swap-single-builder__compare-grid,
.swap-single-shell .ath-swap-single-builder__compare-card,
.swap-single-shell .ath-swap-single-builder__selection-side,
.swap-single-shell .ath-swap-single-builder__lane,
.swap-single-shell .ath-swap-single-highlights,
.swap-single-shell .ath-swap-single-highlights__rows,
.swap-single-shell .ath-swap-single-summary__facts,
.swap-single-shell .ath-swap-summary-grid,
.swap-single-shell .ath-swap-single__meta-grid,
.swap-single-shell .ath-swap-single-match-list,
.swap-single-shell .ath-swap-builder-item__body,
.swap-single-shell .ath-swap-builder-item__footer,
.swap-single-shell .ath-swap-builder-item__tags,
.swap-single-shell .ath-swap-chip-row {
  gap: 4px !important;
}

.swap-single-shell .ath-swap-card,
.swap-single-shell .ath-swap-listing-card,
.swap-single-shell .ath-swap-single-panel--summary,
.swap-single-shell .ath-swap-single-panel--offer,
.swap-single-shell .ath-swap-single-panel--trader,
.swap-single-shell .ath-swap-single-builder__summary,
.swap-single-shell .ath-swap-single-builder__compare,
.swap-single-shell .ath-swap-single-builder__selection,
.swap-single-shell .ath-swap-single-builder__grid,
.swap-single-shell .ath-swap-single-builder > .ath-swap-grid,
.swap-single-shell .ath-swap-single-builder > label,
.swap-single-shell .ath-swap-single-builder > .ath-swap-button--primary {
  padding: 6px 7px !important;
}

.swap-single-shell .ath-swap-card__header,
.swap-single-shell .ath-swap-single-panel__head,
.swap-single-shell .ath-swap-single-trader__head {
  padding-bottom: 5px !important;
  gap: 2px !important;
}

.swap-single-shell .ath-swap-kicker,
.swap-single-shell .ath-swap-summary-card__label,
.swap-single-shell .ath-swap-single-summary__fact span,
.swap-single-shell .ath-swap-single-summary__wants > strong,
.swap-single-shell .ath-swap-single-trader__owner-label,
.swap-single-shell .ath-swap-single-trader__head .ath-swap-kicker {
  font-size: .7rem !important;
  line-height: 1.05 !important;
}

.swap-single-shell .ath-swap-card h2,
.swap-single-shell .ath-swap-single-summary__head h2 {
  font-size: clamp(1.62rem, 1.34rem + .52vw, 2.12rem) !important;
  line-height: 1.04 !important;
}

.swap-single-shell .ath-swap-card h3,
.swap-single-shell .ath-swap-listing-card h3,
.swap-single-shell .ath-swap-single-trader__head h3 {
  font-size: 1.12rem !important;
  line-height: 1.06 !important;
}

.swap-single-shell .ath-swap-muted,
.swap-single-shell .ath-swap-single__hero-summary,
.swap-single-shell .ath-swap-single-summary__head .ath-swap-muted,
.swap-single-shell .ath-swap-single-summary__head .ath-swap-single__hero-summary,
.swap-single-shell .ath-swap-single-trader__body > .ath-swap-muted {
  font-size: .94rem !important;
  line-height: 1.32 !important;
}

.swap-single-shell .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-single-summary__fact strong,
.swap-single-shell .ath-swap-builder-item__head strong,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__value {
  font-size: 1.06rem !important;
  line-height: 1.12 !important;
}

.swap-single-shell .ath-swap-single-highlights__price strong {
  font-size: 1.68rem !important;
  line-height: .98 !important;
}

.swap-single-shell .ath-swap-summary-grid .ath-swap-summary-card,
.swap-single-shell .ath-swap-single__meta-item,
.swap-single-shell .ath-swap-single-summary__fact,
.swap-single-shell .ath-swap-single-summary__wants,
.swap-single-shell .ath-swap-single-match-card,
.swap-single-shell .ath-swap-analytics-attention__item,
.swap-single-shell .ath-swap-builder-item,
.swap-single-shell .ath-swap-single-builder__summary,
.swap-single-shell .ath-swap-single-builder__lane,
.swap-single-shell .ath-swap-single-builder__picker {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.swap-single-shell .ath-swap-single-highlights__row,
.swap-single-shell .ath-swap-single-builder__selection-side,
.swap-single-shell .ath-swap-single-builder__compare-card,
.swap-single-shell .ath-swap-builder-stack--selected,
.swap-single-shell .ath-swap-builder-stack--compact {
  padding: 5px 6px !important;
}

.swap-single-shell .ath-swap-pill,
.swap-single-shell .ath-swap-chip {
  min-height: 14px!important;
  padding: 0 5px !important;
  font-size: .7rem !important;
  line-height: 1 !important;
}

.swap-single-shell .ath-swap-button,
.swap-single-shell .ath-swap-builder-item .ath-swap-button {
  min-height: 20px!important;
  padding: 0 6px !important;
  font-size: .76rem !important;
}

.swap-single-shell .ath-swap-builder-item--compact {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 4px !important;
}

.swap-single-shell .ath-swap-builder-item__media {
  width: 44px !important;
  min-height: 32px!important;
}

.swap-single-shell .ath-swap-builder-item__head span,
.swap-single-shell .ath-swap-builder-item__summary {
  font-size: .84rem !important;
  line-height: 1.26 !important;
}

.swap-single-shell .ath-swap-single-builder__compare-status {
  min-height: 16px!important;
  padding: 0 6px !important;
  font-size: .74rem !important;
}

.swap-single-shell .ath-swap-single-media {
  padding: 4px !important;
}

.swap-single-shell .ath-swap-single-gallery__thumbs {
  gap: 4px !important;
}

.swap-single-shell .ath-swap-single-trader__body,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity),
.swap-single-shell .ath-swap-single-trader__identity,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats {
  gap: 6px !important;
}

.swap-single-shell .ath-swap-single-trader__owner-card,
.swap-single-shell .ath-swap-summary-card--tier,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__owner {
  border-radius: 14px !important;
}

.swap-single-shell .ath-swap-single-trader__owner-card {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  min-height: 52px!important;
  gap: 6px !important;
  padding: 6px 7px !important;
}

.swap-single-shell .ath-swap-single-trader__avatar {
  width: 44px !important;
  height: 44px !important;
}

.swap-single-shell .ath-swap-single-trader__avatar-fallback {
  font-size: 1rem !important;
}

.swap-single-shell .ath-swap-single-trader__owner-name {
  font-size: 1.08rem !important;
  line-height: 1.05 !important;
}

.swap-single-shell .ath-swap-summary-card--tier {
  min-height: 52px!important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 6px !important;
  padding: 6px 7px !important;
}

.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card {
  min-height: 69px!important;
  gap: 5px !important;
  padding: 6px !important;
}

.swap-single-shell .ath-swap-summary-card__icon {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  border-radius: 8px !important;
  font-size: .76rem !important;
}

.swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
}

.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value {
  font-size: 2.15rem !important;
  line-height: .96 !important;
}

.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__owner {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 7px !important;
  min-height: 52px!important;
  padding: 6px 7px !important;
  font-size: 1.04rem !important;
}

.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__owner::before {
  width: 44px !important;
  height: 44px !important;
  font-size: .94rem !important;
}

.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card {
  min-height: 52px!important;
  gap: 4px !important;
  padding: 6px !important;
}

@media (max-width: 1199px) {
  .swap-single-shell {
    --swap-shop-font-scale: 1.18;
    --ath-swap-font-scale: 1.18;
  }
}

@media (max-width: 991px) {
  .swap-single-shell {
    --swap-shop-font-scale: 1.14;
    --ath-swap-font-scale: 1.14;
  }
}

@media (max-width: 767px) {
  .swap-single-shell {
    --swap-shop-font-scale: 1.1;
    --ath-swap-font-scale: 1.1;
  }

  .swap-single-shell .ath-swap-card,
  .swap-single-shell .ath-swap-listing-card,
  .swap-single-shell .ath-swap-single-panel--summary,
  .swap-single-shell .ath-swap-single-panel--offer,
  .swap-single-shell .ath-swap-single-panel--trader,
  .swap-single-shell .ath-swap-single-builder__summary,
  .swap-single-shell .ath-swap-single-builder__compare,
  .swap-single-shell .ath-swap-single-builder__selection,
  .swap-single-shell .ath-swap-single-builder__grid,
  .swap-single-shell .ath-swap-single-builder > .ath-swap-grid,
  .swap-single-shell .ath-swap-single-builder > label,
  .swap-single-shell .ath-swap-single-builder > .ath-swap-button--primary {
    padding: 6px 6px !important;
  }

  .swap-single-shell .ath-swap-card h2,
  .swap-single-shell .ath-swap-single-summary__head h2 {
    font-size: 1.42rem !important;
  }

  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value {
    font-size: 1.78rem !important;
  }
}

@media (max-width: 560px) {
  .swap-single-shell {
    --swap-shop-font-scale: 1.06;
    --ath-swap-font-scale: 1.06;
  }
}


/* Offer submission popup */
.swap-single-shell .ath-swap-offer-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  padding: 14px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility .18s ease;
}

.swap-single-shell .ath-swap-offer-modal.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.swap-single-shell .ath-swap-offer-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 10, 14, .72);
  backdrop-filter: blur(8px);
}

.swap-single-shell .ath-swap-offer-modal__dialog {
  position: relative;
  width: min(100%, 460px);
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid color-mix(in oklch, white 14%, transparent);
  border-radius: 16px;
  outline: none;
  transform: translateY(10px) scale(.98);
  transition: transform .18s ease;
  background:
    radial-gradient(18rem 10rem at 100% 0%, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 10%, transparent), transparent 72%),
    linear-gradient(180deg, color-mix(in oklch, var(--surface-1, #171b21) 95%, transparent), color-mix(in oklch, var(--surface-0, #101317) 98%, transparent));
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 9%, transparent),
    0 28px 80px rgba(0, 0, 0, .46);
}

.swap-single-shell .ath-swap-offer-modal.is-visible .ath-swap-offer-modal__dialog {
  transform: translateY(0) scale(1);
}

.swap-single-shell .ath-swap-offer-modal[data-state="success"] .ath-swap-offer-modal__dialog {
  border-color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 34%, white 8%);
  background:
    radial-gradient(18rem 10rem at 100% 0%, color-mix(in oklch, var(--ctl-c3, #54d1a3) 12%, transparent), transparent 72%),
    linear-gradient(180deg, color-mix(in oklch, var(--surface-1, #171b21) 95%, transparent), color-mix(in oklch, var(--surface-0, #101317) 98%, transparent));
}

.swap-single-shell .ath-swap-offer-modal[data-state="error"] .ath-swap-offer-modal__dialog {
  background:
    radial-gradient(18rem 10rem at 100% 0%, color-mix(in oklch, #ff7c7c 10%, transparent), transparent 72%),
    linear-gradient(180deg, color-mix(in oklch, var(--surface-1, #171b21) 95%, transparent), color-mix(in oklch, var(--surface-0, #101317) 98%, transparent));
}

.swap-single-shell .ath-swap-offer-modal__head {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.swap-single-shell .ath-swap-offer-modal__icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 16%, var(--surface-1, #171b21));
  box-shadow: inset 0 0 0 1px color-mix(in oklch, white 10%, transparent);
}

.swap-single-shell .ath-swap-offer-modal[data-state="success"] .ath-swap-offer-modal__icon {
  background: color-mix(in oklch, var(--ctl-c3, #54d1a3) 18%, var(--surface-1, #171b21));
}

.swap-single-shell .ath-swap-offer-modal[data-state="error"] .ath-swap-offer-modal__icon {
  background: color-mix(in oklch, #ff7c7c 18%, var(--surface-1, #171b21));
}

.swap-single-shell .ath-swap-offer-modal__spinner {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid var(--swap-market-highlight);
  border-top-color: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 82%, white 6%);
  animation: athSwapOfferSpin .8s linear infinite;
}

.swap-single-shell .ath-swap-offer-modal[data-state="success"] .ath-swap-offer-modal__spinner,
.swap-single-shell .ath-swap-offer-modal[data-state="error"] .ath-swap-offer-modal__spinner {
  display: none;
}

.swap-single-shell .ath-swap-offer-modal__check,
.swap-single-shell .ath-swap-offer-modal__errormark {
  display: none;
  font-size: 1.08rem;
  font-weight: 900;
  line-height: 1;
}

.swap-single-shell .ath-swap-offer-modal[data-state="success"] .ath-swap-offer-modal__check {
  display: block;
  color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 86%, white 8%);
}

.swap-single-shell .ath-swap-offer-modal[data-state="error"] .ath-swap-offer-modal__errormark {
  display: block;
  color: color-mix(in oklch, #ff9a9a 90%, white 4%);
}

.swap-single-shell .ath-swap-offer-modal__title {
  margin: 0;
  font-size: 1.22rem;
  line-height: 1.08;
}

.swap-single-shell .ath-swap-offer-modal__body {
  margin: 4px 0 0;
  font-size: .95rem;
  line-height: 1.45;
  color: color-mix(in oklch, var(--text-1, #f2f5f7) 76%, transparent);
}

.swap-single-shell .ath-swap-offer-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.swap-single-shell .ath-swap-offer-modal__button {
  min-height: 29px;
  padding: 0 13px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 18%, var(--surface-1, #171b21)), color-mix(in oklch, var(--surface-2, #232833) 94%, transparent));
  color: var(--text-1, #f2f5f7);
  font: inherit;
  font-size: .86rem;
  font-weight: 800;
  cursor: pointer;
}

.swap-single-shell .ath-swap-offer-modal__button:hover,
.swap-single-shell .ath-swap-offer-modal__button:focus-visible {
  background: linear-gradient(180deg, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 28%, var(--surface-1, #171b21)), color-mix(in oklch, var(--surface-2, #232833) 96%, transparent));
  outline: 2px solid color-mix(in oklch, var(--ctl-c2, #7aa6ff) 58%, white 8%);
  outline-offset: 2px;
}

.swap-single-shell .ath-swap-offer-modal__button[hidden] {
  display: none !important;
}

@keyframes athSwapOfferSpin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 767px) {
  .swap-single-shell .ath-swap-offer-modal {
    padding: 10px;
  }

  .swap-single-shell .ath-swap-offer-modal__dialog {
    width: min(100%, 360px);
    padding: 12px;
  }
}


/* Unified marketplace override: swapshop/list visual alignment */
.swap-single-shell {
  --swap-shop-font-scale: 1;
  --ath-swap-font-scale: 1;
  --ath-swap-radius: 0;
  --ath-swap-radius-lg: 0;
  --ath-swap-radius-pill: 0;
  --swap-market-surface-0: var(--surface-0, #0f1114);
  --swap-market-surface-1: var(--surface-1, #15181d);
  --swap-market-surface-2: var(--surface-2, #20252d);
  --swap-market-text: var(--text-1, #f8fafc);
  --swap-market-muted: var(--text-2, color-mix(in oklch, var(--swap-market-text) 78%, transparent));
  --swap-market-dim: var(--text-3, color-mix(in oklch, var(--swap-market-text) 62%, transparent));
  --swap-market-border: var(--border-1, color-mix(in oklch, var(--swap-market-text) 36%, transparent));
  --swap-market-border-soft: var(--border-2, color-mix(in oklch, var(--swap-market-text) 16%, transparent));
  --swap-market-highlight: var(--highlight-1, color-mix(in oklch, var(--swap-market-text) 18%, transparent));
  --swap-market-highlight-soft: var(--highlight-2, color-mix(in oklch, var(--swap-market-text) 8%, transparent));
  --swap-market-shadow: var(--shadow-color, color-mix(in oklch, var(--swap-market-surface-0) 72%, black 28%));
  --swap-market-panel: linear-gradient(180deg, color-mix(in oklch, var(--swap-market-surface-2) 88%, transparent), color-mix(in oklch, var(--swap-market-surface-0) 96%, transparent));
  --swap-market-panel-flat: linear-gradient(180deg, color-mix(in oklch, var(--swap-market-surface-1) 92%, transparent), color-mix(in oklch, var(--swap-market-surface-0) 97%, transparent));
  --swap-market-field: linear-gradient(180deg, color-mix(in oklch, var(--swap-market-surface-2) 76%, var(--swap-market-surface-1)), color-mix(in oklch, var(--swap-market-surface-0) 97%, transparent));
  --swap-market-media-bg: var(--media-surface, color-mix(in oklch, var(--swap-market-surface-1) 74%, var(--swap-market-surface-0)));
  font-family: Aptos, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.swap-single-shell .swap-amz-top,
.swap-single-shell .swap-amz-details {
  gap: 12px !important;
}

.swap-single-shell .ath-swap-single-fragment,
.swap-single-shell .ath-swap-card,
.swap-single-shell .ath-swap-listing-card,
.swap-single-shell .ath-swap-single-panel,
.swap-single-shell .ath-swap-single-builder,
.swap-single-shell .ath-swap-single-builder * {
  font-family: Aptos, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
}



.swap-single-shell .ath-swap-card::before,
.swap-single-shell .ath-swap-listing-card::before,
.swap-single-shell .ath-swap-single-panel::before {
  opacity: .12 !important;
  background: radial-gradient(480px 220px at 100% 0%, color-mix(in oklch, var(--swap-market-text) 13%, transparent), transparent 58%) !important;
}

.swap-single-shell .ath-swap-single-panel--summary,
.swap-single-shell .ath-swap-single-panel--offer,
.swap-single-shell .ath-swap-single-panel--trader,
.swap-single-shell .ath-swap-single-builder__summary,
.swap-single-shell .ath-swap-single-builder__compare,
.swap-single-shell .ath-swap-single-builder__selection,
.swap-single-shell .ath-swap-single-builder__grid,
.swap-single-shell .ath-swap-single-builder > .ath-swap-grid,
.swap-single-shell .ath-swap-single-builder > label,
.swap-single-shell .ath-swap-single-builder > .ath-swap-button--primary {
  padding: 10px !important;
}

.swap-single-shell .ath-swap-single-panel--media {
  padding: 7px !important;
}

.swap-single-shell .ath-swap-single-panel__head,
.swap-single-shell .ath-swap-card__header,
.swap-single-shell .ath-swap-single-summary__head {
  padding-bottom: 7px !important;
  border-bottom: 1px solid var(--swap-market-border-soft) !important;
}

.swap-single-shell .ath-swap-card h2,
.swap-single-shell .ath-swap-card h3,
.swap-single-shell .ath-swap-listing-card h3,
.swap-single-shell .ath-swap-single-summary__head h2,
.swap-single-shell .ath-swap-single-panel__head h2,
.swap-single-shell .ath-swap-single-panel__head h3,
.swap-single-shell .ath-swap-offer-modal__title {
  font-family: "Orbitron Regular", Orbitron, Aptos, "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
color: var(--swap-market-text) !important;
}

.swap-single-shell .ath-swap-single-summary__head h2 {
  font-size: clamp(1.65rem, 1.32rem + .45vw, 2.12rem) !important;
  line-height: 1.06 !important;
}

.swap-single-shell .ath-swap-card h2,
.swap-single-shell .ath-swap-single-panel__head h2 {
  font-size: 1.18rem !important;
  line-height: 1.08 !important;
}

.swap-single-shell .ath-swap-card h3,
.swap-single-shell .ath-swap-listing-card h3,
.swap-single-shell .ath-swap-single-panel__head h3 {
  font-size: 1rem !important;
  line-height: 1.12 !important;
}

.swap-single-shell .ath-swap-muted,
.swap-single-shell .ath-swap-single__hero-summary,
.swap-single-shell .ath-swap-single-summary__head .ath-swap-muted,
.swap-single-shell .ath-swap-single-summary__head .ath-swap-single__hero-summary,
.swap-single-shell .ath-swap-feedback,
.swap-single-shell .ath-swap-single-builder__selection-empty {
  color: var(--swap-market-muted) !important;
  font-size: .92rem !important;
  line-height: 1.4 !important;
}

.swap-single-shell .ath-swap-kicker,
.swap-single-shell .ath-swap-summary-card__label,
.swap-single-shell .ath-swap-single-summary__fact span,
.swap-single-shell .ath-swap-single-summary__wants > strong {
  color: var(--swap-market-muted) !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
text-transform: uppercase !important;
}

.swap-single-shell .ath-swap-kicker::before,
.swap-single-shell .ath-swap-summary-card__label::before {
  width: 8px !important;
  height: 8px !important;
  background: var(--swap-market-muted) !important;
  box-shadow: 0 0 0 1px color-mix(in oklch, var(--swap-market-text) 18%, transparent) !important;
}

.swap-single-shell .ath-swap-button,
.swap-single-shell .ath-swap-pill,
.swap-single-shell .ath-swap-chip,
.swap-single-shell .ath-swap-single-builder__compare-status,
.swap-single-shell .ath-swap-offer-modal__button {
  border: 1px solid var(--swap-market-border-soft) !important;
  border-radius: 0 !important;
  background: var(--swap-market-field) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, var(--swap-market-text) 14%, transparent),
    0 8px 18px color-mix(in oklch, var(--swap-market-shadow) 18%, transparent) !important;
  color: var(--swap-market-text) !important;
}

.swap-single-shell .ath-swap-pill,
.swap-single-shell .ath-swap-chip {
  min-height: 17px!important;
  padding: 0 6px !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
}

.swap-single-shell .ath-swap-button {
  min-height: 23px!important;
  padding: 0 9px !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
}

.swap-single-shell .ath-swap-single-gallery__primary,
.swap-single-shell .ath-swap-single-gallery__thumb,
.swap-single-shell .ath-swap-single-gallery__item,
.swap-single-shell .ath-swap-builder-item__media {
  border: 1px solid var(--swap-market-border-soft) !important;
  border-radius: 0 !important;
  background: var(--swap-market-media-bg) !important;
  box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--swap-market-text) 4%, transparent) !important;
}

.swap-single-shell .ath-swap-summary-grid .ath-swap-summary-card,
.swap-single-shell .ath-swap-single__meta-item,
.swap-single-shell .ath-swap-single-match-card,
.swap-single-shell .ath-swap-analytics-attention__item,
.swap-single-shell .ath-swap-builder-item,
.swap-single-shell .ath-swap-single-builder__lane,
.swap-single-shell .ath-swap-single-builder__picker,
.swap-single-shell .ath-swap-single-builder__compare-card,
.swap-single-shell .ath-swap-single-builder__selection-side,
.swap-single-shell .ath-swap-single-highlights__row,
.swap-single-shell .ath-swap-single-trader__owner-card,
.swap-single-shell .ath-swap-summary-card--tier,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__owner {
  border: 0 !important;
  border-top: 1px solid var(--swap-market-border-soft) !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-single-highlights__row,
.swap-single-shell .ath-swap-single-builder__compare-card,
.swap-single-shell .ath-swap-single-builder__selection-side,
.swap-single-shell .ath-swap-single-trader__owner-card,
.swap-single-shell .ath-swap-summary-card--tier,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__owner {
  padding: 7px 0 !important;
}

.swap-single-shell .ath-swap-single-highlights__price strong,
.swap-single-shell .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-single-summary__fact strong,
.swap-single-shell .ath-swap-single-trader__owner-name,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value {
  color: var(--swap-market-text) !important;
  font-weight: 800 !important;
}

.swap-single-shell .ath-swap-single-highlights__price strong {
  font-size: 1.55rem !important;
}

.swap-single-shell .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-single-summary__fact strong {
  font-size: .96rem !important;
  line-height: 1.2 !important;
}

.swap-single-shell .ath-swap-single-builder__selection-side--initiator,
.swap-single-shell .ath-swap-single-builder__lane--initiator,
.swap-single-shell .ath-swap-single-builder__lane--initiator .ath-swap-single-builder__picker,
.swap-single-shell .ath-swap-single-builder__selection-side--counterparty,
.swap-single-shell .ath-swap-single-builder__lane--counterparty,
.swap-single-shell .ath-swap-single-builder__lane--counterparty .ath-swap-single-builder__picker {
  border-color: var(--swap-market-border-soft) !important;
  background: none !important;
}

.swap-single-shell .ath-swap-offer-modal__dialog {
  border: 1px solid var(--swap-market-border) !important;
  border-radius: 0 !important;
  background: var(--swap-market-panel) !important;
}

.swap-single-shell .ath-swap-offer-modal__icon {
  border-radius: 0 !important;
  background: var(--swap-market-field) !important;
}

@media (max-width: 767px) {
  .swap-single-shell {
    --swap-shop-font-scale: .98;
    --ath-swap-font-scale: .98;
  }

  .swap-single-shell .ath-swap-single-panel--summary,
  .swap-single-shell .ath-swap-single-panel--offer,
  .swap-single-shell .ath-swap-single-panel--trader,
  .swap-single-shell .ath-swap-single-builder__summary,
  .swap-single-shell .ath-swap-single-builder__compare,
  .swap-single-shell .ath-swap-single-builder__selection,
  .swap-single-shell .ath-swap-single-builder__grid,
  .swap-single-shell .ath-swap-single-builder > .ath-swap-grid,
  .swap-single-shell .ath-swap-single-builder > label,
  .swap-single-shell .ath-swap-single-builder > .ath-swap-button--primary {
    padding: 7px !important;
  }

  .swap-single-shell .ath-swap-single-summary__head h2 {
    font-size: 1.45rem !important;
  }
}

#brx-content .swap-single-shell .ath-swap-card::before,
#brx-content .swap-single-shell .ath-swap-listing-card::before,
#brx-content .swap-single-shell .ath-swap-card.ath-swap-single-panel::before {
  opacity: .12 !important;
  background: radial-gradient(480px 220px at 100% 0%, color-mix(in oklch, var(--swap-market-text) 13%, transparent), transparent 58%) !important;
}

#brx-content .swap-single-shell .ath-swap-button,
#brx-content .swap-single-shell .ath-swap-pill,
#brx-content .swap-single-shell .ath-swap-chip,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-status,
#brx-content .swap-single-shell .ath-swap-offer-modal__button {
  border: 1px solid var(--swap-market-border-soft) !important;
  border-radius: 0 !important;
  background: var(--swap-market-field) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, var(--swap-market-text) 14%, transparent),
    0 8px 18px color-mix(in oklch, var(--swap-market-shadow) 18%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-single-gallery__primary,
#brx-content .swap-single-shell .ath-swap-single-gallery__thumb,
#brx-content .swap-single-shell .ath-swap-single-gallery__item,
#brx-content .swap-single-shell .ath-swap-builder-item__media,
#brx-content .swap-single-shell .ath-swap-offer-modal__dialog,
#brx-content .swap-single-shell .ath-swap-offer-modal__icon {
  border-radius: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-summary-grid .ath-swap-summary-card,
#brx-content .swap-single-shell .ath-swap-single__meta-item,
#brx-content .swap-single-shell .ath-swap-single-match-card,
#brx-content .swap-single-shell .ath-swap-analytics-attention__item,
#brx-content .swap-single-shell .ath-swap-builder-item,
#brx-content .swap-single-shell .ath-swap-single-builder__lane,
#brx-content .swap-single-shell .ath-swap-single-builder__picker,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-card,
#brx-content .swap-single-shell .ath-swap-single-builder__selection-side,
#brx-content .swap-single-shell .ath-swap-single-highlights__row,
#brx-content .swap-single-shell .ath-swap-single-trader__owner-card,
#brx-content .swap-single-shell .ath-swap-summary-card--tier,
#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card,
#brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__owner {
  border: 0 !important;
  border-top: 1px solid var(--swap-market-border-soft) !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
/* Swap builder modular UI overrides */
#brx-content .swap-single-shell .ath-swap-single-builder {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  padding: 7px !important;
}
#brx-content .swap-single-shell .ath-swap-builder-mode-tabs,
#brx-content .swap-single-shell .ath-swap-single-builder__summary,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-head,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-grid,
#brx-content .swap-single-shell .ath-swap-single-builder__selection,
#brx-content .swap-single-shell .ath-swap-single-builder__grid,
#brx-content .swap-single-shell .ath-swap-single-builder > .ath-swap-grid {
  display: flex !important;
  flex-wrap: wrap !important;
}
#brx-content .swap-single-shell .ath-swap-builder-mode-tabs {
  gap: 4px !important;
  padding: 3px !important;
}
#brx-content .swap-single-shell .ath-swap-builder-mode-tab {
  flex: 0 1 250px !important;
  min-width: 0 !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder__summary,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-head {
  align-items: center !important;
  justify-content: space-between !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder__summary > div:first-child,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-head > div {
  flex: 1 1 320px !important;
  min-width: 0 !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder__compare {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder__compare-grid,
#brx-content .swap-single-shell .ath-swap-single-builder__selection,
#brx-content .swap-single-shell .ath-swap-single-builder__grid,
#brx-content .swap-single-shell .ath-swap-single-builder > .ath-swap-grid {
  gap: 7px !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder__compare-card {
  display: flex !important;
  flex: 1 1 180px !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  min-width: 0 !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder__compare-card--balance {
  flex: 2 1 240px !important;
  grid-column: auto !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder__compare-card small {
  flex: 0 0 100% !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder__selection-side,
#brx-content .swap-single-shell .ath-swap-single-builder__lane,
#brx-content .swap-single-shell .ath-swap-single-builder__picker {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder__selection-side {
  flex: 1 1 360px !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder__lane {
  flex: 1 1 380px !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder__selection-head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder__picker,
#brx-content .swap-single-shell .ath-swap-builder-stack--compact {
  flex: 1 1 auto !important;
}
#brx-content .swap-single-shell .ath-swap-builder-stack--compact {
  min-height: 130px!important;
  max-height: 260px !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder > .ath-swap-grid > label {
  flex: 1 1 220px !important;
}
#brx-content .swap-single-shell .ath-swap-single-builder > .ath-swap-button--primary {
  align-self: flex-end !important;
  width: auto !important;
  min-width: min(100%, 260px) !important;
  padding: 0 12px !important;
}
@media (max-width: 767px) {
  #brx-content .swap-single-shell .ath-swap-single-builder__compare-card,
  #brx-content .swap-single-shell .ath-swap-single-builder__selection-side,
  #brx-content .swap-single-shell .ath-swap-single-builder__lane,
  #brx-content .swap-single-shell .ath-swap-single-builder > .ath-swap-grid > label,
  #brx-content .swap-single-shell .ath-swap-single-builder > .ath-swap-button--primary {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}
/* Live readability font-scale overrides */
#brx-content .swap-single-shell {
  --swap-shop-font-scale: 1.7 !important;
  --ath-swap-font-scale: 1.7 !important;
}

#brx-content .swap-single-shell .ath-swap-card h2,
#brx-content .swap-single-shell .ath-swap-single-summary__head h2 {
  font-size: calc(clamp(1.65rem, 1.32rem + 0.45vw, 2.12rem) * var(--ath-swap-font-scale)) !important;
  line-height: 1.06 !important;
}

#brx-content .swap-single-shell .ath-swap-card h3,
#brx-content .swap-single-shell .ath-swap-listing-card h3,
#brx-content .swap-single-shell .ath-swap-single-panel__head h3,
#brx-content .swap-single-shell .ath-swap-single-trader__head h3 {
  font-size: calc(1rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.12 !important;
}

#brx-content .swap-single-shell .ath-swap-muted,
#brx-content .swap-single-shell .ath-swap-single__hero-summary,
#brx-content .swap-single-shell .ath-swap-single-summary__head .ath-swap-muted,
#brx-content .swap-single-shell .ath-swap-single-summary__head .ath-swap-single__hero-summary,
#brx-content .swap-single-shell .ath-swap-feedback,
#brx-content .swap-single-shell .ath-swap-single-builder__selection-empty,
#brx-content .swap-single-shell .ath-swap-single-trader__body > .ath-swap-muted {
  font-size: calc(0.94rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.35 !important;
}

#brx-content .swap-single-shell .ath-swap-kicker,
#brx-content .swap-single-shell .ath-swap-summary-card__label,
#brx-content .swap-single-shell .ath-swap-single-summary__fact span,
#brx-content .swap-single-shell .ath-swap-single-summary__wants > strong,
#brx-content .swap-single-shell .ath-swap-single-trader__owner-label,
#brx-content .swap-single-shell .ath-swap-single-trader__head .ath-swap-kicker {
  font-size: calc(0.72rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.1 !important;
}

#brx-content .swap-single-shell .ath-swap-pill,
#brx-content .swap-single-shell .ath-swap-chip,
#brx-content .swap-single-shell .ath-swap-single-panel--summary .ath-swap-pill,
#brx-content .swap-single-shell .ath-swap-single-panel--summary .ath-swap-chip,
#brx-content .swap-single-shell .ath-swap-single-builder .ath-swap-pill,
#brx-content .swap-single-shell .ath-swap-single-builder .ath-swap-chip {
  font-size: calc(0.72rem * var(--ath-swap-font-scale)) !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-summary-card__value,
#brx-content .swap-single-shell .ath-swap-single-summary__fact strong,
#brx-content .swap-single-shell .ath-swap-builder-item__head strong,
#brx-content .swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__value,
#brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__value {
  font-size: calc(1.06rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.12 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__head span,
#brx-content .swap-single-shell .ath-swap-builder-item__summary,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-card span,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-card small {
  font-size: calc(0.78rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.25 !important;
}

#brx-content .swap-single-shell .ath-swap-button,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-status,
#brx-content .swap-single-shell .ath-swap-offer-modal__button {
  font-size: calc(0.76rem * var(--ath-swap-font-scale)) !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value {
  font-size: calc(2.15rem * var(--ath-swap-font-scale)) !important;
  line-height: 0.96 !important;
}
/* eBay-inspired single listing layout overrides */
#brx-content .swap-single-shell {
  --swap-ebay-row-border: color-mix(in oklch, var(--swap-market-text, #eef2f8) 12%, transparent);
}

#brx-content .swap-single-shell > .brxe-container {
  gap: 13px !important;
}

#brx-content .swap-single-shell .swap-amz-top {
  grid-template-columns: minmax(620px, 1fr) minmax(420px, 520px) !important;
  gap: 16px !important;
  align-items: start !important;
}

#brx-content .swap-single-shell .swap-amz-details {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 440px) !important;
  gap: 13px !important;
}

#brx-content .swap-single-shell .ath-swap-card::before,
#brx-content .swap-single-shell .ath-swap-listing-card::before,
#brx-content .swap-single-shell .ath-swap-card.ath-swap-single-panel::before {
  opacity: 0.14 !important;
}

#brx-content .swap-single-shell .ath-swap-single-panel--media {
  padding: 7px !important;
}

#brx-content .swap-single-shell .ath-swap-single-gallery--media {
  gap: 7px !important;
}

#brx-content .swap-single-shell .ath-swap-single-gallery__primary {
  min-height: min(440px, 42vw) !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 8px !important;
  background: color-mix(in oklch, var(--surface-0, #101317) 88%, white 4%) !important;
}

#brx-content .swap-single-shell .ath-swap-single-gallery__primary img,
#brx-content .swap-single-shell .ath-swap-single-gallery__item img,
#brx-content .swap-single-shell .ath-swap-single-gallery__thumb img {
  object-fit: contain !important;
}

#brx-content .swap-single-shell .ath-swap-single-gallery__thumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

#brx-content .swap-single-shell .ath-swap-single-gallery__thumb {
  flex: 0 0 72px !important;
  border-radius: 8px !important;
  background: color-mix(in oklch, var(--surface-0, #101317) 82%, white 5%) !important;
}

#brx-content .swap-single-shell .ath-swap-single-panel--summary,
#brx-content .swap-single-shell .ath-swap-single-panel--highlights,
#brx-content .swap-single-shell .ath-swap-single-panel--trader,
#brx-content .swap-single-shell .ath-swap-single-panel--offer {
  padding: 0px !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__head {
  padding-bottom: 9px !important;
  border-bottom: 1px solid var(--swap-ebay-row-border) !important;
}

#brx-content .swap-single-shell .ath-swap-card h2,
#brx-content .swap-single-shell .ath-swap-single-summary__head h2 {
  font-size: calc(clamp(1.14rem, 1.02rem + 0.36vw, 1.36rem) * var(--ath-swap-font-scale)) !important;
  line-height: 1.18 !important;
  font-weight: 650 !important;
}

#brx-content .swap-single-shell .ath-swap-card h3,
#brx-content .swap-single-shell .ath-swap-listing-card h3,
#brx-content .swap-single-shell .ath-swap-single-panel__head h3,
#brx-content .swap-single-shell .ath-swap-single-trader__head h3 {
  font-size: calc(1rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.2 !important;
}

#brx-content .swap-single-shell .ath-swap-muted,
#brx-content .swap-single-shell .ath-swap-single__hero-summary,
#brx-content .swap-single-shell .ath-swap-single-content,
#brx-content .swap-single-shell .ath-swap-single-meta p {
  font-size: calc(0.84rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.45 !important;
}

#brx-content .swap-single-shell .ath-swap-kicker,
#brx-content .swap-single-shell .ath-swap-summary-card__label,
#brx-content .swap-single-shell .ath-swap-single-summary__fact span,
#brx-content .swap-single-shell .ath-swap-single-summary__wants > strong,
#brx-content .swap-single-shell .ath-swap-single-highlights__price span,
#brx-content .swap-single-shell .ath-swap-single-highlights__row span,
#brx-content .swap-single-shell .ath-swap-single-trader__owner-label,
#brx-content .swap-single-shell .ath-swap-single-trader__head .ath-swap-kicker {
  color: var(--swap-market-muted, var(--text-mid, #b8c3d4)) !important;
  font-size: calc(0.68rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
text-transform: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__facts,
#brx-content .swap-single-shell .ath-swap-single-highlights__rows,
#brx-content .swap-single-shell .ath-swap-single__meta-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__fact,
#brx-content .swap-single-shell .ath-swap-single-summary__wants,
#brx-content .swap-single-shell .ath-swap-single-highlights__row,
#brx-content .swap-single-shell .ath-swap-single__meta-item,
#brx-content .swap-single-shell .ath-swap-summary-grid .ath-swap-summary-card,
#brx-content .swap-single-shell .ath-swap-single-match-card,
#brx-content .swap-single-shell .ath-swap-analytics-attention__item {
  display: grid !important;
  grid-template-columns: minmax(118px, 0.42fr) minmax(0, 1fr) !important;
  gap: 7px !important;
  align-items: start !important;
  padding: 6px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--swap-ebay-row-border) !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__fact:first-child,
#brx-content .swap-single-shell .ath-swap-single__meta-item:first-child,
#brx-content .swap-single-shell .ath-swap-summary-grid .ath-swap-summary-card:first-child {
  border-top: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-summary-card__value,
#brx-content .swap-single-shell .ath-swap-single-summary__fact strong,
#brx-content .swap-single-shell .ath-swap-single-highlights__row strong,
#brx-content .swap-single-shell .ath-swap-single__meta-item p,
#brx-content .swap-single-shell .ath-swap-builder-item__head strong {
  font-size: calc(0.9rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

#brx-content .swap-single-shell .ath-swap-single-highlights__price {
  padding: 9px 0 10px !important;
  border-bottom: 1px solid var(--swap-ebay-row-border) !important;
}

#brx-content .swap-single-shell .ath-swap-single-highlights__price strong {
  font-size: calc(1.42rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
}

#brx-content .swap-single-shell .ath-swap-button--primary {
  min-height: 29px!important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

#brx-content .swap-single-shell .ath-swap-button:not(.ath-swap-button--primary),
#brx-content .swap-single-shell .ath-swap-pill,
#brx-content .swap-single-shell .ath-swap-chip,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-status {
  border-radius: 999px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder,
#brx-content .swap-single-shell .ath-swap-builder-mode-tabs,
#brx-content .swap-single-shell .ath-swap-single-builder__summary,
#brx-content .swap-single-shell .ath-swap-balance-coach,
#brx-content .swap-single-shell .ath-swap-single-builder__compare,
#brx-content .swap-single-shell .ath-swap-single-builder__selection-side,
#brx-content .swap-single-shell .ath-swap-single-builder__lane,
#brx-content .swap-single-shell .ath-swap-single-builder > .ath-swap-grid,
#brx-content .swap-single-shell .ath-swap-single-builder > label {
  border-radius: 8px !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-card,
#brx-content .swap-single-shell .ath-swap-balance-coach__total,
#brx-content .swap-single-shell .ath-swap-balance-coach__suggestion,
#brx-content .swap-single-shell .ath-swap-balance-coach__credit,
#brx-content .swap-single-shell .ath-swap-builder-item {
  border-radius: 6px !important;
}

@media (max-width: 920px) {
  #brx-content .swap-single-shell .swap-amz-top,
  #brx-content .swap-single-shell .swap-amz-details {
    grid-template-columns: 1fr !important;
  }

  
}

@media (max-width: 767px) {
  #brx-content .swap-single-shell {
    --swap-shop-font-scale: 1.45 !important;
    --ath-swap-font-scale: 1.45 !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-gallery__primary {
    min-height: auto !important;
    aspect-ratio: 4 / 3 !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-gallery__thumb {
    flex-basis: 60px !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-summary__fact,
  #brx-content .swap-single-shell .ath-swap-single-summary__wants,
  #brx-content .swap-single-shell .ath-swap-single-highlights__row,
  #brx-content .swap-single-shell .ath-swap-single__meta-item,
  #brx-content .swap-single-shell .ath-swap-summary-grid .ath-swap-summary-card,
  #brx-content .swap-single-shell .ath-swap-single-match-card,
  #brx-content .swap-single-shell .ath-swap-analytics-attention__item {
    grid-template-columns: 1fr !important;
    gap: 2px !important;
  }
}
/* Compact two-column info stack overrides */
#brx-content .swap-single-shell .swap-amz-top {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-auto-rows: auto !important;
  gap: 13px !important;
  align-items: start !important;
}

#brx-content .swap-single-shell .swap-amz-media {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .swap-amz-summary,
#brx-content .swap-single-shell .swap-amz-side {
  grid-column: 2 !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .swap-amz-summary {
  grid-row: 1 !important;
}

#brx-content .swap-single-shell .swap-amz-side {
  grid-row: 2 !important;
  align-self: start !important;
}

#brx-content .swap-single-shell .swap-amz-side > .brxe-container,
#brx-content .swap-single-shell .swap-amz-side .brxe-container {
  gap: 7px !important;
}

#brx-content .swap-single-shell .swap-amz-side .ath-swap-card,
#brx-content .swap-single-shell .swap-amz-side .ath-swap-card.ath-swap-single-panel {
  padding: 7px 9px !important;
}

#brx-content .swap-single-shell .swap-amz-side .ath-swap-single-panel__head,
#brx-content .swap-single-shell .swap-amz-side .ath-swap-card__header {
  gap: 2px !important;
}

#brx-content .swap-single-shell .swap-amz-side .ath-swap-single-panel__body,
#brx-content .swap-single-shell .swap-amz-side .ath-swap-single-content,
#brx-content .swap-single-shell .swap-amz-side .ath-swap-single-evidence {
  gap: 4px !important;
}

#brx-content .swap-single-shell .swap-amz-side .ath-swap-single-content,
#brx-content .swap-single-shell .swap-amz-side .ath-swap-single-content p,
#brx-content .swap-single-shell .swap-amz-side .ath-swap-muted {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#brx-content .swap-single-shell .swap-amz-side .ath-swap-single-summary__facts,
#brx-content .swap-single-shell .swap-amz-side .ath-swap-single-highlights__rows,
#brx-content .swap-single-shell .swap-amz-side .ath-swap-single__meta-grid {
  gap: 0 !important;
}

#brx-content .swap-single-shell .swap-amz-side .ath-swap-single-evidence__status,
#brx-content .swap-single-shell .swap-amz-side .ath-swap-single-evidence ul,
#brx-content .swap-single-shell .swap-amz-side .ath-swap-chip-row {
  gap: 4px !important;
}

#brx-content .swap-single-shell .swap-amz-details {
  grid-template-columns: 1fr !important;
  gap: 9px !important;
}

#brx-content .swap-single-shell .swap-amz-detail-side--full,
#brx-content .swap-single-shell .swap-amz-detail-side--full > .brxe-container,
#brx-content .swap-single-shell .swap-amz-detail-side--full > .brxe-container > .brxe-shortcode {
  width: 100% !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .swap-amz-detail-main:empty,
#brx-content .swap-single-shell .swap-amz-detail-main .brxe-container:empty {
  display: none !important;
}

@media (max-width: 920px) {
  #brx-content .swap-single-shell .swap-amz-top {
    grid-template-columns: 1fr !important;
  }

  #brx-content .swap-single-shell .swap-amz-media,
  #brx-content .swap-single-shell .swap-amz-summary,
  #brx-content .swap-single-shell .swap-amz-side {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}
/* Consolidated shop listing summary overrides */
#brx-content .swap-single-shell .ath-swap-single-summary__facts {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__fact,
#brx-content .swap-single-shell .ath-swap-single-summary__wants,
#brx-content .swap-single-shell .ath-swap-single-summary__evidence {
  display: grid !important;
  grid-template-columns: minmax(118px, 0.34fr) minmax(0, 1fr) !important;
  gap: 7px !important;
  align-items: start !important;
  padding: 6px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--swap-ebay-row-border, color-mix(in oklch, white 10%, transparent)) !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__fact:first-child {
  border-top: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__fact span,
#brx-content .swap-single-shell .ath-swap-single-summary__wants > strong,
#brx-content .swap-single-shell .ath-swap-single-summary__evidence strong {
  color: var(--swap-market-muted, var(--text-mid, #b8c3d4)) !important;
  font-size: calc(0.68rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
text-transform: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__fact strong,
#brx-content .swap-single-shell .ath-swap-single-summary__evidence .ath-swap-muted {
  font-size: calc(0.9rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.3 !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__evidence > div:first-child {
  display: grid !important;
  gap: 2px !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__evidence p {
  margin: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__fact--value strong {
  font-size: calc(1.2rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.08 !important;
}

#brx-content .swap-single-shell .swap-amz-side > .brxe-container {
  gap: 7px !important;
}

@media (max-width: 767px) {
  #brx-content .swap-single-shell .ath-swap-single-summary__fact,
  #brx-content .swap-single-shell .ath-swap-single-summary__wants,
  #brx-content .swap-single-shell .ath-swap-single-summary__evidence {
    grid-template-columns: 1fr !important;
    gap: 2px !important;
  }
}


/* Media image sizing guardrails */
:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-media,
:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-media > .brxe-shortcode,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-fragment--media,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel--media,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-media__body,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery--media {
  min-width: 0 !important;
  min-height: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel--media {
  contain: layout paint !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery--media {
  grid-template-rows: auto auto !important;
  align-content: start !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel--media .ath-swap-single-gallery__primary,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__primary,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__item {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: clamp(260px, 44vh, 520px) !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 10 !important;
  background-color: color-mix(in oklch, var(--surface-0, #101317) 88%, black 4%) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__primary img,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__item img,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__thumb img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: inherit !important;
  object-fit: cover !important;
  object-position: center !important;
}

@media (max-width: 991px) {
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel--media .ath-swap-single-gallery__primary,
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__primary,
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__item {
    max-height: clamp(220px, 42vh, 460px) !important;
  }
}

@media (max-width: 767px) {
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel--media .ath-swap-single-gallery__primary,
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__primary,
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__item {
    max-height: min(56vh, 360px) !important;
    aspect-ratio: 4 / 3 !important;
  }
}

/* CSS-only compact fallback when dashboard JS is not emitted */
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) {
  display: grid !important;
  gap: 5px !important;
  padding: 6px 7px !important;
  border: 1px solid color-mix(in oklch, white 9%, transparent) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--surface-1, #171b21) 86%, transparent), color-mix(in oklch, var(--surface-0, #101317) 96%, transparent)) !important;
  box-shadow: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__head {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  align-items: center !important;
  padding: 0 !important;
  border: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__head > div:first-child {
  display: flex !important;
  flex: 1 1 250px !important;
  flex-wrap: wrap !important;
  gap: 3px 8px !important;
  align-items: baseline !important;
  min-width: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-kicker,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) h4,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) p {
  margin: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-kicker {
  font-size: 0.62rem !important;
line-height: 1 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) h4 {
  font-size: 0.9rem !important;
  line-height: 1.12 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__copy {
  display: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__status {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 16px!important;
  margin-left: auto !important;
  padding: 0 6px !important;
  border: 1px solid color-mix(in oklch, var(--ctl-c4, #ffb86b) 24%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in oklch, var(--ctl-c4, #ffb86b) 10%, transparent) !important;
  color: var(--text-high, #f4f7fb) !important;
  font-size: 0.64rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__totals {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__total {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 1 1 105px !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 5px !important;
  min-height: 17px!important;
  min-width: 0 !important;
  padding: 0 6px !important;
  border: 1px solid color-mix(in oklch, white 8%, transparent) !important;
  border-radius: 6px !important;
  background: color-mix(in oklch, var(--surface-2, #232833) 62%, transparent) !important;
  font-size: 0.66rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__total--difference {
  order: -1 !important;
  border-color: color-mix(in oklch, var(--ctl-c4, #ffb86b) 24%, transparent) !important;
  background: color-mix(in oklch, var(--ctl-c4, #ffb86b) 10%, transparent) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__total span {
  overflow: hidden !important;
  color: var(--swap-market-muted, var(--text-mid, #b8c3d4)) !important;
  font-weight: 700 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__total strong {
  color: var(--text-high, #f4f7fb) !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__meter {
  overflow: hidden !important;
  height: 5px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: color-mix(in oklch, white 9%, transparent) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__feedback {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__feedback li {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding: 4px 5px !important;
  border: 1px solid color-mix(in oklch, white 8%, transparent) !important;
  border-radius: 6px !important;
  background: color-mix(in oklch, var(--surface-0, #101317) 56%, transparent) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__feedback strong,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__suggestion strong,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__credit h4 {
  font-size: 0.76rem !important;
  line-height: 1.18 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__feedback span,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__suggestion span,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__note {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: var(--swap-market-muted, var(--text-mid, #b8c3d4)) !important;
  font-size: 0.7rem !important;
  line-height: 1.28 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__suggestions {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(210px, 1fr) !important;
  gap: 4px !important;
  overflow-x: auto !important;
  padding-bottom: 1px !important;
  scrollbar-width: thin !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__suggestions > .ath-swap-kicker {
  display: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__suggestion,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__credit {
  min-width: 0 !important;
  padding: 5px 6px !important;
  border: 1px solid color-mix(in oklch, white 8%, transparent) !important;
  border-radius: 6px !important;
  background: color-mix(in oklch, var(--surface-1, #171b21) 62%, transparent) !important;
  box-shadow: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__suggestion-head,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__credit {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 5px !important;
  align-items: center !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__suggestion-head > div,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__credit > div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__suggestion-items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin-top: 5px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__tag {
  min-height: 13px!important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding: 0 5px !important;
  border: 1px solid color-mix(in oklch, white 8%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in oklch, var(--ctl-c3, #54d1a3) 9%, transparent) !important;
  font-size: 0.66rem !important;
  line-height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 19px!important;
  max-width: 100% !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) {
    padding: 6px !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__status {
    flex: 1 1 100% !important;
    margin-left: 0 !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__total {
    flex-basis: calc(50% - 3px) !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__feedback,
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__suggestion-head,
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__credit {
    grid-template-columns: 1fr !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) .ath-swap-balance-coach__button {
    width: 100% !important;
  }
}

/* Compact balance coach inline dashboard */
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard {
  display: grid !important;
  gap: 5px !important;
  padding: 6px 7px !important;
  border: 1px solid color-mix(in oklch, white 9%, transparent) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--surface-1, #171b21) 86%, transparent), color-mix(in oklch, var(--surface-0, #101317) 96%, transparent)) !important;
  box-shadow: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__head {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  align-items: center !important;
  padding: 0 !important;
  border: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__head > div:first-child {
  display: flex !important;
  flex: 0 1 250px !important;
  flex-wrap: wrap !important;
  gap: 3px 8px !important;
  align-items: baseline !important;
  min-width: min(100%, 250px) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-kicker,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard h4,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard p {
  margin: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-kicker {
  font-size: 0.62rem !important;
line-height: 1 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard h4 {
  font-size: 0.9rem !important;
  line-height: 1.12 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__copy {
  display: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__status {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 16px!important;
  max-width: 100% !important;
  padding: 0 6px !important;
  border: 1px solid color-mix(in oklch, var(--ctl-c4, #ffb86b) 24%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in oklch, var(--ctl-c4, #ffb86b) 10%, transparent) !important;
  color: var(--text-high, #f4f7fb) !important;
  font-size: 0.64rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__compact {
  display: flex !important;
  flex: 100 1 420px !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__compact-chip {
  display: inline-flex !important;
  box-sizing: border-box !important;
  flex: 1 1 105px !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 5px !important;
  min-height: 17px!important;
  min-width: 0 !important;
  padding: 0 6px !important;
  border: 1px solid color-mix(in oklch, white 8%, transparent) !important;
  border-radius: 6px !important;
  background: color-mix(in oklch, var(--surface-2, #232833) 62%, transparent) !important;
  font-size: 0.66rem !important;
  line-height: 1 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__compact-chip span,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__summary-note {
  overflow: hidden !important;
  color: var(--swap-market-muted, var(--text-mid, #b8c3d4)) !important;
  font-weight: 700 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__compact-chip strong {
  color: var(--text-high, #f4f7fb) !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__compact-chip--difference {
  border-color: color-mix(in oklch, var(--ctl-c4, #ffb86b) 24%, transparent) !important;
  background: color-mix(in oklch, var(--ctl-c4, #ffb86b) 10%, transparent) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__summary-note {
  flex: 1 1 140px !important;
  font-size: 0.68rem !important;
  line-height: 1.2 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__meter {
  overflow: hidden !important;
  height: 5px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: color-mix(in oklch, white 9%, transparent) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__quick-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  align-items: center !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__quick-button,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 19px!important;
  max-width: 100% !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__quick-button--secondary {
  border: 1px solid color-mix(in oklch, white 10%, transparent) !important;
  background: color-mix(in oklch, var(--surface-2, #232833) 72%, transparent) !important;
  color: var(--text-high, #f4f7fb) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__accordion {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__accordion-item[open] {
  grid-column: 1 / -1 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__accordion-item {
  overflow: clip !important;
  border: 1px solid color-mix(in oklch, white 8%, transparent) !important;
  border-radius: 7px !important;
  background: color-mix(in oklch, var(--surface-0, #101317) 66%, transparent) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__accordion-summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 18px !important;
  gap: 6px !important;
  align-items: center !important;
  min-height: 22px!important;
  padding: 4px 6px !important;
  cursor: pointer !important;
  list-style: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__accordion-summary::-webkit-details-marker {
  display: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__accordion-summary::after {
  content: "+" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  border: 1px solid color-mix(in oklch, white 12%, transparent) !important;
  border-radius: 999px !important;
  color: var(--text-high, #f4f7fb) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__accordion-item[open] > .ath-swap-balance-coach__accordion-summary::after {
  content: "-" !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__accordion-title {
  overflow: hidden !important;
  color: var(--text-high, #f4f7fb) !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__accordion-meta {
  display: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__accordion-meta:empty {
  display: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__accordion-body {
  display: grid !important;
  gap: 5px !important;
  padding: 0 6px 6px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__totals {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__total,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__suggestion,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__credit {
  padding: 5px 6px !important;
  border-radius: 6px !important;
  background: color-mix(in oklch, var(--surface-1, #171b21) 68%, transparent) !important;
  box-shadow: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__total span,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__suggestion span,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__note,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__terms,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__details-copy {
  color: var(--swap-market-muted, var(--text-mid, #b8c3d4)) !important;
  font-size: 0.7rem !important;
  line-height: 1.28 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__total strong {
  font-size: 0.82rem !important;
  line-height: 1.15 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__feedback {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__feedback li {
  display: grid !important;
  grid-template-columns: minmax(110px, 0.34fr) minmax(0, 1fr) !important;
  gap: 6px !important;
  padding: 4px 0 !important;
  border-top: 1px solid color-mix(in oklch, white 7%, transparent) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__feedback li:first-child {
  border-top: 0 !important;
  padding-top: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__feedback strong,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__suggestion strong,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__credit h4 {
  font-size: 0.76rem !important;
  line-height: 1.2 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__feedback span {
  color: var(--swap-market-muted, var(--text-mid, #b8c3d4)) !important;
  font-size: 0.7rem !important;
  line-height: 1.3 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__suggestions {
  display: grid !important;
  gap: 4px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__suggestions > .ath-swap-kicker {
  display: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__suggestion-head,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__credit {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 5px !important;
  align-items: center !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__suggestion-head > div,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__credit > div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__suggestion-items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin-top: 6px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__tag {
  min-height: 15px!important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding: 0 5px !important;
  border: 1px solid color-mix(in oklch, white 8%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in oklch, var(--ctl-c3, #54d1a3) 9%, transparent) !important;
  font-size: 0.66rem !important;
  line-height: 21px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard {
    padding: 6px !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__compact-chip {
    flex-basis: calc(50% - 3px) !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__status,
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__summary-note {
    flex: 1 1 100% !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__totals,
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__feedback li,
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__suggestion-head,
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__credit {
    grid-template-columns: 1fr !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__accordion {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__quick-actions {
    width: 100% !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__quick-button {
    flex: 1 1 calc(50% - 3px) !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach--dashboard .ath-swap-balance-coach__button {
    width: 100% !important;
  }
}


/* Remove offer composition intro for compact builder */



/* Ultra compact offer builder tables and merged balance panel */
#brx-content .swap-single-shell .ath-swap-single-builder__summary,
.swap-single-shell .ath-swap-single-builder__summary {
  display: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-panel--offer,
.swap-single-shell .ath-swap-single-panel--offer {
  gap: 6px !important;
  padding: 0px;
}

#brx-content .swap-single-shell .ath-swap-single-builder,
.swap-single-shell .ath-swap-single-builder {
  gap: 4px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__grid,
.swap-single-shell .ath-swap-single-builder__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__lane,
.swap-single-shell .ath-swap-single-builder__lane {
  min-width: 0 !important;
  padding: 4px !important;
  border: 1px solid color-mix(in oklch, white 18%, transparent) !important;
  border-radius: 6px !important;
  background: color-mix(in oklch, var(--surface-2, #232833) 88%, white 8%) !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__lane .ath-swap-card__header,
.swap-single-shell .ath-swap-single-builder__lane .ath-swap-card__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 4px !important;
  margin: 0 0 4px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__lane .ath-swap-kicker,
.swap-single-shell .ath-swap-single-builder__lane .ath-swap-kicker {
  margin: 0 !important;
  font-size: 0.56rem !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__lane .ath-swap-card__header h4,
.swap-single-shell .ath-swap-single-builder__lane .ath-swap-card__header h4 {
  margin: 0 !important;
  font-size: 0.78rem !important;
  line-height: 1.05 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__picker,
.swap-single-shell .ath-swap-single-builder__picker {
  padding: 4px !important;
  border: 1px solid color-mix(in oklch, white 20%, transparent) !important;
  border-radius: 5px !important;
  background: color-mix(in oklch, var(--surface-2, #232833) 72%, white 15%) !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__picker > strong,
.swap-single-shell .ath-swap-single-builder__picker > strong {
  display: block !important;
  margin: 0 0 4px !important;
  color: color-mix(in oklch, var(--text-high, #f4f7fb) 92%, white 8%) !important;
  font-size: 0.58rem !important;
  line-height: 1 !important;
  font-weight: 850 !important;
text-transform: uppercase !important;
}

#brx-content .swap-single-shell .ath-swap-builder-stack--compact,
.swap-single-shell .ath-swap-builder-stack--compact {
  display: grid !important;
  gap: 2px !important;
  max-height: 238px !important;
  overflow: auto !important;
  padding-right: 1px !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact,
.swap-single-shell .ath-swap-builder-item--compact {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 4px !important;
  min-height: 22px!important;
  padding: 2px 3px !important;
  border: 1px solid color-mix(in oklch, white 16%, transparent) !important;
  border-radius: 4px !important;
  background: color-mix(in oklch, var(--surface-2, #232833) 58%, white 22%) !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact:nth-child(even),
.swap-single-shell .ath-swap-builder-item--compact:nth-child(even) {
  background: color-mix(in oklch, var(--surface-2, #232833) 64%, white 16%) !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__media,
.swap-single-shell .ath-swap-builder-item__media {
  grid-column: 1 !important;
  width: 24px !important;
  height: 24px !important;
  min-height: 17px!important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__media img,
.swap-single-shell .ath-swap-builder-item__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__body,
.swap-single-shell .ath-swap-builder-item__body {
  display: contents !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__head,
.swap-single-shell .ath-swap-builder-item__head {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: baseline !important;
  gap: 4px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__head strong,
.swap-single-shell .ath-swap-builder-item__head strong {
  overflow: hidden !important;
  font-size: 0.68rem !important;
  line-height: 1.05 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__head span,
.swap-single-shell .ath-swap-builder-item__head span {
  color: color-mix(in oklch, var(--text-high, #f4f7fb) 88%, white 10%) !important;
  font-size: 0.66rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__summary,
#brx-content .swap-single-shell .ath-swap-builder-item__tags,
.swap-single-shell .ath-swap-builder-item__summary,
.swap-single-shell .ath-swap-builder-item__tags {
  display: none !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__footer,
.swap-single-shell .ath-swap-builder-item__footer {
  grid-column: 3 !important;
  display: block !important;
  margin: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item .ath-swap-button,
.swap-single-shell .ath-swap-builder-item .ath-swap-button {
  min-height: 16px!important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  font-size: 0.62rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-muted,
.swap-single-shell .ath-swap-muted {
  margin: 0 !important;
  padding: 4px !important;
  border: 1px dashed color-mix(in oklch, white 18%, transparent) !important;
  border-radius: 4px !important;
  background: color-mix(in oklch, var(--surface-2, #232833) 58%, white 18%) !important;
  font-size: 0.68rem !important;
  line-height: 1.2 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-head,
.swap-single-shell .ath-swap-single-builder__compare-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 4px !important;
  align-items: center !important;
  min-width: 0 !important;
  padding: 4px 4px !important;
  border: 1px solid color-mix(in oklch, white 14%, transparent) !important;
  border-radius: 5px !important;
  background: color-mix(in oklch, var(--surface-2, #232833) 62%, white 17%) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-head strong,
.swap-single-shell .ath-swap-single-builder__compare-head strong {
  display: block !important;
  margin: 0 !important;
  font-size: 0.72rem !important;
  line-height: 1.05 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-head p,
.swap-single-shell .ath-swap-single-builder__compare-head p {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin: 2px 0 0 !important;
  color: var(--swap-market-muted, var(--text-mid, #b8c3d4)) !important;
  font-size: 0.62rem !important;
  line-height: 1.2 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-status,
.swap-single-shell .ath-swap-single-builder__compare-status {
  min-height: 15px!important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  font-size: 0.58rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-grid,
.swap-single-shell .ath-swap-single-builder__compare-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 2px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-card,
.swap-single-shell .ath-swap-single-builder__compare-card,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-card--balance,
.swap-single-shell .ath-swap-single-builder__compare-card--balance {
  grid-column: auto !important;
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding: 4px 4px !important;
  border: 1px solid color-mix(in oklch, white 15%, transparent) !important;
  border-radius: 5px !important;
  background: color-mix(in oklch, var(--surface-2, #232833) 58%, white 21%) !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-card span,
.swap-single-shell .ath-swap-single-builder__compare-card span,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-card small,
.swap-single-shell .ath-swap-single-builder__compare-card small {
  overflow: hidden !important;
  color: var(--swap-market-muted, var(--text-mid, #b8c3d4)) !important;
  font-size: 0.58rem !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-card strong,
.swap-single-shell .ath-swap-single-builder__compare-card strong {
  font-size: 0.78rem !important;
  line-height: 1.05 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection,
.swap-single-shell .ath-swap-single-builder__selection {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
  margin-top: -6px !important;
  padding: 4px !important;
  border: 1px solid color-mix(in oklch, white 18%, transparent) !important;
  border-top: 0 !important;
  border-radius: 0 0 7px 7px !important;
  background: color-mix(in oklch, var(--surface-2, #232833) 82%, white 9%) !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection-side,
.swap-single-shell .ath-swap-single-builder__selection-side {
  display: grid !important;
  gap: 0px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection-head,
.swap-single-shell .ath-swap-single-builder__selection-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 4px !important;
  align-items: center !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-card__header,
.swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-card__header {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection-head h4,
.swap-single-shell .ath-swap-single-builder__selection-head h4 {
  overflow: hidden !important;
  margin: 0 !important;
  font-size: 0.72rem !important;
  line-height: 1.05 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-kicker,
.swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-kicker {
  margin: 0 !important;
  font-size: 0.54rem !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-chip-row,
.swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-chip-row {
  justify-content: end !important;
  gap: 2px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-pill,
.swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-pill {
  min-height: 14px!important;
  padding: 0 4px !important;
  font-size: 0.56rem !important;
}

#brx-content .swap-single-shell .ath-swap-builder-stack--selected,
.swap-single-shell .ath-swap-builder-stack--selected {
  display: grid !important;
  gap: 2px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection-empty,
.swap-single-shell .ath-swap-single-builder__selection-empty {
  min-height: 22px!important;
  align-content: center !important;
}

@media (max-width: 991px) {
  #brx-content .swap-single-shell .ath-swap-single-builder__compare,
  .swap-single-shell .ath-swap-single-builder__compare {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  #brx-content .swap-single-shell .ath-swap-single-builder__grid,
  .swap-single-shell .ath-swap-single-builder__grid,
  #brx-content .swap-single-shell .ath-swap-single-builder__selection,
  .swap-single-shell .ath-swap-single-builder__selection {
    grid-template-columns: 1fr !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-builder__compare-grid,
  .swap-single-shell .ath-swap-single-builder__compare-grid {
    grid-template-columns: 1fr !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-builder__selection-head,
  .swap-single-shell .ath-swap-single-builder__selection-head {
    grid-template-columns: 1fr !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-chip-row,
  .swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-chip-row {
    justify-content: start !important;
  }
}

/* Offer builder compact typography readability pass */
#brx-content .swap-single-shell .ath-swap-single-builder__lane .ath-swap-kicker,
.swap-single-shell .ath-swap-single-builder__lane .ath-swap-kicker {
  font-size: 0.72rem !important;
  line-height: 1.08 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__lane .ath-swap-card__header h4,
.swap-single-shell .ath-swap-single-builder__lane .ath-swap-card__header h4 {
  font-size: 1rem !important;
  line-height: 1.1 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__picker > strong,
.swap-single-shell .ath-swap-single-builder__picker > strong {
  font-size: 0.76rem !important;
  line-height: 1.08 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-stack--compact,
.swap-single-shell .ath-swap-builder-stack--compact {
  max-height: 318px !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact,
.swap-single-shell .ath-swap-builder-item--compact {
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  min-height: 30px!important;
  gap: 5px !important;
  padding: 4px 4px !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__media,
.swap-single-shell .ath-swap-builder-item__media {
  width: 32px !important;
  height: 32px !important;
  min-height: 23px!important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__head,
.swap-single-shell .ath-swap-builder-item__head {
  gap: 6px !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__head strong,
.swap-single-shell .ath-swap-builder-item__head strong {
  font-size: 0.92rem !important;
  line-height: 1.14 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__head span,
.swap-single-shell .ath-swap-builder-item__head span {
  font-size: 0.86rem !important;
  line-height: 1.08 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item .ath-swap-button,
.swap-single-shell .ath-swap-builder-item .ath-swap-button {
  min-height: 20px!important;
  padding: 0 7px !important;
  font-size: 0.8rem !important;
}

#brx-content .swap-single-shell .ath-swap-muted,
.swap-single-shell .ath-swap-muted {
  font-size: 0.84rem !important;
  line-height: 1.28 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-head strong,
.swap-single-shell .ath-swap-single-builder__compare-head strong {
  font-size: 0.96rem !important;
  line-height: 1.12 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-head p,
.swap-single-shell .ath-swap-single-builder__compare-head p {
  font-size: 0.8rem !important;
  line-height: 1.28 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-status,
.swap-single-shell .ath-swap-single-builder__compare-status {
  min-height: 18px!important;
  padding: 0 6px !important;
  font-size: 0.74rem !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-card span,
.swap-single-shell .ath-swap-single-builder__compare-card span,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-card small,
.swap-single-shell .ath-swap-single-builder__compare-card small {
  font-size: 0.74rem !important;
  line-height: 1.18 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-card strong,
.swap-single-shell .ath-swap-single-builder__compare-card strong {
  font-size: 1.05rem !important;
  line-height: 1.1 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection-head h4,
.swap-single-shell .ath-swap-single-builder__selection-head h4 {
  font-size: 0.94rem !important;
  line-height: 1.1 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-kicker,
.swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-kicker {
  font-size: 0.7rem !important;
  line-height: 1.08 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-pill,
.swap-single-shell .ath-swap-single-builder__selection-head .ath-swap-pill {
  min-height: 17px!important;
  padding: 0 6px !important;
  font-size: 0.7rem !important;
}


/* Balance coach compact typography bump */
#brx-content .swap-single-shell .ath-swap-balance-coach .ath-swap-kicker,
.swap-single-shell .ath-swap-balance-coach .ath-swap-kicker {
  font-size: 0.72rem !important;
  line-height: 1.08 !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach h4,
.swap-single-shell .ath-swap-balance-coach h4 {
  font-size: 1rem !important;
  line-height: 1.12 !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__copy,
.swap-single-shell .ath-swap-balance-coach__copy,
#brx-content .swap-single-shell .ath-swap-balance-coach__note,
.swap-single-shell .ath-swap-balance-coach__note,
#brx-content .swap-single-shell .ath-swap-balance-coach__details-copy,
.swap-single-shell .ath-swap-balance-coach__details-copy {
  font-size: 0.82rem !important;
  line-height: 1.32 !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__status,
.swap-single-shell .ath-swap-balance-coach__status {
  min-height: 18px!important;
  padding: 0 6px !important;
  font-size: 0.74rem !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__compact-chip,
.swap-single-shell .ath-swap-balance-coach__compact-chip,
#brx-content .swap-single-shell .ath-swap-balance-coach__total,
.swap-single-shell .ath-swap-balance-coach__total {
  min-height: 21px!important;
  font-size: 0.76rem !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__compact-chip strong,
.swap-single-shell .ath-swap-balance-coach__compact-chip strong,
#brx-content .swap-single-shell .ath-swap-balance-coach__total strong,
.swap-single-shell .ath-swap-balance-coach__total strong {
  font-size: 0.86rem !important;
  line-height: 1.08 !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__summary-note,
.swap-single-shell .ath-swap-balance-coach__summary-note {
  font-size: 0.78rem !important;
  line-height: 1.24 !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__feedback strong,
.swap-single-shell .ath-swap-balance-coach__feedback strong,
#brx-content .swap-single-shell .ath-swap-balance-coach__suggestion strong,
.swap-single-shell .ath-swap-balance-coach__suggestion strong,
#brx-content .swap-single-shell .ath-swap-balance-coach__credit h4,
.swap-single-shell .ath-swap-balance-coach__credit h4 {
  font-size: 0.86rem !important;
  line-height: 1.18 !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__feedback span,
.swap-single-shell .ath-swap-balance-coach__feedback span,
#brx-content .swap-single-shell .ath-swap-balance-coach__suggestion span,
.swap-single-shell .ath-swap-balance-coach__suggestion span,
#brx-content .swap-single-shell .ath-swap-balance-coach__terms,
.swap-single-shell .ath-swap-balance-coach__terms {
  font-size: 0.8rem !important;
  line-height: 1.3 !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__button,
.swap-single-shell .ath-swap-balance-coach__button,
#brx-content .swap-single-shell .ath-swap-balance-coach__quick-button,
.swap-single-shell .ath-swap-balance-coach__quick-button {
  min-height: 21px!important;
  padding: 0 8px !important;
  font-size: 0.78rem !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__tag,
.swap-single-shell .ath-swap-balance-coach__tag {
  min-height: 17px!important;
  font-size: 0.76rem !important;
  line-height: 23px !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__accordion-title,
.swap-single-shell .ath-swap-balance-coach__accordion-title {
  font-size: 0.84rem !important;
  line-height: 1.18 !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__accordion-meta,
.swap-single-shell .ath-swap-balance-coach__accordion-meta {
  font-size: 0.76rem !important;
}


/* Propose a Swap section typography scale */
#brx-content .swap-single-shell .ath-swap-single-panel--offer,
.swap-single-shell .ath-swap-single-panel--offer {
  font-size: 1rem !important;
}

#brx-content .swap-single-shell .ath-swap-single-panel--offer .ath-swap-kicker,
.swap-single-shell .ath-swap-single-panel--offer .ath-swap-kicker {
  font-size: 0.78rem !important;
  line-height: 1.1 !important;
}

#brx-content .swap-single-shell .ath-swap-single-panel--offer h3,
.swap-single-shell .ath-swap-single-panel--offer h3 {
  font-size: 1.18rem !important;
  line-height: 1.12 !important;
}

#brx-content .swap-single-shell .ath-swap-single-panel--offer h4,
.swap-single-shell .ath-swap-single-panel--offer h4,
#brx-content .swap-single-shell .ath-swap-single-builder__lane .ath-swap-card__header h4,
.swap-single-shell .ath-swap-single-builder__lane .ath-swap-card__header h4,
#brx-content .swap-single-shell .ath-swap-single-builder__selection-head h4,
.swap-single-shell .ath-swap-single-builder__selection-head h4 {
  font-size: 1.06rem !important;
  line-height: 1.12 !important;
}

#brx-content .swap-single-shell .ath-swap-single-panel--offer p,
.swap-single-shell .ath-swap-single-panel--offer p,
#brx-content .swap-single-shell .ath-swap-single-panel--offer small,
.swap-single-shell .ath-swap-single-panel--offer small {
  font-size: 1.2rem !important;
  line-height: 1.32 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__picker > strong,
.swap-single-shell .ath-swap-single-builder__picker > strong,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-card span,
.swap-single-shell .ath-swap-single-builder__compare-card span,
#brx-content .swap-single-shell .ath-swap-single-builder__compare-card small,
.swap-single-shell .ath-swap-single-builder__compare-card small {
  font-size: 0.82rem !important;
  line-height: 1.18 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact,
.swap-single-shell .ath-swap-builder-item--compact {
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  min-height: 33px!important;
  gap: 6px !important;
  padding: 4px 5px !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__media,
.swap-single-shell .ath-swap-builder-item__media {
  width: 34px !important;
  height: 34px !important;
  min-height: 24px!important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__head strong,
.swap-single-shell .ath-swap-builder-item__head strong {
  font-size: 1rem !important;
  line-height: 1.16 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__head span,
.swap-single-shell .ath-swap-builder-item__head span {
  font-size: 0.94rem !important;
  line-height: 1.1 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__summary,
.swap-single-shell .ath-swap-builder-item__summary {
  font-size: 0.88rem !important;
  line-height: 1.25 !important;
}

#brx-content .swap-single-shell .ath-swap-single-panel--offer .ath-swap-pill,
.swap-single-shell .ath-swap-single-panel--offer .ath-swap-pill,
#brx-content .swap-single-shell .ath-swap-single-panel--offer .ath-swap-chip,
.swap-single-shell .ath-swap-single-panel--offer .ath-swap-chip {
  min-height: 18px!important;
  padding: 0 6px !important;
  font-size: 0.78rem !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-single-panel--offer .ath-swap-button,
.swap-single-shell .ath-swap-single-panel--offer .ath-swap-button,
#brx-content .swap-single-shell .ath-swap-single-panel--offer button,
.swap-single-shell .ath-swap-single-panel--offer button {
  min-height: 22px!important;
  padding: 0 9px !important;
  font-size: 0.88rem !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-head strong,
.swap-single-shell .ath-swap-single-builder__compare-head strong {
  font-size: 1.04rem !important;
  line-height: 1.14 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-head p,
.swap-single-shell .ath-swap-single-builder__compare-head p {
  font-size: 0.9rem !important;
  line-height: 1.32 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-status,
.swap-single-shell .ath-swap-single-builder__compare-status {
  min-height: 20px!important;
  padding: 0 7px !important;
  font-size: 0.82rem !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-card strong,
.swap-single-shell .ath-swap-single-builder__compare-card strong {
  font-size: 1.16rem !important;
  line-height: 1.12 !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach h4,
.swap-single-shell .ath-swap-balance-coach h4 {
  font-size: 1.08rem !important;
  line-height: 1.14 !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__status,
.swap-single-shell .ath-swap-balance-coach__status,
#brx-content .swap-single-shell .ath-swap-balance-coach__button,
.swap-single-shell .ath-swap-balance-coach__button,
#brx-content .swap-single-shell .ath-swap-balance-coach__quick-button,
.swap-single-shell .ath-swap-balance-coach__quick-button {
  min-height: 22px!important;
  padding: 0 8px !important;
  font-size: 0.86rem !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__compact-chip,
.swap-single-shell .ath-swap-balance-coach__compact-chip,
#brx-content .swap-single-shell .ath-swap-balance-coach__total,
.swap-single-shell .ath-swap-balance-coach__total {
  min-height: 23px!important;
  font-size: 0.86rem !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__compact-chip strong,
.swap-single-shell .ath-swap-balance-coach__compact-chip strong,
#brx-content .swap-single-shell .ath-swap-balance-coach__total strong,
.swap-single-shell .ath-swap-balance-coach__total strong {
  font-size: 0.98rem !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__feedback strong,
.swap-single-shell .ath-swap-balance-coach__feedback strong,
#brx-content .swap-single-shell .ath-swap-balance-coach__suggestion strong,
.swap-single-shell .ath-swap-balance-coach__suggestion strong,
#brx-content .swap-single-shell .ath-swap-balance-coach__credit h4,
.swap-single-shell .ath-swap-balance-coach__credit h4 {
  font-size: 0.98rem !important;
  line-height: 1.2 !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__feedback span,
.swap-single-shell .ath-swap-balance-coach__feedback span,
#brx-content .swap-single-shell .ath-swap-balance-coach__suggestion span,
.swap-single-shell .ath-swap-balance-coach__suggestion span,
#brx-content .swap-single-shell .ath-swap-balance-coach__copy,
.swap-single-shell .ath-swap-balance-coach__copy,
#brx-content .swap-single-shell .ath-swap-balance-coach__note,
.swap-single-shell .ath-swap-balance-coach__note {
  font-size: 0.9rem !important;
  line-height: 1.34 !important;
}

#brx-content .swap-single-shell .ath-swap-balance-coach__tag,
.swap-single-shell .ath-swap-balance-coach__tag {
  min-height: 18px!important;
  font-size: 0.84rem !important;
  line-height: 25px !important;
}


/* Temporarily remove Swap Balance Coach */
#brx-content .swap-single-shell .ath-swap-balance-coach,
.swap-single-shell .ath-swap-balance-coach {
  display: none !important;
}

/* Desktop media and listing content 50/50 layout */
@media (min-width: 1024px) {
  #brx-content .swap-single-shell .swap-amz-top,
  .swap-single-shell .swap-amz-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
  }

  #brx-content .swap-single-shell .swap-amz-top > .brxe-block,
  .swap-single-shell .swap-amz-top > .brxe-block,
  #brx-content .swap-single-shell .swap-amz-top > .brxe-container,
  .swap-single-shell .swap-amz-top > .brxe-container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
  }

  #brx-content .swap-single-shell .swap-amz-media,
  .swap-single-shell .swap-amz-media {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-self: start !important;
  }

  #brx-content .swap-single-shell .swap-amz-content,
  .swap-single-shell .swap-amz-content {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    align-content: start !important;
    align-self: start !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #brx-content .swap-single-shell .swap-amz-summary,
  .swap-single-shell .swap-amz-summary,
  #brx-content .swap-single-shell .swap-amz-side,
  .swap-single-shell .swap-amz-side {
    grid-column: 1 !important;
    grid-row: auto !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    align-self: start !important;
  }

  #brx-content .swap-single-shell .swap-amz-summary,
  .swap-single-shell .swap-amz-summary {
    display: flex !important;
  }

  #brx-content .swap-single-shell .swap-amz-side > .brxe-container,
  .swap-single-shell .swap-amz-side > .brxe-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #brx-content .swap-single-shell .swap-amz-media > .brxe-shortcode,
  .swap-single-shell .swap-amz-media > .brxe-shortcode,
  #brx-content .swap-single-shell .swap-amz-summary > .brxe-shortcode,
  .swap-single-shell .swap-amz-summary > .brxe-shortcode,
  #brx-content .swap-single-shell .swap-amz-side > .brxe-container > .brxe-shortcode,
  .swap-single-shell .swap-amz-side > .brxe-container > .brxe-shortcode,
  #brx-content .swap-single-shell .ath-swap-single-fragment--media,
  .swap-single-shell .ath-swap-single-fragment--media,
  #brx-content .swap-single-shell .ath-swap-single-fragment--summary,
  .swap-single-shell .ath-swap-single-fragment--summary,
  #brx-content .swap-single-shell .ath-swap-single-fragment--trader,
  .swap-single-shell .ath-swap-single-fragment--trader,
  #brx-content .swap-single-shell .ath-swap-single-fragment--description,
  .swap-single-shell .ath-swap-single-fragment--description,
  #brx-content .swap-single-shell .ath-swap-single-panel--media,
  .swap-single-shell .ath-swap-single-panel--media,
  #brx-content .swap-single-shell .ath-swap-single-panel--summary,
  .swap-single-shell .ath-swap-single-panel--summary,
  #brx-content .swap-single-shell .ath-swap-single-panel--trader,
  .swap-single-shell .ath-swap-single-panel--trader,
  #brx-content .swap-single-shell .ath-swap-single-panel--description,
  .swap-single-shell .ath-swap-single-panel--description {
    width: 100% !important;
    min-width: 0 !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-panel--summary,
  .swap-single-shell .ath-swap-single-panel--summary,
  #brx-content .swap-single-shell .ath-swap-single-panel--trader,
  .swap-single-shell .ath-swap-single-panel--trader,
  #brx-content .swap-single-shell .ath-swap-single-panel--description,
  .swap-single-shell .ath-swap-single-panel--description {
    min-height: 0 !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-panel--media .ath-swap-single-gallery__primary,
  .swap-single-shell .ath-swap-single-panel--media .ath-swap-single-gallery__primary,
  #brx-content .swap-single-shell .ath-swap-single-gallery__item,
  .swap-single-shell .ath-swap-single-gallery__item {
    max-height: none !important;
  }
}

@media (max-width: 1023px) {
  #brx-content .swap-single-shell .swap-amz-content,
  .swap-single-shell .swap-amz-content {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* Desktop listing content nested 60/40 */
@media (min-width: 1024px) {
  #brx-content .swap-single-shell .swap-amz-content,
  .swap-single-shell .swap-amz-content {
    display: grid !important;
    grid-template-columns: minmax(0, 3fr) minmax(260px, 2fr) !important;
    gap: 10px !important;
    align-items: start !important;
    align-content: start !important;
  }

  #brx-content .swap-single-shell .swap-amz-content > .swap-amz-summary,
  .swap-single-shell .swap-amz-content > .swap-amz-summary {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
  }

  #brx-content .swap-single-shell .swap-amz-content > .swap-amz-side,
  .swap-single-shell .swap-amz-content > .swap-amz-side,
  #brx-content .swap-single-shell .swap-amz-content > .swap-amz-side > .brxe-container,
  .swap-single-shell .swap-amz-content > .swap-amz-side > .brxe-container {
    display: contents !important;
  }

  #brx-content .swap-single-shell .swap-amz-content > .swap-amz-side > .brxe-container > .brxe-shortcode:first-child,
  .swap-single-shell .swap-amz-content > .swap-amz-side > .brxe-container > .brxe-shortcode:first-child {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    align-self: start !important;
  }

  #brx-content .swap-single-shell .swap-amz-content > .swap-amz-side > .brxe-container > .brxe-shortcode:nth-child(2),
  .swap-single-shell .swap-amz-content > .swap-amz-side > .brxe-container > .brxe-shortcode:nth-child(2) {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    align-self: start !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-fragment--trader,
  .swap-single-shell .swap-amz-content .ath-swap-single-fragment--trader,
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-panel--trader,
  .swap-single-shell .swap-amz-content .ath-swap-single-panel--trader,
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-fragment--description,
  .swap-single-shell .swap-amz-content .ath-swap-single-fragment--description,
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-panel--description,
  .swap-single-shell .swap-amz-content .ath-swap-single-panel--description {
    width: 100% !important;
    min-width: 0 !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-panel--trader,
  .swap-single-shell .swap-amz-content .ath-swap-single-panel--trader {
    gap: 7px !important;
    padding: 9px 10px !important;
    min-height: 0 !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__head,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__head {
    padding-bottom: 6px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__head h3,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__head h3 {
    font-size: 1.18rem !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body,
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity),
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity),
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)),
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__identity,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__identity {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__owner-card,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__owner-card {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    min-height: 0 !important;
    gap: 7px !important;
    padding: 7px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__avatar,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__avatar {
    width: 46px !important;
    height: 46px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__owner-name,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__owner-name {
    font-size: 1.6rem !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-summary-card--tier,
  .swap-single-shell .swap-amz-content .ath-swap-summary-card--tier {
    min-height: 0 !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 7px !important;
    padding: 7px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-summary-card--tier .ath-swap-summary-card__icon,
  .swap-single-shell .swap-amz-content .ath-swap-summary-card--tier .ath-swap-summary-card__icon {
    width: 34px !important;
    height: 34px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats,
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    align-items: stretch !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card,
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card,
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card {
    grid-column: 1 !important;
    grid-row: auto !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 7px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__value,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__value,
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__value,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__value {
    margin: 0 !important;
    font-size: 1.16rem !important;
    line-height: 1 !important;
    text-align: right !important;
  }
}


/* Desktop description full-height fill */
@media (min-width: 1024px) {
  #brx-content .swap-single-shell .swap-amz-top,
  .swap-single-shell .swap-amz-top {
    align-items: stretch !important;
  }

  #brx-content .swap-single-shell .swap-amz-media,
  .swap-single-shell .swap-amz-media,
  #brx-content .swap-single-shell .swap-amz-content,
  .swap-single-shell .swap-amz-content {
    align-self: stretch !important;
  }

  #brx-content .swap-single-shell .swap-amz-content,
  .swap-single-shell .swap-amz-content {
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  #brx-content .swap-single-shell .swap-amz-content > .swap-amz-summary,
  .swap-single-shell .swap-amz-content > .swap-amz-summary,
  #brx-content .swap-single-shell .swap-amz-content > .swap-amz-side > .brxe-container > .brxe-shortcode:first-child,
  .swap-single-shell .swap-amz-content > .swap-amz-side > .brxe-container > .brxe-shortcode:first-child {
    align-self: stretch !important;
  }

  #brx-content .swap-single-shell .swap-amz-content > .swap-amz-side > .brxe-container > .brxe-shortcode:nth-child(2),
  .swap-single-shell .swap-amz-content > .swap-amz-side > .brxe-container > .brxe-shortcode:nth-child(2) {
    align-self: stretch !important;
    min-height: 0!important;
  }

  #brx-content .swap-single-shell .swap-amz-content > .swap-amz-side > .brxe-container > .brxe-shortcode:nth-child(2) > .ath-swap-card,
  .swap-single-shell .swap-amz-content > .swap-amz-side > .brxe-container > .brxe-shortcode:nth-child(2) > .ath-swap-card,
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single__section,
  .swap-single-shell .swap-amz-content .ath-swap-single__section {
    height: 100% !important;
    min-height: 0!important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    align-content: stretch !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-content,
  .swap-single-shell .swap-amz-content .ath-swap-single-content {
    min-height: 0 !important;
    height: 100% !important;
    align-self: stretch !important;
  }
}

/* Offer builder 1.5x typography bump */
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder {
  font-size: 1.5rem !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__summary strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__summary strong,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-head strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-head strong {
  font-size: 1.56rem !important;
  line-height: 1.16 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__summary p,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__summary p,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-head p,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-head p,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder > label span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder > label span,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder > .ath-swap-grid label span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder > .ath-swap-grid label span {
  font-size: 1.35rem !important;
  line-height: 1.32 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-panel--offer h3,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-panel--offer h3 {
  font-size: 1.77rem !important;
  line-height: 1.14 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-panel--offer h4,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-panel--offer h4,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__lane .ath-swap-card__header h4,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__lane .ath-swap-card__header h4,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__selection-head h4,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__selection-head h4 {
  font-size: 1.1rem !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-panel--offer p,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-panel--offer p,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-panel--offer small,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-panel--offer small,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-muted,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-muted,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item__summary,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item__summary {
  font-size: 1.32rem !important;
  line-height: 1.3 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__picker > strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__picker > strong,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-card span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-card span,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-card small,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-card small,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-kicker,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-kicker {
  font-size: 1.8rem !important;
  line-height: 1.18 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-card strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-card strong {
  font-size: 1.74rem !important;
  line-height: 1.12 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item__head strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item__head strong {
  font-size: 1.5rem !important;
  line-height: 1.16 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item__head span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item__head span {
  font-size: 1.41rem !important;
  line-height: 1.12 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-pill,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-pill,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-chip,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-chip,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-status,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-status {
  min-height: 27px!important;
  padding: 0 10px !important;
  font-size: 1.17rem !important;
  line-height: 1.05 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-status,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare-status {
  font-size: 1.23rem !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-button,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-button,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder button,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder button,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder input,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder input,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder textarea,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder textarea {
  font-size: 1.32rem !important;
  line-height: 1.2 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder textarea,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder textarea {
  min-height: 104px!important;
  padding-block: 14px !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item--compact,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item--compact {
  grid-template-columns: 51px minmax(0, 1fr) auto !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item__media,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item__media {
  width: 51px !important;
  height: 51px !important;
  min-height: 37px!important;
}

/* Offer builder natural-case and compact product rows */
#brx-content .swap-single-shell .ath-swap-single-panel--offer,
#brx-content .swap-single-shell .ath-swap-single-panel--offer *,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder *,
.swap-single-shell .ath-swap-single-panel--offer,
.swap-single-shell .ath-swap-single-panel--offer *,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder * {
  text-transform: none !important;
}

#brx-content .swap-single-shell .ath-swap-builder-stack--compact,
.swap-single-shell .ath-swap-builder-stack--compact {
  gap: 3px !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact,
.swap-single-shell .ath-swap-builder-item--compact {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 42px!important;
  gap: 7px !important;
  padding: 4px 6px !important;
  overflow: hidden !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__media,
.swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__media {
  width: 48px !important;
  height: 48px !important;
  min-height: 35px!important;
  border-radius: 4px !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__body,
.swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content max-content !important;
  grid-template-areas:
    "title price action"
    "details details action" !important;
  align-items: center !important;
  column-gap: 7px !important;
  row-gap: 2px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__head,
.swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__head,
#brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__footer,
.swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__footer {
  display: contents !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__head strong,
.swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__head strong {
  grid-area: title !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--text-1, #f2f5f7) !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__head span,
.swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__head span {
  grid-area: price !important;
  color: var(--text-1, #f2f5f7) !important;
  font-size: .9rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__summary,
.swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__summary,
#brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__tags,
.swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__tags {
  display: none !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__details,
.swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__details {
  grid-area: details !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__detail,
.swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__detail {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  max-width: 15rem !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: color-mix(in oklch, var(--text-1, #f2f5f7) 72%, transparent) !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
line-height: 1.05 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__detail::before,
.swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__detail::before {
  display: inline-block !important;
  flex: 0 0 auto !important;
  color: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 74%, white 12%) !important;
  font-family: "Font Awesome 6 Free" !important;
  font-size: .58rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__detail--side::before,
.swap-single-shell .ath-swap-builder-item__detail--side::before { content: "\f007" !important; }
#brx-content .swap-single-shell .ath-swap-builder-item__detail--status::before,
.swap-single-shell .ath-swap-builder-item__detail--status::before { content: "\f058" !important; }
#brx-content .swap-single-shell .ath-swap-builder-item__detail--condition::before,
.swap-single-shell .ath-swap-builder-item__detail--condition::before { content: "\f02b" !important; }
#brx-content .swap-single-shell .ath-swap-builder-item__detail--location::before,
.swap-single-shell .ath-swap-builder-item__detail--location::before { content: "\f3c5" !important; }
#brx-content .swap-single-shell .ath-swap-builder-item__detail--shipping::before,
.swap-single-shell .ath-swap-builder-item__detail--shipping::before { content: "\f0d1" !important; }
#brx-content .swap-single-shell .ath-swap-builder-item__detail--service::before,
.swap-single-shell .ath-swap-builder-item__detail--service::before { content: "\f013" !important; }
#brx-content .swap-single-shell .ath-swap-builder-item__detail--wants::before,
.swap-single-shell .ath-swap-builder-item__detail--wants::before { content: "\f02c" !important; }

#brx-content .swap-single-shell .ath-swap-single-builder__lane--counterparty .ath-swap-builder-item__detail::before,
#brx-content .swap-single-shell .ath-swap-single-builder__selection-side--counterparty .ath-swap-builder-item__detail::before,
.swap-single-shell .ath-swap-single-builder__lane--counterparty .ath-swap-builder-item__detail::before,
.swap-single-shell .ath-swap-single-builder__selection-side--counterparty .ath-swap-builder-item__detail::before {
  color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 74%, white 12%) !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-button,
.swap-single-shell .ath-swap-builder-item--compact .ath-swap-button {
  grid-area: action !important;
  align-self: center !important;
  justify-self: end !important;
  min-width: 58px !important;
  min-height: 27px!important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

@media (max-width: 767px) {
  #brx-content .swap-single-shell .ath-swap-builder-item--compact,
  .swap-single-shell .ath-swap-builder-item--compact {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    min-height: 40px!important;
  }

  #brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__media,
  .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__media {
    width: 42px !important;
    height: 42px !important;
    min-height: 30px!important;
  }

  #brx-content .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__body,
  .swap-single-shell .ath-swap-builder-item--compact .ath-swap-builder-item__body {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    grid-template-areas:
      "title action"
      "price action"
      "details action" !important;
    row-gap: 2px !important;
  }
}

/* Trader score/rating tile layout */
#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats,
#brx-content .swap-single-shell .ath-swap-single-trader__stats,
.swap-single-shell .ath-swap-single-trader__stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  align-items: stretch !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card,
#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card {
  grid-column: auto !important;
  grid-row: auto !important;
  min-width: 0 !important;
  min-height: 75px!important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  gap: 9px !important;
  padding: 9px !important;
  border: 1px solid color-mix(in oklch, white 10%, transparent) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(10rem 7rem at 100% 0%, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 12%, transparent), transparent 72%),
    linear-gradient(180deg, color-mix(in oklch, var(--surface-1, #171b21) 92%, transparent), color-mix(in oklch, var(--surface-0, #101317) 98%, transparent)) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 7%, transparent),
    0 8px 18px rgba(0, 0, 0, .14) !important;
  overflow: hidden !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card::before,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card::before,
#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card::before,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 64%, transparent), color-mix(in oklch, var(--ctl-c3, #54d1a3) 58%, transparent)) !important;
  opacity: .8 !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__label,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__label,
#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: .62rem !important;
  line-height: 1.08 !important;
text-transform: uppercase !important;
  opacity: .84 !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__label::before,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__label::before,
#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label::before,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label::before {
  content: none !important;
  display: none !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  font-size: .9rem !important;
  background: color-mix(in oklch, var(--ctl-c3, #54d1a3) 16%, var(--surface-1, #171b21)) !important;
  color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 84%, white 8%) !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__label-text,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__label-text,
#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label-text,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label-text {
  display: block !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value {
  min-width: 0 !important;
  margin: auto 0 0 !important;
  font-size: 2.08rem !important;
  line-height: .95 !important;
  font-weight: 900 !important;
text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating,
#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating {
  grid-column: 1 / -1 !important;
}

@media (max-width: 420px) {
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats,
  .swap-single-shell .ath-swap-single-trader__stats {
    gap: 6px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card,
  .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card {
    min-height: 69px!important;
    gap: 7px !important;
    padding: 7px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__label,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__label,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label,
  .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 5px !important;
    font-size: .56rem !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
  .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__icon {
    width: 30px !important;
    height: 30px !important;
    font-size: .84rem !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
  .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value {
    font-size: 1.76rem !important;
  }
}


/* Trader score/rating tile specificity corrections */
#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats,
#brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  align-items: stretch !important;
}

#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card,
#brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card {
  grid-column: auto !important;
  grid-row: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 75px!important;
}

#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating,
#brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating {
  grid-column: 1 / -1 !important;
}

@media (max-width: 420px) {
  #brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats,
  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats,
  .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card,
  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card,
  .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card {
    min-height: 69px!important;
  }
}


/* Trader icon metric box 3-column layout */
#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats,
#brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats,
#brx-content .swap-single-shell .ath-swap-single-trader__stats,
.swap-single-shell .ath-swap-single-trader__stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  align-items: stretch !important;
}

#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card,
#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card,
#brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card {
  grid-column: auto !important;
  grid-row: auto !important;
  min-width: 0 !important;
  min-height: 85px!important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-content: start !important;
  justify-items: center !important;
  gap: 6px !important;
  padding: 7px 6px !important;
  border: 1px solid color-mix(in oklch, white 10%, transparent) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(9rem 7rem at 50% 0%, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 13%, transparent), transparent 72%),
    linear-gradient(180deg, color-mix(in oklch, var(--surface-1, #171b21) 92%, transparent), color-mix(in oklch, var(--surface-0, #101317) 98%, transparent)) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 7%, transparent),
    0 8px 18px rgba(0, 0, 0, .14) !important;
  overflow: hidden !important;
}

#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating,
#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating,
#brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card--avg-rating {
  grid-column: auto !important;
}

#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label,
#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__label,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__label,
#brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__label,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__label {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-items: start !important;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--text-mid, #b8c3d4) !important;
  font-size: .54rem !important;
  line-height: 1.05 !important;
text-align: center !important;
  text-transform: uppercase !important;
  opacity: .88 !important;
}

#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label::before,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label::before,
#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__label::before,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__label::before,
#brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__label::before,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__label::before {
  content: none !important;
  display: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
#brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__icon {
  width: 34px !important;
  height: 34px !important;
  flex: none !important;
  border-radius: 11px !important;
  display: grid !important;
  place-items: center !important;
  background: color-mix(in oklch, var(--ctl-c3, #54d1a3) 16%, var(--surface-1, #171b21)) !important;
  color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 84%, white 8%) !important;
  box-shadow: inset 0 0 0 1px color-mix(in oklch, white 8%, transparent) !important;
  font-size: .94rem !important;
}

#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label-text,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label-text,
#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__label-text,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__label-text,
#brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__label-text,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__label-text {
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
#brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value {
  align-self: end !important;
  justify-self: center !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--text-1, #f2f5f7) !important;
  font-size: 1.55rem !important;
  line-height: .95 !important;
  font-weight: 900 !important;
text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 420px) {
  #brx-content .swap-single-shell .ath-swap-single-trader__stats,
  .swap-single-shell .ath-swap-single-trader__stats,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats,
  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats,
  .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card,
  .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card,
  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card,
  .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card {
    min-height: 76px!important;
    padding: 6px 4px !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
  .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__icon,
  .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__icon {
    width: 32px !important;
    height: 32px !important;
    font-size: .88rem !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label,
  .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card__label,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__label,
  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card__label,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__label,
  .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card__label {
    font-size: .48rem !important;
}

  #brx-content .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
  .swap-single-shell .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value,
  .swap-single-shell .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats .ath-swap-summary-card--metric .ath-swap-summary-card__value {
    font-size: 1.34rem !important;
  }
}


/* Trader icon metric 3-column live placement fix */
#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 6px !important;
  align-items: stretch !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card {
  grid-column: auto / span 1 !important;
  grid-row: auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  min-height: 81px!important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  place-items: start center !important;
  align-content: start !important;
  gap: 6px !important;
  padding: 7px 5px !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-items: start !important;
  width: 100% !important;
  gap: 5px !important;
  text-align: center !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__value,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__value,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__value {
  align-self: end !important;
  justify-self: center !important;
  margin: 0 !important;
  text-align: center !important;
}

@media (max-width: 767px) {
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 420px) {
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card {
    grid-column: auto / span 1 !important;
    min-height: 75px!important;
    padding: 6px 4px !important;
  }
}


/* Trader icon metric compact height */


#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card {
  min-height: 59px!important;
  gap: 3px !important;
  padding: 5px 4px !important;
  border-radius: 12px !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label {
  gap: 3px !important;
  font-size: .46rem !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon {
  width: 26px !important;
  height: 26px !important;
  border-radius: 9px !important;
  font-size: .76rem !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card--metric .ath-swap-summary-card__value,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card--metric .ath-swap-summary-card__value,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card--metric .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card--metric .ath-swap-summary-card__value,
#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value {
  font-size: 1.12rem !important;
  line-height: .95 !important;
}

@media (max-width: 420px) {
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
  .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats {
    gap: 4px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card {
    min-height: 56px!important;
    padding: 4px 4px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
  .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon {
    width: 24px !important;
    height: 24px !important;
    font-size: .72rem !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value,
  .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value {
    font-size: 1.04rem !important;
  }
}


/* Trader compact live min-height fix */
#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card {
  min-height: 59px!important;
  gap: 3px !important;
  padding: 5px 4px !important;
}

@media (max-width: 420px) {
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card {
    min-height: 56px!important;
    gap: 3px !important;
    padding: 4px 4px !important;
  }
}


/* Trader compact icon emphasis */
#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 84%, white 10%) !important;
  font-size: 1.22rem !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon i,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon i,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon i,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon i {
  font-size: inherit !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label {
  gap: 4px !important;
  font-size: .58rem !important;
  line-height: 1.05 !important;
}

@media (max-width: 420px) {
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
  .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon {
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 1.14rem !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
  .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label {
    font-size: .54rem !important;
    line-height: 1.05 !important;
  }
}


/* Trader metric content scale-up */
#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card {
  min-height: 68px!important;
  gap: 4px !important;
  padding: 6px 4px !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon {
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 1.46rem !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label {
  gap: 4px !important;
  font-size: .68rem !important;
  line-height: 1.08 !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label-text,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label-text,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label-text,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label-text {
  font-size: inherit !important;
  line-height: inherit !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value {
  font-size: 1.34rem !important;
  line-height: .95 !important;
}

@media (max-width: 420px) {
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card {
    min-height: 65px!important;
    gap: 4px !important;
    padding: 5px 4px !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon,
  .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__icon {
    font-size: 1.34rem !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
  .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label {
    font-size: .62rem !important;
    line-height: 1.05 !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value,
  .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card--metric.ath-swap-summary-card .ath-swap-summary-card__value {
    font-size: 1.22rem !important;
  }
}


/* Trader tier owner and compact score refinement */
#brx-content .swap-single-shell .ath-swap-single-trader__owner-name,
.swap-single-shell .ath-swap-single-trader__owner-name,
#brx-content .swap-single-shell .ath-swap-single-trader__owner-card strong,
.swap-single-shell .ath-swap-single-trader__owner-card strong {
  font-size: 1.14rem !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-summary-card--tier.ath-swap-summary-card,
.swap-single-shell .ath-swap-summary-card--tier.ath-swap-summary-card {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 9px !important;
  row-gap: 2px !important;
}

#brx-content .swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__label,
.swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__label {
  display: contents !important;
}

#brx-content .swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__label::before,
.swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__label::before {
  content: none !important;
  display: none !important;
}

#brx-content .swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__icon,
.swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__icon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 86%, white 12%) !important;
  font-size: 1.62rem !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__icon i,
.swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__icon i {
  font-size: inherit !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__label-text,
.swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__label-text {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  color: var(--text-mid, #b8c3d4) !important;
  font-size: .78rem !important;
  line-height: 1 !important;
  font-weight: 850 !important;
text-transform: uppercase !important;
  white-space: nowrap !important;
  opacity: .86 !important;
}

#brx-content .swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__value,
.swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__value {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  font-size: 1.28rem !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats {
  gap: 4px !important;
}

#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
#brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
#brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card {
  min-height: 43px!important;
  gap: 2px !important;
  padding: 4px 4px !important;
}

#brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label,
.swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card .ath-swap-summary-card__label {
  gap: 3px !important;
}

@media (max-width: 420px) {
  #brx-content .swap-single-shell .ath-swap-single-trader__owner-name,
  .swap-single-shell .ath-swap-single-trader__owner-name,
  #brx-content .swap-single-shell .ath-swap-single-trader__owner-card strong,
  .swap-single-shell .ath-swap-single-trader__owner-card strong {
    font-size: 1.08rem !important;
  }

  #brx-content .swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__icon,
  .swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__icon {
    font-size: 1.52rem !important;
  }

  #brx-content .swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__label-text,
  .swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__label-text {
    font-size: .72rem !important;
  }

  #brx-content .swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__value,
  .swap-single-shell .ath-swap-summary-card--tier .ath-swap-summary-card__value {
    font-size: 1.18rem !important;
  }

  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  #brx-content .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .swap-amz-content .ath-swap-single-trader__body:not(:has(.ath-swap-single-trader__identity)) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  #brx-content .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .ath-swap-single-trader__body:has(.ath-swap-single-trader__identity) .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  #brx-content .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card,
  .swap-single-shell .ath-swap-single-trader__stats.ath-swap-single-trader__stats > .ath-swap-summary-card.ath-swap-summary-card {
    min-height: 55px!important;
    padding: 4px 4px !important;
  }
}

/* Offer builder credit and message light panels */
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder > label,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder > label,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__credit-field,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__credit-field {
  border: 1px solid color-mix(in oklch, white 14%, transparent) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--surface-2, #232833) 80%, white 10%), color-mix(in oklch, var(--surface-1, #171b21) 84%, white 6%)) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 10%, transparent),
    0 10px 22px rgba(0, 0, 0, .12) !important;
  color: color-mix(in oklch, white 88%, var(--surface-2, #232833)) !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__credit-field,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__credit-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(130px, 220px) !important;
  align-items: center !important;
  gap: 7px !important;
  margin-top: 10px !important;
  padding: 9px !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__credit-field span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__credit-field span,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder > label > span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder > label > span {
  color: color-mix(in oklch, white 94%, var(--surface-2, #232833)) !important;
  font-size: .74rem !important;
  font-weight: 800 !important;
text-transform: none !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__credit-field input,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__credit-field input {
  justify-self: end !important;
  max-width: 220px !important;
  text-align: right !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder textarea::placeholder,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder textarea::placeholder {
  color: color-mix(in oklch, white 70%, var(--surface-2, #232833)) !important;
}

@media (max-width: 560px) {
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__credit-field,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__credit-field {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__credit-field input,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__credit-field input {
    justify-self: stretch !important;
    max-width: none !important;
  }
}




/* Offer builder dark select controls */
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-rate select,
.swap-single-shell .ath-swap-single-builder__shipping-rate select {
  width: 100% !important;
  padding: 0 30px 0 13px !important;
  border: 1px solid color-mix(in oklch, white 18%, transparent) !important;
  border-radius: 10px !important;
    background-color: color-mix(in oklch, var(--surface-0, #101317) 92%, black 4%) !important;
  background-image:
    linear-gradient(45deg, transparent 50%, color-mix(in oklch, white 82%, var(--ctl-c2, #7aa6ff)) 50%),
    linear-gradient(135deg, color-mix(in oklch, white 82%, var(--ctl-c2, #7aa6ff)) 50%, transparent 50%),
    linear-gradient(180deg, color-mix(in oklch, var(--surface-0, #101317) 88%, white 5%), color-mix(in oklch, var(--surface-0, #101317) 96%, black 8%)) !important;
  background-position:
    calc(100% - 19px) 50%,
    calc(100% - 13px) 50%,
    0 0 !important;
  background-size:
    6px 6px,
    6px 6px,
    100% 100% !important;
  background-repeat: no-repeat !important;
  color: color-mix(in oklch, white 94%, var(--surface-2, #232833)) !important;
  color-scheme: dark !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 7%, transparent),
    0 8px 18px rgba(0, 0, 0, .14) !important;
  font: inherit !important;
  font-size: 1.32rem !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select:hover,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select:hover,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-rate select:hover,
.swap-single-shell .ath-swap-single-builder__shipping-rate select:hover {
  border-color: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 38%, white 8%) !important;
  background-color: color-mix(in oklch, var(--surface-1, #171b21) 92%, white 4%) !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select:focus,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select:focus,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-rate select:focus,
.swap-single-shell .ath-swap-single-builder__shipping-rate select:focus,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select:focus-visible,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select:focus-visible,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-rate select:focus-visible,
.swap-single-shell .ath-swap-single-builder__shipping-rate select:focus-visible {
  outline: none !important;
  border-color: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 62%, white 10%) !important;
  box-shadow:
    0 0 0 3px color-mix(in oklch, var(--ctl-c2, #7aa6ff) 22%, transparent),
    inset 0 1px 0 color-mix(in oklch, white 8%, transparent),
    0 10px 22px rgba(0, 0, 0, .18) !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select:disabled,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select:disabled,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-rate select:disabled,
.swap-single-shell .ath-swap-single-builder__shipping-rate select:disabled {
  cursor: not-allowed !important;
  opacity: .62 !important;
  color: color-mix(in oklch, white 58%, var(--surface-2, #232833)) !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select option,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select option,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-rate select option,
.swap-single-shell .ath-swap-single-builder__shipping-rate select option,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select optgroup,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select optgroup,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-rate select optgroup,
.swap-single-shell .ath-swap-single-builder__shipping-rate select optgroup {
  background-color: #101317 !important;
  color: #f5f7fb !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select option:checked,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder select option:checked,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-rate select option:checked,
.swap-single-shell .ath-swap-single-builder__shipping-rate select option:checked {
  background-color: #1f3b4f !important;
  color: #ffffff !important;
}


/* Swap shipping quote display */
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping {
  --ath-swap-shipping-panel: color-mix(in oklch, var(--surface-2, #454243) 88%, white 5%);
  --ath-swap-shipping-panel-2: color-mix(in oklch, var(--surface-1, #393637) 88%, white 4%);
  --ath-swap-shipping-card: color-mix(in oklch, var(--surface-2, #454243) 82%, white 6%);
  --ath-swap-shipping-card-2: color-mix(in oklch, var(--surface-1, #3b3839) 88%, white 4%);
  --ath-swap-shipping-border: color-mix(in oklch, white 16%, transparent);
  display: grid !important;
  gap: 9px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid var(--ath-swap-shipping-border) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, var(--ath-swap-shipping-panel), var(--ath-swap-shipping-panel-2)) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 7%, transparent), 0 8px 18px rgba(0, 0, 0, .14) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping[aria-busy="true"],
.swap-single-shell .ath-swap-single-builder__shipping[aria-busy="true"] {
  opacity: .96 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-head,
.swap-single-shell .ath-swap-single-builder__shipping-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px 12px !important;
  align-items: center !important;
  margin: 0 !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-head strong,
.swap-single-shell .ath-swap-single-builder__shipping-head strong {
  min-width: 0 !important;
  font-size: 1rem !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  color: color-mix(in oklch, white 94%, var(--surface-2, #232833)) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-head span,
.swap-single-shell .ath-swap-single-builder__shipping-head span,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-badge,
.swap-single-shell .ath-swap-single-builder__shipping-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 20px!important;
  width: fit-content !important;
  max-width: 100% !important;
  justify-self: end !important;
  padding: 0 9px !important;
  border: 1px solid color-mix(in oklch, white 16%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in oklch, var(--surface-2, #454243) 76%, black 18%) !important;
  color: color-mix(in oklch, white 90%, var(--surface-2, #232833)) !important;
  font-size: .72rem !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  text-align: right !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-grid,
.swap-single-shell .ath-swap-single-builder__shipping-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-card,
.swap-single-shell .ath-swap-single-builder__shipping-card {
  display: grid !important;
  gap: 4px !important;
  align-content: start !important;
  min-width: 0 !important;
  min-height: 85px!important;
  padding: 10px !important;
  border: 1px solid color-mix(in oklch, white 14%, transparent) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, var(--ath-swap-shipping-card), var(--ath-swap-shipping-card-2)) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 6%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-card[data-quote-state="rated"],
.swap-single-shell .ath-swap-single-builder__shipping-card[data-quote-state="rated"] {
  border-color: color-mix(in oklch, white 18%, var(--ctl-c3, #54d1a3) 10%) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-card[data-quote-state="pending"],
.swap-single-shell .ath-swap-single-builder__shipping-card[data-quote-state="pending"] {
  border-color: color-mix(in oklch, var(--ctl-c1, #f6c76f) 34%, white 10%) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-card span,
.swap-single-shell .ath-swap-single-builder__shipping-card span {
  min-width: 0 !important;
  color: color-mix(in oklch, white 78%, var(--surface-2, #232833)) !important;
  font-size: .72rem !important;
  line-height: 1.14 !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-card strong,
.swap-single-shell .ath-swap-single-builder__shipping-card strong {
  min-width: 0 !important;
  color: color-mix(in oklch, white 96%, var(--surface-2, #232833)) !important;
  font-size: 1.12rem !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-card small,
.swap-single-shell .ath-swap-single-builder__shipping-card small,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping .ath-swap-muted,
.swap-single-shell .ath-swap-single-builder__shipping .ath-swap-muted {
  min-width: 0 !important;
  color: color-mix(in oklch, white 72%, var(--surface-2, #232833)) !important;
  font-size: .76rem !important;
  line-height: 1.26 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping .ath-swap-muted,
.swap-single-shell .ath-swap-single-builder__shipping .ath-swap-muted {
  margin: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-status,
.swap-single-shell .ath-swap-single-builder__shipping-status,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-loading,
.swap-single-shell .ath-swap-single-builder__shipping-loading {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 69px!important;
  padding: 10px !important;
  border: 1px dashed color-mix(in oklch, white 18%, transparent) !important;
  border-radius: 10px !important;
  background: color-mix(in oklch, var(--surface-2, #454243) 72%, black 8%) !important;
  color: color-mix(in oklch, white 82%, var(--surface-2, #232833)) !important;
  font-size: .92rem !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-status,
.swap-single-shell .ath-swap-single-builder__shipping-status {
  min-height: 32px!important;
  padding: 7px 9px !important;
  border-style: solid !important;
  background:
    linear-gradient(90deg, color-mix(in oklch, var(--surface-2, #454243) 78%, black 8%), color-mix(in oklch, var(--surface-2, #454243) 88%, white 7%), color-mix(in oklch, var(--surface-2, #454243) 78%, black 8%)) !important;
  background-size: 220% 100% !important;
  animation: ath-swap-shipping-sheen 1.35s ease-in-out infinite !important;
}

#brx-content .swap-single-shell .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-loading,
.swap-single-shell .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-loading,
#brx-content .swap-single-shell [data-ath-swap-composer-section="shipping"] .ath-swap-single-builder__shipping-loading,
.swap-single-shell [data-ath-swap-composer-section="shipping"] .ath-swap-single-builder__shipping-loading {
  min-height: 27px!important;
  margin: 4px 0 6px !important;
  padding: 6px 7px !important;
  border-radius: 8px !important;
  font-size: .78rem !important;
}

#brx-content .swap-single-shell .ath-swap-side-composer__section--shipping.ath-swap-single-builder__shipping--loading .ath-swap-single-builder__shipping-card,
.swap-single-shell .ath-swap-side-composer__section--shipping.ath-swap-single-builder__shipping--loading .ath-swap-single-builder__shipping-card,
#brx-content .swap-single-shell [data-ath-swap-composer-section="shipping"].ath-swap-single-builder__shipping--loading .ath-swap-single-builder__shipping-card,
.swap-single-shell [data-ath-swap-composer-section="shipping"].ath-swap-single-builder__shipping--loading .ath-swap-single-builder__shipping-card {
  opacity: .58 !important;
  pointer-events: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-spinner,
.swap-single-shell .ath-swap-single-builder__shipping-spinner {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  border: 3px solid color-mix(in oklch, white 20%, transparent) !important;
  border-top-color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 72%, white 10%) !important;
  border-right-color: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 62%, white 8%) !important;
  border-radius: 999px !important;
  animation: ath-swap-shipping-spin .72s linear infinite !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping--loading .ath-swap-single-builder__shipping-head span::before,
.swap-single-shell .ath-swap-single-builder__shipping--loading .ath-swap-single-builder__shipping-head span::before,
#brx-content .swap-single-shell .ath-swap-side-composer__section--shipping.ath-swap-single-builder__shipping--loading .ath-swap-side-composer__section-title span::before,
.swap-single-shell .ath-swap-side-composer__section--shipping.ath-swap-single-builder__shipping--loading .ath-swap-side-composer__section-title span::before,
#brx-content .swap-single-shell [data-ath-swap-composer-section="shipping"].ath-swap-single-builder__shipping--loading .ath-swap-side-composer__section-title span::before,
.swap-single-shell [data-ath-swap-composer-section="shipping"].ath-swap-single-builder__shipping--loading .ath-swap-side-composer__section-title span::before,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-card[data-quote-state="pending"] strong::before,
.swap-single-shell .ath-swap-single-builder__shipping-card[data-quote-state="pending"] strong::before {
  content: "" !important;
  display: inline-block !important;
  width: .82em !important;
  height: .82em !important;
  margin-right: .42em !important;
  border: 2px solid color-mix(in oklch, white 18%, transparent) !important;
  border-top-color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 70%, white 10%) !important;
  border-radius: 999px !important;
  vertical-align: -.12em !important;
  animation: ath-swap-shipping-spin .72s linear infinite !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-rate,
.swap-single-shell .ath-swap-single-builder__shipping-rate {
  display: grid !important;
  gap: 4px !important;
  padding: 7px !important;
  border: 1px solid color-mix(in oklch, white 12%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in oklch, var(--surface-2, #454243) 76%, black 10%) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-rate span,
.swap-single-shell .ath-swap-single-builder__shipping-rate span {
  color: color-mix(in oklch, white 76%, var(--surface-2, #232833)) !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-rate select,
.swap-single-shell .ath-swap-single-builder__shipping-rate select {
  border-color: color-mix(in oklch, white 18%, transparent) !important;
  background-color: color-mix(in oklch, var(--surface-2, #454243) 78%, black 10%) !important;
  background-image:
    linear-gradient(45deg, transparent 50%, color-mix(in oklch, white 86%, var(--surface-2, #454243)) 50%),
    linear-gradient(135deg, color-mix(in oklch, white 86%, var(--surface-2, #454243)) 50%, transparent 50%),
    linear-gradient(180deg, color-mix(in oklch, var(--surface-2, #454243) 84%, white 5%), color-mix(in oklch, var(--surface-1, #393637) 86%, black 6%)) !important;
  color: color-mix(in oklch, white 94%, var(--surface-2, #232833)) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 7%, transparent), 0 6px 14px rgba(0, 0, 0, .14) !important;
}

@keyframes ath-swap-shipping-spin {
  to { transform: rotate(360deg); }
}

@keyframes ath-swap-shipping-sheen {
  0% { background-position: 120% 0; }
  100% { background-position: -120% 0; }
}

@media (prefers-reduced-motion: reduce) {
  #brx-content .swap-single-shell .ath-swap-single-builder__shipping-spinner,
  .swap-single-shell .ath-swap-single-builder__shipping-spinner,
  #brx-content .swap-single-shell .ath-swap-single-builder__shipping--loading .ath-swap-single-builder__shipping-head span::before,
  .swap-single-shell .ath-swap-single-builder__shipping--loading .ath-swap-single-builder__shipping-head span::before,
  #brx-content .swap-single-shell .ath-swap-single-builder__shipping-card[data-quote-state="pending"] strong::before,
  .swap-single-shell .ath-swap-single-builder__shipping-card[data-quote-state="pending"] strong::before,
  #brx-content .swap-single-shell .ath-swap-single-builder__shipping-status,
  .swap-single-shell .ath-swap-single-builder__shipping-status {
    animation: none !important;
  }
}

@media (max-width: 760px) {
  #brx-content .swap-single-shell .ath-swap-single-builder__shipping-head,
  .swap-single-shell .ath-swap-single-builder__shipping-head,
  #brx-content .swap-single-shell .ath-swap-single-builder__shipping-grid,
  .swap-single-shell .ath-swap-single-builder__shipping-grid {
    grid-template-columns: 1fr !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-builder__shipping-head span,
  .swap-single-shell .ath-swap-single-builder__shipping-head span,
  #brx-content .swap-single-shell .ath-swap-single-builder__shipping-badge,
  .swap-single-shell .ath-swap-single-builder__shipping-badge {
    justify-self: start !important;
    text-align: left !important;
  }
}


/* Estimated shipping placeholder spinner fallback */
#brx-content .swap-single-shell .ath-swap-single-builder__shipping > .ath-swap-muted:only-child,
.swap-single-shell .ath-swap-single-builder__shipping > .ath-swap-muted:only-child {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 69px!important;
  margin: 0 !important;
  padding: 10px !important;
  border: 1px dashed color-mix(in oklch, white 18%, transparent) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(90deg, color-mix(in oklch, var(--surface-2, #454243) 78%, black 8%), color-mix(in oklch, var(--surface-2, #454243) 88%, white 7%), color-mix(in oklch, var(--surface-2, #454243) 78%, black 8%)) !important;
  background-size: 220% 100% !important;
  color: transparent !important;
  font-size: 0 !important;
  animation: ath-swap-shipping-sheen 1.35s ease-in-out infinite !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping > .ath-swap-muted:only-child::before,
.swap-single-shell .ath-swap-single-builder__shipping > .ath-swap-muted:only-child::before {
  content: "" !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  border: 3px solid color-mix(in oklch, white 20%, transparent) !important;
  border-top-color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 72%, white 10%) !important;
  border-right-color: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 62%, white 8%) !important;
  border-radius: 999px !important;
  animation: ath-swap-shipping-spin .72s linear infinite !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping > .ath-swap-muted:only-child::after,
.swap-single-shell .ath-swap-single-builder__shipping > .ath-swap-muted:only-child::after {
  content: "Getting live shipping rates..." !important;
  color: color-mix(in oklch, white 82%, var(--surface-2, #232833)) !important;
  font-size: .92rem !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

@media (prefers-reduced-motion: reduce) {
  #brx-content .swap-single-shell .ath-swap-single-builder__shipping > .ath-swap-muted:only-child,
  .swap-single-shell .ath-swap-single-builder__shipping > .ath-swap-muted:only-child,
  #brx-content .swap-single-shell .ath-swap-single-builder__shipping > .ath-swap-muted:only-child::before,
  .swap-single-shell .ath-swap-single-builder__shipping > .ath-swap-muted:only-child::before {
    animation: none !important;
  }
}


/* Shipping payer checkbox styling */
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-payer,
.swap-single-shell .ath-swap-single-builder__shipping-payer {
  display: flex !important;
  align-items: center !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-payer input,
.swap-single-shell .ath-swap-single-builder__shipping-payer input {
  width: 18px !important;
  height: 18px !important;
  min-height: 13px!important;
  flex: 0 0 18px !important;
  margin: 0 !important;
  accent-color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 76%, white 8%) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-payer span,
.swap-single-shell .ath-swap-single-builder__shipping-payer span {
  min-width: 0 !important;
  color: color-mix(in oklch, white 88%, var(--surface-2, #232833)) !important;
  font-size: .82rem !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
  text-transform: none !important;
}


/* Swap details itemization styling */
#brx-content .swap-single-shell .ath-swap-single-builder__terms,
.swap-single-shell .ath-swap-single-builder__terms {
  display: grid !important;
  grid-column: 1 / -1 !important;
  gap: 4px !important;
  padding: 6px !important;
  border: 1px solid color-mix(in oklch, white 12%, transparent) !important;
  border-radius: 10px !important;
  background: color-mix(in oklch, var(--surface-2, #454243) 74%, black 12%) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 5%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-head,
.swap-single-shell .ath-swap-single-builder__terms-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 7px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-head strong,
.swap-single-shell .ath-swap-single-builder__terms-head strong {
  color: color-mix(in oklch, white 92%, var(--surface-2, #232833)) !important;
  font-size: .9rem !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
  text-transform: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-head span,
.swap-single-shell .ath-swap-single-builder__terms-head span {
  color: color-mix(in oklch, white 72%, var(--surface-2, #232833)) !important;
  font-size: .78rem !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  text-align: right !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-ledger,
.swap-single-shell .ath-swap-single-builder__terms-ledger {
  display: grid !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in oklch, white 10%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in oklch, var(--surface-2, #454243) 70%, black 8%) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-row,
.swap-single-shell .ath-swap-single-builder__terms-row {
  display: grid !important;
  grid-template-columns: minmax(120px, 1.1fr) repeat(2, minmax(120px, 1fr)) !important;
  align-items: baseline !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 4px 6px !important;
  border-top: 1px solid color-mix(in oklch, white 8%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-row:first-child,
.swap-single-shell .ath-swap-single-builder__terms-row:first-child {
  border-top: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-row > span,
.swap-single-shell .ath-swap-single-builder__terms-row > span,
#brx-content .swap-single-shell .ath-swap-single-builder__terms-row--head span,
.swap-single-shell .ath-swap-single-builder__terms-row--head span,
#brx-content .swap-single-shell .ath-swap-single-builder__terms-shipping-row small,
.swap-single-shell .ath-swap-single-builder__terms-shipping-row small {
  color: color-mix(in oklch, white 70%, var(--surface-2, #232833)) !important;
  font-size: .72rem !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-row > strong,
.swap-single-shell .ath-swap-single-builder__terms-row > strong,
#brx-content .swap-single-shell .ath-swap-single-builder__terms-row--head span:nth-child(n + 2),
.swap-single-shell .ath-swap-single-builder__terms-row--head span:nth-child(n + 2) {
  justify-self: end !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-row > strong,
.swap-single-shell .ath-swap-single-builder__terms-row > strong {
  color: color-mix(in oklch, white 94%, var(--surface-2, #232833)) !important;
  font-size: .86rem !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-row--head,
.swap-single-shell .ath-swap-single-builder__terms-row--head,
#brx-content .swap-single-shell .ath-swap-single-builder__terms-row--total,
.swap-single-shell .ath-swap-single-builder__terms-row--total {
  background: color-mix(in oklch, var(--surface-0, #0f1114) 70%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-row--total span,
.swap-single-shell .ath-swap-single-builder__terms-row--total span,
#brx-content .swap-single-shell .ath-swap-single-builder__terms-row--total strong,
.swap-single-shell .ath-swap-single-builder__terms-row--total strong {
  color: color-mix(in oklch, white 96%, var(--surface-2, #232833)) !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-credit,
.swap-single-shell .ath-swap-single-builder__terms-credit {
  display: grid !important;
  grid-template-columns: auto minmax(74px, 1fr) !important;
  gap: 4px !important;
  align-items: center !important;
  justify-self: end !important;
  width: min(100%, 190px) !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-credit span,
.swap-single-shell .ath-swap-single-builder__terms-credit span {
  color: color-mix(in oklch, white 70%, var(--surface-2, #232833)) !important;
  font-size: .72rem !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-credit input,
.swap-single-shell .ath-swap-single-builder__terms-credit input {
  min-height: 22px!important;
  width: 100% !important;
  padding: 3px 5px !important;
  text-align: right !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-credit small,
.swap-single-shell .ath-swap-single-builder__terms-credit small {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: color-mix(in oklch, white 68%, var(--surface-2, #232833)) !important;
  font-size: .68rem !important;
  line-height: 1.18 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-balance,
.swap-single-shell .ath-swap-single-builder__terms-balance {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 4px 10px !important;
  min-width: 0 !important;
  padding: 4px 6px !important;
  border: 1px solid color-mix(in oklch, white 10%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in oklch, var(--surface-2, #454243) 78%, white 2%) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-balance span,
.swap-single-shell .ath-swap-single-builder__terms-balance span {
  flex: 1 1 260px !important;
  min-width: 0 !important;
  color: color-mix(in oklch, white 72%, var(--surface-2, #232833)) !important;
  font-size: .74rem !important;
  line-height: 1.25 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-action,
.swap-single-shell .ath-swap-single-builder__terms-action {
  min-height: 20px!important;
  padding: 0 7px !important;
  border: 1px solid color-mix(in oklch, var(--ctl-c2, #7aa6ff) 38%, white 8%) !important;
  border-radius: 999px !important;
  background: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 24%, var(--surface-0, #0f1114)) !important;
  color: color-mix(in oklch, white 94%, var(--surface-2, #232833)) !important;
  font-size: .7rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-shipping,
.swap-single-shell .ath-swap-single-builder__terms-shipping {
  display: grid !important;
  gap: 4px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-shipping-row,
.swap-single-shell .ath-swap-single-builder__terms-shipping-row {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 4px 5px !important;
  border: 1px solid color-mix(in oklch, white 12%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in oklch, var(--surface-2, #454243) 82%, white 3%) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-shipping-row input,
.swap-single-shell .ath-swap-single-builder__terms-shipping-row input {
  display: grid !important;
  place-content: center !important;
  width: 18px !important;
  height: 18px !important;
  min-height: 13px!important;
  flex: 0 0 18px !important;
  margin: 0 !important;
  appearance: none !important;
  border: 1px solid color-mix(in oklch, white 16%, transparent) !important;
  border-radius: 4px !important;
  background: color-mix(in oklch, var(--surface-0, #0f1114) 86%, transparent) !important;
  cursor: pointer !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-shipping-row input::before,
.swap-single-shell .ath-swap-single-builder__terms-shipping-row input::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  transform: scale(0) !important;
  border-radius: 2px !important;
  background: color-mix(in oklch, white 94%, var(--surface-2, #232833)) !important;
  transition: transform .12s ease !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-shipping-row input:checked,
.swap-single-shell .ath-swap-single-builder__terms-shipping-row input:checked {
  border-color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 74%, white 6%) !important;
  background: color-mix(in oklch, var(--ctl-c3, #54d1a3) 68%, var(--surface-0, #0f1114)) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-shipping-row input:checked::before,
.swap-single-shell .ath-swap-single-builder__terms-shipping-row input:checked::before {
  transform: scale(1) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-shipping-row span,
.swap-single-shell .ath-swap-single-builder__terms-shipping-row span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-shipping-row strong,
.swap-single-shell .ath-swap-single-builder__terms-shipping-row strong {
  color: color-mix(in oklch, white 92%, var(--surface-2, #232833)) !important;
  font-size: .82rem !important;
  line-height: 1.16 !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms-shipping-row small,
.swap-single-shell .ath-swap-single-builder__terms-shipping-row small {
  min-width: 0 !important;
  overflow: hidden !important;
  font-size: .72rem !important;
  line-height: 1.22 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__terms .ath-swap-muted,
.swap-single-shell .ath-swap-single-builder__terms .ath-swap-muted {
  margin: 0 !important;
}

@media (max-width: 680px) {
  #brx-content .swap-single-shell .ath-swap-single-builder__terms-row,
  .swap-single-shell .ath-swap-single-builder__terms-row {
    grid-template-columns: minmax(90px, .86fr) repeat(2, minmax(92px, 1fr)) !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-builder__terms-credit,
  .swap-single-shell .ath-swap-single-builder__terms-credit {
    grid-template-columns: 1fr !important;
    gap: 2px !important;
  }
}

/* Visible offer ledger minimalist retarget */
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-offer-form.ath-swap-single-builder {
  --ath-swap-offer-soft-panel: color-mix(in oklch, var(--surface-2, #454243) 54%, white 24%);
  --ath-swap-offer-soft-panel-2: color-mix(in oklch, var(--surface-1, #393637) 58%, white 17%);
  --ath-swap-offer-soft-line: color-mix(in oklch, white 24%, transparent);
  --ath-swap-offer-soft-text: color-mix(in oklch, white 96%, var(--surface-2, #454243));
  --ath-swap-offer-soft-muted: color-mix(in oklch, white 76%, var(--surface-2, #454243));
  --ath-swap-balance-left: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 78%, white 8%);
  --ath-swap-balance-mid: color-mix(in oklch, var(--ctl-c1, #f6c76f) 78%, white 8%);
  --ath-swap-balance-right: color-mix(in oklch, var(--ctl-c3, #54d1a3) 76%, white 8%);
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-hero {
  width: 100% !important;
  max-width: none !important;
  padding: 9px !important;
  border-color: var(--ath-swap-offer-soft-line) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, var(--ath-swap-offer-soft-panel), var(--ath-swap-offer-soft-panel-2)) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 10%, transparent), 0 8px 18px rgba(0, 0, 0, .10) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-hero .ath-swap-ledger-mini-bar {
  margin-top: 10px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-trade-ledger-ui {
  display: grid !important;
  gap: 7px !important;
  padding: 9px !important;
  border-color: var(--ath-swap-offer-soft-line) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, color-mix(in oklch, var(--surface-2, #454243) 46%, white 18%), color-mix(in oklch, var(--surface-1, #393637) 60%, white 11%)) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 10%, transparent) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-source-table[data-ath-swap-ledger-hidden="true"] {
  display: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal {
  --ath-swap-balance-position: 50%;
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 9px !important;
  border: 1px solid color-mix(in oklch, white 23%, transparent) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, color-mix(in oklch, white 11%, var(--ath-swap-offer-soft-panel)), color-mix(in oklch, var(--ath-swap-offer-soft-panel-2) 88%, black 4%)) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 12%, transparent) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__head,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__totals,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__breakdown,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-mini-bar__labels {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__head,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-mini-bar__labels {
  justify-content: space-between !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__title {
  display: grid !important;
  gap: 2px !important;
  min-width: min(100%, 240px) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__eyebrow,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-mini-bar__labels span,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__pill span,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__line span {
  color: var(--ath-swap-offer-soft-muted) !important;
  font-size: .7rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-transform: none !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__eyebrow {
  text-transform: uppercase !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__status {
  color: var(--ath-swap-offer-soft-text) !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__note {
  flex: 1 1 260px !important;
  color: var(--ath-swap-offer-soft-muted) !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-align: right !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-mini-bar {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-mini-bar__track {
  position: relative !important;
  height: 15px !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in oklch, white 20%, transparent) !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--ath-swap-balance-left) 0%, var(--ath-swap-balance-mid) 50%, var(--ath-swap-balance-right) 100%) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-mini-bar__track::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, color-mix(in oklch, white 34%, transparent), transparent 64%) !important;
  opacity: .68 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-mini-bar__track::after {
  content: "" !important;
  position: absolute !important;
  inset: -5px auto -5px 50% !important;
  width: 2px !important;
  background: color-mix(in oklch, white 86%, transparent) !important;
  opacity: .9 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-mini-bar__marker {
  position: absolute !important;
  z-index: 1 !important;
  top: 50% !important;
  left: var(--ath-swap-balance-position) !important;
  width: 21px !important;
  height: 21px !important;
  border: 3px solid color-mix(in oklch, white 94%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in oklch, var(--surface-0, #101317) 72%, white 9%) !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .24) !important;
  transform: translate(-50%, -50%) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__pill,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__line {
  display: grid !important;
  flex: 1 1 150px !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding: 6px 7px !important;
  border: 1px solid color-mix(in oklch, white 17%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in oklch, var(--surface-0, #101317) 30%, white 7%) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__pill strong,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__line strong {
  color: var(--ath-swap-offer-soft-text) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__breakdown {
  align-items: stretch !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal--balanced .ath-swap-ledger-minimal__status {
  color: color-mix(in oklch, var(--ath-swap-balance-right) 82%, white 10%) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal--left-ahead .ath-swap-ledger-minimal__status {
  color: color-mix(in oklch, var(--ath-swap-balance-left) 84%, white 8%) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal--right-ahead .ath-swap-ledger-minimal__status {
  color: color-mix(in oklch, var(--ath-swap-balance-right) 82%, white 8%) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-trade-ledger-ui :is(button, .ath-swap-button, .ath-swap-single-builder__terms-action) {
  border-color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 42%, white 10%) !important;
  background: color-mix(in oklch, var(--ctl-c3, #54d1a3) 24%, var(--surface-0, #101317)) !important;
}

@media (max-width: 760px) {
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-ledger-minimal__note {
    flex-basis: 100% !important;
    text-align: left !important;
  }
}


/* Visible offer panel light refresh */
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-offer-form.ath-swap-single-builder :is(.ath-swap-single-builder__summary, .ath-swap-single-builder__compare, .ath-swap-single-builder__selection, .ath-swap-single-builder__grid, .ath-swap-single-builder__shipping, .ath-swap-single-builder__credit-field, .ath-swap-single-builder > .ath-swap-grid, .ath-swap-single-builder > label) {
  border-color: var(--ath-swap-offer-soft-line) !important;
  background: linear-gradient(180deg, var(--ath-swap-offer-soft-panel), var(--ath-swap-offer-soft-panel-2)) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 10%, transparent), 0 8px 18px rgba(0, 0, 0, .10) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-offer-form.ath-swap-single-builder :is(.ath-swap-single-builder__selection-side, .ath-swap-single-builder__lane, .ath-swap-single-builder__picker, .ath-swap-builder-stack--selected, .ath-swap-builder-stack--compact, .ath-swap-builder-item, .ath-swap-single-builder__shipping-card, .ath-swap-single-builder__shipping-rate, .ath-swap-single-builder__shipping-payer) {
  border-color: color-mix(in oklch, white 20%, transparent) !important;
  background: linear-gradient(180deg, color-mix(in oklch, var(--surface-2, #454243) 50%, white 24%), color-mix(in oklch, var(--surface-1, #393637) 58%, white 17%)) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 9%, transparent) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-offer-form.ath-swap-single-builder :is(input, textarea, select, .ath-swap-single-builder__shipping-rate select) {
  border-color: color-mix(in oklch, white 24%, transparent) !important;
  background-color: color-mix(in oklch, var(--surface-0, #101317) 70%, white 10%) !important;
  color: var(--ath-swap-offer-soft-text) !important;
  color-scheme: dark !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-offer-form.ath-swap-single-builder :is(.ath-swap-muted, small, .ath-swap-builder-item__summary, .ath-swap-single-builder__shipping-card small) {
  color: var(--ath-swap-offer-soft-muted) !important;
}


/* Simplified proposal balance UI */
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder {
  gap: 9px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare .ath-swap-balance-hero,
.swap-single-shell .ath-swap-single-builder__compare .ath-swap-balance-hero {
  display: grid !important;
  gap: 7px !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare .ath-swap-balance-hero h4,
#brx-content .swap-single-shell .ath-swap-single-builder__compare .ath-swap-balance-hero strong,
.swap-single-shell .ath-swap-single-builder__compare .ath-swap-balance-hero h4,
.swap-single-shell .ath-swap-single-builder__compare .ath-swap-balance-hero strong {
  margin: 0 !important;
  color: var(--text-1, #f4f7fb) !important;
  font-size: clamp(1.6rem, 1.2rem + .9vw, 2.45rem) !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare .ath-swap-balance-hero p,
.swap-single-shell .ath-swap-single-builder__compare .ath-swap-balance-hero p {
  max-width: 760px !important;
  margin: 0 !important;
  color: color-mix(in oklch, white 80%, var(--surface-2, #454243)) !important;
  font-size: clamp(1rem, .9rem + .25vw, 1.24rem) !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-status,
.swap-single-shell .ath-swap-single-builder__compare-status {
  min-height: 35px!important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in oklch, white 16%, transparent) !important;
  background: color-mix(in oklch, black 58%, transparent) !important;
  color: #fff !important;
  font-size: clamp(1rem, .9rem + .28vw, 1.24rem) !important;
  line-height: 1 !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__compare-grid,
.swap-single-shell .ath-swap-single-builder__compare-grid {
  display: none !important;
}

#brx-content .swap-single-shell .ath-swap-trade-ledger-ui,
.swap-single-shell .ath-swap-trade-ledger-ui {
  gap: 9px !important;
  padding: 12px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, color-mix(in oklch, var(--surface-2, #454243) 44%, white 19%), color-mix(in oklch, var(--surface-1, #393637) 58%, white 10%)) !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-source-table[data-ath-swap-ledger-hidden="true"],
.swap-single-shell .ath-swap-ledger-source-table[data-ath-swap-ledger-hidden="true"],
#brx-content .swap-single-shell .ath-swap-single-builder__terms-ledger.ath-swap-ledger-source-table,
.swap-single-shell .ath-swap-single-builder__terms-ledger.ath-swap-ledger-source-table {
  display: none !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal,
.swap-single-shell .ath-swap-ledger-minimal {
  gap: 12px !important;
  padding: 13px !important;
  border-radius: 14px !important;
  border-color: color-mix(in oklch, white 24%, transparent) !important;
  background: color-mix(in oklch, white 8%, transparent) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 12%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__head,
.swap-single-shell .ath-swap-ledger-minimal__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .55fr) !important;
  gap: 10px !important;
  align-items: end !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__eyebrow,
.swap-single-shell .ath-swap-ledger-minimal__eyebrow {
  color: color-mix(in oklch, white 72%, var(--surface-2, #454243)) !important;
  font-size: .78rem !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__status,
.swap-single-shell .ath-swap-ledger-minimal__status {
  color: color-mix(in oklch, var(--ctl-c3, #54d1a3) 76%, white 10%) !important;
  font-size: clamp(2rem, 1.4rem + 1.5vw, 3.45rem) !important;
  line-height: .96 !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__note,
.swap-single-shell .ath-swap-ledger-minimal__note {
  max-width: 360px !important;
  justify-self: end !important;
  color: color-mix(in oklch, white 78%, var(--surface-2, #454243)) !important;
  font-size: clamp(.98rem, .88rem + .22vw, 1.18rem) !important;
  line-height: 1.32 !important;
  font-weight: 750 !important;
  text-align: right !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-mini-bar,
.swap-single-shell .ath-swap-ledger-mini-bar {
  gap: 6px !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-mini-bar__track,
.swap-single-shell .ath-swap-ledger-mini-bar__track {
  height: 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, color-mix(in oklch, var(--ctl-c2, #7aa6ff) 78%, white 8%) 0%, color-mix(in oklch, var(--ctl-c1, #f6c76f) 78%, white 7%) 50%, color-mix(in oklch, var(--ctl-c3, #54d1a3) 78%, white 8%) 100%) !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-mini-bar__marker,
.swap-single-shell .ath-swap-ledger-mini-bar__marker {
  width: 26px !important;
  height: 26px !important;
  border-width: 4px !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-mini-bar__labels span,
.swap-single-shell .ath-swap-ledger-mini-bar__labels span {
  color: color-mix(in oklch, white 76%, var(--surface-2, #454243)) !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__totals,
.swap-single-shell .ath-swap-ledger-minimal__totals {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__pill,
.swap-single-shell .ath-swap-ledger-minimal__pill {
  position: relative !important;
  min-height: 81px!important;
  padding: 12px 12px 12px 39px !important;
  border-radius: 12px !important;
  background: color-mix(in oklch, black 18%, white 6%) !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__pill::before,
.swap-single-shell .ath-swap-ledger-minimal__pill::before {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  top: 18px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 70%, white 12%) !important;
  box-shadow: 0 0 0 5px color-mix(in oklch, var(--ctl-c2, #7aa6ff) 15%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__pill:nth-child(2)::before,
.swap-single-shell .ath-swap-ledger-minimal__pill:nth-child(2)::before {
  background: color-mix(in oklch, var(--ctl-c3, #54d1a3) 70%, white 12%) !important;
  box-shadow: 0 0 0 5px color-mix(in oklch, var(--ctl-c3, #54d1a3) 15%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__pill:nth-child(3)::before,
.swap-single-shell .ath-swap-ledger-minimal__pill:nth-child(3)::before {
  background: color-mix(in oklch, var(--ctl-c1, #f6c76f) 74%, white 10%) !important;
  box-shadow: 0 0 0 5px color-mix(in oklch, var(--ctl-c1, #f6c76f) 15%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__pill span,
.swap-single-shell .ath-swap-ledger-minimal__pill span {
  color: color-mix(in oklch, white 74%, var(--surface-2, #454243)) !important;
  font-size: .86rem !important;
  font-weight: 850 !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__pill strong,
.swap-single-shell .ath-swap-ledger-minimal__pill strong {
  color: var(--text-1, #fff) !important;
  font-size: clamp(1.55rem, 1.15rem + .75vw, 2.25rem) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__breakdown,
.swap-single-shell .ath-swap-ledger-minimal__breakdown {
  display: none !important;
}

#brx-content .swap-single-shell .ath-swap-trade-ledger-ui > :not(.ath-swap-ledger-minimal):not(.ath-swap-ledger-source-table),
.swap-single-shell .ath-swap-trade-ledger-ui > :not(.ath-swap-ledger-minimal):not(.ath-swap-ledger-source-table) {
  border-radius: 12px !important;
  background: color-mix(in oklch, black 14%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-trade-ledger-ui button,
.swap-single-shell .ath-swap-trade-ledger-ui button,
#brx-content .swap-single-shell .ath-swap-trade-ledger-ui .ath-swap-button,
.swap-single-shell .ath-swap-trade-ledger-ui .ath-swap-button {
  min-height: 40px!important;
  padding: 0 17px !important;
  border-radius: 999px !important;
  font-size: clamp(1rem, .92rem + .28vw, 1.24rem) !important;
  font-weight: 900 !important;
}

@media (max-width: 760px) {
  #brx-content .swap-single-shell .ath-swap-single-builder__compare,
  .swap-single-shell .ath-swap-single-builder__compare,
  #brx-content .swap-single-shell .ath-swap-ledger-minimal__head,
  .swap-single-shell .ath-swap-ledger-minimal__head,
  #brx-content .swap-single-shell .ath-swap-ledger-minimal__totals,
  .swap-single-shell .ath-swap-ledger-minimal__totals {
    grid-template-columns: 1fr !important;
  }

  
}


/* Offer builder selection shipping layout */
#brx-content .swap-single-shell .ath-swap-single-builder__compare-head,
.swap-single-shell .ath-swap-single-builder__compare-head,
#brx-content .swap-single-shell .ath-swap-single-builder__terms-balance,
.swap-single-shell .ath-swap-single-builder__terms-balance {
  display: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__terms-shipping,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__terms-shipping {
  grid-column: 1 / -1 !important;
  order: 99 !important;
  display: grid !important;
  gap: 6px !important;
  margin-top: 2px !important;
  padding: 9px !important;
  border: 1px solid color-mix(in oklch, white 18%, transparent) !important;
  border-radius: 12px !important;
  background: color-mix(in oklch, black 16%, white 5%) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 8%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__terms-shipping::before,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__terms-shipping::before {
  content: "Shipping coverage" !important;
  color: color-mix(in oklch, white 84%, var(--surface-2, #454243)) !important;
  font-size: clamp(1rem, .9rem + .25vw, 1.18rem) !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__terms-shipping .ath-swap-single-builder__terms-shipping-row,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__terms-shipping .ath-swap-single-builder__terms-shipping-row {
  min-height: 35px!important;
  padding: 7px 9px !important;
  border-radius: 10px !important;
  background: color-mix(in oklch, black 12%, transparent) !important;
}


/* Combined compact shipping coverage */
#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping {
  grid-column: 1 / -1 !important;
  order: 99 !important;
  display: grid !important;
  gap: 9px !important;
  margin-top: 2px !important;
  padding: 10px !important;
  border: 1px solid color-mix(in oklch, white 20%, transparent) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, color-mix(in oklch, var(--surface-2, #454243) 48%, white 18%), color-mix(in oklch, var(--surface-1, #393637) 58%, white 11%)) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 10%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__terms-shipping[data-ath-swap-combined-hidden="true"],
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__terms-shipping[data-ath-swap-combined-hidden="true"],
#brx-content .swap-single-shell .ath-swap-single-builder__terms-shipping[data-ath-swap-combined-hidden="true"],
.swap-single-shell .ath-swap-single-builder__terms-shipping[data-ath-swap-combined-hidden="true"] {
  display: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-head,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px 14px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-head strong,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-head strong {
  color: var(--text-1, #f4f7fb) !important;
  font-size: clamp(1.24rem, 1rem + .45vw, 1.6rem) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-head span,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-head span {
  min-height: 24px!important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: color-mix(in oklch, black 42%, transparent) !important;
  color: #fff !important;
  font-size: .92rem !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-grid,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  align-items: stretch !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "label price"
    "service service"
    "payer payer"
    "meta meta" !important;
  flex: 1 1 320px !important;
  min-height: 0 !important;
  gap: 6px 12px !important;
  padding: 9px !important;
  border-radius: 12px !important;
  border-color: color-mix(in oklch, white 18%, transparent) !important;
  background: color-mix(in oklch, black 18%, white 6%) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card > span,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card > span {
  grid-area: label !important;
  align-self: center !important;
  color: color-mix(in oklch, white 76%, var(--surface-2, #454243)) !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card > strong,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card > strong {
  grid-area: price !important;
  align-self: center !important;
  color: var(--text-1, #fff) !important;
  font-size: clamp(1.28rem, 1rem + .48vw, 1.7rem) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: right !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-rate,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-rate {
  grid-area: service !important;
  display: grid !important;
  gap: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-rate > span,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-rate > span {
  color: color-mix(in oklch, white 72%, var(--surface-2, #454243)) !important;
  font-size: .76rem !important;
  font-weight: 850 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-rate select,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-rate select {
  min-height: 29px!important;
  padding-left: 9px !important;
  font-size: .9rem !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-payer,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-payer {
  grid-area: payer !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 30px!important;
  margin: 0 !important;
  padding: 6px 7px !important;
  border-radius: 10px !important;
  border: 1px solid color-mix(in oklch, white 16%, transparent) !important;
  background: color-mix(in oklch, black 18%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-payer span,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-payer span {
  color: color-mix(in oklch, white 86%, var(--surface-2, #454243)) !important;
  font-size: .9rem !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card > small,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card > small {
  grid-area: meta !important;
  color: color-mix(in oklch, white 68%, var(--surface-2, #454243)) !important;
  font-size: .76rem !important;
  line-height: 1.2 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card > small + small,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card > small + small {
  display: none !important;
}


/* Compact shipping and credit transfer controls */
#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping {
  gap: 6px !important;
  padding: 7px 9px !important;
  border-radius: 12px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-head,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-head {
  gap: 4px 10px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-head strong,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-head strong {
  font-size: clamp(1.05rem, .96rem + .25vw, 1.28rem) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-head span,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-head span {
  min-height: 20px!important;
  padding: 0 7px !important;
  font-size: .82rem !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-grid,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-grid {
  gap: 6px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 4px 10px !important;
  flex-basis: 300px !important;
  padding: 7px !important;
  border-radius: 10px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card > strong,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-card > strong {
  font-size: clamp(1.08rem, .98rem + .28vw, 1.34rem) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-rate select,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-rate select {
  min-height: 26px!important;
  font-size: .82rem !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-payer,
.swap-single-shell .ath-swap-single-builder__selection > .ath-swap-single-builder__shipping .ath-swap-single-builder__shipping-payer {
  min-height: 26px!important;
  padding: 4px 6px !important;
}

#brx-content .swap-single-shell .ath-swap-credit-transfer-panel,
.swap-single-shell .ath-swap-credit-transfer-panel {
  grid-column: 1 / -1 !important;
  order: 98 !important;
  display: grid !important;
  gap: 7px !important;
  padding: 9px !important;
  border: 1px solid color-mix(in oklch, white 20%, transparent) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, color-mix(in oklch, var(--surface-2, #454243) 45%, white 18%), color-mix(in oklch, var(--surface-1, #393637) 58%, white 10%)) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 10%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__head,
.swap-single-shell .ath-swap-credit-transfer-panel__head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 4px 12px !important;
}

#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__title,
.swap-single-shell .ath-swap-credit-transfer-panel__title {
  display: grid !important;
  gap: 2px !important;
}

#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__title strong,
.swap-single-shell .ath-swap-credit-transfer-panel__title strong {
  color: var(--text-1, #f4f7fb) !important;
  font-size: clamp(1.1rem, .98rem + .3vw, 1.34rem) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__title span,
#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__note,
.swap-single-shell .ath-swap-credit-transfer-panel__title span,
.swap-single-shell .ath-swap-credit-transfer-panel__note {
  color: color-mix(in oklch, white 72%, var(--surface-2, #454243)) !important;
  font-size: .78rem !important;
  line-height: 1.22 !important;
  font-weight: 750 !important;
}

#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__body,
.swap-single-shell .ath-swap-credit-transfer-panel__body {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: stretch !important;
}

#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__control,
.swap-single-shell .ath-swap-credit-transfer-panel__control,
#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__body > label,
.swap-single-shell .ath-swap-credit-transfer-panel__body > label {
  display: grid !important;
  flex: 1 1 220px !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 7px !important;
  border: 1px solid color-mix(in oklch, white 17%, transparent) !important;
  border-radius: 10px !important;
  background: color-mix(in oklch, black 17%, white 5%) !important;
}

#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__control-label,
#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__body > label,
.swap-single-shell .ath-swap-credit-transfer-panel__control-label,
.swap-single-shell .ath-swap-credit-transfer-panel__body > label {
  color: color-mix(in oklch, white 82%, var(--surface-2, #454243)) !important;
  font-size: .86rem !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-credit-transfer-panel input,
.swap-single-shell .ath-swap-credit-transfer-panel input {
  min-height: 27px!important;
  width: 100% !important;
  padding: 3px 7px !important;
  border-radius: 8px !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
  text-align: right !important;
}

#brx-content .swap-single-shell .ath-swap-credit-transfer-panel small,
.swap-single-shell .ath-swap-credit-transfer-panel small {
  color: color-mix(in oklch, white 66%, var(--surface-2, #454243)) !important;
  font-size: .72rem !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
}


/* Proposal compact typography normalization */
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder {
  --ath-swap-ui-xs: .72rem;
  --ath-swap-ui-sm: .84rem;
  --ath-swap-ui-md: .98rem;
  --ath-swap-ui-lg: 1.16rem;
  --ath-swap-ui-xl: clamp(1.35rem, 1.12rem + .42vw, 1.72rem);
  --ath-swap-ui-xxl: clamp(1.72rem, 1.34rem + .82vw, 2.28rem);
  gap: 7px !important;
  font-size: var(--ath-swap-ui-md) !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder :is(h2, h3, h4, strong, span, p, small, label, button, input, select, textarea),
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder :is(h2, h3, h4, strong, span, p, small, label, button, input, select, textarea) {
  letter-spacing: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder :is(.ath-swap-pill, .ath-swap-chip, .ath-swap-single-builder__compare-status, .ath-swap-single-builder__shipping-head span, .ath-swap-credit-transfer-panel__note),
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder :is(.ath-swap-pill, .ath-swap-chip, .ath-swap-single-builder__compare-status, .ath-swap-single-builder__shipping-head span, .ath-swap-credit-transfer-panel__note) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder :is(.ath-swap-pill, .ath-swap-chip),
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder :is(.ath-swap-pill, .ath-swap-chip) {
  min-height: 22px!important;
  padding: 0 9px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

#brx-content .swap-single-shell .ath-swap-trade-ledger-ui,
.swap-single-shell .ath-swap-trade-ledger-ui,
#brx-content .swap-single-shell .ath-swap-single-builder__selection,
.swap-single-shell .ath-swap-single-builder__selection {
  gap: 6px !important;
  padding: 7px !important;
  border-radius: 10px !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal,
.swap-single-shell .ath-swap-ledger-minimal {
  gap: 7px !important;
  padding: 9px !important;
  border-width: 1px !important;
  border-radius: 10px !important;
  background: color-mix(in oklch, white 6%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__head,
.swap-single-shell .ath-swap-ledger-minimal__head {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 7px !important;
  align-items: center !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__eyebrow,
.swap-single-shell .ath-swap-ledger-minimal__eyebrow,
#brx-content .swap-single-shell .ath-swap-ledger-mini-bar__labels span,
.swap-single-shell .ath-swap-ledger-mini-bar__labels span,
#brx-content .swap-single-shell .ath-swap-ledger-minimal__pill span,
.swap-single-shell .ath-swap-ledger-minimal__pill span,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-card > span,
.swap-single-shell .ath-swap-single-builder__shipping-card > span {
  font-size: var(--ath-swap-ui-xs) !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__status,
.swap-single-shell .ath-swap-ledger-minimal__status {
  font-size: var(--ath-swap-ui-xxl) !important;
  line-height: 1 !important;
  max-width: 100% !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__note,
.swap-single-shell .ath-swap-ledger-minimal__note {
  max-width: 420px !important;
  font-size: var(--ath-swap-ui-sm) !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-mini-bar__track,
.swap-single-shell .ath-swap-ledger-mini-bar__track {
  height: 14px !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-mini-bar__marker,
.swap-single-shell .ath-swap-ledger-mini-bar__marker {
  width: 22px !important;
  height: 22px !important;
  border-width: 3px !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__totals,
.swap-single-shell .ath-swap-ledger-minimal__totals {
  gap: 6px !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__pill,
.swap-single-shell .ath-swap-ledger-minimal__pill {
  min-height: 53px!important;
  gap: 3px !important;
  padding: 9px 9px 9px 30px !important;
  border-radius: 10px !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__pill::before,
.swap-single-shell .ath-swap-ledger-minimal__pill::before {
  left: 12px !important;
  top: 16px !important;
  width: 18px !important;
  height: 18px !important;
  box-shadow: 0 0 0 4px color-mix(in oklch, var(--ctl-c2, #7aa6ff) 13%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__pill:nth-child(2)::before,
.swap-single-shell .ath-swap-ledger-minimal__pill:nth-child(2)::before {
  box-shadow: 0 0 0 4px color-mix(in oklch, var(--ctl-c3, #54d1a3) 13%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__pill:nth-child(3)::before,
.swap-single-shell .ath-swap-ledger-minimal__pill:nth-child(3)::before {
  box-shadow: 0 0 0 4px color-mix(in oklch, var(--ctl-c1, #f6c76f) 13%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-ledger-minimal__pill strong,
.swap-single-shell .ath-swap-ledger-minimal__pill strong {
  font-size: var(--ath-swap-ui-xl) !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__selection-side :is(h3, h4),
.swap-single-shell .ath-swap-single-builder__selection-side :is(h3, h4),
#brx-content .swap-single-shell .ath-swap-single-builder__lane :is(h3, h4),
.swap-single-shell .ath-swap-single-builder__lane :is(h3, h4),
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-head strong,
.swap-single-shell .ath-swap-single-builder__shipping-head strong,
#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__title strong,
.swap-single-shell .ath-swap-credit-transfer-panel__title strong {
  font-size: var(--ath-swap-ui-lg) !important;
  line-height: 1.12 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item,
.swap-single-shell .ath-swap-builder-item {
  padding: 6px 7px !important;
  border-radius: 8px !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__head strong,
.swap-single-shell .ath-swap-builder-item__head strong {
  font-size: var(--ath-swap-ui-md) !important;
  line-height: 1.16 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-item__head span,
#brx-content .swap-single-shell .ath-swap-builder-item__summary,
.swap-single-shell .ath-swap-builder-item__head span,
.swap-single-shell .ath-swap-builder-item__summary {
  font-size: var(--ath-swap-ui-sm) !important;
  line-height: 1.22 !important;
}

#brx-content .swap-single-shell .ath-swap-builder-stack--selected,
#brx-content .swap-single-shell .ath-swap-builder-stack--compact,
.swap-single-shell .ath-swap-builder-stack--selected,
.swap-single-shell .ath-swap-builder-stack--compact {
  padding: 3px !important;
  border-radius: 8px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-grid,
.swap-single-shell .ath-swap-single-builder__shipping-grid,
#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__body,
.swap-single-shell .ath-swap-credit-transfer-panel__body {
  gap: 5px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-card,
.swap-single-shell .ath-swap-single-builder__shipping-card,
#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__control,
.swap-single-shell .ath-swap-credit-transfer-panel__control {
  padding: 6px !important;
  border-radius: 8px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-card > strong,
.swap-single-shell .ath-swap-single-builder__shipping-card > strong {
  font-size: var(--ath-swap-ui-lg) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-rate select,
.swap-single-shell .ath-swap-single-builder__shipping-rate select,
#brx-content .swap-single-shell .ath-swap-credit-transfer-panel input,
.swap-single-shell .ath-swap-credit-transfer-panel input {
  min-height: 24px!important;
  font-size: var(--ath-swap-ui-sm) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-payer,
.swap-single-shell .ath-swap-single-builder__shipping-payer {
  min-height: 23px!important;
  padding: 4px 6px !important;
  border-radius: 8px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__shipping-payer span,
.swap-single-shell .ath-swap-single-builder__shipping-payer span,
#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__control-label,
.swap-single-shell .ath-swap-credit-transfer-panel__control-label {
  font-size: var(--ath-swap-ui-sm) !important;
  line-height: 1.14 !important;
}

#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__title span,
#brx-content .swap-single-shell .ath-swap-credit-transfer-panel__note,
#brx-content .swap-single-shell .ath-swap-credit-transfer-panel small,
#brx-content .swap-single-shell .ath-swap-single-builder__shipping-card > small,
.swap-single-shell .ath-swap-credit-transfer-panel__title span,
.swap-single-shell .ath-swap-credit-transfer-panel__note,
.swap-single-shell .ath-swap-credit-transfer-panel small,
.swap-single-shell .ath-swap-single-builder__shipping-card > small {
  font-size: var(--ath-swap-ui-xs) !important;
  line-height: 1.18 !important;
}

#brx-content .swap-single-shell .ath-swap-trade-ledger-ui > :not(.ath-swap-ledger-minimal):not(.ath-swap-ledger-source-table),
.swap-single-shell .ath-swap-trade-ledger-ui > :not(.ath-swap-ledger-minimal):not(.ath-swap-ledger-source-table) {
  padding: 6px 7px !important;
  border-width: 1px !important;
  border-radius: 8px !important;
}

@media (max-width: 760px) {
  #brx-content .swap-single-shell .ath-swap-ledger-minimal__head,
  .swap-single-shell .ath-swap-ledger-minimal__head,
  #brx-content .swap-single-shell .ath-swap-ledger-minimal__totals,
  .swap-single-shell .ath-swap-ledger-minimal__totals {
    grid-template-columns: 1fr !important;
  }

  #brx-content .swap-single-shell .ath-swap-ledger-minimal__note,
  .swap-single-shell .ath-swap-ledger-minimal__note {
    justify-self: start !important;
    text-align: left !important;
  }
}


/* Visible credit transfer proxy controls */
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-credit-transfer-panel {
  display: grid !important;
  grid-column: 1 / -1 !important;
  order: 98 !important;
  gap: 7px !important;
  padding: 9px 10px !important;
  border: 1px solid color-mix(in oklch, white 10%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in oklch, var(--surface-0, #111) 78%, transparent) !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-credit-transfer-panel__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 9px !important;
  min-height: 0 !important;
}

.swap-single-shell .ath-swap-credit-transfer-panel__title {
  display: grid !important;
  gap: 2px !important;
}

.swap-single-shell .ath-swap-credit-transfer-panel__title strong {
  font-size: 1rem !important;
  line-height: 1.15 !important;
}

.swap-single-shell .ath-swap-credit-transfer-panel__title span,
.swap-single-shell .ath-swap-credit-transfer-panel__control small,
.swap-single-shell .ath-swap-credit-transfer-panel__empty {
  color: color-mix(in oklch, white 68%, transparent) !important;
  font-size: .82rem !important;
  line-height: 1.25 !important;
}

.swap-single-shell .ath-swap-credit-transfer-panel__note {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 20px!important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: #050505 !important;
  color: color-mix(in oklch, white 86%, transparent) !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.swap-single-shell .ath-swap-credit-transfer-panel__body {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.swap-single-shell .ath-swap-credit-transfer-panel__control {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 35px!important;
  padding: 6px 7px !important;
  border: 1px solid color-mix(in oklch, white 9%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in oklch, white 4%, transparent) !important;
}

.swap-single-shell .ath-swap-credit-transfer-panel__copy {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.swap-single-shell .ath-swap-credit-transfer-panel__copy strong,
.swap-single-shell .ath-swap-credit-transfer-panel__control-label {
  color: color-mix(in oklch, white 90%, transparent) !important;
  font-size: .9rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

.swap-single-shell .ath-swap-credit-transfer-panel input,
.swap-single-shell .ath-swap-credit-transfer-panel__proxy-input {
  display: block !important;
  width: min(160px, 42vw) !important;
  min-height: 26px!important;
  margin: 0 !important;
  padding: 0 9px !important;
  border: 1px solid color-mix(in oklch, white 13%, transparent) !important;
  border-radius: 8px !important;
  background: #050505 !important;
  color: color-mix(in oklch, white 94%, transparent) !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  line-height: 36px !important;
  text-align: right !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 6%, transparent) !important;
}

@media (max-width: 780px) {
  .swap-single-shell .ath-swap-credit-transfer-panel__body {
    grid-template-columns: 1fr !important;
  }

  .swap-single-shell .ath-swap-credit-transfer-panel__control {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .swap-single-shell .ath-swap-credit-transfer-panel input,
  .swap-single-shell .ath-swap-credit-transfer-panel__proxy-input {
    width: 100% !important;
  }
}

/* Unified two-column offer composer */
.swap-single-shell .ath-swap-single-builder__selection[data-ath-swap-unified-composer="true"] {
  display: block !important;
  gap: 0 !important;
}

.swap-single-shell .ath-swap-side-composer {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  width: 100% !important;
}

.swap-single-shell .ath-swap-side-composer__head,
.swap-single-shell .ath-swap-side-composer__section-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 7px !important;
}

.swap-single-shell .ath-swap-side-composer__title {
  color: color-mix(in oklch, white 92%, transparent) !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

.swap-single-shell .ath-swap-side-composer__total {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 20px!important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: #050505 !important;
  color: color-mix(in oklch, white 88%, transparent) !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.swap-single-shell .ath-swap-side-composer__section {
  display: grid !important;
  gap: 5px !important;
  padding-top: 7px !important;
  border-top: 1px solid color-mix(in oklch, white 8%, transparent) !important;
}

.swap-single-shell .ath-swap-side-composer__section-title {
  color: color-mix(in oklch, white 70%, transparent) !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

.swap-single-shell .ath-swap-side-composer__section-body,
.swap-single-shell .ath-swap-side-composer__credit-control,
.swap-single-shell .ath-swap-side-composer__credit-copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.swap-single-shell .ath-swap-side-composer__credit-control {
  grid-template-columns: minmax(0, 1fr) minmax(120px, 180px) !important;
  align-items: center !important;
  padding: 6px 7px !important;
  border: 1px solid color-mix(in oklch, white 9%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in oklch, white 4%, transparent) !important;
}

.swap-single-shell .ath-swap-side-composer__credit-copy strong {
  color: color-mix(in oklch, white 90%, transparent) !important;
  font-size: .88rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

.swap-single-shell .ath-swap-side-composer__credit-copy small,
.swap-single-shell .ath-swap-side-composer__empty {
  color: color-mix(in oklch, white 62%, transparent) !important;
  font-size: .78rem !important;
  line-height: 1.25 !important;
}

.swap-single-shell .ath-swap-side-composer [data-ath-swap-unified-credit-proxy] {
  width: 100% !important;
  min-height: 24px!important;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 1px solid color-mix(in oklch, white 13%, transparent) !important;
  border-radius: 8px !important;
  background: #050505 !important;
  color: color-mix(in oklch, white 94%, transparent) !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  line-height: 34px !important;
  text-align: right !important;
}

.swap-single-shell .ath-swap-side-composer .ath-swap-single-builder__selection-side,
.swap-single-shell .ath-swap-side-composer .ath-swap-single-builder__shipping-card {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 6px 7px !important;
  border: 1px solid color-mix(in oklch, white 9%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in oklch, white 4%, transparent) !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-side-composer .ath-swap-single-builder__selection-side > :first-child {
  margin-top: 0 !important;
}

.swap-single-shell .ath-swap-side-composer .ath-swap-single-builder__shipping-card {
  display: grid !important;
  gap: 6px !important;
}

.swap-single-shell .ath-swap-side-composer .ath-swap-single-builder__shipping-rate select {
  min-height: 26px!important;
}

.swap-single-shell .ath-swap-side-composer .ath-swap-single-builder__shipping-payer {
  min-height: 27px!important;
  padding: 6px 7px !important;
}

.swap-single-shell .ath-swap-credit-transfer-panel[data-ath-swap-unified-hidden="true"],
.swap-single-shell .ath-swap-single-builder__shipping[data-ath-swap-unified-source="true"] > .ath-swap-single-builder__shipping-head,
.swap-single-shell .ath-swap-single-builder__shipping[data-ath-swap-unified-source="true"] > .ath-swap-single-builder__shipping-grid:empty {
  display: none !important;
}

.swap-single-shell .ath-swap-single-builder__shipping[data-ath-swap-unified-source="true"] {
  display: contents !important;
}

@media (max-width: 900px) {
  .swap-single-shell .ath-swap-side-composer {
    grid-template-columns: 1fr !important;
  }

  .swap-single-shell .ath-swap-side-composer__credit-control {
    grid-template-columns: 1fr !important;
  }
}

/* Unified composer width and duplicate cleanup */
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__selection[data-ath-swap-unified-composer="true"] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-column: 1 / -1 !important;
  align-items: stretch !important;
  justify-items: stretch !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__selection[data-ath-swap-unified-composer="true"] > .ath-swap-side-composer {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}



.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-credit-transfer-panel[data-ath-swap-unified-hidden="true"],
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping[data-ath-swap-unified-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 900px) {
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer {
    grid-template-columns: 1fr !important;
  }
}

/* Unified credit section persistence */
.swap-single-shell .ath-swap-side-composer .ath-swap-side-composer__section--credits,
.swap-single-shell .ath-swap-side-composer .ath-swap-side-composer__section--credits .ath-swap-side-composer__section-body,
.swap-single-shell .ath-swap-side-composer .ath-swap-side-composer__credit-control {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.swap-single-shell .ath-swap-side-composer .ath-swap-side-composer__section--credits {
  grid-template-rows: auto auto !important;
}

.swap-single-shell .ath-swap-side-composer [data-ath-swap-unified-credit-proxy] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Resilient unified credit sections */
.swap-single-shell .ath-swap-side-composer .ath-swap-side-composer__section--credits,
.swap-single-shell .ath-swap-side-composer .ath-swap-side-composer__section--credits > .ath-swap-side-composer__section-title,
.swap-single-shell .ath-swap-side-composer .ath-swap-side-composer__section--credits > .ath-swap-side-composer__section-body,
.swap-single-shell .ath-swap-side-composer .ath-swap-side-composer__credit-control,
.swap-single-shell .ath-swap-side-composer .ath-swap-side-composer__credit-control--resilient,
.swap-single-shell .ath-swap-side-composer [data-ath-swap-unified-credit-proxy-side] {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.swap-single-shell .ath-swap-side-composer .ath-swap-side-composer__credit-control,
.swap-single-shell .ath-swap-side-composer .ath-swap-side-composer__credit-control--resilient {
  grid-template-columns: minmax(0, 1fr) minmax(120px, 180px) !important;
}

.swap-single-shell .ath-swap-side-composer [data-ath-swap-unified-credit-proxy-side] {
  width: 100% !important;
}

@media (max-width: 900px) {
  .swap-single-shell .ath-swap-side-composer .ath-swap-side-composer__credit-control,
  .swap-single-shell .ath-swap-side-composer .ath-swap-side-composer__credit-control--resilient {
    grid-template-columns: 1fr !important;
  }
}

/* Compact native swap offer composer */
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary {
  gap: 4px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__compare {
  padding: 9px 12px !important;
  border-radius: 10px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__head,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__head {
  align-items: start !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__copy strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__copy strong {
  font-size: calc(0.9rem * var(--ath-swap-font-scale)) !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__bar,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__bar {
  height: 12px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__marker,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__marker {
  width: 18px !important;
  height: 18px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer {
  gap: 7px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__head,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__head {
  min-height: 20px!important;
  padding-bottom: 4px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--ath-swap-border) 52%, transparent) !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section {
  gap: 4px !important;
  padding-top: 4px !important;
  border-top: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products {
  padding-top: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title {
  min-height: 13px!important;
  font-size: calc(0.62rem * var(--ath-swap-font-scale)) !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-body,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-body {
  gap: 4px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-side,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-side {
  gap: 4px !important;
  padding: 6px !important;
  border-radius: 8px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__selection-head,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__selection-head {
  gap: 6px !important;
  padding-bottom: 4px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-stack--selected,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-stack--selected {
  gap: 4px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item {
  padding: 5px 6px !important;
  border-radius: 7px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item__media,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item__media {
  width: 58px !important;
  min-height: 42px!important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__selection-empty,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__selection-empty {
  padding: 6px 7px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control {
  gap: 4px !important;
  min-height: 0 !important;
  padding: 6px !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control input,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control input {
  min-height: 24px!important;
  padding: 3px 6px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card {
  gap: 4px !important;
  padding: 6px !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card > strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card > strong {
  font-size: calc(0.9rem * var(--ath-swap-font-scale)) !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-payer,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-payer {
  gap: 4px !important;
  min-height: 0 !important;
  padding: 5px 6px !important;
  border-radius: 7px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate select,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate select {
  min-height: 24px!important;
  padding: 3px 24px 3px 7px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-pill,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-pill {
  min-height: 20px!important;
  padding: 0 7px !important;
  line-height: 1 !important;
}

.ath-swap-balance-summary__slider {
  width: 100%;
  height: 22px;
  margin: -3px 0 0;
  padding: 0;
  appearance: none;
  background: transparent;
  cursor: pointer;
}

.ath-swap-balance-summary__slider::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 999px;
  background: color-mix(in srgb, white 24%, transparent);
}

.ath-swap-balance-summary__slider::-webkit-slider-thumb {
  width: 18px;
  height: 18px;
  margin-top: -7px;
  appearance: none;
  border: 2px solid color-mix(in srgb, white 88%, transparent);
  border-radius: 999px;
  background: var(--ath-swap-surface-0);
  box-shadow: 0 3px 10px color-mix(in srgb, black 44%, transparent);
}

.ath-swap-balance-summary__slider::-moz-range-track {
  height: 4px;
  border-radius: 999px;
  background: color-mix(in srgb, white 24%, transparent);
}

.ath-swap-balance-summary__slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: 2px solid color-mix(in srgb, white 88%, transparent);
  border-radius: 999px;
  background: var(--ath-swap-surface-0);
  box-shadow: 0 3px 10px color-mix(in srgb, black 44%, transparent);
}

.ath-swap-balance-summary__slider-note {
  display: flex;
  justify-content: center;
  color: var(--ath-swap-text-mid);
  font-size: calc(0.66rem * var(--ath-swap-font-scale));
  font-weight: 700;
  line-height: 1.2;
}


/* Compact inline credits and shipping payer controls */
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits {
  align-content: start !important;
  container-type: inline-size !important;
  min-width: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__section-body,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__section-body {
  width: 100% !important;
  min-width: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(74px, 96px) !important;
  align-items: center !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 30px!important;
  gap: 6px !important;
  padding: 4px 6px !important;
  border-color: color-mix(in srgb, var(--ath-swap-border) 46%, transparent) !important;
  border-radius: 7px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-1) 30%, transparent) !important;
}

@container (max-width: 250px) {
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control,
  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy {
  gap: 2px !important;
  min-width: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy strong {
  font-size: calc(0.7rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy small,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy small {
  font-size: calc(0.62rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.15 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control input,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control input {
  width: 100% !important;
  min-height: 22px!important;
  padding: 2px 6px !important;
  font-size: calc(0.86rem * var(--ath-swap-font-scale)) !important;
  line-height: 1 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
}







.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate .ath-swap-single-builder__shipping-payer,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate .ath-swap-single-builder__shipping-payer {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 14px!important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card > .ath-swap-single-builder__shipping-payer,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card > .ath-swap-single-builder__shipping-payer,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-payer + small,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-payer + small,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card > .ath-swap-single-builder__shipping-payer ~ small,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card > .ath-swap-single-builder__shipping-payer ~ small {
  display: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate .ath-swap-single-builder__shipping-payer input,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate .ath-swap-single-builder__shipping-payer input {
  width: 16px !important;
  height: 16px !important;
  min-height: 12px!important;
  flex: 0 0 16px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate .ath-swap-single-builder__shipping-payer span,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate .ath-swap-single-builder__shipping-payer span {
  font-size: calc(0.68rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.15 !important;
}

/* Final credit and shipping service alignment */
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__section-body,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__section-body {
  justify-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__credit-control,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__credit-control {
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__credit-control input,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__credit-control input {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate {
  align-items: stretch !important;
  justify-items: stretch !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate > select,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate > select {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate > .ath-swap-single-builder__shipping-payer,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate > .ath-swap-single-builder__shipping-payer {
  display: flex !important;
  align-items: center !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-height: 13px!important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder label.ath-swap-single-builder__shipping-payer--inline,
.ath-swap-offer-form.ath-swap-single-builder label.ath-swap-single-builder__shipping-payer--inline,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate label[data-ath-swap-inline-shipping-payer],
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate label[data-ath-swap-inline-shipping-payer] {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 13px!important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Predictive trade balance feedback */
.ath-swap-balance-feedback {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 4px;
  margin-top: 2px;
}

.ath-swap-balance-feedback__item {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 6px 7px;
  border: 1px solid color-mix(in srgb, white 10%, transparent);
  border-radius: var(--ath-swap-radius);
  background: color-mix(in srgb, var(--ath-swap-surface-0) 78%, transparent);
}

.ath-swap-balance-feedback__item span {
  color: var(--ath-swap-text);
  font-size: calc(0.72rem * var(--ath-swap-font-scale));
  font-weight: 900;
  line-height: 1.15;
}

.ath-swap-balance-feedback__item p {
  margin: 0;
  color: var(--ath-swap-text-mid);
  font-size: calc(0.7rem * var(--ath-swap-font-scale));
  font-weight: 650;
  line-height: 1.25;
}

.ath-swap-balance-feedback__item--good {
  border-color: color-mix(in srgb, var(--ath-swap-c3) 34%, transparent);
  background: color-mix(in srgb, var(--ath-swap-c3) 10%, var(--ath-swap-surface-0));
}

.ath-swap-balance-feedback__item--watch {
  border-color: color-mix(in srgb, var(--ath-swap-c4) 34%, transparent);
  background: color-mix(in srgb, var(--ath-swap-c4) 9%, var(--ath-swap-surface-0));
}

.ath-swap-balance-feedback__item--risk {
  border-color: color-mix(in srgb, var(--ath-swap-c2) 34%, transparent);
  background: color-mix(in srgb, var(--ath-swap-c2) 10%, var(--ath-swap-surface-0));
}

/* Flat service-only shipping cards */
.ath-swap-single-builder__shipping-card--flat {
  gap: 3px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.ath-swap-single-builder__shipping-rate {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.ath-swap-single-builder__shipping-rate-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-width: 0;
}

.ath-swap-single-builder__shipping-rate-head strong {
  color: var(--ath-swap-text, #0f172a);
  font-size: calc(0.84rem * var(--ath-swap-font-scale, 1));
  font-weight: 900;
  line-height: 1.1;
  white-space: nowrap;
}

.ath-swap-single-builder__shipping-rate span {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #475569;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card--flat,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card--flat {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card > span,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card > span {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card > strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card > strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card--flat .ath-swap-single-builder__shipping-rate,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card--flat .ath-swap-single-builder__shipping-rate {
  grid-row: auto !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate-head,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate-head strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate-head strong {
  color: var(--ath-swap-text) !important;
  font-size: calc(0.76rem * var(--ath-swap-font-scale)) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

/* Final flat shipping control cleanup */
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card--flat,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card--flat,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card--flat .ath-swap-single-builder__shipping-rate--priced,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card--flat .ath-swap-single-builder__shipping-rate--priced {
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card--flat .ath-swap-single-builder__shipping-rate--priced,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card--flat .ath-swap-single-builder__shipping-rate--priced {
  gap: 3px !important;
  grid-row: auto !important;
}

/* Remove nested box treatment from shipping and credit controls */
.ath-swap-single-builder__shipping-card,
.ath-swap-credit-transfer-panel__control,
.ath-swap-side-composer__credit-control,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-credit-transfer-panel__control,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-credit-transfer-panel__control,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control {
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Final composer credit and shipping section flattening */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__section-body,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-side-composer__section-body,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__section-body,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-side-composer__section-body {
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping {
  padding-top: 0 !important;
  border-top: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control.ath-swap-single-builder__terms-credit,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control.ath-swap-single-builder__terms-credit {
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-card,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-card--flat,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-card,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-card--flat {
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Unified balance slider and compact feedback cards */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__head,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, auto) !important;
  align-items: start !important;
  gap: 7px 18px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta {
  display: grid !important;
  align-items: flex-start !important;
  justify-items: end !important;
  justify-content: end !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  width: min(100%, 640px) !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item {
  display: grid !important;
  position: relative !important;
  gap: 2px !important;
  flex: 0 1 178px !important;
  min-width: 132px !important;
  max-width: 220px !important;
  min-height: 23px!important;
  padding: 4px 5px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  cursor: help !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  overflow: hidden !important;
  font-size: calc(0.64rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item span i,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item span i {
  flex: 0 0 auto !important;
  width: 1em !important;
  color: currentColor !important;
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 0.95em !important;
  line-height: 1 !important;
  text-align: center !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item span i::before,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item span i::before {
  font-family: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item--good span i,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item--good span i {
  color: color-mix(in srgb, var(--ath-swap-c3) 78%, white) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item--watch span i,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item--watch span i {
  color: color-mix(in srgb, var(--ath-swap-c4) 78%, white) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item--risk span i,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item--risk span i {
  color: color-mix(in srgb, var(--ath-swap-c2) 72%, white) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item p,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item p {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  font-size: calc(0.58rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.15 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item::after,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item::after {
  content: attr(data-ath-swap-tooltip);
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  z-index: 40 !important;
  display: none !important;
  width: min(320px, 80vw) !important;
  max-width: max-content !important;
  padding: 6px 7px !important;
  border: 1px solid color-mix(in srgb, white 14%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-0) 96%, black) !important;
  color: var(--ath-swap-text) !important;
  font-size: calc(0.68rem * var(--ath-swap-font-scale)) !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  white-space: normal !important;
  box-shadow: 0 12px 28px color-mix(in srgb, black 42%, transparent) !important;
  pointer-events: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item::before,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item::before {
  content: "";
  position: absolute !important;
  top: calc(100% + 3px) !important;
  right: 14px !important;
  z-index: 41 !important;
  display: none !important;
  width: 10px !important;
  height: 10px !important;
  border-left: 1px solid color-mix(in srgb, white 14%, transparent) !important;
  border-top: 1px solid color-mix(in srgb, white 14%, transparent) !important;
  background: color-mix(in srgb, var(--ath-swap-surface-0) 96%, black) !important;
  transform: rotate(45deg) !important;
  pointer-events: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:hover::after,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:hover::before,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:focus-visible::after,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:focus-visible::before,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:hover::after,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:hover::before,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:focus-visible::after,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:focus-visible::before {
  display: block !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta .ath-swap-balance-summary__totals,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta .ath-swap-balance-summary__totals {
  margin: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__bar,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__bar {
  display: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider {
  width: 100% !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  appearance: none !important;
  background: transparent !important;
  cursor: pointer !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-webkit-slider-runnable-track,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-webkit-slider-runnable-track {
  height: 16px !important;
  border: 1px solid color-mix(in srgb, white 22%, var(--ath-swap-border)) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      transparent calc(50% - 1px),
      color-mix(in srgb, white 72%, transparent) calc(50% - 1px),
      color-mix(in srgb, white 72%, transparent) calc(50% + 1px),
      transparent calc(50% + 1px)
    ),
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--ath-swap-c2) 68%, var(--ath-swap-surface-0)) 0%,
      color-mix(in srgb, var(--ath-swap-success) 76%, var(--ath-swap-surface-0)) 48%,
      color-mix(in srgb, var(--ath-swap-success) 76%, var(--ath-swap-surface-0)) 52%,
      color-mix(in srgb, var(--ath-swap-c3) 70%, var(--ath-swap-surface-0)) 100%
    ) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, white 24%, transparent),
    inset 0 -8px 16px color-mix(in srgb, black 18%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-webkit-slider-thumb,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-webkit-slider-thumb {
  width: 20px !important;
  height: 20px !important;
  margin-top: -3px !important;
  appearance: none !important;
  border: 3px solid color-mix(in srgb, white 88%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-0) 78%, transparent) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, black 42%, transparent),
    0 4px 12px color-mix(in srgb, black 42%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-moz-range-track,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-moz-range-track {
  height: 16px !important;
  border: 1px solid color-mix(in srgb, white 22%, var(--ath-swap-border)) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      transparent calc(50% - 1px),
      color-mix(in srgb, white 72%, transparent) calc(50% - 1px),
      color-mix(in srgb, white 72%, transparent) calc(50% + 1px),
      transparent calc(50% + 1px)
    ),
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--ath-swap-c2) 68%, var(--ath-swap-surface-0)) 0%,
      color-mix(in srgb, var(--ath-swap-success) 76%, var(--ath-swap-surface-0)) 48%,
      color-mix(in srgb, var(--ath-swap-success) 76%, var(--ath-swap-surface-0)) 52%,
      color-mix(in srgb, var(--ath-swap-c3) 70%, var(--ath-swap-surface-0)) 100%
    ) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-moz-range-thumb,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-moz-range-thumb {
  width: 20px !important;
  height: 20px !important;
  border: 3px solid color-mix(in srgb, white 88%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-0) 78%, transparent) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, black 42%, transparent),
    0 4px 12px color-mix(in srgb, black 42%, transparent) !important;
}

@media (max-width: 820px) {
  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__head,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__head {
    grid-template-columns: 1fr !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta,
  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact,
  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta .ath-swap-balance-summary__totals,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta .ath-swap-balance-summary__totals {
    justify-content: flex-start !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta {
    justify-items: start !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item {
    flex: 1 1 150px !important;
  }
}

/* Compact side composer product headers */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__head,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__head,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products > .ath-swap-side-composer__section-title,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products > .ath-swap-side-composer__section-title {
  display: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products {
  gap: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* Compact shipping section title price */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title--priced,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title--priced {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 13px!important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title--priced span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title--priced span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title--priced strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title--priced strong {
  flex: 0 0 auto !important;
  color: var(--ath-swap-text) !important;
  font-size: calc(0.72rem * var(--ath-swap-font-scale)) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-rate-head,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-rate-head {
  display: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-rate--priced,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-rate--priced {
  gap: 4px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider-note,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider-note {
  display: none !important;
}

/* Denser unified side composer */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer {
  gap: 6px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-body,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-body {
  gap: 2px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-side,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-side {
  gap: 3px !important;
  padding: 4px !important;
  border-radius: 7px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head {
  align-items: center !important;
  gap: 4px !important;
  padding-bottom: 3px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head .ath-swap-kicker,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head .ath-swap-kicker {
  display: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head h4,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head h4 {
  font-size: calc(0.82rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.08 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-chip-row,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-chip-row {
  gap: 3px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-pill,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-pill {
  min-height: 16px!important;
  padding: 0 6px !important;
  font-size: calc(0.62rem * var(--ath-swap-font-scale)) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-stack--selected,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-stack--selected {
  gap: 3px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 5px !important;
  padding: 4px 4px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__media,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__media {
  width: 48px !important;
  min-height: 35px!important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__body,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__body {
  gap: 2px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__head strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__head strong {
  font-size: calc(0.78rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.1 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__head span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__head span {
  font-size: calc(0.72rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.1 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__summary,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__summary {
  margin: 0 !important;
  font-size: calc(0.62rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.1 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__details,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__details {
  gap: 3px !important;
  font-size: calc(0.56rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.1 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__footer,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__footer {
  gap: 4px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-button,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-button {
  min-height: 22px!important;
  padding: 0 9px !important;
  font-size: calc(0.68rem * var(--ath-swap-font-scale)) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-empty,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-empty {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 4px 6px !important;
  font-size: calc(0.72rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.15 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title {
  min-height: 11px!important;
  font-size: calc(0.58rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.05 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy {
  gap: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy strong {
  font-size: calc(0.7rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.05 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy small,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy small {
  font-size: calc(0.56rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.05 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control input,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control input {
  min-height: 22px!important;
  padding: 1px 6px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-rate--priced select,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-rate--priced select {
  min-height: 23px!important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer label.ath-swap-single-builder__shipping-payer--inline,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer label.ath-swap-single-builder__shipping-payer--inline {
  min-height: 12px!important;
  margin-top: 1px !important;
  font-size: calc(0.58rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.1 !important;
}

/* Two-column single listing summary facts */
#brx-content .swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__facts,
.swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__facts,
.ath-swap-single-summary__body .ath-swap-single-summary__facts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px 14px !important;
  align-items: start !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__fact,
.swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__fact,
.ath-swap-single-summary__body .ath-swap-single-summary__fact {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding: 6px 0 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__fact span,
#brx-content .swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__fact strong,
.swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__fact span,
.swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__fact strong,
.ath-swap-single-summary__body .ath-swap-single-summary__fact span,
.ath-swap-single-summary__body .ath-swap-single-summary__fact strong {
  min-width: 0 !important;
  text-align: left !important;
}

@media (max-width: 640px) {
  #brx-content .swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__facts,
  .swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__facts,
  .ath-swap-single-summary__body .ath-swap-single-summary__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Trader owner emphasis */
#brx-content .swap-single-shell .ath-swap-single-trader__owner-name,
.swap-single-shell .ath-swap-single-trader__owner-name,
.ath-swap-single-trader__owner-name {
  font-size: calc(1.06rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.14 !important;
  font-weight: 850 !important;
}

/* Left-align stacked credit copy */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit .ath-swap-side-composer__credit-copy,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit .ath-swap-side-composer__credit-copy {
  display: grid !important;
  justify-items: start !important;
  align-items: start !important;
  align-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: left !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy small,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy small,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit .ath-swap-side-composer__credit-copy strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit .ath-swap-side-composer__credit-copy small,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit .ath-swap-side-composer__credit-copy strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit .ath-swap-side-composer__credit-copy small {
  display: block !important;
  justify-self: start !important;
  max-width: 100% !important;
  text-align: left !important;
}

/* Remove duplicated seller byline from single listing summary */
.swap-single-shell .ath-swap-single-summary__head > .ath-swap-muted,
.ath-swap-single-summary__head > .ath-swap-muted {
  display: none !important;
}

/* Product line item descriptions */
#brx-content .swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item--compact,
.swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item--compact,
#brx-content .swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item--compact,
.swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item--compact {
  overflow: hidden !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item--compact > .ath-swap-builder-item__body,
.swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item--compact > .ath-swap-builder-item__body,
#brx-content .swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item--compact > .ath-swap-builder-item__body,
.swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item--compact > .ath-swap-builder-item__body {
  grid-template-areas:
    "title price action"
    "summary summary action"
    "details details action" !important;
  align-items: start !important;
  row-gap: 2px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item.ath-swap-builder-item--compact > .ath-swap-builder-item__body > .ath-swap-builder-item__summary,
#brx-content .swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item--compact > .ath-swap-builder-item__body > .ath-swap-builder-item__summary,
.swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item.ath-swap-builder-item--compact > .ath-swap-builder-item__body > .ath-swap-builder-item__summary,
#brx-content .swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item.ath-swap-builder-item--compact > .ath-swap-builder-item__body > .ath-swap-builder-item__summary,
#brx-content .swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item--compact > .ath-swap-builder-item__body > .ath-swap-builder-item__summary,
.swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item.ath-swap-builder-item--compact > .ath-swap-builder-item__body > .ath-swap-builder-item__summary,
.ath-swap-single-builder__grid .ath-swap-builder-item--compact .ath-swap-builder-item__summary,
.ath-swap-single-builder__lane .ath-swap-builder-item--compact .ath-swap-builder-item__summary,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__grid .ath-swap-builder-item--compact .ath-swap-builder-item__summary,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__grid .ath-swap-builder-item--compact .ath-swap-builder-item__summary {
  grid-area: summary !important;
  display: -webkit-box !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: calc(0.66rem * var(--ath-swap-font-scale)) !important;
  font-weight: 500 !important;
  line-height: 1rem !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

/* Shipping rate loading indicator */
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__shipping {
  --ath-swap-shipping-spin-a: color-mix(in oklch, var(--ctl-c2, #7aa6ff) 84%, white 6%);
  --ath-swap-shipping-spin-b: color-mix(in oklch, var(--ctl-c3, #54d1a3) 78%, white 8%);
  --ath-swap-shipping-spin-c: color-mix(in oklch, var(--ctl-c1, #f6c76f) 66%, white 5%);
  --ath-swap-shipping-spin-track: color-mix(in oklch, var(--surface-2, #454243) 70%, white 16%);
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__shipping-loading[data-ath-swap-loading-managed="true"] {
  background:
    linear-gradient(90deg,
      color-mix(in oklch, var(--surface-2, #454243) 82%, black 8%),
      color-mix(in oklch, var(--ath-swap-shipping-spin-a) 18%, var(--surface-2, #454243)),
      color-mix(in oklch, var(--ath-swap-shipping-spin-b) 18%, var(--surface-2, #454243)),
      color-mix(in oklch, var(--surface-2, #454243) 82%, black 8%)) !important;
  background-size: 240% 100% !important;
  animation: ath-swap-shipping-sheen 1.35s ease-in-out infinite !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__shipping-spinner,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__shipping--loading .ath-swap-single-builder__shipping-head span::before,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__shipping-card[data-quote-state="pending"] strong::before,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__shipping > .ath-swap-muted:only-child::before {
  border: 0 !important;
  background:
    radial-gradient(farthest-side, var(--ath-swap-shipping-spin-b) 94%, transparent) top / 4px 4px no-repeat,
    conic-gradient(from 35deg,
      var(--ath-swap-shipping-spin-a),
      var(--ath-swap-shipping-spin-b),
      var(--ath-swap-shipping-spin-c),
      var(--ath-swap-shipping-spin-track) 76%,
      transparent 88%) !important;
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px)) !important;
  mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px)) !important;
}

/* Compact matching listings section */
:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details {
  gap: 6px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-detail-side--full > .brxe-container {
  gap: 6px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-fragment--matches .ath-swap-card.ath-swap-single__section {
  display: grid !important;
  gap: 5px !important;
  padding: 6px 9px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-fragment--matches .ath-swap-card__header {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 3px 10px !important;
  margin: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-fragment--matches .ath-swap-kicker {
  margin: 0 !important;
  font-size: .66rem !important;
  line-height: 1 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-fragment--matches h3 {
  margin: 0 !important;
  font-size: clamp(.98rem, .9rem + .18vw, 1.12rem) !important;
  line-height: 1.08 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-fragment--matches .ath-swap-card__header + .ath-swap-muted {
  display: -webkit-box !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: color-mix(in oklch, var(--text-1, #f8fafc) 68%, transparent) !important;
  font-size: .74rem !important;
  line-height: 1.22 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-list {
  display: grid !important;
  gap: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card {
  display: grid !important;
  gap: 4px !important;
  padding: 6px 0 0 !important;
  border-top: 1px solid color-mix(in oklch, white 8%, transparent) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card:first-child {
  padding-top: 3px !important;
  border-top: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px !important;
  align-items: start !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card h4 {
  margin: 0 !important;
  font-size: .88rem !important;
  line-height: 1.12 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card h4 + .ath-swap-muted {
  margin: 2px 0 0 !important;
  font-size: .68rem !important;
  line-height: 1.1 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card__score {
  display: grid !important;
  min-width: 58px !important;
  gap: 2px !important;
  padding: 4px 5px !important;
  border-radius: 8px !important;
  text-align: right !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card__score span {
  font-size: .58rem !important;
  line-height: 1 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card__score strong {
  font-size: .96rem !important;
  line-height: 1 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card__meta,
:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card .ath-swap-chip-row {
  gap: 4px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card .ath-swap-pill,
:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card .ath-swap-chip {
  min-height: 14px!important;
  padding: 0 5px !important;
  font-size: .64rem !important;
  line-height: 1.1 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card__summary {
  display: -webkit-box !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: color-mix(in oklch, var(--text-1, #f8fafc) 66%, transparent) !important;
  font-size: .7rem !important;
  line-height: 1.2 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}

@media (max-width: 560px) {
  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card__head {
    grid-template-columns: 1fr !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details .ath-swap-single-match-card__score {
    justify-self: start !important;
    text-align: left !important;
  }
}

/* Compact interface override: reduced min-height, padding, and gaps */
:where(#brx-content .swap-single-shell, .swap-single-shell) {
  --swap-compact-gap: 6px;
  --swap-compact-pad-y: 8px;
  --swap-compact-pad-x: 10px;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) > .brxe-container,
:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-top,
:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-details,
:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-side > .brxe-container,
:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-detail-main > .brxe-container,
:where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-detail-side > .brxe-container,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel__head,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel__body,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel__footer,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__selection,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__compare-grid,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__grid,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-highlights,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-highlights__rows,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-summary__facts,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-summary-grid,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single__meta-grid,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-match-list,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-builder-item__body,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-builder-item__footer,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-builder-item__tags,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-chip-row,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__totals,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__feedback {
  gap: var(--swap-compact-gap) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-card,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-listing-card,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel--summary,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel--offer,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel--trader,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__summary,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__compare,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__selection,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__grid,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder > .ath-swap-grid,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder > label,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder > .ath-swap-button--primary,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-offer-modal__dialog {
  padding: var(--swap-compact-pad-y) var(--swap-compact-pad-x) !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel--media,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-media,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-builder-stack--selected,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-builder-stack--compact,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach:not(.ath-swap-balance-coach--dashboard) {
  padding: 6px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-summary__fact,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-summary__wants,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-summary__evidence,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-highlights__row,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single__meta-item,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-summary-grid .ath-swap-summary-card,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-match-card,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-analytics-attention__item,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-builder-item,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__compare-card,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__selection-side,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__lane,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__picker,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-trader__owner-card,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-summary-card--tier,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-trader__stats .ath-swap-summary-card {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-pill,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-chip,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-builder__compare-status,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__status,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-balance-coach__total {
  min-height: 20px !important;
  padding: 0 7px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-button,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-offer-modal__button {
  min-height: 30px !important;
  padding: 0 10px !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__primary,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__item,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-builder-stack--compact {
  min-height: 0 !important;
}

:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__primary,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__item {
  max-height: clamp(240px, 42vh, 500px) !important;
}

@media (max-width: 767px) {
  :where(#brx-content .swap-single-shell, .swap-single-shell) {
    --swap-compact-gap: 5px;
    --swap-compact-pad-y: 7px;
    --swap-compact-pad-x: 8px;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__primary,
  :where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-gallery__item {
    max-height: min(52vh, 340px) !important;
  }
}

/*
 * Single listing e-commerce flow
 *
 * Keep the gallery and the information stack in one top-level row on
 * desktop-sized screens. The right-hand stack places the listing summary and
 * trader snapshot together, then lets the description span that full column.
 * The proposal composer remains the next full-width section in document order.
 */
@media (min-width: 901px) {
  :where(#brx-content .swap-single-shell, .swap-single-shell) > .brxe-container {
    gap: 10px !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-top {
    grid-template-columns: minmax(300px, .76fr) minmax(0, 1.24fr) !important;
    grid-template-rows: minmax(0, auto) !important;
    gap: 12px !important;
    align-items: start !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-media {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-content {
    grid-column: 2 !important;
    grid-row: 1 !important;
    grid-template-columns: minmax(0, 1.75fr) minmax(220px, .92fr) !important;
    grid-template-rows: auto auto !important;
    gap: 10px !important;
    align-items: start !important;
    min-width: 0 !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-summary {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-side > .brxe-container > .brxe-shortcode {
    width: 100% !important;
    min-width: 0 !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-side > .brxe-container > .brxe-shortcode:has(.ath-swap-single-fragment--trader) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-side > .brxe-container > .brxe-shortcode:has(.ath-swap-single-fragment--description) {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-offer-row {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    align-self: start !important;
  }
}

/* Keep the same semantic order while returning to a single column on phones. */
@media (max-width: 900px) {
  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-top {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 9px !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-media {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-content {
    grid-column: 1 !important;
    grid-row: 2 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-summary,
  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-side > .brxe-container > .brxe-shortcode:has(.ath-swap-single-fragment--trader),
  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-side > .brxe-container > .brxe-shortcode:has(.ath-swap-single-fragment--description) {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  :where(#brx-content .swap-single-shell, .swap-single-shell) .swap-amz-offer-row {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

/* Keep the gallery compact beside the listing content on wide screens.  This
 * intentionally follows the older Bricks-specific 50/50 rule so the final
 * desktop ratio is deterministic: gallery ~40%, content ~60%. */
@media (min-width: 1024px) {
  #brx-content .swap-single-shell .swap-amz-top,
  .swap-single-shell .swap-amz-top {
    grid-template-columns: minmax(300px, 2fr) minmax(0, 3fr) !important;
  }
}

/* Keep the media and counterparty surfaces; flatten only the listing and overview shells. */
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel--summary,
:where(#brx-content .swap-single-shell, .swap-single-shell) .ath-swap-single-panel--description {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#brx-content .swap-single-shell .ath-swap-card.ath-swap-single-panel--summary,
#brx-content .swap-single-shell .ath-swap-card.ath-swap-single-panel--description,
.swap-single-shell .ath-swap-card.ath-swap-single-panel--summary,
.swap-single-shell .ath-swap-card.ath-swap-single-panel--description {
  border: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-card.ath-swap-single-panel--summary::before,
#brx-content .swap-single-shell .ath-swap-card.ath-swap-single-panel--description::before,
.swap-single-shell .ath-swap-card.ath-swap-single-panel--summary::before,
.swap-single-shell .ath-swap-card.ath-swap-single-panel--description::before {
  background: none !important;
  opacity: 0 !important;
}
