/* Cut Master v4.33 · navegación móvil tipo app */
.cm-mobile-bottom-nav{display:none}
@media(max-width:820px){
  :root{--cm-mobile-nav-h:72px}
  body.easy-ui{padding-bottom:calc(var(--cm-mobile-nav-h) + env(safe-area-inset-bottom))!important}
  .easy-ui #mobileMenuBtn{display:none!important}
  .easy-ui .cm-mobile-bottom-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:20000;
    display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
    min-height:var(--cm-mobile-nav-h);
    padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));
    background:rgba(255,255,255,.98);border-top:1px solid #dce4ee;
    box-shadow:0 -8px 26px rgba(17,39,66,.12);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
  }
  .easy-ui .cm-mobile-nav-btn{
    appearance:none;border:0;background:transparent;color:#60728a;
    min-width:0;min-height:58px;padding:5px 2px;border-radius:13px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    font:inherit;line-height:1;cursor:pointer
  }
  .easy-ui .cm-mobile-nav-btn .cm-mobile-nav-icon{font-size:23px;line-height:1;height:25px;display:flex;align-items:center;justify-content:center}
  .easy-ui .cm-mobile-nav-btn .cm-mobile-nav-label{font-size:10.5px;font-weight:800;line-height:1.15;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .easy-ui .cm-mobile-nav-btn.active{color:#173c68;background:#edf4fb}
  .easy-ui .cm-mobile-nav-btn:focus-visible{outline:3px solid rgba(40,112,186,.28);outline-offset:1px}
  .easy-ui .cm-mobile-nav-btn[data-mobile-view="aicontrol"].active{background:#f0f2ff}

  /* El drawer lateral queda reservado para “Más”. */
  .easy-ui .sidebar{padding-bottom:calc(24px + var(--cm-mobile-nav-h) + env(safe-area-inset-bottom))!important}
  .easy-ui .mobile-nav-backdrop{bottom:calc(var(--cm-mobile-nav-h) + env(safe-area-inset-bottom))!important}

  /* El contenido nunca queda debajo de la barra. */
  .easy-ui .workspace,.easy-ui .page-pad,.easy-ui .easy-page,.easy-ui .crm-content,.easy-ui .oee-shell{padding-bottom:calc(34px + var(--cm-mobile-nav-h))!important}
  .easy-ui .global-glossary-float{bottom:calc(var(--cm-mobile-nav-h) + 12px + env(safe-area-inset-bottom))!important}

  /* Header móvil más parecido a app. */
  .easy-ui .topbar{min-height:64px!important;padding:9px 12px!important}
  .easy-ui .topbar h1{font-size:18px!important;line-height:1.12;margin:0}
  .easy-ui .topbar p{display:none!important}
  .easy-ui .top-actions{gap:6px}
  .easy-ui .top-actions .easy-home-button{display:none!important}
  .easy-ui .top-actions .easy-ai-button{display:none!important}

  /* Los tres pilares se apilan sin perder jerarquía. */
  .easy-ui .easy-main-pillars{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .easy-ui .easy-main-pillars .easy-task{min-height:112px!important}

  /* Wizard: navegación táctil y botones grandes. */
  .easy-ui .easy-steps{overflow-x:auto!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .easy-ui .easy-step-link{scroll-snap-align:start;flex:0 0 auto;min-width:42px}
  .easy-ui .easy-flow-footer{position:sticky;bottom:calc(var(--cm-mobile-nav-h) + env(safe-area-inset-bottom));z-index:500;background:rgba(255,255,255,.97);padding:9px 0 3px;border-top:1px solid #e7edf4}
  .easy-ui .easy-flow-footer button{min-height:48px}
  .easy-ui .field label,.easy-ui .crm-field label,.easy-ui .oee-field label{font-size:14px}
  .easy-ui input,.easy-ui select,.easy-ui textarea{min-height:46px}
  .easy-ui textarea{min-height:104px}

  /* Negocio: navegación horizontal usable con dedo. */
  .easy-ui .crm-nav{display:block!important}
  .easy-ui .crm-nav>div{display:flex!important;gap:6px!important;padding-bottom:6px!important}
  .easy-ui .crm-nav>div>span{display:none!important}
  .easy-ui .crm-nav button{min-height:44px!important;border-radius:12px!important}
  .easy-ui .crm-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* OEE y dashboards: tarjetas en una sola columna cuando son densas. */
  .easy-ui .oee-grid,.easy-ui .oee-form-grid,.easy-ui .oee-kpis,.easy-ui .oee-dashboard-grid,.easy-ui .oee-summary-grid{grid-template-columns:minmax(0,1fr)!important}
  .easy-ui .oee-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .easy-ui .oee-actions button{width:100%!important;min-height:46px}

  /* MakiBot: chat cómodo y sin controles diminutos. */
  .easy-ui .ai-control-layout{grid-template-columns:minmax(0,1fr)!important}
  .easy-ui .ai-control-input-row,.easy-ui .ai-chat-input-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .easy-ui .ai-control-input-row button,.easy-ui .ai-chat-input-row button{width:100%!important;min-height:48px}
  .easy-ui #aiControlPrompt{min-height:120px}

  /* Exportación y toolpath: una columna en teléfono/tablet. */
  .easy-ui .cm-toolpath-grid,.easy-ui .cm-export-grid,.easy-ui .cm-export-destinations,.easy-ui .cm-export-actions{grid-template-columns:minmax(0,1fr)!important}
  .easy-ui .cm-toolpath-actions,.easy-ui .cm-export-actions{display:grid!important;gap:8px!important}
  .easy-ui .cm-toolpath-actions button,.easy-ui .cm-export-actions button{width:100%!important;min-height:46px}

  /* Diálogos y sheets con espacio reservado para navegación inferior. */
  .easy-ui .warning-modal,.easy-ui .simple-choice-sheet,.easy-ui .machine-summary-card,.easy-ui .quote-modal-card,.easy-ui .calc-help-card,.easy-ui .crm-dialog,.easy-ui .ai-chat-card{max-height:calc(100dvh - var(--cm-mobile-nav-h) - 24px)!important}
}
@media(max-width:430px){
  .easy-ui .cm-mobile-nav-btn .cm-mobile-nav-label{font-size:9.5px}
  .easy-ui .crm-stats{grid-template-columns:minmax(0,1fr)!important}
  .easy-ui .topbar{padding-left:10px!important;padding-right:10px!important}
  .easy-ui .easy-hero h2{font-size:28px!important}
}
@media(min-width:821px){
  .cm-mobile-bottom-nav{display:none!important}
}

@media(max-width:520px){
  .easy-ui .cm-mobile-nav-btn{padding:4px 1px!important;min-height:58px!important}
  .easy-ui .cm-mobile-nav-btn .cm-mobile-nav-icon{font-size:20px!important;height:23px!important}
  .easy-ui .cm-mobile-nav-btn .cm-mobile-nav-label{font-size:8.8px!important;letter-spacing:-.02em}
}