/* Shared v0.13 shell and overview. Account/detail behavior remains in home.js. */
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}
body{background:var(--bg);color:var(--ink);font:13px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:disabled{cursor:not-allowed;opacity:.45}
[hidden]{display:none!important}h1,h2,h3,p{margin:0}a{color:var(--acc)}button,input,select,textarea,a{outline-offset:3px}
:focus-visible{outline:2px solid var(--focus)}.wb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
pre,code,kbd,samp{font-family:var(--code-font)}
.wb-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}
.wb-app{height:100dvh;display:flex}.wb-rail{width:var(--nav-w);padding:20px 12px 16px;display:flex;flex-direction:column;gap:8px;background:var(--nav);flex:none;z-index:30}
.wb-brand{width:36px;height:36px;display:grid;place-items:center;margin:0 auto 22px;border-radius:11px;color:var(--acc)}.wb-brand .wb-icon{width:26px;height:26px}.wb-brand:hover{background:var(--panel2)}
.wb-nav{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid transparent;border-radius:12px;color:var(--muted)}.wb-nav .wb-icon{width:24px;height:24px}
.wb-nav:hover{background:var(--surface-subtle)}.wb-nav[aria-current=page],.wb-nav[aria-expanded=true]{background:var(--nav-active);color:var(--nav-ink);border-color:var(--panel-edge);box-shadow:0 2px 6px rgba(28,47,77,.05)}.wb-spacer{flex:1}
.wb-nav-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translate(3px,-50%);padding:7px 11px;border:1px solid var(--line2);border-radius:8px;background:var(--panel);color:var(--ink);box-shadow:var(--float-shadow);font:500 12px/1.4 var(--sans);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .13s,transform .13s,visibility .13s}
.wb-nav:hover .wb-nav-tooltip,.wb-nav:focus-visible .wb-nav-tooltip{opacity:1;visibility:visible;transform:translate(0,-50%);transition-delay:.16s}
.wb-body{flex:1;min-width:0;position:relative;display:flex;flex-direction:column}.wb-stage{flex:1;min-height:0;display:flex}.wb-main{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.wb-workspace{min-width:0;flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;container-type:inline-size;container-name:workspace}
/* Page dialogs dim and fit the board column. */
#bd-board-layer{position:absolute;inset:0;z-index:28}
.bd-board-backdrop{position:absolute;inset:0;background:var(--backdrop)}
#asset-d-detail-fix #bd-board-layer>dialog{position:absolute;z-index:1;top:50%;left:50%;right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%);height:auto;max-width:calc(100% - 32px);max-height:calc(100% - 48px)}
.wb-stage.chat-only.bd-dialog-open{position:relative}
.wb-stage.chat-only.bd-dialog-open>.wb-main{position:absolute;inset:0;z-index:20}
@media(max-width:960px){.wb-stage.split[data-mobile=chat].bd-dialog-open{position:relative}.wb-stage.split[data-mobile=chat].bd-dialog-open>.wb-main{position:absolute;inset:0;z-index:20}}
/* Header refresh is one compound control. It does not reserve column height. */
.wb-update-tip{top:calc(100% + 8px);right:0;left:auto;width:max-content;max-width:min(280px,calc(100vw - 48px));padding:10px 12px;color:var(--foreground);text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-overlay)}
.wb-update-tip::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:10px}
.wb-refresh-compound:is(:hover,:focus-within) .wb-update-tip:not([hidden]){opacity:1;visibility:visible;pointer-events:auto}
.wb-update-tip strong{display:block;font-weight:600;color:var(--foreground)}
.wb-update-tip p{margin-top:2px;color:var(--foreground-secondary);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
.wb-update-tip [data-update-diagnostics]{display:inline;padding:0;border:0;background:none;color:var(--accent);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.wb-page{width:100%;max-width:var(--page-max);margin:0 auto;padding:92px 32px 32px}.wb-stage.split .wb-page{padding-top:83px}
#wb-assets{min-height:calc(100% + var(--dashboard-scroll-top,0px))}
.wb-page h1{font:600 20px/1.5 var(--sans);letter-spacing:-.4px}.wb-page-heading{min-height:30px;margin-bottom:22px}
.wb-entry{--entry-extra:64px;position:absolute;z-index:24;left:20px;top:20px;display:flex;align-items:center;height:44px;padding:3px;border-radius:23px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--float-shadow);backdrop-filter:blur(14px);width:var(--entry-base,110px);max-width:calc(100% - 88px);overflow:hidden;transition:width .2s cubic-bezier(.2,.8,.2,1),background-color .16s}
.wb-agent-title{display:flex;gap:8px;align-items:center;min-width:0;font:500 13px/20px var(--sans);border-radius:9px}.wb-agent-title #wb-entry-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-agent-title [data-icon=spark]{color:var(--acc)}.wb-agent-title>span[data-icon=nulli] .wb-icon{width:20px;height:20px}
.wb-entry:not(.chat-open) .wb-agent-title{flex:0 0 calc(var(--entry-base,110px) - 8px);height:34px;padding:0 12px}.wb-entry:not(.chat-open) .wb-title-chevron{display:none}
.wb-entry:not(.chat-open):hover,.wb-entry:not(.chat-open):focus-within,.wb-entry.menu-open:not(.chat-open){width:calc(var(--entry-base,110px) + var(--entry-extra,64px));background:var(--glass-hover)}
.wb-icon-button{width:32px;height:32px;display:inline-grid;place-items:center;flex:none;border-radius:8px;color:var(--muted)}.wb-icon-button:hover{background:var(--panel2);color:var(--ink)}
.wb-entry:not(.chat-open) :is(#wb-entry-new,#wb-history-button){width:28px;height:28px;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-5px);transition:opacity .15s,transform .2s,visibility 0s linear .15s}
.wb-entry.chat-open :is(#wb-entry-new,#wb-history-button){opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility 0s linear .15s}
.wb-entry:hover :is(#wb-entry-new,#wb-history-button),.wb-entry:focus-within :is(#wb-entry-new,#wb-history-button),.wb-entry.menu-open :is(#wb-entry-new,#wb-history-button){opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .15s,transform .2s,visibility 0s}#wb-entry-new .wb-icon,#wb-history-button .wb-icon,.wb-title-chevron .wb-icon{width:16px;height:16px}
/* The same title moves inside the open conversation surface. */
.wb-chat{width:var(--nulli-chat-width,min(480px,40%));min-width:0;flex:none;display:flex;flex-direction:column;margin:12px 0 12px 12px;border:1px solid var(--panel-edge);border-radius:var(--radius-panel);background:var(--panel);overflow:hidden;isolation:isolate}
.wb-chat-head{height:56px;min-height:56px;padding:0 12px;display:flex;align-items:center;gap:4px}.wb-chat-controls{display:flex;flex:none;align-items:center;gap:4px}.wb-entry.chat-open{position:static;flex:1;min-width:0;width:auto;max-width:none;height:56px;padding:0;gap:3px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible;transition:none}
.wb-entry.chat-open .wb-agent-title{flex:0 1 auto;min-width:0;padding:0 11px;height:38px;max-width:calc(100% - 72px)}.wb-entry.chat-open .wb-agent-title:hover{background:var(--panel3)}.wb-title-chevron{color:var(--muted);display:flex}.wb-entry.chat-open #wb-entry-new{margin-left:auto}
.wb-chat-empty{flex:1;min-height:40px}
/* Home and chat share one composer. Resting stroke is --divider, weaker than the shell --border; focus stays accent. */
.wb-composer,.wb-home-composer{display:grid;gap:8px;padding:10px 12px;background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-panel);transition:border-color var(--motion-feedback),box-shadow var(--motion-feedback)}
.wb-composer{margin:12px 20px 20px}
.wb-composer:focus-within,.wb-home-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.wb-composer-main{display:flex;align-items:flex-end;gap:10px;min-width:0}
.wb-composer textarea,.wb-home-composer textarea{display:block;box-sizing:border-box;flex:1;min-width:0;width:100%;height:auto;min-height:calc(var(--leading-body)*2 + 8px);resize:none;overflow-y:hidden;padding:4px 2px;border:0;outline:none;box-shadow:none;background:transparent;color:var(--foreground);font:400 var(--type-body)/var(--leading-body) var(--sans)}
textarea::placeholder{color:var(--foreground-muted)}
.wb-composer-foot{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font:400 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-secondary)}
.wb-composer-foot:has(#wb-chat-busy[hidden]):has(#wb-chat-return[hidden]){display:none}
#wb-chat-return{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-align:left}
.wb-send{width:40px;height:40px;flex:none;border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);display:grid;place-items:center}
.wb-send .wb-icon{width:18px;height:18px}.wb-send:hover:not(:disabled){background:var(--accent-hover)}.wb-send:active:not(:disabled){background:var(--accent-pressed)}.wb-send:disabled{opacity:.4;cursor:not-allowed}
.wb-stage.chat-only{flex-direction:column}.wb-stage.chat-only .wb-chat{width:auto;flex:1;min-height:0;margin-right:12px}.wb-stage.chat-only .wb-main{flex:none}.wb-stage.chat-only .wb-composer{width:calc(100% - 40px);max-width:724px;align-self:center}
.wb-resizer{position:relative;flex:0 0 6px;margin:12px 0;cursor:col-resize;touch-action:none;outline-offset:0}
.wb-resizer:before{content:'';position:absolute;top:12px;bottom:12px;left:2px;width:2px;border-radius:2px;background:transparent;transition:background-color var(--motion-feedback)}
.wb-resizer:hover:before,.wb-resizer:focus-visible:before,.wb-stage.is-resizing .wb-resizer:before{background:var(--accent)}
.wb-stage.is-resizing{user-select:none;cursor:col-resize}.wb-stage.is-resizing *{cursor:col-resize}
.wb-stage.chat-only .wb-resizer{display:none}
.wb-home{min-height:100%;display:grid;place-items:center;padding-bottom:100px}.wb-home-inner{max-width:680px;width:100%;margin:auto}.wb-eyebrow{font:600 11px/1.5 var(--sans);letter-spacing:2px;color:var(--acc2);margin-bottom:16px}.wb-home h1{font:550 30px/1.5 var(--sans);letter-spacing:-.6px;margin-bottom:14px}.wb-home p{font:400 14px/1.8 var(--sans);color:var(--ink2)}
.wb-home-composer{margin-top:32px;box-shadow:none}.wb-home-paths{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.wb-home-paths button{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--panel-edge);background:var(--panel);border-radius:11px;font-size:13px}.wb-home-paths button:hover{background:var(--panel2)}.wb-home-paths button>span:last-child{color:var(--muted)}
.wb-asset-filters{display:flex;align-items:center;gap:18px;margin-left:auto;padding-bottom:8px}.wb-account-select{position:relative;display:flex;align-items:center}.wb-account-select select{appearance:none;background:transparent;border:0;padding:6px 20px 6px 4px;font:400 12px/1.5 var(--sans);color:var(--ink2);max-width:180px;cursor:pointer}.wb-account-select>[data-icon]{position:absolute;right:3px;pointer-events:none;color:var(--muted)}.wb-account-select .wb-icon{width:16px;height:16px}
#asset-d-detail-fix select[data-pointer-focus]:focus-visible{outline:none}
.wb-periods{display:flex;border:1px solid var(--line2);background:var(--panel);border-radius:8px;padding:2px;gap:1px}.wb-periods button{font:500 12px/1.5 var(--sans);min-height:26px;padding:3px 7px;border-radius:6px;color:var(--muted)}.wb-periods button[aria-pressed=true]{background:var(--panel2);color:var(--ink)}
.wb-deferred{min-height:320px}.wb-deferred p{color:var(--muted);font-size:13px;margin:16px 0 24px}.wb-button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:13px}.wb-button:hover{background:var(--panel2)}
.wb-popover{position:fixed;z-index:40;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.wb-more{left:calc(var(--nav-w) + 10px);bottom:20px;width:240px}.wb-space-label{padding:8px 12px 12px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line2);margin-bottom:8px}.wb-more>button,.wb-more-pages>button{width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:10px 12px;border-radius:8px;font-size:13px}.wb-more button:hover{background:var(--panel2)}.wb-theme-row{display:flex;align-items:center;gap:8px;padding:8px 12px}.wb-theme-row>span{margin-right:auto}.wb-theme-row button{padding:6px 8px;border-radius:6px}.wb-theme-row button[aria-pressed=true]{background:var(--accent-bg);color:var(--acc)}.wb-more-pages{display:none}
.wb-history{left:calc(var(--nav-w) + 20px);top:70px;width:320px;max-width:calc(100vw - var(--nav-w) - 32px);max-height:70dvh;overflow:auto}.wb-history label{display:block;font-size:13px;font-weight:500;margin:4px 0 12px}.wb-history input{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--input);padding:8px 10px}.wb-history #wb-history-list{padding-top:8px}.wb-history-group{margin:12px 8px 4px;color:var(--foreground-secondary);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}.wb-history #wb-history-list>.wb-history-group:first-child{margin-top:2px}.wb-history-item{display:block;text-align:left;padding:12px 8px;width:100%;border-radius:9px}.wb-history-item:hover{background:var(--panel2)}.wb-history-item strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-history-item small{color:var(--muted);font-size:12px}.wb-history-empty{padding:20px 8px;color:var(--muted);font-size:13px}
/* Overview roles replace the old dashboard geometry without changing its account dialogs. */
#asset-d-detail-fix{--bd-ink:var(--ink);--bd-muted:var(--muted);--bd-line:var(--line);--bd-positive:var(--pos);--bd-negative:var(--neg);--bd-blue:var(--acc)}
#asset-d-detail-fix .bd-window{color-scheme:inherit;display:block;min-height:0;margin:0;background:none;font:13px/1.6 var(--sans);color:var(--ink)}#asset-d-detail-fix .bd-main{padding:0}#asset-d-detail-fix .bd-asset-title{margin:0;min-height:18px}#asset-d-detail-fix .bd-label{font:500 12px/1.5 var(--sans);color:var(--muted)}
#asset-d-detail-fix .bd-amount-button{display:block;text-align:left;max-width:100%;margin:13px 0;padding:0;border-radius:6px}
#asset-d-detail-fix .bd-eye{color:var(--muted);opacity:.65}#asset-d-detail-fix .bd-eye:hover,#asset-d-detail-fix .bd-eye:focus-visible{opacity:1}
#asset-d-detail-fix .bd-delta{font:400 12px/1.6 var(--sans);color:var(--ink2);margin:0;min-height:20px}#asset-d-detail-fix .bd-delta .bd-subtle{font-size:12px}
#asset-d-detail-fix .bd-legend{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 18px;padding:0;margin:14px 0 0;font:400 12px/1.5 var(--sans);color:var(--ink2);min-height:18px}
#asset-d-detail-fix .bd-legend i{display:inline-block;height:3px;width:10px;border-radius:2px;margin-right:6px;vertical-align:3px}#asset-d-detail-fix .bd-legend-share{font:500 12px/1.5 var(--number-font);font-variant-numeric:tabular-nums;color:var(--ink2)}
#asset-d-detail-fix .bd-yesterday .bd-attribution-grid{display:flex;flex-direction:column;gap:10px;margin:28px 0 0;padding:16px 0 0;border-top:1px solid var(--line2)}#asset-d-detail-fix .bd-attribution-grid>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}#asset-d-detail-fix .bd-yesterday .bd-attribution-grid .bd-attribution-value{font:400 14px/1.5 var(--number-font);font-variant-numeric:tabular-nums;letter-spacing:0;margin:0}
#asset-d-detail-fix .bd-utilization{margin:26px 0 0;padding:0;border:0}#asset-d-detail-fix .bd-utilization-summary{padding:0}#asset-d-detail-fix .bd-utilization-head{font:400 12px/1.5 var(--sans)}#asset-d-detail-fix .bd-utilization-head strong{font:500 21px/1.3 var(--number-font);font-variant-numeric:tabular-nums;letter-spacing:-.35px}#asset-d-detail-fix .bd-utilization-track{height:4px;margin:14px 0 9px;background:var(--panel2)}#asset-d-detail-fix .bd-utilization-track i{background:var(--series1)}#asset-d-detail-fix .bd-utilization-meta{font:400 12px/1.6 var(--sans)}
#asset-d-detail-fix .bd-panel-actions{margin-top:auto;padding-top:28px;border:0}#asset-d-detail-fix .bd-text-link{font:400 12px/1.5 var(--sans)!important}#asset-d-detail-fix .bd-table-scroll{overflow:auto}#asset-d-detail-fix #bd-detail th{font:400 12px/1.6 var(--sans);color:var(--muted);padding:10px 8px 12px;border-bottom:1px solid var(--line)}#asset-d-detail-fix #bd-detail td{font:400 13px/1.6 var(--number-font);font-variant-numeric:tabular-nums;color:var(--ink);height:68px;padding:13px 8px;border-bottom:1px solid var(--line2)}#asset-d-detail-fix .bd-table-optional{display:table-cell}
#asset-d-detail-fix .bd-table-identity{gap:11px}#asset-d-detail-fix .bd-row-primary{font:600 13px/1.5 var(--sans);color:var(--ink)}#asset-d-detail-fix .bd-row-secondary{font:400 12px/1.5 var(--sans);color:var(--muted)}#asset-d-detail-fix .bd-quantity{font-family:var(--number-font);max-width:none;overflow:visible;text-overflow:clip}
#asset-d-detail-fix .bd-table-identity .wb-coin-mark{width:31px;height:31px;flex:none;border-radius:50%;display:inline-grid;place-items:center;font:16px var(--sans);background:var(--panel3);color:var(--ink2);border:1px solid var(--line2)}#asset-d-detail-fix .wb-coin-mark[data-brand=BTC]{color:var(--coin-btc)}#asset-d-detail-fix .wb-coin-mark[data-brand=ETH]{color:var(--coin-eth)}#asset-d-detail-fix .wb-coin-mark[data-brand=USDT]{color:var(--coin-usdt)}
#asset-d-detail-fix .bd-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font:400 12px/1.6 var(--sans);color:var(--muted);margin-top:20px}#asset-d-detail-fix .bd-header-actions{display:flex;align-items:center;gap:12px;color:var(--muted);font:12px/1.6 var(--sans)}#asset-d-detail-fix .bd-refresh{padding:5px 9px;border:1px solid var(--line);border-radius:7px;background:var(--panel);font:inherit;color:var(--ink2)}#asset-d-detail-fix .bd-refresh:hover{color:var(--acc);border-color:var(--acc)}
#wb-overview[aria-busy=true]{opacity:.55;pointer-events:none}.wb-mobile-switch{display:none}
/* Shared detail controls inherit theme and readable text roles. */
#asset-d-detail-fix dialog{background:var(--surface-overlay);color:var(--ink);font-family:var(--sans);border-color:var(--line)}#asset-d-detail-fix dialog::backdrop{background:var(--backdrop)}#asset-d-detail-fix .bd-form-actions{background:var(--surface-overlay);box-shadow:0 -8px 12px var(--surface-overlay)}
#asset-d-detail-fix .bd-account-form input,#asset-d-detail-fix [data-balance-input] input:not([type=checkbox]){background:var(--input);color:var(--ink);border-color:var(--line)}#asset-d-detail-fix [data-balance-input] label{color:var(--ink)}#asset-d-detail-fix .bd-primary{background:var(--solid)!important;color:var(--button-ink)!important}#asset-d-detail-fix .bd-form-actions button[data-remove-confirm]{color:var(--danger)}
#asset-d-detail-fix .bd-subtle,#asset-d-detail-fix .bd-dialog-note,#asset-d-detail-fix .bd-account-note,#asset-d-detail-fix .bd-read-summary,#asset-d-detail-fix .bd-state,#asset-d-detail-fix .bd-provider small{font-size:12px;color:var(--muted)}#asset-d-detail-fix .bd-dialog-total,#asset-d-detail-fix .bd-proof{font-family:var(--number-font)}
[data-theme=dark] #asset-d-detail-fix [data-brand=OKX] img,[data-theme=dark] #asset-d-detail-fix [data-brand="币安"] img{filter:invert(1)}
.wb-settings-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:4px}
.wb-settings-actions button{flex-shrink:0}
.wb-settings-actions p:empty{display:none}
#wb-start{margin:24px 0 0;padding:16px;text-align:left;background:var(--surface-subtle);border-radius:var(--radius-lg)}
#wb-start[hidden]{display:none}
#wb-start p{margin:0;font:400 13px/20px var(--sans);color:var(--foreground-secondary)}
.wb-start-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
@container workspace (max-width:850px){#asset-d-detail-fix .bd-yesterday .bd-panel-actions{margin-top:0;padding-top:24px}}
@container workspace (max-width:620px){.wb-page,.wb-stage.split .wb-page{padding-left:22px;padding-right:22px}.wb-asset-filters{gap:6px}#asset-d-detail-fix .bd-footer{flex-wrap:wrap}.wb-account-select select{max-width:140px}}
@media(max-width:960px){.wb-resizer{display:none}.wb-stage.split{padding-top:62px}.wb-stage.split .wb-chat{width:auto;flex:1;margin:8px 12px 12px}.wb-stage.split[data-mobile=chat]{flex-direction:column}.wb-stage.split[data-mobile=chat] .wb-main{flex:none}.wb-stage.split[data-mobile=work] .wb-chat,.wb-stage.split[data-mobile=chat] .wb-workspace{display:none}.wb-stage.split .wb-chat-head{padding-right:12px}.wb-stage.split .wb-page{padding-top:20px}.wb-mobile-switch:not([hidden]){display:flex;position:absolute;top:20px;left:16px;right:16px;justify-content:center;gap:8px;z-index:25}.wb-mobile-switch button{font:500 12px/1.5 var(--sans);padding:6px 22px;border-radius:7px}.wb-mobile-switch button[aria-pressed=true]{background:var(--panel);box-shadow:var(--float-shadow)}}
@media(max-width:600px){:root{--nav-w:58px}.wb-rail{padding:18px 9px 12px}.wb-brand{width:34px;height:34px;margin-bottom:18px}.wb-nav{width:40px;height:40px;border-radius:11px}.wb-nav .wb-icon{width:20px;height:20px}.wb-entry{left:16px;top:18px}.wb-page,.wb-stage.split .wb-page{padding-left:16px;padding-right:16px;padding-bottom:24px}.wb-page{padding-top:88px}.wb-page-heading{margin-bottom:19px}.wb-asset-filters{margin-left:auto;padding-bottom:9px}#asset-d-detail-fix .bd-legend{gap:10px}.wb-home h1{font-size:23px}.wb-home p{font-size:13px}.wb-home-paths{gap:7px}.wb-home-paths button{font-size:12px}.wb-home{padding-bottom:40px}.wb-stage.split .wb-chat,.wb-stage.chat-only .wb-chat{margin:8px 8px 10px;border-radius:14px}.wb-stage.chat-only .wb-chat{margin-top:12px}.wb-chat-head{padding:0 6px}.wb-entry.chat-open .wb-agent-title{padding:0 8px;gap:6px}.wb-entry.chat-open .wb-icon-button{width:28px}.wb-composer{margin:10px 12px 13px}.wb-stage.chat-only .wb-composer{width:calc(100% - 24px)}.wb-more{width:min(240px,calc(100% - var(--nav-w) - 24px))}}
@media(hover:none),(pointer:coarse){.wb-nav-tooltip{display:none}.wb-more-pages{display:block;border-bottom:1px solid var(--line2);margin-bottom:8px;padding-bottom:8px}.wb-entry:not(.chat-open){width:calc(var(--entry-base,110px) + var(--entry-extra,64px))}.wb-entry:not(.chat-open) :is(#wb-entry-new,#wb-history-button),.wb-entry.chat-open :is(#wb-entry-new,#wb-history-button){opacity:1;visibility:visible;pointer-events:auto;transform:none}.wb-theme-row button,.wb-history-item{min-height:44px}}
/* History search shares the v4 input border and soft focus treatment. */
#asset-d-detail-fix #wb-history-search{padding:8px 12px;background:var(--surface);border-color:var(--border);border-radius:var(--radius-md);transition:border-color var(--motion-feedback),box-shadow var(--motion-feedback)}
#asset-d-detail-fix #wb-history-search:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--accent-soft)}
/* Capsule/panel morph remains reversible and respects reduced motion. */
.wb-entry.is-morphing{transition:none}
.wb-workspace:focus{outline:none}
.wb-workspace{view-transition-name:workspace-surface}.wb-rail{view-transition-name:navigation-surface}#wb-entry-label{view-transition-name:agent-identity}
::view-transition-group(root),::view-transition-group(navigation-surface){animation:none}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(navigation-surface){animation:none;opacity:0}::view-transition-new(navigation-surface){animation:none}
::view-transition-group(agent-surface),::view-transition-group(workspace-surface),::view-transition-group(agent-identity){animation-duration:230ms;animation-timing-function:cubic-bezier(.22,.8,.24,1);overflow:clip}::view-transition-group(agent-surface){background:var(--panel);border-radius:18px}::view-transition-old(agent-identity){animation:none;opacity:0}::view-transition-new(agent-identity){animation:none;height:100%;object-fit:none;object-position:left center}::view-transition{pointer-events:none}
::view-transition-old(agent-surface),::view-transition-new(agent-surface){height:100%;object-fit:none;object-position:left top;animation-duration:230ms;animation-timing-function:cubic-bezier(.22,.8,.24,1);mix-blend-mode:normal}
::view-transition-old(agent-surface){animation-name:wb-surface-out}::view-transition-new(agent-surface){animation-name:wb-surface-in}
@keyframes wb-surface-out{to{opacity:0}}@keyframes wb-surface-in{from{opacity:0}}
@media(prefers-reduced-motion:no-preference){.wb-nav,.wb-icon-button,.wb-button{transition:background-color var(--motion),color var(--motion),border-color var(--motion)}}
@supports not (backdrop-filter:blur(1px)){.wb-entry{background:var(--panel)}}@media(prefers-reduced-transparency:reduce){.wb-entry{background:var(--panel);backdrop-filter:none}.wb-entry.chat-open{background:transparent}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
.wb-popover:not([hidden]){animation:wb-popover-in var(--motion-overlay) ease-out}
@keyframes wb-popover-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.wb-popover{animation:none!important}}