/* A quiet trade dock; the live instrument remains the primary surface. */
.trade-dock[hidden]{display:none}
.live-mode .controls{align-items:flex-start;flex-wrap:wrap}
.trade-dock{margin:0 auto 0 0;text-align:left;max-width:360px;flex:0 1 360px}
.trade-dock>summary{display:flex;align-items:center;gap:10px;width:max-content;min-height:44px;list-style:none;border:1px solid #4b5631;border-radius:6px;padding:12px 16px;color:var(--lime);font:600 14px/1.2 ui-monospace,monospace}
.trade-dock>summary::-webkit-details-marker{display:none}
.trade-dock>summary:hover{background:#222818}
.trade-dot{width:7px;height:7px;background:var(--lime);border-radius:50%}
.trade-chevron{margin-left:18px;font-size:18px;font-weight:400}
.trade-dock[open] .trade-chevron{transform:rotate(45deg)}
.trade-panel{margin-top:12px;padding:20px;border:1px solid #465131;border-radius:14px;background:#171b13;box-shadow:0 16px 36px #0003}
.trade-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.trade-network{font:12px/1.4 ui-monospace,monospace;letter-spacing:.8px;color:#a6af99}
.trade-panel h2{font-size:24px;letter-spacing:-.7px;margin:5px 0 18px;color:var(--paper)}
.trade-panel button{font-size:14px}
#trade-close{border:0;align-self:flex-start;font-size:26px;padding:0;width:44px;height:44px;flex:none;color:#b5bea5}
.trade-direction{display:flex;gap:4px;background:#0e110b;border:1px solid var(--line);border-radius:8px;padding:4px}
.trade-direction button{flex:1;border:0;padding:10px 8px;color:#b7c1a5}
.trade-direction button[aria-pressed=true]{background:#303b19;color:var(--lime)}
.trade-pair{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 6px 16px}
.trade-pair>span:last-child{text-align:right}
.trade-pair small{display:block;font-size:14px;color:#a8b396;margin-bottom:7px}
.trade-pair strong{font:700 26px/1 ui-monospace,monospace}
.trade-arrow{font-size:22px;color:#69784b}
.trade-panel .trade-caption{font-size:14px;line-height:1.45;color:#bbc3af;margin:0 0 17px}
.trade-primary{display:flex;align-items:center;justify-content:center;min-height:48px;background:var(--lime);color:var(--ink);border-radius:7px;text-decoration:none;font-weight:700;font-size:16px}
.trade-primary:hover{background:#e3ff5f}
.trade-links{display:flex;flex-direction:column;gap:9px;align-items:center;margin-top:12px;font:12px/1.4 ui-monospace,monospace;color:#a8b396;text-align:center}
.trade-links a{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;padding:4px;color:#d5ddc8;text-underline-offset:3px}
.trade-panel .trade-note{font-size:12px;line-height:1.5;color:#929f82;margin:14px 0 0}
#trade-status:empty{display:none}
@media(max-width:700px){
 .trade-dock{flex:1 1 100%;max-width:none;margin:0}
 .trade-dock>summary{width:100%}.trade-chevron{margin-left:auto}
 .trade-panel{position:fixed;bottom:0;left:0;right:0;z-index:10;max-height:75dvh;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:20px max(20px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-radius:18px 18px 0 0;box-shadow:0 -16px 50px #0008}
 .trade-links span{font-size:0}.trade-links span::after{content:'app.uniswap.org · opens a new tab';font-size:12px}
}