/* SpaMaster 360 v30.7 — Force Agenda KPI cards inside #view-agenda */

/* El contenedor real dentro del módulo */
#view-agenda .sm360-agenda-kpi-host-v307{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    margin:0 0 16px!important;
    padding:0!important;
    position:relative!important;
    z-index:5!important;
}

/* Las tarjetas movidas/adoptadas */
#view-agenda .sm360-agenda-kpi-host-v307 > *,
#view-agenda .sm360-agenda-kpi-host-v307 .sm360-agenda-inline-card-v306{
    min-height:78px!important;
    border-radius:22px!important;
    overflow:hidden!important;
}

/* Si se crean tarjetas nuevas fallback */
#view-agenda .sm360-agenda-card-v307{
    min-height:78px!important;
    border-radius:22px!important;
    padding:14px 18px!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    position:relative!important;
    overflow:hidden!important;
    background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.92),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72))!important;
    border:1px solid rgba(148,163,184,.20)!important;
    box-shadow:0 16px 38px rgba(15,23,42,.055),inset 0 1px 0 rgba(255,255,255,.90)!important;
    backdrop-filter:blur(22px) saturate(1.16)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.16)!important;
}

#view-agenda .sm360-agenda-card-v307::after{
    content:""!important;
    position:absolute!important;
    left:-18%!important;
    right:-18%!important;
    bottom:-34px!important;
    height:56px!important;
    opacity:.52!important;
    background:var(--sm360-wave,rgba(109,74,255,.10))!important;
    transform:rotate(-4deg)!important;
    border-radius:50%!important;
    pointer-events:none!important;
}

#view-agenda .sm360-agenda-card-icon-v307{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:16px!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    z-index:2!important;
    color:var(--sm360-accent,#6D4AFF)!important;
    background:var(--sm360-soft,rgba(109,74,255,.10))!important;
    border:1px solid var(--sm360-border,rgba(109,74,255,.18))!important;
}

#view-agenda .sm360-agenda-card-icon-v307 svg{
    width:21px!important;
    height:21px!important;
    stroke:currentColor!important;
    fill:none!important;
}

#view-agenda .sm360-agenda-card-text-v307{
    position:relative!important;
    z-index:2!important;
}

#view-agenda .sm360-agenda-card-label-v307{
    font-size:12px!important;
    font-weight:800!important;
    color:#64748B!important;
    margin-bottom:5px!important;
}

#view-agenda .sm360-agenda-card-value-v307{
    font-size:22px!important;
    line-height:1!important;
    font-weight:860!important;
    letter-spacing:-.03em!important;
    color:#0F172A!important;
}

#view-agenda .sm360-agenda-card-v307[data-type="reservas"]{--sm360-accent:#6D4AFF;--sm360-soft:rgba(109,74,255,.10);--sm360-border:rgba(109,74,255,.18);--sm360-wave:rgba(109,74,255,.08)}
#view-agenda .sm360-agenda-card-v307[data-type="asistencias"]{--sm360-accent:#2F80ED;--sm360-soft:rgba(47,128,237,.10);--sm360-border:rgba(47,128,237,.18);--sm360-wave:rgba(47,128,237,.08)}
#view-agenda .sm360-agenda-card-v307[data-type="valor"]{--sm360-accent:#16A34A;--sm360-soft:rgba(22,163,74,.10);--sm360-border:rgba(22,163,74,.18);--sm360-wave:rgba(22,163,74,.08)}
#view-agenda .sm360-agenda-card-v307[data-type="canceladas"]{--sm360-accent:#EF4444;--sm360-soft:rgba(239,68,68,.10);--sm360-border:rgba(239,68,68,.18);--sm360-wave:rgba(239,68,68,.08)}

/* Ocultar cualquier copia externa que quede fuera de #view-agenda */
body.sm360-agenda-cards-forced-v307 .sm360-agenda-redesign-shell > .sm360-agenda-inline-summary-v306,
body.sm360-agenda-cards-forced-v307 .sm360-agenda-redesign-shell > .agenda-summary,
body.sm360-agenda-cards-forced-v307 .sm360-agenda-redesign-shell > .agenda-v221-summary,
body.sm360-agenda-cards-forced-v307 .sm360-agenda-redesign-shell > .sm360-agenda-summary,
body.sm360-agenda-cards-forced-v307 main > .sm360-agenda-inline-summary-v306,
body.sm360-agenda-cards-forced-v307 main > .agenda-summary,
body.sm360-agenda-cards-forced-v307 main > .agenda-v221-summary{
    display:none!important;
}

/* Si el viejo bloque de tarjetas está justo antes de #view-agenda y no se pudo mover, se oculta */
body.sm360-agenda-cards-forced-v307 section:not(#view-agenda) > .sm360-agenda-inline-summary-v306,
body.sm360-agenda-cards-forced-v307 section:not(#view-agenda) > .agenda-summary,
body.sm360-agenda-cards-forced-v307 section:not(#view-agenda) > .agenda-v221-summary{
    display:none!important;
}

@media(max-width:1200px){
    #view-agenda .sm360-agenda-kpi-host-v307{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:720px){
    #view-agenda .sm360-agenda-kpi-host-v307{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }
}