/* Adapted from trading-swarm themes.css and story/pixel-avatar.tsx (MIT). */
*{border-radius:0!important;scrollbar-color:var(--line-strong) var(--background)}
body{background:var(--background);color:var(--foreground);font-family:var(--font-ui)}
button{font-family:var(--font-btn)}button:hover{filter:brightness(1.12)}button:focus-visible,textarea:focus-visible{outline:2px solid var(--brand)}
.app{grid-template-columns:260px minmax(460px,1fr) 312px}.app.account-layout{grid-template-columns:260px minmax(0,1fr)}
.sidebar{background:var(--sidebar);border-color:var(--border);padding:24px 16px 16px;overflow-y:auto}.brand{font-family:var(--font-display);font-size:17px;letter-spacing:-.8px;color:var(--brand);padding:0 4px}.brand small{font-size:8px;letter-spacing:1.3px;color:var(--muted-foreground)}.brand>svg{stroke:var(--brand);width:27px}
.sidebar-portfolio{margin:24px 0 20px;border:2px solid var(--line-strong);background:var(--card);box-shadow:var(--shadow-panel)}.portfolio-link{width:100%;text-align:left;padding:15px 12px 13px;display:block}.portfolio-link>span:first-child{display:flex;justify-content:space-between;font-size:11px;color:var(--muted-foreground)}.portfolio-link>span:first-child small{color:var(--brand);font-size:8px}.portfolio-link>strong{display:block;font:800 25px var(--font-figure);margin:12px 0 10px;letter-spacing:-1px;white-space:nowrap}.portfolio-link em{font:10px var(--font-mono);color:var(--muted-foreground)}.portfolio-change{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--up)}.portfolio-change b{background:#203016;padding:3px 5px;font-size:11px}.portfolio-change small{margin-left:auto;color:var(--faint);font-size:9px}.portfolio-exposure{display:flex;margin-top:17px;font-size:10px;gap:5px;color:var(--muted-foreground)}.portfolio-exposure b{margin-left:auto;color:var(--foreground)}.exposure-bar{display:block;height:4px;background:var(--line);margin:9px 0}.exposure-bar i{display:block;width:32.8%;height:100%;background:var(--brand)}.portfolio-caption{display:flex;justify-content:space-between;font-size:9px;color:var(--faint)}.squad-title{display:flex;justify-content:space-between;padding:12px 12px 8px;border-top:1px dashed var(--line-strong);font-size:9px;color:var(--muted-foreground);font-family:var(--font-mono)}.squad-title span{color:var(--up)}.squad{display:flex;padding:3px 8px 11px;gap:7px}.squad button{background:var(--background);border:1px solid var(--line);padding:5px 3px;width:33.33%;position:relative}.squad .pixel-sprite{width:35px;height:35px}.squad button>span{display:block;font-size:8px;color:var(--muted-foreground);margin-top:2px}.squad i{position:absolute;width:4px;height:4px;background:var(--up);top:5px;right:5px}.squad-room{display:flex;justify-content:space-between;font-size:10px;color:var(--brand);padding:10px 12px;width:100%;border-top:1px solid var(--line)}
.new{background:var(--surface-2);border:2px solid var(--line-ctl);box-shadow:var(--shadow-ctl);margin:0 0 23px;padding:10px}.new span,.label{color:var(--faint)}.label{font-family:var(--font-mono);font-size:10px;letter-spacing:1px}.role{padding:10px 8px;border:1px solid transparent}.role.active{background:var(--surface-2);border-color:var(--line-strong);box-shadow:inset 3px 0 var(--brand)}.role.active strong{color:var(--brand)}.role small{color:var(--faint)}.avatar,.avatar.blue,.avatar.orange{background:var(--background);border:1px solid var(--line-strong)}.pixel-sprite{width:28px;height:28px;image-rendering:pixelated}.dot{background:var(--up)}.room-link{border-color:var(--line);padding:13px 8px;margin:17px 0}.badge{background:#24301b;color:var(--up);border:1px solid #3b5129}.history{color:var(--muted-foreground);font-size:11px}.history:hover{background:var(--surface-2)}.bottom{padding-top:20px}.connection{background:var(--card);border:1px solid var(--line);color:var(--muted-foreground)}.user .avatar{background:var(--surface-2);color:var(--brand)}.user small{color:var(--faint)}
.topbar,.metrics,.rightbar,.right-title,.workcard footer,.status-bottom,.market-row{border-color:var(--line)}.topbar{height:65px;background:var(--card)}.breadcrumb,.top-tools,.metric small{color:var(--muted-foreground)}.breadcrumb strong{color:var(--foreground)}.demo{color:var(--brand);border-color:var(--line-strong);font-family:var(--font-mono)}.metrics{margin-top:24px}.metric strong{font-family:var(--font-figure);font-weight:800}.metric em,.metric span{color:var(--faint)}.positive,.metric .positive,.gain{color:var(--up)!important}.loss{color:var(--down)!important}.metric:last-child strong{color:var(--up)!important}.conversation{background-image:radial-gradient(#ffb45409 1px,transparent 1px);background-size:12px 12px}.welcome{margin-top:5vh}.hero-symbol{background:var(--card);border:2px solid var(--line-strong);box-shadow:5px 5px 0 #0006;width:76px;height:76px}.hero-symbol .pixel-sprite{width:55px;height:55px}.eyebrow{color:var(--brand);font-family:var(--font-mono);letter-spacing:2px}.welcome h1{color:var(--foreground);font-weight:700;font-size:27px}.welcome p,.muted{color:var(--muted-foreground)}.suggestion{background:var(--card);border:2px solid var(--line);box-shadow:var(--shadow-ctl);font-size:11px}.suggestion:hover{border-color:var(--brand);color:var(--brand)}.suggestion i{color:var(--brand)}.suggestion span{color:var(--faint)}.conversation-note{color:var(--faint)}.composer{border:2px solid var(--line-strong);background:var(--card);box-shadow:var(--shadow-panel)}.composer:focus-within{border-color:var(--brand)}.composer textarea{color:var(--foreground)}.composer textarea::placeholder{color:var(--faint)}.context-chip{background:var(--surface-2);border-color:var(--line-ctl);color:var(--muted-foreground)}.send,.primary,.agent-card button{background:var(--brand);color:var(--background);font-weight:800;box-shadow:var(--shadow-ctl)}.footnote{color:var(--faint)}
.rightbar{background:var(--sidebar)}.right-title{height:65px;font-weight:600}.right-title small{color:var(--faint)}.section-title{color:var(--brand);font-family:var(--font-mono)}.workcard,.agent-card,.timeline,.exchange{background:var(--card);border:2px solid var(--line);box-shadow:var(--shadow-panel)}.workcard .tag{background:#28321d;color:var(--up);border:1px solid #354927}.workcard p,.agent-card p{color:var(--muted-foreground)}.workcard footer{color:var(--faint)}.workcard footer button{color:var(--brand)}.market-row span,.status-bottom{color:var(--muted-foreground)}.market-row em{color:var(--up)}.user-bubble{background:var(--surface-2);border:1px solid var(--line-strong)}.message-body{color:var(--foreground)}.message-body button{border-color:var(--line-ctl);color:var(--brand)}.page h1{font-family:var(--font-display);font-weight:800}.event{border-color:var(--line);border-bottom-style:dashed}.event time,.event p{color:var(--muted-foreground)}.veil{background:#0009}.drawer{background:var(--background);border-left:2px solid var(--line-strong)}.drawer p{color:var(--muted-foreground)}.drawer a{color:var(--brand)}.detail-step{border-color:var(--line-strong)}#toast{background:var(--brand);color:var(--background);border:2px solid var(--foreground);box-shadow:var(--shadow-pop)}
.account-summary{background:var(--card);border:2px solid var(--line-strong);box-shadow:var(--shadow-panel)}.account-summary strong,.exchange-summary b{font-family:var(--font-figure);font-weight:800}.account-summary small,.exchange-summary small{color:var(--muted-foreground)}.account-summary span{color:var(--faint)}.account-section-heading h2{font-family:var(--font-display);font-weight:800}.account-section-heading h2 small{color:var(--faint)}.account-section-heading>button{color:var(--brand)}.account-agent{background:var(--card);border:2px solid var(--line);box-shadow:var(--shadow-panel)}.account-agent .avatar{background:var(--background)}.account-agent .pixel-sprite{width:35px;height:35px}.agent-label{color:var(--brand);font-family:var(--font-mono)}.agent-identity p,.agent-task{color:var(--muted-foreground)}.agent-online{color:var(--up)}.account-agent>button{color:var(--brand);border-color:var(--line);border-top-style:dashed}.exchange-tabs{background:var(--card);border:2px solid var(--line)}.exchange-tabs button{color:var(--muted-foreground)}.exchange-tabs .selected{background:var(--brand);color:var(--background);font-weight:700}.position-panel{background:var(--card);border:2px solid var(--line);box-shadow:var(--shadow-panel)}.position-panel>header,.positions-table td,.positions-table th{border-color:var(--line)}.exchange-name h3{font-family:var(--font-mono)}.exchange-name small,.exchange-name h3 span{color:var(--faint)}.exchange-logo{background:var(--surface-2);color:var(--foreground);border:1px solid var(--line-strong)}.exchange-logo.binance{background:var(--surface-2);color:var(--brand)}.position-panel header button{color:var(--brand);border-color:var(--line-strong);border-width:2px}.exchange-summary{background:var(--surface-2)}.positions-table{font-family:var(--font-mono)}.positions-table th,.positions-table td small{color:var(--muted-foreground)}.positions-table button{color:var(--brand)}.account-disclaimer{color:var(--faint)}
@media(max-width:1150px){.app{grid-template-columns:244px minmax(420px,1fr)}.app.account-layout{grid-template-columns:244px minmax(0,1fr)}}@media(max-width:700px){.app,.app.account-layout{display:block}.sidebar.open{width:260px}.welcome h1{font-size:23px}.metrics{margin-top:18px}.hero-symbol{width:62px;height:62px}.hero-symbol .pixel-sprite{width:44px;height:44px}.portfolio-link>strong{font-size:25px}}

/* Brand mark matches source app-sidebar.tsx and ds.css. */
.brand{color:var(--foreground);font-size:16px;letter-spacing:0;gap:10px}
.ds-logo{display:grid;place-items:center;flex:none;width:26px;height:26px;font:800 11px/1 var(--font-mono);letter-spacing:.02em;color:var(--primary-foreground);background:var(--primary);box-shadow:2px 2px 0 rgba(0,0,0,.5)}