:root{--bg:#000;--bg-panel:#050505;--bg-row-alt:#0a0a0a;--border:#1a1a1a;--border-hi:#2a2a2a;--txt:#d4d4d4;--txt-dim:#6a6a6a;--txt-hi:#fff;--green:#00ff7f;--red:#ff3030;--amber:#ffb000;--amber-bright:#ffd24a;--blue:#4ec0ff;--cyan:#00ffd0;--purple:#c87cff;--magenta:#ff5fb1}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;font-feature-settings:"calt" 1, "ss01" 1, "ss02" 1;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.4;overflow:hidden}.terminal-shell{background:#000;border:1px solid #0b0f14;min-width:0;min-height:0}.terminal-grid{min-width:0}.kpi-strip{background:var(--bg);grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:6px 8px 0;display:grid}.kpi-card{border:1px solid var(--border-hi);background:var(--bg-panel);flex-direction:column;justify-content:space-between;min-height:48px;padding:6px 10px;display:flex}.kpi-label{color:var(--txt-dim);letter-spacing:1px;text-transform:uppercase;font-size:9px}.kpi-card strong{color:var(--txt-hi);font-variant-numeric:tabular-nums;font-size:17px;line-height:1.1}.kpi-positive{color:var(--green)!important}.kpi-negative{color:var(--red)!important}.asset-dock{border-top:1px solid var(--border-hi);background:#020202;gap:6px;padding:6px 8px;display:flex;overflow-x:auto}.asset-card{border:1px solid var(--border-hi);border-left:2px solid var(--asset-accent);background:var(--bg-panel);flex:1 0 150px;grid-template-rows:1fr 1fr;grid-template-columns:24px 1fr auto;column-gap:7px;min-width:150px;padding:5px 7px;display:grid}.asset-icon{color:#000;background:var(--asset-accent);border-radius:50%;grid-row:1/span 2;align-self:center;place-items:center;width:22px;height:22px;font-weight:800;display:grid}.asset-name{color:var(--txt);font-weight:700}.asset-card strong{color:var(--txt-hi);font-size:11px}.asset-mode{color:var(--asset-accent);text-align:right;font-size:9px}.probability-panel{gap:7px;padding:8px 4px;display:grid}.probability-row{grid-template-columns:68px 1fr 42px;align-items:center;gap:7px;font-size:10px;display:grid}.probability-track{border:1px solid var(--border);background:#17191b;height:7px}.probability-track i{height:100%;transition:width .3s;display:block}.probability-row b{text-align:right;color:var(--txt-hi);font-size:10px}.portfolio-chart{border:1px solid var(--border);background:repeating-linear-gradient(#0000 0 29px,#ffffff0f 30px),repeating-linear-gradient(90deg,#0000 0 59px,#ffffff0a 60px);height:150px;position:relative;overflow:hidden}.portfolio-chart svg{width:calc(100% - 8px);height:calc(100% - 38px);position:absolute;inset:8px 4px 30px}.volume-bars{opacity:.38;align-items:end;gap:2px;height:28px;display:flex;position:absolute;inset:auto 5px 22px}.volume-bars i{background:var(--cyan);flex:1;min-width:2px}.chart-caption{color:var(--txt-dim);justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:4px;left:6px;right:6px}.settings-button{border:1px solid var(--amber);color:var(--amber-bright);font:inherit;cursor:pointer;background:0 0;margin-left:12px;padding:2px 9px}.settings-button:hover,.settings-primary:hover{background:var(--amber);color:#000}.settings-overlay{z-index:10000;background:#000000d1;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.settings-dialog{border:1px solid var(--amber);background:#070707;width:min(680px,100%);max-height:min(760px,95vh);overflow-y:auto;box-shadow:0 0 32px #ffb0002e}.settings-header{color:var(--amber-bright);border-bottom:1px solid var(--border-hi);justify-content:space-between;align-items:center;padding:10px 14px;font-weight:700;display:flex}.settings-close{color:var(--txt);cursor:pointer;background:0 0;border:0;font-size:22px}.settings-note,.settings-loading{color:var(--txt-dim);padding:10px 14px;line-height:1.6}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:4px 14px 12px;display:grid}.settings-grid label{color:var(--txt-dim);flex-direction:column;gap:5px;font-size:11px;display:flex}.settings-grid .settings-wide{grid-column:1/-1}.settings-grid input,.settings-grid select,.settings-grid textarea{border:1px solid var(--border-hi);width:100%;color:var(--txt-hi);font:inherit;resize:vertical;background:#000;padding:7px 8px}.settings-grid select{appearance:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer}.settings-grid input:focus,.settings-grid select:focus,.settings-grid textarea:focus{outline:1px solid var(--amber)}.model-manual-input{margin-top:5px}.settings-hint{color:var(--txt-dim);font-size:10px}.settings-grid input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}.model-tabs{border-bottom:1px solid var(--border-hi);gap:6px;padding-bottom:7px;display:flex}.model-tab{border:1px solid var(--border-hi);color:var(--txt-dim);font:inherit;cursor:pointer;text-align:left;background:#030303;flex:1;padding:7px 9px}.model-tab:hover,.model-tab.active{border-color:var(--amber);color:var(--amber-bright);background:#ffb00014}.settings-message{border:1px solid var(--border-hi);color:var(--amber-bright);margin:0 14px 10px;padding:7px 8px}.settings-actions{border-top:1px solid var(--border-hi);justify-content:flex-end;gap:8px;padding:10px 14px 14px;display:flex}.settings-actions button{font:inherit;cursor:pointer;padding:7px 14px}.settings-secondary{border:1px solid var(--border-hi);color:var(--txt);background:0 0}.settings-primary{border:1px solid var(--amber);color:var(--amber-bright);background:#1d1500}.data-modal-overlay{z-index:10001;background:#000000d6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.data-modal-dialog{border:1px solid var(--amber);background:#070707;flex-direction:column;width:min(1080px,100%);max-height:min(760px,90vh);display:flex;box-shadow:0 0 34px #ffb00033}.data-modal-header{color:var(--amber-bright);border-bottom:1px solid var(--border-hi);letter-spacing:.6px;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:700;display:flex}.data-modal-close{color:var(--txt);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:22px;line-height:1}.data-modal-close:hover{color:var(--amber-bright)}.data-modal-content{min-height:80px;padding:8px 10px 12px;overflow:auto}.realtime-feed{flex-direction:column;gap:4px;min-height:52px;display:flex}.realtime-feed-row{border-bottom:1px solid #ffffff09;grid-template-columns:minmax(72px,.7fr) minmax(110px,1.7fr) minmax(64px,.8fr) minmax(50px,.5fr);align-items:center;gap:8px;padding:3px 2px;font-size:10px;display:grid}.realtime-feed-label{color:var(--amber-bright);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.realtime-feed-value{color:var(--txt);text-overflow:ellipsis;white-space:nowrap;text-align:right;overflow:hidden}.realtime-feed-event{text-align:left}.realtime-feed-empty{color:var(--txt-dim);padding:7px 2px}.realtime-feed-meta{color:var(--txt-dim);padding-top:3px;font-size:9px;line-height:1.45}.realtime-feed-row:last-of-type{border-bottom:0}[role=button]:focus-visible{outline:1px solid var(--amber);outline-offset:1px}.live-token-input{border:1px solid var(--border-hi);width:92px;color:var(--txt-hi);font:inherit;background:#000;margin-left:8px;padding:2px 6px}.live-token-input:focus{outline:1px solid var(--amber)}.live-start-button,.live-stop-button{font:inherit;cursor:pointer;margin-left:6px;padding:2px 9px;font-weight:700}.live-start-button{border:1px solid var(--green);color:var(--green);background:#001a0d}.live-stop-button{border:1px solid var(--red);color:var(--red);background:#300}.live-start-button:hover{background:var(--green);color:#000}.live-stop-button:hover{background:var(--red);color:#000}.live-start-button:disabled,.live-stop-button:disabled{opacity:.55;cursor:wait}.live-control-message{text-overflow:ellipsis;white-space:nowrap;max-width:250px;color:var(--amber-bright);margin-left:7px;font-size:10px;overflow:hidden}.music-toggle{border:1px solid var(--border-hi);color:var(--txt-dim);font:inherit;cursor:pointer;white-space:nowrap;background:#070707;margin-left:6px;padding:2px 8px;font-weight:700}.music-toggle:hover,.music-toggle.music-on{border-color:var(--cyan);color:var(--cyan);background:#00ffd014}.service-switches{gap:3px;max-width:360px;margin-left:8px;display:flex;overflow-x:auto}.service-switch{border:1px solid var(--border-hi);color:var(--txt-dim);font:inherit;cursor:pointer;white-space:nowrap;background:#070707;padding:2px 5px;font-size:9px}.service-switch:disabled{opacity:.55;cursor:not-allowed}.service-switch.service-on{border-color:var(--red);color:var(--red);background:#210000}.llm-usage-panel{border:1px solid var(--border-hi);background:#080b10;flex:0 410px;align-items:center;gap:9px;min-width:210px;margin:0 14px;padding:3px 8px;display:flex;overflow:hidden;box-shadow:inset 0 0 14px #4ec0ff09}.llm-usage-item{flex:1 1 0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:7px;min-width:0;line-height:1.05;display:grid}.llm-usage-model{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--blue);font-size:9px;font-weight:700;overflow:hidden}.llm-usage-value{color:var(--cyan);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.llm-usage-item small{color:var(--txt-dim);white-space:nowrap;grid-column:1/-1;font-size:8px}.llm-usage-divider{background:var(--border-hi);flex:0 0 1px;width:1px;height:23px}.market-panel-body{min-height:158px;position:relative}.market-panel-foreground{z-index:1;position:relative}.volatility-chart{z-index:0;pointer-events:none;opacity:.72;min-height:0;position:absolute;inset:54px 0 0;overflow:hidden}.volatility-chart svg{width:100%;height:100%;min-height:0;display:block}.volatility-chart:after{content:"";background:linear-gradient(90deg,#05050529,#05050508 48%,#05050533);position:absolute;inset:0}@media (width<=900px){.llm-usage-panel{flex-basis:290px;margin:0 7px}}@media (width<=640px){.settings-grid{grid-template-columns:1fr}.settings-grid .settings-wide{grid-column:auto}.settings-overlay{padding:8px}.llm-usage-panel{flex-basis:100%;order:10;margin:3px 0}}a{color:var(--blue);text-decoration:none}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(#ffffff03 0 1px,#0000 1px 3px);position:fixed;inset:0}@keyframes flash-amber{0%,to{background:0 0}8%{background:#ffb00038}20%{background:0 0}35%{background:#ffb00024}50%{background:0 0}70%{background:#ffb00014}}.flash-screen{z-index:9998;pointer-events:none;animation:5s ease-out flash-amber;position:fixed;inset:0}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.caret{color:var(--amber);animation:1s steps(2,end) infinite caret-blink}::selection{background:var(--amber);color:#000}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-hi)}::-webkit-scrollbar-track{background:var(--bg-panel)}.openclaw-agent-dock{border-top:1px solid var(--border-hi);background:#020202;grid-template-columns:repeat(8,minmax(130px,1fr));gap:6px;padding:6px 8px;display:grid;overflow-x:auto}.agent-card{--agent-accent:var(--amber);border:1px solid #ffffff1a;border-left:2px solid var(--agent-accent);background:linear-gradient(135deg,#fff1,#000c 62%);align-items:center;min-width:130px;min-height:66px;padding:4px 6px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 2px 8px #000}.agent-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff12 48%,#0000 66%);animation:5s ease-in-out infinite agent-sheen;position:absolute;inset:0;transform:translate(-100%)}.agent-avatar{filter:drop-shadow(0 3px 2px #000000b3);flex:0 0 51px;height:52px;transform:translateY(-1px)}.lobster-svg{width:100%;height:100%;display:block}.lobster-tool{transform-box:fill-box;transform-origin:50%}.agent-card-body{z-index:1;min-width:0;padding-left:4px}.agent-card-name{text-overflow:ellipsis;white-space:nowrap;color:var(--txt-hi);letter-spacing:.2px;font-size:10px;font-weight:700;overflow:hidden}.agent-card-meta{color:var(--agent-accent);white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}.agent-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 5px}.agent-mode{opacity:.85;border:1px solid;margin-left:auto;padding:0 2px;font-size:8px}.agent-mode-live{color:var(--red);border-color:var(--red);text-shadow:0 0 5px #ff5c5c8c}.agent-card-foot{color:var(--txt-dim);white-space:nowrap;margin-top:2px;font-size:8px}.agent-running .agent-status-dot{animation:1.5s ease-in-out infinite agent-pulse}.agent-running .lobster-tool{animation:1.8s ease-in-out infinite tool-swing}.agent-idle .agent-status-dot{opacity:.7;animation:2.5s ease-in-out infinite agent-breathe}.agent-idle .lobster-tool{animation:3s ease-in-out infinite tool-breathe}.agent-blocked,.agent-error{border-left-color:var(--red)}.agent-blocked .agent-status-dot,.agent-error .agent-status-dot{color:var(--red);animation:.8s steps(2,end) infinite agent-alert}.agent-blocked .lobster-tool,.agent-error .lobster-tool{animation:.7s steps(2,end) infinite tool-alert}.agent-offline{opacity:.62;filter:saturate(.35)}@keyframes agent-pulse{0%,to{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}@keyframes agent-breathe{0%,to{opacity:.4}50%{opacity:.9}}@keyframes agent-alert{50%{opacity:.18}}@keyframes tool-swing{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(5deg)translateY(-1px)}}@keyframes tool-breathe{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@keyframes tool-alert{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes agent-sheen{0%,65%,to{transform:translate(-100%)}80%{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.agent-card:after,.agent-status-dot,.lobster-tool{animation:none!important}}@media (width<=900px){.openclaw-agent-dock{grid-template-columns:repeat(8,150px)}}@media (width<=640px){.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card:last-child{grid-column:1/-1}.asset-card{flex-basis:145px}}@media (width<=700px){body{overflow:auto}.terminal-shell{flex-direction:column;min-height:100vh;height:auto!important;display:flex!important;overflow:visible!important}.terminal-topbar{white-space:normal;flex-wrap:wrap;gap:4px;min-height:42px;height:auto!important;padding:6px 8px!important}.terminal-topbar .llm-usage-panel{flex-basis:100%;order:20;margin:3px 0 0}.terminal-topbar .service-switches{order:15;max-width:100%}.terminal-grid{flex-direction:column;min-height:0;gap:6px!important;height:auto!important;padding:6px!important;display:flex!important;overflow:visible!important}.terminal-grid>div{flex-direction:column;gap:6px;min-height:0;display:flex!important}.terminal-grid .panel{flex:none}.openclaw-agent-dock{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px;padding:6px;overflow-y:auto}.agent-card{min-width:0}.bottom-bar{flex-wrap:wrap;gap:3px;min-height:28px;padding:5px 8px!important}}.terminal-shell{background:#07090d;border:0;width:min(1440px,100vw);min-height:100vh;margin:0 auto;overflow:auto;display:block!important}.terminal-topbar{border-radius:6px;flex-wrap:wrap;align-content:center;gap:10px;margin:18px 24px 0;background:#0d1118!important;border:1px solid #28313c!important;height:54px!important;min-height:54px!important;padding:0 18px!important;font-size:11px!important}.topbar-brand{white-space:nowrap;flex:none;align-items:center;gap:7px;min-width:0;display:flex}.topbar-brand img{object-fit:contain;width:22px;height:22px}.topbar-brand-name{color:var(--txt-hi);font-weight:700}.topbar-divider,.topbar-status-separator{color:var(--txt-dim)}.topbar-market-label{color:var(--txt-hi)}.topbar-mode{white-space:nowrap;flex:none}.topbar-status{white-space:nowrap;flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex}.topbar-trade-flash{color:var(--amber-bright);font-weight:700}.topbar-controls{white-space:nowrap;flex:100%;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.topbar-controls .settings-button,.topbar-controls .live-token-input,.topbar-controls .live-start-button,.topbar-controls .live-stop-button,.topbar-controls .music-toggle{margin-left:0}.topbar-controls .live-token-input{width:92px}.topbar-clock{color:var(--txt);white-space:nowrap;flex:none;margin-left:auto}.kpi-strip{background:0 0;gap:10px;margin:16px 24px 0;padding:0}.kpi-card{background:#0d1118;border-color:#28313c;border-radius:5px;min-height:76px;padding:10px 14px}.kpi-label{color:#7f8b99;text-transform:none;letter-spacing:.4px;font-size:10px}.kpi-card strong{font-size:20px}.terminal-grid{min-height:438px;grid-template-columns:minmax(280px,1fr) minmax(460px,2.2fr) minmax(320px,1.25fr)!important;gap:10px!important;height:auto!important;padding:14px 24px 0!important;overflow:visible!important}.terminal-grid>div{gap:10px!important}.terminal-grid .panel{border-radius:4px;background:#0b0f15!important;border-color:#28313c!important}.terminal-grid .panel>div:first-child{border-bottom:1px solid #28313c;font-size:11px;color:#dde4ea!important;background:#0d1118!important;padding:8px 12px!important}.terminal-grid .panel>div:last-child{padding:10px 12px!important}.portfolio-chart{background:#080b10;border-color:#202934;height:280px}.asset-dock{background:0 0;border:0;gap:10px;margin:14px 24px 0;padding:0}.asset-card{background:#0d1118;border-color:#28313c;border-left-width:2px;border-radius:4px;min-height:94px;padding:14px 16px}.openclaw-agent-dock{background:0 0;border:0;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:14px 24px 0;padding:0}.agent-card{cursor:pointer;background:#0b0f15;border-color:#28313c;border-left-width:2px;border-radius:4px;min-width:0;min-height:96px;padding:7px 8px;transition:border-color .15s,transform .15s,background .15s}.agent-card:hover,.agent-card:focus-visible{border-color:var(--agent-accent);background:#101722;outline:none;transform:translateY(-1px)}.agent-avatar{flex:0 0 42px;width:42px;height:52px}.agent-avatar img{object-fit:contain;filter:drop-shadow(0 3px 2px #000000b3);transform-origin:50% 80%;width:100%;height:100%;display:block}.agent-running .agent-avatar img{animation:1.8s ease-in-out infinite lobster-bob,1.8s ease-in-out infinite lobster-glow}.agent-idle .agent-avatar img{animation:3s ease-in-out infinite lobster-breathe}.agent-blocked .agent-avatar img,.agent-error .agent-avatar img{animation:.7s steps(2,end) infinite lobster-alert}@keyframes lobster-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-2px)rotate(1deg)}}@keyframes lobster-glow{0%,to{filter:drop-shadow(0 2px 2px #000000bf)drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 2px 2px #000000b3) drop-shadow(0 0 5px var(--agent-accent))}}@keyframes lobster-breathe{0%,to{opacity:.8;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@keyframes lobster-alert{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.bottom-bar{border:1px solid #28313c;min-height:28px;margin:10px 24px 18px;background:#0d1118!important}.pencil-board-main{margin:14px 24px 0}.pencil-analysis-grid{grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);align-items:start;gap:10px;min-height:0;display:grid}.pencil-panel{background:#0b0f15;border:1px solid #28313c;border-radius:4px;min-width:0;overflow:hidden}.pencil-panel-title{color:#dde4ea;letter-spacing:.35px;background:#0d1118;border-bottom:1px solid #28313c;justify-content:space-between;align-items:center;min-height:34px;padding:8px 12px;font-size:11px;display:flex}.pencil-period{color:#65717f;font-size:9px}.pencil-chart-panel .portfolio-chart{background:#080b10;border:0;height:390px;margin:0}.pencil-side-stack{grid-template-rows:auto auto;align-self:start;gap:10px;min-height:0;display:grid}.pencil-orders-panel,.pencil-prob-panel{min-height:0}.pencil-order-list{scrollbar-width:thin;max-height:100%;padding:8px 12px;overflow-y:auto}.pencil-order-row{color:#d4dce4;border-bottom:1px solid #ffffff0d;grid-template-columns:minmax(100px,1.35fr) .7fr .7fr .8fr;align-items:center;gap:6px;min-height:27px;font-size:10px;display:grid}.pencil-order-row span:nth-child(2),.pencil-order-row span:nth-child(3),.pencil-order-row b{text-align:right}.pencil-order-row b{font-size:9px;font-weight:500}.pencil-order-row b.green{color:#42e8a4}.pencil-order-row b.amber{color:#f5c451}.pencil-order-row b.red{color:#ff667a}.pencil-prob-panel .probability-panel{gap:8px;padding:10px 12px}.pencil-risk-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.pencil-metric{background:#0d1118;border:1px solid #28313c;border-radius:4px;flex-direction:column;justify-content:space-between;min-height:82px;padding:13px 14px;display:flex}.pencil-metric span{color:#7f8b99;font-size:10px}.pencil-metric b{font-size:16px;font-weight:600}.pencil-tone-green b{color:#42e8a4}.pencil-tone-amber b{color:#f5c451}.pencil-tone-blue b{color:#7fa8ff}.pencil-tone-purple b{color:#c48cff}.pencil-assets-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.pencil-asset-card{border:1px solid var(--pencil-accent);min-height:86px;color:var(--pencil-accent);background:#0d1118;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:6px;padding:12px 14px;font-size:10px;display:grid}.pencil-asset-card b{color:#e6edf3;text-align:right;font-size:12px}.pencil-asset-card small{color:#65717f;grid-column:1/-1}.legacy-details{background:#080b10;border:1px solid #202934;margin:12px 24px 0}.legacy-details summary{cursor:pointer;color:#7f8b99;-webkit-user-select:none;user-select:none;padding:8px 12px;font-size:10px}.legacy-details[open]{padding-bottom:8px}.legacy-details .terminal-grid{padding-top:8px!important}.agent-detail-head{border-bottom:1px solid #28313c;align-items:center;gap:14px;padding:6px 2px 12px;display:flex}.agent-detail-head img{object-fit:contain;filter:drop-shadow(0 4px 4px #0009);width:64px;height:74px}.agent-detail-head div{flex-direction:column;gap:4px;min-width:0;display:flex}.agent-detail-head strong{color:var(--agent-accent);font-size:16px}.agent-detail-head span{color:#e6edf3;font-size:11px}.agent-detail-head small{color:#7f8b99;font-size:10px}.agent-detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 0;display:grid}.agent-detail-metrics div{background:#0b0f15;border:1px solid #28313c;min-height:54px;padding:8px}.agent-detail-metrics span{color:#7f8b99;font-size:9px;display:block}.agent-detail-metrics b{color:#e6edf3;overflow-wrap:anywhere;margin-top:6px;font-size:11px;display:block}.agent-detail-section{padding-top:8px}.agent-detail-section h4{color:#dde4ea;margin:0 0 8px;font-size:11px}.agent-capability-list{flex-wrap:wrap;gap:6px;display:flex}.agent-capability-list span{border:1px solid var(--agent-accent);color:var(--agent-accent);background:#ffffff06;padding:4px 7px;font-size:9px}.agent-detail-orders{border:1px solid #202934}.agent-detail-orders div{color:#c8d0d8;border-bottom:1px solid #ffffff0a;grid-template-columns:1.5fr 1fr 1fr;gap:8px;padding:6px 8px;font-size:10px;display:grid}.agent-detail-orders div:last-child{border-bottom:0}.agent-detail-orders span:nth-child(2),.agent-detail-orders span:nth-child(3){text-align:right;color:#8b98a8}.settled-position-note{color:#f5c451;background:#f5c4510f;border:1px solid #f5c451;margin:12px 0 6px;padding:7px 8px;font-size:10px}@media (prefers-reduced-motion:reduce){.agent-avatar img{animation:none!important}}@media (width<=700px){.terminal-shell{width:100%}.terminal-topbar{border-radius:4px;margin:8px 8px 0;height:auto!important;min-height:42px!important}.kpi-strip{gap:6px;margin:8px}.kpi-card{min-height:74px;padding:10px}.kpi-card strong{font-size:16px}.terminal-grid{grid-template-columns:1fr!important;padding:8px!important}.pencil-board-main{margin:8px}.pencil-analysis-grid{grid-template-columns:1fr;min-height:0}.pencil-chart-panel .portfolio-chart{height:212px}.pencil-side-stack{grid-template-rows:auto auto}.pencil-risk-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pencil-assets-row{display:flex;overflow-x:auto}.pencil-asset-card{flex:0 0 150px}.legacy-details,.asset-dock,.openclaw-agent-dock{margin:8px}.openclaw-agent-dock{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}.agent-card{height:46px;min-height:46px;padding:4px 6px}.agent-avatar{flex-basis:34px;width:34px;height:38px}.agent-card-foot{display:none}.agent-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-bar{margin:8px}}@media (width<=1280px){.terminal-topbar{align-content:center;row-gap:5px;height:auto!important;min-height:72px!important;padding:6px 12px!important}.topbar-brand{order:1}.topbar-brand .topbar-market-label{display:none}.llm-usage-panel{flex:300px;order:2;min-width:250px;margin:0 6px}.topbar-mode{order:3}.topbar-status{order:4;margin-left:auto}.topbar-controls{flex:1 0 100%;order:5;justify-content:flex-end}}@media (width<=760px){.terminal-topbar{align-items:flex-start;min-height:112px!important}.topbar-brand{flex:auto}.topbar-status{margin-left:0}.topbar-controls{flex-wrap:wrap;justify-content:flex-start}.topbar-controls .service-switches{flex:1 0 100%;order:10;max-width:none;margin-left:0}.topbar-clock{margin-left:auto}}.topbar-controls{white-space:normal;flex-wrap:wrap;flex:100%;justify-content:flex-start;align-items:center;gap:5px;min-width:0;display:flex}.topbar-action-row{flex-wrap:wrap;flex:auto;align-items:center;gap:5px;min-width:0;display:flex}.topbar-action-row>*{flex:none}.topbar-action-row .live-token-input{flex:0 116px;width:116px;min-width:74px}.topbar-action-row .live-control-message{flex:160px;min-width:120px}.topbar-clock{margin-left:auto}.strategy-menu{flex:none;position:relative}.strategy-menu summary{cursor:pointer;border:1px solid var(--cyan);color:var(--cyan);white-space:nowrap;background:#00ffd00f;padding:2px 7px;list-style:none}.strategy-menu summary::-webkit-details-marker{display:none}.strategy-menu summary:before{content:"▸ ";color:var(--cyan)}.strategy-menu[open] summary:before{content:"▾ "}.strategy-menu-popover{z-index:20;border:1px solid var(--cyan);background:#080d12;width:264px;padding:7px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 22px #000000a6}.strategy-menu-row{border-bottom:1px solid #ffffff0f;grid-template-columns:58px 48px 1fr;align-items:center;gap:6px;padding:4px 3px;font-size:10px;display:grid}.strategy-menu-row:last-child{border-bottom:0}.strategy-menu-row b{color:var(--txt-hi)}.strategy-menu-row span{color:var(--txt-dim)}.strategy-menu-row span.strategy-live{color:var(--red)}.strategy-menu-row small{color:var(--txt-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pencil-asset-card em{color:var(--txt-dim);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:9px;font-style:normal;overflow:hidden}.pencil-asset-card .asset-profit-positive{color:var(--green)}.pencil-asset-card .asset-profit-negative{color:var(--red)}.pencil-asset-tabs{gap:4px;padding:5px 6px 2px;display:flex;overflow-x:auto}.pencil-asset-tabs button{border:1px solid var(--border-hi);color:var(--txt-dim);font:inherit;cursor:pointer;white-space:nowrap;background:#080d12;padding:3px 8px;font-size:9px}.pencil-asset-tabs button.active{color:var(--cyan);border-color:var(--cyan);background:#00ffd014;box-shadow:0 0 8px #00ffd02e}.pencil-asset-tabs button small{opacity:.75;margin-left:3px}.category-overview{min-height:250px;color:var(--txt-dim);align-content:center;justify-items:center;gap:8px;display:grid}.category-overview-value{color:var(--cyan);text-shadow:0 0 12px #00ffd038;font-size:38px;font-weight:700}.category-overview-label{font-size:11px}.category-overview-stats{flex-wrap:wrap;justify-content:center;gap:16px;font-size:10px;display:flex}.category-overview-stats b{color:var(--txt-hi);margin-left:3px}.decision-log-preview{gap:4px;padding:4px 6px;display:grid;overflow:auto}.decision-log-row{border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(90px,1fr) minmax(100px,1.6fr) auto;align-items:center;gap:6px;min-height:26px;font-size:9px;display:grid}.decision-log-row span{color:var(--txt-hi);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.decision-log-row small{color:var(--txt-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.decision-log-row b{color:var(--green);font-size:8px}.decision-log-agent b{color:var(--cyan)}@media (width>=761px){.terminal-topbar{align-content:center;height:auto!important;min-height:78px!important}}.agent-card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(ellipse at 18% 50%, color-mix(in srgb, var(--agent-accent) 32%, transparent), transparent 62%);position:absolute;inset:-35% -10%;transform:translate(-35%)}.agent-running:before{opacity:.9;background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--agent-accent) 8%, transparent) 22%, color-mix(in srgb, var(--agent-accent) 48%, transparent) 50%, color-mix(in srgb, var(--agent-accent) 10%, transparent) 78%, transparent 100%);animation:workflow-rise var(--agent-activity-duration,2.2s) ease-in-out infinite}.agent-running{box-shadow:inset 0 1px 0 #ffffff12, 0 0 10px color-mix(in srgb, var(--agent-accent) 20%, transparent);animation:agent-card-rise var(--agent-activity-duration,2.2s) ease-in-out infinite}@keyframes workflow-sweep{0%,to{opacity:.2;transform:translate(-32%)scaleY(.72)}50%{opacity:.72;transform:translate(32%)scaleY(1.12)}}@keyframes workflow-rise{0%,to{opacity:.12;transform:translateY(34%)scaleY(.55)}45%{opacity:.76;transform:translateY(-8%)scaleY(1.15)}72%{opacity:.48;transform:translateY(8%)scaleY(.82)}}@keyframes agent-card-rise{0%,to{filter:saturate(.92)brightness(.96)}50%{filter:saturate(1.2)brightness(1.12)}}@media (prefers-reduced-motion:reduce){.agent-card:before,.agent-card{opacity:.25;animation:none!important}}@media (width<=760px){.topbar-controls{flex-basis:100%;align-items:stretch}.topbar-action-row{width:100%}.topbar-action-row .service-switches{flex:1 0 100%;max-width:none;margin-left:0}.strategy-menu-popover{left:0;right:auto}}
