/* Compact phone Flow. No zoom/scaling, no hidden features, no Terminal overrides. */
@media(max-width:760px), (pointer:coarse) and (hover:none) and (max-height:760px){
 body.theor-modern:has(#view.sol-release-view[data-mobile-layout=focus]){
  --flow-header-height:52px;
  --flow-nav-height:58px;
  --flow-nav-bottom:10px;
  --flow-product-height:34px;
  --flow-phone-inset:14px;
  background:#080d0e;
 }

 /* Measured header/rail offsets also work with a safe area and after navigation. */
 body.theor-modern:has(#view[data-mobile-layout=focus]) #app>.topbar{
  height:calc(var(--flow-header-height) + env(safe-area-inset-top,0px))!important;
  padding-top:env(safe-area-inset-top,0px)!important;
  padding-left:var(--flow-phone-inset)!important;
  padding-right:76px!important;
  background:#080d0ef5!important;
  border-bottom:1px solid #c7ebd80b!important;
  box-shadow:none;
 }
 body.theor-modern:has(#view[data-mobile-layout=focus]) #app>.topbar>.brand{
  font-size:17px!important;letter-spacing:-.65px;gap:5px;
 }
 body.theor-modern:has(#view[data-mobile-layout=focus]) .theor-brand-mark{width:19px;height:25px;filter:none}
 body.theor-modern:has(#view[data-mobile-layout=focus]) .topbar>.brand em{color:#b7e9bf;text-shadow:none}
 body.theor-modern:has(#view[data-mobile-layout=focus]) .phone-top-controls{gap:4px}
 body.theor-modern:has(#view[data-mobile-layout=focus]) .phone-top-controls>button{
  min-height:34px;padding:5px 7px;font-size:10px;border-radius:17px;
  background:#101c17;border-color:#b2d3bf24;box-shadow:none;
 }
 body.theor-modern:has(#view[data-mobile-layout=focus]) .phone-top-controls .mobile-chain-icon{width:18px;height:18px;font-size:9px}
 body.theor-modern:has(#view[data-mobile-layout=focus]) #app>.workspace-view-switch{
  top:calc(env(safe-area-inset-top,0px) + 9px);right:12px;height:34px;
  background:#101c17;border-color:#b2d3bf24;box-shadow:none;
 }
 body.theor-modern:has(#view[data-mobile-layout=focus]) .workspace-view-locked{height:32px;padding:5px 10px;font-size:9px}
 body.theor-modern:has(#view[data-mobile-layout=focus]) .credits-rail-host{height:28px;background:#0c1711;border-color:#c7ebd80c}
 body.theor-modern:has(#view[data-mobile-layout=focus]) .credits-rail{
  padding:3px var(--flow-phone-inset)!important;gap:9px;
  background:linear-gradient(90deg,#11251a,#0c1711)!important;
 }
 body.theor-modern:has(#view[data-mobile-layout=focus]) .credits-rail-label{gap:6px}
 body.theor-modern:has(#view[data-mobile-layout=focus]) .credits-rail-label strong{font-size:10px}
 body.theor-modern:has(#view[data-mobile-layout=focus]) .credits-rail-label svg{width:14px;height:14px}
 body.theor-modern:has(#view[data-mobile-layout=focus]) .credits-rail-label>i{width:4px;height:4px;box-shadow:0 0 5px #b8ff7066}
 body.theor-modern:has(#view[data-mobile-layout=focus]) .credits-rail-track{height:3px}
 body.theor-modern:has(#view[data-mobile-layout=focus]) .credits-rail-next{font-size:8px;max-width:120px}
 body.theor-modern:has(#view[data-mobile-layout=focus]) .topbar .theor-product-switch{
  top:calc(var(--credits-rail-bottom,var(--flow-header-height)) + 4px)!important;
  left:var(--flow-phone-inset);right:var(--flow-phone-inset);transform:none;
  width:auto;max-width:none;height:var(--flow-product-height);padding:3px;
  border-radius:12px;border-color:#b2d3bf1c;background:#0c1813f5;box-shadow:none;
 }
 body.theor-modern:has(#view[data-mobile-layout=focus]) .theor-product-switch button{
  min-height:26px;padding:4px 10px;font-size:11px;border-radius:9px;gap:5px;
 }
 body.theor-modern:has(#view[data-mobile-layout=focus]) .theor-product-switch button[aria-pressed=true]{box-shadow:none}
 body.theor-modern:has(#view[data-mobile-layout=focus]) #view.sol-release-view:not([data-focus-token=true]){
  padding-top:calc(var(--credits-rail-bottom,var(--flow-header-height)) + var(--flow-product-height) + 16px)!important;
  padding-right:var(--flow-phone-inset);padding-left:var(--flow-phone-inset);
  padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;
  background:#080d0e;
 }
 body.theor-modern:has(#view[data-mobile-layout=focus]) #view .sol-traders .tools-tabs,
 body.theor-modern:has(#view[data-mobile-layout=focus]) #view .sol-track .track-tabs{
  top:calc(var(--credits-rail-bottom,var(--flow-header-height)) + var(--flow-product-height) + 8px)!important;
 }

 /* A quiet balance summary instead of a large glowing card. */
 body.theor-modern #view[data-mobile-layout=focus] .flow-home:before{display:none;animation:none}
 body.theor-modern #view[data-mobile-layout=focus] .flow-home .phone-balance{
  min-height:82px;padding:9px 2px;margin:0 0 10px;gap:12px;
  border:0;border-radius:0;background:none;box-shadow:none;
 }
 body.theor-modern #view[data-mobile-layout=focus] .phone-balance>div{gap:6px}
 body.theor-modern #view[data-mobile-layout=focus] .flow-home-eyebrow{display:none}
 body.theor-modern #view[data-mobile-layout=focus] .flow-home .phone-balance strong{
  font-size:36px;line-height:1.1;letter-spacing:-1.6px;font-weight:600;text-shadow:none;
 }
 body.theor-modern #view[data-mobile-layout=focus] .flow-home .phone-balance small{
  font-size:11px;line-height:1.4;max-width:180px;color:#8da798;
 }
 body.theor-modern #view[data-mobile-layout=focus] .flow-home .flow-deposit{
  min-width:112px;min-height:44px;padding:10px 14px;margin:0;
  font-size:13px;border-radius:12px;box-shadow:inset 0 1px #edfff542!important;border-color:#bcffd766!important;
 }
 body.theor-modern #view[data-mobile-layout=focus] .flow-deposit:after{display:none;animation:none}
 body.theor-modern #view[data-mobile-layout=focus] .flow-deposit>.icon{width:16px;height:16px}
 body.theor-modern #view[data-mobile-layout=focus] .flow-home-tabs>.phone-segment{margin:0 0 8px;border-color:#bcffcf12}
 body.theor-modern #view[data-mobile-layout=focus] .flow-home-tabs>.phone-segment>button{
  min-height:44px;padding:10px 4px 12px;font-size:13px;gap:6px;font-weight:600;text-shadow:none;
 }
 body.theor-modern #view[data-mobile-layout=focus] .flow-home-tabs .icon{width:17px;height:17px;filter:none}
 body.theor-modern #view[data-mobile-layout=focus] .flow-home-tabs>.phone-segment>[aria-pressed=true]:after{left:12%;right:12%;box-shadow:none}
 body.theor-modern #view[data-mobile-layout=focus] .flow-home .phone-market-filters{
  grid-template-columns:minmax(0,1fr) 34px;gap:6px;min-height:38px;margin:0 0 4px;
 }
 body.theor-modern #view[data-mobile-layout=focus] .flow-home .phone-market-filters>.phone-segment{gap:6px;padding:2px 0 4px}
 body.theor-modern #view[data-mobile-layout=focus] .flow-home .phone-market-filters .phone-segment button{
  min-height:32px;padding:6px 9px;font-size:10px;line-height:1.4;border-radius:9px;
  background:#0f1b16;border-color:#b0ddbe1c;box-shadow:none;color:#96ae9f;
 }
 body.theor-modern #view[data-mobile-layout=focus] .flow-home .phone-market-filters .phone-segment [aria-pressed=true]{
  background:#203e2b;border-color:#a5e9b64d;color:#daf1d8;box-shadow:none;
 }
 body.theor-modern #view[data-mobile-layout=focus] .flow-home .phone-market-filters>button{
  width:34px;min-height:34px;padding:8px;border-radius:10px;
  background:#14251b;border-color:#a5e9b62c;box-shadow:none;
 }
 body.theor-modern #view[data-mobile-layout=focus] .flow-home .phone-launch-filters{margin:0 0 8px}
 body.theor-modern #view[data-mobile-layout=focus] .flow-home .phone-launch-filters button{min-height:34px;padding:6px 8px;font-size:10px;border-radius:9px;box-shadow:none}

 /* Compact rows retain readable prices, secondary metadata and full tap targets. */
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list article{min-height:68px;border-color:#b8dfc510}
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list article>button:first-child{
  min-height:67px;padding:10px 0;gap:10px;background:none;
 }
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list .avatar{
  width:40px;height:40px;flex-shrink:0;border-radius:50%;box-shadow:none;font-size:15px;
 }
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list .is-favorite .avatar{border-color:#abebbb60;box-shadow:none}
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list .phone-token-identity{gap:3px;min-width:0}
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list strong{font-size:15px;font-weight:600;letter-spacing:-.3px}
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list small{font-size:10px;line-height:1.35;color:#8da798}
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list .phone-token-value{gap:5px;max-width:43%}
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list .phone-token-value>strong{font-size:15px;letter-spacing:-.4px}
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list .phone-token-value>small{padding:0;background:none!important;text-shadow:none}
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list .phone-token-origin{font-size:9px}
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list article>button:last-child{
  width:36px;min-width:36px;min-height:44px;padding:8px;align-self:center;
 }
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list .saved .icon{filter:none}
 body.theor-modern #view[data-mobile-layout=focus] .phone-hot-row{min-height:68px;padding-block:10px}
 body.theor-modern #view[data-mobile-layout=focus] .phone-hot-row .avatar{width:36px;height:36px}
 body.theor-modern #view[data-mobile-layout=focus] .flow-market-details{margin-top:12px;padding-top:8px}
 body.theor-modern #view[data-mobile-layout=focus] .flow-watchlist-empty{min-height:210px;gap:10px;padding:22px 10px}
 body.theor-modern #view[data-mobile-layout=focus] .flow-watchlist-empty>span{width:48px;height:48px;border-radius:16px;box-shadow:none}
 body.theor-modern #view[data-mobile-layout=focus] .flow-watchlist-empty>span>.icon{width:22px;height:22px;filter:none}

 /* The other Flow sections use the same quieter density. Inputs stay 16px. */
 body.theor-modern #view[data-mobile-layout=focus] .page-heading{margin-bottom:14px}
 body.theor-modern #view[data-mobile-layout=focus] .page-heading h1{font-size:21px;letter-spacing:-.6px}
 body.theor-modern #view[data-mobile-layout=focus] :is(.sol-phone-content,.sol-track,.sol-traders) .empty{min-height:160px;padding:24px 10px}
 body.theor-modern #view[data-mobile-layout=focus] .phone-market-empty>.empty{min-height:160px}
 body.theor-modern #view[data-mobile-layout=focus] :is(.sol-ref-code,.credits-hero,.credit-raffle){padding:16px;border-radius:16px;box-shadow:none}
 body.theor-modern #view[data-mobile-layout=focus] .credits-page{padding:2px 0 32px}
 body.theor-modern #view[data-mobile-layout=focus] .credit-page-heading{margin-bottom:14px;gap:10px}
 body.theor-modern #view[data-mobile-layout=focus] .credit-page-heading h1{font-size:24px}
 body.theor-modern #view[data-mobile-layout=focus] .credits-hero>strong{font-size:38px}
 body.theor-modern #view[data-mobile-layout=focus] .credit-orbit{width:44px;height:44px;right:16px;top:16px;border-radius:14px}
 body.theor-modern #view[data-mobile-layout=focus] .credit-orbit svg{width:24px;height:24px}
 body.theor-modern #view[data-mobile-layout=focus] .credit-referral-link{padding:13px;margin-bottom:16px;border-radius:13px}
 body.theor-modern #view[data-mobile-layout=focus] .profile-cover{height:68px;margin-inline:calc(-1 * var(--flow-phone-inset))}
 body.theor-modern #view[data-mobile-layout=focus] .profile-avatar{width:60px;height:60px;box-shadow:none}
 body.theor-modern #view[data-mobile-layout=focus] .profile-avatar img{width:34px;height:34px}
 body.theor-modern #view[data-mobile-layout=focus] .profile-identity-row{margin-top:-25px}
 body.theor-modern #view[data-mobile-layout=focus] .profile-hero{padding-bottom:16px}
 body.theor-modern #view[data-mobile-layout=focus] .profile-hero h1{font-size:21px;margin-top:12px}
 body.theor-modern #view[data-mobile-layout=focus] .profile-portfolio{padding-top:18px}
 body.theor-modern #view[data-mobile-layout=focus] .profile-portfolio-heading strong{font-size:28px}
 body.theor-modern #view[data-mobile-layout=focus] .profile-value-chart{height:160px}
 body.theor-modern #view[data-mobile-layout=focus] .track-event{padding:16px 0;gap:9px}
 body.theor-modern #view[data-mobile-layout=focus] .track-copy{font-size:13px;line-height:1.55}
 body.theor-modern #view[data-mobile-layout=focus] .track-token-card{padding:10px;border-radius:12px;box-shadow:none}
 body.theor-modern #view[data-mobile-layout=focus] .track-token-main>.avatar{width:34px;height:34px;flex-basis:34px}
 body.theor-modern #view[data-mobile-layout=focus] .sol-track .track-tabs button{min-height:44px;font-size:13px}
 body.theor-modern #view[data-mobile-layout=focus] .caller-card{padding:13px;border-radius:15px;box-shadow:none}
 body.theor-modern #view[data-mobile-layout=focus] .launchpad-hero{padding:12px 0 18px;gap:12px}
 body.theor-modern #view[data-mobile-layout=focus] .launchpad-hero h1{font-size:29px;letter-spacing:-1.2px}
 body.theor-modern #view[data-mobile-layout=focus] .launchpad-orbit{width:80px;height:105px}
 body.theor-modern #view[data-mobile-layout=focus] .launchpad-panel{padding:16px 14px;border-radius:15px;box-shadow:none}
 body.theor-modern #view[data-mobile-layout=focus] .launchpad-panel header{margin-bottom:17px}

 body.theor-modern:has(#view[data-mobile-layout=focus]) .sol-release-nav{
  left:14px;right:14px;bottom:calc(var(--flow-nav-bottom) + env(safe-area-inset-bottom,0px));
  height:var(--flow-nav-height);padding:6px;max-width:500px;border-radius:24px;
  background:#101b16f5;border-color:#b3d7bf25;box-shadow:0 6px 24px #0006;
 }
 body.theor-modern:has(#view[data-mobile-layout=focus]) .sol-release-nav>button{
  width:19%;height:44px;min-height:44px;padding:9px;border-radius:18px;
  color:#8da798;border-color:transparent;background:none;box-shadow:none;
 }
 body.theor-modern:has(#view[data-mobile-layout=focus]) .sol-release-nav>button.active{
  color:#d8f3df;border-color:transparent;background:#233d2e;box-shadow:none;
 }
 body.theor-modern:has(#view[data-mobile-layout=focus]) .sol-release-nav .icon{width:22px;height:22px;filter:none}
 body.theor-modern:has(#view[data-mobile-layout=focus]) .phone-nav-profile{width:25px;height:25px;border-width:1px;box-shadow:none}
 body.theor-modern:has(#view[data-mobile-layout=focus]) .phone-nav-profile>img{width:18px!important;height:18px!important}
}

@media(max-width:359px){
 body.theor-modern:has(#view[data-mobile-layout=focus]){--flow-phone-inset:12px}
 body.theor-modern:has(#view[data-mobile-layout=focus]) #app>.topbar{padding-right:67px!important;gap:5px!important}
 body.theor-modern:has(#view[data-mobile-layout=focus]) #app>.topbar>.brand{font-size:16px!important}
 body.theor-modern #view[data-mobile-layout=focus] .flow-home .phone-balance strong{font-size:33px}
 body.theor-modern #view[data-mobile-layout=focus] .flow-home .flow-deposit{min-width:102px;padding-inline:11px;font-size:12px}
 body.theor-modern #view[data-mobile-layout=focus] .flow-home-tabs>.phone-segment>button{font-size:12px;gap:4px}
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list .avatar{width:36px;height:36px}
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list article>button:first-child{gap:8px}
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list strong,
 body.theor-modern #view[data-mobile-layout=focus] .phone-token-list .phone-token-value>strong{font-size:14px}
}

@media(prefers-reduced-motion:reduce){
 body.theor-modern:has(#view[data-mobile-layout=focus]) .credits-rail-label>i{animation:none}
 body.theor-modern #view[data-mobile-layout=focus] .flow-home:before,
 body.theor-modern #view[data-mobile-layout=focus] .flow-deposit:after{animation:none}
}

@media(forced-colors:active){
 body.theor-modern:has(#view[data-mobile-layout=focus]) .sol-release-nav>button.active{outline:1px solid Highlight}
}