/* ==========================================================
   SpaMaster 360 v30.6 — Agenda cards inside #view-agenda
   ========================================================== */

#view-agenda .sm360-agenda-inline-summary-v306{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    margin:0 0 16px!important;
    padding:0!important;
    width:100%!important;
}

#view-agenda .sm360-agenda-inline-card-v306{
    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-inline-card-v306::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-inline-icon-v306{
    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;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important;
}

#view-agenda .sm360-agenda-inline-icon-v306 svg{
    width:21px!important;
    height:21px!important;
    stroke:currentColor!important;
}

#view-agenda .sm360-agenda-inline-text-v306{
    position:relative!important;
    z-index:2!important;
    min-width:0!important;
}

#view-agenda .sm360-agenda-inline-label-v306{
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:800!important;
    color:#64748B!important;
    margin:0 0 5px!important;
}

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

#view-agenda .sm360-agenda-inline-card-v306[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-inline-card-v306[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-inline-card-v306[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-inline-card-v306[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);
}

/* Hide old shell-level cards only when AgendaMaster is active and new cards exist */
body:has(#view-agenda .sm360-agenda-inline-summary-v306) > .sm360-agenda-redesign-shell > .agenda-summary,
body:has(#view-agenda .sm360-agenda-inline-summary-v306) > .sm360-agenda-redesign-shell > .agenda-v221-summary,
body:has(#view-agenda .sm360-agenda-inline-summary-v306) > .sm360-agenda-redesign-shell > .sm360-agenda-summary,
body:has(#view-agenda .sm360-agenda-inline-summary-v306) .sm360-agenda-shell-active > .agenda-summary,
body:has(#view-agenda .sm360-agenda-inline-summary-v306) .sm360-agenda-shell-active > .agenda-v221-summary{
    display:none!important;
}

@media (max-width:1200px){
    #view-agenda .sm360-agenda-inline-summary-v306{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media (max-width:720px){
    #view-agenda .sm360-agenda-inline-summary-v306{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }

    #view-agenda .sm360-agenda-inline-card-v306{
        min-height:68px!important;
        padding:12px 14px!important;
    }
}