/* Wik Desktop -- pack J: the Room page and the gear page (both pages of the start screen's frame). Classes `.rm-` only (§9.16).
   port: CrossroadsActivity.kt:354-357 (the frame page's column: 16dp sides, 4dp top, 24dp bottom), RoomPage.kt, RoomSettingsPage.kt. */
/* r4: the page frame and its gutter are core's (kit.pageFrame) */
.rm-body { display: flex; flex-direction: column; min-width: 0; }
.rm-sec { display: flex; flex-direction: column; min-width: 0; }
.rm-none { display: none; }

/* the head's icon row (kit.iconButton discs), top padding 8 (RoomPage.kt:293-297), left-aligned as a LinearLayout */
.rm-iconrow { display: flex; flex-direction: row; align-items: center; padding-top: 8px; min-width: 0; }

/* the founder's Treasury line: a tappable meta line in the text accent, 6dp above and below (RoomPage.kt:491-497) */
/* W1/79 T6: .rm-treasury (the founder's treasury text line) left with the line -- the vault is a header icon now */

/* About */
.rm-about { color: var(--c-text); white-space: pre-wrap; overflow-wrap: anywhere; }
.rm-handle { color: var(--c-dim); cursor: pointer; overflow-wrap: anywhere; }
.rm-tap { cursor: pointer; }

/* People: a horizontal strip (HorizontalScrollView, 10dp above and below); a cell 14dp apart, its name one line, its role / hype under */
.rm-strip { display: flex; flex-direction: row; padding: 10px 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.rm-strip::-webkit-scrollbar { display: none; }
.rm-person { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; padding: 0 14px 0 0; text-align: center; background: none; }
button.rm-person { cursor: pointer; }
.rm-personname { color: var(--c-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rm-personunder { color: var(--c-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Standing: the level box (12dp above and below), the stage bar 5dp tall, 5dp above */
.rm-level { display: flex; flex-direction: column; padding: 12px 0; min-width: 0; }
.rm-stagebar { height: 5px; margin-top: 5px; border-radius: 2.5px; }

/* Contributors: a row of the actionRow's metrics (52dp, 8dp), the face 12dp before the name, the points at the end */
.rm-rule { background: var(--c-card-border); flex: 0 0 auto; }
.rm-contrib { display: flex; flex-direction: row; align-items: center; min-height: 52px; padding: 8px 0; width: 100%; text-align: start; background: none; }
button.rm-contrib { cursor: pointer; }
.rm-contribface { flex: 0 0 auto; margin-inline-end: 12px; }
.rm-contribname { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* W1/78 W178_DESK: the locked room (the lock glyph + its words, 10dp above and below) and the picture's credit line (meta, dim) */
.rm-lockrow { display: flex; flex-direction: row; align-items: center; gap: 8px; padding: 10px 0; min-width: 0; }
.rm-lockglyph { flex: 0 0 auto; display: inline-flex; color: var(--c-dim); }
.rm-lockglyph > * { width: 100%; height: 100%; }
.rm-locktext { color: var(--c-text); overflow-wrap: anywhere; min-width: 0; }
.rm-credit { color: var(--c-dim); padding: 4px 0 0; overflow-wrap: anywhere; }