/* V27.5.74.39 - light granite outer skins + green lower rows. */
:root{
    --rcm-panel-texture:url('/static/images/ui/panel-texture-detailed.png');
    --rcm-card-lower-texture:url('/static/images/ui/card-texture-green.png');
    --rcm-surface-base:#131b27;
    --rcm-surface-border:#3c4a60;
    --rcm-card-base:#020305;
    --rcm-card-mid:#020305;
    --rcm-card-border:#334155;
    --rcm-card-bed:#aeb7c3;
    --rcm-card-bed-border:#cbd5e1;
}

/* Textured outer scroll/slide areas only. */
.content-panel-card,
.band-list-scroll-box,
.venue-list-scroll-box,
.profile-list-scroll-box,
.musician-list-scroll-box,
.calendar-scroll-box,
.preference-list-scroll-box,
.my-profile-scroll-box,
.person-profile-scroll-box,
.account-scroll-box,
.event-detail-scroll-box,
.band-detail-scroll-box,
.venue-detail-scroll-box{
    background-color:var(--rcm-surface-base) !important;
    background-image:
        linear-gradient(180deg, rgba(6,10,18,.60) 0%, rgba(14,20,32,.76) 100%),
        var(--rcm-panel-texture) !important;
    background-position:center center, center center !important;
    background-size:auto, 760px auto !important;
    background-repeat:no-repeat, repeat !important;
    border-color:var(--rcm-surface-border) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.18);
}


/* List bed/tray styling moved to shared list_surfaces.css in V27.5.74.39. */

/* Clickable cards return to clean, solid surfaces. */
.rcm-relation-card,
.profile-list-card,
.musician-list-card,
.calendar-event,
.venue-event-card,
.band-event-card,
.person-detail-card,
.event-links-card,
.account-panel-card,
.preference-card{
    background:var(--rcm-card-base) !important;
    border-color:var(--rcm-card-border) !important;
}

/* Solid top/middle card areas so the scroll texture does not show through. */
.rcm-relation-card .rcm-relation-card-name-row,
.rcm-relation-card .rcm-relation-card-name,
.profile-list-main,
.musician-list-main,
.calendar-event,
.calendar-event-main{
    background:var(--rcm-card-base) !important;
}

.rcm-relation-card .rcm-relation-card-meta,
.profile-list-secondary,
.musician-list-secondary,
.calendar-event-venue,
.calendar-event-title-line,
.calendar-event-links,
.calendar-event-details,
.calendar-event-lower,
.venue-event-info,
.band-event-info{
    background:transparent !important;
}

.rcm-relation-card .rcm-relation-card-meta,
.venue-list-address,
.band-list-location,
.fan-list-location,
.artist-list-location{
    background:var(--rcm-card-mid) !important;
}

/* Only the lower row/footer/action areas get the green granite texture. */
.rcm-relation-card .rcm-relation-card-bottom,
.calendar-event-bottom,
.profile-list-bottom,
.musician-list-bottom{
    background-color:#0f172a !important;
    background-image:
        linear-gradient(180deg, rgba(7,10,16,.50) 0%, rgba(10,15,20,.64) 100%),
        var(--rcm-card-lower-texture) !important;
    background-position:center center, center center !important;
    background-size:auto, 420px auto !important;
    background-repeat:no-repeat, repeat !important;
}

/* Hover stays clean. */
.calendar-event:hover,
.calendar-event:active,
.rcm-relation-card:hover,
.profile-list-card:hover,
.musician-list-card:hover{
    background:#162134 !important;
}

.rcm-relation-card:hover .rcm-relation-card-name-row,
.calendar-event:hover .calendar-event-main,
.profile-list-card:hover .profile-list-main,
.musician-list-card:hover .musician-list-main{
    background:#162134 !important;
}

/* Keep strong selected state, but no noisy texture in the main clickable face. */
[data-rcm-card-id].is-rcm-list-focused,
.calendar-event.is-rcm-list-focused,
.rcm-relation-card.is-rcm-list-focused,
.profile-list-card.is-rcm-list-focused,
.musician-list-card.is-rcm-list-focused{
    background:#182650 !important;
}

.rcm-relation-card.is-rcm-list-focused .rcm-relation-card-name-row,
.rcm-relation-card.is-rcm-list-focused .rcm-relation-card-meta,
.calendar-event.is-rcm-list-focused .calendar-event-main,
.profile-list-card.is-rcm-list-focused .profile-list-main,
.musician-list-card.is-rcm-list-focused .musician-list-main{
    background:#182650 !important;
}

.rcm-relation-card.is-rcm-list-focused .rcm-relation-card-bottom,
.calendar-event.is-rcm-list-focused .calendar-event-bottom,
.profile-list-card.is-rcm-list-focused .profile-list-bottom,
.musician-list-card.is-rcm-list-focused .musician-list-bottom{
    background-image:
        linear-gradient(180deg, rgba(42,64,136,.86) 0%, rgba(51,70,168,.94) 100%),
        var(--rcm-card-lower-texture) !important;
    background-size:auto, 420px auto !important;
    background-repeat:no-repeat, repeat !important;
}

@media (max-width: 600px){
    .content-panel-card,
    .band-list-scroll-box,
    .venue-list-scroll-box,
    .profile-list-scroll-box,
    .musician-list-scroll-box,
    .calendar-scroll-box,
    .preference-list-scroll-box,
    .my-profile-scroll-box,
    .person-profile-scroll-box,
    .account-scroll-box,
    .event-detail-scroll-box,
    .band-detail-scroll-box,
    .venue-detail-scroll-box{
        background-size:auto, 520px auto !important;
    }
    .rcm-relation-card .rcm-relation-card-bottom,
    .calendar-event-bottom,
    .profile-list-bottom,
    .musician-list-bottom,
    .rcm-relation-card.is-rcm-list-focused .rcm-relation-card-bottom,
    .calendar-event.is-rcm-list-focused .calendar-event-bottom,
    .profile-list-card.is-rcm-list-focused .profile-list-bottom,
    .musician-list-card.is-rcm-list-focused .musician-list-bottom{
        background-size:auto, 300px auto !important;
    }
}