.plomo-trading {
  --trade-accent: #66e0a3;
  --trade-tint: #66e0a315;
  --trade-text: #071d13;
  max-width: 540px;
  margin: 28px auto 0;
  padding: 26px;
  border: 1px solid #ffffff16;
  border-radius: 16px;
  background: #111117;
  box-shadow: 0 18px 55px #00000030;
  scroll-margin-top: 90px;
}
.plomo-trading.is-sell { --trade-accent: #f38e94; --trade-tint: #f38e9416; --trade-text: #351014; }
.plomo-trading__heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.plomo-trading__pair { display: flex; align-items: center; gap: 12px; min-width: 0; }
.plomo-trading__heading h2 { color: #f6f5f9; font-size: 24px; font-weight: 600; letter-spacing: -.045em; line-height: 1.2; white-space: nowrap; }
.plomo-trading__heading h2 span { color: #777581; font-size: 20px; font-weight: 500; }
.plomo-trading__pair p { margin-top: 4px; color: #85818f; font-size: 11px; }
.plomo-trading__token-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 43px; height: 43px; border-radius: 50%; background: #202028; border: 1px solid #ffffff14; color: #f1eff7; }
.plomo-trading__token-icon svg { width: 27px; height: 27px; }
.plomo-trading__token-icon.is-usdc { background: #2775ca; color: white; border-color: #5397e8; }
.plomo-trading__network { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; color: #aaa6b4; font-size: 10px; }
.plomo-trading__network i { width: 5px; height: 5px; border-radius: 50%; background: #a0a2b4; }
.plomo-trading__intro { color: #918c9c; font-size: 12px; line-height: 1.6; margin-top: 17px; }
.plomo-trading > .plomo-admin__loading { margin-top: 20px; }
.plomo-trading__order { margin-top: 20px; }
.plomo-trading__sides { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 10px; border: 1px solid #ffffff0e; background: #09090e; }
.plomo-trading__side { min-height: 40px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #9c96a5; font-size: 13px; font-weight: 600; }
.plomo-trading__side.is-buy[aria-pressed="true"] { color: #6ce8ac; background: #6ce8ac17; border-color: #6ce8ac25; }
.plomo-trading__side.is-sell[aria-pressed="true"] { color: #ff939b; background: #ff939b18; border-color: #ff939b26; }
.plomo-trading__side:hover:enabled { color: #f2edf7; }
.plomo-trading__amount-box { padding: 18px 17px 14px; margin-top: 15px; border: 1px solid #ffffff18; border-radius: 11px; background: #0c0c12; transition: border-color .15s; }
.plomo-trading__amount-box:focus-within { border-color: var(--trade-accent); }
.plomo-trading__amount-label { display: block; color: #98939f; font-size: 11px; }
.plomo-trading__amount-row { display: flex; align-items: center; gap: 12px; margin: 11px 0 17px; }
.plomo-trading__amount { min-width: 0; width: 100%; border: 0; outline: 0; padding: 0; height: 42px; background: transparent; color: #f6f3fa; font-family: var(--font); font-size: 34px; font-weight: 500; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.plomo-trading__amount::placeholder { color: #47424f; }
.plomo-trading__amount:disabled { opacity: .55; }
.plomo-trading__unit { display: flex; align-items: center; gap: 7px; color: #e2dfe8; font-size: 13px; font-weight: 600; white-space: nowrap; }
.plomo-trading__unit .plomo-trading__token-icon { width: 23px; height: 23px; }
.plomo-trading__unit .plomo-trading__token-icon svg { width: 16px; height: 16px; }
.plomo-trading__amount-presets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.plomo-trading__amount-preset { border: 1px solid #ffffff0e; background: #ffffff04; color: #d2cbdc; padding: 8px 4px; border-radius: 6px; font-size: 12px; white-space: nowrap; }
.plomo-trading__amount-preset span { font-size: 9px; color: #76707f; margin-left: 4px; }
.plomo-trading__amount-preset:hover:enabled, .plomo-trading__amount-preset[aria-pressed="true"] { border-color: var(--trade-accent); color: var(--trade-accent); background: var(--trade-tint); }
.plomo-trading__receive { display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid #ffffff0c; padding: 17px 1px; }
.plomo-trading__receive-label { display: block; color: #8d8896; font-size: 11px; margin-bottom: 6px; }
.plomo-trading__receive strong { color: #dcd6e7; font-family: var(--mono); font-size: 18px; font-weight: 500; overflow-wrap: anywhere; }
.plomo-trading__receive strong span { margin-left: 6px; color: #837d8d; font-family: var(--font); font-size: 12px; }
.plomo-trading__receive.is-quoted strong { color: var(--trade-accent); }
.plomo-trading__receive-note { color: #797382; font-size: 10px; text-align: right; flex-shrink: 0; }
.plomo-trading__settings { border-bottom: 1px solid #ffffff0c; }
.plomo-trading__settings summary { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; cursor: pointer; list-style: none; font-size: 12px; color: #958e9f; }
.plomo-trading__settings summary::-webkit-details-marker { display: none; }
.plomo-trading__settings summary:focus-visible { outline: 2px solid var(--trade-accent); outline-offset: 4px; }
.plomo-trading__settings-value { display: flex; align-items: center; gap: 12px; color: #dad3e3; }
.plomo-trading__settings-content { padding: 3px 0 17px; }
.plomo-trading__settings-content .plomo-admin__label { font-size: 12px; }
.plomo-trading__slippage { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.plomo-trading__slippage input { width: 112px; min-width: 0; min-height: 40px; padding: 6px 10px; background: #09090f; }
.plomo-trading__preset, .plomo-trading__wallet-button { border: 1px solid #ffffff1b; color: #d0cad9; background: #ffffff04; border-radius: 7px; padding: 9px 12px; font-size: 11px; min-height: 36px; }
.plomo-trading__preset[aria-pressed="true"] { color: var(--trade-accent); border-color: var(--trade-accent); background: var(--trade-tint); }
.plomo-trading__preset:hover:enabled, .plomo-trading__wallet-button:hover:enabled { border-color: #9c92ba; }
.plomo-trading button:disabled { opacity: .45; cursor: not-allowed; }
.plomo-trading__primary { display: flex; align-items: center; justify-content: center; gap: 13px; width: 100%; min-height: 48px; margin-top: 18px; padding: 12px; border: 1px solid transparent; border-radius: 9px; background: var(--trade-accent); color: var(--trade-text); font-size: 14px; font-weight: 650; transition: filter .15s; }
.plomo-trading__primary:hover:enabled { filter: brightness(1.1); }
.plomo-trading__primary:disabled { opacity: 1 !important; color: #77717e; background: #27232d; border-color: #ffffff06; }
.plomo-trading__action-help { margin: 11px 0 0; color: #78717f; text-align: center; font-size: 10px; line-height: 1.6; }
.plomo-trading__checkout { padding-top: 11px; }
.plomo-trading__detail { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; padding: 5px 0; font-size: 11px; line-height: 1.6; }
.plomo-trading__detail dt { color: #8f869a; }
.plomo-trading__detail dd { margin: 0; color: #d5cede; text-align: right; font-family: var(--mono); overflow-wrap: anywhere; min-width: 0; }
.plomo-trading__quote-refresh { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; color: #777080; font-size: 10px; }
.plomo-trading__quote-refresh button { border: 0; padding: 4px 0; background: none; color: #bfb2d6; font-size: 10px; }
.plomo-trading__fee { margin-top: 13px; color: #92889e; font-size: 11px; }
.plomo-trading__fee strong { color: #d5cede; font-weight: 500; }
.plomo-trading__wallet { margin-top: 21px; padding-top: 18px; border-top: 1px solid #ffffff12; }
.plomo-trading__wallet-label { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; color: #aba2b8; font-size: 11px; }
.plomo-trading__match { color: #84cba5; font-size: 10px; }
.plomo-trading__mismatch { color: #efbe80; font-size: 10px; }
.plomo-trading__address { display: block; color: #817688; font-size: 10px; overflow-wrap: anywhere; line-height: 1.6; margin-top: 7px; }
.plomo-trading__wallet-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.plomo-trading__wallet .plomo-admin__help { font-size: 10px; color: #77707f; margin-top: 10px; }
.plomo-trading__notice { color: #e2b48b; border-left: 2px solid #b281514d; padding-left: 11px; font-size: 11px; line-height: 1.7; margin-top: 15px; }
.plomo-trading__limits { margin-top: 20px; font-size: 10px; color: #7d728a; line-height: 1.7; }
.plomo-trading__limits p + p { margin-top: 6px; }
.plomo-trading__refresh-settings { font-size: 10px; text-decoration: none; padding-bottom: 0; margin-top: 4px; color: #a094b2; }
.plomo-trading__transaction { margin-top: 21px; border-top: 1px solid #ffffff13; padding-top: 19px; font-size: 12px; line-height: 1.7; }
.plomo-trading__transaction strong, .plomo-trading__transaction a, .plomo-trading__transaction code { display: block; }
.plomo-trading__transaction strong { color: #cec0e4; font-weight: 500; }
.plomo-trading__transaction.is-confirmed strong { color: #84d1a8; }
.plomo-trading__transaction.is-failed strong { color: #ff8b9f; }
.plomo-trading__transaction a { color: #c1b0dc; margin-top: 8px; text-decoration: underline; text-underline-offset: 3px; }
.plomo-trading__transaction code { color: #90859e; font-size: 10px; overflow-wrap: anywhere; margin-top: 8px; }
.plomo-trading__recovery { border-top: 1px solid #ffffff13; margin-top: 18px; padding-top: 8px; }
.plomo-trading__acknowledge { display: flex; align-items: flex-start; gap: 10px; color: var(--text-2); font-size: 12px; line-height: 1.6; margin: 16px 0; cursor: pointer; }
.plomo-trading__acknowledge input { margin-top: 4px; accent-color: #929aff; }
@media (max-width: 640px) {
  .plomo-admin .plomo-trading { padding: 20px 16px; border-radius: 13px; }
  .plomo-trading__heading { gap: 8px; }
  .plomo-trading__heading h2 { font-size: 21px; }
  .plomo-trading__heading h2 span { font-size: 16px; }
  .plomo-trading__network { font-size: 9px; }
  .plomo-trading__pair { gap: 9px; }
  .plomo-trading__pair > .plomo-trading__token-icon { width: 36px; height: 36px; }
  .plomo-trading__amount-box { padding: 15px 12px 12px; }
  .plomo-trading__amount { font-size: 30px; }
  .plomo-trading__amount-preset { font-size: 11px; }
  .plomo-trading__amount-preset span { font-size: 8px; }
  .plomo-trading__amount-presets { gap: 5px; }
  .plomo-trading__receive-note { max-width: 105px; line-height: 1.5; }
  .plomo-trading__wallet-button { font-size: 10px; padding: 9px 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .plomo-trading__amount-box, .plomo-trading__primary { transition: none; }
}