/* Shared workspace layout. Trading, chart sizing and connection state stay in their existing components. */
:root{--workspace-highlight:#f2b840;--workspace-panel:#141c26;--workspace-line:#293648;--workspace-muted:#8d9bb0;--workspace-nav-height:70px}
.terminal-nav{height:48px;min-height:48px;padding:0 18px;gap:20px;z-index:50;background:#0b1118;border-bottom:1px solid #243040}
.terminal-brand{font-size:16px;letter-spacing:.1px}
.main-nav{gap:4px}.nav-item{height:35px;padding:8px 11px;border-radius:8px;font-size:13px}
.nav-item.active{background:#1d2837;border-color:transparent;box-shadow:inset 0 -2px var(--workspace-highlight);color:#eef2f8}
.account-area{position:relative;gap:8px;min-width:0}
.workspace-navigation-ready .account-area>#logout-button{display:none}
.workspace-profile-trigger{display:flex;align-items:center;gap:7px;min-height:32px;padding:6px 9px;border:1px solid #2b394c;border-radius:8px;background:#192331;color:#dce6f1;font-size:12px;min-width:0}
.workspace-profile-trigger svg{width:15px;height:15px;flex:none}.workspace-profile-trigger svg:last-child{width:12px;height:12px}
.workspace-profile-trigger #account-name{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-profile-trigger.active,.workspace-profile-trigger[aria-expanded="true"]{box-shadow:inset 0 -2px var(--workspace-highlight)}
.workspace-profile-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:70;width:218px;max-width:calc(100vw - 24px);padding:5px;background:#141c26;border:1px solid #2b394c;border-radius:10px;box-shadow:0 12px 32px #0007}
.workspace-profile-menu a,.workspace-profile-menu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:6px;background:none;text-align:left;color:#dce6f1;font:inherit;font-size:13px;line-height:1.4;cursor:pointer}
.workspace-profile-menu a:hover,.workspace-profile-menu button:hover,.workspace-profile-menu a:focus-visible,.workspace-profile-menu button:focus-visible{background:#223045}
.workspace-profile-menu a.active{color:var(--workspace-highlight)}
.workspace-profile-menu .workspace-menu-logout{color:#ec937c}.workspace-profile-menu button:disabled{opacity:.5;cursor:wait}
.workspace-menu-separator{height:1px;margin:4px 7px;background:#2b394c}
.workspace-bottom-nav{display:none}
#market-cards{display:none}

#view-settings{max-width:760px;margin:0 auto;padding:28px 20px 36px}
#view-account{max-width:840px;margin:0 auto;padding:28px 20px 36px}
#view-auto{max-width:1140px;margin:0 auto;padding:28px 20px 36px}
#view-positions,#view-history{max-width:1440px;margin-left:auto;margin-right:auto}
#view-settings .page-heading,#view-account .page-heading,#view-auto .page-heading{align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}
#view-settings .page-heading h1,#view-account .page-heading h1,#view-auto .page-heading h1{font-size:27px;font-weight:700;letter-spacing:0}
#view-settings .section-tabs,#view-account .section-tabs,#view-auto>.section-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:16px;border:0}
#view-settings .section-tabs button,#view-account .section-tabs button,#view-auto>.section-tabs button{padding:9px 13px;min-height:38px;border:1px solid var(--workspace-line);border-radius:9px;background:#0e161f;color:var(--workspace-muted);font-size:13px}
#view-settings .section-tabs button.selected,#view-account .section-tabs button.selected,#view-auto>.section-tabs button.selected{background:#1c2837;color:#e8eef6;border-color:#304055;box-shadow:inset 0 -2px var(--workspace-highlight)}
#settings-content{padding:18px;border:1px solid var(--workspace-line);border-radius:12px;background:#17212d;min-width:0}
#settings-content .settings-block,#account-content>.settings-block{max-width:none}
#settings-content .settings-block>h2{font-size:18px}
#settings-content .settings-block>p,#settings-content .settings-note{font-size:12px;line-height:1.6;color:var(--workspace-muted)}
#settings-content .settings-grid{gap:16px}
#settings-content .check-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
#settings-content .check-row{min-height:40px;line-height:1.4;background:#111a24;border-color:#2a384a;border-radius:7px}
#settings-content .column-row{border-width:0 0 1px;border-radius:0;margin:0;padding:9px 3px;background:none;gap:10px;min-height:43px}
#settings-content .column-row .column-drag{flex:none;width:20px;cursor:grab;touch-action:none;text-align:center;color:#8d9bb0}
#settings-content .column-row input{flex:none;width:16px;height:16px;accent-color:var(--workspace-highlight)}
#settings-content .column-row>span:not(.column-drag){min-width:0;overflow-wrap:anywhere;font-size:13px}
#settings-content .column-row .mini-button{flex:none;min-width:30px;min-height:30px;padding:4px}
#settings-content .column-row[aria-grabbed="true"],#settings-content .column-row.is-dragging{opacity:.6;background:#253447}
#settings-content .column-row.drop-target{box-shadow:inset 0 2px var(--workspace-highlight)}
.settings-subtabs,.bot-slot-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.settings-subtabs button,.bot-slot-tabs button{min-height:34px;border:1px solid #2b394c;border-radius:7px;padding:7px 12px;background:#111a24;font-size:12px;color:#9baac0}
.settings-subtabs button.selected,.settings-subtabs button[aria-selected="true"],.bot-slot-tabs button.selected,.bot-slot-tabs button[aria-selected="true"]{background:var(--workspace-highlight);border-color:var(--workspace-highlight);color:#201903;font-weight:650}
#view-settings input:not([type="checkbox"]),#view-settings select,#view-account input:not([type="checkbox"]),#view-account select{min-height:38px;font-size:13px;border-radius:7px;max-width:100%}
#view-settings label,#view-account label{line-height:1.5;font-size:12px}
#account-content>.settings-block{padding:20px;border:1px solid var(--workspace-line);border-radius:12px;background:var(--workspace-panel)}
#account-content .notification-card{max-width:none;padding:20px;border-radius:12px;background:var(--workspace-panel);border-color:var(--workspace-line);margin-bottom:15px}
#account-content .notification-card h3{font-size:17px;margin-bottom:12px}
#account-content .notification-status{font-size:12px;line-height:1.5}
#account-content .notification-rule{border:1px solid #2c3b4e;border-radius:9px;padding:16px;margin-top:13px;background:#111923}
#account-content .notification-rule .check-row{font-size:12px;line-height:1.5}
#account-content .notification-rule .form-grid{gap:12px 16px}
#account-content .session-row{padding:13px 12px;border-radius:8px;gap:12px;align-items:center;background:#111a24;border-color:#29384b}
#account-content .session-row>div{min-width:0;overflow-wrap:anywhere}
#account-content .session-details{font-size:12px;line-height:1.5}
#account-content .session-row button{flex:none;min-height:32px}
#account-content .settings-note{font-size:12px;line-height:1.6}
#auto-connections .connections-grid,#auto-proxies .connections-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
#view-auto .connection-card{min-width:0;padding:18px;background:var(--workspace-panel);border:1px solid var(--workspace-line);border-radius:12px;overflow:hidden}
#view-auto .connection-card h3{font-size:16px;margin:-18px -18px 14px;padding:13px 18px;border-bottom:1px solid var(--workspace-line);line-height:1.4;min-height:49px}
#view-auto .connection-card p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#view-auto .connection-badge{font-size:12px;line-height:1.5;align-items:flex-start;gap:7px}
#view-auto .connection-badge .status-dot{flex:none;margin-top:5px}
#view-auto .connection-key-hint{font-variant-numeric:tabular-nums}
#view-auto .connection-card .panel-help{margin-top:12px;padding:11px;border:1px dashed #314158;background:#101923;border-radius:8px;font-size:12px;line-height:1.5}
#view-auto .connection-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
#view-auto .connection-actions button{min-height:35px;font-size:12px}
#view-auto .automation-grid{gap:16px}
#view-auto .automation-card{border-radius:12px;background:var(--workspace-panel);padding:18px;border-color:var(--workspace-line)}
#view-auto .automation-card .settings-note{line-height:1.6;font-size:12px}
#view-auto .automation-actions{display:flex;flex-wrap:wrap;gap:7px}
@media(min-width:761px) and (max-width:1150px){
 .terminal-nav{gap:12px;padding:0 12px;flex-wrap:nowrap}
 .main-nav{gap:1px}.nav-item{padding:7px 8px;font-size:12px}
 .main-nav [data-view="history"],.main-nav [data-view="account"]{display:none}
 .workspace-profile-trigger #account-name{max-width:110px}
}
@media(max-width:760px){
 .app-shell.workspace-navigation-ready{padding-bottom:calc(var(--workspace-nav-height) + env(safe-area-inset-bottom,0px) + 12px)}
 .terminal-nav{height:46px;min-height:46px;padding:0 10px;gap:8px;flex-wrap:nowrap;align-items:center;position:sticky;top:0}
 .terminal-brand{font-size:14px;max-width:52%;overflow:hidden;text-overflow:ellipsis}
 .workspace-navigation-ready .main-nav{display:none}
 .account-area{margin-left:auto;gap:6px;flex-shrink:1}
 .workspace-profile-trigger{font-size:11px;min-height:31px;padding:5px 7px;gap:5px}
 .workspace-profile-trigger #account-name{max-width:100px}.workspace-profile-trigger svg{width:14px;height:14px}
 .workspace-profile-menu{width:210px;top:calc(100% + 7px)}
 .workspace-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;min-height:var(--workspace-nav-height);padding:6px 6px calc(7px + env(safe-area-inset-bottom,0px));background:#0b1118;border-top:1px solid #293648;box-shadow:0 -4px 18px #0002}
 .workspace-bottom-link{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:50px;padding:5px 2px;border-radius:9px;font-size:10px;line-height:1.25;color:#8f9eb3;text-align:center;text-decoration:none}
 .workspace-bottom-link svg{width:21px;height:21px;flex:none}.workspace-bottom-link span{max-width:100%;white-space:nowrap}
 .workspace-bottom-link.active{color:var(--workspace-highlight);background:#18222e}
 .workspace-bottom-link:focus-visible{outline:2px solid var(--workspace-highlight);outline-offset:-2px}
 #view-spreads>.screen-heading{padding:8px 10px;gap:7px}
 #view-spreads>.screen-heading>h1{font-size:15px;line-height:1.5;margin-right:4px}
 #view-spreads .market-tabs{max-width:100%;display:flex;flex-wrap:wrap;gap:3px;overflow:visible;flex:1 1 100%}
 #view-spreads .market-tabs button{flex:1 1 auto;font-size:11px;min-height:33px;padding:6px 8px}
 #view-spreads .screen-meta{display:flex;flex-wrap:wrap;align-items:center;width:100%;gap:6px;margin-left:0}
 #view-spreads .screen-meta .status-label{font-size:11px;margin-right:auto}
 #view-spreads .screen-meta label{font-size:10px;gap:4px}
 #view-spreads .screen-meta select{min-height:30px;padding:4px 6px}
 #view-spreads .screen-meta .mini-button{min-height:30px;font-size:11px;padding:5px 8px}
 #view-spreads>.screen-toolbar{display:flex;flex-wrap:wrap;padding:8px 10px;gap:6px}
 #view-spreads .screen-toolbar #search-form{flex:1 1 100%;width:100%;min-width:0;display:flex}
 #view-spreads .screen-toolbar #coin-input{font-size:16px;min-width:0;width:100%;min-height:37px}
 #view-spreads .screen-toolbar .mini-button,#view-spreads .screen-toolbar select{min-height:33px;font-size:11px;padding:6px 8px}
 #view-spreads .screen-toolbar .toolbar-end{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%;margin-left:0}
 #view-spreads .screen-table-wrap{display:none}
 #market-cards{display:grid;gap:9px;padding:2px 10px 12px;width:100%;min-width:0}
 .market-mobile-card{min-width:0;padding:11px;background:#1a2533;border:1px solid #263548;border-radius:10px;overflow:hidden}
 .market-mobile-card.is-favorite{border-color:#7b622e}
 .market-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;min-width:0}
 .market-mobile-head .coin-name,.market-mobile-coin{font-size:16px;font-weight:700;color:#e4edf8;min-width:0;overflow-wrap:anywhere}
 .market-mobile-actions{display:flex;gap:4px;align-items:center;flex:none}
 .market-mobile-actions button,.market-mobile-head .icon-button{min-width:30px;min-height:30px;padding:4px 6px;font-size:13px}
 .market-mobile-route{display:grid;gap:5px;min-width:0}
 .market-mobile-leg{display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:24px;font-size:12px;min-width:0}
 .market-mobile-leg .side{font-size:11px;text-align:center}
 .market-mobile-leg .venue{display:flex;align-items:center;gap:5px;min-width:0;overflow-wrap:anywhere;color:#d5deeb}
 .market-mobile-leg .price{font-variant-numeric:tabular-nums;font-size:13px;text-align:right;white-space:nowrap}
 .market-mobile-leg .venue-dot{width:17px;height:17px;font-size:10px;flex:none}
 .market-mobile-leg.long .side,.market-mobile-leg.long .price{color:#2fc49e}
 .market-mobile-leg.short .side,.market-mobile-leg.short .price{color:#ed846a}
 .market-mobile-metrics{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:9px;padding-top:8px;border-top:1px solid #2b3a4c;color:#91a3b9;font-size:11px;line-height:1.6;min-width:0}
 .market-mobile-metrics>*{min-width:0;overflow-wrap:anywhere}
 .market-mobile-metrics strong{font-weight:550;color:#c7d5e8;font-variant-numeric:tabular-nums}
 .market-mobile-spreads{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
 .market-mobile-spreads button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;min-height:55px;border:1px solid #35465d;border-radius:7px;background:#111b27;font-size:11px;color:#94a5ba}
 .market-mobile-spreads button strong{font-size:18px;line-height:1.2;color:#e7eef8;font-variant-numeric:tabular-nums}
 .market-mobile-spreads button.entry{background:#f2b840;border-color:#f2b840;color:#51401a}
 .market-mobile-spreads button.entry strong{color:#201801}
 .market-mobile-spreads button.exit strong{color:#f0a68e}
 .market-mobile-more{display:block;width:100%;margin-top:9px;text-align:center;min-height:32px;padding:6px 8px;color:#9cb7d2;border:1px solid #34455b;border-radius:7px;background:#14202d;font-size:11px}
 #view-settings,#view-account,#view-auto{padding:20px 12px 24px;max-width:none}
 #view-settings .page-heading h1,#view-account .page-heading h1,#view-auto .page-heading h1{font-size:23px}
 #view-settings .page-heading,#view-account .page-heading,#view-auto .page-heading{margin-bottom:17px;gap:9px}
 #view-settings .section-tabs,#view-account .section-tabs,#view-auto>.section-tabs{gap:4px;margin-bottom:13px;flex-wrap:wrap}
 #view-settings .section-tabs button,#view-account .section-tabs button,#view-auto>.section-tabs button{font-size:12px;min-height:37px;padding:8px 10px}
 #settings-content{padding:14px 12px}
 #settings-content .settings-grid{grid-template-columns:1fr;gap:12px}
 #settings-content .check-grid{gap:7px}
 #settings-content .check-row{font-size:12px;padding:9px 8px}
 #settings-content .column-row{gap:7px;padding:8px 0}
 #settings-content .column-row .column-drag{width:17px}
 #settings-content .column-row>span:not(.column-drag){font-size:12px}
 .settings-subtabs button,.bot-slot-tabs button{font-size:12px;padding:7px 10px}
 #account-content>.settings-block,#account-content .notification-card{padding:16px 14px}
 #account-content .notification-card h3{font-size:16px;line-height:1.4}
 #account-content .notification-rule{padding:12px}
 #account-content .notification-rule .form-grid{grid-template-columns:1fr;gap:10px}
 #account-content .session-row{flex-wrap:wrap;padding:11px;gap:8px}
 #account-content .session-row>div{flex:1 1 180px}
 #view-settings input:not([type="checkbox"]),#view-settings select,#view-account input:not([type="checkbox"]),#view-account select{font-size:16px;min-height:39px}
 #auto-connections .connections-grid,#auto-proxies .connections-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 #view-auto .connection-card{padding:16px}
 #view-auto .connection-card h3{margin:-16px -16px 12px;padding:12px 16px;font-size:15px}
 #view-auto .connection-actions button{min-height:37px;font-size:12px}
 #view-auto .connection-card p,#view-auto .connection-badge{font-size:12px}
 .toast{bottom:calc(var(--workspace-nav-height) + env(safe-area-inset-bottom,0px) + 12px);max-width:calc(100vw - 24px)}
 .dialog{width:calc(100% - 20px);max-height:calc(100svh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:18px 15px}
 .dialog .confirm-actions,.dialog .settings-actions{flex-wrap:wrap;gap:7px}
 .dialog input:not([type="checkbox"]),.dialog select,.dialog textarea{max-width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){.workspace-profile-menu,.workspace-bottom-link{transition:none;scroll-behavior:auto}}

.table-sort{display:inline-flex;align-items:center;gap:4px;color:inherit;background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer}.market-table th[aria-sort="ascending"],.market-table th[aria-sort="descending"]{color:var(--accent)}
.column-row.drag-over{border-color:var(--accent);background:#19392f}.column-row.dragging{opacity:.55}.column-drag{touch-action:none;cursor:grab;background:none;border:0;color:var(--muted);font-size:19px;padding:2px 6px}.column-drag:active{cursor:grabbing}.column-drag:disabled{opacity:.3;cursor:default}

.filter-section+.filter-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.filter-section>h3{margin:0 0 12px;font-size:13px;color:var(--text)}

.connection-search-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:0 0 12px}.connection-search-field{flex:1;min-width:160px}.connection-search-field input{width:100%}.connection-filter-field{min-width:160px}.connection-search-controls label{margin-bottom:0}.connection-search-count{font-size:12px;color:var(--muted);margin:8px 0}.connection-filter-note{font-size:11px;color:var(--muted);margin-bottom:12px}.connection-search-empty{grid-column:1/-1;padding:24px;text-align:center;color:var(--muted)}
@media(max-width:760px){.connection-search-controls{gap:8px}.connection-filter-field{flex:1}.connection-search-controls input,.connection-search-controls select{min-height:38px}}

@media(max-width:760px){.market-mobile-leg{grid-template-columns:54px minmax(0,1fr) auto}.market-mobile-leg .side{white-space:nowrap;text-align:left;line-height:1.3}.market-mobile-coin{background:none;border:0;padding:0;text-align:left;cursor:pointer}.market-mobile-actions button{background:#13202c;border:1px solid #34455b;border-radius:6px;color:#9fb3c9;cursor:pointer}.market-mobile-actions button.selected{color:#f2b840;border-color:#80682f;background:#302b20}.market-mobile-metrics>div{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:2px 6px}.market-mobile-metrics strong{white-space:normal}}