/* SpaMaster 360 v30.0 — Client Search Rebuild */

.agenda-client-search-wrap{
    position:relative!important;
    overflow:visible!important;
}

#arClientResults{
    display:block!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:calc(100% + 10px)!important;
    z-index:1000000!important;
    max-height:300px!important;
    overflow-y:auto!important;
    border-radius:20px!important;
    background:
        radial-gradient(circle at 8% 6%,rgba(109,74,255,.08),transparent 30%),
        linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,255,255,.90))!important;
    border:1px solid rgba(148,163,184,.24)!important;
    box-shadow:0 22px 60px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.92)!important;
    backdrop-filter:blur(22px) saturate(1.18)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
    padding:8px!important;
}

#arClientResults:empty{
    display:none!important;
}

#arClientResults .agenda-v221-client-option{
    width:100%!important;
    min-height:58px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:3px!important;
    padding:11px 14px!important;
    border:0!important;
    border-radius:16px!important;
    background:transparent!important;
    cursor:pointer!important;
    text-align:left!important;
    font-family:var(--sc-font-body,"Manrope",sans-serif)!important;
    transition:background .16s ease, transform .16s ease!important;
}

#arClientResults .agenda-v221-client-option:hover{
    background:rgba(109,74,255,.10)!important;
    transform:translateY(-1px)!important;
}

#arClientResults .agenda-v221-client-option strong{
    font-family:var(--sc-font-display,"General Sans",sans-serif)!important;
    font-weight:820!important;
    color:#0F172A!important;
    font-size:14px!important;
}

#arClientResults .agenda-v221-client-option small{
    font-family:var(--sc-font-body,"Manrope",sans-serif)!important;
    font-weight:620!important;
    color:#64748B!important;
    font-size:12px!important;
}

#arClientResults .agenda-v221-client-empty{
    padding:14px!important;
    color:#64748B!important;
    font-family:var(--sc-font-body,"Manrope",sans-serif)!important;
    font-weight:650!important;
    font-size:13px!important;
}

/* Mantener lupa centrada sin crear otro dropdown */
.agenda-client-search-wrap{
    display:grid!important;
    grid-template-columns:56px 1fr 56px!important;
    align-items:center!important;
}

.agenda-client-search-wrap .sm360-clean-search-icon,
.agenda-client-search-wrap > span:first-child{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}

.agenda-client-search-wrap #arClientSearch{
    grid-column:2!important;
}

/* Evitar que el dropdown se corte dentro del modal */
.agenda-v221-modal,
.agenda-v221-modal-body,
.agenda-reservation-pro,
.sm360-clean-reservation-modal,
.agenda-v221-form-card,
.agenda-v221-field{
    overflow:visible!important;
}

.agenda-v221-modal-backdrop{
    overflow-y:auto!important;
}