/* Bixein mobile shell. Desktop layout and every existing feature remain available. */
.mobile-bottom-nav,.mobile-connection {display:none}
@media(max-width:768px){
 :root{--mobile-nav-height:64px}
 html{scroll-padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));}
 body{min-height:100dvh;background-attachment:scroll}
 body.mobile-menu-open{overflow:hidden}
 .app-main{padding:1rem .75rem calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px) + 1.25rem)!important;min-width:0}
 .sidebar{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);overscroll-behavior:contain}
 .sidebar-menu{flex:1;overflow-y:auto;min-height:0}
 .sidebar-brand{flex-shrink:0}
 .sidebar .menu-item{min-height:48px}
 .sidebar.open{display:flex;flex-direction:column}
 .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:900;min-height:var(--mobile-nav-height);padding:6px max(.2rem,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(.2rem,env(safe-area-inset-left,0px));background:#0c1122f5;border-top:1px solid #263248;backdrop-filter:blur(12px)}
 .mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:48px;color:var(--text-secondary);font:600 .67rem var(--font-sans);border-radius:9px;cursor:pointer}
 .mobile-bottom-nav svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .mobile-bottom-nav [aria-current="page"],.mobile-bottom-nav [aria-expanded="true"]{color:var(--neon-cyan);background:#00f3ff0c}
 .mobile-connection:not([hidden]){display:block;padding:.7rem 1rem;background:#422b12;color:#fde68a;font-size:.8rem;line-height:1.5;border-block:1px solid #75551e}
 .mobile-connection[data-state="checking"]{background:#102938;color:#a5e9f3;border-color:#155e75}
 .view-header{gap:.75rem;margin-bottom:1rem}
 .view-title{font-size:clamp(1.25rem,5.2vw,1.8rem);overflow-wrap:anywhere}
 .view-subtitle{line-height:1.5;overflow-wrap:anywhere}
 .app-main .panel,.app-main .glass,.app-main .indicator-stat-card{min-width:0;max-width:100%}
 .app-main .dashboard-grid,.app-main .detail-grid,.app-main .detail-analysis-grid{grid-template-columns:minmax(0,1fr)}
 .app-main [style*="grid-template-columns: repeat(auto-fit"],.app-main [style*="grid-template-columns: 1fr 1fr"],.app-main [style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}
 .app-main .table-wrapper,.app-main .table-container,.app-main .portfolio-table-wrapper,.app-main .portfolio-orders-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain}
 .app-main .market-table{white-space:nowrap}
 .app-main input,.app-main select,.app-main textarea{max-width:100%;font-size:16px!important;min-height:44px}
 .app-main button,.app-main .btn,.modal-content button,.modal-content input,.modal-content select{min-height:44px}
 .search-results-dropdown{width:100%;max-height:55dvh;overflow:auto}
 .modal-overlay{padding:max(.5rem,env(safe-area-inset-top,0px)) .5rem max(.5rem,env(safe-area-inset-bottom,0px))}
 .modal-content{width:min(100%,600px);max-height:calc(100dvh - 1rem);margin:auto;overflow:auto;padding:1rem!important}
 .asset-chart-panel{height:100%;max-height:100dvh;border-radius:9px}
 .asset-chart-toolbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;flex-shrink:0}
 .asset-chart-toolbar button{flex-shrink:0;min-height:44px}
 .chart-quick-card{padding-bottom:max(1rem,env(safe-area-inset-bottom,0px))}
 .header-action-row{padding-inline:.75rem!important}
 .mobile-bottom-nav.keyboard-open{display:none}
}
@media(max-width:360px){.mobile-bottom-nav a,.mobile-bottom-nav button{font-size:.61rem}.app-main{padding-inline:.5rem!important}.header-meta{flex-wrap:wrap}}