/* Guest pages. The appearances table is a shared show-list (public/css/show-list.css);
   this file holds only the guest index styles. */
/* ---- Guest index: small initials avatar in the name cell ---- */
.guest-index-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin-right: 0.6rem;
    background: linear-gradient(135deg, #2a2a2a, #0d0d0d);
    color: #c8102e;
    font-family: "Bebas Neue", sans-serif;
    font-size: 0.95rem;
    line-height: 1;
    flex: 0 0 auto;
    overflow: hidden;
}
.guest-index-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.guest-index-name {
    display: inline-flex;
    align-items: center;
    /* Baseline-align would reserve descender space below a replaced <img>
       avatar (taller image rows than text-initials rows); middle removes it. */
    vertical-align: middle;
}
/* On phones the instrument and counts wrap under the name, indented past the avatar. */
@media (max-width: 767.98px) {
    .guest-index-avatar { width: 1.7rem; height: 1.7rem; }
    .guest-list .show-list__row { padding-left: 2.7rem; }
    .guest-list .show-list__row > .stat-list__song { margin-left: -2.3rem; flex-basis: calc(100% + 2.3rem); }
}