/* =============================================================================
   Avatar action menu (MwAvatarActionMenu) — an initials tile doubling as a row
   action-menu activator (the entitlements people-grid pattern, shared).
   Prefix: mw-avm-*
   ============================================================================= */

/* NOTE: The avatar tile IS a <button> — the button chrome is reset so only the tile shows. The
   accent comes from --c (set inline via the AccentColor parameter, or inherited from an ancestor),
   falling back to the theme primary. */
.mw-avm-avatar {
    width: 30px;
    height: 30px;
    padding: 0;
    display: grid;
    place-items: center;
    flex: none;
    border-radius: 9px;
    border-bottom-left-radius: 3px;
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    outline: none;
    color: color-mix(in srgb, var(--c, var(--mud-palette-primary)) 55%, var(--mud-palette-text-primary));
    background: color-mix(in srgb, var(--c, var(--mud-palette-primary)) 15%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--c, var(--mud-palette-primary)) 32%, transparent);
    transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

/* NOTE: Accent focus ring on hover and while the menu is open. */
.mw-avm-avatar:hover,
.mw-menu-open .mw-avm-avatar {
    border-color: color-mix(in srgb, var(--c, var(--mud-palette-primary)) 55%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--c, var(--mud-palette-primary)) 18%, transparent);
}