/* Staff avatars in selects/menus and small polish. Uses theme variables only. */
.styled-select-trigger > span:first-child,
.styled-select-option { display: flex; align-items: center; gap: 10px; min-width: 0; }
.styled-select-trigger > span:first-child { overflow: visible; }
.ticket-filters .styled-select-trigger > span:first-child { justify-content: center; }
.styled-select-option { padding: 8px 10px; border-radius: 10px; }
.styled-select-option .select-label,
.styled-select-trigger .select-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.styled-select-option .avatar,
.styled-select-trigger .avatar { flex: 0 0 24px; }
.styled-select-option[aria-selected="true"] { background: var(--accent-soft); }
.styled-select-option[aria-selected="true"]::after { content: "✓"; margin-left: auto; color: var(--accent-2); font-weight: 700; }
.select-glyph { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; background: var(--raised); color: var(--muted); font-size: 12px; line-height: 1; }
.styled-select-option[aria-selected="true"] .select-glyph { background: var(--accent-soft); color: var(--accent-2); }
.styled-select-menu { max-width: min(300px, 88vw); }
.info-assignee { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.info-assignee .avatar { flex: 0 0 24px; }
.info-assignee > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.avatar-24 { width: 24px; height: 24px; }
.ticket-item, .top-tab, .ghost-btn, .primary-btn, .styled-select-trigger { transition: background-color .15s ease, border-color .15s ease, color .15s ease; }