/* ============================================================
   CUSTOMER CONSOLE · ROOM module css
   ============================================================ */

/* ============ LIVE ROOM ============ */
.rm-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:14px;height:calc(100vh - 60px - 44px);min-height:470px}
.rm-stagebox{display:flex;flex-direction:column;gap:12px;min-width:0;overflow-y:auto}
.rm-stagebox .lv-stage{border-radius:16px;border:1px solid var(--border);min-height:280px}
.rm-hearts{position:absolute;right:14px;bottom:56px;z-index:6;pointer-events:none;display:flex;flex-direction:column-reverse;gap:6px;align-items:center}
.rm-heart{font-size:20px;animation:cuHeart 1.6s ease-out forwards}
@keyframes cuHeart{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}100%{transform:translateY(-110px) scale(1.25);opacity:0}}
.rm-meta{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px 15px;flex-wrap:wrap}
.rm-meta .grow{flex:1;min-width:170px}
.rm-meta .grow b{display:block;font-size:14.5px}
.rm-meta .grow span{font-size:11.5px;color:var(--dim)}
.rm-chatbox{background:var(--panel);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.rm-msgs{flex:1;overflow-y:auto;padding:13px;display:flex;flex-direction:column;gap:9px}
.rm-msg{display:flex;gap:8px;align-items:flex-start;font-size:12.5px}
.rm-msg .ava{width:26px;height:26px;font-size:9.5px;flex:none}
.rm-msg .b{min-width:0}
.rm-msg .b b{font-size:11px;color:var(--gold);display:block}
.rm-msg.host .b b{color:#60a5fa}
.rm-msg .b span{color:var(--text-2);line-height:1.45;word-break:break-word}
.rm-quick{display:flex;gap:6px;padding:0 13px 8px}
.rm-quick .rx{font-size:14px;padding:4px 10px}