/* Compact trade widget: atlas materials, one decision per row. */
#trade-drawer { width:min(480px,100vw); padding:28px 24px; }
#trade-drawer h2 { font:500 34px/1.05 var(--display); margin:5px 0 22px; }
#trade-drawer .tw-chain { color:var(--text-faint); font:500 11px var(--mono); letter-spacing:.04em; }
#trade-drawer .tw-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; padding:4px; border:1px solid var(--border); border-radius:10px; margin-bottom:20px; }
#trade-drawer .tw-tabs button { min-height:42px; border:0; background:transparent; font-size:14px; color:var(--text-dim); }
#trade-drawer .tw-tabs button[aria-pressed=true] { background:#35443e; color:var(--text); }
#trade-drawer .tw-token-button { width:100%; display:flex; align-items:center; gap:12px; padding:14px; background:#253236; text-align:left; border:1px solid var(--border); border-radius:12px; }
#trade-drawer .tw-token-button .tw-token-copy { flex:1; min-width:0; }
#trade-drawer .tw-token-copy b { font-size:17px; display:block; overflow:hidden; text-overflow:ellipsis; }
#trade-drawer .tw-token-copy small { display:block; font-size:11px; color:var(--text-faint); margin-top:4px; }
#trade-drawer .tw-picker { padding:12px 0; }
#trade-drawer .tw-picker input { width:100%; padding:12px; min-height:44px; }
#trade-drawer .tw-token-results { display:grid; gap:4px; max-height:245px; overflow-y:auto; margin-top:8px; }
#trade-drawer .tw-token-result { display:flex; align-items:center; gap:10px; text-align:left; padding:10px; background:transparent; min-height:48px; border-color:transparent; }
#trade-drawer .tw-token-result:hover { background:#293b39; }
#trade-drawer .tw-token-result span:last-child { min-width:0; }
#trade-drawer .tw-token-result b,#trade-drawer .tw-token-result small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#trade-drawer .tw-token-result small { color:var(--text-faint); margin-top:4px; font-size:10px; }
#trade-drawer .tw-pay { margin-top:12px; padding:17px; border:1px solid var(--border); border-radius:12px; background:#162327; }
#trade-drawer .tw-label { display:block; font:500 12px var(--sans); color:var(--text-dim); margin-bottom:10px; }
#trade-drawer .tw-amount-row { display:flex; align-items:center; gap:12px; }
#trade-drawer .tw-amount-row input { width:0; flex:1; min-width:0; padding:0; border:0; border-radius:0; font:500 32px/1.25 var(--sans); background:transparent; box-shadow:none; color:var(--text); }
#trade-drawer .tw-amount-row>span { flex:none; font-size:14px; font-weight:600; max-width:35%; overflow-wrap:anywhere; }
#trade-drawer .tw-presets { display:flex; gap:6px; margin-top:15px; }
#trade-drawer .tw-presets button { flex:1; min-height:32px; padding:5px 6px; background:#293734; font:500 11px var(--mono); border:1px solid #45554c; }
#trade-drawer .tw-receive { display:flex; align-items:center; gap:12px; padding:16px; margin:8px 0 0; border:1px solid var(--border); border-radius:12px; background:#24322f; }
#trade-drawer .tw-receive .tw-label { margin:0 0 6px; }
#trade-drawer .tw-receive b { font:500 20px var(--mono); overflow-wrap:anywhere; }
#trade-drawer .tw-receive>span { color:#93c8a8; font-size:22px; }
#trade-drawer .tw-settings { margin:16px 0; border:0; }
#trade-drawer .tw-settings summary { cursor:pointer; display:flex; justify-content:space-between; min-height:28px; font-size:12px; color:var(--text-dim); }
#trade-drawer .tw-settings summary>span { color:var(--text-faint); font:500 11px var(--mono); }
#trade-drawer .tw-settings .trade-field { margin-top:12px; }
#trade-drawer .tw-settings .trade-field>span { text-transform:none; font:500 12px var(--sans); letter-spacing:0; color:var(--text-dim); }
#trade-drawer .tw-settings select,#trade-drawer .tw-settings input { font-size:13px; min-width:0; }
#trade-drawer .tw-primary { width:100%; min-height:52px; font-size:15px; border-radius:9px; }
#trade-drawer .tw-primary:disabled { opacity:.5; }
#trade-drawer .tw-status { color:var(--text-dim); font-size:12px; line-height:1.5; margin:12px 0; overflow-wrap:anywhere; }
#trade-drawer .tw-status:empty { display:none; }
#trade-drawer .tw-fine { font-size:11px; color:var(--text-faint); line-height:1.55; margin:12px 0; }
#trade-drawer .tw-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:14px 0; }
#trade-drawer .tw-meta button { padding:0; background:none; border:0; color:var(--mint); font-size:11px; }
#trade-drawer .tw-meta a { font-size:11px; }
#trade-drawer .tw-shortcut { display:flex; align-items:center; gap:10px; padding:14px 0; border-top:1px solid var(--border); margin-top:22px; }
#trade-drawer .tw-shortcut>span { color:var(--mint); font:500 13px var(--mono); }
#trade-drawer .tw-shortcut button { background:none; border:0; color:var(--text-dim); padding:0; text-align:left; font-size:12px; }
#trade-drawer .tw-order-details { margin-top:12px; font-size:12px; }
#trade-drawer .tw-order-details summary { cursor:pointer; color:var(--mint); padding:8px 0; }
#trade-drawer .quote-ticket { margin:0; border-color:var(--border); }
#trade-drawer .quote-line { padding:9px; gap:10px; }
#trade-drawer .quote-line b { max-width:65%; overflow-wrap:anywhere; }
#trade-drawer .watch-row { margin-top:10px; grid-template-columns:1fr auto; }
#trade-drawer .watch-row>div { grid-column:1/-1; }
#trade-drawer .watch-row button { min-width:0; }
#trade-drawer [hidden] { display:none!important; }
.command-intent { margin:8px 4px; padding:10px 12px; background:#293a35; border-left:2px solid var(--action); font-size:13px; color:var(--text); }
.command-intent small { display:block; color:var(--text-dim); font-size:11px; margin-top:4px; }
.command-examples { display:flex; gap:6px; flex-wrap:wrap; margin:8px 4px 14px; }
.command-examples button { font:500 11px var(--mono); background:#273632; padding:7px 9px; border:1px solid var(--border); }
.command-token .token-avatar { background:transparent; }
@media(max-width:480px){#trade-drawer{padding:24px 18px;}#trade-drawer h2{font-size:32px;}#trade-drawer .tw-amount-row input{font-size:30px;}}

#trade-drawer .tlogo,.command-token .tlogo { width:32px; height:32px; flex:0 0 32px; }
#trade-drawer .tw-receive>div { min-width:0; }

#telegram-content .watch-row>div { grid-column:1/-1; }