/* Outside the page/header so the switch remains reachable on token charts too. */
.workspace-view-locked{display:flex;align-items:center;gap:7px;box-sizing:border-box;height:36px;padding:6px 12px;color:#b3e5c7;font-size:10px;font-weight:600;cursor:default}
.workspace-view-locked>.icon{display:none}
.mobile-workspace-note{font-size:11px;line-height:1.7;color:#96b49f;padding:12px 0;margin:0}
.workspace-view-switch{position:fixed;z-index:75;top:10px;right:16px;border:1px solid #35433d;border-radius:18px;background:#101713ed;box-shadow:0 3px 16px #0005;backdrop-filter:blur(16px)}
.workspace-view-switch>summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;min-height:32px;padding:6px 10px;font-size:10px;font-weight:600;color:#b3e5c7;border-radius:18px}.workspace-view-switch>summary::-webkit-details-marker{display:none}.workspace-view-switch>summary>.icon:last-child{width:11px;height:11px;color:#778d7d;transition:transform .15s}.workspace-view-switch[open]>summary>.icon:last-child{transform:rotate(180deg)}
.workspace-view-options{position:absolute;top:calc(100% + 8px);right:0;width:252px;padding:6px;background:#141c20f5;border:1px solid #394e41;border-radius:14px;box-shadow:0 14px 40px #0009;backdrop-filter:blur(22px)}
.workspace-view-options button{display:flex;width:100%;align-items:center;gap:10px;min-height:59px;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);text-align:left;font-size:11px}.workspace-view-options button>span:not(.view-choice-dot){display:grid;gap:5px;flex:1}.workspace-view-options strong{font-size:12px;font-weight:600}.workspace-view-options small{font-size:9px;color:#82968b}.workspace-view-options button[aria-pressed=true]{color:#b3f2cf;border-color:#406c52;background:#254734;box-shadow:inset 0 1px #a4f0c320}.view-choice-dot{height:12px;width:12px;border:1px solid #576d5e;border-radius:50%;flex-shrink:0}.workspace-view-options [aria-pressed=true] .view-choice-dot{background:#91e7b5;border:3px solid #284b36;box-shadow:0 0 0 1px #9de8b8}
.workspace-view-switch button:focus-visible,.workspace-view-switch>summary:focus-visible{outline:2px solid #9febbe;outline-offset:3px}.workspace-view-switch .icon{height:15px;width:15px}
body:has(.sol-release-view) #app>.topbar{padding-right:132px}
@media(max-width:760px), (pointer:coarse) and (hover:none) and (max-height:760px){
 .workspace-view-switch{top:calc(10px + env(safe-area-inset-top));right:10px;border-radius:18px}
 .workspace-view-switch>summary{min-height:34px;padding:6px 9px;gap:5px;font-size:10px}.workspace-view-switch>summary>.icon:first-child{display:none}.workspace-view-options{width:240px;max-width:calc(100vw - 20px)}
 body:has(.sol-release-view) #app>.topbar{padding-right:112px!important;gap:8px!important}
 body:has(.sol-release-view[data-mobile-layout=focus]) #app>.topbar{padding-left:14px!important}
 body:has(.sol-release-view[data-mobile-layout=focus]) #app>.topbar .phone-top-controls{gap:3px}
 body:has(.sol-release-view[data-mobile-layout=focus]) .phone-top-controls button{font-size:10px;padding:5px 7px;gap:5px}
 body:has(.sol-release-view[data-mobile-layout=focus]) .phone-top-controls button:last-child{padding:5px}
 body:has(.sol-release-view[data-mobile-layout=focus]) #view.sol-release-view[data-focus-token=true]{padding-top:calc(52px + env(safe-area-inset-top))!important}
 /* Terminal keeps its own navigation and tools, but fits the phone's real viewport. */
 body:has(.sol-release-view[data-mobile-layout=classic]){overflow-x:clip}
 body:has(.sol-release-view[data-mobile-layout=classic]) #app>.rail{display:flex!important;width:44px;top:54px;bottom:0;overflow-y:auto;overflow-x:hidden;padding:12px 3px}
 body:has(.sol-release-view[data-mobile-layout=classic]) #app>.rail .nav-button{width:36px;min-height:44px;padding:6px 1px;gap:4px}
 body:has(.sol-release-view[data-mobile-layout=classic]) #app>.rail .nav-button small{font-size:7px}
 body:has(.sol-release-view[data-mobile-layout=classic]) #app>.rail .logo{width:28px;height:28px;margin-bottom:10px}
 body:has(.sol-release-view[data-mobile-layout=classic]) #app>.topbar{display:flex!important;left:0!important;height:54px!important;top:0;max-width:100vw}
 body:has(.sol-release-view[data-mobile-layout=classic]) .topbar>.brand{font-size:17px!important}
 body:has(.sol-release-view[data-mobile-layout=classic]) .topbar>.green-button,body:has(.sol-release-view[data-mobile-layout=classic]) .bx-global-search,body:has(.sol-release-view[data-mobile-layout=classic]) .bx-terminal-label{display:none!important}
 body:has(.sol-release-view[data-mobile-layout=classic]) .sol-release-chain{min-width:0}.sol-release-view[data-mobile-layout=classic]~.sol-release-nav{display:none!important}
 body:has(.sol-release-view[data-mobile-layout=classic]) .sol-release-chain summary{font-size:10px;gap:5px;padding:5px 7px}
 body:has(.sol-release-view[data-mobile-layout=classic]) #view.sol-release-view{margin-left:44px!important;width:calc(100% - 44px)!important;min-width:0!important;padding:66px 8px 30px!important;min-height:100dvh}
 #view.sol-release-view[data-mobile-layout=classic] .bx-market-board{grid-template-columns:minmax(0,1fr)}
 #view.sol-release-view[data-mobile-layout=classic] .sol-readiness-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:359px){body:has(.sol-release-view) .topbar .mobile-chain-icon{display:none!important}.workspace-view-switch>summary{padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.workspace-view-switch button{transition:none}}