/* Layout v3: compact navigation, panoramic wallet, action dock, activity workspace. */
@media(min-width:768px){
 body .phone-frame:has(>.crypto-sidebar){align-items:stretch}
 body .phone-frame>.crypto-sidebar{flex:0 0 112px;width:112px;min-height:100dvh;padding:24px 10px;display:flex;flex-direction:column;align-items:stretch;position:sticky;top:0}
 body .crypto-sidebar .botiq-brand{justify-content:center;margin-bottom:24px}
 body .crypto-sidebar .botiq-brand img{width:48px;height:48px}
 body .crypto-sidebar .botiq-brand>span{display:none}
 body .crypto-sidebar .crypto-nav-label{font-size:8px;letter-spacing:.1em;text-align:center;margin:14px 0 12px}
 body .crypto-sidebar .crypto-nav{gap:6px;width:100%}
 body .crypto-sidebar .crypto-nav a{flex-direction:column;justify-content:center;gap:8px;text-align:center;min-height:70px;padding:10px 5px;font-size:9px;line-height:1.4;border-radius:14px}
 body .crypto-sidebar .crypto-nav a i{font-size:21px;line-height:1}
 body .crypto-sidebar .crypto-nav a.active{box-shadow:inset 0 2px #62ff89,0 0 24px #62ff8908}
 body .crypto-sidebar .crypto-sidebar-note{display:none}
 body .phone-frame:has(>.crypto-sidebar)>.screen{padding:22px clamp(24px,4vw,72px) 48px;max-width:1700px;margin:0 auto;min-width:0}
 body .phone-frame>.screen>.top-app-bar{padding-bottom:18px;margin-bottom:28px}
 body .screen>.workspace-heading{padding-bottom:28px}
 body .screen>.workspace-heading h1{font-size:34px}
 body .screen .section-panel{padding:26px}
 body[data-page='overview'] .phone-frame>.screen{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);grid-template-rows:auto auto auto auto auto;gap:24px;align-content:start;align-items:start}
 body[data-page='overview'] .screen>.top-app-bar{grid-area:1/1/2/-1;margin:0}
 body[data-page='overview'] .screen>.wallet-welcome{grid-area:2/1/3/-1;margin:0;padding:6px 0 2px}
 body[data-page='overview'] .wallet-welcome h1{font-size:clamp(30px,2.7vw,42px);margin:8px 0 0}
 body[data-page='overview'] .screen>.wallet-overview{grid-area:3/1/4/-1;margin:0;min-height:250px;display:grid;grid-template-columns:minmax(230px,1.2fr) minmax(230px,1fr) 200px;grid-template-rows:auto auto auto auto;column-gap:32px;padding:30px 34px;align-items:start;overflow:hidden}
 body[data-page='overview'] .wallet-card-top{grid-area:1/1/2/3;max-width:480px}
 body[data-page='overview'] .wallet-balance-caption{grid-area:2/1;align-self:end;margin-top:24px}
 body[data-page='overview'] .wallet-total{grid-area:3/1;font-size:clamp(42px,4vw,64px);margin:5px 0 12px}
 body[data-page='overview'] .wallet-change{grid-area:4/1;margin:0}
 body[data-page='overview'] .wallet-pockets{grid-area:2/2/5/3;display:grid;grid-template-columns:1fr;align-self:stretch;align-content:center;gap:20px;margin:20px 0 0;padding:0 0 0 30px;border:0;border-left:1px solid #b0ffca20}
 body[data-page='overview'] .wallet-pockets>div+div{padding:0;border:0}
 body[data-page='overview'] .wallet-pockets small{font-size:11px}
 body[data-page='overview'] .wallet-pockets strong{font-size:22px;margin-top:4px}
 body[data-page='overview'] .wallet-orb{grid-area:1/3/5/4;position:relative;inset:auto!important;width:210px!important;margin:auto;align-self:center;opacity:1}
 body[data-page='overview'] .screen>.wallet-actions{grid-area:4/1/5/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:14px;margin:0;align-self:auto}
 body[data-page='overview'] .wallet-actions a{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:14px;row-gap:4px;padding:20px;min-height:94px;border-radius:16px}
 body[data-page='overview'] .wallet-actions a>span{grid-area:1/1/3/2;margin:0;width:44px;height:44px}
 body[data-page='overview'] .wallet-actions strong{grid-area:1/2;font-size:13px;align-self:end}
 body[data-page='overview'] .wallet-actions small{display:block;grid-area:2/2;font-size:10px;margin:0;align-self:start}
 body[data-page='overview'] .screen>.portfolio-activity{grid-column:1!important;grid-row:5;width:100%;margin:0!important;padding:26px;min-height:430px;align-self:stretch}
 body[data-page='overview'] .screen>.portfolio-allocation{grid-column:2;grid-row:5;width:100%;margin:0!important;padding:26px;align-self:stretch}
 body[data-page='overview'] .portfolio-holdings{--bs-gutter-x:12px}
 body[data-page='overview'] .portfolio-allocation .metric-card{padding:16px 13px}
 body[data-page='overview'] .portfolio-allocation .metric-card .value{font-size:26px}
 body[data-page='overview'] .portfolio-chart-empty{min-height:110px}
 body .deposit-activity{left:auto;right:24px;bottom:24px;max-width:370px}
}
@media(min-width:768px) and (max-width:1150px){
 body .phone-frame>.crypto-sidebar{flex-basis:94px;width:94px;padding-left:7px;padding-right:7px}
 body .crypto-sidebar .crypto-nav a{font-size:8px;min-height:64px}
 body .phone-frame:has(>.crypto-sidebar)>.screen{padding:20px 24px 40px}
 body[data-page='overview'] .phone-frame>.screen{grid-template-columns:minmax(0,1fr);gap:20px}
 body[data-page='overview'] .screen>.wallet-overview{grid-template-columns:minmax(200px,1.2fr) minmax(180px,1fr);padding:26px;min-height:250px}
 body[data-page='overview'] .wallet-orb{display:none}
 body[data-page='overview'] .wallet-actions a{grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;text-align:center;padding:16px 8px;gap:8px}
 body[data-page='overview'] .wallet-actions a>span{grid-area:1/1}
 body[data-page='overview'] .wallet-actions strong{grid-area:2/1;font-size:12px}
 body[data-page='overview'] .wallet-actions small{grid-area:3/1;font-size:9px}
 body[data-page='overview'] .screen>.portfolio-activity{grid-column:1!important;grid-row:5;min-height:0}
 body[data-page='overview'] .screen>.portfolio-allocation{grid-column:1;grid-row:6}
}
@media(max-width:767px){
 body[data-page='overview'] .phone-frame>.screen{display:flex;flex-direction:column;gap:22px;padding:20px 18px 115px}
 body[data-page='overview'] .screen>.top-app-bar{order:0;margin:0;width:100%}
 body[data-page='overview'] .wallet-welcome{order:1;align-items:flex-start;width:100%;gap:12px}
 body[data-page='overview'] .wallet-welcome h1{font-size:29px;max-width:230px;line-height:1.1}
 body[data-page='overview'] .wallet-member{padding:8px;max-width:44px;min-width:38px;justify-content:center}
 body[data-page='overview'] .wallet-member>span,body[data-page='overview'] .wallet-member>.bi-chevron-right{display:none}
 body[data-page='overview'] .screen>.wallet-overview{order:2;width:100%;margin:0;min-height:260px;padding:22px}
 body[data-page='overview'] .wallet-card-top{font-size:10px}
 body[data-page='overview'] .wallet-balance-caption{margin-top:26px}
 body[data-page='overview'] .wallet-total{position:relative;z-index:1;font-size:44px}
 body[data-page='overview'] .wallet-orb{top:64px!important;right:0!important;width:105px!important;opacity:.4}
 body[data-page='overview'] .screen>.wallet-actions{order:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;width:100%}
 body[data-page='overview'] .wallet-actions a{padding:14px 3px;min-height:94px;align-items:center;text-align:center;gap:9px;border-radius:14px}
 body[data-page='overview'] .wallet-actions a>span{width:34px;height:34px;margin:0;font-size:18px}
 body[data-page='overview'] .wallet-actions strong{font-size:9px}
 body[data-page='overview'] .wallet-actions small{display:none}
 body[data-page='overview'] .screen>.portfolio-activity{order:4;width:100%;margin:0!important;padding:20px}
 body[data-page='overview'] .screen>.portfolio-allocation{order:5;width:100%;margin:0!important;padding:20px}
 body .deposit-activity{left:16px;right:16px;bottom:94px;max-width:none}
}
@media(min-width:1151px) and (max-width:1350px){body[data-page='overview'] .phone-frame>.screen{grid-template-columns:minmax(0,1.3fr) minmax(330px,1fr)}body[data-page='overview'] .wallet-actions a{padding:18px 14px;column-gap:10px}body[data-page='overview'] .wallet-actions strong{font-size:12px}}