/* Owner moderation (app/js/moderate.js): the menu on a name, the banner for a mute or a timeout, the tags on tiles,
   the controls a timeout turns off, and the owner's list of bans. The lines the room writes in the chat ("the owner
   muted Sam") look like every line the room writes: .chat-sys in room.css. */

.person-menu { position: fixed; top: 0; left: 0; right: auto; z-index: 40; }
.person-menu .menu-head { margin: 0; padding: 8px 12px 6px; font: 600 13px var(--mono); color: var(--ink-2); max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu-item.danger { color: var(--warn-ink); }

.modbar { padding: 10px 16px; background: var(--panel); box-shadow: inset 0 -1px 0 var(--line); color: var(--ink); font: 400 14px var(--mono); }
.modbar[hidden] { display: none; }
.modbar.timed { background: var(--warn-soft); color: var(--warn-ink); }

.mod-tag { display: inline-flex; align-items: center; margin-left: 4px; padding: 0 6px; border-radius: 6px; background: var(--warn-soft); color: var(--warn-ink); font: 500 11px var(--mono); white-space: nowrap; }

.mod-timeout #tools, .mod-timeout #vote-acts { pointer-events: none; opacity: .45; }
/* A card's clear marks button: a timed-out person can't change marks (the room refuses it), so it isn't offered. */
.mod-timeout .item-unmark { display: none; }

.bans-list { display: flex; flex-direction: column; max-height: 50vh; overflow-y: auto; }
.ban-row { display: flex; align-items: center; gap: 12px; padding: 8px 0; }
.ban-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 15px var(--sans); }