/* Shared amount editor, usable by touch, mouse and keyboard. */
.mobile-controls{display:block;border:1px solid #343b2d;border-radius:15px;background:#151812;padding:6px 14px 14px;margin:0 auto 12px;max-width:540px}
.mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-bottom:8px;border-bottom:1px solid #ffffff10}
.mobile-tabs button{min-height:44px;background:transparent;border:0;border-radius:9px;color:#a7b29b;font-size:13px}
.mobile-tabs button[aria-pressed=true]{background:#d9fb7312;color:#d9fb73}
.mobile-readout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:14px 1px 2px;font-variant-numeric:tabular-nums}
.mobile-readout>.amount-field{display:block;min-width:0}
.amount-field label{display:block;font-size:11px;color:#a5b298;margin-bottom:7px;line-height:1.5}
.amount-entry{display:flex;align-items:center;gap:8px;min-width:0;padding:0 10px;border:1px solid #53623e;border-radius:9px;background:#080c0766;transition:border-color .2s,box-shadow .2s}
.amount-entry:focus-within{border-color:var(--accent,#d9fb73);box-shadow:0 0 0 2px #d9fb7315}
#mobile-ticker{font-size:11px;color:#a7b29b;flex-shrink:0}
#mobile-amount{font-family:inherit;font-size:22px;font-weight:500;letter-spacing:-.5px;color:var(--accent,#d9fb73);background:transparent;border:0;outline:none;min-width:0;width:100%;padding:10px 0;min-height:48px;border-radius:0;appearance:textfield;-moz-appearance:textfield}
#mobile-amount::-webkit-inner-spin-button,#mobile-amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#mobile-amount[aria-invalid=true]{color:#f1ab9a}
#mobile-fiat{font-size:13px;line-height:1.5;color:#c2c9b7;padding-bottom:12px;white-space:normal;overflow-wrap:anywhere;max-width:220px;text-align:right}
.amount-help{font-size:11px;line-height:1.6;color:#89977c;margin:9px 1px 0}
.amount-help.input-error{color:#f1ab9a}
.mobile-colors{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;min-height:54px}
.mobile-colors>span{font-size:13px;color:#b4bda9}.mobile-colors>div{display:flex;gap:4px}
.mobile-colors button{width:44px;height:44px;border:0;border-radius:50%;background:radial-gradient(circle,var(--swatch) 0 9px,transparent 10px)}
.balance .amount.compact-number{font-size:3.65cqw;letter-spacing:0}
.balance .fiat.compact-number{font-size:1.85cqw;letter-spacing:0}
@media(max-width:430px){.mobile-readout{grid-template-columns:minmax(0,1fr)}#mobile-fiat{text-align:left;padding:0;max-width:100%;font-size:13px}.amount-entry{max-width:none}#mobile-amount{font-size:22px}.amount-help{font-size:11px}}
.mobile-readout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.mobile-readout>.fiat-field{display:block;min-width:0}
.fiat-field label{display:block;font-size:11px;color:#a5b298;margin-bottom:7px;line-height:1.5}
#mobile-fiat{display:block;width:100%;min-width:0;max-width:none;min-height:48px;border:1px solid #53623e;border-radius:9px;background:#080c0766;font-family:inherit;font-size:14px;line-height:1.5;color:#d1d8c7;padding:10px;white-space:normal;text-align:left;appearance:textfield;-moz-appearance:textfield}
#mobile-fiat:focus{outline:1px solid var(--accent,#d9fb73);outline-offset:1px}
#mobile-fiat::-webkit-inner-spin-button,#mobile-fiat::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#mobile-fiat[aria-invalid=true]{border-color:#f1ab9a;color:#f1ab9a}
@media(max-width:430px){.mobile-readout{grid-template-columns:minmax(0,1fr)}}

/* Keep the controls in the selected card spectrum. */
.mobile-tabs button[aria-pressed=true]{background:color-mix(in srgb,var(--accent),transparent 92%);color:var(--accent)}
.amount-entry:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent),transparent 92%)}
.mobile-colors button[aria-pressed=true]{outline:1px solid var(--swatch);outline-offset:-7px}
@media(max-width:760px){.asset-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Market quotes remain readable beside the editable asset balances. */
.market-price-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0 2px;font-size:10px;line-height:1.6;color:#8e9b84}
.market-price-info>div{min-width:0}.price-stale{color:#bcb08e}
#refresh-prices{border:1px solid #3d4735;border-radius:7px;background:#1b2117;color:#bcc8af;min-height:40px;padding:7px 10px;font-size:10px;flex-shrink:0}
#refresh-prices:disabled{opacity:.55;cursor:wait}
.asset-selector button{display:flex;align-items:center;justify-content:center;gap:8px;text-align:left;min-height:54px}
.asset-selector button>.asset-symbol{font-size:18px;margin:0}.asset-selector button>.asset-label{font-size:11px;margin:0;line-height:1.4}
.asset-selector .asset-price{display:block;font-size:10px;letter-spacing:0;font-variant-numeric:tabular-nums;margin:3px 0 0;color:inherit;opacity:.85;white-space:nowrap}
.price-change.negative{color:#e1a2a2}
@media(max-width:430px){.market-price-info{align-items:flex-start;gap:8px}.asset-selector button{min-height:59px}.asset-selector .asset-price{font-size:10px}}