/* Mobile-first hardening: compact navigation, touch targets and overflow safety. */
body{overflow-x:hidden}.hero-image{background-image:url('/assets/hero-central-asia.webp')}
button,a,input,select,textarea{touch-action:manipulation}.table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.data-table{min-width:680px}
@media(max-width:720px){
  .topbar{padding:0 16px;gap:12px}.topbar .brand{gap:9px}.topbar .brand>span{width:32px;height:32px}.topbar .brand b{font-size:12px}.topbar>.button{padding:10px 12px;min-height:44px}
  .hero{min-height:calc(100dvh - 66px);max-height:none}.hero-image{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(3,20,18,.97),rgba(3,20,18,.72)),linear-gradient(0deg,rgba(3,20,18,.75),transparent 55%)}.hero-copy{padding:72px 20px 46px}.hero h1{font-size:clamp(38px,12vw,52px);line-height:1.02;margin:18px 0}.hero p{font-size:17px}.hero-copy>div{margin-top:26px}.hero-copy .button{min-height:48px;text-align:center}.risk-note{font-size:12px;line-height:1.45}
  .regulatory{display:block;padding:24px 20px}.country-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.country-status span{padding:10px 0;border-top:1px solid var(--line)}
  .content-section,.sharia,.trust{padding:56px 20px}.content-section h2,.sharia h2,.trust h2{font-size:clamp(34px,10vw,44px)}.asset-grid{margin-top:30px}.asset-card{padding:20px}.asset-card h3,.asset-card>p{min-height:0}.sharia{gap:32px}.certificate{padding:22px;box-shadow:10px 10px 0 rgba(255,255,255,.08)}.certificate dl{grid-template-columns:repeat(3,1fr);gap:8px}.certificate dl div{margin:0}.certificate dd{font-size:13px}.steps{margin-top:30px}.steps h3{margin-top:20px}.trust>div{margin-top:28px}.trust>div span{border-right:0;border-bottom:1px solid #bdcbc5;padding:18px 0}footer{padding:36px 20px}footer .brand{margin-bottom:20px}
  .login-dialog,.client-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:26px 18px;overflow:auto}.login-dialog h2{font-size:30px}.role-login{gap:8px}.role-login button{min-height:58px}.dialog-close{min-width:44px;min-height:44px;right:8px;top:8px}
  .app-shell{display:block;min-height:100dvh}.sidebar{position:sticky;top:0;z-index:20;padding:12px 14px 10px;box-shadow:0 8px 26px rgba(0,0,0,.15)}.sidebar>.brand{display:inline-flex}.role-badge{display:inline-block;margin:10px 0 0;padding:5px 8px;width:auto}.sidebar nav{display:flex;flex-direction:row;overflow-x:auto;gap:6px;margin:9px -14px 0;padding:0 14px 3px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-button{flex:0 0 auto;min-height:42px;padding:9px 13px;background:#0c2b26}.sidebar-foot{position:absolute;right:14px;top:8px;margin:0}.user-mini{display:none}.sidebar-foot>button{min-height:44px;padding:8px;color:#f2b0b0}
  .workspace{padding:20px 14px 32px}.workspace-header{display:flex;align-items:flex-start;gap:12px}.workspace-header h1{font-size:25px;line-height:1.15}.header-meta{margin:0 0 0 auto;flex:0 0 auto}.header-meta .sync-dot,.header-meta small{display:none}.header-meta button{margin:0;min-height:42px;font-size:13px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:112px;padding:16px}.metric strong{font-size:18px;white-space:nowrap}.panel-grid{gap:10px;margin-top:10px}.panel{padding:17px}.panel-head{gap:10px}.panel-head h2{font-size:17px}.kyc-card{padding:17px}.kyc-card .button,.payment-card .button{width:100%;text-align:center;min-height:46px}.holding{grid-template-columns:38px minmax(0,1fr);gap:8px 12px;padding:13px}.holding>*:nth-child(n+3){display:block!important;grid-column:2}.holding>*:nth-child(n+3) b{font-size:14px}.activity li{align-items:flex-start}.activity li>span:first-child{min-width:0}.activity li b{font-size:13px}.toolbar{align-items:center}.toolbar input{min-width:0;width:100%}.cms-card,.broker-form,.news-form{padding:17px}.broker-layout{gap:10px}.form-grid{gap:10px}.form-grid .wide .button{width:100%;min-height:46px}.toast{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));text-align:center}
}
@media(max-width:380px){.metric-grid{grid-template-columns:1fr}.header-meta button{font-size:0}.header-meta button:after{content:'Лендинг';font-size:13px}.certificate dl{grid-template-columns:1fr}.certificate dl div{padding:6px 0;border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}