/* SpaMaster 360 v26.8 — Agenda Master Liquid UI */

/* POS hover: animación sin cambio brusco */
html body #posNewSaleBtn:hover,
html body #posNewExpenseBtn:hover{
    transform:translateY(-2px) scale(1.01)!important;
    filter:none!important;
}
html body #posNewSaleBtn:hover{
    color:#0F7A3D!important;
    background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(220,252,231,.86))!important;
    border-color:rgba(22,163,74,.48)!important;
    box-shadow:0 16px 34px rgba(22,163,74,.18), inset 0 1px 0 rgba(255,255,255,.94)!important;
}
html body #posNewExpenseBtn:hover{
    color:#B91C1C!important;
    background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(254,226,226,.86))!important;
    border-color:rgba(239,68,68,.48)!important;
    box-shadow:0 16px 34px rgba(239,68,68,.18), inset 0 1px 0 rgba(255,255,255,.94)!important;
}
html body #posNewSaleBtn:hover *,
html body #posNewExpenseBtn:hover *{color:inherit!important;}

/* Agenda: tipografía más ligera */
#view-agenda, .agenda-pro, .agenda-master, .agenda-shell, .agenda-view{
    color:#0F172A!important;
}
#view-agenda p,#view-agenda span,#view-agenda label,#view-agenda select,#view-agenda input,#view-agenda button,
.agenda-pro p,.agenda-pro span,.agenda-pro label,.agenda-pro select,.agenda-pro input,.agenda-pro button{
    font-family:var(--sc-font-body,"Manrope",sans-serif)!important;
    font-weight:560!important;
}
#view-agenda h1,#view-agenda h2,#view-agenda h3,#view-agenda strong,#view-agenda b,
.agenda-pro h1,.agenda-pro h2,.agenda-pro h3,.agenda-pro strong,.agenda-pro b{
    font-family:var(--sc-font-display,"General Sans",sans-serif)!important;
    font-weight:760!important;
    letter-spacing:-.025em!important;
}

/* Cards Liquid Glass */
#view-agenda .card,#view-agenda .panel,#view-agenda .agenda-card,#view-agenda .agenda-panel,
#view-agenda .stat-card,#view-agenda .metric-card,#view-agenda .kpi-card,#view-agenda .calendar-card,#view-agenda .sidebar-card,
.agenda-pro .card,.agenda-pro .panel,.agenda-pro .agenda-card,.agenda-pro .agenda-panel,
.agenda-pro .stat-card,.agenda-pro .metric-card,.agenda-pro .kpi-card,.agenda-pro .calendar-card,.agenda-pro .sidebar-card{
    background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.82),transparent 34%),
        linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,255,255,.62))!important;
    border:1px solid rgba(148,163,184,.20)!important;
    box-shadow:0 16px 40px rgba(15,23,42,.065), inset 0 1px 0 rgba(255,255,255,.80)!important;
    backdrop-filter:blur(18px) saturate(1.16)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.16)!important;
    border-radius:22px!important;
}

/* Nueva reserva Liquid Glass */
#view-agenda button.sm360-agenda-new-reservation,
.agenda-pro button.sm360-agenda-new-reservation{
    min-height:48px!important;
    padding:0 18px!important;
    border-radius:17px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(236,253,245,.78))!important;
    border:1px solid rgba(22,163,74,.36)!important;
    color:#0F7A3D!important;
    box-shadow:0 12px 28px rgba(22,163,74,.13), inset 0 1px 0 rgba(255,255,255,.88)!important;
    backdrop-filter:blur(18px) saturate(1.14)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.14)!important;
    font-family:var(--sc-font-display,"General Sans",sans-serif)!important;
    font-weight:800!important;
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease!important;
}
#view-agenda button.sm360-agenda-new-reservation:hover,
.agenda-pro button.sm360-agenda-new-reservation:hover{
    transform:translateY(-2px) scale(1.01)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(220,252,231,.86))!important;
    border-color:rgba(22,163,74,.50)!important;
    box-shadow:0 16px 36px rgba(22,163,74,.18), inset 0 1px 0 rgba(255,255,255,.92)!important;
}

/* Métricas menos pesadas */
#view-agenda .stat-card strong,#view-agenda .metric-card strong,#view-agenda .kpi-card strong,
.agenda-pro .stat-card strong,.agenda-pro .metric-card strong,.agenda-pro .kpi-card strong{
    font-size:26px!important;
    font-weight:780!important;
    color:#0F172A!important;
}
#view-agenda .stat-card small,#view-agenda .metric-card small,#view-agenda .kpi-card small,
#view-agenda .stat-card label,#view-agenda .metric-card label,#view-agenda .kpi-card label,
.agenda-pro .stat-card small,.agenda-pro .metric-card small,.agenda-pro .kpi-card small,
.agenda-pro .stat-card label,.agenda-pro .metric-card label,.agenda-pro .kpi-card label{
    font-weight:720!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    color:#64748B!important;
}

/* Ocultar tarjeta Sin profesional / Activo y nueva tarjeta */
.sm360-hide-no-professional{display:none!important;}
.sm360-agenda-extra-card{
    background:radial-gradient(circle at 12% 14%,rgba(94,43,255,.10),transparent 32%),
        linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.64))!important;
    border:1px solid rgba(94,43,255,.18)!important;
    border-radius:22px!important;
    box-shadow:0 16px 40px rgba(94,43,255,.09), inset 0 1px 0 rgba(255,255,255,.82)!important;
    backdrop-filter:blur(18px) saturate(1.16)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.16)!important;
    padding:18px!important;
}
.sm360-agenda-extra-card .sm360-extra-label{
    display:block!important;color:#64748B!important;font-family:var(--sc-font-display,"General Sans",sans-serif)!important;
    font-size:12px!important;font-weight:760!important;letter-spacing:.06em!important;text-transform:uppercase!important;margin-bottom:6px!important;
}
.sm360-agenda-extra-card .sm360-extra-value{
    color:#0F172A!important;font-family:var(--sc-font-display,"General Sans",sans-serif)!important;
    font-size:24px!important;font-weight:780!important;letter-spacing:-.03em!important;
}

/* Calendario */
#view-agenda .calendar,#view-agenda .agenda-calendar,#view-agenda .calendar-grid,#view-agenda table,
.agenda-pro .calendar,.agenda-pro .agenda-calendar,.agenda-pro .calendar-grid,.agenda-pro table{
    border-radius:20px!important;overflow:hidden!important;
}
#view-agenda th,.agenda-pro th{
    background:rgba(248,250,252,.76)!important;color:#475569!important;
    font-family:var(--sc-font-display,"General Sans",sans-serif)!important;font-weight:760!important;letter-spacing:.02em!important;
}
#view-agenda .time-slot,#view-agenda .calendar-cell,#view-agenda .agenda-cell,
.agenda-pro .time-slot,.agenda-pro .calendar-cell,.agenda-pro .agenda-cell{
    background:rgba(255,255,255,.54)!important;border-color:rgba(148,163,184,.16)!important;
}
#view-agenda .agenda-event,#view-agenda .reservation-card,#view-agenda .calendar-event,
.agenda-pro .agenda-event,.agenda-pro .reservation-card,.agenda-pro .calendar-event{
    border-radius:14px!important;
    box-shadow:0 10px 24px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.34)!important;
    font-weight:620!important;
}

/* Filtro/select */
#view-agenda select,.agenda-pro select{
    min-height:46px!important;border-radius:16px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.70))!important;
    border:1px solid rgba(148,163,184,.24)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.045), inset 0 1px 0 rgba(255,255,255,.82)!important;
    color:#0F172A!important;font-weight:650!important;
}
#view-agenda select option,.agenda-pro select option{
    background:#fff!important;color:#0F172A!important;font-weight:520!important;padding:10px 12px!important;
}
#view-agenda .dropdown-menu,#view-agenda .select-menu,#view-agenda .filter-menu,
.agenda-pro .dropdown-menu,.agenda-pro .select-menu,.agenda-pro .filter-menu{
    border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.82))!important;
    border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 20px 50px rgba(15,23,42,.14)!important;
    backdrop-filter:blur(22px) saturate(1.18)!important;-webkit-backdrop-filter:blur(22px) saturate(1.18)!important;overflow:hidden!important;
}