/* ==========================================================
   SpaMaster 360 v26.2 — REAL POS Button IDs Fix
   Real IDs: #posNewSaleBtn and #posNewExpenseBtn
   ========================================================== */

html body #posNewSaleBtn,
html body #posNewExpenseBtn,
html body button#posNewSaleBtn,
html body button#posNewExpenseBtn,
html body .pos-head #posNewSaleBtn,
html body .pos-head #posNewExpenseBtn,
html body .pos-action-group.sales #posNewSaleBtn,
html body .pos-action-group.sales #posNewExpenseBtn,
html body .sm360-liquid-btn{
    all:unset!important;
    box-sizing:border-box!important;
    cursor:pointer!important;
    position:relative!important;
    overflow:hidden!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 18px 0 14px!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;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    border:1px solid rgba(255,255,255,.48)!important;
    backdrop-filter:blur(22px) saturate(1.22)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.22)!important;
    transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important;
}

html body #posNewSaleBtn,
html body .sm360-liquid-sale{
    color:#0F8A4D!important;
    background:
        radial-gradient(circle at 25% 18%, rgba(255,255,255,.96), rgba(255,255,255,.58) 42%, rgba(236,253,245,.76) 100%)!important;
    border-color:rgba(24,179,104,.50)!important;
    box-shadow:
        0 18px 42px rgba(24,179,104,.20),
        0 0 0 6px rgba(24,179,104,.08),
        inset 0 1px 0 rgba(255,255,255,.96)!important;
}

html body #posNewExpenseBtn,
html body .sm360-liquid-expense{
    color:#C92A2A!important;
    background:
        radial-gradient(circle at 25% 18%, rgba(255,255,255,.96), rgba(255,255,255,.58) 42%, rgba(254,242,242,.78) 100%)!important;
    border-color:rgba(240,68,68,.50)!important;
    box-shadow:
        0 18px 42px rgba(240,68,68,.20),
        0 0 0 6px rgba(240,68,68,.08),
        inset 0 1px 0 rgba(255,255,255,.96)!important;
}

html body #posNewSaleBtn:hover,
html body #posNewExpenseBtn:hover,
html body .sm360-liquid-btn:hover{
    transform:translateY(-2px)!important;
    filter:saturate(1.08)!important;
}

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

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

html body .sm360-liquid-btn-icon-sale,
html body #posNewSaleBtn .sm360-liquid-btn-icon{
    --sm360-icon-glow:rgba(24,179,104,.24);
    --sm360-icon-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.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
    background:linear-gradient(135deg,#22C55E,#15803D)!important;
}

html body .sm360-liquid-btn-icon-expense,
html body #posNewExpenseBtn .sm360-liquid-btn-icon{
    --sm360-icon-glow:rgba(240,68,68,.24);
    --sm360-icon-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.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m15 8 4 4-4 4'/%3E%3C/svg%3E");
    background:linear-gradient(135deg,#F87171,#B91C1C)!important;
}

html body .sm360-liquid-btn-text,
html body #posNewSaleBtn .sm360-liquid-btn-text,
html body #posNewExpenseBtn .sm360-liquid-btn-text{
    color:inherit!important;
    font-weight:850!important;
}

/* reduce icono de Todos */
.sc-spa-card--todos .sc-spa-card__icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
}
.sc-spa-card--todos .sc-spa-card__icon::before{
    width:15px!important;
    height:15px!important;
}