/* Design-only screens share the existing Pulse type and surface tokens. */
.design-footer{display:flex;align-items:center;justify-content:center;gap:24px;color:var(--swap-muted);font-size:var(--text-meta);padding:24px var(--page-gutter)}
.design-footer .button{border:0;background:transparent;font-size:inherit}
.design-row,.design-actions,.design-form-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.design-row{justify-content:space-between;margin-bottom:24px}.design-actions{margin-block:20px}.design-form-tools{margin:0}
.design-segment{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--swap-border);margin:24px 0}.design-segment button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:12px 0}.design-segment button[aria-pressed="true"]{border-bottom-color:var(--accent);font-weight:var(--weight-semibold)}
.design-field{display:grid;gap:8px;min-width:0;margin:16px 0;font-size:var(--text-field-label);font-weight:var(--weight-field-label)}.design-field input,.design-field select,.design-field textarea{width:100%;min-width:0;max-width:100%;font-size:var(--text-body);color:var(--swap-ink);background:var(--swap-field);border:1px solid var(--swap-border);padding:12px;border-radius:2px}.design-field textarea{font:inherit}
.design-field input[type="range"]{padding:0;accent-color:var(--accent)}.design-filters{display:grid;grid-template-columns:1fr 220px;gap:20px}.design-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.design-token-card{border:1px solid var(--swap-border);border-radius:2px;overflow:hidden;background:var(--swap-panel);box-shadow:var(--launch-card-shadow)}.design-token-banner{width:100%;height:150px;object-fit:cover;display:block;background:var(--swap-field)}.design-card-content{padding:20px}.design-identity{display:flex;gap:12px;align-items:center;margin-bottom:16px}.design-identity img{width:40px;height:40px;object-fit:contain;border-radius:2px}.design-identity h2{margin:0!important;font-size:var(--text-title)}.design-price{font-size:var(--text-price);font-weight:var(--weight-semibold)}.design-card-content .design-actions{margin:16px 0 0}.design-card-content .button{font-size:var(--text-small);padding:10px}
.design-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:24px;margin:24px 0}.design-stats div{min-width:0}.design-stats dt{color:var(--swap-muted);font-size:var(--text-meta);margin-bottom:8px}.design-stats dd{margin:0;overflow-wrap:anywhere;font-size:var(--text-price)}.design-token-card .design-stats{display:grid;grid-template-columns:1fr;gap:12px}.design-token-card .design-stats div{display:flex;justify-content:space-between;gap:8px}.design-token-card .design-stats dd{font-size:var(--text-body)}
.design-detail-banner{width:100%;height:240px;object-fit:contain;background:var(--swap-field);margin:0 0 24px}.design-chart{margin:24px 0 36px}.design-chart svg{width:100%;height:auto;color:var(--hero-accent)}.design-gridline{fill:none;stroke:var(--swap-border);stroke-width:1}.design-curve{fill:none;stroke:currentColor;stroke-width:2.5}.design-caption,.design-chart figcaption{font-size:var(--text-meta);color:var(--swap-muted);margin-top:16px}
.design-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.design-form{padding:var(--swap-space);border:1px solid var(--swap-border);border-radius:2px}.design-form .design-segment{margin-top:0}.design-form .primary{width:100%}.design-form .design-stats{grid-template-columns:1fr 1fr}.design-form output{font-size:var(--text-price)}
.design-dialog{width:520px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--swap-panel);color:var(--swap-ink);border:1px solid var(--swap-border);border-radius:2px;padding:28px;box-shadow:var(--form-shadow)}.design-dialog::backdrop{background:rgb(0 0 0 / .45);backdrop-filter:blur(4px)}.design-dialog .design-row h2{margin:0;flex:1}.design-dialog .design-row button{font-size:var(--text-large);border:0;background:transparent}.design-dialog .design-stats{display:grid;grid-template-columns:1fr;gap:16px}.design-dialog .design-stats div{display:flex;justify-content:space-between;gap:24px}.design-dialog .design-stats dd{font-size:var(--text-body);text-align:right}.design-dialog .design-stats dt{font-size:var(--text-small);min-width:70px}.design-dialog .design-actions{margin-bottom:0}.design-dialog .muted{font-size:var(--text-small)}.design-result{text-align:center;padding:24px 0}.design-result-icon{display:block;font-size:var(--text-display);color:var(--hero-accent);margin-bottom:16px}
.design-total{font-size:var(--text-display);font-weight:var(--weight-medium)}.design-position{border:1px solid var(--swap-border);padding:24px;margin-top:24px}.design-activity{display:grid;grid-template-columns:90px minmax(0,1fr) 100px 85px;align-items:center;gap:16px;border-bottom:1px solid var(--swap-border);padding:20px 0}.design-activity>span{font-size:var(--text-small)}.design-status{color:var(--swap-muted)}.design-table-wrap{overflow:auto}.design-table-wrap table{min-width:420px}.design-table-wrap td{padding-right:16px}
.design-launch{max-width:1000px}.design-steps{display:flex;gap:24px;list-style-position:inside;padding:0;margin:0 0 40px;flex-wrap:wrap;color:var(--swap-muted);font-size:var(--text-small)}.design-steps li[aria-current="step"]{color:var(--swap-ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:10px}.design-launch-form{max-width:520px;margin:auto}.design-upload-preview{width:100%;max-height:200px;object-fit:contain;background:var(--swap-field);margin-bottom:16px}.design-launch-preview{border:1px solid var(--swap-border);padding:16px}.design-launch-preview h3{margin-top:16px}.design-help{border-bottom:1px solid var(--swap-border);padding:20px 0}.design-help summary{cursor:pointer;min-height:44px;display:list-item;font-size:var(--text-title)}.design-help p{max-width:650px;color:var(--swap-muted);margin-top:16px}.design-settings{font-size:var(--text-small)}.design-settings summary{min-height:44px;cursor:pointer;align-content:center}.design-settings .design-field{margin-top:0}.design-form-tools .design-field{margin:0;flex:1}.design-form-tools{gap:var(--swap-inner-space)}
.site-header nav{min-width:0}.site-header .connect{white-space:nowrap}
@media(max-width:1100px){.design-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.design-catalog,.design-columns{grid-template-columns:1fr}.design-filters{grid-template-columns:1fr;gap:0}.design-columns{gap:24px}.design-stats{grid-template-columns:1fr 1fr;gap:20px}.design-activity{grid-template-columns:1fr auto;gap:10px}.design-activity>span:nth-child(2){grid-row:2;grid-column:1/3}.design-activity button{grid-column:2;grid-row:1}.design-status{grid-column:1;grid-row:3}.design-dialog{padding:20px}.design-dialog .design-stats div{gap:12px}.design-detail-banner{height:180px}.design-steps{gap:16px}.design-token-banner{height:180px}.design-total{font-size:var(--text-large)}}
@media(max-width:560px){.site-header nav{gap:20px;justify-content:space-between}.design-footer{gap:12px}.design-card-content{padding:16px}}
@media(max-width:560px){
  .design-table-wrap table{min-width:0;width:100%}
  .design-table-wrap :is(th,td){padding-right:8px}
  .design-table-wrap :is(th,td):last-child{display:none}
  .design-table-wrap :is(th,td):nth-child(3){text-align:right;padding-right:0}
}

/* The swap toolbar keeps order selection left and settings at the upper right. */
#swap-form .order-toolbar{justify-content:space-between;align-items:center}
#swap-form .order-toolbar #order-type{min-width:0;flex:0 1 auto}
#swap-form .swap-settings-button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:10px;background:transparent;margin-left:auto}
.swap-settings-button .icon{width:18px;height:18px}
.settings-close .icon{width:22px;height:22px}
.icon-close{mask-image:url('../assets/icon-close.svg')}
#swap-settings-dialog .settings-close{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:10px;font-size:inherit}
#swap-settings-dialog .design-actions{justify-content:flex-end}
#swap-settings-dialog .primary{background:var(--cta-fill);color:#191B20;border-color:transparent}
#swap-form .order-toolbar :is(#order-type,.swap-settings-button){border:0}
/* Borderless toolbar controls use the shared inner spacing. */
#swap-form .order-toolbar{gap:var(--swap-inner-space)}
#swap-form .order-toolbar #order-type{padding:var(--swap-inner-space)}
#swap-form .swap-settings-button{padding:var(--swap-inner-space)}

/* Source-app balance controls: compact, borderless, directly above each asset. */
.icon-wallet{mask-image:url('../assets/icon-wallet.svg')}
.icon-shield{mask-image:url('../assets/icon-shield.svg')}
.icon-chevron-down{mask-image:url('../assets/icon-chevron-down.svg')}
.swap-page .balance-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0;color:var(--swap-muted);font-size:var(--text-meta);line-height:20px;white-space:nowrap}
.swap-page .balance-controls[hidden]{display:none}
.balance-selector{position:relative;min-width:0}
.swap-page .balance-controls :is(.balance-trigger,.balance-max){display:flex;align-items:center;justify-content:center;gap:6px;min-height:20px;height:20px;padding:0;border:0;background:transparent;color:inherit;font-size:var(--text-meta);line-height:20px;box-shadow:none}
.swap-page .balance-controls .balance-max{font-weight:var(--weight-semibold)}
.balance-controls .icon{width:14px;height:14px;flex-shrink:0}
.balance-trigger .icon-chevron-down{width:12px;height:12px}
.balance-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:112px;width:max-content;padding:4px;border:1px solid var(--swap-border);border-radius:2px;background:var(--swap-panel);box-shadow:var(--form-shadow);z-index:25}
.balance-menu[hidden]{display:none}
.swap-page .balance-menu button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px;border:0;background:transparent;font-size:var(--text-meta);line-height:20px;color:var(--swap-ink);text-align:left}
.swap-page .balance-menu button:is(:hover,[aria-selected="true"]){background:var(--swap-field)}
.balance-option-amount{margin-left:auto}
#token-trade-form .trade-asset{display:grid;gap:var(--swap-inner-space)}

/* Align visible toolbar content to the field edges, rather than button boxes. */
#swap-form .order-type-control{position:relative;display:inline-flex;align-items:center}
#swap-form .order-toolbar #order-type{appearance:none;padding:0 24px 0 0;background:transparent}
.order-type-control>.icon{position:absolute;right:0;width:12px;height:12px;pointer-events:none}
#swap-form .swap-settings-button{padding:0;margin-right:calc((18px - 44px)/2)}
#swap-form .order-toolbar #order-type{font-weight:var(--weight-regular)}
/* Quiet market table, aligned to the launches above it. */
.token-discovery{max-width:var(--content-max-width);margin:48px auto;text-align:left;scroll-margin-top:24px}
.token-discovery h2{font-size:var(--text-title);margin-bottom:24px}
.token-discovery-scroll{overflow-x:auto}
.token-discovery table{width:100%;min-width:480px;table-layout:fixed;font-variant-numeric:tabular-nums}
.token-discovery :is(th,td){padding:20px 16px;border-bottom:1px solid var(--swap-border);text-align:right;white-space:nowrap}
.token-discovery :is(th,td):first-child{text-align:left;padding-left:0;width:31%}
.token-discovery :is(th,td):last-child{padding-right:0}
.token-discovery th{padding-top:0;padding-bottom:12px}
.swap-page .token-discovery th button{display:inline-flex;align-items:center;gap:6px;padding:0;min-height:44px;border:0;background:transparent;color:var(--swap-muted);font-size:var(--text-small);font-weight:var(--weight-regular)}
.token-discovery th .icon{width:12px;height:12px}
.token-discovery th .icon[hidden]{display:none}
.token-discovery .sort-ascending{transform:rotate(180deg)}
.token-discovery td{font-size:var(--text-body)}
.token-discovery tbody tr:hover{background:var(--swap-field)}
.token-discovery-identity{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-weight:var(--weight-medium)}
.token-discovery-identity img{width:32px;height:32px;object-fit:contain;border-radius:2px}
@media(max-width:560px){.token-discovery :is(th,td){padding-inline:10px}.token-discovery-identity{gap:8px}}
.footer-socials{display:flex;align-items:center;gap:8px;flex:0;justify-content:center}
.footer-socials a{display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:0;padding:0;background:transparent;color:var(--swap-muted)}
.footer-socials a:hover{color:var(--swap-ink)}
.footer-socials .icon{width:20px;height:20px}
.footer-x{mask-image:url('../assets/launches/social-x.svg')}
.footer-discord{mask-image:url('../assets/launches/social-discord.svg')}
.footer-github{mask-image:url('../assets/icon-github.svg')}
.token-discovery td{padding:0}
.token-discovery td>a{display:flex;align-items:center;min-height:72px;padding:20px 16px;color:inherit;text-decoration:none}
.token-discovery td:first-child>a{padding-left:0}
.token-discovery td:last-child>a{padding-right:0}
.token-discovery .token-cell-link{justify-content:flex-end}
@media(max-width:560px){.design-footer{flex-wrap:wrap}.token-discovery td>a{padding-inline:10px}}
/* Footer columns remain balanced; social controls never wrap vertically. */
body .design-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:calc(100% - 2 * var(--page-gutter));max-width:var(--content-max-width);margin:0 auto;padding:24px 0}
.design-footer .footer-copyright{justify-self:start}
.design-footer .footer-socials{display:flex;flex-flow:row nowrap;flex:none;width:auto;gap:8px;justify-self:center}
.design-footer .footer-socials a{flex:0 0 44px}
.design-footer .footer-settlement{justify-self:end;white-space:nowrap}
@media(max-width:650px){body .design-footer{grid-template-columns:1fr;gap:12px}.design-footer :is(.footer-copyright,.footer-socials,.footer-settlement){justify-self:center}}

/* Two-row token inputs, with a stable message line outside each field box. */
:is(#swap-form,#bridge-form,#token-trade-form) .token-input-unit{display:grid;gap:var(--swap-inner-space);min-width:0}
:is(#swap-form,#bridge-form,#token-trade-form) .token-input-unit>.swap-field{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:20px minmax(48px,auto);gap:var(--swap-inner-space);align-items:center;min-height:0;padding:var(--swap-inner-space)}
:is(#swap-form,#bridge-form,#token-trade-form) .token-input-unit :is(.amount-column,.asset-picker,.trade-asset){display:contents}
:is(#swap-form,#bridge-form,#token-trade-form) .token-input-unit .amount-column>label{grid-column:1;grid-row:1;margin:0;line-height:20px}
:is(#swap-form,#bridge-form,#token-trade-form) .token-input-unit .amount-column>input{grid-column:1;grid-row:2;min-width:0;width:100%;align-self:center}
:is(#swap-form,#bridge-form,#token-trade-form) .token-input-unit .balance-controls{grid-column:2;grid-row:1;justify-self:end}
:is(#swap-form,#bridge-form,#token-trade-form) .token-input-unit :is(.token-dropdown,.trade-token){grid-column:2;grid-row:2;justify-self:end}
:is(#swap-form,#bridge-form,#token-trade-form) .field-message{min-height:22px;line-height:22px;text-align:left;padding-inline:var(--swap-inner-space);font-size:var(--text-meta)}
:is(#swap-form,#bridge-form,#token-trade-form) .field-message p{margin:0;font-size:inherit;line-height:inherit}
.field-message[data-kind="error"]{color:#bd303b}
.field-message[data-kind="warning"]{color:var(--hero-accent)}
.field-message[data-kind="info"]{color:var(--swap-muted)}
html[data-theme="dark"] .field-message[data-kind="error"]{color:#ff858e}
/* Token trading shares the main swap's compact gear and native dialog. */
#token-trade-form .trade-toolbar{display:flex;align-items:center;gap:var(--swap-space)}
#token-trade-form .trade-direction{flex:1;min-width:0}
#token-trade-form .swap-settings-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;margin-right:calc((18px - 44px)/2)}
:is(#swap-form,#bridge-form,#token-trade-form) .token-input-unit{gap:calc(var(--swap-inner-space)/3)}
/* Center reversal on the box edges, excluding the trailing message line. */
#swap-form .reverse-wrap,#bridge-form .reverse-wrap,#token-trade-form .trade-reverse{top:calc(50% - (22px + var(--swap-inner-space)/3)/2)}
#token-trade-form .trade-reverse{width:50px;height:50px;min-height:50px}
.icon-arrow-up-down{mask-image:url('../assets/icon-arrow-up-down.svg')}
#swap-form .reverse,#bridge-form .reverse,#token-trade-form .trade-reverse{display:grid;place-items:center;border:1px solid var(--swap-border);border-radius:50%;background:var(--swap-panel)}
#swap-form .reverse .icon,#bridge-form .reverse .icon,#token-trade-form .trade-reverse .icon{width:20px;height:20px}
#swap-form .order-type-control{margin-left:var(--swap-inner-space)}
#swap-form .order-toolbar #order-type{color:var(--swap-muted)}
:is(#swap-form,#bridge-form,#token-trade-form) .swap-settings-button{color:var(--swap-muted)}
/* Carry the dark selected-state hierarchy into shared menus and account tabs. */
html[data-theme="dark"] :is(.design-segment button[aria-pressed="true"],.tabs button[aria-selected="true"]){color:var(--selection-ink)}
html[data-theme="dark"] .swap-page .balance-menu button[aria-selected="true"],html[data-theme="dark"] .token-options button[aria-selected="true"],html[data-theme="dark"] .wallet-options button[aria-pressed="true"]{background:var(--selection-fill);color:var(--selection-ink);border-color:var(--selection-border)}
/* Fit the widest available ticker without resizing when the selection changes. */
:root{--token-selector-width:144px}
.swap-page .token-dropdown,#token-trade-form .trade-token{width:var(--token-selector-width);min-width:var(--token-selector-width)}
.swap-page .token-dropdown .token-trigger{width:100%}

/* Shared section typography; page titles and dialog titles keep their own roles. */
.swap-page main :is(h2,.chart-title h2,.market-trades h2,.launches-heading h2,.token-discovery h2),.guide-section>h2{font-size:var(--text-section);font-weight:var(--weight-section);line-height:1.2;letter-spacing:-.035em}
#swap-form .reverse,#bridge-form .reverse,#token-trade-form .trade-reverse{border:0;border-radius:0;background:transparent;color:var(--swap-muted)}

#bridge-form .bridge-fee{padding-inline:var(--swap-inner-space);color:var(--swap-muted)}
.bridge-history{max-width:1000px;margin:48px auto 32px;text-align:left}
.bridge-history[hidden]{display:none}
.bridge-history h2{margin-bottom:16px}
.bridge-history-scroll{overflow-x:auto}
.bridge-history table{width:100%;min-width:580px;font-variant-numeric:tabular-nums}
.bridge-history :is(th,td){padding:18px 16px;border-bottom:1px solid var(--swap-border);white-space:nowrap}
.bridge-history :is(th,td):first-child{padding-left:0}
.bridge-history :is(th,td):last-child{padding-right:0;text-align:right}
.bridge-history :is(th,td):nth-child(3){text-align:right}
.bridge-history th{font-size:var(--text-meta);font-weight:var(--weight-regular);color:var(--swap-muted)}
.bridge-history td{font-size:var(--text-small)}
.bridge-history-status{color:var(--swap-muted)}
.bridge-history table{min-width:0;table-layout:fixed}
.bridge-history th:nth-child(1){width:35%}
.bridge-history th:nth-child(2){width:40%}
.bridge-history th:nth-child(3){width:25%}
.bridge-history :is(th,td):nth-child(2){text-align:left}
.bridge-history :is(th,td){white-space:normal}
.bridge-history td :is(time,small){display:block;color:var(--swap-muted);font-size:var(--text-meta);margin-top:4px;font-weight:var(--weight-regular)}
.bridge-tx{font-family:var(--font-mono)}
.swap-page #bridge-history-sort{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;min-height:44px;color:var(--swap-muted);font-size:var(--text-meta);text-align:left}
#bridge-history-sort .icon{width:12px;height:12px;flex-shrink:0}
#bridge-history-sort .sort-ascending{transform:rotate(180deg)}
.bridge-history-status[data-status="pending"]{color:var(--gold)}
.bridge-history-status[data-status="failed"]{color:#bd303b}
html[data-theme="dark"] .bridge-history-status[data-status="failed"]{color:#ff858e}
@media(max-width:600px){.bridge-history :is(th,td){padding:14px 6px}.bridge-history td{font-size:var(--text-meta)}}
.bridge-history th:nth-child(1){width:30%}
.bridge-history th:nth-child(2){width:45%}
.bridge-route-amount{display:flex;align-items:center;gap:6px;white-space:nowrap}
.bridge-route-amount img{display:block;width:16px;height:16px;object-fit:contain;flex-shrink:0}
.bridge-route-arrow{color:var(--swap-muted)}
.bridge-route-amount strong{font-weight:var(--weight-medium)}
@media(max-width:600px){.bridge-route-amount{gap:4px}.bridge-route-arrow{font-size:12px}}
.bridge-tx-group{display:inline-flex;align-items:center;gap:5px}
.bridge-tx-group .bridge-tx{color:inherit;text-decoration:none;white-space:nowrap}
.bridge-tx-group .bridge-tx:hover{text-decoration:underline}
.swap-page .bridge-tx-copy{display:grid;place-items:center;width:20px;height:20px;min-height:20px;padding:3px;border:0;background:transparent;color:var(--swap-muted)}
.bridge-tx-copy .icon{width:14px;height:14px;mask-image:url('../assets/icon-copy.svg')}
@media(max-width:600px){.bridge-tx-group{gap:2px}.bridge-tx-group .bridge-tx{font-size:11px}.swap-page .bridge-tx-copy{width:16px;height:16px;min-height:16px;padding:1px}}
.bridge-network-route{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.bridge-network-route img{display:block;width:16px;height:16px;object-fit:contain}
.bridge-history th:nth-child(1){width:34%}
.bridge-history th:nth-child(2){width:20%}
.bridge-history th:nth-child(3){width:24%}
.bridge-history th:nth-child(4){width:22%}
.bridge-history :is(th,td):nth-child(2){text-align:center}
.bridge-history :is(th,td):nth-child(3){text-align:right}
@media(max-width:600px){.bridge-history :is(th,td){padding-inline:3px}.bridge-network-route{gap:3px}.bridge-network-route img{width:14px;height:14px}.bridge-history th:nth-child(1){width:31%}.bridge-history th:nth-child(2){width:20%}.bridge-history th:nth-child(3){width:25%}.bridge-history th:nth-child(4){width:24%}.bridge-history td strong{font-size:12px}}
.bridge-wallet-row{max-width:470px;margin:0 auto var(--swap-space);text-align:left}
.swap-page .bridge-source-wallet{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:var(--swap-space);font-size:var(--text-body)}
.bridge-source-wallet .icon{width:20px;height:20px}
.swap-page .bridge-source-wallet.primary{background:var(--cta-fill);border-color:transparent;color:#191B20}
/* Primary actions sit outside the bordered field panels, aligned edge to edge. */
.operation-stack{display:grid;gap:var(--swap-space);width:470px;max-width:100%;margin:0 auto 24px}
.swap-page .operation-stack .swap-card{width:100%;max-width:100%;margin:0}
.swap-page .operation-stack>[data-wallet-action]{display:block;width:100%;min-height:52px;margin:0;padding:var(--swap-space);font-size:var(--text-body)}
.trade-operation-stack{width:100%;max-width:100%;margin:0;min-width:0;align-self:start}
/* Shared trade/staking action selector. */
.action-segment{display:grid;grid-template-columns:1fr 1fr;gap:var(--swap-space)}
.swap-page .action-segment button{font-size:var(--text-small);font-weight:var(--weight-semibold);background:var(--swap-panel)}
.swap-page .action-segment button[aria-pressed="true"]{background:var(--selection-fill,var(--swap-ink));border-color:var(--selection-border,transparent);color:var(--selection-ink,var(--swap-panel))}