/* DC CONTROL 10.4.81r12 — corrección quirúrgica de navegación móvil.
   Conserva intactos colores, KPI y tarjetas r11. Sólo fija la barra inferior en iPhone. */
@media(max-width:700px){
  :root{--dc-mobile-nav-h:72px}
  body{padding-bottom:calc(var(--dc-mobile-nav-h) + env(safe-area-inset-bottom) + 12px)!important}
  #view{padding-bottom:calc(var(--dc-mobile-nav-h) + env(safe-area-inset-bottom) + 18px)!important}
  .bottom-nav,
  .bottom-nav.v1049-nav-centered{
    position:fixed!important;
    left:max(6px,env(safe-area-inset-left))!important;
    right:max(6px,env(safe-area-inset-right))!important;
    bottom:max(4px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
    padding:5px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    border-radius:20px!important;
  }
  .bottom-nav button,
  .bottom-nav button.nav1048,
  .bottom-nav button.nav1048.active{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:5px 1px!important;
    box-sizing:border-box!important;
    transform:none!important;
    overflow:hidden!important;
  }
  .bottom-nav button.nav1048 .nav-icon1048{width:24px!important;height:24px!important;flex:0 0 24px!important;margin:0 auto 2px!important}
  .bottom-nav button.nav1048 .nav-icon1048 svg{width:22px!important;height:22px!important}
  .bottom-nav button.nav1048 small,
  .bottom-nav button.nav1048 .nav-label1048{display:block!important;width:100%!important;max-width:100%!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;text-align:center!important}
}
@media(max-width:390px){
  :root{--dc-mobile-nav-h:68px}
  .bottom-nav,.bottom-nav.v1049-nav-centered{left:max(4px,env(safe-area-inset-left))!important;right:max(4px,env(safe-area-inset-right))!important;gap:3px!important;padding:4px!important}
  .bottom-nav button,.bottom-nav button.nav1048,.bottom-nav button.nav1048.active{height:55px!important;min-height:55px!important;padding:4px 0!important;border-radius:14px!important}
  .bottom-nav button.nav1048 small,.bottom-nav button.nav1048 .nav-label1048{font-size:8px!important}
}