/* Profile picture (public/modules/avatar.js) */
.av-row { display: flex; align-items: center; gap: 16px; margin: 2px 0 6px; }
.av-row.busy { opacity: .6; pointer-events: none; }
.av-pic { position: relative; flex-shrink: 0; width: 72px; height: 72px; padding: 0; border-radius: 50%; border: 1px solid var(--line); background: linear-gradient(135deg, #F7A34A, #E2552B); overflow: hidden; cursor: pointer; display: grid; place-items: center; }
.av-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.av-init { color: #fff; font-size: 28px; font-weight: 700; }
.av-cam { position: absolute; inset: 0; margin: auto; width: 100%; height: 100%; padding: 25px; box-sizing: border-box; color: #fff; background: rgba(0, 0, 0, .45); opacity: 0; transition: opacity .15s; }
.av-pic:hover .av-cam, .av-pic:focus-visible .av-cam, .av-pic.over .av-cam { opacity: 1; }
.av-pic.over { outline: 3px solid var(--select); outline-offset: 2px; }
.av-side { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.av-side > b { font-size: 14px; }
.av-side > span { font-size: 12.5px; color: var(--ink-faint); }
.av-btns { display: flex; gap: 8px; margin-top: 6px; flex-wrap: wrap; }
.av-rm[hidden] { display: none; }