/* Compact Prime Trade layout. Keep controls readable in Telegram's small windows. */
#root .app-shell{padding-bottom:calc(78px + var(--app-safe-bottom,0px))!important}
#root .app-shell>.topbar{padding:10px 12px!important;gap:8px!important}
#root .brand-logo-img{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;flex-basis:30px!important}
#root .brand,#root .app-shell>.topbar .brand{gap:8px!important}
#root .brand::after,#root .app-shell>.topbar .brand::after{font-size:20px!important;letter-spacing:.06em!important}
#root .app-shell>.topbar .header-language{width:36px!important;min-width:36px!important;min-height:36px!important;border-radius:11px!important}
#root .app-shell>.topbar .header-language>svg{width:19px!important;height:19px!important}
#root .screen{padding:12px!important;gap:12px!important}
#root .card{padding:16px!important;border-radius:16px!important}
#root .hero-panel{padding:16px!important;min-height:0!important;border-radius:17px!important}
#root .hero-panel h1{font-size:22px!important;line-height:1.15!important;margin:0 0 8px!important}
#root .hero-direction-title{font-size:16px!important;line-height:1.3!important;margin:0 0 6px!important;max-width:calc(100% - 58px)!important}
#root .hero-direction-lead{font-size:12px!important;line-height:1.4!important;max-width:calc(100% - 58px)!important;margin:0!important}
#root .prime-hero-icon{width:45px!important;right:13px!important;bottom:20px!important}
#root [dir=rtl] .prime-hero-icon{right:auto!important;left:13px!important}
#root .metric-row{gap:10px!important}
#root .metric-row>.metric.market-card:nth-child(n){min-height:126px!important;padding:11px 11px 22px!important;border-radius:17px!important;justify-content:flex-start!important}
#root .metric-row>.market-card .prime-market-icon{width:34px!important;height:34px!important;flex-basis:34px!important;margin:0 0 6px!important;border-radius:11px!important}
#root .prime-market-icon svg{width:25px!important;height:25px!important}
#root .metric-row>.market-card .market-kicker{top:11px!important;inset-inline-end:9px!important}
#root .metric-row>.market-card .market-badge{font-size:10px!important;line-height:1.15!important;padding:3px 5px!important;border-radius:8px!important}
#root .metric-row>.market-card strong{font-size:19px!important;line-height:1.15!important;margin:0 0 4px!important;letter-spacing:-.02em!important}
#root .metric-row>.market-card p{font-size:12px!important;line-height:1.35!important;margin:0!important}
#root .metric-row>.market-card::after{font-size:26px!important;inset:auto 12px 8px auto!important}
#root .metric-row>.metric.market-card.market-forex{min-height:84px!important;padding:13px 14px 13px 58px!important;justify-content:center!important}
#root .market-forex .prime-market-icon{inset-inline-start:12px!important;margin:0!important}
#root .metric-row>.market-forex strong{font-size:18px!important;padding-inline-end:92px!important}
#root .metric-row>.market-forex p{font-size:11px!important;padding-inline-end:0!important}
#root .metric-row>.market-card.disabled::after{font-size:20px!important}
#root .bottom-nav{padding:5px 6px calc(5px + var(--app-safe-bottom,0px))!important;gap:6px!important;border-radius:18px 18px 0 0!important}
#root .bottom-nav .nav-button{min-height:52px!important;padding:6px 4px!important;border-radius:14px!important;gap:4px!important;font-size:12px!important;line-height:1.15!important}
#root .bottom-nav .nav-button svg{width:20px!important;height:20px!important}
#root .pair-card,#root .expiry-button{min-height:48px!important;border-radius:12px!important}
#root .profile-hero,#root .education-hero{padding:16px!important}
#root .profile-stat,#root .education-stat,#root .signal-meta-item{padding:11px!important;border-radius:14px!important}
#root .section-heading h2,#root .pair-header h2,#root .signal-top h2,#root .profile-name h2{font-size:21px!important;line-height:1.2!important}
#root .education-module-focus-head{padding:16px!important}
#root .signal-loader-card{min-height:0!important;padding:28px 16px!important}
#root .golden-analysis-loader{transform:scale(.85);margin-top:4px!important;margin-bottom:4px!important}
@media(max-width:350px){
 #root .brand::after,#root .app-shell>.topbar .brand::after{font-size:18px!important}
 #root .hero-panel h1{font-size:21px!important}
 #root .hero-direction-title{font-size:15px!important}
 #root .metric-row>.market-card strong{font-size:18px!important}
 #root .metric-row>.market-card .market-badge{font-size:9px!important;padding:3px 4px!important}
 #root .bottom-nav .nav-button{font-size:11px!important}
}
@media(max-height:700px){
 #root .screen{gap:10px!important}
 #root .hero-panel{padding:13px 15px!important}
 #root .hero-panel h1{font-size:20px!important;margin-bottom:6px!important}
 #root .hero-direction-title{font-size:15px!important;margin-bottom:4px!important}
 #root .metric-row>.metric.market-card:nth-child(n){min-height:118px!important;padding-top:9px!important;padding-bottom:18px!important}
 #root .metric-row>.metric.market-card.market-forex{min-height:78px!important;padding:11px 12px 11px 56px!important}
}