/* ==========================================================
   SpaMaster 360 Enterprise ERP v27.4
   Agenda Scope + POS Hover Fix
   ========================================================== */

/* KPIs de Agenda: por defecto ocultos. Solo se muestran cuando JS confirma Agenda Master activa */
.sm360-agenda-redesign-shell{
    display:none!important;
}

body.sm360-agenda-active .sm360-agenda-redesign-shell,
.sm360-agenda-redesign-shell.sm360-agenda-shell-active{
    display:block!important;
}

/* Seguridad adicional: si el módulo de agenda no está visible, las tarjetas no aparecen */
body:not(.sm360-agenda-active) .sm360-agenda-redesign-shell{
    display:none!important;
}

/* En caso de estar dentro de contenedores no-agenda */
#view-pos .sm360-agenda-redesign-shell,
.pos-pro .sm360-agenda-redesign-shell,
#view-dashboard .sm360-agenda-redesign-shell,
#view-finanzas .sm360-agenda-redesign-shell,
#view-nomina .sm360-agenda-redesign-shell{
    display:none!important;
}

/* Hover POS: animación sin cambiar texto ni ocultar icono */
html body #posNewSaleBtn,
html body #posNewExpenseBtn{
    transition:
        transform .18s cubic-bezier(.2,.8,.2,1),
        box-shadow .18s ease,
        border-color .18s ease!important;
    will-change:transform!important;
}

/* Mantener colores base sin cambiar en hover */
html body #posNewSaleBtn:hover{
    transform:translateY(-2px) scale(1.035)!important;
    color:#0F7A3D!important;
    background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(236,253,245,.82))!important;
    border-color:rgba(22,163,74,.42)!important;
    box-shadow:
        0 16px 34px rgba(22,163,74,.18),
        inset 0 1px 0 rgba(255,255,255,.92)!important;
}

html body #posNewExpenseBtn:hover{
    transform:translateY(-2px) scale(1.035)!important;
    color:#B91C1C!important;
    background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(254,242,242,.82))!important;
    border-color:rgba(239,68,68,.42)!important;
    box-shadow:
        0 16px 34px rgba(239,68,68,.18),
        inset 0 1px 0 rgba(255,255,255,.92)!important;
}

/* No permitir que el hover vuelva blanco el texto ni esconda iconos */
html body #posNewSaleBtn:hover *,
html body #posNewSaleBtn:hover .sm360-liquid-btn-text,
html body #posNewSaleBtn:hover span:not(.sm360-liquid-btn-icon){
    color:#0F7A3D!important;
    opacity:1!important;
    visibility:visible!important;
}

html body #posNewExpenseBtn:hover *,
html body #posNewExpenseBtn:hover .sm360-liquid-btn-text,
html body #posNewExpenseBtn:hover span:not(.sm360-liquid-btn-icon){
    color:#B91C1C!important;
    opacity:1!important;
    visibility:visible!important;
}

/* Iconos siempre visibles en hover */
html body #posNewSaleBtn .sm360-liquid-btn-icon,
html body #posNewSaleBtn:hover .sm360-liquid-btn-icon{
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
    background:linear-gradient(135deg,#16A34A,#0F7A3D)!important;
    border:0!important;
    box-shadow:none!important;
}

html body #posNewExpenseBtn .sm360-liquid-btn-icon,
html body #posNewExpenseBtn:hover .sm360-liquid-btn-icon{
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
    background:linear-gradient(135deg,#EF4444,#B91C1C)!important;
    border:0!important;
    box-shadow:none!important;
}

html body #posNewSaleBtn .sm360-liquid-btn-icon::before,
html body #posNewSaleBtn:hover .sm360-liquid-btn-icon::before,
html body #posNewExpenseBtn .sm360-liquid-btn-icon::before,
html body #posNewExpenseBtn:hover .sm360-liquid-btn-icon::before{
    display:block!important;
    content:""!important;
    background:#fff!important;
    opacity:1!important;
    visibility:visible!important;
}

html body #posNewSaleBtn:active,
html body #posNewExpenseBtn:active{
    transform:translateY(0) scale(1.005)!important;
}