/* NexoProCRM v0.18.2 · Acciones rápidas superiores en móvil */
.ch301-mobile-quick-actions{
  display:none;
}

@media(max-width:782px){
  .ch301-mobile-quick-actions{
    display:block!important;
    margin:12px 0 10px!important;
    padding:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .ch301-mobile-quick-actions-inner{
    display:flex!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
    padding:2px 2px 8px!important;
    scrollbar-width:none!important;
  }
  .ch301-mobile-quick-actions-inner::-webkit-scrollbar{
    display:none!important;
  }

  .ch301-mobile-quick-action{
    position:relative!important;
    flex:0 0 58px!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border:1px solid #dbe3ec!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#687487!important;
    text-decoration:none!important;
    box-shadow:0 6px 18px rgba(15,23,42,.06)!important;
    scroll-snap-align:start!important;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
  }
  .ch301-mobile-quick-action:hover,
  .ch301-mobile-quick-action:focus-visible{
    color:#202832!important;
    border-color:#cbd5e1!important;
    background:#f8fafc!important;
    outline:none!important;
  }
  .ch301-mobile-quick-action.is-active{
    color:#d71920!important;
    border-color:rgba(215,25,32,.28)!important;
    background:#fff7f7!important;
  }
  .ch301-mobile-quick-action.is-active:before{
    content:""!important;
    position:absolute!important;
    top:6px!important;
    left:50%!important;
    width:5px!important;
    height:5px!important;
    border-radius:999px!important;
    background:#d71920!important;
    transform:translateX(-50%)!important;
  }
  .ch301-mobile-quick-action .ch301-nav-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    color:currentColor!important;
  }
  .ch301-mobile-quick-action .ch301-nav-icon svg{
    width:21px!important;
    height:21px!important;
    stroke-width:1.85!important;
    display:block!important;
  }
  .ch301-mobile-quick-action span:not(.ch301-nav-icon){
    display:block!important;
    max-width:52px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
    text-align:center!important;
    color:inherit!important;
  }

  .ch301-app-layout-v2 .ch301-breadcrumbs{
    margin-top:4px!important;
  }
}

@media(max-width:380px){
  .ch301-mobile-quick-actions-inner{
    gap:7px!important;
  }
  .ch301-mobile-quick-action{
    flex-basis:54px!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    border-radius:13px!important;
  }
  .ch301-mobile-quick-action .ch301-nav-icon,
  .ch301-mobile-quick-action .ch301-nav-icon svg{
    width:20px!important;
    height:20px!important;
  }
  .ch301-mobile-quick-action span:not(.ch301-nav-icon){
    max-width:48px!important;
    font-size:8.5px!important;
  }
}