/* V381 — scoped exclusively to My Space; overrides older night/day themes. */
html body.studio-app #view-guests.room-view.guests-room,
html body.studio-app.night #view-guests.room-view.guests-room,
html body.studio-app.day #view-guests.room-view.guests-room {
 background: #17110d url("assets/my-space-abbasid-v379.webp") center center / cover no-repeat fixed !important;
 background-attachment: fixed !important;
 min-height: 100vh !important;
}
/* No secondary section background, including at the bottom of the scroll. */
html body.studio-app #view-guests .room-hero,
html body.studio-app #view-guests .room-hero-inner,
html body.studio-app #view-guests .content-shell,
html body.studio-app #view-guests .guest-layout {
 background: transparent !important;
 background-image: none !important;
 background-color: transparent !important;
}
html body.studio-app #view-guests .room-hero::before,
html body.studio-app #view-guests .room-hero::after,
html body.studio-app #view-guests .room-hero-inner::before,
html body.studio-app #view-guests .room-hero-inner::after,
html body.studio-app #view-guests .guest-card::before,
html body.studio-app #view-guests .guest-card::after,
html body.studio-app #view-guests .guest-ledger::before,
html body.studio-app #view-guests .guest-ledger::after { content:none!important;display:none!important; }
html body.studio-app #view-guests .room-hero-graphic {display:none!important;}
/* Smaller centered cards with a restrained basalt surface, no yellow top line. */
html body.studio-app #view-guests .guest-layout {
 width:min(760px,calc(100% - 32px)) !important;
 max-width:760px !important;
 margin:0 auto !important;
 display:grid !important;
 grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 gap:18px !important;
 align-items:start !important;
 justify-content:center !important;
}
html body.studio-app #view-guests .guest-layout > .guest-card,
html body.studio-app #view-guests .guest-layout > .guest-ledger {
 box-sizing:border-box !important;
 width:100% !important;
 min-width:0 !important;
 max-width:370px !important;
 margin:0 auto !important;
 padding:20px 18px !important;
 background:#222526 !important;
 background-color:#222526 !important;
 background-image:none !important;
 border:1px solid rgba(205,212,211,.22) !important;
 border-top:1px solid rgba(205,212,211,.22) !important;
 border-radius:12px !important;
 box-shadow:0 12px 30px rgba(0,0,0,.35) !important;
 color:#ecebe7 !important;
}
html body.studio-app #view-guests .guest-layout > .guest-card h3,
html body.studio-app #view-guests .guest-layout > .guest-ledger h3 {color:#f2f0eb!important;font-size:clamp(21px,2.4vw,27px)!important;}
html body.studio-app #view-guests .guest-layout > .guest-card p,
html body.studio-app #view-guests .guest-layout > .guest-ledger p {color:#c5c9c8!important;}
html body.studio-app #view-guests .guest-layout .ledger-row {border-color:rgba(205,212,211,.19)!important;}
@media(max-width:700px){
 html body.studio-app #view-guests.room-view.guests-room {background-position:48% center!important;}
 html body.studio-app #view-guests .guest-layout {width:min(390px,calc(100% - 28px))!important;grid-template-columns:1fr!important;gap:14px!important;}
 html body.studio-app #view-guests .guest-layout > .guest-card,
 html body.studio-app #view-guests .guest-layout > .guest-ledger {max-width:390px!important;padding:18px 16px!important;}
}