.talveni-avatar-picker { margin: 16px 0; padding: 16px; border: 1px solid var(--line, #dce5ef); border-radius: 16px; background: var(--panel, #fff); color: var(--ink, #152d4a); }
.talveni-avatar-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.talveni-avatar-heading h3 { margin: 0; font-size: 16px; }
.talveni-avatar-tabs { display: flex; gap: 8px; margin: 16px 0; }
.talveni-avatar-action { min-height: 40px; padding: 8px 14px; border: 1px solid var(--line, #dce5ef); border-radius: 10px; background: var(--panel, #fff); color: var(--accent-strong, #2464b9); font: inherit; font-size: 14px; cursor: pointer; }
.talveni-avatar-action.primary, .talveni-avatar-tabs [aria-selected=true] { background: var(--accent-soft, #e4efff); border-color: transparent; }
.talveni-avatar-panel { display: flex; flex-wrap: wrap; gap: 10px; }
.talveni-avatar-panel[hidden], .talveni-avatar-panel input[hidden] { display: none !important; }
.talveni-avatar-emoji-grid { flex-basis: 100%; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; max-width: 390px; }
.talveni-avatar-emoji { min-width: 0; min-height: 44px; border: 2px solid transparent; border-radius: 12px; background: transparent; font-size: 28px; cursor: pointer; }
.talveni-avatar-emoji[aria-pressed=true] { border-color: var(--accent, #3478d4); background: var(--accent-soft, #e4efff); }
.talveni-avatar-emoji-input { min-width: 0; max-width: 210px; padding: 10px 12px; border: 1px solid var(--line, #dce5ef); border-radius: 10px; background: var(--panel, #fff); color: inherit; font: inherit; }
.talveni-avatar-picker button:disabled { opacity: .5; cursor: default; }
.talveni-avatar-picker button:focus-visible, .talveni-avatar-picker input:focus-visible { outline: 2px solid var(--accent, #3478d4); outline-offset: 2px; }
.matrix-profile-service-id, .matrix-profile-service-id #matrixCopyProfileNumericId { color: var(--muted, #74808e); font-size: 12px; font-weight: 400; }
.matrix-profile-service-id #matrixCopyProfileNumericId { background: transparent; border-color: transparent; padding-left: 0; }
.room-admin-avatar-button { padding: 0; border: 0; border-radius: 25%; background: transparent; cursor: pointer; }
