.room-user-info{width:360px;direction:rtl;background:var(--room-bar,#b5cdd2);border:1px solid var(--room-dark,#447d89);box-shadow:2px 3px 8px #0004;color:#111;font:12px Tahoma,Arial,sans-serif;overflow:auto}
.room-user-info[hidden]{display:none!important}
.room-user-info-title{display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--room-bar,#b5cdd2);border-bottom:1px solid var(--room-dark,#447d89);cursor:move;user-select:none;touch-action:none}
.room-user-info-title strong{flex:1;font-size:12px}
.room-user-info-title button{background:#a32323;color:white;border:0;border-radius:2px;min-width:23px;min-height:23px;padding:0;font:bold 20px Arial;cursor:pointer}
.room-user-info-body{display:flex;gap:10px;align-items:flex-start;background:#fff;margin:4px;padding:12px 10px;min-height:125px}
.room-user-info-icon{display:grid;place-items:center;flex:0 0 23px;height:23px;border:2px solid currentColor;border-radius:50%;color:var(--room-dark,#447d89);font:bold 19px Arial}
.room-user-info-small-icon{display:grid;place-items:center;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;font:bold 12px Arial}
.room-user-info dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 8px;margin:0;flex:1;min-width:0;line-height:1.4}
.room-user-info dt{font-weight:bold}.room-user-info dd{margin:0;overflow-wrap:anywhere;user-select:text}
.room-user-info footer{display:flex;justify-content:flex-end;padding:5px 10px}
.room-user-info footer button{min-height:26px;min-width:65px;border:1px solid var(--room-dark,#447d89);background:#fff;color:#111;padding:3px 12px;font:12px Tahoma;cursor:pointer}
@media(max-width:750px){.room-user-info{width:292px;font-size:11px}.room-user-info-body{padding:9px 7px;gap:7px;min-height:110px}.room-user-info dl{gap:5px 6px;grid-template-columns:90px minmax(0,1fr)}.room-user-info-title strong{font-size:11px}}