/* LuckHaus F62 · Mobile UX Polish
   Capa final: mejora objetivos táctiles y respiración móvil sin alterar lógica. */

@media(max-width:760px){
  body.f62-mobile-ux .menu-toggle,
  body.f62-mobile-ux .sidebar-close{
    display:inline-grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }

  body.f62-mobile-ux .logout-button,
  body.f62-mobile-ux .more-logout-form button{
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.f62-mobile-ux .raffle-switcher select,
  body.f62-mobile-ux .bingo-switcher select{
    min-height:44px!important;
  }
  body.f62-mobile-ux .bottom-nav>a,
  body.f62-mobile-ux .bottom-nav>button{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:52px!important;
    padding:4px 6px!important;
    line-height:1.15!important;
  }

  body.f62-mobile-ux .bottom-nav .sale-main{
    min-height:52px!important;
  }

  body.f62-mobile-ux .btn:not(.tiny),
  body.f62-mobile-ux .sales-filter-pills a,
  body.f62-mobile-ux .workspace-tabs button,
  body.f62-mobile-ux .settings-tabs button,
  body.f62-mobile-ux .module-subnav a,
  body.f62-mobile-ux .finance-module-tabs a,
  body.f62-mobile-ux .report-period-tabs a{
    min-width:44px!important;
    min-height:44px!important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }


  /* Navegación lateral: toda fila de menú debe ser táctil, no solo el texto. */
  body.f62-mobile-ux .sidebar nav a,
  body.f62-mobile-ux .sidebar .nav-submenu a,
  body.f62-mobile-ux .sidebar .seller-flat-link,
  body.f62-mobile-ux .sidebar .raffle-chip,
  body.f62-mobile-ux .sidebar .luckhaus-brand{
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
  }

  /* Acciones compactas siguen siendo compactas visualmente, pero con hit-area móvil real. */
  body.f62-mobile-ux .btn.tiny,
  body.f62-mobile-ux table.f61-table .row-actions .btn,
  body.f62-mobile-ux .flyer-grid-preset{
    min-width:44px!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.f62-mobile-ux .bottom-nav>a,
  body.f62-mobile-ux .bottom-nav>button{
    min-width:44px!important;
  }

  /* Tarjetas y accesos operativos principales del dashboard. */
  body.f62-mobile-ux .dashboard-global-strip>a,
  body.f62-mobile-ux .f24-kpis>a,
  body.f62-mobile-ux .f24-module-control footer>a,
  body.f62-mobile-ux .dashboard-module-actions>a,
  body.f62-mobile-ux .dashboard-module-actions>button,
  body.f62-mobile-ux .f57-list-card header>a,
  body.f62-mobile-ux .f24-team-head>a,
  body.f62-mobile-ux .event-start-readiness a{
    min-width:44px!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
  }
  body.f62-mobile-ux .more-sheet :where(a,button,summary),
  body.f62-mobile-ux .sale-launcher-sheet :where(a,button),
  body.f62-mobile-ux .more-quick-card,
  body.f62-mobile-ux .more-sheet-action,
  body.f62-mobile-ux .sale-launcher-card{
    min-height:44px!important;
  }

  body.f62-mobile-ux .modal-close{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }

  body.f62-mobile-ux input:not([type="checkbox"]):not([type="radio"]),
  body.f62-mobile-ux select,
  body.f62-mobile-ux textarea{
    min-height:44px!important;
  }

  body.f62-mobile-ux .pagination-bar :where(a,button,.btn){
    min-height:44px!important;
  }
}

@media(max-width:430px){
  body.f62-mobile-ux .page-wrap{
    padding-inline:12px!important;
  }
  body.f62-mobile-ux .row-actions{
    gap:8px!important;
  }
}