/* 彩虹橋小窗台：非主人看到的「限主人」鎖定按鈕（2026-11-11 站長）。腳本：room-lock.js。只有非主人才載入。
   第二排（紙飛機／音樂盒／小撢子）訪客也看得到，變淺＋虛線框，點了會說明；按鈕不用 disabled（disabled 點不了、也跳不出說明），用 aria-disabled。
   排版（手機三等分／二等分）沿用 room-duster.css：鎖定的紙飛機帶 .rm-act-air，有它＝三等分，沒有（紙飛機還沒開放）＝二等分 */
.rm-actions:has(.rm-lock-label) { flex-wrap: wrap; }   /* 寬螢幕也要換行：標籤佔一整行，第二排另起一行 */
.rm-lock-label {
    flex: 0 0 100%; display: flex; align-items: center; justify-content: center; gap: .6rem; margin: .2rem 0 -.05rem;
    font-size: .74rem; letter-spacing: .1em; color: var(--rm-dim); user-select: none;
}
.rm-lock-label::before, .rm-lock-label::after { content: ''; flex: 1; max-width: 9rem; height: 1px; background: rgba(224, 178, 122, .24); }
.rm-lock-label .material-icons { font-size: .95rem; margin: 0 -.35rem 0 0; }
.rm-act.is-locked { opacity: .5; border-style: dashed; cursor: pointer; }
.rm-act.is-locked:hover { opacity: .62; }
.rm-act.is-locked:focus, .rm-act.is-locked:focus-visible { outline: none; }

/* 點了出現的說明視窗：外框沿用 room-msg.css 的 .rm-msg／.rm-msg-box（手機底部面板、桌機置中） */
.rm-lockdlg-d { margin: .2rem 0 .7rem; font-size: .92rem; line-height: 1.75; color: var(--rm-text); }
.rm-lockdlg-m { margin: 0 0 1rem; font-size: .84rem; line-height: 1.7; color: var(--rm-dim); }
.rm-lockdlg .rm-msg-foot { gap: .6rem; flex-wrap: wrap; justify-content: flex-end; }
.rm-lockdlg .rm-btn-gold, .rm-lockdlg .rm-btn-ghost { white-space: normal; text-align: center; }
