/* RCM_APP_28.1.3.48 — one compact entity-card contract for Bands, Venues,
   Fans, and Artists. Name owns the full top row; a square photo spans the two
   compact rows below; location + stats share the middle row; actions stay clean. */
.rcm-relation-card.rcm-entity-list-card{
    margin:0 0 9px;
    border:2px solid #334155;
    border-radius:11px;
    background:#020305;
    overflow:hidden;
}
.rcm-relation-card.is-search-match{border-color:#3b82f6;box-shadow:inset 3px 0 0 #3b82f6}
.rcm-relation-card.is-profile-following,.rcm-relation-card.is-profile-selected{border-color:#3d5e7f;background:#102038}
.rcm-relation-card.is-profile-not-following,.rcm-relation-card.is-profile-unselected{border-color:#3b3548;background:#171522}

/* Shared 3-row compact card. */
.rcm-relation-card.rcm-compact-entity-card.has-list-thumb{
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    grid-template-rows:auto minmax(36px,auto) minmax(38px,auto);
    align-items:stretch;
}
.rcm-relation-card.rcm-compact-entity-card>.rcm-relation-card-name-row{
    grid-column:1 / -1;
    grid-row:1;
}
.rcm-relation-card.rcm-compact-entity-card>.rcm-entity-list-thumb{
    grid-column:1;
    grid-row:2 / span 2;
}
.rcm-relation-card.rcm-compact-entity-card>.rcm-relation-card-meta{
    grid-column:2;
    grid-row:2;
}
.rcm-relation-card.rcm-compact-entity-card>.rcm-relation-card-bottom{
    grid-column:2;
    grid-row:3;
}

/* Full-width name row. */
.rcm-relation-card .rcm-relation-card-name-row{
    min-width:0;
    display:flex;
    align-items:center;
    gap:7px;
    border-bottom:1px solid #253047;
    background:#020305;
}
.rcm-relation-card .rcm-relation-card-name-row .rcm-relation-card-name{
    min-width:0;
    flex:1 1 auto;
}
.rcm-relation-card .rcm-relation-card-name{
    display:block;
    width:100%;
    box-sizing:border-box;
    padding:9px 12px 8px;
    color:#f59e0b;
    font-size:clamp(17px,4vw,24px);
    font-weight:950;
    line-height:1.08;
    text-decoration:none;
    overflow:hidden;
}
.rcm-relation-card .rcm-relation-card-name.is-disabled{color:#94a3b8}
.rcm-relation-card .rcm-relation-card-name:hover,.rcm-relation-card .rcm-relation-card-name:focus-visible{color:#fbbf24;background:#101827}

/* Square image slot; same geometry for all compact entity types. */
.rcm-entity-list-thumb{
    width:100%;
    aspect-ratio:1 / 1;
    display:flex;
    align-items:stretch;
    justify-content:center;
    align-self:start;
    height:auto;
    min-width:0;
    min-height:0;
    padding:5px;
    box-sizing:border-box;
    border:0;
    border-right:1px solid #334155;
    border-bottom:1px solid #334155;
    background:#0b1220;
    color:inherit;
    font:inherit;
    text-decoration:none;
    overflow:hidden;
}
.rcm-entity-list-thumb img{
    display:block;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    max-width:none;
    max-height:none;
    aspect-ratio:1 / 1;
    border-radius:8px;
    object-fit:cover;
    object-position:center;
    background:#050914;
}
.rcm-entity-list-thumb:not(.is-disabled){cursor:zoom-in}
.rcm-entity-list-thumb:not(.is-disabled):hover img,
.rcm-entity-list-thumb:not(.is-disabled):focus-visible img{outline:2px solid #60a5fa;outline-offset:-2px}
.rcm-entity-list-thumb.is-zoomable{appearance:none}

/* Location + stats share one compact middle row. */
.rcm-relation-card .rcm-relation-card-meta{
    width:100%;
    box-sizing:border-box;
    min-width:0;
    min-height:36px;
    padding:5px 8px;
    border:0;
    background:#020305;
    color:#93c5fd;
    font-size:clamp(11px,3vw,14px);
    font-weight:750;
    line-height:1.12;
}
.rcm-relation-card .rcm-entity-meta-stats-row{
    display:flex;
    align-items:center;
    gap:6px;
    overflow:visible;
    white-space:nowrap;
}
.rcm-relation-card .rcm-entity-location-marquee{
    flex:1 1 auto;
    min-width:26px;
    color:#93c5fd;
}
.rcm-relation-card .rcm-relation-card-meta.is-empty .rcm-entity-location-marquee{opacity:.3}

.rcm-relation-card .rcm-relation-card-stats{
    display:grid;
    grid-template-columns:repeat(2,48px);
    gap:4px;
    flex:0 0 auto;
}
.rcm-relation-card .rcm-relation-card-number{
    min-width:0;
    text-align:center;
    color:#dbeafe;
    line-height:1;
}
.rcm-relation-card .rcm-relation-card-number strong{display:block;font-size:14px;font-weight:950}
.rcm-relation-card .rcm-relation-card-number small{
    display:block;
    margin-top:2px;
    color:#94a3b8;
    font-size:7px;
    font-weight:950;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

/* Action row stays to the right of the square image. */
.rcm-relation-card .rcm-relation-card-bottom{
    min-width:0;
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    padding:5px 8px 6px;
    box-sizing:border-box;
    border-top:1px solid #253047;
    background:#020305;
}
.rcm-relation-card .rcm-relation-card-bottom.is-empty{min-height:38px}
.rcm-relation-card .rcm-relation-card-actions{display:flex;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:nowrap;min-width:0}
.rcm-relation-card .rcm-relation-toggle{
    min-width:74px;
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    gap:4px;
    padding:4px 7px;
    border:1px solid #475569;
    border-radius:7px;
    background:#162033;
    color:#cbd5e1;
    font-size:10px;
    font-weight:950;
    line-height:1;
    cursor:pointer;
}
.rcm-relation-card .rcm-relation-toggle:hover:not(:disabled){border-color:#64748b;background:#1d2a40}
.rcm-relation-card .rcm-relation-toggle.is-like.is-active{border-color:#ef4444;background:#3a1720;color:#fecaca}
.rcm-relation-card .rcm-relation-toggle.is-follow.is-active{border-color:#f59e0b;background:#3a2a0d;color:#fde68a}
.rcm-relation-card .rcm-relation-toggle:disabled{opacity:.45;cursor:not-allowed}
.rcm-relation-card .rcm-relation-icon{width:14px;text-align:center;font-size:13px;line-height:1}

/* VIP tools retain their compact slot at the right edge of the full-width name row. */
.rcm-vip-card-tools{display:flex;align-items:center;gap:5px;flex:0 0 auto;padding-right:8px}
.rcm-vip-card-tools form{margin:0}
.rcm-vip-card-edit,.rcm-vip-card-delete{
    display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 7px;
    border:1px solid #475569;border-radius:6px;background:#172033;color:#93c5fd;
    font-size:10px;font-weight:900;line-height:1;text-decoration:none;cursor:pointer
}
.rcm-vip-card-delete{color:#fca5a5;border-color:#7f1d1d;background:#2a1116}

@media(max-width:600px){
    .rcm-relation-card.rcm-compact-entity-card.has-list-thumb{
        grid-template-columns:72px minmax(0,1fr);
        grid-template-rows:auto minmax(34px,auto) minmax(36px,auto);
    }
    .rcm-relation-card .rcm-relation-card-name{padding:8px 9px 7px;font-size:17px}
    .rcm-entity-list-thumb{padding:4px}
    .rcm-relation-card .rcm-relation-card-meta{min-height:34px;padding:4px 6px;font-size:11px}
    .rcm-relation-card .rcm-entity-meta-stats-row{gap:3px}
    .rcm-relation-card .rcm-relation-card-stats{grid-template-columns:repeat(2,34px);gap:1px}
    .rcm-relation-card .rcm-relation-card-stats.is-profile-activity{grid-template-columns:repeat(3,31px);gap:1px}
    .rcm-relation-card .rcm-relation-card-number strong{font-size:13px}
    .rcm-relation-card .rcm-relation-card-number small{font-size:5.2px}
    .rcm-relation-card .rcm-relation-card-bottom{min-height:36px;padding:4px 6px 5px;gap:4px}
    .rcm-relation-card .rcm-relation-card-bottom.is-empty{min-height:36px}
    .rcm-relation-card .rcm-relation-card-actions{gap:4px}
    .rcm-relation-card .rcm-relation-toggle{min-width:68px;padding:3px 5px;font-size:9.5px;gap:3px}
    .rcm-relation-card .rcm-relation-icon{width:12px;font-size:12px}
    .rcm-vip-card-tools{gap:4px;padding-right:6px}
    .rcm-vip-card-edit,.rcm-vip-card-delete{min-height:23px;padding:3px 5px;font-size:9px}
}