/* ==========================================================
   SpaMaster 360 v26.0 — POS Buttons Hard Fix
   Este archivo carga al final y usa selectores de máxima prioridad.
   ========================================================== */

html body #view-pos .pos-head button#posNewSale,
html body .pos-head button#posNewSale,
html body button#posNewSale,
html body #posNewSale{
    all:unset!important;
    box-sizing:border-box!important;
    cursor:pointer!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 18px!important;
    border-radius:20px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    font-family:var(--sc-font-display,"General Sans",sans-serif)!important;
    font-size:14px!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
    color:#0F8A4D!important;
    background:
        radial-gradient(circle at 22% 12%, rgba(255,255,255,.95), rgba(255,255,255,.54) 42%, rgba(236,253,245,.70) 100%)!important;
    border:1px solid rgba(24,179,104,.46)!important;
    box-shadow:
        0 18px 42px rgba(24,179,104,.18),
        0 0 0 5px rgba(24,179,104,.075),
        inset 0 1px 0 rgba(255,255,255,.95)!important;
    backdrop-filter:blur(24px) saturate(1.24)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.24)!important;
    transition:transform .16s ease, box-shadow .16s ease, background .16s ease!important;
}

html body #view-pos .pos-head button#posNewExpense,
html body .pos-head button#posNewExpense,
html body button#posNewExpense,
html body #posNewExpense{
    all:unset!important;
    box-sizing:border-box!important;
    cursor:pointer!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 18px!important;
    border-radius:20px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    font-family:var(--sc-font-display,"General Sans",sans-serif)!important;
    font-size:14px!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
    color:#C92A2A!important;
    background:
        radial-gradient(circle at 22% 12%, rgba(255,255,255,.95), rgba(255,255,255,.54) 42%, rgba(254,242,242,.72) 100%)!important;
    border:1px solid rgba(240,68,68,.46)!important;
    box-shadow:
        0 18px 42px rgba(240,68,68,.18),
        0 0 0 5px rgba(240,68,68,.075),
        inset 0 1px 0 rgba(255,255,255,.95)!important;
    backdrop-filter:blur(24px) saturate(1.24)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.24)!important;
    transition:transform .16s ease, box-shadow .16s ease, background .16s ease!important;
}

html body #posNewSale:hover,
html body #posNewExpense:hover{
    transform:translateY(-2px)!important;
}

html body #posNewSale .sm360-btn-icon,
html body #posNewExpense .sm360-btn-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    background:var(--sm360-btn-icon-bg)!important;
    color:#fff!important;
    box-shadow:
        0 10px 22px var(--sm360-btn-icon-glow),
        inset 0 1px 0 rgba(255,255,255,.34)!important;
}

html body #posNewSale .sm360-btn-icon{
    --sm360-btn-icon-bg:linear-gradient(135deg,#22C55E,#15803D);
    --sm360-btn-icon-glow:rgba(24,179,104,.22);
}

html body #posNewExpense .sm360-btn-icon{
    --sm360-btn-icon-bg:linear-gradient(135deg,#F87171,#B91C1C);
    --sm360-btn-icon-glow:rgba(240,68,68,.22);
}

html body #posNewSale .sm360-btn-icon::before,
html body #posNewExpense .sm360-btn-icon::before{
    content:""!important;
    width:16px!important;
    height:16px!important;
    background:#fff!important;
    display:block!important;
    mask:var(--sm360-btn-mask) center / contain no-repeat!important;
    -webkit-mask:var(--sm360-btn-mask) center / contain no-repeat!important;
}

html body #posNewSale{
    --sm360-btn-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
}

html body #posNewExpense{
    --sm360-btn-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m15 8 4 4-4 4'/%3E%3C/svg%3E");
}

html body #posNewSale .sm360-btn-label,
html body #posNewExpense .sm360-btn-label{
    color:inherit!important;
    font-weight:850!important;
}

/* quitar pseudo iconos anteriores */
html body #posNewSale::before,
html body #posNewSale::after,
html body #posNewExpense::before,
html body #posNewExpense::after{
    display:none!important;
    content:none!important;
}

/* Icono Todos más pequeño */
.sc-spa-card--todos .sc-spa-card__icon::before{
    width:16px!important;
    height:16px!important;
}
.sc-spa-card--todos .sc-spa-card__icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
}