/* HydroCRM 3.2.9 - navegación móvil aislada; no modifica Dirección 360 */
@media(max-width:820px){
  .shell:not(.dashboard-shell){display:block;min-height:100vh}
  .shell:not(.dashboard-shell)>aside{display:block!important;position:sticky;top:0;z-index:80;width:100%;padding:10px 12px;background:#071f35;box-shadow:0 5px 16px rgba(4,24,40,.18)}
  .shell:not(.dashboard-shell)>aside .brand{display:flex;align-items:center;min-height:42px;margin:0 0 7px;padding:0 4px;font-size:17px}
  .shell:not(.dashboard-shell)>aside nav{display:flex!important;gap:6px;width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 0 7px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .shell:not(.dashboard-shell)>aside nav a,.shell:not(.dashboard-shell)>aside .nav-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-height:38px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);font-size:11px;line-height:1.1;white-space:nowrap}
  .shell:not(.dashboard-shell)>aside nav form{flex:0 0 auto;margin:0}
  .shell:not(.dashboard-shell)>main{width:100%;padding:18px 14px 40px}
  .shell:not(.dashboard-shell)>main>header{align-items:flex-start;flex-direction:column}
  .shell:not(.dashboard-shell)>main>header .header-actions{display:flex;width:100%;flex-direction:row;flex-wrap:wrap}
  .shell:not(.dashboard-shell)>main>header .header-actions a,.shell:not(.dashboard-shell)>main>header .header-actions button{flex:1 1 auto;text-align:center}
}