/* Mobile application shell: grouped operational navigation, not a collapsed desktop rail. */
.mobile-side-head{display:none}
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}.app{display:block;min-height:100vh}
  .side{position:sticky!important;top:0;z-index:60;height:auto!important;min-height:0;padding:0!important;overflow:visible!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 8px 26px rgba(16,24,28,.13)}
  .side>.brand{display:none}.mobile-side-head{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px;position:relative;z-index:2;background:#10171a}
  .mobile-brand{min-width:0;display:flex;align-items:baseline;gap:10px;color:#f6f7f6}.mobile-brand b{font-family:var(--font-display);font-size:16px;letter-spacing:.12em;font-weight:680;line-height:1}.mobile-brand span{max-width:55vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.56)}
  .mobile-menu{appearance:none;width:42px;height:42px;flex:0 0 42px;display:grid;place-content:center;gap:5px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.045);cursor:pointer}.mobile-menu span{display:block;width:18px;height:1.5px;border-radius:9px;background:rgba(255,255,255,.9);transition:transform .16s ease,opacity .16s ease}.side.menu-open .mobile-menu span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.side.menu-open .mobile-menu span:nth-child(2){opacity:0}.side.menu-open .mobile-menu span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .side .nav{display:none!important;position:absolute;left:9px;right:9px;top:calc(100% + 7px);max-height:min(74vh,620px);overflow:auto;grid-template-columns:1fr;gap:3px;padding:10px 10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#11181b;box-shadow:0 22px 48px rgba(7,12,14,.34)}.side.menu-open .nav{display:grid!important}
  .side .nav .group{display:flex!important;margin:13px 8px 5px!important}.side .nav .group:first-child{margin-top:4px!important}.side .nav button{width:100%!important;min-width:0;min-height:46px;margin:0;padding:10px 12px;white-space:normal!important;line-height:1.2;text-align:left;border-radius:9px;background:transparent}.side .nav button.active::before{top:18%;bottom:18%}
  .main{padding:16px 16px 34px!important;min-width:0}.top{display:grid!important;grid-template-columns:minmax(0,1fr);gap:9px;align-items:center;margin-bottom:18px!important;padding-bottom:13px!important}.identity-button{padding:3px 1px!important;margin:0!important;min-width:0;max-width:100%}.identity-button .k{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.identity-hint{display:none}.top .tools{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;flex-wrap:nowrap}.top .tools select{width:100%;min-width:0;height:42px}.top .tools .btn{height:42px;white-space:nowrap;padding-inline:14px}.page{min-width:0}
}
@media(max-width:520px){.mobile-side-head{min-height:62px;padding:9px 12px}.mobile-brand b{font-size:15px}.mobile-brand span{font-size:9px;max-width:48vw}.mobile-menu{width:40px;height:40px;flex-basis:40px}.side .nav{left:7px;right:7px;padding:8px 8px 12px;border-radius:12px}.side .nav button{min-height:44px}.main{padding:14px 12px 30px!important}}
